/* =========================================================
   Karimun Lumbung Resort – style.css (v2, palet laut)
   ========================================================= */
/* Font self-host (OFL, Google Fonts): latin subset, variable weight */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/jakarta-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ocean:#0B3C5D; --ocean-d:#072A42; --ocean-2:#155E86;
  --tosca:#1AA6A0; --tosca-d:#11807B; --tosca-l:#E2F5F3; --shallow:#BFEDE7;
  --sand:#F8F3EA; --sand-2:#F1E7D6; --white:#fff;
  --coral:#F2775C; --coral-l:#FFE6DE;
  --ink:#0F2A3A; --muted:#5A7082; --line:#E3E9EC;
  --wa:#25D366; --wa-ink:#05361B;
  --r:20px; --r-sm:14px;
  --shadow:0 18px 40px -22px rgba(7,42,66,.35); --shadow-s:0 8px 22px -14px rgba(7,42,66,.35);
  --serif:"Fraunces",Georgia,serif; --sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --fs-h1:clamp(2.5rem,7vw,5.2rem); --fs-h2:clamp(1.85rem,4.4vw,3rem); --fs-h3:clamp(1.2rem,2.2vw,1.45rem);
  --sp:clamp(72px,10vw,128px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}
body{margin:0;font:400 1rem/1.65 var(--sans);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
svg{width:1em;height:1em;flex:none}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.1;margin:0 0 .5em;letter-spacing:-.015em}
h2{font-size:var(--fs-h2);color:var(--ocean)}
h3{font-size:var(--fs-h3)}
p{margin:0 0 1em}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:#fff;padding:8px 14px;border-radius:8px}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--tosca);outline-offset:3px;border-radius:6px}

