/* SHEVUK site stylesheet — the approved sketch v2.1 (design/src/styles.css) + Elementor adapter layers. Built by RAMS Studio. */
/* heading widgets are neutral: they inherit the sketch classes set on the wrapper; beats Astra's .elementor-widget-heading h2.elementor-heading-title{line-height:1em}; sketch rules that style a heading tag by descendant get a wrapper class instead (e.g. .ftr-h4) */
.shv .elementor-widget-heading .elementor-heading-title{font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;margin:0;padding:0;text-align:inherit;text-transform:inherit}
/* Astra's customizer button/field styles (Bebas Neue, uppercase, 2px tracking, blue fill) — neutral here, the sketch components style themselves */
:where(.shv) :where(button,input[type=button],input[type=submit],input[type=reset]),:where(.shv) button{letter-spacing:normal;text-transform:none;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;line-height:inherit;box-shadow:none}
.shv .elementor-widget .elementor-button,.shv .elementor-widget-button .elementor-button{letter-spacing:normal;text-transform:none}
/* Astra sets html{font-size:93.75%} — the design is built on the browser default (1rem = 16px) */
html{font-size:100%}
/* the sketch divs are plain blocks (margins collapse); Elementor containers default to flex. Sketch classes that need flex/grid set it themselves (same specificity, later). */
:where(.shv) .e-con{display:block;flex-wrap:nowrap;width:auto}
/* Elementor switches every container to flex-wrap:wrap + width:100% under 767px — the sketch never does */
@media (max-width:767px){:where(.shv) .e-con{flex-wrap:nowrap;width:auto}}
/* WordPress core helper (Astra's sheet used to provide it) */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--paper,#fff);clip:auto!important;clip-path:none;color:var(--ink,#000);display:block;font-size:14px;height:auto;left:5px;padding:12px 16px;top:5px;width:auto;z-index:100000}
*,*::before,*::after{box-sizing:border-box}

/* ============================================================
   SHEVUK: סקיצת אתר v2 · "בוצע ✓"
   Karantina (תצוגה) + Noto Sans Hebrew (גוף) · נייר, דיו, חותמת אדומה
   ============================================================ */
:root{
  --paper:#F1EDE2; --paper-2:#E9E3D5; --paper-3:#DDD5C3;
  --ink:#17171A; --ink-2:#222226;
  --stone:#655F54; --ghost:#8E8878; --ghost-dark:#8C8779;
  --red:#B8341E; --red-lit:#E0553B;
  --line:rgba(23,23,26,.14); --line-2:rgba(23,23,26,.32); --line-d:rgba(241,237,226,.16);
  --wa:#25D366;
  --f-d:'Karantina','Noto Sans Hebrew',sans-serif;
  --f-b:'Noto Sans Hebrew',system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --hdr-h:76px;
  --px:clamp(16px,4.4vw,72px);
  --sgap:clamp(16px,2vw,32px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.shv{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-b);font-size:18px;font-weight:400;line-height:1.7;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
:where(.shv) a{color:inherit}
:where(.shv) button{font:inherit;color:inherit;cursor:pointer}
:where(.shv) p{margin:0 0 1em}
:where(.shv) :is(ol,ul){margin:0;padding:0;list-style:none}
:where(.shv) :is(h1,h2,h3,h4,h5,h6){margin:0;font-weight:inherit;font-size:inherit;line-height:inherit;font-family:inherit;color:inherit}
::selection{background:var(--red);color:var(--paper)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.nw{white-space:nowrap}

/* ---------- layout ---------- */
.wrap{max-width:1680px;margin-inline:auto;padding-inline:var(--px)}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sgap)}
/* span sets only the END, so a start-N helper can combine with it */
.span-3{grid-column-end:span 3}.span-4{grid-column-end:span 4}.span-5{grid-column-end:span 5}.span-6{grid-column-end:span 6}.span-7{grid-column-end:span 7}.span-8{grid-column-end:span 8}.span-12{grid-column:1/-1}
.start-5{grid-column-start:5}.start-6{grid-column-start:6}.start-7{grid-column-start:7}.start-8{grid-column-start:8}.start-9{grid-column-start:9}
@media (max-width:900px){.g12{grid-template-columns:1fr;row-gap:28px}.g12>*{grid-column:1/-1!important}}
.sec{padding-block:clamp(72px,10vw,152px);position:relative}
.sec--tight{padding-block:clamp(48px,6vw,88px)}
.sec--p2{background:var(--paper-2)}
.sec--ink{background:var(--ink);color:var(--paper)}
.sec--red{background:var(--red);color:var(--paper)}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ---------- type ---------- */
.display{font-family:var(--f-d);font-weight:700;line-height:.86;letter-spacing:-.004em}
.d-xxl{font-size:clamp(78px,12.4vw,212px)}
.d-xl{font-size:clamp(64px,8.6vw,146px)}
.d-l{font-size:clamp(52px,6vw,104px)}
.d-m{font-size:clamp(40px,3.8vw,64px);line-height:.92}
.dim{color:var(--ghost)}
.sec--ink .dim{color:var(--ghost-dark)}
.sec--red .dim{color:rgba(241,237,226,.6)}
.lead{font-size:clamp(19px,1rem + .45vw,23px);line-height:1.55;max-width:44ch}
.muted{color:var(--stone)}
.sec--ink .muted{color:rgba(241,237,226,.66)}
.small{font-size:15px;line-height:1.6}
.xs{font-size:13px;line-height:1.5}
.label{font-size:14px;font-weight:600;color:var(--stone);margin-bottom:12px}
.sec--ink .label{color:rgba(241,237,226,.6)}
.sec--red .label{color:rgba(241,237,226,.8)}

/* ---------- buttons & links ---------- */
:where(a,button).btn,.elementor-widget.btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:1.5px solid transparent;border-radius:999px;font-family:var(--f-b);font-weight:600;font-size:17px;line-height:1.1;text-decoration:none;white-space:nowrap;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s,transform .15s}
:where(a,button).btn svg,.elementor-widget.btn .elementor-button .elementor-button-content-wrapper::after{width:20px;height:20px;flex:none}
:where(a,button).btn:active,.elementor-widget.btn .elementor-button:active{transform:translateY(1px)}
:where(a,button).btn--ink,.elementor-widget.btn--ink .elementor-button{background:var(--ink);color:var(--paper)}
:where(a,button).btn--ink:hover,.elementor-widget.btn--ink .elementor-button:hover{background:var(--red)}
:where(a,button).btn--red,.elementor-widget.btn--red .elementor-button{background:var(--red);color:var(--paper)}
:where(a,button).btn--red:hover,.elementor-widget.btn--red .elementor-button:hover{background:var(--ink)}
:where(a,button).btn--line,.elementor-widget.btn--line .elementor-button{border-color:var(--ink);color:var(--ink);background:transparent}
:where(a,button).btn--line:hover,.elementor-widget.btn--line .elementor-button:hover{background:var(--ink);color:var(--paper)}
:where(a,button).btn--paper,.elementor-widget.btn--paper .elementor-button{background:var(--paper);color:var(--ink)}
:where(a,button).btn--paper:hover,.elementor-widget.btn--paper .elementor-button:hover{background:var(--ink);color:var(--paper)}
.sec--ink :where(a,button).btn--line,.sec--ink .elementor-widget.btn--line .elementor-button,.sec--red :where(a,button).btn--line,.sec--red .elementor-widget.btn--line .elementor-button,.on-ink :where(a,button).btn--line,.on-ink .elementor-widget.btn--line .elementor-button{border-color:var(--paper);color:var(--paper)}
.sec--ink :where(a,button).btn--line:hover,.sec--ink .elementor-widget.btn--line .elementor-button:hover,.sec--red :where(a,button).btn--line:hover,.sec--red .elementor-widget.btn--line .elementor-button:hover,.on-ink :where(a,button).btn--line:hover,.on-ink .elementor-widget.btn--line .elementor-button:hover{background:var(--paper);color:var(--ink)}
:where(a,button).btn .wa-dot,.elementor-widget.btn.i-wa .elementor-button-content-wrapper::before{width:9px;height:9px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 3px rgba(37,211,102,.22);flex:none}
:where(a,button).btn--sm,.elementor-widget.btn--sm .elementor-button{min-height:44px;padding:0 18px;font-size:15px}
:where(a,button).btn--block,.elementor-widget.btn--block .elementor-button{width:100%}
:where(a,button).go,.elementor-widget.go .elementor-button{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:3px;transition:color .2s}
:where(a,button).go svg,.elementor-widget.go .elementor-button .elementor-button-content-wrapper::after{width:18px;height:18px;transition:transform .35s var(--ease)}
:where(a,button).go:hover,.elementor-widget.go .elementor-button:hover{color:var(--red)}
:where(a,button).go:hover svg,.elementor-widget.go .elementor-button:hover .elementor-button-content-wrapper::after{transform:translateX(-4px)}
.sec--ink :where(a,button).go:hover,.sec--ink .elementor-widget.go .elementor-button:hover,.sec--red :where(a,button).go:hover,.sec--red .elementor-widget.go .elementor-button:hover{color:var(--paper);opacity:.8}

