/* =====================================================================
   CINIL — "התפר"
   הדף מפוצל לאורכו: ימין = המפעל (נייר, מסמך מוקלד), שמאל = השוק (דיו, טיפוגרפיה גדולה).
   שני הטורים נשארים מופרדים עד שלב 6 בתהליך, שם הם מתמזגים לשדה אדום אחד.
   כל המרווחים בתכונות לוגיות. אין צללים, אין גרדיאנטים, אין אנימציה חוץ מהמיזוג.
   ===================================================================== */

:root {
	--paper: #EDE7DB;
	--ink: #111111;
	--ink-2: #5A5A5A;            /* משני על נייר, 5.2:1 */
	--cream: #F4EFE6;
	--cream-72: rgba(244, 239, 230, 0.72);
	--red: #C8102E;
	--red-deep: #A30D25;
	--rule: rgba(17, 17, 17, 0.28);
	--rule-cream: rgba(244, 239, 230, 0.28);

	--f-display: "Frank Ruhl Libre", "Times New Roman", serif;
	--f-body: "Heebo", "Segoe UI", Arial, sans-serif;
	--f-doc: "Miriam Libre", "Courier New", monospace;
	--f-cjk: "Noto Sans SC", "WenQuanYi Zen Hei", sans-serif;

	--s-8: 8px; --s-16: 16px; --s-24: 24px; --s-32: 32px; --s-40: 40px; --s-48: 48px; --s-64: 64px; --s-96: 96px; --s-128: 128px;
	--gutter: 20px;
	--content: 1280px;
	--measure: 68ch;
	--edge: max(var(--gutter), calc((100vw - var(--content)) / 2 + var(--s-32)));

	--fs-body: 1.0625rem;
	--fs-small: 0.9375rem;
	--fs-doc: 0.9375rem;
	--fs-lead: clamp(1.125rem, 1.05rem + 0.45vw, 1.375rem);
	--fs-h1: clamp(2.5rem, 1.1rem + 5.6vw, 6rem);
	--fs-h2: clamp(1.875rem, 1.2rem + 2.4vw, 3.5rem);
	--fs-h3: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
	--fs-num: clamp(5rem, 2rem + 14vw, 13rem);

	--theme-font-family: var(--f-body);
	--theme-line-height: 1.75;
	--theme-content-spacing: 0px;
	--theme-container-edge-spacing: 0px;
	--theme-normal-container-max-width: var(--content);
	--theme-button-border-radius: 2px;
}

