/*
 * SBY - הסגנונות (שלב 2ה, web-designer, 23.10.2026). CSS אחד, בלי מסגרת, בלי build.
 * הטוקנים (צבעים, גופנים, גדלים, מרווחים) - theme.json, המקור היחיד. כאן רק שימוש בהם.
 *
 * שלוש המילים: שקט, מדויק, זוהר. התכשיט הוא הדבר הבהיר היחיד על המסך; הזהב הוא קו ולא שטח.
 * הרעיון המארגן: קו שיער זהב + תמונה על שחור + ריק מכוון. רצועות שחור / פחם חם לסירוגין, קו שיער ביניהן.
 *
 * כללים קבועים:
 * - תכונות לוגיות בלבד (margin-inline-start, inset-inline-end...) - האתר מימין לשמאל. grid ו-flex מתהפכים לבד
 * - אפס הסתרה בשקיפות כברירת מחדל: תוכן גלוי תמיד, JS רק מוסיף תנועה. הסתרה = [hidden] או clip-path
 * - הסתרה ויזואלית רק ב-clip-path, לא left:-9999px (גלילה אופקית ב-RTL)
 * - פינות 0, בלי צל, בלי גרדיאנט, בלי זכוכית
 * - רקע הרשת ועמוד המוצר שחור טהור #000 - תמונות המוצר צולמו עליו
 */

/* =========================================================================
 * 1. משתנים
 * ====================================================================== */
