*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --g:#95BB4A;--gd:#7da33a;--gx:rgba(149,187,74,.1);
  --dk:#111110;--dk2:#1a1a18;--dk3:#222220;
  --dbr:rgba(255,255,255,.08);--dbh:rgba(255,255,255,.14);
  --lt:#f7f7f5;--lt2:#ffffff;--lbr:#e3e3de;--lbh:#c8c8c0;
  --dt:#e8e8e5;--dm:#888884;--df:#3a3a37;
  --lt-t:#1a1a18;--lt-m:#6b6b66;--lt-f:#c4c4bc;
  --fh:'Bricolage Grotesque',sans-serif;--fb:'DM Sans',sans-serif;
}
body{font-family:var(--fb);background:var(--lt2);color:var(--lt-t);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.is-hidden{display:none}
.input-uppercase{text-transform:uppercase}
.form-label-wide-gap{margin-bottom:10px !important}
.stag-accent{color:var(--g)}
.text-link-accent{color:var(--g);font-weight:600;text-decoration:none}
.text-link-accent:hover{text-decoration:underline}
.more-photos{margin-top:26px;text-align:center;font-size:14px;color:var(--lt-m)}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:300;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--lbr);min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;gap:16px}
.nav-logo{display:flex;align-items:center;text-decoration:none;min-width:0}
.nav-logo img{height:48px;width:auto;max-width:min(230px,42vw);display:block}
.nav-r{display:flex;align-items:center;gap:14px}
.nav-tel{font-size:14px;font-weight:600;color:var(--lt-t);text-decoration:none;display:flex;align-items:center;gap:6px}
.nav-tel:hover{color:var(--g)}
.btn-g{display:inline-flex;align-items:center;gap:7px;background:var(--g);color:#0d1306;font-family:var(--fh);font-weight:700;font-size:14px;border:none;border-radius:8px;padding:9px 20px;cursor:pointer;text-decoration:none;transition:filter .18s,transform .15s;white-space:nowrap}
.btn-g:hover{filter:brightness(1.07);transform:translateY(-1px)}

/* ── HERO ── */
.hero{background:var(--dk);color:var(--dt);padding:clamp(44px,6vw,72px) 5% 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:clamp(32px,5vw,60px);align-items:end;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 80% 40%,rgba(149,187,74,.055),transparent 65%);pointer-events:none}
.hero-l{padding-bottom:56px}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid var(--dbh);border-radius:99px;padding:5px 14px 5px 8px;margin-bottom:28px;font-size:12px;font-weight:600;color:var(--dm);width:fit-content;animation:up .5s ease both}
.bdot{width:20px;height:20px;background:var(--g);border-radius:50%;display:grid;place-items:center;font-size:11px}
h1{font-family:var(--fh);font-size:clamp(40px,8vw,88px);font-weight:900;line-height:.94;letter-spacing:clamp(-1.8px,-0.32vw,-2.5px);color:#fff;margin-bottom:22px;animation:up .5s .07s ease both;text-wrap:balance}
h1 .city{color:var(--g);display:block}
h1 .ghost{display:block;color:transparent;-webkit-text-stroke:1.5px var(--df)}
.hsub{font-size:clamp(15px,2.3vw,17px);line-height:1.65;color:var(--dm);max-width:470px;margin-bottom:34px;animation:up .5s .13s ease both}
.hchips{display:flex;flex-wrap:wrap;gap:9px;animation:up .5s .18s ease both}
.chip{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.05);border:1px solid var(--dbr);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:500;color:var(--dt)}
.chip .g{color:var(--g)}
.hctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;animation:up .5s .22s ease both}
.btn-gl{display:inline-flex;align-items:center;gap:8px;background:var(--g);color:#0d1306;font-family:var(--fh);font-weight:800;font-size:16px;border:none;border-radius:10px;padding:14px 30px;cursor:pointer;text-decoration:none;transition:filter .18s,transform .15s}
.btn-gl:hover{filter:brightness(1.07);transform:translateY(-1px)}
.btn-gh{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--dbh);border-radius:10px;color:var(--dt);font-family:var(--fh);font-weight:700;font-size:16px;padding:14px 30px;cursor:pointer;text-decoration:none;transition:border-color .2s,transform .15s}
.btn-gh:hover{border-color:#fff;transform:translateY(-1px)}

/* ── HERO FORM ── */
.hero-r{background:var(--lt2);border-radius:16px 16px 0 0;padding:34px 30px 38px;box-shadow:0 -8px 40px rgba(0,0,0,.3);align-self:end;justify-self:end;width:100%;max-width:460px;animation:fromR .6s .1s ease both}
@keyframes fromR{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.fhead{font-family:var(--fh);font-size:21px;font-weight:800;letter-spacing:-.5px;color:var(--lt-t);margin-bottom:3px}
.fhint{font-size:13px;color:var(--lt-m);margin-bottom:22px}
.fhint strong{color:var(--g);font-weight:700}
.sdots{display:flex;gap:6px;margin-bottom:20px}
.sd{height:3px;border-radius:99px;background:var(--lbr);flex:1;transition:all .3s}
.sd.on{background:var(--g)}.sd.dn{background:rgba(149,187,74,.35)}
.fl{margin-bottom:11px}
.fl label{display:block;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--lt-m);margin-bottom:5px}
.fl input,.fl select,.fl textarea{width:100%;background:#fff;border:1.5px solid var(--lbr);border-radius:8px;padding:10px 12px;font-family:var(--fb);font-size:14px;color:var(--lt-t);outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}
.fl input::placeholder,.fl textarea::placeholder{color:var(--lt-f)}
.fl input:focus,.fl select:focus,.fl textarea:focus{border-color:var(--g);box-shadow:0 0 0 3px var(--gx)}
.fl select option{background:#fff}
.fl textarea{resize:vertical}
.flr{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sel-summary{background:var(--lt);border:1.5px solid var(--lbr);border-radius:8px;padding:12px;margin-bottom:12px;min-height:52px}
.sel-empty{font-size:12px;color:var(--lt-f);font-style:italic}
.sel-items{display:flex;flex-wrap:wrap;gap:5px}
.sel-tag{display:flex;align-items:center;gap:5px;background:var(--gx);border:1px solid rgba(149,187,74,.3);border-radius:99px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--lt-t)}
.sel-tag .rm{cursor:pointer;color:var(--lt-m);font-size:10px;margin-left:2px}
.sel-tag .rm:hover{color:#ef4444}
.wa-row{display:flex;align-items:center;gap:10px;border:1.5px solid var(--lbr);border-radius:8px;padding:11px 12px;cursor:pointer;transition:border-color .2s;margin-top:6px}
.wa-row:hover{border-color:#25d366}
.wa-row input[type=checkbox]{width:16px;height:16px;accent-color:#25d366;cursor:pointer;flex-shrink:0}
.wa-row label{font-size:13px;font-weight:500;color:var(--lt-t);cursor:pointer;margin:0;text-transform:none;letter-spacing:0;line-height:1.35}
.wa-row label strong{color:#16a34a;display:block;font-weight:700}
.or-ln{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--lt-f);letter-spacing:.5px;margin:9px 0}
.or-ln::before,.or-ln::after{content:'';flex:1;height:1px;background:var(--lbr)}
.fnav{display:flex;gap:8px;margin-top:13px}
.fbk{flex:0 0 auto;background:transparent;border:1.5px solid var(--lbr);border-radius:8px;color:var(--lt-m);font-family:var(--fb);font-size:14px;font-weight:500;padding:11px 15px;cursor:pointer;transition:all .2s;display:none}
.fbk:hover{border-color:var(--lbh);color:var(--lt-t)}
.fnxt,.fsub{flex:1;background:var(--lt-t);color:#fff;font-family:var(--fh);font-weight:800;font-size:16px;border:none;border-radius:8px;padding:13px;cursor:pointer;transition:background .18s,transform .15s}
.fnxt:hover,.fsub:hover{background:#2d2d2a;transform:translateY(-1px)}
.fsub{display:none}
.fleg{margin-top:9px;text-align:center;font-size:11px;color:var(--lt-f)}
.success{display:none;text-align:center;padding:8px 0}
.success.on{display:block}
.fm.off{display:none}
.sico{width:50px;height:50px;background:var(--gx);border:1.5px solid rgba(149,187,74,.4);border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;font-size:22px}
.success h3{font-family:var(--fh);font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--lt-t);margin-bottom:7px}
.success p{font-size:13px;color:var(--lt-m);line-height:1.6;margin-bottom:18px}
.swa{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#0a1a0d;font-weight:700;font-size:13px;padding:11px 20px;border-radius:8px;text-decoration:none}
.swa:hover{filter:brightness(1.06)}

/* ── SKYLINE ── */
.skyline-wrap{background:var(--dk);position:relative;line-height:0;overflow:hidden}
.skyline-svg{width:100%;display:block;min-height:clamp(180px,22vw,320px)}
.van-img{
  position:absolute;
  bottom:clamp(-18px,calc(11% - 50px),8px);
  left:8%;
  width:clamp(130px,16%,260px);
  height:auto;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));
  animation:vanDrive 18s linear infinite;
}
@keyframes vanDrive{
  0%{left:105%;opacity:0}
  5%{opacity:1}
  90%{opacity:1}
  100%{left:-20%;opacity:0}
}

/* ── ITEM CHECKBOXES IN FORM ── */
.item-check-label{
  display:flex;align-items:center;gap:9px;
  background:var(--lt);border:1.5px solid var(--lbr);border-radius:8px;
  padding:10px 13px;cursor:pointer;
  font-size:13px;font-weight:500;
  color:var(--lt-t);
  text-transform:none !important;letter-spacing:0 !important;
  transition:border-color .18s,background .18s;
  user-select:none;
}
.item-check-label:hover{border-color:var(--lbh)}
.item-check-label input[type=checkbox]{
  width:16px;height:16px;
  accent-color:var(--g);
  cursor:pointer;flex-shrink:0;
  margin:0;
}
.item-check-label input[type=checkbox]:checked ~ *{color:var(--lt-t)}
.item-check-label:has(input:checked){border-color:var(--g);background:var(--gx)}
.items-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}


.tbar{background:var(--g);padding:18px 5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:12px}
.ti{display:flex;align-items:center;gap:8px;color:#0d1306;font-size:13px;font-weight:700}

/* ── SECTIONS ── */
.sec-wt{background:var(--lt2);padding:84px 5%}
.sec-lt{background:var(--lt);padding:84px 5%;border-top:1px solid var(--lbr)}
.sec-dk{background:var(--dk);color:var(--dt);padding:84px 5%}
.stag{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--g);margin-bottom:11px;display:block}
.sh{font-family:var(--fh);font-size:clamp(32px,4vw,50px);font-weight:900;letter-spacing:-1.5px;color:var(--lt-t);line-height:1.05;margin-bottom:12px}
.sh-dk{color:#fff}
.sp{font-size:16px;color:var(--lt-m);line-height:1.65;max-width:520px;margin-bottom:46px}
.sp-dk{color:var(--dm)}

/* ── HOW IT WORKS ── */
.steps{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:start}
.step{background:var(--lt);border:1.5px solid var(--lbr);border-radius:16px;padding:30px 26px;transition:border-color .2s,transform .2s,box-shadow .2s}
.step:hover{border-color:var(--g);transform:translateY(-4px);box-shadow:0 12px 36px rgba(149,187,74,.1)}
.snum{width:34px;height:34px;background:var(--g);border-radius:50%;display:grid;place-items:center;font-family:var(--fh);font-size:15px;font-weight:900;color:#0d1306;margin-bottom:16px}
.sico2{font-size:34px;display:block;margin-bottom:12px}
.stitle{font-family:var(--fh);font-size:19px;font-weight:800;letter-spacing:-.4px;color:var(--lt-t);margin-bottom:8px}
.sbody{font-size:14px;color:var(--lt-m);line-height:1.6}
.sbody strong{color:var(--lt-t);font-weight:600}
.sarr{display:flex;align-items:center;justify-content:center;padding-top:55px;color:var(--lt-f)}

/* ── BOOKING OPTIONS ── */
.bk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.bk{background:var(--lt2);border:1.5px solid var(--lbr);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;text-decoration:none;color:inherit}
.bk:hover{border-color:var(--g);box-shadow:0 12px 36px rgba(149,187,74,.1);transform:translateY(-3px)}
.bk.feat{border-color:var(--g);background:var(--g)}
.bk.feat .bktag{color:rgba(13,19,6,.6)}
.bk.feat .bktitle,.bk.feat .bkbody,.bk.feat .bkcta{color:#0d1306}
.bkico{font-size:38px;display:block;margin-bottom:18px}
.bktag{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--g);margin-bottom:7px;display:block}
.bktitle{font-family:var(--fh);font-size:21px;font-weight:800;letter-spacing:-.5px;color:var(--lt-t);margin-bottom:9px}
.bkbody{font-size:14px;color:var(--lt-m);line-height:1.6;flex:1;margin-bottom:22px}
.bk.feat .bkbody{color:rgba(13,19,6,.72)}
.bkcta{display:inline-flex;align-items:center;gap:7px;font-family:var(--fh);font-size:14px;font-weight:800;color:var(--lt-t);transition:gap .2s}
.bk:hover .bkcta{gap:10px}


/* ── LOAD SIZES ── */
.loads{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.load-c{background:var(--dk2);border:1px solid var(--dbr);border-radius:14px;padding:26px 22px;transition:border-color .2s,transform .2s}
.load-c:hover{border-color:var(--dbh);transform:translateY(-3px)}
.lem{font-size:30px;display:block;margin-bottom:12px}
.lname{font-family:var(--fh);font-size:18px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.3px}
.ldesc{font-size:13px;color:var(--dm);line-height:1.55;margin-bottom:14px}
.lprice{font-size:14px;font-weight:700;color:var(--g)}
.lbtn{display:inline-block;margin-top:14px;background:var(--g);color:#0d1306;font-family:var(--fh);font-weight:700;font-size:14px;border-radius:8px;padding:10px 20px;text-decoration:none;transition:filter .18s}
.lbtn:hover{filter:brightness(1.08)}

/* ── BEFORE AFTER ── */
.ba-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:44px}
.ba-card{border-radius:16px;overflow:hidden;border:1.5px solid var(--lbr);background:var(--lt2);box-shadow:0 10px 30px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.ba-card:hover{transform:translateY(-4px);border-color:var(--g);box-shadow:0 14px 36px rgba(149,187,74,.14)}
.ba-media{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--lt)}
.ba-more-wrap{display:flex;justify-content:center;margin-top:26px}
.ba-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--lt-t);color:#fff;font-family:var(--fh);font-weight:800;font-size:15px;border:none;border-radius:10px;padding:14px 28px;cursor:pointer;transition:background .18s,transform .15s}
.ba-more-btn:hover{background:#2d2d2a;transform:translateY(-1px)}

/* ── REVIEWS ── */
.review-summary{display:flex;align-items:center;gap:18px;background:var(--lt2);border:1.5px solid var(--lbr);border-radius:14px;padding:22px 26px;margin-bottom:32px;flex-wrap:wrap}
.review-summary-score{font-family:var(--fh);font-size:clamp(40px,8vw,50px);font-weight:900;color:var(--lt-t);letter-spacing:-2px;line-height:1}
.review-summary-copy{min-width:0}
.review-summary-stars{display:flex;gap:3px;margin-bottom:5px}
.review-summary-stars span{color:var(--g);font-size:17px}
.review-summary-title{font-size:15px;font-weight:700;color:var(--lt-t)}
.review-summary-source{font-size:13px;color:var(--lt-m);display:block;margin-top:2px}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.rev{background:var(--lt2);border:1.5px solid var(--lbr);border-radius:14px;padding:24px 22px;transition:border-color .2s,box-shadow .2s}
.rev:hover{border-color:var(--lbh);box-shadow:0 6px 24px rgba(0,0,0,.06)}
.rev-st{display:flex;gap:3px;margin-bottom:12px}
.rev-st span{color:var(--g);font-size:15px}
.rev-t{font-size:14px;color:var(--lt-t);line-height:1.7;margin-bottom:16px;font-style:italic}
.rev-n{font-weight:700;font-size:13px;color:var(--lt-t)}
.rev-s{font-size:11px;color:var(--lt-m)}

/* ── BOTTOM CTA ── */
.bcta{background:var(--dk);padding:96px 5%;text-align:center;position:relative;overflow:hidden}
.bcta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 50%,rgba(149,187,74,.07),transparent 65%);pointer-events:none}
.bh{font-family:var(--fh);font-size:clamp(34px,9vw,92px);font-weight:900;letter-spacing:clamp(-1.8px,-0.4vw,-3px);line-height:.92;color:#fff;margin-bottom:18px;text-wrap:balance}
.bh em{color:var(--g);font-style:normal;display:block}
.bp{font-size:clamp(15px,2.6vw,17px);color:var(--dm);margin-bottom:34px}
.bctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-wt{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid var(--dbh);border-radius:10px;color:var(--dt);font-family:var(--fh);font-weight:700;font-size:16px;padding:14px 30px;cursor:pointer;text-decoration:none;transition:border-color .2s,transform .15s}
.btn-wt:hover{border-color:#fff;transform:translateY(-1px)}

/* ── FOOTER ── */
footer{background:var(--dk2);border-top:1px solid var(--dbr);padding:30px 5%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.flogo img{height:46px;width:auto;max-width:min(260px,70vw);display:block}
.fnote{font-size:12px;color:var(--dm)}
.flinks{display:flex;gap:18px;flex-wrap:wrap}
.flinks a{font-size:13px;color:var(--dm);text-decoration:none;transition:color .2s}
.flinks a:hover{color:#fff}

/* ── WA FAB ── */
.waf{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:calc(100vw - 32px)}
.watip{background:var(--lt2);border:1.5px solid var(--lbr);border-radius:12px;padding:13px 15px;max-width:min(225px,calc(100vw - 64px));font-size:13px;color:var(--lt-t);line-height:1.45;box-shadow:0 8px 32px rgba(0,0,0,.12);display:none;position:relative}
.watip::after{content:'';position:absolute;bottom:-7px;right:20px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--lt2)}
.watip strong{color:#16a34a;display:block;margin-bottom:3px}
.watip.show{display:block;animation:up .3s ease}
.wa-x{position:absolute;top:-8px;right:-8px;width:18px;height:18px;background:var(--lt);border:1px solid var(--lbr);border-radius:50%;font-size:10px;color:var(--lt-m);display:grid;place-items:center;cursor:pointer}
.wa-x:hover{color:var(--lt-t)}
.wafab{width:58px;height:58px;background:#25d366;border-radius:50%;display:grid;place-items:center;text-decoration:none;box-shadow:0 4px 16px rgba(37,211,102,.4);transition:transform .2s;animation:waP 3s ease infinite 6s}
.wafab:hover{transform:scale(1.09);animation:none}
@keyframes waP{0%,100%{box-shadow:0 4px 16px rgba(37,211,102,.4)}50%{box-shadow:0 4px 16px rgba(37,211,102,.4),0 0 0 12px rgba(37,211,102,.07)}}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;padding-bottom:0}
  .hero-l{padding-bottom:0}
  .hero-r{border-radius:16px;margin-top:44px;box-shadow:none;max-width:none;justify-self:stretch}
  .steps{grid-template-columns:1fr;gap:0}
  .sarr{display:none}
  .step{margin-bottom:14px}
  .bk-cards,.loads{grid-template-columns:1fr 1fr}
  .ba-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rev-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .review-summary{align-items:flex-start}
}
@media(max-width:700px){
  nav{padding:10px 20px}
  .nav-logo img{height:40px;max-width:min(170px,42vw)}
  .nav-tel{display:none}
  .hero{padding:44px 20px 0;gap:24px}
  .hero-r{padding:26px 20px 34px}
  h1{font-size:clamp(38px,15vw,56px);line-height:.98}
  .hsub{font-size:15px}
  .hctas{display:grid;grid-template-columns:1fr}
  .btn-gl,.btn-gh,.btn-wt{width:100%;justify-content:center}
  .sec-wt,.sec-lt,.sec-dk{padding:60px 20px}
  .bk-cards,.loads{grid-template-columns:1fr}
  .ba-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .rev-grid{grid-template-columns:1fr}
  .rev-grid .rev:nth-child(n+3){display:none}
  .review-summary{padding:18px 20px;gap:12px}
  .skyline-svg{min-height:170px}
  .van-img{width:clamp(118px,32vw,190px)}
  footer{flex-direction:column;text-align:center}
  .waf{bottom:16px;right:16px}
  .wafab{width:54px;height:54px}
  .flr{grid-template-columns:1fr}
}
@media(max-width:480px){
  nav{padding:10px 16px;gap:10px}
  .nav-logo img{height:36px;max-width:min(145px,44vw)}
  .btn-g{padding:8px 12px;font-size:12px}
  .hero{padding:38px 16px 0}
  .hero-r{padding:22px 16px 28px}
  .sec-wt,.sec-lt,.sec-dk,.bcta{padding-left:16px;padding-right:16px}
  .chip{font-size:12px;padding:6px 12px}
  .ba-grid{gap:12px}
  .review-summary-score{font-size:38px}
  .flinks{justify-content:center}
  .watip{max-width:min(200px,calc(100vw - 52px));font-size:12px}
}
@media(max-width:380px){
  .nav-logo img{height:34px;max-width:min(132px,44vw)}
  .btn-g{padding:7px 10px}
  .hero{padding-top:34px}
  .hero-r{padding:20px 14px 26px}
  .sec-wt,.sec-lt,.sec-dk,.bcta{padding-left:14px;padding-right:14px}
  .ba-grid{grid-template-columns:1fr}
}