/* ---------- icons ---------- */
i[data-icon]{display:inline-flex;font-style:normal}
.ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- stamp: the brand mark ---------- */
.stamp{display:inline-flex;align-items:center;gap:.14em;font-family:var(--f-d);font-weight:700;color:var(--red);border:.085em solid currentColor;outline:.03em solid currentColor;outline-offset:.07em;padding:.04em .3em .08em;line-height:1;transform:rotate(-8deg);filter:url(#rough);white-space:nowrap}
.stamp svg{width:.74em;height:.74em;stroke:currentColor;stroke-width:3.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sec--ink .stamp,.on-ink .stamp{color:var(--red-lit)}
.stamp--sm{font-size:27px}
.stamp--md{font-size:40px}

/* ---------- header ---------- */
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 16px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
.hdr{position:fixed;inset-inline:0;top:0;z-index:90;height:var(--hdr-h);background:var(--paper);transition:box-shadow .3s}
.hdr.is-stuck{box-shadow:0 1px 0 var(--line-2)}
.hdr__in{height:100%;display:flex;align-items:center;gap:clamp(16px,3vw,48px)}
.hdr__logo img{width:138px;height:auto}
.nav{flex:1}
.nav>ul{display:flex;gap:clamp(10px,1.8vw,30px);align-items:center}
.nav a,.nav button{display:inline-flex;align-items:center;gap:4px;padding:8px 0;border:0;background:none;text-decoration:none;font-weight:500;font-size:16px;position:relative}
.nav a::after,.nav button::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:1.5px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.nav a:hover::after,.nav button:hover::after,.nav a[aria-current=page]::after,.nav button[aria-expanded=true]::after{transform:scaleX(1)}
.nav .ic{width:15px;height:15px;transition:transform .3s}
.nav button[aria-expanded=true] .ic{transform:rotate(180deg)}
.nav .shop{color:var(--red)}
.hdr__act{display:flex;gap:18px;align-items:center}
.hdr__tel{font-weight:600;font-size:15px;text-decoration:none;direction:ltr}
.hdr__tel:hover{color:var(--red)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red-lit);flex:none;animation:ping 2s ease-out infinite}
.hdr__cta:hover .live-dot{background:var(--paper)}
.hdr__cta[aria-current=page]{background:var(--red)}
.hdr__cta[aria-current=page] .live-dot{background:var(--paper)}
.t-short{display:none}
.oc__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.burger{display:none;width:44px;height:44px;border:1.5px solid var(--ink);border-radius:50%;background:none;place-items:center}
/* desktop: logo | menu (true page centre) | actions */
@media (min-width:1101px){.hdr__in{display:grid;grid-template-columns:1fr auto 1fr}.hdr__logo{justify-self:start}.nav{flex:none}.nav>ul{justify-content:center}.hdr__act{justify-self:end}}
@media (max-width:1100px){.nav,.hdr__tel{display:none}.burger{display:grid}.hdr__in{justify-content:space-between}}
@media (max-width:767px){:root{--hdr-h:64px}.hdr__logo img{width:112px}.hdr__act{gap:10px}.hdr__act .btn{min-height:44px;padding:0 16px}.t-long{display:none}.t-short{display:inline}}

/* ---------- mega ---------- */
.mega{position:fixed;inset-inline:0;top:var(--hdr-h);z-index:89;background:var(--paper);border-bottom:1.5px solid var(--ink);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .5s var(--ease),visibility .5s}
.mega.is-open{clip-path:inset(0 0 0 0);visibility:visible}
.mega__in{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid var(--line-2)}
.mega__in>div{padding:30px var(--sgap) 36px}
.mega__in>div+div{border-inline-start:1px solid var(--line-2)}
.mega__main>a{text-decoration:none;display:block}
.mega__main .display{font-size:58px;line-height:.9;transition:color .2s}
.mega__main>a:hover .display{color:var(--red)}
.mega__main p{margin:10px 0 0;color:var(--stone);font-size:15px}
.mega__months{display:flex;margin-top:20px;border:1.5px solid var(--ink);border-radius:14px;overflow:hidden}
.mega__months a{flex:1;text-align:center;padding:9px 4px 7px;font-size:12.5px;font-weight:600;text-decoration:none;line-height:1.2}
.mega__months a+a{border-inline-start:1px solid var(--line-2)}
.mega__months a b{display:block;font-family:var(--f-d);font-size:30px;line-height:1}
.mega__months a:hover{background:var(--ink);color:var(--paper)}
.mega__list li+li{border-top:1px solid var(--line-2)}
.mega__list a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;text-decoration:none}
.mega__list a b{font-family:var(--f-d);font-size:36px;line-height:1}
.mega__list a span{font-size:13.5px;color:var(--stone)}
.mega__list a:hover b{color:var(--red)}
.mega__cta{background:var(--ink);color:var(--paper);min-height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.mega__cta .display{font-size:46px}
.mega__store{display:none}
body.has-store .mega__cta{display:none}
body.has-store .mega__store{display:block}
.mega__store .display{font-size:40px;color:var(--red)}
.budget{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}
.budget a,.budget button{border:1.5px solid var(--ink);border-radius:999px;padding:7px 15px;font-weight:600;font-size:15px;text-decoration:none;background:none;line-height:1.2}
.budget a:hover,.budget button:hover,.budget [aria-pressed=true]{background:var(--ink);color:var(--paper)}
.mega__cats{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.mega__cats a{text-decoration:none;font-weight:600;font-size:15px;padding:5px 0;border-bottom:1px solid var(--line)}
.mega__cats a:hover{color:var(--red)}
.mega-scrim{position:fixed;inset:0;top:var(--hdr-h);z-index:80;background:rgba(23,23,26,.24);opacity:0;visibility:hidden;transition:.3s}
.mega-scrim.is-open{opacity:1;visibility:visible}

/* ---------- off-canvas ---------- */
.oc{position:fixed;inset:0;z-index:120;visibility:hidden}
.oc.is-open{visibility:visible}
.oc__panel{position:absolute;inset:0;background:var(--ink);color:var(--paper);clip-path:circle(0% at 8% 4%);transition:clip-path .6s var(--ease);display:flex;flex-direction:column;overflow:auto}
.oc.is-open .oc__panel{clip-path:circle(160% at 8% 4%)}
.oc__top{display:flex;justify-content:space-between;align-items:center;padding:0 var(--px);min-height:var(--hdr-h)}
.oc__top img{width:112px}
.oc__close{width:44px;height:44px;border:1.5px solid var(--paper);border-radius:50%;background:none;color:var(--paper);display:grid;place-items:center}
.oc__nav{padding:18px var(--px) 0;flex:1}
.oc__nav a{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-d);font-weight:700;font-size:52px;line-height:1.05;text-decoration:none;padding:4px 0;border-bottom:1px solid var(--line-d)}
.oc__nav a small{font-family:var(--f-b);font-size:13px;font-weight:500;opacity:.55}
.oc__nav .shop{color:var(--red-lit)}
.oc__cta{padding:24px var(--px) 32px;display:grid;gap:10px}

/* ---------- forms: underline inputs ---------- */
.u{display:block;position:relative}
.u>span{display:block;font-size:13px;font-weight:600;color:var(--stone);margin-bottom:2px}
.u input,.u textarea,.u select{width:100%;border:0;border-bottom:1.5px solid var(--ink);background:transparent;border-radius:0;padding:10px 0 9px;font:inherit;font-size:19px;color:var(--ink);transition:border-color .25s,box-shadow .25s}
.u textarea{min-height:110px;resize:vertical}
.u select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2317171A' stroke-width='1.7' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 2px center}
.u input:focus,.u textarea:focus,.u select:focus{outline:none;border-bottom-color:var(--red);box-shadow:0 1.5px 0 var(--red)}
.u input::placeholder,.u textarea::placeholder{color:#9A9486}
.u input[type=tel],.u input[type=url],.u input[type=email],.u input[dir=ltr]{direction:ltr;text-align:right}
.sec--ink .u>span,.sec--red .u>span{color:rgba(241,237,226,.75)}
.sec--ink .u input,.sec--red .u input{color:var(--paper);border-bottom-color:rgba(241,237,226,.75)}
.sec--ink .u input::placeholder,.sec--red .u input::placeholder{color:rgba(241,237,226,.5)}
.sec--red .u input:focus,.sec--ink .u input:focus{border-bottom-color:var(--paper);box-shadow:0 1.5px 0 var(--paper)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--stone)}
.chk input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ink);flex:none}
.chk a{color:inherit}
.sec--ink .chk,.sec--red .chk{color:rgba(241,237,226,.8)}
.sec--red .chk input,.sec--ink .chk input{accent-color:var(--paper)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px}
.fgrid .full{grid-column:1/-1}
@media (max-width:620px){.fgrid{grid-template-columns:1fr}}

/* ---------- hero ---------- */
.hero{padding-top:calc(var(--hdr-h) + clamp(20px,3vw,40px));padding-bottom:clamp(40px,5vw,72px);min-height:100dvh;display:flex;flex-direction:column}
.hero>.wrap{flex:1;display:flex;flex-direction:column;width:100%}
.hero__meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px;font-weight:500;padding-bottom:16px;border-bottom:1px solid var(--line-2)}
.hero__meta .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-inline-end:8px;vertical-align:middle;animation:blink 2.4s ease-in-out infinite}
.hero__h{margin:clamp(28px,5vw,72px) 0 auto}
.hero__kw{display:block;font-size:clamp(17px,1rem + .3vw,21px);font-weight:600;margin-bottom:clamp(10px,1.6vw,22px)}
.hero__l{display:block;overflow:hidden;padding-bottom:.05em}
.hero__l .ln{display:inline-block;transform:translateY(105%);animation:rise 1.1s var(--ease) forwards}
.hero__l2 .ln{animation-delay:.12s}
.hero__l2{overflow:visible}
.hero__l2 .clip{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.05em}
.stamp--hero{font-size:clamp(34px,4.4vw,74px);margin-inline-start:.3em;vertical-align:.35em;opacity:0;animation:thunk .55s var(--ease) 1s forwards}
.hero__foot{margin-top:clamp(40px,5vw,72px);align-items:end}
.hero__foot .row{margin-top:26px}
.slip{border-top:3px solid var(--ink);padding-top:16px}
.slip__t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:17px}
.slip__t small{font-weight:500;color:var(--stone);font-size:14px}
.slip__row{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:22px}
.slip__end{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;flex-wrap:wrap}
.slip__end .chk{max-width:36ch}
@media (max-width:760px){.slip__row{grid-template-columns:1fr}.hero{min-height:auto}.hero__meta span+span{display:none}}