/* ---------- בסיס ---------- */
html { background: var(--paper); letter-spacing: 0; scroll-behavior: smooth; scroll-padding-block-start: 88px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { font-family: var(--f-body); font-size: var(--fs-body); line-height: 1.75; color: var(--ink); background: var(--paper) !important; --theme-site-background: var(--paper); letter-spacing: 0 !important; -webkit-font-smoothing: antialiased; }
*, *::before, *::after { letter-spacing: 0 !important; box-shadow: none !important; text-shadow: none !important; }
#main-container, main.site-main, .ct-container-full, .ct-container, [data-content] { background: transparent; }
::selection { background: var(--red); color: var(--cream); }
.ink ::selection, .market ::selection, .cinil-footer ::selection { background: var(--cream); color: var(--ink); }

h1, h2, h3, h4 { margin: 0; color: inherit; text-wrap: balance; overflow-wrap: anywhere; }
h1 { font-family: var(--f-display); font-weight: 900; font-size: var(--fs-h1); line-height: 1.02; }
h2 { font-family: var(--f-display); font-weight: 900; font-size: var(--fs-h2); line-height: 1.08; }
h3 { font-family: var(--f-body); font-weight: 700; font-size: var(--fs-h3); line-height: 1.3; }
h4 { font-family: var(--f-body); font-weight: 700; font-size: var(--fs-body); line-height: 1.5; }
p, li { max-width: var(--measure); }
p { margin: 0; }
p + p { margin-block-start: 1em; }
a { color: var(--red); text-decoration: underline; text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
.ink a:not(.btn), .market a:not(.btn), .cinil-footer a:not(.btn) { color: var(--cream); text-decoration-color: var(--red); text-decoration-thickness: 2px; }
img, video, figure { max-width: 100%; height: auto; display: block; border-radius: 0; }
hr { border: 0; border-block-start: 1px solid var(--rule); margin: 0; }

:focus { outline: none; }
:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, .ct-menu-link:focus-visible, .ct-header-trigger:focus-visible, .ct-toggle-close:focus-visible, .ct-button:focus-visible { outline: 3px solid var(--red) !important; outline-offset: 3px; }
.ink :focus-visible, .market :focus-visible, .merge :focus-visible, .cinil-footer :focus-visible { outline-color: var(--cream) !important; }
.skip-link { position: absolute; inset-block-start: -100px; inset-inline-start: var(--s-16); z-index: 1000; background: var(--ink); color: var(--cream); padding: var(--s-8) var(--s-16); font-weight: 700; }
.skip-link:focus { inset-block-start: var(--s-16); clip: auto; width: auto; height: auto; }

/* ---------- כפתורים ---------- */
.btn, .wp-block-button__link, .ct-button, .wpcf7-submit {
	display: inline-block; font-family: var(--f-body); font-size: var(--fs-body); font-weight: 700; line-height: 1.3;
	padding: 15px 26px; min-height: 48px; border-radius: 2px; border: 2px solid var(--red); background: var(--red); color: var(--cream);
	text-decoration: none; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.btn:hover, .wp-block-button__link:hover, .ct-button:hover, .wpcf7-submit:hover { background: var(--red-deep); border-color: var(--red-deep); color: var(--cream); text-decoration: none; }
.btn--ghost, .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):not(.has-background) { background: transparent; color: var(--ink); border-color: var(--ink); }
.btn--ghost:hover, .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):not(.has-background):hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.ink .btn--ghost, .market .btn--ghost, .ink .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) { color: var(--cream); border-color: var(--cream); }
.ink .btn--ghost:hover, .market .btn--ghost:hover { background: var(--cream); color: var(--ink); }
.merge .btn { background: var(--cream); color: var(--ink); border-color: var(--cream); }
.merge .btn:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.wp-block-buttons, .actions { display: flex; flex-wrap: wrap; gap: var(--s-16); }
.wp-block-button { margin: 0; }

/* ---------- מבנה ---------- */
.ct-container, .ct-container-full, .ct-container-narrow { max-width: none; padding-inline: 0; }
.ct-container-full[data-vertical-spacing] { padding-block: 0; }
.entry-content > * { margin-block: 0; }
.entry-content { --wp--style--block-gap: 0; }
.entry-content.is-layout-constrained > * { max-width: none; margin-inline: 0; }
.entry-content > .alignfull { margin-inline: 0; max-width: none; width: 100%; }
article.page { margin: 0; }
.wrap { width: 100%; max-width: var(--content); margin-inline: auto; padding-inline: var(--gutter); box-sizing: border-box; }
@media (min-width: 1000px) { .wrap { padding-inline: var(--s-32); } }

/* התפר: שני טורים. ימין (start) = מפעל/נייר, שמאל (end) = שוק/דיו. */
.seam { display: grid; grid-template-columns: 1fr; width: 100%; }
.factory { background: var(--paper); color: var(--ink); position: relative; }
.market  { background: var(--ink); color: var(--cream); position: relative; }
.factory, .market { padding-block: var(--s-48); padding-inline: var(--gutter); box-sizing: border-box; min-width: 0; }
/* בערימה (נייד): קודם הטיעון (שוק), אחר כך הראיה (מסמך) */
@media (max-width: 767.98px) { .seam > .market { order: -1; } .factory { padding-inline-end: 44px; } /* מקום לטקסטורה הסינית בשוליים */ }
@media (min-width: 768px) {
	.seam { grid-template-columns: 1fr 1fr; }
	.factory { padding-inline: var(--edge) var(--s-40); }
	.market  { padding-inline: var(--s-40) var(--edge); }
}
@media (min-width: 1000px) { .factory, .market { padding-block: var(--s-64); } }
.full--paper { background: var(--paper); color: var(--ink); }
.full--ink { background: var(--ink); color: var(--cream); }

