/* Second Chance Premium Clinical System v4
   Final visual layer. It intentionally loads after style.css and only
   changes presentation; catalogue, cart, quiz and order logic stay intact. */
:root{
  --brand-navy:#071B2B;
  --brand-navy-deep:#041522;
  --brand-navy-ink:#071B2B;
  --brand-blue:#164B73;
  --brand-gold:#B78A49;
  --brand-gold-deep:#8B642D;
  --brand-gold-soft:#D7B47A;
  --brand-orange:#C9782A;
  --page-bg:#F6F2EA;
  --bg:#F6F2EA;
  --bg-alt:#FCFBF8;
  --surface:#FCFBF8;
  --surface-deep:#EFE8DC;
  --ink:#122638;
  --ink-strong:#071B2B;
  --ink-mute:#666A6F;
  --gold:#8B642D;
  --gold-soft:#D7B47A;
  --navy:#071B2B;
  --navy-deep:#041522;
  --cream:#F6F2EA;
  --ivory:#FCFBF8;
  --muted:#666A6F;
  --line:rgba(183,138,73,.22);
  --font-display:'Heebo','Noto Sans Hebrew','Assistant',Arial,sans-serif;
  --font-body:'Heebo','Noto Sans Hebrew','Assistant',Arial,sans-serif;
  --r-sm:10px;
  --r-md:14px;
  --r-lg:18px;
  --r-xl:20px;
  --sh-1:0 5px 18px rgba(7,27,43,.055);
  --sh-2:0 15px 36px rgba(7,27,43,.09);
  --sh-3:0 28px 68px rgba(7,27,43,.15);
}

