:root{
  --ink:#111827;
  --ink-2:#1f2937;
  --muted:#6b7280;
  --line:#e5e7eb;
  --soft:#f5f6f7;
  --paper:#fffdf8;
  --white:#ffffff;
  --accent:#6a2fc0;
  --accent-2:#6a2fc0;
  --accent-hover:#5a26a6;
  --accent-mark:#6a2fc0;
  --accent-soft:#f2ecfb;
  --accent-on-dark:#c4a7f7;
  --green:#1f9d55;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 16px 40px rgba(17,24,39,.10);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font-family:Arial,"Noto Sans Hebrew",sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;right:20px;background:#fff;padding:10px 16px;z-index:9999;border-radius:8px;border:1px solid var(--line)}
.skip-link:focus{top:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid transparent;border-radius:10px;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn--dark{background:var(--ink);color:#fff}
.btn--ghost{background:#fff;border-color:var(--line);color:var(--ink)}
.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent-hover);box-shadow:0 8px 18px rgba(106,47,192,.26)}
.btn--primary:hover{background:var(--accent-hover)}
.btn--whatsapp{background:var(--green);color:#fff}
.btn--large{padding:15px 24px;border-radius:12px}



.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:900;letter-spacing:.02em;color:var(--accent-hover);text-transform:none}
.eyebrow span{width:34px;height:4px;border-radius:2px;background:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(40px,4.6vw,66px);line-height:1.02;letter-spacing:-.5px;margin:16px 0 22px;font-weight:900;max-width:760px;text-wrap:balance}
h1 em{font-style:normal;color:var(--accent-2)}



.quote-card{background:#fff;border:1px solid #e8e4db;border-radius:18px;padding:20px;box-shadow:0 24px 60px rgba(35,31,20,.12);max-width:760px}
.quote-card__title{font-size:18px;font-weight:900;margin-bottom:12px}
.quote-card__row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.field{display:block}
.field span:not(.plate-badge){display:block;font-size:12px;color:var(--muted);font-weight:700;margin-bottom:6px}
.field input{width:100%;height:50px;border:1px solid var(--line);border-radius:10px;padding:0 13px;background:#fbfbfb;outline:none}
.field input:focus{border-color:#d19b00;box-shadow:0 0 0 3px rgba(106,47,192,.10)}
.quote-card__fine{font-size:11.5px;color:#7b8189;margin-top:11px}







.section{padding:92px 0}
.section--soft{background:#f5f6f7}
.section--dark{background:#171b1f;color:#fff}
.section-head{max-width:760px;margin-bottom:36px}.section-head--center{text-align:center;margin-inline:auto}.section-head--light p{color:#cfd3d8}
h2{font-weight:800;letter-spacing:-.5px}
.section h2{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.5px;margin:10px 0 18px}.section h3{line-height:1.25}
.section-head p,.story__content p,.prose p,.split-copy p,.compare-grid p,.areas__intro p,.content-band p{font-size:17px;color:#555e68}
.section--dark .kicker{color:var(--accent-on-dark)}.section--dark h2{color:#fff}.section--dark p{color:#cfd3d8}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vehicle-card{background:#fff;border:1px solid #e4e6e8;border-radius:16px;padding:24px;min-height:235px;position:relative;transition:.18s}.vehicle-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(17,24,39,.08)}
.vehicle-card__num{font-size:12px;font-weight:900;color:#9b7200}.vehicle-card h3{font-size:23px;margin:36px 0 10px}.vehicle-card p{font-size:14px;color:#626b75}.vehicle-card a{font-weight:900;font-size:14px;color:#bb5a00}
.story__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.story__media{position:relative}.story__media img{border-radius:18px;width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow)}.scribble{display:block;margin-top:10px;font-size:13px;color:#7a828b;border-right:3px solid var(--accent);padding-right:10px}.story__content h2{max-width:700px}

.editorial-grid{display:grid;grid-template-columns:1fr 310px;gap:68px}.editorial-main{max-width:760px}.editorial-main p{font-size:18px;color:#454d55;margin-bottom:24px}.editorial-main h3{font-size:26px;margin:38px 0 10px}.editorial-aside{position:relative}.aside-card{position:sticky;top:120px;background:#171b1f;color:#fff;border-radius:16px;padding:24px 22px}.aside-card span{font-size:20px;font-weight:900}.aside-card ul{margin:18px 0 0;padding:0;list-style:none}.aside-card li{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:16px;line-height:1.4}
.aside-card li:last-child{border-bottom:0;padding-bottom:0}.aside-card li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:rgba(196,167,247,.16) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23c4a7f7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/></svg>") center/14px no-repeat}.aside-quote{margin-top:18px;padding:20px 22px;border-right:3px solid var(--accent);background:#faf7fe;font-size:15px;line-height:1.6;color:#4a5058}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.compare-grid img{border-radius:18px;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow)}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.check-list span{background:#fff;border:1px solid var(--line);padding:12px 14px;border-radius:10px;font-size:14px;font-weight:700}.check-list span::before{content:"";display:inline-block;width:14px;height:2px;background:var(--accent);margin-left:9px;vertical-align:4px}
.areas{background:#fff}.areas__intro{max-width:780px}.area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}.area-grid article{border-top:4px solid var(--accent);background:#f7f7f7;border-radius:0 0 14px 14px;padding:21px 18px;min-height:230px}.area-grid strong{font-size:21px}.area-grid p{font-size:13.5px;color:#606973}.area-grid a{font-size:12px;font-weight:900;text-decoration:underline;text-underline-offset:4px}.area-note{margin-top:20px;border:1px dashed #c5c9ce;padding:18px 20px;border-radius:12px;background:#fafafa}
.content-band{padding:64px 0}.content-band__grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.content-band h2{max-width:820px}.content-band p{max-width:800px}

.detail-copy__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.prose p{font-size:18px}.prose--wide{max-width:930px;margin:50px auto 0}.prose--wide h3{font-size:30px}
.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split-copy>div{padding-top:10px}.split-copy>div+div{border-right:1px solid #dfe2e5;padding-right:55px}
.pitfalls{background:#fff}.pitfall-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.pitfall-grid article{border:1px solid var(--line);padding:24px;border-radius:14px;background:#fff}.pitfall-grid article:nth-child(7){grid-column:1/-1}.pitfall-grid b{color:#d06b00;font-size:12px}.pitfall-grid h3{font-size:20px;margin:8px 0}.pitfall-grid p{font-size:14px;color:#646c76;margin-bottom:0}
.testimonials{background:#171b1f;color:#fff}.testimonials .kicker{color:var(--accent-on-dark)}.testimonials .section-head p{color:#b9c0c7}
.faq__grid{display:grid;grid-template-columns:340px 1fr;gap:70px;align-items:start}.faq__intro{position:sticky;top:120px}.faq__intro p{color:#646c76}.accordion details{border-bottom:1px solid var(--line);padding:0}.accordion summary{list-style:none;cursor:pointer;padding:21px 0;font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary::before{content:"+";order:2;width:28px;height:28px;border-radius:50%;background:#f1f2f3;display:grid;place-items:center;font-size:18px}.accordion details[open] summary::before{content:"−"}.accordion details p{color:#5f6871;padding:0 0 24px;margin:0;max-width:820px}


.mobile-bar{display:none}.toast{position:fixed;left:20px;bottom:20px;background:#111;color:#fff;padding:14px 18px;border-radius:10px;box-shadow:var(--shadow);font-size:13px;max-width:360px;z-index:999;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:none}
@media (max-width:1050px){.quote-card__row{grid-template-columns:1fr 1fr}.quote-card__row .btn{grid-column:1/-1}.vehicle-grid{grid-template-columns:1fr 1fr}.area-grid{grid-template-columns:repeat(3,1fr)}.editorial-grid{grid-template-columns:1fr}.editorial-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aside-card{position:relative;top:auto}.aside-quote{margin:0}.faq__grid{grid-template-columns:1fr;gap:20px}.faq__intro{position:relative;top:auto}.pitfall-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{padding-bottom:62px}.container{width:min(100% - 28px,var(--container))}.hero-badge{left:14px;bottom:14px;width:200px}.hero h1{font-size:54px}.quote-card{padding:16px}.quote-card__row{grid-template-columns:1fr}.quote-card__row .btn{grid-column:auto}.section{padding:66px 0}.section h2{font-size:30px}.vehicle-grid{grid-template-columns:1fr}.story__grid,.compare-grid,.detail-copy__grid,.split-copy,.content-band__grid,.story__content{order:-1}.editorial-aside{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr}.pitfall-grid{grid-template-columns:1fr}.pitfall-grid article:nth-child(7){grid-column:auto}.split-copy>div+div{border-right:0;padding-right:0;border-top:1px solid #dfe2e5;padding-top:34px}.mobile-bar{display:grid;grid-template-columns:1fr 1.3fr 1fr;position:fixed;right:0;left:0;bottom:0;z-index:1000;background:#fff;border-top:1px solid #ddd;box-shadow:0 -8px 24px rgba(0,0,0,.09)}
}
@media (max-width:480px){.hero h1{font-size:48px}}



.body-figure{margin:38px 0;max-width:none}
.body-figure img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:2px}
.body-figure figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:#7a828b;border-right:3px solid var(--accent);padding-right:11px}

/* full-bleed documentary photo band (brand system: alternate cards with real photography) */
.photo-band{position:relative;margin:0;width:100%;background:#171b1f}
.photo-band img{display:block;width:100%;height:auto;aspect-ratio:1600/687;object-fit:cover}
.photo-band figcaption{position:static;padding:16px 24px 18px;background:#171b1f;color:#e5e9ee;font-size:15px;line-height:1.5}
.photo-band figcaption::before{content:"";display:block;width:34px;height:3px;background:var(--accent);margin-bottom:12px}
@media (max-width:760px){.photo-band figcaption{font-size:13px;padding:14px 16px 16px}}


/* Mobile tap-target compliance (brand system: >=44px). Inline text links inside
   card grids and menus were 21px tall, below the minimum touch size. */
@media (max-width:760px){
  .vehicle-card a,.side-links a{width:100%}
}


/* ===== Hero (per approved design reference) ===== */
.hero{background:var(--white);border-bottom:1px solid var(--line)}
.hero__grid{display:grid;grid-template-columns:1fr 1.12fr;align-items:stretch;min-height:430px;max-width:100%;overflow:hidden}
.hero__visual{position:relative;overflow:hidden;background:#e9eaec;aspect-ratio:1400/781}
.hero__visual picture{display:contents}
.hero__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero__content{display:flex;flex-direction:column;justify-content:center;padding:52px clamp(24px,4vw,60px) 52px clamp(24px,5vw,72px);max-width:720px}
.hero h1{font-size:clamp(34px,3.6vw,50px);line-height:1.12;letter-spacing:-.5px;font-weight:900;margin:0 0 16px}
.hero h1 em{color:var(--accent);font-style:normal;display:block}
.hero__lead{font-size:17px;line-height:1.6;color:#4b5563;margin:0 0 22px;max-width:560px}
/* the brand's hand-lettered callout,as drawn in the reference */
.hero-note{position:absolute;top:30px;left:30px;z-index:3;font-family:"Segoe Script","Bradley Hand","Comic Sans MS",cursive;font-size:22px;font-weight:700;color:#1b2027;transform:rotate(-6deg);text-shadow:0 1px 0 rgba(255,255,255,.7)}
.hero-note::after{content:"";display:block;width:64px;height:34px;margin:6px auto 0 0;border-right:2.5px solid #1b2027;border-bottom:2.5px solid #1b2027;border-radius:0 0 40px 0;transform:rotate(14deg)}

/* quote card */
.quote-card--hero{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 0 20px;box-shadow:0 18px 44px rgba(17,24,39,.10);max-width:520px}
.quote-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 6px}
.quote-tab{flex:1;background:none;border:0;padding:15px 10px 13px;font-size:15px;font-weight:800;color:#8b929b;cursor:pointer;border-bottom:3px solid transparent;transition:.15s}
.quote-tab.is-active{color:var(--ink);border-bottom-color:var(--accent)}
.quote-card--hero form{padding:18px 20px 0}
.quote-pane[hidden]{display:none}
.quote-card--hero .field{display:block;margin-bottom:12px}
.quote-card--hero .field>span:not(.plate-badge){display:block;font-size:13px;font-weight:700;color:#5b636c;margin-bottom:6px}
.quote-card--hero .field input{width:100%;height:52px;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:#fbfbfc;outline:none;font-size:16px}
.quote-card--hero .field input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(106,47,192,.16)}
.field--plate{position:relative}
.field--plate input{padding-inline-start:60px;text-align:center;letter-spacing:.04em;font-weight:700}
.plate-badge{position:absolute;inset-inline-start:1px;top:1px;bottom:1px;width:46px;border-start-start-radius:9px;border-end-start-radius:9px;background:#1c3faa;color:#fff;font-size:13px;line-height:1;font-weight:900;display:flex;align-items:center;justify-content:center;letter-spacing:.08em}
.btn--block{width:100%;justify-content:center;height:54px;font-size:17px}
.quote-card__fine--lock{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;color:#7d858e;margin:12px 0 0}
.quote-card__fine--lock::before{content:"";width:11px;height:13px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17 9V7a5 5 0 0 0-10 0v2H5v13h14V9zM9 7a3 3 0 0 1 6 0v2H9z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17 9V7a5 5 0 0 0-10 0v2H5v13h14V9zM9 7a3 3 0 0 1 6 0v2H9z'/></svg>") center/contain no-repeat}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:1050px){
  .hero__grid{grid-template-columns:1fr;min-height:0}
  .hero__visual{order:-1}
  .hero__content{padding:34px 20px 40px;max-width:none;margin-inline:auto}
  .quote-card--hero{max-width:none}
}
@media (max-width:760px){

  .hero-note{font-size:17px;top:16px;left:16px}
  .hero-note::after{width:46px;height:26px}
  .hero h1{font-size:clamp(28px,7.4vw,36px)}
  .hero__lead{font-size:16px}
}


/* trust strip (design reference: orange glyph,title,subtitle,hairline dividers) */












/* condition cards (design reference: photo,label,orange CTA) */
.condition-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.condition-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:center;transition:.18s}
.condition-card:hover{box-shadow:0 12px 26px rgba(17,24,39,.10);transform:translateY(-2px)}
.condition-card__media{display:block;background:#eceef0;aspect-ratio:16/9;overflow:hidden}
.condition-card__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.condition-card h3{font-size:15px;font-weight:800;margin:14px 12px 6px;line-height:1.3}
.condition-card__cta{display:inline-block;margin:0 12px 16px;font-size:13.5px;font-weight:800;color:var(--accent)}

.condition-help{text-align:center;margin:26px 0 0;font-size:15px;color:#5b636c}
.condition-help a{color:var(--accent);font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1050px){.condition-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.condition-grid{grid-template-columns:repeat(2,1fr);gap:10px}.condition-card h3{font-size:14px}}


/* how it works (design reference: light grey band,numbered circles,chevrons) */

.steps{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.steps li{position:relative;text-align:center;padding:0 8px}
/* RTL flow: the connector points from one step to the next,right to left */
.steps li:not(:last-child)::after{content:"";position:absolute;top:38px;left:-16px;width:11px;height:11px;border-left:2px solid #c9ced4;border-bottom:2px solid #c9ced4;transform:rotate(45deg)}
.steps__icon{width:84px;height:84px;border-radius:50%;background:#e6e9ec;color:#4b5563;display:grid;place-items:center;margin:0 auto 18px}
.steps__num{position:absolute;top:-4px;left:50%;margin-left:16px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:900;display:grid;place-items:center;z-index:2}
.steps h3{font-size:18px;font-weight:800;margin:0 0 6px}
.steps p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr;gap:34px 20px}.steps li:nth-child(2)::after{display:none}}
@media (max-width:520px){.steps{grid-template-columns:1fr}.steps li::after{display:none!important}.steps__icon{width:70px;height:70px}}



/* topbar (design reference: proof points centre{gap:16px;flex-wrap:nowrap}






/* ===== Guides (mobile first: media rows,then cards) ===== */
.guide-list{display:grid;gap:12px;margin-top:24px}
.guide-card{position:relative;display:grid;grid-template-columns:124px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}
.guide-card__media{display:block;border-radius:8px;overflow:hidden;background:#e9ebee}
.guide-card__media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.guide-card__body{min-width:0}
.guide-card__topic{display:block;font-size:12px;font-weight:800;color:var(--accent-hover);margin-bottom:4px}
.guide-card h3{font-size:15.5px;line-height:1.35;margin:0;font-weight:800}
.guide-card h3 a{color:var(--ink)}
.guide-card h3 a::after{content:"";position:absolute;inset:0}   /* whole card is the tap target */
.guide-card:hover{border-color:var(--accent)}
@media (min-width:760px){
  .guide-list{grid-template-columns:1fr 1fr;gap:16px}
}
@media (min-width:1050px){
  .guide-list{grid-template-columns:repeat(4,1fr)}
  .guide-card{grid-template-columns:1fr;padding:0;overflow:hidden;align-items:start}
  .guide-card__media{border-radius:0}
  .guide-card__media img{height:auto;aspect-ratio:16/9}
  .guide-card__body{padding:14px 16px 18px}
}
/* balanced heading lines: no single orphan word on phones */
h1,h2,h3{text-wrap:balance}



/* ===== Site header (EnoLED pattern, RTL, mobile first) ===== */
.site-header{position:sticky;top:0;z-index:80;background:#0f1216;color:#fff;border-bottom:1px solid #232a31}
.site-header__inner{height:64px;display:flex;align-items:center;gap:10px;padding:0 12px}
.site-logo{display:inline-flex;align-items:center;color:#fff}
.site-logo img{width:128px;height:auto}
.site-header__actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.site-header__cta{display:none}
.iconbtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:#fff;cursor:pointer;border-radius:10px}
.iconbtn:hover{color:var(--accent-on-dark)}
.iconbtn:focus-visible{outline:2px solid var(--accent-on-dark);outline-offset:2px}
.site-nav{display:none}
body.drawer-locked{overflow:hidden}

/* drawer: slides in from the reading-start side (right, in Hebrew) */
.site-drawer{position:fixed;inset:0;z-index:1200;background:#0f1216;color:#fff;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;overflow-y:auto;overscroll-behavior:contain;padding:0 20px 48px}
.site-drawer.is-open{transform:translateX(0);visibility:visible;transition:transform .25s ease,visibility 0s}
.site-drawer__top{display:flex;align-items:center;justify-content:space-between;height:64px}
.site-drawer__group{border-top:1px solid #232a31}
.site-drawer__toggle{width:100%;background:none;border:0;color:inherit;font:800 20px/1.2 inherit;font-family:inherit;padding:18px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:start}
.site-drawer__toggle span,.site-drawer__sub span{color:var(--accent-on-dark);font-weight:400;font-size:22px;line-height:1}
.site-drawer__toggle[aria-expanded="true"]{color:var(--accent-on-dark)}
.site-drawer__panel{display:none;padding:0 0 12px}
.site-drawer__panel.is-open{display:block}
.site-drawer__all{display:flex;align-items:center;min-height:44px;color:var(--accent-on-dark);font-size:15px;font-weight:700}
.site-drawer__sub{width:100%;background:none;border:0;border-top:1px solid #1b2128;color:#fff;font:600 16px/1.2 inherit;font-family:inherit;padding:14px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:start}
.site-drawer__sub[aria-expanded="true"]{color:var(--accent-on-dark)}
.site-drawer__subpanel{display:none;padding:0 0 10px;padding-inline-start:14px;border-inline-start:1px solid #232a31;margin-inline-start:2px}
.site-drawer__subpanel.is-open{display:block}
.site-drawer__subpanel a{display:flex;align-items:center;min-height:42px;color:#c7cdd3;font-size:15px}
.site-drawer__subpanel a:hover{color:#fff}
.site-drawer__solo{display:flex;align-items:center;min-height:58px;border-top:1px solid #232a31;color:#fff;font-size:20px;font-weight:800}
.site-drawer__contact{display:grid;gap:10px;padding-top:28px;border-top:1px solid #232a31}
.site-drawer__line{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #333b44;border-radius:10px;color:#fff;font-weight:800}

@media (min-width:1100px){
  .site-header__inner{height:84px;padding:0 clamp(24px,4vw,64px);gap:28px}
  .site-logo img{width:150px}
  .site-burger{display:none}
  .site-header__cta{display:inline-flex;height:46px;padding:0 22px;font-size:15px}
  .site-nav{display:flex;align-items:center;gap:30px;height:100%;margin-inline-start:auto}
  .site-nav__item{height:100%;display:flex;align-items:center}
  .site-nav__link{position:relative;color:#fff;font-size:15.5px;font-weight:600;padding:10px 0;white-space:nowrap}
  /* underline grows from the centre and never shifts the item */
  .site-nav__link::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--accent-on-dark);transition:left .18s ease,right .18s ease}
  .site-nav__item:hover>.site-nav__link::after,.site-nav__item:focus-within>.site-nav__link::after,.site-nav__link[aria-current="page"]::after{left:0;right:0}
  .site-nav__link:focus-visible{outline:2px solid var(--accent-on-dark);outline-offset:6px}
  .site-header__actions{margin-inline-start:0}

  /* mega panel hangs off the header, not the item, so it never runs off the window */
  .mega{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);width:min(1240px,calc(100vw - 64px));max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain;background:#161b21;border:1px solid #232a31;border-top:2px solid var(--accent);border-radius:0 0 16px 16px;padding:34px 38px 30px;box-shadow:0 32px 64px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s}
  .site-nav__item:hover>.mega,.site-nav__item:focus-within>.mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
  .mega__links{display:grid;grid-template-columns:repeat(var(--mega-cols,4),minmax(0,1fr));gap:0 32px;align-content:start}
  .mega--promoted{display:grid;gap:40px}
  .mega--thin{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .mega--wide{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}
  .mega--wide .mega__links{display:block;columns:3;column-gap:34px}
  .mega--grid .mega__links{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mega--row .mega__links{grid-template-columns:repeat(var(--mega-row,6),minmax(0,1fr))}
  .mega__col{break-inside:avoid;margin:0 0 26px}
  .mega__heading{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:0;color:#8d96a0}
  .mega__col a{display:block;padding:6px 0;color:#fff;font-size:14.5px;line-height:1.35}
  .mega__col a:hover{color:var(--accent-on-dark)}
  .mega__all{color:#8d96a0!important;font-size:13px!important;font-weight:600;margin-top:2px}
  .mega__all:hover{color:var(--accent-on-dark)!important}
  .mega__all--panel{grid-column:1/-1;display:inline-block;margin-top:4px;color:var(--accent-on-dark)!important;font-size:14px!important;font-weight:800}
  .mega__promos{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:18px;align-content:start}
  .mega--wide .mega__promos{grid-auto-flow:row}
  .megacard{display:block;color:#fff}
  .megacard__media{display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0f1216;margin-bottom:10px}
  .megacard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
  .megacard:hover .megacard__media img{transform:scale(1.04)}
  .megacard__title{display:block;font-size:15.5px;font-weight:800;line-height:1.3;margin-bottom:3px}
  .megacard:hover .megacard__title{color:var(--accent-on-dark)}
  .megacard__text{display:block;color:#aab2bb;font-size:13px;line-height:1.45}
}
@media (prefers-reduced-motion:reduce){.site-drawer,.mega,.site-nav__link::after,.megacard__media img{transition:none}}


/* ===== Closing band (EnoLED pattern, RTL, mobile first) ===== */
.cta-band{position:relative;isolation:isolate;overflow:hidden;background:#0f1216;color:#fff;display:grid}
.cta-band__bg{position:relative;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;z-index:0}
.cta-band__scrim{position:absolute;inset:0 0 auto;aspect-ratio:16/9;z-index:1;background:linear-gradient(180deg,rgba(15,18,22,.35),rgba(15,18,22,0) 45%,rgba(15,18,22,.9) 100%)}
.cta-band__inner{position:relative;z-index:2;background:#0f1216;padding:34px 20px 44px}
.cta-band__eyebrow{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--accent-on-dark)}
.cta-band h2{color:#fff;font-size:clamp(28px,7vw,34px);line-height:1.15;margin:0 0 12px}
.cta-band__lead{color:#c3cad2;font-size:16px;line-height:1.6;margin:0 0 22px;max-width:46ch}
.cta-band .quote-card{background:#fff;border-radius:14px;padding:16px;box-shadow:none}
.cta-band .quote-card__row{display:grid;grid-template-columns:1fr;gap:10px}
.cta-band .quote-card .field span:not(.plate-badge){color:#5b636c}
.cta-band .quote-card__fine{color:#6b7280;margin:10px 0 0}
.cta-band__secondary{margin-top:14px}
.btn--outline-light{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1.5px solid rgba(255,255,255,.7);border-radius:10px;color:#fff;background:transparent;font-weight:800}
.btn--outline-light:hover{background:#fff;color:#0f1216}
@media (min-width:600px){.cta-band .quote-card__row{grid-template-columns:1fr 1fr auto;align-items:end}}
@media (min-width:1100px){
  .cta-band{display:block}
  .cta-band__bg{position:absolute;inset:0 auto 0 0;width:52%;height:100%;aspect-ratio:auto;-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 22%);mask-image:linear-gradient(270deg,transparent 0%,#000 22%)}
  .cta-band__scrim{inset:0;aspect-ratio:auto;background:linear-gradient(270deg,rgba(15,18,22,.96) 48%,rgba(15,18,22,.4) 64%,rgba(15,18,22,0) 80%)}
  .cta-band__inner{background:transparent;max-width:1240px;margin:0 auto;padding:84px 40px}
  .cta-band__copy{max-width:640px}
  .cta-band h2{font-size:46px}
  .cta-band__lead{font-size:18px}
}

/* ===== Site footer (EnoLED pattern, RTL, mobile first) ===== */
.site-footer{background:#0b0e11;color:#fff;padding:44px 0 22px}
.site-footer__wrap{width:min(1240px,calc(100% - 40px));margin:0 auto}
.site-footer__top{display:grid;gap:6px}
.site-footer__brand{padding-bottom:22px}
.site-footer__brand .site-logo img{width:150px}
.site-footer__brand p{color:#c3cad2;max-width:44ch;font-size:15.5px;line-height:1.65;margin:16px 0 0}
.site-footer__brand address{font-style:normal;color:#c3cad2;margin-top:16px;line-height:1.9;font-size:15px}
.site-footer__brand a{color:#c3cad2}
.site-footer__brand a:hover{color:var(--accent-on-dark)}
.footer-col{border-top:1px solid #20262d}
.footer-col__toggle{width:100%;background:none;border:0;color:#fff;cursor:pointer;font:700 17px/1.2 inherit;font-family:inherit;padding:17px 0;display:flex;align-items:center;justify-content:space-between;text-align:start}
.footer-col__toggle span{color:var(--accent-on-dark);font-size:22px;font-weight:400;line-height:1}
.footer-col ul{list-style:none;margin:0;padding:0 0 14px;display:none}
.footer-col ul.is-open{display:block}
.footer-col a{display:flex;align-items:center;min-height:42px;color:#c3cad2;font-size:15px}
.footer-col a:hover{color:var(--accent-on-dark)}
.site-footer__bottom{display:flex;flex-direction:column;gap:6px;border-top:1px solid #20262d;margin-top:18px;padding-top:18px;color:#7f8994;font-size:13px}
.site-footer__bottom p{margin:0}
@media (min-width:760px){.site-footer__bottom{flex-direction:row;justify-content:space-between}}
@media (min-width:1100px){
  .site-footer{padding:64px 0 24px}
  .site-footer__top{grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:32px}
  .site-footer__brand{padding-bottom:0}
  .footer-col{border-top:0}
  .footer-col__toggle{cursor:default;padding:0 0 12px;font-size:15.5px;pointer-events:none}
  .footer-col__toggle span{display:none}
  .footer-col ul{display:block;padding-bottom:0}
  .footer-col a{min-height:0;padding:6px 0;font-size:14.5px}
  .site-footer__bottom{margin-top:40px}
}

@media (min-width:1050px){.hero__visual{aspect-ratio:auto;min-height:100%}.hero__visual img{object-position:center 58%}}

/* ===== Sticky action bar (phones): call green, quote purple, WhatsApp green ===== */
.mobile-bar__btn{height:60px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:800;color:#fff;text-decoration:none}
.mobile-bar__btn svg{flex:none}
.mobile-bar__call,.mobile-bar__wa{background:#15803d}           /* 5.0:1 with white text */
.mobile-bar__call:active,.mobile-bar__wa:active{background:#116932}
.mobile-bar__main{background:var(--accent)}
.mobile-bar__main:active{background:var(--accent-hover)}
.mobile-bar__btn+.mobile-bar__btn{box-shadow:inset -1px 0 0 rgba(255,255,255,.22)}
.mobile-bar__btn:focus-visible{outline:3px solid #fff;outline-offset:-5px}


/* ===== Proof band (text only, signage on a dark strip, mobile first) ===== */
.proof-band{background:#0f1216;color:#fff}
.proof-band__list{list-style:none;margin:0 auto;padding:0;max-width:1240px;display:grid;grid-template-columns:1fr 1fr}
.proof-band__list li{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 16px;font-size:15px;font-weight:800;line-height:1.25;border-top:1px solid #232a31;border-inline-start:1px solid #232a31}
.proof-band__list li:nth-child(odd){border-inline-start:0}
.proof-band__list li:nth-child(-n+2){border-top:0}
/* a drawn tick, no badge behind it */
.proof-band__list li::before{content:"";flex:none;width:11px;height:6px;margin-top:-4px;border-left:2.5px solid var(--accent-on-dark);border-bottom:2.5px solid var(--accent-on-dark);transform:rotate(-45deg)}
@media (min-width:1050px){
  .proof-band__list{grid-template-columns:repeat(4,1fr);padding:0 clamp(24px,4vw,64px)}
  .proof-band__list li{min-height:66px;padding:0 24px;font-size:16px;border-top:0;justify-content:center}
  .proof-band__list li:nth-child(odd){border-inline-start:1px solid #232a31}
  .proof-band__list li:first-child{border-inline-start:0}
}


/* ===== Adjacent sections on the same ground ===== */
/* Two sections sharing a background each brought their own padding, which stacked into
   one empty band (184px on desktop). The second one drops its top padding and starts at a
   hairline instead, so the boundary is visible and the rhythm stays one section deep. */
.section--soft+.section--soft{padding-top:0}
.section--soft+.section--soft>.container{border-top:1px solid #e1e4e8;padding-top:56px}
@media (min-width:1050px){
  .section--soft+.section--soft>.container{padding-top:76px}
}


/* long read heading: same voice as the other section heads, then the editorial columns */
.long-copy__head{margin-bottom:28px}
.long-copy__head p{color:#5b636c}
@media (min-width:1050px){.long-copy__head{margin-bottom:48px}}


/* header phone (shown only with a real number) and licence line (only when filled in) */
.site-header__phone{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;min-width:40px;padding:0 10px;border-radius:999px;background:#15803d;color:#fff;font-weight:800;font-size:14px;white-space:nowrap}
.site-header__phone:hover{background:#116932;color:#fff}
.site-header__phone-num{display:none}
.site-license{display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:4px 12px;background:#171c22;border-top:1px solid #232a31;color:#d6dde4;font-size:12.5px;font-weight:700;line-height:1.3;text-align:center}
.site-license svg{color:var(--accent-on-dark);flex:none}
@media (min-width:430px){.site-header__phone-num{display:inline}}
@media (min-width:1100px){.site-header__phone{height:46px;padding:0 16px;font-size:15px}.site-license{font-size:13px;min-height:34px}}


.site-header__quote{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;background:var(--accent);color:#fff;font-size:14px;font-weight:800;white-space:nowrap}
.site-header__quote:hover{background:var(--accent-hover);color:#fff}
@media (min-width:1100px){.site-header__quote{display:none}}


/* ===== Region tiles: swipeable squares on phones, a 3x2 grid on desktop ===== */
.region-tiles__track{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:2px 16px 12px;scrollbar-width:none}
.region-tiles__track::-webkit-scrollbar{display:none}
.region-tile{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#1a1f25;color:#fff;scroll-snap-align:start;isolation:isolate}
.region-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s ease}
.region-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,12,15,0) 34%,rgba(10,12,15,.88) 100%)}
.region-tile__body{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:3px;padding:18px 18px 16px}
.region-tile strong{font-size:26px;font-weight:900;line-height:1.1}
.region-tile__count{font-size:13px;font-weight:800;color:var(--accent-on-dark)}
.region-tile__cities{font-size:14px;color:#e3e8ee;line-height:1.4}
.region-tile:hover img{transform:scale(1.04)}
.region-tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.region-tiles__all{text-align:center;margin:18px 0 0}
.region-tiles__all .btn{min-height:50px;padding:0 26px}
@media (min-width:760px){.region-tiles__track{grid-auto-columns:42%}}
@media (min-width:1050px){
  .region-tiles__track{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;max-width:1240px;margin:0 auto;padding:0 40px;gap:18px}
  .region-tile{aspect-ratio:4/3}
  .region-tiles__all{margin-top:28px}
}
@media (prefers-reduced-motion:reduce){.region-tile img{transition:none}}


/* ===== Testimonials: swipeable cards on phones, three columns on desktop ===== */
.testimonials__track{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:2px 16px 12px;scrollbar-width:none}
.testimonials__track::-webkit-scrollbar{display:none}
.testimonial{position:relative;margin:0;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 20px 20px;scroll-snap-align:start}
.testimonial__stars{display:flex;gap:2px;color:#f2a900}
.testimonial__text{margin:0;flex:1}
.testimonial__text p{margin:0;font-size:17px;line-height:1.6;color:var(--ink)}
.testimonial__who{display:flex;flex-direction:column;gap:2px;padding-top:14px;border-top:1px solid var(--line)}
.testimonial__who strong{font-size:16px;font-weight:800;color:var(--ink)}
.testimonial__meta{font-size:14px;color:#646c76}
.testimonial__source{font-size:13px;font-weight:700;color:var(--accent-hover)}
.testimonials__all{text-align:center;margin:18px 0 0}
@media (min-width:760px){.testimonials__track{grid-auto-columns:46%}}
@media (min-width:1050px){
  .testimonials__track{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;max-width:1240px;margin:0 auto;padding:0 40px;gap:18px}
  .testimonials__all{margin-top:28px}
}


/* ===== Cookie consent: one compact row. Above the quick-action bar on phones, a small card on desktop ===== */
.cookie-bar{position:fixed;z-index:1100;left:10px;right:10px;bottom:calc(70px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding-block:8px;padding-inline:12px 8px;background:#101114;color:#eceef1;border:1px solid #2e3136;border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.cookie-bar[hidden]{display:none}
.cookie-bar__text{margin:0;flex:1;min-width:0;font-size:13px;line-height:1.45;color:#dfe2e6}
.cookie-bar__text a{color:var(--accent-on-dark);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.cookie-bar__text a:hover{color:#fff}
.cookie-bar__actions{display:flex;flex:none;gap:6px}
.cookie-bar__btn{min-height:32px;padding:0 12px;border-radius:8px;font:inherit;font-size:13.5px;font-weight:800;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
.cookie-bar__accept{background:var(--accent);color:#fff;border:1px solid var(--accent)}
.cookie-bar__accept:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.cookie-bar__reject{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.38)}
.cookie-bar__reject:hover{border-color:#fff}
.cookie-bar__btn:focus-visible{outline:2px solid var(--accent-on-dark);outline-offset:2px}
@media (min-width:761px){
  .cookie-bar{left:auto;right:20px;bottom:20px;max-width:580px;gap:14px;padding-block:10px;padding-inline:16px 10px}
  .cookie-bar__text{font-size:14px}
  .cookie-bar__btn{min-height:34px;padding:0 15px;font-size:14px}
}


/* ===== Inner landing pages (city, service, vehicle): mobile first ===== */
/* hero: the home hero with breadcrumbs; the page photo keeps its 16:9 frame on every width */
.hero--inner .breadcrumbs{margin:0 0 10px;font-size:13px;line-height:1.5;color:#6b7280}
.hero--inner .breadcrumbs a{color:#4b5563;text-decoration:none}
.hero--inner .breadcrumbs a:hover{text-decoration:underline}
@media (min-width:1050px){
  .hero--inner .hero__grid{grid-template-columns:1fr 1fr;align-items:center;min-height:0}
  .hero--inner .hero__content{padding-block:48px 52px}
  .hero--inner .hero__visual{aspect-ratio:16/9;min-height:0;margin-block:40px;margin-inline:0 clamp(24px,4vw,64px);border-radius:16px;box-shadow:0 18px 40px rgba(17,24,39,.12)}
  .hero--inner .hero__visual img{object-position:center}
}

/* body + desktop side column */
.inner-body{padding-block:36px 56px}
.inner-body__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.inner-aside{display:none}
.inner-body .content-main{max-width:760px}
.inner-body .content-main p,.inner-body .content-main li{font-size:17px;line-height:1.8;color:#3f4852}
.inner-body .content-main h2{font-size:26px;line-height:1.2;margin:40px 0 12px;scroll-margin-top:84px}
.inner-body .content-main h3{font-size:20px;line-height:1.3;margin:28px 0 8px}
.inner-body .content-main figure{margin:28px 0}
.inner-body .content-main img{width:100%;height:auto;border-radius:12px}
@media (min-width:1050px){
  .inner-body{padding-block:64px 88px}
  .inner-body__grid{grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}
  .inner-aside{display:block;align-self:stretch}
  .inner-aside__sticky{position:sticky;top:104px;display:grid;gap:18px;max-height:calc(100vh - 128px);overflow:auto;scrollbar-width:thin}
  .inner-body .content-main p,.inner-body .content-main li{font-size:18px}
  .inner-body .content-main h2{font-size:34px;margin-top:52px;scroll-margin-top:110px}
  .inner-body .content-main h3{font-size:23px}
}

/* page navigation: collapsible above the body on phones, a plain list in the side column on desktop */
.toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.inner-body .toc li{counter-increment:toc;margin:0;font-size:15px;line-height:1.35}
.inner-body .content-main .toc a,.toc--aside a{display:flex;gap:10px;padding:10px 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.toc a::before{content:counter(toc);flex:none;min-width:16px;font-weight:800;color:var(--accent)}
.inner-body .content-main .toc a:hover,.toc--aside a:hover{color:var(--accent-hover)}
.toc--inline{margin:0 0 28px;border:1px solid var(--line);border-radius:12px;background:#fff}
.toc--inline summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;font-size:16px;font-weight:800}
.toc--inline summary::-webkit-details-marker{display:none}
.toc--inline summary::after{content:"+";font-size:22px;font-weight:600;line-height:1;color:var(--accent)}
.toc--inline[open] summary::after{content:"\2212"}
.toc--inline ol{padding:0 16px 6px}
.toc--inline li:last-child a{border-bottom:0}
.toc__title{margin:0 0 4px;font-size:13px;font-weight:800;color:#6b7280}
.toc--aside li{font-size:14.5px}
.toc--aside li:last-child a{border-bottom:0}
@media (min-width:1050px){.toc--inline{display:none}}

.aside-cta{background:#171b1f;color:#fff;border-radius:14px;padding:20px}
.aside-cta .aside-cta__title{margin:0 0 6px;font-size:19px;font-weight:800;color:#fff}
.aside-cta p{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:#cfd3d8}
.aside-cta__phone{display:block;margin-top:10px;text-align:center;font-weight:800;color:#fff}

/* lists and blocks printed by the templates */
.inner-body .tick-list{list-style:none;margin:16px 0 8px;padding:0;display:grid;gap:10px}
.inner-body .tick-list li{position:relative;margin:0;padding-inline-start:28px;line-height:1.55}
.tick-list li::before{content:"";position:absolute;inset-inline-start:0;top:.32em;width:18px;height:18px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%236a2fc0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.2 4.2L19 7'/></svg>") no-repeat center/18px}
.inner-body .tick-list--compact{grid-template-columns:1fr 1fr;gap:8px 16px}
.inner-body .tick-list--compact li{font-size:16px}
@media (min-width:760px){.inner-body .tick-list{grid-template-columns:1fr 1fr;gap:10px 24px}.inner-body .tick-list--compact{grid-template-columns:repeat(3,1fr)}}

.inner-body .step-list{list-style:none;margin:18px 0 8px;padding:0;counter-reset:step;display:grid;gap:12px}
.inner-body .step-list li{counter-increment:step;position:relative;margin:0;padding:16px;padding-inline-start:60px;background:var(--soft);border-radius:12px}
.step-list li::before{content:counter(step);position:absolute;inset-inline-start:16px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;font-weight:800;display:grid;place-items:center}
.inner-body .step-list strong{display:block;margin-bottom:2px;font-size:17px;color:var(--ink)}
.inner-body .step-list p{margin:0;font-size:16px;line-height:1.6}
@media (min-width:760px){.inner-body .step-list{grid-template-columns:1fr 1fr}}

.inline-cta{margin:40px 0 0;padding:22px;border-radius:14px;background:#171b1f;color:#fff;display:grid;gap:16px}
.inner-body .inline-cta h3{margin:0 0 6px;font-size:22px;color:#fff}
.inner-body .inline-cta p{margin:0;font-size:16px;line-height:1.6;color:#cfd3d8}
.inline-cta .btn{width:100%}
@media (min-width:760px){.inline-cta{grid-template-columns:1fr auto;align-items:center;gap:28px;padding:28px 32px}.inline-cta .btn{width:auto;white-space:nowrap}}

/* related pages under the body */
.inner-related{padding-block:48px}
.related-block+.related-block{margin-top:40px}
.inner-related .related-block__title{margin:0 0 16px;font-size:24px;line-height:1.2}
.inner-related .guide-list{margin-top:0}
.related-cards{grid-template-columns:repeat(2,1fr);gap:10px}
.link-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.link-chips a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}
.link-chips a:hover{border-color:var(--accent);color:var(--accent-hover)}
.link-chips a.link-chips__more{background:transparent;border-style:dashed;border-color:#c9b5ec;color:var(--accent-hover)}
@media (min-width:1050px){
  .inner-related{padding-block:80px}
  .related-block+.related-block{margin-top:56px}
  .inner-related .related-block__title{margin-bottom:22px;font-size:30px}
  .related-cards{grid-template-columns:repeat(4,1fr);gap:14px}
}


/* ===== Page faces: city (local photo), vehicle (brand collage), body breaks ===== */
/* city: the region's street photo behind white text; on phones it fades into the dark band under the header */
.hero-local{position:relative;isolation:isolate;overflow:hidden;background:#0f1216;color:#fff}
.hero-local__bg{position:absolute;inset:0 0 auto 0;width:100%;height:330px;object-fit:cover;z-index:-2}
.hero-local::before{content:"";position:absolute;inset:0 0 auto 0;height:332px;z-index:-1;background:linear-gradient(180deg,rgba(15,18,22,.05) 0%,rgba(15,18,22,.45) 55%,#0f1216 100%)}
.hero-local__inner{display:grid;gap:22px;padding:188px 16px 34px}
.hero-local .breadcrumbs{margin:0 0 8px;font-size:13px;color:rgba(255,255,255,.82)}
.hero-local .breadcrumbs a{color:#fff;text-decoration:none}
.hero-local h1{margin:0 0 10px;font-size:clamp(30px,8.2vw,40px);line-height:1.12;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.hero-local__lead{margin:0;font-size:16px;line-height:1.6;color:#d9dee4}
.hero-local__label{margin:16px 0 8px;font-size:12.5px;font-weight:800;color:var(--accent-on-dark)}
.hero-local__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.hero-local__chips li{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:13.5px;font-weight:700;color:#fff}
@media (min-width:1050px){
  .hero-local__bg{inset:0;height:100%}
  .hero-local::before{inset:0;height:auto;background:linear-gradient(270deg,rgba(15,18,22,.94) 0%,rgba(15,18,22,.78) 38%,rgba(15,18,22,.25) 72%,rgba(15,18,22,.1) 100%)}
  .hero-local__inner{max-width:1240px;min-height:610px;margin:0 auto;padding:64px 40px;grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:72px}
  .hero-local h1{font-size:54px}
  .hero-local__lead{max-width:560px;font-size:18px}
}

/* vehicle: brand name in outline over a light panel, a main photo with a salvage photo pinned to it */
.hero-brand{background:linear-gradient(180deg,#f4f1fa 0%,#fff 100%);border-bottom:1px solid var(--line);overflow:hidden}
.hero-brand__inner{display:grid;gap:22px;padding:18px 16px 36px}
.hero-brand__photos{order:-1;position:relative;display:grid;grid-template-columns:1.55fr 1fr;gap:8px}
.hero-brand__photo{margin:0;border-radius:12px;overflow:hidden;background:#e9e6f0;aspect-ratio:4/3}
.hero-brand__photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-brand__photo--side{align-self:end;aspect-ratio:1/1}
.hero-brand__mark{display:block;max-width:100%;overflow:hidden;white-space:nowrap;margin:2px 0 -10px;font-size:clamp(58px,17vw,96px);font-weight:800;line-height:1;letter-spacing:-1px;color:transparent;-webkit-text-stroke:1.5px rgba(106,47,192,.3);user-select:none}
.hero-brand .breadcrumbs{margin:0 0 8px;font-size:13px;color:#6b7280}
.hero-brand .breadcrumbs a{color:#4b5563;text-decoration:none}
.hero-brand h1{margin:0 0 12px;font-size:clamp(30px,8vw,40px);line-height:1.12}
@media (min-width:1050px){
  .hero-brand__inner{max-width:1240px;margin:0 auto;padding:56px 40px 64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}
  .hero-brand__photos{order:0;display:block;padding:0 0 48px 64px}
  .hero-brand__photo--main{aspect-ratio:4/3;box-shadow:0 22px 48px rgba(17,24,39,.14)}
  .hero-brand__photo--side{position:absolute;left:0;bottom:0;width:46%;border:6px solid #fff;box-shadow:0 18px 36px rgba(17,24,39,.18)}
  .hero-brand__mark{font-size:120px;margin:4px 0 -22px}
  .hero-brand h1{font-size:50px}
}

/* condition cards on city pages sit on the soft band under the proof strip */
.inner-conditions{padding-block:48px}
@media (min-width:1050px){.inner-conditions{padding-block:72px}}

/* photos and coloured quote banners between stretches of text */
.inner-body .content-main .photo-break,.editorial-main .photo-break{margin:36px 0}
.photo-break img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
.cta-strip{margin:36px 0;padding:20px;border-radius:14px;display:grid;gap:14px;align-items:center}
.content-main .cta-strip p{margin:0}
.content-main .cta-strip .cta-strip__title{font-size:21px;font-weight:800;line-height:1.25;color:inherit}
.content-main .cta-strip .cta-strip__text{margin-top:4px;font-size:15.5px;line-height:1.55;color:inherit;opacity:.88}
.content-main .cta-strip a.cta-strip__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:12px;font-size:16px;font-weight:800;text-decoration:none;white-space:nowrap}
.cta-strip--purple{background:var(--accent);color:#fff}
.content-main .cta-strip--purple a.cta-strip__btn{background:#fff;color:var(--accent-hover)}
.cta-strip--soft{background:#f2ecfb;border:1px solid #e1d3f6;color:var(--ink)}
.content-main .cta-strip--soft a.cta-strip__btn{background:var(--accent);color:#fff}
.cta-strip--dark{background:#171b1f;color:#fff}
.content-main .cta-strip--dark a.cta-strip__btn{background:var(--accent);color:#fff}
.cta-strip--green{background:#e8f6ee;border:1px solid #c6e8d3;color:#0f3d24}
.content-main .cta-strip--green a.cta-strip__btn{background:#15803d;color:#fff}
@media (min-width:760px){.cta-strip{grid-template-columns:1fr auto;gap:24px;padding:24px 28px}}

/* service steps with a photo each */
.inner-body .photo-steps{list-style:none;margin:18px 0 8px;padding:0;display:grid;gap:14px}
.inner-body .photo-steps__item{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.photo-steps__item img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.photo-steps__body{position:relative;padding:14px 16px 16px;padding-inline-start:58px}
.photo-steps__num{position:absolute;inset-inline-start:16px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;font-weight:800;display:grid;place-items:center}
.inner-body .photo-steps strong{display:block;font-size:17px;color:var(--ink)}
.inner-body .photo-steps p{margin:2px 0 0;font-size:15.5px;line-height:1.6}
@media (min-width:760px){.inner-body .photo-steps{grid-template-columns:1fr 1fr}}

/* salvage photo cards on vehicle pages */
.inner-body .part-cards{list-style:none;margin:18px 0 8px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inner-body .part-card{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#1a1f25}
.part-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.part-card span{position:absolute;inset:auto 0 0 0;padding:26px 12px 10px;background:linear-gradient(180deg,rgba(10,12,15,0),rgba(10,12,15,.85));color:#fff;font-size:14px;font-weight:800;line-height:1.3}
@media (min-width:1050px){.inner-body .part-cards{gap:14px}.part-card span{font-size:15.5px}}


/* ===== Hero faces 2: card over photo, centred, shared pill and chips ===== */
.hero-pill{display:inline-flex;align-items:center;margin:0 0 10px;padding:4px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-hover);font-size:13px;font-weight:800}
.hero-chips{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.hero-chips li{padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--ink)}
.hero-local__mark{display:block;max-width:100%;overflow:hidden;white-space:nowrap;margin:0 0 -8px;font-size:clamp(56px,16vw,120px);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55);user-select:none}

/* card over photo */
.hero-stack{position:relative;background:#fff;padding-bottom:28px}
.hero-stack__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e6e8eb}
.hero-stack__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-stack__card{position:relative;margin:-64px 12px 0;padding:18px 16px 16px;background:#fff;border-radius:18px;box-shadow:0 18px 44px rgba(17,24,39,.16);display:grid;gap:18px}
.hero-stack .breadcrumbs{margin:0 0 8px;font-size:13px;color:#6b7280}
.hero-stack .breadcrumbs a{color:#4b5563;text-decoration:none}
.hero-stack h1{margin:0 0 10px;font-size:clamp(30px,8vw,40px);line-height:1.12}
.hero-stack .quote-card{box-shadow:none}
@media (min-width:1050px){
  .hero-stack{padding-bottom:56px}
  .hero-stack__media{aspect-ratio:auto;height:470px}
  .hero-stack__card{max-width:1160px;margin:-150px auto 0;padding:36px 40px;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:56px}
  .hero-stack h1{font-size:48px}
}

/* centred text, then photo and form side by side */
.hero-center{background:linear-gradient(180deg,#f4f0fb 0%,#fbfafd 62%,#fff 100%);border-bottom:1px solid var(--line)}
.hero-center__inner{padding:22px 16px 34px}
.hero-center__head{text-align:center;max-width:760px;margin:0 auto}
.hero-center .breadcrumbs{margin:0 0 12px;font-size:13px;color:#6b7280;text-align:center}
.hero-center .breadcrumbs a{color:#4b5563;text-decoration:none}
.hero-center__mark{display:block;overflow:hidden;white-space:nowrap;margin:0 0 -12px;font-size:clamp(58px,17vw,130px);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(106,47,192,.28);user-select:none}
.hero-center h1{margin:0 0 10px;font-size:clamp(30px,8.2vw,42px);line-height:1.12}
.hero-center .hero__lead{margin-inline:auto}
.hero-chips--center{justify-content:center}
.hero-center__row{display:grid;gap:14px;margin-top:22px}
.hero-center__photo{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#e6e8eb}
.hero-center__photo img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:1050px){
  .hero-center__inner{max-width:1240px;margin:0 auto;padding:44px 40px 60px}
  .hero-center h1{font-size:52px}
  .hero-center__row{grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:40px;margin-top:36px}
  .hero-center__photo{box-shadow:0 22px 48px rgba(17,24,39,.12)}
}

/* ===== First sections ===== */
.condition-grid--5{grid-template-columns:repeat(2,1fr)}
@media (min-width:1050px){.condition-grid--5{grid-template-columns:repeat(5,1fr)}.condition-grid--4{grid-template-columns:repeat(4,1fr)}}

.local-band{padding-block:44px}
.local-band__grid{display:grid;gap:22px;align-items:center}
.local-band__photo{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#e6e8eb}
.local-band__photo img{display:block;width:100%;height:100%;object-fit:cover}
.local-band__pill{display:inline-flex;margin:0 0 10px;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--accent-hover);font-size:13px;font-weight:800}
.local-band .local-band__copy h2{margin:0 0 16px;font-size:26px;line-height:1.2}
.local-band__label{margin:20px 0 8px;font-size:14px;font-weight:800;color:#4b5563}
.local-band__names{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.local-band__names li{position:relative;padding-inline-start:22px;font-size:15px;line-height:1.5;color:#3f4852}
.local-band__names li::before{content:"";position:absolute;inset-inline-start:0;top:.3em;width:15px;height:15px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%236a2fc0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.2 4.2L19 7'/></svg>") no-repeat center/15px}
@media (min-width:1050px){
  .local-band{padding-block:80px}
  .local-band__grid{grid-template-columns:1fr 1fr;gap:56px}
  .local-band .local-band__copy h2{font-size:36px}
  .local-band__names{grid-template-columns:repeat(3,1fr)}
}

.model-cards{padding-block:44px}
.model-cards__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.model-card{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:104px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.model-card strong{font-size:19px;font-weight:800;line-height:1.2}
.model-card span{font-size:13px;font-weight:700;color:var(--accent-hover)}
.model-card:hover{border-color:var(--accent);transform:translateY(-2px)}
@media (min-width:1050px){.model-cards{padding-block:80px}.model-cards__grid{grid-template-columns:repeat(4,1fr);gap:16px}.model-card{min-height:130px;padding:22px}.model-card strong{font-size:24px}}

.part-band{padding-block:44px}
.part-band .part-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.part-band .part-card{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#1a1f25}
@media (min-width:1050px){.part-band{padding-block:80px}.part-band .part-cards{grid-template-columns:repeat(4,1fr);gap:16px}}

.region-tiles--street .region-tile{aspect-ratio:4/3}


/* ===== Pages, hubs, guides (mobile first) ===== */
.page-head{background:linear-gradient(180deg,#f4f0fb 0%,#fff 100%);border-bottom:1px solid var(--line)}
.page-head__inner{display:grid;gap:20px;padding:22px 16px 30px}
.page-head .breadcrumbs{margin:0 0 10px;font-size:13px;color:#6b7280}
.page-head .breadcrumbs a{color:#4b5563;text-decoration:none}
.page-head h1{margin:0 0 10px;font-size:clamp(30px,8.4vw,42px);line-height:1.12}
.page-head__lead{margin:0;font-size:16.5px;line-height:1.6;color:#4b5563;max-width:640px}
.page-head__photo{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#e6e8eb}
.page-head__photo img{display:block;width:100%;height:100%;object-fit:cover}
.page-head__chips{margin-top:16px}
.page-head--center .page-head__copy{text-align:center;margin-inline:auto;max-width:760px}
.page-head--center .page-head__lead{margin-inline:auto}
.page-head--center .breadcrumbs{text-align:center}
@media (min-width:1050px){
  .page-head__inner{max-width:1240px;margin:0 auto;padding:48px 40px 56px}
  .page-head--photo .page-head__inner{grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:56px}
  .page-head h1{font-size:50px}
  .page-head__lead{font-size:18px}
}
.faq-filter{display:block;margin:18px auto 0;max-width:520px}
.faq-filter input{width:100%;height:52px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background:#fff;font:inherit;font-size:16px;box-shadow:0 8px 22px rgba(17,24,39,.06)}
.faq-filter input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(106,47,192,.14)}
.faq-page__wrap{max-width:900px}
.faq-page__intro{margin-bottom:24px}
.faq-empty{text-align:center;margin-top:18px}

/* about: three photos under the head */
.about-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px}
.about-mosaic figure{margin:0;aspect-ratio:1/1;overflow:hidden;border-radius:10px;background:#e6e8eb}
.about-mosaic img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:1050px){.about-mosaic{max-width:1240px;margin:0 auto;padding:28px 40px 0;gap:16px}.about-mosaic figure{aspect-ratio:4/3;border-radius:14px}}

/* legal pages */
.inner-body--legal .content-main p,.inner-body--legal .content-main li{font-size:16.5px}
.content-main .legal-updated{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--soft);font-size:14px;color:#4b5563}
.business-details{list-style:none;margin:14px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fbfbfd;display:grid;gap:6px}
.inner-body .content-main .business-details li{margin:0;font-size:16px}
.business-details span{display:inline-block;min-width:110px;font-weight:800;color:var(--ink)}

/* contact */
.contact-v2{padding-block:36px 56px}
.contact-v2__grid{display:grid;gap:28px}
.contact-v2 h2{margin:0 0 14px;font-size:24px}
.contact-ways{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.contact-way{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s}
a.contact-way:hover{border-color:var(--accent)}
.contact-way__label{font-size:13px;font-weight:800;color:var(--accent-hover)}
.contact-way strong{font-size:17px;line-height:1.35}
.contact-way--wa .contact-way__label{color:#15803d}
.contact-v2__scope{margin:14px 0 0;font-size:15px;color:#4b5563}
.contact-v2__note{margin-top:14px}
.contact-v2__form{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(17,24,39,.08)}
.contact-v2__form .form-grid{display:grid;gap:12px;margin-bottom:14px}
.contact-v2__form textarea{width:100%}
.contact-note{margin:10px 0 0;font-size:13.5px;color:#6b7280}
@media (min-width:760px){.contact-v2__form .form-grid{grid-template-columns:1fr 1fr}.contact-v2__form .field--full{grid-column:1/-1}}
@media (min-width:1050px){.contact-v2{padding-block:72px 96px}.contact-v2__grid{grid-template-columns:minmax(0,1fr) 540px;gap:64px;align-items:start}.contact-v2__form{padding:32px}}

/* guides hub */
.guides-hub{padding-block:36px 56px}
.guide-feature{display:grid;gap:0;margin-bottom:22px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.guide-feature__media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.guide-feature__body{padding:18px}
.guide-feature h2{margin:6px 0 8px;font-size:24px;line-height:1.25}
.guide-feature h2 a{color:var(--ink)}
.guide-feature p{margin:0 0 14px;color:#4b5563}
.guide-list--hub{margin-top:0}
.pager{margin-top:28px}
.pager .nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700}
.pager .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff}
@media (min-width:1050px){.guides-hub{padding-block:64px 96px}.guide-feature{grid-template-columns:1.2fr 1fr;align-items:center;margin-bottom:32px}.guide-feature__body{padding:36px}.guide-feature h2{font-size:34px}}

/* services hub extra block */
.services-more{padding-block:44px}
@media (min-width:1050px){.services-more{padding-block:80px}}

/* areas hub */
.area-hub{padding-block:36px 56px}
.area-hub__region{display:grid;gap:14px;padding:16px;margin-bottom:14px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.area-hub__photo{display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/9}
.area-hub__photo img{display:block;width:100%;height:100%;object-fit:cover}
.area-hub__region h2{margin:0;font-size:26px}
.area-hub__region h2 a{color:var(--ink)}
.area-hub__count{margin:2px 0 12px;font-size:14px;font-weight:700;color:var(--accent-hover)}
@media (min-width:1050px){.area-hub{padding-block:72px 96px}.area-hub__region{grid-template-columns:320px 1fr;gap:28px;padding:22px;margin-bottom:18px;align-items:start}}

/* vehicles hub */
.brand-hub{padding-block:36px 56px}
.brand-hub__grid{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.brand-card{position:relative;overflow:hidden;border-radius:16px;background:#fff;border:1px solid var(--line)}
.brand-card__head{position:relative;display:flex;flex-direction:column;gap:2px;padding:18px 18px 14px;color:var(--ink);text-decoration:none;overflow:hidden}
.brand-card__mark{position:absolute;inset-inline-end:-6px;top:-10px;font-size:74px;font-weight:800;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.2px rgba(106,47,192,.16);pointer-events:none}
.brand-card__head strong{position:relative;font-size:24px}
.brand-card__count{position:relative;font-size:13px;font-weight:700;color:var(--accent-hover)}
.brand-card__models{list-style:none;margin:0;padding:0 18px 16px;display:flex;flex-wrap:wrap;gap:6px}
.brand-card__models a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--soft);color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}
.brand-card__models a:hover{background:var(--accent-soft);color:var(--accent-hover)}
@media (min-width:760px){.brand-hub__grid{grid-template-columns:1fr 1fr}}
@media (min-width:1050px){.brand-hub{padding-block:72px 96px}.brand-hub__grid{grid-template-columns:repeat(3,1fr);gap:18px}}

/* region archive and search results */
.archive-list{padding-block:36px 56px}
.city-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.city-card{display:flex;flex-direction:column;gap:4px;min-height:92px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s}
.city-card strong{font-size:18px;line-height:1.25}
.city-card span{font-size:13px;color:#6b7280;line-height:1.4}
.city-card:hover{border-color:var(--accent)}
.empty-state{text-align:center}
.link-chips--center{justify-content:center}
@media (min-width:760px){.city-cards{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1050px){.archive-list{padding-block:72px 96px}.city-cards{grid-template-columns:repeat(4,1fr);gap:14px}}

/* guide single */
.article-head{background:linear-gradient(180deg,#f4f0fb 0%,#fff 100%)}
.article-head__inner{padding:22px 16px 18px;max-width:860px;margin:0 auto}
.article-head .breadcrumbs{margin:0 0 10px;font-size:13px;color:#6b7280}
.article-head .breadcrumbs a{color:#4b5563;text-decoration:none}
.article-head h1{margin:6px 0 10px;font-size:clamp(30px,8.2vw,44px);line-height:1.15}
.article-head__lead{margin:0 0 12px;font-size:17px;line-height:1.6;color:#4b5563}
.article-head__meta{display:flex;gap:14px;margin:0;font-size:13.5px;color:#6b7280}
.article-head__cover{margin:6px 0 0;padding:0 16px}
.article-head__cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
@media (min-width:1050px){.article-head__inner{padding:48px 40px 24px}.article-head h1{font-size:52px}.article-head__cover{max-width:1100px;margin:10px auto 0;padding:0 40px}.article-head__cover img{border-radius:18px}}

/* 404 */
.not-found-v2{position:relative;isolation:isolate;overflow:hidden;background:#0f1216;color:#fff;text-align:center}
.not-found-v2__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:-1}
.not-found-v2__inner{max-width:720px;margin:0 auto;padding:72px 16px}
.not-found-v2__code{display:block;font-size:110px;font-weight:800;line-height:1;color:var(--accent-on-dark)}
.not-found-v2 h1{color:#fff;font-size:clamp(28px,7vw,44px);margin:6px 0 10px}
.not-found-v2 p{color:#d6dbe1}
.not-found-v2__search{max-width:460px;margin:24px auto 0}
@media (min-width:1050px){.not-found-v2__inner{padding:120px 40px}}


/* ===== Region landing page ===== */
.hero-local--region .hero-pill{background:rgba(255,255,255,.14);color:#fff}
.region-cities{padding-block:44px}
.region-cities__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.region-cities__featured{grid-column:1/-1}
.city-photo-card{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;background:#1a1f25}
.city-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s ease}
.city-photo-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,12,15,0) 35%,rgba(10,12,15,.85) 100%)}
.city-photo-card__body{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:2px;padding:16px 18px}
.city-photo-card strong{font-size:28px;font-weight:800;line-height:1.1}
.city-photo-card__body span{font-size:14px;color:#e3e8ee}
.city-photo-card:hover img{transform:scale(1.03)}
.city-card--pin{position:relative;padding-top:44px}
.city-card__pin{position:absolute;top:14px;inset-inline-start:14px;color:var(--accent)}
.city-card--pin:hover{background:#faf7ff}
@media (min-width:760px){.region-cities__grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1050px){
  .region-cities{padding-block:80px}
  .region-cities__grid{grid-template-columns:repeat(4,1fr);gap:14px}
  .region-cities__featured{grid-column:span 2;grid-row:span 2}
  .region-cities__featured .city-photo-card{height:100%;aspect-ratio:auto;min-height:220px}
  .city-photo-card strong{font-size:36px}
}
.region-banner{padding-block:8px 36px}
.region-banner .cta-strip{margin:0}
.region-banner .cta-strip p{margin:0}
.region-banner .cta-strip__title{font-size:21px;font-weight:800;line-height:1.25}
.region-banner .cta-strip__text{margin-top:4px;font-size:15.5px;opacity:.88}
.region-banner a.cta-strip__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:12px;font-size:16px;font-weight:800;text-decoration:none;white-space:nowrap;background:#fff;color:var(--accent-hover)}
@media (min-width:1050px){.region-banner{padding-block:12px 64px}}

/* ===== Internal pages ===== */
.page-hero{background:linear-gradient(135deg,#fffdf8 0%,#f5f6f7 100%);border-bottom:1px solid var(--line);padding:68px 0 58px;overflow:hidden}.page-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.page-hero__copy{max-width:760px}.breadcrumbs{display:flex;gap:7px;flex-wrap:wrap;font-size:12px;color:#7a818a;margin-bottom:20px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.page-hero h1{font-size:clamp(44px,5.5vw,74px);margin:8px 0 20px;max-width:820px}.page-hero h1 em{color:var(--accent-2);font-style:normal}.page-hero__lead{font-size:19px;color:#4e5863;max-width:740px}.page-hero__visual{position:relative}.page-hero__visual img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}.page-hero__stamp{position:absolute;left:0;bottom:0;background:#171b1f;color:#fff;padding:14px 18px;font-weight:900}.page-hero__stamp span{display:block;color:var(--accent);font-size:12px;margin-top:3px}.quick-quote{margin-top:28px;background:#fff;border:1px solid #e6e1d7;border-radius:16px;padding:16px;box-shadow:0 14px 35px rgba(17,24,39,.08)}.quick-quote__grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.quick-quote .field input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 13px;background:#fbfbfb;outline:none}.quick-quote .field input{height:50px}
.internal-strip{background:#171b1f;color:#fff}.internal-strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}.internal-strip__grid div{padding:20px 18px;border-left:1px solid #30363d}.internal-strip__grid div:last-child{border-left:0}.internal-strip strong{display:block;font-size:15px}.internal-strip span{font-size:12px;color:#aeb5bd}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:70px;align-items:start}.content-main{max-width:820px}.content-main h2{font-size:38px;line-height:1.12;margin:48px 0 14px}.content-main h3{font-size:25px;margin:34px 0 10px}.content-main p,.content-main li{font-size:17px;color:#4f5964}.content-main ul{padding-right:20px}.content-main li{margin-bottom:8px}.side-stack{position:sticky;top:112px;display:grid;gap:14px}.side-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}.side-card--dark{background:#171b1f;color:#fff;border-color:#171b1f}.side-card h3{font-size:20px;margin-bottom:10px}.side-card p{font-size:13px;color:#69727c}.side-card--dark p{color:#c8ced5}.side-card ul{list-style:none;padding:0;margin:12px 0 0}.side-card li{font-size:13px;padding:8px 0;border-bottom:1px solid #eceef0}.side-card--dark li{border-color:#30363d}.side-card li::before{content:"✓";color:var(--accent-2);margin-left:8px}.side-links{display:grid;gap:6px}.side-links a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:800}
.area-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.area-directory article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-height:220px}.area-directory h2{font-size:25px;margin:8px 0 10px}.area-directory p{color:#646d77;font-size:14px}.area-directory ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}.area-directory li{font-size:13px}.area-directory a{font-weight:900;color:#a64f00}.area-directory a:hover{text-decoration:underline}.directory-note{margin-top:24px;background:#fff8dc;border:1px solid #eddb97;border-radius:14px;padding:18px 20px}
.local-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.local-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}.local-card span{font-size:11px;color:var(--accent-hover);font-weight:900}.local-card h3{font-size:19px;margin:5px 0 8px}.local-card p{font-size:13px;color:#68717b;margin-bottom:0}.local-cta{margin:42px 0;background:#f6f1fd;border:1px solid #e4d8f7;border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.local-cta h3{font-size:28px;margin:0 0 6px}.local-cta p{margin:0;color:#625b43}
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px}.contact-panel{background:#171b1f;color:#fff;border-radius:20px;padding:34px}.contact-panel h2{font-size:38px}.contact-panel p{color:#c4cbd2}.contact-methods{display:grid;gap:12px;margin-top:28px}.contact-method{padding:17px;border:1px solid #313840;border-radius:12px}.contact-method span{font-size:11px;color:#9da6af;display:block}.contact-method strong{font-size:18px}.contact-form{border:1px solid var(--line);border-radius:20px;padding:34px;background:#fff;box-shadow:var(--shadow)}.contact-form h2{font-size:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .field--full{grid-column:1/-1}.contact-form textarea{min-height:130px;resize:vertical}.contact-form select{height:50px}.contact-form .btn{margin-top:14px;width:100%}.contact-note{font-size:12px;color:#737b84;margin-top:12px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.article-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-card__body{padding:22px;display:flex;flex-direction:column;flex:1}.article-card__meta{font-size:11px;color:#a64f00;font-weight:900}.article-card h2,.article-card h3{font-size:22px;margin:7px 0 10px}.article-card p{font-size:14px;color:#68717a;flex:1}.article-card a{font-size:13px;font-weight:900}.featured-article{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;margin-bottom:28px}.featured-article img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;align-self:center}.featured-article__body{padding:40px}.featured-article h2{font-size:38px}.featured-article p{color:#626b75}
.article-header{max-width:900px;margin-inline:auto;text-align:center}.article-header h1{font-size:clamp(44px,5.3vw,72px);margin:16px auto 20px}.article-meta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#727b84}.article-cover{max-width:1100px;margin:36px auto 0}.article-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}.article-body{max-width:820px;margin:0 auto}.article-body p,.article-body li{font-size:18px;color:#4d5660}.article-body h2{font-size:38px;margin:52px 0 14px}.article-body h3{font-size:26px;margin:34px 0 9px}.article-body blockquote{margin:34px 0;background:#f6f1fd;border-right:5px solid var(--accent);padding:20px 24px;border-radius:12px;font-size:21px;font-weight:800}.article-body .article-cta{background:#171b1f;color:#fff;border-radius:18px;padding:28px;margin:44px 0}.article-body .article-cta p{color:#c8ced5}.article-toc{background:#f6f7f8;border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:34px 0}.article-toc strong{display:block;margin-bottom:8px}.article-toc a{display:block;font-size:14px;padding:4px 0;color:#4c5560;text-decoration:underline;text-underline-offset:3px}
.faq-page .accordion{max-width:900px;margin-inline:auto}.faq-category{margin:58px 0 20px}.faq-category h2{font-size:34px}.faq-search{max-width:700px;margin:24px auto 0;position:relative}.faq-search input{width:100%;height:58px;border:1px solid var(--line);border-radius:14px;padding:0 18px;background:#fff;box-shadow:0 10px 25px rgba(17,24,39,.05)}
.not-found{text-align:center;padding:110px 0}.not-found strong{display:block;font-size:120px;line-height:1;color:var(--accent)}
@media(max-width:1050px){.page-hero__grid,.contact-grid,.featured-article{grid-template-columns:1fr}.page-hero__visual{max-width:720px}.content-layout{grid-template-columns:1fr}.side-stack{position:relative;top:auto;grid-template-columns:1fr 1fr}.area-directory,.article-grid{grid-template-columns:1fr 1fr}.local-cards{grid-template-columns:1fr 1fr}.internal-strip__grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.page-hero{padding:44px 0}.page-hero__grid{gap:32px}.page-hero h1{font-size:48px}.content-main h2{font-size:26px;line-height:1.2}.quick-quote__grid,.form-grid{grid-template-columns:1fr}.form-grid .field--full{grid-column:auto}.side-stack,.area-directory,.article-grid,.local-cards{grid-template-columns:1fr}.local-cta{grid-template-columns:1fr}.featured-article__body{padding:26px}.featured-article h2{font-size:30px}.internal-strip__grid{grid-template-columns:1fr 1fr}.article-body h2{font-size:32px}.contact-form,.contact-panel{padding:24px}}

/* ===== WordPress additions ===== */
body{font-family:'Assistant',Arial,"Noto Sans Hebrew",sans-serif}
.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 13px;background:#fbfbfb;outline:none;font:inherit;resize:vertical}
.field textarea:focus,.field input:focus{border-color:#d19b00;box-shadow:0 0 0 3px rgba(106,47,192,.10)}
.content-main img{border-radius:14px;height:auto}
.content-main h2:first-child{margin-top:0}
.content-main a:not(.btn){color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}
.content-main blockquote{margin:34px 0;background:#f6f1fd;border-right:5px solid var(--accent);padding:20px 24px;border-radius:12px;font-size:19px;font-weight:700}
.content-main table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
.content-main th,.content-main td{border:1px solid var(--line);padding:10px 14px;text-align:right}
.content-main th{background:var(--soft);font-weight:800}
.content-main ol{padding-right:20px}
.wp-block-image{margin:28px 0}
figcaption{font-size:12px;color:var(--muted);margin-top:6px}
.pagination,.navigation.pagination{display:flex;justify-content:center}
.nav-links{display:flex;gap:8px;align-items:center}
.nav-links .page-numbers{min-width:40px;height:40px;display:inline-grid;place-items:center;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-weight:800;font-size:14px;background:#fff}
.nav-links .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.nav-links .page-numbers:hover:not(.current){border-color:#d19b00}
.breadcrumbs{display:block;font-size:12px;color:#7a818a;margin-bottom:20px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.toast.is-error{background:#8a1f11}
.js-lead-form .btn[disabled]{opacity:.6;pointer-events:none}



.article-toc{background:#f6f7f8;border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:34px 0}
.article-toc strong{display:block;margin-bottom:8px}
.article-toc a{display:block;font-size:14px;padding:4px 0;color:#4c5560;text-decoration:underline;text-underline-offset:3px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.grecaptcha-badge{visibility:hidden}
.hero__visual img,.page-hero__visual img{background:#e8e8e8}
.side-card--dark .btn{margin-top:12px}
.aside-card .btn,.side-card .btn{width:100%;margin-top:14px}


/* =====================================================================
   Design system 1.5
   One layer on top of everything above: shared tokens, one purple, one
   button, one card, one call to action, one heading scale. Placed last so
   it wins over the older rules without rewriting them.
   ===================================================================== */
:root{
  --accent:#6a2fc0;--accent-hover:#5a26a6;--accent-soft:#f2ecfb;--accent-on-dark:#c4a7f7;
  --char:#111418;--char-2:#1b2027;--ink:#111827;--muted:#5f6873;--line:#e4e6ea;--soft:#f5f6f8;
  --radius-card:16px;--radius-btn:12px;
  --shadow-card:0 1px 2px rgba(17,24,39,.05),0 10px 26px rgba(17,24,39,.07);
  --shadow-hover:0 2px 4px rgba(17,24,39,.06),0 18px 40px rgba(17,24,39,.13);
  --btn-h:50px;--section-y:56px;--measure:700px;
}
@media (min-width:1050px){:root{--btn-h:54px;--section-y:92px}}
body{background:#fff;color:var(--ink)}

/* ---------- headings ---------- */
.hero h1,.hero-local h1,.hero-stack h1,.hero-center h1,.hero-brand h1,.page-head h1,.article-head h1{font-size:clamp(31px,8.6vw,38px);line-height:1.1;font-weight:800;letter-spacing:-.5px}
.section h2,.section-head h2{font-size:clamp(26px,7vw,30px);line-height:1.18;font-weight:800;letter-spacing:-.4px}
.section-head p{font-size:16.5px;line-height:1.6;color:var(--muted)}
@media (min-width:1050px){
  .hero h1,.hero-local h1,.hero-stack h1,.hero-center h1,.hero-brand h1{font-size:54px}
  .page-head h1,.article-head h1{font-size:48px}
  .section h2,.section-head h2{font-size:42px}
  .section-head p{font-size:18px}
}

/* ---------- buttons ---------- */
.btn,.btn--large,.btn--block,.btn--outline-light{min-height:var(--btn-h);height:auto;padding:0 24px;border-radius:var(--radius-btn);font-size:16px;font-weight:800;line-height:1.1;letter-spacing:0;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.btn--block{font-size:17px}
.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(106,47,192,.26)}
.btn--primary:hover,.btn--primary:focus-visible{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}
.btn--ghost{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:none}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent-hover)}
.btn:focus-visible{outline:3px solid rgba(106,47,192,.35);outline-offset:2px}
.btn:hover{transform:none}
@media (hover:hover){.btn:hover{transform:translateY(-1px)}}
.site-header__cta{min-height:0;height:46px}

/* ---------- cards ---------- */
.condition-card,.guide-card,.city-card,.model-card,.brand-card,.contact-way,.area-hub__region,.guide-feature,.testimonial,.photo-steps__item,.toc--inline,.business-details,.contact-v2__form{border-radius:var(--radius-card);border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff}
@media (hover:hover){
  .condition-card,.guide-card,.city-card,.model-card,.brand-card,a.contact-way{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
  .condition-card:hover,.guide-card:hover,.city-card:hover,.model-card:hover,.brand-card:hover,a.contact-way:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:#d9d2e8}
}
.photo-break img,.part-card,.city-photo-card,.region-tile,.local-band__photo,.page-head__photo,.hero-center__photo,.hero-brand__photo{border-radius:var(--radius-card)}

/* vehicle condition cards: the whole card is the link, more room for the photo */
.condition-grid,.condition-grid--4,.condition-grid--5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.condition-card{padding:0;overflow:hidden;text-align:start}
.condition-card__link{display:flex;flex-direction:column;height:100%;color:var(--ink);text-decoration:none}
.condition-card__media{display:block;aspect-ratio:4/3;overflow:hidden;background:#eceef1}
.condition-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.condition-card__body{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}
.condition-card .condition-card__title{margin:0;font-size:16.5px;font-weight:800;line-height:1.25;color:var(--ink)}
.condition-card__more{font-size:13.5px;font-weight:700;color:var(--accent)}
.condition-card__link:focus-visible{outline:3px solid rgba(106,47,192,.4);outline-offset:-3px;border-radius:var(--radius-card)}
@media (hover:hover){.condition-card:hover .condition-card__media img{transform:scale(1.04)}}
@media (min-width:760px){.condition-grid,.condition-grid--5{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.condition-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1050px){.condition-grid,.condition-grid--5{gap:22px}.condition-card .condition-card__title{font-size:19px}.condition-card__body{padding:16px 18px 18px}}
.related-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1050px){.related-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- sections and spacing ---------- */
.section{padding-block:var(--section-y)}
.inner-conditions,.local-band,.model-cards,.part-band,.services-more,.region-cities,.area-hub,.brand-hub,.archive-list,.guides-hub,.contact-v2,.inner-related,.region-tiles{padding-block:var(--section-y)}
.section-head{margin-bottom:28px}
@media (min-width:1050px){.section-head{margin-bottom:44px}}

/* ---------- header ---------- */
.site-header__inner{height:66px}
.site-logo img{width:152px}
@media (min-width:1100px){.site-header__inner{height:90px}.site-logo img{width:190px}}

/* ---------- trust bar ---------- */
.trust-bar{background:var(--char);color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.trust-bar__list{list-style:none;margin:0 auto;padding:4px 8px;max-width:1240px;display:grid;grid-template-columns:1fr 1fr}
.trust-bar__item{display:flex;align-items:center;gap:10px;padding:13px 8px;font-size:15px;font-weight:800;line-height:1.25}
.trust-bar__icon{flex:none;color:var(--accent-on-dark)}
@media (min-width:1050px){
  .trust-bar__list{grid-template-columns:repeat(4,1fr);padding:0 40px}
  .trust-bar__item{justify-content:center;padding:22px 12px;font-size:17px;border-inline-start:1px solid rgba(255,255,255,.08)}
  .trust-bar__item:first-child{border-inline-start:0}
}

/* ---------- hero ---------- */
.hero-brand-line{margin:0 0 8px;font-size:14px;color:var(--muted)}
.hero-brand-line strong{color:var(--accent);font-weight:800}
.hero__content{padding:20px 16px 28px}
.hero__lead,.hero-local__lead{font-size:16px;line-height:1.55;margin:0 0 16px}
.hero__visual{aspect-ratio:2/1}
.hero-line{margin:12px 0 0;font-size:15px;line-height:1.55;color:inherit}
.hero-line strong{font-weight:800}
.hero-local .hero-line{color:#dfe4ea}.hero-local .hero-line strong{color:#fff}
.hero-center .hero-line,.hero-stack .hero-line{color:var(--muted)}.hero-center .hero-line strong,.hero-stack .hero-line strong{color:var(--ink)}
.hero-stack__media{aspect-ratio:16/9}
.hero-center__row{display:flex;flex-direction:column}
.hero-center__form{order:-1}
.hero-brand__mark{font-size:clamp(44px,13vw,64px)}
/* the quote form: one of the strongest things on the screen */
.quote-card--hero{border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius-card);box-shadow:0 26px 60px rgba(17,24,39,.16)}
.quote-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;padding:14px 20px 2px}
.quote-card__head strong{font-size:18px;font-weight:800;color:var(--ink)}
.quote-card__head span{font-size:13px;font-weight:700;color:var(--muted)}
@media (min-width:1050px){
  .hero__visual{aspect-ratio:auto}
  .hero__content{padding:56px clamp(24px,4vw,60px) 56px clamp(24px,5vw,72px)}
  .hero__lead,.hero-local__lead{font-size:18.5px;margin-bottom:22px}
  .hero-center__row{display:grid}
  .hero-center__form{order:0}
  .hero-brand__mark{font-size:110px}
  .quote-card__head{padding:18px 24px 4px}
  .quote-card__head strong{font-size:20px}
}

/* ---------- long reads: reading width, rhythm ---------- */
.inner-body .content-main,.editorial-main{max-width:var(--measure)}
.inner-body .content-main p,.inner-body .content-main li,.editorial-main p,.editorial-main li{font-size:17px;line-height:1.8;color:#394350}
.inner-body .content-main p,.editorial-main p{margin:0 0 18px}
.inner-body .content-main h2,.editorial-main h2{font-size:25px;line-height:1.25;margin:46px 0 12px}
.inner-body .content-main h3,.editorial-main h3{font-size:20px;line-height:1.3;margin:30px 0 8px}
@media (min-width:1050px){
  .inner-body .content-main p,.inner-body .content-main li,.editorial-main p,.editorial-main li{font-size:18px}
  .inner-body .content-main h2,.editorial-main h2{font-size:32px;margin:62px 0 14px}
  .inner-body .content-main h3,.editorial-main h3{font-size:23px;margin:36px 0 10px}
}

/* ---------- one call to action ---------- */
.cta-dark{margin:40px 0;padding:22px 20px;border-radius:var(--radius-card);background:var(--char);color:#fff;display:grid;gap:14px;align-items:center;box-shadow:0 18px 40px rgba(17,20,24,.16)}
.content-main .cta-dark p,.cta-dark p{margin:0;color:#c9cfd6}
.content-main .cta-dark .cta-dark__title,.cta-dark .cta-dark__title,.cta-dark--end h3,.inner-body .content-main .cta-dark--end h3{margin:0 0 4px;font-size:22px;font-weight:800;line-height:1.2;color:#fff}
.content-main .cta-dark .cta-dark__text,.inner-body .content-main .cta-dark--end p{font-size:16px;line-height:1.55;color:#c9cfd6;margin:0}
.cta-dark .btn{width:100%}
.aside-cta{background:var(--char);border-radius:var(--radius-card)}
.region-banner .cta-dark{margin:0}
@media (min-width:760px){.cta-dark{grid-template-columns:1fr auto;gap:28px;padding:26px 30px}.cta-dark .btn{width:auto;white-space:nowrap}}

/* ---------- elements between stretches of text ---------- */
.photo-break{margin:38px 0}
.faq-box,.process-box,.review-box,.quick-answers{margin:38px 0;border-radius:var(--radius-card)}
.faq-box{padding:20px 20px 18px;background:var(--accent-soft);border:1px solid rgba(106,47,192,.14)}
.content-main .faq-box .faq-box__label,.content-main .process-box .process-box__label,.content-main .quick-answers .quick-answers__label{margin:0 0 6px;font-size:13.5px;font-weight:800;color:var(--accent);line-height:1.3}
.content-main .faq-box .faq-box__q{margin:0 0 6px;font-size:19px;font-weight:800;line-height:1.35;color:var(--ink)}
.content-main .faq-box .faq-box__a{margin:0 0 10px;font-size:16px;line-height:1.7;color:#3f4852}
.content-main a.faq-box__more,.content-main a.quick-answers__more{font-size:14.5px;font-weight:800;color:var(--accent);text-decoration:none}
.process-box{padding:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-card)}
.process-box ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:14px}
.content-main .process-box li{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;margin:0;padding:0;font-size:15px;line-height:1.4}
.process-box__num{grid-row:span 2;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;display:grid;place-items:center}
.content-main .process-box li strong{font-size:17px;color:var(--ink)}
.content-main .process-box li span:not(.process-box__num){color:var(--muted)}
.stat-box{margin:38px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.content-main .stat-box p{margin:0;padding:18px 16px;border-radius:var(--radius-card);background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.stat-box strong{font-size:40px;font-weight:800;line-height:1;color:var(--accent)}
.content-main .stat-box span{font-size:14.5px;line-height:1.4;color:var(--muted)}
.review-box{padding:22px 20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-card)}
.review-box__stars{display:block;color:#f2a900;font-size:19px;letter-spacing:2px}
.review-box blockquote{margin:8px 0 12px}
.content-main .review-box blockquote p{margin:0;font-size:18px;line-height:1.65;font-weight:600;color:var(--ink)}
.review-box figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14.5px;color:var(--muted)}
.review-box figcaption strong{color:var(--ink)}
.review-box__source{color:var(--accent);font-weight:700}
@media (min-width:760px){.process-box ol{grid-template-columns:repeat(3,1fr);gap:18px}.content-main .process-box li{grid-template-columns:1fr;row-gap:6px}.process-box__num{grid-row:auto}}

/* "בקצרה" on service pages */
.quick-answers{margin:0 0 30px;padding:18px 18px 14px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);box-shadow:var(--shadow-card)}
.quick-answers__list{margin:0;display:grid}
.quick-answers__item{padding:12px 0;border-top:1px solid var(--line)}
.quick-answers__item:first-child{border-top:0;padding-top:4px}
.quick-answers dt{margin:0 0 4px;font-size:16.5px;font-weight:800;line-height:1.35;color:var(--ink)}
.quick-answers dd{margin:0;font-size:15.5px;line-height:1.65;color:#4b5563}
@media (min-width:760px){.quick-answers{padding:22px 24px 18px}.quick-answers__list{grid-template-columns:1fr 1fr;column-gap:28px}.quick-answers__item:nth-child(2){border-top:0;padding-top:4px}}

/* ---------- reviews ---------- */
.testimonials__track{grid-auto-columns:88%;gap:14px}
.testimonial{padding:24px 22px 22px;gap:14px}
.testimonial__text p{font-size:17.5px;line-height:1.7}
.testimonial__stars svg{width:20px;height:20px}
.testimonial__who strong{font-size:17px}
@media (min-width:760px){.testimonials__track{grid-auto-columns:48%}}
@media (min-width:1050px){.testimonials__track{grid-template-columns:repeat(3,1fr);gap:24px}.testimonial{padding:32px 30px 28px}.testimonial__text p{font-size:18.5px}}

/* ---------- FAQ ---------- */
.accordion details{border-bottom:1px solid var(--line)}
.accordion summary{gap:16px;padding:18px 0;font-size:17px;font-weight:800;line-height:1.4}
.accordion summary::before{flex:none;width:32px;height:32px;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:600}
.accordion details p{padding:0 0 20px;font-size:16.5px;line-height:1.75;color:#4b5563}
@media (min-width:1050px){.accordion summary{padding:22px 0;font-size:19px}.accordion details p{font-size:17.5px}}

/* ---------- chips ---------- */
.link-chips a{min-height:40px;border-radius:999px;font-size:15px;font-weight:700}
.link-chips a:hover{border-color:var(--accent);color:var(--accent)}

/* ---------- footer ---------- */
.site-footer{background:var(--char)}
.site-footer__scope{margin:14px 0 0;color:#c3cad2;font-size:15px}
@media (min-width:1100px){.site-footer__top{grid-template-columns:1.3fr repeat(5,minmax(0,1fr));gap:28px}.site-footer__brand .site-logo img{width:176px}}

/* ---------- mobile quick-action bar: call now + WhatsApp, content never hidden behind it ---------- */
@media (max-width:760px){
  .mobile-bar{grid-template-columns:1fr 1fr;background:var(--char);border-top:0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(0,0,0,.14)}
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
}
.mobile-bar__btn{height:60px;gap:8px;font-size:16px}
.mobile-bar__call{background:var(--accent)}
.mobile-bar__call:active{background:var(--accent-hover)}
.mobile-bar__wa{background:#15803d}
.mobile-bar__btn+.mobile-bar__btn{box-shadow:none}

/* ---------- mobile first screen: headline and the whole form above the quick-action bar ---------- */
.region-tiles__all .btn{min-height:var(--btn-h)}
@media (max-width:1049px){
  .hero__visual{aspect-ratio:21/9}
  .hero-local__bg{height:280px}
  .hero-local::before{height:282px}
  .hero-local__inner{padding:142px 16px 26px;gap:16px}
  .hero-stack__media{aspect-ratio:2/1}
  .hero-stack__card{margin:-52px 12px 0;padding:14px 14px 12px;gap:14px}
  .hero-brand__inner{padding:14px 16px 26px;gap:14px}
  .hero-brand__photo{aspect-ratio:2/1}
  .hero-brand__photo--side{aspect-ratio:1/1}
  .hero-center__inner{padding:16px 16px 26px}
  .hero-center__row{gap:12px;margin-top:16px}
  .hero .breadcrumbs,.hero-local .breadcrumbs,.hero-stack .breadcrumbs,.hero-center .breadcrumbs,.hero-brand .breadcrumbs{margin-bottom:6px}
  .hero-pill{margin-bottom:6px}
  .hero-line{margin-top:8px;font-size:14.5px}
  .quote-card__head{padding:12px 16px 0}
  .quote-card__head strong{font-size:17px}
  .quote-tab{padding:11px 8px 10px;font-size:14.5px}
  .quote-card--hero{padding-bottom:12px}
  .quote-card--hero form{padding:12px 16px 0}
  .quote-card--hero .field{margin-bottom:10px}
  .quote-card--hero .field>span:not(.plate-badge){margin-bottom:4px}
  .quote-card__fine--lock{margin-top:8px}
}
@media (max-width:1049px){
  /* card over photo: on phones the form follows the headline, the local line comes right after it */
  .hero-stack__copy{display:contents}
  .hero-stack__card{display:flex;flex-direction:column;gap:0}
  .hero-stack__card .breadcrumbs{order:1}
  .hero-stack__card .hero-pill{order:2;align-self:flex-start}
  .hero-stack__card h1{order:3}
  .hero-stack__card .hero__lead{order:4}
  .hero-stack__form{order:5}
  .hero-stack__card .hero-line{order:6;margin-top:12px}
}
/* the review quote is a card of its own, not the purple article quote */
.content-main .review-box blockquote,.editorial-main .review-box blockquote{margin:8px 0 12px;padding:0;background:none;border:0;border-radius:0;font-size:inherit;font-weight:inherit}


/* =====================================================================
   Reference alignment 1.6
   The home page follows the approved design reference section by section
   (layout, proportions, card shapes, density); only the accent is purple.
   Placed last, on top of Design system 1.5.
   ===================================================================== */
:root{--radius-card:12px;--radius-btn:10px;--arrow-left:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'><path d='M6.5 1.5 2 6l4.5 4.5M2.3 6H15' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}

/* ---------- handwritten notes ---------- */
.hand-note{display:inline-flex;align-items:flex-end;gap:4px;font-family:"Playpen Sans Hebrew","Assistant",cursive;font-weight:500;line-height:1.2;color:#1b2027;pointer-events:none;user-select:none;white-space:nowrap}
.hand-note__arrow{flex:none;width:44px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ---------- a forward arrow on links and buttons (points left in Hebrew) ---------- */
.btn--arrow::after,.condition-card__more::after,.city-tile__more::after,.guide-card__more::after{content:"";flex:none;width:14px;height:11px;background:currentColor;-webkit-mask:var(--arrow-left) center/contain no-repeat;mask:var(--arrow-left) center/contain no-repeat}
.btn--arrow::after{width:16px;height:12px}

/* ---------- hero: large photo, headline and form card over its faded edge ---------- */
.hero--ref{position:relative;background:#fff;border-bottom:0}
.hero__note{position:absolute;z-index:2;top:12px;left:14px;font-size:17px;transform:rotate(-7deg);text-shadow:0 0 10px rgba(255,255,255,.95),0 0 3px rgba(255,255,255,.9)}
.hero__note .hand-note__arrow{width:34px;height:24px;margin-bottom:-14px}
.hero-card{display:none}
@media (max-width:1049px){
  .hero--ref .hero__visual{aspect-ratio:2/1}
  .hero--ref .hero__content{display:flex;flex-direction:column;padding:14px 16px 26px}
  .hero--ref .hero__content h1{order:1;margin:0 0 12px}
  .hero--ref .quote-card--hero{order:2}
  .hero--ref .hero__lead{order:3;margin:14px 0 0;font-size:15.5px;color:var(--muted)}
  .hero--ref .hero-brand-line{order:4;margin:4px 0 0;font-size:13.5px}
}
@media (min-width:1050px){
  .hero--ref{background:#f3f4f6}
  .hero--ref .hero__grid{display:grid;grid-template-columns:minmax(0,1fr);min-height:580px;overflow:hidden}
  .hero--ref .hero__grid>*{grid-area:1/1}
  .hero--ref .hero__visual{justify-self:end;width:66%;height:100%;min-height:580px;aspect-ratio:auto}
  .hero--ref .hero__visual img{object-position:92% 60%}
  .hero--ref .hero__visual::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(270deg,#f3f4f6 0%,rgba(243,244,246,.88) 7%,rgba(243,244,246,0) 24%)}
  .hero--ref .hero__content{justify-self:start;position:relative;z-index:2;width:min(44%,640px);max-width:none;padding:40px clamp(40px,4.4vw,72px) 44px 12px}
  .hero--ref h1{font-size:clamp(50px,4.1vw,60px);line-height:1.04;margin:0 0 16px}
  .hero--ref .hero__lead{font-size:18.5px;max-width:520px;margin-bottom:22px}
  .hero--ref .quote-card--hero{max-width:500px}
  .hero__note{top:34px;left:40px;font-size:27px}
  .hero__note .hand-note__arrow{width:52px;height:36px;margin-bottom:-26px}
  .hero-card{display:block;position:absolute;z-index:2;left:36px;bottom:34px;width:252px;padding:16px 18px 18px;background:rgba(17,20,24,.93);color:#fff;border-radius:var(--radius-card);box-shadow:0 18px 40px rgba(0,0,0,.28)}
  .hero-card__name{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14);font-size:23px;font-weight:800;line-height:1.1;text-align:center;color:#fff}
  .hero-card__name span{display:block;margin-top:3px;font-size:13px;font-weight:600;color:#c9cfd6}
  .hero-card__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
  .hero-card__list li{position:relative;padding-inline-start:26px;font-size:15px;font-weight:600;line-height:1.35}
  .hero-card__list li::before{content:"";position:absolute;inset-inline-start:0;top:.12em;width:17px;height:17px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%23c4a7f7' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.2 4.2L19 7'/></svg>") center/17px no-repeat}
}

/* ---------- trust bar: four columns, icon over title and a small line, hairline dividers ---------- */
.trust-bar{background:#fff;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-bar__list{list-style:none;margin:0 auto;padding:0;max-width:1240px;display:grid;grid-template-columns:1fr 1fr}
.trust-bar__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:16px 8px 15px;text-align:center;font-size:inherit;font-weight:400;border:0}
.trust-bar__item:nth-child(-n+2){border-bottom:1px solid var(--line)}
.trust-bar__item:nth-child(even)::before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:1px;background:var(--line)}
.trust-bar__icon{flex:none;width:28px;height:28px;color:var(--ink)}
.trust-bar__text{display:flex;flex-direction:column;gap:1px}
.trust-bar__text strong{font-size:16px;font-weight:800;line-height:1.25;color:var(--ink)}
.trust-bar__text span{font-size:13.5px;line-height:1.35;color:var(--muted)}
@media (min-width:1050px){
  .trust-bar__list{grid-template-columns:repeat(4,1fr);padding:0 40px}
  .trust-bar__item{padding:26px 16px 24px;gap:8px;border:0}
  .trust-bar__item:nth-child(-n+2){border-bottom:0}
  .trust-bar__item:first-child{border:0}
  .trust-bar__item::before{display:none}
  .trust-bar__item+.trust-bar__item::before{content:"";display:block;position:absolute;inset-inline-start:0;top:22px;bottom:22px;width:1px;background:var(--line)}
  .trust-bar__icon{width:36px;height:36px}
  .trust-bar__text strong{font-size:19px}
  .trust-bar__text span{font-size:15px}
}

/* ---------- vehicle condition cards: photo, bold title, purple "קבלו הצעה" ---------- */
.condition-grid,.condition-grid--5{max-width:960px;margin-inline:auto}
.condition-card__body{align-items:center;text-align:center;gap:4px;padding:12px 10px 14px}
.condition-card__more{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--accent)}
@media (min-width:1050px){.condition-card__media{aspect-ratio:16/10}.condition-card__body{padding:14px 16px 16px}.condition-card .condition-card__title{font-size:20px}.condition-card__more{font-size:15px}}

/* ---------- why choose us: copy with four icons and a button, photo beside ---------- */
.why{background:#fff}
.why__grid{display:grid;gap:22px}
.why__copy h2{margin:0 0 12px}
.why__lead{margin:0 0 22px;font-size:17px;line-height:1.7;color:#4b5563;max-width:600px}
.why__list{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.why__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
.why__icon{color:var(--ink);margin-bottom:4px}
.why__item strong{font-size:17px;font-weight:800;line-height:1.2}
.why__item span{font-size:14px;line-height:1.4;color:var(--muted)}
.why__media{position:relative;order:-1;margin:0;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:16/10;background:#e6e8eb;box-shadow:var(--shadow-card)}
.why__media img{display:block;width:100%;height:100%;object-fit:cover}
.why__note{position:absolute;top:14px;left:16px;font-size:18px;color:#fff;transform:rotate(-6deg);text-shadow:0 2px 12px rgba(0,0,0,.6)}
@media (max-width:759px){.why__copy .btn{width:100%}}
@media (min-width:760px){.why__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1050px){
  .why__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center}
  .why__media{order:0;aspect-ratio:auto;height:100%;min-height:440px}
  .why__lead{font-size:18.5px;margin-bottom:30px}
  .why__list{gap:12px;margin-bottom:32px}
  .why__item strong{font-size:18px}
  .why__item span{font-size:15px}
  .why__note{top:32px;left:36px;font-size:30px}
}

/* ---------- how it works: numbered circles in a row, chevrons between ---------- */
.how__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
.how__step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.how__circle{position:relative;display:grid;place-items:center;width:92px;height:92px;margin:14px 0 12px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 10px 26px rgba(17,24,39,.08)}
.how__num{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-size:16px;font-weight:800;line-height:1;display:grid;place-items:center;box-shadow:0 0 0 4px var(--soft)}
.how__step h3{margin:0 0 4px;font-size:17px;font-weight:800;line-height:1.25}
.how__step p{margin:0;font-size:14.5px;line-height:1.45;color:var(--muted);max-width:230px}
@media (min-width:1050px){
  .how__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .how__circle{width:136px;height:136px;margin:18px 0 18px}
  .how__circle svg{width:50px;height:50px}
  .how__num{top:-15px;width:40px;height:40px;font-size:19px}
  .how__step h3{font-size:21px}
  .how__step p{font-size:16px}
  .how__step+.how__step::before{content:"";position:absolute;top:80px;inset-inline-start:-19px;width:13px;height:13px;border-left:2.5px solid #8e96a0;border-bottom:2.5px solid #8e96a0;transform:rotate(45deg)}
}

/* ---------- coverage: region list, map of Israel with pins, photo card ---------- */
.cover{background:#fff}
.cover__grid{display:grid;grid-template-columns:40% minmax(0,1fr);grid-template-areas:"copy copy" "map list" "card card";gap:16px 14px;align-items:start}
.cover__copy{grid-area:copy}
.cover__copy h2{margin:0 0 8px}
.cover__lead{margin:0;font-size:16.5px;line-height:1.6;color:var(--muted)}
.cover__lower{display:contents}
.cover__list{grid-area:list;list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cover__region{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.cover__region strong{font-size:16px;font-weight:800;line-height:1.25}
.cover__region span{font-size:13px;line-height:1.4;color:var(--muted)}
.cover__region:hover{border-color:var(--accent);box-shadow:0 6px 16px rgba(106,47,192,.10)}
.cover__region:focus-visible{outline:3px solid rgba(106,47,192,.35);outline-offset:2px}
.cover__map{grid-area:map;position:relative;display:flex;flex-direction:column;align-items:center;padding-top:6px}
.il-map{display:block;width:100%;max-width:168px;height:auto;overflow:visible;filter:drop-shadow(0 10px 18px rgba(60,40,110,.10))}
.il-map__land{fill:#ebe6f5;stroke:#d3c6ea;stroke-width:1.3;stroke-linejoin:round}
.il-map__lake{fill:#fff}
.il-map__pin path{fill:var(--accent)}
.il-map__pin circle{fill:#fff}
.il-map__shadow{fill:rgba(17,20,24,.16)}
.cover__note{margin-top:8px;font-size:16px;white-space:normal;text-align:center;justify-content:center;transform:rotate(-5deg)}
.cover__note .hand-note__arrow{display:none}
.cover__card{grid-area:card;margin-top:10px;background:var(--soft);border-radius:var(--radius-card);overflow:hidden}
.cover__photo{margin:0;aspect-ratio:2/1;overflow:hidden;background:#e6e8eb}
.cover__photo img{display:block;width:100%;height:100%;object-fit:cover}
.cover__card-body{padding:18px 18px 20px}
.cover__card h3{margin:0 0 4px;font-size:24px;font-weight:800;line-height:1.2}
.cover__card .cover__card-sub{margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.45;color:var(--ink)}
.cover__card-body p{margin:0 0 16px;font-size:15.5px;line-height:1.65;color:#4b5563}
@media (max-width:759px){.cover__card .btn{width:100%}}
@media (min-width:760px){.il-map{max-width:210px}.cover__note{font-size:19px}}
@media (min-width:1050px){
  .cover__grid{grid-template-columns:minmax(0,470px) 196px minmax(0,1fr);grid-template-areas:"card map copy" "card map list";column-gap:34px;row-gap:0;align-items:start}
  .cover__copy{padding-top:4px}
  .cover__copy h2{margin-bottom:8px}
  .cover__lead{margin-bottom:22px;font-size:18px;max-width:470px}
  .cover__list{margin-inline-start:128px;gap:9px}
  .cover__region{padding:10px 16px}
  .cover__region strong{font-size:17px}
  .cover__region span{font-size:14px}
  .cover__map{align-self:stretch;justify-content:center;padding-top:0}
  .il-map{max-width:none;max-height:540px}
  .cover__note{position:absolute;bottom:86px;left:-158px;width:158px;margin:0;flex-direction:column;align-items:center;font-size:23px;line-height:1.25;transform:rotate(-8deg)}
  .cover__note .hand-note__arrow{display:block;width:50px;height:34px;margin-top:2px;transform:rotate(-14deg)}
  .cover__card{align-self:stretch;display:flex;flex-direction:column;margin-top:0}
  .cover__photo{aspect-ratio:auto;height:280px}
  .cover__card-body{flex:1;padding:24px 28px 28px}
  .cover__card h3{font-size:32px}
  .cover__card .cover__card-sub{font-size:19px}
  .cover__card-body p{font-size:16.5px}
}

/* ---------- popular areas: six small city cards ---------- */
.popular__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.city-tile{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:var(--shadow-card)}
.city-tile__media{display:block;aspect-ratio:4/3;overflow:hidden;background:#e6e8eb}
.city-tile__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.city-tile__body{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 12px;text-align:center}
.city-tile strong{font-size:17px;font-weight:800;line-height:1.2}
.city-tile__more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--accent)}
.city-tile:focus-visible{outline:3px solid rgba(106,47,192,.4);outline-offset:2px}
@media (hover:hover){.city-tile{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.city-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:#d9d2e8}.city-tile:hover img{transform:scale(1.04)}}
.popular__all{margin:22px 0 0;text-align:center}
@media (min-width:760px){.popular__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1050px){.popular__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.city-tile strong{font-size:18px}.city-tile__more{font-size:14px}.popular__all{margin-top:30px}}

/* ---------- long read in rows: text, text beside a photo, a call to action or highlight ---------- */
.long-copy--rows .lc{max-width:none}
.lc-row{margin:0 auto 34px}
.lc-row:last-child{margin-bottom:0}
.lc-row--plain{max-width:var(--measure)}
.lc-row--break{max-width:980px}
.lc-row--break>*{margin:0}
.content-main.lc h2{margin:0 0 12px;font-size:25px;line-height:1.25;font-weight:800;color:var(--ink)}
.content-main.lc h3{margin:22px 0 8px;font-size:20px;line-height:1.3}
.content-main.lc p,.content-main.lc li{font-size:17px;line-height:1.8;color:#394350}
.content-main.lc p{margin:0 0 16px}
.lc-text>:last-child{margin-bottom:0}
.lc-row--intro p{font-size:18px}
.lc-row--split{display:flex;flex-direction:column-reverse}
.content-main.lc .lc-media{margin:0 0 18px;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:16/10;background:#e6e8eb}
.content-main.lc .lc-media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
@media (min-width:1050px){
  .lc-row{margin-bottom:64px}
  .content-main.lc h2{margin-bottom:14px;font-size:34px;line-height:1.18}
  .content-main.lc p,.content-main.lc li{font-size:18px}
  .lc-row--intro p{font-size:19px}
  .lc-row--split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:center}
  .lc-row--media-start{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
  .lc-row--media-start .lc-media{order:-1}
  .content-main.lc .lc-media{margin:0;aspect-ratio:4/3;box-shadow:var(--shadow-card)}
}

/* numbers: large purple figure, a clear dark label */
.stat-box strong{font-size:46px}
.content-main .stat-box span{font-size:15px;font-weight:700;color:var(--ink)}

/* ---------- reviews: light cards on the dark band ---------- */
.testimonial__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.testimonial__stars{color:var(--accent)}
.testimonial__quote{flex:none;color:var(--accent)}
.testimonial__who{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:0;align-items:center;padding-top:6px;border-top:0}
.testimonial__avatar{grid-row:1/span 3;align-self:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:18px;font-weight:800;display:grid;place-items:center}
.testimonial__who>:not(.testimonial__avatar){grid-column:2}

/* ---------- FAQ: a large heading on one side, the questions on the other ---------- */
.faq__cta{margin-top:8px}
@media (min-width:1050px){
  .faq__grid{grid-template-columns:minmax(0,410px) minmax(0,1fr);gap:88px}
  .faq__intro h2{font-size:48px;line-height:1.1}
  .faq__intro p{font-size:18px;line-height:1.6}
}

/* ---------- guides: heading with the "all guides" button, cards with "קראו עוד" ---------- */
.section-head--with-action{display:flex;flex-direction:column;align-items:center}
.section-head__action{margin-top:14px}
.guide-card__more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:800;color:var(--accent)}
.guides--home .guide-card h3{font-size:17px;line-height:1.35}
@media (max-width:1049px){
  .guides--home .guide-list{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:14px;margin:0 -14px;padding:4px 14px 14px;scrollbar-width:none}
  .guides--home .guide-list::-webkit-scrollbar{display:none}
  .guides--home .guide-card{grid-template-columns:1fr;align-items:start;padding:0;overflow:hidden;scroll-snap-align:start}
  .guides--home .guide-card__media{border-radius:0}
  .guides--home .guide-card__body{padding:12px 14px 16px}
}
@media (min-width:760px) and (max-width:1049px){.guides--home .guide-list{grid-auto-columns:42%}}
@media (min-width:1050px){
  .section-head--with-action{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}
  .section-head--with-action>div{grid-column:2}
  .section-head__action{grid-column:3;justify-self:end;margin:0 0 8px}
  .guides--home .guide-card__body{padding:16px 18px 18px}
  .guides--home .guide-card h3{font-size:19px}
}

/* ---------- closing band: a larger headline over the short form ---------- */
@media (min-width:1100px){.cta-band h2{font-size:54px;line-height:1.08}.cta-band__lead{font-size:19px}}

/* ---------- footer: a larger logo with the handwritten line, legal links in the bottom row ---------- */
.site-footer__brand .site-logo img{width:180px}
.site-footer__note{display:flex;margin-top:10px;font-size:21px;color:var(--accent-on-dark);transform:rotate(-4deg);transform-origin:100% 50%}
.site-footer__legal{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.site-footer__legal a{display:inline-flex;align-items:center;min-height:32px;color:#9aa3ad;font-size:13.5px}
.site-footer__legal a:hover{color:#fff}
@media (min-width:1100px){.site-footer__brand .site-logo img{width:230px}.site-footer__note{font-size:26px}}
/* hero form as in the reference: tabs first, no extra head row, labels only for screen readers */
.hero--ref .quote-card__head{display:none}
.hero--ref .quote-card--hero .field>span:not(.plate-badge){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero--ref .quote-card--hero{padding-top:0}
@media (min-width:1050px){
  .hero--ref .hero__grid,.hero--ref .hero__visual{min-height:560px}
  .hero--ref .hero__content{padding-block:34px 38px}
  .hero--ref .hero__lead{margin-bottom:20px}
  .why__media{min-height:380px}
  .cover__grid{grid-template-columns:minmax(0,470px) 232px minmax(0,1fr);column-gap:28px}
  .il-map{max-height:600px}
}
/* the note sits on the darker road at the bottom of the photo, readable in white */
.why__note{top:auto;bottom:14px;left:16px}
@media (min-width:1050px){.why__note{top:auto;bottom:30px;left:34px}}

/* ---------- home density: the reference fills the width and keeps sections tight ---------- */
@media (min-width:1050px){
  body.home main .container{width:min(1320px,calc(100% - 96px))}
  body.home main .section{padding-block:64px}
  body.home main .section-head{margin-bottom:36px}
  body.home main .section .section-head h2,body.home .why__copy h2,body.home .cover__copy h2{font-size:48px;line-height:1.12}
  body.home main .section-head p{font-size:19px}
  .hero--ref h1{font-size:clamp(52px,4.6vw,66px)}
  .why__media{min-height:0;aspect-ratio:16/9;height:auto}
  .why__icon{width:42px;height:42px}
  .why__item strong{font-size:19px}
  .how__circle{width:150px;height:150px}
  .how__circle svg{width:56px;height:56px}
  .how__step h3{font-size:23px}
  .how__step p{font-size:17px;max-width:260px}
  .how__step+.how__step::before{top:88px}
  .cover__grid{grid-template-columns:minmax(0,520px) 236px minmax(0,1fr);column-gap:34px}
  .cover__list{margin-inline-start:120px}
  .cover__region span{font-size:14.5px}
  .guides--home .guide-card__media img{aspect-ratio:2/1}
  .section-head--with-action{align-items:center}
  .section-head__action{align-self:start;margin:10px 0 0}
}
@media (min-width:1050px) and (max-width:1279px){
  .cover__grid{grid-template-columns:minmax(0,420px) 200px minmax(0,1fr);column-gap:26px}
  .cover__list{margin-inline-start:96px}
  .cover__note{left:-128px;width:128px;font-size:20px}
}

/* ---------- footer as in the reference: contact on the reading side, the logo block on the far side ---------- */
@media (min-width:1100px){
  .site-footer__top{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.35fr);gap:28px}
  .site-footer__brand{order:99;display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline-start:28px;border-inline-start:1px solid #2a3139}
  .site-footer__brand p{margin-inline:auto}
  .site-footer__brand .site-logo img{width:250px}
  .site-footer__note{justify-content:center;transform-origin:50% 50%}
  .footer-col--contact{order:-1;padding-inline-end:24px;border-inline-end:1px solid #2a3139}
}
@media (min-width:1050px){
  .trust-bar__item{padding:28px 16px 26px}
  .trust-bar__icon{width:44px;height:44px;stroke-width:2.1}
  .trust-bar__text strong{font-size:21px}
  .trust-bar__text span{font-size:15.5px}
  body.home .why__lead{font-size:20px}
  .cover__list{margin-inline-start:92px}
  .cover__region strong{font-size:18px}
  .cover__note{left:-150px;width:150px}
}
@media (min-width:1100px){.site-footer__brand .site-logo img{width:300px}}
/* tablets: a shorter photo so the headline and form still open the page */
@media (min-width:760px) and (max-width:1049px){.hero--ref .hero__visual{aspect-ratio:auto;height:300px}}
@media (min-width:1050px) and (max-width:1279px){
  .cover__list{margin-inline-start:112px}
  .cover__note{left:-124px;width:120px;font-size:19px}
  body.home .cover__copy h2{font-size:40px}
}


/* =====================================================================
   Inner pages 1.6: the home page's reference language on every landing page
   ===================================================================== */

/* ---------- reference hero: grounds and pages without a form ---------- */
.hero--ref .breadcrumbs{margin:0 0 8px;font-size:13px;line-height:1.5;color:#6b7280}
.hero--ref .breadcrumbs a{color:#4b5563;text-decoration:none}
.hero--ref .breadcrumbs a:hover{text-decoration:underline}
.hero--ref .hero-pill{align-self:flex-start}
.hero__extra .hero-line{margin:0 0 16px}
.hero__extra .link-chips{margin:0 0 16px}
.hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0}
.hero--tone-dark,.hero--tone-dark .hero__content{background:var(--char);color:#fff}
.hero--tone-dark h1{color:#fff}
.hero--tone-dark h1 em{color:var(--accent-on-dark)}
.hero--tone-dark .hero__lead{color:#c9cfd6}
.hero--tone-dark .hero-line{color:#d6dbe1}
.hero--tone-dark .hero-line strong{color:#fff}
.hero--tone-dark .breadcrumbs,.hero--tone-dark .breadcrumbs span{color:#aeb6bf}
.hero--tone-dark .breadcrumbs a{color:#e5e9ee}
.hero--tone-dark .hero-pill{background:rgba(196,167,247,.16);color:var(--accent-on-dark)}
.hero--tone-soft,.hero--tone-soft .hero__content{background:#f3effa}
@media (max-width:1049px){
  .hero--ref .hero__content .breadcrumbs{order:0;margin-bottom:6px}
  .hero--ref .hero__content .hero-pill{order:0;margin-bottom:6px}
  .hero--ref .hero__extra{order:5;margin-top:12px}
  .hero--ref .hero__extra .hero-line{margin:0;font-size:14px}
  .hero--ref .hero__actions{order:2}
  .hero--tone-dark .hero__lead{color:#aeb6bf}
}
@media (min-width:1050px){
  .hero--tone-dark{background:var(--char)}
  .hero--tone-dark .hero__visual::after{background:linear-gradient(270deg,var(--char) 0%,rgba(17,20,24,.9) 7%,rgba(17,20,24,0) 26%)}
  .hero--tone-dark .hero__content{background:transparent}
  .hero--tone-soft{background:#f3effa}
  .hero--tone-soft .hero__visual::after{background:linear-gradient(270deg,#f3effa 0%,rgba(243,239,250,.88) 7%,rgba(243,239,250,0) 24%)}
  .hero--tone-soft .hero__content{background:transparent}
  .hero--ref:not(.hero--home) h1{font-size:clamp(42px,3.7vw,56px);line-height:1.08}
  .hero--noform .hero__grid,.hero--noform .hero__visual{min-height:460px}
  .hero--noform .hero__content{padding-block:48px}
}

/* ---------- long read on landing pages: same rows as the home page ---------- */
.inner-rows{padding-block:44px 56px}
.lc--head .lc-row{margin-bottom:22px}
.lc--head .lc-row--quick>*{margin:0}
.lc-row--toc{max-width:var(--measure)}
.inner-rows .toc--inline{display:block;margin:0}
.content-main.lc .lc-row--wide{max-width:none}
.content-main.lc .lc-row--wide .lc-text>:not([data-lc]){max-width:var(--measure);margin-inline:auto}
.content-main.lc .lc-row--wide .lc-text>h2{margin-bottom:22px;text-align:center}
.lc-steps{margin:8px 0 0}
.lc-steps .how__steps{margin:0}
.content-main.lc .how__step h3{margin:0 0 4px;font-size:17px}
.content-main.lc .how__step p{margin:0;font-size:14.5px;line-height:1.45;color:var(--muted)}
.content-main.lc .tick-list{list-style:none;margin:14px 0 6px;padding:0;display:grid;gap:10px}
.content-main.lc .tick-list li{position:relative;margin:0;padding-inline-start:28px;line-height:1.55}
.content-main.lc .tick-list--compact{grid-template-columns:1fr 1fr;gap:8px 16px}
.content-main.lc .tick-list--compact li{font-size:16px}
@media (min-width:760px){.content-main.lc .tick-list{grid-template-columns:1fr 1fr;gap:10px 24px}.content-main.lc .tick-list--compact{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1050px){
  .inner-rows{padding-block:64px 88px}
  .lc--head .lc-row{margin-bottom:34px}
  .content-main.lc .how__step h3{font-size:21px}
  .content-main.lc .how__step p{font-size:16px}
}

/* ---------- landing pages use the home page width and rhythm ---------- */
@media (min-width:1050px){
  body.single-service main .container,body.single-service_area main .container,body.single-vehicle_page main .container,body.tax-region main .container{width:min(1320px,calc(100% - 96px))}
  body.single-service main .section-head h2,body.single-service_area main .section-head h2,body.single-vehicle_page main .section-head h2,body.tax-region main .section-head h2,body:not(.home) .cover__copy h2{font-size:44px;line-height:1.12}
}

/* ---------- map: bring the page's own region forward ---------- */
.cover--focus .il-map__pin{opacity:.35}
.cover--focus-north .il-map__pin[data-region="north"],.cover--focus-sharon .il-map__pin[data-region="sharon"],.cover--focus-center .il-map__pin[data-region="center"],.cover--focus-jerusalem .il-map__pin[data-region="jerusalem"],.cover--focus-shfela .il-map__pin[data-region="shfela"],.cover--focus-south .il-map__pin[data-region="south"]{opacity:1}

/* ---------- salvage cards: photo, then the part named under it ---------- */
.part-cards--ref{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.part-cards--ref .part-card{position:static;display:flex;flex-direction:column;margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}
.part-cards--ref .part-card__media{display:block;position:static;padding:0;background:#e6e8eb;aspect-ratio:4/3;overflow:hidden}
.part-cards--ref .part-card__media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.part-cards--ref .part-card__label{display:block;padding:11px 10px 13px;font-size:15.5px;font-weight:800;line-height:1.3;text-align:center;color:var(--ink)}
.part-band .part-cards--ref,.inner-body .part-cards--ref{display:grid}
@media (min-width:1050px){.part-cards--ref{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.part-cards--ref .part-card__label{font-size:18px;padding:14px 12px 16px}}

/* ---------- model cards: the reference card without a photo ---------- */
.model-card{align-items:center;justify-content:center;text-align:center;gap:6px}
.model-card__more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--accent)}
.model-card__more::after{content:"";flex:none;width:14px;height:11px;background:currentColor;-webkit-mask:var(--arrow-left) center/contain no-repeat;mask:var(--arrow-left) center/contain no-repeat}

/* ---------- related pages: chips and cards under the long read ---------- */
.inner-related .related-block__title{text-align:center}
.inner-related .link-chips{justify-content:center}
.cover__all{grid-area:all;margin:0;font-size:14.5px;font-weight:800}
.cover__all a{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--accent)}
.cover__all a::after{content:"";flex:none;width:14px;height:11px;background:currentColor;-webkit-mask:var(--arrow-left) center/contain no-repeat;mask:var(--arrow-left) center/contain no-repeat}
.cover__grid{grid-template-areas:"copy copy" "map list" "map all" "card card"}
@media (min-width:1050px){
  .cover__grid{grid-template-areas:"card map copy" "card map list" "card map all"}
  .cover__all{margin-inline-start:92px;padding-top:6px}
}
@media (min-width:1050px) and (max-width:1279px){.cover__all{margin-inline-start:112px}}

/* ---------- guide head: topic, date and reading time under the lead ---------- */
.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 18px;font-size:14px;color:var(--muted)}
.hero-meta .hero-pill{margin:0}
.hero--tone-dark .hero-meta{color:#aeb6bf}

/* ---------- search inside a hero (FAQ page) ---------- */
.hero__extra .faq-filter{margin:0 0 16px;max-width:520px}

/* ---------- region page: a photo card for the largest city, then rows like the map list ---------- */
.region-cities__grid .city-row{height:100%;justify-content:center;min-height:70px}
.city-photo-card .city-tile__more{color:#fff}
@media (min-width:1050px){.region-cities__grid .city-row{min-height:84px}}

/* ---------- contact: ways to reach us as reference cards ---------- */
.contact-way{border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.contact-v2__form{border-top:4px solid var(--accent)}


/* =====================================================================
   Logo 1.6: the approved brand file, as delivered (no filter, no crop, no box behind it)
   ===================================================================== */
.site-logo{display:inline-flex;align-items:center;line-height:0;background:none;border:0;box-shadow:none}
.site-logo img,.site-logo__img{display:block;width:150px;height:auto;max-width:100%;object-fit:contain;aspect-ratio:3/1;filter:none;background:none;border:0;border-radius:0;box-shadow:none}
.site-header__inner{height:70px;padding-block:10px}
.site-drawer__top{height:70px}
@media (min-width:1100px){
  .site-header__inner{height:92px;padding-block:12px}
  .site-logo img,.site-logo__img{width:200px}
}
/* footer: a little more presence, and room between the logo and the lines under it */
.site-footer__brand .site-logo{display:inline-flex;margin-bottom:10px}
.site-footer__brand .site-logo img,.site-footer__brand .site-logo__img{width:190px}
.site-footer__note{margin-top:8px}
@media (min-width:1100px){
  .site-footer__brand .site-logo{margin-bottom:12px}
  .site-footer__brand .site-logo img,.site-footer__brand .site-logo__img{width:230px}
}
/* narrow phones: the logo keeps its size, the header pill gets compact; on the narrowest screens the pill goes (the bottom bar carries the call to action) */
.site-header .site-logo{flex:none}
@media (max-width:389px){
  .site-logo img,.site-logo__img{width:145px}
  .site-header__quote{height:36px;padding:0 9px;font-size:13px}
}
@media (max-width:339px){.site-header__quote{display:none}}


/* =====================================================================
   Final fidelity fixes (reference): six vehicle cards in one row on desktop,
   the map first and wide on phones, a slightly larger desktop logo
   ===================================================================== */
/* ---------- home vehicle cards: one row of six, compact, as in the reference ---------- */
@media (min-width:1050px){
  body.home #vehicles .condition-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:none}
  body.home #vehicles .condition-card__media{aspect-ratio:4/3}
  body.home #vehicles .condition-card__body{padding:12px 8px 14px;gap:3px}
  body.home #vehicles .condition-card .condition-card__title{font-size:16px}
  body.home #vehicles .condition-card__more{font-size:13.5px}
  body.home #vehicles .condition-help{margin-top:22px}
}
@media (min-width:1280px){
  body.home #vehicles .condition-grid{gap:18px}
  body.home #vehicles .condition-card__body{padding:14px 10px 16px}
  body.home #vehicles .condition-card .condition-card__title{font-size:17.5px}
  body.home #vehicles .condition-card__more{font-size:14px}
}

/* ---------- map on phones and tablets: heading, text, the map wide and first, the note, then the list and the card ---------- */
@media (max-width:1049px){
  .cover__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "map" "list" "all" "card";gap:14px}
  .cover__map{display:block;position:relative;width:100%;padding:4px 0 0}
  .il-map{width:min(82%,330px);max-width:none;margin-inline:auto}
  .cover__note{display:flex;justify-content:center;width:100%;margin:12px auto 0;font-size:21px;line-height:1.2;transform:rotate(-5deg)}
  .cover__list{gap:8px}
  .cover__all{margin:0}
  .cover__card{margin-top:6px}
}

/* ---------- desktop logo about a tenth larger, same proportions; the header grows just enough to keep its air ---------- */
@media (min-width:1100px){
  .site-header__inner{height:96px}
  .site-logo img,.site-logo__img{width:222px}
  .site-footer__top{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.5fr)}
  .site-footer__brand .site-logo img,.site-footer__brand .site-logo__img{width:226px}
}


/* =====================================================================
   Header B (reference): a thin dark strip with the four reasons, then a
   light bar with the dark-text logo, dark navigation and the purple call
   to action. The mega menu and the phone drawer stay dark; purple marks
   hover, active and focus everywhere in the header.
   ===================================================================== */
.site-topstrip{display:none;background:var(--char);color:#fff}
.site-topstrip__list{list-style:none;margin:0 auto;padding:0 24px;max-width:1240px;height:36px;display:flex;align-items:center;justify-content:center;gap:30px;font-size:13.5px;font-weight:700;line-height:1;white-space:nowrap}
.site-topstrip__list li{display:inline-flex;align-items:center;gap:7px}
.site-topstrip__list li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--accent) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.2 4.2L19 7'/></svg>") center/10px no-repeat}
@media (min-width:1100px){.site-topstrip{display:block}}

.site-header{background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(17,20,24,.06)}
.site-logo{color:var(--ink)}
.iconbtn{color:var(--ink)}
.iconbtn:hover{color:var(--accent)}
.iconbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.site-header__quote{background:var(--accent);color:#fff}
.site-header__quote:hover{background:var(--accent-hover);color:#fff}
.site-header__quote:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (min-width:1100px){
  .site-nav__link{color:var(--ink);font-weight:700}
  .site-nav__link::after{background:var(--accent)}
  .site-nav__item:hover>.site-nav__link,.site-nav__item:focus-within>.site-nav__link,.site-nav__link[aria-current="page"]{color:var(--accent)}
  .site-nav__link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
  .mega{box-shadow:0 32px 64px rgba(0,0,0,.28)}
}
/* the drawer keeps its own dark top; the logo there is the white-text version */
.site-drawer .site-logo{color:#fff}
.site-drawer .iconbtn{color:#fff}
.site-drawer .iconbtn:hover{color:var(--accent-on-dark)}

/* ---------- map on phones: a little shorter, still the centre of the section ---------- */
@media (max-width:1049px){.il-map{width:min(70%,252px)}}

/* ---------- desktop header: the menu sits in the centre (Snir, 17.9) ----------
   Logo | menu | actions as three columns with equal side columns, so the menu is centred on the header itself,
   not squeezed toward the actions. Below 1200px there is no room for equal sides next to a 222px logo,
   so the flex layout above stays (the menu is within 18px of centre there anyway). */
@media (min-width:1200px){
  .site-header__inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
  .site-header__inner>.site-logo{justify-self:start}
  .site-header__inner>.site-nav{justify-self:center;margin-inline-start:0}
  .site-header__inner>.site-header__actions{justify-self:end}
}

/* ---------- parts notice (Snir, 17.9): a thin bar under the header, "אנחנו לא מוכרים חלקים!", for two seconds ----------
   Fixed right below the sticky header (the script sets --parts-notice-top from the header's bottom edge) and one layer
   under it, so it slides out from beneath the header and the mega menu still opens over it. It covers no content. */
.parts-notice{position:fixed;z-index:79;left:0;right:0;top:var(--parts-notice-top,0px);display:flex;align-items:center;justify-content:center;min-height:34px;padding:5px 16px;background:var(--accent);color:#fff;box-shadow:0 6px 16px rgba(46,16,92,.22);opacity:0;transform:translateY(-100%);transition:opacity .22s ease,transform .22s ease}
.parts-notice.is-visible{opacity:1;transform:none}
.parts-notice__text{margin:0;font-size:15px;font-weight:800;line-height:1.3;text-align:center}
@media (min-width:761px){.parts-notice{min-height:38px}.parts-notice__text{font-size:16px}}
@media (prefers-reduced-motion:reduce){.parts-notice{transition:none}}