:root {
	--sby-black: var(--wp--preset--color--black, #000);
	--sby-charcoal: var(--wp--preset--color--charcoal, #0f0d0b);
	--sby-charcoal-light: var(--wp--preset--color--charcoal-light, #1a1612);
	--sby-ivory: var(--wp--preset--color--ivory, #f3eee6);
	--sby-white: var(--wp--preset--color--white, #fff);
	--sby-champagne: var(--wp--preset--color--champagne, #c9a878);
	--sby-gold-dark: var(--wp--preset--color--gold-dark, #897358);
	--sby-champagne-light: var(--wp--preset--color--champagne-light, #e8d0a0);
	--sby-green-deep: var(--wp--preset--color--green-deep, #1e3f38);
	--sby-red-quiet: var(--wp--preset--color--red-quiet, #b5483c);
	--sby-red-text: #e58a7c; /* טקסט שגיאה על פחם: האדום השקט עצמו לא עובר 4.5:1 לטקסט קטן - הוא נשאר לגבול השדה */
	--sby-muted: var(--wp--custom--muted, #b8afa2);
	--sby-line: var(--wp--custom--line-soft, rgb(201 168 120 / 0.2));
	--sby-line-strong: rgb(201 168 120 / 0.55);
	--sby-line-hover: rgb(201 168 120 / 0.8);

	/* שלב 2ב (אור, 25.10): Assistant 300 לכותרות, Assistant 400 לגוף. סולם: H1 56-64, H2 40-44, H3 24-26, מחיר 28, גוף 17 */
	--sby-font-heading: var(--wp--preset--font-family--heading, "Assistant", "Noto Sans Hebrew", Arial, sans-serif);
	--sby-font-body: var(--wp--preset--font-family--body, "Assistant", "Noto Sans Hebrew", Arial, sans-serif);
	--sby-fw-heading: 300;
	--sby-ls-heading: 0.01em;
	--sby-fs-small: var(--wp--preset--font-size--small, 0.9375rem);
	--sby-fs-body: var(--wp--preset--font-size--body, 1.0625rem);
	--sby-fs-lead: var(--wp--preset--font-size--lead, 1.375rem);
	--sby-fs-quote: var(--wp--preset--font-size--quote, 1.625rem);
	--sby-fs-price: var(--wp--preset--font-size--price, 1.75rem);
	--sby-fs-h3: var(--wp--preset--font-size--h-3, 1.625rem);
	--sby-fs-h2: var(--wp--preset--font-size--h-2, 2.75rem);
	--sby-fs-h1: var(--wp--preset--font-size--h-1, 4rem);

	--sby-container: var(--wp--custom--container, 1400px);
	--sby-article-width: var(--wp--custom--article-width, 800px); /* 4ב: עמודת המאמר (~800px ב-1920) */
	--sby-pad: 1rem;                         /* שוליים צדדיים: 16px במובייל, 72px מ-1024 (שם הוואטסאפ הצף יושב בשוליים) */
	--sby-side: max(var(--sby-pad), calc((100% - var(--sby-container)) / 2));
	--sby-gap: clamp(1rem, 2vw, 1.5rem);
	--sby-band: clamp(3.5rem, 6vw, 6rem);    /* ריווח אנכי ברירת מחדל לרצועה (שלב 2ב: היה עד 7.5rem - פחות ריק כשהתוכן קצר) */
	--sby-header-height: 64px;
	--sby-admin: 0px;
	--sby-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}
@media (min-width: 768px) { :root { --sby-pad: 2.5rem; } }
@media (min-width: 1024px) { :root { --sby-pad: 4.5rem; --sby-header-height: 84px; } }
.admin-bar { --sby-admin: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { .admin-bar { --sby-admin: 0px; } } /* במובייל סרגל הניהול לא דביק */

/* =========================================================================
 * 2. איפוס קל ובסיס
 * ====================================================================== */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 16px); }
/* מתחת ל-1024 הסרגל התחתון (חייג / וואטסאפ) קבוע - אלמנט שמקבל פוקוס בגלילה לא נשאר מתחתיו (QA 6ב, WCAG 2.4.11) */
@media (max-width: 1023.98px) { html { scroll-padding-block-end: calc(var(--sby-mobile-bar-height, 60px) + 16px); } }
body {
	margin: 0;
	background: var(--sby-black);
	color: var(--sby-ivory);
	font-family: var(--sby-font-body);
	font-size: var(--sby-fs-body);
	font-weight: 400;
	line-height: 1.7;
	overflow-x: clip;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img, svg, video { display: block; max-inline-size: 100%; block-size: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
table { border-collapse: collapse; inline-size: 100%; }
address { font-style: normal; }
bdi { unicode-bidi: isolate; }
p { margin-block: 0 1em; }
p:last-child { margin-block-end: 0; }
strong, b { font-weight: 600; color: var(--sby-white); }

h1, h2, h3, h4 {
	font-family: var(--sby-font-heading);
	font-weight: var(--sby-fw-heading);
	color: var(--sby-white);
	line-height: 1.15;
	letter-spacing: var(--sby-ls-heading);
	margin-block: 0 0.5em;
	text-wrap: balance;
}
h1 { font-size: var(--sby-fs-h1); line-height: 1.15; }
h2 { font-size: var(--sby-fs-h2); }
h3 { font-size: var(--sby-fs-h3); color: var(--sby-champagne); }

a { color: var(--sby-champagne); text-decoration-thickness: 1px; text-underline-offset: 0.25em; transition: color 200ms var(--sby-ease); }
a:hover, a:focus-visible { color: var(--sby-champagne-light); }
::selection { background: var(--sby-champagne); color: var(--sby-black); }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* =========================================================================
 * 3. נגישות ועזרים
 * ====================================================================== */
[hidden] { display: none !important; }

.sby-visually-hidden {
	position: absolute !important;
	inline-size: 1px; block-size: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.sby-skip-link { position: absolute; inset-block-start: 0; inset-inline-start: 0; z-index: 1000; padding: 0.75rem 1rem; background: var(--sby-champagne); color: var(--sby-black); clip-path: inset(50%); }
.sby-skip-link:focus { clip-path: none; }

:focus-visible { outline: 2px solid var(--sby-champagne); outline-offset: 3px; }
.sby-swatch:has(.sby-swatch__input:focus-visible) { outline: 2px solid var(--sby-champagne); outline-offset: 3px; }
.sby-main:focus { outline: none; }

/* סימוני פיתוח (שלב 2ב, 25.10): מוסתרים לגולש כברירת מחדל - הצהוב והכתום גרמו לכל עמוד להיראות שבור.
   מנהל מחובר מדליק ב-?markers=1 (עוגייה לשבוע, SBY Core) -> body.sby-show-markers, ומכבה ב-?markers=0.
   - סימון = mark.sby-missing / mark.sby-temp (הטקסט "[חסר: ...]" / "[זמני]" עצמו) ו-.sby-marker-only (פסקה או פריט שכולם סימון) - מוסתר כולו
   - עוטף של ערך זמני אמיתי (span.sby-temp סביב טלפון, dl.sby-hours.sby-temp) - הערך גלוי תמיד, רק הצבע מותנה
   - "מחיר לפי פנייה" אינו סימון: .sby-price--none בשנהב מעומעם (סעיף 15) */
.sby-missing,
mark.sby-temp,
.sby-marker-only { display: none !important; }
body.sby-show-markers .sby-missing,
body.sby-show-markers mark.sby-temp,
body.sby-show-markers .sby-marker-only { display: revert !important; }
body.sby-show-markers .sby-temp { background: #ffd6bf; color: #000 !important; }
body.sby-show-markers .sby-missing { background: #ffe38a; color: #000 !important; }
body.sby-show-markers mark.sby-missing,
body.sby-show-markers mark.sby-temp { padding-inline: 0.15em; }
.sby-admin-note { padding: 1rem; background: #ffe38a; color: #000; }

/* =========================================================================
 * 4. כפתורים - ראשי: זהב כהה + טקסט שחור (4.6:1). משני: קו שיער שמפניה. פינות 0
 * ====================================================================== */
.sby-button,
.wp-block-button__link,
.wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	min-block-size: 52px;
	padding: 0.75rem 1.75rem;
	border: 1px solid var(--sby-gold-dark);
	border-radius: 0;
	background: var(--sby-gold-dark);
	color: var(--sby-black);
	font-family: var(--sby-font-body);
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 220ms var(--sby-ease), color 220ms var(--sby-ease), border-color 220ms var(--sby-ease);
}
.sby-button:hover,
.wp-block-button__link:hover,
.wp-element-button:hover { background: var(--sby-champagne); border-color: var(--sby-champagne); color: var(--sby-black); }
.sby-button:active,
.wp-block-button__link:active { background: var(--sby-champagne-light); border-color: var(--sby-champagne-light); }
.sby-button:focus-visible,
.wp-block-button__link:focus-visible { outline: 2px solid var(--sby-champagne-light); outline-offset: 3px; color: var(--sby-black); }
.sby-button[disabled],
.sby-button:disabled { background: var(--sby-charcoal-light); border-color: var(--sby-charcoal-light); color: var(--sby-muted); cursor: progress; }

.sby-button--secondary,
.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline .wp-element-button {
	background: transparent;
	border-color: var(--sby-champagne);
	color: var(--sby-champagne);
}
.sby-button--secondary:hover,
.is-style-outline > .wp-block-button__link:hover {
	background: var(--sby-champagne);
	border-color: var(--sby-champagne);
	color: var(--sby-black);
}
.sby-button--secondary:focus-visible,
.is-style-outline > .wp-block-button__link:focus-visible { color: var(--sby-champagne-light); }
.sby-button--secondary:hover:focus-visible { color: var(--sby-black); }

.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; margin-block-start: 2rem; }
.wp-block-button { margin: 0; }
.sby-icon { inline-size: 1.25em; block-size: 1.25em; flex: none; }


/* =========================================================================
 * 5. מבנה רצועה
 * - סקציה מבלוקים (wp-block-group.sby-section): הסקציה עצמה היא רשת של 12 עמודות ברוחב הקונטיינר
 * - סקציה של התבנית (בלי wp-block-group): עם .sby-section__inner
 * ====================================================================== */
.sby-section {
	position: relative;
	padding-block: var(--sby-band);
	background: var(--sby-black);
}
.sby-section__inner {
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	margin-inline: auto;
	padding-inline: var(--sby-pad);
}

.wp-block-group.sby-section {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: var(--sby-gap);
	align-content: start;
	padding-inline: var(--sby-side);
	margin: 0;
}
/* ביטול ה-constrained של וורדפרס (800px + margin auto !important) - הפריסה כאן ברשת */
.wp-block-group.sby-section > * {
	grid-column: 1 / -1;
	max-inline-size: none;
	margin-inline: 0 !important;
	margin-block: 0;
	min-inline-size: 0;
}
.wp-block-group.sby-section > * + * { margin-block-start: 1.1em; }

.sby-section__title {
	font-size: var(--sby-fs-h2);
	margin-block-end: 0.55em;
}
.wp-block-group.sby-section > p,
.wp-block-group.sby-section > ul.wp-block-list,
.wp-block-group.sby-section > ol.wp-block-list { max-inline-size: 44rem; }

/* רצועות לסירוגין: שחור / פחם חם, קו שיער ביניהן */
.sby-content > .sby-section:nth-child(even) { background: var(--sby-charcoal); }
.sby-content > .sby-section + .sby-section { border-block-start: 1px solid var(--sby-line); }
/* מוצרים תמיד על שחור טהור; אחריהם הזוגיות מתהפכת כדי שהסירוגין יישמר */
.sby-content > .sby-section.sby-section--hero-video,
.sby-content > .sby-section.sby-section--hero,
.sby-content > .sby-section.sby-section--product-strip { background: var(--sby-black); }
.sby-content > .sby-section--product-strip:nth-child(even) ~ .sby-section:nth-child(odd) { background: var(--sby-charcoal); }
.sby-content > .sby-section--product-strip:nth-child(even) ~ .sby-section:nth-child(even) { background: var(--sby-black); }
.sby-content > .sby-section--product-strip:nth-child(even) ~ .sby-section.sby-section--product-strip { background: var(--sby-black); }
/* הגדרה + דגמים = רצועה אחת: משפט ואז התכשיטים */
.sby-content > .sby-section--definition:has(+ .sby-section--product-strip) { padding-block-end: clamp(2.5rem, 4vw, 3.5rem); }
.sby-content > .sby-section--definition + .sby-section--product-strip { border-block-start: 0; padding-block-start: 0; }

/* =========================================================================
 * 6. כותרת עליונה - לוגו מימין, תפריט, חיפוש + טלפון + "לתיאום פגישה" משמאל. דביקה, שקופה-לכהה בגלילה
 * ====================================================================== */
.sby-header {
	position: sticky;
	inset-block-start: var(--sby-admin);
	z-index: 100;
	background: transparent;
	border-block-end: 1px solid transparent;
	transition: background-color 250ms var(--sby-ease), border-color 250ms var(--sby-ease);
}
.sby-header.is-scrolled { background: var(--sby-black); border-block-end-color: var(--sby-line); }
body:not(.home) .sby-header { background: var(--sby-black); }
.sby-header__inner {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	min-block-size: var(--sby-header-height);
	margin-inline: auto;
	padding-inline: var(--sby-pad);
}
.sby-header__brand { flex: none; }
.sby-logo { display: block; color: var(--sby-champagne); font-family: var(--sby-font-heading); font-size: 2rem; text-decoration: none; line-height: 1; }
.sby-logo__img { inline-size: auto; block-size: 30px; }
@media (min-width: 1024px) { .sby-logo__img { block-size: 38px; } }
.sby-logo:hover .sby-logo__img { filter: brightness(1.12); }

.sby-header__nav { display: none; flex: 1 1 auto; }
.sby-menu { list-style: none; margin: 0; padding: 0; }
.sby-menu--primary { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 1.25rem; } /* 9 פריטים בשורה אחת ב-1440+ (היה 2rem עם 5 פריטים) */
.sby-menu--primary > li { position: relative; }
.sby-menu--primary a {
	display: inline-flex;
	align-items: center;
	min-block-size: 44px;
	color: var(--sby-ivory);
	font-size: 1rem;
	text-decoration: none;
	position: relative;
	transition: color 200ms var(--sby-ease);
}
.sby-menu--primary > li > a::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: 8px;
	block-size: 1px;
	background: var(--sby-champagne);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 280ms var(--sby-ease);
}
.sby-menu--primary a:hover,
.sby-menu--primary a:focus-visible,
.sby-menu--primary .current-menu-item > a,
.sby-menu--primary .current-menu-ancestor > a { color: var(--sby-white); }
.sby-menu--primary > li > a:hover::after,
.sby-menu--primary > li > a:focus-visible::after,
.sby-menu--primary > .current-menu-item > a::after,
.sby-menu--primary > .current-menu-ancestor > a::after { transform: scaleX(1); }
.sby-menu--primary .sub-menu {
	position: absolute;
	inset-block-start: 100%;
	inset-inline-start: -1.25rem;
	z-index: 10;
	min-inline-size: 15rem;
	margin: 0;
	padding: 0.75rem 1.25rem;
	list-style: none;
	background: var(--sby-black);
	border: 1px solid var(--sby-line-strong);
	visibility: hidden;
	clip-path: inset(0 0 100% 0);
	transition: clip-path 220ms var(--sby-ease), visibility 0s linear 220ms;
}
.sby-menu--primary li:hover > .sub-menu,
.sby-menu--primary li:focus-within > .sub-menu { visibility: visible; clip-path: inset(0 0 0 0); transition-delay: 0s; }
.sby-menu--primary .sub-menu a { display: flex; min-block-size: 40px; }

.sby-header__actions { display: flex; align-items: center; gap: 1.25rem; margin-inline-start: auto; }
.sby-header__phone {
	display: none;
	align-items: center;
	min-block-size: 44px;
	color: var(--sby-ivory);
	font-size: 1rem;
	text-decoration: none;
	white-space: nowrap;
}
.sby-header__phone:hover { color: var(--sby-champagne-light); }
.sby-header__cta { display: none; min-block-size: 44px; padding-inline: 1.25rem; font-size: 1rem; }
.sby-header .sby-search { display: none; }
.sby-header__burger,
.sby-mobile-menu__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	border: 1px solid var(--sby-line-strong);
	background: transparent;
	color: var(--sby-champagne);
}
.sby-header__burger:hover,
.sby-mobile-menu__close:hover { border-color: var(--sby-champagne); color: var(--sby-champagne-light); }
.sby-cart { color: var(--sby-ivory); text-decoration: none; }

@media (min-width: 768px) {
	.sby-header__cta { display: inline-flex; }
}
@media (min-width: 1024px) {
	.sby-header__phone { display: inline-flex; }
}
@media (min-width: 1280px) {
	.sby-header__nav { display: block; }
	.sby-header__burger { display: none; }
	.sby-header .sby-search { display: flex; }
}

/* חיפוש: קו תחתון בלבד */
.sby-search { display: flex; align-items: center; position: relative; }
.sby-search__input {
	inline-size: 11rem;
	min-block-size: 44px;
	padding-block: 0.4rem;
	padding-inline: 0 2.25rem;
	border: 0;
	border-block-end: 1px solid var(--sby-line-strong);
	border-radius: 0;
	background: transparent;
	color: var(--sby-ivory);
	font-size: 1rem;
	transition: border-color 200ms var(--sby-ease), inline-size 300ms var(--sby-ease);
}
.sby-search__input::placeholder { color: var(--sby-muted); opacity: 1; }
.sby-search__input:placeholder-shown { direction: rtl; }
/* RTL: physical intentional - הכפתור יושב פיזית משמאל (inset-inline-end בטופס RTL), והשדה dir=auto יכול להיות LTR */
.sby-search__input { padding-left: 2.25rem; padding-right: 0; }
.sby-search__input:focus { outline: none; border-block-end-color: var(--sby-champagne); inline-size: 14rem; }
.sby-search__input:focus-visible { outline: 2px solid var(--sby-champagne); outline-offset: 2px; }
.sby-search__input::-webkit-search-cancel-button { filter: invert(0.7); }
.sby-search__submit {
	position: absolute;
	inset-inline-end: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 2.25rem;
	block-size: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--sby-champagne);
}
.sby-search__submit:hover { color: var(--sby-champagne-light); }

/* פאנל התפריט במובייל - מסך מלא, שחור, רשימה גדולה בסריף */
.sby-mobile-menu {
	position: fixed;
	inset: 0;
	z-index: 300;
	overflow-y: auto;
	background: var(--sby-black);
}
.sby-mobile-menu__panel {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	min-block-size: 100%;
	padding: 1rem var(--sby-pad) 6rem;
}
.sby-mobile-menu__close { align-self: flex-end; }
.sby-menu--mobile { border-block-start: 1px solid var(--sby-line); }
.sby-menu--mobile li { border-block-end: 1px solid var(--sby-line); }
.sby-menu--mobile a {
	display: flex;
	align-items: center;
	min-block-size: 60px;
	color: var(--sby-white);
	font-family: var(--sby-font-heading);
	font-size: 1.625rem;
	text-decoration: none;
}
.sby-menu--mobile a:hover,
.sby-menu--mobile a:focus-visible { color: var(--sby-champagne-light); }
.sby-menu--mobile .sub-menu { list-style: none; margin: 0 0 0.75rem; padding: 0; padding-inline-start: 1rem; }
.sby-menu--mobile .sub-menu li { border: 0; }
.sby-menu--mobile .sub-menu a { min-block-size: 44px; font-family: var(--sby-font-body); font-size: 1.0625rem; color: var(--sby-ivory); }
.sby-mobile-menu .sby-search__input { inline-size: 100%; font-size: 1.0625rem; }
.sby-mobile-menu .sby-search__input:focus { inline-size: 100%; }
.sby-mobile-menu__contact { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.sby-mobile-menu__phone { color: var(--sby-ivory); font-size: 1.25rem; text-decoration: none; min-block-size: 44px; display: inline-flex; align-items: center; }
body.sby-menu-open { overflow: hidden; }

/* =========================================================================
 * 7. פוטר - עמודת הלוגו הכי ימנית (ראשונה ב-DOM)
 * ====================================================================== */
.sby-footer { background: var(--sby-charcoal); border-block-start: 1px solid var(--sby-line-strong); font-size: 1rem; }
.sby-footer__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem var(--sby-gap);
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	margin-inline: auto;
	padding: clamp(3.5rem, 6vw, 5.5rem) var(--sby-pad) 3rem;
}
@media (min-width: 768px) { .sby-footer__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .sby-footer__inner { grid-template-columns: 1.1fr 2fr 0.9fr 0.9fr; column-gap: clamp(2rem, 4vw, 4rem); } } /* 24px בין השעות לקישורים מול 80-130px בין השאר (ביקורת עיצוב 2, ממצא 14) */
.sby-footer .sby-logo__img { block-size: 46px; }
.sby-footer__tagline { margin-block-start: 1.25rem; max-inline-size: 22rem; color: var(--sby-muted); }
.sby-footer .sby-visit--compact { display: grid; gap: 1.5rem 2rem; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }
.sby-footer .sby-visit__label { font-family: var(--sby-font-heading); font-size: 1.25rem; color: var(--sby-white); margin-block-end: 0.5rem; }
.sby-footer .sby-visit__block--contact { grid-column: 1 / -1; }
.sby-menu--footer, .sby-menu--legal { display: grid; gap: 0.15rem; }
.sby-menu--footer a, .sby-menu--legal a { display: inline-flex; align-items: center; min-block-size: 40px; color: var(--sby-ivory); text-decoration: none; }
.sby-menu--footer a:hover, .sby-menu--legal a:hover { color: var(--sby-champagne-light); text-decoration: underline; }
.sby-footer__bottom {
	max-inline-size: min(var(--sby-container), 100% - 2 * var(--sby-pad));
	margin-inline: auto;
	padding: 1.25rem 0 1.5rem;
	border-block-start: 1px solid var(--sby-line);
	color: var(--sby-muted);
	font-size: var(--sby-fs-small);
}
.sby-footer__bottom p { margin: 0; }

/* =========================================================================
 * 8. סרגל תחתון במובייל (חייג / וואטסאפ), וואטסאפ צף במחשב (בשוליים, לא מעל תוכן)
 * ====================================================================== */
.sby-mobile-bar {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 90;
	display: grid;
	grid-template-columns: 1fr 1fr;
	block-size: 60px;
	background: var(--sby-black);
	border-block-start: 1px solid var(--sby-line-strong);
	padding-block-end: env(safe-area-inset-bottom);
}
.sby-mobile-bar__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	color: var(--sby-champagne);
	font-weight: 600;
	font-size: 1.0625rem;
	text-decoration: none;
}
.sby-mobile-bar__item--whatsapp { background: var(--sby-gold-dark); color: var(--sby-black); }
.sby-mobile-bar__item:hover, .sby-mobile-bar__item:focus-visible { color: var(--sby-champagne-light); }
.sby-mobile-bar__item--whatsapp:hover, .sby-mobile-bar__item--whatsapp:focus-visible { background: var(--sby-champagne); color: var(--sby-black); }
.sby-mobile-bar__item:focus-visible { outline-offset: -4px; }

.sby-whatsapp-float-wrap { display: contents; }
.sby-whatsapp-float {
	position: fixed;
	inset-block-end: 20px;
	inset-inline-end: 12px; /* RTL: הצד השמאלי, בתוך שוליים של 72px - לא מעל תוכן */
	z-index: 90;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 48px;
	block-size: 48px;
	background: var(--sby-black);
	border: 1px solid var(--sby-champagne);
	color: var(--sby-champagne);
	transition: background-color 200ms var(--sby-ease), color 200ms var(--sby-ease);
}
.sby-whatsapp-float .sby-icon { inline-size: 24px; block-size: 24px; }
.sby-whatsapp-float:hover, .sby-whatsapp-float:focus-visible { background: var(--sby-champagne); color: var(--sby-black); }
@media (min-width: 1024px) { .sby-mobile-bar { display: none; } }
@media (max-width: 1023.98px) { .sby-whatsapp-float { display: none; } body { padding-block-end: 60px; } }

/* =========================================================================
 * 9. פירורי לחם - מימין, חיצים לשמאל
 * ====================================================================== */
.sby-breadcrumbs {
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	margin-inline: auto;
	padding: 1.25rem var(--sby-pad) 0;
	font-size: var(--sby-fs-small);
	color: var(--sby-muted);
}
.sby-breadcrumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.6rem; list-style: none; margin: 0; padding: 0; }
.sby-breadcrumbs__item { display: inline-flex; align-items: center; }
.sby-breadcrumbs__item:not(:last-child)::after { content: "\2039"; margin-inline-start: 0.6rem; color: var(--sby-champagne); font-size: 1.15em; line-height: 1; } /* ‹ = חץ לשמאל ב-RTL; אחרי הפריט ולא לפני הבא, כדי ששורה שנייה לא תתחיל בחץ (ביקורת עיצוב 25.10) */
.sby-breadcrumbs a { display: inline-flex; align-items: center; min-block-size: 32px; color: var(--sby-muted); text-decoration: none; }
.sby-breadcrumbs a:hover, .sby-breadcrumbs a:focus-visible { color: var(--sby-champagne-light); text-decoration: underline; }
.sby-breadcrumbs [aria-current] { color: var(--sby-ivory); }

/* =========================================================================
 * 10. הירו עם וידאו (עמוד הבית) - שלב 2ב (אור, 25.10: "כמו באתר הישן - סרטון על כל המסך, חתוך לרוחב").
 *     הסקציה ברוחב המסך ובגובה המסך (100vh, מינימום 640px; 85svh במובייל), הסרטון ממלא אותה ב-cover בכל יחס - גם סרטון אנכי.
 *     שכבה כהה 35% + שיפוע לשחור בתחתית (המעבר לרצועה הבאה) + שיפוע עליון לכותרת השקופה.
 *     ניגודיות על הפיקסל שצויר: בפיקסל לבן טהור 4.5:1 לטקסט הגוף (20-22px, 300) דורש כיסוי של 54% לפחות מאחורי הטקסט.
 *     השכבה (35%) עם השיפוע התחתון (30% לפחות בגובה בלוק הטקסט) נותנות 1-(0.65 x 0.7) = 55%; ה-H1 (56px+) צריך 3:1 = 42%.
 *     במחשב מתווסף שיפוע מצד ההתחלה (ימין), שם הטקסט יושב. הסימון (scripts/wp/content.mjs, patterns/hero-video.php) לא השתנה.
 * ====================================================================== */
.wp-block-group.sby-section--hero-video {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-content: end;
	min-block-size: max(32rem, 85svh);
	padding: calc(var(--sby-header-height) + 2.5rem) var(--sby-side) clamp(3.5rem, 11svh, 6rem);
	overflow: clip;
	background: var(--sby-black);
}
/* הכותרת העליונה (דביקה, שקופה בבית) עולה מעל ההירו: ההירו נמשך מתחתיה בגובה הכותרת */
.sby-page--home > .sby-section--hero-video:first-child { margin-block-start: calc(-1 * var(--sby-header-height)); }
.sby-section--hero-video > .sby-hero__video {
	position: absolute;
	grid-area: auto; /* בלי מיקום מפורש ברשת: תיבת ההכלה של ילד מוחלט היא תיבת הריפוד של הסקציה ולא אזור הרשת (1,400px) - אחרת פסים שחורים בצדדים ב-1920 (25.10) */
	inset: 0;
	z-index: 0;
	margin: 0 !important;
	background: var(--sby-black);
}
.sby-section--hero-video .sby-hero__video video {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: none;
	object-fit: cover;          /* כל יחס תמונה ממלא את המסך; הפוסטר מקבל את אותו cover */
	object-position: 50% 50%;
	background: var(--sby-black);
}
.sby-section--hero-video > .sby-hero__video::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(to top, #000 0%, rgb(0 0 0 / 0.62) 28%, rgb(0 0 0 / 0.32) 58%, rgb(0 0 0 / 0) 82%),
		linear-gradient(to bottom, rgb(0 0 0 / 0.55) 0, rgb(0 0 0 / 0) calc(var(--sby-header-height) + 5rem)),
		rgb(0 0 0 / 0.35);
}
.sby-section--hero-video > .sby-hero__content {
	position: relative;
	z-index: 1;
	justify-self: center;
	inline-size: 100%;
	max-inline-size: 40rem;
	margin: 0 !important;
	text-align: center;
}
.sby-section--hero-video .sby-hero__content > * { max-inline-size: none; margin-inline: 0 !important; }
.sby-hero__title { font-size: 2.5rem; line-height: 1.15; margin-block-end: 0.4em; color: var(--sby-white); }
/* קו שיער זהב קצר מעל הכותרת */
.sby-section--hero-video .sby-hero__title::before {
	content: "";
	display: block;
	inline-size: 3.5rem;
	block-size: 1px;
	margin: 0 auto 1.25rem;
	background: var(--sby-champagne);
}
.sby-hero__text { font-size: var(--sby-fs-lead); font-weight: 300; line-height: 1.6; color: var(--sby-ivory); max-inline-size: 34rem; }
.sby-section--hero-video .sby-hero__text { margin-inline: auto !important; }
.sby-hero__actions { margin-block-start: 2rem; }
.sby-section--hero-video .sby-hero__actions { justify-content: center; }
/* כפתור השהיית הסרטון (נטען רק מ-1024): פינה תחתונה-שמאלית בקצה הקונטיינר, מחוץ לוואטסאפ הצף (12-60px משמאל) */
.sby-section--hero-video .sby-hero__video-toggle { inset-block-end: 1.5rem; inset-inline-start: auto; inset-inline-end: var(--sby-side); }

@media (min-width: 768px) {
	.sby-section--hero-video > .sby-hero__content { justify-self: start; max-inline-size: 44rem; text-align: start; }
	.sby-section--hero-video .sby-hero__title::before { margin-inline: 0; }
	.sby-section--hero-video .sby-hero__text { margin-inline: 0 !important; }
	.sby-section--hero-video .sby-hero__actions { justify-content: flex-start; }
	.sby-hero__title { font-size: clamp(2.75rem, 2rem + 2.2vw, 4rem); } /* 56px ב-1100, 64px מ-1455 */
}
@media (min-width: 1024px) {
	.wp-block-group.sby-section--hero-video {
		min-block-size: max(640px, calc(100vh - var(--sby-admin)));
		padding-block-end: clamp(5rem, 15vh, 9rem); /* התוכן במרכז-מטה */
	}
	/* RTL: physical intentional - הטקסט יושב בצד ימין, והשיפוע מתחיל מהקצה הימני */
	.sby-section--hero-video > .sby-hero__video::after {
		background:
			linear-gradient(to top, #000 0%, rgb(0 0 0 / 0.62) 28%, rgb(0 0 0 / 0.32) 58%, rgb(0 0 0 / 0) 82%),
			linear-gradient(to left, rgb(0 0 0 / 0.4) 0%, rgb(0 0 0 / 0) 55%),
			linear-gradient(to bottom, rgb(0 0 0 / 0.55) 0, rgb(0 0 0 / 0) calc(var(--sby-header-height) + 5rem)),
			rgb(0 0 0 / 0.25); /* ביקורת עיצוב 3, ממצא 17: היה 0.35 - הפריים עכור. בגובה הטקסט: 1-(0.75 x 0.38 x 0.87) = 75% כיסוי בקצה השורה, מעל 54% הנדרשים */
	}
}
/* בעורך הבלוקים אין כותרת דביקה ואין מסך מלא - הסרטון במקומו כדי שאפשר יהיה לבחור אותו */
.is-root-container .wp-block-group.sby-section--hero-video { min-block-size: 0; padding-block-start: 2rem; }
.is-root-container .sby-section--hero-video .sby-hero__video,
.is-root-container .sby-section--hero-video .sby-hero__video video { position: relative; inset: auto; }

/* הירו רגיל (sby/hero) */
.wp-block-group.sby-section--hero { padding-block: clamp(4rem, 9vw, 8rem); }
.sby-section--hero .sby-hero__title { grid-column: 1 / span 10; }
.sby-section--hero .sby-hero__text { grid-column: 1 / span 7; }

/* =========================================================================
 * 11. הגדרה - משפט ממורכז, קו שיער זהב מתחת לכותרת
 * ====================================================================== */
.wp-block-group.sby-section--definition { justify-items: center; text-align: center; padding-block: clamp(5rem, 10vw, 9rem); }
.sby-section--definition > .sby-section__title { grid-column: 2 / span 10; }
.sby-section--definition > .sby-section__title::after {
	content: "";
	display: block;
	inline-size: 4rem;
	block-size: 1px;
	margin: 0.6em auto 0;
	background: var(--sby-champagne);
}
.wp-block-group.sby-section--definition > .sby-definition__text {
	grid-column: 2 / span 10;
	max-inline-size: 48rem;
	font-size: var(--sby-fs-lead);
	font-weight: 300;
	line-height: 1.75;
	color: var(--sby-ivory);
}

/* =========================================================================
 * 12. טקסט - שלוש צורות כדי ששלוש רצועות טקסט לא ייראו אותו דבר
 *     א. ברירת מחדל: כותרת בעמודה הימנית (דביקה), הפסקאות משמאל
 *     ב. אחרי טקסט-תמונה: הפסקאות בשלוש עמודות מתחת לכותרת רחבה
 *     ג. אחרי "למי זה פחות מתאים": עמודה אחת ממורכזת
 * ====================================================================== */
@media (min-width: 1024px) {
	.wp-block-group.sby-section--text { align-items: start; }
	.sby-section--text > .sby-section__title {
		grid-column: 1 / span 5;
		grid-row: 1 / span 20;
		position: sticky;
		inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 2rem);
		padding-inline-end: 1rem;
	}
	.wp-block-group.sby-section--text > :not(.sby-section__title) { grid-column: 7 / span 6; }
	.wp-block-group.sby-section--text > .sby-section__title + * { margin-block-start: 0.4rem; }

	/* ב */
	.sby-section--text-image + .sby-section--text > .sby-section__title { position: static; grid-row: auto; grid-column: 1 / span 9; }
	.wp-block-group.sby-section--text-image + .sby-section--text > p { grid-column: span 4; grid-row: 2; margin-block-start: 1rem; max-inline-size: none; }
	.wp-block-group.sby-section--text-image + .sby-section--text > p:nth-of-type(1) { grid-column: 1 / span 4; }
	.wp-block-group.sby-section--text-image + .sby-section--text > p:nth-of-type(2) { grid-column: 5 / span 4; }
	.wp-block-group.sby-section--text-image + .sby-section--text > p:nth-of-type(3) { grid-column: 9 / span 4; }
	.wp-block-group.sby-section--text-image + .sby-section--text > p + p { border-inline-start: 1px solid var(--sby-line); padding-inline-start: var(--sby-gap); }
	/* פסקה רביעית ומעלה: שורה מלאה מתחת לשלוש העמודות (4 פסקאות פתחו עמודות נוספות ברשת וכיווצו הכל ל-0px - QA 23.10) */
	.wp-block-group.sby-section--text-image + .sby-section--text > p:nth-of-type(n+4) { grid-column: 1 / span 12; grid-row: auto; border-inline-start: 0; padding-inline-start: 0; max-inline-size: 44rem; margin-block-start: 1.5rem; }

	/* ג */
	.sby-section--not-for + .sby-section--text > .sby-section__title { position: static; grid-row: auto; grid-column: 3 / span 8; text-align: center; }
	.wp-block-group.sby-section--not-for + .sby-section--text > :not(.sby-section__title) { grid-column: 4 / span 6; }
}

/* =========================================================================
 * 13. טקסט ותמונה (+ הפוך: השני ברצף מקבל את התמונה מימין)
 * ====================================================================== */
.sby-text-image__cols,
.wp-block-columns.sby-text-image__cols {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 2.5rem var(--sby-gap);
	align-items: start;
	margin: 0;
}
.sby-text-image__cols > .wp-block-column { margin: 0 !important; min-inline-size: 0; flex-basis: auto !important; align-self: start; } /* ביקורת עיצוב 3, ממצא 7: הטקסט מיושר לראש התמונה, לא ממורכז אנכית (or-lessons: "חלל ריק ליד תמונה = ממצא") */
.sby-text-image__text { padding-block-start: clamp(0.5rem, 2vw, 2rem); }
.sby-text-image__media { position: relative; }
.sby-text-image__media figure,
.sby-text-image__media .wp-block-image { margin: 0; position: relative; aspect-ratio: 4 / 3.4; }
.sby-text-image__media img { inline-size: 100%; object-fit: cover; }
.sby-text-image__text > * { max-inline-size: 38rem; }
.sby-text-image__text > .sby-section__title { max-inline-size: 32rem; }
@media (min-width: 1024px) {
	.sby-text-image__cols,
	.wp-block-columns.sby-text-image__cols { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.sby-text-image__cols > .sby-text-image__text { grid-column: 1 / span 5; grid-row: 1; }
	.sby-text-image__cols > .sby-text-image__media { grid-column: 7 / span 6; grid-row: 1; }
	/* הפוך: התמונה מימין */
	.sby-section--reverse .sby-text-image__cols > .sby-text-image__text,
	.sby-section--text-image + .sby-section--text-image .sby-text-image__cols > .sby-text-image__text { grid-column: 8 / span 5; }
	.sby-section--reverse .sby-text-image__cols > .sby-text-image__media,
	.sby-section--text-image + .sby-section--text-image .sby-text-image__cols > .sby-text-image__media { grid-column: 1 / span 6; }
	/* ביקורת עיצוב 3, ממצא 6: המסגרת המוזזת מאחורי התמונה (מסגרת כפולה) נמחקה. במקומה התמונה נמתחת עד קצה המסך - סעיף 34ב */
}

/* =========================================================================
 * 14. כרטיסי קטגוריה
 * ====================================================================== */
.sby-category-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem var(--sby-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}
@media (min-width: 1024px) { .sby-category-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem var(--sby-gap); } }
.sby-category-card__link { display: grid; gap: 0.35rem; color: inherit; text-decoration: none; }
.sby-category-card__media { display: block; overflow: clip; aspect-ratio: 4 / 5; background: var(--sby-black); margin-block-end: 0.9rem; }
.sby-category-card__img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform 700ms var(--sby-ease); }
/* חיתוך ביטחון לצילומי הסטודיו: התמונה גבוהה ב-12% מהמסגרת ומעוגנת למעלה, כך שהשוליים התחתונים (סימן המים
   "Galaxy S24 Ultra" שלא נחתך במלואו בהעלאה) נשארים מחוץ למסגרת. כרטיסי מוצר לא נוגעים - שם התמונה שלמה */
.sby-category-card__media,
.wp-block-gallery.sby-gallery-grid > figure.wp-block-image,
.sby-text-image__media figure,
.sby-text-image__media .wp-block-image { position: relative; overflow: clip; }
.sby-category-card__img,
.wp-block-gallery.sby-gallery-grid > figure.wp-block-image img,
.sby-text-image__media img {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	inline-size: 100% !important;
	block-size: 112% !important;
	max-inline-size: none;
	object-fit: cover;
	object-position: 50% 0;
}
/* גלריית הליבה כופה height:100% עם :not(#individual-image) (ספציפיות של id) - גוברים באותה דרך */
.wp-block-gallery.sby-gallery-grid > figure.wp-block-image:not(#sby-x) img {
	position: absolute !important;
	inset: 0 auto auto 0 !important;
	inline-size: 100% !important;
	block-size: 112% !important;
	height: 112% !important;
	max-height: none !important;
	object-position: 50% 0 !important;
}
.sby-category-card__name {
	justify-self: start;
	font-family: var(--sby-font-heading);
	font-weight: var(--sby-fw-heading);
	letter-spacing: var(--sby-ls-heading);
	font-size: clamp(1.375rem, 2vw, 1.875rem);
	line-height: 1.2;
	color: var(--sby-white);
	position: relative;
	padding-block-end: 0.15em;
}
.sby-category-card__name::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: 0;
	block-size: 1px;
	background: var(--sby-champagne);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 350ms var(--sby-ease);
}
.sby-category-card__count { font-size: var(--sby-fs-small); color: var(--sby-champagne); }
.sby-category-card__link:hover .sby-category-card__img,
.sby-category-card__link:focus-visible .sby-category-card__img { transform: scale(1.04); }
.sby-category-card__link:hover .sby-category-card__name::after,
.sby-category-card__link:focus-visible .sby-category-card__name::after { transform: scaleX(1); } /* היה :hover על השם עצמו (scaleX על הטקסט) - הקו לא הופיע בריחוף */

/* שלב 2ב: גרסה רחבה - שני אריחים 16:10 בחצי קונטיינר, השם בפינה התחתונה-ימנית על שיפוע כהה.
   הסקציה מקבלת מחלקה נוספת sby-category-cards--wide (קובץ התוכן); הסימון של הכרטיס זהה */
.sby-category-cards--wide .sby-category-cards { grid-template-columns: minmax(0, 1fr); gap: var(--sby-gap); }
@media (min-width: 768px) { .sby-category-cards--wide .sby-category-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sby-category-cards--wide .sby-category-card__link { grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto auto; gap: 0; }
.sby-category-cards--wide .sby-category-card__media { grid-area: 1 / 1 / 4 / 2; aspect-ratio: 16 / 10; margin: 0; }
.sby-category-cards--wide .sby-category-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to top, rgb(0 0 0 / 0.82) 0%, rgb(0 0 0 / 0.45) 32%, rgb(0 0 0 / 0) 60%);
}
.sby-category-cards--wide .sby-category-card__name,
.sby-category-cards--wide .sby-category-card__count,
.sby-category-cards--wide .sby-category-card__text { position: relative; z-index: 2; justify-self: start; margin-inline: clamp(1.25rem, 2.5vw, 2rem); }
.sby-category-cards--wide .sby-category-card__name { grid-area: 2 / 1; font-size: clamp(1.625rem, 2.4vw, 2.25rem); }
.sby-category-cards--wide .sby-category-card__count { grid-area: 3 / 1; margin-block: 0.35rem clamp(1.25rem, 2.5vw, 1.75rem); color: var(--sby-champagne-light); }
.sby-category-cards--wide .sby-category-card__text { display: none; } /* באריח הרחב: שם ומספר בלבד */
.sby-category-cards--wide .sby-category-card__link:has(.sby-category-card__count) .sby-category-card__name { margin-block-end: 0; }
.sby-category-cards--wide .sby-category-card__link:not(:has(.sby-category-card__count)) .sby-category-card__name { grid-row: 2 / 4; margin-block-end: clamp(1.25rem, 2.5vw, 1.75rem); }

/* =========================================================================
 * 15. כרטיס מוצר ורשתות - הכרטיס הוא התמונה על שחור, בלי קופסה
 * ====================================================================== */
.sby-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2.5rem var(--sby-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}
@media (min-width: 768px) { .sby-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .sby-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3.5rem var(--sby-gap); } }
.sby-grid__empty { padding-block: 3rem; color: var(--sby-muted); text-align: center; }

.sby-card { position: relative; display: flex; flex-direction: column; gap: 0.3rem; min-inline-size: 0; }
.sby-card__link { display: flex; flex-direction: column; flex: 1 1 auto; gap: 0.3rem; color: inherit; text-decoration: none; } /* flex: 1 - השם ממלא את הגובה והמחיר יורד לקו אחד בכל השורה (ביקורת עיצוב 2, ממצא 10) */
.sby-card__media {
	display: block;
	position: relative;
	overflow: clip;
	aspect-ratio: 4 / 5;
	background: var(--sby-black);
	margin-block-end: 0.6rem; /* ביקורת עיצוב 3, ממצא 14: היה 0.85rem - כ-70px בין התמונה לשם */
}
.sby-card__img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	transition: transform 600ms var(--sby-ease);
}
.sby-card__link:hover .sby-card__img,
.sby-card__link:focus-visible .sby-card__img { transform: scale(1.045); }
/* שלב 2ב: שם קצר (sby_card_name) בסאנס; שורת הסדרה ירדה מהכרטיס. ביקורת עיצוב 3, ממצא 14: 19px במשקל 400 (היה 18px / 300 - היררכיה חלשה) */
.sby-card__name {
	font-family: var(--sby-font-body);
	font-size: 1.1875rem;
	font-weight: 400;
	letter-spacing: var(--sby-ls-heading);
	line-height: 1.4;
	color: var(--sby-white);
	text-wrap: balance;
}
.sby-card__link:hover .sby-card__name,
.sby-card__link:focus-visible .sby-card__name { color: var(--sby-champagne-light); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.3em; }
.sby-card__link:focus-visible { outline-offset: 6px; }
.sby-card__price { font-size: 0.9375rem; color: var(--sby-ivory); line-height: 1.5; }
.sby-card__metals { display: flex; gap: 0.55rem; margin-block-start: 0.4rem; }
.sby-dot {
	display: inline-block;
	inline-size: 16px; /* שלב 2ב: היה 12px. שם המתכת ב-title (ריחוף) ובטקסט נסתר */
	block-size: 16px;
	border-radius: 50%;
	background: var(--sby-dot, var(--sby-champagne));
	border: 1px solid rgb(0 0 0 / 0.35);
	outline: 1px solid rgb(243 238 230 / 0.25);
	outline-offset: 2px;
}

/* מחיר */
.sby-price { font-variant-numeric: lining-nums; }
/* ווקומרס עוטף את הסכום ב-<bdi> בלי תו חזק -> הוא נפתר כ-LTR והשקל קופץ לימין המספר ("₪ 4,900").
   כיוון RTL מבודד: המספר נשאר LTR בפנים, השקל אחריו בזרימה העברית = משמאל למספר ("4,900 ₪") */
.woocommerce-Price-amount > bdi { direction: rtl; unicode-bidi: isolate; }
.sby-price__prefix { color: var(--sby-muted); font-weight: 400; margin-inline-end: 0.3em; }
.sby-price--none { color: var(--sby-muted); background: none; } /* "מחיר לפי פנייה": טקסט שקט בשנהב מעומעם (9.6:1 על שחור), לא סימון ולא צבע מבטא */

/* רצועת מוצרים */
.wp-block-group.sby-section--product-strip > .sby-section__title,
.sby-section--product-strip .sby-section__title { margin-block-end: 1.25em; }
.sby-section--definition + .sby-section--product-strip > .sby-grid { border-block-start: 1px solid var(--sby-line); padding-block-start: clamp(2.5rem, 4vw, 3.5rem); }
.sby-section--definition + .sby-section--product-strip > .sby-section__title { text-align: center; } /* כותרת בגודל H2 ובלבן כמו שאר הכותרות - "בלי תוויות קטנות" (אור; QA 23.10) */

/* =========================================================================
 * 16. גלריה (בלוק גלריה) - רשת מימין לשמאל, תמונה ראשונה גדולה
 * ====================================================================== */
.wp-block-gallery.sby-gallery-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--sby-gap) !important;
	margin: 0;
}
.wp-block-gallery.sby-gallery-grid > figure.wp-block-image { inline-size: auto !important; margin: 0 !important; aspect-ratio: 1; overflow: clip; background: var(--sby-black); }
.wp-block-gallery.sby-gallery-grid > figure.wp-block-image img { inline-size: 100%; block-size: 100% !important; object-fit: cover; transition: transform 700ms var(--sby-ease); }
.wp-block-gallery.sby-gallery-grid > figure.wp-block-image:hover img { transform: scale(1.03); }
@media (min-width: 768px) {
	.wp-block-gallery.sby-gallery-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.wp-block-gallery.sby-gallery-grid > figure:first-child { grid-column: span 2; grid-row: span 2; }
	/* גלריה של 6 (הבית 2ב): 3 עמודות אחידות - עם 4 עמודות והאריח הכפול נשאר חור בשורה השנייה (25.10) */
	.wp-block-gallery.sby-gallery-grid:has(> figure:nth-child(6):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.wp-block-gallery.sby-gallery-grid:has(> figure:nth-child(6):last-child) > figure:first-child { grid-column: auto; grid-row: auto; }
	.wp-block-gallery.sby-gallery-grid > figure:nth-child(8) { grid-column: span 2; aspect-ratio: auto; position: relative; } /* הגובה מהשורה, לא 2:1 של שתי עמודות + רווח (היה גבוה ב-12px מהשכנים; ביקורת עיצוב 25.10) */
	.wp-block-gallery.sby-gallery-grid > figure:nth-child(8) img { position: absolute; inset: 0; }
}
.sby-section--gallery > p { color: var(--sby-ivory); }

/* =========================================================================
 * 17. טבלה עם כיתוב
 * ====================================================================== */
.wp-block-table.sby-table,
.sby-table { margin: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* רמז גלילה במובייל: הצללה בקצה השמאלי (הטבלה ממשיכה) וכיתוב דביק שלא נחתך עם הגלילה (QA 6ב) */
@media (max-width: 1023.98px) {
	.sby-table { background: linear-gradient(to left, transparent calc(100% - 3rem), var(--sby-charcoal-light, #1a1612)) no-repeat; background-attachment: local; }
	.sby-content table caption,
	.sby-table caption { position: sticky; inset-inline-start: 0; inline-size: calc(100vw - 2rem); max-inline-size: 100%; white-space: normal; }
}
.sby-table[tabindex]:focus-visible { outline: 2px solid var(--sby-champagne); outline-offset: 4px; }
.sby-table table,
.sby-content table { min-inline-size: 40rem; border-collapse: collapse; font-size: 1rem; line-height: 1.6; }
.sby-content table caption,
.sby-table caption {
	caption-side: bottom;
	padding-block-start: 1rem;
	color: var(--sby-champagne);
	font-size: var(--sby-fs-small);
	text-align: start;
}
.sby-content th,
.sby-content td { padding: 1rem 1rem 1rem 0.5rem; border: 0; border-block-end: 1px solid var(--sby-line); text-align: start; vertical-align: top; }
.sby-content thead th {
	border-block-end: 1px solid var(--sby-champagne);
	color: var(--sby-champagne);
	font-weight: 600;
	font-size: var(--sby-fs-small);
	white-space: nowrap;
}
.sby-content tbody td:first-child,
.sby-content tbody th:first-child { font-family: var(--sby-font-heading); font-size: 1.125rem; color: var(--sby-white); white-space: nowrap; }
.sby-content tbody tr:hover td { background: rgb(201 168 120 / 0.04); }
.wp-block-group.sby-section--table > .sby-table { max-inline-size: none; }
.wp-block-table thead { border-block-end: 0; }
.wp-block-table tfoot { border-block-start: 0; }

/* =========================================================================
 * 18. צעדים - ספרות סריף גדולות (מספור של רשימה, לא של סקציות)
 * ====================================================================== */
.wp-block-group.sby-section > .sby-steps__list,
.sby-steps__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem var(--sby-gap);
	max-inline-size: none;
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
	counter-reset: sby-step;
}
@media (min-width: 768px) { .wp-block-group.sby-section > .sby-steps__list, .sby-steps__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .wp-block-group.sby-section > .sby-steps__list, .sby-steps__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sby-steps__list > li {
	counter-increment: sby-step;
	position: relative;
	padding-block-start: 1.5rem;
	border-block-start: 1px solid var(--sby-line-strong);
	color: var(--sby-ivory);
	font-size: 1.0625rem;
	line-height: 1.75;
}
.sby-steps__list > li::before {
	content: counter(sby-step);
	display: block;
	margin-block-end: 0.75rem;
	font-family: var(--sby-font-heading);
	font-size: 3.5rem;
	line-height: 1;
	color: var(--sby-champagne);
}
.sby-steps__list > li strong { display: block; margin-block-end: 0.35rem; font-family: var(--sby-font-heading); font-size: 1.5rem; font-weight: 400; color: var(--sby-white); }

/* =========================================================================
 * 19. למי זה פחות מתאים - כותרת מימין, רשימה משמאל עם קווי שיער
 * ====================================================================== */
.sby-not-for__list,
.wp-block-group.sby-section > .sby-not-for__list { list-style: none; margin: 0; padding: 0; max-inline-size: none; }
.sby-not-for__list > li {
	position: relative;
	padding-block: 1.1rem;
	padding-inline-start: 2.25rem;
	border-block-end: 1px solid var(--sby-line);
}
.sby-not-for__list > li:first-child { border-block-start: 1px solid var(--sby-line); }
.sby-not-for__list > li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0.2rem;
	inset-block-start: 1.95rem;
	inline-size: 1rem;
	block-size: 1px;
	background: var(--sby-champagne);
}
@media (min-width: 1024px) {
	.sby-section--not-for > .sby-section__title { grid-column: 1 / span 4; grid-row: 1 / span 4; }
	.wp-block-group.sby-section--not-for > :not(.sby-section__title) { grid-column: 6 / span 7; margin-block-start: 0; }
}

/* =========================================================================
 * 20. כמה זה עולה
 * ====================================================================== */
.sby-price-factors__list,
.wp-block-group.sby-section > .sby-price-factors__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 var(--sby-gap);
	list-style: none;
	margin: 0.5rem 0 0;
	padding: 0;
	max-inline-size: none;
	counter-reset: sby-factor;
}
@media (min-width: 768px) { .wp-block-group.sby-section > .sby-price-factors__list, .sby-price-factors__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sby-price-factors__list > li { padding-block: 1rem; border-block-start: 1px solid var(--sby-line); }
.sby-price-range,
.wp-block-group.sby-section > .sby-price-range {
	justify-self: start;
	margin-block-start: 2rem;
	padding: 1.25rem 1.75rem;
	border: 1px solid var(--sby-line-strong);
	font-family: var(--sby-font-heading);
	font-size: var(--sby-fs-price);
	line-height: 1.3;
	color: var(--sby-white);
}

/* =========================================================================
 * 21. שאלה ותשובה (קטגוריה) - שלוש צורות ברצף, כך שאף שתיים סמוכות לא זהות
 *     3n+1 פיצול (כותרת דביקה מימין) · 3n+2 פתיח גדול + שלוש עמודות · 3n ממוסגר וממורכז
 * ====================================================================== */
.sby-answer__block,
.wp-block-group.sby-section > .sby-answer__block {
	font-size: var(--sby-fs-lead);
	font-weight: 300;
	line-height: 1.7;
	color: var(--sby-white);
	max-inline-size: 46rem;
}
@media (min-width: 1024px) {
	/* א - פיצול */
	.sby-section--answer:nth-child(3n+1) > .sby-section__title {
		grid-column: 1 / span 5; grid-row: 1 / span 20; align-self: start;
		position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 2rem);
	}
	.wp-block-group.sby-section--answer:nth-child(3n+1) { align-items: start; }
	.wp-block-group.sby-section--answer:nth-child(3n+1) > :not(.sby-section__title) { grid-column: 7 / span 6; }
	.wp-block-group.sby-section--answer:nth-child(3n+1) > .sby-section__title + * { margin-block-start: 0.4rem; }

	/* ב - פתיח עם קו שיער בצד, הפסקאות בשלוש עמודות */
	.sby-section--answer:nth-child(3n+2) > .sby-section__title { grid-column: 1 / span 9; }
	.wp-block-group.sby-section--answer:nth-child(3n+2) > .sby-answer__block {
		grid-column: 1 / span 8;
		padding-inline-start: 1.75rem;
		border-inline-start: 1px solid var(--sby-champagne);
		font-size: clamp(1.375rem, 1.7vw, 1.625rem);
	}
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:not(.sby-answer__block) { grid-row: 3; margin-block-start: 2.5rem; max-inline-size: none; }
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:nth-of-type(2) { grid-column: 1 / span 4; }
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:nth-of-type(3) { grid-column: 5 / span 4; }
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:nth-of-type(4) { grid-column: 9 / span 4; }
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:nth-of-type(n+5),
	.wp-block-group.sby-section--answer:nth-child(3n+2) > ul,
	.wp-block-group.sby-section--answer:nth-child(3n+2) > ol { grid-row: auto; grid-column: 1 / span 8; }
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:nth-of-type(3),
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:nth-of-type(4) { border-inline-start: 1px solid var(--sby-line); padding-inline-start: var(--sby-gap); }
	/* ב עם פסקה אחת או שתיים אחרי הפתיח (המורשת, צור קשר): בלי שליש ריק (ביקורת עיצוב 25.10) */
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:nth-of-type(2):last-of-type { grid-column: 1 / span 8; }
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:nth-of-type(2):nth-last-of-type(2) { grid-column: 1 / span 6; }
	.wp-block-group.sby-section--answer:nth-child(3n+2) > p:nth-of-type(3):last-of-type { grid-column: 7 / span 6; }

	/* ג - ממוסגר וממורכז */
	.sby-section--answer:nth-child(3n) > .sby-section__title { grid-column: 3 / span 8; text-align: center; }
	.wp-block-group.sby-section--answer:nth-child(3n) > .sby-answer__block {
		grid-column: 3 / span 8;
		max-inline-size: none;
		padding: 2rem 2.5rem;
		border: 1px solid var(--sby-line-strong);
		text-align: center;
	}
	.wp-block-group.sby-section--answer:nth-child(3n) > :not(.sby-section__title):not(.sby-answer__block) { grid-column: 4 / span 6; }
	.wp-block-group.sby-section--answer:nth-child(3n) > .sby-answer__block + * { margin-block-start: 2.5rem; }
}

/* =========================================================================
 * 22. שאלות נפוצות - <details>, קו שיער, סימן פלוס שהופך למינוס
 * ====================================================================== */
.sby-faq { border-block-start: 1px solid var(--sby-line-strong); }
.sby-faq__item,
details.wp-block-details.sby-faq__item { border-block-end: 1px solid var(--sby-line); margin: 0; }
.sby-faq__item > summary,
.sby-faq__q {
	position: relative;
	display: block;
	padding-block: 1.35rem;
	padding-inline: 0 3rem;
	font-family: var(--sby-font-heading);
	font-size: clamp(1.1875rem, 1.6vw, 1.4375rem);
	line-height: 1.45;
	color: var(--sby-white);
	cursor: pointer;
	list-style: none;
	transition: color 200ms var(--sby-ease);
}
.sby-faq__item > summary::-webkit-details-marker { display: none; }
.sby-faq__item > summary::before,
.sby-faq__item > summary::after {
	content: "";
	position: absolute;
	inset-inline-end: 0.5rem;
	inset-block-start: 50%;
	inline-size: 16px;
	block-size: 1px;
	background: var(--sby-champagne);
	transition: transform 250ms var(--sby-ease);
}
.sby-faq__item > summary::after { transform: rotate(90deg); }
.sby-faq__item[open] > summary::after { transform: rotate(0deg); }
.sby-faq__item > summary:hover { color: var(--sby-champagne-light); }
.sby-faq__item > summary:focus-visible { outline-offset: 4px; }
.sby-faq__a,
.sby-faq__item > :not(summary) { padding-block-end: 1.5rem; padding-inline-end: 3rem; color: var(--sby-ivory); max-inline-size: 48rem; margin: 0; }
.sby-faq__item > p + p { margin-block-start: -0.5rem; }

/* מיקום: כותרת מימין, השאלות משמאל */
.sby-section--faq .sby-section__inner { display: grid; grid-template-columns: 1fr; gap: 0 var(--sby-gap); }
@media (min-width: 1024px) {
	.sby-section--faq .sby-section__inner { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; }
	.sby-section--faq .sby-section__inner > .sby-section__title { grid-column: 1 / span 4; position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 2rem); }
	.sby-section--faq .sby-section__inner > .sby-faq { grid-column: 6 / span 7; }
	.wp-block-group.sby-section--faq { align-items: start; }
	.wp-block-group.sby-section--faq > .sby-section__title { grid-column: 1 / span 4; grid-row: 1 / span 40; position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 2rem); }
	.wp-block-group.sby-section--faq > :not(.sby-section__title) { grid-column: 6 / span 7; }
	.wp-block-group.sby-section--faq > .sby-faq__item { margin-block-start: 0; }
	.wp-block-group.sby-section--faq > .sby-section__title + .sby-faq__item { border-block-start: 1px solid var(--sby-line-strong); }
}
.wp-block-group.sby-section--faq > .sby-faq__item { margin-block-start: 0; }
.wp-block-group.sby-section--faq > .sby-section__title + .sby-faq__item { border-block-start: 1px solid var(--sby-line-strong); }

/* =========================================================================
 * 23. טפסים - תווית מעל השדה, שדה על פחם, פוקוס שמפניה, שגיאה ליד השדה
 * ====================================================================== */
.sby-form { display: grid; grid-template-columns: 1fr; gap: 1.1rem var(--sby-gap); position: relative; }
.sby-form__field { display: grid; gap: 0.4rem; min-inline-size: 0; }
.sby-form__label { display: block; font-size: 0.9375rem; font-weight: 600; color: var(--sby-ivory); }
.sby-form__input {
	inline-size: 100%;
	min-block-size: 52px;
	padding: 0.75rem 1rem;
	border: 1px solid var(--sby-line-strong); /* היה #3a322a - 1.5:1, מתחת לסף 3:1 של גבול שדה (ביקורת עיצוב 25.10) */
	border-radius: 0;
	background: var(--sby-charcoal);
	color: var(--sby-white);
	font-size: 1.0625rem;
	line-height: 1.5;
	transition: border-color 200ms var(--sby-ease), background-color 200ms var(--sby-ease);
}
.sby-form__input:hover { border-color: var(--sby-line-hover); }
.sby-form__input:focus { outline: none; border-color: var(--sby-champagne); background: #15120f; }
.sby-form__input:focus-visible { outline: 2px solid var(--sby-champagne); outline-offset: 1px; }
.sby-form__input[aria-invalid="true"] { border-color: var(--sby-red-quiet); }
.sby-form__textarea { min-block-size: 7.5rem; resize: vertical; }
.sby-form__error { margin: 0; color: var(--sby-red-text); font-size: 0.9375rem; }
.sby-form__submit { justify-self: start; min-inline-size: 12rem; }
.sby-form__status { margin: 0; min-block-size: 1.5em; font-size: 0.9375rem; color: var(--sby-ivory); }
.sby-form__status:empty { display: none; }
.sby-form__privacy { margin: 0; font-size: 0.875rem; color: var(--sby-muted); }
.sby-form__privacy a { color: var(--sby-champagne); }
.sby-form[data-state="sending"] .sby-form__submit { background: var(--sby-charcoal-light); border-color: var(--sby-champagne); color: var(--sby-champagne); cursor: progress; }
.sby-form[data-state="success"] .sby-form__status { display: block; padding: 1rem 1.25rem; background: var(--sby-green-deep); border-inline-start: 2px solid var(--sby-champagne); color: var(--sby-white); }
.sby-form[data-state="error"] .sby-form__status { display: block; padding: 1rem 1.25rem; border: 1px solid var(--sby-red-quiet); color: var(--sby-ivory); }
.sby-section:nth-child(even) .sby-form__input,
.sby-section--cta-band .sby-form__input { background: var(--sby-black); }
@media (min-width: 768px) {
	.sby-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sby-form__field--message,
	.sby-form__submit,
	.sby-form__status,
	.sby-form__privacy { grid-column: 1 / -1; }
}

/* טופס בסקציה: כותרת ומשפט מימין, הטופס משמאל */
@media (min-width: 1024px) {
	.sby-section--form-inline > .sby-section__title { grid-column: 1 / span 5; grid-row: 1; }
	.wp-block-group.sby-section--form-inline > p { grid-column: 1 / span 5; grid-row: 2; align-self: start; }
	.wp-block-group.sby-section--form-inline > .sby-form { grid-column: 7 / span 6; grid-row: 1 / span 3; margin-block-start: 0; }
}

/* =========================================================================
 * 24. רצועת פנייה - ממורכזת, טלפון + וואטסאפ
 * ====================================================================== */
.sby-section--cta-band { text-align: center; padding-block: clamp(4.5rem, 8vw, 7rem); }
.wp-block-group.sby-section--cta-band { justify-items: center; }
.sby-section--cta-band .sby-section__title { margin-inline: auto; }
.sby-section--cta-band p { margin-inline: auto !important; max-inline-size: 36rem; color: var(--sby-ivory); font-size: var(--sby-fs-lead); font-weight: 300; }
.sby-contact { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; align-items: center; }
.sby-section--cta-band .sby-contact { justify-content: center; margin-block-start: 2rem; }
.sby-section--cta-band .sby-form { text-align: start; max-inline-size: 48rem; margin: 3rem auto 0; }
.sby-contact__phone { font-variant-numeric: lining-nums; }

/* =========================================================================
 * 25. מד הטבעת (הפניה)
 * ====================================================================== */
.sby-section--ring-sizer-teaser .sby-text-image__media figure { aspect-ratio: 1; }
@media (min-width: 1024px) {
	.sby-section--ring-sizer-teaser .sby-text-image__cols > .sby-text-image__text { grid-column: 1 / span 6; }
	.sby-section--ring-sizer-teaser .sby-text-image__cols > .sby-text-image__media { grid-column: 8 / span 5; }
	.sby-section--ring-sizer-teaser .sby-text-image__text p { font-size: var(--sby-fs-lead); font-weight: 300; line-height: 1.7; }
	/* עיגול קו שיער - רמז למדידה, מסביב לתמונה */
	.sby-section--ring-sizer-teaser .sby-text-image__media figure::after {
		content: "";
		position: absolute;
		inset: 8%;
		border: 1px solid rgb(232 208 160 / 0.6);
		border-radius: 50%;
		pointer-events: none;
	}
}

/* =========================================================================
 * 26. ביקור - שלוש עמודות: כתובת, שעות, קשר
 * ====================================================================== */
.sby-visit { display: grid; grid-template-columns: 1fr; gap: 2rem var(--sby-gap); }
@media (min-width: 768px) { .sby-visit:not(.sby-visit--compact) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sby-visit:not(.sby-visit--compact) .sby-visit__block { padding-block-start: 1.5rem; border-block-start: 1px solid var(--sby-line-strong); }
.sby-visit__label { margin: 0 0 0.75rem; font-family: var(--sby-font-heading); font-size: 1.5rem; color: var(--sby-white); line-height: 1.3; }
.sby-visit__address { color: var(--sby-ivory); line-height: 1.8; }
.sby-visit__map { display: inline-flex; align-items: center; min-block-size: 44px; margin-block-start: 0.5rem; }
.sby-visit__appointment { margin-block-start: 0.75rem; color: var(--sby-champagne); }
.sby-hours { margin: 0; display: grid; gap: 0.15rem; max-inline-size: 20rem; }
.sby-hours__row { display: flex; justify-content: space-between; gap: 1rem; padding-block: 0.25rem; border-block-end: 1px solid var(--sby-line); }
.sby-hours dt, .sby-hours dd { margin: 0; }
.sby-hours dd { font-variant-numeric: tabular-nums; }
.sby-visit--compact .sby-hours__row { border: 0; padding-block: 0; }
.sby-visit--compact .sby-visit__block--contact .sby-button { min-block-size: 44px; padding-inline: 1.1rem; font-size: 1rem; }

/* =========================================================================
 * 27. עמוד קטגוריה וחנות
 * ====================================================================== */
.sby-archive > .sby-breadcrumbs { max-inline-size: none; padding-inline: var(--sby-side); background: var(--sby-charcoal); margin: 0; }
/* שלב 2ב (25.10, תוכנית העיצוב סעיף 4.1): ראש בלי תמונה - הקופסה השחורה עם הצילום (sby-archive__hero--media / __media) הוסרה מהתבנית
   ומכאן. עמודה אחת ממורכזת: H1 גדול, פסקה עד 60ch, מונה, שורת צורות האבן, תתי-קטגוריות. הרשת עולה כ-400px */
.sby-archive__hero { background: var(--sby-charcoal); padding-block: clamp(2rem, 4vw, 3.5rem) clamp(2rem, 3.5vw, 3rem); border-block-end: 1px solid var(--sby-line); }
.sby-archive__hero .sby-section__inner { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 1rem; text-align: center; }
.sby-archive__title { margin: 0; font-size: var(--sby-fs-h1); text-wrap: balance; }
.sby-archive__intro { color: var(--sby-ivory); font-size: 1.1875rem; font-weight: 300; line-height: 1.7; max-inline-size: 72ch; } /* ביקורת עיצוב 3, ממצא 12: היה 60ch - 5 שורות ממורכזות; 72ch = כ-3 */
.sby-archive__intro p { margin: 0; }
.sby-archive__intro p + p { margin-block-start: 0.6em; }
.sby-archive__count { margin: 0; color: var(--sby-champagne); font-size: var(--sby-fs-small); }
.sby-section--grid { background: var(--sby-black); padding-block: clamp(2rem, 4vw, 3.5rem) clamp(4rem, 8vw, 7rem); }
.sby-section--grid .sby-section__inner > .sby-grid { margin-block-start: 2rem; } /* חיפוש: הרשת ישירות ב-inner */

/* סינון (שלב 2ב, סעיף 4.2): סרגל צד מ-1024 (ראה "ארכיון 2ב" בסוף הקובץ לפריסה ולמגירה), כאן הקבוצות והערכים.
   כפתור "סינון (N)" בשורת הכלים - רק מתחת ל-1024 */
.sby-filters__toggle { min-block-size: 44px; padding-inline: 1.25rem; font-size: 1rem; }
.sby-filters__toggle::after { content: ""; inline-size: 7px; block-size: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; /* RTL: physical intentional - פינה ימין+תחתון מסובבת 45 מעלות = חץ למטה בשני הכיוונים; עם border-inline-end החץ הצביע הצידה ב-RTL (ביקורת עיצוב 25.10) */ transform: rotate(45deg) translateY(-2px); transition: transform 200ms var(--sby-ease); }
.sby-filters__toggle[aria-expanded="true"]::after { transform: rotate(-135deg) translateY(-2px); }
.sby-filters__toggle-count { font-variant-numeric: tabular-nums; }
.sby-filters__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; padding-block-end: 0.85rem; border-block-end: 1px solid var(--sby-line-strong); }
.sby-filters__title { margin: 0; font-family: var(--sby-font-heading); font-size: 1.5rem; font-weight: var(--sby-fw-heading); letter-spacing: var(--sby-ls-heading); line-height: 1.2; color: var(--sby-white); }
.sby-filters__active { margin: 0; color: var(--sby-champagne); font-size: var(--sby-fs-small); font-variant-numeric: tabular-nums; }
.sby-filters__close { display: none; position: relative; flex: none; margin-inline-start: auto; inline-size: 44px; block-size: 44px; padding: 0; border: 1px solid var(--sby-line-strong); background: none; color: var(--sby-champagne); cursor: pointer; }
.sby-filters__close span::before,
.sby-filters__close span::after { content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 50%; inline-size: 18px; block-size: 1px; margin: -0.5px 0 0 -9px; background: currentColor; transform: rotate(45deg); } /* RTL: physical intentional - איקס סימטרי, השוליים ממרכזים */
.sby-filters__close span::after { transform: rotate(-45deg); }
.sby-filters__close:hover, .sby-filters__close:focus-visible { border-color: var(--sby-champagne); color: var(--sby-champagne-light); }
.sby-filters__group { border-block-end: 1px solid var(--sby-line); }
.sby-filters__summary { display: flex; align-items: center; gap: 0.6rem; min-block-size: 48px; padding-block: 0.35rem; list-style: none; cursor: pointer; color: var(--sby-white); font-size: 1.0625rem; }
.sby-filters__summary::-webkit-details-marker { display: none; }
.sby-filters__summary::after { content: ""; flex: none; margin-inline-start: auto; inline-size: 7px; block-size: 7px; border-right: 1px solid var(--sby-champagne); border-bottom: 1px solid var(--sby-champagne); /* RTL: physical intentional - חץ למטה, כמו בכפתור הסינון */ transform: rotate(45deg) translateY(-2px); transition: transform 200ms var(--sby-ease); }
.sby-filters__group[open] > .sby-filters__summary::after { transform: rotate(-135deg) translateY(-2px); }
.sby-filters__summary:hover { color: var(--sby-champagne-light); }
.sby-filters__summary:focus-visible { outline-offset: 2px; }
.sby-filters__legend { font-family: var(--sby-font-body); }
.sby-filters__group-count { display: inline-grid; place-items: center; min-inline-size: 1.375rem; block-size: 1.375rem; padding-inline: 0.3rem; background: var(--sby-champagne); color: var(--sby-black); font-size: 0.75rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.sby-filters__fieldset { display: grid; gap: 0.1rem; margin: 0; padding: 0 0 0.9rem; border: 0; min-inline-size: 0; }
.sby-filters__option { position: relative; }
.sby-filters__option input { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; margin: 0; opacity: 0.001; cursor: pointer; } /* הקלט שקוף מעל התווית (לחיץ ונגיש) - לא תוכן מוסתר */
.sby-filters__option label {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	inline-size: 100%;
	min-block-size: 40px;
	padding-block: 0.3rem;
	color: var(--sby-ivory);
	font-size: 0.9375rem;
	line-height: 1.35;
	cursor: pointer;
	transition: color 200ms var(--sby-ease);
}
/* תיבת סימון מצוירת (ריבוע קו שיער; ברדיו - עיגול). מסומן: שמפניה עם סימון שחור / נקודה */
.sby-filters__option label::before { content: ""; flex: none; inline-size: 18px; block-size: 18px; border: 1px solid var(--sby-line-strong); background: transparent; transition: border-color 200ms var(--sby-ease), background-color 200ms var(--sby-ease); }
.sby-filters__option input[type="radio"] + label::before { border-radius: 50%; }
.sby-filters__option:hover label { color: var(--sby-white); }
.sby-filters__option:hover label::before { border-color: var(--sby-champagne); }
.sby-filters__option input:checked + label { color: var(--sby-champagne-light); }
.sby-filters__option input[type="checkbox"]:checked + label::before { border-color: var(--sby-champagne); background: var(--sby-champagne) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 9.5l3.2 3.2L14 5.5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center / 14px no-repeat; }
.sby-filters__option input[type="radio"]:checked + label::before { border-color: var(--sby-champagne); background: var(--sby-champagne); box-shadow: inset 0 0 0 4px var(--sby-charcoal); } /* טבעת פנימית = נקודת רדיו, לא צל */
.sby-filters__option input:focus-visible + label { outline: 2px solid var(--sby-champagne); outline-offset: 2px; }
.sby-filters__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; padding-block-start: 0.75rem; }
.sby-filters__reset { min-block-size: 40px; padding: 0 0.25rem; border: 0; background: none; color: var(--sby-champagne); font: inherit; font-size: 0.9375rem; text-decoration: underline; text-underline-offset: 0.3em; cursor: pointer; }
.sby-filters__reset:hover, .sby-filters__reset:focus-visible { color: var(--sby-champagne-light); }
.sby-filters__apply { display: none; }

/* התוכן הארוך מתחת לרשת: רצועות לסירוגין, מתחילים בפחם (הרשת שחורה) */
.sby-archive__long > .sby-section:nth-child(odd) { background: var(--sby-charcoal); }
.sby-archive__long > .sby-section:nth-child(even) { background: var(--sby-black); }
.sby-archive__long > .sby-section { border-block-start: 1px solid var(--sby-line); }
/* הזנב (טופס / רצועת פנייה מהתוכן) אחרי השאלות (שחור) ואחרי המדריכים (פחם) - ממשיך את הסירוגין */
.sby-archive__long--tail > .sby-section:nth-child(odd) { background: var(--sby-charcoal); }
.sby-archive__long--tail > .sby-section:nth-child(even) { background: var(--sby-black); }
.sby-archive:has(> .sby-section--articles) .sby-archive__long--tail > .sby-section:nth-child(odd) { background: var(--sby-black); }
.sby-archive:has(> .sby-section--articles) .sby-archive__long--tail > .sby-section:nth-child(even) { background: var(--sby-charcoal); }
.sby-archive > .sby-section--faq { background: var(--sby-black); border-block-start: 1px solid var(--sby-line); }
.sby-archive > .sby-section--articles { background: var(--sby-charcoal); border-block-start: 1px solid var(--sby-line); }
.sby-archive > .sby-section--cta-band { background: var(--sby-charcoal); border-block-start: 1px solid var(--sby-line); }
.sby-archive > .sby-section--category-cards { background: var(--sby-black); }

/* כרטיסי מאמר */
.sby-post-cards { display: grid; grid-template-columns: 1fr; gap: 2.5rem var(--sby-gap); list-style: none; margin: 0; padding: 0; }
@media (min-width: 768px) { .sby-post-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sby-post-card__link { display: grid; gap: 0.75rem; color: inherit; text-decoration: none; }
.sby-post-card__media { display: block; aspect-ratio: 3 / 2; overflow: clip; background: var(--sby-charcoal-light); }
.sby-post-card__media img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform 600ms var(--sby-ease); }
.sby-post-card__title { margin: 0; font-size: var(--sby-fs-h3); color: var(--sby-white); }
.sby-post-card__link:hover .sby-post-card__title { color: var(--sby-champagne-light); }
.sby-post-card__link:hover img { transform: scale(1.04); }
.sby-post-card__excerpt { color: var(--sby-muted); margin-block-start: 0.5rem; }

/* עימוד: הקודם מימין */
.sby-pagination { margin-block-start: 3rem; }
.sby-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; }
.sby-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-inline-size: 44px; min-block-size: 44px; padding-inline: 0.75rem; border: 1px solid var(--sby-line); color: var(--sby-ivory); text-decoration: none; }
.sby-pagination .page-numbers.current, .sby-pagination a.page-numbers:hover { border-color: var(--sby-champagne); color: var(--sby-champagne-light); }

/* =========================================================================
 * 28. עמוד מוצר - הגלריה מימין (ראשונה ב-DOM), הפרטים משמאל; שחור טהור
 * ====================================================================== */
.sby-product-page { background: var(--sby-black); }
.sby-product__top {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem var(--sby-gap);
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	margin-inline: auto;
	padding: 1.5rem var(--sby-pad) clamp(3.5rem, 7vw, 6rem);
	align-items: start;
}
@media (min-width: 1024px) {
	.sby-product__top { grid-template-columns: repeat(12, minmax(0, 1fr)); padding-block-start: 2rem; }
	.sby-product__gallery { grid-column: 1 / span 7; position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 1rem); }
	.sby-product__summary { grid-column: 8 / span 5; padding-block-start: 1rem; }
}
.sby-product__title { margin: 0 0 0.35em; font-size: 2.25rem; line-height: 1.15; } /* שלב 2ב: 36px (היה עד 60) */
.sby-product__series { margin: -0.25rem 0 1.25rem; font-family: var(--sby-font-heading); font-size: 1.25rem; color: var(--sby-champagne); }
.sby-product__short { color: var(--sby-ivory); font-size: 1.1875rem; font-weight: 300; line-height: 1.7; margin-block-end: 1.5rem; }
.sby-product__price {
	margin: 0 0 1.75rem;
	padding-block: 1.1rem;
	border-block: 1px solid var(--sby-line);
	font-family: var(--sby-font-heading);
	font-weight: var(--sby-fw-heading);
	font-size: var(--sby-fs-price); /* 28px לבן */
	line-height: 1.3;
	color: var(--sby-white);
}
.sby-product__price .sby-price__prefix { font-family: var(--sby-font-body); font-size: 1.0625rem; }
.sby-product__price .sby-price--none { color: var(--sby-muted); font-size: 1.25rem; font-weight: 400; }
.sby-product__sku { margin: 1.25rem 0 0; font-size: var(--sby-fs-small); color: var(--sby-muted); }
.sby-product__inquiry { margin-block-start: 2rem; padding-block-start: 2rem; border-block-start: 1px solid var(--sby-line-strong); }
.sby-product__inquiry-title { margin: 0 0 1.25rem; font-size: var(--sby-fs-h3); color: var(--sby-white); }
.sby-product__inquiry .sby-contact { margin-block-end: 1.75rem; }
.sby-product__inquiry .sby-contact .sby-button { flex: 1 1 10rem; }
/* פעולה ראשית אחת: שליחת הטופס. הוואטסאפ והטלפון בסגנון משני */
.sby-product__inquiry .sby-contact__whatsapp { background: transparent; border-color: var(--sby-champagne); color: var(--sby-champagne); }
.sby-product__inquiry .sby-contact__whatsapp:hover { background: var(--sby-champagne); color: var(--sby-black); }
.sby-product__inquiry .sby-form__submit { inline-size: 100%; }
@media (min-width: 768px) { .sby-product__inquiry .sby-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* גלריה */
.sby-gallery { display: grid; gap: 1rem; }
.sby-gallery__main { margin: 0; background: var(--sby-black); }
.sby-gallery__zoom { display: block; inline-size: 100%; padding: 0; border: 0; background: var(--sby-black); cursor: zoom-in; position: relative; }
.sby-gallery__zoom::after {
	content: "";
	position: absolute;
	inset-block-end: 1rem;
	inset-inline-end: 1rem;
	inline-size: 40px;
	block-size: 40px;
	border: 1px solid var(--sby-line-strong);
	background: var(--sby-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c9a878'%3E%3Cpath d='M10.5 3a7.5 7.5 0 0 1 5.9 12.1l4.8 4.8-1.4 1.4-4.8-4.8A7.5 7.5 0 1 1 10.5 3zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11zm-.75 2.5h1.5v2.25h2.25v1.5h-2.25v2.25h-1.5v-2.25H7.5v-1.5h2.25z'/%3E%3C/svg%3E") no-repeat center / 20px;
	transition: border-color 200ms var(--sby-ease);
}
.sby-gallery__zoom:hover::after { border-color: var(--sby-champagne); }
.sby-gallery__img { inline-size: 100%; aspect-ratio: 1; object-fit: contain; background: var(--sby-black); }
.sby-gallery__thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: 0.5rem; list-style: none; margin: 0; padding: 0; }
.sby-gallery__thumb-btn { display: block; inline-size: 100%; padding: 0; border: 1px solid var(--sby-charcoal-light); background: var(--sby-black); transition: border-color 200ms var(--sby-ease); }
.sby-gallery__thumb-btn img { inline-size: 100%; aspect-ratio: 1; object-fit: contain; }
.sby-gallery__thumb-btn:hover { border-color: var(--sby-line-strong); }
.sby-gallery__thumb-btn.is-active { border-color: var(--sby-champagne); }
@media (min-width: 1024px) { .sby-gallery__thumbs { grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); } }
/* במובייל: שורה אחת שנגללת לצד (בתוך הרכיב בלבד) - 26 מיניאטורות לא דוחפות את שם המוצר אל מתחת למסך */
@media (max-width: 1023.98px) {
	.sby-gallery__thumbs { display: flex; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; padding-block-end: 0.5rem; scrollbar-width: thin; scrollbar-color: var(--sby-gold-dark) transparent; }
	.sby-gallery__thumb { flex: 0 0 64px; scroll-snap-align: start; }
}

.sby-lightbox { padding: 0; border: 1px solid var(--sby-line-strong); background: var(--sby-black); color: var(--sby-ivory); max-inline-size: 96vw; max-block-size: 96vh; }
.sby-lightbox::backdrop { background: rgb(0 0 0 / 0.92); }
.sby-lightbox__img { max-inline-size: 92vw; max-block-size: 90vh; inline-size: auto; object-fit: contain; }
.sby-lightbox__close { position: absolute; inset-block-start: 0.75rem; inset-inline-end: 0.75rem; min-block-size: 44px; padding: 0 1rem; border: 1px solid var(--sby-champagne); background: var(--sby-black); color: var(--sby-champagne); }
.sby-lightbox__close:hover { background: var(--sby-champagne); color: var(--sby-black); }

/* בורר וריאציות: מתכת = נקודה + שם; קראט / אות = תיבות קטנות */
.sby-variations { display: grid; gap: 1.5rem; }
.sby-variations__group { border: 0; margin: 0; padding: 0; min-inline-size: 0; }
.sby-variations__legend { padding: 0; margin-block-end: 0.75rem; font-size: 0.9375rem; font-weight: 600; color: var(--sby-ivory); }
.sby-variations__current { font-weight: 400; color: var(--sby-champagne); }
.sby-variations__options { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.sby-swatch {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	min-block-size: 44px;
	padding: 0.4rem 1rem;
	border: 1px solid var(--sby-line-strong);
	color: var(--sby-ivory);
	font-size: 0.9375rem;
	cursor: pointer;
	transition: border-color 200ms var(--sby-ease), background-color 200ms var(--sby-ease), color 200ms var(--sby-ease);
}
.sby-swatch:hover { border-color: var(--sby-champagne); color: var(--sby-white); }
.sby-swatch:has(:checked) { border-color: var(--sby-champagne); background: var(--sby-charcoal-light); color: var(--sby-champagne-light); }
.sby-swatch.is-unavailable { border-style: dashed; border-color: #3a322a; color: #8c8378; }
.sby-swatch--carat.is-unavailable .sby-swatch__label,
.sby-swatch--letter.is-unavailable .sby-swatch__label { text-decoration: line-through; text-decoration-thickness: 1px; }
.sby-swatch.is-unavailable .sby-swatch__dot { filter: none; opacity: 0.55; } /* ביקורת עיצוב 3, ממצא 10: היה saturate(0.3) brightness(0.6) - הזהב הצהוב נראה זית-אפור. הצבע נשאר מזוהה, קו אלכסוני בסעיף 34 */
.sby-swatch__dot { display: inline-block; inline-size: 18px; block-size: 18px; border-radius: 50%; background: var(--sby-dot, var(--sby-champagne)); border: 1px solid rgb(0 0 0 / 0.35); }
.sby-variations__group--carat .sby-variations__options,
.sby-variations__group--letter .sby-variations__options { display: grid; grid-template-columns: repeat(auto-fill, minmax(4.25rem, 1fr)); gap: 0.4rem; }
.sby-swatch--carat,
.sby-swatch--letter { justify-content: center; padding-inline: 0.5rem; font-variant-numeric: tabular-nums; }

/* פרטים: תיאור מימין, מפרט משמאל (רצועת פחם) */
.sby-product__details { background: var(--sby-charcoal); border-block: 1px solid var(--sby-line); }
.sby-product__details-inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3rem var(--sby-gap);
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	margin-inline: auto;
	padding: clamp(3.5rem, 7vw, 6rem) var(--sby-pad);
	align-items: start;
}
@media (min-width: 1024px) {
	.sby-product__details-inner { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.sby-product__details-inner > .sby-product__description { grid-column: 1 / span 7; grid-row: 1; }
	.sby-product__details-inner > .sby-section--spec { grid-column: 9 / span 4; grid-row: 1; position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 2rem); }
	.sby-product__details-inner > .sby-section--spec:only-child { grid-column: 1 / span 6; position: static; }
}
.sby-product__details .sby-section--spec { padding: 0; background: none; }
.sby-product__details .sby-section--spec .sby-section__inner { padding: 0; max-inline-size: none; }
.sby-product__details .sby-section--spec .sby-section__title { font-size: var(--sby-fs-h3); color: var(--sby-champagne); }
.sby-spec { margin: 0; border-block-start: 1px solid var(--sby-line-strong); }
.sby-spec__row { display: grid; grid-template-columns: minmax(7rem, 2fr) 3fr; gap: 1rem; padding-block: 0.85rem; border-block-end: 1px solid var(--sby-line); }
.sby-spec dt { color: var(--sby-champagne); font-size: 0.9375rem; }
.sby-spec dd { margin: 0; color: var(--sby-white); font-size: 1rem; }
/* תיאור המוצר: סקציות הטקסט מהתוכן נקראות כמאמר אחד בתוך הרצועה */
.sby-product__description .wp-block-group.sby-section { display: block; padding: 0; background: none !important; border: 0 !important; }
.sby-product__description .wp-block-group.sby-section + .sby-section { margin-block-start: 3rem; }
.sby-product__description .wp-block-group.sby-section > * + * { margin-block-start: 1em; }
.sby-product__description .sby-section__title,
.sby-product__description .wp-block-group.sby-section--text > .sby-section__title { position: static; font-size: clamp(1.75rem, 2.4vw, 2.375rem); margin-block-end: 0.5em; padding: 0; }
.sby-product__description p { max-inline-size: 44rem; }

/* מדריך מידות - רצועה צרה בשורה אחת */
.sby-product-page .sby-section--size-guide { padding-block: clamp(2.5rem, 5vw, 3.5rem); background: var(--sby-black); }
.sby-section--size-guide .sby-section__inner { display: grid; grid-template-columns: 1fr; gap: 1rem 2rem; align-items: center; }
.sby-section--size-guide .sby-section__title { margin: 0; font-size: var(--sby-fs-h3); }
.sby-section--size-guide p { margin: 0; color: var(--sby-ivory); }
@media (min-width: 1024px) {
	.sby-section--size-guide .sby-section__inner { grid-template-columns: 4fr 6fr auto; }
}
.sby-product-page .sby-section--faq { background: var(--sby-charcoal); border-block: 1px solid var(--sby-line); }
.sby-product-page .sby-section--product-strip { background: var(--sby-black); }
.sby-product-page .sby-section--series + .sby-section--related { border-block-start: 1px solid var(--sby-line); }
.sby-product-page .sby-section--cta-band { background: var(--sby-charcoal); border-block-start: 1px solid var(--sby-line); }

/* =========================================================================
 * 29. עמודים, מאמר, ציטוט, תקציר, מקורות
 * ====================================================================== */
.sby-page--default .sby-page__header { padding-block: clamp(3rem, 6vw, 5rem); background: var(--sby-charcoal); }
.sby-page__title { margin: 0; }
.sby-page__updated { color: var(--sby-muted); font-size: var(--sby-fs-small); }
.sby-quote { margin: 0; padding: 0; border: 0; text-align: center; }
.sby-quote p { font-family: var(--sby-font-heading); font-size: var(--sby-fs-quote); line-height: 1.5; color: var(--sby-white); }
.sby-quote cite { display: block; margin-block-start: 1rem; font-style: normal; color: var(--sby-champagne); }
.wp-block-group.sby-section--quote > .sby-quote { grid-column: 3 / span 8; }
.sby-tldr { margin: 0; padding: 1.5rem 1.75rem; padding-inline-start: 2.25rem; border-inline-start: 1px solid var(--sby-champagne); background: var(--sby-charcoal); }
.sby-sources { font-size: var(--sby-fs-small); }

.sby-article__main { max-inline-size: var(--sby-article-width); }
.sby-article__layout { display: grid; gap: 3rem; max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad)); margin-inline: auto; padding-inline: var(--sby-pad); }
/* שתי עמודות רק מ-1200: ב-1024 עמודת הטקסט ירדה לכ-470px לצד הטופס והטבלאות נגללו (QA 25.10, ממצא 13) */
@media (min-width: 1200px) { .sby-article__layout { grid-template-columns: minmax(0, var(--sby-article-width)) minmax(0, 22rem); justify-content: space-between; } }
.sby-toc { border-block-start: 1px solid var(--sby-line-strong); padding-block-start: 1rem; }
.sby-toc__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.25rem; }
.sby-toc__list a { display: inline-flex; min-block-size: 36px; align-items: center; color: var(--sby-ivory); text-decoration: none; }
.sby-house-box { padding: 1.75rem; border: 1px solid var(--sby-line-strong); }
.sby-house-box__name { font-family: var(--sby-font-heading); font-size: 1.5rem; color: var(--sby-white); margin-block-end: 0.5rem; }

