/* AutoLior FAQ (1.53.0): /faq/ page and the short strips on product, cart and contact pages. Scoped under .alq. */
.alq{--g:#c9a46c;--gh:#e2c38e;--gl:rgba(226,195,142,.24);--ink:#f3eee5;--mu:rgba(243,238,229,.64);--ln:rgba(255,255,255,.08);--ln2:rgba(255,255,255,.14);--ground:#0a0a0b;--paper:#141414;--raised:#1c1c1c;--hdr:72px;color:var(--ink);font-family:"Heebo","Assistant",ui-sans-serif,system-ui,sans-serif;line-height:1.6;direction:rtl;text-align:right}
.alq *{box-sizing:border-box}
.alq a{color:inherit;text-decoration:none}
.alq :focus-visible{outline:2px solid var(--gh);outline-offset:3px;border-radius:10px}
.alq-w{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.alq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.alq-eb{display:inline-flex;align-items:center;gap:12px;margin:0;color:var(--gh);font-weight:600;font-size:14px;letter-spacing:.02em}
.alq-eb::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--gh);transform:skewX(-28deg);box-shadow:0 0 12px rgba(226,195,142,.45)}
.alq-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;font-weight:600;font-size:16px;background:var(--g);color:#0a0a0b!important;border:1px solid var(--g);transition:background .2s}
.alq-btn:hover{background:var(--gh)}

/* charge bar: an EV battery that fills as you read */
.alq-charge{position:fixed;top:var(--hdr);inset-inline:0;z-index:35;display:flex;align-items:center;gap:8px;height:3px;pointer-events:none}
.alq-charge-bar{position:relative;flex:1;height:3px;background:transparent}
.alq-charge-bar i{position:absolute;inset-block:0;right:0;width:100%;transform-origin:right;transform:scaleX(var(--p,0));background:linear-gradient(270deg,#8a6d3f,var(--gh));box-shadow:0 0 14px rgba(226,195,142,.6)}
.alq-charge-pct{position:absolute;top:24px;left:14px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--gh);background:rgba(10,10,11,.86);border:1px solid var(--gl);border-radius:6px;padding:1px 7px 1px 6px;opacity:0;transition:opacity .3s}
.alq-charge.is-on .alq-charge-pct{opacity:1}
.alq-charge-pct::after{content:"";display:inline-block;width:3px;height:7px;margin-left:4px;vertical-align:middle;border-radius:1px;background:var(--gh)}

/* hero */
.alq-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ln2);background:radial-gradient(ellipse 60% 90% at 15% 10%,rgba(201,164,108,.14),transparent 70%),var(--ground);isolation:isolate}
.alq-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center;padding-block:40px 64px}
.alq-hero .aln-crumbs{margin-bottom:20px}
.alq h1{margin:14px 0 14px;font-size:clamp(44px,7vw,92px);font-weight:900;letter-spacing:-.045em;line-height:.95;color:var(--ink)}
.alq h1 em{font-style:normal;color:var(--gh)}
.alq-lead{margin:0 0 28px;max-width:46ch;color:var(--mu);font-size:clamp(17px,1.6vw,20px)}
.alq-road{position:absolute;inset:auto 0 0 0;height:56%;z-index:-1;pointer-events:none;perspective:340px;perspective-origin:30% 0;-webkit-mask-image:linear-gradient(to top,#000 30%,transparent);mask-image:linear-gradient(to top,#000 30%,transparent)}
.alq-lane{position:absolute;left:30%;bottom:-40%;width:6px;height:200%;margin-left:-3px;transform:rotateX(78deg);transform-origin:bottom;background:repeating-linear-gradient(to top,rgba(226,195,142,.55) 0 40px,transparent 40px 96px);background-size:100% 96px;animation:alq-lane 1.1s linear infinite}
.alq-lane::before,.alq-lane::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.12)}
.alq-lane::before{left:-260px}.alq-lane::after{left:264px}
.alq-beam{position:absolute;left:30%;bottom:0;width:70%;height:120%;transform:translateX(-50%);background:radial-gradient(ellipse 50% 60% at 50% 100%,rgba(226,195,142,.12),transparent 70%);animation:alq-beam 5s ease-in-out infinite}
@keyframes alq-lane{to{background-position:0 96px}}
@keyframes alq-beam{0%,100%{opacity:.6}50%{opacity:1}}