/* ---------- ticker ---------- */
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;padding:16px 0}
.ticker__track{display:flex;width:max-content;animation:tick 80s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker span{font-family:var(--f-d);font-weight:700;font-size:clamp(30px,3vw,46px);line-height:1;white-space:nowrap;padding-inline:20px;display:inline-flex;align-items:center;gap:20px}
.ticker span::after{content:"";width:.6em;height:.6em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E0553B' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l5 5L20 6'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- problem: the log ---------- */
.log__list{border-top:1.5px solid var(--ink)}
.log__list li{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line-2);font-size:18px;min-height:58px}
.log__list time{font-weight:600;color:var(--stone);direction:ltr;text-align:right;font-variant-numeric:tabular-nums;font-size:16px}
.log__list .bump{font-family:var(--f-d);font-weight:700;font-size:30px;line-height:1;color:var(--ghost)}
.log__list li.x span{color:var(--red);text-decoration:line-through;text-decoration-thickness:2px;font-weight:700}
.log__mine{margin-top:40px}
.log__mine>p{font-weight:700;margin-bottom:10px}
.log__list--ok{border-top-color:var(--red)}

/* ---------- worksheet: the gantt ---------- */
.sheet{background-color:var(--paper);background-image:linear-gradient(rgba(120,104,70,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(120,104,70,.15) 1px,transparent 1px);background-size:28px 28px;background-position:right top}
.sheet__head{align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.ws{border:1.5px solid var(--ink);background:rgba(245,242,234,.92)}
.ws__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.ws__col{border-inline-start:1px solid var(--line-2);display:flex;flex-direction:column;min-width:0;position:relative}
.ws__col:first-child{border-inline-start:0}
.ws__h{padding:16px 16px 14px;border-bottom:1.5px solid var(--ink);position:relative;min-height:118px}
.ws__h b{display:block;font-family:var(--f-d);font-size:58px;line-height:.85}
.ws__h span{display:block;font-weight:700;font-size:15px;line-height:1.3;margin-top:8px}
.ws__h .stamp{position:absolute;top:16px;inset-inline-end:12px;font-size:20px}
.ws__col.is-now{background:rgba(184,52,30,.05)}
.ws__col.is-now .ws__h{background:var(--ink);color:var(--paper)}
.ws__today{position:absolute;top:16px;inset-inline-end:12px;font-size:12px;font-weight:700;background:var(--red);color:var(--paper);padding:3px 8px}
.ws__col ul{padding:6px 0;flex:1}
.ws__col li{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:9px 14px;font-size:14.5px;line-height:1.4;border-bottom:1px dashed var(--line)}
.ws__col li:last-child{border-bottom:0}
.ws__col li .box{width:18px;height:18px;border:1.5px solid var(--ink);display:grid;place-items:center;margin-top:1px;background:var(--paper);position:relative}
.ws__col li .box svg{position:absolute;width:22px;height:22px;top:-7px;right:-3px;stroke:var(--red);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .5s var(--ease);transition-delay:calc(var(--i,0) * 55ms + 200ms)}
.ws.in li.done .box svg{stroke-dashoffset:0}
.ws__col li time{display:block;font-size:12px;color:var(--stone);font-weight:600}
.ws__col li.doing .box{border-color:var(--red);background:repeating-linear-gradient(135deg,rgba(184,52,30,.4) 0 3px,transparent 3px 6px)}
.ws__col li.doing time{color:var(--red)}
.ws__col li.more{font-weight:600;color:var(--stone);display:block}
.ws__get{margin:0;padding:12px 14px 14px;border-top:1px solid var(--line-2);font-size:13.5px;line-height:1.45}
.ws__get b{display:block;font-size:12px;color:var(--stone)}
.ws__monthly{display:flex;flex-wrap:wrap;gap:8px 0;align-items:center;border-top:1.5px solid var(--ink);padding:14px 16px;background:var(--ink);color:var(--paper)}
.ws__monthly b{font-family:var(--f-d);font-size:32px;line-height:1;margin-inline-end:18px}
.ws__monthly span{font-size:14.5px;font-weight:500;padding-inline:14px;border-inline-start:1px solid var(--line-d)}
.ws__monthly b+span{border:0;padding-inline-start:0}
.ws__note{margin-top:14px;font-size:14px;color:var(--stone)}
@media (max-width:1100px){.ws{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.ws__grid{grid-template-columns:repeat(6,260px);width:max-content}.ws__col{scroll-snap-align:start}.ws__monthly{width:1560px}}
@media (max-width:767px){.ws__grid{grid-template-columns:repeat(6,80vw)}.ws__monthly{width:480vw}}

/* ---------- services index ---------- */
.index{border-top:1.5px solid var(--ink)}
.index>li{border-bottom:1.5px solid var(--ink)}
.index a{display:grid;grid-template-columns:80px minmax(0,1.3fr) minmax(0,1fr) 56px;gap:var(--sgap);align-items:center;padding:clamp(18px,2.4vw,30px) 0;text-decoration:none;position:relative;isolation:isolate;transition:color .45s var(--ease)}
.index a::before{content:"";position:absolute;inset:0 calc(var(--px) * -1);background:var(--ink);z-index:-1;clip-path:inset(0 0 100% 0);transition:clip-path .55s var(--ease)}
.index a:hover{color:var(--paper)}
.index a:hover::before{clip-path:inset(0 0 0 0)}
.index__n{font-family:var(--f-d);font-size:38px;line-height:1;color:var(--ghost)}
.index__t{font-family:var(--f-d);font-weight:700;font-size:clamp(46px,5.4vw,96px);line-height:.9}
.index__d{font-size:17px;line-height:1.5;max-width:38ch}
.index__go .ic{width:44px;height:44px;stroke-width:1.3;transition:transform .5s var(--ease)}
.index a:hover .index__go .ic{transform:translateX(-10px)}
.index .is-shop .index__t{color:var(--red)}
.index a:hover .index__t{color:inherit}
@media (max-width:767px){.index a{grid-template-columns:44px 1fr;row-gap:6px}.index__d{grid-column:2}.index__go{display:none}.index__n{font-size:26px}}

/* ---------- proof (ink) ---------- */
.inds{display:flex;flex-wrap:wrap;gap:.06em .28em;font-family:var(--f-d);font-weight:700;font-size:clamp(40px,4.8vw,84px);line-height:1.02}
.inds li{transition:color .3s}
.inds li::after{content:"/";color:var(--ghost-dark);margin-inline-start:.28em;font-weight:400}
.inds li:last-child::after{content:none}
.inds li:hover{color:var(--red-lit)}
.cases{border-top:1.5px solid currentColor}
.case-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr) minmax(0,1.3fr) 140px 36px;gap:var(--sgap);align-items:center;padding:22px 0;border-bottom:1px solid var(--line-2);text-decoration:none}
.sec--ink .case-row{border-bottom-color:var(--line-d)}
.case-row__ind{font-weight:700;font-size:18px}
.case-row__what{font-size:16px;line-height:1.5}
.case-row__res{display:flex;align-items:baseline;gap:10px}
.case-row__res b{font-family:var(--f-d);font-size:54px;line-height:.9;color:var(--red);direction:ltr;unicode-bidi:isolate}
.sec--ink .case-row__res b{color:var(--red-lit)}
.case-row__res span{font-size:14px;line-height:1.35}
.case-row svg.spark{width:140px;height:40px}
.case-row>.ic{width:28px;height:28px;transition:transform .4s var(--ease)}
.case-row:hover>.ic{transform:translateX(-6px)}
.case-row:hover .case-row__ind{color:var(--red)}
.sec--ink .case-row:hover .case-row__ind{color:var(--red-lit)}
@media (max-width:900px){.case-row{grid-template-columns:1fr 1fr;row-gap:8px}.case-row svg.spark,.case-row>.ic{display:none}.case-row__what{grid-column:1/-1;order:3}}
.demo-flag{display:inline-block;font-size:12px;font-weight:700;border:1px dashed currentColor;padding:2px 8px;opacity:.8;vertical-align:middle}
.filter{display:flex;flex-wrap:wrap;gap:0;border-bottom:1.5px solid var(--ink);margin-bottom:0}
.filter button{border:0;background:none;padding:10px 16px 10px 0;font-weight:600;font-size:15.5px;color:var(--stone);position:relative}
.filter button[aria-pressed=true]{color:var(--ink)}
.filter button[aria-pressed=true]::after{content:"";position:absolute;inset-inline:0 16px;bottom:-1.5px;height:3px;background:var(--red)}

/* ---------- simulator ---------- */
.sim__head{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid var(--ink);padding-bottom:12px;margin-bottom:28px}
.sim__prog{display:flex;gap:6px}
.sim__prog span{width:34px;height:4px;background:var(--line-2);transition:background .3s}
.sim__prog span.on{background:var(--red)}
.sim__step{display:none}
.sim__step.on{display:block;animation:fadeUp .5s var(--ease)}
.sim__q{font-family:var(--f-d);font-weight:700;font-size:clamp(46px,5vw,84px);line-height:.92;margin:0 0 26px}
.opts{display:flex;flex-wrap:wrap;gap:10px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.opt label{display:inline-flex;align-items:center;min-height:58px;padding:0 24px;border:1.5px solid var(--ink);border-radius:999px;font-weight:600;font-size:18px;cursor:pointer;transition:background .25s,color .25s}
.opt label:hover{background:var(--paper-3)}
.opt input:checked+label{background:var(--ink);color:var(--paper)}
.opt input:focus-visible+label{outline:2px solid var(--red);outline-offset:3px}
.sim__nav{display:flex;justify-content:space-between;align-items:center;margin-top:34px;gap:12px}
.sim__err{color:var(--red);font-size:15px;font-weight:600;min-height:22px;margin:16px 0 0}
.sim .fgrid{max-width:720px}

/* ---------- about teaser ---------- */
.portrait{aspect-ratio:4/5;background:var(--paper-3);position:relative;display:grid;place-items:center;text-align:center;color:var(--stone)}
.portrait::before{content:"";position:absolute;inset:14px;border:1px solid var(--line-2)}
.portrait p{position:relative;font-size:15px;font-weight:600;margin:0}
.portrait .display{display:block;font-size:150px;color:var(--ghost);line-height:1;margin-bottom:4px}
.portrait .stamp{position:absolute;bottom:34px;inset-inline-end:-22px;font-size:34px;background:var(--paper)}
.sign{margin-top:28px;display:flex;align-items:center;gap:16px;font-size:15px;color:var(--stone)}
.sign img{width:150px}
.quote-big{font-family:var(--f-d);font-weight:700;font-size:clamp(42px,3.8vw,66px);line-height:.98;margin:0 0 28px}

/* ---------- posts index ---------- */
.posts{border-top:1.5px solid var(--ink)}
.posts li{border-bottom:1px solid var(--line-2)}
.posts a{display:grid;grid-template-columns:170px minmax(0,1fr) 110px;gap:var(--sgap);align-items:baseline;padding:22px 0;text-decoration:none}
.posts .cat{font-size:14px;font-weight:600;color:var(--stone)}
.posts h3{font-family:var(--f-d);font-weight:700;font-size:clamp(32px,2.9vw,48px);line-height:.95;transition:color .25s}
.posts a:hover h3{color:var(--red)}
.posts .rt{font-size:14px;color:var(--stone);text-align:left}
@media (max-width:767px){.posts a{grid-template-columns:1fr;gap:4px}.posts .rt{text-align:right}}

/* ---------- faq ---------- */
.faq{border-top:1.5px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line-2)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:16px;align-items:center;padding:22px 0;font-weight:600;font-size:clamp(19px,1rem + .35vw,22px);line-height:1.35;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq .pm{width:22px;height:22px;position:relative}
.faq .pm::before,.faq .pm::after{content:"";position:absolute;top:50%;left:0;right:0;height:1.5px;background:currentColor;transition:transform .45s var(--ease)}
.faq .pm::after{transform:rotate(90deg)}
.faq details[open] .pm::after{transform:rotate(0)}
.faq summary:hover{color:var(--red)}
.faq .ans{padding:0 0 24px;color:var(--stone);max-width:66ch}
.faq .ans p:last-child{margin:0}

/* ---------- final CTA (red) ---------- */
.final .display{font-size:clamp(76px,11vw,196px)}
.final__form{display:grid;grid-template-columns:1fr 1fr auto;gap:22px;align-items:end;margin-top:clamp(36px,4vw,56px);max-width:1100px}
.final__form .chk{grid-column:1/-1}
@media (max-width:760px){.final__form{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.ftr{background:var(--ink);color:var(--paper);padding-top:clamp(64px,8vw,112px)}
.ftr__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--sgap);padding-bottom:56px}
.ftr__logo{width:220px;margin-bottom:22px}
.ftr h4{font-size:13px;font-weight:600;color:rgba(241,237,226,.55);margin-bottom:14px}
.ftr ul{display:grid;gap:9px;font-size:16px}
.ftr a{text-decoration:none;font-size:16px}
.ftr a:hover{color:var(--red-lit)}
.ftr__bar{border-top:1px solid var(--line-d);padding-block:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:rgba(241,237,226,.6)}
.ftr__bar nav{display:flex;gap:20px;flex-wrap:wrap}
.ftr .shop-only{display:none}
body.has-store .ftr .shop-only{display:block}
@media (max-width:900px){.ftr__top{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ftr__top{grid-template-columns:1fr}}

/* ---------- inner page hero ---------- */
.phero{padding-top:calc(var(--hdr-h) + clamp(24px,3vw,44px));padding-bottom:clamp(48px,6vw,96px)}
.crumbs{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:500;color:var(--stone);padding-bottom:16px;border-bottom:1px solid var(--line-2);margin-bottom:clamp(28px,4vw,60px);flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--red)}
.crumbs .ic{width:14px;height:14px}
.phero .lead{margin-top:clamp(22px,2.4vw,36px)}
.tree svg{width:100%;height:auto;display:block}

/* documents */
.docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sgap)}
.doc h3{font-family:var(--f-d);font-weight:700;font-size:46px;line-height:.95;margin:26px 0 8px}
.doc p{color:var(--stone);margin:0}
.sheetmock{background:#FBFAF6;border:1.5px solid var(--ink);font-size:13px;box-shadow:8px 8px 0 var(--paper-3)}
.sheetmock table{width:100%;border-collapse:collapse}
.sheetmock th,.sheetmock td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:start;font-size:13px}
.sheetmock th{font-weight:700;background:var(--paper-2)}
.sheetmock .v{color:var(--red);font-weight:800}
.sheetmock .kp{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.sheetmock .kp div{padding:12px 10px}
.sheetmock .kp div+div{border-inline-start:1px solid var(--line)}
.sheetmock .kp b{display:block;font-family:var(--f-d);font-size:36px;line-height:1;direction:ltr;text-align:right}
.sheetmock svg{display:block;width:100%;height:70px}
.sheetmock .rec{padding:16px 14px;display:grid;gap:12px;font-weight:600;line-height:1.5}
@media (max-width:900px){.docs{grid-template-columns:1fr;row-gap:48px}}

/* text lists */
.tlist{border-top:1.5px solid var(--ink)}
.tlist li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--sgap);padding:20px 0;border-bottom:1px solid var(--line-2);align-items:baseline}
.tlist b{font-family:var(--f-d);font-weight:700;font-size:clamp(34px,3vw,50px);line-height:.95}
.tlist p{margin:0;color:var(--stone)}
.sec--ink .tlist{border-top-color:var(--paper)}
.sec--ink .tlist li{border-bottom-color:var(--line-d)}
.sec--ink .tlist p{color:rgba(241,237,226,.7)}
@media (max-width:767px){.tlist li{grid-template-columns:1fr;gap:4px}}
.checks{border-top:1.5px solid var(--ink)}
.checks li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line-2);font-size:18px;align-items:start}
.checks .ck .ic{width:28px;height:28px;stroke:var(--red);stroke-width:2.6}
.tools{display:flex;flex-wrap:wrap;border-top:1px solid var(--line-2);padding-top:6px}
.tools span{padding:10px 0;font-weight:600;font-size:17px;direction:ltr}
.tools span::after{content:"/";margin-inline:18px;color:var(--ghost)}
.tools span:last-child::after{content:none}