/* טקסטורה סינית בשולי טור המפעל — דקורטיבית, aria-hidden */
.cjk::before { content: attr(data-cjk); }
.cjk { position: absolute; inset-block-start: var(--s-16); inset-inline-end: 6px; writing-mode: vertical-rl; font-family: var(--f-cjk); font-size: 22px; line-height: 1; color: var(--ink); opacity: .11; pointer-events: none; user-select: none; max-height: calc(100% - var(--s-32)); overflow: hidden; }
@media (min-width: 768px) { .cjk { font-size: 28px; inset-inline-end: 12px; } }
.factory > *:not(.cjk) { position: relative; }

/* ---------- המסמך (צד המפעל) ---------- */
.doc { font-family: var(--f-doc); font-size: var(--fs-doc); line-height: 1.55; font-variant-numeric: tabular-nums; max-width: 560px; }
.doc p, .doc li { max-width: none; }
.doc__head { display: flex; justify-content: space-between; gap: var(--s-16); border-block-end: 2px solid var(--ink); padding-block-end: var(--s-8); margin-block-end: var(--s-16); font-weight: 700; }
.doc__head span:last-child { color: var(--ink-2); font-weight: 400; }
.doc__rows { margin: 0; padding: 0; list-style: none; }
.doc__row { display: grid; grid-template-columns: minmax(96px, 36%) 1fr; gap: var(--s-16); padding-block: 9px; border-block-end: 1px solid var(--rule); align-items: baseline; }
.doc__row:first-child { border-block-start: 1px solid var(--rule); }
.doc__k { color: var(--ink-2); }
.doc__v { color: var(--ink); }
.doc__v--big { font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
.doc__note { margin-block-start: var(--s-16); color: var(--ink-2); }
.doc__sec { margin-block-start: var(--s-24); padding-block-start: var(--s-8); border-block-start: 2px solid var(--ink); font-weight: 700; }
.box { display: inline-block; inline-size: 12px; block-size: 12px; border: 1.5px solid var(--ink); vertical-align: -1px; margin-inline-end: 8px; position: relative; }
.box--on::after { content: ""; position: absolute; inset: 2px; background: var(--ink); }
.stamp { display: inline-block; font-family: var(--f-doc); font-weight: 700; color: var(--red); border: 3px solid var(--red); padding: 6px 12px; line-height: 1.1; transform: rotate(-6deg); font-size: 1.125rem; }
.stamp--block { margin-block-start: var(--s-24); }
.doc__code { font-family: var(--f-doc); font-weight: 700; font-size: clamp(2.5rem, 1rem + 6vw, 5.5rem); line-height: 1; color: var(--ink); }

/* ---------- פלייסהולדרים — מעוצבים, לא מוסתרים ---------- */
.ph { display: inline-block; font-family: var(--f-doc); font-size: 0.85em; color: var(--ink-2); border-block-end: 1.5px dashed var(--ink-2); padding-inline: 4px; white-space: nowrap; }
.ph::before { content: "להשלים: "; }
.market .ph, .ink .ph, .merge .ph, .cinil-footer .ph { color: var(--cream); border-color: var(--cream-72); }
.ph-frame { display: grid; place-items: center; text-align: center; min-height: 260px; border: 1.5px dashed var(--ink-2); padding: var(--s-24); box-sizing: border-box; position: relative; }
.ph-frame::before { content: ""; position: absolute; inset: 10px; border: 1px solid var(--rule); pointer-events: none; }
.ph-frame p { max-width: 32ch; margin: 0; font-family: var(--f-doc); font-size: var(--fs-doc); color: var(--ink-2); line-height: 1.5; }
.ph-frame strong { display: block; color: var(--ink); font-size: 1.0625rem; margin-block-end: 6px; }
.market .ph-frame { border-color: var(--cream-72); }
.market .ph-frame::before { border-color: var(--rule-cream); }
.market .ph-frame p { color: var(--cream-72); font-family: var(--f-body); }
.market .ph-frame strong { color: var(--cream); font-family: var(--f-display); font-weight: 900; font-size: 1.5rem; }
@media (min-width: 1000px) { .ph-frame { min-height: 360px; } }

/* ---------- צד השוק ---------- */
.lead { font-size: var(--fs-lead); line-height: 1.6; }
.market .muted, .ink .muted { color: var(--cream-72); }
.muted { color: var(--ink-2); }
.market h2 + p, .market h1 + p { margin-block-start: var(--s-24); }
.market .actions { margin-block-start: var(--s-32); }
.num { font-family: var(--f-display); font-weight: 900; font-size: var(--fs-num); line-height: .8; color: var(--cream); display: block; }

/* ---------- 1. סרגל עליון ---------- */
header#header, header#header [data-row], header#header [data-row] > div, header#header [data-device] { background: var(--paper) !important; }
header#header { position: sticky; inset-block-start: 0; z-index: 100; border-block-end: 1px solid var(--rule); }
header#header [data-row] > .ct-container { max-width: var(--content); padding-inline: var(--gutter); margin-inline: auto; min-height: 64px; }
@media (min-width: 1000px) { header#header [data-row] > .ct-container { padding-inline: var(--s-32); min-height: 76px; } }
header#header [data-row][data-column-set] > .ct-container > [data-column] { min-height: 0; }
header#header [data-device="desktop"] [data-column="end"] [data-items] { gap: var(--s-32); }
.site-title { font-family: var(--f-display); font-size: 1.75rem; font-weight: 900; line-height: 1; }
.site-title a { color: var(--ink); text-decoration: none; letter-spacing: 0.06em !important; }
header#header .menu > li > a.ct-menu-link { font-size: 1rem; color: var(--ink); text-decoration: none; padding-block: var(--s-8); --theme-link-initial-color: var(--ink); --theme-link-hover-color: var(--ink); }
header#header .menu > li > a.ct-menu-link:hover, header#header .menu > li.current-menu-item > a.ct-menu-link { text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 2px; text-underline-offset: 6px; }
header#header .menu > li.current-menu-item > a.ct-menu-link { font-weight: 700; }
header#header .ct-header-cta .ct-button { padding: 10px 18px; min-height: 44px; font-size: var(--fs-small); }
.ct-header-trigger { color: var(--ink); min-width: 44px; min-height: 44px; }
#offcanvas, #offcanvas .ct-panel-inner, #offcanvas .ct-panel-content, #offcanvas .ct-panel-actions { background: var(--paper) !important; color: var(--ink); --theme-background: var(--paper); }
#offcanvas .mobile-menu a.ct-menu-link { font-family: var(--f-display); font-weight: 900; font-size: 1.75rem; color: var(--ink); padding-block: var(--s-16); text-decoration: none; border-block-end: 1px solid var(--rule); }
#offcanvas .ct-header-cta { margin-block-start: var(--s-24); }
#offcanvas .ct-toggle-close { color: var(--ink); }

/* ---------- 2. פתיחה ---------- */
.hero .market { padding-block: var(--s-48) var(--s-64); }
.hero .market h1 { margin-inline-start: -0.04em; }
.hero .market .lead { margin-block-start: var(--s-32); max-width: 52ch; }
.hero .factory { display: flex; flex-direction: column; justify-content: space-between; gap: var(--s-48); }
@media (min-width: 1000px) { .hero .market { padding-block: var(--s-64) var(--s-96); } }

/* ---------- 3. הפער ---------- */
.gap .market h2 { font-size: clamp(2rem, 1.2rem + 3.2vw, 4.25rem); }
.gap .market p { margin-block-start: var(--s-24); }
.gap .factory { display: flex; flex-direction: column; justify-content: center; }
.gap .doc { margin-block-start: var(--s-16); }

/* ---------- 4. לפני / אחרי ---------- */
.ba .factory, .ba .market { padding-block: var(--s-48); }
.ba .factory h2 { font-family: var(--f-doc); font-weight: 700; font-size: 1.125rem; }
.ba .market h2 { font-size: var(--fs-h2); }
.ba .ph-frame { margin-block: var(--s-24); }
.ba .market .ph-frame { min-height: 320px; }

/* ---------- 5. מחיר ---------- */
.fees .market .lead { max-width: 46ch; }
.fees .market .say { margin-block-start: var(--s-48); font-family: var(--f-display); font-weight: 900; font-size: clamp(1.5rem, 1rem + 2vw, 2.75rem); line-height: 1.15; max-width: 22ch; }
.fees .doc__row { grid-template-columns: 1fr; gap: 4px; padding-block: var(--s-16); }
.fees .doc__k { color: var(--ink); font-weight: 700; }
.fees .doc__v { color: var(--ink-2); }
.fees .doc__v strong { color: var(--ink); font-weight: 700; }

/* ---------- 6. כשמשהו משתבש ---------- */
.qc .factory { display: flex; flex-direction: column; justify-content: center; }

/* ---------- 7. מי אנחנו ---------- */
.who .factory .ph-frame { min-height: 300px; }
.who .market .lead { max-width: 48ch; }

/* ---------- 8. התהליך — הטורים רצים במקביל, שלב 6 מתמזג ---------- */
.process-head .factory, .process-head .market { padding-block-end: var(--s-24); }
.process-head h2 { font-size: clamp(2rem, 1.2rem + 3.6vw, 4.5rem); }
.process-head p { margin-block-start: var(--s-16); }
.step .factory { padding-block: var(--s-32); }
.step .market { padding-block: var(--s-32); display: grid; grid-template-columns: auto 1fr; column-gap: var(--s-24); align-items: start; }
.step .market .num { grid-row: 1 / 3; }
.step .market h3 { font-family: var(--f-display); font-weight: 900; font-size: var(--fs-h3); line-height: 1.1; padding-block-start: .3em; }
.step .market p { grid-column: 2; margin-block-start: var(--s-8); max-width: 42ch; }
.step .doc__head { font-size: 1.125rem; }
.step .doc__v--big { font-size: clamp(1.5rem, 1rem + 2vw, 2.5rem); }
@media (min-width: 768px) { .step .factory, .step .market { padding-block: var(--s-48); } }
.step + .step .factory { border-block-start: 1px solid var(--rule); }
.step + .step .market { border-block-start: 1px solid var(--rule-cream); }

/* המיזוג. לפני: שני חצאים על הרקע של כל טור. אחרי: שדה אדום אחד. התנועה היחידה בדף. */
.merge { position: relative; display: grid; grid-template-columns: 1fr; color: var(--cream); overflow: hidden; }
.merge__half { padding: var(--s-48) var(--gutter); box-sizing: border-box; min-width: 0; position: relative; transition: background-color .7s cubic-bezier(.16, 1, .3, 1), color .7s cubic-bezier(.16, 1, .3, 1); }
.merge__half--factory { background: var(--paper); color: var(--ink); }
.merge__half--market  { background: var(--ink); color: var(--cream); }
.merge.is-merged .merge__half--factory, .merge.is-merged .merge__half--market { background: var(--red); color: var(--cream); }
.merge__seam { position: absolute; inset-block: 0; inset-inline-start: 50%; width: 2px; background: var(--cream); opacity: 0; transition: opacity .7s ease; pointer-events: none; }
@media (min-width: 768px) {
	.merge { grid-template-columns: 1fr 1fr; }
	.merge__half--factory { padding-inline: var(--edge) var(--s-40); }
	.merge__half--market  { padding-inline: var(--s-40) var(--edge); }
	.merge__seam { opacity: 1; }
	.merge.is-merged .merge__seam { opacity: 0; }
}
@media (min-width: 1000px) { .merge__half { padding-block: var(--s-96); } }
.merge .num { color: inherit; transform: translateY(12px); transition: transform .7s cubic-bezier(.16, 1, .3, 1); }
.merge.is-merged .num { transform: none; }
.merge .doc { color: inherit; }
.merge.is-merged .doc__head, .merge.is-merged .doc__sec { border-color: var(--cream); }
.merge.is-merged .doc__row { border-color: var(--rule-cream); }
.merge.is-merged .doc__k, .merge.is-merged .doc__note, .merge.is-merged .doc__head span:last-child { color: var(--cream); } /* על אדום: קרם מלא בלבד (72% נופל ל-3.2:1) */
.merge.is-merged .doc__v { color: var(--cream); }
.merge.is-merged .box { border-color: var(--cream); }
.merge.is-merged .box--on::after { background: var(--cream); }
.merge.is-merged .stamp { color: var(--cream); border-color: var(--cream); }
.merge__half--market h3 { font-family: var(--f-display); font-weight: 900; font-size: clamp(2rem, 1.2rem + 3vw, 4rem); line-height: 1.05; margin-block-start: var(--s-16); }
.merge__half--market p { margin-block-start: var(--s-24); max-width: 44ch; }
@media (prefers-reduced-motion: reduce) {
	.merge__half, .merge__seam, .merge .num { transition: none !important; }
	.merge .merge__half--factory, .merge .merge__half--market { background: var(--red); color: var(--cream); }
	.merge__seam { opacity: 0 !important; }
	.merge .num { transform: none; }
}
.process-note { padding-block: var(--s-32); }
.process-note p { font-family: var(--f-doc); font-size: var(--fs-doc); color: var(--ink-2); max-width: 70ch; }

/* ---------- 9. שאלות נפוצות + סגירה (אחרי המיזוג: טור אחד) ---------- */
.after { padding-block: var(--s-64); }
@media (min-width: 1000px) { .after { padding-block: var(--s-96); } }
.after__grid { display: grid; grid-template-columns: 1fr; gap: var(--s-48); }
@media (min-width: 1000px) { .after__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-96); align-items: start; } }
.faq { margin-block-start: var(--s-24); max-width: var(--measure); }
.faq details { border-block-start: 1px solid var(--rule); padding: 0; margin: 0; max-width: none; }
.faq details:last-of-type { border-block-end: 1px solid var(--rule); }
.faq summary { cursor: pointer; font-weight: 700; line-height: 1.5; padding-block: var(--s-16); padding-inline-end: var(--s-32); position: relative; list-style: none; text-wrap: balance; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; position: absolute; inset-inline-end: 4px; inset-block-start: calc(var(--s-16) + .55em); inline-size: 12px; block-size: 12px; border-inline-end: 2px solid var(--ink); border-block-end: 2px solid var(--ink); transform: translateY(-60%) rotate(-45deg); transition: transform .2s ease; }
.faq details[open] summary::after { transform: translateY(-10%) rotate(135deg); }
.faq details > *:not(summary) { padding-block-end: var(--s-24); }
.faq details p { margin: 0; }
.close h2 { font-size: clamp(1.5rem, 1rem + 2vw, 3rem); line-height: 1.2; }
.close .form { margin-block-start: var(--s-32); max-width: 560px; }