/* =========================================================================
 * 30. מצב חנות (העגלה כבויה במצב קטלוג - מעוצבת מראש)
 * ====================================================================== */
.sby-cart { display: inline-flex; align-items: center; gap: 0.35rem; min-block-size: 44px; }
.sby-cart__count { display: inline-grid; place-items: center; min-inline-size: 1.4rem; block-size: 1.4rem; background: var(--sby-gold-dark); color: var(--sby-black); font-size: 0.8125rem; font-weight: 600; }

/* =========================================================================
 * 31. עורך הבלוקים - אותו מראה כמו באתר, כדי שהלקוח יערוך טקסט ותמונה "במקום"
 *     (add_editor_style מקדים את הכללים ב-.editor-styles-wrapper). בלי זה וורדפרס מכווץ כל סקציה ל-800px
 * ====================================================================== */
.is-root-container > .wp-block-group.sby-section,
.is-root-container.is-layout-constrained > .wp-block-group.sby-section {
	max-inline-size: none !important;
	margin-inline: 0 !important;
	margin-block: 0 !important;
}
.is-root-container > .sby-section + .sby-section { border-block-start: 1px solid var(--sby-line); }
.is-root-container > .sby-section:nth-child(even) { background: var(--sby-charcoal); }
.is-root-container > .sby-section.sby-section--product-strip,
.is-root-container > .sby-section.sby-section--hero-video { background: var(--sby-black); }
.is-root-container .wp-block-shortcode { grid-column: 1 / -1; }
.is-root-container .sby-section--hero-video .sby-hero__video video { min-block-size: 20rem; background: var(--sby-charcoal-light); }

