/* Philippines 2.0 — photographic atlas and compact destination directory. */
.atlas-grid{grid-template-columns:minmax(0,1fr) 224px!important;gap:12px;align-items:start}
.atlas-main>.map-stage,.map-stage{height:auto!important;min-height:0!important;aspect-ratio:3/2;overflow:hidden;background:#030a0b!important;border-radius:15px}
.v20-country-map,.v20-map-frame{position:relative;width:100%;height:100%}
.v20-map-photo{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.v20-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-10px,-29px);display:flex;align-items:center;gap:5px;min-height:36px;padding:0;border:0;border-radius:6px;background:none;color:#f4efe2;cursor:pointer;isolation:isolate;white-space:nowrap}
.v20-pin svg{width:21px;height:30px;flex:none;overflow:visible;filter:drop-shadow(0 2px 3px #000);transition:filter .25s,transform .25s}
.v20-pin svg path{fill:#dfb75e;stroke:#ffefb6;stroke-width:1.1}
.v20-pin svg circle{fill:#172018;stroke:#98782f;stroke-width:1}
.v20-label{position:relative;font-size:clamp(12px,1.17vw,17px);font-weight:700;letter-spacing:.015em;text-shadow:0 1px 1px #000,0 2px 5px #000,0 0 9px #000;transition:color .3s,transform .3s,text-shadow .3s}
.v20-label:after{content:'';position:absolute;inset:-10px -13px;opacity:0;background:linear-gradient(115deg,transparent 32%,#fff8d5bb 49%,transparent 65%);transform:translateX(-65%) skewX(-15deg);pointer-events:none;mix-blend-mode:screen}
.v20-pin:hover,.v20-pin:focus-visible{z-index:5;outline:0}
.v20-pin:hover .v20-label,.v20-pin:focus-visible .v20-label{color:#ffe39a;transform:translateY(-2px);text-shadow:0 1px #896224,0 2px #674514,0 3px #402b0e,0 4px 7px #000,0 0 15px #e9b346bb}
.v20-pin:hover .v20-label:after,.v20-pin:focus-visible .v20-label:after{animation:v20-glint .7s ease-out both}
.v20-pin:hover svg,.v20-pin:focus-visible svg{filter:drop-shadow(0 0 7px #f0ba4d);transform:translateY(-3px)}
.v20-pin:focus-visible{outline:1px solid #ffe39a;outline-offset:5px}
@keyframes v20-glint{0%{opacity:0;transform:translateX(-65%) skewX(-15deg)}35%{opacity:.8}100%{opacity:0;transform:translateX(65%) skewX(-15deg)}}
.directory{padding:0!important;background:#0b100f;border:1px solid #b9964b40;border-radius:14px;overflow:hidden}
.v15-tree-shell{margin:0!important;border:0!important;background:none!important}
.v15-country{display:flex!important;align-items:center;gap:8px;width:100%;min-height:49px;padding:12px!important;border:0;border-bottom:1px solid #b9964b30!important;background:#141913!important;color:#f4dc9c;text-align:left;cursor:pointer}
.v15-country strong{font-size:15px!important}.v20-count{margin-left:auto;font-size:12px;color:#aaa68f;white-space:nowrap}.v15-country>.v15-chevron{display:none}
.v15-islands{padding:5px!important;display:block!important}.v15-island{border:0!important;margin:0!important;background:none!important;border-radius:7px}
.v15-island-head,.v20-direct{display:flex;align-items:center;gap:7px;width:100%;min-height:36px!important;padding:8px 10px!important;border:0!important;background:none;color:#d8d8cd;font-size:14px!important;text-align:left;cursor:pointer;border-radius:7px}
.v15-island-head>.icon,.v20-direct>.icon{display:none!important}.v15-island-head span:nth-child(1){flex:1}.v15-chevron{margin-left:auto;font-size:16px;color:#a49879}
.v15-island-head:hover,.v20-direct:hover,.v15-island.is-active>.v15-island-head,.v20-direct.active{background:#c4a25016;color:#f3d88f}
.v15-city-list{display:none;padding:0 5px 5px 12px!important}.v15-island.open>.v15-city-list{display:block}
.v15-city{display:block!important;width:100%;min-height:33px;padding:6px 8px!important;background:none;border:0;text-align:left;color:#b2b7a8;font-size:13px!important;cursor:pointer;border-left:1px solid #c4a25040!important}
.v15-city .icon{display:none!important}.v15-city:hover,.v15-city.active{color:#ffe1a0;background:#b9943612}
.v15-island-head:focus-visible,.v15-city:focus-visible,.v20-direct:focus-visible,.v15-country:focus-visible{outline:1px solid #e5c77f;outline-offset:-2px}
.directory-heading,.directory-feature,.directory-filters,.tree-tag,.map-controls,.map-popup,.map-foot,.map-motto,.map-detail-badge,.compass,.v15-map-tools,.v15-map-breadcrumb,.v15-map-legend,.v17-panel,.v17-pan-badge,.v18-map-label,.v18-quality{display:none!important}
.map-stage .v15-map-title,.map-stage .v15-map-sub,.map-stage .v17-davao-bubble,.map-stage .v17-davao-bubble-t1,.map-stage .v17-davao-bubble-t2{display:none!important}
.map-stage:has(.v18-island-map){height:620px!important;aspect-ratio:auto}
@media(max-width:1000px){.atlas-grid{grid-template-columns:minmax(0,1fr) 190px!important}.v20-label{font-size:12px}.v20-pin{gap:3px}.v20-pin svg{width:16px;height:24px}}
@media(max-width:760px){.atlas-grid{display:flex!important;flex-direction:column;gap:10px}.atlas-main{width:100%;order:1}.directory{width:100%;order:0}.v15-islands{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.v15-island-head,.v20-direct{font-size:13px!important;padding:7px!important}.v15-island.open{grid-column:1/-1}.v15-city-list{padding-bottom:8px!important}.v15-country{min-height:43px}.atlas-main>.map-stage{width:100%;aspect-ratio:3/2;min-height:0!important}.v20-label{font-size:clamp(9px,2.6vw,13px)}.v20-pin{min-height:28px;gap:2px;transform:translate(-6px,-21px)}.v20-pin svg{width:13px;height:20px}.home-content{padding:12px 10px 0}}
@media(prefers-reduced-motion:reduce){.v20-pin *{animation:none!important;transition:none!important}.v20-pin:hover .v20-label:after{display:none}}
.no-motion .v20-pin *{animation:none!important;transition:none!important}
.v20-pin[data-id="samal"]{margin-top:40px}
.v20-pin[data-id="samal"]:before{content:'';position:absolute;left:10px;bottom:30px;width:1px;height:37px;background:#efd38e88;z-index:-1}
@media(min-width:761px) and (max-width:1100px){.v20-pin{min-height:25px}.v20-pin[data-id="mindanao"]{margin-left:-45px}.v20-pin[data-id="bohol"]{margin-top:4px}}
@media(min-width:761px) and (max-width:1100px){.atlas-grid{grid-template-columns:minmax(0,1fr)!important}.directory{grid-row:1}.v15-islands{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))}.v15-island.open{grid-column:1/-1}}
@media(max-width:760px){
  .atlas-main>.map-stage{aspect-ratio:1/1!important}
  .v20-map-photo{position:absolute;width:150%;max-width:none;left:-25%;object-fit:fill}
  .v20-pin{left:calc(var(--x)*1.5 - 25%);min-height:26px}
  .v20-label{font-size:12px}
  .v20-pin[data-id="el-nido"]{margin-top:7px}
  .v20-pin[data-id="boracay"]{margin-top:-15px}
  .v20-pin[data-id="cebu"]{margin-top:-9px}
  .v20-pin[data-id="bohol"]{margin-top:3px}
  .v20-pin[data-id="siargao"]{margin-left:-27px;margin-top:-23px}
  .v20-pin[data-id="mindanao"]{margin-left:-45px;margin-top:-8px}
  .v20-pin[data-id="davao"]{margin-top:8px}
  .v20-pin[data-id="samal"]{margin-top:36px}
  .v20-pin[data-id="samal"]:before{left:6px;bottom:23px;height:35px}
}