/* ---------- טופס (CF7) ---------- */
.wpcf7 form { display: grid; gap: var(--s-24); }
.wpcf7 form > p, .wpcf7 fieldset { margin: 0; max-width: none; border: 0; padding: 0; min-inline-size: 0; }
.cinil-field label, .cinil-field legend { display: block; font-weight: 700; margin-block-end: var(--s-8); padding: 0; }
.cinil-field .cinil-optional { font-weight: 400; color: var(--ink-2); }
.wpcf7-form-control-wrap { display: block; }
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea {
	display: block; width: 100%; box-sizing: border-box; font: inherit; font-family: var(--f-doc); color: var(--ink); background: var(--cream);
	border: 1.5px solid var(--ink); border-radius: 2px; padding: 12px 14px; min-height: 48px; caret-color: var(--red);
}
.wpcf7 textarea { min-height: 128px; resize: vertical; }
.wpcf7 .wpcf7-radio { display: grid; gap: var(--s-8); }
.wpcf7 .wpcf7-radio .wpcf7-list-item { margin: 0; display: block; }
.wpcf7 .wpcf7-radio label { display: flex; align-items: flex-start; gap: var(--s-8); font-weight: 400; cursor: pointer; margin: 0; }
.wpcf7 .wpcf7-radio input[type="radio"] { inline-size: 20px; block-size: 20px; margin: 4px 0 0; accent-color: var(--red); flex: none; }
.wpcf7 .wpcf7-not-valid { border-color: var(--red); border-width: 2px; }
.wpcf7 .wpcf7-not-valid-tip { display: block; color: var(--red); font-size: var(--fs-small); margin-block-start: var(--s-8); font-weight: 700; }
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output { display: none; }
.wpcf7 .wpcf7-response-output { margin: 0; padding: var(--s-16) var(--s-24); border: 2px solid var(--ink); font-weight: 700; max-width: none; }
.wpcf7 form.sent .wpcf7-response-output { background: var(--ink); color: var(--cream); font-family: var(--f-display); font-size: 1.5rem; font-weight: 900; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: var(--red); }
.wpcf7 form.sent .cinil-form-fields { display: none; }
.wpcf7-spinner { display: none; }
.wpcf7-submit { width: 100%; }
@media (min-width: 700px) { .wpcf7-submit { width: auto; } }