/* =========================================================================
 * 32. 4ב (web-designer, 23.10) - שאר התבניות. אותו אתר: אותם טוקנים, אותו קו שיער, אותו סירוגין שחור / פחם.
 *     כאן רק מה שהתבניות האלה צריכות; הרכיבים של 2ה לא עוצבו מחדש (חוץ מתיקון ה-max-inline-size של הרשימות).
 * ====================================================================== */

/* תיקון: רשימות-רכיב (צעדים, גורמי מחיר, למי זה פחות מתאים) הן גם ul/ol.wp-block-list, והכלל של 44rem לפסקאות
   (ספציפיות 0,3,1) גבר על הרכיב (0,3,0) - שבעת הצעדים נדחסו ל-110px לעמודה. הרכיב רחב כמו הסקציה */
.wp-block-group.sby-section > ol.wp-block-list.sby-steps__list,
.wp-block-group.sby-section > ul.wp-block-list.sby-steps__list,
.wp-block-group.sby-section > ul.wp-block-list.sby-price-factors__list,
.wp-block-group.sby-section > ol.wp-block-list.sby-price-factors__list,
.wp-block-group.sby-section > ul.wp-block-list.sby-not-for__list { max-inline-size: none; }

/* ---- 32א. כותרת עמוד: רצועת פחם אחת עם פירורי הלחם, H1 גדול, קו שיער זהב מתחתיו ---- */
.sby-page > .sby-breadcrumbs,
.sby-article > .sby-breadcrumbs { max-inline-size: none; margin: 0; padding-inline: var(--sby-side); background: var(--sby-charcoal); }
.sby-page__header.sby-section {
	padding-block: clamp(2rem, 4vw, 3.5rem) clamp(3rem, 6vw, 5rem);
	background: var(--sby-charcoal);
	border-block-end: 1px solid var(--sby-line);
}
.sby-page__header-inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem var(--sby-gap); align-items: end; }
.sby-page__title { margin: 0; font-size: var(--sby-fs-h1); line-height: 1.08; max-inline-size: 18ch; }
.sby-page__heading > .sby-page__title::after {
	content: "";
	display: block;
	inline-size: 4.5rem;
	block-size: 1px;
	margin-block-start: 0.4em;
	background: var(--sby-champagne);
}
.sby-page__sub { margin: 1.25rem 0 0; color: var(--sby-muted); font-size: var(--sby-fs-small); }
.sby-page__sub > span { display: inline-block; }
.sby-page__sub > span + span { margin-inline-start: 1.75rem; }
.sby-page__media { margin: 0; position: relative; }
.sby-page__img { inline-size: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.sby-page__header--compact.sby-section { padding-block-end: clamp(2.5rem, 5vw, 4rem); }
@media (min-width: 1024px) {
	.sby-page__header-inner { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.sby-page__heading { grid-column: 1 / span 8; }
	.sby-page__header--media .sby-page__heading { grid-column: 1 / span 6; }
	.sby-page__header--media .sby-page__media { grid-column: 8 / span 5; }
	/* ביקורת עיצוב 3, ממצאים 6 ו-8: המסגרת המוזזת נמחקה; הראש עם תמונה הוא רצועת תמונה ברוחב המסך - סעיף 34ד */
}
/* הסקציה הראשונה אחרי הכותרת: הכותרת כבר נתנה אוויר, אז לא עוד 9rem של ריק */
.sby-page__content > .sby-section:first-child { padding-block-start: clamp(3.5rem, 7vw, 6rem); }

/* ---- 32ב. גיוון צורה: רצועות טקסט רצופות (המורשת: חמש ברצף). א פיצול (2ה) · ד כותרת רחבה וטקסט מוזז שמאלה ·
        ג ממורכז · הרביעית חוזרת ל-א. "למי זה פחות מתאים" אחרי טקסט - שתי עמודות מתחת לכותרת ---- */
@media (min-width: 1024px) {
	.sby-section--text + .sby-section--text > .sby-section__title { position: static; grid-row: auto; grid-column: 1 / span 8; padding-inline-end: 0; }
	.wp-block-group.sby-section--text + .sby-section--text > :not(.sby-section__title) { grid-column: 5 / span 7; }

	.sby-section--text + .sby-section--text + .sby-section--text > .sby-section__title { grid-column: 3 / span 8; text-align: center; }
	.wp-block-group.sby-section--text + .sby-section--text + .sby-section--text > :not(.sby-section__title) { grid-column: 4 / span 6; }

	.sby-section--text + .sby-section--text + .sby-section--text + .sby-section--text > .sby-section__title {
		grid-column: 1 / span 5; grid-row: 1 / span 20; text-align: start;
		position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 2rem); padding-inline-end: 1rem;
	}
	.wp-block-group.sby-section--text + .sby-section--text + .sby-section--text + .sby-section--text > :not(.sby-section__title) { grid-column: 7 / span 6; }

	.sby-section--text + .sby-section--not-for > .sby-section__title { grid-column: 1 / span 8; grid-row: auto; }
	.wp-block-group.sby-section--text + .sby-section--not-for > :not(.sby-section__title) { grid-column: 1 / -1; margin-block-start: 1rem; }
	.wp-block-group.sby-section--text + .sby-section--not-for > .sby-not-for__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: calc(var(--sby-gap) * 3); }
	.sby-section--text + .sby-section--not-for > .sby-not-for__list > li:nth-child(2) { border-block-start: 1px solid var(--sby-line); }
}

/* ---- 32ג. צור קשר: הטופס מימין, הכתובת / השעות / הכפתורים משמאל - במסך הראשון. הטקסט אחריהם ---- */
.sby-section--contact-hub { background: var(--sby-black); padding-block: clamp(3rem, 6vw, 5rem); }
.sby-section--contact-hub .sby-section__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3rem var(--sby-gap); align-items: start; }
.sby-contact-hub__form .sby-section__title { font-size: clamp(2rem, 3vw, 2.75rem); margin-block-end: 1.5rem; }
.sby-contact-hub__aside { padding: 2rem 1.5rem; background: var(--sby-charcoal); border: 1px solid var(--sby-line-strong); } /* ביקורת עיצוב 3, שיפור ג: אותו רכיב ביקור כמו ברצועת הקשר - בלי הגבול העליון בשמפניה */
.sby-contact-hub__aside .sby-visit:not(.sby-visit--compact) { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
.sby-contact-hub__aside .sby-visit:not(.sby-visit--compact) .sby-visit__block { padding-block-start: 1.5rem; border-block-start: 1px solid var(--sby-line); }
.sby-contact-hub__aside .sby-visit:not(.sby-visit--compact) .sby-visit__block:first-child { padding-block-start: 0; border-block-start: 0; }
.sby-contact-hub__aside .sby-hours { max-inline-size: none; }
.sby-contact-hub__aside .sby-contact { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }
.sby-contact-hub__aside .sby-contact .sby-button { inline-size: 100%; }
@media (min-width: 1024px) {
	.sby-section--contact-hub .sby-section__inner { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.sby-contact-hub__form { grid-column: 1 / span 7; }
	.sby-contact-hub__aside { grid-column: 9 / span 4; padding: 2.25rem 2rem; position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 1.5rem); }
}
/* אחרי רצועת שחור (הטופס / הכלי) התוכן מתחיל בפחם, כדי ששתי רצועות שחורות לא יתמזגו לריק אחד */
.sby-page--contact .sby-content > .sby-section:nth-child(odd),
.sby-page--ring-sizer .sby-content > .sby-section:nth-child(odd) { background: var(--sby-charcoal); }
.sby-page--contact .sby-content > .sby-section:nth-child(even),
.sby-page--ring-sizer .sby-content > .sby-section:nth-child(even) { background: var(--sby-black); }
.sby-page--contact .sby-content > .sby-section:first-child,
.sby-page--ring-sizer .sby-content > .sby-section:first-child { border-block-start: 1px solid var(--sby-line); }

/* ---- 32ד. משפטי: מסמך לקריאה - עמודה אחת מימין, תוכן עניינים דביק משמאל, בלי רצועות לסירוגין ---- */
.sby-legal {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2.5rem var(--sby-gap);
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	margin-inline: auto;
	padding: clamp(2.5rem, 5vw, 4.5rem) var(--sby-pad) clamp(4rem, 8vw, 7rem);
}
@media (min-width: 1024px) {
	.sby-legal { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; }
	.sby-legal > .sby-content--narrow { grid-column: 1 / span 7; grid-row: 1; }
	.sby-legal > .sby-legal__toc { grid-column: 9 / span 4; grid-row: 1; position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 2rem); }
}
.sby-content--narrow > .wp-block-group.sby-section,
.sby-content--narrow > .sby-section {
	display: block;
	padding: 0;
	background: none !important;
	border: 0 !important;
}
.sby-content--narrow > .sby-section + .sby-section { margin-block-start: 3rem; padding-block-start: 3rem; border-block-start: 1px solid var(--sby-line) !important; }
.sby-content--narrow .wp-block-group.sby-section > * + * { margin-block-start: 1em; }
.sby-content--narrow .sby-section__title,
.sby-content--narrow .wp-block-group.sby-section > .sby-section__title { position: static; font-size: clamp(1.625rem, 2.2vw, 2.125rem); text-align: start; margin-block-end: 0.6em; padding: 0; }
.sby-content--narrow p,
.sby-content--narrow li { max-inline-size: 46rem; }
.sby-content--narrow ul,
.sby-content--narrow ol { padding-inline-start: 1.25rem; }
.sby-content--narrow li + li { margin-block-start: 0.4em; }
.sby-content--narrow li::marker { color: var(--sby-champagne); }

/* תוכן עניינים (משפטי + מאמר) - קווי שיער, בלי מספור */
.sby-toc { border-block-start: 1px solid var(--sby-champagne); padding-block-start: 1.25rem; }
.sby-toc__title { margin: 0 0 0.5rem; font-family: var(--sby-font-heading); font-size: 1.375rem; color: var(--sby-white); }
.sby-toc__list { gap: 0; }
.sby-toc__list li { border-block-end: 1px solid var(--sby-line); }
.sby-toc__list a { display: flex; align-items: center; min-block-size: 44px; padding-block: 0.55rem; color: var(--sby-ivory); font-size: 0.9375rem; line-height: 1.5; transition: color 200ms var(--sby-ease), padding 200ms var(--sby-ease); }
.sby-toc__list a:hover,
.sby-toc__list a:focus-visible { color: var(--sby-champagne-light); padding-inline-start: 0.5rem; }
:target { scroll-margin-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 1.5rem); }