/* case single */
.cs-block{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--sgap);padding-block:34px;border-top:1px solid var(--line-2)}
.cs-block h2{font-family:var(--f-d);font-weight:700;font-size:52px;line-height:.9}
.cs-block .n{display:block;font-size:14px;font-weight:600;color:var(--stone);margin-bottom:6px}
@media (max-width:767px){.cs-block{grid-template-columns:1fr}}
.inline-num{font-family:var(--f-d);font-weight:700;font-size:1.9em;line-height:.8;color:var(--red-lit);display:inline-block}

/* article */
.post-layout{display:grid;grid-template-columns:260px minmax(0,700px);gap:clamp(28px,6vw,110px);align-items:start}
.toc{position:sticky;top:calc(var(--hdr-h) + 28px);border-top:1.5px solid var(--ink);padding-top:14px}
.toc h4{font-size:13px;font-weight:600;color:var(--stone);margin-bottom:8px}
.toc ol{display:grid;gap:2px;counter-reset:t}
.toc a{display:flex;gap:10px;text-decoration:none;padding:6px 0;font-size:15.5px;line-height:1.4;color:var(--stone)}
.toc a::before{counter-increment:t;content:counter(t);font-family:var(--f-d);font-size:22px;line-height:1;color:var(--ghost);min-width:14px}
.toc a:hover,.toc a.on{color:var(--ink)}
.toc a.on::before{color:var(--red)}
.toc-m{display:none}
.article{font-size:19px;line-height:1.85}
.article h2{font-family:var(--f-d);font-weight:700;font-size:clamp(40px,3.4vw,56px);line-height:.95;margin:1.5em 0 .45em;scroll-margin-top:calc(var(--hdr-h) + 24px)}
.article ul{border-top:1px solid var(--line-2);margin-bottom:1em}
.article ul li{padding:10px 0;border-bottom:1px solid var(--line-2)}
.article blockquote{margin:36px 0;font-family:var(--f-d);font-weight:700;font-size:48px;line-height:.98}
.note{border-inline-start:3px solid var(--red);padding:4px 18px 4px 0;margin:28px 0}
.author{display:grid;grid-template-columns:64px 1fr;gap:18px;border-top:1.5px solid var(--ink);padding-top:22px;margin-top:48px}
.avatar{width:64px;height:64px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:var(--f-d);font-size:40px;line-height:1}
@media (max-width:1024px){.post-layout{grid-template-columns:1fr}.toc{display:none}.toc-m{display:block;margin-bottom:28px;border-block:1px solid var(--line-2)}.toc-m summary{padding:14px 0;font-weight:600;cursor:pointer}.toc-m ol{padding-bottom:14px;display:grid}.toc-m a{text-decoration:none;padding:4px 0;display:block}}

/* contact */
.direct{border-top:1.5px solid var(--ink)}
.direct li{border-bottom:1px solid var(--line-2)}
.direct a,.direct li>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;text-decoration:none}
.direct b{font-family:var(--f-d);font-weight:700;font-size:44px;line-height:1}
.direct span{font-size:15px;color:var(--stone)}
.direct a:hover b{color:var(--red)}
.direct .wa b::after{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--wa);margin-inline-start:12px;vertical-align:middle}

/* thanks / result */
.levers{border-top:1.5px solid var(--ink);counter-reset:lv}
.lever{display:grid;grid-template-columns:90px minmax(0,1fr);gap:var(--sgap);padding:26px 0;border-bottom:1px solid var(--line-2)}
.lever::before{counter-increment:lv;content:"0" counter(lv);font-family:var(--f-d);font-size:66px;line-height:.85;color:var(--red)}
.lever h3{font-family:var(--f-d);font-weight:700;font-size:44px;line-height:.95;margin-bottom:8px}
.lever p{margin:0;color:var(--stone)}
.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1.5px solid var(--ink)}
.steps4>div{padding:20px 20px 22px;border-inline-start:1px solid var(--line-2)}
.steps4>div:first-child{border-inline-start:0;padding-inline-start:0}
.steps4 b{display:block;font-family:var(--f-d);font-size:58px;line-height:.85;color:var(--ghost)}
.steps4 h3{font-weight:700;font-size:19px;margin:12px 0 4px}
.steps4 p{margin:0;font-size:15.5px;color:var(--stone)}
.sec--ink .steps4{border-top-color:var(--paper)}
.sec--ink .steps4>div{border-inline-start-color:var(--line-d)}
.sec--ink .steps4 p{color:rgba(241,237,226,.66)}
@media (max-width:900px){.steps4{grid-template-columns:1fr 1fr}.steps4>div:nth-child(3){border-inline-start:0;padding-inline-start:0}}
@media (max-width:520px){.steps4{grid-template-columns:1fr}.steps4>div{border-inline-start:0!important;padding-inline-start:0!important;border-bottom:1px solid var(--line-2)}}

/* ============ STORE ============ */
.store-only,.store-inline{display:none}
body.has-store .store-only{display:block}
body.has-store .store-inline{display:list-item}
.shop{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.filters{position:sticky;top:calc(var(--hdr-h) + 24px);border-top:1.5px solid var(--ink);padding-top:14px}
.filters fieldset{border:0;padding:0;margin:0 0 26px}
.filters legend{font-weight:700;font-size:15px;padding:0;margin-bottom:8px}
.fcheck{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:16px;font-weight:500;cursor:pointer;border-bottom:1px solid var(--line)}
.fcheck input{width:18px;height:18px;accent-color:var(--ink);margin:0}
.fcheck small{margin-inline-start:auto;color:var(--stone);font-size:13px}
.filters .close-f{display:none}
.shop-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1.5px solid var(--ink);padding-bottom:12px;margin-bottom:24px}
.shop-top select{border:0;background:transparent;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.filter-btn{display:none}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px var(--sgap)}
.products--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pcard{text-decoration:none;display:flex;flex-direction:column;gap:6px}
.pimg{aspect-ratio:4/5;background:var(--pbg,var(--paper-3));display:grid;place-items:center;position:relative;overflow:hidden;margin-bottom:8px}
.pimg>i{width:34%;height:34%;display:grid;place-items:center;transition:transform .6s var(--ease)}
.pimg .ic{width:100%!important;height:100%!important;stroke-width:1;color:var(--ink)}
.pcard:hover .pimg>i{transform:scale(1.08) rotate(-4deg)}
.pimg .badge{position:absolute;top:12px;inset-inline-start:12px;font-size:12px;font-weight:700;background:var(--paper);padding:4px 9px}
.pcard h3{font-weight:600;font-size:17px;line-height:1.35}
.pcard .cat{font-size:13px;color:var(--stone)}
.price{font-family:var(--f-d);font-weight:700;font-size:36px;line-height:.9}
.price small{font-family:var(--f-b);font-weight:500;font-size:13px;color:var(--stone)}
.empty{grid-column:1/-1;padding:48px 0;border-block:1px solid var(--line-2);color:var(--stone)}
@media (max-width:1024px){.products,.products--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.shop{grid-template-columns:1fr}.filters{position:fixed;inset:0;z-index:130;background:var(--paper);padding:24px var(--px);overflow:auto;transform:translateX(100%);transition:transform .45s var(--ease)}.filters.is-open{transform:none}.filters .close-f{display:inline-flex}.filter-btn{display:inline-flex}}
.product{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,88px);align-items:start}
.gallery__main{aspect-ratio:1;background:#E6DDCB;display:grid;place-items:center;position:relative}
.gallery__main>i{width:32%;height:32%;display:grid;place-items:center}
.gallery__main .ic{width:100%!important;height:100%!important;stroke-width:.9}
.gallery__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.gallery__thumbs button{aspect-ratio:1;border:0;background:#EDE6D6;display:grid;place-items:center;outline-offset:-2px}
.gallery__thumbs button[aria-pressed=true]{outline:1.5px solid var(--ink)}
.gallery__thumbs i{width:40%;height:40%;display:grid;place-items:center}
.gallery__thumbs .ic{width:100%!important;height:100%!important;stroke-width:1.2}
.tiers{width:100%;border-collapse:collapse;margin:24px 0;border-top:1.5px solid var(--ink)}
.tiers th,.tiers td{padding:12px 4px;text-align:start;border-bottom:1px solid var(--line-2);font-size:16px}
.tiers th{font-size:13px;font-weight:600;color:var(--stone)}
.tiers tr.on td{font-weight:800}
.tiers tr.on td:first-child::before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);margin-inline-end:8px;vertical-align:middle}
.qty{display:inline-flex;border:1.5px solid var(--ink);border-radius:999px;overflow:hidden}
.qty button{width:48px;height:52px;border:0;background:none;font-size:22px}
.qty button:hover{background:var(--ink);color:var(--paper)}
.qty input{width:70px;height:52px;border:0;border-inline:1px solid var(--line-2);text-align:center;font:inherit;font-size:18px;font-weight:700;background:none;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.upload{display:flex;gap:14px;align-items:center;padding:16px 0;border-block:1px dashed var(--ink);cursor:pointer;position:relative;margin-top:18px}
.upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.total-line{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;margin-top:14px;border-top:1.5px solid var(--ink)}
.total-line b{font-family:var(--f-d);font-size:54px;line-height:.9}
.specs{width:100%;border-collapse:collapse;border-top:1.5px solid var(--ink)}
.specs th,.specs td{padding:12px 0;border-bottom:1px solid var(--line-2);text-align:start;font-size:16px}
.specs th{width:40%;color:var(--stone);font-weight:600}
@media (max-width:900px){.product{grid-template-columns:1fr}}
.checkout{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,88px);align-items:start}
.co-step{border-top:1.5px solid var(--ink);padding:18px 0 34px}
.co-step h2{display:flex;align-items:baseline;gap:14px;font-family:var(--f-d);font-weight:700;font-size:46px;line-height:.9;margin-bottom:22px}
.co-step h2 span{color:var(--red)}
.ship{display:grid;border-top:1px solid var(--line-2)}
.ship label{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-2);cursor:pointer;font-weight:600}
.ship label small{display:block;font-weight:400;color:var(--stone);font-size:14px}
.ship label .pr{margin-right:auto;font-family:var(--f-d);font-size:32px;line-height:1}
.ship input{accent-color:var(--ink);width:18px;height:18px;margin:0}
.summary{position:sticky;top:calc(var(--hdr-h) + 24px);background:var(--ink);color:var(--paper);padding:clamp(22px,2.6vw,34px)}
.summary .line{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-d);font-size:16px}
.summary .line.tot{border:0;align-items:baseline}
.summary .line.tot b{font-family:var(--f-d);font-size:58px;line-height:.9}
@media (max-width:900px){.checkout{grid-template-columns:1fr}.summary{position:static}}

/* ---------- floating + popup + review ---------- */
.fab-wa{position:fixed;bottom:20px;inset-inline-end:20px;z-index:95;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#0B1F14;display:grid;place-items:center;box-shadow:0 10px 24px rgba(19,120,60,.3);text-decoration:none;transition:transform .3s var(--ease)}
.fab-wa:hover{transform:scale(1.07)}
.fab-wa .ic{width:28px;height:28px}
.fab-a11y{position:fixed;top:50%;inset-inline-end:0;z-index:94;width:40px;height:44px;background:var(--ink);color:var(--paper);border:0;display:grid;place-items:center}
@media (max-width:767px){.fab-a11y{top:auto;bottom:140px;width:34px;height:40px}}
.modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:16px;visibility:hidden}
.modal.is-open{visibility:visible}
.modal__scrim{position:absolute;inset:0;background:rgba(23,23,26,.6);opacity:0;transition:opacity .35s}
.modal.is-open .modal__scrim{opacity:1}
.modal__box{position:relative;width:min(100%,760px);background:var(--paper);padding:clamp(28px,4vw,52px);transform:translateY(24px);opacity:0;transition:.5s var(--ease)}
.modal.is-open .modal__box{transform:none;opacity:1}
.modal__x{position:absolute;top:14px;inset-inline-end:14px;width:40px;height:40px;border:1.5px solid var(--ink);border-radius:50%;background:none;display:grid;place-items:center}
.modal .display{font-size:clamp(48px,5.2vw,76px);margin-bottom:22px;padding-inline-end:44px}
@media (max-width:767px){.modal{place-items:end center;padding:0}.modal__box{max-height:92vh;overflow:auto}}

