/* v2 · 12.11.2026 · עיצוב לפי הרפרנסים (Nutworks: שלד, פאנל אריזות, פוטר עם השם · Koro: חיפוש רחב, שורת קטגוריות)
   נטען אחרי home.css. הכל לוגי (RTL). */
:root{--sand:#F3E6CF}
[data-tone="sand"]{--ground:var(--sand);--on-ground:var(--ink);--on-ground-soft:var(--ink-soft);--on-ground-line:rgba(28,22,17,.16);--btn-bg:var(--ink);--btn-fg:var(--paper);--btn-line:var(--ink);--mark:var(--ink)}

/* ---------- הדר: חיפוש רחב + שורת קטגוריות ---------- */
.zr-search{position:relative;inline-size:100%;max-inline-size:560px;margin-inline:auto}
.zr-search input{inline-size:100%;block-size:50px;border-radius:999px;border:1px solid rgba(28,22,17,.22);background:var(--white);color:var(--ink);font:inherit;font-size:1.0625rem;padding-inline:22px 56px;transition:border-color .2s,box-shadow .2s}
.zr-search input::placeholder{color:var(--ink-mute);opacity:1}
.zr-search input:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--focus-halo)}
.zr-search button{position:absolute;inset-inline-end:4px;inset-block-start:3px;inline-size:44px;block-size:44px;border-radius:50%;border:0;background:var(--ink);color:var(--paper);display:grid;place-items:center;cursor:pointer}
.zr-search button svg{inline-size:19px;block-size:19px}
.zr-ic--q{display:none}
.zr-catbar{border-block-start:1px solid rgba(28,22,17,.1)}
.zr-catbar ul{display:flex;justify-content:center;gap:clamp(8px,2vw,34px);overflow-x:auto;scrollbar-width:none}
.zr-catbar ul::-webkit-scrollbar{display:none}
.zr-catbar a{display:inline-flex;align-items:center;min-block-size:46px;font-size:1.0625rem;font-weight:500;text-decoration:none;white-space:nowrap;position:relative}
.zr-catbar a::after{content:"";position:absolute;inset-inline:0;inset-block-end:7px;block-size:2px;background:var(--saffron-deep);transform:scaleX(0);transition:transform .3s var(--ease)}
.zr-catbar a:hover::after{transform:scaleX(1)}

/* ---------- באנרים מתחלפים ---------- */
.zr-heroS{position:relative;background:var(--apricot)}
.zr-heroS__track{display:grid}
.zr-slide{grid-area:1/1;position:relative;display:grid;align-items:center;min-block-size:clamp(430px,41.67vw,640px);background:var(--ground);color:var(--on-ground);overflow:hidden;isolation:isolate;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility 0s .7s}
.zr-slide.is-on{opacity:1;visibility:visible;transition:opacity .7s var(--ease),visibility 0s}
.zr-slide:has(picture){background:var(--bg,var(--ground))}
.zr-slide__bg{position:absolute;inset:0;z-index:-1}
.zr-slide__bg img{inline-size:100%;block-size:100%;object-fit:cover;object-position:left center}
.zr-slide__copy{max-inline-size:min(35%,500px);padding-block:40px 76px}
.zr-slide__copy h1,.zr-slide__h{font-size:clamp(2.3rem,1.2rem + 2.7vw,4rem);font-weight:800;line-height:1.04;letter-spacing:-.015em;text-wrap:balance;margin-block:16px 16px}
.zr-slide__copy .zr-lead{margin-block-end:28px;color:var(--ink)}
/* זמני, עד שהגרפיקה מוכנה: המוצרים האמיתיים בשורה */
.zr-slide__bg--ph{display:flex;align-items:flex-end;justify-content:flex-end;gap:0;padding-inline:4% 46%;padding-block-end:6%}
.zr-slide__bg--ph img{inline-size:26%;block-size:auto;object-fit:contain;margin-inline-start:-4%}
.zr-heroS__ctl{position:absolute;inset-inline:0;inset-block-end:18px;margin-inline:auto;display:flex;align-items:center;gap:10px;z-index:2;pointer-events:none}
.zr-heroS__ctl>*{pointer-events:auto}
.zr-heroS__play{inline-size:44px;block-size:44px;border-radius:50%;border:1px solid rgba(28,22,17,.45);background:rgba(255,248,236,.7);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.zr-heroS__play svg{inline-size:20px;block-size:20px}
.zr-heroS__play .i-play,.zr-heroS.is-paused .zr-heroS__play .i-pause{display:none}
.zr-heroS.is-paused .zr-heroS__play .i-play{display:block}
.zr-heroS__dots{display:flex}
.zr-heroS__dots button{inline-size:44px;block-size:44px;border:0;background:none;display:grid;place-items:center;cursor:pointer;padding:0}
.zr-heroS__dots button::before{content:"";inline-size:30px;block-size:4px;border-radius:2px;background:rgba(28,22,17,.3);transition:background-color .3s,inline-size .3s}
.zr-heroS__dots button[aria-current="true"]::before{background:var(--ink);inline-size:40px}

/* ---------- ערכים: פאנל עם האריזות ---------- */
.zr-vals2{padding-block:var(--pad-chapter)}
.zr-vals2__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center}
.zr-vals2__art{background:var(--apricot);border-radius:24px;aspect-ratio:5/4;display:flex;align-items:flex-end;justify-content:center;padding:4% 0 0;overflow:hidden}
.zr-vals2__art img{inline-size:64%;block-size:auto;margin-block-end:-7%}
.zr-vals2__art img+img{margin-inline-start:-22%}
.zr-vals2 .zr-h2{margin-block-start:14px}