/* ---- 32ה. רגע אחד ממורכז: תודה, 404 ---- */
.sby-moment {
	display: grid;
	place-items: center;
	min-block-size: min(calc(100svh - var(--sby-header-height) - var(--sby-admin) - 10rem), 46rem);
	padding: clamp(4rem, 9vw, 7.5rem) var(--sby-pad);
	background: var(--sby-black);
	text-align: center;
}
.sby-moment__inner { display: grid; justify-items: center; gap: 1.75rem; inline-size: 100%; max-inline-size: 46rem; }
/* טבעת קו שיער עם "אבן" קטנה למעלה - המוטיב של הבית, בלי אייקון */
.sby-moment__ring { position: relative; display: block; inline-size: 4.5rem; block-size: 4.5rem; border: 1px solid var(--sby-champagne); border-radius: 50%; }
.sby-moment__ring::after {
	content: "";
	position: absolute;
	inset-block-start: -6px;
	inset-inline-start: calc(50% - 5px);
	inline-size: 10px;
	block-size: 10px;
	background: var(--sby-black);
	border: 1px solid var(--sby-champagne-light);
	transform: rotate(45deg);
}
.sby-moment__title { max-inline-size: none; }
.sby-moment__title::after { content: ""; display: block; inline-size: 4.5rem; block-size: 1px; margin: 0.45em auto 0; background: var(--sby-champagne); }
.sby-moment__text,
.sby-moment__text p { color: var(--sby-ivory); font-size: var(--sby-fs-lead); font-weight: 300; line-height: 1.7; }
.sby-moment__text { margin: 0; }
.sby-moment__text > .wp-block-group.sby-section,
.sby-moment__text > .sby-section { display: block; padding: 0; background: none !important; border: 0 !important; }
.sby-moment__text .wp-block-group.sby-section > * { max-inline-size: none; }
.sby-moment__text .sby-section__title { position: static; font-size: var(--sby-fs-h3); text-align: center; }
.sby-moment__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem 1rem; margin: 0.5rem 0 0; }
.sby-moment__actions .sby-contact { justify-content: center; }
.sby-moment__search { inline-size: min(100%, 30rem); margin-block-start: 0.5rem; }
.sby-moment__search .sby-search,
.sby-page__search .sby-search { inline-size: 100%; }
.sby-moment__search .sby-search__input,
.sby-moment__search .sby-search__input:focus,
.sby-page__search .sby-search__input,
.sby-page__search .sby-search__input:focus { inline-size: 100%; font-size: 1.125rem; }
.sby-404__categories { inline-size: 100%; margin-block-start: 1rem; padding-block-start: 1.75rem; border-block-start: 1px solid var(--sby-line); }
.sby-404__category-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; padding: 0; list-style: none; }
.sby-404__category-list li { display: inline-flex; align-items: center; }
.sby-404__category-list li + li::before { content: ""; inline-size: 1px; block-size: 1rem; margin-inline: 1.25rem; background: var(--sby-line-strong); }
.sby-404__category-list a { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--sby-white); font-family: var(--sby-font-heading); font-size: 1.25rem; text-decoration: none; }
.sby-404__category-list a:hover,
.sby-404__category-list a:focus-visible { color: var(--sby-champagne-light); text-decoration: underline; text-decoration-thickness: 1px; }

/* ---- 32ו. חיפוש: שדה רחב בכותרת, ריק = לא מבוי סתום ---- */
.sby-page__search { inline-size: min(100%, 34rem); margin-block-start: 2.25rem; }
.sby-page--search .sby-section--grid .sby-post-cards { margin-block-start: clamp(3rem, 6vw, 5rem); }
.sby-page--search .sby-section--grid { padding-block-start: clamp(2.5rem, 5vw, 4rem); }
.sby-section--search-empty { padding-block: clamp(4rem, 8vw, 6.5rem); }
.sby-section--search-empty .sby-section__inner { display: grid; justify-items: center; gap: 1.5rem; text-align: center; }
.sby-search-empty__text { max-inline-size: 40rem; margin: 0; color: var(--sby-ivory); font-size: var(--sby-fs-lead); font-weight: 300; line-height: 1.7; }
.sby-search-empty__actions { margin: 0; }
.sby-section--search-empty .sby-404__categories { max-inline-size: 46rem; }

/* ---- 32ז. כרטיסי מאמר - כל הכרטיס לחיץ (קישור הכותרת מתוח), ובלי תמונה: קו שיער עליון ורמז "לקריאה" ---- */
.sby-section--articles { background: var(--sby-black); }
.sby-page--archive .sby-section--articles { padding-block: clamp(3rem, 6vw, 5rem) clamp(4rem, 8vw, 7rem); }
.sby-post-card { position: relative; display: grid; align-content: start; gap: 0.6rem; min-inline-size: 0; }
.sby-post-card.no-media { padding-block-start: 1.75rem; border-block-start: 1px solid var(--sby-line-strong); }
.sby-post-card__link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.sby-post-card__link:focus-visible { outline: none; }
.sby-post-card:has(.sby-post-card__link:focus-visible) { outline: 2px solid var(--sby-champagne); outline-offset: 8px; }
.sby-post-card__title { text-wrap: balance; transition: color 200ms var(--sby-ease); }
.sby-post-card:hover .sby-post-card__title { color: var(--sby-champagne-light); }
.sby-post-card__excerpt { margin: 0.25rem 0 0; max-inline-size: 40rem; color: var(--sby-ivory); font-size: 1.0625rem; line-height: 1.75; }
.sby-post-card__more { display: inline-flex; align-items: center; gap: 0.75rem; margin-block-start: 0.5rem; color: var(--sby-champagne); font-size: var(--sby-fs-small); }
.sby-post-card__more::after { content: ""; inline-size: 1.75rem; block-size: 1px; background: currentColor; transition: inline-size 300ms var(--sby-ease); }
.sby-post-card:hover .sby-post-card__more { color: var(--sby-champagne-light); }
.sby-post-card:hover .sby-post-card__more::after { inline-size: 3rem; }
/* הארכיון: המאמר הראשון רחב - כותרת גדולה מימין, התקציר משמאל (או תמונה גדולה כשיש) */
@media (min-width: 768px) {
	.sby-post-cards--archive > .sby-post-card:first-child { grid-column: 1 / -1; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sby-gap); padding-block: 2.25rem 2.5rem; border-block-end: 1px solid var(--sby-line); margin-block-end: 1rem; }
	.sby-post-cards--archive > .sby-post-card:first-child > * { grid-column: 1 / span 6; }
	.sby-post-cards--archive > .sby-post-card:first-child .sby-post-card__title { font-size: var(--sby-fs-h2); line-height: 1.15; }
	.sby-post-cards--archive > .sby-post-card:first-child > .sby-post-card__excerpt { grid-column: 8 / span 5; grid-row: 1; align-self: start; font-size: var(--sby-fs-lead); font-weight: 300; } /* ביקורת עיצוב 3, ממצא 7: מיושר לראש, לא לתחתית */
	.sby-post-cards--archive > .sby-post-card:first-child > .sby-post-card__more { grid-column: 8 / span 5; grid-row: 2; }
	.sby-post-cards--archive > .sby-post-card.has-media:first-child .sby-post-card__link { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; }
	.sby-post-cards--archive > .sby-post-card.has-media:first-child .sby-post-card__media { grid-column: 6 / span 7; grid-row: 1 / span 3; }
	.sby-post-cards--archive > .sby-post-card.has-media:first-child .sby-post-card__title { grid-column: 1 / span 5; grid-row: 1; align-self: start; padding-block-start: clamp(0.5rem, 2vw, 2rem); }
	.sby-post-cards--archive > .sby-post-card.has-media:first-child > .sby-post-card__excerpt { grid-column: 1 / span 5; grid-row: 2; align-self: start; }
	.sby-post-cards--archive > .sby-post-card.has-media:first-child > .sby-post-card__more { grid-column: 1 / span 5; grid-row: 3; align-self: start; }
	/* הקישור (תמונה + כותרת) פורס את שלוש השורות של הכרטיס, כך שהתקציר ו"לקריאה" יושבים לצד התמונה (ביקורת עיצוב 2, ממצא 6).
	   ביקורת עיצוב 3, ממצא 7: הטקסט מיושר לראש התמונה - השורה הגמישה עברה לסוף (היה 1fr auto auto: הכותרת ירדה לתחתית וריק של 300px מעליה) */
	.sby-post-cards--archive > .sby-post-card.has-media:first-child { grid-template-rows: auto auto 1fr; }
	.sby-post-cards--archive > .sby-post-card.has-media:first-child .sby-post-card__link { grid-row: 1 / span 3; grid-template-rows: subgrid; }
}

/* ---- 32ח. מאמר: עמודת קריאה ~800px מימין; משמאל תוכן העניינים, ומתחתיו הטופס - דביק לאורך הקריאה ---- */
.sby-article__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2.5rem;
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	margin-inline: auto;
	padding: clamp(2.5rem, 5vw, 4.5rem) var(--sby-pad) clamp(4rem, 8vw, 7rem);
}
.sby-article__main { max-inline-size: none; min-inline-size: 0; }
/* שתי עמודות רק מ-1200 (QA 25.10, ממצא 13: ב-1024 עמודת הטקסט ירדה לכ-450px) */
@media (min-width: 1200px) {
	.sby-article__layout {
		grid-template-columns: minmax(0, var(--sby-article-width)) minmax(17rem, 22rem);
		grid-template-rows: auto auto 1fr;
		justify-content: space-between;
		column-gap: clamp(3rem, 6vw, 7rem);
		row-gap: 0;
	}
	.sby-article__tldr { grid-column: 1; grid-row: 1; margin-block-end: 3.5rem; }
	.sby-article__toc { grid-column: 2; grid-row: 1 / span 2; align-self: start; }
	.sby-article__main { grid-column: 1; grid-row: 2 / span 2; }
	.sby-article__layout:not(.has-tldr) > .sby-article__main { grid-row: 1 / span 3; }
	.sby-article__aside { grid-column: 2; grid-row: 3; align-self: start; position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 1.5rem); margin-block-start: 3rem; }
}
.sby-article__tldr .sby-tldr { margin: 0; padding: 1.75rem 2rem; padding-inline-start: 2.25rem; list-style: none; border-inline-start: 1px solid var(--sby-champagne); background: var(--sby-charcoal); }
.sby-article__tldr .sby-tldr li { position: relative; padding-inline-start: 1.25rem; font-size: 1.0625rem; line-height: 1.7; color: var(--sby-white); }
.sby-article__tldr .sby-tldr li + li { margin-block-start: 0.5rem; }
.sby-article__tldr .sby-tldr li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.85em; inline-size: 0.5rem; block-size: 1px; background: var(--sby-champagne); }
.sby-article__aside { padding: 1.75rem 1.5rem; background: var(--sby-charcoal); border: 1px solid var(--sby-line-strong); border-block-start-color: var(--sby-champagne); }
.sby-article__aside-title { margin: 0 0 1.25rem; font-family: var(--sby-font-heading); font-size: 1.5rem; line-height: 1.3; color: var(--sby-white); }
.sby-article__aside .sby-form { grid-template-columns: minmax(0, 1fr); }
.sby-article__aside .sby-form__input { background: var(--sby-black); }
.sby-article__aside .sby-form__submit { inline-size: 100%; min-inline-size: 0; }

/* הסקציות מהתוכן נקראות כמאמר אחד בתוך העמודה (כמו תיאור המוצר של 2ה) - בלי רשת 12, בלי רצועות */
.sby-article .sby-article__content > .wp-block-group.sby-section,
.sby-article .sby-article__content > .sby-section,
.sby-article .sby-article__main > .sby-section { display: block; padding: 0; background: none !important; border: 0 !important; }
.sby-article .sby-article__content > .sby-section + .sby-section,
.sby-article .sby-article__main > .sby-section { margin-block-start: clamp(3.5rem, 6vw, 5rem); }
.sby-article .sby-article__content > .wp-block-group.sby-section > * { max-inline-size: none; }
.sby-article .sby-article__content > .wp-block-group.sby-section > * + * { margin-block-start: 1.1em; }
.sby-article .sby-article__main .sby-section__inner { display: block; padding: 0; max-inline-size: none; }
.sby-article .sby-article__content > .sby-section > .sby-section__title,
.sby-article .sby-article__main > .sby-section .sby-section__title {
	position: static;
	font-size: clamp(1.875rem, 2.6vw, 2.5rem);
	text-align: start;
	margin-block-end: 0.6em;
	padding: 0;
}
.sby-article .sby-article__content > .wp-block-group.sby-section > .sby-answer__block {
	padding: 0.25rem 0;
	padding-inline-start: 1.5rem;
	border: 0;
	border-inline-start: 1px solid var(--sby-champagne);
	text-align: start;
	font-size: var(--sby-fs-lead);
}
.sby-article .sby-article__content > .wp-block-group.sby-section > p:not(.sby-answer__block) { margin-block-start: 1.1em; padding: 0; border: 0; }
.sby-article .sby-article__content > .wp-block-group.sby-section > ul,
.sby-article .sby-article__content > .wp-block-group.sby-section > ol { padding-inline-start: 1.25rem; }
.sby-article .sby-article__content li + li { margin-block-start: 0.35em; }
.sby-article .sby-article__content li::marker { color: var(--sby-champagne); }
.sby-article .sby-article__content > .wp-block-group.sby-section > .sby-steps__list { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
.sby-article .sby-article__main > .sby-section--faq .sby-section__title { margin-block-end: 1rem; }
.sby-article .sby-sources { margin: 0; padding-inline-start: 1.25rem; color: var(--sby-ivory); }
.sby-article .sby-sources li + li { margin-block-start: 0.4rem; }
.sby-article__main > .sby-house-box { margin-block-start: clamp(3.5rem, 6vw, 5rem); }

/* תיבת "הבית" במקום תיבת כותב */
.sby-house-box { position: relative; padding: 2rem; background: var(--sby-charcoal); border: 1px solid var(--sby-line); border-block-start: 1px solid var(--sby-champagne); }
.sby-house-box__name { margin: 0 0 0.5rem; font-family: var(--sby-font-heading); font-size: 1.75rem; line-height: 1.2; color: var(--sby-white); }
.sby-house-box__text { margin: 0 0 1rem; color: var(--sby-ivory); }
.sby-house-box__link { display: inline-flex; align-items: center; gap: 0.75rem; min-block-size: 44px; color: var(--sby-champagne); text-decoration: none; }
.sby-house-box__link::after { content: ""; inline-size: 1.75rem; block-size: 1px; background: currentColor; transition: inline-size 300ms var(--sby-ease); }
.sby-house-box__link:hover::after,
.sby-house-box__link:focus-visible::after { inline-size: 3rem; }

/* אחרי המאמר: תכשיטים (שחור) ואז מאמרים (פחם) */
.sby-article > .sby-section--product-strip { background: var(--sby-black); border-block-start: 1px solid var(--sby-line); }
.sby-article > .sby-section--articles { background: var(--sby-charcoal); border-block-start: 1px solid var(--sby-line); }

/* ---- 32ט. כרטיסי קטגוריה בלי תמונת קטגוריה: תמונת המוצר הראשון, שלמה על שחור; ואם אין - אות בסריף ---- */
.sby-category-card__media--product { background: var(--sby-black); outline: 1px solid var(--sby-line); outline-offset: -1px; }
/* שלב 2ב: גם תמונת המוצר (כשאין תמונת קטגוריה) ממלאת את האריח ב-cover - צילומי הקטלוג על שחור, והחיתוך נופל על השוליים השחורים */
.sby-category-card__media--product .sby-category-card__img--product {
	inset: 0 !important;
	inline-size: 100% !important;
	block-size: 100% !important;
	object-fit: cover;
	object-position: 50% 50%;
}
.sby-category-card__media--empty { display: grid; place-items: center; background: var(--sby-black); border: 1px solid var(--sby-line-strong); }
.sby-category-card__glyph { font-family: var(--sby-font-heading); font-size: clamp(4rem, 8vw, 7rem); line-height: 1; color: var(--sby-champagne); transition: transform 700ms var(--sby-ease); }
.sby-category-card__link:hover .sby-category-card__glyph { transform: scale(1.06); }
.sby-category-card__text { color: var(--sby-ivory); font-size: 1rem; line-height: 1.6; max-inline-size: 30rem; }
/* החנות: כרטיסי הקטגוריה הם ניווט מעל הרשת - שורה אחת (כמה שיש), ריבועיים */
.sby-archive--shop .sby-section--category-cards { padding-block: clamp(2.5rem, 5vw, 4rem) 0; }
.sby-archive--shop .sby-category-card__media { aspect-ratio: 1; }
@media (min-width: 1024px) {
	.sby-archive--shop .sby-category-cards { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }
}
.sby-archive--shop .sby-section--grid { padding-block-start: clamp(3rem, 6vw, 5rem); }

/* ---- 32י. סינון: מונה לכל ערך, נקודת צבע למתכת ---- */
.sby-filters__option label { gap: 0.5rem; }
.sby-filters__dot { display: inline-block; flex: none; inline-size: 12px; block-size: 12px; border-radius: 50%; background: var(--sby-dot, var(--sby-champagne)); border: 1px solid rgb(0 0 0 / 0.35); outline: 1px solid rgb(243 238 230 / 0.25); outline-offset: 1px; }
.sby-filters__num { color: var(--sby-muted); font-size: 0.8125rem; font-variant-numeric: tabular-nums; }
.sby-filters__option input:checked + label .sby-filters__num { color: var(--sby-champagne); }

/* ---- 32יא. מד הטבעת - הליטוש נמצא ב-assets/js/ring-sizer/ring-sizer.css (נטען רק בעמוד הזה, אחרי הקובץ הזה) ---- */

/* ---- 32יב. מצב חנות: הוספה לסל בעמוד המוצר, הודעות ווקומרס ---- */
.sby-product__cart { margin-block-start: 1.5rem; padding-block-start: 1.5rem; border-block-start: 1px solid var(--sby-line); }
.sby-product__cart form.cart { display: grid; gap: 1rem; margin: 0; }
.sby-product__cart form.cart:not(.variations_form),
.sby-product__cart .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0.75rem; }
.sby-product__cart table.variations { inline-size: 100%; margin: 0; border: 0; }
.sby-product__cart table.variations th,
.sby-product__cart table.variations td { display: block; padding: 0; border: 0; text-align: start; }
.sby-product__cart table.variations tr + tr th { padding-block-start: 1rem; }
.sby-product__cart table.variations label { display: block; margin-block-end: 0.4rem; font-size: 0.9375rem; font-weight: 600; color: var(--sby-ivory); }
.sby-product__cart select,
.sby-product__cart .quantity .qty {
	min-block-size: 52px;
	padding: 0.6rem 1rem;
	border: 1px solid var(--sby-line-strong); /* היה #3a322a - 1.5:1, מתחת לסף 3:1 של גבול שדה (ביקורת עיצוב 25.10) */
	border-radius: 0;
	background-color: var(--sby-charcoal);
	color: var(--sby-white);
	font-size: 1.0625rem;
}
.sby-product__cart select { inline-size: 100%; }
.sby-product__cart select:focus,
.sby-product__cart .quantity .qty:focus { outline: 2px solid var(--sby-champagne); outline-offset: 1px; border-color: var(--sby-champagne); }
.sby-product__cart .quantity .qty { inline-size: 5.5rem; text-align: center; font-variant-numeric: tabular-nums; }
.sby-product__cart .reset_variations { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--sby-champagne); font-size: var(--sby-fs-small); }
.sby-product__cart .single_variation_wrap .woocommerce-variation-price { display: none; } /* המחיר כבר מוצג למעלה (data-sby-price) */
.sby-product__cart .woocommerce-variation-availability { color: var(--sby-muted); font-size: var(--sby-fs-small); }
.sby-product__cart .single_add_to_cart_button {
	flex: 1 1 12rem;
	min-block-size: 52px;
	padding: 0.75rem 1.75rem;
	border: 1px solid var(--sby-gold-dark);
	border-radius: 0;
	background: var(--sby-gold-dark);
	color: var(--sby-black);
	font-family: var(--sby-font-body);
	font-size: 1.0625rem;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 220ms var(--sby-ease), border-color 220ms var(--sby-ease);
}
.sby-product__cart .single_add_to_cart_button:hover { background: var(--sby-champagne); border-color: var(--sby-champagne); }
.sby-product__cart .single_add_to_cart_button:focus-visible { outline: 2px solid var(--sby-champagne-light); outline-offset: 3px; }
.sby-product__cart .single_add_to_cart_button.disabled,
.sby-product__cart .single_add_to_cart_button:disabled { background: var(--sby-charcoal-light); border-color: var(--sby-charcoal-light); color: var(--sby-muted); cursor: not-allowed; }
/* מצב חנות: הפנייה הופכת לפעולה משנית - הכפתור הראשי הוא ההוספה לסל */
.sby-mode-shop .sby-product__inquiry .sby-form__submit { background: transparent; border-color: var(--sby-champagne); color: var(--sby-champagne); }
.sby-mode-shop .sby-product__inquiry .sby-form__submit:hover { background: var(--sby-champagne); color: var(--sby-black); }

.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	margin: 1.25rem auto;
	padding: 1rem 1.25rem;
	list-style: none;
	background: var(--sby-charcoal);
	border: 1px solid var(--sby-line);
	border-inline-start: 2px solid var(--sby-champagne);
	color: var(--sby-ivory);
}
.woocommerce-error { border-inline-start-color: var(--sby-red-quiet); }
.woocommerce-message .button,
.woocommerce-info .button { order: 2; display: inline-flex; align-items: center; min-block-size: 44px; padding: 0 1.25rem; border: 1px solid var(--sby-champagne); color: var(--sby-champagne); text-decoration: none; }
.woocommerce-message .button:hover,
.woocommerce-info .button:hover { background: var(--sby-champagne); color: var(--sby-black); }
/* 404: סוגי התכשיטים ככרטיסים קטנים בשורה */
.sby-moment--404 .sby-moment__inner { max-inline-size: 64rem; }
.sby-moment--404 .sby-category-cards { gap: 1.5rem var(--sby-gap); text-align: start; }
.sby-moment--404 .sby-category-card__media { aspect-ratio: 1; }
.sby-moment--404 .sby-category-card__name { font-size: 1.25rem; }
@media (min-width: 768px) { .sby-moment--404 .sby-category-cards { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); } }
@media (min-width: 1024px) { .sby-moment--404 .sby-category-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* 6 קטגוריות = 2 שורות של 3 בלי כרטיס יתום; ב-768-1023 auto-fit (3 עמודות גבוהות נכנסו מתחת לוואטסאפ הצף) */

/* ---- 32יג. עגלה, קופה, החשבון שלי (מצב חנות) - מעוצבים מראש, כבויים במצב קטלוג. אותו שדה, אותו כפתור, אותו קו שיער ----
 * העגלה והקופה הן בלוקים של ווקומרס (wc-blocks-style נטען); החשבון שלי - השורטקוד הקלאסי (ה-CSS הקלאסי של ווקומרס כבוי - הכל מכאן) */
.sby-page__content > .wp-block-woocommerce-cart,
.sby-page__content > .wp-block-woocommerce-checkout,
.sby-page__content > .woocommerce {
	max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad));
	margin-inline: auto;
	padding: clamp(3rem, 6vw, 5rem) var(--sby-pad) clamp(4rem, 8vw, 7rem);
	color: var(--sby-ivory);
}
.wp-block-woocommerce-cart :where(*),
.wp-block-woocommerce-checkout :where(*) { border-radius: 0; }
.wp-block-woocommerce-cart a,
.wp-block-woocommerce-checkout a { color: var(--sby-champagne); }
.wp-block-woocommerce-cart h2,
.wp-block-woocommerce-checkout h2,
.wc-block-components-title.wc-block-components-title { font-family: var(--sby-font-heading); font-weight: 400; color: var(--sby-white); }
.wc-block-components-sidebar-layout { gap: clamp(2rem, 4vw, 4rem); }

/* שדות */
.wc-block-components-text-input input[type],
.wc-block-components-text-input textarea,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea,
.sby-page__content > .woocommerce input.input-text,
.sby-page__content > .woocommerce select,
.sby-page__content > .woocommerce textarea {
	min-block-size: 52px;
	border: 1px solid var(--sby-line-strong) !important;
	border-radius: 0 !important;
	background-color: var(--sby-charcoal) !important;
	color: var(--sby-white) !important;
	font-family: var(--sby-font-body);
	font-size: 1.0625rem;
	box-shadow: none !important;
}
.wc-block-components-text-input input[type]:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus,
.wc-block-components-textarea:focus,
.sby-page__content > .woocommerce input.input-text:focus,
.sby-page__content > .woocommerce select:focus,
.sby-page__content > .woocommerce textarea:focus { border-color: var(--sby-champagne) !important; outline: 2px solid var(--sby-champagne); outline-offset: 1px; }
.wc-block-components-text-input label,
.wc-blocks-components-select .wc-blocks-components-select__label,
.wc-block-components-combobox .wc-block-components-combobox-control label { color: var(--sby-muted) !important; }
.wc-block-components-validation-error,
.wc-block-components-validation-error > p { color: var(--sby-red-text); }
.wc-block-components-text-input.has-error input { border-color: var(--sby-red-quiet) !important; }

/* כפתורים: ראשי זהב כהה + טקסט שחור, פינות 0 */
.wc-block-components-button:not(.is-link),
.sby-page__content > .woocommerce .button,
.sby-page__content > .woocommerce button[type="submit"] {
	min-block-size: 52px;
	padding: 0.75rem 1.75rem;
	border: 1px solid var(--sby-gold-dark) !important;
	border-radius: 0 !important;
	background: var(--sby-gold-dark) !important;
	color: var(--sby-black) !important;
	font-family: var(--sby-font-body);
	font-size: 1.0625rem;
	font-weight: 600;
	text-decoration: none;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color 220ms var(--sby-ease), border-color 220ms var(--sby-ease);
}
.wc-block-components-button:not(.is-link):hover,
.sby-page__content > .woocommerce .button:hover,
.sby-page__content > .woocommerce button[type="submit"]:hover { background: var(--sby-champagne) !important; border-color: var(--sby-champagne) !important; }
.wc-block-components-button:not(.is-link):focus-visible,
.sby-page__content > .woocommerce .button:focus-visible { outline: 2px solid var(--sby-champagne-light) !important; outline-offset: 3px; }
.wc-block-components-button:disabled,
.wc-block-components-button[aria-disabled="true"] { background: var(--sby-charcoal-light) !important; border-color: var(--sby-charcoal-light) !important; color: var(--sby-muted) !important; }
.wc-block-components-button.is-link { color: var(--sby-champagne); }

