/* Luxe Horizon v2.10.1 — accurate, balanced Sri Lanka route map */
.packagePanel[data-package-panel="map"]{overflow:hidden}
.autoRouteMap{
 display:grid;
 grid-template-columns:minmax(300px,.78fr) minmax(430px,1.22fr);
 gap:clamp(28px,4vw,58px);
 align-items:start;
 margin:0
}
.routeMapCanvas{
 position:relative;
 width:min(100%,460px);
 min-height:0!important;
 aspect-ratio:520/720;
 margin:0 auto;
 padding:14px;
 overflow:hidden;
 border:1px solid rgba(239,201,121,.42);
 border-radius:18px 42px;
 background:
  radial-gradient(circle at 50% 42%,rgba(21,78,126,.46),rgba(2,9,20,.85) 62%),
  linear-gradient(145deg,#06192d,#020914 72%);
 box-shadow:inset 0 0 55px rgba(0,0,0,.42),0 26px 64px rgba(0,0,0,.3)
}
.routeMapCanvas::after{
 content:"";
 position:absolute;
 inset:13px;
 pointer-events:none;
 border:1px solid rgba(239,201,121,.13);
 border-radius:12px 32px
}
.routeMapCanvas svg{
 position:relative;
 z-index:1;
 display:block;
 width:100%;
 height:auto!important;
 aspect-ratio:520/720;
 overflow:visible
}
.routeSeaGlow{fill:url(#routeSeaGlow)}
.routeProvince{
 stroke:rgba(239,201,121,.55);
 stroke-width:1.15;
 vector-effect:non-scaling-stroke;
 stroke-linejoin:round;
 transition:fill .25s ease,filter .25s ease
}
.routeProvince1{fill:#0b3155}
.routeProvince2{fill:#10436f}
.routeProvince3{fill:#0d375f}
.routeProvince4{fill:#154a77}
.routeProvince:hover{fill:#1b5a8d;filter:brightness(1.12)}
.routeNorth text{fill:#efc979;font:800 15px/1 Arial,sans-serif;letter-spacing:.1em}
.routeNorth path{fill:none;stroke:#efc979;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.routeDistrictGlow{fill:rgba(232,183,89,.19);stroke:rgba(255,241,206,.28);stroke-width:1.1}
.routePathShadow{fill:none;stroke:#020914;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;opacity:.78}
.routePath{fill:none;stroke:#f0c76f;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 9;filter:url(#routeGlow)}
.routeMarker circle{fill:#efc979;stroke:#fff4d8;stroke-width:2.6;filter:drop-shadow(0 6px 9px rgba(0,0,0,.68))}
.routeMarker text{fill:#061426;font:900 13px Arial,sans-serif}
.routeMapDetails{max-width:none;margin:0;padding-top:10px}
.routeMapEyebrow{margin:0 0 10px;color:#efc979;font:800 10px/1.2 Arial,sans-serif;letter-spacing:.22em}
.routeMapDetails h4{max-width:640px;margin:0 0 22px;color:#fff;font:clamp(30px,3.2vw,45px)/1.04 Georgia,serif;text-wrap:balance}
.routeStopList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.routeStopList li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:4px 16px;background:linear-gradient(135deg,rgba(13,55,95,.8),rgba(2,9,20,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.routeStopList>li>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #efc979;border-radius:50%;color:#efc979;font:800 12px Arial,sans-serif}
.routeStopList b{display:block;overflow-wrap:anywhere;color:#f7f3eb;font:700 17px/1.25 Georgia,serif}
.routeStopList small,.routeStopList em{display:block;margin-top:4px;color:#91abc4;font:normal 10px/1.4 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.routeStopList em{color:#c9d6e2;text-transform:none;letter-spacing:.02em}
.routeMapNote{margin:16px 0 0;color:#7898b6;font-size:11px;line-height:1.55}
.routeMapCredit{margin:5px 0 0;color:#5f7e9d;font-size:9px;line-height:1.45}

@media(max-width:1120px){
 .autoRouteMap{grid-template-columns:minmax(280px,.72fr) minmax(360px,1.28fr);gap:30px}
 .routeStopList{grid-template-columns:1fr}
}
@media(max-width:880px){
 .autoRouteMap{grid-template-columns:1fr;gap:30px}
 .routeMapCanvas{width:min(100%,390px)}
 .routeMapDetails{max-width:none}
 .routeStopList{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .packagePanel[data-package-panel="map"]{padding-inline:13px}
 .routeMapCanvas{width:min(100%,340px);padding:8px;border-radius:12px 27px}
 .routeMapCanvas::after{inset:8px;border-radius:8px 21px}
 .routeMapDetails h4{font-size:30px}
 .routeStopList{grid-template-columns:1fr}
 .routeStopList li{padding:11px}
 .routePath{stroke-width:5.5}
}