/* ---------- פוטר — קולופון מוקלד על דיו ---------- */
.cinil-footer { background: var(--ink); color: var(--cream); padding-block: var(--s-48); font-family: var(--f-doc); font-size: var(--fs-doc); }
.cinil-footer .wrap, .cinil-footer .cinil-footer__grid { max-width: var(--content); margin-inline: auto; padding-inline: var(--gutter); box-sizing: border-box; display: grid; grid-template-columns: 1fr; gap: var(--s-32); }
@media (min-width: 700px) { .cinil-footer .wrap, .cinil-footer .cinil-footer__grid { grid-template-columns: 2fr 1fr 1fr; gap: var(--s-48); } }
@media (min-width: 1000px) { .cinil-footer .cinil-footer__grid { padding-inline: var(--s-32); } }
.cinil-footer p { max-width: none; margin: 0; }
.cinil-footer__name { font-family: var(--f-display); font-weight: 900; font-size: 1.5rem; margin-block-end: var(--s-8); }
.cinil-footer__line { color: var(--cream-72); }
.cinil-footer__line + .cinil-footer__line { margin-block-start: var(--s-8); }
.cinil-footer__menu { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-8); }
.cinil-footer__menu li { max-width: none; }
.cinil-footer__menu a { color: var(--cream); text-decoration-color: var(--rule-cream); }
.cinil-footer__menu a:hover { text-decoration-color: var(--cream); }

