/* תבנית פרחי יצחקי — טוקנים (docs/design/tokens.json) + בסיס. RTL בתכונות לוגיות. */
:root {
	--color-brand: #B84D81; --color-brand-hover: #8D335F; --color-brand-deep: #75294E;
	--color-brand-soft: #F7E6EE; --color-brand-tint: #FDF7FA; --color-line: #EBD6E0;
	--color-ink: #3B2B34; --color-ink-muted: #86707C; --color-surface: #FFFFFF; --color-on-brand: #FFFFFF;
	--color-overlay: rgba(59,43,52,.45); --color-call: #077C06;
	--font-sans: "Ploni", "Heebo", system-ui, sans-serif;
	--fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px; --fs-md: 17px; --fs-lg: 20px; --fs-xl: 28px;
	--space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
	--gutter: 16px; --container: 1200px;
	--radius-sm: 8px; --radius-md: 12px; --radius-pill: 999px; --radius-sheet: 20px 20px 0 0; --radius-lg: 20px;
	--shadow-sheet: 0 0 20px rgba(0,0,0,.2); --shadow-soft: 0 0 10px rgba(0,0,0,.1);
}
body { margin: 0; font-family: var(--font-sans); color: var(--color-ink); background: var(--color-surface); }
[hidden] { display: none !important; }
/* בסיס: box-sizing, מדיה, טיפוגרפיה */
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: inherit; }
body { font-size: var(--fs-base); line-height: 1.6; overflow-wrap: break-word; }
img, video, iframe, embed, object { max-width: 100%; }
img { height: auto; }
a { color: var(--color-ink); }
button, input, select, textarea { font: inherit; color: inherit; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 var(--space-4); font-weight: 800; line-height: 1.2; color: var(--color-ink); }
p { margin: 0 0 var(--space-4); }
/* ---------- כפתורים ---------- */
.itz-btn, .itz-ed .search-submit { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 var(--space-4); border-radius: var(--radius-pill); border: 1px solid var(--color-brand); background: var(--color-brand); color: var(--color-on-brand); font: 800 var(--fs-base)/1.2 var(--font-sans); text-decoration: none; cursor: pointer; }
.itz-btn:hover, .itz-ed .search-submit:hover { background: var(--color-brand-hover); border-color: var(--color-brand-hover); color: var(--color-on-brand); }
.itz-btn-line { background: var(--color-surface); color: var(--color-brand); }
.itz-btn-line:hover { background: var(--color-brand-soft); color: var(--color-brand-hover); }
/* טבעת פוקוס אחת לכל האתר (פוטר וקופה דורסים בצבע משלהם) */
:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 2px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
/* מעבר רך בין דפים (crossfade של הדפדפן, כרום 126+ / ספארי 18.2+; אחרים מתעלמים). בלי אנימציה למי שביקש פחות תנועה. */
@media (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } }

/* ההדר ומגירת העגלה */
.itz-head svg, .itz-drawer svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- ההדר ---------- */
.itz-head { position: sticky; top: 0; z-index: 99; background: var(--color-surface); font-family: var(--font-sans); }
.itz-bar { position: relative; background: var(--color-brand); color: var(--color-on-brand); font: 800 var(--fs-sm)/1.3 var(--font-sans); text-align: center; padding: var(--space-2) var(--gutter); padding-inline-end: 64px; } /* relative: עוגן למחליף השפה; במחשב sticky (למטה) גובר. 64px: מקום למחליף בצד שלו בלבד */
/* שלוש עמודות: [המבורגר+טלפון] [לוגו במרכז האמיתי] [חשבון+עגלה] */
.itz-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--space-3); padding: 5px var(--gutter); max-width: var(--container); margin-inline: auto; }
.itz-start, .itz-end { display: flex; align-items: center; gap: var(--space-4); }
.itz-end { justify-content: flex-end; gap: var(--space-3); } /* 12px: שלושה אייקונים (חיפוש, חשבון, עגלה) נכנסים ב-375px בלי להזיז את הלוגו מהמרכז */
:where(.itz-row) :is(a, button) { color: var(--color-ink); text-decoration: none; } /* :where — בלי !important בכפתורים שלמטה */
:where(.itz-row) button { background: none; border: 0; padding: 0; margin: 0; cursor: pointer; font: inherit; }
.itz-logo { display: block; line-height: 0; }
.itz-logo img { width: 85px; height: auto; display: block; }
.itz-burger { width: 36px; height: 36px; padding: 7px; border-radius: 4px; background: var(--color-brand); color: var(--color-on-brand); }
.itz-burger svg { stroke-width: 2.4; }
/* כל העיגול הוא הקישור (שי, 7.10: רק האייקון שבאמצע חייג) */
.itz-phone { display: inline-flex; align-items: center; gap: var(--space-2); min-width: 44px; height: 38px; padding-inline: 11px; border-radius: var(--radius-pill); background: var(--color-brand-soft); color: var(--color-brand-deep); }
.itz-phone svg { width: 21px; height: 21px; flex: none; }
.itz-phone-num { font: 400 var(--fs-lg)/1 var(--font-sans); direction: ltr; }
/* במובייל המספר מוסתר רק ויזואלית: הוא השם הנגיש של הקישור (גם אחרי ההחלפה של CTM) */
@media (max-width: 1024px) { .itz-phone-num { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
.itz-account { width: 30px; height: 30px; display: block; }
.itz-account svg { fill: currentColor; stroke: none; }
.itz-cart { position: relative; width: 34px; height: 34px; padding: 2px; }
.itz-cart-count { position: absolute; top: -4px; inset-inline-end: -6px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: var(--radius-pill); background: var(--color-brand); color: var(--color-on-brand); font: 800 11px/18px var(--font-sans); text-align: center; }
/* אזור לחיצה של 44px+ לאייקונים הקטנים, בלי לשנות את המראה */
.itz-burger, .itz-account, .itz-phone, .itz-drawer-x { position: relative; }
.itz-burger::after, .itz-account::after, .itz-cart::after, .itz-phone::after, .itz-drawer-x::after { content: ""; position: absolute; inset: -7px; }
.itz-drawer-x:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 2px; } /* המגירה — מחוץ לצמצום 17.10; השאר מהטבעת הגלובלית */

/* חיפוש מוצרים — מובייל: זכוכית בשורה, השדה נפתח כפס מתחת להדר (header.js → .itz-search-open); מחשב: שדה קבוע ב-.itz-end */
.itz-search-btn { position: relative; width: 26px; height: 26px; }
.itz-search-btn::after { content: ""; position: absolute; inset: -6px; }
.itz-search { display: none; position: absolute; top: 100%; inset-inline: 0; padding: var(--space-2) var(--gutter); background: var(--color-surface); border-bottom: 1px solid var(--color-line); }
.itz-search-open .itz-search { display: flex; }
.itz-search input[type="search"] { flex: 1; min-width: 0; height: 44px; margin: 0; padding: 0 var(--space-4); padding-inline-end: 48px; box-sizing: border-box; border: 1px solid var(--color-line); border-radius: var(--radius-pill); background: var(--color-brand-tint); color: var(--color-ink); font: 400 var(--fs-base)/1 var(--font-sans); } /* 16px — בלי זום אוטומטי באייפון */
.itz-search input[type="search"]:focus { outline: none; border-color: var(--color-brand); background: var(--color-surface); }
.itz-search input::placeholder { color: var(--color-ink-muted); }
.itz-search button[type="submit"] { position: absolute; top: 50%; inset-inline-end: calc(var(--gutter) + 5px); translate: 0 -50%; width: 34px; height: 34px; padding: 8px; border-radius: 50%; background: var(--color-brand); color: var(--color-on-brand); }
.itz-search button[type="submit"]:hover { background: var(--color-brand-hover); }
.itz-search button[type="submit"] svg { stroke-width: 2.4; }

/* תפריט — מובייל: פאנל מתחת להדר, תתי-פריטים פתוחים (בלי JS) */
.itz-nav { display: none; }
.itz-menu, .itz-menu ul { list-style: none; margin: 0; padding: 0; }
.itz-nav a { color: var(--color-ink); text-decoration: none; display: block; }
.itz-nav-open .itz-nav { display: block; background: var(--color-brand-soft); max-height: calc(100dvh - 160px); overflow-y: auto; border-top: 1px solid var(--color-line); }
.itz-nav-open .itz-menu > li > a { font: 400 var(--fs-lg)/20px var(--font-sans); padding: 18px var(--gutter); } /* שורה 56px כמו היום */
.itz-nav-open .sub-menu { display: none; margin-top: -10px; padding-bottom: var(--space-2); }
.itz-nav-open .itz-menu > li.is-open > .sub-menu { display: block; } /* נפתח בהקשה על האב (header.js) */
.itz-nav-open .itz-menu > li:has(> .sub-menu) > a::after { content: "▾"; float: inline-end; transition: transform .2s; }
.itz-nav-open .itz-menu > li.is-open > a::after { transform: rotate(180deg); }
.itz-nav-open .sub-menu a { font: 400 var(--fs-md)/1.2 var(--font-sans); padding: 12px calc(var(--gutter) + 16px); color: var(--color-ink-muted); }


/* ---------- מגירת העגלה: מובייל מלמטה, מחשב מהצד ---------- */
.itz-drawer { position: fixed; inset: 0; z-index: 9999; background: var(--color-overlay); display: flex; align-items: flex-end; }
.itz-drawer-in { width: 100%; max-height: 88dvh; overflow-y: auto; background: var(--color-surface); border-radius: var(--radius-sheet); box-shadow: var(--shadow-sheet); padding: var(--space-2) var(--gutter) 0; box-sizing: border-box; display: flex; flex-direction: column; }
.itz-drawer-in::before { content: ""; align-self: center; width: 44px; height: 5px; border-radius: 3px; background: var(--color-line); margin: 2px 0 var(--space-2); }
.itz-drawer-head { display: flex; align-items: center; justify-content: space-between; font: 800 var(--fs-lg)/1.2 var(--font-sans); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-line); }
.itz-drawer-x { background: none; border: 0; font-size: 20px; color: var(--color-ink); cursor: pointer; padding: 4px 8px; }
@media (min-width: 768px) {
	.itz-drawer { align-items: stretch; justify-content: flex-end; }
	.itz-drawer-in { width: 380px; max-height: none; height: 100%; border-radius: 0; }
	.itz-drawer-in::before { display: none; }
}
/* נכנסת בהחלקה (שי 22.10): מובייל מלמטה, מחשב מצד שמאל (RTL). הסגירה מיידית. */
#itz-drawer:not([hidden]) { animation: itz-drawer-fade .3s ease-in-out; }
#itz-drawer:not([hidden]) .itz-drawer-in { animation: itz-drawer-up .3s ease-in-out; }
@media (min-width: 768px) { #itz-drawer:not([hidden]) .itz-drawer-in { animation-name: itz-drawer-side; } }
@keyframes itz-drawer-fade { from { opacity: 0; } }
@keyframes itz-drawer-up { from { transform: translateY(100%); } }
@keyframes itz-drawer-side { from { transform: translateX(-100%); } }
/* ✕ במגירה (header.js) ובדף העגלה (10973): השורה מגיבה מיד, השרת ברקע */
.itz-removing { opacity: .35; transform: translateX(-12px); pointer-events: none; transition: opacity .25s ease-out, transform .25s cubic-bezier(.25, 1, .5, 1); }
@media (prefers-reduced-motion: reduce) { #itz-drawer:not([hidden]), #itz-drawer:not([hidden]) .itz-drawer-in { animation: none; } .itz-removing { transform: none; } }
.itz-drawer .woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; }
/* שורת מוצר — אותה במגירה ובסיכום ההזמנה (itz_line ב-inc/header.php): ✕ · [תמונה | שם / − כמות + × מחיר].
   :is(#itz-drawer, #order_review) — גובר על woocommerce.css (‏ul.product_list_widget li img = 32px, ‏a.remove אדום). */
:is(#itz-drawer, #order_review) .itz-line { display: grid; grid-template-columns: 56px 1fr auto; column-gap: var(--space-3); row-gap: var(--space-1); align-items: center; padding-block: var(--space-3); font-size: var(--fs-sm); line-height: 1.4; text-align: start; }
#itz-drawer .itz-line { border-bottom: 1px solid var(--color-line); }
:is(#itz-drawer, #order_review) .itz-line::before, :is(#itz-drawer, #order_review) .itz-line::after { content: none; } /* ה-clearfix של ווקומרס היה נהיה תא בגריד */
:is(#itz-drawer, #order_review) .itz-line-img { grid-row: span 3; display: block; }
:is(#itz-drawer, #order_review) .itz-line img { float: none; margin: 0; width: 56px; height: 56px; object-fit: cover; border-radius: var(--radius-sm); }
:is(#itz-drawer, #order_review) .itz-line-name { grid-column: 2; color: var(--color-ink); text-decoration: none; font-weight: 800; min-width: 7em; }
:is(#itz-drawer, #order_review) .itz-line :is(.quantity, .variation) { grid-column: 2; color: var(--color-ink-muted); margin: 0; }
/* − כמות + */
.itz-qty { display: flex; align-items: center; gap: var(--space-2); }
.itz-qty button { position: relative; width: 32px; height: 32px; border: 1px solid var(--color-line); border-radius: 50%; background: var(--color-surface); color: var(--color-ink); font: 400 18px/1 var(--font-sans); cursor: pointer; padding: 0; }
.itz-qty button::after { content: ""; position: absolute; inset: -6px; } /* אזור לחיצה 44px (codex-shadow S5); הנראות נשארת 32 */
.itz-qty button:disabled { opacity: .35; cursor: default; }
.itz-qty button:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 2px; }
.itz-qty b { min-width: 1.5em; text-align: center; color: var(--color-ink); }
/* בצד: ✕ למעלה, מחיר השורה מתחת (שי, 11.10). במגירה — עמודה שלישית של השורה; בסיכום — בתא "סכום ביניים" */
:is(#itz-drawer, #order_review) .itz-line-side { grid-column: 3; grid-row: 1 / span 3; display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-2); }
:is(#itz-drawer, #order_review) .itz-line-price { font-weight: 800; color: var(--color-ink); white-space: nowrap; }
:is(#itz-drawer, #order_review) .itz-line-side .remove { position: relative; margin: 0 !important; display: block; width: 24px; height: 24px; line-height: 22px; text-align: center; border: 1px solid var(--color-line); border-radius: 50%; color: var(--color-ink-muted) !important; background: none !important; font-size: 16px; text-decoration: none; }
:is(#itz-drawer, #order_review) .itz-line-side .remove:hover { color: var(--color-ink) !important; background: var(--color-brand-soft) !important; } /* ‏!important — woocommerce.css צובע a.remove באדום עם !important */
:is(#itz-drawer, #order_review) .itz-line-side .remove::after { content: ""; position: absolute; inset: -10px; } /* אזור לחיצה 44px */
.itz-line .variation { font-size: var(--fs-xs); }
.itz-line .variation dt, .itz-line .variation dd { display: inline; margin: 0; }
.itz-drawer .woocommerce-mini-cart__total { display: flex; justify-content: space-between; font: 800 var(--fs-md)/1.2 var(--font-sans); padding: var(--space-4) 0; margin: 0; }
.itz-drawer .woocommerce-mini-cart__empty-message { padding: var(--space-6) 0; text-align: center; color: var(--color-ink-muted); }
.itz-drawer .woocommerce-mini-cart__buttons { position: sticky; bottom: 0; display: grid; grid-template-columns: 1fr 1.3fr; gap: var(--space-3); margin: auto calc(-1 * var(--gutter)) 0; padding: var(--space-3) var(--gutter) calc(var(--space-3) + env(safe-area-inset-bottom, 0px)); background: var(--color-surface); border-top: 1px solid var(--color-line); }


/* פריט עונתי בתפריט (itz_menu_fallback → $season): בולט בצבע המותג, כדי שהחג של התקופה יקפוץ לעין (שי, 12.10) */
.itz-menu > li.itz-season > a { color: var(--color-brand); font-weight: 800; }
.itz-menu > li.itz-season > a::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-inline-end: 8px; border-radius: 50%; background: currentColor; vertical-align: middle; }
.itz-nav-open .itz-menu > li.itz-season { background: var(--color-brand-tint); }

/* ---------- מחשב: חיפוש קבוע; הפס והתפריט נשארים למעלה, שורת הלוגו נגללת; פריט עונתי — בסוף הקובץ ---------- */
@media (min-width: 1025px) {
	.itz-search-btn { display: none; }
	.itz-search { display: flex; position: relative; top: auto; inset-inline: auto; width: 260px; padding: 0; border: 0; background: none; }
	.itz-search button[type="submit"] { inset-inline-end: 5px; }
	.itz-head { display: contents; }
	.itz-bar { position: sticky; top: 0; z-index: 100; font-size: var(--fs-lg); line-height: 20px; padding-block: 10px; } /* 40px — התפריט נדבק מתחתיו */
	.itz-row { padding-block: 6px; }
	.itz-end { gap: 40px; }
	.itz-burger { display: none; }
	.itz-logo img { width: 130px; }
	.itz-phone { height: 40px; padding-inline: 14px 12px; }
	.itz-nav, .itz-nav-open .itz-nav { display: block; position: sticky; top: 40px; z-index: 99; background: var(--color-surface); border-bottom: 1px solid var(--color-line); max-height: none; overflow: visible; border-top: 0; }
	.itz-menu { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-2) var(--space-8); max-width: var(--container); margin-inline: auto; padding: var(--space-3) var(--gutter); }
	.itz-menu > li { position: relative; }
	.itz-menu > li > a { font: 400 var(--fs-lg)/1 var(--font-sans); padding: 10px 2px; border-bottom: 1px solid transparent; }
	.itz-menu > li > a:hover { color: var(--color-brand); border-bottom-color: currentColor; }
	.itz-menu .has-sub > a::after { content: "▾"; font-size: .7em; margin-inline-start: 4px; }
	.itz-menu .sub-menu { display: none; position: absolute; inset-inline-start: 0; top: 100%; min-width: 190px; padding: var(--space-2) 0; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); box-shadow: var(--shadow-soft); z-index: 10; }
	.itz-menu li:hover > .sub-menu, .itz-menu li:focus-within > .sub-menu { display: block; }
	.itz-menu .sub-menu a { font: 400 var(--fs-md)/1.2 var(--font-sans); padding: 10px var(--space-4); white-space: nowrap; }
	.itz-menu .sub-menu a:hover { background: var(--color-brand-soft); color: var(--color-brand); }
	.itz-menu > li.itz-season > a { padding: 8px 16px; border-radius: var(--radius-pill); background: var(--color-brand); color: var(--color-on-brand); border-bottom: 0; }
	.itz-menu > li.itz-season > a:hover { background: var(--color-brand-hover); color: var(--color-on-brand); }
	.itz-menu > li.itz-season > a::before { display: none; }
}

/* ---------- אזורי משלוח (שי, 21.10): כפתור + פאנל (itz_menu_fallback, ‏header.js). מובייל — נפתח בתוך ההמבורגר; מחשב — פאנל צף ---------- */
.itz-areas-btn { display: block; width: 100%; margin: 0; padding: 18px var(--gutter); border: 0; background: none; color: var(--color-ink); font: 400 var(--fs-lg)/20px var(--font-sans); text-align: start; cursor: pointer; }
.itz-areas-btn::after { content: "▾"; float: inline-end; transition: transform .2s; }
.itz-areas.is-open > .itz-areas-btn::after { transform: rotate(180deg); }
.itz-mega { display: none; }
.itz-areas.is-open > .itz-mega { display: grid; gap: var(--space-4); padding: 0 calc(var(--gutter) + 16px) var(--space-4); }
.itz-mega-h { display: block; margin-bottom: var(--space-1); color: var(--color-brand-deep); font: 800 var(--fs-sm)/1.2 var(--font-sans); }
.itz-mega-city ul { columns: 2; column-gap: var(--space-4); }
.itz-mega li { break-inside: avoid; }
.itz-nav .itz-mega li a { padding: 12px 0; color: var(--color-ink-muted); font: 400 var(--fs-md)/1.2 var(--font-sans); } /* שורה 44px */
.itz-nav .itz-mega li a:hover { color: var(--color-brand); }
.itz-nav a.itz-mega-all { display: flex; color: var(--color-brand); } /* itz-btn-line; ‏.itz-nav a צובע בדיו */
.itz-nav a.itz-mega-all:hover { color: var(--color-brand-hover); }
@media (min-width: 1025px) {
	.itz-areas-btn { width: auto; padding: 10px 2px; border-bottom: 1px solid transparent; font: 400 var(--fs-lg)/1 var(--font-sans); }
	.itz-areas-btn::after { float: none; font-size: .7em; margin-inline-start: 4px; }
	.itz-areas-btn:hover, .itz-areas.is-open > .itz-areas-btn { color: var(--color-brand); border-bottom-color: currentColor; }
	/* האחרון בשורה (השמאלי) — הפאנל נפתח ממנו ימינה, לכיוון מרכז הדף */
	.itz-areas.is-open > .itz-mega { position: absolute; top: 100%; inset-inline-end: 0; z-index: 10; width: 520px; grid-template-columns: 2fr 1fr; gap: var(--space-4) var(--space-8); padding: var(--space-5) var(--space-6); background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); box-shadow: var(--shadow-soft); }
	.itz-mega-h { margin-bottom: var(--space-2); }
	.itz-nav .itz-mega li a { padding: 7px 0; white-space: nowrap; }
	.itz-mega-all { grid-column: 1 / -1; min-height: 44px; }
}

/* ‏/en/ בלבד (html בלי dir=rtl; בעברית אף כלל כאן לא חל) — inc/_lang.php */
/* מחליף השפה בצד הפס הסגול (שי 26.10): בעברית בשמאל, באנגלית בימין (inline-end). הטקסט נשאר במרכז — ריפוד בשני הצדדים */
.itz-lang { position: absolute; inset-inline-end: var(--gutter); top: 50%; transform: translateY(-50%); font: 700 var(--fs-sm)/1 var(--font-sans); white-space: nowrap; color: var(--color-on-brand); opacity: .85; }
.itz-lang a { color: var(--color-on-brand); text-decoration: none; }
.itz-lang a:hover, .itz-lang a:focus-visible { text-decoration: underline; }
/* המגירה יושבת בצד ימין ב-LTR — נכנסת מימין */
@keyframes itz-drawer-side-ltr { from { transform: translateX(100%); } }
@media (min-width: 768px) { html:not([dir="rtl"]) #itz-drawer:not([hidden]) .itz-drawer-in { animation-name: itz-drawer-side-ltr; } }
/* כפתור הנגישות (pojo, "שמאל" בהגדרות) מכסה תחילת שורות ב-LTR → ימין */
html:not([dir="rtl"]) #pojo-a11y-toolbar.pojo-a11y-toolbar-left { left: auto; right: -180px; transition-property: right; }
html:not([dir="rtl"]) #pojo-a11y-toolbar.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open { right: 0; }
html:not([dir="rtl"]) #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle { left: auto; right: 180px; }

/* הפוטר (במקום Elementor 3973) וכפתור החיוג הצף */
.itz-foot { background: var(--color-brand); color: var(--color-on-brand); font: 400 var(--fs-sm)/1.35 var(--font-sans); }
.itz-foot a { color: inherit; text-decoration: none; }
.itz-foot a:hover { text-decoration: underline; }
.itz-foot a:focus-visible { outline: 2px solid var(--color-on-brand); outline-offset: 2px; }
.itz-call:focus-visible { outline: 2px solid var(--color-ink); outline-offset: 2px; } /* הכפתור על רקע הדף הלבן — טבעת כהה (codex-shadow) */
.itz-foot h2 { margin: 0 0 var(--space-2); font: 800 var(--fs-lg)/1.2 var(--font-sans); color: inherit; }
.itz-foot ul { list-style: none; margin: 0; padding: 0; }
.itz-foot-col li a { display: flex; align-items: center; min-height: 44px; }
.itz-foot-cities li a { min-height: 32px; } /* ~50 קישורים — 32px עומד ב-WCAG 2.5.8 (24px) בלי פוטר באורך מסך וחצי */

/* מובייל: שתי עמודות. אזורים על כל הרוחב, ניווט מהיר מימין וצומחים+פורחים משמאל, סניפים זה לצד זה, יצירת קשר במרכז */
.itz-foot-in { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6) var(--space-4); padding: var(--space-6) var(--gutter); max-width: var(--container); margin-inline: auto; border-bottom: 1px solid var(--color-on-brand); }
.itz-foot-cities, .itz-foot-branches, .itz-foot-contact { grid-column: 1 / -1; }
.itz-foot-cities ul { columns: 2; column-gap: var(--space-4); }
.itz-foot-cities li { break-inside: avoid; }
.itz-foot .itz-foot-areas { margin-top: var(--space-2); }
.itz-foot-quick { grid-row: span 2; }
.itz-foot-branches { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2) var(--space-4); align-content: start; }
.itz-foot-branches h2 { grid-column: 1 / -1; }
.itz-foot-branch p { margin: 0 0 var(--space-2); }
.itz-foot-branch strong { text-decoration: underline; }
.itz-foot-in > *, .itz-foot-branch { min-width: 0; } /* פריטי גריד לא מתרחבים לרוחב המפה (600) */
.itz-foot-branch iframe { display: block; width: 100%; max-width: 100%; height: 240px; border: 0; background: var(--color-brand-soft); }
.itz-foot-contact { text-align: center; }
.itz-foot-phone { display: inline-block; font: 400 var(--fs-xl)/1.2 var(--font-sans); direction: ltr; }
.itz-foot-logo { display: none; }
.itz-foot .itz-foot-social { display: flex; justify-content: center; gap: var(--space-2); margin-top: var(--space-3); }
.itz-foot-social a { display: grid; place-items: center; width: 44px; height: 44px; }
.itz-foot-social svg { width: 34px; height: 34px; padding: 9px; border-radius: 50%; fill: var(--color-on-brand); }
.itz-foot-social .is-fb svg { background: #3B5998; }
.itz-foot-social .is-ig svg { background: #262626; }
.itz-foot-social .is-wa svg { background: #25D366; }
.itz-foot-bar { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); padding: var(--space-4) var(--gutter) calc(var(--space-4) + 66px); } /* +66: הכפתור הצף לא מכסה את השורה האחרונה */
.itz-foot-bar p { margin: 0; font-size: var(--fs-md); }
.itz-foot-bar img { display: block; width: auto; height: 48px; }

/* כפתור החיוג הצף: מובייל בלבד, ימין-למטה (הכדור של 10973 משמאל). מתחת למגירה (9999) ולכדור (9990). */
.itz-call { position: fixed; inset-inline-start: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 9980; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--color-call); color: var(--color-on-brand); }
.itz-call svg { width: 26px; height: 26px; fill: currentColor; }

@media (min-width: 768px) {
	.itz-call { display: none; }
	.itz-foot-bar { padding-bottom: var(--space-4); }
}

/* מחשב: שש עמודות כמו היום */
@media (min-width: 1025px) {
	.itz-foot { font-size: var(--fs-base); }
	.itz-foot-in { grid-template-columns: 1.3fr 1fr 1fr 1fr 1.3fr 1.2fr; gap: var(--space-6); padding-block: var(--space-8); }
	.itz-foot-cities, .itz-foot-branches, .itz-foot-contact { grid-column: auto; }
	.itz-foot-quick { grid-row: auto; }
	.itz-foot-cities ul { columns: 1; }
	.itz-foot-col li a { min-height: 34px; }
	.itz-foot-cities li a { min-height: 28px; }
	.itz-foot-branches { grid-template-columns: 1fr; }
	.itz-foot-branch iframe { height: 300px; }
	.itz-foot-logo { display: block; width: 110px; height: auto; margin: var(--space-4) auto 0; }
	.itz-foot-bar img { height: 24px; }
}

/* "כל אזורי המשלוח" — אחרי רשימת האזורים, מודגש (שי, 21.10) */
.itz-foot .itz-foot-all { display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--space-2); font-weight: 800; text-decoration: underline; }

/* דף קטגוריה / חנות + כרטיס המוצר (031). מובייל קודם; RTL בתכונות לוגיות.
   ponytail: woocommerce-general עדיין נטען — הדריסות כאן (כולל כמה !important על float/width/margin של li) עד שיוסר באיחוד ה-CSS. */

.itz-arc { font-family: var(--font-sans); max-width: var(--container); margin-inline: auto; padding: var(--space-4) var(--gutter) var(--space-10); }
/* פירורי לחם — קטגוריה, מוצר, אזור/חג, מגזין (מוצר ומגזין דורסים גודל/מרווח בקובץ שלהם) */
:is(.itz-arc, .itz-pdp, .itz-area, .itz-ed) .woocommerce-breadcrumb { margin: 0 0 var(--space-3); font-size: var(--fs-sm); line-height: 1.3; color: var(--color-ink-muted); }
:is(.itz-arc, .itz-pdp, .itz-area, .itz-ed) .woocommerce-breadcrumb a { color: var(--color-ink-muted); text-decoration: none; }
:is(.itz-arc, .itz-pdp, .itz-area, .itz-ed) .woocommerce-breadcrumb a:hover { color: var(--color-brand); }

/* ---------- ראש הדף ---------- */
.itz-arc-title { margin: 0 0 var(--space-2); font: 800 30px/1.2 var(--font-sans); color: var(--color-ink); }
.itz-arc-intro { font-size: var(--fs-base); line-height: 1.6; color: var(--color-ink); max-width: 72ch; }
.itz-arc-intro:empty { display: none; }
.itz-arc-intro p { margin: 0 0 var(--space-2); }
.itz-arc-intro .term-description, .itz-arc-intro .page-description { margin: 0; }

/* ---------- צ'יפים (תתי-קטגוריות / אולי תאהבו גם / "עוד לחתונה" בנחיתה) — שורה נגללת במובייל ---------- */
.itz-chips { display: flex; gap: var(--space-2); margin: var(--space-4) calc(-1 * var(--gutter)) 0; padding: 0 var(--gutter) var(--space-1); overflow-x: auto; scrollbar-width: none; }
.itz-chips::-webkit-scrollbar { display: none; }
:is(.itz-chips, .itz-lp-more) a { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-pill); background: var(--color-surface); color: var(--color-ink); font: 400 var(--fs-base)/1 var(--font-sans); text-decoration: none; white-space: nowrap; }
:is(.itz-chips, .itz-lp-more) a:hover { border-color: var(--color-brand); color: var(--color-brand); }

/* ---------- סרגל: ספירה + מיון ---------- */
.itz-arc-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4); margin: var(--space-4) 0; }
.itz-arc-bar > .woocommerce-notices-wrapper { flex-basis: 100%; }
.itz-arc-bar > .woocommerce-notices-wrapper:empty { display: none; }
.itz-arc-bar .woocommerce-result-count { margin: 0; font-size: var(--fs-sm); color: var(--color-ink-muted); }
.itz-arc-bar .woocommerce-ordering { margin: 0 0 0 auto; }
.itz-arc-bar select.orderby { min-height: 44px; padding: 0 var(--space-4) 0 36px; border: 1px solid var(--color-line); border-radius: var(--radius-pill); background: var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B2B34' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 12px center / 16px; color: var(--color-ink); font: 400 var(--fs-base)/1 var(--font-sans); appearance: none; cursor: pointer; }

/* ---------- הגריד: 2 במובייל, 3 בטאבלט, 4 במחשב ---------- */
ul.products:has(> li.itz-card) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6) var(--space-4); list-style: none; margin: 0; padding: 0; }
ul.products:has(> li.itz-card)::before, ul.products:has(> li.itz-card)::after { display: none !important; }
@media (min-width: 768px) { ul.products:has(> li.itz-card) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8) var(--space-5); } }

