/* ============ VitaDoza Product Landing (green natural DTC) ============ */
.vl{--g:#2f6b43;--g2:#3c8b57;--gd:#27562f;--cream:#f6f4ef;--ink:#1f2a24;--mut:#6b7a70;--line:#e6e3da;--card:#fff;--radius:16px;
  font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;}
.vl *{box-sizing:border-box;}
/* темата има body{overflow-x:hidden} (зарежда се след нас) — застъпваме с clip (не чупи sticky) */
html,body{overflow-x:clip!important;}
.vl-wrap{max-width:1280px;margin:0 auto;padding:0 24px;}
.vl img{max-width:100%;height:auto;display:block;}
.vl h1,.vl h2,.vl h3{margin:0;line-height:1.15;font-weight:800;letter-spacing:-.01em;}
.vl-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g2);background:#e9f1ea;padding:6px 12px;border-radius:999px;margin-bottom:18px;}
.vl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--g);color:#fff;border:0;border-radius:12px;
  font-weight:800;font-size:17px;padding:18px 28px;cursor:pointer;text-decoration:none;transition:background .2s,transform .1s;width:100%;white-space:nowrap;}
.vl-btn:hover{background:var(--gd);}
.vl-btn:active{transform:translateY(1px);}
.vl-btn svg{width:20px;height:20px;flex:0 0 auto;}
.vl-btn.vl-loading{opacity:.65;pointer-events:none;}
.vl-muted{color:var(--mut);}