.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%,20px);z-index:160;background:var(--ink);color:var(--paper);padding:12px 20px;font-weight:600;opacity:0;visibility:hidden;transition:.35s var(--ease);max-width:90vw;text-align:center}
.toast.on{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* ============ v2.1 SIGNATURE COMPONENTS ============ */

/* red-pen underline that draws itself */
.pen{position:relative;display:inline-block;white-space:nowrap}
.pen>svg{position:absolute;inset-inline:-3%;width:106%;bottom:-.06em;height:.2em;overflow:visible;pointer-events:none}
.pen path{fill:none;stroke:var(--red);stroke-width:6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease) .45s}
.pen--paper path{stroke:var(--paper)}
.in .pen path,.pen.in path{stroke-dashoffset:0}

/* hero live probe */
.probe{border-top:3px solid var(--ink);padding-top:16px}
.probe__t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:17px}
.probe__t small{font-weight:500;color:var(--stone);font-size:14px}
.probe__row{display:flex;gap:12px;align-items:flex-end}
.probe__row .u{flex:1}
.probe__row .u input{font-size:22px}
.probe__alt{margin:14px 0 0;font-size:14px;color:var(--stone)}
.probe__alt a{color:var(--ink);font-weight:600}
@media (max-width:620px){.probe__row{flex-direction:column;align-items:stretch}}