/* ---------- כרטיס המוצר ---------- */
ul.products > li.itz-card { float: none !important; width: auto !important; margin: 0 !important; padding: 0; display: flex; flex-direction: column; text-align: center; } /* ממורכז גם במובייל (שי 13.10) */
ul.products > li.itz-card.product .itz-card-link { display: flex; flex-direction: column; flex: 1; color: var(--color-ink); text-decoration: none; }
.itz-card-media { position: relative; display: block; aspect-ratio: 1; background: var(--color-brand-tint); margin-bottom: var(--space-3); overflow: hidden; }
ul.products > li.itz-card.product .itz-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; box-shadow: none; }
ul.products > li.itz-card.outofstock .itz-card-media img { opacity: .55; }
.itz-badge { position: absolute; top: var(--space-2); inset-inline-start: var(--space-2); padding: 3px 10px; border-radius: var(--radius-pill); font: 800 var(--fs-xs)/1.4 var(--font-sans); }
.itz-badge-sale { background: var(--color-brand); color: var(--color-on-brand); }
.itz-badge-out { background: var(--color-surface); color: var(--color-ink); border: 1px solid var(--color-line); }
ul.products > li.itz-card.product .itz-card-title { margin: 0 0 var(--space-1); padding: 0; font: 400 var(--fs-base)/1.3 var(--font-sans); color: var(--color-ink); }
ul.products > li.itz-card.product .price { display: block; margin: auto 0 0; font: 800 var(--fs-sm)/1.3 var(--font-sans); color: var(--color-ink); }
ul.products > li.itz-card.product .price del { color: var(--color-ink-muted); font-weight: 400; opacity: 1; }
ul.products > li.itz-card.product .price ins { text-decoration: none; }
ul.products > li.itz-card.product .button { display: flex; align-items: center; justify-content: center; min-height: 44px; min-width: min(100%, 140px); margin: 0; padding: 0 var(--space-5); border: 1px solid var(--color-brand); border-radius: var(--radius-pill); background: var(--color-brand); color: var(--color-on-brand); font: 800 var(--fs-base)/1.2 var(--font-sans); letter-spacing: 0; text-align: center; text-decoration: none; }
ul.products > li.itz-card.product .button:hover { background: var(--color-brand-hover); border-color: var(--color-brand-hover); color: var(--color-on-brand); }
.itz-card-actions { display: flex; justify-content: center; margin-top: var(--space-3); }
ul.products > li.itz-card.product .button::after { display: none !important; } /* בלי אייקון-פונט של ווקומרס */

/* ---------- עימוד (גם של המגזין: .itz-ed-pages) ---------- */
.itz-arc nav.woocommerce-pagination { margin: var(--space-8) 0 0; text-align: center; }
.itz-arc nav.woocommerce-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); border: 0; margin: 0; white-space: normal; }
.itz-arc nav.woocommerce-pagination ul li { border: 0; float: none; }
:is(.itz-arc nav.woocommerce-pagination, .itz-ed-pages) :is(a, span).page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 var(--space-2); border: 1px solid var(--color-line); border-radius: var(--radius-pill); color: var(--color-ink); font: 800 var(--fs-base)/1 var(--font-sans); text-decoration: none; }
:is(.itz-arc nav.woocommerce-pagination, .itz-ed-pages) a.page-numbers:hover { border-color: var(--color-brand); background: var(--color-brand-soft); color: var(--color-brand); }
:is(.itz-arc nav.woocommerce-pagination, .itz-ed-pages) .page-numbers.current { background: var(--color-brand); border-color: var(--color-brand); color: var(--color-on-brand); }

