/* =========================================================
   TRAVEL09 — DESTINATION DETAIL
   ========================================================= */
.dd-page,.dd-page *{box-sizing:border-box}
.dd-page{
    --n:#071E32;--deep:#03131F;--t:#087E8B;--a:#16B8C4;
    --bg:#F5F8FA;--text:#173447;--muted:#718391;--border:#DFE8ED;
    color:var(--text);font-size:16px;line-height:1.72
}
.dd-shell{width:min(calc(100% - 80px),1280px);margin:auto}

/* HERO */
.dd-hero{position:relative;min-height:670px;display:flex;align-items:flex-end;overflow:hidden;background:var(--n)}
.dd-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dd-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,19,31,.22),rgba(3,19,31,.92) 92%)}
.dd-hero__content{position:relative;z-index:2;padding:68px 0;color:#fff}
.dd-back{color:#C2D2DA;text-decoration:none;font-size:13px;font-weight:800}
.dd-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:end;margin-top:35px}
.dd-kicker,.dd-label{color:#8CE3E8;font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.dd-hero h1{max-width:900px;margin:10px 0 0;font:600 clamp(56px,6vw,88px)/.98 "Playfair Display",Georgia,serif;letter-spacing:-.045em}
.dd-hero__grid>div>p{max-width:740px;color:#C3D3DB;font-size:17px}
.dd-hero aside{padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(7,30,50,.76)}
.dd-hero aside>span{color:#8CE3E8;font-size:11px;font-weight:800;text-transform:uppercase}
.dd-hero aside p{display:flex;justify-content:space-between;gap:20px;padding:10px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.09)}
.dd-hero aside small{color:#A8BDC9}.dd-hero aside strong{font-size:13px;text-align:right}
.dd-hero aside>a{display:flex;justify-content:center;margin-top:18px;padding:13px;border-radius:10px;background:linear-gradient(135deg,var(--t),var(--a));color:#fff;text-decoration:none;font-weight:800}

/* NAV */
.dd-nav{position:sticky;top:76px;z-index:30;border-bottom:1px solid var(--border);background:rgba(255,255,255,.97)}
.dd-nav>.dd-shell{min-height:64px;display:flex;align-items:center;gap:8px;overflow-x:auto}
.dd-nav a{padding:9px 12px;border-radius:8px;color:#597385;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:800}

/* SECTIONS */
.dd-section,.dd-related,.dd-cta{padding:76px 0}
.dd-section.soft{background:var(--bg)}
.dd-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:60px}
.dd-section h2,.dd-related h2,.dd-cta h2,.dd-practical h2{margin:7px 0 0;font:600 clamp(34px,3.6vw,50px)/1.08 "Playfair Display",Georgia,serif;color:var(--n)}
.dd-rich{margin-top:20px;color:#5F7787;font-size:16px;line-height:1.85}
.dd-facts{align-self:start;padding:22px;border:1px solid var(--border);border-radius:18px;background:#fff}
.dd-facts p{padding:12px 0;margin:0;border-bottom:1px solid #EDF2F4}.dd-facts small,.dd-facts strong{display:block}.dd-facts small{color:#8798A3;text-transform:uppercase}.dd-facts strong{margin-top:3px;color:var(--n)}
.dd-facts>a{display:flex;justify-content:center;margin-top:16px;padding:12px;border-radius:9px;background:var(--n);color:#fff;text-decoration:none;font-weight:800}
.dd-section> .dd-shell > header{margin-bottom:28px}
.dd-info{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dd-info article{min-height:150px;padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff}
.dd-info article.wide{grid-column:span 2}
.dd-info article>span,.dd-two article>span{color:var(--t);font-size:11px;font-weight:800;text-transform:uppercase}
.dd-info strong{display:block;margin-top:12px;color:var(--n);font-size:20px}.dd-info p,.dd-two p{color:var(--muted)}
.dd-two{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.dd-two article{padding:26px;border:1px solid var(--border);border-radius:18px}
.dd-inline{display:inline-flex;margin-top:22px;padding:13px 18px;border-radius:10px;background:var(--n);color:#fff;text-decoration:none;font-weight:800}

/* CHILDREN */
.dd-children{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dd-children>a{position:relative;overflow:hidden;min-height:250px;border-radius:18px;color:#fff;text-decoration:none}
.dd-children img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dd-children>a>span{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,19,31,.05),rgba(3,19,31,.78))}
.dd-children>a>div{position:absolute;left:20px;right:20px;bottom:20px;z-index:2}.dd-children small,.dd-children strong{display:block}.dd-children strong{font:600 23px "Playfair Display",Georgia,serif}

/* RELATED */
.dd-related{border-top:1px solid #EEF2F4;background:#fff}.dd-related:nth-of-type(even){background:var(--bg)}
.dd-related header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.dd-related header>a{color:var(--t);text-decoration:none;font-weight:800}
.dd-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dd-related article{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff}
.dd-related .media{display:block;aspect-ratio:16/10;overflow:hidden}.dd-related .media img{width:100%;height:100%;object-fit:cover}
.dd-related article>div{padding:18px}.dd-related h3{margin:0;font:600 22px "Playfair Display",Georgia,serif}.dd-related h3 a{color:var(--n);text-decoration:none}.dd-related article p{color:var(--muted);font-size:13px}.dd-related article>div>a{color:var(--t);text-decoration:none;font-weight:800}

/* PRACTICAL */
.dd-practical{padding:76px 0;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(22,184,196,.13),transparent 28%),linear-gradient(145deg,var(--deep),var(--n))}
.dd-practical h2{color:#fff}.dd-practical>.dd-shell>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.dd-practical article{min-height:230px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.04)}.dd-practical article>span{color:#7DDDE5;font-size:12px;font-weight:800;text-transform:uppercase}.dd-practical p{color:#A4BAC5}

/* CTA */
.dd-cta{background:var(--bg)}.dd-cta>.dd-shell>div{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:38px 40px;border:1px solid var(--border);border-radius:24px;background:#fff}.dd-cta p{max-width:720px;color:var(--muted)}.dd-cta .actions{display:flex;gap:9px}.dd-cta .actions a{padding:13px 18px;border:1px solid var(--border);border-radius:10px;color:var(--n);text-decoration:none;font-weight:800}.dd-cta .actions .primary{background:var(--t);color:#fff;border-color:var(--t)}

@media(max-width:1024px){
    .dd-shell{width:calc(100% - 40px)}
    .dd-hero__grid,.dd-layout{grid-template-columns:1fr}
    .dd-info{grid-template-columns:repeat(2,1fr)}
    .dd-children{grid-template-columns:repeat(2,1fr)}
    .dd-related__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
    .dd-shell{width:calc(100% - 24px)}
    .dd-hero{min-height:720px}.dd-hero__content{padding:44px 0}.dd-hero h1{font-size:clamp(44px,13vw,58px)}
    .dd-nav{top:68px}
    .dd-section,.dd-related,.dd-cta,.dd-practical{padding:52px 0}
    .dd-info,.dd-two,.dd-children,.dd-related__grid,.dd-practical>.dd-shell>div{grid-template-columns:1fr}
    .dd-info article.wide{grid-column:auto}
    .dd-related header{align-items:flex-start;flex-direction:column}
    .dd-cta>.dd-shell>div{align-items:stretch;flex-direction:column;padding:27px 22px}
    .dd-cta .actions{flex-direction:column}.dd-cta .actions a{text-align:center}
}