/*
Theme Name: BIONIX Landing Page
Theme URI: https://bionix.co.il/
Author: GalyamStudio
Description: דף נחיתה לקמפיין שעוני הנוכחות של BIONIX. תבנית ייעודית ללא בונה עמודים, עם שאלון הצעת מחיר בשלושה צעדים.
Version: 0.3.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: bionix-lp
*/

/* ---------- Fonts (self-hosted Heebo, Hebrew + Latin) ---------- */
@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/heebo-400-hebrew.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/heebo-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/heebo-500-hebrew.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/heebo-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/heebo-700-hebrew.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/heebo-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

@font-face{font-family:'Heebo';font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/heebo-900-hebrew.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/heebo-900-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* ---------- Design tokens (from the Figma reference) ---------- */
:root{
	--bx-primary:#6254f4;
	--bx-primary-dark:#4f42d9;
	--bx-ink:#101426;
	--bx-muted:#626779;
	--bx-border:#e6e7eb;
	--bx-white:#fff;
	--bx-soft:#f8f8ff;
	--bx-soft-2:#f8f8fc;
	--bx-tint:#f2f0ff;
	--bx-tint-2:#f6f5fc;
	--bx-ok:#1f9d55;
	--bx-error:#c62828;
	--bx-focus:#101426;
	--bx-radius-btn:7px;
	--bx-radius-card:12px;
	--bx-radius-option:8px;
	--bx-radius-panel:16px;
	--bx-radius-input:6px;
	--bx-gutter:20px;
	--bx-container:1320px;
	--bx-sticky-h:0px;
	--bx-font:'Heebo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--bx-font);font-size:16px;line-height:1.35;color:var(--bx-ink);background:var(--bx-white);direction:rtl;text-align:right;overflow-x:hidden;-webkit-font-smoothing:antialiased;padding-bottom:var(--bx-sticky-h)}
body.bx-lock{overflow:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--bx-focus);outline-offset:3px;border-radius:4px}
.bx-skip{position:absolute;inset-inline-start:8px;top:-60px;background:var(--bx-ink);color:#fff;padding:10px 14px;border-radius:6px;z-index:200}
.bx-skip:focus{top:8px}
.bx-container{width:100%;max-width:calc(var(--bx-container) + var(--bx-gutter) * 2);margin-inline:auto;padding-inline:var(--bx-gutter)}

/* ---------- Buttons ---------- */
.bx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:14px 22px;border-radius:var(--bx-radius-btn);font-weight:700;font-size:16px;line-height:1.35;text-decoration:none;text-align:center;transition:background-color .15s,color .15s,box-shadow .15s}
.bx-btn--primary{background:var(--bx-primary);color:#fff}
.bx-btn--primary:hover{background:var(--bx-primary-dark)}
.bx-btn--outline{background:#fff;color:var(--bx-ink);border:1px solid var(--bx-ink)}
.bx-btn--outline:hover{background:var(--bx-tint-2)}
.bx-btn--lg{min-height:54px;padding-inline:26px}
.bx-btn--block{width:100%}
.bx-btn[disabled]{opacity:.65;cursor:progress}
.bx-link{font-weight:500;font-size:14px;color:var(--bx-muted);text-decoration:underline;text-underline-offset:3px;padding:8px 0}
.bx-link--accent{color:var(--bx-primary)}

/* ---------- Header ---------- */
.bx-header{background:#fff;border-bottom:1px solid var(--bx-border)}
.bx-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}
.bx-logo img{width:190px;height:auto}
.bx-header__actions{display:flex;align-items:center;gap:20px}
.bx-header__cta{display:none}
.bx-header__phone{font-weight:700;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.bx-header__phone-number{display:none}

/* ---------- Hero ---------- */
.bx-hero{background:var(--bx-soft)}
.bx-hero__inner{display:flex;flex-direction:column;gap:24px;padding-block:24px}
.bx-hero__copy{display:flex;flex-direction:column;gap:14px}
.bx-eyebrow{color:var(--bx-primary);font-weight:700;font-size:14px}
.bx-hero__title{font-size:30px;font-weight:700;line-height:1.3}
.bx-hero__sub{font-size:17px}
.bx-hero__price{font-size:26px;font-weight:700}
.bx-hero__price-note{color:var(--bx-muted);font-size:13px;margin-top:-8px}
.bx-hero__question{font-weight:700;font-size:18px;margin-bottom:10px}
.bx-hero__entry{background:#fff;border:1px solid var(--bx-border);border-radius:var(--bx-radius-card);padding:16px}
.bx-hero__micro{color:var(--bx-muted);font-size:13px;margin-top:10px}
.bx-hero__ctas{display:flex;flex-direction:column;gap:12px}
.bx-hero__media img{width:100%;border-radius:5px}
.bx-hero__note{color:var(--bx-muted);font-size:11px;margin-top:8px}

/* Chips (hero inline question + branches) */
.bx-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bx-chip{border:1px solid var(--bx-border);background:#fff;border-radius:var(--bx-radius-option);min-height:48px;padding:10px 12px;font-weight:500;font-size:15px;text-align:center;transition:border-color .15s,background-color .15s}
.bx-chip:hover{border-color:var(--bx-primary)}
.bx-chip[aria-checked="true"],.bx-chip.is-selected{background:var(--bx-tint-2);border:2px solid var(--bx-primary);padding:9px 11px}

/* ---------- Logos ---------- */
.bx-logos{padding-block:32px}
.bx-logos__title{font-size:22px;text-align:center;margin-bottom:24px}
.bx-logos__list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:center}
.bx-logos__list li{height:40px;display:flex;align-items:center;justify-content:center}
.bx-logos__list img{max-height:100%;width:auto;object-fit:contain}

/* ---------- Sections ---------- */
.bx-section__title{font-size:30px;text-align:center}
.bx-section__sub{color:var(--bx-muted);font-size:17px;text-align:center;margin-top:12px}
.bx-section__cta{display:flex;justify-content:center;margin-top:24px}
.bx-section__cta .bx-btn{width:100%}

/* Benefits */
.bx-benefits{background:var(--bx-soft-2);padding-block:32px}
.bx-benefits__grid{display:grid;gap:12px;margin-top:24px}
.bx-benefit{background:#fff;border-radius:var(--bx-radius-card);padding:16px;display:flex;align-items:center;gap:14px}
.bx-benefit__icon{flex:0 0 56px;width:56px;height:56px;border-radius:10px;background:var(--bx-tint);display:flex;align-items:center;justify-content:center}
.bx-benefit__copy{display:flex;flex-direction:column;gap:4px}
.bx-benefit__title{font-size:17px}
.bx-benefit__text{color:var(--bx-muted);font-size:14px}
.bx-more{margin-top:16px}
.bx-more__summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:15px;padding:12px 16px;background:#fff;border:1px solid var(--bx-border);border-radius:var(--bx-radius-card)}
.bx-more__summary::-webkit-details-marker{display:none}
.bx-more__icon{flex:0 0 auto;width:12px;height:12px;border-inline-end:2px solid var(--bx-ink);border-bottom:2px solid var(--bx-ink);transform:rotate(45deg) translateY(-2px);transition:transform .15s}
details[open]>summary .bx-more__icon{transform:rotate(-135deg) translateY(-2px)}
.bx-benefits__rows{display:grid;gap:12px;margin-top:12px}

/* Methods */
.bx-methods{background:var(--bx-tint);padding-block:32px}
.bx-methods__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.bx-method{background:#fff;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px;align-items:center}
.bx-method__img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px}
/* Odd last card (the 5th on a 2-column phone grid) spans the row with a wide crop instead of a huge square. */
.bx-method:last-child:nth-child(odd){grid-column:1 / -1}
.bx-method:last-child:nth-child(odd) .bx-method__img{aspect-ratio:2/1;max-height:170px}
.bx-method__title{font-weight:700;font-size:14px;text-align:center}
.bx-methods__note{color:var(--bx-muted);font-size:12px;text-align:center;margin-top:16px}

/* FAQ */
.bx-faq{padding-block:32px}
.bx-faq__list{display:grid;gap:10px;margin-top:24px}
.bx-faq__item{background:#fff;border:1px solid var(--bx-border);border-radius:var(--bx-radius-card)}
.bx-faq__q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:16px;padding:14px 16px;min-height:52px}
.bx-faq__q::-webkit-details-marker{display:none}
.bx-faq__a{color:var(--bx-muted);font-size:15px;padding:0 16px 16px;line-height:1.5}

/* Quote panel */
.bx-quote{background:var(--bx-tint);padding-block:32px}
.bx-quote__panel{background:#fff;border-radius:var(--bx-radius-panel);padding:22px;display:flex;flex-direction:column;gap:24px}
.bx-quote__copy{display:flex;flex-direction:column;gap:14px}
.bx-quote__title{font-size:28px;line-height:1.3}
.bx-quote__sub{color:var(--bx-muted);font-size:18px}
.bx-quote__phone{font-weight:700;font-size:21px;text-decoration:none;display:inline-block;min-height:44px}
.bx-quote__entry{display:flex;flex-direction:column;gap:14px}
.bx-quote__steps-title{font-weight:700;font-size:21px}
.bx-quote__steps{display:flex;flex-wrap:wrap;gap:8px;color:var(--bx-muted);font-size:14px;counter-reset:step}
.bx-quote__steps li{display:inline-flex;align-items:center;gap:8px}
.bx-quote__steps li+li::before{content:'←';color:var(--bx-primary)}
.bx-quote__note{color:var(--bx-muted);font-size:13px}

/* Footer */
.bx-footer{background:var(--bx-ink);color:#fff;padding-block:32px}
.bx-footer__inner{display:flex;flex-direction:column-reverse;gap:20px}
.bx-footer__brand{font-weight:700;font-size:29px}
.bx-footer__contact{font-size:14px}
.bx-footer__contact a{text-decoration:none}
.bx-footer__credit{margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:rgba(255,255,255,.7)}
.bx-footer__credit a{color:#fff;text-decoration:none;font-weight:500}
.bx-footer__credit a:hover{text-decoration:underline}

/* ---------- Sticky mobile bar ---------- */
.bx-sticky{position:fixed;inset-inline:0;bottom:0;z-index:90;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);border-top:1px solid var(--bx-border);box-shadow:0 -6px 20px rgba(16,20,38,.08);backdrop-filter:saturate(1.2) blur(6px)}
.bx-sticky[hidden]{display:none}
.bx-sticky__quote{flex:1 1 auto}
.bx-sticky__call{flex:0 0 auto;min-width:104px}
body.bx-sticky-on{--bx-sticky-h:calc(72px + env(safe-area-inset-bottom,0px))}

/* ---------- Dialog ----------
   Ported from the quick-contact popup on galyam-studio.co.il (approved direction A, 2026-10-14):
   centred modal on desktop, bottom sheet on phones, same sizes, radii, shadow, pills, progress and fields.
   Only the color tokens are BIONIX's. */
.bx-dialog{--q-surface:#fff;--q-ink:var(--bx-ink);--q-ink2:var(--bx-muted);--q-border:var(--bx-border);--q-accent:var(--bx-primary);--q-accent-hover:var(--bx-primary-dark);--q-err:#b3261e;--q-ease:cubic-bezier(.22,1,.36,1);--q-radius-btn:10px;--q-chip-bg:color-mix(in srgb,var(--q-accent) 4%,var(--q-surface));--q-chip-on:color-mix(in srgb,var(--q-accent) 10%,var(--q-surface));--q-summary:color-mix(in srgb,var(--q-accent) 6%,var(--q-surface));--q-track:color-mix(in srgb,var(--q-ink) 14%,transparent);position:fixed;inset:0;z-index:100;display:grid;place-items:end center}
.bx-dialog[hidden]{display:none}
.bx-dialog__backdrop{position:absolute;inset:0;background:rgba(17,17,17,.45);animation:bx-fade 220ms var(--q-ease) both}
.bx-dialog__panel{position:relative;width:100%;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;background:var(--q-surface);color:var(--q-ink);border-radius:22px 22px 0 0;box-shadow:0 30px 80px rgba(20,16,12,.22);padding:32px 20px calc(32px + env(safe-area-inset-bottom,0px));font-size:17px;line-height:1.5;animation:bx-slide-up 320ms var(--q-ease) both;outline:none}
.bx-dialog__close{position:absolute;top:16px;left:16px;width:44px;height:44px;border-radius:999px;border:1px solid var(--q-border);background:var(--q-surface);color:var(--q-ink2);display:grid;place-items:center;transition:color 150ms,border-color 150ms}
.bx-dialog__close:hover,.bx-dialog__close:focus-visible{color:var(--q-accent);border-color:var(--q-accent)}
.bx-dialog__progress{display:flex;gap:6px;margin:0 0 20px;padding-inline-end:56px;min-height:44px;align-items:center}
.bx-dialog__progress[hidden]{display:none}
.bx-dialog__progress i{height:4px;flex:1;border-radius:2px;background:var(--q-track)}
.bx-dialog__progress i.is-on{background:var(--q-accent)}
.bx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bx-form{display:block}
.bx-step[hidden]{display:none}
.bx-eyebrow-dlg{display:inline-block;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--q-accent);margin:0 0 12px}
.bx-dialog__title{font-size:30px;line-height:1.12;font-weight:900;margin:0 0 16px;text-wrap:balance}
.bx-dialog__sub{color:var(--q-ink2);font-size:18px;line-height:1.6;margin:0 0 20px}
.bx-pills{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 24px}
.bx-pill{font-size:17px;font-weight:700;color:var(--q-ink);background:var(--q-chip-bg);border:1px solid var(--q-border);border-radius:999px;padding:14px 22px;min-height:52px;transition:border-color 150ms var(--q-ease),background 150ms var(--q-ease)}
@media (hover:hover){.bx-pill:hover{border-color:var(--q-accent);color:var(--q-accent)}}
.bx-pill:focus-visible{border-color:var(--q-accent);color:var(--q-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--q-accent) 25%,transparent)}
.bx-pill.is-on{background:var(--q-chip-on);border-color:var(--q-accent);color:var(--q-accent)}
.bx-back{font-size:16px;font-weight:700;color:var(--q-ink2);padding:8px 4px;min-height:44px}
.bx-back:hover{color:var(--q-accent)}
.bx-link{font-weight:700;font-size:16px;color:var(--q-accent);text-decoration:underline;text-underline-offset:3px;padding:4px 2px}
.bx-link:hover{color:var(--q-accent-hover)}
.bx-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 20px;padding:10px 14px;border-radius:var(--q-radius-btn);background:var(--q-summary);font-size:16px;font-weight:700}
.bx-summary__text{flex:1 1 auto;min-width:0}
.bx-row{display:flex;flex-direction:column}
.bx-field{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;min-width:0;border:0;padding:0}
.bx-row .bx-field{flex:1}
.bx-field__label{font-weight:700;font-size:16px;padding:0}
.bx-input{width:100%;min-height:54px;padding:13px 16px;border:1px solid var(--q-border);border-radius:var(--q-radius-btn);font:inherit;font-size:17px;color:var(--q-ink);background:var(--q-surface)}
.bx-input::placeholder{color:#9aa0ad}
.bx-input[dir="ltr"]{text-align:right}
.bx-input[dir="ltr"]::placeholder{text-align:right}
.bx-input:focus-visible{outline:2px solid var(--q-accent);outline-offset:1px}
.bx-input[aria-invalid="true"]{border-color:var(--q-err)}
.bx-field__help{font-size:14px;color:var(--q-ink2);margin:0}
.bx-field__error{color:var(--q-err);font-size:13px;display:none;margin:0}
.bx-field__error:not(:empty){display:block}
.bx-field__error::before{content:'\26A0  '}
.bx-opts{display:flex;flex-wrap:wrap;gap:12px}
.bx-opt{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;min-height:44px;border:1px solid var(--q-border);border-radius:999px;cursor:pointer;font-weight:700;white-space:nowrap}
.bx-opt input{accent-color:var(--q-accent);margin:0}
.bx-opt:has(input:checked){border-color:var(--q-accent);color:var(--q-accent);background:color-mix(in srgb,var(--q-accent) 8%,var(--q-surface))}
.bx-opt:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--q-accent) 25%,transparent)}
.bx-dialog__privacy{color:var(--q-ink2);font-size:12px;margin:8px 0 0}
.bx-form__status{font-size:14px;display:none;padding:12px 14px;border-radius:8px;margin-top:12px}
.bx-form__status:not(:empty){display:block}
.bx-form__status.is-error{background:#fdecec;color:var(--q-err)}
.bx-form__status .bx-link{color:inherit;padding:0 0 0 8px}
.bx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.bx-submit{flex:1;min-width:200px;min-height:54px;font-size:17px;font-weight:700;color:#fff;background:var(--q-accent);border:1px solid transparent;border-radius:var(--q-radius-btn);padding:14px 28px;transition:background 150ms var(--q-ease)}
.bx-submit:hover{background:var(--q-accent-hover)}
.bx-submit:focus-visible{outline:none;box-shadow:0 0 0 3px var(--q-surface),0 0 0 6px var(--q-accent)}
.bx-submit[disabled]{opacity:.6;cursor:progress}
.bx-submit--auto{flex:0 0 auto;margin-top:12px}
.bx-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.bx-step--success{text-align:center}
.bx-step--success .bx-dialog__title{margin-bottom:8px}
.bx-success__check{width:56px;height:56px;margin:0 auto 16px;border-radius:999px;background:color-mix(in srgb,var(--q-accent) 10%,var(--q-surface));color:var(--q-accent);display:grid;place-items:center}
@keyframes bx-fade{from{opacity:0}to{opacity:1}}
@keyframes bx-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes bx-slide-up{from{transform:translateY(100%)}to{transform:none}}

/* ---------- Consent banner ---------- */
.bx-consent{position:fixed;inset-inline:16px;bottom:calc(var(--bx-sticky-h) + 12px);z-index:95;background:#fff;border:1px solid var(--bx-border);border-radius:12px;box-shadow:0 10px 30px rgba(16,20,38,.15);padding:16px;display:flex;flex-direction:column;gap:12px;max-width:520px;margin-inline:auto}
.bx-consent[hidden]{display:none}
.bx-consent__text{font-size:14px}
.bx-consent__actions{display:flex;gap:10px;flex-wrap:wrap}
.bx-consent__actions .bx-btn{flex:1 1 140px;min-height:44px}

/* ---------- Tablet, 768px and up ---------- */
@media (min-width:768px){
	:root{--bx-gutter:32px}
	.bx-header__inner{padding-block:20px}
	.bx-logo img{width:300px}
	.bx-header__cta{display:inline-flex;min-width:210px}
	.bx-header__phone-label{display:none}
	.bx-header__phone-number{display:inline}
	.bx-hero__inner{padding-block:36px}
	.bx-hero__copy{gap:20px}
	.bx-hero__title{font-size:40px}
	.bx-hero__sub{font-size:21px}
	.bx-hero__price{font-size:32px}
	.bx-hero__ctas{flex-direction:row}
	.bx-hero__ctas .bx-btn--primary{flex:1.4}
	.bx-hero__ctas .bx-btn--outline{flex:1}
	.bx-chips{grid-template-columns:repeat(4,1fr)}
	.bx-logos__list{grid-template-columns:repeat(8,1fr);gap:26px}
	.bx-logos__list li{height:58px}
	.bx-benefits,.bx-methods{padding-block:48px}
	.bx-section__title{font-size:40px}
	.bx-section__sub{font-size:20px}
	.bx-section__cta .bx-btn{width:auto;min-width:300px}
	.bx-benefits__grid,.bx-benefits__rows{grid-template-columns:repeat(3,1fr);gap:20px}
	.bx-benefit{padding:24px;gap:16px}
	.bx-benefit__title{font-size:19px}
	.bx-benefit__text{font-size:16px}
	.bx-methods__grid{grid-template-columns:repeat(5,1fr);gap:16px}
	.bx-method__title{font-size:13px}
	.bx-faq{padding-block:48px}
	.bx-faq__inner{max-width:calc(820px + var(--bx-gutter) * 2)}
	.bx-quote{padding-block:36px}
	.bx-quote__panel{padding:36px}
	.bx-quote__title{font-size:33px}
	.bx-footer{padding-block:26px}
	.bx-sticky{display:none}
	body.bx-sticky-on{--bx-sticky-h:0px}
	.bx-dialog{place-items:center;padding:16px}
	.bx-dialog__panel{width:min(640px,100%);border-radius:22px;max-height:calc(100dvh - 40px);padding:48px 48px 40px;animation-name:bx-rise}
	.bx-dialog__close{width:36px;height:36px}
	.bx-dialog__progress{min-height:0}
	.bx-dialog__title{font-size:clamp(2.75rem,2rem + 1vw,3rem)}
	.bx-eyebrow-dlg{font-size:16px}
	.bx-row{flex-direction:row;gap:12px}
	.bx-consent{inset-inline:auto;inset-inline-start:24px;bottom:24px}
}

/* ---------- Desktop, 1024px and up ---------- */
@media (min-width:1024px){
	:root{--bx-gutter:60px}
	.bx-hero__inner{flex-direction:row-reverse;align-items:center;gap:40px}
	.bx-hero__copy,.bx-hero__media{flex:1 1 0;min-width:0}
	.bx-hero__title{font-size:43px}
	.bx-hero__media img{aspect-ratio:4/3;object-fit:cover}
	.bx-benefit__title{font-size:21px}
	.bx-benefit__text{font-size:17px}
	.bx-method__title{font-size:17px}
	.bx-method__img{aspect-ratio:231/170}
	.bx-quote__panel{flex-direction:row;align-items:center;gap:48px}
	.bx-quote__copy,.bx-quote__entry{flex:1 1 0}
	.bx-footer__inner{flex-direction:row;align-items:center;justify-content:space-between}
}

/* ---------- Narrow phones ---------- */
@media (max-width:374px){
	.bx-hero__title{font-size:26px}
	.bx-hero__price{font-size:24px}
	.bx-chips{grid-template-columns:1fr}
	.bx-logo img{width:160px}
	.bx-dialog__panel{padding-inline:16px}
	.bx-pill{flex:1 1 100%;text-align:center}
}

/* ---------- Side tab + drawer ----------
   Same pattern as the "מתחילים כאן" tab on galyam-studio.co.il: a fixed tab on the physical left edge
   (a compact pill bottom-left below 1200px) opens the SAME questionnaire as a left drawer at 1200px and up,
   and as a bottom sheet with a handle below that. The header button and the page CTAs keep the centred modal. */
.bx-tab{position:fixed;left:0;top:clamp(116px,calc(66vh - 95px),calc(100vh - 214px));top:clamp(116px,calc(66dvh - 95px),calc(100dvh - 214px));z-index:85;width:52px;height:190px;margin:0;padding:0;border:0;border-radius:0 14px 14px 0;background:var(--bx-primary);color:#fff;font-family:var(--bx-font);font-size:17px;font-weight:700;line-height:1.4;box-shadow:0 10px 28px rgba(20,16,12,.18);-webkit-appearance:none;appearance:none;transition:background-color 150ms,opacity 200ms,transform 200ms}
.bx-tab__chevron{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:14px;height:14px}
.bx-tab__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(14px) rotate(-90deg);white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
@media (hover:hover){.bx-tab:hover{background:var(--bx-primary-dark)}}
.bx-tab:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--bx-primary)}
body:has(.bx-dialog--side:not([hidden])) .bx-tab{opacity:0;visibility:hidden;pointer-events:none}
@media (max-width:1199.98px){
	.bx-tab{top:auto;left:12px;bottom:calc(22px + env(safe-area-inset-bottom,0px));width:auto;min-width:178px;height:52px;padding:0 20px 0 18px;border-radius:999px;display:inline-flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:10px;font-size:16px}
	.bx-tab__chevron,.bx-tab__label{position:static;transform:none}
	.bx-tab__label{max-width:none}
}
/* above the mobile bottom bar while it is showing */
body.bx-sticky-on .bx-tab{bottom:calc(var(--bx-sticky-h) + 14px)}
@media (max-width:767.98px){body:has([data-bx-consent]:not([hidden])) .bx-tab{display:none}}

.bx-dialog--side{padding:0}
.bx-dialog--side .bx-dialog__backdrop{animation:bx-fade 220ms var(--q-ease) both,bx-guard 360ms step-end both}
.bx-dialog--side.is-closing{pointer-events:none}
.bx-dialog--side.is-closing .bx-dialog__backdrop{animation:bx-fade-out 220ms var(--q-ease) both}
.bx-dialog--side .bx-dialog__panel{position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;max-height:90vh;max-height:90dvh;border-radius:24px 24px 0 0;padding:40px 24px calc(16px + env(safe-area-inset-bottom,0px));animation:bx-slide-up 320ms cubic-bezier(.16,1,.3,1) both}
.bx-dialog--side .bx-dialog__panel::before{content:"";position:absolute;top:10px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--q-track)}
.bx-dialog--side .bx-dialog__close{top:16px;left:16px;width:44px;height:44px}
.bx-dialog--side .bx-dialog__progress{margin-top:20px;padding-inline-end:0}
.bx-dialog--side.is-closing .bx-dialog__panel{animation:bx-slide-down 260ms cubic-bezier(.4,0,1,1) both}
.bx-dialog--side .bx-actions{position:sticky;bottom:0;z-index:1;margin-inline:-8px;padding:12px 8px 8px;background:var(--q-surface);box-shadow:0 -14px 14px -12px rgba(20,16,12,.14)}
@media (max-width:767.98px){.bx-dialog--side .bx-pill{flex:1 1 100%;text-align:center}}
@media (min-width:1200px){
	.bx-dialog--side .bx-dialog__panel{top:0;right:auto;bottom:auto;width:clamp(560px,calc(440px + 100vw / 12),600px);height:100vh;height:100dvh;max-height:none;border-radius:0 20px 20px 0;padding:48px 40px 24px;box-shadow:24px 0 80px rgba(20,16,12,.22);animation:bx-drawer-in 320ms cubic-bezier(.16,1,.3,1) both}
	.bx-dialog--side .bx-dialog__panel::before{display:none}
	.bx-dialog--side .bx-dialog__close{top:24px;left:24px}
	.bx-dialog--side .bx-dialog__progress{margin-top:24px}
	.bx-dialog--side.is-closing .bx-dialog__panel{animation:bx-drawer-out 260ms cubic-bezier(.4,0,1,1) both}
}
@keyframes bx-drawer-in{from{transform:translateX(-100%)}to{transform:none}}
@keyframes bx-drawer-out{from{transform:none}to{transform:translateX(-100%)}}
@keyframes bx-slide-down{from{transform:none}to{transform:translateY(100%)}}
@keyframes bx-fade-out{from{opacity:1}to{opacity:0}}
@keyframes bx-guard{from{pointer-events:none}to{pointer-events:auto}}