/* ---------- אולי תאהבו גם · ייעוץ · FAQ ---------- */
.itz-related, .itz-advice, .itz-faq { margin-top: var(--space-10); }
.itz-related h2, .itz-advice h2, .itz-faq h2 { margin: 0 0 var(--space-3); font: 800 var(--fs-lg)/1.3 var(--font-sans); color: var(--color-ink); }
.itz-related .itz-chips, .itz-noresults .itz-chips { margin-top: 0; flex-wrap: wrap; overflow: visible; margin-inline: 0; padding-inline: 0; }
/* חיפוש בלי תוצאות (archive-product.php) */
.itz-noresults { margin-top: var(--space-6); padding: var(--space-6) var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-brand-tint); text-align: center; }
.itz-noresults .itz-chips { justify-content: center; margin-bottom: var(--space-5); }
.itz-noresults-title { font: 800 var(--fs-lg)/1.3 var(--font-sans); color: var(--color-ink); }
.itz-noresults p:last-child { margin: 0; color: var(--color-ink-muted); }
.itz-noresults a[href^="tel:"] { color: var(--color-brand); font-weight: 800; white-space: nowrap; }
.itz-advice { max-width: 72ch; font-size: var(--fs-md); line-height: 1.6; }
.itz-advice h3 { font: 800 var(--fs-md)/1.4 var(--font-sans); margin: var(--space-4) 0 var(--space-2); }
.itz-advice a { color: var(--color-brand); }
.itz-faq { max-width: 72ch; }
.itz-faq details { border-bottom: 1px solid var(--color-line); }
.itz-faq details:first-of-type { border-top: 1px solid var(--color-line); }
/* ה-<details> של ה-FAQ — גם בנחיתה (.itz-lp-faq, הפריסה ב-90-landing.css) */
:is(.itz-faq, .itz-lp-faq) summary { cursor: pointer; list-style: none; }
:is(.itz-faq, .itz-lp-faq) summary::-webkit-details-marker { display: none; }
:is(.itz-faq, .itz-lp-faq) summary::after { content: "+"; color: var(--color-brand); }
:is(.itz-faq, .itz-lp-faq) details[open] summary::after { content: "−"; }
.itz-faq summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: 48px; padding: var(--space-3) 0; font: 800 var(--fs-base)/1.4 var(--font-sans); }
.itz-faq summary::after { flex: none; font: 400 22px/1 var(--font-sans); }
.itz-faq-a { padding-bottom: var(--space-3); font-size: var(--fs-base); line-height: 1.6; }
.itz-faq-a p { margin: 0 0 var(--space-2); }

@media (min-width: 1025px) {
	:is(.itz-arc, .itz-home, .itz-area, .itz-ed) ul.products:has(> li.itz-card) { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* קשורים במוצר נשארים 3 */
	ul.products > li.itz-card.product .button { font-size: var(--fs-md); }
	.itz-arc { padding-top: var(--space-6); }
	.itz-arc-title { font-size: 40px; }
}

/* טלפון בתוך ייעוץ/FAQ — לא נשבר בין שורות (itz_arc_tel) */
.itz-tel { white-space: nowrap; }

/* מובייל: הפתיח אחרי המוצרים, ושאר התוכן אחריו (שי, 13.10). ב-DOM הוא נשאר למעלה, אז גוגל ו-Rank Math רואים אותו אותו דבר */
@media (max-width: 767px) {
	.itz-arc { display: flex; flex-direction: column; }
	.itz-arc > .itz-arc-intro { order: 1; margin-top: var(--space-6); }
	.itz-arc > .itz-related, .itz-arc > .itz-advice, .itz-arc > .itz-faq { order: 2; }
}

/* "עוד מוצרים" (archive.js) */
.itz-arc .itz-more { display: flex; width: fit-content; min-width: 200px; margin: var(--space-6) auto 0; }

/* דף מוצר (032, מפרט §9). מובייל: טור אחד; מחשב: תמונה מימין 500, קנייה משמאל, ומתחת ברוחב מלא.
   ponytail: woocommerce-general עדיין נטען — מבטלים כאן float/width שלו על התמונה והסיכום, עד איחוד ה-CSS. */

.itz-pdp { max-width: var(--container); margin-inline: auto; padding: var(--space-3) var(--gutter) var(--space-10); }
.itz-pdp .woocommerce-breadcrumb { font-size: 13px; }

.itz-pdp div.product { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; }
.itz-pdp div.product > * { grid-column: 1 / -1; float: none !important; width: auto !important; margin-inline: 0; min-width: 0; }

/* ---------- כותרת ותמונה ---------- */
.itz-pdp .product_title { margin: 0 0 var(--space-3); font: 400 30px/1.2 var(--font-sans); color: var(--color-ink); text-align: center; }
.itz-pdp-media { margin: 0 auto var(--space-4); width: 100%; max-width: 330px; }
.itz-pdp-img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.itz-pdp-media figcaption { margin-top: var(--space-1); font-size: var(--fs-xs); color: var(--color-ink-muted); }

/* ---------- טופס הקנייה (של ווקומרס; הכרטיס, הגדלים והקרוסלה מהסניפטים) ---------- */
.itz-pdp .summary { margin: 0; }
.itz-pdp #itz-promo-banner { margin-bottom: var(--space-4); }
.itz-pdp form.cart { margin: 0 0 var(--space-4); }
.itz-pdp form.cart::before, .itz-pdp form.cart::after,
.itz-pdp .woocommerce-variation-add-to-cart::before, .itz-pdp .woocommerce-variation-add-to-cart::after { display: none !important; } /* ה-clearfix של ווקומרס היה הופך לפריט flex */
.itz-pdp form.cart table.variations { margin: 0; }
.itz-pdp .woocommerce-variation-price { display: none; } /* המחיר כבר בשורת הגודל (10785) */
/* מה שה-Custom CSS של תבנית Elementor 8946/10937 הסתיר (לא מוגבל לווידג'ט, ונטען עד 11.10): תוויות "גודל" ו"כמות" ו"נקה" — השורות של 10785 במקומן */
.itz-pdp label[for="%d7%92%d7%95%d7%93%d7%9c"], .itz-pdp label[for="%d7%9b%d7%9e%d7%95%d7%aa"], .itz-pdp .reset_variations { display: none !important; }
.itz-pdp .woocommerce-variation-availability p, .itz-pdp .summary > .stock { margin: var(--space-2) 0; font: 800 var(--fs-sm)/1.3 var(--font-sans); color: var(--color-brand); }
.itz-pdp form.cart #cvb-simple-wrapper { flex: 0 0 100%; order: -1; } /* מוצר פשוט: הכרטיס לפני הקרוסלה, כמו היום (שניהם על before_add_to_cart_button — הסדר תלוי בסדר טעינת הסניפטים) */
.itz-pdp form.cart #cs-crosssell-wrapper { margin-top: var(--space-4); }
@media (max-width: 480px), (min-width: 768px) and (max-width: 1199px) { #cs-crosssell-wrapper .cs-carousel-item { flex-basis: calc(50% - 2px); min-width: calc(50% - 2px); } } /* התוסף נותן 45%: שני כרטיסים ופס של שלישי בצד, ונראה לא ממורכז (שי, 13.10). 50% פחות חצי הרווח = בדיוק שניים */

/* כמות, "הוספה לסל" ו"קנה עכשיו" (flex, סדר, צבעים, hover) — ב-CSS של 10973, מקור אחד. כאן רק אייקון העגלה, שהיום בא מווידג'ט Elementor 04ebeb7. */
.itz-pdp form.cart .single_add_to_cart_button::before { content: ""; width: 18px; height: 18px; flex: none; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h3l2.6 12.2a1 1 0 0 0 1 .8h9.7a1 1 0 0 0 1-.8L21 7H6'/%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h3l2.6 12.2a1 1 0 0 0 1 .8h9.7a1 1 0 0 0 1-.8L21 7H6'/%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }

/* ---------- הערות + "לבירורים" ---------- */
.itz-pdp-notes p { margin: 0 0 var(--space-1); font-size: var(--fs-xs); line-height: 1.4; color: var(--color-ink); }
.itz-pdp-call { display: flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 48px; margin: var(--space-3) 0; border-radius: var(--radius-pill); background: var(--color-call); color: #fff; font: 800 var(--fs-base)/1 var(--font-sans); text-decoration: none; }
.itz-pdp-call svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.itz-pdp-call-d { display: none; }

/* ---------- מתחת: קטגוריות, תיאור, FAQ, מוצרים קשורים ---------- */
.itz-pdp-details { border-top: 1px solid var(--color-line); padding-top: var(--space-3); }
.itz-pdp-cats { margin: 0 0 var(--space-4); font-size: var(--fs-sm); color: var(--color-ink-muted); }
.itz-pdp-cats a { color: inherit; }
.itz-pdp-desc { font-size: var(--fs-base); line-height: 1.6; color: var(--color-ink); }
.itz-pdp-label { display: inline-block; margin: 0 0 var(--space-3); padding-bottom: var(--space-1); border-bottom: 2px solid var(--color-brand); font: 800 15px/1.3 var(--font-sans); }
.itz-pdp-desc p { margin: 0 0 var(--space-2); }
.itz-pdp-desc a { color: var(--color-brand-deep); }
.itz-pdp-short { margin-top: var(--space-3); }
.itz-pdp .related > h2 { margin: 0 0 var(--space-3); font: 400 22px/1.3 var(--font-sans); color: var(--color-ink); }
.itz-pdp .related { margin-top: var(--space-8); }

/* ---------- מחשב: שני טורים ---------- */
@media (min-width: 768px) {
	.itz-pdp div.product { grid-template-columns: minmax(0, min(500px, 45%)) minmax(0, 1fr); /* טאבלט 768–1024: התמונה 45%, עמודת הקנייה נשארת קריאה (T6, 12.10) */ grid-template-rows: auto 1fr; column-gap: var(--space-8); }
	.itz-pdp div.product > .itz-pdp-media { grid-column: 1; grid-row: 1 / span 2; max-width: 500px; }
	.itz-pdp div.product > .product_title { grid-column: 2; grid-row: 1; font-size: 40px; text-align: start; }
	.itz-pdp div.product > .summary { grid-column: 2; grid-row: 2; }
	.itz-pdp-call { display: block; min-height: 0; margin: var(--space-2) 0; background: none; color: var(--color-ink); font-size: var(--fs-xs); }
	.itz-pdp-call svg, .itz-pdp-call-m { display: none; }
	.itz-pdp-call-d { display: inline; }
}
/* טאבלט: כפתור הנגישות (שמאל, ~52px) ועיגול המתנה של 10973 (‏left 8px, ‏60px) צפים מעל עמודת המוצר — ריווח משמאל (C2 סבב 2, 13.10) */
@media (min-width: 600px) and (max-width: 1024px) { .itz-pdp { padding-inline-end: 72px; } .itz-pdp #cs-crosssell-wrapper .cs-arrow-left { left: 30px !important; } } /* החץ השמאלי של 'להוסיף באהבה' (left 6px) מתחת לעיגול (x 36–96 ב-768) */

/* שורת "פרמיום" בבחירת הגודל (10785, ‏#cvb-wrapper): ורוד המותג + נגיעות זהב + ברק איטי.
   בלי JS: 10785 שם את ערך הווריאציה ב-data-value, וכל ה"גודל" באתר הם מאפיינים מקומיים — הערך = השם.
   הכתיבים בקטלוג (13.10): פרמיום (5668, 6189, 6211), פרימיום (11 מוצרים), Premium (1908), "51 ורדים PREMIUM*" (5590).
   הברק = transform על ::after בלבד (קומפוזיטור, בלי layout/paint לכל פריים). הטבעת = box-shadow, לא border — בחירה לא מזיזה כלום. */
#cvb-wrapper .cvb-card:is([data-value*="פרמיום"], [data-value*="פרימיום"], [data-value*="premium" i], [data-itz-premium]) {
	--gold: #D9B45A; --gold-deep: #9A7424;
	overflow: hidden; isolation: isolate;
	background: linear-gradient(120deg, var(--color-brand-tint) 55%, #FBF0E2);
	box-shadow: inset 0 0 0 1px var(--gold);
}
#cvb-wrapper .cvb-card:is([data-value*="פרמיום"], [data-value*="פרימיום"], [data-value*="premium" i], [data-itz-premium]).is-selected {
	background: linear-gradient(120deg, var(--color-brand-soft) 55%, #F8E6D6);
	box-shadow: inset 0 0 0 2px var(--gold);
}
#cvb-wrapper .cvb-card:is([data-value*="פרמיום"], [data-value*="פרימיום"], [data-value*="premium" i], [data-itz-premium]) :is(.cvb-top, .cvb-price) { position: relative; z-index: 1; } /* מעל הברק */
#cvb-wrapper .cvb-card:is([data-value*="פרמיום"], [data-value*="פרימיום"], [data-value*="premium" i], [data-itz-premium]) .cvb-name::after {
	content: "\2726"; content: "\2726" / ""; margin-inline-start: 6px; color: var(--gold-deep); font-size: .8em; /* ✦ קישוט — קורא מסך מדלג */
}
#cvb-wrapper .cvb-card:is([data-value*="פרמיום"], [data-value*="פרימיום"], [data-value*="premium" i], [data-itz-premium]):not([data-oos])::after {
	content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
	background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.75) 46%, rgba(232,203,130,.35) 52%, transparent 68%);
	transform: translateX(110%); will-change: transform;
	animation: itz-premium-shimmer 5s ease-in-out 1s infinite;
}
/* RTL: הברק עובר מימין לשמאל, ואז הפסקה ארוכה (רק 40% מהזמן בתנועה) */
@keyframes itz-premium-shimmer { 0% { transform: translateX(110%); } 40%, 100% { transform: translateX(-110%); } }
@media (prefers-reduced-motion: reduce) {
	#cvb-wrapper .cvb-card:is([data-value*="פרמיום"], [data-value*="פרימיום"], [data-value*="premium" i], [data-itz-premium])::after { animation: none; display: none; }
}