/* פריטים, סכומים, פאנלים - קווי שיער */
.wc-block-cart-items,
.wc-block-cart-items th,
.wc-block-cart-items td,
.wc-block-components-totals-wrapper,
.wc-block-components-panel,
.wc-block-components-order-summary,
.wc-block-checkout__actions,
.wc-block-components-checkout-step { border-color: var(--sby-line) !important; }
.wc-block-cart-items th { color: var(--sby-champagne); font-size: var(--sby-fs-small); font-weight: 600; }
.wc-block-components-product-name { font-family: var(--sby-font-heading); font-size: 1.25rem; color: var(--sby-white) !important; text-decoration: none; }
.wc-block-components-product-metadata,
.wc-block-components-product-details { color: var(--sby-muted); font-size: var(--sby-fs-small); }
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img { background: var(--sby-black); }
.wc-block-components-totals-item__label { color: var(--sby-ivory); }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-family: var(--sby-font-heading); font-size: 1.5rem; color: var(--sby-white); }
.wc-block-components-quantity-selector { border: 1px solid var(--sby-line-strong) !important; border-radius: 0 !important; }
.wc-block-components-quantity-selector::after { display: none; }
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { background: transparent; color: var(--sby-white); }
.wc-block-cart-item__remove-link { color: var(--sby-champagne) !important; font-size: var(--sby-fs-small) !important; }
.wc-block-components-checkout-step__title { font-size: var(--sby-fs-h3) !important; }
.wc-block-components-checkout-step__description { color: var(--sby-muted); }
.wc-block-components-radio-control__option,
.wc-block-components-checkbox__label { color: var(--sby-ivory); }
.wc-block-components-radio-control__input,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { background: var(--sby-charcoal) !important; border-color: var(--sby-line-strong) !important; }
.wc-block-components-radio-control__input { border-radius: 50% !important; }
.wc-block-components-radio-control__input:checked::before { background: var(--sby-champagne) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: var(--sby-champagne); }
.wc-block-components-notice-banner { border-radius: 0 !important; background: var(--sby-charcoal) !important; border: 1px solid var(--sby-line) !important; border-inline-start: 2px solid var(--sby-champagne) !important; color: var(--sby-ivory) !important; }
.wc-block-components-notice-banner > svg { fill: var(--sby-champagne); background: none !important; }
.wc-block-components-panel__button { color: var(--sby-white); }
.wc-block-components-formatted-money-amount { font-variant-numeric: lining-nums; }

/* עגלה ריקה: טבעת קו שיער במקום הפרצוף של ווקומרס, וההמלצות כרשת של האתר */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	inline-size: 4.5rem !important;
	block-size: 4.5rem !important;
	margin: 0 auto 1.5rem !important;
	background: none !important;
	-webkit-mask: none !important;
	mask: none !important;
	border: 1px solid var(--sby-champagne);
	border-radius: 50% !important;
}
.wc-block-cart__empty-cart__title { font-family: var(--sby-font-heading); font-size: var(--sby-fs-h3) !important; font-weight: 400; color: var(--sby-white); }
.wp-block-woocommerce-empty-cart-block .wp-block-separator { margin-block: 3rem; border: 0; block-size: 1px; background: var(--sby-line); color: transparent; }
.wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots::before { content: none; }
.wc-block-grid__products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem var(--sby-gap); margin: 2rem 0 0 !important; padding: 0; list-style: none; }
@media (min-width: 1024px) { .wc-block-grid__products { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.wc-block-grid__product { max-inline-size: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: start !important; }
.wc-block-grid__product-link { color: inherit; text-decoration: none; }
.wc-block-grid__product-image img { aspect-ratio: 4 / 5; object-fit: contain; background: var(--sby-black); }
.wc-block-grid__product-title { margin-block-start: 0.85rem; font-family: var(--sby-font-heading); font-size: 1.125rem !important; font-weight: 400 !important; color: var(--sby-white); }
.wc-block-grid__product-link:hover .wc-block-grid__product-title { color: var(--sby-champagne-light); text-decoration: underline; text-underline-offset: 0.3em; }
.wc-block-grid__product-price { color: var(--sby-ivory); font-size: 0.9375rem; }
.wc-block-grid__product-add-to-cart .wp-block-button__link { min-block-size: 44px; margin-block-start: 0.75rem; padding-inline: 1.25rem; background: transparent; border-color: var(--sby-champagne); color: var(--sby-champagne); font-size: 0.9375rem; }
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover { background: var(--sby-champagne); color: var(--sby-black); }

/* החשבון שלי (קלאסי): ניווט מימין, התוכן משמאל */
.sby-page__content > .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem var(--sby-gap); align-items: start; }
@media (min-width: 1024px) {
	.sby-page__content > .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.woocommerce-MyAccount-navigation { grid-column: 1 / span 3; position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 1.5rem); }
	.woocommerce-MyAccount-content { grid-column: 5 / span 8; }
}
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--sby-champagne); }
.woocommerce-MyAccount-navigation li { border-block-end: 1px solid var(--sby-line); }
.woocommerce-MyAccount-navigation a { display: flex; align-items: center; min-block-size: 50px; padding-inline-start: 0; color: var(--sby-ivory); text-decoration: none; transition: color 200ms var(--sby-ease), padding 200ms var(--sby-ease); }
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation a:focus-visible { color: var(--sby-champagne-light); padding-inline-start: 0.5rem; }
.woocommerce-MyAccount-navigation .is-active a { color: var(--sby-white); padding-inline-start: 0.75rem; border-inline-start: 2px solid var(--sby-champagne); }
.woocommerce-MyAccount-content { min-inline-size: 0; }
.woocommerce-MyAccount-content > p { max-inline-size: 46rem; }
.sby-page__content > .woocommerce table.shop_table { inline-size: 100%; font-size: 1rem; }
.sby-page__content > .woocommerce table.shop_table th { padding: 0.85rem 0.5rem; border-block-end: 1px solid var(--sby-champagne); color: var(--sby-champagne); font-size: var(--sby-fs-small); font-weight: 600; text-align: start; }
.sby-page__content > .woocommerce table.shop_table td { padding: 0.85rem 0.5rem; border-block-end: 1px solid var(--sby-line); text-align: start; }
.sby-page__content > .woocommerce .woocommerce-Addresses,
.sby-page__content > .woocommerce .u-columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem var(--sby-gap); }
@media (min-width: 768px) {
	.sby-page__content > .woocommerce .woocommerce-Addresses,
	.sby-page__content > .woocommerce .u-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.sby-page__content > .woocommerce .woocommerce-Address-title h2,
.sby-page__content > .woocommerce h2 { font-size: var(--sby-fs-h3); color: var(--sby-white); }
.sby-page__content > .woocommerce form .form-row { display: grid; gap: 0.4rem; margin: 0 0 1.1rem; }
.sby-page__content > .woocommerce form .form-row label { font-size: 0.9375rem; font-weight: 600; color: var(--sby-ivory); }
.sby-page__content > .woocommerce input.input-text,
.sby-page__content > .woocommerce select,
.sby-page__content > .woocommerce textarea { inline-size: 100%; padding: 0.75rem 1rem; }
.sby-page__content > .woocommerce .required { color: var(--sby-champagne); text-decoration: none; }
.sby-page__content > .woocommerce fieldset { margin: 2rem 0 0; padding: 1.5rem; border: 1px solid var(--sby-line); }
.sby-page__content > .woocommerce legend { padding-inline: 0.5rem; font-family: var(--sby-font-heading); font-size: 1.25rem; color: var(--sby-white); }
.sby-page__content > .woocommerce .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 0.5rem; min-block-size: 44px; }
.sby-page__content > .woocommerce .lost_password a { display: inline-flex; align-items: center; min-block-size: 44px; }

/* הפלייסהולדר של החיפוש התארך ("חיפוש לפי שם, סוג או מק״ט", microcopy.md) - השדה בכותרת מתרחב בהתאם */
@media (min-width: 1280px) {
	.sby-header .sby-search__input { inline-size: 12.75rem; }
	.sby-header .sby-search__input:focus { inline-size: 15rem; }
}

/* כפתור השהיה / הפעלה של סרטון ההירו (WCAG 2.2.2; QA 23.10) - קו שיער שמפניה על שחור, בפינה התחתונה-שמאלית של הסרטון */
.sby-hero__video-toggle { position: absolute; inset-block-end: 0.75rem; inset-inline-start: 0.75rem; z-index: 2; padding: 0.4rem 0.9rem; border: 1px solid var(--sby-champagne); background: rgba(0, 0, 0, 0.72); color: var(--sby-champagne); font: inherit; font-size: 0.85rem; cursor: pointer; }
.sby-hero__video-toggle:hover, .sby-hero__video-toggle:focus-visible { background: var(--sby-champagne); color: var(--sby-black); outline-offset: 2px; }
.sby-hero__video-toggle[hidden] { display: none; }

