/*
Theme Name: Mandelboim 2026
Theme URI: https://mandelboim.com
Author: Mandelboim
Description: תבנית ייעודית קלת-משקל למנדלבוים מעצבים שינה — RTL, ללא Page Builder, בהתאם למסמך אפיון 2026 (סעיף 7.1).
Version: 0.1.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: mandelboim
*/

:root{
  --ink:#1F2933;
  --sage:#7F8C7A;
  --bone:#FCF9F4;
  --greige:#E6DFD6;
  --terra:#C46A3D;
  --sage-green:#9BAA95;
  --natural-oak:#C9A66B;
  --midnight:#2D3436;
  --foam:#EDF0EE;
  --mineral:#9DAEA0;
  --clay:#C57B5B;
  --sage-deep:#5A6756;
  /* טקסט/רקע נגישים — סבב נגישות: גרסה מוכהת מעט של terra לשימוש כרקע כפתור מתחת לטקסט
     בהיר (.btn-terra) — ה-terra המקורי נשאר ללא שינוי לכל שימוש דקורטיבי אחר (רקעים,
     תגיות, מסגרות פוקוס), כדי לא לגעת בפלטת המותג הרשמית שלא מאחורי טקסט.
     יחס ניגודיות מול --bone: 4.66:1 (עומד ב-WCAG AA 4.5:1). --sage-btn שמור לשימוש עתידי
     אם ייווסף כפתור sage עם טקסט (אותה בעיית ניגודיות תחול על --sage הגולמי). */
  --terra-btn:#A65A33;
  --sage-btn:#697465;

  /* סבב 281 (פורט מהאב-טיפוס): כלל שיוך רדיוס↔סוג-רכיב, לבקשת המנכ"ל
     "לקבוע כלל וליישר את כל הרכיבים לפיו" — תיעוד של המוסכמה שכבר נהוגה
     ברוב האתר:
     • --radius-xl — עטיפות-סקשן/עמוד גדולות בלבד (.card-frame).
     • --radius-lg — "כרטיס סטנדרטי": כרטיס-מוצר (ul.products li.product),
       פופ-אובר/מודל, גלריות, quiz-box, fm-explorer/fm-axis, branch-map.
     • --radius-md — "אריח קומפקטי": כרטיסים קטנים (.cocoon-prod-card),
       אינפוטים/סלקטים, אייקונים קטנים, תגי-אמון.
     • --radius-sm — אלמנטים זעירים (מסגרת-פוקוס, כפתורי נגישות).
     • --radius-pill — כל מה שמעוגל-לגמרי: כפתורים, badges, תגיות, chips. */
  --radius:14px;
  --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-xl:24px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(31,41,51,.08);
  --shadow-md:0 4px 16px rgba(31,41,51,.10);
  --shadow-lg:0 16px 40px rgba(31,41,51,.14);
  --ease-standard:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:360ms;
  --container-max:1920px;
  /* סבב 137 (הועתק מהאב-טיפוס): שלושה משתני-רוחב מכוונים במקום תקרה אחידה —
     תוכן-קריאה (--w-narrow), תוכן רגיל (--w-content), ויטרינה רחבת-גריד (--w-wide). */
  --w-narrow:900px;
  --w-content:1280px;
  --w-wide:1600px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Rubik',sans-serif;background:var(--bone);color:var(--ink);line-height:1.6;font-weight:400;font-size:16px}
/* סבב 136/164 (הועתק מהאב-טיפוס): רשת ביטחון גלובלית — clip (לא hidden, כדי
   שלא יישאר "תיבת גלילה" תכנותית שניתן להזיז עם scrollLeft/scrollIntoView)
   מונע מכל אלמנט רחב-מדי עתידי "להזיז" את כל העמוד הצידה ולחתוך תוכן אחר. */
html{overflow-x:clip}
body{overflow-x:clip}
h1,h2,h3,h4{font-family:'Rubik',sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0 0 .5em}
p{margin:0 0 1em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
ul{margin:0;padding:0;list-style:none}

.skip-link{position:absolute;right:-999px;top:8px;z-index:200;background:var(--ink);color:var(--bone);padding:10px 18px;border-radius:var(--radius-pill);font-weight:500}
.skip-link:focus{right:8px}
/* טקסט לקוראי מסך בלבד — לתוויות טפסים נסתרות חזותית והבהרות "נפתח בחלון חדש". */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--terra);outline-offset:2px}

.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 40px}
@media (max-width:900px){ .container{padding:0 20px} }
.container--narrow{max-width:var(--w-narrow)}
.container--wide{max-width:var(--w-wide)}
/* סבב 138–141/147/154 (הועתק מהאב-טיפוס): "כרטיס צף" (floating framed card) —
   בהשראת כרטיסי הפרומו המעוגלים בהולנדיה. מוחל על יועץ-השינה/מודל-התחושה כדי
   שהם ייכנסו לתוך "קופסה" מעוגלת עם רקע/צל, כמו COCOON, במקום סקשן שקוף רגיל. */