/* עמוד אזור (single-service-area.php). הכרטיס והגריד — של הארכיון (30), ה-FAQ — של המוצר (40); כאן רק פריסת הדף.
   יישור כמו תבנית 7079 בחי: H1, התקציר ו-H2 של הגרידים במרכז; H2 בתוך התוכן (post_content) לימין, כמו בחי. */
.itz-area-in { max-width: var(--container); margin-inline: auto; padding: var(--space-3) var(--gutter) var(--space-10); }
.itz-area-title { margin: 0 0 var(--space-5); text-align: center; color: var(--color-ink); font: 800 var(--fs-lg)/1.4 var(--font-sans); }
.itz-area-sum { text-align: center; font-size: var(--fs-base); line-height: 1.6; color: var(--color-ink); }
.itz-area-sum p { margin: 0; }
.itz-area-sec { margin-top: var(--space-6); }
.itz-area-sec > h2 { margin: 0 0 var(--space-4); text-align: center; color: var(--color-ink); font: 400 var(--fs-lg)/1.3 var(--font-sans); }

/* התוכן (בלוקים מ-post_content). פסקאות, רשימות, h3 וקישורים — של .itz-prose (80-editorial.css) */
.itz-area-content { margin-top: var(--space-8); font-size: var(--fs-md); line-height: 1.6; color: var(--color-ink); }
.itz-area-content h2 { margin: var(--space-6) 0 var(--space-3); font: 800 var(--fs-lg)/1.3 var(--font-sans); color: var(--color-ink); }

@media (min-width: 1025px) {
	.itz-area-title { font-size: var(--fs-xl); }
	.itz-area-sec > h2 { font-size: 32px; }
}

/* דף האזורים (page-areas.php, שי 21.10): כל אזור = כרטיס קישור. 2 עמודות במובייל, 4 במחשב */
.itz-hub-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.itz-hub-list a { display: flex; align-items: center; min-height: 48px; height: 100%; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-brand-tint); color: var(--color-ink); font-size: var(--fs-sm); line-height: 1.3; text-decoration: none; }
.itz-hub-list a:hover { border-color: var(--color-brand); background: var(--color-brand-soft); color: var(--color-brand-deep); }
@media (min-width: 768px) { .itz-hub-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1025px) { .itz-hub-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); } .itz-hub-list a { font-size: var(--fs-base); padding-inline: var(--space-4); } }

/* דף הבית (front-page.php). הגריד והכרטיס — של הארכיון (30-archive.css); כאן רק hero וכותרות. */
/* הבאנר (inc/home.php itz_banner) — בית, אזור, חג */
:is(.itz-home-hero, .itz-area-hero) { position: relative; display: block; line-height: 0; }
:is(.itz-home-hero, .itz-area-hero) img { display: block; width: 100%; height: auto; }
/* וידאו אווירה מעל התמונה, נכנס בהדרגה רק כשמתנגן. בלי מקור לגודל המסך (או הפחתת תנועה) הסקריפט לא נותן src — נשאר שקוף */
.itz-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .6s ease; pointer-events: none; }
.itz-hero-video.is-on { opacity: 1; }
/* מחשב: הבאנר 3:1 (שי 17.10: "ארוך מדי") — התמונה והווידאו נחתכים מלמעלה ומלמטה במרכז */
@media (min-width: 768px) {
	:is(.itz-home-hero, .itz-area-hero) { aspect-ratio: 3 / 1; overflow: hidden; }
	:is(.itz-home-hero, .itz-area-hero) picture { display: block; height: 100%; }
	:is(.itz-home-hero, .itz-area-hero) img { height: 100%; object-fit: cover; }
}
.itz-home-h1 { max-width: var(--container); margin: var(--space-6) auto 0; padding: 0 var(--gutter); text-align: center; color: var(--color-ink); font: 700 var(--fs-lg)/1.2 var(--font-sans); }
.itz-home-sec { max-width: var(--container); margin-inline: auto; padding: 0 var(--gutter) var(--space-10); }
.itz-home-sec h2 { margin: var(--space-6) 0; text-align: center; color: var(--color-ink); font: 800 var(--fs-xl)/1.1 var(--font-sans); }
@media (min-width: 1025px) {
	.itz-home-sec h2 { font-size: 40px; } /* ponytail: 40 כמו היום; אין טוקן --fs-3xl ב-00-base */
}

/* טקסט ושאלות בתחתית דף הבית (שי 14.10) */
.itz-home-about { max-width: 820px; margin-inline: auto; }
.itz-home-about p { line-height: 1.8; }
.itz-home-about a { color: var(--color-brand-hover); text-decoration: underline; text-underline-offset: 3px; }
.itz-home-about h3 { margin: var(--space-5) 0 var(--space-2); font-size: 18px; color: var(--color-brand-deep); }

/* עגלה / קופה / החשבון שלי (032, מפרט §12). מובייל קודם; RTL בתכונות לוגיות.
   ponytail: woocommerce-general עדיין נטען — לכן הסלקטורים כאן מתחילים ב-body .itz-wc (גוברים על .woocommerce button.button.alt וכו'). */

.itz-wc { max-width: var(--container); margin-inline: auto; padding: var(--space-4) var(--gutter) var(--space-10); box-sizing: border-box; font-family: var(--font-sans); color: var(--color-ink); }
.itz-wc-title { margin: var(--space-2) 0 var(--space-4); font: 800 30px/1.2 var(--font-sans); text-align: center; color: var(--color-ink); }
.itz-wc-note { margin: 0 0 var(--space-4); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--color-brand-soft); color: var(--color-brand-deep); font: 800 var(--fs-base)/1.4 var(--font-sans); text-align: center; }
.itz-wc :is(input, select, textarea, button), .select2-container, .select2-dropdown { font-family: var(--font-sans); }
.itz-wc a { color: var(--color-brand); }
.itz-wc h2, .itz-wc h3 { font: 800 var(--fs-lg)/1.3 var(--font-sans); color: var(--color-ink); margin: var(--space-6) 0 var(--space-3); }

/* ---------- כפתורים: כמו .itz-btn (במקום ‎#EC0E54 / ‎#B9566F) ---------- */
body .itz-wc .woocommerce :is(a, button, input).button,
body .itz-wc .woocommerce #payment #place_order {
	display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 var(--space-5); box-sizing: border-box;
	border: 1px solid var(--color-brand); border-radius: var(--radius-pill); background: var(--color-brand); color: var(--color-on-brand);
	font: 800 var(--fs-base)/1.2 var(--font-sans); letter-spacing: 0; text-decoration: none; text-shadow: none; cursor: pointer;
}
body .itz-wc .woocommerce :is(a, button, input).button:hover,
body .itz-wc .woocommerce #payment #place_order:hover { background: var(--color-brand-hover); border-color: var(--color-brand-hover); color: var(--color-on-brand); }
body .itz-wc .woocommerce :is(a, button, input).button:focus-visible,
body .itz-wc .woocommerce #payment #place_order:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 2px; }
/* משניים: קופון / עדכון סל — קו */
body .itz-wc .woocommerce .coupon .button,
body .itz-wc .woocommerce .checkout_coupon .button,
body .itz-wc .woocommerce button[name="update_cart"] { background: var(--color-surface); color: var(--color-brand); }
body .itz-wc .woocommerce .coupon .button:hover,
body .itz-wc .woocommerce .checkout_coupon .button:hover,
body .itz-wc .woocommerce button[name="update_cart"]:hover { background: var(--color-brand-soft); color: var(--color-brand-hover); }
body .itz-wc .woocommerce button[name="update_cart"]:disabled { opacity: .45; cursor: default; }
body .itz-wc .woocommerce #payment #place_order, body .itz-wc .woocommerce .checkout-button { width: 100%; min-height: 56px; font-size: var(--fs-lg); float: none; }

/* ---------- שדות ---------- */
.itz-wc .woocommerce form .form-row { margin: 0 0 var(--space-4); padding: 0; }
.itz-wc .woocommerce form .form-row label { display: block; margin: 0 0 var(--space-1); font: 800 var(--fs-base)/1.4 var(--font-sans); color: var(--color-ink); }
.itz-wc .woocommerce form .form-row label.checkbox, .itz-wc .woocommerce form .form-row label.woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; }
.itz-wc .woocommerce form .form-row .required { color: var(--color-brand); text-decoration: none; }
.itz-wc .woocommerce form .form-row :is(.input-text, select, textarea),
.itz-wc .woocommerce .coupon .input-text, .itz-wc .woocommerce #coupon_code,
.itz-wc .select2-container--default .select2-selection--single {
	width: 100%; min-height: 48px; box-sizing: border-box; padding: 0 var(--space-3);
	border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-ink);
	font: 400 var(--fs-base)/1.4 var(--font-sans); /* 16px — פחות מזה אייפון עושה זום */
}
.itz-wc .woocommerce form .form-row textarea { min-height: 96px; padding-block: var(--space-3); }
.itz-wc .woocommerce form .form-row ::placeholder { color: var(--color-ink-muted); opacity: 1; }
.itz-wc .woocommerce form .form-row :is(.input-text, select, textarea):focus,
.itz-wc .woocommerce #coupon_code:focus,
.itz-wc .select2-container--default.select2-container--focus .select2-selection--single,
.itz-wc .select2-container--default.select2-container--open .select2-selection--single {
	outline: none; border-color: var(--color-brand); box-shadow: 0 0 0 1px var(--color-brand), 0 0 0 4px var(--color-brand-soft);
}
.itz-wc .woocommerce form .form-row.woocommerce-invalid :is(.input-text, select), .itz-wc .woocommerce form .form-row.woocommerce-invalid .select2-selection { border-color: #C62828; }
/* 13361 קובע 54px עם !important לתאריך ולטווח — מיישרים לשאר השדות */
.itz-wc #billing_da_field input[type="date"], .itz-wc #billing_slot_field select { height: 48px !important; min-height: 48px; background-color: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); font-family: var(--font-sans); color: var(--color-ink); }
.itz-wc .itz-ds-msg { font-family: var(--font-sans); color: var(--color-brand-deep); }
/* select2 (העיר) — נשאר, Cities Shipping Zones תלוי בו */
.itz-wc .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding: 0; color: var(--color-ink); }
.itz-wc .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; inset-inline-end: var(--space-2); }
.select2-container--default .select2-search--dropdown .select2-search__field { min-height: 44px; font-size: var(--fs-base); border: 1px solid var(--color-line); border-radius: var(--radius-sm); -webkit-appearance: none; appearance: none; } /* 16px — בלי זום באייפון; appearance: בלי עיגול ה-search של iOS */
.select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: none; border-color: var(--color-brand); box-shadow: 0 0 0 1px var(--color-brand); } /* במקום טבעת הפוקוס השחורה של ספארי */
.select2-container--default .select2-results__option { padding: 12px var(--space-3); font: 400 var(--fs-base)/20px var(--font-sans); } /* 44px להקשה (היה 38) */
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--color-brand); color: var(--color-on-brand); }
.select2-dropdown { border-color: var(--color-line); }
.select2-container--open .select2-dropdown { z-index: 10000; } /* מוצמד ל-body; ‏1051 של select2 היה מתחת לכפתור החיוג (9980) ולכפתור הנגישות (9999) — כיסו את החיפוש והרשימה במובייל */