.section{position:relative;padding:var(--sp) 0}
.section.wrap{padding-inline:0}
.section--sand{background:var(--sand)}
.section--shallow{background:linear-gradient(180deg,var(--tosca-l),#F4FBFA)}
.section--ocean{background:radial-gradient(120% 80% at 80% 0%,var(--ocean-2) 0%,var(--ocean) 45%,var(--ocean-d) 100%);color:#DCEFF5}
.head{max-width:660px;margin-bottom:44px}
.head p:not(.eyebrow){color:var(--muted);font-size:1.05rem;margin:0}
.head--light h2{color:#fff}.head--light p:not(.eyebrow){color:#B9D9E6}
.eyebrow{display:inline-flex;align-items:center;gap:.5em;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tosca-d);margin:0 0 1em}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px;opacity:.7}
.eyebrow--light{color:var(--shallow)}
.eyebrow svg{display:none}
.lead{font-size:1.08rem;color:var(--muted)}

/* Waves */
.wave{position:absolute;left:0;width:100%;height:clamp(36px,6vw,80px);display:block;pointer-events:none}
.wave path{fill:currentColor}
.wave .wave__2{opacity:.55}
.wave--sand{bottom:-1px;color:var(--white)}
.has-wave-top{padding-top:calc(var(--sp) + 30px)}
.has-wave-top>.wave{top:-1px;transform:scaleY(-1)}
.wave--top-sand{color:var(--white)}
.wave--top-shallow{color:var(--white)}
.wave--top-ocean{color:#F4FBFA}

/* Buttons – tinggi seragam, tap target >= 48px */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:0 1.35em;font:700 1rem/1 var(--sans);text-decoration:none;border-radius:999px;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease),background-color .25s,box-shadow .25s,border-color .25s}
.btn svg{width:1.3em;height:1.3em}
.btn:hover{transform:translateY(-2px)}
.btn--lg{min-height:56px;padding:0 1.7em;font-size:1.04rem}
.btn--sm{min-height:42px;padding:0 1.05em;font-size:.92rem}
.btn--wa{background:var(--wa);color:var(--wa-ink);box-shadow:0 10px 24px -10px rgba(18,140,74,.7)}
.btn--wa:hover{background:#34E077}
.btn--glass{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn--glass:hover{background:rgba(255,255,255,.22)}
.btn--ocean{background:var(--ocean);color:#fff}.btn--ocean:hover{background:var(--ocean-2)}

/* Nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background-color .35s,box-shadow .35s,backdrop-filter .35s}
.nav__in{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}
.brand b{display:block;font-family:var(--serif);font-weight:600;font-size:1.12rem;line-height:1.1;color:#fff;transition:color .3s}
.brand small{display:block;font-size:.72rem;letter-spacing:.05em;color:rgba(255,255,255,.8);transition:color .3s}
.nav__links{display:none;gap:30px}
.nav__links a{text-decoration:none;font-weight:600;font-size:.94rem;color:#fff;opacity:.9;position:relative;padding:6px 0}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transition:transform .3s var(--ease)}
.nav__links a:hover::after{transform:scaleX(1)}
.nav__cta{display:flex;align-items:center;gap:10px}
.lang{display:flex;border:1.5px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);border-radius:999px;padding:3px;cursor:pointer;font:700 .76rem var(--sans);min-height:40px;align-items:center;color:#fff}
.lang span{padding:.45em .7em;border-radius:999px;opacity:.85}
html[lang=id] .lang [data-lang=id],html[lang=en] .lang [data-lang=en]{background:#fff;color:var(--ocean);opacity:1}
.nav .btn--wa{display:none}
.nav.is-solid{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);box-shadow:0 1px 0 var(--line)}
.nav.is-solid .brand b,.nav.is-solid .nav__links a{color:var(--ocean)}
.nav.is-solid .brand small{color:var(--muted)}
.nav.is-solid .lang{border-color:var(--line);background:#fff;color:var(--muted)}
.nav.is-solid html[lang] .lang span{color:inherit}
.nav.is-solid .lang [data-lang]{color:var(--muted)}
html[lang=id] .nav.is-solid .lang [data-lang=id],html[lang=en] .nav.is-solid .lang [data-lang=en]{background:var(--ocean);color:#fff}
@media(min-width:960px){.nav__links{display:flex}.nav .btn--wa{display:inline-flex}}

/* Hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--ocean)}
.hero__slides{position:absolute;inset:-4% 0 0;will-change:transform}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease}
.hero__slide.is-on{opacity:1}
.hero__slide img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.04)}
.hero__slide--top img{object-position:50% 38%}
.hero__slide.is-on img{animation:kb 14s ease-out forwards}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.14)}}
.hero__shade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(7,42,66,.55) 0%,rgba(7,42,66,0) 22%),
  linear-gradient(0deg,rgba(5,32,52,.88) 0%,rgba(7,48,74,.45) 42%,rgba(7,48,74,0) 70%)}
.hero__content{position:relative;padding:140px 0 clamp(110px,14vw,160px)}
.hero h1{font-size:var(--fs-h1);font-weight:400;max-width:13ch;color:#fff;margin-bottom:.35em;text-shadow:0 2px 30px rgba(0,0,0,.2)}
.hero h1 em{font-style:italic;color:var(--shallow)}
.hero__lead{font-size:clamp(1.05rem,2vw,1.25rem);max-width:44ch;color:rgba(255,255,255,.92);margin:0 0 30px}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.9rem;color:#fff;text-decoration:none}
.chip b{font-weight:700}
.chip .star{color:#FFD166;margin-right:4px}
.hero__scroll{position:absolute;left:50%;bottom:clamp(60px,8vw,96px);width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.7);border-radius:20px;display:none}
.hero__scroll span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:sc 2s ease-in-out infinite}
@keyframes sc{0%{opacity:0;transform:translateY(0)}40%{opacity:1}80%{opacity:0;transform:translateY(12px)}100%{opacity:0}}
@media(min-width:960px){.hero__scroll{display:block}}
@media(max-width:560px){.hero__actions .btn{width:100%}}

/* Perks */
.perks{position:relative;z-index:3;margin-top:clamp(-70px,-6vw,-40px)}
.perks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:12px}
.perk{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 4px;border-radius:12px}
.perk__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--tosca-l);color:var(--tosca-d);margin-bottom:8px}
.perk__ic svg{width:22px;height:22px}
.perk b{font-size:.92rem;line-height:1.25}
.perk small{color:var(--muted);font-size:.76rem;line-height:1.35}
.perk:last-child{grid-column:1/-1;flex-direction:row;justify-content:center;gap:10px}
.perk:last-child .perk__ic{margin:0}
@media(min-width:700px){.perks__grid{grid-template-columns:repeat(4,1fr);padding:16px}.perk:last-child{grid-column:auto;flex-direction:column;gap:0}.perk:last-child .perk__ic{margin-bottom:8px}}
@media(min-width:1040px){.perks__grid{grid-template-columns:repeat(7,1fr);padding:20px}}

/* About */
.about{display:grid;gap:44px;padding:var(--sp) 0;align-items:center}
.about__media{position:relative}
.about__media img{border-radius:var(--r);box-shadow:var(--shadow);aspect-ratio:4/5;object-fit:cover;width:100%}
.about__media::before{content:"";position:absolute;inset:auto -14px -14px auto;width:60%;height:60%;border-radius:var(--r);background:var(--tosca-l);z-index:-1}
.about__badge{position:absolute;left:16px;right:16px;bottom:16px;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.95);padding:12px 16px;border-radius:var(--r-sm);font-weight:600;font-size:.92rem;color:var(--ocean)}
.about__badge svg{width:22px;height:22px;color:var(--coral)}
.ticks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-weight:500}
.ticks svg{width:24px;height:24px;color:#fff;background:var(--tosca);border-radius:50%;padding:5px;margin-top:0}
@media(min-width:900px){.about{grid-template-columns:.9fr 1.1fr;gap:88px}}

/* Rooms */
.room{display:grid;background:#fff;border-radius:calc(var(--r) + 4px);overflow:hidden;box-shadow:var(--shadow)}
.room__img{position:relative;overflow:hidden}
.room__img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform 1.2s var(--ease)}
.room:hover .room__img img{transform:scale(1.04)}
.room__tag{position:absolute;top:16px;left:16px;background:var(--coral);color:#fff;font-weight:700;font-size:.76rem;padding:.45em .9em;border-radius:999px;letter-spacing:.05em}
.room__body{padding:clamp(24px,4vw,44px)}
.room__body h3{font-size:clamp(1.5rem,3vw,2rem);color:var(--ocean)}
.price{display:flex;align-items:baseline;gap:8px;margin:4px 0 20px;flex-wrap:wrap}
.price b{font-family:var(--serif);font-weight:600;font-size:clamp(2.1rem,5vw,2.9rem);color:var(--tosca-d);line-height:1}
.price span{color:var(--muted)}
.feat{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.feat li{display:flex;gap:8px;align-items:center;font-size:.95rem}
.feat svg{color:var(--tosca);width:18px;height:18px}
.extra{display:flex;gap:12px;align-items:center;background:var(--sand);border-radius:12px;padding:12px 14px;margin-bottom:22px;font-size:.95rem}
.extra svg{width:22px;height:22px;color:var(--coral)}
@media(min-width:860px){.room{grid-template-columns:1.1fr 1fr}.room__img img{aspect-ratio:auto;min-height:100%}}
@media(max-width:380px){.feat{grid-template-columns:1fr}}
.stay{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.stay__i{display:flex;gap:12px;align-items:center;background:#fff;border-radius:var(--r-sm);padding:14px;box-shadow:var(--shadow-s)}
.stay__i svg{width:22px;height:22px;color:var(--tosca-d)}
.stay__i small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.stay__i b{font-size:.94rem;font-weight:600}
.stay__i.is-ask b{color:var(--tosca-d)}
@media(min-width:860px){.stay{grid-template-columns:repeat(4,1fr)}}

/* Booking form */
.book{display:grid;gap:26px;margin-top:28px;background:#fff;border-radius:calc(var(--r) + 4px);padding:clamp(22px,4vw,44px);box-shadow:var(--shadow);scroll-margin-top:90px;position:relative;overflow:hidden}
.book::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--tosca),var(--ocean-2),var(--coral))}
.book h3{font-size:clamp(1.45rem,3vw,2rem);color:var(--ocean)}
.steps{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:14px}
.steps li{display:flex;gap:12px;align-items:flex-start;color:var(--muted)}
.steps b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tosca-l);color:var(--tosca-d);font-family:var(--serif)}
.book__form{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.book__form label{display:flex;flex-direction:column;gap:6px;font-size:.84rem;font-weight:700;color:var(--ocean)}
.book__wide{grid-column:1/-1}
.book__form input{font:600 1rem var(--sans);color:var(--ink);padding:0 .9em;border:1.5px solid var(--line);border-radius:12px;background:#F7FAFB;min-height:52px;width:100%;transition:border-color .2s,box-shadow .2s}
.book__form input:focus{outline:none;border-color:var(--tosca);box-shadow:0 0 0 4px rgba(26,166,160,.16);background:#fff}
.book__total{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;background:var(--tosca-l);border-radius:12px;padding:14px 16px}
.book__total span{font-weight:600;color:var(--tosca-d)}
.book__total b{font-family:var(--serif);font-weight:600;font-size:1.6rem;color:var(--ocean);margin-left:auto}
.book__total small{flex-basis:100%;color:var(--muted);font-size:.78rem}
.book__btn{grid-column:1/-1;width:100%}
@media(min-width:900px){.book{grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}}

/* Gallery – mosaic desktop, swipe mobile */
.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:0 20px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gallery::-webkit-scrollbar{display:none}
.g{flex:0 0 80%;scroll-snap-align:center;display:block;border-radius:var(--r-sm);overflow:hidden;position:relative;background:var(--sand)}
.g img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;transition:transform 1.1s var(--ease)}
.g::after{content:attr(data-cap);position:absolute;left:0;right:0;bottom:0;padding:28px 16px 14px;color:#fff;font-size:.88rem;font-weight:600;background:linear-gradient(0deg,rgba(7,42,66,.75),transparent);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease)}
.g:hover img{transform:scale(1.06)}
.g:hover::after,.g:focus-visible::after{opacity:1;transform:none}
.swipe-hint{font-size:.82rem;color:var(--muted);margin:10px 0 0}
@media(max-width:899px){.g::after{opacity:1;transform:none}}
@media(min-width:900px){
  .gallery{display:grid;margin:0;padding:0;overflow:visible;grid-template-columns:repeat(4,1fr);grid-template-rows:230px 230px 260px;gap:14px;grid-template-areas:"a a b c" "a a b d" "e e f f"}
  .g img{aspect-ratio:auto}
  .g--a{grid-area:a}.g--b{grid-area:b}.g--c{grid-area:c}.g--d{grid-area:d}.g--e{grid-area:e}.g--f{grid-area:f}
  .swipe-hint{display:none}
}

/* Lightbox */
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,22,35,.94);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .3s ease}
.lb[hidden]{display:none}
@keyframes fade{from{opacity:0}}
.lb figure{margin:0;max-width:1100px;width:100%;text-align:center}
.lb img{max-height:80vh;margin:auto;border-radius:12px;width:auto;animation:zoom .4s var(--ease)}
@keyframes zoom{from{transform:scale(.96);opacity:0}}
.lb figcaption{color:#cfe3ea;margin-top:12px;font-size:.95rem}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:52px;height:52px;border-radius:50%;font-size:28px;cursor:pointer;line-height:1}
.lb button:hover{background:rgba(255,255,255,.25)}
.lb__x{top:16px;right:16px}.lb__prev{left:12px;top:50%;margin-top:-26px}.lb__next{right:12px;top:50%;margin-top:-26px}

/* Menu */
.menu{display:grid;gap:16px}
.mcat{background:#fff;border-radius:var(--r);padding:24px 24px 14px;box-shadow:var(--shadow-s)}
.mcat h3{display:flex;align-items:center;gap:10px;color:var(--ocean);font-size:1.3rem;margin-bottom:6px}
.mcat h3 .em{font-size:1.25rem}
.mcat__note{font-size:.82rem;color:var(--muted);margin:0 0 6px}
.mitem{display:flex;align-items:baseline;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.mitem:last-child{border-bottom:0}
.mitem .dots{flex:1;border-bottom:1.5px dotted #C9D6DC;transform:translateY(-4px)}
.mitem .n{font-weight:600}
.mitem .p{font-weight:700;color:var(--tosca-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.mitem .p--ask{color:var(--coral);font-weight:600;font-size:.86rem}
.mcat--cta{background:linear-gradient(140deg,var(--ocean-2),var(--ocean));color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:24px}
.mcat--cta h3{color:#fff}
.mcat--cta p{color:#CBE4EE;margin:0 0 18px;font-size:.95rem}
.menu__note{margin:26px 0 0;color:var(--muted);font-size:.9rem}
@media(min-width:700px){.menu{grid-template-columns:1fr 1fr}}
@media(min-width:1060px){.menu{grid-template-columns:repeat(3,1fr)}}

/* Kenapa Karimunjawa */
.why{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 10px;scrollbar-width:none}
.why::-webkit-scrollbar{display:none}
.why__c{position:relative;flex:0 0 82%;scroll-snap-align:center;margin:0;border-radius:var(--r);overflow:hidden;min-height:340px;background:var(--ocean-d)}
.why__c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.why__c:hover img{transform:scale(1.06)}
.why__c figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 20px 34px;background:linear-gradient(0deg,rgba(5,28,46,.9),rgba(5,28,46,0));color:#fff;display:grid;gap:4px}
.why__c figcaption svg{width:26px;height:26px;color:var(--shallow);margin-bottom:4px}
.why__c figcaption b{font-family:var(--serif);font-weight:600;font-size:1.35rem}
.why__c figcaption span{font-size:.92rem;color:#D3E8F0;line-height:1.45}
.why__cr{position:absolute;right:10px;bottom:8px;font-size:.66rem;color:rgba(255,255,255,.72);text-decoration:none;z-index:2}
.why__cr:hover{text-decoration:underline;color:#fff}
.why__note{margin:22px 0 0;font-size:.8rem;color:#9FC3D3;max-width:760px}
@media(min-width:900px){
  .why{display:grid;overflow:visible;margin:0;padding:0;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:16px}
  .why__c{min-height:0}
  .why__c--big{grid-column:span 2;grid-row:span 2}
  .why__c--big figcaption b{font-size:1.8rem}
}

/* Trips */
.trips{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.trip{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;transition:transform .35s var(--ease),box-shadow .35s}
.trip:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.trip__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--tosca),var(--ocean-2));color:#fff;margin-bottom:14px}
.trip__ic svg{width:24px;height:24px}
.trip h3{color:var(--ocean);font-size:1.12rem}
.trip p{margin:0;color:var(--muted);font-size:.9rem}
.trip .trip__price{margin-top:12px;font-size:.84rem;font-weight:700;color:var(--coral)}
@media(min-width:1000px){.trips{grid-template-columns:repeat(4,1fr);gap:16px}.trip{padding:28px}.trip__ic{width:56px;height:56px}.trip h3{font-size:1.25rem}}
@media(max-width:374px){.trips{grid-template-columns:1fr}}

/* Location */
.loc{display:grid;gap:36px;align-items:center}
.loc__addr{display:flex;gap:10px;font-weight:600;color:var(--ocean)}
.loc__addr svg{width:22px;height:22px;color:var(--coral);margin-top:2px}
.dist{list-style:none;padding:0;margin:18px 0 28px;display:grid;gap:10px}
.dist li{display:flex;align-items:center;gap:14px;background:#fff;border-radius:var(--r-sm);padding:10px 14px;box-shadow:var(--shadow-s)}
.dist b{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--tosca-l);color:var(--tosca-d);font-family:var(--serif);font-size:1.35rem}
.dist b svg{width:22px;height:22px}
.loc__map{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.4;background:var(--tosca-l)}
.loc__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ocean);font-weight:700;background:radial-gradient(circle at 30% 30%,#EAF7F5,#CFEAE6)}
.loc__ph svg{width:40px;height:40px;color:var(--coral)}
.loc__map iframe{position:relative;width:100%;height:100%;border:0;display:block}
@media(min-width:900px){.loc{grid-template-columns:1fr 1.2fr;gap:64px}}

/* FAQ */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;font-weight:700;padding:18px 40px 18px 0;position:relative;font-size:1.04rem;color:var(--ocean);min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:1.7rem;color:var(--tosca);transition:transform .3s var(--ease);font-weight:400}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px;color:var(--muted)}

/* CTA + footer */
.cta{position:relative;background:linear-gradient(115deg,var(--tosca-d),var(--tosca) 45%,var(--ocean-2));color:#fff;padding:64px 0}
.cta__in{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.cta h2{color:#fff;margin-bottom:.2em}
.cta p{margin:0;opacity:.95}
.foot{background:var(--ocean-d);color:#A9C6D4;padding:48px 0;font-size:.92rem}
.foot__in{display:grid;gap:10px}
.foot p{margin:0}
.brand--foot b{color:#fff}.brand--foot small{color:#8FB2C3}
.foot a{color:var(--shallow)}
.foot__cr{font-size:.78rem;opacity:.8;max-width:640px}
.foot__copy{opacity:.7;margin-top:8px!important}

/* Sticky WA bar (HP) */
.bbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -16px rgba(7,42,66,.35);transform:translateY(110%);transition:transform .45s var(--ease)}
.bbar.is-on{transform:none}
.bbar__p{display:flex;flex-direction:column;line-height:1.15}
.bbar__p small{font-size:.72rem;color:var(--muted)}
.bbar__p b{font-family:var(--serif);font-weight:600;font-size:1.2rem;color:var(--ocean)}
.bbar .btn{flex:1;max-width:250px;min-height:50px;padding:0 1em}
.no-js .bbar{transform:none}
@media(min-width:960px){.bbar{display:none}}
@media(max-width:959px){body{padding-bottom:74px}}
@media(max-width:359px){.bbar .btn span{font-size:.9rem}}

/* Scroll reveal */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.hero .reveal{transition-duration:1.1s}
.hero .reveal:nth-child(2){transition-delay:.12s}.hero .reveal:nth-child(3){transition-delay:.24s}.hero .reveal:nth-child(4){transition-delay:.36s}.hero .reveal:nth-child(5){transition-delay:.48s}
.why .reveal:nth-child(2),.trips .reveal:nth-child(2){transition-delay:.08s}
.why .reveal:nth-child(3),.trips .reveal:nth-child(3){transition-delay:.16s}
.why .reveal:nth-child(4),.trips .reveal:nth-child(4){transition-delay:.24s}
.why .reveal:nth-child(5){transition-delay:.12s}.why .reveal:nth-child(6){transition-delay:.2s}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
  .hero__slides{transform:none!important}
}
.why__note a{color:var(--shallow)}
/* Hero legibility tuning */
.hero__shade{background:
  linear-gradient(180deg,rgba(7,42,66,.5) 0%,rgba(7,42,66,0) 20%),
  linear-gradient(0deg,rgba(5,30,48,.94) 0%,rgba(6,44,70,.66) 45%,rgba(7,48,74,.18) 72%,rgba(7,48,74,0) 85%)}
@media(min-width:900px){.hero__shade{background:
  linear-gradient(90deg,rgba(5,30,48,.78) 0%,rgba(6,40,64,.5) 38%,rgba(7,48,74,0) 66%),
  linear-gradient(180deg,rgba(7,42,66,.45) 0%,rgba(7,42,66,0) 22%),
  linear-gradient(0deg,rgba(5,30,48,.7) 0%,rgba(7,48,74,0) 45%)}}
.hero__lead,.hero .eyebrow{text-shadow:0 1px 14px rgba(0,0,0,.35)}
.wave .wave__2{opacity:.38}
@media(min-width:900px){
  .hero__shade{background:
    linear-gradient(90deg,rgba(5,30,48,.86) 0%,rgba(6,40,64,.62) 34%,rgba(7,48,74,.12) 62%,rgba(7,48,74,0) 75%),
    linear-gradient(180deg,rgba(7,42,66,.45) 0%,rgba(7,42,66,0) 22%),
    linear-gradient(0deg,rgba(5,30,48,.75) 0%,rgba(7,48,74,0) 50%)}
  .hero__content{padding-bottom:clamp(120px,11vw,150px)}
}
/* v2 refinements */
@media(min-width:900px){
  .why{grid-template-columns:repeat(3,1fr);grid-auto-rows:240px}
  .why__c--big{grid-column:span 2;grid-row:span 2}
}
.wave--top-ocean .wave__2{fill:var(--tosca);opacity:.45}
@media(max-width:480px){.feat{grid-template-columns:1fr}}
@media(max-width:599px){
  .trips{grid-template-columns:1fr}
  .trip{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:18px}
  .trip__ic{grid-row:span 3;margin:0}
  .trip h3{margin:2px 0 4px}
}
.swipe-hint--light{color:#9FC3D3}@media(min-width:900px){.swipe-hint--light{display:none}}

/* ===== Tour singkat ===== */
.tour-sec .wave--top-sand{color:var(--white)}
.wave--from-sand{color:var(--sand)!important}
.tour{display:grid;gap:36px;align-items:center}
.tour__media{position:relative;justify-self:center;width:min(100%,380px);border-radius:28px;overflow:hidden;box-shadow:var(--shadow),0 0 0 6px #fff;background:var(--ocean)}
.tour__video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;max-height:78vh}
.tour__len{position:absolute;top:14px;right:14px;font:700 .75rem var(--sans);color:#fff;background:rgba(7,42,66,.6);padding:5px 10px;border-radius:999px;pointer-events:none}
.tour__text .btn{margin-top:26px}
@media(min-width:900px){.tour{grid-template-columns:1.1fr .9fr;gap:80px}.tour__media{justify-self:end}}
@media(max-width:560px){.tour__text .btn{width:100%}.tour__media{width:min(100%,340px)}}

/* ===== v4: Form pesan (tanggal, tamu, extra bed, estimasi) ===== */
.book{align-items:start}
.book__price{margin:22px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:var(--muted);font-size:.95rem}
.book__price>b{font-family:var(--serif);font-size:1.5rem;color:var(--tosca-d);font-weight:600}
.book__dot{opacity:.5}
.book__form{gap:16px 12px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;border:0}
.fld--wide{grid-column:1/-1}
.fld>label,.fld>legend,.xb__qty label{font-size:.84rem;font-weight:700;color:var(--ocean);padding:0}
.book__form input,.book__form textarea{font:600 1rem var(--sans);color:var(--ink);padding:0 .9em;border:1.5px solid var(--line);border-radius:12px;background:#F7FAFB;min-height:52px;width:100%;transition:border-color .2s,box-shadow .2s}
.book__form textarea{padding:.8em .9em;min-height:76px;resize:vertical;font-weight:500;line-height:1.45}
.book__form input[type=date]{-webkit-appearance:none;appearance:none;display:block;line-height:50px;text-align:left}
.book__form input[type=date]::-webkit-date-and-time-value{text-align:left}
.book__form input[type=date]::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer;padding:6px}
.book__form textarea:focus{outline:none;border-color:var(--tosca);box-shadow:0 0 0 4px rgba(26,166,160,.16);background:#fff}
.fld__e{color:#C2412A;font-size:.8rem;font-weight:600;min-height:0}
.fld__e:empty{display:none}
.fld.is-err input{border-color:#E0674D;background:#FFF6F3}
.book__err{grid-column:1/-1;margin:0;background:var(--coral-l);color:#9A3412;border-radius:12px;padding:10px 14px;font-weight:600;font-size:.9rem}
/* stepper */
.step{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:12px;background:#F7FAFB;overflow:hidden;min-height:52px;transition:border-color .2s,box-shadow .2s}
.step:focus-within{border-color:var(--tosca);box-shadow:0 0 0 4px rgba(26,166,160,.16);background:#fff}
.book__form .step input{border:0;background:transparent;text-align:center;padding:0;min-height:48px;box-shadow:none;-moz-appearance:textfield}
.book__form .step input:focus{box-shadow:none;outline:none}
.step input::-webkit-outer-spin-button,.step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.step__b{flex:none;width:46px;border:0;background:transparent;color:var(--tosca-d);cursor:pointer;display:grid;place-items:center;font-size:1.1rem;transition:background-color .2s}
.step__b:hover{background:var(--tosca-l)}
.step__b:active{background:var(--shallow)}
.fld.is-err .step{border-color:#E0674D;background:#FFF6F3}
/* extra bed segmented */
.xb__row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.seg{display:inline-flex;background:#EEF4F5;border-radius:12px;padding:4px;min-height:52px}
.seg label{position:relative;display:flex}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:grid;place-items:center;min-width:84px;padding:0 16px;border-radius:9px;font-weight:700;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s}
.seg input:checked+span{background:#fff;color:var(--ocean);box-shadow:var(--shadow-s)}
.seg input:focus-visible+span{outline:3px solid var(--tosca);outline-offset:2px}
.xb__qty{flex:1;min-width:160px}
.xb__qty[hidden]{display:none}
.xb__qty .fld{gap:6px}
/* estimasi */
.book__total{display:block;padding:16px 18px;border:1.5px dashed rgba(17,128,123,.35)}
.book__trow{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.book__trow span{font-weight:700;color:var(--tosca-d);text-transform:uppercase;font-size:.78rem;letter-spacing:.12em}
.book__trow b{font-family:var(--serif);font-weight:600;font-size:1.75rem;color:var(--ocean);margin:0}
.book__lines{list-style:none;margin:8px 0 8px;padding:8px 0 0;border-top:1px solid rgba(17,128,123,.18);display:grid;gap:4px}
.book__lines:empty{display:none}
.book__lines li{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;color:var(--muted)}
.book__lines b{color:var(--ink);font-weight:600;white-space:nowrap}
.book__total small{display:block;color:var(--muted);font-size:.78rem;line-height:1.45}
@media(max-width:400px){.step__b{width:40px}.seg span{min-width:70px}}

/* ===== v4: Cara ke Karimunjawa ===== */
.route{margin-top:clamp(64px,8vw,104px)}
.route .head{margin-bottom:28px}
.route__lbl{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.route__steps{list-style:none;padding:0;margin:0 0 34px;display:grid;gap:14px;counter-reset:r}
.rstep{position:relative;background:#fff;border-radius:var(--r);padding:22px 20px 20px;box-shadow:var(--shadow-s);border-top:4px solid var(--tosca)}
.rstep:nth-child(2){border-top-color:var(--ocean-2)}
.rstep:nth-child(3){border-top-color:var(--coral)}
.rstep__n{position:absolute;top:18px;right:18px;font-family:var(--serif);font-size:2.4rem;line-height:1;color:var(--tosca-l);font-weight:600}
.rstep__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--tosca),var(--ocean-2));color:#fff;margin-bottom:14px}
.rstep:nth-child(3) .rstep__ic{background:linear-gradient(135deg,var(--coral),#E0674D)}
.rstep__ic svg{width:24px;height:24px}
.rstep h3{color:var(--ocean);font-size:1.18rem;margin-bottom:.35em;padding-right:36px}
.rstep p{margin:0;color:var(--muted);font-size:.93rem}
.rstep__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.rstep__chips span{font-size:.8rem;font-weight:700;color:var(--tosca-d);background:var(--tosca-l);padding:5px 10px;border-radius:999px}
.route__alt{display:grid;gap:12px;margin-bottom:28px}
.ralt{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.65);border:1px solid var(--sand-2);border-radius:var(--r-sm);padding:16px}
.ralt__ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--tosca-l);color:var(--tosca-d)}
.ralt__ic svg{width:21px;height:21px}
.ralt h3{font-family:var(--sans);font-size:1rem;font-weight:700;color:var(--ocean);margin:2px 0 2px;letter-spacing:0}
.ralt p{margin:0;font-size:.9rem;color:var(--muted)}
.route__foot{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;background:var(--ocean);color:#D3E8F0;border-radius:var(--r);padding:20px 22px}
.route__note{display:flex;gap:12px;margin:0;max-width:640px;font-size:.92rem}
.route__note svg{width:24px;height:24px;color:var(--shallow);margin-top:1px}
@media(max-width:560px){.route__foot .btn{width:100%;white-space:normal;text-align:center;line-height:1.2}}
@media(min-width:820px){
  .route__steps{grid-template-columns:repeat(3,1fr);gap:28px}
  .rstep:not(:last-child)::after{content:"";position:absolute;top:44px;right:-24px;width:20px;height:2px;background:repeating-linear-gradient(90deg,var(--tosca) 0 4px,transparent 4px 8px)}
  .route__alt{grid-template-columns:repeat(3,1fr)}
}

/* ===== v4: FAQ accordion ===== */
.faq{max-width:none;display:grid;gap:28px}
.faq__head p:not(.eyebrow){color:var(--muted)}
.faq__head .btn{margin-top:6px}
.faq__list{display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;transition:box-shadow .3s,border-color .3s}
.faq details[open]{border-color:rgba(26,166,160,.45);box-shadow:var(--shadow-s)}
.faq summary{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:16px 18px;min-height:56px;font-size:1rem;line-height:1.4}
.faq summary::after{content:none}
.faq summary i{flex:none;position:relative;width:30px;height:30px;border-radius:50%;background:var(--tosca-l);transition:background-color .3s,transform .35s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--tosca-d);border-radius:2px}
.faq summary i::after{transform:rotate(90deg);transition:transform .35s var(--ease)}
.faq details[open] summary i{background:var(--tosca)}
.faq details[open] summary i::before,.faq details[open] summary i::after{background:#fff}
.faq details[open] summary i::after{transform:rotate(0)}
.faq summary:hover{color:var(--tosca-d)}
.faq__a{padding:0 18px 18px}
.faq__a p{margin:0;color:var(--muted)}
.faq details[open] .faq__a{animation:faqIn .35s var(--ease)}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}}
.faq__wa{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:700;font-size:.88rem;color:var(--tosca-d);text-decoration:none;min-height:40px}
.faq__wa svg{width:18px;height:18px;color:#1FAF57}
.faq__wa:hover{text-decoration:underline}
@media(min-width:960px){.faq{grid-template-columns:.75fr 1.25fr;gap:72px;align-items:start}.faq__head{position:sticky;top:110px}}

/* ===== v4: Sticky WA bar hanya HP (≤768px) ===== */
@media(max-width:959px){body{padding-bottom:0}}
@media(min-width:769px){.bbar{display:none}.nav .btn--wa{display:inline-flex}}
@media(max-width:768px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}
.bbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.no-js .bbar{transform:translateY(110%)}
.book__form input[type=date]{padding:0 .6em 0 .75em;font-size:.97rem}
.fld__h{font-size:.78rem;color:var(--tosca-d);font-weight:600}
.fld__h:empty{display:none}
.book__form .seg label{flex-direction:row;gap:0}
.seg span{min-height:44px}
.faq .faq__a p{margin:0}
.book__dot{display:none}
.book__price>span:last-child{flex-basis:100%}
.book__total .book__lines b{font:600 .84rem var(--sans);color:var(--ink);margin:0}

/* ===== v5: performa & aksesibilitas ===== */
/* Hero tampil langsung (tanpa menunggu JS) – animasi geser ringan via CSS saja */
.js .hero .reveal{opacity:1;transform:none;transition:none;animation:heroIn .9s var(--ease) both}
.hero .reveal:nth-child(2){animation-delay:.08s}.hero .reveal:nth-child(3){animation-delay:.16s}.hero .reveal:nth-child(4){animation-delay:.24s}.hero .reveal:nth-child(5){animation-delay:.32s}
@keyframes heroIn{from{transform:translateY(18px)}to{transform:none}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Tips tamu mancanegara (hanya EN) */
.intl{margin-top:clamp(40px,6vw,64px);background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(22px,4vw,40px);border-top:4px solid var(--tosca)}
.intl[hidden]{display:none}
.intl__head{max-width:62ch;margin-bottom:22px}
.intl__head h3{font-size:var(--fs-h3);color:var(--ocean);margin:.2em 0 .35em}
.intl__head p:last-child{color:var(--muted);margin:0}
.intl__grid{display:grid;gap:16px}
@media(min-width:700px){.intl__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){.intl__grid{grid-template-columns:repeat(3,1fr)}}
.itip{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--r-sm);background:var(--sand)}
.itip__ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--tosca-l);color:var(--tosca-d)}
.itip__ic svg{width:22px;height:22px}
.itip h4{margin:0 0 4px;font:700 1rem/1.3 var(--sans);color:var(--ocean)}
.itip p{margin:0;font-size:.94rem;color:var(--ink)}
.n__en{display:block;font-size:.8rem;font-weight:500;color:var(--muted);line-height:1.3;margin-top:1px}
/* Performa: bagian bawah halaman baru di-render saat mendekati layar */
#galeri,#tour,#menu,#karimunjawa,#aktivitas,#lokasi,#faq,.cta,.foot{content-visibility:auto;contain-intrinsic-size:auto 900px}
.maps-note{margin:12px 0 0;font-size:.86rem;color:var(--muted);max-width:44ch}
.maps-note b{color:var(--ink);font-weight:600}
.brand b{white-space:nowrap}
@media(max-width:420px){.brand b{font-size:1rem}.brand img{width:36px;height:36px}}
@media(max-width:350px){.brand b{font-size:.9rem}}
/* ===== v6: Paket ===== */
.pkgs{display:grid;gap:20px}
@media(min-width:800px){.pkgs{grid-template-columns:1fr 1fr;gap:24px}}
.pkg{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3.5vw,32px);box-shadow:var(--shadow-s);border-top:4px solid var(--tosca)}
.pkg--trip{border-top-color:var(--coral);background:linear-gradient(180deg,#fff 0%,#FFF8F5 100%)}
.pkg__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--tosca-l);color:var(--tosca-d)}
.pkg--trip .pkg__ic{background:var(--coral-l);color:#C2513A}
.pkg__ic svg{width:26px;height:26px}
.pkg h3{font-size:var(--fs-h3);color:var(--ocean);margin:6px 0 0}
.pkg__sum{margin:0;color:var(--ink)}
.pkg .feat{margin:4px 0}
.pkg__later{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-size:.92rem;font-weight:600;color:var(--muted)}
.pkg__later svg{width:18px;height:18px;color:var(--tosca)}
.pkg__price{margin:auto 0 6px;padding-top:12px;border-top:1px dashed var(--line);font-size:.95rem;color:var(--muted)}
.pkg__price b{font-family:var(--serif);font-weight:600;font-size:1.6rem;color:var(--tosca-d)}
.pkg__price--ask b{font-family:var(--sans);font-size:1rem;color:var(--ocean)}
.pkg .btn{align-self:flex-start}
@media(max-width:560px){.pkg .btn{align-self:stretch}}
.pk-pick .seg{display:flex}
@media(min-width:960px) and (max-width:1199px){.nav__links{gap:18px}.nav__links a{font-size:.88rem}}
.pkg__price--ask{display:flex;align-items:center;gap:8px}
.pkg__price--ask svg{flex:none;width:18px;height:18px;color:var(--tosca)}
#bookTotal.is-ask{font-family:var(--sans);font-size:1.05rem;font-weight:700;white-space:nowrap}