/* live audit */
.abar{display:flex;gap:12px;align-items:flex-end;max-width:860px;margin-top:clamp(28px,3vw,44px)}
.abar .u{flex:1}
.abar .u input{font-size:clamp(22px,2vw,28px)}
@media (max-width:620px){.abar{flex-direction:column;align-items:stretch}}
.run{border-top:1.5px solid var(--ink);max-width:860px}
.run li{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-2);font-size:18px;color:var(--stone);transition:color .3s}
.run li .spin{width:18px;height:18px;border:2px solid var(--line-2);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}
.run li.ok{color:var(--ink)}
.run li.ok .spin{animation:none;border:0;width:auto;height:auto}
.run li.ok .spin::before{content:"";display:block;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8341E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l5 5L20 6'/%3E%3C/svg%3E") center/contain no-repeat}
.run li.wait .spin{animation:none;border-style:dashed;border-color:var(--line-2)}
.run time{font-size:14px;direction:ltr}
.aout__src{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline;border-bottom:1.5px solid var(--ink);padding-bottom:14px;margin-bottom:clamp(28px,3vw,44px)}
.aout__src b{font-size:18px;direction:ltr}
.scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sgap)}
.score{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line-2)}
.ring{width:132px;height:132px;position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:9}
.ring .bg{stroke:var(--paper-3)}
.ring .fg{stroke:var(--c,var(--ink));stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.4s var(--ease) .2s}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-d);font-size:64px;line-height:1;color:var(--c,var(--ink))}
.score h3{font-family:var(--f-d);font-weight:700;font-size:44px;line-height:.95}
.score p{margin:6px 0 0;color:var(--stone);font-size:15.5px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1.5px solid var(--ink);margin-top:clamp(28px,3vw,44px)}
.metrics>div{padding:18px 18px 18px 0;border-inline-start:1px solid var(--line-2);padding-inline-start:18px}
.metrics>div:first-child{border-inline-start:0;padding-inline-start:0}
.metrics b{display:block;font-family:var(--f-d);font-size:48px;line-height:.9;direction:ltr;text-align:right}
.metrics span{font-size:14px;color:var(--stone)}
.metrics .bad b{color:var(--red)}
.fixes{border-top:1.5px solid var(--ink)}
.fixes li{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line-2);font-size:17px}
.fixes .mk{font-family:var(--f-d);font-size:30px;line-height:1;text-align:center}
.fixes .fail .mk{color:var(--red)}
.fixes .fail span:nth-child(2){font-weight:600}
.fixes em{font-style:normal;font-size:13px;color:var(--stone)}
.aout__lead{background:var(--ink);color:var(--paper);padding:clamp(24px,3vw,40px);margin-top:clamp(36px,4vw,56px)}
@media (max-width:900px){.scores{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics>div:nth-child(3){border-inline-start:0;padding-inline-start:0}}
@media (max-width:520px){.score{grid-template-columns:1fr}.ring{width:112px;height:112px}}

/* live log feed */
.feed{border-top:1.5px solid var(--paper)}
.feed li{display:grid;grid-template-columns:110px 150px minmax(0,1fr) auto;gap:var(--sgap);align-items:center;padding:16px 0;border-bottom:1px solid var(--line-d);font-size:17px}
.feed time{font-size:14px;color:rgba(241,237,226,.6);font-weight:600}
.feed .ind{font-weight:700}
.feed .stamp{font-size:22px}
.feed li.new{animation:feedIn .9s var(--ease)}
.feed li.new time{color:var(--red-lit)}
.feed li.new .stamp{animation:thunk .5s var(--ease) .25s both}
.feed__live{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:rgba(241,237,226,.75)}
.feed__live i{width:9px;height:9px;border-radius:50%;background:var(--red-lit);animation:blink 1.6s ease-in-out infinite}
@media (max-width:767px){.feed li{grid-template-columns:1fr auto;row-gap:2px}.feed time{grid-column:1/-1}.feed .ind{grid-column:1}.feed .what{grid-column:1/-1;font-size:16px}.feed .stamp{grid-row:1/3;grid-column:2}}

/* google before/after */
.serp{position:relative;display:grid;background:#fff;border:1.5px solid var(--ink);border-radius:18px;overflow:hidden}
.serp__side{grid-area:1/1;padding:clamp(22px,3vw,40px);font-family:Arial,'Noto Sans Hebrew',sans-serif;color:#202124;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.serp[data-state=before] .serp__after{opacity:0;transform:translateY(10px);pointer-events:none}
.serp[data-state=after] .serp__before{opacity:0;transform:translateY(-10px);pointer-events:none}
.serp__stamp{position:absolute;top:22px;inset-inline-end:26px;z-index:2;opacity:0}
.serp[data-state=after] .serp__stamp{animation:thunk .55s var(--ease) .35s forwards}
.serp__ctl{display:inline-flex;border:1.5px solid var(--ink);border-radius:999px;padding:4px;margin-bottom:16px;gap:4px}
.serp__ctl button{border:0;background:none;border-radius:999px;padding:9px 26px;font-weight:700;font-size:16px;transition:background .3s,color .3s}
.serp__ctl button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.serp__ctl button[data-s=after][aria-pressed=true]{background:var(--red)}
.g-q{display:flex;align-items:center;gap:10px;border:1px solid #DFE1E5;border-radius:24px;padding:10px 18px;max-width:640px;margin:10px auto 26px;font-size:16px;color:#202124}
.g-q svg{width:18px;height:18px;stroke:#5f6368;fill:none;stroke-width:2}
.g-r{max-width:640px;margin-inline:auto}
.g-site{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.g-fav{width:28px;height:28px;border-radius:50%;background:#F1F3F4;display:grid;place-items:center;font-size:13px;font-weight:700;color:#5f6368;flex:none}
.g-name{font-size:14px;line-height:1.3}
.g-url{display:block;font-size:12px;color:#4D5156;direction:ltr;text-align:right}
.g-title{display:block;font-size:20px;line-height:1.3;color:#1A0DAB;margin:2px 0 4px}
.g-snip{font-size:14px;line-height:1.58;color:#4D5156;margin:0}
.g-stars{font-size:14px;color:#4D5156;margin:2px 0 4px}
.g-stars b{color:#E7711B;letter-spacing:1px}
.g-faq{border-top:1px solid #DADCE0;margin-top:10px}
.g-faq div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #DADCE0;font-size:15px}
.g-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-top:12px}
.g-links a{color:#1A0DAB;font-size:15px;text-decoration:none}

/* plan builder */
.planner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,72px);align-items:start}
.pq{border:0;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line-2)}
.pq legend{display:flex;align-items:baseline;gap:12px;font-family:var(--f-d);font-weight:700;font-size:clamp(36px,3vw,50px);line-height:.95;padding:0;margin-bottom:18px}
.pq legend b{color:var(--red);font-size:.62em}
.pq .opts label{min-height:52px;font-size:17px;padding:0 22px}
.pq__sub{margin-top:16px;padding-inline-start:16px;border-inline-start:2px solid var(--red)}
.pq__sub p{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--stone)}
.range{width:100%;accent-color:var(--red);height:28px;margin:4px 0 8px;cursor:pointer}
.range__labels{display:flex;justify-content:space-between;font-size:13px;color:var(--stone);font-weight:600}
.range__out{display:block;font-family:var(--f-d);font-weight:700;font-size:40px;line-height:1;margin-bottom:6px}
.opt input[type=checkbox]+label::before{content:"+";font-family:var(--f-d);font-size:24px;line-height:1;margin-inline-end:10px;color:var(--red);transition:transform .3s var(--ease)}
.opt input[type=checkbox]:checked+label::before{content:"✓";color:var(--paper)}
.planner__out{position:sticky;top:calc(var(--hdr-h) + 20px);background:var(--ink);color:var(--paper);border-radius:22px;padding:clamp(22px,2.6vw,36px);overflow:hidden}
.planner__out .label{color:rgba(241,237,226,.65);margin-bottom:6px}
.planner__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.planner__price b{font-family:var(--f-d);font-weight:700;font-size:clamp(72px,7vw,112px);line-height:.85;direction:ltr}
.planner__price span{font-size:17px;color:rgba(241,237,226,.75)}
.planner__meta{margin:10px 0 0;font-size:14.5px;color:rgba(241,237,226,.7)}
.planner__bundle{display:flex;align-items:center;gap:14px;margin-top:16px;font-weight:600}
.planner__bundle .stamp{font-size:24px;color:var(--red-lit)}
.pg{margin-top:22px;border-top:1px solid var(--line-d)}
.pg__row{display:grid;grid-template-columns:78px repeat(6,minmax(0,1fr));gap:4px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-d);animation:fadeUp .5s var(--ease)}
.pg__row>span:first-child{font-size:13px;font-weight:600;color:rgba(241,237,226,.75)}
.pg__row i{display:block;height:24px;border-radius:6px;background:var(--pc,var(--paper));font-style:normal;font-size:10.5px;font-weight:600;color:var(--ink);text-align:center;line-height:24px;white-space:nowrap;overflow:hidden;transform-origin:right;animation:grow .6s var(--ease) both;animation-delay:calc(var(--k) * 60ms)}
.pg__head i{background:none;color:rgba(241,237,226,.55);animation:none}
.pg__ppc i{--pc:var(--red-lit);color:var(--paper)}
.pg__art i{--pc:#CFC6B2}
.pg__gbp i{--pc:#8C8779;color:var(--paper)}
.planner__inc{margin:18px 0 0;display:grid;gap:6px;font-size:15px}
.planner__inc li{display:flex;gap:10px}
.planner__inc li::before{content:"✓";color:var(--red-lit);font-weight:800}
.planner__form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.planner__form .btn{grid-column:1/-1}
.planner__form .chk{grid-column:1/-1}
.planner__out .u>span{color:rgba(241,237,226,.7)}
.planner__out .u input{color:var(--paper);border-bottom-color:rgba(241,237,226,.6)}
.planner__out .u input:focus{border-bottom-color:var(--paper);box-shadow:0 1.5px 0 var(--paper)}
.planner__out .chk{color:rgba(241,237,226,.75)}
.planner__out .chk input{accent-color:var(--paper)}
.planner__note{margin:16px 0 0;font-size:12.5px;color:rgba(241,237,226,.5)}
.planner__empty{padding:26px 0;color:rgba(241,237,226,.7)}
.planner__peek{display:none}
@media (max-width:1000px){.planner{grid-template-columns:1fr}.planner__out{position:relative;top:0}.planner__peek{display:flex;position:sticky;bottom:88px;z-index:5;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:10px 18px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;box-shadow:0 12px 28px rgba(23,23,26,.3)}.planner__peek b{font-family:var(--f-d);font-size:34px;line-height:1;direction:ltr}.planner__peek span{font-size:14px;font-weight:600}}

/* case hover float */
.case-float{position:fixed;top:0;left:0;z-index:70;width:240px;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:14px;padding:12px 14px 8px;pointer-events:none;opacity:0;transform:translate(-50%,-120%) scale(.9);transition:opacity .25s,transform .35s var(--ease);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.case-float.on{opacity:1}
.case-float svg{width:100%;height:80px;display:block}
.case-float span{font-size:12px;color:var(--stone);font-weight:600}

/* stamp that lands on submit */
.stamp-fly{position:fixed;inset:0;z-index:170;display:grid;place-items:center;pointer-events:none;visibility:hidden}
.stamp-fly .stamp{font-size:clamp(70px,11vw,150px);background:rgba(241,237,226,.9);opacity:0}
.stamp-fly.go{visibility:visible}
.stamp-fly.go .stamp{animation:thunk .55s var(--ease) forwards}

/* video slot */
.video{aspect-ratio:16/9;background:var(--ink);color:var(--paper);border-radius:22px;display:grid;place-items:center;position:relative;overflow:hidden;text-align:center}
.video::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(184,52,30,.35),transparent 55%)}
.video__play{position:relative;width:96px;height:96px;border-radius:50%;border:0;background:var(--red);color:var(--paper);display:grid;place-items:center;transition:transform .4s var(--ease)}
.video__play:hover{transform:scale(1.08)}
.video__play svg{width:34px;height:34px;fill:currentColor;margin-inline-end:-4px}
.video p{position:absolute;bottom:18px;inset-inline:18px;margin:0;font-size:14px;color:rgba(241,237,226,.75)}

/* pages */

/* ---------- motion ---------- */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0ms)}
.rv.in{opacity:1;transform:none}
@keyframes rise{to{transform:none}}
@keyframes thunk{0%{opacity:0;transform:rotate(-18deg) scale(2)}55%{opacity:1}100%{opacity:1;transform:rotate(-8deg) scale(1)}}
@keyframes tick{to{transform:translateX(50%)}}
@keyframes blink{50%{opacity:.25}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(224,85,59,.55)}70%{box-shadow:0 0 0 7px rgba(224,85,59,0)}100%{box-shadow:0 0 0 0 rgba(224,85,59,0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes grow{from{transform:scaleX(0)}to{transform:none}}
@keyframes feedIn{from{opacity:0;transform:translateY(-16px);background:rgba(224,85,59,.18)}to{opacity:1;transform:none;background:transparent}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .rv{opacity:1;transform:none}
  .hero__l .ln{transform:none}
  .stamp--hero{opacity:1}
  .ticker__track{animation:none}
}


/* ============================================================
   ELEMENTOR ADAPTER
   The sketch classes sit on Elementor's wrappers (containers / widget divs).
   These rules map the sketch look onto Elementor's inner markup.
   Widget CSS files load after this sheet, so selectors here are deliberately specific.
   ============================================================ */

/* ---------- page shell (Astra + Elementor) ---------- */
body.shv{--kit-widget-spacing:0px;--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px}
.shv #page,.shv .site-content,.shv .ast-container{background:transparent}
.shv .site-content .ast-container{max-width:none;padding:0;display:block}
.shv .elementor-location-header,.shv .elementor-location-footer{position:relative;z-index:auto}
html{scroll-padding-top:calc(var(--hdr-h) + 12px)}
.admin-bar{--adm:32px}
@media (max-width:782px){.admin-bar{--adm:46px}}
.admin-bar .hdr{top:var(--adm,0px)}
.admin-bar .mega,.admin-bar .mega-scrim{top:calc(var(--hdr-h) + var(--adm,0px))}

/* ---------- neutral widgets: type and colour come from the sketch classes on the wrapper ---------- */
.shv .elementor-heading-title :where(a){color:inherit}
.shv .elementor-widget-text-editor{color:inherit;font:inherit}
/* text editor: lists and paragraphs as in the sketch */
.shv .elementor-widget-text-editor ul,.shv .elementor-widget-text-editor ol{margin:0;padding:0;list-style:none}

/* ---------- containers ---------- */
.shv .e-con{--display:flex}
.shv .e-con.g12{display:grid}
.shv .e-con.row{flex-direction:row;display:flex}
.shv .e-con.row>.elementor-widget{width:auto;max-width:100%}
.shv .e-con>.elementor-widget.btn,.shv .e-con>.elementor-widget.go{width:auto;max-width:100%}
.shv .e-con:not(.row)>.elementor-widget.btn,.shv .e-con:not(.row)>.elementor-widget.go{align-self:flex-start}
.shv .e-con>.elementor-widget.btn--block{align-self:stretch;width:100%}
a.e-con{text-decoration:none;color:inherit}

/* ---------- buttons (Elementor button widget internals) ---------- */
.shv .elementor-widget.btn .elementor-button-wrapper,.shv .elementor-widget.go .elementor-button-wrapper{display:contents}
.shv .elementor-widget.btn .elementor-button,.shv .elementor-widget.go .elementor-button{fill:currentColor}
.shv .elementor-widget.go .elementor-button{background:none;border-radius:0;min-height:0;padding:0 0 3px;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}
.shv .elementor-widget.btn .elementor-button-content-wrapper,.shv .elementor-widget.go .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:10px;flex-direction:row}
.shv .elementor-widget.btn .elementor-button-text,.shv .elementor-widget.go .elementor-button-text{flex:none}
.shv .elementor-widget.i-arrow .elementor-button-content-wrapper::after{content:"";display:block;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--ic-arrow) center/contain no-repeat;mask:var(--ic-arrow) center/contain no-repeat}
.shv .elementor-widget.go.i-arrow .elementor-button-content-wrapper::after{width:18px;height:18px}
.shv .elementor-widget.i-wa .elementor-button-content-wrapper::before{content:"";display:block}
.shv .elementor-widget.i-live .elementor-button-content-wrapper::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--red-lit);flex:none;animation:ping 2s ease-out infinite}
.shv .elementor-widget.i-live .elementor-button:hover .elementor-button-content-wrapper::before{background:var(--paper)}
:root{
  --ic-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 18l-6-6 6-6'/%3E%3C/svg%3E");
  --ic-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --ic-chev-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
}

/* ---------- reveal: never hide content inside the Elementor editor ---------- */
.elementor-editor-active .rv,.elementor-editor-preview .rv{opacity:1;transform:none}
.elementor-editor-active .hero__l .ln{transform:none;animation:none}
.elementor-editor-active .stamp--hero{opacity:1;animation:none}
.rv{--d:0ms}.d100{--d:100ms}.d120{--d:120ms}.d200{--d:200ms}

/* ---------- breadcrumbs (heading widget with links) ---------- */
.shv .crumbs .elementor-heading-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crumbs i.sep{display:inline-block;width:14px;height:14px;background:currentColor;-webkit-mask:var(--ic-chev-l) center/contain no-repeat;mask:var(--ic-chev-l) center/contain no-repeat}

/* ---------- index (services) rows: container links ---------- */
.index>a.e-con{display:grid;grid-template-columns:80px minmax(0,1.3fr) minmax(0,1fr) 56px;gap:var(--sgap);align-items:center;padding:clamp(18px,2.4vw,30px) 0;text-decoration:none;position:relative;isolation:isolate;transition:color .45s var(--ease);border-bottom:1.5px solid var(--ink)}
.index>a.e-con::before{content:"";position:absolute;inset:0 calc(var(--px) * -1);background:var(--ink);z-index:-1;clip-path:inset(0 0 100% 0);transition:clip-path .55s var(--ease)}
.index>a.e-con:hover{color:var(--paper)}
.index>a.e-con:hover::before{clip-path:inset(0 0 0 0)}
.index>a.e-con:hover .index__go .ic{transform:translateX(-10px)}
.index>a.e-con:hover .index__t{color:inherit}
.index>.store-inline{display:none}
body.has-store .index>a.e-con.store-inline{display:grid}
@media (max-width:767px){.index>a.e-con{grid-template-columns:44px 1fr;row-gap:6px}.index>a.e-con>.index__d{grid-column:2}}

/* ---------- case rows ---------- */
.shv .case-row{display:grid}
.cases>.case-row:not(a){cursor:default}
.case-row .spark-w svg{width:140px;height:40px;display:block}
@media (max-width:900px){.case-row>.spark-w,.case-row>.go-ic{display:none}}
.case-row>.go-ic .ic{width:28px;height:28px;transition:transform .4s var(--ease)}
.case-row:hover>.go-ic .ic{transform:translateX(-6px)}

/* ---------- steps / docs / direct / tlist built as containers ---------- */
.direct>.e-con{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;text-decoration:none;border-bottom:1px solid var(--line-2)}
.direct>.e-con>.elementor-widget{width:auto}
.direct>a.e-con:hover b{color:var(--red)}
.direct .wa b::after{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--wa);margin-inline-start:12px;vertical-align:middle}
.steps4>.e-con{padding:20px 20px 22px;border-inline-start:1px solid var(--line-2)}
.steps4>.e-con:first-child{border-inline-start:0;padding-inline-start:0}
@media (max-width:900px){.steps4>.e-con:nth-child(3){border-inline-start:0;padding-inline-start:0}}
@media (max-width:520px){.steps4>.e-con{border-inline-start:0!important;padding-inline-start:0!important;border-bottom:1px solid var(--line-2)}}
.shv .steps4{display:grid}
.shv .docs{display:grid}
.shv .scores,.shv .metrics{display:grid}

/* ---------- forms: Elementor Pro form → the sketch's underline fields ---------- */
.shv .sform .elementor-form-fields-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px;margin:0}
.shv .sform .elementor-field-group{width:auto!important;max-width:none;padding:0!important;margin:0!important;grid-column:auto;flex-wrap:nowrap;display:block}
.shv .sform .elementor-field-group.elementor-col-100{grid-column:1/-1}
@media (max-width:620px){.shv .sform .elementor-form-fields-wrapper{grid-template-columns:1fr}.shv .sform .elementor-field-group{grid-column:1/-1}}
.shv .sform .elementor-field-label{display:block;font-size:13px;font-weight:600;color:var(--stone);margin:0 0 2px;padding:0;line-height:1.7}
.shv .sform .elementor-field-group .elementor-field-textual,.shv .sform .elementor-field-group select{width:100%;border:0;border-bottom:1.5px solid var(--ink);background:transparent;border-radius:0;padding:10px 0 9px;font:inherit;font-size:19px;line-height:1.7;color:var(--ink);min-height:0;box-shadow:none;transition:border-color .25s,box-shadow .25s}
.shv .sform .elementor-field-group textarea.elementor-field-textual{min-height:110px;resize:vertical}
.shv .sform .elementor-select-wrapper .select-caret-down-wrapper{display:none}
.shv .sform .elementor-select-wrapper select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2317171A' stroke-width='1.7' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 2px center;padding-inline-end:0}
.shv .sform .elementor-select-wrapper{background:none;border:0;padding:0}
.shv .sform .elementor-field-textual:focus{outline:none;border-bottom-color:var(--red);box-shadow:0 1.5px 0 var(--red)}
.shv .sform .elementor-field-textual::placeholder{color:#9A9486;opacity:1}
.shv .sform input[type=tel],.shv .sform input[type=url],.shv .sform input[type=email],.shv .sform .ltr input{direction:ltr;text-align:right}
.shv .sform .elementor-field-type-acceptance .elementor-field-subgroup{display:block}
.shv .sform .elementor-field-type-acceptance .elementor-field-option{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--stone);margin:0}
.shv .sform .elementor-field-type-acceptance input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ink);flex:none}
.shv .sform .elementor-field-type-acceptance label{font:inherit;color:inherit;margin:0;padding:0;line-height:inherit;cursor:pointer}
.shv .sform .elementor-field-type-acceptance a{color:inherit}
.shv .sform .e-form__buttons{display:block}
.shv .sform .e-form__buttons .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:1.5px solid transparent;border-radius:999px;font-family:var(--f-b);font-weight:600;font-size:17px;line-height:1.1;text-decoration:none;white-space:nowrap;width:auto;flex:none;background:var(--ink);color:var(--paper);transition:background .35s var(--ease),color .35s var(--ease),border-color .35s,transform .15s}
.shv .sform .e-form__buttons .elementor-button:hover{background:var(--red);color:var(--paper)}
.shv .sform.sub-red .e-form__buttons .elementor-button{background:var(--red)}
.shv .sform.sub-red .e-form__buttons .elementor-button:hover{background:var(--ink)}
.shv .sform.sub-paper .e-form__buttons .elementor-button{background:var(--paper);color:var(--ink)}
.shv .sform.sub-paper .e-form__buttons .elementor-button:hover{background:var(--ink);color:var(--paper)}
.shv .sform .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:10px}
.shv .sform.i-arrow .elementor-button-content-wrapper::after{content:"";display:block;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--ic-arrow) center/contain no-repeat;mask:var(--ic-arrow) center/contain no-repeat}
.shv .sform .elementor-message{font-size:15px;font-weight:600;margin:14px 0 0}
.shv .sform .elementor-message::before{content:none}
.shv .sform .elementor-message.elementor-message-danger,.shv .sform .elementor-error .elementor-field-textual{color:var(--red)}
.shv .sform .elementor-field-group .elementor-message{font-size:13px;margin:4px 0 0}
/* on ink / red sections */
.shv :is(.sec--ink,.sec--red) .sform .elementor-field-label{color:rgba(241,237,226,.75)}
.shv :is(.sec--ink,.sec--red) .sform .elementor-field-textual{color:var(--paper);border-bottom-color:rgba(241,237,226,.75)}
.shv :is(.sec--ink,.sec--red) .sform .elementor-field-textual::placeholder{color:rgba(241,237,226,.5)}
.shv :is(.sec--ink,.sec--red) .sform .elementor-field-textual:focus{border-bottom-color:var(--paper);box-shadow:0 1.5px 0 var(--paper)}
.shv :is(.sec--ink,.sec--red) .sform .elementor-field-type-acceptance .elementor-field-option{color:rgba(241,237,226,.8)}
.shv :is(.sec--ink,.sec--red) .sform .elementor-field-type-acceptance input{accent-color:var(--paper)}
.shv :is(.sec--ink,.sec--red) .sform .elementor-message{color:var(--paper)}
/* final CTA: name | phone | button, consent below */
.shv .final__form.sform{max-width:1100px;margin-top:clamp(36px,4vw,56px)}
.shv .final__form .elementor-form-fields-wrapper{grid-template-columns:1fr 1fr auto;gap:22px;align-items:end}
.shv .final__form .elementor-field-type-acceptance{grid-column:1/-1;grid-row:2}
.shv .final__form .e-form__buttons{grid-column:3;grid-row:1}
@media (max-width:760px){.shv .final__form .elementor-form-fields-wrapper{grid-template-columns:1fr}.shv .final__form .elementor-field-group,.shv .final__form .e-form__buttons,.shv .final__form .elementor-field-type-acceptance{grid-column:1/-1;grid-row:auto}}

