/* =========================================================
   SUKHCHAIN TRAVEL AND TOURISM LLC — Global Stylesheet
   Font: Poppins | Palette: Gold & White
   ========================================================= */
:root{
  --gold:#C9A23A;
  --gold-d:#A47C1F;
  --gold-l:#E9D28F;
  --gold-grad:linear-gradient(135deg,#DDB94E 0%,#B98F27 55%,#9C741A 100%);
  --cream:#FCF8EE;
  --cream-2:#F6EFD9;
  --white:#fff;
  --ink:#1D1810;
  --text:#4A4336;
  --mute:#7C7462;
  --line:#EEE5CB;
  --shadow:0 10px 30px rgba(120,90,20,.10);
  --shadow-lg:0 24px 60px rgba(90,65,10,.18);
  --r:18px;
  --r-sm:12px;
  --maxw:1280px;
  --gutter:clamp(16px,4vw,48px);
  --pill-h:74px;
  --hdr-pad:16px;
  --hdr-h:calc(var(--pill-h) + var(--hdr-pad) * 2);
}
/* Larger desktops: widen the content area and scale type so the page fills the screen */
@media (min-width:1536px){:root{--maxw:1440px}}
@media (min-width:1800px){:root{--maxw:1640px} html{font-size:17px}}
@media (min-width:2200px){:root{--maxw:1920px} html{font-size:19px}}
@media (min-width:2800px){:root{--maxw:2360px} html{font-size:22px}}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Poppins',system-ui,sans-serif;color:var(--text);background:var(--white);line-height:1.7;font-size:1rem;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;color:var(--ink);line-height:1.2;margin:0 0 .6em;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,5vw,4rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.6rem)}
h3{font-size:1.2rem;font-weight:600}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold-d);outline-offset:3px}

.container{width:min(100% - (var(--gutter) * 2),var(--maxw));margin-inline:auto}
.section{padding:clamp(3.5rem,7vw,6.5rem) 0}
.bg-cream{background:var(--cream)}
.gold{color:var(--gold-d)}
.center{text-align:center}
.mt{margin-top:2rem}
.lead{font-size:1.08rem;color:var(--text)}

.eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);margin-bottom:.9rem}
.eyebrow::before{content:"";width:2.2rem;height:2px;background:var(--gold-grad)}
.center .eyebrow::after{content:"";width:2.2rem;height:2px;background:var(--gold-grad)}
.sec-head{max-width:46rem;margin-bottom:clamp(2rem,4vw,3.2rem)}
.sec-head.center{margin-inline:auto}
.sec-head p{color:var(--mute);margin:0}
.sec-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-bottom:clamp(2rem,4vw,3.2rem)}
.sec-row .sec-head{margin-bottom:0}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.7rem;border-radius:999px;font-weight:600;font-size:.92rem;border:1.5px solid transparent;cursor:pointer;transition:.25s;white-space:nowrap;line-height:1.2}
.btn-sm{padding:.6rem 1.15rem;font-size:.82rem}
.btn-gold{position:relative;background:linear-gradient(135deg,#D8B548 0%,#B48A25 100%);color:#fff;border:0;padding:.5rem .5rem .5rem 1.5rem;gap:.9rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px rgba(150,112,25,.28);overflow:hidden;isolation:isolate}
.btn-gold::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:translateY(101%);transition:transform .35s ease;border-radius:inherit}
.btn-gold::after{content:"→";flex:none;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#fff;color:var(--gold-d);font-size:1rem;font-weight:700;line-height:1;transition:transform .35s ease}
.btn-gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 24px rgba(60,42,6,.28)}
.btn-gold:hover::before{transform:none}
.btn-gold:hover::after{transform:rotate(-45deg)}
.btn-gold.btn-sm{padding:.38rem .38rem .38rem 1.1rem;gap:.65rem}
.btn-gold.btn-sm::after{width:1.8rem;height:1.8rem;font-size:.85rem}
.btn-gold:has(.ico){padding:.85rem 1.7rem}
.btn-gold:has(.ico)::after{display:none}
.btn-outline{border-color:var(--gold);color:var(--gold-d);background:#fff}
.btn-outline:hover{background:var(--gold-grad);color:#fff;border-color:transparent}
.btn-white{background:#fff;color:var(--gold-d)}
.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn-ghost{border-color:rgba(255,255,255,.75);color:#fff}
.btn-ghost:hover{background:#fff;color:var(--gold-d)}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem}
.center .btn-row{justify-content:center}
.link-arrow{font-weight:600;color:var(--gold-d);display:inline-flex;gap:.4rem;align-items:center}
.link-arrow::after{content:"→";transition:.25s}
.link-arrow:hover::after{transform:translateX(5px)}

/* ---------- Header (floating pill) ---------- */
.hdr-hide .site-header{top:calc(var(--hdr-h) * -1 - 1.5rem)}
.site-header{transition:top .4s ease;position:sticky;top:0;z-index:1000;padding:var(--hdr-pad) 0;margin-bottom:calc(var(--hdr-h) * -1);pointer-events:none}
.pill{pointer-events:auto;height:var(--pill-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 .75rem 0 1.9rem;box-shadow:0 14px 40px rgba(60,42,6,.16);transition:box-shadow .3s}
.scrolled .pill{box-shadow:0 14px 44px rgba(60,42,6,.24)}
.logo{display:inline-flex;flex-direction:column;line-height:1;font-family:'Poppins',sans-serif;flex:none}
.logo b{font-weight:800;font-size:1.4rem;letter-spacing:.14em;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo small{font-size:.5rem;font-weight:500;letter-spacing:.4em;color:var(--gold-d);margin-top:.3rem;text-transform:uppercase}
.actions{display:flex;gap:.5rem;align-items:center;flex:none}
.site-header .container{width:min(100% - 2.5rem,calc(var(--maxw) + 4rem))}
.actions .btn{padding:.62rem 1.05rem;font-size:.84rem}
.actions .btn-gold{padding:.34rem .34rem .34rem 1.05rem;gap:.6rem}
.actions .btn-gold::after{width:1.9rem;height:1.9rem;font-size:.85rem}
.hphone svg,.float svg.line{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--cream-2);cursor:pointer;position:relative;flex:none}
.burger i,.burger i::before,.burger i::after{content:"";position:absolute;left:50%;width:20px;height:2px;background:var(--gold-d);transform:translateX(-50%);border-radius:2px}
.burger i{top:50%;margin-top:-1px}.burger i::before{top:-6px}.burger i::after{top:6px}

.nav{display:flex;align-items:center;gap:.4rem}
.nav>li{position:relative}
.nav>li>a{position:relative;display:flex;align-items:center;gap:.35rem;padding:.6rem .62rem;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;transition:.25s}
.nav>li>a::after{content:"";position:absolute;left:50%;bottom:.12rem;width:0;height:3px;border-radius:3px;background:var(--gold-grad);translate:-50% 0;transition:width .3s}
.nav>li:hover>a{color:var(--gold-d)}
.nav>li:hover>a::after{width:1.1rem}
.nav>li>a.active{color:var(--gold-d);background:var(--cream-2)}
.nav>li>a.active::after{width:1.4rem}
.caret{width:.42rem;height:.42rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-.2rem}
.sub{position:absolute;top:calc(100% + .9rem);left:-1rem;width:21.5rem;background:#fff;border:1px solid var(--line);border-radius:1.4rem;box-shadow:var(--shadow-lg);padding:.6rem;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:top left;transition:.25s}
.ico{flex:none;width:2.6rem;height:2.6rem;border-radius:.85rem;background:var(--cream-2);color:var(--gold-d);display:grid;place-items:center;transition:.25s}
.ico svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav>li>a .ico{display:none}
.sub-t{display:block;font-size:.88rem;font-weight:600;color:var(--ink);line-height:1.35;transition:.2s}
.sub-d{display:block;font-size:.74rem;font-weight:400;color:var(--mute);line-height:1.4}
.sub::before{content:"";position:absolute;left:0;right:0;top:-1rem;height:1rem}
.nav>li:hover>.sub,.nav>li:focus-within>.sub{opacity:1;visibility:visible;transform:none}
.sub a{display:flex;align-items:center;gap:.9rem;padding:.6rem .7rem;border-radius:1rem;transition:.2s}
.sub a::after{content:"→";margin-left:auto;color:var(--gold-d);font-weight:600;opacity:0;transform:translateX(-8px);transition:.25s}
.sub a:hover{background:var(--cream)}
.sub a:hover::after{opacity:1;transform:none}
.sub a:hover .sub-t{color:var(--gold-d)}
.sub a:hover .ico,.nav>li>a.active .ico{background:var(--gold-grad);color:#fff;box-shadow:0 8px 16px rgba(169,131,47,.35)}
.sub-toggle,.drawer-head,.drawer-actions,.backdrop{display:none}
@media (min-width:1536px){
  .logo b{font-size:1.6rem}.logo small{font-size:.55rem}
  .nav{gap:.4rem}
  .nav>li>a{font-size:.94rem;padding:.7rem .85rem}
  @media (min-width:1800px){.nav{gap:.9rem}}
  .actions .btn{font-size:.92rem;padding:.7rem 1.4rem}
  .actions .btn-gold{padding:.38rem .38rem .38rem 1.3rem}
  .actions .btn-gold::after{width:2.1rem;height:2.1rem}
}

/* Mobile / tablet drawer */
@media (max-width:1359px){
  :root{--pill-h:62px;--hdr-pad:10px}
  .burger{display:block}
  .actions .hphone{width:46px;height:46px;padding:0;font-size:1.05rem}
  .hphone span,.actions .book{display:none}
  .pill{padding:0 .5rem 0 1.3rem}
  .logo b{font-size:1.25rem}
  .navrow{position:fixed;top:0;right:0;height:100dvh;width:min(88vw,380px);background:#fff;transform:translateX(100%);transition:transform .35s ease;z-index:1002;overflow-y:auto;box-shadow:var(--shadow-lg);padding-bottom:2rem}
  .nav-open .navrow{transform:none}
  .drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
  .drawer-close{width:42px;height:42px;border-radius:50%;border:0;background:var(--cream-2);font-size:1.3rem;color:var(--gold-d);cursor:pointer;line-height:1}
  .nav{display:block;padding:.5rem 1.25rem}
  .nav>li{border-bottom:1px solid var(--line)}
  .nav>li>a{padding:.7rem .2rem;gap:.85rem;font-size:1rem;border-radius:0;background:none!important;box-shadow:none!important}
  .nav>li>a .ico{display:grid;width:2.4rem;height:2.4rem}
  .nav>li>a.active{color:var(--gold-d)}
  .nav>li>a::after{display:none}
  .nav .caret{display:none}
  .sub-toggle{display:block;position:absolute;right:0;top:.6rem;width:42px;height:42px;border:0;background:var(--cream-2);border-radius:50%;cursor:pointer;color:var(--gold-d);font-size:1.2rem;line-height:1;transition:.2s}
  .sub{position:static;width:auto;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:1rem;background:var(--cream);padding:.4rem;margin-bottom:.8rem;display:none}
  .sub .ico{background:#fff}
  .sub a:hover{background:#fff}
  .sub::before{display:none}
  .nav>li.open>.sub{display:block}
  .nav>li.open>.sub-toggle{transform:rotate(45deg)}
  .drawer-actions{display:grid;gap:.7rem;padding:1.25rem}
  .backdrop{display:block;position:fixed;inset:0;background:rgba(29,24,16,.55);opacity:0;visibility:hidden;transition:.3s;z-index:1001;pointer-events:auto}
  .nav-open .backdrop{opacity:1;visibility:visible}
  .nav-open{overflow:hidden}
}
@media (min-width:560px) and (max-width:1359px){.actions .hphone{width:auto;padding:0 1.2rem;font-size:.86rem}.hphone span{display:inline}}

/* ---------- Image blocks ---------- */
[data-img]{background:linear-gradient(135deg,#E9D28F,#B98F27) center/cover no-repeat}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:clamp(560px,82vh,980px);display:flex;align-items:center;color:#fff;padding:calc(var(--hdr-h) + 3.5rem) 0 9rem}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(24,18,6,.88) 0%,rgba(24,18,6,.62) 45%,rgba(24,18,6,.18) 100%)}
.hero .container{position:relative}
.hero-in{max-width:46rem}
.hero h1{color:#fff;margin-bottom:.5em}
.hero h1 span{background:linear-gradient(135deg,#F4DC8A,#D4AF37);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:clamp(1rem,1.4vw,1.2rem);color:rgba(255,255,255,.88);max-width:38rem;margin-bottom:2rem}
.hero .eyebrow{color:var(--gold-l)}
.hero-tags{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:2.4rem;font-size:.85rem;color:rgba(255,255,255,.85)}
.hero-tags li::before{content:"✦";color:var(--gold-l);margin-right:.5rem}

/* light hero with client photo grid */
.hero2{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--cream) 100%);padding:calc(var(--hdr-h) + clamp(2.6rem,5vw,4.5rem)) 0 12rem}
.hero2::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(201,162,58,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,58,.2) 1px,transparent 1px);background-size:2.6rem 2.6rem;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 70% 35%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 75% 75% at 70% 35%,#000 25%,transparent 78%)}
.hero2::after{content:"";position:absolute;width:38rem;height:38rem;right:-10rem;top:-12rem;border-radius:50%;background:radial-gradient(circle,rgba(233,210,143,.55),transparent 65%);pointer-events:none}
.hero2-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,4vw,4.5rem);align-items:center}
.hero2 h1{font-size:clamp(1.1rem,2.6vw,2.8rem);margin-bottom:.6em;line-height:1.25}
.hero2 h1 span{display:block;white-space:nowrap;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2-text>p{font-size:clamp(1rem,1.3vw,1.15rem);max-width:36rem;margin-bottom:2rem}
.hero2 .hero-tags{color:var(--text);font-weight:500;flex-wrap:nowrap;white-space:nowrap;gap:clamp(.4rem,1.3vw,1.5rem);font-size:clamp(.6rem,.95vw,.85rem)}
.hero2-text{min-width:0}
.hero2 .hero-tags li::before{margin-right:.35rem}
@media (max-width:960px){.hero2 .hero-tags{font-size:clamp(.6rem,2.2vw,.9rem);gap:clamp(.4rem,2vw,1.4rem)}}
@media (max-width:560px){.hero2 .hero-tags{display:grid;grid-template-columns:auto auto;justify-content:start;gap:.6rem 1rem;font-size:clamp(.68rem,3.4vw,.85rem)}}
.hero2 .hero-tags li::before{color:var(--gold)}
.hero2-grid{grid-template-columns:1fr 1fr}
.hero2-photos{position:relative;display:grid;grid-template-columns:1fr 1.14fr 1fr;align-items:center;padding:2.5rem 0 3rem}
.hero2-photos::before{content:"";position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F3E3B0,#D9B95A 70%,#C9A23A);opacity:.55;z-index:0}
.hero2-photos::after{content:"";position:absolute;left:50%;top:50%;width:94%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1.5px dashed var(--gold);opacity:.5;z-index:0;animation:spin 60s linear infinite}
.hero2-photos figure{position:relative;z-index:1;margin:0;border-radius:1.7rem;overflow:hidden;aspect-ratio:9/15;border:6px solid #fff;outline:1px solid var(--line);box-shadow:0 24px 50px rgba(60,42,6,.22);background:var(--cream-2);transition:transform .45s,box-shadow .45s}
.hero2-photos figure:nth-of-type(1){transform:rotate(-5deg) translateX(9%);transform-origin:bottom right}
.hero2-photos figure:nth-of-type(3){transform:rotate(5deg) translateX(-9%);transform-origin:bottom left}
.hero2-photos figure:nth-of-type(2){z-index:2;box-shadow:0 34px 70px rgba(60,42,6,.32)}
.hero2-photos figure:hover{transform:translateY(-10px);z-index:3}
.hero2-photos img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero2-chip{position:absolute;z-index:4;left:50%;bottom:0;translate:-50% 0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.7rem 1.4rem;font-size:.85rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow-lg);white-space:nowrap}
.hero2-chip b{color:var(--gold);letter-spacing:.12em;margin-right:.45rem}
.hero2-chip.two{left:auto;right:0;bottom:auto;top:0;translate:none;background:var(--gold-grad);color:#fff;border:0;animation:floaty 5s ease-in-out infinite}
.hero2-chip i{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:#fff;color:var(--gold-d);font-style:normal;font-size:.75rem;margin-right:.45rem}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes spin{to{rotate:360deg}}
@media (max-width:960px){
  .hero2-grid{grid-template-columns:1fr}
  .hero2 h1{font-size:clamp(1rem,5.7vw,2.7rem)}
  .hero2-photos{max-width:38rem;margin:clamp(3.5rem,11vw,5.5rem) auto clamp(2rem,7vw,3.5rem);width:100%}
  .hero2{padding-bottom:11rem}
}
@media (max-width:480px){.hero2-photos figure{border-width:4px;border-radius:1.1rem}.hero2-chip{font-size:.75rem;padding:.55rem 1rem}.hero2-chip.two{top:-.4rem}}
@media (prefers-reduced-motion:reduce){.hero2-photos::after,.hero2-chip.two{animation:none}}

.page-hero{position:relative;overflow:hidden;text-align:center;background:linear-gradient(180deg,#fff 0%,var(--cream) 100%);border-bottom:1px solid var(--line);padding:calc(var(--hdr-h) + clamp(1.6rem,3vw,2.6rem)) 0 clamp(2rem,3.5vw,3rem)}
.page-hero::before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(201,162,58,.2) 1px,transparent 1px) 50% 0/2rem 2rem,
  linear-gradient(90deg,rgba(201,162,58,.2) 1px,transparent 1px) 50% 0/2rem 2rem;
  -webkit-mask-image:radial-gradient(ellipse 65% 90% at 50% 40%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 65% 90% at 50% 40%,#000 25%,transparent 80%)}
.page-hero .container{position:relative}
.page-hero h1{color:var(--ink);font-size:clamp(1.7rem,3.4vw,2.8rem);max-width:48rem;margin:0 auto .5rem}
.page-hero p{max-width:40rem;margin:0 auto;color:var(--mute)}
.crumbs{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.2rem .55rem;font-size:.8rem;font-weight:500;margin-bottom:1.1rem;padding:.45rem 1.1rem .45rem .5rem;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);color:var(--gold-d)}
.crumbs a{color:var(--text);transition:color .2s}
.crumbs a:hover{color:var(--gold-d)}
.crumbs>a:first-child{display:inline-flex;align-items:center;gap:.4rem;color:#fff;background:var(--gold-grad);padding:.22rem .8rem;border-radius:999px;font-weight:600}
.crumbs>a:first-child:hover{color:#fff;filter:brightness(1.05)}
.crumbs span{display:inline-flex;align-items:center;gap:.55rem}
.crumbs span::before{content:"";width:.38rem;height:.38rem;border:solid var(--gold);border-width:1.5px 1.5px 0 0;rotate:45deg;opacity:.8}
.crumbs span:last-child{color:var(--gold-d);font-weight:600}

/* ---------- Search ---------- */
.search{position:relative;z-index:5;margin-top:-6.2rem}
.search-card{background:#fff;border-radius:1.75rem;box-shadow:0 30px 70px rgba(90,65,10,.16);border:1px solid var(--line);padding:clamp(.9rem,1.6vw,1.4rem)}
.tabs{display:inline-flex;max-width:100%;gap:.25rem;background:var(--cream-2);border-radius:999px;padding:.3rem;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.3rem;border:0;border-radius:999px;background:none;font-weight:600;font-size:.88rem;color:var(--text);cursor:pointer;white-space:nowrap;transition:.25s}
.tab:hover{color:var(--gold-d)}
.tab.active{background:var(--gold-grad);color:#fff;box-shadow:0 8px 18px rgba(169,131,47,.35)}
.tab .ico,.search-card label .ico,.search-card .btn .ico{width:auto;height:auto;background:none;color:inherit;border-radius:0;box-shadow:none}
.tab .ico svg,.search-card .btn .ico svg{width:1.05rem;height:1.05rem}
.tab-panel{display:none;padding-top:clamp(.8rem,1.4vw,1.1rem)}
.tab-panel.active{display:block;animation:fadeUp .35s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}
.search-card .search-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:1.25rem;background:#fff}
.search-card .field{flex:1 1 0;min-width:0;padding:.85rem 1.25rem;border-left:1px solid var(--line);transition:background .2s}
.search-card .field:first-child{border-left:0;border-radius:1.2rem 0 0 1.2rem}
.search-card .field:focus-within{background:var(--cream)}
.search-card .field label{display:flex;align-items:center;gap:.45rem;font-size:.68rem;letter-spacing:.1em;margin-bottom:.3rem;color:var(--mute);white-space:nowrap}
.search-card .field:focus-within label{color:var(--gold-d)}
.search-card label .ico{color:var(--gold-d)}
.search-card label .ico svg{width:.95rem;height:.95rem}
.search-card .field input,.search-card .field select{border:0;border-radius:0;padding:0;min-height:1.9rem;background:transparent;font-size:.98rem;font-weight:500;color:var(--ink);box-shadow:none;width:100%}
.search-card .field input:focus,.search-card .field select:focus{box-shadow:none}
.search-card .field input::placeholder{color:#B5AD9A;font-weight:400}
.search-card .field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:1.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A47C1F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right center/1rem}
.search-card .search-grid .btn{flex:none;align-self:center;margin:.5rem;padding:1.05rem 1.7rem;border-radius:.95rem;font-size:.95rem}
@media (max-width:1100px){
  .search-card .field{flex:1 1 33%;border-left:0;border-bottom:1px solid var(--line);border-radius:0!important}
  .search-card .search-grid .btn{flex:1 1 100%}
}
@media (max-width:640px){
  .search-card .field{flex:1 1 50%}
  .tab{padding:.6rem .9rem;font-size:.8rem}
}
@media (max-width:420px){.search-card .field{flex:1 1 100%}}
.search-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end}

/* ---------- Forms ---------- */
.field label{display:block;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:.4rem}
.field input,.field select,.field textarea{width:100%;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;font-size:.93rem;transition:.2s;min-height:3rem}
.field textarea{min-height:7.5rem;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,58,.16)}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.form .field{min-width:0}
.form .full{grid-column:1/-1}
.form .btn{width:100%}
.form-note{font-size:.78rem;color:var(--mute);margin:0}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.3rem,3vw,2.2rem);box-shadow:var(--shadow)}
.panel h3{font-size:1.3rem}
@media (max-width:520px){.form{grid-template-columns:1fr}}

/* ---------- Booking / enquiry form panel ---------- */
.form-panel{padding:0;border-radius:1.6rem;box-shadow:0 24px 60px rgba(120,90,20,.14)}
.form-head{display:flex;align-items:center;gap:1rem;padding:1.4rem clamp(1.2rem,2.4vw,1.8rem);background:var(--gold-grad);color:#fff;border-radius:1.55rem 1.55rem 0 0}
.form-head .ico{width:3rem;height:3rem;border-radius:1rem;background:rgba(255,255,255,.2);color:#fff;flex:none}
.form-head h3{color:#fff;font-size:1.2rem;margin:0 0 .15rem}
.form-head p{margin:0;font-size:.8rem;color:rgba(255,255,255,.9);line-height:1.5}
.form-panel .form{padding:clamp(1.2rem,2.4vw,1.8rem);gap:.95rem}
.form-panel .field label{font-size:.8rem;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:600;margin-bottom:.4rem}
.form-panel .field label i{color:var(--gold-d);font-style:normal}
.inp{position:relative}
.inp-ic{position:absolute;z-index:1;left:.95rem;top:1.5rem;translate:0 -50%;width:1.05rem;height:1.05rem;fill:none;stroke:var(--gold-d);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.form-panel .field input,.form-panel .field textarea,.form-panel .cs-btn{background-color:var(--cream);border-color:transparent;border-radius:.9rem}
.form-panel .field input:hover,.form-panel .field textarea:hover,.form-panel .cs-btn:hover{border-color:var(--gold-l)}
.form-panel .field input:focus,.form-panel .field textarea:focus,.form-panel .cs.open .cs-btn{background-color:#fff;border-color:var(--gold)}
.form-panel .has-ic input,.form-panel .has-ic .cs-btn{padding-left:2.6rem}
.form-panel .field input::placeholder,.form-panel .field textarea::placeholder{color:#B5AD9A}
.form-panel .field textarea{min-height:6rem}
.form-panel .btn-gold{width:100%;justify-content:space-between;padding:.55rem .55rem .55rem 1.5rem;font-size:.95rem}
.form-safe{display:flex;align-items:flex-start;gap:.5rem;font-size:.76rem;color:var(--mute);margin:0;line-height:1.5}
.form-safe svg{flex:none;width:.95rem;height:.95rem;margin-top:.1rem;fill:none;stroke:var(--gold-d);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.form-send{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.form-send .btn{width:100%}
.btn-wa{background:#25D366;color:#fff;border:0;gap:.55rem;font-size:.92rem;padding:.6rem 1rem}
.btn-wa svg{width:1.25rem;height:1.25rem;fill:#fff;flex:none}
.btn-wa:hover{background:#1EBE5A;transform:translateY(-2px);box-shadow:0 12px 24px rgba(37,211,102,.35)}
.chipset{display:flex;flex-wrap:wrap;gap:.5rem}
.chipset label{margin:0!important;cursor:pointer}
.chipset input{position:absolute;opacity:0;width:0;height:0;min-height:0!important}
.chipset span{display:inline-block;padding:.6rem 1.15rem;border-radius:999px;background:var(--cream);border:1.5px solid transparent;font-size:.88rem;font-weight:500;color:var(--text);transition:.2s}
.chipset label:hover span{border-color:var(--gold-l)}
.chipset input:checked+span{background:var(--gold-grad);color:#fff;box-shadow:0 6px 14px rgba(169,131,47,.3)}
.chipset input:focus-visible+span{outline:2px solid var(--gold-d);outline-offset:2px}
@media (max-width:420px){.form-send{grid-template-columns:1fr}}
/* contact page */
.ccard{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;background:#fff;border:1px solid var(--line);border-radius:1.4rem;padding:1.6rem;transition:.35s;position:relative;overflow:hidden}
.ccard::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:transform .45s}
.ccard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.ccard:hover::before{transform:scaleX(1)}
.ccard .ico{width:3.2rem;height:3.2rem;border-radius:1rem;background:var(--cream-2);color:var(--gold-d);margin-bottom:1rem;transition:.35s}
.ccard .ico svg{width:1.45rem;height:1.45rem}
.ccard .ico.fill svg{fill:currentColor;stroke:none}
.ccard:hover .ico{background:var(--gold-grad);color:#fff}
.ccard small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ccard b{color:var(--ink);font-size:1.02rem;word-break:break-word}
.ccard>span{margin-top:.6rem;font-size:.84rem;font-weight:600;color:var(--gold-d)}
.ccard>span i{font-style:normal;display:inline-block;transition:transform .3s}
.ccard:hover>span i{transform:translateX(4px)}
.addr{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:1.2rem;padding:1.2rem 1.3rem;margin-top:1rem}
.addr .ico{flex:none;background:var(--gold-grad);color:#fff}
.addr b{display:block;color:var(--ink)}
.addr span{font-size:.9rem;color:var(--mute)}

/* ---------- Custom select ---------- */
.cs{position:relative}
.cs-native{position:absolute!important;left:0;bottom:0;width:100%!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}
.cs-btn{width:100%;display:flex;align-items:center;gap:.6rem;text-align:left;padding:.8rem 2.6rem .8rem 1rem;border:1.5px solid var(--line);border-radius:var(--r-sm);min-height:3rem;font-size:.93rem;cursor:pointer;transition:.2s;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A47C1F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center/1rem}
.cs-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-btn.ph span{color:#A9A18E}
.cs.open .cs-btn,.cs-btn:focus-visible{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,58,.16)}
.cs img{width:1.5rem;height:1.05rem;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}
.cs-panel{position:absolute;z-index:60;top:calc(100% + .5rem);left:0;width:max(100%,18rem);max-width:min(92vw,24rem);background:#fff;border:1px solid var(--line);border-radius:1.1rem;box-shadow:var(--shadow-lg);padding:.5rem;display:none}
.cs.right .cs-panel{left:auto;right:0}
.cs.open .cs-panel{display:block;animation:fadeUp .2s ease}
.cs-search{display:flex;align-items:center;gap:.55rem;padding:.6rem .85rem;margin-bottom:.4rem;background:var(--cream);border:1px solid var(--line);border-radius:.8rem;color:var(--gold-d)}
.cs-search svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
.cs-search input{border:0!important;background:none!important;outline:0;padding:0!important;min-height:0!important;width:100%;font-size:.9rem!important;font-weight:400!important;box-shadow:none!important;color:var(--ink)}
.cs-list{max-height:15.5rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold-l) transparent}
.cs-list li{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:.7rem;font-size:.9rem;font-weight:400;letter-spacing:0;text-transform:none;cursor:pointer;color:var(--ink);transition:background .15s}
.cs-list li:hover,.cs-list li.act{background:var(--cream-2)}
.cs-list li.sel{background:var(--gold-grad);color:#fff;font-weight:600}
.cs-list li.ph{color:var(--mute)}
.cs-empty{padding:1rem;text-align:center;color:var(--mute);font-size:.88rem}
.search-card .cs-btn{border:0;border-radius:0;padding:0 1.5rem 0 0;min-height:1.9rem;background-color:transparent;background-position:right center;font-weight:500;font-size:.98rem;color:var(--ink);box-shadow:none!important}
.search-card .cs-panel{top:calc(100% + 1rem);left:-1.25rem}
.search-card .cs.right .cs-panel{left:auto;right:-1.25rem}

/* ---------- Grids ---------- */
.grid{display:grid;gap:clamp(1rem,2vw,1.75rem)}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.g-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1000px){.g-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.g-2{grid-template-columns:1fr}}
@media (max-width:640px){.g-3,.g-4{grid-template-columns:1fr}}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.photo-stack{position:relative;padding:0 2rem 2rem 0}
.photo-stack .p1{aspect-ratio:4/5;border-radius:var(--r);box-shadow:var(--shadow-lg)}
.photo-stack .p2{position:absolute;right:0;bottom:0;width:48%;aspect-ratio:1;border-radius:var(--r);border:8px solid #fff;box-shadow:var(--shadow-lg)}
.photo-stack::before{content:"";position:absolute;left:-1rem;top:-1rem;width:38%;height:38%;border:3px solid var(--gold);border-radius:var(--r);z-index:-1}
.photo{aspect-ratio:4/3;border-radius:var(--r);box-shadow:var(--shadow-lg)}

/* ---------- Welcome: Europe flag orbit ---------- */
.welcome{overflow:hidden}
.euro{width:min(100%,38rem);margin-inline:auto;padding:5% 5% 8%;font-size:clamp(.6rem,1vw,.78rem)}
.euro-in{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--cream) 0 27%,#fff 27.2%);border:1px solid var(--line);box-shadow:0 30px 70px rgba(120,90,20,.13)}
.euro-in::before{content:"";position:absolute;inset:11%;border-radius:50%;border:1.5px dashed var(--gold);opacity:.6}
.euro-in::after{content:"";position:absolute;inset:23%;border-radius:50%;border:1px solid var(--line)}
.orbit{position:absolute;inset:0;animation:spin 90s linear infinite}
.spoke{position:absolute;left:50%;bottom:50%;width:1.5px;height:39%;margin-left:-.75px;transform-origin:bottom center;background:linear-gradient(to top,transparent 44%,rgba(201,162,58,.55) 60%,rgba(201,162,58,.15))}
.flag{position:absolute;width:14.5%;aspect-ratio:1;translate:-50% -50%;z-index:1}
.flag span{position:relative;display:block;width:100%;height:100%;animation:spin 90s linear infinite reverse}
.flag img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:.3em solid #fff;outline:1px solid var(--line);box-shadow:0 10px 24px rgba(60,42,6,.2);background:#fff;transition:transform .3s}
.flag em{position:absolute;left:50%;top:calc(100% + .3em);translate:-50% 0;font-style:normal;font-size:1em;font-weight:600;line-height:1.5;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.1em .75em;white-space:nowrap;box-shadow:0 4px 12px rgba(120,90,20,.12);transition:.25s}
.flag:hover img{transform:scale(1.12)}
.flag:hover em{background:var(--gold-grad);color:#fff;border-color:transparent}
.euro:hover .orbit,.euro:hover .flag span{animation-play-state:paused}
.euro-core{position:absolute;inset:32%;z-index:2;border-radius:50%;background:var(--gold-grad);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;text-align:center;line-height:1.2;padding:8%;box-shadow:0 0 0 .7em rgba(201,162,58,.16),0 18px 40px rgba(169,131,47,.45);transition:transform .3s}
.euro-core:hover{transform:scale(1.04)}
.euro-core .ico{width:2.6em;height:2.6em;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;margin-bottom:.2em}
.euro-core .ico svg{width:1.4em;height:1.4em}
.euro-core b{font-size:1.75em;font-weight:700}
.euro-core small{font-size:.8em;letter-spacing:.12em;text-transform:uppercase;opacity:.95}
@media (max-width:900px){.euro{width:min(100%,30rem);font-size:clamp(.5rem,2.3vw,.72rem)}}
@media (prefers-reduced-motion:reduce){.orbit,.flag span{animation:none}}
.welcome-cards{display:grid;gap:1rem;margin:1.6rem 0 1.8rem}
.wcard{display:flex;gap:1.1rem;align-items:flex-start;padding:1.3rem 1.4rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:.3s}
.wcard:hover{box-shadow:var(--shadow-lg);border-color:transparent;transform:translateX(6px)}
.wcard:hover .ico{background:var(--gold-grad);color:#fff}
.wcard h3{font-size:1.05rem;margin-bottom:.3rem}
.wcard p{margin:0;font-size:.9rem;color:var(--mute)}

/* ---------- Cards ---------- */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.4rem,2.4vw,2.1rem);transition:.3s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:.35s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.card:hover::after{transform:scaleX(1)}
.card p{color:var(--mute);font-size:.93rem;flex:1}
.num{width:3.4rem;height:3.4rem;border-radius:1rem;background:var(--gold-grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.05rem;margin-bottom:1.2rem;box-shadow:0 8px 18px rgba(169,131,47,.3)}
.card-flat{background:var(--cream);border-color:transparent}

.ticks li{position:relative;padding-left:1.7rem;margin-bottom:.45rem;font-size:.93rem}
.ticks li::before{content:"";position:absolute;left:0;top:.42em;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--gold-grad)}
.ticks li::after{content:"";position:absolute;left:.36rem;top:.62em;width:.3rem;height:.52rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ticks.x li::before{background:#cfc7b3}
.cols-2{columns:2;column-gap:2rem}
@media (max-width:560px){.cols-2{columns:1}}

/* destination image card */
.dest{position:relative;border-radius:var(--r);overflow:hidden;min-height:24rem;display:flex;align-items:flex-end;color:#fff;isolation:isolate;box-shadow:var(--shadow)}
.dest .bg{position:absolute;inset:0;z-index:-2;transition:transform .7s}
.dest::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,18,6,0) 25%,rgba(24,18,6,.9) 100%)}
.dest:hover .bg{transform:scale(1.08)}
.dest-body{padding:1.5rem}
.dest h3{color:#fff;font-size:1.25rem;margin-bottom:.3rem}
.dest p{font-size:.86rem;color:rgba(255,255,255,.85);margin-bottom:1rem}
.dest .tag{display:inline-block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l);margin-bottom:.5rem;font-weight:600}

/* tour card */
.tour{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:1.6rem;padding:.7rem;transition:transform .4s,box-shadow .4s,border-color .4s}
.tour:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(120,90,20,.2);border-color:var(--gold-l)}
.tour-img{position:relative;display:block;aspect-ratio:4/3;border-radius:1.1rem;overflow:hidden;background:var(--cream-2)}
.tour-img .bg{position:absolute;inset:0;transition:transform .9s}
.tour-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(24,18,6,.45))}
.tour:hover .tour-img .bg{transform:scale(1.08)}
.badge{position:absolute;z-index:1;left:.8rem;bottom:.8rem;display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.95);color:var(--ink);font-size:.76rem;font-weight:600;padding:.4rem .85rem;border-radius:999px}
.badge svg,.tour-dest svg{width:.95rem;height:.95rem;fill:none;stroke:var(--gold-d);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.badge.r{bottom:auto;top:.8rem;background:var(--gold-grad);color:#fff}
.tour-go{position:absolute;z-index:1;right:.8rem;top:.8rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;color:var(--gold-d);font-weight:600;opacity:0;transform:translateY(-6px) rotate(-45deg);transition:.35s}
.tour:hover .tour-go{opacity:1;transform:rotate(-45deg)}
.tour-body{padding:1.1rem .7rem .5rem;display:flex;flex-direction:column;flex:1}
.tour-dest{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--mute);font-weight:500;margin-bottom:.3rem}
.tour h3{font-size:1.18rem;margin-bottom:1rem;line-height:1.3;flex:1}
.tour h3 a{transition:color .25s}
.tour h3 a:hover{color:var(--gold-d)}
.tour-foot{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding-top:1rem;border-top:1px solid var(--line)}
.price small{display:block;font-size:.7rem;color:var(--mute);line-height:1.3}
.price b{font-size:1.3rem;color:var(--gold-d);font-weight:700;line-height:1.2}
.price b.req{font-size:1rem}
.g-4>.tour h3{font-size:1.02rem}
.g-4>.tour .tour-foot{flex-wrap:wrap}

@media (max-width:640px){
  .grid:has(>.tour){grid-template-columns:1fr 1fr;gap:.7rem}
  .tour{padding:.4rem;border-radius:1.1rem}
  .tour-img{border-radius:.8rem;aspect-ratio:1/1}
  .badge{left:.45rem;bottom:.45rem;font-size:.62rem;padding:.25rem .55rem;gap:.25rem}
  .badge svg{width:.75rem;height:.75rem}
  .badge.r{top:.45rem}
  .tour-go{display:none}
  .tour-body{padding:.7rem .35rem .35rem}
  .tour-dest{font-size:.66rem}
  .tour h3{font-size:.9rem;margin-bottom:.6rem}
  .tour-foot{flex-direction:column;align-items:stretch;gap:.55rem;padding-top:.6rem}
  .price small{font-size:.62rem}
  .price b{font-size:1.02rem}
  .tour-foot .btn{width:100%;justify-content:space-between;font-size:.76rem;padding:.3rem .3rem .3rem .8rem}
  .tour-foot .btn::after{width:1.5rem;height:1.5rem;font-size:.75rem}
}

/* service cards */
.svc{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:1.6rem;padding:clamp(1.5rem,2.2vw,2.2rem);transition:transform .4s,box-shadow .4s,border-color .4s}
.svc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,#D9B54A,#A47C1F 60%,#7C5C12);opacity:0;transition:opacity .4s}
.svc::after{content:"";position:absolute;z-index:-1;width:14rem;height:14rem;right:-5rem;top:-5rem;border-radius:50%;background:radial-gradient(circle,rgba(233,210,143,.45),transparent 68%);transition:.4s}
.svc:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(120,90,20,.28);border-color:transparent}
.svc:hover::before{opacity:1}
.svc:hover::after{background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%)}
.svc-no{position:absolute;right:1.4rem;top:.9rem;font-size:3.6rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--gold-l);opacity:.7;transition:.4s}
.svc:hover .svc-no{-webkit-text-stroke-color:rgba(255,255,255,.45)}
.svc-ico{position:relative;width:4.4rem;height:4.4rem;margin-bottom:1.5rem;display:block}
.svc-ico::before{content:"";position:absolute;inset:-.45rem;border-radius:1.6rem;border:1.5px dashed var(--gold);opacity:.55;transition:.6s}
.svc:hover .svc-ico::before{rotate:90deg;border-color:#fff;opacity:.7}
.svc-ico .ico{width:100%;height:100%;border-radius:1.3rem;background:var(--gold-grad);color:#fff;box-shadow:0 12px 26px rgba(169,131,47,.4);transition:.4s}
.svc-ico .ico svg{width:2rem;height:2rem;stroke-width:1.6}
.svc:hover .svc-ico .ico{background:#fff;color:var(--gold-d);box-shadow:0 12px 26px rgba(60,42,6,.25)}
.svc h3{font-size:1.15rem;line-height:1.35;margin-bottom:.6rem;transition:color .4s}
.svc p{font-size:.92rem;color:var(--mute);margin-bottom:1.5rem;flex:1;transition:color .4s}
.svc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;flex:1;align-content:flex-start}
.svc-tags li{font-size:.72rem;font-weight:500;padding:.25rem .7rem;border-radius:999px;background:var(--cream-2);color:var(--gold-d);transition:.4s}
.svc-link{display:flex;align-items:center;justify-content:space-between;padding-top:1.1rem;border-top:1px solid var(--line);font-weight:600;font-size:.92rem;color:var(--gold-d);transition:.4s}
.svc-link i{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--gold-grad);color:#fff;font-style:normal;transition:.4s}
.svc:hover h3,.svc:hover .svc-link{color:#fff}
.svc:hover p{color:rgba(255,255,255,.88)}
.svc:hover .svc-tags li{background:rgba(255,255,255,.18);color:#fff}
.svc:hover .svc-link{border-color:rgba(255,255,255,.3)}
.svc:hover .svc-link i{background:#fff;color:var(--gold-d);transform:translateX(4px) rotate(-45deg)}

/* client photo slider (continuous auto-moving strip) */
.clients{position:relative;background:linear-gradient(180deg,#fff,var(--cream));overflow:hidden}
.clients::before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(201,162,58,.2) 1px,transparent 1px) 50% 0/2rem 2rem,
  linear-gradient(90deg,rgba(201,162,58,.2) 1px,transparent 1px) 50% 0/2rem 2rem;
  -webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 45%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 75% at 50% 45%,#000 30%,transparent 80%)}
.clients>*{position:relative;z-index:1}
.clients.section{padding-bottom:.5rem}
.clients+.section{padding-top:clamp(2rem,3.5vw,3rem)}
.mq-wrap{position:relative}
.sl-arrow{position:absolute;z-index:3;top:calc(50% - 1.1rem);translate:0 -50%;width:3.4rem;height:3.4rem;border-radius:50%;border:1.5px solid var(--gold);background:#fff;color:var(--gold-d);font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow-lg);transition:.25s}
.sl-arrow:hover{background:var(--gold-grad);color:#fff;border-color:transparent;scale:1.1}
.sl-prev{left:clamp(.6rem,3vw,3rem)}.sl-next{right:clamp(.6rem,3vw,3rem)}
.mq{overflow:hidden;padding:1rem 0 3.2rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sl-track{display:flex;width:max-content;will-change:transform}
.sl-card{position:relative;flex:none;width:clamp(12rem,19vw,19rem);margin-right:clamp(.8rem,1.4vw,1.4rem);aspect-ratio:3/4.2;border-radius:1.6rem;overflow:hidden;padding:0;border:5px solid #fff;cursor:pointer;background:var(--cream-2);box-shadow:0 18px 40px rgba(120,90,20,.2);outline:1px solid var(--line);transition:transform .4s,box-shadow .4s}
.sl-card:nth-child(even){margin-top:1.8rem;margin-bottom:-1.8rem}
.sl-card img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .8s}
.sl-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(24,18,6,.75));transition:.3s}
.sl-card:hover{transform:translateY(-8px);box-shadow:0 28px 56px rgba(120,90,20,.32)}
.sl-card:hover img{transform:scale(1.08)}
.sl-cap{position:absolute;z-index:1;left:.9rem;bottom:.9rem;display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;color:#fff;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.35rem .9rem .35rem .4rem}
.sl-cap i{display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--gold-grad);font-style:normal;font-size:.7rem}
.sl-zoom{position:absolute;z-index:1;right:.9rem;top:.9rem;width:2.4rem;height:2.4rem;border-radius:50%;background:#fff;color:var(--gold-d);display:grid;place-items:center;font-size:1.2rem;font-weight:600;opacity:0;transform:scale(.6);transition:.3s}
.sl-card:hover .sl-zoom{opacity:1;transform:none}
@media (max-width:600px){.sl-card{width:11.5rem;border-radius:1.2rem;border-width:4px}.sl-arrow{width:2.8rem;height:2.8rem;font-size:1.05rem}}

/* office slider + mission/vision/values (About page) */
.about-split{align-items:center}
.os{min-width:0}
.os-stage{position:relative;aspect-ratio:4/4.3;border-radius:1.8rem;overflow:hidden;background:#1b1710;box-shadow:var(--shadow-lg);border:6px solid #fff;outline:1px solid var(--line)}
.os-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;cursor:zoom-in}
.os-slide.on{opacity:1;visibility:visible}
.os-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.os-slide .os-bg{object-fit:cover;filter:blur(22px) brightness(.6);transform:scale(1.15)}
.os-slide figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(255,255,255,.94);color:var(--ink);font-size:.8rem;font-weight:600;padding:.45rem 1rem;border-radius:999px;box-shadow:var(--shadow)}
.os-arrow{position:absolute;z-index:2;top:50%;translate:0 -50%;width:2.9rem;height:2.9rem;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--gold-d);font-size:1.1rem;cursor:pointer;box-shadow:var(--shadow);transition:.25s}
.os-arrow:hover{background:var(--gold-grad);color:#fff;scale:1.08}
.os-prev{left:.9rem}.os-next{right:.9rem}
.os-count{position:absolute;z-index:2;right:1rem;bottom:1rem;background:rgba(24,18,6,.7);color:#fff;font-size:.76rem;padding:.4rem .9rem;border-radius:999px;letter-spacing:.06em}
.os-count b{color:var(--gold-l)}
.os-thumbs{display:flex;gap:.55rem;margin-top:.8rem;overflow-x:auto;scrollbar-width:none;padding:.2rem}
.os-thumbs::-webkit-scrollbar{display:none}
.os-thumb{flex:none;width:4.4rem;aspect-ratio:1;border-radius:.9rem;overflow:hidden;padding:0;border:2px solid transparent;cursor:pointer;opacity:.55;transition:.25s;background:var(--cream-2)}
.os-thumb img{width:100%;height:100%;object-fit:cover}
.os-thumb:hover{opacity:1}
.os-thumb.on{opacity:1;border-color:var(--gold);box-shadow:0 6px 16px rgba(169,131,47,.35)}
.mv{background:#fff;border:1px solid var(--line);border-radius:1.5rem;padding:clamp(1.6rem,2.4vw,2.3rem);transition:.35s;position:relative;overflow:hidden}
.mv::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:transform .45s}
.mv:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.mv:hover::before{transform:scaleX(1)}
.mv .ico{width:3.6rem;height:3.6rem;border-radius:1.1rem;background:var(--gold-grad);color:#fff;margin-bottom:1.3rem;box-shadow:0 10px 22px rgba(169,131,47,.35)}
.mv .ico svg{width:1.7rem;height:1.7rem}
.mv h3{font-size:1.25rem;margin-bottom:.6rem}
.mv p{color:var(--mute);margin:0}
.mv .ticks li{font-size:.9rem;color:var(--mute)}
.mv .ticks b{color:var(--ink)}
@media (max-width:560px){.os-stage{border-radius:1.3rem;border-width:4px}.os-thumb{width:3.6rem}}

/* country chips (visa service pages) */
.cchips{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.9rem}
.cchip{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;padding:1.4rem .8rem 1.1rem;border:1px solid var(--line);border-radius:1.3rem;background:#fff;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s}
.cflag{width:4.2rem;height:4.2rem;border-radius:50%;overflow:hidden;border:4px solid #fff;outline:1px solid var(--line);box-shadow:0 10px 22px rgba(60,42,6,.16);margin-bottom:.75rem;transition:transform .35s}
.cflag img{width:100%;height:100%;object-fit:cover}
.cchip b{font-size:.98rem;font-weight:600;color:var(--ink);line-height:1.3}
.cchip small{font-size:.76rem;color:var(--mute);transition:color .3s}
.cchip small i{font-style:normal;display:inline-block;transition:transform .3s}
.cchip:hover{transform:translateY(-6px);border-color:var(--gold);background:linear-gradient(180deg,#fff,var(--cream));box-shadow:var(--shadow-lg)}
.cchip:hover .cflag{transform:scale(1.08)}
.cchip:hover small{color:var(--gold-d)}
.cchip:hover small i{transform:translateX(4px)}
@media (max-width:480px){.cchips{grid-template-columns:repeat(2,1fr)}}

/* tour details page */
.td{padding-top:clamp(2rem,4vw,3rem)}
.td-photo{position:relative;aspect-ratio:16/6.4;border-radius:1.8rem;overflow:hidden;box-shadow:var(--shadow-lg)}
.td-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(24,18,6,.35))}
.td-photo .badge.r{top:1.2rem;left:1.2rem;font-size:.82rem;padding:.5rem 1.1rem}
.td-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin:-2.6rem clamp(.8rem,3vw,2.5rem) clamp(2rem,4vw,3rem)}
.td-fact{display:flex;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--line);border-radius:1.2rem;padding:1.1rem 1.2rem;box-shadow:var(--shadow)}
.td-fact .ico{background:var(--gold-grad);color:#fff;width:2.8rem;height:2.8rem;border-radius:.9rem;flex:none}
.td-fact small{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.td-fact b{display:block;color:var(--ink);font-size:.98rem;line-height:1.3}
.td-card{background:#fff;border:1px solid var(--line);border-radius:1.4rem;padding:clamp(1.3rem,2.4vw,2rem);margin-bottom:1.2rem}
.td-card h2{display:flex;align-items:center;gap:.7rem;font-size:clamp(1.15rem,1.8vw,1.4rem);margin-bottom:1rem}
.td-card h2 svg{width:2.3rem;height:2.3rem;padding:.55rem;border-radius:.75rem;background:var(--cream-2);fill:none;stroke:var(--gold-d);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.td-card>p:last-child{margin-bottom:0}
.td-card p{color:var(--text)}
.td-pair{gap:1.2rem}
.td-pair .td-card{margin-bottom:0}
.td-pair{margin-bottom:1.2rem}
.td-hl{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}
.td-hl span{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:500;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem}
.td-hl span::before{content:"✓";color:var(--gold-d);font-weight:700}
.td-day{border:1px solid var(--line);border-radius:1rem;margin-bottom:.6rem;background:#fff;transition:.3s}
.td-day[open]{border-color:var(--gold);background:var(--cream)}
.td-day summary{display:flex;align-items:center;gap:1rem;padding:.95rem 1.1rem;cursor:pointer;list-style:none}
.td-day summary::-webkit-details-marker{display:none}
.td-day summary span{flex:none;font-size:.74rem;font-weight:600;letter-spacing:.06em;color:#fff;background:var(--gold-grad);border-radius:999px;padding:.3rem .85rem}
.td-day summary b{flex:1;color:var(--ink);font-weight:600;font-size:.98rem}
.td-day summary i{flex:none;width:.55rem;height:.55rem;border:solid var(--gold-d);border-width:0 2px 2px 0;rotate:45deg;transition:.3s;margin-right:.3rem}
.td-day[open] summary i{rotate:-135deg}
.td-day p{margin:0;padding:0 1.1rem 1.1rem 1.1rem;font-size:.93rem;color:var(--mute)}
.td-price{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2.5rem);align-items:center;background:linear-gradient(135deg,#FFFDF6,var(--cream-2));border-color:var(--gold-l)}
.td-price small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.td-price b{display:block;font-size:2rem;color:var(--gold-d);line-height:1.15}
.td-price span{font-size:.8rem;color:var(--mute)}
.td-price p{margin:0;font-size:.92rem}
.td-card .faq{max-width:none}
.td-book{background:#fff;border:1px solid var(--line);border-radius:1.6rem;overflow:hidden;box-shadow:0 24px 60px rgba(120,90,20,.16)}
.td-book-head{background:var(--gold-grad);color:#fff;padding:1.5rem 1.6rem}
.td-book-head small{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.92}
.td-book-head b{font-size:2.2rem;line-height:1.15}
.td-book-head span{font-size:.85rem;opacity:.92;margin-left:.3rem}
.td-book-list{padding:.6rem 1.6rem 0}
.td-book-list li{display:flex;align-items:center;gap:.7rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.9rem}
.td-book-list svg{width:1.1rem;height:1.1rem;fill:none;stroke:var(--gold-d);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.td-book-list span{color:var(--mute)}
.td-book-list b{margin-left:auto;color:var(--ink);font-weight:600;text-align:right}
.td-book-btns{display:grid;gap:.6rem;padding:1.3rem 1.6rem 0}
.td-book-btns .btn{width:100%}
.td-book-btns .btn-gold{justify-content:space-between}
.td-book-btns svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.td-book-note{margin:0;padding:1rem 1.6rem 1.4rem;font-size:.78rem;color:var(--mute);text-align:center}
@media (max-width:900px){.td-facts{grid-template-columns:1fr 1fr;margin-top:-1.8rem}.td-photo{aspect-ratio:16/9;border-radius:1.3rem}}
@media (max-width:560px){.td-facts{margin-inline:.5rem;gap:.6rem}.td-fact{padding:.8rem;gap:.6rem}.td-fact .ico{width:2.2rem;height:2.2rem}.td-fact b{font-size:.85rem}.td-price{grid-template-columns:1fr}.td-day summary{gap:.6rem;padding:.85rem .9rem}}

/* why */
.why{position:relative;background:#fff;border:1px solid var(--line);border-radius:1.4rem;padding:clamp(1.5rem,2.2vw,2rem);overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}
.why::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:transform .45s}
.why:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.why:hover::before{transform:scaleX(1)}
.why-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3rem}
.why .ico{width:3.4rem;height:3.4rem;border-radius:1rem;background:var(--cream-2);color:var(--gold-d);transition:.35s}
.why .ico svg{width:1.6rem;height:1.6rem}
.why:hover .ico{background:var(--gold-grad);color:#fff;box-shadow:0 10px 22px rgba(169,131,47,.35)}
.why-no{font-size:.8rem;font-weight:600;letter-spacing:.14em;color:var(--gold-d);padding:.25rem .8rem;border:1px solid var(--line);border-radius:999px}
.why h3{font-size:1.1rem;margin-bottom:.45rem}
.why p{font-size:.92rem;color:var(--mute);margin:0}

/* CEO */
.ceo{background:linear-gradient(135deg,#FFFDF6,#F6EFD9);border:1px solid var(--line);border-radius:calc(var(--r) * 1.4);padding:clamp(1.6rem,4vw,3.5rem);display:grid;grid-template-columns:minmax(14rem,22rem) 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.ceo-photo{aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--cream-2);box-shadow:var(--shadow-lg);border:6px solid #fff;outline:1px solid var(--line)}
.ceo-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 20%}
.ceo-page{display:grid;grid-template-columns:minmax(16rem,26rem) 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.ceo-card{position:sticky;top:calc(var(--hdr-h) + 1rem)}
.ceo-card .ceo-photo{border-radius:1.8rem}
.ceo-plate{position:relative;margin:-2.4rem 1.2rem 0;background:#fff;border:1px solid var(--line);border-radius:1.2rem;padding:1rem 1.3rem;text-align:center;box-shadow:var(--shadow-lg)}
.ceo-plate b{display:block;color:var(--ink);font-size:1.15rem}
.ceo-plate span{display:block;color:var(--gold-d);font-size:.82rem;font-weight:600;letter-spacing:.06em}
.ceo-plate small{display:block;color:var(--mute);font-size:.76rem;margin-top:.15rem}
.ceo-msg>p{color:var(--text)}
.ceo-msg .quote{margin-bottom:1.4rem}
.ceo-msg .sign{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--line)}
@media (max-width:860px){.ceo-page{grid-template-columns:1fr}.ceo-card{position:static;max-width:24rem;margin-inline:auto;width:100%}}
.quote{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--ink);font-weight:500;line-height:1.7;position:relative;padding-top:2.6rem}
.quote::before{content:"“";position:absolute;top:-1.4rem;left:-.2rem;font-size:6rem;line-height:1;color:var(--gold);font-weight:700}
.sign b{display:block;color:var(--ink);font-size:1.1rem}
.sign span{font-size:.85rem;color:var(--gold-d);letter-spacing:.08em}
@media (max-width:760px){.ceo{grid-template-columns:1fr}.ceo>.ceo-photo{max-width:16rem;aspect-ratio:1}}

/* catalogue */
.cat{border-radius:var(--r);border:1px solid var(--line);background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.cat:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}
.cat-cover{aspect-ratio:4/3;position:relative;display:flex;align-items:flex-end;padding:1.3rem;color:#fff;isolation:isolate}
.cat-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(164,124,31,.25),rgba(60,42,6,.88));z-index:-1}
.cat-cover b{font-size:1.2rem;line-height:1.3}
.cat-cover small{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l)}
.cat-body{padding:1.3rem;display:flex;flex-direction:column;flex:1}
.cat-body p{font-size:.88rem;color:var(--mute);flex:1}

/* offers */
.offer{border-radius:var(--r);padding:1.8rem;background:#fff;border:1.5px dashed var(--gold);position:relative;transition:.3s;display:flex;flex-direction:column}
.offer:hover{background:var(--cream);transform:translateY(-4px)}
.offer .pill{align-self:flex-start;background:var(--gold-grad);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .8rem;border-radius:999px;margin-bottom:1rem}
.offer p{font-size:.9rem;color:var(--mute);flex:1}

/* gallery */
.gal{columns:5 11.5rem;column-gap:clamp(.6rem,1.1vw,1rem)}
.gal-item{position:relative;display:block;width:100%;margin:0 0 clamp(.6rem,1.1vw,1rem);padding:0;border:0;border-radius:1.1rem;overflow:hidden;cursor:zoom-in;background:var(--cream-2);box-shadow:var(--shadow);break-inside:avoid;transition:transform .35s,box-shadow .35s}
.gal-item img{display:block;width:100%;height:auto;transition:transform .8s}
.gal-item::after{content:"";position:absolute;inset:0;background:rgba(24,18,6,.25);opacity:0;transition:.3s}
.gal-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.gal-item:hover img{transform:scale(1.06)}
.gal-item:hover::after{opacity:1}
.gal-item span{position:absolute;z-index:1;left:1rem;bottom:.9rem;right:1rem;color:#fff;font-weight:600;font-size:.9rem;text-align:left}
.gal-item span small{display:block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-l);font-weight:500}
.gal-item>i{position:absolute;z-index:1;right:.9rem;top:.9rem;width:2.3rem;height:2.3rem;border-radius:50%;background:#fff;color:var(--gold-d);display:grid;place-items:center;font-style:normal;font-size:1.15rem;font-weight:600;opacity:0;transform:scale(.6);transition:.3s}
.gal-item:hover>i{opacity:1;transform:none}
@media (min-width:1800px){.gal{columns:6 12rem}}
@media (max-width:560px){.gal{columns:3;column-gap:.45rem}.gal-item{margin-bottom:.45rem;border-radius:.7rem!important}.gal-item{border-radius:1rem}.gal-item span{font-size:.78rem;left:.7rem;bottom:.6rem}}

.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}
.center .chips,.chips.center{justify-content:center}
.chip{padding:.55rem 1.2rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:.86rem;font-weight:500;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--gold)}
.chip.active{background:var(--gold-grad);border-color:transparent;color:#fff}

/* video (portrait reel cards) */
.reels{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.7rem,1.2vw,1.2rem)}
.vid{position:relative;display:block;width:100%;aspect-ratio:9/16;border:3px solid var(--gold);outline:1px solid var(--gold-l);outline-offset:3px;padding:0;border-radius:1.4rem;overflow:hidden;cursor:pointer;text-align:left;background:#1b1710 center/cover no-repeat;box-shadow:var(--shadow);transition:transform .4s,box-shadow .4s,background-size .8s}
.vid::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,18,6,.15),transparent 35%,transparent 50%,rgba(24,18,6,.9))}
.vid:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(169,131,47,.4);border-color:#E3C25C}
.play{position:absolute;left:50%;top:44%;translate:-50% -50%;width:3.4rem;height:3.4rem;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 .5rem rgba(255,255,255,.28);transition:.3s}
.play::after{content:"";border-style:solid;border-width:.5rem 0 .5rem .85rem;border-color:transparent transparent transparent var(--gold-d);margin-left:.2rem}
.vid:hover .play{background:var(--gold-grad);scale:1.1}
.vid:hover .play::after{border-left-color:#fff}
.vid-body{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;color:#fff}
.vid-body small{display:inline-flex;align-items:center;gap:.4rem;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);font-weight:600;margin-bottom:.2rem}
.vid-body small svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vid-body b{display:block;font-size:.92rem;font-weight:600;line-height:1.35}
@media (max-width:1100px){.reels{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.reels{grid-template-columns:repeat(2,1fr)}.vid{border-radius:1.1rem}.vid-body b{font-size:.82rem}}

/* testimonials */
.testi{background:#fff;border-radius:var(--r);padding:2rem;border:1px solid var(--line);display:flex;flex-direction:column}
.stars{color:var(--gold);letter-spacing:.2em;margin-bottom:.8rem}
.testi p{font-size:.93rem;flex:1}
.who{display:flex;align-items:center;gap:.9rem;margin-top:.6rem}
.avatar{width:3rem;height:3rem;border-radius:50%;background:var(--gold-grad);color:#fff;display:grid;place-items:center;font-weight:600}
.who b{display:block;color:var(--ink);font-size:.95rem;line-height:1.3}
.who span{font-size:.78rem;color:var(--mute)}

/* FAQ */
.faq{max-width:56rem;margin-inline:auto}
.faq-item{border:1px solid var(--line);border-radius:1.1rem;background:#fff;margin-bottom:.75rem;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.faq-item:hover{border-color:var(--gold-l)}
.faq-item.open{border-color:var(--gold);box-shadow:0 14px 34px rgba(120,90,20,.12)}
.faq-q{width:100%;display:flex;align-items:center;gap:1rem;text-align:left;background:none;border:0;padding:1.15rem 1.3rem;font-weight:600;color:var(--ink);cursor:pointer;font-size:1rem;line-height:1.45}
.faq-q>span:nth-child(2){flex:1}
.faq-n{flex:none;font-size:.78rem;font-weight:600;letter-spacing:.08em;color:var(--gold-d);width:2.3rem;height:2.3rem;border-radius:.7rem;background:var(--cream-2);display:grid;place-items:center;transition:.3s}
.faq-item.open .faq-n{background:var(--gold-grad);color:#fff}
.faq-q i{flex:none;position:relative;width:2rem;height:2rem;border-radius:50%;border:1.5px solid var(--line);transition:.3s}
.faq-q i::before,.faq-q i::after{content:"";position:absolute;left:50%;top:50%;width:.7rem;height:2px;border-radius:2px;background:var(--gold-d);translate:-50% -50%;transition:.3s}
.faq-q i::after{rotate:90deg}
.faq-item.open .faq-q i{background:var(--ink);border-color:var(--ink)}
.faq-item.open .faq-q i::before,.faq-item.open .faq-q i::after{background:#fff}
.faq-item.open .faq-q i::after{rotate:0deg}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-a p{padding:0 1.3rem 1.3rem 4.6rem;margin:0;font-size:.94rem;color:var(--mute)}
.faq-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.faq-split .faq{max-width:none;margin:0}
.faq-side{position:sticky;top:calc(var(--hdr-h) + 1rem)}
.faq-side>p{color:var(--mute)}
.faq-help{margin-top:1.8rem;background:#fff;border:1px solid var(--line);border-radius:1.4rem;padding:1.5rem;display:grid;grid-template-columns:auto 1fr;gap:1rem 1rem;align-items:center;box-shadow:var(--shadow)}
.faq-help .ico{background:var(--gold-grad);color:#fff;width:3rem;height:3rem;border-radius:1rem}
.faq-help b{display:block;color:var(--ink);font-size:1.05rem}
.faq-help small{color:var(--mute);font-size:.85rem;line-height:1.5;display:block}
.faq-help .btn-row{grid-column:1/-1}
@media (max-width:900px){.faq-split{grid-template-columns:1fr}.faq-side{position:static}}
@media (max-width:560px){.faq-q{padding:1rem;gap:.7rem;font-size:.93rem}.faq-n{width:2rem;height:2rem}.faq-a p{padding:0 1rem 1.1rem}}

/* steps */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem}
.step{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;position:relative}
.step::before{content:"0" counter(s);font-size:2.4rem;font-weight:800;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:.7rem}
.step h3{font-size:1.02rem;margin-bottom:.3rem}
.step p{font-size:.88rem;color:var(--mute);margin:0}

.layout-side .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.layout-side .step{padding:1.2rem 1rem;border-radius:1.1rem}
.layout-side .step::before{font-size:1.9rem;margin-bottom:.5rem}
.layout-side .step h3{font-size:.98rem}
.layout-side .step p{font-size:.82rem;line-height:1.55}
@media (max-width:1250px){.layout-side .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:700px) and (max-width:1000px){.layout-side .steps{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* CTA */
.cta{position:relative;color:#fff;text-align:center;padding:clamp(3.5rem,8vw,6.5rem) 0}
.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(164,124,31,.93),rgba(92,66,10,.93))}
.cta .container{position:relative}
.cta h2{color:#fff}
.cta p{max-width:40rem;margin:0 auto 2rem;color:rgba(255,255,255,.9)}

/* detail layout */
.layout-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);gap:clamp(1.5rem,3.5vw,3.5rem);align-items:start}
.sticky{position:sticky;top:calc(var(--hdr-h) + .5rem)}
@media (max-width:1000px){.layout-side{grid-template-columns:1fr}.sticky{position:static}}
.block{margin-bottom:clamp(2rem,4vw,3rem)}
.block h2{font-size:clamp(1.3rem,2.2vw,1.7rem);padding-bottom:.7rem;border-bottom:1px solid var(--line);margin-bottom:1.2rem;position:relative}
.block h2::after{content:"";position:absolute;left:0;bottom:-1px;width:4rem;height:3px;background:var(--gold-grad)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1rem}
.fact{background:var(--cream);border-radius:var(--r-sm);padding:1rem 1.2rem}
.fact small{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.fact b{color:var(--ink);font-size:.98rem}
.timeline{border-left:2px solid var(--gold-l);margin-left:.7rem;padding-left:1.8rem}
.timeline li{position:relative;padding-bottom:1.5rem}
.timeline li::before{content:"";position:absolute;left:calc(-1.8rem - .55rem - 1px);top:.3rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--gold-grad);border:3px solid #fff;box-shadow:0 0 0 2px var(--gold)}
.timeline small{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);font-weight:600}
.timeline h3{font-size:1.05rem;margin:.1rem 0 .3rem}
.timeline p{margin:0;font-size:.92rem;color:var(--mute)}
.price-box{background:var(--gold-grad);color:#fff;border-radius:var(--r);padding:1.6rem;margin-bottom:1.25rem;box-shadow:var(--shadow-lg)}
.price-box small{display:block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.price-box b{font-size:2.1rem;line-height:1.2;display:block}
.info-list li{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.info-list li:last-child{border:0}
.info-list small{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.info-list b,.info-list a{color:var(--ink);font-weight:600;word-break:break-word}
.map{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);min-height:22rem;background:var(--cream)}
.map iframe{width:100%;height:100%;min-height:22rem;border:0;display:block}

/* blog */
.post{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:.3s}
.post:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}
.post-img{aspect-ratio:16/10}
.post-body{padding:1.4rem;display:flex;flex-direction:column;flex:1}
.post-body small{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);font-weight:600}
.post-body h3{margin:.4rem 0 .6rem;font-size:1.1rem;line-height:1.4}
.post-body p{font-size:.9rem;color:var(--mute);flex:1}

/* ---------- Footer ---------- */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(160deg,#F4E6BC 0%,#E9D397 100%);color:#4A3F25;font-size:.9rem;--fline:rgba(140,104,22,.28);--fmute:#6E6140}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold-grad)}
.site-footer::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(rgba(255,255,255,.65) 1px,transparent 1px) 0 0/1.6rem 1.6rem,
  linear-gradient(90deg,rgba(255,255,255,.65) 1px,transparent 1px) 0 0/1.6rem 1.6rem;
  -webkit-mask-image:radial-gradient(30rem 20rem at 100% 0,#000 10%,transparent 72%),radial-gradient(22rem 14rem at 0 0,#000 10%,transparent 72%);
  mask-image:radial-gradient(30rem 20rem at 100% 0,#000 10%,transparent 72%),radial-gradient(22rem 14rem at 0 0,#000 10%,transparent 72%)}
.site-footer>.container{position:relative;z-index:1}
.foot-top{display:grid;grid-template-columns:.8fr 2fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(2.8rem,5vw,4.2rem) 0 clamp(2rem,3.5vw,3rem);border-bottom:1px solid var(--fline)}
.foot-brand .logo{margin-bottom:1rem}
.foot-brand .logo b{font-size:1.9rem}
.foot-brand .logo small{color:var(--gold-d)}
.foot-brand p{margin:0;max-width:26rem;line-height:1.7}
.foot-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.foot-quick a{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.7);border-radius:1.1rem;background:rgba(255,255,255,.75);box-shadow:0 8px 22px rgba(120,90,20,.12);transition:.3s;min-width:0}
.foot-quick a:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.site-footer .ico{background:#fff;color:var(--gold-d);width:2.6rem;height:2.6rem;border-radius:.8rem;transition:.3s}
.site-footer .ico svg{width:1.2rem;height:1.2rem}
.site-footer .ico.fill svg{fill:currentColor;stroke:none}
.foot-quick a:hover .ico,.foot-social a:hover .ico{background:var(--gold-grad);color:#fff}
.foot-quick span:last-child{min-width:0}
.foot-quick small{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fmute)}
.foot-quick b{display:block;color:var(--ink);font-weight:600;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foot{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:clamp(1.5rem,4vw,4rem);padding:clamp(2.2rem,4vw,3.4rem) 0}
.site-footer h4{color:var(--ink);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.3rem;font-weight:600}
.foot li{margin-bottom:.7rem}
.foot li a{display:inline-flex;align-items:center;gap:0;transition:.25s}
.foot li a::before{content:"";width:0;height:1.5px;background:var(--gold);transition:.25s}
.foot li a:hover{color:var(--gold-d)}
.foot li a:hover::before{width:.9rem;margin-right:.5rem}
.foot-office p{display:flex;gap:.9rem;align-items:flex-start;margin:0 0 1.4rem;line-height:1.7}
.foot-office p .ico{flex:none}
.foot-social{display:flex;flex-wrap:wrap;gap:.55rem}
.foot-office::after{content:""}
.foot-social::before{content:"Follow us";flex-basis:100%;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fmute);margin-bottom:.1rem}
.foot-social .ico{border-radius:50%}
.foot-bottom{border-top:1px solid var(--fline);padding:1.4rem 0;display:flex;justify-content:space-between;gap:.6rem 1rem;flex-wrap:wrap;font-size:.8rem;color:var(--fmute)}
.foot-dev b{color:var(--gold-d);font-weight:600}
.foot-mark{position:absolute;left:50%;bottom:-.22em;translate:-50% 0;font-size:clamp(4rem,17vw,19rem);font-weight:800;letter-spacing:.08em;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55);pointer-events:none;user-select:none}
@media (max-width:1100px){.foot-top{grid-template-columns:1fr}}
@media (max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.foot-quick{grid-template-columns:1fr}}
@media (max-width:480px){.foot{grid-template-columns:1fr 1fr;gap:2rem 1rem}.foot-office{grid-column:1/-1}}

/* ---------- Floating, modal, toast ---------- */
.float{position:fixed;right:clamp(.8rem,2vw,1.6rem);bottom:clamp(4rem,10vh,6rem);z-index:900;display:flex;flex-direction:column;gap:.6rem;align-items:flex-end}
.float a,.float button{border:0;border-radius:50%;width:3.5rem;height:3.5rem;display:grid;place-items:center;background:var(--gold-grad);color:#fff;font-size:1.35rem;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform .25s;position:relative}
.float a:hover,.float button:hover{transform:translateY(-3px) scale(1.06)}
.float .top{width:2.9rem;height:2.9rem;font-size:1rem;background:#fff;color:var(--gold-d);border:1.5px solid var(--gold);opacity:0;pointer-events:none;margin-right:.3rem}
.scrolled .float .top{opacity:1;pointer-events:auto}
.float .wa{background:#25D366;box-shadow:0 12px 28px rgba(37,211,102,.45)}
.float .wa svg{width:1.9rem;height:1.9rem;fill:#fff;animation:wa-ring 2.6s ease-in-out infinite;transform-origin:50% 60%}
.float .wa::before,.float .wa::after{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;z-index:-1;animation:wa-pulse 2.2s ease-out infinite}
.float .wa::after{animation-delay:1.1s}
.float a[data-tip]:hover .tip{opacity:1;transform:translate(0,-50%)}
.tip{position:absolute;right:calc(100% + .7rem);top:50%;transform:translate(8px,-50%);background:var(--ink);color:#fff;font-size:.75rem;font-weight:500;padding:.4rem .8rem;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:.25s}
@keyframes wa-pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.9);opacity:0}}
@keyframes wa-ring{0%,55%,100%{transform:rotate(0)}60%{transform:rotate(-14deg)}68%{transform:rotate(12deg)}76%{transform:rotate(-9deg)}84%{transform:rotate(6deg)}92%{transform:rotate(-3deg)}}
@media (prefers-reduced-motion:reduce){.float .wa svg,.float .wa::before,.float .wa::after{animation:none}}
.modal{position:fixed;inset:0;background:rgba(24,18,6,.9);z-index:2000;display:none;place-items:center;padding:1rem}
.modal.open{display:grid}
.modal-box{width:min(100%,64rem);text-align:center;color:#fff}
.modal-media{aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;display:grid;place-items:center;position:relative;max-height:78vh;margin-inline:auto}
.modal-media iframe{width:100%;height:100%;border:0}
.modal-media.insta{aspect-ratio:auto;width:min(25rem,92vw);height:min(84vh,46rem);max-height:none;border-radius:1rem}
.modal-media.portrait{aspect-ratio:9/16;height:min(82vh,46rem);width:auto;max-width:100%}
.modal-media p{position:relative;background:rgba(24,18,6,.7);padding:1rem 1.6rem;border-radius:var(--r-sm);margin:1rem}
.modal-nav{display:none;position:absolute;z-index:2;top:50%;translate:0 -50%;width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:#fff;color:var(--gold-d);font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow-lg);transition:.25s}
.modal-nav:hover{background:var(--gold-grad);color:#fff;scale:1.08}
.modal-prev{left:clamp(.6rem,3vw,2.5rem)}.modal-next{right:clamp(.6rem,3vw,2.5rem)}
.modal.gal .modal-nav{display:block}
.modal.gal .modal-media{aspect-ratio:auto;height:min(80vh,54rem);width:100%}
.modal-x{position:absolute;top:1rem;right:1rem;width:2.8rem;height:2.8rem;border-radius:50%;border:0;background:#fff;color:var(--gold-d);font-size:1.4rem;cursor:pointer;line-height:1}
.toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,2rem);opacity:0;visibility:hidden;pointer-events:none;background:var(--ink);color:#fff;padding:1rem 1.6rem;border-radius:var(--r-sm);border-left:4px solid var(--gold);box-shadow:var(--shadow-lg);z-index:3000;transition:opacity .35s,transform .35s,visibility .35s;max-width:min(92vw,30rem);font-size:.9rem}
.toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}

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

/* WordPress admin bar (only shows for logged-in editors) */
.admin-bar .site-header{top:32px}
.admin-bar.hdr-hide .site-header{top:calc(var(--hdr-h) * -1 - 1.5rem)}
@media (max-width:782px){.admin-bar .site-header{top:46px}}