html{background:#F6F2EA;scroll-padding-top:112px}
body{background:#F6F2EA;color:#122638;font-size:16px;line-height:1.7;overflow-x:hidden}
.wrap{max-width:1240px;padding-inline:28px}
h1,h2,h3{color:#071B2B}
.eyebrow{color:#8B642D;font-size:.72rem;letter-spacing:.25em;font-weight:500}
.zone-light,.zone-light--alt{background:#FCFBF8;color:#122638}

/* announcement and premium sticky header */
.announce{min-height:31px;display:grid;place-items:center;padding:.3rem 1rem;background:#071B2B;color:#F6F2EA;font-size:.74rem;letter-spacing:.04em}
.announce b{color:#D7B47A}
header{top:0;background:rgba(252,251,248,.94);border-bottom:1px solid rgba(183,138,73,.2);backdrop-filter:blur(18px) saturate(1.1);box-shadow:none}
header.is-stuck{box-shadow:0 10px 30px rgba(7,27,43,.07)}
.nav{min-height:76px;padding-block:.72rem;gap:1rem}
.logo b{font-family:var(--font-body);font-size:1.17rem;letter-spacing:.22em;color:#071B2B;font-weight:500}
.logo span{font-size:.53rem;letter-spacing:.42em;color:#8B642D;margin-top:4px}
.logo::after{background:linear-gradient(to left,#B78A49,transparent);bottom:-6px}
.nav__links{align-items:center;gap:.08rem}
.nav__links a{font-size:.84rem;padding:.55rem .72rem;color:#122638;font-weight:500;border:0;position:relative}
.nav__links a::after{content:"";position:absolute;inset-inline:50%;bottom:.35rem;height:1px;background:#B78A49;transition:inset-inline .22s ease}
.nav__links a:hover::after,.nav__links a[aria-current="page"]::after{inset-inline:22%}
.nav__links .nav__cta{border:1px solid rgba(183,138,73,.48);border-radius:999px;padding-inline:1rem;margin-inline-start:.35rem}
.nav__links .nav__cta::after{display:none}
.searchbtn{width:44px;height:44px;border-radius:50%;border:1px solid transparent;color:#071B2B;background:transparent}
.searchbtn:hover{border-color:rgba(183,138,73,.38);background:#F6F2EA}
.cart-btn{min-width:92px;min-height:44px;padding:.55rem 1rem;background:#071B2B;border-color:#071B2B;color:#fff;font-size:.82rem;letter-spacing:0}
.cart-btn:hover{background:#102C43}
.cart-count{background:#B78A49;color:#071B2B}

/* hero: approved composition, V6 cinematic pass */
.hero{min-height:min(760px,90vh);height:auto;background:
  radial-gradient(620px 390px at 18% 42%,rgba(215,180,122,.2),transparent 64%),
  linear-gradient(100deg,#EEE9E1 0%,#F6F2EA 42%,#FCFBF8 100%);border-bottom:1px solid rgba(183,138,73,.14)}
.hero::before{content:"";position:absolute;inset:0 50% 0 0;background-image:linear-gradient(30deg,transparent 48%,rgba(183,138,73,.12) 49%,rgba(183,138,73,.12) 50%,transparent 51%);background-size:86px 86px;mask-image:linear-gradient(to right,#000,transparent 78%);opacity:.7}
.hero .wrap{padding-block:66px 90px;position:relative}
.hero__grid{grid-template-columns:minmax(390px,.96fr) minmax(430px,1.04fr);gap:clamp(30px,5vw,76px)}
.hero__content{max-width:600px;justify-self:start}
.hero h1{font-size:clamp(3.15rem,5.4vw,5.45rem);line-height:1.03;letter-spacing:-.035em}
.hero h1 .grad{color:#B78A49;background:none;-webkit-text-fill-color:currentColor}
.hero p{font-size:1.05rem;line-height:1.9;color:#48525A;max-width:49ch;margin:1.35rem 0 1.8rem}
.hero__cta{gap:.8rem}
.btn{min-height:46px;border-radius:999px;padding:.72rem 1.65rem;font-size:.86rem;letter-spacing:0;font-weight:500}
.btn--solid,.btn--navy{background:#071B2B;border-color:#071B2B;color:#fff}
.btn--solid:hover,.btn--navy:hover{background:#102C43;border-color:#102C43}
.btn--ghost{border-color:rgba(183,138,73,.65);color:#8B642D;background:rgba(252,251,248,.38)}
.btn--ghost:hover{background:#071B2B;border-color:#071B2B;color:#fff}
.hero__visual{min-height:450px;overflow:visible}
.hero__visual img{width:min(112%,690px);max-height:610px;filter:drop-shadow(0 36px 48px rgba(111,75,29,.2))}
.hm-aura{background:radial-gradient(circle,rgba(215,180,122,.34),transparent 68%)}

/* trust note: real, already-approved copy — reinstated as a quiet chip
   instead of display:none, so it earns its keep near the CTAs */
.hero__note{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.2rem;
  padding:.5rem .95rem;border:1px solid rgba(183,138,73,.32);border-radius:999px;
  background:rgba(252,251,248,.6);backdrop-filter:blur(6px);
  font-size:.8rem;color:#48525A}
.hero__note svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:#8B642D;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* editorial frame lines flanking the composition — quiet, decorative */
.hero__frame{position:absolute;top:9%;bottom:9%;width:1px;z-index:2;
  background:linear-gradient(to bottom,transparent,rgba(183,138,73,.32) 18%,rgba(183,138,73,.32) 82%,transparent);
  pointer-events:none}
.hero__frame--s{inset-inline-start:clamp(14px,2.4vw,28px)}
.hero__frame--e{inset-inline-end:clamp(14px,2.4vw,28px)}

/* a slow light beam sweeping behind the sphere */
.hm-beam{position:absolute;inset-inline-start:50%;margin-inline-start:-4%;top:-25%;width:8%;height:150%;z-index:0;
  background:linear-gradient(180deg,transparent,rgba(255,244,222,.55) 46%,transparent);
  filter:blur(10px);transform:rotate(18deg) translateX(-160%);
  animation:hmBeamSweep 9s cubic-bezier(.5,0,.2,1) infinite;animation-delay:1.6s}
@keyframes hmBeamSweep{0%,62%{transform:rotate(18deg) translateX(-160%)}78%{transform:rotate(18deg) translateX(160%)}100%{transform:rotate(18deg) translateX(160%)}}

/* scroll cue, bottom-center of the hero */
.hero__cue{position:absolute;bottom:22px;inset-inline-start:50%;transform:translateX(-50%);
  z-index:2;width:1px;height:34px;background:linear-gradient(to bottom,rgba(183,138,73,.6),transparent);
  pointer-events:none}
.hero__cue::after{content:"";position:absolute;top:0;inset-inline-start:-2px;width:5px;height:5px;
  border-radius:50%;background:#B78A49;animation:hmCue 2.6s ease-in-out infinite}
@keyframes hmCue{0%{top:0;opacity:0}20%{opacity:1}100%{top:26px;opacity:0}}

/* trust ribbon */
.home-trust{width:min(calc(100% - 48px),1120px);margin-top:-44px;margin-bottom:52px;border:1px solid rgba(183,138,73,.2);border-radius:16px;background:rgba(252,251,248,.96);box-shadow:0 17px 42px rgba(7,27,43,.09);backdrop-filter:blur(14px)}
.home-trust__item{min-height:82px;padding:1rem 1.4rem}
.home-trust__item+.home-trust__item{border-inline-start-color:rgba(183,138,73,.18)}
.home-trust__icon{width:42px;height:42px;border-color:rgba(183,138,73,.5)}
.home-trust__icon svg{stroke:#B78A49}
.home-trust__item b{font-size:.88rem;color:#122638}
.home-trust__item span:not(.home-trust__icon){font-size:.73rem;color:#666A6F}

/* featured products */
.home-featured{padding:12px 0 72px;background:#FCFBF8}
.home-featured__head h2,.collections>h2,.routine__title,.bundles__title{font-size:clamp(2rem,3.4vw,2.75rem);letter-spacing:-.02em}
.home-featured__grid{gap:16px}
.fcard{border:1px solid rgba(183,138,73,.18);border-radius:15px;background:#fff;box-shadow:0 12px 28px rgba(7,27,43,.055);overflow:hidden}
.fcard:hover,.fcard:focus-within{transform:translateY(-4px);border-color:rgba(183,138,73,.44);box-shadow:0 20px 42px rgba(7,27,43,.1)}
.fcard__photo{aspect-ratio:1/1.03;padding:1.15rem;background:linear-gradient(160deg,#FFF 25%,#F8F4ED);border-bottom-color:rgba(183,138,73,.16)}
.fcard__photo img{width:88%;height:88%;filter:drop-shadow(0 20px 19px rgba(7,27,43,.16))}
.fcard__step{display:none}
.fcard__body{padding:1.15rem;text-align:right;align-items:stretch}
.fcard__series{font-size:.61rem;color:#8B642D;letter-spacing:.12em}
.fcard h3{font-size:1.08rem;color:#122638}
.fcard p{font-size:.76rem;line-height:1.55;color:#666A6F}
.fcard__buy{border-top-color:rgba(183,138,73,.15);padding-top:.78rem}
.fcard .add{border-color:rgba(183,138,73,.7);color:#8B642D;background:#fff;min-height:38px}
.fcard .add:hover{background:#071B2B;color:#fff;border-color:#071B2B}

/* diagnosis band */
.quiz-strip.zone-navy{position:relative;background:
  radial-gradient(380px 260px at 88% 45%,rgba(22,75,115,.72),transparent 72%),
  linear-gradient(105deg,#061725 0%,#072B47 56%,#071B2B 100%);color:#fff}
.quiz-strip.zone-navy::before{inset:0;width:38%;background-image:linear-gradient(30deg,transparent 48%,rgba(215,180,122,.13) 49%,rgba(215,180,122,.13) 50%,transparent 51%);background-size:72px 72px;opacity:.55;transform:none}
.quiz-strip .quiz-strip__grid{min-height:275px;padding-block:40px;grid-template-columns:100px minmax(370px,1fr) minmax(260px,390px)}
.quiz-strip__mark{color:#D7B47A}
.quiz-strip h2{font-size:clamp(2rem,3.4vw,2.8rem)}
.quiz-strip p{color:#CED8E0;font-size:.92rem}
.quiz-strip .btn--gold{background:#B78A49;color:#071B2B;border:1px solid #D7B47A}
.quiz-strip__visual img{width:min(100%,350px);height:240px;filter:hue-rotate(173deg) saturate(.8) brightness(.68) drop-shadow(0 24px 32px rgba(0,0,0,.42));opacity:.9}

/* collections */
.collections{width:min(calc(100% - 48px),1180px);padding:70px 0 76px!important;background:#FCFBF8}
.collections .grid2{gap:22px;margin-top:22px}
.coll{min-height:340px;border-radius:18px;padding:34px;border:1px solid rgba(183,138,73,.18);box-shadow:0 18px 40px rgba(7,27,43,.1)}
.coll--glow::before{background:radial-gradient(circle at 27% 18%,#E8C28B,#C9782A 74%)}
.coll--glow::after{background:linear-gradient(90deg,transparent 28%,rgba(89,44,10,.58) 100%)}
.coll--acne::before{background:radial-gradient(circle at 28% 18%,#2D6B99,#071B2B 74%)}
.coll--acne::after{background:linear-gradient(90deg,transparent 28%,rgba(1,15,25,.64) 100%)}
.coll__num{color:#F4D9AC;font-size:.72rem}
.coll h3{font-size:2rem}
.coll p{font-size:.88rem;max-width:45%}
.coll a{font-size:.8rem;border-color:rgba(255,255,255,.62);padding:.5rem 1rem}
.coll__products{height:92%;width:58%;bottom:-3px;inset-inline-start:0}
.coll__products img{height:90%;filter:drop-shadow(0 20px 18px rgba(0,0,0,.35))}

/* method */
.routine{padding:66px 0 74px;background:#F6F2EA!important}
.routine .wrap{width:min(calc(100% - 48px),1120px)}
.routine__lead{font-size:.9rem;margin-bottom:1.5rem}
.routine__flow{border-radius:17px;border-color:rgba(183,138,73,.18);box-shadow:0 15px 38px rgba(7,27,43,.065)}
.rstep{min-height:210px;padding:25px 15px 20px;background:#FCFBF8;border-inline-start-color:rgba(183,138,73,.17)}
.rstep__n{color:#B78A49;font-size:.83rem}
.rstep__ic{width:54px;height:54px;border-color:rgba(183,138,73,.5);color:#B78A49;margin:.8rem auto}
.rstep b{font-size:1rem;color:#122638}
.rstep p{font-size:.75rem;line-height:1.55;color:#666A6F}

/* protocols */
.bundles{padding:66px 0 78px;background:#FCFBF8!important}
.bundles .wrap{width:min(calc(100% - 48px),1140px)}
.bundles__lead{font-size:.9rem;color:#666A6F}
.bundles__grid{gap:18px;margin-top:24px}
.bcard{border-radius:17px;border-color:rgba(183,138,73,.18);box-shadow:0 14px 32px rgba(7,27,43,.07);padding:22px 20px 20px;background:#fff}
.bcard--hot{border-color:rgba(183,138,73,.5)}
.bsave{width:60px;height:60px;background:#B78A49;color:#071B2B;font-size:.71rem;border-radius:50%;display:grid;place-items:center;text-align:center;padding:6px;line-height:1.25}
.bhot{background:#071B2B;color:#fff;border-radius:999px;font-size:.66rem}
.bcard h3{font-size:1.12rem}
.bsub,.bitems{color:#666A6F;font-size:.72rem}
.bimgs{min-height:170px}
.bimgs img{max-height:150px;filter:drop-shadow(0 17px 16px rgba(7,27,43,.18))}
.bprice .now{color:#122638}.bprice .was{color:#777}
.bcard .btn--solid{border-color:rgba(183,138,73,.72);color:#8B642D;border-radius:999px;background:#fff}

/* science */
.sci{background:#F6F2EA;border-color:rgba(183,138,73,.15)}
.sci__grid{width:min(calc(100% - 48px),1180px);grid-template-columns:1fr minmax(360px,520px);gap:52px;padding-block:74px}
.sci__content h2{font-size:clamp(2.05rem,3.8vw,3rem)}
.sci__lead{color:#53606A;line-height:1.8}
.sci__pillars{gap:11px}
.spill{min-height:150px;border-radius:15px;border-color:rgba(183,138,73,.18);background:#FCFBF8;box-shadow:0 8px 20px rgba(7,27,43,.04)}
.spill svg{stroke:#B78A49}
.spill b{font-size:.86rem}.spill span{font-size:.7rem;color:#666A6F}
.sci__visual img{width:min(100%,500px);filter:drop-shadow(0 28px 38px rgba(105,65,25,.16))}

/* founder */
.story{padding:68px 0 0;background:linear-gradient(102deg,#EEE8DF 0%,#FCFBF8 65%)}
.story__grid{width:min(calc(100% - 48px),1050px);grid-template-columns:minmax(340px,460px) 1fr;align-items:center;gap:58px}
.story__photo{align-self:end;margin:0}
.story__photo img{width:100%;max-height:410px;object-fit:contain;object-position:center bottom;filter:grayscale(1) contrast(1.04);mix-blend-mode:multiply}
.story__h{font-size:clamp(2.1rem,3.5vw,2.9rem)}
.story__lead{color:#4E5961;line-height:1.9}
.story__q{border-inline-start-color:#B78A49}
.story__q p{color:#122638}.story__q footer{color:#666A6F}

/* newsletter and footer */
.newsletter.zone-navy{background:#071B2B;border:0;color:#fff}
.newsletter__in{max-width:1180px;padding-block:31px;gap:34px}
.newsletter__in h2{font-size:1.6rem!important}
.newsletter__in p{font-size:.83rem}
.newsletter__form{align-items:flex-start;gap:10px;min-width:min(100%,520px)}
.newsletter__fields{flex:1;min-width:0}
.newsletter__form input[type="email"]{width:100%;min-height:46px;border-radius:8px;padding-inline:14px;background:#FCFBF8;color:#122638}
.newsletter__consent{display:flex;gap:8px;align-items:flex-start;margin-top:7px;color:#C5D0D8;font-size:.7rem;line-height:1.45}
.newsletter__consent input{width:16px;height:16px;min-height:auto;margin-top:2px;accent-color:#B78A49}
.newsletter__consent a{color:#D7B47A}
.newsletter .btn--solid{background:#B78A49;color:#071B2B;border-color:#D7B47A;white-space:nowrap}
footer.site{background:#041522;color:#DDE6EC;border-top:1px solid rgba(183,138,73,.22)}
footer.site>.wrap{max-width:1180px;padding-block:45px;grid-template-columns:1.25fr .85fr .95fr;gap:60px}
footer.site .logo b{color:#fff}footer.site .logo span{color:#D7B47A}
footer.site p,footer.site a{color:#B4C0C9!important;font-size:.79rem}
footer.site a:hover{color:#D7B47A!important}
.footer-legal.zone-navy{background:#02101A;color:#9EADB8;border-color:rgba(183,138,73,.15)}

/* full catalogue */
.catalog-page{background:#F6F2EA!important}
.catalog-page__bar{background:rgba(252,251,248,.95);border-color:rgba(183,138,73,.2);min-height:72px}
.catalog-page__content{max-width:1240px;padding-block:42px 70px}
.filters{gap:8px}
.chip{border-color:rgba(183,138,73,.28);border-radius:999px;color:#122638;background:#FCFBF8;font-size:.78rem}
.chip[aria-pressed="true"]{background:#071B2B;color:#fff;border-color:#071B2B}
.sortsel,.clearfilters{border-radius:999px;border-color:rgba(183,138,73,.28);background:#FCFBF8;color:#122638}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.grid .card{border-radius:16px;border-color:rgba(183,138,73,.18);background:#fff;box-shadow:0 12px 28px rgba(7,27,43,.055);overflow:hidden}
.grid .card:hover{transform:translateY(-4px);box-shadow:0 19px 40px rgba(7,27,43,.1)}
.card__photo{aspect-ratio:1/1.06;background:linear-gradient(155deg,#FFF 28%,#F7F2EA);border-bottom:1px solid rgba(183,138,73,.13)}
.card__photo img{padding:12px;filter:drop-shadow(0 18px 17px rgba(7,27,43,.16))}
.card__body{padding:16px 16px 17px}.card__series{color:#8B642D;font-size:.62rem}.card__name{font-size:1.05rem;color:#122638}.card__desc{font-size:.76rem;color:#666A6F;line-height:1.55}
.link-more{color:#8B642D}.price{color:#122638}.add{border-radius:999px;border-color:rgba(183,138,73,.72);color:#8B642D}.add:hover{background:#071B2B;border-color:#071B2B}
.fav{border:1px solid rgba(183,138,73,.25);background:rgba(252,251,248,.9)}
.badge{border-radius:999px}.badge--best,.badge--pick{background:#071B2B;color:#fff}.badge--new{background:#B78A49;color:#071B2B}

/* search */
.searchpanel{top:calc(var(--headerh,76px) + 31px);background:rgba(252,251,248,.98);border-bottom:1px solid rgba(183,138,73,.24);box-shadow:0 18px 38px rgba(7,27,43,.12)}
.searchpanel__in{max-width:860px}.searchpanel input{border-radius:12px;border-color:rgba(183,138,73,.32);background:#fff;color:#122638}
.sugg__item{background:#fff;border-color:rgba(183,138,73,.14)}

/* cart */
.overlay{background:rgba(4,21,34,.58);backdrop-filter:blur(3px)}
.drawer{background:#FCFBF8;color:#122638;width:min(440px,100%);box-shadow:-25px 0 65px rgba(4,21,34,.22)}
.drawer__head{border-bottom-color:rgba(183,138,73,.2)}
.cartitem{border-color:rgba(183,138,73,.17);border-radius:14px;background:#fff}
.cartitem img{background:#F6F2EA;border-radius:10px}
.drawer__foot{border-top-color:rgba(183,138,73,.2);background:#FCFBF8}
.shipbar__track{background:#E9E1D4}.shipbar__track i{background:#B78A49}
.coupon-row input{border-radius:999px;border-color:rgba(183,138,73,.35);background:#fff}.coupon-row button{border-radius:999px;background:#071B2B;color:#fff}

/* checkout */
.modal{background:rgba(4,21,34,.7);backdrop-filter:blur(6px)}
.modal__box{max-width:620px;background:#FCFBF8;border:1px solid rgba(183,138,73,.22)}
.field{margin-bottom:12px}.field label{color:#3F4B54}.field input,.field textarea{width:100%;border-radius:10px;background:#fff;border-color:rgba(183,138,73,.3);color:#122638;padding:10px 12px}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkout-consent{display:flex;gap:8px;align-items:flex-start;font-size:.76rem;color:#4E5961;margin:.4rem 0 .8rem}.checkout-consent input{width:18px;height:18px;margin-top:3px;accent-color:#B78A49}.checkout-consent a{color:#8B642D}

/* product pages */
.ppage,.qpage{background:#F6F2EA;color:#122638}
.stats,.stats-note,#psReviews{display:none!important}
.ppage__bar{background:rgba(252,251,248,.95);border-bottom:1px solid rgba(183,138,73,.2);backdrop-filter:blur(16px)}
.ppage__back{color:#122638;border-color:rgba(183,138,73,.32);border-radius:999px;background:#fff}
.ppage__intro{display:none}
.pshow{padding-top:72px}
.pp-breadcrumbs{max-width:1200px;margin:0 auto;padding:18px 28px 0;display:flex;align-items:center;gap:9px;color:#666A6F;font-size:.78rem}
.pp-breadcrumbs a{color:#8B642D;text-decoration:none}.pp-breadcrumbs a:hover{text-decoration:underline}
.pp-sec{border-color:rgba(183,138,73,.15)}
.pp-hero{background:linear-gradient(110deg,#EEE8DF,#FCFBF8)}
.pp-name{color:#071B2B}.pp-tags,.pmodal__step{color:#8B642D}.pp-lead{color:#4E5961}
.pp-stage img{filter:drop-shadow(0 28px 25px rgba(7,27,43,.18))}
.pp-hl>div,.pp-bcard,.pp-step,.pp-rcard,.pp-acc,.pp-tex{border-color:rgba(183,138,73,.18);background:#FCFBF8;border-radius:14px}
.pp-sci,.pp-how,.pp-faq{background:#F6F2EA}.pp-ben,.pp-rout{background:#FCFBF8}
.pp-done{background:#071B2B;color:#fff}.pp-done h2{color:#fff}.pp-done p{color:#C6D1DA}.btn--gold{background:#B78A49;color:#071B2B;border-color:#D7B47A}
.pbuy{background:rgba(252,251,248,.96);border-top-color:rgba(183,138,73,.2)}

/* routine matching tool */
.qpage__wrap{max-width:720px;padding-inline:22px}
.qprogress{background:rgba(183,138,73,.18)}.qprogress i{background:#B78A49}
.qopt{border-radius:14px;border-color:rgba(183,138,73,.2);background:#FCFBF8;color:#122638;box-shadow:0 8px 22px rgba(7,27,43,.045)}
.qopt:hover{border-color:#B78A49}.qresult__card{background:#FCFBF8;border-color:rgba(183,138,73,.22)}
.qbundle{background:#071B2B;border-color:#B78A49}.qresult__why{background:#FCFBF8;border-color:rgba(183,138,73,.18)}

/* legal pages have no internal draft notices in production */
.legal{color:#122638}.legal__body{background:#FCFBF8}.legal__note{display:none!important}

/* mobile */
@media(max-width:1020px){
  .nav__links a{padding-inline:.48rem;font-size:.79rem}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .wrap{padding-inline:20px}
  .hero .wrap{padding-block:44px 62px}
  .hero__grid{grid-template-columns:1fr;gap:6px}
  .hero__visual{order:-1;min-height:330px}
  .hero__visual img{width:min(78vw,440px);max-height:380px}
  .hero__content{text-align:center;justify-self:center}.hero__content p{margin-inline:auto}.hero__cta{justify-content:center}
  .quiz-strip .quiz-strip__grid{grid-template-columns:74px 1fr}.quiz-strip__visual{display:none}
  .sci__grid{grid-template-columns:1fr}.sci__visual{order:-1}
  .story__grid{grid-template-columns:1fr 1fr;gap:28px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  html{scroll-padding-top:86px}
  .announce{font-size:.68rem}
  .nav{min-height:64px;padding-inline:14px}.logo b{font-size:.92rem;letter-spacing:.14em}.logo span{font-size:.46rem}
  .hamburger{display:flex;order:4}.searchwrap{margin-inline-start:auto}.cart-btn{min-width:44px;width:44px;padding:0;font-size:0}.cart-count{position:absolute;margin:-26px 24px 0 0}.nav>.searchbtn{display:none}
  .nav__links{position:fixed;inset:95px 0 0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:26px 22px;background:#FCFBF8;transform:translateX(105%);transition:transform .3s ease;overflow:auto;z-index:120}
  .nav__links.open{transform:none}.nav__links a{font-size:1.05rem;padding:14px 4px;border-bottom:1px solid rgba(183,138,73,.16)}.nav__links a::after{display:none}.nav__links .nav__cta{margin:18px 0 0;justify-content:center;background:#071B2B;color:#fff}
  .hero{min-height:auto}.hero::before{inset:0;opacity:.35}.hero__visual{min-height:280px}.hero__visual img{width:min(84vw,360px);max-height:310px}
  .hero h1{font-size:clamp(2.65rem,13vw,3.8rem)}.hero p{font-size:.94rem}.hero__cta{flex-direction:column}.hero__cta .btn{width:100%}
  .home-trust{grid-template-columns:1fr;margin-top:-22px;width:calc(100% - 28px)}.home-trust__item{min-height:68px;justify-content:flex-start}.home-trust__item+.home-trust__item{border-inline-start:0;border-top:1px solid rgba(183,138,73,.16)}
  .home-featured{padding-bottom:54px}.home-featured__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;padding:0}.fcard{min-width:0}.fcard__photo{padding:.5rem}.fcard__body{padding:.85rem}.fcard p{display:none}.fcard__buy{flex-direction:column;align-items:stretch}.fcard .add{width:100%}
  .quiz-strip .quiz-strip__grid{grid-template-columns:1fr;text-align:center}.quiz-strip__mark{margin:auto}.quiz-strip p{margin-inline:auto}.quiz-strip .btn{width:100%}
  .collections{width:calc(100% - 28px);padding-block:54px!important}.collections .grid2{grid-template-columns:1fr}.coll{min-height:305px;padding:25px}.coll__num,.coll h3,.coll p,.coll a{max-width:58%}.coll h3{font-size:1.65rem}.coll__products{width:58%}
  .routine,.bundles{padding-block:54px}.routine .wrap,.bundles .wrap,.sci__grid,.story__grid{width:auto}
  .routine__flow{grid-template-columns:1fr 1fr!important}.rstep{min-height:190px;border-top:1px solid rgba(183,138,73,.16)}
  .bundles__grid{grid-template-columns:1fr}
  .sci__grid{width:auto;padding-block:54px}.sci__pillars{grid-template-columns:1fr}.sci__content{align-items:center;text-align:center}.sci__lead{margin-inline:auto}.sci__cta{justify-content:center}
  .story{padding-top:54px}.story__grid{grid-template-columns:1fr}.story__photo{order:2;max-width:360px;margin:auto}.story__txt{text-align:center}.story__q{text-align:right}
  .newsletter__in{grid-template-columns:1fr;padding-inline:20px}.newsletter__form{min-width:0;width:100%;flex-direction:column}.newsletter__fields,.newsletter .btn{width:100%}
  footer.site>.wrap{grid-template-columns:1fr;gap:30px;padding-inline:20px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-page__content{padding-inline:14px}.grid .card__body{padding:12px}.grid .card__desc{display:none}.grid .card__row{flex-direction:column;align-items:stretch}.grid .add{width:100%}
  .drawer{top:auto;bottom:0;width:100%;height:min(88dvh,760px);border-radius:22px 22px 0 0;transform:translateY(105%)}.drawer.open{transform:none}
  .checkout-grid{grid-template-columns:1fr}
  .pshow{padding-top:64px}.pp-hero__grid,.pp-sci__grid,.pp-done__grid{grid-template-columns:1fr}.pp-stage{order:-1}.pbuy{grid-template-columns:1fr auto}.pbuy img,.pbuy__info{display:none}
}
@media(max-width:430px){
  .home-featured__grid{grid-template-columns:1fr 1fr}.fcard h3{font-size:.92rem}.fcard__series{font-size:.53rem}.fcard__buy b{font-size:.9rem}
  .routine__flow{grid-template-columns:1fr!important}.rstep{min-height:170px}
  .grid{grid-template-columns:1fr 1fr}.card__name{font-size:.91rem}.card__series{font-size:.52rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  #dust{display:none!important}.hero__visual img,.hm-stage{transform:none!important}
}

/* ==========================================================================
   §4 — Canonical design-system layer (design/premium-clinical-v5)
   Adds the mandated --sc-* token names and .sc-* utilities.
   The pre-existing --brand-*/--ink-*/--r-* variables are LEFT INTACT and hold
   the same literal values; nothing is rewired, so no existing rule changes.
   ========================================================================== */
:root{
  --sc-navy:#071B2B;
  --sc-navy-2:#102C43;
  --sc-blue:#164B73;
  --sc-ivory:#F6F2EA;
  --sc-warm-white:#FCFBF8;
  --sc-gold:#B78A49;
  --sc-gold-light:#D7B47A;
  --sc-amber:#C9782A;
  --sc-text:#122638;
  --sc-muted:#666A6F;
  --sc-border:rgba(183,138,73,.22);

  --sc-radius-sm:10px;
  --sc-radius-md:14px;
  --sc-radius-lg:18px;
  --sc-radius-xl:20px;
  --sc-radius-pill:999px;

  --sc-shadow-sm:0 5px 18px rgba(7,27,43,.055);
  --sc-shadow-md:0 15px 36px rgba(7,27,43,.09);
  --sc-shadow-lg:0 28px 68px rgba(7,27,43,.15);

  --sc-container:1240px;
  --sc-section-space:clamp(56px,8vw,96px);
  --sc-transition:260ms cubic-bezier(.2,.7,.2,1);

  --sc-font:'Heebo','Noto Sans Hebrew','Assistant',Arial,sans-serif;
}

html{ scroll-padding-top:110px; }

.sc-container{
  width:min(calc(100% - 48px),var(--sc-container));
  margin-inline:auto;
}

.sc-button{
  min-height:46px;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 26px;
  border:1px solid transparent;
  border-radius:var(--sc-radius-pill);
  font:inherit; font-weight:500;
  cursor:pointer;
  transition:background-color var(--sc-transition),color var(--sc-transition),
             border-color var(--sc-transition),transform var(--sc-transition);
}
.sc-button-primary{ color:#fff; background:var(--sc-navy); border-color:var(--sc-navy); }
.sc-button-primary:hover{ background:var(--sc-navy-2); border-color:var(--sc-navy-2); transform:translateY(-2px); }
.sc-button-secondary{ color:#8B642D; background:rgba(252,251,248,.6); border-color:rgba(183,138,73,.65); }
.sc-button-secondary:hover{ color:#fff; background:var(--sc-navy); border-color:var(--sc-navy); }

.sc-card{
  overflow:hidden;
  background:var(--sc-warm-white);
  border:1px solid var(--sc-border);
  border-radius:var(--sc-radius-lg);
  box-shadow:var(--sc-shadow-sm);
  transition:transform var(--sc-transition),box-shadow var(--sc-transition),border-color var(--sc-transition);
}
.sc-card:hover,.sc-card:focus-within{
  transform:translateY(-4px);
  border-color:rgba(183,138,73,.44);
  box-shadow:var(--sc-shadow-md);
}

:focus-visible{ outline:3px solid var(--sc-gold-light); outline-offset:3px; }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* §8 — pre-submit payment disclosure (was inline-styled below the button) */
.checkout-paynote{
  margin:0 0 .8rem;
  padding:.7rem .9rem;
  font-size:.82rem;
  line-height:1.55;
  text-align:center;
  color:var(--sc-text);
  background:rgba(183,138,73,.07);
  border:1px solid var(--sc-border);
  border-radius:var(--sc-radius-sm);
}

/* §5.4 — favourites on the featured cards.
   Deliberately NO visual override: the global .fav rules already define the
   brand treatment (red pressed heart, inset-inline-end). We only supply the
   positioning context so those rules land correctly on .fcard. */
.fcard{ position:relative; }

/* §9.12 — 44x44 minimum hit area for the favourite control everywhere.
   The 40px visual circle is preserved; the target is enlarged transparently. */
.fav{ position:relative; }
.fav::before{
  content:""; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:44px; height:44px;
}

/* ==========================================================================
   §9.12 — 44x44 minimum target size for every control.
   Genuine inline links inside running prose are intentionally excluded:
   they are exempt under the "inline" exception and padding them would break
   the line box of the paragraph they sit in.
   ========================================================================== */
button:not(.qopt):not(.chip),
.btn,
.add,
.icon-btn,
input:not([type="checkbox"]):not([type="radio"]),
select{
  min-height:44px;
}
.card__row .add,
.fcard__buy .add{
  min-height:44px;
  padding-block:.55rem;
}
/* standalone call-to-action links that are styled as buttons */
a.btn,
a.collection__cta,
.collections a[class*="cta"],
.coll__cta{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
/* consent + filter checkboxes: keep the 16px box, enlarge the hit area */
/* NOTE: these consent labels must stay in normal inline flow. Laying them out
   with flex turns every text run, link and full stop into a separate flex item,
   which visibly breaks the Hebrew sentence apart. Only the checkbox gets the
   enlarged hit area. */
.checkout-consent{
  display:block;
  min-height:44px;
  padding-block:.5rem;
  line-height:1.7;
}
.checkout-consent input[type="checkbox"]{
  width:20px; height:20px;
  vertical-align:-.25em;
  margin-inline-end:.5rem;
  position:relative;
}
.checkout-consent input[type="checkbox"]::before{
  content:""; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:44px; height:44px;
}

/* §9.12 (cont.) — the two controls the generic rules could not reach:
   the unclassed collection CTA link, and the newsletter consent checkbox. */
.coll a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.newsletter__consent{
  display:block;
  min-height:44px;
  padding-block:.5rem;
  line-height:1.7;
}
.newsletter__consent input[type="checkbox"]{
  width:20px; height:20px;
  vertical-align:-.25em;
  margin-inline-end:.5rem;
  position:relative;
}
.newsletter__consent input[type="checkbox"]::before{
  content:""; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:44px; height:44px;
}

/* §5.1 — the announcement bar must be a single thin navy line.
   `display:grid; place-items:center` made the anonymous text item size to
   min-content, so the line broke into three even at 1440px. A centred block
   fills the bar and only wraps when it genuinely cannot fit. */
.announce{
  display:block;
  text-align:center;
  min-height:31px;
  padding:.5rem 1rem;
  line-height:1.6;
  text-wrap:balance;
}

/* ==========================================================================
   הפרוטוקולים — the gold savings badge sits at the card's inline-start top
   corner, which in RTL is exactly where the Hebrew <h3> begins; it covered the
   first ~59px of every protocol title. Reserve the badge's vertical band so the
   title starts clear of it, instead of indenting the heading.
   ========================================================================== */
.bcard{ padding-top:58px; }
.bcard h3{ margin-top:0; }
.bcard .bhot{ top:16px; }

/* the group shot uses the isolated cutouts now, so no white plate behind them */
.bimgs{ align-items:flex-end; }
.bimgs img{ background:transparent; mix-blend-mode:normal; }

/* Protocol cards must stay aligned across the row even when one of them has no
   .bitems line (it is omitted when it would duplicate .bsub). Pin the price and
   the button to the bottom, the same way the catalogue cards do. */
#bundlesGrid{ align-items:stretch; }
.bcard{ display:flex; flex-direction:column; height:100%; }
.bcard .bimgs{ margin-top:auto; }
.bcard .bitems{ min-height:1.5em; }
.bcard .bprice{ margin-top:auto; }
.bcard .btn{ margin-top:.9rem; }

/* ==========================================================================
   §5.7 — "כל שלב יכלול ... וקישור למוצר מתאים".
   A redesign override (style.css) had set .rstep__prod{display:none}, so every
   method step lost its product link. Restored with a restrained gold text link
   that keeps the clean four-column look of the approved design.
   ========================================================================== */
.rstep{ display:flex; flex-direction:column; align-items:center; }
.rstep__prod,
.rstep__soon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.3rem;
  margin-top:auto;
  padding-top:.9rem;
  min-height:44px;
  font-size:.79rem;
  font-weight:500;
}
.rstep__prod{
  color:#8B642D;
  cursor:pointer;
  border-bottom:1px solid transparent;
  transition:border-color var(--sc-transition);
}
.rstep__prod:hover,
.rstep__prod:focus-visible{ border-bottom-color:currentColor; }
.rstep__soon{ color:var(--sc-muted); }

/* The protocol CTA carried a gold border colour but border-width:0, so it
   rendered as bare text instead of the outlined button the approved design
   shows. Give it back its outline. */
.bcard .btn{
  border-width:1px;
  border-style:solid;
  border-color:rgba(183,138,73,.72);
  background:transparent;
  color:#8B642D;
}
.bcard .btn:hover,
.bcard .btn:focus-visible{
  background:var(--sc-navy);
  border-color:var(--sc-navy);
  color:#fff;
}

/* ==========================================================================
   §5.9 — the heading must read "מדע שנולד בקליניקה".
   .sci__word.grad used the gradient-text pattern (background-clip:text with a
   transparent fill) but its background image had been removed, so the word
   rendered fully transparent and the heading appeared to read "מדע שנולד".
   Same fix that .hero h1 .grad already received: paint it gold directly.
   ========================================================================== */
.sci__word,
.sci__word.grad{
  color:#B78A49;
  -webkit-text-fill-color:#B78A49;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
}

/* the science visual is much taller than its text column, which left a large
   void under the copy; centre the two columns against each other instead. */
.sci__grid{ align-items:center; }

/* §5.12 — four labelled footer columns beside the brand block */
.site > .wrap{
  display:grid;
  grid-template-columns:1.5fr repeat(4,1fr);
  gap:2.2rem 1.6rem;
  align-items:start;
}
.footer__h{
  margin:0 0 .9rem;
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.05em;
  color:#fff;
}
.site nav{ display:flex; flex-direction:column; gap:.55rem; }
.site nav a{ min-height:auto; padding-block:.15rem; }
@media (max-width:900px){
  .site > .wrap{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px){
  .site > .wrap{ grid-template-columns:1fr; }
}

/* the copyright bar carried ~51px of vertical padding, rendering a ~200px band
   of empty navy under the footer columns. A credit line needs far less. */
.footer-legal{
  padding:1.15rem 1rem;
  font-size:.72rem;
  letter-spacing:.18em;
}

/* ============================================================
   V5 REFINEMENT LAYER — אוג׳ 2026
   שדרוג ויזואלי: טיפוגרפיית תצוגה בסריף, CTA ראשי בכתום המורשת,
   במת מוצר אחידה (תמונות cut), כפתורי סל אמיתיים, וליטוש גימור.
   הכל בערכים מילוליים (hex) — בטוח גם בתוך zone-navy.
   ============================================================ */

/* --- 1. טיפוגרפיה: Frank Ruhl Libre לכותרות בלבד --- */
:root{
  /* V5 modern-polish: swapped from Frank Ruhl Libre (heavy display serif) to
     Rubik — a clean geometric grotesk with full Hebrew coverage that reads as
     contemporary rather than editorial/traditional, at the owner's request for
     "more modern fonts". Heebo (body) is unchanged. */
  --font-display:'Rubik','Heebo','Segoe UI',Segoe,system-ui,sans-serif;
}
/* מה שנשאר סנס בכוונה: הלוגו, אייברואים, תגיות סדרה, כפתורים */
.logo b{font-family:var(--font-display);font-weight:500}
.eyebrow{font-family:var(--font-latin,var(--font-display))}
.fcard__series,.coll__num{font-family:var(--font-latin,var(--font-display));font-weight:600}
h1,h2{font-weight:700}
.hero h1{font-weight:700;letter-spacing:-.02em}
.price,.fcard__buy b,.ing__pct{font-variant-numeric:tabular-nums}

/* --- 2. הירו: פעולה ראשית בכתום המורשת (#B4470B — AA 5.46:1) --- */
.hero__cta .btn--solid{
  background:#B4470B;border-color:#B4470B;color:#fff;
  box-shadow:0 16px 34px -14px rgba(180,71,11,.55);
}
.hero__cta .btn--solid:hover{background:#933A09;border-color:#933A09;transform:translateY(-1px)}
.hero__cta .btn--solid .arr{display:inline-block;transition:transform .25s var(--ease)}
.hero__cta .btn--solid:hover .arr{transform:translateX(-5px)}
/* כותרת: החזרת עומק הזהב — גרדיאנט בטווח נגיש (שני הקצוות ≥3:1 לטקסט ענק) */
.hero h1 .grad{
  background:linear-gradient(105deg,#8C5E31,#B78A49 70%,#A2703F);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
/* שורת האמון חוזרת מתחת לכפתורים */
.hero__note{display:flex}

/* --- 3. במת מוצר אחידה: תמונות cut על רקע רדיאלי שמנת --- */
.fcard__photo,.card__photo{
  background:radial-gradient(120% 90% at 50% 100%,#EFE8DC 0%,#F8F5F0 55%,#FDFCFA 100%);
}
.fcard__photo{border-bottom:0}
.fcard__photo img{width:92%;height:92%;filter:drop-shadow(0 22px 22px rgba(7,27,43,.22))}
.card__photo img{filter:drop-shadow(0 18px 20px rgba(7,27,43,.2))}
.ecard__img{background:radial-gradient(120% 100% at 50% 100%,#EFE8DC 0%,#FBF9F6 100%)}

/* --- 4. "הוספה לסל" ככפתור אמיתי --- */
.fcard__buy{flex-wrap:wrap;row-gap:.6rem}
.fcard .add,.card .add,.ecard .add{
  background:#0D1B2A;border:1px solid #0D1B2A;color:#fff;
  border-radius:999px;font-weight:600;letter-spacing:.03em;
}
.fcard .add{flex:1 1 100%;min-height:44px}
.card .add,.ecard .add{flex:1;min-height:44px;padding:.55rem 1.2rem}
.fcard .add:hover,.card .add:hover,.ecard .add:hover{
  background:#1A2E47;border-color:#1A2E47;color:#fff;
}

/* --- 5. גימור: תג החיסכון בתוך הכרטיס, תפרי אזורים רכים --- */
.bsave{top:14px;inset-inline-start:14px}
.bcard{padding-top:88px}
/* §9.12 קבע .fav{position:relative} ליעד מגע 44px, ובטעות דרס את
   position:absolute של הלב על כרטיסים — הלב נפל לזרימה וישב על התגיות.
   מחזירים absolute; ה-::before של יעד המגע ממשיך לעבוד. */
.card .fav,.fcard .fav{position:absolute}

/* --- 5ב. לופ אווירה בהירו: וידאו 8ש׳ מוזרק בדסקטופ בלבד (enhance.js).
   התמונה הסטטית נשארת כפוסטר; הווידאו מתעמעם פנימה רק כשהוא מתנגן,
   עם מסכה רדיאלית כדי להתמזג ברקע ההירו. --- */
.hm-stage{position:relative}
.hm-stage video{
  position:absolute;inset:0;margin:auto;z-index:3;
  width:103%;height:auto;aspect-ratio:1/1;object-fit:cover;
  opacity:0;transition:opacity 1.1s var(--ease);pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at 50% 48%,#000 56%,transparent 73%);
  mask-image:radial-gradient(circle at 50% 48%,#000 56%,transparent 73%);
}
.hm-stage.video-live video{opacity:1}
.hm-stage.video-live>img,
.hm-stage.video-live .hm-aura,
.hm-stage.video-live .hm-halo,
.hm-stage.video-live .hm-floor{opacity:0;transition:opacity 1.1s var(--ease)}
@media (prefers-reduced-motion:reduce){ .hm-stage video{display:none} }

/* --- 5ג. הירו: טקסטורת הקרם עברה מרצועת mood נפרדת (שהצטברה מעל ה-hero
   עקב באג סדר flex — לא היה לה main>.mood{order:...} כמו לשאר האזורים)
   לתוך ה-hero עצמו, כפאנל גרפי אלכסוני מאחורי הכדור, במקום כתם רקע רך. --- */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero__tex{position:absolute;inset:-2% -2% -2% -2%;z-index:0;overflow:hidden;pointer-events:none;
  clip-path:polygon(0 0,64% 0,46% 100%,0 100%)}
.hero__tex img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;
  opacity:.34;animation:heroTexPan 30s ease-in-out infinite alternate}
.hero__tex::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(240,236,230,.05) 0%,rgba(240,236,230,.35) 78%,rgba(250,248,244,.7) 100%)}
@keyframes heroTexPan{from{transform:scale(1.08) translate(0,0)}to{transform:scale(1.18) translate(-2.5%,-1.6%)}}
@media (prefers-reduced-motion:reduce){ .hero__tex img{animation:none} }

/* oversized ghost wordmark, cropped by the diagonal panel — editorial depth,
   the same brand mark that used to live in the standalone mood band */
.hero__ghost{position:absolute;top:52%;inset-inline-start:-4%;z-index:1;
  transform:translateY(-50%) rotate(-5deg);white-space:nowrap;pointer-events:none;
  font:800 clamp(4.2rem,15vw,10.5rem)/1 'Heebo','Noto Sans Hebrew',Arial,sans-serif;
  letter-spacing:.01em;color:transparent;-webkit-text-stroke:1px rgba(7,27,43,.14);
  text-stroke:1px rgba(7,27,43,.14)}

/* filmic grain — a hair of texture across the whole composition, blended in */
.hero__grain{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}

/* --- 6. ביקורות לקוחות: טופס שליחה לאישור בעמוד המוצר --- */
.rv-empty{color:#666A6F;font-size:.95rem;margin:.4rem 0 .2rem}
.rvform-wrap{margin-top:1.4rem}
.rvform{margin-top:1rem;background:#fff;border:1px solid rgba(183,138,73,.3);border-radius:14px;
  padding:1.3rem 1.4rem;display:flex;flex-direction:column;gap:1rem;max-width:560px}
.rvform__row{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:flex-end}
.rvform__field{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}
.rvform__field--name{max-width:240px}
.rvform__field span{font-size:.8rem;font-weight:600;color:#122638}
.rvform__field input,.rvform__field textarea{
  border:1px solid #D8CFC0;border-radius:9px;padding:.6rem .8rem;font:400 .95rem/1.6 var(--font-body);
  color:#122638;background:#FDFCFA;min-height:44px;width:100%}
.rvform__field textarea{resize:vertical;min-height:100px}
.rvform__field input:focus,.rvform__field textarea:focus{outline:2px solid #B78A49;outline-offset:1px}
.rvform__stars{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;gap:.1rem}
.rvform__stars legend{font-size:.8rem;font-weight:600;color:#122638;margin-bottom:.35rem}
.rvform__stars input{position:absolute;opacity:0;width:1px;height:1px}
.rvform__stars label{font-size:1.5rem;color:#D8CFC0;cursor:pointer;padding:.1rem .12rem;transition:color .15s}
.rvform__stars input:checked ~ label,
.rvform__stars label:hover,.rvform__stars label:hover ~ label{color:#B78A49}
.rvform__stars input:focus-visible + label{outline:2px solid #B78A49;outline-offset:2px;border-radius:4px}
.rvform__hp{position:absolute;left:-9999px;top:auto;height:1px;width:1px;opacity:0}
.rvform__foot{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.rvform__note{font-size:.78rem;color:#666A6F}
.rvform__msg{font-size:.85rem;color:#8a3407;min-height:1.2em;margin:0}
.rvform__thanks{font-size:1rem;color:#122638;font-weight:600;margin:0}
section.zone-navy{
  border-top:1px solid rgba(200,169,106,.26);
  border-bottom:1px solid rgba(200,169,106,.26);
}

/* V5 modern-polish — Rubik reads best at a slightly heavier weight than the
   500 the base rule sets (carried over from the Frank Ruhl Libre pairing).
   Bumping it gives section titles enough presence without going as heavy as
   the hero's own 700 override above. */
h1,h2,h3{ font-weight:600; }

/* V5 modern-polish — the collection cards' real product photography (owner-
   supplied, unaltered — no product image is invented or swapped) sits small
   against the gradient. A soft ambient glow behind the cluster and a modest
   size bump give the bottles more presence without touching the photos
   themselves. */
.coll__products{
  filter:drop-shadow(0 0 34px rgba(255,255,255,.12));
}
.coll__products::before{
  content:"";
  position:absolute; inset:-10% -6%;
  background:radial-gradient(ellipse at 50% 62%,rgba(255,255,255,.16),transparent 68%);
  z-index:-1;
  pointer-events:none;
}
.coll__products img{ width:39%; }

/* ==========================================================================
   RADIANT BURST — typography
   One pairing across the whole site, replacing Rubik/Heebo:
     display  David Libre 700  — warm, authoritative Hebrew serif
     body     Noto Sans Hebrew — clean, highly legible at small sizes
   Declared last so it wins over both earlier stylesheets without editing the
   ~100 individual font-family rules scattered through style.css.
   ========================================================================== */
:root{
  --font-display:'David Libre','Frank Ruhl Libre',Georgia,serif;
  --font-body:'Noto Sans Hebrew','Heebo','Assistant',Arial,sans-serif;
  --sc-font:'Noto Sans Hebrew','Heebo','Assistant',Arial,sans-serif;
}
body{ font-family:var(--font-body); }
h1,h2,h3,.logo b,.hero h1,.bcard h3,.fcard h3,.step h3{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.005em;
}
/* the serif runs a touch large next to the sans — pull the display sizes in */
.hero h1{ font-size:clamp(2.8rem,5.1vw,5rem); line-height:1.03; }
h2{ letter-spacing:-.01em; }

/* ==========================================================================
   RADIANT BURST — the hero's light field
   width/height are explicit: .hero is a positioned container and an inset-0
   canvas would otherwise be sized by its content box and collapse.
   ========================================================================== */
#rays{
  position:absolute; inset:0; z-index:0;
  width:100%; height:100%; display:block;
  pointer-events:none;
}
/* the sphere breathes instead of sitting still */
.hm-stage img{ animation:rbBreathe 8s ease-in-out infinite alternate; }
@keyframes rbBreathe{
  from{ transform:translateY(-8px) scale(1) }
  to  { transform:translateY(10px) scale(1.03) }
}
@media (prefers-reduced-motion:reduce){
  .hm-stage img{ animation:none }
}

/* ==========================================================================
   RADIANT BURST — quiet the competing hero layers.
   The mood photograph and the oversized ghost wordmark were added for the
   previous hero treatment; against the radiant field they fight the sphere and
   bury the rays. Kept in the markup (easily restored) but dialled right down:
   a faint warm wash instead of a photograph, and no ghost type behind the copy.
   ========================================================================== */
.hero__tex img{ opacity:.07; }
.hero__tex::after{
  background:radial-gradient(72% 62% at 30% 48%,rgba(255,249,239,.92) 0%,rgba(251,247,240,.86) 46%,rgba(243,237,227,.94) 100%);
}
.hero__ghost{ display:none; }
.hero__grain{ opacity:.25; }

/* let the cream ground carry the light instead of the photo */
.hero{
  background:
    radial-gradient(68% 58% at 32% 46%,#FFF9EF 0%,#FBF7F0 44%,#F3EDE3 100%);
}

/* ==========================================================================
   GLOW & LIFT SHEET — hero benefit marks + numbered routine ladder
   Built to the owner's approved sheet (docs/design). All copy, prices and
   product links come from the live catalogue.
   ========================================================================== */

/* --- four benefit marks under the hero paragraph --- */
.hero__benefits{
  list-style:none; margin:1.9rem 0 0; padding:0;
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:1rem; max-width:640px;
}
.hero__benefits li{
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:.45rem;
  padding-inline:.5rem;
  border-inline-start:1px solid rgba(183,138,73,.28);
}
.hero__benefits li:last-child{ border-inline-start:0 }
.hb__ic{
  width:52px; height:52px; display:grid; place-items:center;
  border:1px solid rgba(183,138,73,.5); border-radius:50%;
  background:rgba(255,255,255,.55);
}
.hb__ic svg{ width:24px; height:24px; fill:none; stroke:#B78A49; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
.hero__benefits b{ font-family:var(--font-display); font-size:.95rem; color:#122638; font-weight:700 }
.hero__benefits span:not(.hb__ic){ font-size:.72rem; line-height:1.5; color:#6B6A66; max-width:16ch }

/* --- the single wide CTA from the sheet --- */
.hero__start{
  min-height:56px; padding-inline:2.2rem; font-size:1rem; gap:.7rem;
  border-radius:6px;
}
.hero__start .spark{ color:#D7B47A; font-size:1.05em }

/* --- numbered routine ladder --- */
.ladder{ padding-block:clamp(2.4rem,4vw,3.4rem) }
.ladder__row{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(5,1fr); gap:clamp(.6rem,1.4vw,1.4rem);
  align-items:end;
}
.lstep{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:.3rem; position:relative }
/* the thin arrow the sheet places between the steps */
.lstep + .lstep::before{
  content:""; position:absolute; top:38%; inset-inline-start:calc(-1 * clamp(.6rem,1.4vw,1.4rem) / 2 - 5px);
  width:10px; height:10px; border-inline-start:1px solid rgba(183,138,73,.6); border-block-end:1px solid rgba(183,138,73,.6);
  transform:rotate(45deg);
}
.lstep__n{ font-family:var(--font-display); font-size:1.6rem; color:#B78A49; line-height:1; font-weight:700 }
.lstep__img{
  border:0; background:transparent; padding:0; cursor:pointer;
  width:100%; aspect-ratio:1/1.25; display:grid; place-items:center;
  transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.lstep__img:hover{ transform:translateY(-7px) }
.lstep__img--soon{ cursor:default }
.lstep__img img{ width:66%; height:auto; object-fit:contain; filter:drop-shadow(0 18px 20px rgba(7,27,43,.16)) }
.lstep b{ font-size:.78rem; letter-spacing:.06em; color:#122638; font-weight:700 }
.lstep__he{ font-size:.74rem; color:#6B6A66 }
.lstep__p{ font-size:.86rem; font-weight:700; color:#122638; margin-top:.15rem }
.lstep__p--soon{ color:#8B642D; font-weight:600 }
.lstep--soon .lstep__img img{ opacity:.55; filter:grayscale(.35) drop-shadow(0 14px 16px rgba(7,27,43,.12)) }

@media (max-width:980px){
  .hero__benefits{ grid-template-columns:repeat(2,1fr); max-width:none; gap:1.3rem .6rem }
  .hero__benefits li:nth-child(odd){ border-inline-start:0 }
  .ladder__row{ grid-template-columns:repeat(3,1fr); row-gap:2rem }
  .lstep + .lstep::before{ display:none }
}
@media (max-width:560px){
  .ladder__row{ grid-template-columns:repeat(2,1fr) }
  .hero__start{ width:100% }
}

/* main is a flex column whose children are explicitly ordered in style.css.
   .ladder replaced .home-trust, so it needs that slot or it floats to the top. */
main > .ladder{ order:2 }

/* the sheet's headline is two lines; give it room and stop the second line
   from breaking into three */
@media (min-width:981px){
  .hero__grid{ grid-template-columns:minmax(430px,1.06fr) minmax(380px,.94fr) }
}
.hero h1{ font-size:clamp(2.1rem,3.5vw,3.35rem); line-height:1.14; text-wrap:balance }
.hero__content{ max-width:660px }
.hero__content > p{ max-width:52ch }

/* the connectors between routine steps point along the row (RTL: leftwards) */
.lstep + .lstep::before{
  top:36%;
  border-inline-start:0; border-block-end:0;
  border-inline-end:1px solid rgba(183,138,73,.6);
  border-block-start:1px solid rgba(183,138,73,.6);
  transform:rotate(45deg);
}

/* the sheet's primary CTA is deep navy with a gold spark, not the orange
   heritage button used elsewhere on the site */
.hero__start.btn--solid{
  background:#0B2036;
  border:1px solid rgba(199,154,85,.55);
  color:#fff;
}
.hero__start.btn--solid:hover{
  background:#102C43;
  border-color:rgba(199,154,85,.85);
}

/* connectors: a plain chevron pointing along the reading direction */
.lstep + .lstep::before{
  border:0;
  border-left:1px solid rgba(183,138,73,.6);
  border-bottom:1px solid rgba(183,138,73,.6);
  transform:rotate(45deg);
}

/* On phones the sphere was filling the whole first screen and pushing the
   headline below the fold. Keep the image first (as approved) but scale it
   back so the headline, benefits and CTA are reachable without scrolling. */
@media (max-width:980px){
  .hero .wrap{ padding-block:28px 42px }
  .hero__grid{ gap:1rem }
  .hero__visual{ min-height:0 }
  .hero__visual img,
  .hm-stage img{ width:min(62%,300px); max-height:300px }
  .hm-stage{ min-height:0 }
  .hero h1{ font-size:clamp(1.85rem,6.4vw,2.5rem) }
  .hero__content > p{ font-size:.95rem }
  .hero__benefits{ margin-top:1.3rem }
}
@media (max-width:560px){
  .hero__visual img,
  .hm-stage img{ width:min(56%,230px); max-height:230px }
}