/* Phu Quoc keeps the shared itinerary controls with its own bright destination frame. */
body[data-trip="phu-quoc-solos"] { --theme-bg:#eefbff; --theme-bg-2:#d7f0f5; --theme-ink:#102a34; --theme-muted:rgba(16,42,52,.72); --theme-soft:rgba(16,42,52,.56); --theme-line:rgba(16,42,52,.14); --theme-accent:#168ea2; --theme-accent-dark:#116779; --theme-accent-2:#e09135; --theme-accent-3:#24946e; --theme-hero-img: url('/assets/phu-quoc-sao-beach-hero-v1.jpg'); --theme-hero-position: 50% center; }
body[data-trip="phu-quoc-solos"] .hero::before { background: linear-gradient(90deg, rgba(3,20,24,.62), rgba(3,20,24,.08) 78%), var(--trip-hero-img, var(--theme-hero-img)) center / cover no-repeat !important; filter: none !important; transform: none !important; }
body[data-trip="phu-quoc-solos"] .hero::after { background: linear-gradient(0deg,rgba(4,11,17,.8),transparent 75%) !important; }
body[data-trip="phu-quoc-solos"] .hero h1 { max-width: 15ch; font-size: clamp(2.8rem,5.4vw,5.4rem); text-shadow: 0 2px 20px rgba(0,0,0,.3); }
body[data-trip="phu-quoc-solos"] .hero__sub { max-width: 56ch; text-shadow: 0 1px 10px rgba(0,0,0,.5); }
body[data-trip="phu-quoc-solos"] .hero { min-height: 740px; }
.phu-map { border: 1px solid #d8e6df; border-radius: 24px; padding: clamp(18px,3vw,32px); background: #f8fbf7; color: #18372e; }
.phu-map__heading { max-width: 760px; margin-bottom: 24px; }
.phu-map .eyebrow { color:#47755d; }
.phu-map .section-title { color:#18372e; }
.phu-map .section-copy { color:#52695e; }
.phu-map__layout { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); gap:24px; align-items:start; }
.phu-map__drawing { min-width:0; position:sticky; top:100px; }
.phu-map__drawing svg { display:block; width:100%; height:auto; }
.phu-map__island-label { font:600 12px 'Plus Jakarta Sans',sans-serif; letter-spacing:2px; fill:#5c795b; }
.phu-map__sea-label { font:500 10px 'Plus Jakarta Sans',sans-serif; letter-spacing:2px; fill:#70928b; }
.phu-map__north { font:700 12px sans-serif; fill:#355b4d; }
.phu-map__caption { font:11px sans-serif; fill:#5a7c72; }
.phu-map__marker circle { fill:#fff; stroke:#547868; stroke-width:2; }
.phu-map__marker text { font:700 14px sans-serif; fill:#264e3e; }
.phu-map__marker.is-active circle { fill:#1d624b; stroke:#fff; stroke-width:3; }
.phu-map__marker.is-active text { fill:#fff; }
.phu-map__key { display:flex; justify-content:space-between; gap:12px; font-size:11px; margin:12px 2px; color:#52695e; }
.phu-map__key i { display:inline-block; width:20px; border-top:2px dashed #769689; vertical-align:middle; margin-right:5px; }
.phu-map__list { display:grid; gap:8px; }
.phu-map__list button { display:flex; gap:12px; align-items:center; border:1px solid #dbe6dd; background:#fff; color:#18372e; text-align:left; padding:12px 14px; border-radius:12px; width:100%; cursor:pointer; font-family:inherit; }
.phu-map__list button[aria-pressed="true"] { background:#e7f1e7; border-color:#6d967e; }
.phu-map__list button:focus-visible { outline:3px solid #c49435; outline-offset:3px; }
.phu-map__number { display:grid; place-items:center; flex:0 0 30px; height:30px; border:1px solid #a3bba9; border-radius:50%; font-size:12px; font-weight:700; }
.phu-map__list button[aria-pressed="true"] .phu-map__number { background:#1d624b; border-color:#1d624b; color:#fff; }
.phu-map__list small { display:block; font-size:10px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:#56735f; margin-bottom:3px; }
.phu-map__list strong { display:block; font-size:14px; }
.phu-map__list em { display:block; font-style:normal; font-size:11px; color:#65786b; margin-top:3px; }
.phu-map__detail { margin-top:16px; padding:18px; background:#edf3eb; border-radius:12px; min-height:188px; }
.phu-map__detail h3 { margin:0 0 8px; font-size:16px; }
.phu-map__detail p { font-size:13px; line-height:1.7; margin:0 0 12px; color:#455f50; }
.phu-map__detail a { color:#1d624b; font-size:12px; font-weight:700; text-underline-offset:4px; }
.phu-map__note { margin:20px 0 0; padding-top:16px; border-top:1px solid #dbe6dd; font-size:11px; line-height:1.7; color:#65786b; }
@media(max-width:720px) {
 body[data-trip="phu-quoc-solos"] .hero { min-height:760px; }
 body[data-trip="phu-quoc-solos"] .hero::before { background:linear-gradient(0deg,rgba(3,20,24,.68),rgba(3,20,24,.12) 90%),var(--trip-hero-img,var(--theme-hero-img)) 47% center / cover no-repeat !important; }
 body[data-trip="phu-quoc-solos"] .hero h1 { font-size:clamp(2.5rem,10vw,3.8rem); }
 .phu-map__layout { grid-template-columns:1fr; gap:12px; }
 .phu-map__drawing { position:static; }
 .phu-map__detail { min-height:205px; }
 .phu-map__list button { min-height:78px; }
}
@media print { .phu-map__drawing { position:static; } .phu-map__layout { grid-template-columns:1fr 1fr; } }

/* Match the shared theme's selector strength so its dark treatments cannot dim this package. */
body[data-trip="phu-quoc-solos"]:not([data-trip="bir-experience"]):not([data-trip="palampur-bir-couples"]) .hero::before {
 background:linear-gradient(90deg,rgba(3,20,24,.40),rgba(3,20,24,0) 80%),var(--trip-hero-img,var(--theme-hero-img)) 50% center / cover no-repeat !important;
 filter:none !important; transform:none !important; opacity:1 !important;
}
body[data-trip="phu-quoc-solos"]:not([data-trip="bir-experience"]):not([data-trip="palampur-bir-couples"]) .hero::after { height:64px !important; background:linear-gradient(0deg,rgba(4,11,17,.6),transparent) !important; }
body[data-trip="phu-quoc-solos"]:not([data-trip="bir-experience"]):not([data-trip="palampur-bir-couples"]) .hero h1 { max-width:15ch !important; font-size:clamp(2.7rem,5.2vw,4.7rem) !important; text-shadow:0 2px 8px rgba(0,22,28,.65),0 1px 2px rgba(0,0,0,.8) !important; }
body[data-trip="phu-quoc-solos"]:not([data-trip="bir-experience"]):not([data-trip="palampur-bir-couples"]) .hero__sub { text-shadow:0 1px 4px rgba(0,16,24,.95),0 2px 12px rgba(0,16,24,.7) !important; }
body[data-trip="phu-quoc-solos"]:not([data-trip="bir-experience"]):not([data-trip="palampur-bir-couples"]) .phu-map .section-title { color:#18372e !important; text-shadow:none !important; }
body[data-trip="phu-quoc-solos"]:not([data-trip="bir-experience"]):not([data-trip="palampur-bir-couples"]) .phu-map .section-copy { color:#52695e !important; text-shadow:none !important; }
body[data-trip="phu-quoc-solos"]:not([data-trip="bir-experience"]):not([data-trip="palampur-bir-couples"]) .phu-map .eyebrow { color:#47755d !important; }
@media(max-width:720px) {
 body[data-trip="phu-quoc-solos"]:not([data-trip="bir-experience"]):not([data-trip="palampur-bir-couples"]) .hero::before { background:linear-gradient(0deg,rgba(3,20,24,.58),rgba(3,20,24,0) 75%),var(--trip-hero-img,var(--theme-hero-img)) 47% center / cover no-repeat !important; }
 body[data-trip="phu-quoc-solos"]:not([data-trip="bir-experience"]):not([data-trip="palampur-bir-couples"]) .hero h1 { font-size:clamp(2.05rem,8.8vw,3.2rem) !important; }
}