/* ברכה + הערות: ה-float של first/last יצא מדורג — רשת */
.itz-wc .woocommerce-additional-fields__field-wrapper { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--space-4); }
.itz-wc .woocommerce-additional-fields__field-wrapper .form-row { float: none; width: auto; }
@media (min-width: 769px) { .itz-wc .woocommerce-additional-fields__field-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* מה שהיה מוסתר גם בקופה של Elementor: שדות ה-GCLID ו"שלח לכתובת אחרת" (הנמען בשדות החיוב) */
.itz-wc #url_field, .itz-wc #url2_field, .itz-wc .woocommerce-shipping-fields { display: none; }
/* עוד מה שה-Custom CSS של עמודי Elementor הסתיר (‏1303 קופה, ‏1302 עגלה — לא מוגבל לווידג'ט, ונטען עד 11.10): שדה המדינה, הודעות ווקומרס */
body.woocommerce-checkout .itz-wc .thwcfd-field-country, body.woocommerce-checkout .itz-wc .woocommerce-message, body.woocommerce-cart .itz-wc .woocommerce-notices-wrapper { display: none !important; }

/* ---------- הודעות ---------- */
.itz-wc .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) { border: 1px solid var(--color-line); border-inline-start: 4px solid var(--color-brand); border-radius: var(--radius-md); background: var(--color-brand-tint); color: var(--color-ink); font: 400 var(--fs-base)/1.5 var(--font-sans); padding: var(--space-3) var(--space-4); }
.itz-wc .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before { display: none; }
.itz-wc .woocommerce .woocommerce-error { border-inline-start-color: #C62828; }
.itz-wc .woocommerce :is(.woocommerce-message, .woocommerce-info) a { color: var(--color-brand-hover); } /* ‏#B84D81 על הרקע הוורדרד = 4.49 (axe, C2 13.10); ‏#8D335F עובר AA */
.itz-wc .woocommerce .woocommerce-error li { margin: 0; }

/* ---------- טבלאות (עגלה, סיכום הזמנה) ---------- */
.itz-wc .woocommerce table.shop_table { border: 1px solid var(--color-line); border-radius: var(--radius-md); border-collapse: separate; background: var(--color-surface); }
.itz-wc .woocommerce table.shop_table :is(th, td) { border-color: var(--color-line); padding: var(--space-3); font: 400 var(--fs-base)/1.4 var(--font-sans); color: var(--color-ink); }
.itz-wc .woocommerce table.shop_table th { font-weight: 800; }
.itz-wc .woocommerce table.shop_table .order-total :is(th, td) { font-weight: 800; font-size: var(--fs-lg); }
.itz-wc .woocommerce table.cart img { width: 64px; height: 64px; object-fit: cover; border-radius: var(--radius-sm); }
.itz-wc .woocommerce table.cart .product-name a { color: var(--color-ink); text-decoration: none; font-weight: 800; }
.itz-wc .woocommerce a.remove { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--color-line); border-radius: 50%; color: var(--color-ink-muted) !important; font-size: 20px; }
.itz-wc .woocommerce a.remove:hover { background: var(--color-brand-soft); color: var(--color-brand) !important; }
.itz-wc .woocommerce .quantity .qty { width: 64px; min-height: 44px; border: 1px solid var(--color-line); border-radius: var(--radius-sm); font: 400 var(--fs-base) var(--font-sans); text-align: center; }
.itz-wc .woocommerce table.cart td.actions { padding: var(--space-4) var(--space-3); }
.itz-wc .woocommerce table.cart td.actions .coupon { display: flex; gap: var(--space-2); align-items: center; }
.itz-wc .woocommerce table.cart td.actions .coupon .input-text { flex: 1; width: auto; min-width: 0; margin: 0; }
.itz-wc .woocommerce .cart-collaterals .cart_totals { float: none; width: 100%; max-width: 480px; margin-inline-start: auto; }
.itz-wc .woocommerce .cart_totals h2 { margin-top: var(--space-4); }
.itz-wc .woocommerce .wc-proceed-to-checkout { padding: var(--space-4) 0 0; }

/* ---------- קופה: פרטים + סיכום ---------- */
.itz-wc .woocommerce .col2-set .col-1, .itz-wc .woocommerce .col2-set .col-2 { float: none; width: 100%; }
.itz-wc #order_review { border: 1px solid var(--color-line); border-radius: var(--radius-md); padding: var(--space-3); background: var(--color-surface); }
.itz-wc #order_review table.shop_table { border: 0; }
/* עמודת הסכום צרה ליד שורת המוצר (תמונה + כמות): הודעת המשלוח נשברה למילה בשורה — רוחב מינימלי וגופן קטן יותר */
.itz-wc #order_review .woocommerce-shipping-totals td { min-width: 8em; font-size: var(--fs-sm); line-height: 1.4; }
.itz-wc #order_review td.product-name { width: 100%; font-size: 0; line-height: 0; } /* שורת המוצר עצמה — itz_line, ה-CSS ב-10-header.css. font-size 0: ה-&nbsp; שווקומרס מוסיף אחרי השם יצר שורה ריקה */
.itz-wc #order_review .cart_item td.product-total { vertical-align: middle; } /* ✕ ומחיר השורה (itz_line_side) */
.itz-wc .woocommerce-checkout #payment, .itz-wc #payment { background: var(--color-brand-tint); border-radius: var(--radius-md); }
.itz-wc #payment ul.payment_methods { border-color: var(--color-line); padding: var(--space-3); }
.itz-wc #payment ul.payment_methods li { font: 800 var(--fs-base)/1.4 var(--font-sans); }
.itz-wc #payment div.payment_box { background: var(--color-surface); border-radius: var(--radius-sm); color: var(--color-ink); font-size: var(--fs-sm); }
.itz-wc #payment div.payment_box::before { border-bottom-color: var(--color-surface); }
.itz-wc #payment .place-order { padding: var(--space-3); }
.itz-wc .woocommerce-terms-and-conditions-wrapper { font-size: var(--fs-sm); }

@media (min-width: 1025px) {
	.itz-wc form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); column-gap: var(--space-8); align-items: start; }
	.itz-wc form.checkout > * { grid-column: 1 / -1; }
	.itz-wc form.checkout > #customer_details { grid-column: 1; grid-row: span 2; }
	.itz-wc form.checkout > #order_review_heading { grid-column: 2; margin-top: 0; }
	.itz-wc form.checkout > #order_review { grid-column: 2; position: sticky; top: 140px; }
}

/* ---------- החשבון שלי ---------- */
.itz-wc .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 var(--space-4); padding: 0; border: 1px solid var(--color-line); border-radius: var(--radius-md); }
.itz-wc .woocommerce-MyAccount-navigation a { display: block; padding: var(--space-3) var(--space-4); color: var(--color-ink); text-decoration: none; }
.itz-wc .woocommerce-MyAccount-navigation .is-active a { background: var(--color-brand-soft); font-weight: 800; }

/* קופה בשלושה שלבים (בלופרינט 033). כל ההסתרה רק תחת form.checkout.itz-steps — ה-class מגיע מ-checkout-steps.js, ובלי JS הכול גלוי.
   ‎!important: address-i18n.js של ווקומרס עושה ‎.show()‎ לשורות (inline style), וה-CSS חייב לגבור. מובייל קודם; RTL בתכונות לוגיות. */

/* ---------- מה מוסתר בכל שלב ---------- */
form.checkout.itz-steps.itz-step-1 .form-row[data-itz-step]:not([data-itz-step="1"]),
form.checkout.itz-steps.itz-step-2 .form-row[data-itz-step]:not([data-itz-step="2"]),
form.checkout.itz-steps.itz-step-3 #customer_details,
form.checkout.itz-steps:not(.itz-step-3) #payment, /* הסיכום (מוצרים + משלוח) תמיד למטה; התשלום רק בשלב 3 (שי 13.10) */
form.checkout.itz-steps:not(.itz-step-2) #itz-ds-weekend, /* הודעת העומס של 13361 (div, לא form-row) */
form.checkout.itz-steps.itz-step-1 .itz-steps-back,
form.checkout.itz-steps.itz-step-3 .itz-steps-next,
form.checkout.itz-steps .woocommerce-billing-fields > h3, /* "פרטי הזמנה" — כותרת השלב מחליפה אותה */
/* "לעצמי": המקבל = השולח */
form.checkout.itz-steps.itz-to-self :is(#name_billing__field, #billing_t_field),
/* סוג מקום */
form.checkout.itz-steps:not(.itz-place-office) #billing_company_field,
form.checkout.itz-steps.itz-place-place #billing_address_1_field,
form.checkout.itz-steps.itz-place-house #billing_address_2_field /* בית פרטי בלי דירה וקומה (שי 13.10) */ { display: none !important; }

/* במחשב: עמודה אחת, הסיכום מתחת לשדות בכל שלב */
@media (min-width: 1025px) {
	/* במחשב: השדות מימין, "ההזמנה שלך" בצד ודביק — כמו פעם (שי 13.10). במובייל: עמודה אחת, הסיכום למטה */
	.itz-wc form.checkout.itz-steps, .itz-js .itz-wc form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); column-gap: var(--space-8); align-items: start; }
	.itz-wc form.checkout.itz-steps > *, .itz-js .itz-wc form.checkout > * { grid-column: 1; }
	.itz-wc form.checkout.itz-steps > #order_review_heading, .itz-js .itz-wc form.checkout > #order_review_heading { grid-column: 2; grid-row: 1; align-self: end; margin: 0 0 var(--space-2); } /* צמוד לכרטיס שמתחתיו */
	.itz-wc form.checkout.itz-steps > #order_review, .itz-js .itz-wc form.checkout > #order_review { grid-column: 2; grid-row: 2 / span 40; position: sticky; top: 140px; }
	/* שלב 3: בצד רק כרטיס הסיכום (למי/לאן/מתי) — "ההזמנה שלך" עם ההטבות והתשלום מקבלת את הרוחב (שי 14.10: הכפתורים עלו על המוצרים) */
	.itz-wc form.checkout.itz-steps.itz-step-3 { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); }
}