/* ---------- FAQ: nested accordion (real <details>/<summary>) ---------- */
.shv .faq .e-n-accordion{display:block}
.shv .faq .e-n-accordion-item{border-bottom:1px solid var(--line-2);margin:0;border-top:0;border-inline:0;border-radius:0}
.shv .faq .e-n-accordion-item-title{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:16px;align-items:center;padding:22px 0;margin:0;border:0;border-radius:0;background:none;font-family:var(--f-b);font-weight:600;font-size:clamp(19px,1rem + .35vw,22px);line-height:1.35;color:inherit;transition:color .2s;justify-content:initial}
.shv .faq .e-n-accordion-item-title:hover{color:var(--red)}
.shv .faq .e-n-accordion-item-title-header,.shv .faq .e-n-accordion-item-title-text{font:inherit;color:inherit;display:block;text-align:start}
.shv .faq .e-n-accordion-item-title-icon{width:22px;height:22px;position:relative;display:block}
.shv .faq .e-n-accordion-item-title-icon>span{display:none!important}
.shv .faq .e-n-accordion-item-title-icon::before,.shv .faq .e-n-accordion-item-title-icon::after{content:"";position:absolute;top:50%;left:0;right:0;height:1.5px;background:currentColor;transition:transform .45s var(--ease)}
.shv .faq .e-n-accordion-item-title-icon::after{transform:rotate(90deg)}
.shv .faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon::after{transform:rotate(0)}
.shv .faq .e-n-accordion-item>.e-con.ans{padding:0 0 24px;color:var(--stone);max-width:66ch;border:0;background:none}
.shv .faq .e-n-accordion-item>.e-con.ans :last-child{margin-bottom:0}
.shv .sec--ink .faq .e-n-accordion-item>.e-con.ans{color:rgba(241,237,226,.66)}

/* ---------- misc ---------- */
.shv .elementor-widget-image img{display:block}
.shv .hdr__logo img,.shv .sign img,.shv .ftr__logo img{height:auto}
.shv .elementor-widget-html{width:100%}
.store-only:not(.e-con){display:none}
body.has-store .e-con.store-only{display:flex}
body.has-store .elementor-widget.store-only{display:block}
.shv .soon-tag{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:1px 8px;margin-inline-start:8px;font-family:var(--f-b)}

.shv .ftr__logo-w img{width:220px}
.shv .ftr__logo-w{margin-bottom:22px;align-self:flex-start;width:auto}
.shv .ftr__top{display:grid}
/* fixes after first comparison */
.shv .final__form .elementor-field-group.e-form__buttons{grid-column:3;grid-row:1}
.shv .final__form .elementor-field-group.elementor-field-type-acceptance{grid-column:1/-1;grid-row:2}
@media (max-width:760px){.shv .final__form .elementor-field-group.e-form__buttons,.shv .final__form .elementor-field-group.elementor-field-type-acceptance{grid-column:1/-1;grid-row:auto}}
.shv .faq .e-n-accordion-item-title>.e-n-accordion-item-title-header{order:0;grid-column:1}
.shv .faq .e-n-accordion-item-title>.e-n-accordion-item-title-icon{order:0;grid-column:2}
.shv .ftr .ftr-h4{font-size:13px;font-weight:600;color:rgba(241,237,226,.55);margin-bottom:14px}
/* Elementor caps every widget with ".elementor.elementor .e-con>.elementor-widget{max-width:100%}" — restore the sketch widths */
.shv .elementor .e-con>.elementor-widget.index__d{max-width:38ch}
.shv .elementor .e-con>.elementor-widget.final__form{max-width:1100px}
.shv .elementor .e-con>.elementor-widget.abar,.shv .elementor .e-con>.elementor-widget.run{max-width:860px}
.shv .soon-tag{font-size:12px;line-height:1.4;vertical-align:middle;font-weight:700;letter-spacing:0}
.shv input.range{font:400 13.3333px Arial,sans-serif;line-height:normal}
.shv .elementor-widget.final__form{display:block}
.shv .elementor-widget-image a{display:block}
.shv .e-con>.elementor-widget.ftr__logo-w{margin-block-end:22px}
.shv .sform .elementor-field-group .elementor-field-textual{vertical-align:baseline}
/* the ecommerce page's store row used <i data-icon> in the sketch: 22px arrow, still shown on phones */
.shv .case-row>.go-ic.ic22 .ic{width:22px;height:22px}
@media (max-width:900px){.shv .case-row>.go-ic.ic22{display:block}}
.shv .case-row>.go-ic,.shv .case-row>.spark-w{line-height:0}
@media (max-width:767px){.shv .index>a.e-con>.elementor-widget-html{display:none}}
/* Elementor's ".elementor a{text-decoration:none}" — inline text links keep the browser underline, as in the sketch */
.shv :is(.probe__alt,.chk,.elementor-field-option,.article-body,.ans,.phero .lead) a{text-decoration:underline}
/* no sideways drift on phones: nothing may widen the page */
html,body.shv{overflow-x:hidden}
@supports (overflow-x:clip){html,body.shv{overflow-x:clip}}
:root{color-scheme:only light}
/* work log on phones: the bump number sits on the right, next to the date */
@media (max-width:767px){
  .log__list li{grid-template-columns:56px auto 1fr auto;column-gap:12px}
  .log__list li>time{grid-column:1;grid-row:1}
  .log__list li>.bump{grid-column:2;grid-row:1;font-size:26px}
  .log__list li>span:not(.bump):not(.stamp){grid-column:3;grid-row:1}
  .log__list li>.stamp{grid-column:4;grid-row:1}
}


/* ============================================================
   CHROME ADAPTER — header, mega menu, off-canvas, footer, popup
   ============================================================ */

