@charset "UTF-8";
/* ==========================================================================
   VALUES — מערכת עיצוב
   ---------------------------------------------------------------------------
   נגזרת מהאתר החי של הלקוח (values.org.il), לא מומצאת מחדש: הדר נייבי כהה,
   גוף לבן, טקסט #333, כותרות בנייבי, זהב כהדגשה. הפונט הוא פלוני — אותם
   קבצים שרצים באתר החי, רק שכאן הם מתארחים אצלנו ולא ב-CDN שבור.
   ========================================================================== */

/* ---------------------------------------------------------------- פלוני -- */
/* באתר החי פלוני נטען מ-cdn.jsdelivr.net/npm/ploni@1.0.0 — והכתובת הזו
   מחזירה שגיאה, כך שהאתר נופל בפועל ל-Arial. הקבצים שמורים כאן מקומית. */
@font-face{font-family:'Ploni';src:url('../fonts/ploni-ultralight-aaa.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Ploni';src:url('../fonts/ploni-regular-aaa.woff2')    format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Ploni';src:url('../fonts/ploni-medium-aaa.woff2')     format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Ploni';src:url('../fonts/ploni-demibold-aaa.woff2')   format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Ploni';src:url('../fonts/ploni-bold-aaa.woff2')       format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Ploni';src:url('../fonts/ploni-ultrabold-aaa.woff2')  format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Ploni';src:url('../fonts/ploni-black-aaa.woff2')      format('woff2');font-weight:900;font-style:normal;font-display:swap}
/* מוגרבי — פונט התצוגה של המותג, לכותרות ההירו הגדולות בלבד */
@font-face{font-family:'Mugrabi';src:url('../fonts/mugrabi-bold-aaa.woff2')    format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Mugrabi';src:url('../fonts/mugrabi-stencil-aaa.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{
  /* ---- צבעי המותג, כפי שהם באתר החי ---- */
  --navy:#0B1F3A;          /* ההדר, הכותרות, הכפתורים הראשיים */
  --navy-2:#1A2744;
  --navy-3:#21334A;
  --gold:#F0C46A;          /* הדגשה — כותרות משנה על כהה, אייקונים */
  --gold-2:#FFD98A;
  --ink:#333333;           /* טקסט גוף */
  --ink-2:#5B6B82;
  --ink-3:#8894A6;
  --line:#D1D9E0;
  --line-2:#EAEDF0;
  --wash:#F4F7F9;          /* רקע רך לפאנלים */
  --wash-2:#EEF3F9;
  --white:#FFFFFF;
  --green:#2E7D32;         /* במלאי */
  --red:#CC0000;           /* מבצע, קישורי הדגשה */

  /* ---- סמנטי ---- */
  --bg:var(--white);
  --panel:var(--white);
  --accent:var(--navy);
  --on-accent:var(--white);

  /* ---- טיפוגרפיה ---- */
  --font:'Ploni','Ploni ML v2 AAA',Arial,'Arial Hebrew',sans-serif;
  --display:'Mugrabi','Ploni',Arial,sans-serif;
  --step--2:.75rem;
  --step--1:.875rem;
  --step-0:1rem;             /* האתר החי עובד על 16px */
  --step-1:1.125rem;
  --step-2:clamp(1.35rem,1.1rem + .8vw,1.75rem);
  --step-3:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);
  --step-4:clamp(2.2rem,1.5rem + 3vw,4rem);

  /* ---- מרווח וצורה ---- */
  --navh:70px;
  --gutter:clamp(1rem,3vw,2.5rem);
  --wrap:1400px;
  /* פינות מעוגלות בכל האתר. הסולם עלה בסבב הליטוש — הקצוות החדים קודם
     הרגישו נוקשים מדי מול המוצרים העגלגלים עצמם. */
  --r-s:8px; --r-m:14px; --r-l:20px; --r-xl:28px; --r-pill:999px;
  --sect:clamp(2.5rem,5vw,4.5rem);

  --shadow:0 2px 10px rgba(11,31,58,.06);
  --shadow-2:0 8px 28px rgba(11,31,58,.12);
  --ease:cubic-bezier(.2,.9,.3,1);
}

/* בלוקים כהים — באנרים, פוטר, מגה־מניו */
.on-dark{
  --bg:var(--navy); --panel:var(--navy-2);
  --ink:#E7ECF3; --ink-2:#AFBACB; --ink-3:#7E8A9C;
  --accent:var(--gold); --on-accent:var(--navy);
  --line:rgba(255,255,255,.18); --line-2:rgba(255,255,255,.09);
  --wash:rgba(255,255,255,.06);
  background:var(--bg); color:var(--ink);
}

/* ------------------------------------------------------------------ base -- */
*,*::before,*::after{box-sizing:border-box}
/* ⚠️ החסימה של הגלילה האופקית יושבת על ה-html בלבד, ודווקא ב-clip.
   overflow-x:hidden על ה-body הופך אותו למיכל גלילה (overflow-y מחושב
   ל-auto), וההדר ה-sticky נצמד לתוכו במקום לחלון — כלומר מפסיק להיצמד
   בכלל. clip חוסם בלי ליצור מיכל גלילה. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font);font-size:var(--step-0);font-weight:400;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,p{margin:0}
:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.on-dark :focus-visible{outline-color:var(--gold)}
::selection{background:var(--gold);color:var(--navy)}

.wrap{width:min(100% - var(--gutter)*2,var(--wrap));margin-inline:auto}
.wrap--tight{--wrap:900px}

/* ווקומרס וליבת וורדפרס פולטות .screen-reader-text בעשרות מקומות (טווח מחירים
   במוצר משתנה, תוויות טפסים). ניתקנו את גיליונות הסגנון שלהן, אז בלי ההגדרה
   הזו טקסט הנגישות פשוט מופיע על המסך. */
.sr-only,.screen-reader-text{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
/* ב-RTL כתובת inset-inline-start:-9999px דוחפת את הקישור ימינה ומרחיבה את
   רוחב המסמך — מקור אמיתי לגלילה אופקית בטלפון. מסתירים בשיטת sr-only. */
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);
  top:0;inset-inline-start:0;z-index:200;background:var(--navy);color:#fff;padding:.7rem 1.2rem;white-space:nowrap}
.skip:focus{width:auto;height:auto;clip:auto;clip-path:none}

h1,h2,h3,h4{font-family:var(--font);font-weight:700;line-height:1.25;color:var(--navy)}
.on-dark h1,.on-dark h2,.on-dark h3{color:inherit}

/* מספרים ומחירים תמיד LTR — אחרת ₪ והספרות מתהפכים בתוך משפט עברי */
.num{direction:ltr;unicode-bidi:isolate;display:inline-block}
/* ⚠️ מחיר אינו מספר בודד אלא שורה שלמה ("74 ₪ – 126 ₪"), ולכן
   direction:ltr עליה הפכה את יישור השורה כולה לשמאל — הפוך מכל
   טקסט אחר באתר. הסכומים עצמם עטופים ב-<bdi> של ווקומרס ומבודדים
   בעצמם, ולכן מספיק לבודד בלי להפוך כיוון. */
.price{unicode-bidi:isolate}
.price bdi,.price .woocommerce-Price-amount{direction:ltr;unicode-bidi:isolate}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

.sect{padding-block:var(--sect)}

/* כותרת סקשן — שם הקטגוריה מימין, כפתור "לקולקציה" משמאל, קו דק מעל.
   זו בדיוק הצורה שרצה היום בעמוד הבית של הלקוח. */
.sect__head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;
  border-top:1px solid var(--line-2);padding-top:1.6rem;margin-bottom:1.6rem;
}
.sect__title{font-size:var(--step-3);font-weight:700;color:var(--navy)}
.sect__tools{display:flex;align-items:center;gap:.5rem}

/* חיצי הרצועות — יושבים בכותרת הסקשן, מעל הקרוסלה עצמה, כדי שלא
   יכסו מוצרים ולא יתחבאו מתחת לכפתורים הצפים. */
.rail-nav{
  width:40px;height:40px;border-radius:50%;flex:none;
  border:1px solid var(--line);background:#fff;color:var(--navy);
  display:grid;place-items:center;
  transition:background-color .2s var(--ease),color .2s var(--ease),opacity .2s;
}
.rail-nav svg{width:18px;height:18px}
.rail-nav:hover{background:var(--navy);color:#fff}
.rail-nav[disabled]{opacity:.28;pointer-events:none}
/* ⚠️ display:grid למעלה גובר על [hidden] של הדפדפן, ולכן חץ שהוסתר
   מ-JS המשיך להופיע. בלי הכלל הזה קרוסלה שאין בה מה לגלול מציגה
   שני כפתורים מתים. */
.rail-nav[hidden]{display:none}
@media (max-width:640px){
  /* בטלפון גוללים באצבע — החיצים רק גונבים מקום מהכותרת */
  .rail-nav{display:none}
}

/* הרצועה נמשכת לכל רוחב המסך בעוד שהכותרת נשארת בתוך העמודה.
   ⚠️ בלי 100vw: הוא כולל את רוחב סרגל הגלילה וגולש ממנו. הסקשן
   ממילא ברוחב מלא, ולכן מספיק לא להיכנס ל-.wrap. */
.rail-bleed{width:100%}

/* -------------------------------------------------------------- כפתורים -- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.7em 1.5em;border-radius:var(--r-pill);
  background:var(--navy);color:#fff;border:1px solid var(--navy);
  font-weight:600;font-size:var(--step--1);line-height:1.4;text-align:center;
  transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.btn:hover{background:var(--navy-3);border-color:var(--navy-3)}
.btn--ghost{background:transparent;color:var(--navy)}
.btn--ghost:hover{background:var(--navy);color:#fff}
.on-dark .btn--ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.on-dark .btn--ghost:hover{background:#fff;color:var(--navy);border-color:#fff}
.btn--gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.btn--gold:hover{background:var(--gold-2);border-color:var(--gold-2)}
.btn--soft{background:var(--wash-2);border-color:var(--wash-2);color:var(--navy)}
.btn--soft:hover{background:var(--line);border-color:var(--line)}
.btn--lg{padding:.95em 2em;font-size:var(--step-0);border-radius:var(--r-pill)}
.btn--block{width:100%}
.btn[disabled],.btn.is-busy{opacity:.5;pointer-events:none}

.ibtn{
  display:inline-grid;place-items:center;width:38px;height:38px;flex:none;
  border-radius:var(--r-pill);color:inherit;position:relative;
  transition:opacity .2s var(--ease);
}
.ibtn:hover{opacity:.72}

/* ================================================================ header -- */
/* רצועת החג/מבצע מעל ההדר — היא חלק מהאתר החי (סניפט 44) ולכן נבנית כאן. */
/* הזהב על הנייבי הכהה הוא הניגוד הכי חזק שיש למותג, ולכן הוא שמור כאן
   למספר הימים — זה מה שצריך להיקרא ראשון. */
.promobar{
  background:linear-gradient(90deg,#0A1A31 0%,#14293F 50%,#0A1A31 100%);
  color:#fff;text-align:center;
  font-size:var(--step--1);padding:.55rem 2.4rem;position:relative;
  border-bottom:1px solid rgba(240,196,106,.22);
}
.promobar__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem .9rem}
.promobar__txt{display:inline-flex;align-items:center;gap:.5rem}
.promobar__leaf{color:var(--gold);line-height:1;display:inline-flex}
.promobar__leaf svg{width:15px;height:15px;display:block}
.promobar__count .num{color:var(--gold);font-weight:800;font-size:1.06em}
.promobar__cta{color:var(--gold);font-weight:700;border-bottom:1px solid rgba(240,196,106,.45);white-space:nowrap}
.promobar__cta:hover{color:var(--gold-2)}
.promobar__x{position:absolute;inset-inline-end:.5rem;top:50%;transform:translateY(-50%);
  opacity:.5;font-size:1.25rem;line-height:1;padding:.2rem .5rem;color:#fff}
.promobar__x:hover{opacity:1}
.promobar[hidden]{display:none!important}
@media (max-width:560px){.promobar{font-size:var(--step--2);padding:.5rem 1.9rem}}

.site-header{
  position:sticky;top:0;z-index:90;background:var(--navy);color:#fff;
}
.nav{display:flex;align-items:center;gap:1rem;height:var(--navh)}
/* האייקונים צמודים זה לזה — הם קבוצה אחת, לא חמישה פריטים נפרדים */
.nav__end{display:flex;align-items:center;gap:0;margin-inline-start:auto}

.brand{display:inline-flex;align-items:center;flex:none}
.brand__logo{display:block;height:40px;aspect-ratio:2038/716;background:#fff;
  -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.brand__txt{font-family:var(--font);font-size:1.4rem;font-weight:800;color:#fff;line-height:1}

/* התפריט: פריטי הקטגוריות במרכז, בלבן, קטן וצפוף — כמו באתר החי. */
.menu{display:flex;align-items:center;flex-wrap:wrap;gap:0;justify-content:center;flex:1}
.menu__link{
  display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .55rem;
  font-size:var(--step-0);font-weight:400;color:#fff;white-space:nowrap;position:relative;
}
.menu__link::after{
  content:"";position:absolute;inset-inline:.6rem;bottom:.25rem;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:100% 50%;
  transition:transform .25s var(--ease);
}
.menu__item:hover .menu__link::after,
.menu__item.is-open .menu__link::after,
.menu__item.is-current .menu__link::after{transform:scaleX(1)}
.menu__item.is-current .menu__link{color:var(--gold)}
.menu__chev{transition:transform .25s var(--ease);opacity:.7}
.menu__item.is-open .menu__chev{transform:rotate(180deg)}

.burger{display:none;color:#fff}
@media (max-width:1180px){
  .nav .menu{display:none}
  /* ⚠️ order:-1 הופך אותו לראשון בסדר הפלקס, וב-RTL זה הצד הימני.
     ההמבורגר צריך להיות הראשון **משמאל**, כלומר האחרון בסדר. */
  .burger{display:inline-grid;order:1}
  /* בטלפון: המבורגר בקצה אחד, לוגו במרכז, וחיפוש+סל בקצה השני.
     טלפון, מועדפים וחשבון עוברים למגירה — שישה אייקונים פשוט לא נכנסים
     ב-375px, וההדר היה נדחף אל מחוץ למסך. */
  .nav{gap:.3rem}
  .nav__end .ibtn{width:36px;height:36px}
  .brand{margin-inline:auto}
  .nav__end{margin-inline-start:0}
  .nav__end .ibtn--desk{display:none}
  .cart-btn__total{display:none}
}
@media (min-width:1181px){.drawer-only{display:none}}

/* כפתור הסל מציג גם סכום — כך זה באתר החי. */
.cart-btn{display:inline-flex;align-items:center;gap:.4rem;width:auto;padding:0 .5rem;color:#fff}
.cart-btn__total{font-size:var(--step--1);font-weight:600;direction:ltr}
.wish-btn__count{
  position:absolute;top:2px;inset-inline-end:2px;min-width:16px;height:16px;padding:0 4px;
  display:grid;place-items:center;border-radius:var(--r-pill);
  background:var(--gold);color:var(--navy);font-size:.65rem;font-weight:700;line-height:1;direction:ltr;
  transition:transform .25s var(--ease);
}
.wish-btn__count.is-empty{display:none}
.wish-btn__count.is-bump{transform:scale(1.35)}

.cart-btn__count{
  position:absolute;top:2px;inset-inline-end:2px;min-width:16px;height:16px;padding:0 4px;
  display:grid;place-items:center;border-radius:var(--r-pill);
  background:var(--gold);color:var(--navy);font-size:.65rem;font-weight:700;line-height:1;direction:ltr;
}

/* ============================================================= mega menu -- */
.mega{
  position:absolute;inset-inline:0;top:100%;z-index:80;
  background:#fff;color:var(--ink);border-top:3px solid var(--gold);
  box-shadow:var(--shadow-2);padding:2rem 0 2.2rem;
  border-radius:0 0 var(--r-l) var(--r-l);
}
.mega[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){
  .mega:not([hidden]){animation:megaIn .22s var(--ease) both}
}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega__grid{display:grid;grid-template-columns:minmax(210px,1fr) 3fr;gap:2.5rem;align-items:start}
.mega__col-h{font-size:var(--step--2);font-weight:700;letter-spacing:.1em;color:var(--navy);text-transform:none;
  margin-bottom:.7rem;padding-inline-start:.7rem}
.mega__list{display:grid;gap:.1rem;border-inline-end:1px solid var(--line-2);padding-inline-end:1.5rem}
.mega__cat{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  padding:.55rem .7rem;border-radius:var(--r-s);font-weight:600;color:var(--navy);
  transition:background-color .18s var(--ease),padding .18s var(--ease);
}
.mega__cat:hover{background:var(--wash);padding-inline-start:1rem}
.mega__cat em{font-style:normal;font-size:var(--step--2);color:var(--ink-3);font-weight:400;direction:ltr;
  background:var(--wash-2);border-radius:var(--r-pill);padding:.05rem .45rem}
/* ⚠️ בלי אדום — האדום שמור למבצע ולשגיאה. הקישור הראשי בתפריט
   נבדל בצבע המותג ובקו הזהב מתחתיו, לא בצבע התראה. */
.mega__cat--all{color:var(--navy);font-weight:700;box-shadow:inset 0 -2px 0 var(--gold)}
.mega__cat--all:hover{background:var(--navy);color:#fff;box-shadow:inset 0 -2px 0 var(--gold)}
.mega__cat--all::after{content:"›";margin-inline-start:auto;font-weight:700;color:var(--gold)}
.mega__picks{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.mega__pick{border-radius:var(--r-m);overflow:hidden;transition:transform .25s var(--ease)}
.mega__pick:hover{transform:translateY(-3px)}
.mega__pick b{display:block;font-weight:500;font-size:var(--step--1);line-height:1.4;margin-top:.55rem;color:var(--navy);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mega__pick .price{font-size:var(--step--1);color:var(--ink-2);font-weight:700}
.mega__pick .shot{border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--wash)}
.mega-scrim{position:fixed;inset:0;z-index:70;background:rgba(11,31,58,.3);
  opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility .25s}
.mega-scrim.is-on{opacity:1;visibility:visible}
@media (max-width:1180px){.mega,.mega-scrim{display:none}}

/* ========================================================= mobile drawer -- */
.drawer{
  position:fixed;inset-block:0;inset-inline-end:0;width:min(88vw,360px);z-index:120;
  background:#fff;display:flex;flex-direction:column;box-shadow:var(--shadow-2);
  transform:translateX(-100%);transition:transform .3s var(--ease);
}
.drawer.is-open{transform:none}
.drawer__head{display:flex;align-items:center;justify-content:space-between;
  padding:.8rem 1.1rem;background:var(--navy);color:#fff}
.drawer__body{overflow-y:auto;padding-bottom:2rem;flex:1}
.drawer__link{display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:.8rem 1.1rem;font-weight:600;color:var(--navy);border-bottom:1px solid var(--line-2);text-align:start}
.drawer__link em{font-style:normal;font-size:var(--step--2);color:var(--ink-3);direction:ltr}
.drawer__sub{display:none;background:var(--wash)}
.drawer__sub.is-open{display:block}
.drawer__sub a{display:block;padding:.6rem 1.1rem .6rem 2.2rem;color:var(--ink);
  font-size:var(--step--1);border-bottom:1px solid var(--line-2)}
.drawer__toggle{transition:transform .25s var(--ease)}
.drawer__link.is-open .drawer__toggle{transform:rotate(180deg)}
.drawer__foot{padding:1rem 1.1rem;display:grid;gap:.2rem;border-top:1px solid var(--line-2);margin-top:.5rem}
.drawer__svc{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;color:var(--ink-2);font-size:var(--step--1)}
.drawer__svc svg{width:18px;height:18px;color:var(--navy);flex:none}

.scrim{position:fixed;inset:0;z-index:110;background:rgba(11,31,58,.45);
  opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s}
.scrim.is-on{opacity:1;visibility:visible}
body.is-locked{overflow:hidden}

/* ================================================================ search -- */
/* .searchbox ולא .search — `search` היא מחלקת body של וורדפרס בעמוד תוצאות
   חיפוש, ו-position:fixed היה נדבק לעמוד כולו. */
.searchbox{position:fixed;inset:0;z-index:130;display:grid;place-items:start center;padding-top:14vh;
  background:rgba(11,31,58,.55);backdrop-filter:blur(4px);
  opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility .25s}
.searchbox.is-on{opacity:1;visibility:visible}
.searchbox__box{width:min(100% - 2rem,660px)}
.searchbox__field{display:flex;align-items:center;gap:.7rem;background:#fff;
  border-radius:var(--r-pill);padding:.65rem .65rem .65rem 1.2rem;box-shadow:var(--shadow-2)}
.searchbox__field input{flex:1;min-width:0;border:0;background:none;font:inherit;
  font-size:var(--step-1);color:var(--ink);outline:none}
.searchbox__field .btn{flex:none}
.searchbox__hint{margin-top:.8rem;font-size:var(--step--1);color:#C9D3E0;text-align:center}
@media (prefers-reduced-motion:no-preference){
  .searchbox__box{transform:translateY(-10px);opacity:0;transition:transform .28s var(--ease),opacity .28s var(--ease)}
  .searchbox.is-on .searchbox__box{transform:none;opacity:1}
}
/* קיצורי דרך — מה שאנשים באמת מחפשים כאן, לפי מונחי החיפוש בגוגל אדס */
.searchbox__quick{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:1.1rem}
.searchbox__quick a{
  padding:.4rem .9rem;border-radius:var(--r-pill);font-size:var(--step--1);
  background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);
  transition:background-color .2s var(--ease);
}
.searchbox__quick a:hover{background:#fff;color:var(--navy)}

/* ================================================================ footer -- */
.site-footer{margin-top:var(--sect);padding-top:var(--sect)}
/* רצועת האמון נצמדת לפוטר — הרווח בין השתיים נראה כמו שכחה */
.footstrip + .site-footer{margin-top:0}
.foot__grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:2rem}
@media (max-width:1100px){.foot__grid{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:760px){.foot__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot__grid{grid-template-columns:1fr}}
/* 15 פרקי הסיפור בעמודה אחת יוצרים טור ארוך מדי — שניים ברוחב רגיל */
.foot__list--two{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}
.foot__about{max-width:38ch;color:var(--ink-2);margin-top:1rem}
.foot__h{font-size:var(--step-0);font-weight:700;color:#fff;margin-bottom:.9rem}
.foot__list{display:grid;gap:.45rem}
.foot__list a{color:var(--ink-2)}
.foot__list a:hover{color:var(--gold)}
.foot__contact{display:grid;gap:.5rem;margin-top:1.2rem}
.foot__contact a{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-2)}
.foot__contact svg{width:16px;height:16px;color:var(--gold);flex:none}
.foot__bar{margin-top:2.5rem;border-top:1px solid var(--line-2);padding:1.1rem 0;
  display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;
  font-size:var(--step--1);color:var(--ink-3)}

/* =============================================================== notices -- */
/* ההודעות של ווקומרס. ⚠️ המבנה הוא טקסט + <a class="button"> באותו
   בלוק, ולכן בלי flex הכפתור יורד שורה ומתיישר לצד הלא נכון. */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;
  background:var(--wash);border:1px solid var(--line-2);border-inline-start:3px solid var(--navy);
  padding:.85rem 1rem;border-radius:var(--r-s);margin-bottom:1.1rem;list-style:none;
  font-size:var(--step--1);line-height:1.5;
}
.woocommerce-message{border-inline-start-color:var(--green,#1a7f37)}
.woocommerce-error{border-inline-start-color:var(--red)}
.woocommerce-message > .button,
.woocommerce-info > .button,
.woocommerce-error > .button{
  flex:none;order:2;margin:0;
  display:inline-flex;align-items:center;justify-content:center;
  padding:.5em 1.2em;border-radius:var(--r-pill);
  background:var(--navy);color:#fff;font-size:var(--step--1);font-weight:700;white-space:nowrap;
}
.woocommerce-message > .button:hover{background:var(--navy-3,#14293F);color:#fff}
@media (max-width:480px){
  .woocommerce-message,.woocommerce-info,.woocommerce-error{align-items:stretch}
  .woocommerce-message > .button,
  .woocommerce-info > .button{width:100%}
}
.woocommerce-error{border-inline-start-color:var(--red)}
.woocommerce-message .button,.woocommerce-info .button{float:inline-end;font-weight:700;color:var(--navy)}

/* ============================================================ breadcrumb -- */
.crumbs{font-size:var(--step--1);color:var(--ink-3);padding-block:.85rem;background:var(--wash)}
.crumbs .wrap{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.crumbs a:hover{color:var(--navy)}
.crumbs span[aria-hidden]{opacity:.5}
.crumbs span[aria-current]{color:var(--navy)}

/* ============================================ כפתור צף — הזמנות בכמות -- */
/* קיים באתר החי כפתור ירוק צף ל-B2B. משוחזר כאן כחלק מהתבנית. */
.b2b-float{
  position:fixed;inset-inline-start:1.2rem;bottom:1.2rem;z-index:60;
  display:inline-flex;align-items:center;gap:.5rem;
  background:#1F7A45;color:#fff;font-weight:700;font-size:var(--step--1);
  padding:.75rem 1.2rem;border-radius:var(--r-pill);box-shadow:var(--shadow-2);
}
.b2b-float:hover{background:#186337}
@media (max-width:560px){.b2b-float{inset-inline-start:.7rem;bottom:.7rem;font-size:var(--step--2)}}

/* ============================================== מגירת הסל -- */
.minicart{
  position:fixed;inset-block:0;inset-inline-start:0;width:min(92vw,400px);z-index:125;
  background:#fff;display:flex;flex-direction:column;box-shadow:var(--shadow-2);
  transform:translateX(-100%);transition:transform .32s var(--ease);
}
[dir="rtl"] .minicart{transform:translateX(100%)}
.minicart.is-open{transform:none!important}
.minicart__head{display:flex;align-items:center;justify-content:space-between;
  padding:.9rem 1.2rem;background:var(--navy);color:#fff;flex:none}
.minicart__inner{display:flex;flex-direction:column;flex:1;min-height:0}
.minicart__body{overflow-y:auto;flex:1;padding:.6rem 1rem;-webkit-overflow-scrolling:touch}
.minicart__list{display:grid;gap:.2rem}
.minicart__item{display:grid;grid-template-columns:62px 1fr auto;gap:.75rem;align-items:center;
  padding:.75rem 0;border-bottom:1px solid var(--line-2)}
.minicart__shot{width:62px;aspect-ratio:1/1;border-radius:var(--r-s);flex:none}
.minicart__info{min-width:0;display:grid;gap:.15rem}
.minicart__info b{font-weight:500;font-size:var(--step--1);line-height:1.35;color:var(--navy);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.minicart__meta{font-size:var(--step--2);color:var(--ink-3)}
.minicart__line{font-size:var(--step--1);color:var(--ink-2);display:flex;gap:.35rem;align-items:baseline}
.minicart__x{color:var(--ink-3);padding:.3rem;border-radius:var(--r-pill);flex:none}
.minicart__x:hover{color:var(--red);background:var(--wash)}
.minicart__foot{flex:none;padding:1rem;border-top:1px solid var(--line-2);display:grid;gap:.6rem;background:var(--wash)}
.minicart__sum{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--step-0)}
.minicart__sum b{font-size:var(--step-1);color:var(--navy)}
.minicart__note{font-size:var(--step--1);color:var(--ink-2);margin-bottom:.2rem}
.minicart__empty{display:grid;gap:.9rem;justify-items:center;text-align:center;padding:3rem 1rem}
.minicart__empty svg{width:44px;height:44px;color:var(--line)}
.minicart__empty p{color:var(--ink-2)}

/* ============================================ שאלות ותשובות -- */
/* לשונית על שפת המסך, לא עיגול צף: כך היא לא מתחרה בכפתור ה-B2B ולא
   מכסה את שורת הקנייה הדביקה בטלפון. */
.faq-tab{
  /* ⚠️ מאפיינים פיזיים בכוונה. writing-mode:vertical-rl הופך את ציר ה-inline
     לאנכי, כך ש-inset-inline-end נופל על ה-bottom ודורס את המרכוז — הלשונית
     קפצה אל מחוץ למסך. באתר החי היא ממילא על שפת ימין. */
  position:fixed;right:0;left:auto;top:64%;transform:translateY(-50%);z-index:60;
  background:var(--navy);color:#fff;font-weight:600;font-size:var(--step--1);
  padding:1.1rem .6rem;border-radius:var(--r-m) 0 0 var(--r-m);
  writing-mode:vertical-rl;letter-spacing:.03em;
  box-shadow:-3px 2px 14px rgba(11,31,58,.22);transition:background-color .2s var(--ease);
}
.faq-tab:hover{background:var(--navy-3)}
@media (max-width:600px){.faq-tab{font-size:var(--step--2);padding:.9rem .45rem}}

.faq{
  position:fixed;inset:0;z-index:135;display:grid;place-items:center;padding:1.1rem;
  background:rgba(11,31,58,.55);opacity:0;visibility:hidden;
  transition:opacity .25s var(--ease),visibility .25s;
}
.faq.is-on{opacity:1;visibility:visible}
.faq__box{
  background:#fff;width:min(100%,600px);max-height:86vh;overflow:auto;
  border-radius:var(--r-l);padding:2rem 1.8rem;position:relative;
  transform:translateY(14px);transition:transform .25s var(--ease);
}
.faq.is-on .faq__box{transform:none}
.faq__x{position:absolute;top:.8rem;inset-inline-start:1rem;font-size:1.7rem;line-height:1;color:var(--ink-3)}
.faq__x:hover{color:var(--navy)}
.faq__title{font-size:var(--step-2);text-align:center}
.faq__sub{color:var(--ink-2);text-align:center;margin-bottom:1.3rem;font-size:var(--step--1)}
.faq__item{border-bottom:1px solid var(--line-2)}
.faq__q{
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;
  padding:.9rem .2rem;color:var(--navy);font-weight:600;font-size:var(--step-0);text-align:start;
}
.faq__plus{font-size:1.3rem;font-weight:400;transition:transform .25s var(--ease);flex:none}
.faq__item.is-open .faq__plus{transform:rotate(45deg)}
.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease)}
.faq__item.is-open .faq__a{grid-template-rows:1fr}
.faq__a>p{overflow:hidden;color:var(--ink-2);font-size:var(--step--1);line-height:1.7;margin:0}
.faq__item.is-open .faq__a>p{padding:0 .2rem 1rem}
.faq__more{margin-top:1.2rem;font-size:var(--step--1);color:var(--ink-2)}
.faq__more a{color:var(--red);text-decoration:underline;text-underline-offset:3px}

/* ============================================ כפתורי התקשרות צפים -- */
/* עמודת כפתורים בפינה: וואטסאפ, חיוג, והזמנות בכמות. בטלפון הם קטנים
   יותר ויושבים מעל שורת הקנייה הדביקה כדי לא להסתיר אותה. */
.calls{
  /* לשונית ה-FAQ יושבת על שפת ימין, ולכן הכפתורים האלה בשמאל — אחרת הם
     מכסים את ניווט הפרקים בעמוד הסיפור ואת הסיידבר בחנות. */
  position:fixed;left:1.1rem;right:auto;bottom:1.1rem;z-index:61;
  display:grid;gap:.55rem;justify-items:start;
}
.calls__btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.7rem 1.1rem;border-radius:var(--r-pill);
  font-weight:700;font-size:var(--step--1);color:#fff;
  box-shadow:var(--shadow-2);transition:transform .2s var(--ease),filter .2s var(--ease);
}
.calls__btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.calls__btn svg{width:18px;height:18px;flex:none}
.calls__btn--wa{background:#25D366;color:#08331A}
.calls__btn--tel{background:var(--navy)}
.calls__btn--b2b{background:#1F7A45}
@media (max-width:600px){
  .calls{left:.7rem;right:auto;bottom:.7rem;gap:.45rem}
  .calls__btn{padding:.6rem .85rem;font-size:var(--step--2)}
  .calls__btn span{display:none}          /* אייקון בלבד — מקום יקר במסך קטן */
  .calls__btn{width:44px;height:44px;justify-content:center;padding:0}
}
/* כשיש שורת קנייה דביקה — מרימים את הכפתורים מעליה */
.single-product .calls{bottom:calc(1.1rem + 64px)}
@media (min-width:901px){.single-product .calls{bottom:1.1rem}}

/* הכפתור הצף הישן הוחלף בעמודה הזו */
.b2b-float{display:none}