/* ---------- פס התקדמות + כותרת שלב ---------- */
.itz-steps-head { margin: 0 0 var(--space-4); }
.itz-steps-bar { display: flex; gap: var(--space-2); margin: 0 0 var(--space-4); padding: 0; list-style: none; }
.itz-steps-bar li { flex: 1; display: flex; flex-direction: column; align-items: center; gap: var(--space-1); margin: 0; font: 800 var(--fs-sm)/1.3 var(--font-sans); color: var(--color-ink-muted); text-align: center; }
.itz-steps-bar li::before { content: ""; display: block; width: 100%; height: 4px; border-radius: var(--radius-pill); background: #A57A8E; } /* 3:1 מול לבן (WCAG 1.4.11); --color-line היה 1.38:1 */
.itz-steps-bar li:is(.is-done, [aria-current])::before { background: var(--color-brand); }
.itz-steps-bar li[aria-current] { color: var(--color-brand-deep); }
.itz-steps-n { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid currentColor; font-size: var(--fs-xs); }
.itz-steps-bar li:is(.is-done, [aria-current]) .itz-steps-n { background: var(--color-brand); border-color: var(--color-brand); color: var(--color-on-brand); }
.itz-wc .itz-step-title { margin: 0; font: 800 var(--fs-lg)/1.3 var(--font-sans); color: var(--color-ink); scroll-margin-top: 120px; } /* מתחת להדר הדביק */
.itz-step-title:focus { outline: none; } /* פוקוס מהקוד (tabindex=-1), לא אלמנט לחיץ */

/* ---------- המשך / חזרה ---------- */
.itz-steps-btns { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-4) 0 var(--space-6); }
.itz-steps-btns .itz-btn { flex: 1 1 0; min-height: 52px; font-size: var(--fs-lg); }
.itz-steps-btns .itz-steps-next { flex-grow: 2; }
.itz-steps-live { flex: 1 1 100%; margin: 0; color: #C62828; font: 800 var(--fs-sm)/1.4 var(--font-sans); } /* תמיד ב-DOM ומוצג, גם ריק — אזור aria-live מוסתר לא מוקרא (WCAG 4.1.3) */
.itz-field-err { display: block; margin-top: var(--space-1); color: #C62828; font: 400 var(--fs-sm)/1.4 var(--font-sans); }
.itz-wc .woocommerce form .form-row.woocommerce-invalid :is(textarea, input[type="date"]) { border-color: #C62828; }
html:not([dir="rtl"]) .itz-wc form.checkout input[type="date"] { text-align: left !important; } /* /en/: 13361 מיישר את התאריך לימין */

/* ---------- רדיו כ"גלולות": סוג מקום ולמי שולחים (שדות של inc/checkout-steps.php) ---------- */
.itz-wc :is(#itz_place_field, #itz_to_field) .woocommerce-input-wrapper { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
@media (min-width: 769px) { .itz-wc #itz_place_field .woocommerce-input-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.itz-wc :is(#itz_place_field, #itz_to_field) input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.itz-wc :is(#itz_place_field, #itz_to_field) label.radio {
	display: flex; align-items: center; justify-content: center; min-height: 48px; margin: 0; padding: var(--space-2) var(--space-3); box-sizing: border-box;
	border: 1px solid var(--color-line); border-radius: var(--radius-pill); background: var(--color-surface); color: var(--color-ink);
	font: 800 var(--fs-base)/1.2 var(--font-sans); text-align: center; cursor: pointer;
}
.itz-wc :is(#itz_place_field, #itz_to_field) label.radio:hover { border-color: var(--color-brand); background: var(--color-brand-soft); }
.itz-wc :is(#itz_place_field, #itz_to_field) input[type="radio"]:checked + label.radio { border-color: var(--color-brand); background: var(--color-brand); color: var(--color-on-brand); }
.itz-wc :is(#itz_place_field, #itz_to_field) input[type="radio"]:focus-visible + label.radio { outline: 2px solid var(--color-brand); outline-offset: 2px; }
/* הכוכבית ש-setReq() מוסיף: Checkout Field Editor מסתיר ‎.required‏ בשורות שהוגדרו אופציונליות (‎.thwcfd-optional .required { display: none }‎) */
.itz-wc .woocommerce form .form-row.thwcfd-optional .required { display: inline; margin-inline-start: var(--space-1); }

/* ---------- הסיכום ("ההזמנה שלך"): קומפקטי, ובשלב התשלום למעלה, מיד אחרי כותרת השלב (שי 13.10) ---------- */
@media (max-width: 1024px) { .itz-wc form.checkout.itz-steps, .itz-js .itz-wc form.checkout { display: flex !important; flex-direction: column; align-items: stretch; } } /* stretch: ה-grid של 70-checkout נתן start; במחשב — grid עם הסיכום בצד (למעלה) */
.itz-wc form.checkout.itz-steps > #order_review_heading { margin: var(--space-3) 0 var(--space-2); font-size: var(--fs-md); }
.itz-wc form.checkout.itz-steps > #order_review { padding: var(--space-2) var(--space-3); }
.itz-wc form.checkout.itz-steps #order_review table.shop_table :is(th, td) { padding-block: 6px; }

/* ---------- לפני שה-JS רץ (‏html.itz-js מ-wp_head, inc/checkout-steps.php): כבר בציור הראשון רק שלב 1 — בלי קפיצה (CLS 0.30 בדסקטופ, 13.10) ---------- */
.itz-js form.checkout:not(.itz-steps) #customer_details .form-row:not(:is(#itz_to_field, #billing_first_name_field, #billing_phone_field, #billing_email_field, #name_billing__field, #billing_t_field, #itz_occasion_field, #additional__field)),
.itz-js form.checkout:not(.itz-steps) :is(#payment, .woocommerce-billing-fields > h3) { display: none !important; }

/* ---------- שורות בשלבים: ברוחב מלא (שדה בודד בחצי רוחב נראה שבור; טווח השעות נחתך) — בדיקה ויזואלית 13.10 ---------- */
.itz-wc form.checkout.itz-steps #customer_details .form-row { width: 100% !important; float: none !important; }
/* זוגות באותה שורה, גם במובייל (שי 13.10): שם+טלפון שולח, שם+טלפון מקבל, תאריך+טווח, כתובת+דירה/קומה (רק כשיש) */
.itz-wc form.checkout.itz-steps #customer_details :is(#billing_first_name_field, #billing_phone_field, #name_billing__field, #billing_t_field, #billing_da_field, #billing_slot_field) { width: calc(50% - 6px) !important; float: right !important; float: inline-start !important; clear: none !important; }
.itz-wc form.checkout.itz-steps #customer_details :is(#billing_phone_field, #billing_t_field, #billing_slot_field) { float: left !important; float: inline-end !important; }
.itz-wc form.checkout.itz-steps #customer_details :is(#billing_first_name_field, #name_billing__field, #billing_da_field) { clear: both !important; }
.itz-wc form.checkout.itz-steps:is(.itz-place-building, .itz-place-office) #customer_details :is(#billing_address_1_field, #billing_address_2_field) { width: calc(50% - 6px) !important; float: right !important; float: inline-start !important; }
.itz-wc form.checkout.itz-steps:is(.itz-place-building, .itz-place-office) #customer_details #billing_address_2_field { float: left !important; float: inline-end !important; }
.itz-wc form.checkout.itz-steps :is(#billing_email_field, #itz_place_field, #billing_state_field, #billing_company_field, #order_comments_field, #itz_occasion_field, #additional__field) { clear: both !important; }
.itz-wc form.checkout.itz-steps #billing_slot_field select { font-size: 16px; text-overflow: ellipsis; } /* 16px — מתחת לזה ספארי באייפון עושה זום בנגיעה (16.10); ellipsis אם הטווח ארוך מחצי שורה */
[dir="rtl"] .itz-wc form.checkout :is(input[type="email"], input[type="tel"]) { direction: ltr; text-align: right; } /* "dana@" לא מתהפך. ב-/en/ (בלי dir) — ltr ומשמאל ממילא */
.itz-wc form.checkout input[type="radio"], .itz-wc form.checkout input[type="checkbox"] { accent-color: var(--color-brand); }

/* ---------- שלב 3: למי, לאן ומתי ---------- */
.itz-recap { margin: 0 0 var(--space-3); padding: var(--space-2) var(--space-3); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-brand-tint); }
.itz-recap p { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1); margin: 0; padding: 4px 0; font: 400 var(--fs-sm)/1.5 var(--font-sans); color: var(--color-ink); }
.itz-recap p + p { border-top: 1px solid var(--color-line); }
.itz-recap-edit { margin-inline-start: auto; min-height: 32px; padding: 0 var(--space-2); border: 0; background: none; color: var(--color-brand); font: 800 var(--fs-sm)/1 var(--font-sans); text-decoration: underline; cursor: pointer; }

/* ---------- "הזדמנות אחרונה להטבות משתלמות": ההטבות של 10973 בשלב 3, בראש "ההזמנה שלך" (שי 13.10) ---------- */
.itz-wc #order_review .itz-deals { margin: 0 0 var(--space-3); }

/* מגזין (single.php, index.php) ו-Hub החגים (archive-holidays.php). דף החג עצמו — בפריסה של עמוד האזור (50-area.css).
   הכרטיס והגריד של המוצרים — של הארכיון (30), הכפתור — של הבסיס (00). */
.itz-ed-in { max-width: var(--container); margin-inline: auto; padding: var(--space-3) var(--gutter) var(--space-10); }
.itz-ed .woocommerce-breadcrumb { margin-bottom: var(--space-5); }

/* ---------- ראש: תמונה + תיבת כותרת (הפוסט: התמונה הראשית; המגזין: 7804) ---------- */
.itz-post-hero { position: relative; display: grid; place-items: center; max-width: var(--container); min-height: 300px; margin-inline: auto; padding: var(--space-8) var(--gutter); overflow: hidden; background: var(--color-brand-tint); }
.itz-post-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.itz-post-title { position: relative; max-width: 640px; margin: 0; padding: var(--space-5) var(--space-6); border-radius: var(--radius-md); background: var(--color-brand); color: var(--color-on-brand); font: 800 var(--fs-lg)/1.35 var(--font-sans); text-align: center; }
.itz-post-title h1 { margin: 0 0 var(--space-2); color: inherit; font: inherit; }
.itz-post-title p { margin: 0; font-size: var(--fs-base); font-weight: 400; }

/* ---------- טקסט המאמר (ACF Post_content + post_content), וגם התוכן של אזור/חג (.itz-area-content) ---------- */
.itz-prose { max-width: 760px; margin-inline: auto; font-size: var(--fs-md); line-height: 1.7; color: var(--color-ink); }
.itz-prose + .itz-prose { margin-top: var(--space-5); }
:is(.itz-prose, .itz-area-content) :is(p, ul, ol, table) { margin: 0 0 var(--space-5); }
:is(.itz-prose, .itz-area-content) :is(ul, ol) { padding-inline-start: var(--space-6); }
.itz-prose h2 { margin: var(--space-8) 0 var(--space-3); font: 800 var(--fs-lg)/1.3 var(--font-sans); }
:is(.itz-prose, .itz-area-content) h3 { margin: var(--space-5) 0 var(--space-2); font: 800 var(--fs-md)/1.3 var(--font-sans); }
:is(.itz-prose, .itz-area-content) a { color: var(--color-brand-deep); text-decoration: underline; text-underline-offset: 2px; }
:is(.itz-prose, .itz-area-content) a:hover { color: var(--color-brand); }
.itz-prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: var(--fs-base); }
.itz-prose th, .itz-prose td { padding: var(--space-2) var(--space-3); border: 1px solid var(--color-line); text-align: start; }

/* ---------- זרים מומלצים + יצירת קשר ---------- */
.itz-ed-sec { margin-top: var(--space-10); }
.itz-ed-sec > h2, .itz-post-cta h2 { margin: 0 0 var(--space-5); text-align: center; font: 800 var(--fs-xl)/1.2 var(--font-sans); }
.itz-post-cta { max-width: 760px; margin: var(--space-10) auto 0; padding: var(--space-6) var(--gutter); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-brand-tint); text-align: center; }
.itz-post-cta p { margin: 0 0 var(--space-3); }

/* ---------- ארכיון: כותרת, פתיח, כרטיסים, עימוד ---------- */
.itz-ed-title { margin: var(--space-3) 0 var(--space-3); font: 800 var(--fs-xl)/1.2 var(--font-sans); }
.itz-ed-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
.itz-ed-card { display: flex; flex-direction: column; border: 1px solid var(--color-line); border-radius: var(--radius-md); overflow: hidden; background: var(--color-brand-tint); }
.itz-ed-card-media { display: block; aspect-ratio: 5 / 3; overflow: hidden; background: var(--color-brand-soft); } /* overflow — אחרת התמונה מותחת את הגובה מעבר ליחס */
.itz-ed-card-media img { display: block; width: 100%; height: 100%; object-fit: contain; } /* contain: בתמונות האזורים יש כיתוב צרוב, ו-cover חתך אותו באמצע (T6) */
.itz-ed-card-body { display: flex; flex-direction: column; flex: 1; padding: var(--space-4); }
.itz-ed-card-title { margin: 0 0 var(--space-3); font: 800 var(--fs-lg)/1.3 var(--font-sans); }
.itz-ed-card-title a { color: var(--color-brand-deep); text-decoration: none; }
.itz-ed-card-title a:hover { color: var(--color-brand); }
.itz-ed-card-body p { margin: 0 0 var(--space-3); line-height: 1.5; }
.itz-ed-card-more { display: inline-flex; align-items: center; min-height: 44px; margin-top: auto; color: var(--color-brand); font-weight: 800; text-decoration: none; }
.itz-ed-card-more:hover { color: var(--color-brand-hover); }
.itz-ed-pages { margin-top: var(--space-8); }
.itz-ed-pages .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); }

/* ---------- 404 וחיפוש: טופס החיפוש של וורדפרס (html5) ---------- */
.itz-ed .search-form { display: flex; gap: var(--space-2); max-width: 480px; margin: 0 0 var(--space-4); }
.itz-ed .search-form label { flex: 1; }
.itz-ed .search-field { width: 100%; min-height: 48px; padding: 0 var(--space-4); box-sizing: border-box; border: 1px solid var(--color-line); border-radius: var(--radius-pill); background: var(--color-surface); }
/* הכפתור — של .itz-btn (00-base) */
.itz-404 .itz-chips { margin-bottom: var(--space-5); }

@media (min-width: 768px) {
	.itz-ed-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.itz-post-hero { min-height: 360px; }
	.itz-post-title { font-size: var(--fs-xl); }
}
@media (min-width: 1025px) {
	.itz-ed-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.itz-ed-sec > h2, .itz-post-cta h2 { font-size: 32px; }
}

/* דף נחיתה (page-landing.php, בלופרינט 034). מובייל קודם; ורוד המותג; איורי קו ב-assets/img/landing. */
.itz-lp { font-family: var(--font-sans); color: var(--color-ink); overflow-x: clip; }
.itz-lp > section { position: relative; padding: var(--space-10) var(--gutter); }
.itz-lp > section > * { max-width: 960px; margin-inline: auto; }
.itz-lp h1, .itz-lp h2, .itz-lp h3 { font-family: var(--font-sans); color: var(--color-ink); text-wrap: balance; }
.itz-lp h2 { margin: 0 auto var(--space-4); font: 800 28px/1.25 var(--font-sans); text-align: center; }
.itz-lp p { line-height: 1.7; }

/* ---------- Hero ---------- */
.itz-lp-hero { display: grid; gap: var(--space-4); align-items: center; padding-block: var(--space-8) var(--space-10); background: linear-gradient(180deg, var(--color-brand-soft), var(--color-brand-tint)); text-align: center; }
.itz-lp-hero-art { display: block; width: min(340px, 90%); height: auto; margin: 0 auto; }
.itz-lp-kicker { margin: 0 0 var(--space-2); font: 800 var(--fs-sm)/1.3 var(--font-sans); color: var(--color-brand-deep); letter-spacing: .02em; }
.itz-lp-hero h1 { margin: 0 0 var(--space-3); font: 800 clamp(32px, 7vw, 52px)/1.1 var(--font-sans); }
.itz-lp-lead { max-width: 34ch; margin: 0 auto var(--space-5); font-size: var(--fs-lg); }
.itz-lp-cta { min-height: 56px; padding-inline: var(--space-6); font-size: var(--fs-lg); box-shadow: 0 6px 18px rgba(184, 77, 129, .28); }
.itz-lp-phone { margin: var(--space-3) 0 0; font-size: var(--fs-sm); color: var(--color-ink-muted); }
.itz-lp-phone a { color: var(--color-brand); font-weight: 800; text-decoration: none; white-space: nowrap; }
@media (min-width: 900px) {
	.itz-lp-hero { grid-template-columns: 1.1fr 1fr; text-align: start; padding-block: 56px; }
	.itz-lp-hero > * { max-width: none; margin: 0; }
	.itz-lp-lead { margin-inline: 0; }
	.itz-lp-hero-art { width: 100%; max-width: 440px; }
}

/* ---------- שורת אמון ---------- */
.itz-lp-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2) var(--space-5); margin: 0; padding: var(--space-4) var(--gutter); list-style: none; background: var(--color-brand); color: var(--color-on-brand); font: 800 var(--fs-sm)/1.4 var(--font-sans); }
.itz-lp-trust li::before { content: "✿"; margin-inline-end: 6px; opacity: .8; }

/* ---------- דוגמאות ---------- */
.itz-lp-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .itz-lp-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.itz-lp-gallery li { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); }
.itz-lp-gallery figure { margin: 0; display: grid; place-items: center; aspect-ratio: 4 / 3; background: var(--color-brand-tint); }
.itz-lp-gallery figure img { width: 70%; height: auto; }
.itz-lp-gallery b { padding: var(--space-2) var(--space-3); font: 800 var(--fs-base)/1.3 var(--font-sans); text-align: center; }
.itz-lp-note { margin: var(--space-4) auto 0; text-align: center; }
.itz-lp-note a { color: var(--color-brand); font-weight: 800; }