/* search */
.alq-search{position:relative;display:flex;align-items:center;max-width:620px;margin:0;border-radius:18px;background:rgba(20,20,20,.86);border:1px solid var(--ln2);box-shadow:0 20px 50px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.alq-search:focus-within{border-color:var(--gh);box-shadow:0 0 0 4px rgba(226,195,142,.14),0 20px 50px -24px rgba(0,0,0,.9)}
.alq-search::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(226,195,142,.35) 50%,transparent 70%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);border:1px solid transparent;background-size:250% 100%;animation:alq-scan 4.5s ease-in-out infinite}
@keyframes alq-scan{0%{background-position:120% 0}60%,100%{background-position:-120% 0}}
.alq-search-ic{position:absolute;right:20px;color:var(--gh)}
.alq-search input{flex:1;min-width:0;height:64px;padding:0 58px 0 52px;border:0;background:transparent;color:var(--ink);font:500 18px/1 "Heebo","Assistant",sans-serif;outline:none;-webkit-appearance:none;appearance:none}
.alq-search input::placeholder{color:rgba(243,238,229,.42)}
.alq-search input::-webkit-search-cancel-button{display:none}
.alq-clear{position:absolute;left:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--ln2);background:var(--raised);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.alq-status{margin:12px 4px 0;color:var(--mu);font-size:14px}
.alq-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:22px;font-size:14px;color:var(--mu)}
.alq-pop ul{display:contents;list-style:none;margin:0;padding:0}
.alq-pop a{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--ln2);background:rgba(28,28,28,.7);color:var(--ink);font-weight:500;transition:border-color .2s,color .2s,transform .2s}
.alq-pop a:hover{border-color:var(--gh);color:var(--gh);transform:translateY(-2px)}

