/* clean.css · 12.11.2026 · "רוצה את העיצוב יותר רשמי, יותר נקי, יותר לבן... תנקה את זה כמה שיותר"
   נטען אחרון. לבן, כותרות שקטות, כפתורים ישרים, מסגרות דקות, בלי משטחי צבע ובלי קישוט.
   המשמש נשאר כהדגשה קטנה בלבד (מונה הסל, קו ריחוף, פס התקדמות). */
:root{
  --paper:#FFFFFF; --paper-2:#F7F5F1;
  --fs-h2:clamp(1.75rem, 1.2rem + 1.7vw, 2.75rem);
  --fs-h3:clamp(1.15rem, 1.05rem + .3vw, 1.3rem);
  --pad-chapter:clamp(52px, 5.5vw, 92px);
  --r-card:10px; --r-photo:8px; --r-field:8px;
  --shadow-card:none;
  --line:rgba(28,22,17,.12);
}
[data-tone="sand"]{--ground:#F5F0E8}

/* טיפוגרפיה שקטה */
.zr-h2{line-height:1.15;letter-spacing:-.01em}
.zr-eyebrow{font-weight:600;letter-spacing:0;color:var(--on-ground-soft);gap:0}
.zr-eyebrow::before{display:none}
.zr-lead{font-size:1.125rem}

/* כפתורים: ישרים וקטנים יותר */
.zr-btn{border-radius:8px;min-block-size:48px;padding-inline:26px;font-size:1rem;border-width:1px}
.zr-btn:hover{transform:none;box-shadow:none;opacity:.88}
.zr-cartbtn{border-radius:8px}
.zr-ic{border-color:transparent;border-radius:8px}

/* הדר */
.zr-hdr{border-block-end:1px solid var(--line)}
.zr-hdr.is-scrolled{box-shadow:none}
.zr-search input{border-radius:8px;block-size:46px;background:var(--paper-2);border-color:transparent}
.zr-search button{border-radius:6px;inline-size:38px;block-size:38px;inset-block-start:4px;background:transparent;color:var(--ink)}
.zr-catbar{border-block-start:0}
.zr-catbar a{font-size:1rem;font-weight:400;min-block-size:44px}
.zr-catbar a::after{background:var(--ink);block-size:1px}

/* באנר */
.zr-slide{min-block-size:clamp(400px,39vw,580px)}
.zr-slide__copy h1,.zr-slide__h{font-size:clamp(2.1rem,1.1rem + 2.5vw,3.6rem);line-height:1.12;letter-spacing:-.01em;margin-block:10px 12px}
.zr-slide__copy .zr-lead{color:var(--ink-soft);margin-block-end:24px}
.zr-heroS__play{border-radius:8px;border-color:var(--line);background:rgba(255,255,255,.8);inline-size:40px;block-size:40px}
.zr-heroS__dots button::before{inline-size:22px;block-size:2px;border-radius:0}
.zr-heroS__dots button[aria-current="true"]::before{inline-size:22px}

/* כרטיסים וקטגוריות */
.zr-card__ph{border:1px solid var(--line);box-shadow:none}
.zr-card:hover .zr-card__ph img{transform:none}
/* איזון (12.11: "עכשיו זה קצת משעמם מידי, תמצא את האיזון"): הצבע חוזר במקומות ספורים, בלי קישוט */
.zr-cat{background:#FDF1DC}
.zr-cat:hover{background:var(--apricot)}
.zr-cat__t{font-size:1.0625rem;font-weight:700}
.zr-cat::after{display:none}
.zr-cats__hd{margin-block-end:clamp(28px,3.5vw,44px)}
.zr-alltile{font-size:1.125rem;font-weight:700}
.zr-alltile::before{display:none}

/* ערכים */
.zr-vals2__art{border-radius:10px}
.zr-values__list{gap:0 32px;margin-block-start:22px}
.zr-values__list li{font-size:1.0625rem;font-weight:500;padding-block:14px;border-block-start:1px solid var(--line)}

/* משלוחים: לבן, בלי משטח צבע */
.zr-deliv2{--ground:var(--white);background:var(--white);border-block-start:1px solid var(--line)}
.zr-deliv2 .zr-h2{font-size:var(--fs-h2)}
.zr-deliv2__facts li{border-block-start-color:var(--line)}
.zr-deliv2__facts strong{font-size:1.25rem;font-weight:700}
.zr-deliv{background:var(--paper-2);box-shadow:none;border-radius:10px}
.zr-deliv__times li::before{background:var(--ink-mute);inline-size:4px;block-size:4px}
.zr-field input,.zr-field textarea{min-block-size:48px;border-width:1px;border-color:rgba(28,22,17,.25)}

/* סיפור: הפרק הכהה היחיד */
.zr-story__facts dd{font-weight:700}
.zr-deals{border-block-start:1px solid var(--line);padding-block-start:calc(var(--pad-chapter) * .8)}
.zr-cats{padding-block-end:calc(var(--pad-chapter) * .8)}

/* פוטר: בלי השם הענק */
.zr-ftr{padding-block-end:28px}
.zr-ftr__name{display:none}

/* פס אמון: כרטיס לבן שיושב על הקצה התחתון של הבאנר (12.11: "הבולטים מתחת לבאנר הראשי תעשה אותם יפה יותר") */
.zr-trust2{position:relative;z-index:3;margin-block-start:-46px;background:none}
.zr-trust2 ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--white);border-radius:14px;box-shadow:0 18px 44px -26px rgba(28,22,17,.35),0 0 0 1px var(--line)}
.zr-trust2 li{display:flex;align-items:center;gap:16px;padding:24px clamp(16px,2vw,28px);font-size:var(--fs-micro);color:var(--ink-soft);line-height:1.4}
.zr-trust2 li+li{border-inline-start:1px solid var(--line)}
.zr-trust2 svg{inline-size:26px;block-size:26px;flex:none;color:var(--ink);padding:11px;border-radius:12px;background:var(--apricot);box-sizing:content-box}
.zr-trust2 span{display:grid;gap:1px}
.zr-trust2 strong{font-size:1.0625rem;font-weight:700;color:var(--ink)}
.zr-heroS__ctl{inset-block-end:62px}
.zr-slide__copy{padding-block-end:96px}