/* ---------- header ---------- */
.shv .hdr{position:fixed}
.shv .hdr__in{height:100%;flex-direction:row;align-items:center}
.shv .hdr__logo{width:auto;flex:none}
.shv .hdr__logo a{display:block}
.shv .hdr__logo img{width:138px;max-width:none}
.shv .nav{flex:1;width:auto}
.shv .nav .elementor-nav-menu--main>.elementor-nav-menu{display:flex;flex-wrap:nowrap;gap:clamp(10px,1.8vw,30px);align-items:center;margin:0;padding:0}
.shv .nav .elementor-nav-menu--main>.elementor-nav-menu>li{display:block;margin:0;padding:0;border:0}
.shv .nav .elementor-nav-menu--main .elementor-nav-menu .elementor-item{display:inline-flex;align-items:center;gap:4px;padding:8px 0;margin:0;border:0;background:none;text-decoration:none;font-family:var(--f-b);font-weight:500;font-size:16px;line-height:1.7;color:inherit;position:relative;cursor:pointer}
.shv .nav .elementor-nav-menu--main .elementor-item::after{content:"";position:absolute;inset-inline:0;top:auto;bottom:2px;height:1.5px;width:auto;background:var(--red);opacity:1!important;visibility:visible!important;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.shv .nav .elementor-nav-menu--main .elementor-item:hover::after,.shv .nav .elementor-nav-menu--main .elementor-item[aria-current=page]::after,.shv .nav .elementor-nav-menu--main .current-menu-item>.elementor-item::after,.shv .nav .elementor-nav-menu--main button.elementor-item[aria-expanded=true]::after{transform:scaleX(1)}
.shv .nav .elementor-nav-menu--main .elementor-item:hover,.shv .nav .elementor-nav-menu--main .elementor-item:focus{color:inherit}
.shv .nav .shop{color:var(--red)}
.shv .nav .ic{width:15px;height:15px;transition:transform .3s}
.shv .nav button[aria-expanded=true] .ic{transform:rotate(180deg)}
.shv .nav .elementor-nav-menu--dropdown,.shv .nav .elementor-menu-toggle{display:none!important}
.shv .hdr__act{flex:none;width:auto;flex-wrap:nowrap}
.shv .hdr__act>.elementor-widget{width:auto}
.shv .hdr__tel{direction:ltr;white-space:nowrap}
.shv .hdr__tel a{text-decoration:none}
.shv .hdr__tel:hover{color:var(--red)}
.shv .hdr__cta .elementor-button[aria-current=page]{background:var(--red)}
.shv .hdr__cta .elementor-button[aria-current=page] .elementor-button-content-wrapper::before{background:var(--paper)}
.shv .burger-w{width:auto}
@media (min-width:1101px){.shv .hdr__in{display:grid;grid-template-columns:1fr auto 1fr}.shv .hdr__logo{justify-self:start}.shv .nav{flex:none}.shv .nav .elementor-nav-menu--main>.elementor-nav-menu{justify-content:center}.shv .hdr__act{justify-self:end}}
@media (max-width:1100px){.shv .burger-w{display:block}.shv .hdr__in{justify-content:space-between}}
@media (max-width:767px){.shv .hdr__logo img{width:112px}.shv .hdr__act{gap:10px}.shv .hdr__act .btn .elementor-button{min-height:44px;padding:0 16px}}

/* ---------- mega ---------- */
.shv .mega{position:fixed}
.shv .mega__in{display:grid;flex-direction:initial}
.shv .mega__title a{text-decoration:none;display:block}
.shv .mega__title a:hover .display{color:var(--red)}
.shv .mega__store .display a{text-decoration:none}
.shv .mega__store .display a:hover{color:var(--ink)}
.shv .mega__cta{display:flex}
.shv .mega__cta>.elementor-widget.btn{align-self:flex-start}
body.has-store .mega__store.e-con{display:block}

/* ---------- off-canvas ---------- */
.shv .oc{position:fixed}
.shv .oc__panel{position:absolute}
.shv .oc__top{flex-direction:row;flex-wrap:nowrap}
.shv .oc__top>.elementor-widget{width:auto}
.shv .oc__logo{width:auto}
.shv .oc__logo img{width:112px}
.shv .oc__nav{padding:18px var(--px) 0;flex:1;width:auto}
.shv .oc__nav .elementor-nav-menu--main>.elementor-nav-menu{display:block;counter-reset:oc;margin:0;padding:0}
.shv .oc__nav .elementor-nav-menu--main>.elementor-nav-menu>li{display:block;margin:0;padding:0;border:0}
.shv .oc__nav .elementor-nav-menu--main .elementor-item{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-d);font-weight:700;font-size:52px;line-height:1.05;text-decoration:none;padding:4px 0;margin:0;border:0;border-bottom:1px solid var(--line-d);color:inherit;background:none}
.shv .oc__nav .elementor-nav-menu--main .elementor-item::after{counter-increment:oc;content:counter(oc,decimal-leading-zero);position:static;display:inline;transform:none;background:none;width:auto;height:auto;opacity:.55!important;visibility:visible!important;font-family:var(--f-b);font-size:13px;font-weight:500}
.shv .oc__nav .elementor-nav-menu--main .elementor-item:hover,.shv .oc__nav .elementor-nav-menu--main .elementor-item:focus{color:inherit}
.shv .oc__nav .shop{color:var(--red-lit)}
.shv .oc__nav .elementor-nav-menu--dropdown{display:none!important}
.shv .oc__cta{display:grid}
.shv .oc__row{display:grid}
/* sketch fix: the outline buttons were ink-on-ink here (invisible) */
.shv .oc__row .elementor-widget.btn--line .elementor-button{border-color:var(--paper);color:var(--paper)}
.shv .oc__row .elementor-widget.btn--line .elementor-button:hover{background:var(--paper);color:var(--ink)}

/* ---------- mobile header (Ram 2026-10-01): hamburger on the right, logo centred, the CTA lives in the menu ---------- */
@media (max-width:1100px){
  .shv .hdr__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0}
  .shv .hdr__in>.hdr__logo{grid-column:2;grid-row:1;justify-self:center}
  .shv .hdr__in>.hdr__act{grid-column:1;grid-row:1;justify-self:start}
  .shv .hdr__cta{display:none!important}
  /* off-canvas mirrors it: close button where the hamburger was, logo centred */
  .shv .oc__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
  .shv .oc__top>.oc__logo{grid-column:2;grid-row:1;justify-self:center}
  .shv .oc__top>.elementor-widget-html{grid-column:1;grid-row:1;justify-self:start;width:auto}
}


/* ============================================================
   PAGES ADAPTER — loop grid rows, single post (TOC), popup
   ============================================================ */

/* ---------- knowledge-centre rows: Loop Grid + loop item "שורת מאמר" ---------- */
.shv .posts .elementor-loop-container{display:block;margin:0}
.shv .posts .e-loop-item{border-bottom:1px solid var(--line-2);margin:0;padding:0}
.shv .posts .e-loop-item>.e-con.post-row{display:grid;grid-template-columns:170px minmax(0,1fr) 110px;gap:var(--sgap);align-items:baseline;padding:22px 0;text-decoration:none;color:inherit}
.shv .posts .post-h3{font-family:var(--f-d);font-weight:700;font-size:clamp(32px,2.9vw,48px);line-height:.95;transition:color .25s}
.shv .posts .post-h3 a{text-decoration:none}
.shv .posts .post-row:hover .post-h3{color:var(--red)}
.shv .posts .e-loop-item:nth-child(6n+2) .rv{--d:60ms}.shv .posts .e-loop-item:nth-child(6n+3) .rv{--d:120ms}.shv .posts .e-loop-item:nth-child(6n+4) .rv{--d:180ms}.shv .posts .e-loop-item:nth-child(6n+5) .rv{--d:240ms}.shv .posts .e-loop-item:nth-child(6n) .rv{--d:300ms}
@media (max-width:767px){.shv .posts .e-loop-item>.e-con.post-row{grid-template-columns:1fr;gap:4px}.shv .posts .rt{text-align:right}}

/* ---------- single post ---------- */
.shv .post-layout{display:grid}
.shv .article-body{font:inherit}
.shv .elementor-widget-table-of-contents.toc{position:sticky;top:calc(var(--hdr-h) + 28px);border:0;border-top:1.5px solid var(--ink);border-radius:0;background:none;padding:14px 0 0;box-shadow:none;min-height:0;--box-padding:0px;--box-border-width:0px}
.shv .toc .elementor-toc__header{padding:0;border:0;background:none;display:block;margin:0}
.shv .toc .elementor-toc__header-title{font-family:var(--f-b);font-size:13px;font-weight:600;color:var(--stone);margin:0 0 8px;line-height:1.7}
.shv .toc .elementor-toc__toggle-button{display:none}
.shv .toc .elementor-toc__body{padding:0;max-height:none;overflow:visible;border:0}
.shv .toc .elementor-toc__list-wrapper{display:grid;gap:2px;counter-reset:t;margin:0;padding:0;list-style:none}
.shv .toc .elementor-toc__list-item{margin:0;padding:0;list-style:none}
.shv .toc .elementor-toc__list-item::before,.shv .toc .elementor-toc__list-item-text-wrapper::before,.shv .toc .elementor-toc__list-item-text-wrapper i,.shv .toc .elementor-toc__list-item-text-wrapper svg{display:none!important;content:none!important}
.shv .toc .elementor-toc__list-item-text-wrapper{display:block}
.shv .toc a.elementor-toc__list-item-text{display:flex;gap:10px;text-decoration:none;padding:6px 0;font-size:15.5px;line-height:1.4;color:var(--stone);font-family:var(--f-b);font-weight:400;text-decoration:none}
.shv .toc a.elementor-toc__list-item-text::before{counter-increment:t;content:counter(t);font-family:var(--f-d);font-size:22px;line-height:1;color:var(--ghost);min-width:14px}
.shv .toc a.elementor-toc__list-item-text:hover,.shv .toc a.elementor-toc__list-item-text.elementor-item-active{color:var(--ink)}
.shv .toc a.elementor-toc__list-item-text.elementor-item-active::before{color:var(--red)}
@media (max-width:1024px){
  .shv .post-layout{grid-template-columns:1fr}
  /* the sketch swaps the sticky TOC for a <details class="toc-m"> under 1024px — same look here */
  .shv .elementor-widget-table-of-contents.toc{display:block;position:static;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:0;margin-bottom:28px}
  .shv .toc .elementor-toc__header{display:block;cursor:pointer;padding:14px 0}
  .shv .toc .elementor-toc__header-title{font-size:19px;line-height:1.85;font-weight:600;color:var(--ink);margin:0}
  .shv .post-layout{row-gap:0}
  .shv .toc .elementor-toc__header-title::before{content:"◀";display:inline-block;width:1.15em;font-size:.62em;vertical-align:.12em}
  .shv .toc:not(.elementor-toc--collapsed) .elementor-toc__header-title::before{content:"▾"}
  .shv .toc .elementor-toc__toggle-button{display:none!important}
  .shv .toc .elementor-toc__body{padding-bottom:14px}
  .shv .toc a.elementor-toc__list-item-text{padding:4px 0;font-size:inherit;color:inherit;display:block}
  .shv .toc a.elementor-toc__list-item-text::before{content:none}
}

.shv .post-row .cat,.shv .post-row .rt{display:block}
.shv .elementor .e-con>.elementor-widget.post-title-split{max-width:15ch}

/* ---------- exit popup (sketch .modal) ---------- */
.shv-pop .dialog-widget-content{background:var(--paper);border-radius:0;box-shadow:none}
.shv-pop .dialog-message{max-height:92vh;overflow:auto}
.shv .pop-box{padding:clamp(28px,4vw,52px)}
.shv .pop-h{font-size:clamp(48px,5.2vw,76px);margin-bottom:22px;padding-inline-end:44px}
.shv-pop .dialog-close-button{top:14px!important;inset-inline-end:14px;inset-inline-start:auto;left:14px;width:40px;height:40px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:16px;margin:0}
.shv-pop .dialog-close-button svg{width:16px;height:16px;fill:currentColor}
.shv-pop .dialog-close-button i{color:var(--ink)}
.shv .e-con>.elementor-widget.pop-h{margin-block-end:22px}
.shv-pop .dialog-close-button{outline:none;line-height:0;padding:0}
.shv-pop .dialog-close-button:hover{background:var(--ink);color:var(--paper)}
.shv-pop .dialog-close-button:hover svg{fill:var(--paper)}
.shv-pop .dialog-close-button>*{margin:0;position:static}

/* ============ PHONES: centred layout (Ram 2026-10-01) ============ */
@media (max-width:767px){
  .shv :is(.hero,.phero,.sec,.ftr){text-align:center}
  /* structured rows stay right-aligned */
  .shv :is(.log__list,.ws,.ws__monthly,.checks,.faq,.sform,.feed,.cases,.case-row,.index,.posts,.direct,.planner,.serp,.sheetmock,.run,.fixes,.metrics,.scores,.toc,.article,.shop,.product,.checkout,.specs,.tiers,.probe,.abar,.filter,.cs-block,.ws__note,.aout__src,.aout__lead .sform){text-align:right}
  .shv :is(.hero__meta,.row,.sign,.tools,.inds,.crumbs,.ftr__bar,.ftr__bar nav,.mega__cta){justify-content:center}
  .shv .hero__meta span+span{display:inline}
  .shv .lead,.shv .index__d,.shv .quote-big{margin-inline:auto}
  .shv .phero .lead,.shv .hero .lead{margin-inline:auto}
  .shv .e-con:not(.row)>.elementor-widget.btn,.shv .e-con:not(.row)>.elementor-widget.go{align-self:center}
  .shv .ftr__logo-w img,.shv .ftr__logo-w a{margin-inline:auto}
  .shv .ftr__logo-w{align-self:center;margin-inline:auto}
  .shv .ftr p{margin-inline:auto}
  .shv .portrait{margin-inline:auto;max-width:420px}
  .shv .steps4>.e-con,.shv .steps4>div{padding-inline:0}
  .shv .tlist li{text-align:center}
  .shv .ws__note{text-align:center}
  .shv .pen>svg{inset-inline:-3%}
}
@media (max-width:767px){
  .shv .e-con.row{justify-content:center!important;flex-wrap:wrap;align-items:center!important;row-gap:14px}
  .shv .e-con.row>.elementor-widget{text-align:center}
}
/* phones: the hero "בוצע" stamp drops under "אני מבצעת." instead of hanging beside the wrapped line */
@media (max-width:767px){
  .shv .hero__h .stamp--hero{display:flex;width:max-content;margin:18px auto 4px;vertical-align:baseline}
}