.card-frame{background:linear-gradient(180deg,var(--bone) 0%, #EFE9E0 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:48px clamp(24px,4vw,64px)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-pill);border:1.5px solid transparent;font-weight:500;font-size:15px;transition:transform var(--dur-fast) var(--ease-standard),background var(--dur-base)}
.btn-primary{background:var(--ink);color:var(--bone)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-terra{background:var(--terra-btn);color:var(--bone)}
.btn-terra:hover{transform:translateY(-1px)}
.btn-ghost{background:transparent;border-color:var(--greige);color:var(--ink)}
.btn-ghost:hover{background:var(--greige)}

/* ===== Header / Nav ===== */
header.site-header{background:var(--bone);border-bottom:1px solid var(--greige);position:sticky;top:0;z-index:100}
/* סבב 157–160/163/166 (הועתק מהאב-טיפוס): רצועת ניווט גבוהה יותר (height:92px
   קבוע), פריסה flex-start (לוגו+תפריט צמודים מימין, לא ממורכזים — תוקן אחרי
   שגרסת flex:1+space-between "ריחפה" את התפריט באמצע עם רווח עצום מהלוגו),
   ו-margin-inline-start:auto על .nav-cta שדוחפת רק את האייקונים לקצה השמאלי.
   מרווחי clamp() מצטמצמים בהדרגה ברוחבי-לפטופ (סבב 166 — באג אמיתי שנמדד
   בפועל: ערכים קבועים-לרוחב-שולחני דחקו אייקונים מחוץ למסך בלפטופ). */
.nav{display:flex;align-items:center;justify-content:flex-start;height:92px;gap:clamp(8px,1vw,16px);padding:0 40px}
.logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0;margin-inline-end:clamp(20px,3vw,72px)}
/* סבב 162 (הועתק מהאב-טיפוס): הלוגו-כטקסט (wordmark+slogan) הוחלף בנכס תמונה
   אמיתי מספר המותג 2026 — .logo-img קובע רק גובה, width:auto משמר את היחס
   המקורי (≈4.455:1) בלי לעוות. */
.logo-img{height:60px;width:auto;display:block}
.menu{display:flex;align-items:center;gap:clamp(14px,2vw,36px);font-size:clamp(13.5px,0.4vw + 10.5px,15px)}
.menu a{font-size:inherit;font-weight:500;color:var(--ink);padding:6px 2px;border-bottom:2px solid transparent;white-space:nowrap}
.menu a:hover,.menu a.active{border-bottom-color:var(--terra)}
/* ===== תפריטי קטגוריות נפתחים — mega-menu ברוחב מלא של הדף — סבב 85–87 =====
   סבב 85: רשימת טקסט + קליק על חץ. סבב 86: כרטיסי תמונה, עדיין פאנל מצומצם.
   סבב 87: המנכ"ל שלח רפרנס עיצובי וביקש פאנל ברוחב מלא, שנפתח *רק* ב-hover
   ("no click on small arrow") — הכפתור/חץ הוסרו לגמרי. הפאנל (functions.php:
   mb_category_dropdown_html) כבר לא צאצא של פריט תפריט בודד — מודפס בנפרד
   כצאצא ישיר של <header> (ר' mb_render_category_megamenus, נקרא מ-
   header.php) כדי שיוכל להתפרס ברוחב מלא (left:0;right:0 יחסית ל-header,
   שכבר position:sticky — containing block תקין). לכן ה-hover מנוהל בשני
   מקומות נפרדים: הקישור עצמו (attributes שנוספו ב-nav_menu_link_attributes)
   וה-panel עצמו (onmouseenter/leave inline, ר' functions.php) — שניהם קוראים
   לאותן פונקציות JS גלובליות ב-assets/main.js. */
.menu-dropdown.menu-mega{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--greige);box-shadow:var(--shadow-lg);padding:40px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),visibility 0s linear var(--dur-base);z-index:65}
.menu-dropdown.menu-mega.show{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
.menu-mega-row{display:flex;justify-content:center;flex-wrap:wrap;gap:32px}
.menu-mega-card{width:200px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.menu-mega-card .mmc-img{width:200px;height:150px;border-radius:var(--radius-lg);overflow:hidden;background:var(--greige)}
.menu-mega-card .mmc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-base) var(--ease-standard)}
.menu-mega-card span{font-size:15.5px;font-weight:500;color:var(--ink)}
.menu-mega-card:hover .mmc-img img,.menu-mega-card:focus-visible .mmc-img img{transform:scale(1.06)}
.menu-mega-card:hover span,.menu-mega-card:focus-visible span{color:var(--terra-btn)}
.menu-mega-viewall{display:block;text-align:center;margin-top:32px;font-size:13.5px;font-weight:700;letter-spacing:.03em;color:var(--terra-btn)}
.menu-mega-viewall:hover{text-decoration:underline}
@media(max-width:960px){
  /* מגה-מניו הוא בעיקרו דפוס דסקטופ (תלוי hover) — במובייל לא נבנה מנגנון
     מגע נפרד; לחיצה על הקטגוריה מנווטת ישירות לעמוד הקטגוריה המלא, ששם כבר
     קיימים שבבי הסינון של WooCommerce. */
  .menu-dropdown.menu-mega{display:none}
}
.nav-cta{display:flex;gap:clamp(4px,0.5vw,8px);align-items:center;margin-inline-start:auto}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px}
.nav-toggle span{width:22px;height:2px;background:var(--ink);display:block}
@media (max-width:960px){
  .menu{display:none;position:absolute;top:100%;right:0;left:0;background:var(--bone);flex-direction:column;align-items:flex-start;padding:16px 24px;border-bottom:1px solid var(--greige)}
  .menu.open{display:flex}
  .nav-toggle{display:flex}
}

/* ===== Hero ===== */
.hero{padding:0}
.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px}
.hero-copy{padding:60px 0}
.hero-copy .eyebrow{color:var(--terra);letter-spacing:.14em;font-size:13px;font-weight:600;margin-bottom:14px;text-transform:uppercase}
.hero-copy h1{font-size:clamp(36px,5vw,58px);margin-bottom:18px}
.hero-copy p{font-size:18px;color:var(--sage-deep);max-width:46ch;margin-bottom:26px}
.hero-visual{aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-lg)}
.hero-visual img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){ .hero-grid{grid-template-columns:1fr} .hero-copy{padding:36px 0 0} }

/* ===== Section basics ===== */
.section{padding:64px 0}
.section-title{font-size:34px;margin-bottom:6px;position:relative;padding-inline-start:18px}
.section-title::before{content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:4px;background:var(--terra);border-radius:2px}
.section-sub{color:var(--sage-deep);max-width:60ch;margin-bottom:32px}

/* ===== Category grid ===== */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:900px){ .cats{grid-template-columns:repeat(2,1fr)} }
.cat-card{background:#fff;border:1px solid var(--greige);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base)}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.cat-card-photo{aspect-ratio:4/3;background-size:cover;background-position:center}
.cat-card-body{padding:20px 22px 26px}
.cat-card-body h3{font-size:19px;margin-bottom:4px}
.cat-card-body p{color:var(--sage-deep);font-size:14px;margin:0}

/* ===== WooCommerce baseline (no page-builder, lightweight overrides) ===== */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin:0}
@media (max-width:900px){ .woocommerce ul.products{grid-template-columns:repeat(2,1fr)} }
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--greige);border-radius:var(--radius-lg);padding:16px;transition:box-shadow var(--dur-base)}
.woocommerce ul.products li.product:hover{box-shadow:var(--shadow-md)}
.woocommerce ul.products li.product img{border-radius:var(--radius-md);margin-bottom:12px;aspect-ratio:1/1;object-fit:cover}
.woocommerce ul.products li.product .price{color:var(--terra);font-weight:600}
.woocommerce a.button,.woocommerce button.button{background:var(--ink);color:var(--bone);border-radius:var(--radius-pill);padding:12px 22px;font-weight:500;border:none}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--terra);color:var(--bone)}
.woocommerce div.product .product_title{font-size:30px}
.woocommerce div.product p.price{font-size:24px;color:var(--terra)}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}

