/* ==========================================================================
   HAIR & CO — עיצוב האתר.
   הרעיון: החברה היא בית של שלושה מותגים בשלוש רמות, ולכן כל האתר בנוי כסולם —
   קווי שיער (1px) שמחלקים רמות, מספר סידורי לכל רמה, וצבע מותג אחד לכל רמה.
   בלי כרטיסים מרחפים, בלי צללים, בלי פינות מעוגלות, בלי אייקונים גנריים.
   ========================================================================== */

/* --- גופנים ------------------------------------------------------------- */
@font-face{font-family:Rubik;src:url(../fonts/rubik-hebrew.woff2)format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0590-05FF,U+200F,U+FB1D-FB4F,U+0020-007F}
@font-face{font-family:Assistant;src:url(../fonts/assistant-hebrew.woff2)format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0590-05FF,U+200F,U+FB1D-FB4F,U+0020-007F}
@font-face{font-family:"Inter Tight";src:url(../fonts/intertight-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Playfair;src:url(../fonts/playfair-latin.woff2)format("woff2");font-weight:400 900;font-display:swap}

:root{
	--ink:#0B0B0C;
	--ink-2:#17181A;
	--paper:#F4F0E9;
	--paper-2:#EAE4DA;
	--white:#fff;
	--text:#16171A;
	--muted:#5C5F64;
	--muted-d:#9EA2A8;          /* על רקע כהה */
	--rule:#D8D2C7;             /* קו שיער על נייר */
	--rule-d:#2E3033;           /* קו שיער על שחור */
	--gold:#9E7A3E;             /* TOPEGO */
	--red:#E01F17;              /* Tapeit */
	--brandink:#43484D;         /* Smartape */
	--wa:#1F7A55;

	--f-head:Rubik,Arial,sans-serif;
	--f-body:Assistant,Arial,sans-serif;
	--f-num:"Inter Tight",Arial,sans-serif;
	--f-wm:Playfair,"Times New Roman",serif;

	--wrap:1320px;
	--gut:24px;
	--hd:60px;
}
@media (max-width:860px){:root{--gut:18px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--f-body);font-size:18px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
picture{display:block;max-width:100%}
/* כשההורה קובע גובה (יחס גובה-רוחב), ה-<picture> חייב למתוח אליו — אחרת ה-<img> מודד את עצמו לפי ה-picture ועולה על הטקסט. */
.open__media,.rung__media,.prod__media,.band{overflow:hidden}
.open__media>picture,.rung__media>picture,.prod__media>picture{height:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:700;line-height:1.12;margin:0;}  /* עברית: בלי ריווח אותיות */
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";direction:ltr;unicode-bidi:isolate;display:inline-block}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}

/* --- לוגוטיפ ------------------------------------------------------------ */
.wm{direction:ltr;unicode-bidi:isolate;font-family:var(--f-wm);font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.34em;line-height:1}
.wm__amp{font-style:italic;opacity:.8}
.wm--hd{font-size:20px}
.wm--ft{font-size:30px}
@media (max-width:520px){.wm--hd{font-size:17px}.wm--ft{font-size:24px}}

/* --- הדר ---------------------------------------------------------------- */
.hd{position:sticky;top:0;z-index:60;background:var(--ink);color:var(--white)}
.hd__in{display:flex;align-items:center;gap:20px;min-height:var(--hd)}
.hd__brand{text-decoration:none;color:var(--white);flex:0 0 auto}
.hd__nav{margin-inline-start:auto;display:flex;align-items:center;gap:22px}
.hd__menu{display:flex;align-items:center;gap:2px}
.hd__link{display:block;padding:8px 12px;text-decoration:none;font-size:15px;color:#D9D6D0;border-bottom:2px solid transparent}
.hd__link:hover{color:#fff}
.hd__item--brand .hd__link{font-family:var(--f-num);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}
.hd__item--brand.is-topego .hd__link:hover,.hd__item--brand.is-topego .hd__link[aria-current]{border-bottom-color:var(--gold)}
.hd__item--brand.is-tapeit .hd__link:hover,.hd__item--brand.is-tapeit .hd__link[aria-current]{border-bottom-color:var(--red)}
.hd__item--brand.is-smartape .hd__link:hover,.hd__item--brand.is-smartape .hd__link[aria-current]{border-bottom-color:#8E959B}
.hd__link[aria-current]{color:#fff;border-bottom-color:#fff}
.hd__toggle{display:none}

/* סרגל המדידה */
.rail{height:3px;background:var(--rule-d);display:flex}
.rail__tick{display:block;height:3px;flex:1 1 33.33%}
.rail__tick--gold{background:var(--gold)}
.rail__tick--red{background:var(--red)}
.rail__tick--ink{background:#6E767C}

.stagebar{margin:0;background:var(--paper-2);border-bottom:1px solid var(--rule);color:var(--muted);font-size:13px;padding:8px var(--gut);text-align:center}

/* --- כפתורים ------------------------------------------------------------ */
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;font-family:var(--f-body);font-size:16px;font-weight:700;text-decoration:none;border:1px solid transparent;border-radius:0;transition:background .12s,color .12s,border-color .12s}
.btn--wa{background:var(--wa);color:#fff}
.btn--wa:hover{background:#18613F}
.btn--solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn--solid:hover{background:#000}
.btn--line{background:transparent;color:inherit;border-color:currentColor}
.btn--line:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn__wa-icon{width:17px;height:17px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--wa-mask) center/contain no-repeat;mask:var(--wa-mask) center/contain no-repeat}
:root{--chev:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%2316171A' stroke-width='1.6'/></svg>");--wa-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.5 14.1c-.2.7-1.3 1.3-1.9 1.3-.5 0-1.1.2-3.6-.8-3-1.3-5-4.4-5.1-4.6-.2-.2-1.2-1.6-1.2-3.1s.8-2.2 1.1-2.5c.3-.3.6-.4.8-.4h.6c.2 0 .5-.1.7.5l1 2.4c.1.2.1.4 0 .6l-.4.6-.3.3c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.2 1.4 2.5 1.5.3.1.4.1.6-.1l.9-1c.2-.2.4-.2.6-.1l2.3 1.1c.2.1.4.2.5.3.1.2.1.6-.1 1.3z'/></svg>")}

/* --- פתיח דף הבית ------------------------------------------------------- */
.open{background:var(--ink);color:var(--paper);border-bottom:1px solid var(--rule-d)}
.open__in{display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;max-width:var(--wrap);margin-inline:auto}
.open__text{padding:76px var(--gut) 64px;border-inline-end:1px solid var(--rule-d);display:flex;flex-direction:column;justify-content:center}
.open__kicker{font-family:var(--f-body);font-weight:700;font-size:13px;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.open__h{font-size:clamp(30px,4.3vw,54px);font-weight:800;color:#fff;max-width:14ch}
.open__h em{font-style:normal;color:var(--gold)}
.open__p{margin:22px 0 0;max-width:46ch;color:#C9C5BE;font-size:19px}
.open__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.open__acts .btn--line{color:#fff}
.open__acts .btn--line:hover{background:#fff;color:var(--ink);border-color:#fff}
.open__media{position:relative;min-height:340px}
.open__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.12) contrast(1.03)}
@media (max-width:900px){
	.open__in{grid-template-columns:1fr}
	.open__text{padding:44px var(--gut) 34px;border-inline-end:0;border-bottom:1px solid var(--rule-d);order:2}
	.open__media{order:1;min-height:0;aspect-ratio:4/3}
	.open__h{max-width:none}
}

/* רצועת עובדות — קווי שיער, לא כרטיסים */
.spec{background:var(--ink);color:#CFCBC4;border-bottom:1px solid var(--rule-d)}
.spec__list{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--wrap);margin-inline:auto}
.spec__item{padding:20px var(--gut);border-inline-start:1px solid var(--rule-d);font-size:15px}
.spec__item:first-child{border-inline-start:0}
.spec__item b{display:block;font-size:26px;font-weight:600;color:#fff;line-height:1.1;margin-bottom:4px}
@media (max-width:760px){.spec__list{grid-template-columns:1fr 1fr}.spec__item{border-top:1px solid var(--rule-d)}.spec__item:nth-child(odd){border-inline-start:0}.spec__item:nth-child(-n+2){border-top:0}}

/* רצועת מספרים על נייר */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:34px}
.stats__i{padding:20px 0;border-inline-start:1px solid var(--rule);padding-inline-start:20px;font-size:15px;color:var(--muted)}
.stats__i:first-child{border-inline-start:0;padding-inline-start:0}
.stats__i b{display:block;font-size:30px;font-weight:600;color:var(--text);line-height:1.05;margin-bottom:4px}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}.stats__i{border-top:1px solid var(--rule)}.stats__i:nth-child(odd){border-inline-start:0;padding-inline-start:0}.stats__i:nth-child(-n+2){border-top:0}}

/* --- הסולם (ליבת דף הבית) ---------------------------------------------- */
.ladder{border-bottom:1px solid var(--rule)}
.ladder__head{max-width:var(--wrap);margin-inline:auto;padding:54px var(--gut) 26px}
.ladder__h{font-size:clamp(24px,3vw,36px)}
.ladder__p{margin:14px 0 0;max-width:62ch;color:var(--muted)}
.rung{border-top:1px solid var(--rule);position:relative}
.rung__in{max-width:var(--wrap);margin-inline:auto;display:grid;grid-template-columns:104px minmax(0,1fr) 250px 420px;gap:0;align-items:stretch}
.rung__idx{padding:34px var(--gut) 34px;border-inline-end:1px solid var(--rule);font-family:var(--f-num);font-size:34px;font-weight:300;color:var(--muted);display:flex;align-items:flex-start;justify-content:center}
.rung__body{padding:36px 36px 36px 30px}
.rung__tier{margin:0 0 14px;font-family:var(--f-body);font-weight:700;font-size:13px;text-transform:uppercase;color:var(--muted)}
.rung__logo{margin:0 0 16px}
.rung__logo img{height:34px;width:auto}
.rung.is-ink .rung__logo img,.rung.is-gold .rung__logo img{height:30px}
.rung__line{margin:0 0 20px;font-size:20px;max-width:46ch}
.rung__meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:15px;color:var(--muted)}
.rung__more{text-decoration:none;font-weight:700;color:var(--text);border-bottom:2px solid currentColor;padding-bottom:1px}
.rung__facts{padding:36px 0 36px 0;margin:0;border-inline-start:1px solid var(--rule);padding-inline-start:28px}
.rung__fact{padding:0 0 14px}
.rung__fact dt{font-size:13px;font-weight:700;color:var(--muted)}
.rung__fact dd{margin:2px 0 0;font-size:16px}
.rung__media{border-inline-start:1px solid var(--rule);overflow:hidden}
.rung__media img{width:100%;height:100%;object-fit:cover;min-height:0}
.rung__media{max-height:300px}
/* פס הצבע של הרמה — מופיע בקצה ההתחלה, לא כמסגרת */
.rung::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:6px;background:var(--accent,transparent);transition:width .12s}
.rung:hover::before{width:14px}
.rung.is-gold{--accent:var(--gold)}
.rung.is-red{--accent:var(--red)}
.rung.is-ink{--accent:#8E959B}
.rung.is-draft .rung__body::after{content:"טיוטה לאישור";display:inline-block;margin-top:14px;font-size:12px;font-family:var(--f-body);font-weight:700;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);padding:3px 8px}
@media (max-width:980px){
	.rung__in{grid-template-columns:70px minmax(0,1fr)}
	.rung__facts{grid-column:1/-1;border-inline-start:0;border-top:1px solid var(--rule);padding:18px 0 4px;padding-inline-start:0;margin-inline-start:70px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
	.rung__media{grid-column:1/-1;border-inline-start:0;border-top:1px solid var(--rule);aspect-ratio:16/9}
	.rung__media img{min-height:0}
	.rung__idx{padding:24px 10px;font-size:26px}
	.rung__body{padding:24px 20px 24px 0}
}
@media (max-width:520px){.rung__body{padding-inline-end:var(--gut)}.rung__facts{grid-template-columns:1fr;margin-inline-start:38px;padding-inline-end:var(--gut)}}

/* --- מקטע כללי --------------------------------------------------------- */
.sec{border-top:1px solid var(--rule)}
.sec--ink{background:var(--ink);color:var(--paper);border-top-color:var(--rule-d)}
/* Blocksy קובע צבע כותרות משלו; על רקע שחור זה יוצא כחול-כהה כמעט בלתי קריא. */
.sec--ink h2,.sec--ink h3,.sec--ink h4,.sec--ink .sec__h,.sec--ink .step__h{color:#fff}
.phead h1,.phead .phead__h{color:#fff}
.open h1,.cta h2{color:#fff}
.sec--ink .sec__p,.sec--ink .steps__p{color:#B9B5AE}
.sec__in{max-width:var(--wrap);margin-inline:auto;padding:54px var(--gut)}
.sec__kicker{font-family:var(--f-body);font-weight:700;font-size:13px;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.sec--ink .sec__kicker{color:var(--gold)}
.sec__h{font-size:clamp(23px,2.7vw,33px);max-width:22ch}
.sec__p{margin:16px 0 0;max-width:64ch;color:var(--muted)}
.sec__cols{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:34px;border-top:1px solid var(--rule)}
.sec--ink .sec__cols{border-top-color:var(--rule-d)}
.sec__col{padding:26px 0 0}
.sec__col + .sec__col{border-inline-start:1px solid var(--rule);padding-inline-start:30px}
.sec--ink .sec__col + .sec__col{border-inline-start-color:var(--rule-d)}
@media (max-width:760px){.sec__cols{grid-template-columns:1fr}.sec__col + .sec__col{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--rule);margin-top:22px}}

/* שלבים ממוספרים — שורות עם קו שיער, בלי אייקונים */
.steps{margin-top:34px;border-top:1px solid var(--rule)}
.sec--ink .steps{border-top-color:var(--rule-d)}
.step{display:grid;grid-template-columns:64px 1fr;gap:0 18px;border-bottom:1px solid var(--rule);align-items:start}
.sec--ink .step{border-bottom-color:var(--rule-d)}
.step__n{padding:22px 0;font-family:var(--f-num);font-size:15px;font-weight:600;color:var(--muted)}
.sec--ink .step__n{color:var(--gold)}
.step__b{padding:22px 0 22px 0}
.step__h{font-size:19px;margin:0 0 6px}
.step__p{margin:0;color:var(--muted);max-width:66ch}
.sec--ink .step__p{color:#B9B5AE}
@media (max-width:520px){.step{grid-template-columns:38px 1fr;gap:0 12px}}

/* --- פתיח עמוד פנימי ---------------------------------------------------- */
.phead{background:var(--ink);color:var(--paper);position:relative}
.phead--brand::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:6px;background:var(--accent)}
.phead--brand.is-gold{--accent:var(--gold)}
.phead--brand.is-red{--accent:var(--red)}
.phead--brand.is-ink{--accent:#8E959B}
.phead__in{padding:40px var(--gut) 44px}
.crumbs ol{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted-d);margin:0 0 14px}
.crumbs a,.crumbs span{display:inline-block;padding:11px 0}
.crumbs li + li::before{content:"/";margin-inline-end:8px;color:#4A4E52}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.phead__tier{margin:0 0 14px;font-family:var(--f-body);font-weight:700;font-size:14px;text-transform:uppercase;color:var(--muted-d);display:flex;align-items:center;gap:12px}
.phead__idx{font-size:15px;color:#fff;border:1px solid var(--rule-d);padding:2px 8px}
.phead__h{font-size:clamp(28px,4vw,46px);color:#fff}
.phead__h--logo{margin:0}
.phead__h--logo img{height:52px;width:auto}
.phead--brand.is-gold .phead__h--logo img,.phead--brand.is-ink .phead__h--logo img{background:#fff;padding:10px 14px}
.phead--brand.is-red .phead__h--logo img{background:#fff;padding:10px 14px}
.phead__lead{margin:18px 0 0;max-width:60ch;color:#C5C1BA;font-size:19px}
.draftnote{margin:22px 0 0;padding:12px 14px;border:1px solid var(--rule-d);color:var(--muted-d);font-size:14px;max-width:62ch}
.phead--bare .phead__in{padding-bottom:34px}
@media (max-width:520px){.phead__h--logo img{height:38px}}

/* --- לוח גוונים --------------------------------------------------------- */
.tones{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:30px}
.tone{background:var(--white);padding:0}
.tone img{width:100%;aspect-ratio:1/1;object-fit:cover}
.tone__c{display:block;direction:ltr;text-align:start;padding:8px 10px;font-family:var(--f-num);font-size:13px;font-weight:600;}
.tonenote{margin-top:14px;font-size:14px;color:var(--muted)}

/* --- שורות מוצר (לא כרטיסים) -------------------------------------------- */
.prods{margin-top:30px;border-top:1px solid var(--rule)}
.prod{display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid var(--rule)}
.prod__media{overflow:hidden;background:var(--white);border:1px solid var(--rule)}
.prod__media img{width:100%;aspect-ratio:1/1;object-fit:cover}
.prod__h{font-size:19px;margin:0 0 5px}
.prod__p{margin:0;color:var(--muted);font-size:16px;max-width:62ch}
.prod__price{font-family:var(--f-body);font-weight:700;font-size:13px;text-transform:uppercase;color:var(--muted);white-space:nowrap;border:1px solid var(--rule);padding:6px 10px}
@media (max-width:680px){.prod{grid-template-columns:84px 1fr;gap:16px}.prod__price{grid-column:2}}

/* --- טופס --------------------------------------------------------------- */
.form{margin-top:30px;max-width:640px}
.form__row{margin-bottom:18px}
.form label{display:block;font-size:15px;font-weight:700;margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:17px;line-height:1.5;padding:12px 14px;border:1px solid var(--rule);border-radius:0;background:var(--white);color:var(--text)}
.form select{-webkit-appearance:none;appearance:none;height:auto;min-height:50px;padding-inline-end:38px;background-image:var(--chev);background-repeat:no-repeat;background-position:left 14px center;background-size:11px}
.form button[type=submit]{width:100%;justify-content:center;margin-top:6px}
@media (min-width:600px){.form button[type=submit]{width:auto}}
.form input:focus,.form select,.form textarea:focus{outline-offset:0}
.form__hint{font-size:14px;color:var(--muted);margin:6px 0 0}
.form__err{color:#A3140D;font-size:15px;margin:0 0 14px}
.form__ok{border:1px solid var(--rule);padding:18px;background:var(--white)}
.hp{position:absolute;left:-9999px}

/* --- קריאה לפעולה בסוף ------------------------------------------------- */
.cta{background:var(--ink);color:var(--paper);border-top:1px solid var(--rule-d)}
.cta__in{padding:52px var(--gut)}
.cta__kicker{margin:0 0 14px;font-family:var(--f-body);font-weight:700;font-size:13px;text-transform:uppercase;color:var(--gold)}
.cta__h{font-size:clamp(22px,2.6vw,32px);color:#fff;max-width:26ch}
.cta__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cta__acts .btn--line{color:#fff}
.cta__acts .btn--line:hover{background:#fff;color:var(--ink);border-color:#fff}

/* --- פוטר --------------------------------------------------------------- */
.ft{background:var(--ink-2);color:#B9B5AE;font-size:16px;padding-bottom:88px}
.ft a{text-decoration:none}
.ft a:hover{text-decoration:underline;color:#fff}
.ft__top{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:46px 0 30px;border-bottom:1px solid var(--rule-d)}
.ft__brand .wm{color:#fff}
.ft__tag{margin:16px 0 0;max-width:52ch}
.ft__brands{display:flex;flex-wrap:wrap;gap:0;align-items:stretch;align-self:start}
.ft__brandcell{flex:1 1 120px;border-inline-start:1px solid var(--rule-d)}
.ft__brandcell:first-child{border-inline-start:0}
.ft__brandcell a{display:block;padding:14px 16px;background:#fff}
.ft__brandcell img{height:24px;width:auto;margin-bottom:8px}
.ft__brandtier{display:block;font-family:var(--f-body);font-weight:700;font-size:11px;text-transform:uppercase;color:#6B6F74}
.ft__cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0}
.ft__h{font-family:var(--f-body);font-weight:700;font-size:13px;text-transform:uppercase;color:#7E8287;margin:0 0 14px}
.ft__list li{margin-bottom:0}
.ft__list a{display:inline-block;padding:9px 0;min-height:24px}
.ft__address{font-style:normal}
.ft__big{font-size:24px;color:#fff;font-weight:600}
.ft__hours{font-size:15px;color:#8E9297;margin-top:10px}
.ft__bottom{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;padding:22px 0 30px;border-top:1px solid var(--rule-d);font-size:14px;color:#7E8287}
.ft__legal{display:flex;flex-wrap:wrap;gap:4px 18px}
.ft__legal a{display:inline-block;padding:9px 0}
@media (max-width:760px){.ft__top,.ft__cols{grid-template-columns:1fr;gap:26px}}

/* --- רצועת פעולה בנייד -------------------------------------------------- */
.actionbar{display:none}
@media (max-width:860px){
	.actionbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;inset-inline:0;bottom:0;z-index:70;background:var(--ink);border-top:1px solid var(--rule-d);padding:8px;gap:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
	.actionbar__btn{justify-content:center;padding:12px 10px;font-size:15px}
	.actionbar .btn--line{color:#fff}
	.ft{padding-bottom:96px}
}

/* --- ניווט בנייד -------------------------------------------------------- */
@media (max-width:980px){
	.hd__toggle{display:inline-flex;align-items:center;gap:9px;margin-inline-start:auto;background:none;border:1px solid var(--rule-d);color:#fff;font:inherit;font-size:14px;padding:8px 12px;cursor:pointer}
	.hd__bars{display:grid;gap:3px}
	.hd__bars i{display:block;width:16px;height:1.5px;background:currentColor}
	.hd__nav{position:fixed;inset:calc(var(--hd) + 3px) 0 0;background:var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 30px;overflow-y:auto;margin:0;display:none}
	.hd__nav.is-open{display:flex}
	.hd__menu{flex-direction:column;align-items:stretch;gap:0}
	.hd__link{padding:16px 0;font-size:18px;border-bottom:1px solid var(--rule-d);border-bottom-width:1px}
	.hd__item--brand .hd__link{font-size:15px}
	.hd__wa{margin-top:22px;justify-content:center}
}

/* --- עמוד 404 ---------------------------------------------------------- */
.nf{padding:70px var(--gut) 90px}
.nf__h{font-size:clamp(26px,4vw,40px)}
.nf__p{margin-top:16px;max-width:52ch;color:var(--muted)}

/* --- טיפוגרפיה בתוך תוכן עמוד ------------------------------------------ */
.page-content h2{font-size:clamp(22px,2.6vw,31px)}
.page-content h3{font-size:20px}
.page-content .lead{font-size:20px;color:var(--muted);max-width:60ch}
.page-content .rich p{max-width:64ch}
.sec__in>.rich{max-width:860px}
.sec__in>.rich>.lead{max-width:none}
.page-content .rich ul{margin:0 0 1.2em}
.page-content .rich li{position:relative;padding-inline-start:18px;margin-bottom:9px;max-width:66ch}
.page-content .rich li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:8px;height:1px;background:var(--red)}
.page-content .rich a:not(.btn){color:var(--text);text-decoration:underline;text-underline-offset:3px}
.page-content .rich a.btn{text-decoration:none}
.page-content .rich a.btn--wa{color:#fff}

/* פס תמונה רחב */
.band{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper-2);max-height:470px}
.band img{width:100%;height:100%;object-fit:cover}
.band>picture{height:470px;max-width:1180px;margin-inline:auto}
@media (max-width:760px){.band,.band>picture{max-height:none;height:auto}.band>picture{aspect-ratio:4/3}.band img{height:100%}}

/* מסגרת ציטוט/הדגשה — קו בצד, בלי רקע צבעוני */
.note{border-inline-start:3px solid var(--gold);padding:4px 0 4px 0;padding-inline-start:18px;margin:26px 0;color:var(--muted);max-width:62ch}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}