/* הטבעיים */
.zr-nat{padding-block:var(--pad-chapter)}
.zr-nat__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;margin-block-end:clamp(32px,4vw,56px)}
.zr-nat__copy .zr-h2{margin-block:10px 14px}
.zr-nat__pts{display:grid;gap:0;margin-block:24px 28px}
.zr-nat__pts li{display:flex;gap:16px;align-items:flex-start;padding-block:16px;border-block-start:1px solid var(--line);color:var(--ink-soft);font-size:var(--fs-small);line-height:1.5}
.zr-nat__pts svg{inline-size:24px;block-size:24px;flex:none;color:var(--ink);padding:9px;border-radius:10px;background:#F3E6CF;box-sizing:content-box}
.zr-nat__pts span{display:grid;gap:2px}
.zr-nat__pts strong{font-size:1.0625rem;font-weight:700;color:var(--ink)}
.zr-nat__cta{display:flex;flex-wrap:wrap;gap:12px}
.zr-nat__art{border-radius:10px;overflow:hidden;background:#F2DEC3}
.zr-nat__art img{inline-size:100%;block-size:auto;display:block}

/* אריחי קידום */
.zr-promo{padding-block:0 var(--pad-chapter)}
.zr-promo__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.zr-ptile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;min-block-size:clamp(200px,19vw,270px);padding:clamp(22px,2.6vw,40px);border-radius:10px;background:var(--ground);color:var(--ink);text-decoration:none;overflow:hidden}
.zr-ptile__t{display:grid;gap:8px;justify-items:start}
.zr-ptile small{font-size:var(--fs-micro);color:var(--ink-soft)}
.zr-ptile strong{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:800;line-height:1.15}
.zr-ptile__go{margin-block-start:10px;font-weight:700;font-size:1rem;border-block-end:1px solid currentColor;padding-block-end:2px}
.zr-ptile img{inline-size:100%;block-size:auto;max-inline-size:340px;justify-self:end;transition:transform .5s var(--ease)}
.zr-ptile:hover img{transform:scale(1.04)}
[data-tone="sand"].zr-ptile{--ground:#F3E6CF}

/* דיוקים (12.11, רעיונות מ-21st.dev, Aura ו-Awwwards e-commerce): תנועה קטנה שמסבירה, לא קישוט */
/* 1 · נקודות הבאנר הן פס התקדמות: רואים מתי הבאנר מתחלף */
.zr-heroS__dots button::before{inline-size:36px;block-size:3px;background:rgba(28,22,17,.22)}
.zr-heroS__dots button[aria-current="true"]::before{inline-size:36px;background:rgba(28,22,17,.22)}
.zr-heroS__dots button{position:relative}
.zr-heroS__dots button[aria-current="true"]::after{content:"";position:absolute;inset-inline-start:4px;inset-block-start:calc(50% - 1.5px);inline-size:36px;block-size:3px;background:var(--ink);transform-origin:right center;animation:zr-prog 6.5s linear both}
.zr-heroS:hover .zr-heroS__dots button[aria-current="true"]::after,.zr-heroS:focus-within .zr-heroS__dots button[aria-current="true"]::after,.zr-heroS.is-paused .zr-heroS__dots button[aria-current="true"]::after{animation:none}
@keyframes zr-prog{from{transform:scaleX(0)}}
/* 2 · חץ קטן שזז בריחוף: כפתור הבאנר, אריחי הקידום, "לכל המוצרים" */
.zr-slide .zr-btn::after,.zr-ptile__go::after,.zr-sec-hd .zr-link::after{content:"";inline-size:7px;block-size:7px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:translate .3s var(--ease);flex:none}
.zr-ptile__go,.zr-sec-hd .zr-link{display:inline-flex;align-items:center;gap:10px}
.zr-slide .zr-btn:hover::after,.zr-ptile:hover .zr-ptile__go::after,.zr-sec-hd .zr-link:hover::after{translate:-5px 0}
.zr-link{text-decoration-thickness:1px}
/* 3 · כרטיס מוצר: התמונה מתקרבת מעט, וה"+" מתמלא */
.zr-card__ph{transition:border-color .3s}
.zr-card:hover .zr-card__ph{border-color:rgba(28,22,17,.32)}
.zr-card:hover .zr-card__ph img{transform:scale(1.035)}
.zr-card__ph img{transition:transform .6s var(--ease)}
.zr-qty:not(.has) button{transition:background-color .2s,color .2s}
.zr-card:hover .zr-qty:not(.has),.zr-qty:not(.has):hover{background:var(--ink);color:var(--cream)}
.zr-card__price b,.zr-num{font-variant-numeric:tabular-nums}
/* 4 · אריח קטגוריה: המוצר עולה מעט */
.zr-cat__ph img{transition:transform .5s var(--ease)}
/* 5 · טבעת פוקוס אחידה */
:where(a,button,input):focus-visible{outline:2px solid var(--ink);outline-offset:3px}
::selection{background:var(--apricot);color:var(--ink)}
@media (prefers-reduced-motion:reduce){.zr-heroS__dots button[aria-current="true"]::after{animation:none}.zr-card:hover .zr-card__ph img{transform:none}}

@media (max-width:900px){
  .zr-trust2{margin-block-start:16px}
  .zr-trust2 ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zr-trust2 li{padding:16px 14px;gap:12px;flex-direction:column;align-items:flex-start}
  .zr-trust2 li:nth-child(3){border-inline-start:0}
  .zr-trust2 li:nth-child(n+3){border-block-start:1px solid var(--line)}
  .zr-heroS__ctl{inset-block-end:8px}
  .zr-slide__copy{padding-block-end:6px}
  .zr-nat__top{grid-template-columns:1fr}
  .zr-nat__art{order:-1}
  .zr-promo__in{grid-template-columns:1fr}
}
@media (max-width:767px){
  .zr-btn{min-block-size:48px}
  .zr-slide__copy h1,.zr-slide__h{font-size:1.9rem}
}

/* פליי קארט */
.zr-fly{position:fixed;z-index:9999;pointer-events:none;margin:0;object-fit:contain;will-change:transform,opacity}

/* ==========================================================================
   rich · 12.11.2026 · "חיוור לי ומשעמם לי מידי העיצוב לעומת האתר הקיים"
   מה שחי באתר הקיים: שדות משמש מלאים + דיו. מחזירים את המשמש במנות גדולות ושטוחות,
   על נייר חם במקום לבן קר. בלי קישוטים שנדחו (טבעת, פס רץ, סימני גרעין, בועות).
   ========================================================================== */
:root{
  --paper:#FFF8EC; --paper-2:#F8EDD9; --line:rgba(28,22,17,.14);
  --fs-h2:clamp(2rem, 1.3rem + 2.2vw, 3.2rem);
}
[data-tone="sand"]{--ground:#F3E6CF}
/* פס עליון והדר */
.zr-topbar{background:var(--apricot);color:var(--ink);font-weight:500}
.zr-search input{background:var(--white);border-color:rgba(28,22,17,.2)}
.zr-search button{background:var(--ink);color:var(--paper)}
.zr-catbar a{font-weight:500}
.zr-catbar a::after{background:var(--saffron-deep);block-size:3px;inset-block-end:5px}
/* כותרות */
.zr-h2{line-height:1.06;letter-spacing:-.015em}
.zr-eyebrow{gap:10px;font-weight:700;color:var(--on-ground)}
.zr-eyebrow::before{display:block;inline-size:26px;block-size:4px;border-radius:2px;background:var(--saffron-deep)}
[data-tone="apricot"] .zr-eyebrow::before,[data-tone="roast"] .zr-eyebrow::before{background:currentColor}
/* באנר */
.zr-slide__copy h1,.zr-slide__h{font-size:clamp(2.3rem,1.2rem + 3vw,4.2rem);line-height:1.04}
.zr-slide__copy .zr-lead{color:var(--ink)}
/* קטגוריות: אריחי משמש מלאים */
.zr-cat{background:var(--apricot)}
.zr-cat:hover{background:var(--saffron)}
.zr-cat__ph img{filter:drop-shadow(0 12px 10px rgba(58,36,16,.22))}
.zr-cat__t{font-size:1.125rem;font-weight:800}
.zr-cat__n{color:var(--ink-soft)}
/* כרטיס מוצר: ה"+" במשמש */
.zr-card__ph{background:var(--white);border-color:rgba(28,22,17,.1)}
.zr-qty:not(.has){background:var(--apricot);border-color:var(--apricot)}
.zr-card:hover .zr-qty:not(.has),.zr-qty:not(.has):hover{background:var(--ink);color:var(--cream)}
.zr-card__price b{font-size:1.2rem}
.zr-card__tag{background:var(--saffron);color:var(--ink);font-weight:700}
/* מבצעים על נייר כהה יותר, כדי שהכרטיסים הלבנים יבלטו */
.zr-deals{background:var(--paper-2);border-block-start:0}
.zr-promo{background:var(--paper-2);padding-block-end:var(--pad-chapter)}
.zr-ptile strong{font-size:clamp(1.6rem,1.1rem + 1.5vw,2.4rem)}
[data-tone="sand"].zr-ptile{--ground:var(--white)}
/* סיפור */
.zr-story__facts dd{color:var(--apricot);font-weight:800}
/* טבעיים: רצועת חול מלאה */
.zr-nat__pts li{border-block-start-color:rgba(28,22,17,.16)}
.zr-nat__pts svg{background:var(--white)}
.zr-nat__art{background:none;border:0}
.zr-nat .zr-card__ph{border-color:transparent}
/* ערכים */
.zr-values__list li{font-size:1.2rem;font-weight:800;border-block-start-color:rgba(28,22,17,.2)}
/* משלוחים: חוזר לרצועת משמש מלאה */
.zr-deliv2{--ground:var(--apricot);background:var(--apricot);border-block-start:0}
.zr-deliv2__facts li{border-block-start-color:rgba(28,22,17,.3)}
.zr-deliv2__facts strong{font-size:1.6rem;font-weight:800}
.zr-deliv{background:var(--paper);box-shadow:0 18px 40px -24px rgba(58,36,16,.42)}
/* פס אמון */
.zr-trust2 ul{background:var(--paper)}
/* פוטר: השם הענק חוזר */
.zr-ftr{padding-block-end:clamp(120px,15vw,230px)}
.zr-ftr__name{display:block}
@media (max-width:767px){.zr-slide__copy h1,.zr-slide__h{font-size:2.3rem}.zr-ftr__name{inset-block-end:0}}
/* כפתור הכמות הגדול (חלון ועמוד מוצר) נשאר כהה גם ב-0: ניגודיות */
.zr-qty--lg:not(.has),.zr-card:hover .zr-qty--lg:not(.has){background:var(--ink);border-color:var(--ink);color:var(--cream)}