/* ---------- איך זה עובד ---------- */
.itz-lp-how { background: var(--color-brand-tint); }
.itz-lp-steps { display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; counter-reset: s; }
@media (min-width: 768px) { .itz-lp-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.itz-lp-steps li { counter-increment: s; padding: var(--space-5) var(--space-4); border-radius: var(--radius-md); background: var(--color-surface); text-align: center; }
.itz-lp-steps li::before { content: counter(s); display: inline-grid; place-items: center; width: 40px; height: 40px; margin-bottom: var(--space-2); border-radius: 50%; background: var(--color-brand); color: var(--color-on-brand); font: 800 var(--fs-lg)/1 var(--font-sans); }
.itz-lp-steps h3 { margin: 0 0 var(--space-1); font: 800 var(--fs-lg)/1.3 var(--font-sans); }
.itz-lp-steps p { margin: 0; }

/* ---------- טקסט עם איור (מה מקשטים / מי אנחנו) ---------- */
.itz-lp-split { display: grid; gap: var(--space-5); align-items: center; }
.itz-lp-split img { width: 140px; height: auto; margin: 0 auto; }
@media (min-width: 768px) { .itz-lp-split { grid-template-columns: 1fr 200px; } .itz-lp-split img { width: 180px; } }
.itz-lp-split h2 { text-align: start; margin-inline: 0; }
.itz-lp-split p { margin: 0 0 var(--space-3); }
.itz-lp-about { background: var(--color-brand-soft); }

/* ---------- שאלות (+/− ו-marker — 30-archive.css) ---------- */
.itz-lp-faq details { border-bottom: 1px solid var(--color-line); }
.itz-lp-faq summary { padding: var(--space-4) 0; font: 800 var(--fs-base)/1.4 var(--font-sans); }
.itz-lp-faq summary::after { float: left; font-size: 22px; line-height: 1; }
.itz-lp-faq details > div { padding: 0 0 var(--space-4); }
.itz-lp-faq details > div p { margin: 0; }

/* ---------- סגירה ---------- */
.itz-lp-close { text-align: center; background: var(--color-brand); color: var(--color-on-brand); }
.itz-lp-close h2, .itz-lp-close p { color: var(--color-on-brand); }
.itz-lp-close .itz-btn { background: var(--color-surface); color: var(--color-brand-deep); border-color: var(--color-surface); min-height: 56px; font-size: var(--fs-lg); }
.itz-lp-close .itz-btn:hover { background: var(--color-brand-soft); }
.itz-lp-close img { width: 120px; height: auto; margin: 0 auto var(--space-3); filter: brightness(0) invert(1); opacity: .9; }

/* ---------- עוד לחתונה (הגלולה — של .itz-chips, 30-archive.css) ---------- */
.itz-lp-more { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }

/* ---------- פס התקשרות דביק (מובייל) ---------- */
.itz-lp-bar { position: fixed; inset-inline: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 50; display: flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 52px; border-radius: var(--radius-pill); background: var(--color-brand); color: var(--color-on-brand); font: 800 var(--fs-base)/1 var(--font-sans); text-decoration: none; box-shadow: 0 8px 24px rgba(117, 41, 78, .35); }
.itz-lp-bar img { filter: brightness(0) invert(1); }
body:has(.itz-lp-bar) .itz-foot { padding-bottom: 80px; } /* שהפס לא יסתיר את סוף הפוטר */
@media (min-width: 900px) { .itz-lp-bar { display: none; } }

/* בדף נחיתה אין סל ואין מתנות — בלי עיגול המתנות (10973), והפס לא מתחת לכפתור הצף שבפינה */
body:has(.itz-lp) :is(#itz-neck-orb, .itz-neck-orb-bub) { display: none !important; }
@media (max-width: 899px) { .itz-lp-bar { inset-inline-start: 80px; } }

/* דף אודות (1306, שי 14.10): איורי SVG בסגנון של דף הנחיתה (assets/img/about), ציר זמן, וסקשנים של טקסט ליד איור לסירוגין.
   כל העיצוב תחת .itz-about, שנמצא בתוכן העמוד עצמו, ולכן לא נוגע בשום דף אחר. */
.itz-about { max-width: 1080px; margin: 0 auto; }
.itz-about p { font-size: var(--fs-base); line-height: 1.8; }
.itz-about a:not(.itz-btn) { color: var(--color-brand-hover); text-decoration: underline; text-underline-offset: 3px; }

.itz-about-hero { margin: 0 0 var(--space-6); padding: var(--space-6) var(--space-4) var(--space-5); border-radius: var(--radius-lg); background: var(--color-brand-tint); text-align: center; }
.itz-about-hero h1 { margin: 0 0 var(--space-3); color: var(--color-brand-deep); }
.itz-about-hero p { max-width: 62ch; margin: 0 auto; }

/* ציר הזמן: 4 תחנות. במחשב בשורה עם קו שמחבר, במובייל בטור עם קו בצד */
.itz-about-time { list-style: none; margin: var(--space-6) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); position: relative; }
.itz-about-time::before { content: ""; position: absolute; inset-inline: 12%; top: 22px; border-top: 2px dashed var(--color-line); }
.itz-about-time li { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--space-2); text-align: center; font-size: 15px; line-height: 1.5; color: var(--color-ink); }
.itz-about-time b { display: grid; place-items: center; min-width: 64px; height: 44px; padding: 0 var(--space-3); border-radius: var(--radius-pill); background: var(--color-brand); color: var(--color-on-brand); font-size: 17px; font-weight: 800; position: relative; }
.itz-about-time li:last-child b { background: var(--color-surface); color: var(--color-brand); box-shadow: inset 0 0 0 2px var(--color-brand); }

/* סקשן: טקסט + איור, לסירוגין */
.itz-about-sec { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: var(--space-8); align-items: center; margin: var(--space-8) 0; }
.itz-about-sec:nth-of-type(even) .itz-about-art { order: -1; }
.itz-about-sec h2 { color: var(--color-brand-deep); }
.itz-about-art { margin: 0; }
.itz-about-art img { display: block; width: 100%; height: auto; }
.itz-about-art.is-photo img { border-radius: var(--radius-lg); aspect-ratio: 1; object-fit: cover; }

.itz-about-visit { text-align: center; padding: var(--space-6) var(--space-4); border-radius: var(--radius-lg); background: var(--color-brand-soft); }
.itz-about-visit .itz-about-art { max-width: 280px; margin: 0 auto var(--space-3); }

@media (max-width: 768px) {
	.itz-about-time { grid-template-columns: 1fr; gap: var(--space-4); padding-inline-start: var(--space-2); }
	.itz-about-time::before { inset-inline: auto; inset-inline-start: 39px; top: 22px; bottom: 22px; border-top: 0; border-inline-start: 2px dashed var(--color-line); }
	.itz-about-time li { flex-direction: row; text-align: start; }
	.itz-about-sec { grid-template-columns: 1fr; gap: var(--space-3); margin: var(--space-6) 0; }
	.itz-about-sec .itz-about-art, .itz-about-sec:nth-of-type(even) .itz-about-art { order: -1; max-width: 300px; margin: 0 auto; }
}