/* כפתור "הגדרות עוגיות" בפוטר - פותח מחדש את באנר ההסכמה (התוסף, consent.php) */
.sby-footer__consent { font: inherit; font-size: var(--sby-fs-small); background: none; border: 0; padding: 0; color: var(--sby-champagne); text-decoration: underline; text-underline-offset: 0.2em; cursor: pointer; }
.sby-footer__consent:hover, .sby-footer__consent:focus-visible { color: var(--sby-champagne-light, #e8d0a0); }
.sby-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1.5rem; }

/* רצועת תתי-הקטגוריות בהירו של הקטגוריה (parts/subcategories.php, 1ה 24.10): קישורי טקסט בקו שיער, לא כרטיסים */
.sby-subcats { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 1rem; margin-block-start: 0.25rem; }
.sby-subcats__label { position: absolute; inline-size: 1px; block-size: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } /* ביקורת עיצוב 3, ממצא 12: תווית מערכת מעל רכיב - מוסתרת ויזואלית; ה-nav נשאר עם aria-label */
.sby-subcats__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.6rem 0.75rem; }
.sby-subcats__link { display: inline-flex; align-items: center; gap: 0.55rem; min-block-size: 44px; padding: 0.45rem 1rem; border: 1px solid var(--sby-champagne); color: var(--sby-champagne); text-decoration: none; font-size: var(--sby-fs-small); line-height: 1.2; transition: background-color 200ms var(--sby-ease), color 200ms var(--sby-ease); }
.sby-subcats__link:hover, .sby-subcats__link:focus-visible { background: var(--sby-champagne); color: #000; outline-offset: 3px; }
.sby-subcats__count { font-variant-numeric: tabular-nums; opacity: 0.85; }

/* באנר ההסכמה פתוח (consent.php מסמן html.sby-consent-open ומודד --sby-consent-height): הוואטסאפ הצף עולה מעליו, אחרת הוא מכסה את "רק עוגיות חיוניות" ב-1366-1440 (נמדד 24.10) */
.sby-consent-open .sby-whatsapp-float { inset-block-end: calc(var(--sby-consent-height, 0px) + 20px); }
/* הבאנר הפתוח כיסה את השורה האחרונה של הפוטר ("הגדרות עוגיות") בכל רוחב (shots --with-consent, 25.10): הגוף מקבל ריפוד תחתון בגובה הבאנר,
   ומתחת ל-1024 גם 60px של הסרגל התחתון, כך שכל קישור בפוטר נגלל אל מעל הבאנר. */
html.sby-consent-open body { padding-block-end: var(--sby-consent-height, 0px); }
@media (max-width: 1023.98px) { html.sby-consent-open body { padding-block-end: calc(var(--sby-mobile-bar-height, 60px) + var(--sby-consent-height, 0px)); } }

/* כותרת קטגוריה ארוכה במובייל ("טבעות איטרניטי: יהלומים בשורה" נשברה ל-5 שורות ב-390 בגודל 2.75rem, נמדד 24.10): מדרגה אחת למטה רק בארכיונים */
@media (max-width: 599.98px) { .sby-archive__title { font-size: 2.25rem; } } /* שלב 2ב: H1 ב-390 = 36px בכל התפקידים */

/* הערת מע"מ מתחת למחיר בעמוד המוצר (סעיף 17ד) ושורת השם הרשום וח.פ. בפוטר (סעיף 14ג(א)) - ממצאי הבודק המשפטי 25.10 */
.sby-product__vat { margin: 0.35rem 0 0; font-size: var(--sby-fs-small); color: var(--sby-champagne); }
.sby-footer__legal-id { flex-basis: 100%; margin: 0; font-size: var(--sby-fs-small); color: var(--sby-champagne); }
.sby-footer__legal-sep { opacity: 0.6; }

/* --- QA סבב 1 (25.10) --- */
/* 1. מילה לטינית ארוכה בכותרת (EmeraldMasterpiece) דחפה את עמוד המוצר ל-410px ב-390 */
h1, h2, h3, .sby-card__name, .sby-product__title, .sby-archive__title { overflow-wrap: anywhere; }
/* 4. התפריט הראשי נשבר לשתי שורות ב-1280-1535: רווח וגופן קטנים יותר בטווח */
@media (min-width: 1200px) and (max-width: 1535.98px) {
	/* נמדד ב-1366: תפריט 621px + פעולות 438px (חיפוש 204) + לוגו לא נכנסו ב-1351px. חיסכון של ~110px: גופן, רווח ושדה חיפוש קצר יותר */
	.sby-menu--primary { gap: 0.25rem 0.6rem; }
	.sby-menu--primary > li > a { font-size: 0.9rem; }
	.sby-header__phone, .sby-header__cta { font-size: 0.9rem; }
	.sby-header__cta { padding-inline: 0.75rem; }
	.sby-header .sby-search__input { inline-size: 9rem; }
	.sby-header .sby-search__input:focus { inline-size: 11rem; }
}
/* 5. החיפוש בתפריט המובייל הוסתר על ידי .sby-header .sby-search */
.sby-mobile-menu .sby-search { display: flex; }
/* 7. Escape סוגר תפריט נפתח בדסקטופ (sby.js מוסיף is-closed עד שהפוקוס או העכבר עוזבים) */
.sby-menu--primary li.is-closed > .sub-menu { display: none !important; }
/* 14. רצועת מוצרים עם 3 פריטים - רשת של 3 במקום עמודה ריקה */
@media (min-width: 1024px) { .sby-section--product-strip .sby-grid:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* 19. פס גלילה של טבלה ב-390 בשמפניה ולא לבן */
.sby-table { scrollbar-width: thin; scrollbar-color: var(--sby-champagne) transparent; }

/* --- QA סבב 2 (25.10) --- */
/* 11. ספרות בסגנון ישן בגופן הכותרות ("0.40" נקרא "o.40") - ספרות בגובה אחיד בכל מקום שיש בו מספר */
.sby-card__price, .sby-price, .sby-archive__count, .sby-subcats__count { font-variant-numeric: lining-nums tabular-nums; } /* רוחב קבוע רק למחירים ולמונים; הכותרות מקבלות lining-nums מ-html (סקירת קוד 25.10) */
/* 10. המבוא של רצועת המוצרים ממורכז כמו הכותרת שמעליו */
.sby-section--product-strip .sby-section__inner > p,
.sby-section--product-strip > p { text-align: center; margin-inline: auto; justify-self: center; max-inline-size: 60ch; } /* justify-self: הסקציה היא רשת ו-margin-inline: 0 !important של הילדים גובר על auto (ביקורת עיצוב 2, ממצא 3) */ /* בבית ה-p הוא ילד ישיר של section בלי wp-block-group (QA סבב 3, ממצא 3) */
.sby-section--definition + .sby-section--product-strip > .sby-section__title { margin-block-end: 0.5em; } /* הפסקה צמודה לכותרת הממורכזת, לא 100px מתחתיה ב-390 */
/* 14. מוצר ב-700-1023: שתי עמודות (תמונה מימין, שם ומחיר משמאל) במקום תמונה בגובה המסך שדוחפת את השם מתחת לקפל */
/* 600-699 (טלפון לרוחב): עדיין עמודה אחת - תקרת גובה לתמונה כדי שהשם והמחיר יישארו מעל הקפל (סקירת קוד 25.10, ממצא 12) */
@media (min-width: 600px) and (max-width: 699.98px) { .sby-gallery__img { display: block; max-block-size: 68vh; inline-size: auto; max-inline-size: 100%; margin-inline: auto; } }
@media (min-width: 700px) and (max-width: 1023.98px) {
	.sby-product__top { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; }
	.sby-product__gallery { position: sticky; inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 1rem); } /* דביקה: אחרי המיניאטורות העמודה הייתה ריקה כ-1,100px (ביקורת עיצוב 2, ממצא 9) */
	.sby-product__title { font-size: clamp(1.875rem, 3.5vw, 2.25rem); }
}

/* --- ביקורת עיצוב (web-designer, 25.10, docs/shots/dev-3/design-review.md) --- */
/* 1. תיאור המוצר: כלל הגיוון של רצועות הטקסט (השלישית ממורכזת, הרביעית דביקה) דלף לכותרות התיאור בכל 290 המוצרים - שם הגריד מבוטל והכותרת תמיד בהתחלה */
.sby-product-page .sby-product__description .wp-block-group.sby-section--text > .sby-section__title { text-align: start; position: static; grid-column: auto; grid-row: auto; }
/* 10ב. ספרות בגובה אחיד בכל מקום (Bona Nova מציג ספרות בסגנון ישן גם בשאלות הנפוצות ובפתיחים) - תכונה מורשת */
html { font-variant-numeric: lining-nums; }
/* 11. "תכשיטים דומים" עם 6 פריטים ברשת של 4 = שורה שנייה חצי ריקה - שלוש עמודות לשתי שורות מלאות */
@media (min-width: 1280px) { .sby-product-page .sby-section--related .sby-grid:has(> :nth-child(6):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* 14. ארכיון המאמרים: הפתיחה כפסקת מבוא ולא כשורת מטא אפורה של 15px */
.sby-page--archive .sby-page__sub { font-size: var(--sby-fs-lead); font-weight: 300; color: var(--sby-ivory); max-inline-size: 46rem; line-height: 1.7; }
/* 15א. כותרת ההירו ב-390: "תכשיטי יהלומים וזהב" צריכה ~330px ותיבת הטקסט נותנת ~318 - שורה אמצעית של מילה אחת */
@media (max-width: 420px) { .sby-hero__title { font-size: clamp(2rem, 9.2vw, 2.5rem); } } /* נמדד בדפדפן: ב-390 תיבת הכותרת 303px; ב-40px שלוש שורות עם "תכשיטי" לבד, מ-38px ומטה שתי שורות נקיות */

/* --- ביקורת עיצוב 2 (web-designer, 25.10, docs/shots/dev-5/design-review-2.md) --- */
/* 5. H1 אחד לכל התפקידים ב-390: כותרת עמוד הייתה ~70px (מילה בכל שורה), קטגוריה 37.6px, מוצר 44px */
@media (max-width: 599.98px) { .sby-page__title, .sby-product__title { font-size: 2.25rem; } }
/* 8. שבעה שלבים בארבע עמודות: האחרון רחב, בלי משבצת ריקה */
@media (min-width: 1280px) { .sby-steps__list:has(> li:nth-child(7):last-child) > li:last-child { grid-column: span 2; } }
/* 10. המחיר יורד לתחתית הכרטיס */
.sby-card__price { margin-block-start: auto; }
/* 11. ארכיון המאמרים עם 12 כרטיסים (מוצג + 11): שני האחרונים רחבים ולא שליש ריק */
@media (min-width: 768px) {
	.sby-post-cards--archive:has(> :nth-child(12):last-child) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.sby-post-cards--archive:has(> :nth-child(12):last-child) > .sby-post-card { grid-column: span 2; }
	.sby-post-cards--archive:has(> :nth-child(12):last-child) > .sby-post-card:first-child { grid-column: 1 / -1; }
	.sby-post-cards--archive:has(> :nth-child(12):last-child) > .sby-post-card:nth-child(11),
	.sby-post-cards--archive:has(> :nth-child(12):last-child) > .sby-post-card:nth-child(12) { grid-column: span 3; }
}
/* 2. מצב חנות: "סל" בכותרת דחף את התפריט לשורה שנייה - הצורה הקומפקטית בכל הרוחבים מ-1200 */
@media (min-width: 1200px) {
	body.sby-mode-shop .sby-menu--primary { gap: 0.25rem 0.6rem; }
	body.sby-mode-shop .sby-menu--primary > li > a { font-size: 0.9rem; }
	body.sby-mode-shop .sby-header__phone, body.sby-mode-shop .sby-header__cta { font-size: 0.9rem; }
	body.sby-mode-shop .sby-header__cta { padding-inline: 0.75rem; }
	body.sby-mode-shop .sby-header .sby-search__input { inline-size: 8rem; }
}
/* 12-13. מצב חנות: טופס ההתחברות ברוחב קריא, כפתור הסיסמה בתוך השדה, תיבת "זכור אותי" בצבע המותג, בלי "מידע נוסף" ברשת של ווקומרס */
.sby-page__content > .woocommerce > h2, .sby-page__content > .woocommerce > .woocommerce-form-login { max-inline-size: 32rem; }
.woocommerce .password-input { position: relative; display: block; }
.woocommerce .show-password-input { position: absolute; inset-inline-end: 0.75rem; inset-block-start: 50%; transform: translateY(-50%); }
.woocommerce-form-login__rememberme input, .sby-form input[type="checkbox"] { accent-color: var(--sby-champagne); }
.wc-block-grid__product-add-to-cart { display: none; }
/* שורות יתומות (מילה אחת בשורה אחרונה) בפסקאות ובפריטים - הדפדפן מאזן כשהוא יודע */
p, li, .sby-post-card__excerpt { text-wrap: pretty; }

/* =========================================================================
 * 33. שלב העיצוב 2ב (25.10.2026, docs/design-improvement-plan.md סעיפים 3 ו-4.3): רצועות הבית החדשות.
 *     הסימון של trust-strip ו-contact-band נוצר בסקריפט התוכן (scripts/wp/content.mjs) - החוזה ב-theme/README.md סעיף 10.
 * ====================================================================== */

/* ---- 33א. רצועת מוצרים בבית: 8 דגמים = 2 שורות שלמות בכל רוחב (2 עד 1023, 4 מ-1024; הבסיס נתן 3 ב-768-1279 = 3+3+2) ---- */
@media (min-width: 768px) and (max-width: 1023.98px) { .sby-grid--strip:has(> :nth-child(8):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) and (max-width: 1279.98px) { .sby-grid--strip:has(> :nth-child(8):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---- 33ב. רצועת אמון: 3-4 פריטים, אייקון קווי בשמפניה (mask עם SVG מוטבע לפי data-icon), כותרת ושורה. בלי כותרת סקציה ---- */
.wp-block-group.sby-section--trust-strip { padding-block: clamp(2.5rem, 4vw, 3.5rem); }
.sby-trust,
.wp-block-group.sby-section > .sby-trust {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2.25rem var(--sby-gap);
	max-inline-size: none;
	margin: 0;
	padding: clamp(2rem, 3.5vw, 2.75rem) 0;
	list-style: none;
	border-block: 1px solid var(--sby-line-strong);
	text-align: center;
}
@media (max-width: 1023.98px) { .sby-trust > .sby-trust__item:last-child:nth-child(odd) { grid-column: 1 / -1; } } /* 3 פריטים ב-390: האחרון ממורכז בשורה משלו */
@media (min-width: 1024px) {
	.sby-trust,
	.wp-block-group.sby-section > .sby-trust { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.sby-trust:has(> :nth-child(3):last-child),
	.wp-block-group.sby-section > .sby-trust:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.sby-trust__item + .sby-trust__item { border-inline-start: 1px solid var(--sby-line); }
}
.sby-trust__item { display: grid; justify-items: center; align-content: start; gap: 0.45rem; min-inline-size: 0; padding-inline: 0.75rem; }
.sby-trust__icon {
	--sby-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M24 8l10 10-10 22L14 18z M14 18h20'/%3E%3C/svg%3E"); /* ברירת מחדל לערך לא מוכר: יהלום. בלי זה mask ריק = ריבוע מלא */
	display: block;
	inline-size: 2.5rem;
	block-size: 2.5rem;
	margin-block-end: 0.6rem;
	background-color: var(--sby-champagne);
	-webkit-mask: var(--sby-icon) center / contain no-repeat;
	mask: var(--sby-icon) center / contain no-repeat;
}
.sby-trust__icon[data-icon="spec"] { --sby-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6h14l8 8v28H14z M28 6v8h8 M19 22h12 M19 28h12 M19 34h8'/%3E%3C/svg%3E"); }
.sby-trust__icon[data-icon="whatsapp"] { --sby-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 7a17 17 0 0 0-14.6 25.7L7 41l8.5-2.3A17 17 0 1 0 24 7z'/%3E%3Cpath d='M18.6 16.4c-.9 0-2 1-2 2.7 0 4.7 7.6 12.3 12.3 12.3 1.7 0 2.7-1.1 2.7-2l-.4-1.5-3.7-1.7-1.7 1.7c-2.1-.9-4.6-3.4-5.5-5.5l1.7-1.7-1.7-3.7z'/%3E%3C/svg%3E"); }
.sby-trust__icon[data-icon="ring"] { --sby-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='30' r='11'/%3E%3Cpath d='M19 13l5-6 5 6-5 6z M19 13h10'/%3E%3C/svg%3E"); }
.sby-trust__icon[data-icon="meeting"] { --sby-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='17' cy='17' r='5'/%3E%3Ccircle cx='32' cy='18' r='4.5'/%3E%3Cpath d='M7 39c0-6 4.5-10 10-10s10 4 10 10 M27.5 29.6c1.4-.4 2.9-.6 4.5-.6 5 0 9 3.6 9 9'/%3E%3C/svg%3E"); }
.sby-trust__icon[data-icon="certificate"] { --sby-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 31H7V8h34v23H31 M13 15h22 M13 21h12 M20.5 34.5V42l3.5-2.2 3.5 2.2v-7.5'/%3E%3Ccircle cx='24' cy='31' r='5'/%3E%3C/svg%3E"); }
.sby-trust__icon[data-icon="warranty"] { --sby-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6l14 5v11c0 9.5-6 16.5-14 20-8-3.5-14-10.5-14-20V11z M18 24l4.5 4.5L31 20'/%3E%3C/svg%3E"); }
.sby-trust__icon[data-icon="custom"] { --sby-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 39l2.5-8.5L31 11l6 6-19.5 19.5z M27 15l6 6 M11.5 30.5l6 6 M24 41h16'/%3E%3C/svg%3E"); }
.sby-trust__title { margin: 0; font-size: 1.25rem; line-height: 1.3; color: var(--sby-white); }
.sby-trust__text { margin: 0; max-inline-size: 22rem; color: var(--sby-muted); font-size: 0.9375rem; line-height: 1.6; }

/* ---- 33ג. רצועת קשר: ביקור (כתובת, שעות, מפה, טלפון, וואטסאפ) מימין והטופס משמאל, 5/7. ב-390 הטופס ראשון.
        מחליפה בבית את visit + form-inline + cta-band (שלוש התבניות נשארות לעמודים אחרים) ---- */
.wp-block-group.sby-section--contact-band > .sby-section__intro { color: var(--sby-ivory); font-size: var(--sby-fs-lead); font-weight: 300; line-height: 1.6; }
.sby-contact-band,
.wp-block-columns.sby-contact-band {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	gap: 2.5rem var(--sby-gap);
	align-items: start;
	margin: 0;
}
.wp-block-group.sby-section--contact-band > .sby-contact-band { margin-block-start: clamp(2rem, 4vw, 3rem); }
.sby-contact-band > .wp-block-column { margin: 0 !important; min-inline-size: 0; flex-basis: auto !important; }
.sby-contact-band > .sby-contact-band__form { order: -1; } /* מתחת ל-1024 הטופס ראשון */
.sby-contact-band__visit { padding: 1.75rem 1.5rem; border: 1px solid var(--sby-line-strong); } /* ביקורת עיצוב 3, שיפור ג: הגבול העליון בשמפניה ירד - קו השיער מתחת לכותרת הוא הקישוט היחיד */
.sby-contact-band__visit .sby-visit:not(.sby-visit--compact) { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.sby-contact-band__visit .sby-visit .sby-visit__block { padding-block-start: 1.5rem; border-block-start: 1px solid var(--sby-line); }
.sby-contact-band__visit .sby-visit .sby-visit__block:first-child { padding-block-start: 0; border-block-start: 0; }
.sby-contact-band__visit .sby-visit__label { font-size: 1.25rem; margin-block-end: 0.5rem; }
.sby-contact-band__visit .sby-hours { max-inline-size: none; }
.sby-contact-band__visit .sby-contact { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }
.sby-contact-band__visit .sby-contact .sby-button { inline-size: 100%; }
@media (min-width: 1024px) {
	.sby-contact-band,
	.wp-block-columns.sby-contact-band { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.sby-contact-band > .sby-contact-band__visit { grid-column: 1 / span 5; grid-row: 1; order: 0; padding: 2rem; }
	.sby-contact-band > .sby-contact-band__form { grid-column: 6 / span 7; grid-row: 1; order: 0; padding-inline-start: clamp(1rem, 3vw, 3rem); }
}


/* =========================================================================
 * ארכיון 2ב (25.10.2026, wordpress-developer; docs/design-improvement-plan.md סעיף 4, theme/README.md סעיף 11) - תחילת הסעיף.
 * עמודי הרשימה (חנות, קטגוריה, תת-קטגוריה): קונטיינר 1,600 (הכותרת העליונה והפוטר נשארים 1,400), סרגל סינון 240px מימין
 * לרשת (דביק; מגירה מתחת ל-1024), שורת כלים (מונה + מיון), שורת צורות האבן בראש, צ'יפים עם תמונה, "מדריך קצר" + תוכן עניינים.
 * הרשת עצמה - סעיף 15 (2 / 3 מ-768 / 4 מ-1280), ליד הסרגל: 3 ב-1024-1279 ו-4 מ-1280 (כרטיס כ-300px ב-1920).
 * ====================================================================== */

/* ---- 2ב-א. קונטיינר 1,600 רק בתוך הארכיון. --sby-side מחושב מחדש כאן כי ב-:root הוא כבר הוצב עם 1,400 ---- */
.sby-archive {
	--sby-container: 1600px;
	--sby-side: max(var(--sby-pad), calc((100% - var(--sby-container)) / 2));
}

/* ---- 2ב-ב. שורת צורות האבן: אייקון קווי 44px בשמפניה, שם ומונה. נבחר = קו שמפניה מתחת. ב-390 נגללת לצד (בתוך הרכיב) ---- */
.sby-shapes { position: relative; inline-size: 100%; min-inline-size: 0; contain: inline-size; /* position: relative - ה-span.sby-visually-hidden (absolute) שבכפתורים מתמקם ביחס לגולל ולא לעמוד; בלי זה העמוד התרחב ל-778px ב-390 (layout-sweep 25.10) */ margin-block-start: 0.5rem; } /* contain: הרשימה (max-content ב-390) לא מרחיבה את הגריד של הראש ואת העמוד - גלילה פנימית בלבד (layout-sweep 25.10: 388px גלילה אופקית בטבעות) */
.sby-shapes__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.25rem clamp(0.25rem, 1.2vw, 1.25rem); margin: 0; padding: 0; list-style: none; }
.sby-shapes__btn {
	display: grid;
	justify-items: center;
	gap: 0.3rem;
	min-inline-size: 4.75rem;
	padding: 0.5rem 0.35rem 0.55rem;
	border: 0;
	border-block-end: 1px solid transparent;
	background: none;
	color: var(--sby-ivory);
	font: inherit;
	line-height: 1.2;
	cursor: pointer;
	transition: color 200ms var(--sby-ease), border-color 200ms var(--sby-ease);
}
.sby-shape-icon { display: block; inline-size: 44px; block-size: 44px; color: var(--sby-champagne); transition: transform 300ms var(--sby-ease), color 200ms var(--sby-ease); }
.sby-shapes__name { font-size: 0.9375rem; }
.sby-shapes__num { color: var(--sby-muted); font-size: 0.75rem; font-variant-numeric: lining-nums tabular-nums; }
.sby-shapes__btn:hover { color: var(--sby-white); border-block-end-color: var(--sby-line-strong); }
.sby-shapes__btn:hover .sby-shape-icon { color: var(--sby-champagne-light); transform: translateY(-2px); }
.sby-shapes__btn:focus-visible { outline-offset: 2px; }
.sby-shapes__btn[aria-pressed="true"] { color: var(--sby-champagne-light); border-block-end-color: var(--sby-champagne); }
.sby-shapes__btn[aria-pressed="true"] .sby-shape-icon { color: var(--sby-champagne-light); }
.sby-shapes__btn[aria-pressed="true"] .sby-shapes__num { color: var(--sby-champagne); }
@media (prefers-reduced-motion: reduce) { .sby-shapes__btn:hover .sby-shape-icon { transform: none; } }
@media (max-width: 767.98px) {
	/* הרכיב נמתח לקצות הסקציה (מבטל את ה-padding של inner) ונגלל בתוכו - לא גלילה של העמוד */
	.sby-shapes { overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; margin-inline: calc(-1 * var(--sby-pad)); padding-inline: var(--sby-pad); inline-size: calc(100% + 2 * var(--sby-pad)); }
	.sby-shapes::-webkit-scrollbar { display: none; }
	.sby-shapes__list { flex-wrap: nowrap; justify-content: flex-start; inline-size: max-content; margin-inline: auto; }
	.sby-shapes__btn { min-inline-size: 4.25rem; }
}

/* ---- 2ב-ג. תתי-הקטגוריות: ממורכזות בראש, תמונה עגולה 40px בצ'יפ (כשלמונח יש תמונה) ---- */
.sby-archive__hero .sby-subcats { justify-content: center; }
.sby-subcats__link--img { padding-block: 1px; padding-inline-start: 2px; }
.sby-subcats__img { flex: none; inline-size: 40px; block-size: 40px; border-radius: 50%; object-fit: cover; background: var(--sby-black); }

/* ---- 2ב-ד. סרגל + רשת ---- */
.sby-archive--category .sby-section--grid { padding-block-start: clamp(1.5rem, 3vw, 2.5rem); } /* בחנות נשאר המרווח של 32ט אחרי כרטיסי הקטגוריה */
.sby-listing__toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin-block-end: clamp(1.5rem, 2.5vw, 2.25rem); padding-block-end: 1rem; border-block-end: 1px solid var(--sby-line); }
.sby-listing__count { margin: 0; color: var(--sby-muted); font-size: var(--sby-fs-small); font-variant-numeric: lining-nums tabular-nums; }
.sby-listing__sort { display: flex; align-items: center; gap: 0.6rem; margin-inline-start: auto; }
.sby-listing__sort-label { color: var(--sby-ivory); font-size: var(--sby-fs-small); }
.sby-listing__select {
	appearance: none;
	min-block-size: 44px;
	padding-block: 0.4rem;
	padding-inline: 0.9rem 2.4rem;
	border: 1px solid var(--sby-line-strong);
	border-radius: 0;
	background: var(--sby-charcoal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23c9a878' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat left 0.9rem center / 12px 8px; /* RTL: physical intentional - החץ בקצה הסוף של השדה = שמאל */
	color: var(--sby-ivory);
	font: inherit;
	font-size: 0.9375rem;
	cursor: pointer;
}
.sby-listing__select:hover { border-color: var(--sby-champagne); }
.sby-listing__select:focus-visible { outline: 2px solid var(--sby-champagne); outline-offset: 2px; }
.sby-listing__select option { background: var(--sby-charcoal); color: var(--sby-ivory); }
.sby-listing__main > .sby-grid { margin-block-start: 0; }
.sby-filters__num { margin-inline-start: auto; } /* המונה בקצה השורה בסרגל */
@media (max-width: 1023.98px) {
	/* שורת הכלים במובייל: "סינון (N)" מימין, מיון משמאל, המונה בשורה משלו */
	.sby-listing__count { order: 3; flex-basis: 100%; }
}
@media (min-width: 1024px) {
	.sby-listing--sidebar { display: grid; grid-template-columns: 240px minmax(0, 1fr); align-items: start; column-gap: clamp(2rem, 3vw, 3.5rem); }
	.sby-listing--sidebar > .sby-filters {
		position: sticky;
		inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 1rem);
		max-block-size: calc(100vh - var(--sby-header-height) - var(--sby-admin) - 2rem);
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-inline: 4px; /* מקום לטבעת הפוקוס בתוך הגלילה */
		margin-inline: -4px;
		scrollbar-width: thin;
		scrollbar-color: var(--sby-line-strong) transparent;
	}
	.sby-filters__toggle,
	.sby-filters__backdrop { display: none; }
}

/* ---- 2ב-ה. מתחת ל-1024: הסרגל הוא מגירה מצד ההתחלה (ימין), נפתחת מ"סינון (N)". sby.js: פוקוס לכוד, Escape, סגירה ברקע ---- */
@media (max-width: 1023.98px) {
	.sby-filters { display: none; }
	.sby-filters.is-open { display: block; }
	.sby-filters__backdrop { position: fixed; inset: 0; z-index: 240; background: rgb(0 0 0 / 0.72); }
	.sby-filters__panel {
		position: fixed;
		inset-block: var(--sby-admin) 0;
		inset-inline-start: 0;
		z-index: 250;
		display: flex;
		flex-direction: column;
		inline-size: min(24rem, 88vw);
		background: var(--sby-charcoal);
		border-inline-end: 1px solid var(--sby-line-strong);
		animation: sby-drawer-in 260ms var(--sby-ease);
	}
	.sby-filters__panel:focus { outline: none; }
	.sby-filters__head { align-items: center; padding: 0.85rem 1.25rem; }
	.sby-filters__close { display: inline-block; }
	.sby-filters__form { flex: 1 1 auto; display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; padding-inline: 1.25rem; }
	.sby-filters__actions { position: sticky; inset-block-end: 0; margin-block-start: auto; justify-content: space-between; padding-block: 0.85rem; background: var(--sby-charcoal); border-block-start: 1px solid var(--sby-line-strong); }
	.sby-filters__apply { display: inline-flex; flex: 1 1 auto; min-block-size: 48px; }
	html.sby-filters-open { overflow: hidden; }
}
@keyframes sby-drawer-in { from { transform: translateX(100%); } to { transform: none; } } /* RTL: physical intentional - המגירה נכנסת מהקצה הימני (ההתחלה ב-RTL) */
@media (prefers-reduced-motion: reduce) { .sby-filters__panel { animation: none; } }

/* ---- 2ב-ו. "מדריך קצר" ותוכן עניינים מעל התוכן הארוך; הסקציה הראשונה של התוכן ממשיכה את אותה רצועת פחם ---- */
.sby-archive > .sby-section--guide { background: var(--sby-charcoal); border-block-start: 1px solid var(--sby-line); padding-block: clamp(3rem, 6vw, 5rem) clamp(1rem, 2vw, 1.5rem); }
.sby-archive__guide-title { margin: 0 0 0.6em; max-inline-size: 24ch; text-wrap: balance; }
.sby-archive__toc-list { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0.5rem 0 0; list-style: none; border-block-start: 1px solid var(--sby-line-strong); }
.sby-archive__toc-list li { display: flex; align-items: center; }
.sby-archive__toc-list li + li::before { content: ""; flex: none; inline-size: 1px; block-size: 1em; margin-inline: 0.9rem; background: var(--sby-line-strong); }
.sby-archive__toc-list a { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--sby-ivory); font-size: 0.9375rem; line-height: 1.4; text-decoration: none; transition: color 200ms var(--sby-ease); }
.sby-archive__toc-list a:hover,
.sby-archive__toc-list a:focus-visible { color: var(--sby-champagne-light); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.3em; }
.sby-archive__guide + .sby-archive__long > .sby-section:first-child { border-block-start: 0; padding-block-start: clamp(1.5rem, 3vw, 2.5rem); }
.sby-archive__long h2[id] { scroll-margin-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 1.5rem); }
/* עמודת הטקסט בתוכן הארוך עד 60ch (התמונות של סקציות answer נשארות לצידה כמו שהן) */
.sby-archive__long--guide > .wp-block-group.sby-section > p { max-inline-size: 60ch; }
@media (max-width: 767.98px) {
	.sby-archive__toc-list { display: grid; padding-block-start: 0.25rem; }
	.sby-archive__toc-list li { border-block-end: 1px solid var(--sby-line); }
	.sby-archive__toc-list li + li::before { display: none; }
}
/* ארכיון 2ב - סוף הסעיף */
/* =========================================================================
 * מוצר 2ב (25.10.2026, wordpress-developer; docs/design-improvement-plan.md סעיף 5; החוזה ב-theme/README.md סעיף 12).
 * הסעיף הזה דורס את סעיף 28 במה שהשתנה. כללים בסעיף 28 ש"מתו" עם הסימון הישן (sby-product__inquiry, sby-product__details,
 * sby-section--size-guide, sby-section--cta-band בעמוד המוצר) נשארו שם בלי השפעה - לא נמחקו כדי לא להזיז שורות.
 * ====================================================================== */

/* ---- מוצר 2ב-א. פריסה: הגלריה 60% מימין (עמודה ראשונה ב-RTL), הסיכום 40% משמאל, מ-1024 ---- */
@media (min-width: 1024px) {
	.sby-product__top { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); column-gap: clamp(2rem, 4vw, 4.5rem); }
	.sby-product__gallery { grid-column: 1; }
	.sby-product__summary { grid-column: 2; padding-block-start: 0.5rem; }
	/* התמונה הראשית לא גבוהה מהמסך (הגלריה דביקה): ריבוע ברוחב העמודה, הגובה מוגבל, contain על שחור */
	.sby-gallery__img { max-block-size: calc(100vh - var(--sby-header-height) - var(--sby-admin) - 9rem); }
	/* הפס הדביק (56px) פתוח - הגלריה הדביקה יורדת מתחתיו */
	body.sby-sticky-on .sby-product__gallery { inset-block-start: calc(var(--sby-header-height) + var(--sby-admin) + 56px + 1rem); }
}

/* ---- מוצר 2ב-ב. גלריה: עד 5 מיניאטורות + "+N", הגדלה בריחוף, נקודות מתחת ל-768 ---- */
.sby-gallery__zoom { overflow: hidden; }
.sby-gallery__img { transition: transform 200ms var(--sby-ease); }
.sby-gallery.is-zooming .sby-gallery__img { transform: scale(2); } /* transform-origin נקבע ב-sby.js לפי הסמן */
.sby-gallery.is-zooming .sby-gallery__zoom::after { visibility: hidden; }
@media (min-width: 768px) {
	.sby-gallery__thumbs { grid-template-columns: repeat(auto-fill, 88px); }
	.sby-gallery__thumb.is-extra { display: none; }
	.sby-gallery.is-expanded .sby-gallery__thumb.is-extra { display: block; }
	.sby-gallery.is-expanded .sby-gallery__thumb--more { display: none; }
}
.sby-gallery__more {
	display: grid;
	place-items: center;
	inline-size: 100%;
	aspect-ratio: 1;
	padding: 0;
	border: 1px solid var(--sby-line-strong);
	background: var(--sby-black);
	color: var(--sby-champagne);
	font-size: 1.125rem;
	font-variant-numeric: lining-nums tabular-nums;
	transition: border-color 200ms var(--sby-ease), color 200ms var(--sby-ease);
}
.sby-gallery__more:hover { border-color: var(--sby-champagne); color: var(--sby-champagne-light); }
@media (min-width: 768px) and (max-width: 1023.98px) {
	.sby-gallery__thumb--more { flex: 0 0 64px; }
}
/* מתחת ל-768: המיניאטורות הן נקודות (יעד מגע 24px), כל התמונות כולל אלה שמעבר לחמש; החלקה על התמונה מחליפה (sby.js) */
@media (max-width: 767.98px) {
	.sby-gallery { gap: 0.5rem; }
	.sby-gallery__thumbs { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.25rem; overflow: visible; padding: 0; scroll-snap-type: none; }
	.sby-gallery .sby-gallery__thumb,
	.sby-gallery .sby-gallery__thumb.is-extra { display: block; flex: 0 0 auto; }
	.sby-gallery .sby-gallery__thumb--more { display: none; }
	.sby-gallery__thumb-btn { display: grid; place-items: center; inline-size: 24px; block-size: 24px; border: 0; background: none; }
	.sby-gallery__thumb-btn img { display: none; }
	.sby-gallery__thumb-btn::before { content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--sby-line-strong); transition: background-color 200ms var(--sby-ease); }
	.sby-gallery__thumb-btn:hover::before { background: var(--sby-line-hover); }
	.sby-gallery__thumb-btn.is-active::before { background: var(--sby-champagne); }
}

/* ---- מוצר 2ב-ג. הסיכום: שם 36px, סדרה קטנה, מחיר 28px לבן, מע"מ ---- */
.sby-product__title { margin-block-end: 0.25em; }
.sby-product__series { margin: 0 0 1rem; font-family: var(--sby-font-body); font-size: var(--sby-fs-small); color: var(--sby-champagne); }
.sby-product__short { font-size: var(--sby-fs-body); margin-block-end: 1.25rem; }
.sby-product__pricing { margin-block-end: 1.5rem; padding-block: 1rem; border-block: 1px solid var(--sby-line); }
.sby-product__pricing .sby-product__price { margin: 0; padding: 0; border: 0; font-size: var(--sby-fs-price); color: var(--sby-white); }

/* ---- מוצר 2ב-ד. בוררים: עיגולי מתכת 32px, select למשקל / אות / מידה ---- */
.sby-product__choices { display: grid; gap: 1.25rem; }
.sby-product__choices .sby-variations { gap: 1.25rem; }
.sby-variations__group--metal .sby-variations__options { gap: 0.5rem; }
.sby-swatch--metal {
	justify-content: center;
	inline-size: 44px;
	block-size: 44px;
	min-block-size: 0;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 50%; /* העיגול הוא צורת הדוגמית (צבע המתכת), לא פינה מעוגלת */
	background: none;
}
.sby-swatch--metal .sby-swatch__dot { inline-size: 32px; block-size: 32px; border: 1px solid rgb(255 255 255 / 0.2); }
.sby-swatch--metal:hover { border-color: var(--sby-line-hover); background: none; }
.sby-swatch--metal:has(:checked) { border-color: var(--sby-champagne); background: none; }
.sby-swatch--metal.is-unavailable { border-style: dashed; border-color: #5a4e40; }
.sby-variations__group--select .sby-variations__legend { display: block; }
.sby-select { position: relative; }
.sby-select__input {
	appearance: none;
	inline-size: 100%;
	min-block-size: 48px;
	padding-block: 0.6rem;
	padding-inline: 1rem 2.75rem;
	border: 1px solid var(--sby-line-strong);
	border-radius: 0;
	background: var(--sby-charcoal);
	color: var(--sby-ivory);
	font-size: 1rem;
	font-variant-numeric: lining-nums;
	cursor: pointer;
	transition: border-color 200ms var(--sby-ease);
}
.sby-select__input:hover { border-color: var(--sby-champagne); }
.sby-select__input:focus-visible { border-color: var(--sby-champagne); }
.sby-select__input option { background: var(--sby-charcoal); color: var(--sby-ivory); }
.sby-select__input option:disabled { color: #8c8378; }
/* חץ למטה: גבולות פיזיים בכוונה - חץ מסובב אינו כיווני (גבולות לוגיים מתהפכים ב-RTL, ראה ✓ בסינון) */
.sby-select::after {
	content: "";
	position: absolute;
	inset-inline-end: 1.1rem;
	inset-block-start: 50%;
	inline-size: 0.5rem;
	block-size: 0.5rem;
	border-right: 1px solid var(--sby-champagne);
	border-bottom: 1px solid var(--sby-champagne);
	transform: translateY(-70%) rotate(45deg);
	pointer-events: none;
}
.sby-variations__help { display: inline-flex; align-items: center; min-block-size: 24px; margin-block-start: 0.5rem; font-size: var(--sby-fs-small); }
.sby-product__sku { margin-block-start: 1rem; }

/* ---- מוצר 2ב-ה. פעולה ראשית + וואטסאפ / טלפון משניים ---- */
.sby-product__actions { display: grid; gap: 0.75rem; margin-block-start: 1.5rem; }
.sby-product__cta { inline-size: 100%; min-block-size: 56px; }
.sby-product__actions .sby-contact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.sby-product__actions .sby-contact > :only-child { grid-column: 1 / -1; }
.sby-product__actions .sby-contact .sby-button { inline-size: 100%; min-inline-size: 0; padding-inline: 0.75rem; }
/* מצב חנות: הכפתור הראשי הוא ההוספה לסל - הבירור משני */
.sby-mode-shop .sby-product__cta { background: transparent; border-color: var(--sby-champagne); color: var(--sby-champagne); }
.sby-mode-shop .sby-product__cta:hover { background: var(--sby-champagne); color: var(--sby-black); }

/* ---- מוצר 2ב-ו. רצועת אמון קומפקטית (אייקון 28px) ---- */
.sby-trust.sby-trust--compact {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 0;
	margin: 1.5rem 0 0;
	padding: 1rem 0;
	border-block: 1px solid var(--sby-line);
	text-align: start;
}
.sby-trust--compact > .sby-trust__item { display: flex; flex: 1 1 0; align-items: center; gap: 0.6rem; min-inline-size: 0; padding-inline: 0.75rem; grid-column: auto; }
.sby-trust--compact > .sby-trust__item:first-child { padding-inline-start: 0; }
.sby-trust--compact > .sby-trust__item + .sby-trust__item { border-inline-start: 1px solid var(--sby-line); }
.sby-trust--compact .sby-trust__icon { flex: none; inline-size: 28px; block-size: 28px; margin: 0; }
.sby-trust--compact .sby-trust__title { margin: 0; font-family: var(--sby-font-body); font-size: 0.9375rem; line-height: 1.35; color: var(--sby-ivory); }
.sby-trust--compact .sby-trust__title a { color: inherit; text-decoration-color: var(--sby-line-strong); }
.sby-trust--compact .sby-trust__title a:hover { color: var(--sby-champagne-light); }
@media (max-width: 599.98px) {
	.sby-trust--compact > .sby-trust__item { flex-direction: column; justify-content: flex-start; text-align: center; padding-inline: 0.4rem; }
	.sby-trust--compact > .sby-trust__item:first-child { padding-inline-start: 0.4rem; }
	.sby-trust--compact .sby-trust__title { font-size: 0.875rem; }
}

/* ---- מוצר 2ב-ז. המגירה: <dialog> מצד שמאל (inline-end ב-RTL) במחשב, גיליון תחתון מתחת ל-768 ---- */
.sby-drawer {
	position: fixed;
	inset-block: 0;
	inset-inline-start: auto;
	inset-inline-end: 0;
	margin: 0;
	padding: 0;
	inline-size: min(30rem, 100vw);
	max-inline-size: 100vw;
	block-size: 100dvh;
	max-block-size: 100dvh;
	border: 0;
	border-inline-start: 1px solid var(--sby-line-strong);
	border-radius: 0;
	background: var(--sby-charcoal);
	color: var(--sby-ivory);
	overflow: auto;
	overscroll-behavior: contain;
}
.sby-drawer::backdrop { background: rgb(0 0 0 / 0.72); }
/* כניסה: מהשמאל. translate פיזי בכוונה - המגירה יושבת פיזית בצד שמאל (האתר מימין לשמאל בלבד) */
.sby-drawer[open] { transform: none; transition: transform 260ms var(--sby-ease); }
@starting-style { .sby-drawer[open] { transform: translateX(-100%); } }
.sby-drawer__panel { display: grid; align-content: start; gap: 1.25rem; min-block-size: 100%; padding: 1.25rem 1.5rem 2rem; }
.sby-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block-end: 1rem; border-block-end: 1px solid var(--sby-line); }
.sby-drawer__title { margin: 0; font-size: var(--sby-fs-h3); color: var(--sby-white); }
.sby-drawer__close { display: inline-grid; place-items: center; flex: none; inline-size: 44px; block-size: 44px; padding: 0; border: 1px solid var(--sby-line-strong); background: transparent; color: var(--sby-champagne); transition: border-color 200ms var(--sby-ease), color 200ms var(--sby-ease); }
.sby-drawer__close:hover { border-color: var(--sby-champagne); color: var(--sby-champagne-light); }
.sby-drawer__product { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 1rem; align-items: center; }
.sby-drawer__product:not(:has(img)) { grid-template-columns: minmax(0, 1fr); }
.sby-drawer__img { inline-size: 64px; block-size: 64px; object-fit: contain; background: var(--sby-black); border: 1px solid var(--sby-charcoal-light); }
.sby-drawer__name { margin: 0; color: var(--sby-white); font-size: 1.0625rem; line-height: 1.4; }
.sby-drawer__selection { margin: 0.2rem 0 0; color: var(--sby-champagne); font-size: var(--sby-fs-small); font-variant-numeric: lining-nums; }
.sby-drawer .sby-form { grid-template-columns: minmax(0, 1fr); }
.sby-drawer .sby-form__submit { inline-size: 100%; }
.sby-drawer.is-inline { position: static; inline-size: auto; block-size: auto; max-block-size: none; margin-block-start: 2rem; border: 0; background: none; } /* דפדפן בלי <dialog> */
.sby-drawer.is-inline .sby-drawer__close { display: none; }
body.sby-drawer-open { overflow: hidden; }
@media (max-width: 767.98px) {
	.sby-drawer {
		inset-block-start: auto;
		inset-block-end: 0;
		inset-inline: 0;
		inline-size: 100vw;
		block-size: auto;
		max-block-size: 92dvh;
		border-inline-start: 0;
		border-block-start: 1px solid var(--sby-champagne);
	}
	@starting-style { .sby-drawer[open] { transform: translateY(100%); } }
	.sby-drawer__panel { padding: 1rem 1rem calc(1.5rem + env(safe-area-inset-bottom)); }
}

/* ---- מוצר 2ב-ח. אקורדיונים: מפרט (פתוח) / תיאור / מדריך מידות / משלוחים / אחריות - רצועת פחם, עמודה ממורכזת ---- */
.sby-product__accordions { background: var(--sby-charcoal); border-block: 1px solid var(--sby-line); }
.sby-product__accordions-inner { max-inline-size: calc(56rem + 2 * var(--sby-pad)); margin-inline: auto; padding: clamp(3rem, 6vw, 5rem) var(--sby-pad); }
.sby-accordion { border-block-end: 1px solid var(--sby-line); }
.sby-accordion:first-child { border-block-start: 1px solid var(--sby-line-strong); }
.sby-accordion__summary {
	position: relative;
	display: block;
	padding-block: 1.25rem;
	padding-inline: 0 3rem;
	font-family: var(--sby-font-heading);
	font-weight: var(--sby-fw-heading);
	font-size: var(--sby-fs-h3);
	line-height: 1.3;
	color: var(--sby-white);
	cursor: pointer;
	list-style: none;
	transition: color 200ms var(--sby-ease);
}
.sby-accordion__summary::-webkit-details-marker { display: none; }
/* פלוס שהופך למינוס - אותו סימן של השאלות הנפוצות */
.sby-accordion__summary::before,
.sby-accordion__summary::after {
	content: "";
	position: absolute;
	inset-inline-end: 0.5rem;
	inset-block-start: 50%;
	inline-size: 16px;
	block-size: 1px;
	background: var(--sby-champagne);
	transition: transform 250ms var(--sby-ease);
}
.sby-accordion__summary::after { transform: rotate(90deg); }
.sby-accordion[open] > .sby-accordion__summary::after { transform: rotate(0deg); }
.sby-accordion__summary:hover { color: var(--sby-champagne-light); }
.sby-accordion__summary:focus-visible { outline-offset: 4px; }
.sby-accordion__body { padding-block: 0.25rem 2rem; }
.sby-accordion__heading { margin: 0 0 0.5em; font-size: 1.375rem; color: var(--sby-champagne); }
.sby-accordion__body .sby-button { margin-block-start: 1.25rem; }
.sby-accordion--spec .sby-spec { max-inline-size: 40rem; }
/* כותרות התיאור בתוך האקורדיון: מדרגה אחת מתחת לכותרת האקורדיון (היו 38px כרצועה) */
.sby-accordion .sby-product__description .sby-section__title,
.sby-product-page .sby-accordion .sby-product__description .wp-block-group.sby-section--text > .sby-section__title { font-size: clamp(1.375rem, 1.8vw, 1.625rem); color: var(--sby-champagne); }
.sby-accordion .sby-product__description .wp-block-group.sby-section + .sby-section { margin-block-start: 2rem; }

/* ---- מוצר 2ב-ט. אותו עיצוב / דומים: 4 כרטיסים בשורה מ-1024, 2 מתחת ---- */
.sby-product-page .sby-grid.sby-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1024px) { .sby-product-page .sby-grid.sby-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem var(--sby-gap); } }
.sby-product-page .sby-section--series { border-block-end: 1px solid var(--sby-line); }
.sby-product-page .sby-section--faq + .sby-section--related { border-block-start: 1px solid var(--sby-line); }

/* ---- מוצר 2ב-י. רצועת הבית: 3 צילומים אמיתיים עם שורה ---- */
.sby-product-page .sby-section--product-house { background: var(--sby-charcoal); border-block-start: 1px solid var(--sby-line); }
.sby-house { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem var(--sby-gap); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .sby-house { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sby-house__figure { margin: 0; }
.sby-house__img { inline-size: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--sby-black); }
.sby-house__text { margin-block-start: 0.85rem; padding-block-start: 0.75rem; border-block-start: 1px solid var(--sby-line-strong); color: var(--sby-white); font-size: 1.125rem; }
.sby-house__link { color: var(--sby-white); text-decoration-color: var(--sby-champagne); }
.sby-house__link:hover { color: var(--sby-champagne-light); }

/* ---- מוצר 2ב-יא. פס דביק במחשב (56px מתחת לכותרת, מ-1024) ---- */
.sby-product-sticky {
	position: fixed;
	inset-inline: 0;
	inset-block-start: calc(var(--sby-header-height) + var(--sby-admin));
	z-index: 80; /* מתחת לכותרת (100) ולתפריט (300) */
	background: var(--sby-charcoal);
	border-block-end: 1px solid var(--sby-line-strong);
}
.sby-product-sticky__inner { display: flex; align-items: center; gap: 1rem; block-size: 56px; max-inline-size: calc(var(--sby-container) + 2 * var(--sby-pad)); margin-inline: auto; padding-inline: var(--sby-pad); }
.sby-product-sticky__img { flex: none; inline-size: 40px; block-size: 40px; object-fit: contain; background: var(--sby-black); }
.sby-product-sticky__name { flex: 1 1 auto; min-inline-size: 0; margin: 0; overflow: hidden; color: var(--sby-white); font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; }
.sby-product-sticky__price { flex: none; margin: 0; color: var(--sby-white); font-size: 1.0625rem; white-space: nowrap; }
.sby-product-sticky__price .sby-price--none { font-size: var(--sby-fs-small); }
.sby-product-sticky__cta { flex: none; min-block-size: 40px; padding-block: 0.5rem; padding-inline: 1.25rem; font-size: 0.9375rem; }
@media (max-width: 1023.98px) { .sby-product-sticky { display: none !important; } }

/* ---- מוצר 2ב-יב. הסרגל התחתון בעמוד מוצר (מתחת ל-1024): שם + מחיר, "לבירור מחיר", וואטסאפ ---- */
.sby-mobile-bar--product { grid-template-columns: minmax(0, 1fr) auto 60px; align-items: stretch; }
.sby-mobile-bar__info { display: grid; align-content: center; gap: 0.1rem; min-inline-size: 0; margin: 0; padding-inline: 1rem 0.75rem; }
.sby-mobile-bar__name { overflow: hidden; color: var(--sby-white); font-size: 0.9375rem; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }
.sby-mobile-bar__price { overflow: hidden; color: var(--sby-champagne); font-size: 0.875rem; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }
.sby-mobile-bar__price .sby-price--none { font-size: inherit; }
.sby-mobile-bar__cta { padding: 0 1.1rem; border: 0; border-radius: 0; background: var(--sby-gold-dark); color: var(--sby-black); font-size: 1rem; font-weight: 600; white-space: nowrap; transition: background-color 200ms var(--sby-ease); }
.sby-mobile-bar__cta:hover,
.sby-mobile-bar__cta:focus-visible { background: var(--sby-champagne); }
.sby-mobile-bar__cta:focus-visible { outline-offset: -4px; }
.sby-mobile-bar__wa { display: flex; align-items: center; justify-content: center; border-inline-start: 1px solid var(--sby-line-strong); color: var(--sby-champagne); }
.sby-mobile-bar__wa:hover,
.sby-mobile-bar__wa:focus-visible { color: var(--sby-champagne-light); }
.sby-mobile-bar__wa:focus-visible { outline-offset: -4px; }
.sby-mobile-bar__wa .sby-icon { inline-size: 26px; block-size: 26px; }
/* ====================== מוצר 2ב - סוף ====================== */

/* =========================================================================
 * 34. ליטוש אחרי ביקורת עיצוב 3 (25.10.2026, wordpress-developer; docs/shots/qa-v2/design-review-3.md, theme/README.md סעיף 13).
 *     תבנית 0.6.0. המספרים בסוגריים = מספרי הממצאים בביקורת (ושל QA 5 כשמצוין).
 * ====================================================================== */

/* ---- 34א. (2 + שיפור ג) כותרת רצועה עצמאית: ממורכזת, וקו שיער זהב אחד מתחתיה - הקישוט היחיד של כותרות הרצועות.
        רצועות טקסט ותמונה, תשובה, שאלות נפוצות, צעדים והמדריך בקטגוריה נשארות מיושרות להתחלה ---- */
.sby-section:is(.sby-section--product-strip, .sby-section--category-cards, .sby-section--gallery, .sby-section--trust-strip, .sby-section--contact-band, .sby-section--definition, .sby-section--visit, .sby-section--cta-band, .sby-section--product-house, .sby-section--articles) > .sby-section__title,
.sby-section:is(.sby-section--product-strip, .sby-section--category-cards, .sby-section--gallery, .sby-section--trust-strip, .sby-section--contact-band, .sby-section--definition, .sby-section--visit, .sby-section--cta-band, .sby-section--product-house, .sby-section--articles) > .sby-section__inner > .sby-section__title,
.sby-product-page .sby-section--faq .sby-section__inner > .sby-section__title {
	justify-self: center;
	margin-inline: auto !important; /* הילדים של רצועה מבלוקים מקבלים margin-inline: 0 !important (סעיף 5) */
	text-align: center;
}
.sby-section:is(.sby-section--product-strip, .sby-section--category-cards, .sby-section--gallery, .sby-section--trust-strip, .sby-section--contact-band, .sby-section--definition, .sby-section--visit, .sby-section--cta-band, .sby-section--product-house, .sby-section--articles) > .sby-section__title::after,
.sby-section:is(.sby-section--product-strip, .sby-section--category-cards, .sby-section--gallery, .sby-section--trust-strip, .sby-section--contact-band, .sby-section--definition, .sby-section--visit, .sby-section--cta-band, .sby-section--product-house, .sby-section--articles) > .sby-section__inner > .sby-section__title::after,
.sby-product-page .sby-section--faq .sby-section__inner > .sby-section__title::after {
	content: "";
	display: block;
	inline-size: 3.5rem;
	block-size: 1px;
	margin: 0.5em auto 0;
	background: var(--sby-champagne);
}
/* המבוא מתחת לכותרת הממורכזת - ממורכז, עד 60ch (רצועת פנייה והגדרה שומרות על הרוחב שלהן) */
.sby-section:is(.sby-section--product-strip, .sby-section--category-cards, .sby-section--gallery, .sby-section--trust-strip, .sby-section--contact-band, .sby-section--visit, .sby-section--product-house, .sby-section--articles) > .sby-section__title + p,
.sby-section:is(.sby-section--product-strip, .sby-section--category-cards, .sby-section--gallery, .sby-section--trust-strip, .sby-section--contact-band, .sby-section--visit, .sby-section--product-house, .sby-section--articles) > .sby-section__intro,
.sby-section:is(.sby-section--product-strip, .sby-section--category-cards, .sby-section--gallery, .sby-section--trust-strip, .sby-section--contact-band, .sby-section--visit, .sby-section--product-house, .sby-section--articles) > .sby-section__inner > .sby-section__title + p {
	justify-self: center;
	max-inline-size: 60ch;
	margin-inline: auto !important;
	text-align: center;
}

/* ---- 34ב. (6 + 7 + שיפור א) טקסט ותמונה מ-1024: התמונה נמתחת עד קצה המסך בצד שלה, בגובה הטור (cover), הטקסט נשאר בקונטיינר
        ומיושר לראש. רק ברצועה ברוחב מלא (בית, עמוד תוכן, התוכן הארוך בקטגוריה) - לא בעמודת המאמר ולא בתיאור המוצר.
        הרוחב מ-100vw כולל את פס הגלילה (עד ~8px עודף) - הסקציה חותכת אותו (overflow-x: clip), אין גלילה אופקית ---- */
@media (min-width: 1024px) {
	:is(.sby-page--home, .sby-page__content, .sby-archive__long) > .sby-section--text-image { overflow-x: clip; }
	:is(.sby-page--home, .sby-page__content, .sby-archive__long) > .sby-section--text-image .sby-text-image__cols > .sby-text-image__media {
		align-self: stretch;
		margin-inline-end: calc(-1 * max(var(--sby-pad), (100vw - var(--sby-container)) / 2)) !important;
	}
	/* הפוך (התמונה מימין): נמתחת לקצה הימני */
	:is(.sby-page--home, .sby-page__content, .sby-archive__long) > :is(.sby-section--text-image.sby-section--reverse, .sby-section--text-image + .sby-section--text-image) .sby-text-image__cols > .sby-text-image__media {
		margin-inline-end: 0 !important;
		margin-inline-start: calc(-1 * max(var(--sby-pad), (100vw - var(--sby-container)) / 2)) !important;
	}
	:is(.sby-page--home, .sby-page__content, .sby-archive__long) > .sby-section--text-image .sby-text-image__media figure,
	:is(.sby-page--home, .sby-page__content, .sby-archive__long) > .sby-section--text-image .sby-text-image__media .wp-block-image {
		aspect-ratio: auto;
		block-size: 100%;
		min-block-size: clamp(26rem, 34vw, 40rem);
	}
}

/* ---- 34ג. (5) ביניים: צילומי הסטודיו על רקע אפור בהיר מעומעמים, כדי שהתכשיט יישאר הדבר הבהיר במסך. לא על תמונות קטלוג (שחור טהור) ---- */
.sby-text-image__media img,
.sby-category-cards--wide .sby-category-card__img,
.sby-gallery-grid img,
.sby-section--ring-sizer-teaser img { filter: brightness(0.85) contrast(1.06) saturate(0.95); }

/* ---- 34ד. (8 + 17) ראש עמוד תוכן עם תמונה (עיצוב אישי, צור קשר, מאמר, מד טבעת, המורשת, יהלומים): רצועת תמונה ברוחב המסך,
        אותה שכבה ושיפועים של ההירו, ה-H1 על התמונה בצד ימין-למטה. בלי קופסה ובלי מסגרת. בלי תמונה (תודה, 404, משפטי) - ללא שינוי.
        ניגודיות על פיקסל לבן: 54% כיסוי לטקסט גוף, 42% ל-H1. מתחת ל-1024 (שכבה 35%): בגובה ה-H1 (~45% מלמטה) 1-(0.65 x 0.55) = 64%;
        מ-1024 (שכבה 25% + שיפוע צד): 1-(0.75 x 0.55 x 0.89) = 63% בקצה השורה. שורת המשנה נמוכה יותר - 80% ומעלה, ולכן בשנהב ---- */
.sby-section.sby-page__header.sby-page__header--media {
	isolation: isolate;
	display: grid;
	align-content: end;
	min-block-size: min(60svh, 480px);
	padding-block: 5rem clamp(2.25rem, 5vw, 3.75rem);
	overflow: clip;
	background: var(--sby-black);
	border-block-end: 0;
}
@media (min-width: 768px) { .sby-section.sby-page__header.sby-page__header--media { min-block-size: min(70vh, 640px); } }
.sby-page__header--media > .sby-page__header-inner { inline-size: 100%; } /* פריט רשת עם margin auto מתכווץ לתוכן - רוחב מלא עד הקונטיינר */
.sby-page__header--media .sby-page__heading { position: relative; z-index: 1; }
.sby-page__header.sby-page__header--media .sby-page__media { position: absolute; inset: 0; z-index: 0; margin: 0; }
.sby-page__header--media .sby-page__img {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: none;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: 50% 40%;
}
.sby-page__header--media .sby-page__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(to top, #000 0%, rgb(0 0 0 / 0.62) 28%, rgb(0 0 0 / 0.32) 58%, rgb(0 0 0 / 0) 82%),
		rgb(0 0 0 / 0.35);
}
.sby-page__header--media .sby-page__title { color: var(--sby-white); }
.sby-page__header--media .sby-page__sub { color: var(--sby-ivory); }
@media (min-width: 1024px) {
	.sby-page__header--media .sby-page__heading { grid-column: 1 / span 7; }
	/* RTL: physical intentional - הטקסט בצד ימין, השיפוע מתחיל מהקצה הימני (כמו בהירו) */
	.sby-page__header--media .sby-page__media::after {
		background:
			linear-gradient(to top, #000 0%, rgb(0 0 0 / 0.62) 28%, rgb(0 0 0 / 0.32) 58%, rgb(0 0 0 / 0) 82%),
			linear-gradient(to left, rgb(0 0 0 / 0.4) 0%, rgb(0 0 0 / 0) 55%),
			rgb(0 0 0 / 0.25);
	}
}

/* ---- 34ה. (9) עמוד מוצר: השאלות הנפוצות על שחור אחרי האקורדיונים (פחם), באותה עמודה (56rem), הכותרת ממורכזת מעל.
        כשיש "אותו עיצוב" (שחור) בין האקורדיונים לשאלות - השאלות נשארות בפחם, כדי שהסירוגין יישמר ---- */
.sby-product-page .sby-product__accordions + .sby-section--faq { background: var(--sby-black); }
.sby-product-page .sby-section--faq .sby-section__inner { display: block; max-inline-size: calc(56rem + 2 * var(--sby-pad)); margin-inline: auto; }
.sby-product-page .sby-section--faq .sby-section__inner > .sby-section__title { position: static; }

/* ---- 34ו. (10 + QA 5 #15) עיגול מתכת לא זמין: הצבע נשאר (שקיפות 55%) + קו אלכסוני דק. ב-390 שם המתכת מתחת לכל עיגול ---- */
.sby-swatch--metal.is-unavailable::after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	inline-size: 34px;
	block-size: 1px;
	background: var(--sby-champagne);
	transform: rotate(-45deg); /* RTL: physical intentional - קו אלכסוני סימטרי, לא כיווני */
	pointer-events: none;
}
@media (max-width: 599.98px) {
	.sby-variations__group--metal .sby-variations__options { gap: 0.75rem; align-items: flex-start; }
	.sby-swatch--metal { flex-direction: column; justify-content: flex-start; gap: 0.4rem; inline-size: auto; min-inline-size: 4.25rem; block-size: auto; padding: 0.3rem 0.25rem; border: 0; border-radius: 0; }
	.sby-swatch--metal .sby-swatch__dot { outline: 1px solid transparent; outline-offset: 5px; transition: outline-color 200ms var(--sby-ease); }
	.sby-swatch--metal:hover .sby-swatch__dot { outline-color: var(--sby-line-hover); }
	.sby-swatch--metal:has(:checked) .sby-swatch__dot { outline-color: var(--sby-champagne); }
	.sby-swatch--metal.is-unavailable .sby-swatch__dot { outline: 1px dashed #5a4e40; }
	.sby-swatch--metal:has(:checked).is-unavailable .sby-swatch__dot { outline-color: var(--sby-champagne); }
	.sby-swatch--metal .sby-swatch__label.sby-visually-hidden {
		position: static !important;
		inline-size: auto;
		block-size: auto;
		overflow: visible;
		clip-path: none;
		white-space: normal;
		max-inline-size: 5.5rem;
		color: var(--sby-ivory);
		font-size: 0.8125rem;
		line-height: 1.25;
		text-align: center;
	}
	.sby-swatch--metal:has(:checked) .sby-swatch__label { color: var(--sby-champagne-light); }
	.sby-swatch--metal.is-unavailable::after { inset-block: calc(0.3rem + 16px) auto; margin-block: 0; }
}

/* ---- 34ז. (11א) עמודי הרשימה: הכותרת העליונה ברוחב 1,600 כמו הפירורים והרשת - הלוגו, הפירורים והסרגל על אותו קצה ---- */
body.tax-product_cat .sby-header__inner,
body.tax-product_tag .sby-header__inner,
body.post-type-archive-product .sby-header__inner,
body:has(.sby-archive) .sby-header__inner { max-inline-size: calc(1600px + 2 * var(--sby-pad)); }

/* ---- 34ח. (13) המדריך בקטגוריה: כל פרק זוגי הוא טקסט ותמונה - הטקסט מימין, תמונת קטלוג משמאל, מיושרים לראש (inc/listing.php,
        sby_archive_guide_figures). mix-blend-mode: lighten - השחור של צילום הקטלוג נבלע ברקע הרצועה (שחור או פחם) בלי מלבן ---- */
.sby-guide__text > * { margin-block: 0; }
.sby-guide__text > * + * { margin-block-start: 1.1em; }
.sby-guide__text > .sby-section__title { margin-block-end: 0.55em; }
.sby-guide__text > .sby-section__title + * { margin-block-start: 0; }
.sby-guide__text > p { max-inline-size: 60ch; }
.sby-guide__text > .sby-answer__block { padding-inline-start: 1.75rem; border-inline-start: 1px solid var(--sby-champagne); }
.sby-archive__long > .wp-block-group.sby-section > .sby-guide__figure { justify-self: center; inline-size: 100%; max-inline-size: 24rem; margin: 2rem 0 0; }
.sby-guide__link { display: block; overflow: clip; }
.sby-guide__img { inline-size: 100%; block-size: auto; aspect-ratio: 1; object-fit: contain; mix-blend-mode: lighten; transition: transform 700ms var(--sby-ease); }
.sby-guide__link:hover .sby-guide__img,
.sby-guide__link:focus-visible .sby-guide__img { transform: scale(1.03); }
.sby-guide__link:focus-visible { outline-offset: 4px; }
@media (min-width: 1024px) {
	.sby-archive__long > .wp-block-group.sby-section--guide-media { align-items: start; }
	/* סגוליות (0,6,0): גוברת על חוקי הווריאנטים של רצועת answer (3n: `> :not(.sby-section__title):not(.sby-answer__block)` = (0,5,0)),
	   שאחרת נתנו לטקסט ולתמונה את אותה עמודה 4-9 והם נערמו זה על זה בפרק 6 (נתפס בצילום v3-1, 25.10) */
	.sby-archive__long > .wp-block-group.sby-section.sby-section--answer.sby-section--guide-media > .sby-guide__text { grid-column: 1 / span 7; grid-row: 1; }
	.sby-archive__long > .wp-block-group.sby-section.sby-section--answer.sby-section--guide-media > .sby-guide__figure { grid-column: 9 / span 4; grid-row: 1; justify-self: stretch; max-inline-size: none; margin: 0 !important; }
}

/* ---- 34ח2. פריטים רחבים (צמידים): כרטיס ריבועי והתמונה מוגדלת 1.2 - החיתוך הוא רק הקנבס השחור של תמונת 4:5 (sby_term_is_wide).
        בלי זה צמיד הוא פס דק באמצע קופסה כמעט ריקה (צילומי v3-2, 25.10; החלטת הסשן, לביקורת אור) ---- */
.sby-grid--wide .sby-card__media { aspect-ratio: 1 / 1; }
.sby-grid--wide .sby-card__img { object-fit: cover; transform: scale(1.2); }
.sby-grid--wide .sby-card__link:hover .sby-card__img,
.sby-grid--wide .sby-card__link:focus-visible .sby-card__img { transform: scale(1.25); }

/* ---- 34ט. (14) רשת הארכיון: רווח שורות 2.5rem (היה 3.5rem מ-1280) ---- */
.sby-grid.sby-grid--archive { row-gap: 2.5rem; }
.sby-card__price .sby-price--none { font-size: inherit; }


/* ---- 34יא. (שיפור ב) הבית: אריחי הקטגוריות עולים על תחתית ההירו (5rem; 3rem מתחת ל-1024). הרקע מתחיל שקוף - ההירו נגמר בשיפוע לשחור -
        ומתמלא לפחם (הסירוגין: הירו שחור, קטגוריות פחם, דגמים שחור). הכותרת מתחילה מתחת לקצה ההירו ולא בתוך השיפוע ---- */
.sby-page--home > .sby-section--hero-video + .sby-section--category-cards {
	position: relative;
	z-index: 2;
	margin-block-start: -3rem;
	padding-block-start: calc(3rem + 1rem);
	border-block-start: 0;
	background: linear-gradient(to bottom, rgb(15 13 11 / 0) 0, var(--sby-charcoal) 7rem);
}
@media (min-width: 1024px) {
	.sby-page--home > .sby-section--hero-video + .sby-section--category-cards {
		margin-block-start: -5rem;
		padding-block-start: calc(5rem + clamp(1rem, 2vw, 2rem));
		background: linear-gradient(to bottom, rgb(15 13 11 / 0) 0, var(--sby-charcoal) 10rem);
	}
	/* כפתור השהיית הסרטון יושב 1.5rem מתחתית ההירו - עולה מעל האזור שהרצועה מכסה, אחרת הלחיצה נבלעת */
	.sby-page--home > .sby-section--hero-video:has(+ .sby-section--category-cards) .sby-hero__video-toggle { inset-block-end: calc(5rem + 1.5rem); }
}

/* ---- 34יב. (QA 5 #14) "מדריך קצר": הכותרת מאוזנת; תוכן העניינים בלי מפרידים - רווח בלבד, כך ששורה שנייה לא מתחילה בקו ---- */
.sby-archive__guide-title { text-wrap: balance; }
.sby-archive__toc-list { gap: 0 2rem; }
.sby-archive__toc-list li + li::before { display: none; }