/* ---------- אזורי משלוח: רצועה ---------- */
.zr-deliv2{padding-block:clamp(56px,6vw,88px)}
.zr-deliv2__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.zr-deliv2 .zr-h2{font-size:clamp(1.8rem,1.2rem + 1.9vw,2.9rem);margin-block-start:14px}
.zr-deliv2__facts{display:flex;flex-wrap:wrap;gap:14px 36px;margin-block-start:26px}
.zr-deliv2__facts li{display:grid;gap:2px;padding-block-start:12px;border-block-start:1px solid rgba(28,22,17,.3)}
.zr-deliv2__facts strong{font-size:1.5rem;font-weight:800;line-height:1.1}
.zr-deliv2__facts span{font-size:var(--fs-small)}

/* ---------- פוטר: השם ענק כסימן מים ---------- */
.zr-ftr{padding-block-end:clamp(120px,15vw,230px)}
.zr-ftr__name{position:absolute;inset-inline:0;inset-block-end:-1.5vw;margin-inline:auto;inline-size:min(94vw,1500px);block-size:clamp(90px,17vw,270px);--src:url(../media/brand/wordmark.svg);--mark:var(--cream);opacity:.09;pointer-events:none;-webkit-mask-position:center bottom;mask-position:center bottom}

@media (prefers-reduced-motion:reduce){.zr-slide,.zr-slide.is-on{transition:none}}
@media (max-width:1180px){.zr-search{max-inline-size:420px}}
@media (max-width:900px){
  .zr-search{display:none}
  .zr-ic--q{display:grid}
  .zr-hdr__in{grid-template-columns:auto 1fr}
  .zr-tools{justify-self:end}
  .zr-catbar ul{justify-content:flex-start;gap:22px}
  .zr-vals2__in,.zr-deliv2__in{grid-template-columns:1fr}
}
@media (max-width:767px){
  .zr-catbar a{min-block-size:44px;font-size:1rem}
  .zr-slide{min-block-size:0;display:flex;flex-direction:column}
  .zr-slide:has(picture){background:var(--bg-m,var(--ground))}
  .zr-slide__in{order:1}
  .zr-slide__copy{max-inline-size:none;padding-block:26px 6px}
  .zr-slide__copy h1,.zr-slide__h{margin-block:10px 10px}
  .zr-slide__copy .zr-lead{font-size:1.0625rem;margin-block-end:16px}
  .zr-slide__bg{position:relative;inset:auto;order:2;inline-size:100%;aspect-ratio:5/4;margin-block-start:auto;z-index:0}
  .zr-slide__bg--crop img{object-position:22% center}
  .zr-slide__bg--ph{padding:0 4% 14%;justify-content:center}
  .zr-slide__bg--ph img{inline-size:30%}
  .zr-heroS__ctl{inset-block-end:8px;justify-content:center}
  .zr-heroS__play{background:rgba(255,248,236,.85)}
  .zr-ftr__name{inset-block-end:0}
}