/* ===== Footer ===== */
footer.site-footer{background:var(--ink);color:var(--bone);padding:56px 0 26px;margin-top:60px}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;margin-bottom:36px}
.foot-grid h4{color:var(--greige);font-size:13px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}
.foot-grid a{display:block;color:var(--bone);opacity:.85;font-size:14.5px;margin-bottom:10px}
.foot-grid a:hover{opacity:1;text-decoration:underline}
.foot-logo{font-family:'Rubik';font-weight:500;font-size:19px;color:var(--ink);background:var(--bone);display:inline-block;padding:8px 20px;border-radius:var(--radius-pill);letter-spacing:-.01em}
.foot-bottom{border-top:1px solid rgba(252,249,244,.15);padding-top:20px;font-size:13px;opacity:.7;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media (max-width:900px){ .foot-grid{grid-template-columns:1fr 1fr} }

/* ===== Category filter bar (spec §5.2) ===== */
.mb-filter-bar{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;background:#fff;border:1px solid var(--greige);border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:28px}
.mb-filter-bar .widget{min-width:160px}
.mb-filter-bar .widget-title{font-size:13px;font-weight:600;color:var(--sage-deep);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
.mb-filter-bar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mb-filter-bar ul li a{display:inline-block;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--greige);font-size:13.5px;color:var(--ink)}
.mb-filter-bar ul li a:hover{background:var(--greige)}
.mb-filter-bar .price_slider_wrapper{min-width:200px}

/* ===== Product page: two-CTA pattern + price-on-request ===== */
.mb-branch-cta{margin-inline-start:12px}
.woocommerce div.product form.cart .button{order:1}
a.mb-quote-btn{background:var(--terra) !important;color:var(--bone) !important}

/* ===== Branch pages (spec §5.5) ===== */
.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}
.info-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--greige)}
.info-row b{color:var(--sage-deep);font-weight:600}
.branch-book-col{background:#fff;border:1px solid var(--greige);border-radius:var(--radius-lg);padding:24px}
.form{display:flex;flex-direction:column;gap:10px}
.form input,.form select{font-family:inherit;font-size:15px;border:1.5px solid var(--greige);border-radius:var(--radius-md);padding:12px 14px;background:#fff;color:var(--ink)}
.form-note{font-size:12.5px;color:var(--sage-deep);margin-top:4px}
@media(max-width:900px){.branch-grid{grid-template-columns:1fr}}

/* ===== Reusable landing-page template (spec §5.6) ===== */
.lp-hero{background:var(--ink);color:var(--bone);padding:64px 0;text-align:center}
.lp-hero .eyebrow{color:var(--greige);letter-spacing:.2em;font-size:13px;margin-bottom:10px;text-transform:uppercase}
.lp-hero h1{font-size:clamp(38px,5vw,58px);color:var(--bone)}
.lp-hero .lp-body{font-weight:300;max-width:54ch;margin:14px auto 0;opacity:.9}
.timer{display:flex;justify-content:center;gap:18px;margin:26px auto 0}
.timer div{background:rgba(252,249,244,.08);border-radius:var(--radius-md);padding:10px 18px;min-width:64px}
.timer b{font-size:26px;display:block;font-weight:700}
.timer span{font-size:11px;opacity:.75}
.lp-form{background:var(--bone);border-radius:var(--radius-lg);padding:26px;max-width:480px;margin:30px auto 0;color:var(--ink);text-align:right}
.lp-form h3{font-size:24px;margin-bottom:14px}
.lp-benefits{padding:56px 0}

/* ===== Sleep-advisor quiz (spec §5.4) ===== */
.quiz-box{background:#fff;border:1px solid var(--greige);border-radius:var(--radius-lg);padding:32px;max-width:640px;margin-top:24px}
.quiz-opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.quiz-opt{padding:12px 20px}
.quiz-results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.quiz-results .p-card{display:block;border:1px solid var(--greige);border-radius:var(--radius-md);overflow:hidden}
.quiz-results .p-visual{aspect-ratio:1/1;background:var(--greige)}
.quiz-results .p-visual img{width:100%;height:100%;object-fit:cover}
.quiz-results .p-body{padding:12px}
.quiz-results .p-body h3{font-size:14px;margin-bottom:4px}
.quiz-results .price{color:var(--terra);font-weight:600;font-size:14px}
@media(max-width:700px){.quiz-results{grid-template-columns:1fr}}

/* Blog — ported from design mockup (round 39-41) */
.crumb{font-size:13.5px;color:var(--sage-deep);margin:20px 0 4px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.blog-card{background:#fff;border:1px solid var(--greige);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform .25s ease,box-shadow .25s ease}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.blog-tag{align-self:flex-start;background:color-mix(in oklab, var(--terra) 14%, white);color:var(--terra-btn);font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:999px}
.blog-card h3{font-size:18px;line-height:1.35;font-weight:600}
.blog-card .blog-link{font-size:13.5px;font-weight:600;color:var(--terra);margin-top:auto;padding-top:4px}
.blog-card .blog-link:hover{text-decoration:underline}
@media(max-width:920px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}}
.article-page{max-width:760px;margin:0 auto}
.article-tag-row{display:flex;align-items:center;gap:10px;margin-top:6px}
.article-hero-img{width:100%;border-radius:var(--radius-lg);margin:18px 0 26px;aspect-ratio:16/9;object-fit:cover;background:var(--greige);display:block}
.article-meta{color:var(--sage-deep);font-size:13.5px;margin-top:10px}
.article-body{font-size:17px;line-height:1.78;max-width:70ch;font-weight:300}
.article-body h2{font-size:26px;margin:36px 0 14px;font-weight:600}
.article-body h3{font-size:19px;margin:26px 0 10px;font-weight:600}
.article-body p{margin-bottom:16px}
.article-body ul{margin:0 0 18px;padding-inline-start:22px}
.article-body li{margin-bottom:7px}
.article-body strong{font-weight:600;color:var(--ink)}
.article-back{margin-top:8px}
.article-more{margin-top:54px;border-top:1px solid var(--greige);padding-top:30px}
@media(max-width:560px){.article-body{font-size:16px}.article-body h2{font-size:22px}}

/* ============ Homepage sections — ported verbatim from design mockup ============ */
.stats-band{background:var(--ink);color:var(--bone);padding:48px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center;padding-inline:clamp(20px,4vw,64px)}
.stats-grid>div{position:relative}
.stats-grid>div+div::before{content:"";position:absolute;right:-13px;top:50%;transform:translateY(-50%);height:46px;width:1px;background:rgba(252,249,244,.16)}
.stat-num{display:block;font-size:clamp(36px,5vw,54px);font-weight:700;color:var(--bone);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.stat-num .u{color:var(--terra)}
.stat-cap{display:block;margin-top:9px;font-size:14px;font-weight:400;opacity:.88;line-height:1.45;max-width:22ch;margin-inline:auto}
@media(max-width:768px){.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div:nth-child(2)::before{display:none}}

/* וידאו תהליכי ייצור — full-bleed, מיד מתחת לרצועת מוני האמון (.stats-band).
   הועתק מהאב-טיפוס (אבטיפוס-אתר-מנדלבוים-מעודכן.html) — אותה שיטת full-bleed
   כמו .stats-band/.promo-slider. גובה מוקטן ל-50%: aspect-ratio:32/9 (כפול-רוחב
   מול 16/9 הטבעי של קובץ המקור) במקום 16/9 מלא. object-fit:cover חותך למרכז. */
.mfg-video{position:relative;overflow:hidden;background:var(--ink);line-height:0}
.mfg-video__el{display:block;width:100%;aspect-ratio:32/9;max-height:41vh;object-fit:cover}
.mfg-video__caption{position:absolute;inset-inline:0;bottom:0;padding:18px clamp(20px,4vw,64px);background:linear-gradient(to top,rgba(31,41,51,.62),transparent);color:var(--bone);font-size:14px;font-weight:400;line-height:1.5}
@media(max-width:620px){.mfg-video__el{aspect-ratio:16/9;max-height:28vh}}

.hero{padding:64px 0 0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:1400px;margin:0 auto;padding:0 24px}
.hero h1{font-size:clamp(34px,4.4vw,54px)}
.hero .lead{font-size:18px;font-weight:300;margin-top:14px;color:var(--sage-deep)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.hero-reassure{margin-top:16px;font-size:13.5px;font-weight:400;color:var(--sage-deep);letter-spacing:.01em}
.hero-visual{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-md)}
.hero-visual img{width:100%;height:100%;object-fit:cover;display:block}
.hero-badge{position:absolute;top:18px;right:18px;z-index:2;background:var(--bone);border-radius:var(--radius-pill);padding:8px 16px 8px 14px;font-size:13px;font-weight:500;color:var(--sage-deep);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:7px}
.hero-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--terra);flex-shrink:0}
/* סבב 155–156 (הועתק מהאב-טיפוס): טקסט השליחות הוגדל לגודל כותרת-המשנה של
   ה-hero עצמו (20px, כמו .hero .lead) — היה 15px, קטן מדי ביחס למשקל שני
   הפסקאות. תיבת הטקסט הורחבה ב-25% (65ch→81.25ch) יחד עם ההגדלה. */
.hero-mission{margin-top:40px;padding-top:36px;border-top:1px solid var(--greige);display:flex;flex-direction:column;align-items:center;gap:16px;max-width:1400px;padding-inline:24px}
.hero-mission p{max-width:calc(65ch * 1.25);font-weight:300;font-size:20px;line-height:1.7;color:var(--ink);margin:0;text-align:center}

.promo-slider{padding:24px 24px 0;max-width:1400px;margin:0 auto}
.ps-wrap{position:relative;background:linear-gradient(135deg,#1F2933 0%,#28323d 100%);border:1px solid rgba(252,249,244,.08);overflow:hidden;box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}
.ps-track{position:relative;min-height:420px}
.ps-slide{position:absolute;inset:0;display:grid;grid-template-columns:.75fr 1.25fr;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .6s var(--ease-standard),transform .6s var(--ease-standard),visibility 0s linear .6s}
.ps-slide.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--ease-standard),transform .6s var(--ease-standard)}
.ps-info{padding:36px 32px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.ps-eyebrow{font-size:13px;font-weight:600;color:var(--terra);letter-spacing:.02em}
.ps-info h3{font-size:28px;color:var(--bone)}
.ps-info p{font-weight:300;color:rgba(252,249,244,.78);max-width:44ch;margin:0}
.ps-price{font-size:24px;font-weight:700;margin-top:2px;color:var(--bone)}
.ps-price s{font-weight:300;color:rgba(252,249,244,.5);font-size:15px;margin-inline-start:8px}
.ps-info .btn{align-self:flex-start;margin-top:6px}
.ps-info .btn-primary{background:var(--bone);color:var(--ink)}
.ps-media{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--greige) 0%,#d8cfc2 100%)}
.ps-media img{width:100%;height:100%;object-fit:cover}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--greige);box-shadow:var(--shadow-sm);font-size:20px;line-height:1;color:var(--ink);cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center}
.ps-arrow.next{right:16px}
.ps-arrow.prev{left:16px}
.ps-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.ps-dot{width:9px;height:9px;border-radius:50%;background:var(--greige);border:none;cursor:pointer;padding:0}
.ps-dot.on{background:var(--terra)}
@media(max-width:768px){.ps-slide{grid-template-columns:1fr}.ps-track{min-height:640px}}

.strip-greige{background:var(--bone);border-top:1px solid var(--greige);border-bottom:1px solid var(--greige)}

.quiz-section{background:linear-gradient(180deg,var(--bone) 0%, #EFE9E0 100%)}
.quiz-wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center}
.quiz-intro-col .eyebrow{display:inline-block;color:var(--terra);letter-spacing:.14em;font-size:13px;font-weight:600;margin-bottom:10px}
.quiz-intro-col h2{line-height:1.12;color:var(--ink)}
.quiz-intro-col>p{font-weight:300;font-size:17px;line-height:1.6;color:var(--ink);max-width:65ch}
.quiz-vps{list-style:none;margin-top:22px;padding:0;display:flex;flex-direction:column;gap:11px}
.quiz-vps li{position:relative;padding-inline-start:28px;font-size:15px;font-weight:300;line-height:1.4}
.quiz-vps li::before{content:"";position:absolute;inset-inline-start:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--terra)}
.quiz-vps li::after{content:"✓";position:absolute;inset-inline-start:4px;top:2px;color:#fff;font-size:11px;font-weight:700}
.quiz-cta-card{background:var(--bone);border:1px solid var(--greige);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:34px;text-align:center}
.quiz-cta-card p{font-weight:300;color:var(--sage-deep);margin:10px 0 20px}
@media(max-width:920px){.quiz-wrap{grid-template-columns:1fr}}

.feel-model{background:linear-gradient(180deg,var(--bone) 0%, #EFE9E0 100%)}
.fm-head{max-width:720px;margin-bottom:32px}
.fm-lead{font-size:17px;font-weight:300;color:var(--ink);line-height:1.7;margin-top:8px;max-width:65ch}
.fm-explorer{background:var(--bone);border:1px solid var(--greige);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:30px 28px}
.fm-ends{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;margin-bottom:12px;gap:10px}
.fm-end.relax{color:var(--sage-deep)}
.fm-end.perf{color:var(--terra)}
/* סבב 169 (הועתק מהאב-טיפוס): קצה שלישי (BALANCE) באמצע — אותה שיטת פריסה
   flex+space-between עם 3 פריטים, עקבי עם .fm-scale מתחתיו. */
.fm-mid{color:var(--sage-deep);opacity:.7}
.fm-range{width:100%;height:12px;-webkit-appearance:none;appearance:none;background:linear-gradient(to left,var(--sage) 0%,var(--greige) 50%,var(--terra) 100%);border-radius:var(--radius-pill);direction:rtl;cursor:pointer}
.fm-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--ink);border:3px solid var(--bone);box-shadow:var(--shadow-md);cursor:grab}
.fm-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--ink);border:3px solid var(--bone);box-shadow:var(--shadow-md);cursor:grab}
.fm-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--sage-deep);margin-top:8px}
.fm-readout{display:flex;gap:18px;align-items:center;margin:24px 0 4px}
.fm-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-lg);background:var(--sage);color:var(--bone)}
.fm-badge b{font-size:40px;font-weight:700;line-height:1}
.fm-badge span{font-size:11px;font-weight:600;margin-top:5px;text-align:center;padding:0 6px;letter-spacing:.02em;line-height:1.3}
.fm-desc{font-size:15px;line-height:1.65;font-weight:300;color:var(--ink);margin:0;max-width:65ch}
.fm-axes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.fm-axis{background:var(--bone);border:1px solid var(--greige);border-radius:var(--radius-lg);padding:22px 24px}
.fm-axis-h{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.fm-axis-ic{width:40px;height:40px;border-radius:var(--radius-md);background:var(--foam);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fm-axis-ic svg{width:22px;height:22px;stroke:var(--sage-deep);fill:none;stroke-width:1.7}
.fm-axis h3{font-size:20px}
.fm-axis p{font-size:13.5px;font-weight:300;line-height:1.65;color:var(--ink)}
.fm-foot{margin-top:22px;font-size:13.5px;font-weight:300;color:var(--ink);text-align:center;max-width:65ch;margin-inline:auto;line-height:1.65}
@media(max-width:920px){.fm-axes{grid-template-columns:1fr}}

.cocoon{background:linear-gradient(180deg,var(--bone) 0%, #EFE9E0 100%);color:var(--midnight);padding:58px 0;border-top:1px solid var(--greige);border-bottom:1px solid var(--greige)}
.cocoon-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:1400px;margin:0 auto;padding:0 24px}
.cocoon-wordmark{font-family:'Rubik',sans-serif;font-weight:700;font-size:30px;letter-spacing:.02em;color:var(--midnight);display:block}
.cocoon-tag{color:var(--foam);background:var(--midnight);display:inline-block;border-radius:var(--radius-pill);padding:5px 14px;font-size:13px;margin-top:10px}
.cocoon p{margin-top:16px;max-width:65ch;font-weight:300;font-size:17px}
/* סבב 118/123 (הועתק מהאב-טיפוס): שתי התועלות מוצגות כתגית-כמוסה (pill) כהה
   (Midnight/Foam) במקום תיבה בהירה עם נקודת-בולט — עקבי עם תגית "COCOON" עצמה. */
.cocoon-points{display:grid;gap:12px}
.cocoon-point{background:var(--midnight);color:var(--foam);border-radius:var(--radius-pill);padding:14px 24px;font-size:15px;text-align:center}
.cocoon-point strong{color:var(--clay);font-weight:600}
.cocoon-deep{grid-column:1/-1;margin-top:40px;padding-top:34px;border-top:1px solid rgba(45,52,54,.18)}
/* סבבים 267-274/276-277 (פורט מהאב-טיפוס): פרק COCOON נפתח כעת ב-eyebrow+h3
   בתוך .fm-head (class גלובלי קיים, בשימוש-חוזר ממודל-התחושה), במקום הלוגו/
   .cocoon-tag/פסקת-הפתיחה/.cocoon-points שהוסרו (round 268, front-page.php).
   #cocoon .fm-head h3 מיישר את גודל-הכותרת ל-.section-title (round 273,
   ערכים מועתקים 1:1: font-size/margin-bottom/gap, לא class משותף — כדי לא
   להסתמך על specificity). round 274/276/277: כותרת+גוף-טקסט נמתחים לרוחב
   מלא (max-width:none), מוגבל במפורש ל-#cocoon/#feel-model בלבד — לא כלל
   גלובלי חדש על .fm-head/.fm-lead/.cocoon-deep p/.fm-desc. */
#cocoon .fm-head{grid-column:1/-1}
#cocoon .fm-head h3{font-size:34px;margin-bottom:6px;font-weight:600;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--midnight)}
#cocoon .fm-head h3::before{content:"";flex:0 0 auto;width:4px;height:.82em;background:var(--terra);border-radius:2px}
.cocoon-deep h3{font-size:22px;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--midnight)}
.cocoon-deep p{margin-top:12px;max-width:65ch;font-weight:300;font-size:15px;line-height:1.6}
#cocoon .fm-head,#feel-model .fm-head{max-width:none}
#feel-model .fm-lead{max-width:none}
#cocoon .cocoon-deep p{max-width:none}
#feel-model .fm-desc{max-width:none}
.cocoon-accordion{margin:22px 0;border-top-color:rgba(45,52,54,.25)}
.cocoon-accordion .acc-item{border-bottom-color:rgba(45,52,54,.25)}
.cocoon-accordion .acc-head{color:var(--midnight);font-size:15.5px}
.cocoon-accordion .acc-body{color:var(--midnight);font-weight:300;font-size:14.5px;line-height:1.6}
.cocoon-close{background:rgba(45,52,54,.09);border-radius:var(--radius-md);padding:16px 18px;max-width:none!important}
.cocoon-close b{font-weight:600}
.cocoon-applic{margin-top:34px;padding-top:28px;border-top:1px solid rgba(45,52,54,.25)}
.cocoon-applic h4{font-size:16px;font-weight:600;margin-bottom:14px;color:var(--midnight)}
.cocoon-prod-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
.cocoon-prod-card{background:#fff;border:1px solid var(--greige);border-radius:var(--radius-md);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.cocoon-prod-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.cocoon-prod-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cocoon-prod-card .cpc-body{padding:8px 10px}
.cocoon-prod-card .cpc-name{display:block;font-size:12.5px;font-weight:500;color:var(--midnight);line-height:1.3}
.cocoon-prod-card .cpc-price{display:block;font-size:12px;color:var(--midnight);opacity:.75;margin-top:2px}
.cocoon-applic .btn-ghost{border-color:var(--midnight);color:var(--midnight)}
@media(max-width:920px){.cocoon-grid{grid-template-columns:1fr}.cocoon-prod-strip{grid-template-columns:repeat(2,1fr)}}

.branch-strip{display:flex;gap:10px;flex-wrap:wrap}
.branch-chip{background:#fff;border:1px solid var(--greige);border-radius:var(--radius-pill);padding:9px 18px;font-size:13.5px;color:var(--ink)}

.accordion{margin-top:26px;border-top:1px solid var(--greige)}
.faq-wrap{max-width:860px;margin-inline-end:auto}
.acc-item{border-bottom:1px solid var(--greige)}
.acc-head{width:100%;background:none;border:none;text-align:right;padding:16px 2px;font-size:16.5px;font-weight:500;display:flex;justify-content:space-between;align-items:center;color:var(--ink);cursor:pointer}
.acc-head:hover{color:var(--sage-deep)}
.acc-head span{color:var(--sage);font-size:20px;line-height:1}
.acc-item.open .acc-head span{color:var(--terra)}
.acc-body{display:none;padding:0 2px 16px;font-size:15px;font-weight:300;line-height:1.65}
.acc-body a{color:var(--terra)}
.acc-item.open .acc-body{display:block}

/* ===== כפתור וואטסאפ צף — קבוע בכל עמוד. ===== */
.wa-float{position:fixed;bottom:26px;right:26px;width:56px;height:56px;border-radius:50%;background:var(--sage);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:90;transition:transform var(--dur-base) var(--ease-standard),filter var(--dur-base) var(--ease-standard)}
.wa-float:hover{transform:scale(1.07);filter:brightness(1.05)}
.wa-float svg{width:27px;height:27px}
@media(max-width:560px){.wa-float{bottom:18px;right:18px;width:50px;height:50px}.wa-float svg{width:24px;height:24px}}

/* ===== ווידג'ט נגישות צף — צד שמאל, לא מתנגש עם .wa-float שבצד ימין.
   הגדלת/הקטנת טקסט, ניגודיות גבוהה, גווני אפור, הדגשת קישורים, גופן קריא,
   עצירת אנימציות, סמן מוגדל, איפוס — נשמר ב-localStorage. אינו תחליף
   לביקורת נגישות מקצועית מלאה (ת"י 5568 / WCAG 2.0 AA). ===== */
.a11y-widget{position:fixed;bottom:26px;left:26px;z-index:95}
.a11y-toggle{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--ink);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--dur-base) var(--ease-standard),filter var(--dur-base) var(--ease-standard)}
.a11y-toggle:hover{transform:scale(1.07);filter:brightness(1.15)}
.a11y-toggle svg{width:49px;height:49px}
.a11y-panel{position:absolute;bottom:76px;left:0;width:320px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:18px;display:flex;flex-direction:column;gap:10px;max-height:min(560px,calc(100vh - 108px));overflow-y:auto}
.a11y-panel[hidden]{display:none}
.a11y-panel h3{margin:0 0 4px;font-size:17px;color:var(--ink)}
.a11y-profiles{display:flex;gap:8px;margin-bottom:2px}
.a11y-profile{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;background:var(--bone);border:1.5px solid var(--greige);border-radius:var(--radius-sm);padding:10px 4px;font-size:13px;font-family:inherit;color:var(--ink);cursor:pointer}
.a11y-profile:hover{background:var(--greige)}
.a11y-profile:focus-visible{outline:3px solid var(--sage);outline-offset:2px}
.a11y-profile svg{width:24px;height:24px}
.a11y-divider{height:1px;background:var(--greige);margin:2px 0 4px}
.a11y-panel button[data-a11y]{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;background:var(--bone);border:1.5px solid var(--greige);border-radius:var(--radius-sm);padding:12px 14px;font-size:15.5px;font-family:inherit;color:var(--ink);cursor:pointer;text-align:right}
.a11y-panel button[data-a11y] svg{width:21px;height:21px;flex-shrink:0}
.a11y-panel button[data-a11y]:hover{background:var(--greige)}
.a11y-panel button[data-a11y]:focus-visible{outline:3px solid var(--sage);outline-offset:2px}
.a11y-panel .a11y-label{flex:1;text-align:right}
.a11y-panel button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.a11y-panel button[aria-pressed="true"]::after{content:"\2713";font-size:18px;font-weight:700;flex-shrink:0}
.a11y-panel .a11y-reset{background:var(--terra);color:#fff;border-color:var(--terra);justify-content:center;margin-top:4px}
.a11y-panel .a11y-reset span{flex:none}
.a11y-panel .a11y-statement{display:block;font-size:14px;text-align:center;padding:8px;margin-top:2px;color:var(--sage-deep);text-decoration:underline}
@media(max-width:560px){.a11y-widget{bottom:18px;left:18px}.a11y-toggle{width:58px;height:58px}.a11y-toggle svg{width:44px;height:44px}.a11y-panel{bottom:70px;width:min(300px,calc(100vw - 36px))}}

/* ===== מצבי נגישות מיושמים על html — מופעלים ע"י ווידג'ט הנגישות (assets/a11y.js) ===== */
html.a11y-font-1 body{font-size:112%}
html.a11y-font-2 body{font-size:124%}
html.a11y-font-3 body{font-size:136%}
html.a11y-contrast body{background:#000 !important;color:#fff !important}
html.a11y-contrast .site-header,html.a11y-contrast .site-footer{background:#000 !important}
html.a11y-contrast a{color:#ffd166 !important}
html.a11y-contrast .btn-primary{background:#ffd166 !important;color:#000 !important}
html.a11y-grayscale{filter:grayscale(1)}
html.a11y-underline a{text-decoration:underline !important}
html.a11y-readable body,html.a11y-readable body *{font-family:Arial,Helvetica,sans-serif !important;letter-spacing:.02em !important}
html.a11y-stop-anim *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
html.a11y-cursor,html.a11y-cursor *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M2 2 L2 26 L9 20 L13 30 L17 28 L13 18 L22 18 Z" fill="black" stroke="white" stroke-width="1.5"/></svg>') 2 2,auto !important}

/* ===== תיאור-קולקציה בעמוד ארכיון קטגוריה — מיובא מהאב-טיפוס (סבב 90/107) =====
   מוצג ע"י ה-term description הרגיל של WooCommerce (woocommerce_taxonomy_archive_description,
   templates/loop/header.php) — אין צורך בטמפלט מותאם, רק בעיצוב ה-HTML שכבר מאוחסן
   בתיאור כל term (קולקציית RELAX/BALANCED/PERFORMANCE/COCOON/ילדים ונוער). */
.term-description{margin-bottom:22px}
.cat-zone-desc{position:relative;background:var(--greige);border-radius:var(--radius-md);padding:20px 24px 20px 20px;margin-bottom:0;max-width:72ch}
.cat-zone-desc::before{content:"";position:absolute;top:14px;bottom:14px;right:0;width:4px;background:var(--terra-btn);border-radius:2px}
.cat-zone-desc h2{font-size:19px;margin:0 0 8px;color:var(--ink)}
.cat-zone-desc p{font-size:15px;line-height:1.7;color:var(--ink);margin:0;opacity:.9}

/* ===================================================================
   Product page (PDP) — round 247, Open Item #1 (live price sync).
   Wraps WooCommerce's native single-product markup (woocommerce/
   content-single-product.php) in the site's brand layout. Every price/
   variation/stock string inside .mb-pdp-info comes from WooCommerce's own
   hooks — this CSS only styles it, never hardcodes a number.
   =================================================================== */
.mb-pdp{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:start;padding:32px 0 24px}
@media (max-width:920px){ .mb-pdp{grid-template-columns:1fr} }

.mb-pdp-gallery .woocommerce-product-gallery{border-radius:var(--radius-lg);overflow:hidden;background:var(--foam)}
.mb-pdp-gallery img{border-radius:var(--radius-lg)}
.mb-pdp-gallery .flex-control-thumbs{display:flex;gap:10px;margin-top:12px;padding:0;list-style:none}
.mb-pdp-gallery .flex-control-thumbs li{width:72px}
.mb-pdp-gallery .flex-control-thumbs img{border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid transparent;opacity:.75;transition:opacity var(--dur-fast)}
.mb-pdp-gallery .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--terra)}

.mb-pdp-info{position:sticky;top:110px}
@media (max-width:920px){ .mb-pdp-info{position:static} }
.mb-pdp-info .product_title{font-size:var(--fs-section-h,32px);margin-bottom:.35em}
.mb-pdp-info .price{font-size:26px;font-weight:600;color:var(--ink);display:block;margin:.2em 0 .6em}
.mb-pdp-info .price ins{color:var(--terra-btn);text-decoration:none;font-weight:700}
.mb-pdp-info .price del{opacity:.55;font-size:.75em;margin-inline-start:8px}
.mb-pdp-info .woocommerce-variation-price{margin-bottom:.6em}

/* Native WC variation <select> (size) — dress it up like the prototype's
   custom size dropdown (audit-report.md round 201) without touching its
   underlying <select> element/JS, so WooCommerce's own variation-matching
   keeps working untouched. */
.mb-pdp-info table.variations{width:100%;border:0;margin:0 0 16px}
.mb-pdp-info table.variations td{padding:0;display:block}
.mb-pdp-info table.variations select{width:100%;padding:14px 44px 14px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--greige);background:var(--bone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%231F2933' stroke-width='2' fill='none'/%3E%3C/svg%3E") left 16px center/14px no-repeat;font-size:16px;color:var(--ink);appearance:none;cursor:pointer}
.mb-pdp-info table.variations tr{display:block;margin-bottom:10px}
.mb-pdp-info .reset_variations{display:inline-block;margin-top:6px;font-size:13px;color:var(--sage-btn)}

.mb-pdp-info .single_add_to_cart_button{width:100%;padding:16px 26px;font-size:16px;margin-top:8px}
.mb-pdp-info .mb-branch-cta{width:100%;margin-top:10px;text-align:center}
.mb-pdp-info .quantity{display:inline-block;margin-inline-end:12px}
.mb-pdp-info .quantity input{width:64px;padding:12px;border-radius:var(--radius-md);border:1.5px solid var(--greige);text-align:center}

.mb-trust{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.mb-trust li{background:var(--foam);color:var(--ink);border-radius:var(--radius-pill);padding:8px 16px;font-size:13.5px;font-weight:500}
/* סבב 257 (אושר במפורש ע"י המנכ"ל): CTA-לתיאום-פגישה עם יועץ שינה, מוצג
   במקום buy-box ריק על מוצרים ללא מחיר קבוע — פורט 1:1 מ-.pdp-consult-cta/
   #pdpConsultCta באב-הטיפוס (סבב 252). טוקני-העיצוב (--foam/--greige/--ink/
   --radius-lg) כבר קיימים ב-:root של התבנית הזו עצמה (לא הומצאו) — אותם
   שמות בדיוק שמשמשים כבר בשאר בלוקי ה-PDP (.mb-pdp-gallery/.mb-trust
   למעלה), רק --fs-sm/--fs-md של הפרוטוטייפ הוחלפו בערכי-px תואמי-מוסכמה
   לשאר הקובץ (למשל .mb-trust li כבר משתמש ב-13.5px קבוע, לא במשתנה). */
.mb-pdp-consult-cta{margin:20px 0 8px;padding:20px;background:var(--foam);border-radius:var(--radius-lg)}
.mb-pdp-consult-note{font-size:14px;line-height:1.7;color:var(--ink);margin:0 0 14px}
.mb-pdp-consult-pricefrom{font-size:17px;font-weight:600;color:var(--ink);margin:0 0 14px}
.mb-pdp-consult-cta .btn{width:100%;padding:15px;font-size:14px}

.mb-pdp-tabs{margin-top:40px}
.mb-pdp-tabs .woocommerce-tabs ul.tabs{display:flex;gap:8px;border-bottom:1.5px solid var(--greige);margin-bottom:24px;padding:0;list-style:none}
.mb-pdp-tabs .woocommerce-tabs ul.tabs li{padding:12px 20px;cursor:pointer;font-weight:500;border-bottom:2px solid transparent}
.mb-pdp-tabs .woocommerce-tabs ul.tabs li.active{border-color:var(--terra);color:var(--terra-btn)}

/* Mobile/tablet sticky buy bar — mirrors the live price via JS (assets/pdp.js),
   never computes one itself. Same show/hide pattern as the prototype's
   .pdp-sticky-cta (round 213/234: also yields to the WhatsApp float button). */
.mb-pdp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:95;display:none;align-items:center;justify-content:space-between;gap:16px;background:var(--bone);border-top:1px solid var(--greige);box-shadow:var(--shadow-lg);padding:12px 20px}
.mb-pdp-sticky.show{display:flex}
.mb-pdp-sticky-price{font-size:17px;font-weight:600;color:var(--ink)}
.mb-pdp-sticky-btn{flex:0 0 auto;padding:12px 24px}
@media (min-width:921px){ .mb-pdp-sticky{display:none !important} }
body:has(.mb-pdp-sticky.show) .wa-float{display:none}
/* סבב 286: אותו דפוס מניעת-חפיפה עם וואטסאפ הצף, לסרגל-ההשוואה. */
body:has(.compare-bar.show) .wa-float{bottom:92px}

/* ===================================================================
   Product grid / category archive (shop, product_cat archives) — round
   249, extending Open Item #1 coverage beyond the single-product page.
   Styles WooCommerce's native loop markup (ul.products > li.product,
   woocommerce_template_loop_price, etc.) — every price/sale-flash here
   is WooCommerce's own live output, nothing hardcoded. No PHP override
   needed: the default template hierarchy already emits these classes.
   =================================================================== */
.mb-filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:0 0 28px;padding:20px;background:var(--foam);border-radius:var(--radius-lg)}
.mb-filter-bar .widget{margin:0}
.mb-filter-bar .widget-title{font-size:13px;font-weight:600;margin:0 0 6px;color:var(--sage-deep)}

ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;margin:0;padding:0;list-style:none}
/* סבבים 278/279 (פורט מהאב-טיפוס): מראה כרטיס-מוצר עודכן — גרדיאנט-רקע עדין
   במקום לבן שטוח (כמו .card-frame), ומסגרת טרה-קוטה תמיד-גלויה לפי הנחיות
   המיתוג (--terra, לא --terra-btn — מסגרת דקורטיבית, לא טקסט/רקע-מאחורי-טקסט),
   מתעבה/מתכהה קלות ב-hover ל--terra-btn. רדיוס נשאר lg (סבב 281: כרטיס-מוצר
   שייך למשפחת "כרטיס סטנדרטי", לא לעטיפות-סקשן שמקבלות xl). */
ul.products li.product{position:relative;background:linear-gradient(180deg,#fff 0%,var(--bone) 100%);border:1.5px solid var(--terra);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--dur-base),transform var(--dur-base),border-color var(--dur-base)}
ul.products li.product:hover{border-color:var(--terra-btn)}
ul.products li.product:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
ul.products li.product a.woocommerce-LoopProduct-link{display:block;color:inherit}
ul.products li.product img{aspect-ratio:1/1;object-fit:cover;width:100%;border-radius:0}
ul.products li.product .woocommerce-loop-product__title{font-size:16px;font-weight:500;margin:14px 16px 4px;line-height:1.35}
ul.products li.product .price{display:block;margin:0 16px 14px;font-size:15px;font-weight:600;color:var(--ink)}
ul.products li.product .price ins{color:var(--terra-btn);text-decoration:none}
ul.products li.product .price del{opacity:.55;font-size:.85em;margin-inline-start:6px}
ul.products li.product .onsale{position:absolute;top:12px;inset-inline-start:12px;background:var(--terra-btn);color:var(--bone);border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;font-weight:600;z-index:2}
ul.products li.product .button{display:block;margin:0 16px 16px;text-align:center;padding:11px 18px;border-radius:var(--radius-pill);background:var(--ink);color:var(--bone);font-size:14px;font-weight:500;transition:transform var(--dur-fast)}
ul.products li.product .button:hover{transform:translateY(-1px)}
ul.products li.product .mb-quote-btn{background:var(--sage-btn)}

.woocommerce-pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}
.woocommerce-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:var(--radius-pill);background:var(--foam);color:var(--ink);font-size:14px}
.woocommerce-pagination .page-numbers.current{background:var(--ink);color:var(--bone)}

/* ===================================================================
   Round 250 — model-specific badges + spec tab. Both driven entirely by
   migrated postmeta (build-scripts/migrate-badges-speccard.php) ported
   from the prototype's renderBadges()/renderSpecCard() — styling only.
   =================================================================== */
.mb-badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.mb-badges li{background:var(--greige);color:var(--ink);border-radius:var(--radius-pill);padding:6px 14px;font-size:12.5px;font-weight:500}
.mb-badges li:first-child{background:var(--sage-btn);color:var(--bone)}

.mb-spec-card .mb-spec-tagline{font-size:19px;font-weight:600;color:var(--ink);margin-bottom:.4em}
.mb-spec-card .mb-spec-desc{font-size:16px;line-height:1.7;color:var(--ink);max-width:65ch}
.mb-spec-card h4{font-size:17px;margin-top:1.2em}
.mb-layer-list{list-style:none;margin:.6em 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.mb-layer-list li{padding-inline-start:18px;position:relative;font-size:15px;line-height:1.6;color:var(--ink)}
.mb-layer-list li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--terra-btn)}

/* ===== השוואת דגמים (סבב 286, פורט מהאב-טיפוס .card-compare/.compare-bar/
   .compare-modal/.compare-table) — טוקני --fs-* של האב-טיפוס לא קיימים כאן,
   הוחלפו בערכי-px מקבילים (14px≈--fs-2xs, 12.5px≈--fs-micro, 32px≈--fs-section-h),
   כמו שכבר נעשה לפרק COCOON בסבב 283. ===== */
.card-compare{position:absolute;bottom:10px;left:10px;background:rgba(252,249,244,.94);border-radius:var(--radius-sm);padding:5px 9px;font-size:12.5px;display:flex;gap:6px;align-items:center;z-index:2}
.card-compare input{cursor:pointer}
.compare-bar{position:fixed;bottom:0;inset-inline:0;background:var(--ink);color:var(--bone);padding:14px 22px;display:none;align-items:center;justify-content:space-between;gap:14px;z-index:60;box-shadow:var(--shadow-lg);flex-wrap:wrap}
.compare-bar.show{display:flex}
.compare-bar .items{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--greige)}
.compare-modal-bg{position:fixed;inset:0;background:rgba(31,41,51,.55);display:none;align-items:center;justify-content:center;z-index:70;padding:24px}
.compare-modal-bg.show{display:flex}
.compare-modal{background:#fff;border-radius:var(--radius-lg);max-width:920px;width:100%;max-height:85vh;overflow:auto;padding:0 28px 28px}
.cmp-modal-head{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 0 12px;margin-bottom:8px;border-bottom:1px solid var(--greige);z-index:5}
.cmp-modal-head h2{font-size:32px;margin:0}
.cmp-close{width:36px;height:36px;flex-shrink:0;border-radius:50%;border:1px solid var(--greige);background:#fff;font-size:22px;line-height:1;color:var(--ink);display:flex;align-items:center;justify-content:center;transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard);cursor:pointer}
.cmp-close:hover{background:var(--bone);border-color:var(--sage)}
.compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.compare-table th,.compare-table td{border-bottom:1px solid var(--greige);padding:10px;text-align:right;vertical-align:top}
.compare-table th{color:var(--ink);font-weight:600;font-size:14px;position:sticky;right:0;background:var(--bone);z-index:2;box-shadow:-1px 0 0 var(--greige)}
.compare-table tbody tr:nth-child(even) td{background:color-mix(in oklab, var(--greige) 30%, #fff)}
.compare-table tbody tr:hover td{background:color-mix(in oklab, var(--sage) 12%, #fff)}


/* ===== תיקון אינטגרציה מול ה-CSS הגלובלי של WooCommerce (מנטה ווב, 29.7.2026) =====
   התבנית נבדקה במקור רק בעמוד הבית; בעמודי חנות (single product / קטגוריה) ווקומרס
   מוסיף ל-body את הקלאסים woocommerce / woocommerce-page וטוען חוקים גלובליים שדורסים
   את עיצוב התבנית:
   1) woocommerce-layout.css: ‎.woocommerce-page img{height:auto}‎ דורס את
      ‎.logo-img{height:60px}‎ והלוגו נפרש לגודל הטבעי (2250x505).
   2) אותו קובץ נותן ל-li.product float + width באחוזים ומוסיף ל-ul.products
      פסאודו-אלמנטים של clearfix — בתוך ה-grid של התבנית זה יוצר עמודות צרות
      ותא-רפאים ראשון. ה-important נדרש מול הסלקטורים של columns-4. */
.site-header .logo-img{height:60px !important;width:auto !important}
.woocommerce ul.products::before,.woocommerce ul.products::after,
.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{content:none !important;display:none !important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none !important;width:auto !important;margin:0 !important;clear:none !important}

/* ===== המשך תיקוני אינטגרציה (מנטה ווב, 29.7.2026) — יישור לאב-הטיפוס =====
   3) רוחב תוכן: התבנית הגדירה --container-max:1920px, בעוד האב-טיפוס המאושר
      עובד עם 1280px‏ (--w-content). על מסכים רחבים הכל נפרש לכל הרוחב ונראה
      "מרוח". מיושר לערך האב-טיפוס; מקטעים שדורשים רוחב מלא כבר מוגדרים עם
      max-width:none או container--wide ולא מושפעים. */
.container{max-width:var(--w-content)}

/* 4) פוטר: תפריטי wp_nav_menu מדפיסים <li> עם תבליטי ברירת-מחדל — מנוטרל. */
.foot-grid ul{list-style:none;margin:0;padding:0}
.foot-grid li{list-style:none;margin:0;padding:0}
.foot-grid li a{display:block;padding:3px 0;opacity:.85}
.foot-grid li a:hover{opacity:1}