/* ---------- עמודי משנה: ראש עמוד על דיו, גוף על נייר ---------- */
.page-head { background: var(--ink); color: var(--cream); padding-block: var(--s-48) var(--s-64); }
@media (min-width: 1000px) { .page-head { padding-block: var(--s-64) var(--s-96); } }
.page-head h1 { max-width: 16ch; }
.page-head .lead { margin-block-start: var(--s-24); max-width: 52ch; }
.section { padding-block: var(--s-48); }
@media (min-width: 1000px) { .section { padding-block: var(--s-64); } }
.section--ink { background: var(--ink); color: var(--cream); }
.section--line { border-block-start: 1px solid var(--rule); }
.prose { max-width: var(--measure); }
.prose h2 { margin-block-start: var(--s-48); }
.prose h2:first-child { margin-block-start: 0; }
.prose h2 + p { margin-block-start: var(--s-16); }
.prose h3 { margin-block-start: var(--s-32); }
.prose ul, .prose ol { padding-inline-start: 1.25em; margin-block: var(--s-16) 0; }
.prose li + li { margin-block-start: var(--s-8); }
.section .actions { margin-block-start: var(--s-32); }
.rows { list-style: none; margin: var(--s-32) 0 0; padding: 0; max-width: none; }
.rows > li { max-width: none; padding-block: var(--s-24); border-block-start: 1px solid var(--rule); }
.rows > li:last-child { border-block-end: 1px solid var(--rule); }
.rows .row { display: grid; grid-template-columns: 1fr; gap: var(--s-8); }
@media (min-width: 700px) { .rows > li { padding-block: var(--s-32); } .rows .row { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--s-32); } }
.rows h2, .rows h3 { font-family: var(--f-display); font-weight: 900; font-size: var(--fs-h3); line-height: 1.15; margin: 0; }
.rows p { margin: 0; }
.rows p + p { margin-block-start: var(--s-8); }
.section--ink .rows > li { border-color: var(--rule-cream); }
.tracks { list-style: none; margin: var(--s-32) 0 0; padding: 0; max-width: none; }
.tracks > li { max-width: none; display: grid; grid-template-columns: 1fr; gap: 4px; padding-block: var(--s-16); border-block-start: 1px solid var(--rule-cream); }
.tracks > li:last-child { border-block-end: 1px solid var(--rule-cream); }
@media (min-width: 700px) { .tracks > li { grid-template-columns: 200px 1fr; gap: var(--s-24); padding-block: var(--s-24); } }
.tracks strong { font-family: var(--f-display); font-weight: 900; font-size: 1.5rem; line-height: 1.2; }
.tracks p { margin: 0; }
.say-block { margin-block-start: var(--s-48); padding: var(--s-32); background: var(--ink); color: var(--cream); font-family: var(--f-display); font-weight: 900; font-size: clamp(1.375rem, 1rem + 1.4vw, 2rem); line-height: 1.2; max-width: 30ch; }
.timeline { list-style: none; margin: var(--s-32) 0 0; padding: 0; max-width: none; }
.timeline > li { max-width: none; border-block-start: 1px solid var(--rule); }
.timeline .step-row { display: grid; grid-template-columns: 72px 1fr; column-gap: var(--s-16); padding-block: var(--s-32); }
@media (min-width: 700px) { .timeline .step-row { grid-template-columns: 140px 1fr; column-gap: var(--s-32); padding-block: var(--s-48); } }
.timeline .num { color: var(--ink); font-size: clamp(3rem, 2rem + 4vw, 6rem); }
.timeline h2 { font-size: var(--fs-h3); }
.timeline .meta { display: block; font-family: var(--f-doc); color: var(--ink-2); margin-block-start: var(--s-8); }
.timeline p { margin-block-start: var(--s-16); }
.timeline .step-row--brand { background: var(--red); color: var(--cream); padding-inline: var(--gutter); margin-inline: calc(-1 * var(--gutter)); }
.timeline > li:has(.step-row--brand) { border: 0; }
@media (min-width: 1000px) { .timeline .step-row--brand { padding-inline: var(--s-32); margin-inline: calc(-1 * var(--s-32)); } }
.timeline .step-row--brand .num { color: var(--cream); }
.timeline .step-row--brand .meta { color: var(--cream); }
.timeline__note { margin-block-start: var(--s-24); font-family: var(--f-doc); font-size: var(--fs-doc); color: var(--ink-2); max-width: 70ch; }
.contact-grid { display: grid; grid-template-columns: 1fr; gap: var(--s-48); }
@media (min-width: 1000px) { .contact-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--s-96); align-items: start; } }
.contact-grid .doc { max-width: none; }

/* ---------- בלוג ---------- */
.posts { list-style: none; margin: var(--s-24) 0 0; padding: 0; max-width: none; }
.posts > li { max-width: none; padding-block: var(--s-24); border-block-start: 1px solid var(--rule); }
.posts > li:last-child { border-block-end: 1px solid var(--rule); }
.posts h2 { font-size: var(--fs-h3); line-height: 1.2; }
.posts h2 a { color: var(--ink); text-decoration: none; }
.posts h2 a:hover { text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 2px; }
.posts p { margin-block-start: var(--s-8); color: var(--ink-2); }
.posts .date, .post .date { display: block; font-family: var(--f-doc); font-size: var(--fs-doc); color: var(--ink-2); margin-block-start: var(--s-8); }
.post .prose > * + * { margin-block-start: var(--s-16); }
.blog-empty { color: var(--ink-2); margin-block-start: var(--s-24); }

/* ---------- עורך ---------- */
.editor-styles-wrapper { font-family: var(--f-body); background: var(--paper); color: var(--ink); }

.small { font-size: var(--fs-small); }
.page-head h1 + .lead, .prose .lead { margin-block-start: var(--s-24); }