/* ---- HERO ---- */
.vl-hero{padding:36px 0 10px;}
.vl-hero-head{text-align:center;max-width:860px;margin:0 auto 34px;}
.vl-hero-head .vl-eyebrow{margin-bottom:16px;}
.vl-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px 44px;align-items:start;position:relative;}
.vl-hero-media{align-self:start;position:relative;}
.vl-hero-media__inner{width:100%;}
.vl-gslide{aspect-ratio:1/1;}
.vl-hero h1{font-size:clamp(30px,3.9vw,48px);}
.vl-hero-lead{font-size:17px;color:var(--mut);margin:14px auto 0;max-width:600px;}
.vl-trust4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px auto 0;max-width:640px;}
.vl-trust4 .vl-t{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--ink);}
.vl-trust4 .vl-t svg{width:30px;height:30px;color:var(--g2);}
.vl-hero-media{position:relative;}
.vl-gallery{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;}
.vl-gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.vl-gallery-track::-webkit-scrollbar{display:none;}
.vl-gslide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;}
.vl-gslide img{width:100%;height:100%;object-fit:contain;padding:18px;}
.vl-gnav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.92);cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.1);transition:background .15s;}
.vl-gnav:hover{background:#fff;}
.vl-gprev{left:12px;} .vl-gnext{right:12px;}
.vl-badge1{position:absolute;left:14px;top:14px;z-index:3;background:var(--g);color:#fff;width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:700;line-height:1.1;box-shadow:0 8px 20px rgba(39,86,47,.3);}
.vl-badge1 b{font-size:22px;display:block;}
.vl-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.vl-thumbs .vl-th{width:70px;height:70px;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;border:2px solid var(--line);padding:0;}
.vl-thumbs .vl-th.is-active{border-color:var(--g);}
.vl-thumbs .vl-th img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---- BUY BOX ---- */
.vl-buy{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 12px 40px rgba(31,42,36,.06);}
.vl-buy h2{font-size:24px;}
.vl-stars{display:flex;align-items:center;gap:8px;margin:8px 0 4px;font-size:13px;color:var(--mut);}
.vl-stars .s{color:#e0a82e;letter-spacing:1px;font-size:15px;}
.vl-price{font-size:30px;font-weight:800;margin:10px 0 2px;}
.vl-price small{font-size:12px;font-weight:500;color:var(--mut);display:block;margin-top:2px;}
.vl-pick{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:20px 0 10px;}
.vl-tiers{display:flex;flex-direction:column;gap:10px;}
.vl-tier{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s;}
.vl-tier:hover{border-color:#bcd3c1;}
.vl-tier.is-active{border-color:var(--g);background:#f1f7f2;}
.vl-tier input{position:absolute;opacity:0;pointer-events:none;}
.vl-tier .vl-radio{width:20px;height:20px;border-radius:50%;border:2px solid #c4cfc7;flex:0 0 auto;position:relative;}
.vl-tier.is-active .vl-radio{border-color:var(--g);}
.vl-tier.is-active .vl-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--g);}
.vl-tier .vl-qty{font-weight:700;}
.vl-tier .vl-tp{margin-left:auto;text-align:right;}
.vl-tier .vl-tp b{font-size:17px;}
.vl-tier .vl-tp span{display:block;font-size:11.5px;color:var(--g2);font-weight:700;}
.vl-tier .vl-tag{position:absolute;top:-10px;left:14px;background:var(--gd);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:999px;text-transform:uppercase;}

.vl-fbt{margin:18px 0 6px;border-top:1px solid var(--line);padding-top:16px;}
.vl-fbt .vl-pick{margin-top:0;}
.vl-fbt-row{display:flex;align-items:center;gap:12px;padding:8px 0;}
.vl-fbt-row img{width:46px;height:46px;border-radius:10px;object-fit:cover;border:1px solid var(--line);}
.vl-fbt-row .vl-fbt-n{font-size:13px;font-weight:600;line-height:1.3;}
.vl-fbt-row .vl-fbt-n small{display:block;color:var(--mut);font-weight:400;}
.vl-fbt-row .vl-fbt-p{margin-left:auto;text-align:right;font-size:13px;}
.vl-fbt-row .vl-fbt-p del{color:var(--mut);}
.vl-fbt-row .vl-fbt-p b{display:block;color:var(--g);}
.vl-fbt-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--g);}
.vl-fbt-total{display:flex;justify-content:space-between;font-size:13px;font-weight:700;background:#f1f7f2;border-radius:10px;padding:10px 12px;margin:10px 0 16px;}
.vl-fbt-total b{color:var(--g);}
.vl-buy-cta{margin-top:6px;font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding-top:20px;padding-bottom:20px;}
.vl-buy-cta svg{width:23px;height:23px;}
.vl-free{text-align:center;font-size:12.5px;color:var(--mut);margin-top:12px;}
.vl-buy-trust{display:flex;justify-content:space-between;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}
.vl-buy-trust .vl-bt{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:10.5px;color:var(--mut);font-weight:600;flex:1;}
.vl-buy-trust .vl-bt svg{width:22px;height:22px;color:var(--g2);}

/* ---- generic section ---- */
.vl-sec{padding:60px 0;}
.vl-sec-head{text-align:center;max-width:760px;margin:0 auto 42px;}
.vl-sec-head h2{font-size:clamp(22px,2.6vw,30px);}
.vl-sec-head p{color:var(--mut);margin-top:12px;}
.vl-cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.vl-feat{text-align:center;}
.vl-feat .vl-ic{width:56px;height:56px;margin:0 auto 14px;border-radius:14px;background:#e9f1ea;display:flex;align-items:center;justify-content:center;}
.vl-feat .vl-ic svg{width:28px;height:28px;color:var(--g2);}
.vl-feat .vl-ic img{width:56px;height:56px;border-radius:14px;object-fit:cover;}
.vl-feat h3{font-size:15px;margin-bottom:6px;}
.vl-feat p{font-size:13px;color:var(--mut);}

/* ---- usage + video ---- */
.vl-use{background:#fff;}
.vl-use-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;}
.vl-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;}
.vl-steps li{display:flex;gap:16px;align-items:flex-start;}
.vl-steps .vl-n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:2px solid var(--g2);color:var(--g);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;}
.vl-steps p{margin:4px 0 0;font-size:15px;}
.vl-video{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:#000;position:relative;}
.vl-video img{width:100%;height:100%;object-fit:cover;opacity:.92;}
.vl-video .vl-vplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.vl-video .vl-vplay span{width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;}
.vl-video .vl-vplay svg{width:26px;height:26px;color:var(--g);margin-left:3px;}
.vl-video--has{cursor:pointer;}
.vl-video-frame{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#000;}

/* ---- reviews ---- */
.vl-reviews{background:var(--gd);color:#fff;}
.vl-reviews .vl-sec-head h2{color:#fff;}
.vl-rev-grid{display:grid;grid-template-columns:.7fr 2.3fr;gap:34px;align-items:center;}
.vl-rev-score{text-align:center;}
.vl-rev-score .vl-big{font-size:54px;font-weight:800;line-height:1;}
.vl-rev-score .s{color:#e9c46a;font-size:18px;letter-spacing:2px;}
.vl-rev-score .vl-cnt{font-size:12px;opacity:.8;margin-top:6px;}
.vl-rev-bars{margin-top:16px;display:flex;flex-direction:column;gap:5px;}
.vl-rev-bars .vl-bar{display:flex;align-items:center;gap:8px;font-size:11px;opacity:.9;}
.vl-rev-bars .vl-track{flex:1;height:6px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden;}
.vl-rev-bars .vl-fill{height:100%;background:#e9c46a;}
.vl-rev-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.vl-rev-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px;}
.vl-rev-card .vl-rh{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.vl-rev-card .vl-rh img,.vl-rev-card .vl-rh .vl-av{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#5a8a66;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}
.vl-rev-card .vl-rh b{font-size:13px;display:block;}
.vl-rev-card .vl-rh small{font-size:11px;opacity:.75;}
.vl-rev-card .s{color:#e9c46a;font-size:13px;letter-spacing:1px;}
.vl-rev-card p{font-size:13.5px;margin:8px 0 0;opacity:.95;}

/* ---- related ---- */
.vl-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.vl-rel-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s;}
.vl-rel-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(31,42,36,.08);}
.vl-rel-card .vl-rimg{aspect-ratio:1/1;background:#f3f1ea;}
.vl-rel-card .vl-rimg img{width:100%;height:100%;object-fit:cover;}
.vl-rel-card .vl-rb{padding:14px;text-align:center;}
.vl-rel-card .vl-rb h3{font-size:14px;}
.vl-rel-card .vl-rb .vl-rp{color:var(--g);font-weight:800;margin-top:6px;}

/* ---- снимки в описанието (шахматно) ---- */
.vl-zoom{cursor:zoom-in;}
.vl-story-rows{display:flex;flex-direction:column;gap:48px;max-width:1040px;margin:0 auto;}
.vl-story-row{display:flex;gap:44px;align-items:center;}
.vl-story-row:nth-child(even){flex-direction:row-reverse;}
.vl-story-row>div{flex:1 1 0;min-width:0;}
.vl-story-img img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);background:#fff;}
.vl-story-txt h3{font-size:21px;margin-bottom:10px;}
.vl-story-txt p{color:var(--mut);font-size:15.5px;line-height:1.7;}
@media(max-width:760px){
  .vl-story-rows{gap:30px;}
  .vl-story-row,.vl-story-row:nth-child(even){flex-direction:column;gap:14px;}
  .vl-story-txt{text-align:center;}
}

/* ---- lightbox ---- */
.vl-lightbox{position:fixed;inset:0;background:rgba(15,20,18,.93);display:none;align-items:center;justify-content:center;z-index:100000;cursor:zoom-out;padding:24px;}
.vl-lightbox.open{display:flex;}
.vl-lightbox img{max-width:94vw;max-height:92vh;border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.5);background:#fff;}
.vl-lightbox-close{position:absolute;top:16px;right:24px;width:44px;height:44px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.vl-lightbox-close:hover{background:rgba(255,255,255,.22);}

/* ---- footer trust bar ---- */
.vl-footbar{background:var(--gd);color:#fff;padding:22px 0;}
.vl-footbar .vl-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:34px;}
.vl-footbar .vl-fb{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;}
.vl-footbar .vl-fb svg{width:22px;height:22px;color:#bfe0c6;}

/* ---- sticky „Добави в количката" ---- */
.vl-sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:9998;display:flex;align-items:center;gap:14px;
  background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(31,42,36,.1);
  padding:10px 16px;transform:translateY(130%);transition:transform .28s ease;}
.vl-sticky-atc.show{transform:none;}
.vl-sticky-info{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1;}
.vl-sticky-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vl-sticky-price{font-size:18px;font-weight:800;color:var(--g);}
.vl-sticky-btn{width:auto;flex:0 0 auto;padding:14px 26px;font-size:15px;text-transform:uppercase;font-weight:800;letter-spacing:.02em;}
@media(max-width:520px){ .vl-sticky-btn{padding:13px 16px;font-size:13.5px;} .vl-sticky-name{font-size:12px;} }

/* ---- responsive ---- */
@media(max-width:980px){
  .vl-hero-grid{display:flex;flex-direction:column;grid-template-areas:none;gap:18px;}
  .vl-hero-intro,.vl-hero-media,.vl-buy{grid-area:auto;width:100%;}
  .vl-hero-intro{order:1;}
  .vl-hero-media{order:2;}
  .vl-buy{order:3;padding:20px;}
  .vl-hero-media{position:static;}
  .vl-hero-head{margin-bottom:20px;}
  .vl-hero h1{font-size:26px;}
  .vl-btn{font-size:15px;padding:14px 18px;border-radius:11px;}
  .vl-buy-cta{font-size:16px;letter-spacing:.01em;gap:8px;padding-top:16px;padding-bottom:16px;}
  .vl-buy-cta svg{width:20px;height:20px;}
  .vl-btn svg{width:18px;height:18px;}
  .vl-gslide{aspect-ratio:auto;min-height:300px;}
  .vl-gslide img{padding:10px;}
  .vl-sec{padding:40px 0;}
  .vl-use-grid{grid-template-columns:1fr;}
  .vl-rev-grid{grid-template-columns:1fr;gap:24px;}
  .vl-rev-cards{grid-template-columns:1fr;}
  .vl-cols4{grid-template-columns:repeat(2,1fr);gap:22px;}
  .vl-rel-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:520px){
  .vl-trust4{grid-template-columns:repeat(2,1fr);}
  .vl-footbar .vl-wrap{gap:16px;}
  .vl-footbar .vl-fb{font-size:11px;}
}