/* 瀚海旅遊 — 目的地頁共用樣式 */
:root{
  --amber:#C9A84C;--amber-hi:#E8CC78;--amber-lo:#8B6A20;
  --ember:#C04A10;--navy:#1B3D5C;
  --sand:#FBF3E4;--sand-d:#F3E8D0;--sand-dd:#EAD9BC;
  --warm-white:#FFFBF3;--ink:#2C1600;
  --ink-mid:rgba(44,22,0,.58);--ink-dim:rgba(44,22,0,.36);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--sand);color:var(--ink);font-family:'Outfit','Noto Serif TC',sans-serif;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* NAV */
.d-nav{position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 5%;height:64px;
  background:rgba(251,243,228,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--sand-dd);}
.d-nav-brand{display:flex;flex-direction:column;gap:1px;}
.d-nav-brand .zh{font-family:'Noto Serif TC',serif;font-weight:500;font-size:.95rem;color:var(--ink);}
.d-nav-brand .en{font-size:.55rem;letter-spacing:.18em;color:var(--amber);text-transform:uppercase;}
.d-nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
.d-nav-links a{font-size:.82rem;letter-spacing:.04em;color:var(--ink-mid);transition:color .2s;}
.d-nav-links a:hover{color:var(--amber);}
.d-nav-links .pill{background:var(--amber);color:#fff;padding:7px 18px;border-radius:20px;font-size:.8rem;}
.d-nav-links .pill:hover{background:var(--amber-lo);color:#fff;}
.d-back{font-size:.8rem;color:var(--ink-mid);display:flex;align-items:center;gap:6px;transition:color .2s;}
.d-back:hover{color:var(--amber);}

/* HERO */
.dest-hero{
  margin-top:64px;
  height:480px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;position:relative;overflow:hidden;
  padding:0 20px;
}
.dest-hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.42);}
.dest-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);filter:saturate(1.2);}
.dest-hero-inner{position:relative;z-index:1;color:#fff;}
.dest-hero-tag{font-size:.72rem;letter-spacing:.3em;color:var(--amber-hi);text-transform:uppercase;margin-bottom:14px;}
.dest-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:300;line-height:1.15;margin-bottom:12px;}
.dest-hero p{font-size:.95rem;opacity:.82;max-width:500px;margin:0 auto 24px;}
.dest-hero-cta{display:inline-block;background:var(--amber);color:#fff;padding:11px 28px;border-radius:24px;font-size:.85rem;letter-spacing:.06em;transition:background .2s;}
.dest-hero-cta:hover{background:var(--amber-lo);}

/* SECTION COMMON */
.d-section{padding:72px 5%;}
.d-section-alt{background:var(--sand-d);}
.section-title{text-align:center;margin-bottom:48px;}
.section-title .tag{font-size:.7rem;letter-spacing:.28em;color:var(--amber);text-transform:uppercase;display:block;margin-bottom:10px;}
.section-title h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:300;color:var(--ink);}
.section-title p{margin-top:12px;color:var(--ink-mid);font-size:.9rem;max-width:560px;margin-left:auto;margin-right:auto;}

/* ITINERARY CARDS */
.itin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;}
.itin-card{background:var(--warm-white);border-radius:16px;overflow:hidden;border:1px solid var(--sand-dd);transition:transform .25s,box-shadow .25s;}
.itin-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(44,22,0,.1);}
.itin-thumb{height:180px;background-size:cover;background-position:center;position:relative;}
.itin-badge{position:absolute;top:14px;left:14px;background:var(--amber);color:#fff;font-size:.68rem;letter-spacing:.12em;padding:4px 12px;border-radius:12px;text-transform:uppercase;}
.itin-body{padding:22px 24px;}
.itin-days{font-size:.72rem;color:var(--amber);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}
.itin-title{font-family:'Noto Serif TC',serif;font-size:1.1rem;font-weight:500;margin-bottom:10px;}
.itin-desc{font-size:.84rem;color:var(--ink-mid);line-height:1.7;margin-bottom:16px;}
.itin-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}
.itin-tag{font-size:.7rem;background:var(--sand-d);color:var(--ink-mid);padding:3px 10px;border-radius:10px;}
.itin-days-list{list-style:none;border-top:1px solid var(--sand-dd);padding-top:14px;}
.itin-days-list li{font-size:.8rem;color:var(--ink-mid);padding:5px 0;border-bottom:1px dashed var(--sand-dd);display:flex;gap:10px;}
.itin-days-list li span:first-child{color:var(--amber);font-weight:600;min-width:38px;flex-shrink:0;}
.itin-lnk{display:block;text-align:center;margin-top:18px;background:var(--sand);color:var(--amber);border:1px solid var(--amber);padding:9px;border-radius:10px;font-size:.82rem;transition:all .2s;}
.itin-lnk:hover{background:var(--amber);color:#fff;}

/* ATTRACTIONS GRID */
.attr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.attr-card{background:var(--warm-white);border-radius:14px;overflow:hidden;border:1px solid var(--sand-dd);}
.attr-thumb{height:140px;background-size:cover;background-position:center;}
.attr-body{padding:14px 16px;}
.attr-name{font-size:.9rem;font-weight:500;margin-bottom:5px;}
.attr-desc{font-size:.78rem;color:var(--ink-mid);line-height:1.6;}

/* PRACTICAL INFO */
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.info-card{background:var(--warm-white);border-radius:14px;padding:22px 20px;border:1px solid var(--sand-dd);text-align:center;}
.info-icon{font-size:1.8rem;margin-bottom:10px;}
.info-label{font-size:.72rem;letter-spacing:.14em;color:var(--amber);text-transform:uppercase;margin-bottom:6px;}
.info-val{font-size:.88rem;color:var(--ink);line-height:1.6;}

/* SUB-DEST TABS (for China) */
.subdest-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px;}
.sd-tab{padding:8px 20px;border-radius:20px;font-size:.82rem;cursor:pointer;border:1px solid var(--sand-dd);background:var(--warm-white);color:var(--ink-mid);transition:all .2s;}
.sd-tab.active,.sd-tab:hover{background:var(--amber);color:#fff;border-color:var(--amber);}
.sd-panel{display:none;}.sd-panel.active{display:block;}

/* CTA STRIP */
.cta-strip{background:linear-gradient(135deg,var(--navy),#0E2336);padding:64px 5%;text-align:center;color:#fff;}
.cta-strip h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:300;margin-bottom:14px;}
.cta-strip p{opacity:.72;font-size:.9rem;margin-bottom:28px;}
.cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.cta-btn-p{background:var(--amber);color:#fff;padding:12px 30px;border-radius:24px;font-size:.88rem;}
.cta-btn-s{border:1px solid rgba(255,255,255,.4);color:#fff;padding:12px 30px;border-radius:24px;font-size:.88rem;}
.cta-btn-p:hover{background:var(--ember);}
.cta-btn-s:hover{background:rgba(255,255,255,.1);}

/* FOOTER */
.d-footer{background:#1A0C02;color:rgba(255,248,235,.52);text-align:center;padding:24px;font-size:.78rem;}
.d-footer a{color:var(--amber-hi);}

/* RESPONSIVE */
@media(max-width:768px){
  .d-nav-links{display:none;}
  .dest-hero{height:360px;}
  .d-section{padding:50px 22px;}
}