/* Amere Taiba International — "Royal Emerald" theme
   Brand: Deep Emerald + Metallic Gold + Warm Ivory (premium Umrah travel) */
:root{
  --navy:#0c3b2e; --navy-deep:#062a20; --navy-soft:#0f4a38;
  --emerald:#0d7a5e; --emerald-deep:#095c46; --emerald-soft:#e7f4ee;
  --gold:#c9a227; --gold-light:#eed188; --gold-deep:#9c7a1a;
  --gold-grad:linear-gradient(135deg,#f0d67e 0%,#c9a227 55%,#9c7a1a 100%);
  --hero-grad:linear-gradient(115deg,rgba(6,42,32,.96) 0%,rgba(8,58,45,.86) 45%,rgba(13,122,94,.72) 100%);
  --card-grad:linear-gradient(120deg,var(--emerald-deep),var(--navy) 70%);
  --sand:#faf6ec; --white:#ffffff; --ink:#1d2635; --muted:#5f6b80; --line:#e9e1cd;
  --radius:20px; --shadow:0 14px 34px rgba(6,42,32,.12);
  --shadow-lg:0 22px 55px rgba(6,42,32,.20);
  --font:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-d:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cpath d='M42 10l8 15 16 2-11 12 3 16-16-8-16 8 3-16-11-12 16-2z' fill='none' stroke='%23ffffff' stroke-opacity='0.045' stroke-width='1.2'/%3E%3C/svg%3E");
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--sand);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.container{width:min(1180px,92%);margin:0 auto}
section{padding:76px 0;position:relative}

/* ---------- reveal on scroll ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ---------- Header (glassy navy) ---------- */
.site-header{background:rgba(6,42,32,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:2px solid rgba(201,162,39,.55);position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:56px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.brand-name{font-family:var(--font-d);font-weight:800;color:#fff;font-size:1.12rem;line-height:1.25;letter-spacing:.02em}
.brand-name small{display:block;margin-top:2px;font-family:var(--font);font-size:.55rem;font-weight:700;letter-spacing:.13em;color:var(--gold-light);line-height:1.5;white-space:nowrap}
.brand-name small b{color:#062a20;background:linear-gradient(135deg,#f0d67e,#c9a227);border-radius:5px;padding:0 5px;letter-spacing:.05em;white-space:nowrap}
@media(max-width:560px){.brand-name small{font-size:.49rem;letter-spacing:.08em}}
@media(max-width:380px){.brand-name small{font-size:.44rem;letter-spacing:.04em}}
.main-nav{display:flex;gap:26px}
.main-nav a{text-decoration:none;color:#dfe5f2;font-weight:600;font-size:.95rem;position:relative;padding:6px 0}
.main-nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold-grad);border-radius:2px;transition:width .25s ease}
.main-nav a:hover::after,.main-nav a.on::after{width:100%}
.main-nav a.on{color:var(--gold-light)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:700;border-radius:999px;padding:14px 30px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;cursor:pointer;border:none;font-size:1rem;font-family:var(--font)}
.btn-gold{background:var(--gold-grad);color:#3a2c05;box-shadow:0 10px 26px rgba(201,162,39,.38)}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 32px rgba(201,162,39,.45)}
.btn-navy{background:linear-gradient(135deg,var(--emerald-deep) 0%,var(--navy-deep) 100%);color:#fff;box-shadow:0 10px 24px rgba(6,42,32,.28)}
.btn-navy:hover{background:linear-gradient(135deg,var(--emerald) 0%,var(--navy-soft) 100%);transform:translateY(-2px)}
.btn-glass{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.45);backdrop-filter:blur(6px)}
.btn-glass:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}
.btn-whatsapp{background:linear-gradient(135deg,#25b45e,#178a42);color:#fff;width:100%;border-radius:14px;padding:13px;box-shadow:0 8px 20px rgba(23,138,66,.30)}
.btn-whatsapp:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-sm{padding:10px 22px;font-size:.92rem}

/* ---------- Hero ---------- */
.hero{position:relative;color:#fff;padding:120px 0 110px;overflow:hidden;background:var(--navy-deep);min-height:88vh;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:var(--hero-grad)}
.hero-inner{position:relative;z-index:2;max-width:820px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(201,162,39,.14);border:1px solid rgba(201,162,39,.55);color:var(--gold-light);font-size:.78rem;font-weight:800;letter-spacing:.2em;padding:9px 20px;border-radius:999px;margin-bottom:22px}
.eyebrow::before{content:"✈";font-size:.95rem}
.hero h1{font-family:var(--font-d);font-weight:700;font-size:clamp(2.3rem,5.6vw,3.9rem);line-height:1.14;margin-bottom:20px;letter-spacing:.01em}
.hero h1 .gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.hero p{font-size:1.1rem;color:#e8e4d2;max-width:640px;margin-bottom:32px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.hero-meta{display:flex;gap:0;margin-top:44px;flex-wrap:wrap;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px 8px;backdrop-filter:blur(8px);max-width:640px}
.hero-meta div{flex:1;min-width:130px;text-align:center;padding:6px 14px;font-size:.86rem;color:#cfd6e4}
.hero-meta div+div{border-left:1px solid rgba(255,255,255,.16)}
.hero-meta strong{display:block;font-family:var(--font-d);font-weight:700;color:var(--gold-light);font-size:1.5rem;letter-spacing:.02em}
.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;color:var(--gold-light);font-size:.72rem;letter-spacing:.28em;font-weight:700;opacity:.85}
.scroll-cue::after{content:"";display:block;width:1px;height:38px;margin:10px auto 0;background:linear-gradient(var(--gold-light),transparent);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1);opacity:1}}

/* ---------- Section titles ---------- */
.sec-title{text-align:center;max-width:700px;margin:0 auto 44px}
.sec-title .kicker{display:inline-flex;align-items:center;gap:12px;color:var(--emerald-deep);font-weight:800;letter-spacing:.22em;font-size:.76rem;text-transform:uppercase;margin-bottom:12px}
.sec-title .kicker::before,.sec-title .kicker::after{content:"";width:34px;height:2px;background:var(--gold-grad);border-radius:2px}
.sec-title h2,.sec-title h1{font-family:var(--font-d);font-weight:700;color:var(--navy);font-size:clamp(1.7rem,3.8vw,2.6rem);margin:6px 0 12px;letter-spacing:.01em}
.sec-title p{color:var(--muted)}

/* ---------- City tabs + package cards ---------- */
.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:38px}
.tab{border:2px solid var(--line);background:#fff;color:var(--navy);font-weight:700;padding:11px 28px;border-radius:999px;cursor:pointer;font-size:.95rem;font-family:var(--font);transition:all .2s ease}
.tab:hover{border-color:var(--emerald);color:var(--emerald-deep)}
.tab.active{background:linear-gradient(135deg,var(--emerald-deep),var(--emerald));color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(13,122,94,.35)}
/* City selectors: har device par tamam boxes bilkul ek size */
#cityPills{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;width:100%;max-width:720px;margin-left:auto !important;margin-right:auto !important}
#cityPills .tab{display:flex !important;align-items:center;justify-content:center;width:100%;height:52px;min-height:52px;padding:0 8px !important;border-radius:999px;text-align:center;white-space:nowrap;line-height:1.15}
#packages .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;width:100%;max-width:720px;margin-left:auto;margin-right:auto}
#packages .tabs .tab{display:flex;align-items:center;justify-content:center;width:100%;height:52px;min-height:52px;padding:0 8px;text-align:center;white-space:nowrap;line-height:1.15}
@media(max-width:900px){
  #cityPills .tab,#packages .tabs .tab{height:52px;min-height:52px;font-size:.88rem}
}
@media(max-width:560px){
  #cityPills{gap:8px}
  #packages .tabs{gap:8px}
  #cityPills .tab,#packages .tabs .tab{height:48px;min-height:48px;font-size:.8rem;padding:0 5px !important}
}
@media(max-width:380px){
  #cityPills .tab,#packages .tabs .tab{height:46px;min-height:46px;font-size:.72rem;letter-spacing:-.01em}
}
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:26px}
.tab-panel{display:none}
.tab-panel.active{display:block;animation:fadeUp .45s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pkg-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);position:relative;transition:transform .25s ease,box-shadow .25s ease}
.pkg-card::before{content:"";display:block;height:7px;background:linear-gradient(90deg,var(--emerald) 0%,var(--navy) 55%,var(--gold) 100%)}
.pkg-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}
.pkg-badge{align-self:flex-start;margin:16px 16px 0;background:var(--gold-grad);color:#3a2c05;font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:7px 15px;border-radius:999px;box-shadow:0 4px 12px rgba(201,162,39,.35)}
/* Package route panel — reference style (emerald, route arc, info boxes) */
.pr-panel{position:relative;background:linear-gradient(160deg,#0e6a50,#083a2d 58%,#062a20);padding:30px 22px 24px;overflow:hidden;color:#fff}
.pr-panel::before{content:"";position:absolute;inset:0;background:var(--pattern);pointer-events:none}
.pr-panel>*{position:relative;z-index:1}
.pr-badge{position:absolute;top:14px;right:14px;z-index:2;border:1px solid rgba(232,201,106,.75);color:#e8c96a;font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:7px 13px;border-radius:999px;background:rgba(0,0,0,.28)}
.pr-title{text-align:center;font-weight:800;font-size:1.3rem;letter-spacing:.3em;text-indent:.3em;margin:20px 0 14px}
.pr-airline{display:table;margin:0 auto 4px;background:#f7f4ec;color:#0a1e3c;font-weight:800;letter-spacing:.24em;text-indent:.24em;font-size:.82rem;padding:12px 36px;border-radius:999px}
.pr-route{position:relative;display:flex;justify-content:space-between;align-items:flex-end;height:98px;margin:2px 8px 0}
.pr-arc{position:absolute;left:0;right:0;bottom:20px;width:100%;height:66px}
.pr-plane{filter:drop-shadow(0 0 5px rgba(255,255,255,.65))}
/* Airline partners marquee */
.partners{background:linear-gradient(120deg,#062a20,#0c3b2e);border-top:2px solid rgba(201,162,39,.5);border-bottom:2px solid rgba(201,162,39,.5);overflow:hidden;padding:16px 0}
.partners-label{text-align:center;color:var(--gold-light);font-size:.7rem;font-weight:800;letter-spacing:.32em;margin-bottom:10px}
.partners-track{display:flex;width:max-content;animation:marquee 26s linear infinite}
.partners-track span{display:flex;align-items:center;color:#f3ecd9;font-weight:800;letter-spacing:.28em;font-size:.92rem;white-space:nowrap;padding:0 34px}
.partners-track span::after{content:"✈";color:rgba(201,162,39,.65);margin-left:68px;font-size:.8rem}
@keyframes marquee{to{transform:translateX(-50%)}}
.pr-pt{display:flex;flex-direction:column;align-items:center;gap:7px}
.pr-dot{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.16)}
.pr-dot.gold{background:#e8c96a;box-shadow:0 0 0 5px rgba(232,201,106,.22)}
.pr-code{font-weight:800;letter-spacing:.2em;font-size:.85rem}
.pr-flight{text-align:center;color:rgba(255,255,255,.72);font-size:.76rem;letter-spacing:.16em;margin-top:3px}
.pr-info{display:flex;gap:10px;justify-content:center;margin-top:14px}
.pr-box{flex:1;min-width:0;border:1px solid rgba(232,201,106,.45);border-radius:14px;padding:12px 6px;text-align:center;background:rgba(0,0,0,.22)}
.pr-box strong{display:block;color:#e8c96a;font-size:1.65rem;font-weight:800;line-height:1.15}
.pr-box strong.sm{font-size:.88rem;letter-spacing:.03em;line-height:1.35}
.pr-box span{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.pr-count{display:table;margin:12px auto 0;border:1px solid rgba(232,201,106,.45);border-radius:14px;padding:10px 30px;text-align:center;background:rgba(0,0,0,.22)}
.pr-count strong{display:block;color:#e8c96a;font-size:1.65rem;font-weight:800}
.pr-count span{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.pkg-body{padding:16px 24px 24px;display:flex;flex-direction:column;gap:13px;flex:1}
.pkg-dates{font-size:.8rem;color:var(--emerald-deep);font-weight:700;letter-spacing:.04em}
.pkg-hotel{border-bottom:1px dashed var(--line);padding-bottom:12px}
.pkg-hotel .h-name{font-weight:700;color:var(--navy);font-size:1rem}
.pkg-hotel .h-city{font-size:.72rem;color:var(--gold-deep);font-weight:800;letter-spacing:.1em}
.dist-bar{height:6px;background:#efe9d8;border-radius:99px;margin-top:8px;overflow:hidden}
.dist-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--emerald),var(--gold));border-radius:99px}
.pkg-hotel .h-dist{font-size:.8rem;color:var(--muted);margin-top:5px}
.room-pills{display:flex;gap:8px;flex-wrap:wrap}
.room-pills button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 15px;font-size:.8rem;font-weight:700;color:var(--muted);cursor:pointer;font-family:var(--font);transition:all .18s ease}
.room-pills button:hover{border-color:var(--emerald);color:var(--emerald-deep)}
.room-pills button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.pkg-price{font-family:var(--font-d);font-weight:800;font-size:2.2rem;color:var(--navy);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.pkg-price small{font-size:.85rem;font-weight:600;color:var(--muted);font-family:var(--font)}
.pkg-per{font-size:.78rem;color:var(--muted);margin-top:-8px}
.pkg-card .btn-whatsapp{margin-top:auto}

/* ---------- Services ---------- */
.services{background:#fff}
.services::before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);max-width:1180px;margin:-76px auto 76px}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.svc{background:var(--sand);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;text-align:center;transition:transform .25s ease,box-shadow .25s ease;text-decoration:none;display:block;color:inherit;cursor:pointer}
.svc:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);background:#fff}
.svc .ic{width:60px;height:60px;margin:0 auto 16px;border-radius:18px;background:linear-gradient(135deg,var(--emerald),var(--navy));display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 8px 18px rgba(13,122,94,.30)}
.svc h3{font-family:var(--font-d);font-weight:700;color:var(--navy);font-size:1.12rem;margin-bottom:8px}
.svc p{color:var(--muted);font-size:.92rem}

/* ---------- Hotels ---------- */
.hotel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.hotel-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease}
.hotel-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.hotel-card .h-top{background:var(--card-grad);color:#fff;padding:24px;position:relative;overflow:hidden}
.hotel-card .h-top::after{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:84px;pointer-events:none}
.hotel-card .h-top .city{color:var(--gold-light);font-size:.72rem;font-weight:800;letter-spacing:.16em;position:relative;z-index:1}
.hotel-card .h-top h3{font-family:var(--font-d);font-weight:700;font-size:1.3rem;margin-top:6px;position:relative;z-index:1}
.hotel-card .h-body{padding:20px 24px}
.hotel-card .h-body p{color:var(--muted);font-size:.93rem;margin-bottom:12px}
.tag{display:inline-block;background:var(--emerald-soft);border:1px solid rgba(13,122,94,.3);border-radius:999px;padding:5px 13px;font-size:.74rem;font-weight:700;color:var(--emerald-deep);margin:0 6px 6px 0}

/* ---------- Testimonials ---------- */
.testis{background:var(--navy-deep);color:#fff;overflow:hidden}
.testis::before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:96px;opacity:.6;pointer-events:none}
.testis .container{position:relative;z-index:1}
.testis .sec-title h2,.testis .sec-title h1{color:#fff}
.testis .sec-title p{color:#c9c2ab}
.testis .sec-title .kicker{color:var(--gold-light)}
.t-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.t-card{background:rgba(255,255,255,.05);border:1px solid rgba(201,162,39,.35);border-radius:var(--radius);padding:30px;position:relative;backdrop-filter:blur(4px)}
.t-card::before{content:"“";position:absolute;top:6px;right:22px;font-family:var(--font-d);font-size:4.4rem;color:rgba(201,162,39,.28);line-height:1}
.t-card .stars{color:var(--gold-light);letter-spacing:.12em;margin-bottom:12px}
.t-card p{font-size:.95rem;color:#e8e3d1;margin-bottom:18px}
.t-card .who{font-weight:700;color:var(--gold-light)}
.t-card .where{font-size:.82rem;color:#a9a48c}

/* ---------- Contact / Footer ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:20px}
.contact-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:28px;transition:all .25s ease}
.contact-card:hover{border-color:var(--gold);box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.contact-card h3{font-family:var(--font-d);font-weight:700;color:var(--navy);margin-bottom:10px;font-size:1.1rem}
.contact-card p,.contact-card a{color:var(--muted);font-size:.95rem}
.contact-card a{color:var(--emerald-deep);font-weight:700;text-decoration:none}
footer{background:linear-gradient(180deg,#062a20 0%,#041d16 100%);color:#c9c2ab;padding:64px 0 0;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0d7a5e,#c9a227,#f0d67e,#c9a227,#0d7a5e)}
footer::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 0%,rgba(201,162,39,.06) 0%,transparent 50%);pointer-events:none}
.foot-grid{display:grid;grid-template-columns:1.3fr repeat(4,minmax(160px,1fr));gap:36px;padding-bottom:40px;position:relative;z-index:1}
.foot-grid h4{color:#eed188;margin-bottom:16px;font-size:.92rem;letter-spacing:.12em;font-weight:800;position:relative;padding-bottom:8px}
.foot-grid h4::after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:linear-gradient(90deg,#c9a227,transparent)}
.foot-grid a{display:block;color:#b8b09a;text-decoration:none;font-size:.92rem;margin-bottom:10px;transition:.2s}
.foot-grid a:hover{color:#f0d67e;transform:translateX(4px)}
.foot-brand .foot-logo{height:110px;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}
.foot-tag{font-size:.95rem;color:#d4cba8;margin-bottom:16px}
.foot-social{display:flex;gap:10px}
.fs-ico{width:40px;height:40px;border-radius:50%;background:rgba(201,162,39,.12);border:1px solid rgba(201,162,39,.3);display:flex !important;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:0 !important}
.fs-ico:hover{background:rgba(201,162,39,.25);transform:translateY(-2px) !important}
.foot-bottom{border-top:1px solid rgba(201,162,39,.25);padding:22px 0;text-align:center;font-size:.88rem;position:relative;z-index:1;color:#9a927e}
@media(max-width:768px){.foot-grid{grid-template-columns:1fr 1fr;gap:28px}.foot-brand{grid-column:1/-1;text-align:center}.foot-brand .foot-logo{height:90px}.foot-social{justify-content:center}}

/* ---------- Floating WhatsApp ---------- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:60;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#25b45e,#128a41);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(23,138,66,.42);text-decoration:none;transition:transform .2s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:32px;height:32px;fill:#fff}

/* ---------- Package detail page ---------- */
.breadcrumb{font-size:.85rem;color:rgba(255,255,255,.65);margin:22px 0 6px}
.breadcrumb a{color:var(--gold);font-weight:600;text-decoration:none}
.detail-hero{background:linear-gradient(120deg,var(--navy-deep),var(--emerald-deep) 160%);color:#fff;padding:52px 0;border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--emerald),var(--gold)) 1;position:relative;overflow:hidden}
.detail-hero::after{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:84px;pointer-events:none}
.detail-hero h1{font-family:var(--font-d);font-weight:700;font-size:clamp(1.6rem,4vw,2.5rem);margin:8px 0;position:relative;z-index:1}
.detail-hero .sub{color:#d8d2bd;position:relative;z-index:1}
.detail-hero .breadcrumb{position:relative;z-index:1}
.fact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:28px 0}
.fact{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;box-shadow:var(--shadow)}
.fact .lbl{font-size:.7rem;color:var(--gold-deep);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.fact .val{font-weight:800;color:var(--navy);font-size:1.05rem;margin-top:4px}
.detail-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin:18px 0}
.price-table th{background:linear-gradient(120deg,var(--navy),var(--emerald-deep));color:#fff;padding:14px;font-size:.9rem}
.price-table td{padding:14px;text-align:center;border-top:1px solid var(--line);font-weight:700;color:var(--navy)}
.price-table td:first-child{text-align:left;color:var(--muted);font-weight:600}
.price-table tr.hl td{background:#fdf9ec}
.includes{list-style:none;margin:14px 0}
.includes li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:10px;font-size:.95rem}
.includes li::before{content:"✓ ";color:var(--emerald);font-weight:800}
.poster-frame{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);position:sticky;top:96px}
.poster-frame img{border-radius:10px}
.poster-frame .btn-whatsapp{margin-top:14px}
.note{font-size:.82rem;color:var(--muted);margin-top:10px}

/* ---------- AI Chat widget ---------- */
.chat-fab{position:fixed;left:20px;bottom:20px;z-index:60;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--emerald),var(--navy));border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(6,18,48,.4);cursor:pointer;transition:transform .2s ease}
.chat-fab:hover{transform:scale(1.07)}
.chat-panel{position:fixed;left:20px;bottom:94px;z-index:60;width:min(370px,calc(100vw - 40px));height:470px;max-height:72vh;background:#fff;border-radius:18px;box-shadow:0 18px 55px rgba(6,18,48,.32);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line)}
.chat-panel[hidden]{display:none}
.chat-head{background:linear-gradient(120deg,var(--navy),var(--emerald-deep));color:#fff;padding:13px 16px;display:flex;align-items:center;justify-content:space-between}
.chat-head strong{font-family:var(--font-d);font-weight:700;letter-spacing:.02em}
.chat-head button{background:rgba(255,255,255,.14);border:none;color:var(--gold-light);font-size:1rem;cursor:pointer;width:30px;height:30px;border-radius:50%;line-height:1}
.chat-head button:hover{background:rgba(255,255,255,.28)}
.chat-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--sand)}
.chat-msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:.9rem;line-height:1.45;white-space:pre-line}
.chat-msg.bot{background:#fff;border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 2px 8px rgba(6,18,48,.06)}
.chat-msg.user{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.chat-msg.typing{color:var(--muted);font-style:italic}
.chat-input{display:flex;border-top:1px solid var(--line);padding:10px;gap:8px;background:#fff}
.chat-input input{flex:1;border:1.5px solid var(--line);border-radius:999px;padding:10px 16px;font-size:.9rem;outline:none;font-family:var(--font)}
.chat-input input:focus{border-color:var(--emerald)}
.chat-input button{background:var(--gold-grad);border:none;border-radius:50%;width:42px;height:42px;font-size:1.1rem;cursor:pointer;color:#3a2c05}

/* ---------- Forms ---------- */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);max-width:640px;margin:0 auto}
.form-row{margin-bottom:16px}
.form-row label{display:block;font-weight:700;color:var(--navy);margin-bottom:6px;font-size:.92rem}
.form-row input,.form-row select,.form-row textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:1rem;font-family:inherit;background:var(--sand)}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--emerald);outline:none;background:#fff}
.form-err{background:#fdecec;border:1px solid #f5a5a5;color:#a33;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:.92rem}
.form-ok{background:#e9f9ef;border:1px solid #7ed09a;color:#1c6b3a;border-radius:12px;padding:16px;margin-bottom:16px}

/* ---------- FAQ accordion ---------- */
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:box-shadow .2s ease}
.faq-item.open{box-shadow:var(--shadow)}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 20px;font-size:1rem;font-weight:700;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--font)}
.faq-q .plus{color:var(--emerald);font-size:1.3rem;flex-shrink:0}
.faq-a{padding:0 20px 18px;color:var(--muted);font-size:.95rem;display:none}
.faq-item.open .faq-a{display:block}

/* ---------- Verify result ---------- */
.verify-card{max-width:640px;margin:0 auto;background:var(--navy-deep);border:1px solid var(--gold);border-radius:16px;overflow:hidden;color:#fff}
.verify-head{padding:20px 24px;border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:14px}
.verify-badge{background:var(--gold-grad);color:#3a2c05;font-weight:800;font-size:.8rem;padding:7px 14px;border-radius:999px;letter-spacing:.06em}
.verify-badge.bad{background:#5b6577;color:#fff}
.verify-body{padding:24px}
.verify-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.95rem}
.verify-row .k{color:#a9a48c;flex:0 0 38%}
.verify-row .v{font-weight:600;text-align:right}
.verify-amounts{display:flex;gap:10px;margin:18px 0 4px;flex-wrap:wrap}
.verify-amt{flex:1;min-width:140px;background:rgba(255,255,255,.05);border:1px solid var(--gold);border-radius:10px;padding:14px 8px;text-align:center}
.verify-amt .l{font-size:.72rem;color:var(--gold-light);text-transform:uppercase;letter-spacing:.08em}
.verify-amt .n{font-size:1.15rem;font-weight:800;margin-top:4px}

/* ---------- Responsive ---------- */
/* ---------- Mobile nav ---------- */
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:10px;flex-direction:column;gap:5px}
.nav-burger span{display:block;width:24px;height:2.5px;background:var(--gold-light);border-radius:3px;transition:all .25s ease}
.mobile-nav{display:none}
.nav-scrim{display:none}
@media(max-width:860px){
  .main-nav{display:none}
  .head-wa{display:none}
  .nav-burger{display:flex}
  .mobile-nav{display:flex;flex-direction:column;gap:4px;position:fixed;top:0;right:-300px;width:min(300px,84vw);height:100dvh;background:rgba(6,42,32,.97);backdrop-filter:blur(14px);z-index:80;padding:0;transition:right .3s ease;border-left:1px solid rgba(201,162,39,.4);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .mobile-nav.open{right:0}
  .mnav-top{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 14px;border-bottom:1px solid rgba(201,162,39,.35);position:sticky;top:0;background:rgba(6,42,32,.98);z-index:2}
  .mnav-title{color:#eed188;font-weight:800;font-size:1.1rem;letter-spacing:.5px}
  .mnav-links{display:flex;flex-direction:column;gap:4px;padding:10px 22px 26px}
  .mobile-nav a{color:#e8e4d2;text-decoration:none;font-weight:700;font-size:1.05rem;padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
  .mobile-nav a.on{color:var(--gold-light)}
  .mobile-nav .btn{margin-top:18px;border-bottom:none;text-align:center}
  .mnav-close{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(201,162,39,.6);background:rgba(255,255,255,.08);color:#eed188;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .mnav-close:active{background:rgba(201,162,39,.25)}
  .nav-scrim.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:70}
  .nav-burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .nav-burger.open span:nth-child(2){opacity:0}
  .nav-burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .detail-cols{grid-template-columns:1fr}
  .poster-frame{position:static}
  section{padding:52px 0}
  .hero{min-height:82vh;padding:90px 0 150px}
  .scroll-cue{bottom:22px}
  .hero-meta div+div{border-left:none}
  .hero-meta div{border-top:1px solid rgba(255,255,255,.14)}
  .hero-meta div:first-child{border-top:none}
}
@media(max-width:390px){
  .pkg-price{font-size:1.8rem}
  .hero{padding:80px 0 60px}
  .btn{padding:12px 22px;font-size:.95rem}
}

/* Batch 1: listing upgrades (lightweight) */
.trust-badge{display:inline-block;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:.8rem;font-weight:700;padding:6px 12px;border-radius:20px}
.urg-badge{display:inline-block;font-size:.75rem;font-weight:800;padding:5px 10px;border-radius:8px;margin-bottom:8px}
.urg-few{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;animation:urgPulse 1.6s infinite}
.urg-filling{background:#fffbeb;color:#b45309;border:1px solid #fde68a}
@keyframes urgPulse{0%,100%{opacity:1}50%{opacity:.75}}
.dep-head{scroll-margin-top:80px}
.btn-sheet-toggle:hover{background:#faf7ef !important}

/* Batch 2: package detail */
.checklist-yes{list-style:none;padding:0}
.checklist-yes li{padding:6px 0 6px 28px;position:relative}
.checklist-yes li:before{content:"✓";position:absolute;left:0;color:#166534;font-weight:800}
.checklist-no{list-style:none;padding:0}
.checklist-no li{padding:6px 0 6px 28px;position:relative;color:#666}
.checklist-no li:before{content:"✗";position:absolute;left:0;color:#b91c1c;font-weight:800}

/* ---------- Hotel Carousel (5-star rotating) ---------- */
.hotel-carousel{overflow:hidden;position:relative;padding:10px 0 20px}
.hc-track{display:flex;gap:18px;width:max-content;animation:hcScroll 45s linear infinite;will-change:transform;-webkit-animation:hcScroll 45s linear infinite}
.hotel-carousel:hover .hc-track{animation-play-state:paused}
@keyframes hcScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hc-card{flex:0 0 260px;background:linear-gradient(160deg,#0c3b2e,#062a20);border:1px solid rgba(201,162,39,.4);border-radius:18px;padding:24px 20px;text-align:center;text-decoration:none;color:#fff;transition:.25s;box-shadow:0 6px 20px rgba(0,0,0,.15)}
.hc-card:hover{transform:translateY(-6px) scale(1.02);border-color:#c9a227;box-shadow:0 12px 30px rgba(201,162,39,.25)}
.hc-city{font-size:.72rem;font-weight:800;letter-spacing:.15em;color:#c9a227;margin-bottom:8px}
.hc-card h3{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:8px;min-height:2.6em;display:flex;align-items:center;justify-content:center}
.hc-stars{font-size:.85rem;margin-bottom:12px}
.hc-book{display:inline-block;font-size:.82rem;font-weight:700;color:#eed188;background:rgba(201,162,39,.15);border:1px solid rgba(201,162,39,.4);padding:8px 16px;border-radius:20px;transition:.2s}
.hc-card:hover .hc-book{background:#c9a227;color:#062a20}
@media(max-width:600px){.hc-card{flex:0 0 220px}}

/* ---------- Reviews Carousel ---------- */
.t-carousel{overflow:hidden;position:relative;padding:10px 0 20px}
.tc-track{display:flex;gap:20px;width:max-content;animation:hcScroll 15s linear infinite;will-change:transform;-webkit-animation:hcScroll 15s linear infinite}
.t-carousel:hover .tc-track{animation-play-state:paused}
.tc-card{flex:0 0 320px;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease !important}
.tc-card:hover{transform:translateY(-10px) scale(1.03) !important;box-shadow:0 16px 40px rgba(201,162,39,.2) !important;border-color:#c9a227 !important}
.tc-g{display:inline-block;margin-top:10px;font-size:.78rem;font-weight:700;color:#0d7a5e;opacity:0;transition:.25s}
.tc-card:hover .tc-g{opacity:1}
@media(max-width:600px){.tc-card{flex:0 0 280px}}

/* ---------- Contact Luxury ---------- */
.contact-lux{background:linear-gradient(160deg,#062a20 0%,#0a3d2a 50%,#062a20 100%);position:relative;overflow:hidden;padding:80px 0}
.contact-lux::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,162,39,.12) 0%,transparent 60%);pointer-events:none}
.cl-inner{position:relative;z-index:1}
.cl-title h2,.cl-title p{color:#fff}
.cl-title .kicker{color:#c9a227}
.gold-text{background:linear-gradient(135deg,#f0d67e,#c9a227);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:36px;align-items:stretch}
.cl-card{display:flex;flex-direction:column;background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(201,162,39,.35);border-radius:22px;padding:34px 26px 26px;text-align:center;text-decoration:none;color:#fff;transition:.3s;backdrop-filter:blur(8px)}
.cl-card:hover{transform:translateY(-8px);border-color:#c9a227;background:linear-gradient(165deg,rgba(201,162,39,.13),rgba(255,255,255,.03));box-shadow:0 20px 44px rgba(0,0,0,.35)}
.cl-ic{width:68px;height:68px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#f0d67e,#c9a227 55%,#9c7a1a);display:flex;align-items:center;justify-content:center;font-size:1.65rem;box-shadow:0 10px 26px rgba(201,162,39,.4),0 0 0 6px rgba(201,162,39,.14)}
.cl-card h3{font-size:1.12rem;font-weight:800;color:#eed188;margin-bottom:10px;letter-spacing:.01em}
.cl-val{color:#d4cba8;font-size:.95rem;line-height:1.7}
.cl-big{font-size:1.22rem;font-weight:800;color:#fff;letter-spacing:.01em;overflow-wrap:anywhere}
.cl-sub{color:#b9c4bb;font-size:.85rem;margin-top:6px}
.cl-actions{margin-top:auto;padding-top:20px;display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 19px;border-radius:999px;font-weight:800;font-size:.88rem;text-decoration:none;transition:.2s;white-space:nowrap}
.cl-btn:active{transform:scale(.97)}
.cl-btn-gold{background:var(--gold-grad);color:#3a2c05;box-shadow:0 8px 20px rgba(201,162,39,.35)}
.cl-btn-gold:hover{filter:brightness(1.07);transform:translateY(-2px)}
.cl-btn-wa{background:linear-gradient(135deg,#25b45e,#178a42);color:#fff;box-shadow:0 8px 20px rgba(23,138,66,.35)}
.cl-btn-wa:hover{filter:brightness(1.07);transform:translateY(-2px)}
.cl-offices{text-align:left;display:flex;flex-direction:column;gap:0;margin-top:2px}
.cl-office{display:flex;gap:11px;align-items:flex-start;padding:11px 2px;border-bottom:1px dashed rgba(201,162,39,.25)}
.cl-office:last-child{border-bottom:none}
.cl-pin{font-size:1rem;line-height:1.5}
.cl-office b{display:block;color:#fff;font-size:.98rem}
.cl-office small{color:#b9c4bb;font-size:.8rem;line-height:1.45;display:block}
.cl-open{display:inline-flex;align-items:center;padding:9px 18px;border-radius:999px;border:1.5px solid rgba(201,162,39,.5);color:#f0d67e;font-weight:800;font-size:.85rem;background:rgba(201,162,39,.08)}
.cl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.cl-stat{background:rgba(255,255,255,.04);border:1px solid rgba(201,162,39,.25);border-radius:16px;padding:16px 8px;text-align:center}
.cl-stat b{display:block;font-size:1.35rem;font-weight:800;background:linear-gradient(135deg,#f0d67e,#c9a227);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cl-stat span{color:#b9c4bb;font-size:.76rem;font-weight:700;letter-spacing:.04em}
@media(max-width:640px){.cl-stats{grid-template-columns:1fr 1fr}.cl-big{font-size:1.08rem}}
.btn-lg{padding:16px 44px;font-size:1.05rem}

/* ---------- Date Accordion Premium Touches ---------- */
.dc-gifts{display:flex;align-items:center;padding:0 12px;border-left:1px solid rgba(255,255,255,.15)}
.dc-gifts span{background:rgba(201,162,39,.2);border:1px solid rgba(201,162,39,.5);color:#f0d67e;font-size:.72rem;font-weight:700;padding:6px 12px;border-radius:20px;white-space:nowrap}
.dc-card{transition:transform .25s ease,box-shadow .3s ease}
.dc-card:hover{transform:translateY(-3px)}
.dc-pkg{transition:.2s}
.dc-pkg:hover{background:#faf8f0 !important;box-shadow:inset 0 0 0 1px rgba(201,162,39,.3)}
@media(max-width:600px){.dc-gifts{display:none}}

/* ---------- Package Groups (Big Card + Remaining) ---------- */
.pkg-group{margin-bottom:36px}
.pkg-group-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.pg-month-badge{background:linear-gradient(135deg,#f0d67e,#c9a227);color:#062a20;font-weight:800;font-size:.8rem;padding:6px 16px;border-radius:20px;letter-spacing:.5px;box-shadow:0 2px 8px rgba(201,162,39,.3)}
.pg-cheapest{background:#062a20;color:#f0d67e;font-weight:800;font-size:.75rem;padding:6px 14px;border-radius:20px;letter-spacing:.3px}
.pg-toggle{width:100%;background:#fff;border:2px solid #e8e0cf;border-radius:14px;padding:14px 18px;margin-top:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:700;color:#062a20;transition:.2s;font-family:inherit}
.pg-toggle:hover{border-color:#c9a227;background:#fffdf5}
.pg-toggle .pg-arrow{transition:.3s;color:#c9a227}
.pg-toggle.open .pg-arrow{transform:rotate(180deg)}
.pg-rest{display:none;margin-top:12px}
.pg-rest.open{display:block;animation:dcIn .3s ease}
.pg-mini{background:#fff;border:1.5px solid #e8e0cf;border-radius:14px;padding:16px;margin-bottom:12px;transition:.2s}
.pg-mini:hover{border-color:#c9a227;box-shadow:0 4px 14px rgba(201,162,39,.15)}
.pg-mini.prem{border-color:#0d7a5e;background:linear-gradient(135deg,#f4faf8,#fff)}
.pg-mini-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
@media(max-width:600px){.pkg-group-head{justify-content:center}}

/* ---------- Badges ON card (premium) ---------- */
.pr-top-badges{position:absolute;top:14px;left:14px;z-index:2;display:flex;gap:8px;flex-wrap:wrap}
.pr-top-badges .pg-month-badge{background:linear-gradient(135deg,#f0d67e,#c9a227);color:#062a20;font-weight:800;font-size:.72rem;padding:6px 14px;border-radius:20px;letter-spacing:.5px;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.pr-top-badges .pg-cheapest{background:rgba(0,0,0,.4);backdrop-filter:blur(4px);border:1px solid rgba(240,214,126,.6);color:#f0d67e;font-weight:800;font-size:.7rem;padding:6px 12px;border-radius:20px;letter-spacing:.3px}
.pr-top-badges .dc-count{background:rgba(201,162,39,.9);color:#062a20;font-weight:800;font-size:.7rem;padding:6px 12px;border-radius:20px;margin:0}

/* ---------- Package Card Mobile (MANDATORY) ---------- */
@media(max-width:600px){
.pr-panel{padding:20px 14px 18px}
.pr-title{font-size:1rem;letter-spacing:.2em}
.pr-airline{font-size:.7rem;padding:10px 24px}
.pr-route{height:80px;margin:0 4px}
.pr-info{flex-wrap:wrap;gap:8px}
.pr-box{flex:1 1 30%;min-width:90px;padding:10px 4px}
.pr-box strong{font-size:1.2rem}
.pr-box strong.sm{font-size:.72rem}
.pr-count{padding:8px 20px}
.pr-count strong{font-size:1.3rem}
.pkg-body{padding:14px 16px 18px}
.pkg-price{font-size:1.7rem}
.room-pills{ gap:6px}
.room-pills button{padding:6px 12px;font-size:.75rem}
.pr-top-badges{top:10px;left:10px;gap:6px}
.pr-top-badges .pg-month-badge,.pr-top-badges .pg-cheapest,.pr-top-badges .dc-count{font-size:.65rem;padding:5px 10px}
.pg-toggle{font-size:.85rem;padding:12px 14px}
.pg-mini{padding:12px}
}

/* ---------- Baqi packages INSIDE card ---------- */
.pg-inside-btn{width:100%;background:linear-gradient(135deg,#f4faf8,#e7f4ee);border:2px dashed #0d7a5e;border-radius:14px;padding:14px;margin-top:16px;cursor:pointer;font-size:.9rem;font-weight:700;color:#0d7a5e;font-family:inherit;transition:.2s;display:flex;justify-content:space-between;align-items:center}
.pg-inside-btn:hover{background:#e7f4ee;border-style:solid}
.pg-inside-btn .pg-arrow{transition:.3s}
.pg-inside-btn.open .pg-arrow{transform:rotate(180deg)}
.pg-inside-rest{display:none;margin-top:12px}
.pg-inside-rest.open{display:block;animation:dcIn .3s ease}
/* Professional fonts */
body{font-family:'Plus Jakarta Sans','Manrope',Arial,sans-serif}
.pr-title,.pkg-price,h1,h2{font-family:'Marcellus','Plus Jakarta Sans',serif}
/* Card spacious (not daba) */
.pkg-card{margin-bottom:28px}
.pr-panel{padding:36px 26px 28px}
.pkg-body{padding:22px 28px 28px;gap:16px}
/* 4 boxes in 1 line */
.pr-info{flex-wrap:nowrap !important}
.pr-box{flex:1;min-width:0}


/* ===== ZABARDAST v2 Package Card (luxury emerald + gold) ===== */

/* ===== ULTRA PREMIUM CARD ===== */
.z-card{max-width:720px;font-family:'Plus Jakarta Sans',sans-serif;margin:0 auto 24px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.z-top{position:relative;background:linear-gradient(160deg,#04120d 0%,#062a20 35%,#0a4a35 70%,#0d7a5e 100%);padding:50px 40px 36px;overflow:hidden}
.z-top::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5l3 8 8 3-8 3-3 8-3-8-8-3 8-3z' fill='none' stroke='rgba(240,214,126,.08)' stroke-width='1'/%3E%3C/svg%3E");pointer-events:none}
.z-glow{position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(240,214,126,.15) 0%,transparent 70%);pointer-events:none}
.z-badges{position:absolute;top:18px;left:18px;z-index:3}
.z-month{background:linear-gradient(135deg,#f0d67e,#c9a227 60%,#9c7a1a);color:#062a20;font-weight:900;font-size:.75rem;padding:8px 18px;border-radius:25px;box-shadow:0 6px 20px rgba(201,162,39,.4);letter-spacing:1px;text-transform:uppercase}
.z-cheap{position:absolute;top:18px;right:18px;z-index:3;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.08));backdrop-filter:blur(12px);border:1.5px solid #f0d67e;color:#f0d67e;font-weight:800;font-size:.68rem;padding:8px 16px;border-radius:25px;letter-spacing:2px;box-shadow:0 4px 15px rgba(0,0,0,.2)}
.z-title{text-align:center;color:rgba(240,214,126,.7);font-size:.7rem;letter-spacing:6px;font-weight:700;margin-bottom:10px;position:relative;z-index:2}
.z-airline{display:block;text-align:center;position:relative;z-index:2;margin-bottom:24px}
.z-airline span{display:inline-block;background:linear-gradient(135deg,rgba(240,214,126,.25),rgba(240,214,126,.1));border:2px solid rgba(240,214,126,.6);color:#f0d67e;font-weight:800;font-size:.82rem;letter-spacing:3px;padding:10px 32px;border-radius:35px;box-shadow:0 4px 20px rgba(201,162,39,.25),inset 0 1px 0 rgba(255,255,255,.2)}
.z-route{position:relative;height:120px;margin:0 5px 10px;z-index:2}
.z-city{position:absolute;top:55%;transform:translateY(-50%);text-align:center;z-index:2;min-width:90px}
.z-city.left{left:0}.z-city.right{right:0}
.z-city .code{font-family:'Marcellus',serif;font-size:2.6rem;color:#fff;line-height:1;display:block;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.z-city .name{font-size:.68rem;color:#f0d67e;letter-spacing:2px;margin-top:6px;display:block;font-weight:700;white-space:nowrap}
.z-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;position:relative;z-index:2}
.z-box{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1.5px solid rgba(240,214,126,.4);border-radius:18px;padding:16px 8px;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.15);transition:.3s}
.z-box:hover{transform:translateY(-3px);border-color:#f0d67e;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.z-box strong{display:block;color:#f0d67e;font-size:1.5rem;font-weight:900;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.z-box span{display:block;font-size:.57rem;color:rgba(255,255,255,.75);letter-spacing:1.2px;text-transform:uppercase;margin-top:6px;font-weight:600;white-space:nowrap}
.z-body{padding:36px 40px 40px;background:linear-gradient(180deg,#fff 0%,#fdfbf5 100%)}
.z-hotels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.z-hotel{background:linear-gradient(135deg,#f8f6f0,#fff);border-radius:16px;padding:16px;border:1.5px solid #eee5d0;box-shadow:0 4px 12px rgba(0,0,0,.04);transition:.2s}
.z-hotel:hover{border-color:#c9a227;box-shadow:0 6px 18px rgba(201,162,39,.15)}
.z-hotel .city{font-size:.65rem;color:#0d7a5e;font-weight:800;letter-spacing:2px;margin-bottom:6px}
.z-hotel .name{font-weight:800;color:#062a20;font-size:.95rem}
.z-hotel .dist{font-size:.78rem;color:#5f6b80;margin-top:4px}
.z-pills{display:flex;gap:10px;margin-bottom:22px}
.z-pills button{flex:1;padding:12px;border:2px solid #e8e0cf;background:#fff;border-radius:14px;font-family:inherit;font-weight:800;font-size:.82rem;color:#5f6b80;cursor:pointer;transition:.25s}
.z-pills button.active{background:linear-gradient(135deg,#0d7a5e,#062a20);color:#f0d67e;border-color:#0d7a5e;box-shadow:0 6px 18px rgba(13,122,94,.35);transform:scale(1.03)}
.z-price{text-align:center;margin-bottom:8px}
.z-price .amt{font-family:'Marcellus',serif;font-size:3.2rem;color:#062a20;line-height:1}
.z-price .per{font-size:.85rem;color:#5f6b80;margin-top:6px}
.z-wa{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25d366,#0d9d58);color:#fff;font-weight:800;font-size:1rem;padding:18px;border-radius:16px;text-decoration:none;margin:20px 0 12px;box-shadow:0 10px 30px rgba(37,211,102,.4);transition:.25s}
.z-wa:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(37,211,102,.5)}
.z-details{display:block;text-align:center;color:#0d7a5e;font-weight:700;font-size:.9rem;text-decoration:none;margin-bottom:18px}
.z-more{width:100%;background:linear-gradient(135deg,#f4faf8,#e7f4ee);border:2px dashed #0d7a5e;border-radius:16px;padding:16px;cursor:pointer;font-family:inherit;font-weight:800;color:#0d7a5e;font-size:.92rem;transition:.25s}
.z-more:hover{background:#0d7a5e;color:#fff;border-style:solid;transform:translateY(-2px)}
@media(max-width:480px){
.z-top{padding:30px 20px 24px}
.z-info{gap:8px}
.z-box{padding:12px 4px}
.z-box strong{font-size:1.15rem}
.z-hotels{grid-template-columns:1fr}
.z-body{padding:22px 20px 26px}
.z-price .amt{font-size:2rem}
.z-city .code{font-size:1.6rem}
}

/* Mini cards inside */
.z-mini{background:#fbfaf6;border:1.5px solid #e8e0cf;border-radius:14px;padding:14px;margin-bottom:10px}
.z-mini-top{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.z-mini-code{background:#062a20;color:#eed188;font-weight:800;font-size:.8rem;padding:4px 10px;border-radius:8px}
.z-mini-tier{color:#5f6b80;font-size:.82rem}
.z-mini-date{color:#5f6b80;font-size:.78rem;margin-left:auto}
.z-mini-hotels{font-size:.82rem;color:#1d2635;margin-bottom:8px}
.z-mini-bottom{display:flex;justify-content:space-between;align-items:center}
.z-mini-price b{color:#0d7a5e;font-size:1.1rem}
.z-mini-price small{color:#5f6b80;font-size:.7rem;display:block}
.z-mini-links{display:flex;gap:12px;font-size:.82rem}
.z-mini-links a{color:#0d7a5e;font-weight:700;text-decoration:none}
.z-mini-wa{background:#25d366;color:#fff!important;padding:6px 14px;border-radius:8px}
/* Inside button */
.pg-inside-btn{width:100%;background:linear-gradient(135deg,#f4faf8,#e7f4ee);border:2px dashed #0d7a5e;border-radius:16px;padding:16px;margin-top:4px;cursor:pointer;font-family:inherit;font-weight:800;color:#0d7a5e;font-size:.92rem;transition:.25s;display:flex;justify-content:space-between;align-items:center}
.pg-inside-btn:hover{background:#0d7a5e;color:#fff;border-style:solid;transform:translateY(-2px)}
.pg-inside-rest{display:none;margin-top:12px}
.pg-inside-rest.open{display:block;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* Month badge on card */
.z-badges .pg-month-badge{background:linear-gradient(135deg,#f0d67e,#c9a227 60%,#9c7a1a);color:#062a20;font-weight:900;font-size:.72rem;padding:8px 18px;border-radius:25px;box-shadow:0 6px 20px rgba(201,162,39,.4);letter-spacing:1px;text-transform:uppercase}
.z-badges .dc-count{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1.5px solid rgba(240,214,126,.5);color:#f0d67e;font-weight:700;font-size:.72rem;padding:8px 14px;border-radius:25px}
/* ===== ZABARDAST v2 Package Card ===== */
.z-card{max-width:720px;font-family:'Plus Jakarta Sans',sans-serif;margin:0 auto 24px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25);position:relative}
.z-top{position:relative;background:linear-gradient(160deg,#04120d 0%,#062a20 35%,#0a4a35 70%,#0d7a5e 100%);padding:50px 40px 36px;overflow:hidden}
.z-top::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5l3 8 8 3-8 3-3 8-3-8-8-3 8-3z' fill='none' stroke='rgba(240,214,126,.08)' stroke-width='1'/%3E%3C/svg%3E");pointer-events:none}
.z-glow{position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(240,214,126,.15) 0%,transparent 70%);pointer-events:none}
.z-badges{position:absolute;top:18px;left:18px;z-index:3;display:flex;gap:8px}
.z-badges .pg-month-badge{background:linear-gradient(135deg,#f0d67e,#c9a227 60%,#9c7a1a);color:#062a20;font-weight:900;font-size:.72rem;padding:8px 18px;border-radius:25px;box-shadow:0 6px 20px rgba(201,162,39,.4);letter-spacing:1px;text-transform:uppercase}
.z-badges .dc-count{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1.5px solid rgba(240,214,126,.5);color:#f0d67e;font-weight:700;font-size:.72rem;padding:8px 14px;border-radius:25px}
.z-cheap{position:absolute;top:18px;right:18px;z-index:3;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.08));backdrop-filter:blur(12px);border:1.5px solid #f0d67e;color:#f0d67e;font-weight:800;font-size:.68rem;padding:8px 16px;border-radius:25px;letter-spacing:2px}
.z-title{text-align:center;color:rgba(240,214,126,.7);font-size:.7rem;letter-spacing:6px;font-weight:700;margin-bottom:10px;position:relative;z-index:2}
.z-airline{display:block;text-align:center;position:relative;z-index:2;margin-bottom:24px}
.z-airline span{display:inline-block;background:linear-gradient(135deg,rgba(240,214,126,.25),rgba(240,214,126,.1));border:2px solid rgba(240,214,126,.6);color:#f0d67e;font-weight:800;font-size:.82rem;letter-spacing:3px;padding:10px 32px;border-radius:35px}
.z-route{position:relative;height:120px;margin:0 5px 10px;z-index:2}
.z-city{position:absolute;top:55%;transform:translateY(-50%);text-align:center;z-index:2;min-width:90px}
.z-city.left{left:0}.z-city.right{right:0}
.z-city .code{font-family:'Marcellus',serif;font-size:2.6rem;color:#fff;line-height:1;display:block}
.z-city .name{font-size:.68rem;color:#f0d67e;letter-spacing:2px;margin-top:6px;display:block;font-weight:700;white-space:nowrap}
.z-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;position:relative;z-index:2}
.z-box{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1.5px solid rgba(240,214,126,.4);border-radius:18px;padding:16px 8px;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.2)}
.z-box strong{display:block;color:#f0d67e;font-size:1.5rem;font-weight:900;line-height:1.2}
.z-box span{font-size:.62rem;color:rgba(255,255,255,.75);letter-spacing:2px;text-transform:uppercase;margin-top:6px;font-weight:600;display:block}
.z-body{padding:36px 40px 40px;background:#fff}
.z-hotels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.z-hotel{background:#f8f6f0;border-radius:16px;padding:16px;border:1.5px solid #eee5d0}
.z-hotel .city{font-size:.65rem;color:#0d7a5e;font-weight:800;letter-spacing:2px;margin-bottom:6px}
.z-hotel .name{font-weight:800;color:#062a20;font-size:.95rem}
.z-hotel .dist{font-size:.78rem;color:#5f6b80;margin-top:4px}
.z-price{text-align:center;margin-bottom:8px}
.z-price .amt{font-family:'Marcellus',serif;font-size:3.2rem;color:#062a20;line-height:1}
.z-price .per{font-size:.85rem;color:#5f6b80;margin-top:6px}
.z-wa{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25d366,#0d9d58);color:#fff;font-weight:800;font-size:1rem;padding:18px;border-radius:16px;text-decoration:none;margin:20px 0 12px;box-shadow:0 10px 30px rgba(37,211,102,.4)}
.z-details{display:block;text-align:center;color:#0d7a5e;font-weight:700;font-size:.9rem;text-decoration:none;margin-bottom:18px}
.pg-inside-btn{width:100%;background:#f4faf8;border:2px dashed #0d7a5e;border-radius:16px;padding:16px;margin-top:4px;cursor:pointer;font-family:inherit;font-weight:800;color:#0d7a5e;font-size:.92rem}
.pg-inside-rest{display:none;margin-top:12px}
.pg-inside-rest.open{display:block}
.z-mini{background:#fbfaf6;border:1.5px solid #e8e0cf;border-radius:14px;padding:14px;margin-bottom:10px}
@media(max-width:480px){.z-top{padding:30px 20px 24px}.z-info{gap:8px}.z-box{padding:12px 4px}.z-box strong{font-size:1.15rem}.z-hotels{grid-template-columns:1fr}.z-body{padding:22px 20px 26px}.z-price .amt{font-size:2rem}.z-city .code{font-size:1.6rem}}



/* Mobile top badges fix - 19 Oct */
@media (max-width: 480px) {
  .z-top { padding-top: 70px !important; }
  .z-badges { position: absolute; top: 14px; left: 14px; right: 14px; display: flex; justify-content: space-between; align-items: flex-start; z-index: 5; }
  .z-badges .dc-count, .z-badges .z-cheap { display: none !important; }
  .z-month { font-size: 0.72rem; padding: 7px 14px; }
  .z-title { margin-top: 14px !important; margin-bottom: 12px !important; font-size: 0.75rem; letter-spacing: 5px; }
  .z-airline { margin-bottom: 18px !important; margin-top: 4px; }
  .z-airline span { font-size: 0.78rem; padding: 8px 20px; }
}

/* Preview-exact fonts - 19 Oct */
.z-card, .z-card * { font-family: 'Plus Jakarta Sans', sans-serif !important; }
.z-card .z-city .code, .z-card .z-price .amt { font-family: 'Marcellus', serif !important; }

/* ===== DATE ACCORDION (Original Approved Design) ===== */
.dc-card{background:#fff;border-radius:20px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 24px rgba(6,42,32,.1);border:1px solid #ece4d0;transition:.3s}
.dc-card.open{box-shadow:0 8px 32px rgba(6,42,32,.16)}
.dc-head{background:linear-gradient(135deg,#062a20 0%,#0d5c46 60%,#0d7a5e 100%);color:#fff;padding:0;cursor:pointer;display:flex;align-items:stretch;position:relative;overflow:hidden}
.dc-head::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f0d67e,#c9a227,#f0d67e)}
.dc-plane{position:absolute;top:50%;left:-40px;font-size:1.4rem;transform:translateY(-50%);opacity:.7;animation:flyAcross 8s linear infinite;pointer-events:none;z-index:0}
@keyframes flyAcross{from{left:-40px}to{left:100%}}
.dc-date{background:rgba(0,0,0,.25);display:flex;align-items:center;padding:18px 16px;min-width:86px;justify-content:center;position:relative;z-index:1}
.dc-day{font-size:1.35rem;font-weight:800;color:#eed188;text-align:center;line-height:1.2}
.dc-main{flex:1;padding:16px 14px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.dc-title{font-size:1.2rem;font-weight:800;letter-spacing:.3px}
.dc-title span{color:#eed188;font-weight:600}
.dc-sub{font-size:.82rem;opacity:.85;margin-top:4px}
.dc-count{display:inline-block;background:#c9a227;color:#062a20;font-weight:800;font-size:.72rem;padding:2px 10px;border-radius:20px;margin-left:6px}
.dc-count.hot{background:#e74c3c;color:#fff}
.dc-price{text-align:right;padding:16px 6px 16px 14px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.15);position:relative;z-index:1}
.dc-from{font-size:1.25rem;font-weight:800;color:#eed188}
.dc-per{font-size:.72rem;opacity:.75}
.dc-n{font-size:.72rem;background:rgba(255,255,255,.2);border-radius:20px;padding:2px 10px;margin-top:5px;display:inline-block;font-weight:700}
.dc-arrow{font-size:1.1rem;display:flex;align-items:center;padding:0 18px 0 8px;transition:.3s;opacity:.8;position:relative;z-index:1}
.dc-card.open .dc-arrow{transform:rotate(180deg)}
.dc-actions{display:flex;flex-direction:column;gap:6px;justify-content:center;padding:0 4px 0 8px;position:relative;z-index:1}
.dc-actions .dc-dl,.dc-actions .dc-share{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1.1rem;width:38px;height:38px;border-radius:10px;cursor:pointer;transition:.2s}
.dc-actions .dc-dl:hover,.dc-actions .dc-share:hover{background:#c9a227;transform:scale(1.05)}
.dc-list{display:none;padding:16px;background:#fbf8f0}
.dc-card.open .dc-list{display:block;animation:dcIn .3s ease}
@keyframes dcIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.dc-pkg{background:#fff;border:1.5px solid #e8e0cf;border-radius:14px;padding:16px;margin-bottom:12px;transition:.2s}
.dc-pkg:hover{border-color:#c9a227;box-shadow:0 4px 14px rgba(201,162,39,.18);transform:translateY(-1px)}
.dc-pkg.cheap{border-color:#c9a227;background:linear-gradient(135deg,#fffdf5,#fffaf0)}
.dc-pkg.prem{border-color:#0d7a5e;background:linear-gradient(135deg,#f4faf8,#fff)}
.dc-pkg-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.dc-code{background:#062a20;color:#eed188;font-weight:800;font-size:.85rem;padding:4px 12px;border-radius:8px}
.dc-tier{color:#5f6b80;font-size:.85rem;font-weight:600}
.dc-days{background:#e7f4ee;color:#0d7a5e;font-size:.75rem;font-weight:800;padding:3px 10px;border-radius:20px}
.dc-tag{font-size:.68rem;padding:3px 10px;border-radius:20px;font-weight:800}
.dc-tag.gold{background:linear-gradient(135deg,#f0d67e,#c9a227);color:#062a20}
.dc-hotels{font-size:.86rem;color:#1d2635;line-height:1.7;border-top:1px dashed #e8e0cf;border-bottom:1px dashed #e8e0cf;padding:8px 0;margin-bottom:10px}
.dc-hotels em{color:#8a94a6;font-style:normal;font-size:.78rem}
.dc-pkg-bot{display:flex;align-items:center;gap:10px}
.dc-amt{flex:1}
.dc-amt b{color:#0d7a5e;font-size:1.25rem}
.dc-amt small{display:block;color:#5f6b80;font-size:.72rem}
.dc-book{background:#062a20;color:#fff;padding:9px 18px;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:700;transition:.2s}
.dc-book:hover{background:#0d7a5e}
.dc-wa{background:#25D366;color:#fff;padding:9px 18px;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:700}
@media(max-width:600px){
.dc-head{flex-wrap:wrap}
.dc-date{min-width:70px;padding:14px 10px}
.dc-day{font-size:1.05rem}
.dc-title{font-size:1rem}
.dc-from{font-size:1rem}
.dc-price{flex:1;border-left:none;border-top:1px solid rgba(255,255,255,.15);flex-direction:row;align-items:center;gap:8px;padding:12px 14px;text-align:left}
.dc-price .dc-per{display:none}
.dc-actions{flex-direction:row;padding:10px 14px;align-items:center}
.dc-arrow{position:absolute;right:8px;top:12px;padding:4px}
.dc-pkg-bot{flex-wrap:wrap}
.dc-book,.dc-wa{flex:1;text-align:center}
.dc-plane{display:none}
}

/* Package PDF download + share (20 Oct 2026) */
.z-dl{position:absolute;top:14px;right:14px;z-index:6;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:1px solid rgba(240,214,126,.75);color:#fff;padding:7px 12px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.4px;text-decoration:none;backdrop-filter:blur(4px);transition:.2s}
.z-dl:hover{background:rgba(201,162,39,.9);color:#062a20}
.dc-dl{background:#fff;border:1.5px solid #062a20;color:#062a20;padding:9px 14px;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:700;white-space:nowrap}
.dc-dl:hover{background:#062a20;color:#fff}
.pkg-share-row{display:flex;gap:8px;margin-bottom:10px}
.pkg-share-row .btn{flex:1;text-align:center;padding:11px 6px;font-size:.88rem}
@media(max-width:768px){.dc-dl{flex:1;text-align:center}}

/* ===== Download actions — city panels + packages page (v111) ===== */
.city-actions{max-width:720px;margin:26px auto 0;background:#fff;border:1px solid #ece4d0;border-radius:20px;padding:18px;box-shadow:0 6px 24px rgba(6,42,32,.07)}
.ca-main{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ca-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 16px;border-radius:14px;font-weight:800;font-size:.98rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.ca-btn svg{width:19px;height:19px;flex:none}
.ca-btn:active{transform:scale(.985)}
.ca-btn-primary{background:linear-gradient(135deg,#0a4a35,#0d7a5e);color:#fff;box-shadow:0 6px 16px rgba(13,122,94,.28)}
.ca-btn-gold{background:linear-gradient(135deg,#f0d67e,#c9a227 55%,#9c7a1a);color:#241b02;box-shadow:0 6px 16px rgba(201,162,39,.30)}
.ca-months{margin-top:16px;border-top:1px dashed #ddd3b8;padding-top:14px}
.ca-label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.74rem;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#8a7a3a}
.ca-label svg{width:16px;height:16px;color:#0d7a5e;flex:none}
.ca-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin-top:11px}
.ca-pill{display:flex;align-items:center;justify-content:center;gap:7px;background:#fbfaf6;border:1.5px solid rgba(13,122,94,.40);color:#095c46;padding:10px 8px;border-radius:12px;text-decoration:none;font-weight:700;font-size:.86rem;transition:background .15s ease,border-color .15s ease}
.ca-pill svg{width:15px;height:15px;color:#c9a227;flex:none}
.ca-pill:hover{background:#e7f4ee;border-color:#0d7a5e}
.dl-months{max-width:720px;margin:0 auto 22px;background:#fff;border:1px solid #ece4d0;border-radius:18px;padding:16px 18px;box-shadow:0 4px 18px rgba(6,42,32,.06)}
.dl-months .ca-pills{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media (max-width:560px){
  .city-actions{padding:14px}
  .ca-main{grid-template-columns:1fr}
  .ca-pills{grid-template-columns:1fr 1fr}
  .dl-months .ca-pills{grid-template-columns:1fr 1fr}
}

/* Carousel fallback (v112): motion off = swipe karein, cards kabhi gayab nahi */
@media (prefers-reduced-motion: reduce){
  .hc-track,.tc-track{animation:none;-webkit-animation:none}
  .hotel-carousel,.t-carousel{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .hotel-carousel::-webkit-scrollbar,.t-carousel::-webkit-scrollbar{display:none}
}

/* AI chat button — founder photo (21 Oct 2026) */
.chat-fab{overflow:hidden}
.chat-fab .fab-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}

/* ===== Global dropdown design — arrows get proper space (21 Oct 2026) ===== */
select,.form-row select,.form-card select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062a20' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 12px;padding-right:40px !important;cursor:pointer}
select:focus,.form-row select:focus{outline:none;border-color:#c9a227 !important;box-shadow:0 0 0 3px rgba(201,162,39,.18)}

/* ===== MOBILE UX v117 (22 Oct 2026) — behtreen mobile design ===== */
body{overflow-x:clip}
section[id],div[id]{scroll-margin-top:76px}
@media(max-width:768px){
  /* iPhone par input zoom khatam — har form field 16px */
  input,select,textarea{font-size:16px !important}
  /* Floating buttons tabbar ke UPAR, chhote aur saaf */
  .wa-float{width:54px;height:54px;right:14px;bottom:calc(88px + env(safe-area-inset-bottom))}
  .wa-float svg{width:28px;height:28px}
  .chat-fab{width:56px;height:56px;left:14px;bottom:calc(88px + env(safe-area-inset-bottom))}
  /* Centered headings floats ke neeche na dabain */
  .sec-title,.rev-head{text-align:center;padding-left:10px;padding-right:10px}
  /* Hotel + review carousels: auto-slide ki jagah ungli se swipe + snap */
  .hotel-carousel,.t-carousel{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:14px}
  .hotel-carousel::-webkit-scrollbar,.t-carousel::-webkit-scrollbar{display:none}
  .hc-track,.tc-track{animation:none;-webkit-animation:none;width:max-content}
  .hc-card,.tc-card{scroll-snap-align:start}
  .hc-card{flex:0 0 78vw;max-width:300px}
  /* Tap targets kam az kam 44px */
  .bh-chip,.ca-pill{min-height:40px;display:inline-flex;align-items:center}
  .app-tabbar a{padding-top:8px;padding-bottom:8px}
  /* Book-hotels: form ek column, panel compact */
  body .bh-form{grid-template-columns:1fr}
  body .bh-panel{grid-template-columns:1fr 1fr}
  body .bh-hero{padding:20px 16px}
  body .bh-bar{top:60px}
  /* Packages filter card compact */
  .form-card{padding:16px}
}
@media(max-width:380px){
  .hc-card{flex:0 0 84vw}
}

/* Merged package dates strip (23 Oct 2026) */
.pg-dates{margin-top:14px;border-top:2px dashed #d8c690;padding-top:12px}
.pg-dates-title{font-size:.86rem;font-weight:700;color:#5a4a12;margin-bottom:9px}
.pg-dates-row{display:flex;flex-wrap:wrap;gap:7px}
.pg-date-chip{display:inline-block;padding:7px 13px;border:1.5px solid #c9a227;border-radius:999px;background:#fffdf4;color:#6b5510;font-weight:700;font-size:.83rem;text-decoration:none}
.pg-date-chip:hover{background:#f0d67e;color:#3a2c05}
.pg-date-chip.first{background:linear-gradient(135deg,#f0d67e,#c9a227);color:#3a2c05;border-color:#c9a227}

/* Card par Return date (24 Oct 2026) */
@media(max-width:480px){.z-info{grid-template-columns:repeat(2,1fr)}}

/* Card ke sab packages PDF button (24 Oct 2026) */
.pg-inside-pdf{display:block;margin-top:10px;padding:11px 14px;border:1.5px solid #c9a227;border-radius:10px;background:#fffdf4;color:#6b5510;font-weight:700;font-size:.88rem;text-align:center;text-decoration:none}
.pg-inside-pdf:hover{background:#f0d67e;color:#3a2c05}