/* gauge */
.alq-gauge{position:relative;justify-self:center;width:min(340px,100%);aspect-ratio:1}
.alq-gauge svg{width:100%;height:100%;overflow:visible}
.alq-ring{fill:radial-gradient(circle,#1c1c1c,#0a0a0b);fill:#111;stroke:var(--ln2);stroke-width:1}
.alq-arc-bg{fill:none;stroke:rgba(255,255,255,.07);stroke-width:7;stroke-linecap:round}
.alq-arc{fill:none;stroke:url(#alq-g);stroke-width:7;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - 83);filter:drop-shadow(0 0 6px rgba(226,195,142,.5))}
.alq-tick{stroke:rgba(243,238,229,.28);stroke-width:1.4;stroke-linecap:round}
.alq-tick.is-major{stroke:rgba(243,238,229,.6);stroke-width:2.2}
.alq-needle{transform-origin:100px 100px;transform:rotate(90deg)}
.alq-needle path{stroke:var(--gh);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(226,195,142,.8))}
.alq-needle circle{fill:#0a0a0b;stroke:var(--gh);stroke-width:2.5}
.alq-gauge-read{position:absolute;inset:auto 0 22%;display:grid;justify-items:center;text-align:center}
.alq-gauge-read strong{font-size:clamp(44px,5vw,60px);font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.alq-gauge-read span{font-size:13px;color:var(--mu);letter-spacing:.04em}
.alq-gauge-foot{position:absolute;inset:auto 0 2%;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:var(--mu)}
.alq-led{width:8px;height:8px;border-radius:50%;background:#7fd38a;box-shadow:0 0 10px #7fd38a;animation:alq-led 2.4s ease-in-out infinite}
@keyframes alq-led{50%{opacity:.35}}
.alq-js .alq-gauge:not(.is-on) .alq-arc{stroke-dashoffset:100}
.alq-js .alq-gauge:not(.is-on) .alq-needle{transform:rotate(-135deg)}
.alq-js .alq-gauge:not(.is-on) .alq-tick{opacity:.15}
.alq-gauge.is-on .alq-arc{transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1) .2s}
.alq-gauge.is-on .alq-needle{transition:transform 1.6s cubic-bezier(.3,1.4,.4,1) .2s}
.alq-gauge.is-on .alq-tick{transition:opacity .3s calc(.2s + var(--i) * 60ms)}

/* topic bar: a drive-mode selector */
.alq-modes{position:sticky;top:var(--hdr);z-index:30;background:rgba(10,10,11,.9);border-bottom:1px solid var(--ln);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.alq-modes-in{position:relative;display:flex;gap:2px;padding-block:10px;padding-left:64px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 90px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 90px),transparent)}
.alq-modes-in::-webkit-scrollbar{display:none}
.alq-mode{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:0 12px 0 11px;border-radius:12px;color:var(--mu);font-size:14.5px;font-weight:500;white-space:nowrap;scroll-snap-align:start;transition:color .25s}
.alq-mode svg{width:19px;height:19px;flex:none}
.alq-mode small{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;border:1px solid var(--ln2);font-size:11px;font-weight:700;color:var(--mu)}
.alq-mode:hover{color:var(--ink)}
.alq-mode.is-on{color:var(--ink)}
.alq-mode.is-on svg{color:var(--gh)}
.alq-mode.is-on small{border-color:var(--gl);color:var(--gh)}
.alq-mode.is-dim{opacity:.35}
.alq-modes-ind{position:absolute;z-index:0;top:10px;height:46px;left:0;width:0;border-radius:12px;background:var(--raised);border:1px solid var(--gl);box-shadow:inset 0 -2px 0 var(--gh),0 8px 22px -12px rgba(226,195,142,.55);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}

/* topics and questions */
.alq-body{padding-block:28px 72px}
.alq-topic{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;padding-block:40px;border-bottom:1px solid var(--ln);scroll-margin-top:calc(var(--hdr) + 80px)}
.alq-topic:last-of-type{border-bottom:0}
.alq-topic-head{position:sticky;top:calc(var(--hdr) + 92px);align-self:start;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"dial n" "dial h";column-gap:16px;align-items:center}
.alq-dial{grid-area:dial;position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#242424,#121212);border:1px solid var(--gl);color:var(--gh);box-shadow:0 0 0 6px rgba(226,195,142,.04)}
.alq-dial::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--gh);transform:rotate(-40deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.alq-topic.is-in .alq-dial::after{transform:rotate(200deg)}
.alq-topic-n{grid-area:n;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gh)}
.alq-topic h2{grid-area:h;margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.alq-list{display:grid;gap:10px}
.alq-item{position:relative;border-radius:16px;background:var(--paper);border:1px solid var(--ln);overflow:hidden;transition:border-color .25s,background .25s}
.alq-item::before{content:"";position:absolute;top:0;bottom:0;right:0;width:3px;background:linear-gradient(var(--gh),#8a6d3f);transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.alq-item:hover{border-color:var(--ln2)}
.alq-item[open]{background:var(--raised);border-color:var(--gl)}
.alq-item[open]::before{transform:scaleY(1)}
.alq-item summary{display:flex;align-items:center;gap:16px;min-height:64px;padding:14px 22px;cursor:pointer;list-style:none;font-size:clamp(16px,1.4vw,18px);font-weight:600;line-height:1.4}
.alq-item summary::-webkit-details-marker{display:none}
.alq-qn{flex:none;width:28px;font-size:12px;font-weight:700;letter-spacing:.08em;color:rgba(243,238,229,.36);font-variant-numeric:tabular-nums;transition:color .25s}
.alq-item[open] .alq-qn,.alq-item summary:hover .alq-qn{color:var(--gh)}
.alq-q{flex:1}
.alq-tog{position:relative;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--ln2);transition:border-color .25s,background .25s,transform .45s cubic-bezier(.2,.8,.2,1)}
.alq-tog i{position:absolute;top:50%;left:50%;width:12px;height:1.8px;margin:-.9px 0 0 -6px;border-radius:2px;background:var(--ink);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.alq-tog i+i{transform:rotate(90deg)}
.alq-item[open] .alq-tog{border-color:var(--g);background:var(--g);transform:rotate(180deg)}
.alq-item[open] .alq-tog i{background:#0a0a0b}
.alq-item[open] .alq-tog i+i{transform:rotate(0)}
.alq-a{overflow:hidden}
.alq-a-in{padding:0 66px 22px 22px;color:rgba(243,238,229,.82);font-size:16px;line-height:1.75}
.alq-a-in>:first-child{margin-top:0}.alq-a-in>:last-child{margin-bottom:0}
.alq-a-in p{margin:0 0 10px}
.alq-a-in ol,.alq-a-in ul{margin:0 0 10px;padding:0 20px 0 0}
.alq-a-in li{margin-bottom:4px}
.alq-a-in ol li::marker{color:var(--gh);font-weight:700}
.alq-a-in a{color:var(--gh);text-decoration:underline;text-decoration-color:var(--gl);text-underline-offset:4px;transition:text-decoration-color .2s}
.alq-a-in a:hover{text-decoration-color:var(--gh)}
.alq-cars{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.alq-cars li{margin:0}
.alq-cars a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--gl);background:rgba(201,164,108,.08);text-decoration:none!important;color:var(--ink)!important;font-weight:600}
.alq-cars span{font-size:13px;color:var(--mu)}
.alq mark{background:rgba(226,195,142,.28);color:inherit;border-radius:3px;padding:0 1px}
.alq-item.is-hit{animation:alq-hit 1.4s ease}
@keyframes alq-hit{0%{box-shadow:0 0 0 0 rgba(226,195,142,.6)}100%{box-shadow:0 0 0 14px rgba(226,195,142,0)}}
.alq-share{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:0;border:0;background:none;color:var(--mu);font:500 13px "Heebo",sans-serif;cursor:pointer}
.alq-share:hover{color:var(--gh)}
.alq-empty{display:grid;justify-items:center;gap:6px;padding:56px 16px;text-align:center;color:var(--mu)}
.alq-empty-t{margin:0;font-size:22px;font-weight:700;color:var(--ink)}
.alq-empty p{margin:0 0 10px}

/* reveal */
.alq-js .alq-topic .alq-item{opacity:0;transform:translateY(16px)}
.alq-js .alq-topic.is-in .alq-item{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s;transition-delay:calc(var(--d,0) * 70ms),calc(var(--d,0) * 70ms),0s,0s}

/* closing call to action */
.alq-cta{position:relative;overflow:hidden;border-top:1px solid var(--ln2);background:linear-gradient(180deg,#0f0f10,#0a0a0b)}
.alq-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(226,195,142,.10) 48%,transparent 60%);transform:translateX(100%);animation:alq-sweep 7s ease-in-out infinite;pointer-events:none}
@keyframes alq-sweep{0%,30%{transform:translateX(100%)}70%,100%{transform:translateX(-100%)}}
.alq-cta-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;padding-block:64px}
.alq-cta h2{margin:10px 0 10px;font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.08;color:var(--ink)}
.alq-cta p{margin:0;color:var(--mu)}
.alq-cta-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.alq-card{display:grid;gap:4px;align-content:start;padding:22px 20px;border-radius:18px;background:var(--paper);border:1px solid var(--ln2);transition:border-color .25s,transform .25s,background .25s}
.alq-card svg{color:var(--gh);margin-bottom:10px}
.alq-card strong{font-size:18px}
.alq-card span{font-size:14px;color:var(--mu)}
.alq-card:hover{border-color:var(--gh);transform:translateY(-4px);background:var(--raised)}
.alq-card.is-wa{background:linear-gradient(160deg,rgba(201,164,108,.18),var(--paper) 60%);border-color:var(--gl)}

/* strip on product, cart and contact pages */
.alq-strip{border-top:1px solid var(--ln);background:var(--ground)}
.alq-strip-in{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;padding-block:56px}
.alq-strip-head h2{margin:10px 0 18px;font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
.alq-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--gh)!important;font-weight:600}
.alq-more svg{transition:transform .25s}
.alq-more:hover svg{transform:translateX(-4px)}
.alq-strip .alq-a-in{padding-right:22px}

@media (max-width:1000px){
  .alq-hero-in{grid-template-columns:1fr;gap:8px;padding-block:28px 40px}
  .alq-gauge{display:none}
  .alq-topic{grid-template-columns:1fr;gap:18px;padding-block:32px}
  .alq-topic-head{position:static}
  .alq-cta-in,.alq-strip-in{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
  .alq h1{font-size:clamp(40px,12vw,56px)}
  .alq-search input{height:58px;font-size:16px;padding:0 50px 0 50px}
  .alq-search-ic{right:16px}
  .alq-pop{gap:8px}
  .alq-pop>span{flex-basis:100%}
  .alq-item summary{gap:12px;padding:14px 16px;min-height:60px}
  .alq-qn{display:none}
  .alq-a-in{padding:0 16px 20px}
  .alq-dial{width:50px;height:50px}
  .alq-cta-cards{grid-template-columns:1fr}
  .alq-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px 18px}
  .alq-card svg{grid-row:1/3;margin:0}
  .alq-road{height:40%}
  .alq-charge-pct{display:none}
  .alq-modes-in{padding-left:40px}
}
@media (prefers-reduced-motion:reduce){
  .alq *,.alq *::before,.alq *::after{animation:none!important;transition:none!important}
  .alq-js .alq-topic .alq-item{opacity:1;transform:none}
}
