/* 1.21.0 — one header, mega menu and footer for every page (homepage, site pages, old store template).
   Self-contained: own tokens and aln- classes, so it looks the same on the homepage (luxury.css), the site pages (site.css)
   and the cream store pages (store.css). Then: category pages and fitment/contact on the dark shell (xcat-, xs-). */
.aln{--aln-ground:#0a0a0b;--aln-paper:#141414;--aln-raised:#1c1c1c;--aln-raised-hi:#242424;--aln-ink:#f3eee5;--aln-muted:rgba(243,238,229,.62);--aln-line:rgba(255,255,255,.08);--aln-line-2:rgba(255,255,255,.14);--aln-gold:#c9a46c;--aln-gold-hi:#e2c38e;--aln-gold-line:rgba(226,195,142,.24);--aln-on-gold:#0a0a0b;font-family:"Heebo","Assistant",ui-sans-serif,system-ui,sans-serif;color:var(--aln-ink);direction:rtl;text-align:right;line-height:1.5;-webkit-font-smoothing:antialiased}
.aln *,.aln *::before,.aln *::after{box-sizing:border-box}
.aln a{color:inherit;text-decoration:none}
.aln a:focus-visible,.aln button:focus-visible,.aln summary:focus-visible{outline:2px solid var(--aln-gold-hi);outline-offset:3px;border-radius:8px}
.aln ul{list-style:none;margin:0;padding:0}
.aln h2,.aln h3,.aln p{margin:0}
.aln summary{list-style:none;cursor:pointer}
.aln summary::-webkit-details-marker{display:none}
.aln-wrap{max-width:1240px;margin:0 auto;padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}

/* Shell: the wrapper disappears so the header can stick to the page; on the homepage it stays a block the hero measures */
.aln-shell{display:contents}
.aln-shell.aln-home{display:block;position:relative;z-index:40}
.aln-skip{position:absolute;right:16px;top:-80px;z-index:100;background:var(--aln-gold);color:var(--aln-on-gold)!important;padding:10px 16px;border-radius:999px;font-weight:700}
.aln-skip:focus{top:12px}
.aln-announce{background:#d9b77c;color:#1f1d1a;font-weight:600;font-size:14px;text-align:center;padding:9px 16px}
.aln-header{position:sticky;top:0;z-index:40;background:rgba(10,10,11,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--aln-line)}
.admin-bar .aln-header{top:32px}
.aln-home .aln-header{position:relative;top:auto}
.aln-header-in{display:flex;align-items:center;gap:24px;min-height:72px}
.aln-logo{display:inline-flex;align-items:center;flex:none;font-weight:900;font-size:24px;letter-spacing:-.03em}
.aln-logo img{display:block;height:30px;width:auto}
.aln-logo b{color:var(--aln-gold-hi)}
.aln-nav{flex:1;min-width:0}
.aln-nav-list{display:flex;align-items:center;gap:2px}
.aln-veh-item{position:relative}
.aln-nav-a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;font-weight:500;font-size:16px;color:var(--aln-ink);white-space:nowrap;transition:background .15s,color .15s}
.aln-nav-a:hover{background:var(--aln-raised)}
.aln-nav-a[aria-current="page"]{color:var(--aln-gold-hi);box-shadow:inset 0 -2px 0 var(--aln-gold-hi);border-radius:0}
.aln-dd[open]>.aln-nav-a{color:var(--aln-gold-hi)}
.aln-chev{transition:transform .2s}
.aln-dd[open]>.aln-nav-a .aln-chev{transform:rotate(180deg)}

/* Mega menu: 4 category columns + the fitment card */
.aln-mega{position:absolute;inset-inline:0;top:100%;background:var(--aln-paper);border-bottom:1px solid var(--aln-line-2);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);max-height:calc(100vh - 120px);overflow:auto}
.aln-mega-in{padding-top:28px;padding-bottom:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.15fr);gap:28px}
.aln-mcol h3{display:flex;justify-content:space-between;gap:8px;font-size:17px;font-weight:700;margin-bottom:2px}
.aln-mcol h3 a:hover{color:var(--aln-gold-hi)}
.aln-mcol h3 span{color:var(--aln-muted);font-weight:500;font-size:13px;font-variant-numeric:tabular-nums}
.aln-mcol p{color:var(--aln-muted);font-size:13px;margin-bottom:12px}
.aln-mcol ul{display:grid;gap:2px}
.aln-mcol li a{display:block;padding:5px 0;font-size:15px}
.aln-mcol li a:hover{color:var(--aln-gold-hi)}
.aln-more{display:inline-block;margin-top:8px;color:var(--aln-gold-hi)!important;font-weight:600;font-size:14px}
.aln-mfit{display:grid;gap:8px;align-content:start;padding:20px;border-radius:14px;border:1px solid var(--aln-gold-line);background:radial-gradient(ellipse 80% 120% at 90% 0,rgba(201,164,108,.18),transparent 70%),var(--aln-raised)}
.aln-mfit strong{font-size:17px}
.aln-mfit p{color:var(--aln-muted);font-size:14px}
.aln-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--aln-gold-hi);font-weight:600;font-size:14px;letter-spacing:.02em}
.aln-eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--aln-gold-hi);transform:skewX(-28deg);box-shadow:0 0 12px rgba(226,195,142,.45)}
.aln-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font-weight:600;font-size:15px;border:1px solid var(--aln-gold);background:var(--aln-gold);color:var(--aln-on-gold)!important;justify-self:start;transition:background .15s,border-color .15s}
.aln-btn:hover{background:var(--aln-gold-hi);border-color:var(--aln-gold-hi)}
.aln-btn-ghost{background:transparent;color:var(--aln-ink)!important;border-color:var(--aln-gold-line)}
.aln-btn-ghost:hover{background:rgba(201,164,108,.12);border-color:var(--aln-gold-hi);color:var(--aln-gold-hi)!important}

/* Vehicles dropdown */
.aln-vmega{position:absolute;inset-inline-start:0;top:calc(100% + 8px);width:340px;padding:10px;background:var(--aln-paper);border:1px solid var(--aln-line-2);border-radius:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.aln-vmega a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:10px;font-size:15px;white-space:nowrap}
.aln-vmega a:hover,.aln-vmega a[aria-current]{background:var(--aln-raised)}
.aln-vmega i{font-style:italic;font-weight:900;font-size:17px}
.aln-vmega small{color:var(--aln-muted);font-size:13px}
.aln-sep{display:block;border-top:1px solid var(--aln-line);margin:6px 0}

/* Vehicle and cart chips */
.aln-tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.aln-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font-weight:600;font-size:15px;border:1px solid var(--aln-line-2);background:var(--aln-paper);white-space:nowrap;transition:border-color .15s}
.aln-chip:hover{border-color:var(--aln-gold-line)}
.aln-mycar{gap:10px;padding:0 16px 0 18px;min-height:48px}
.aln-mycar .aln-car{flex:none;color:var(--aln-gold-hi)}
.aln-mycar-txt{display:grid;line-height:1.15;text-align:right}
.aln-mycar-txt small{font-size:11px;font-weight:500;color:var(--aln-muted);letter-spacing:.01em}
.aln-mycar-txt b{font-size:15px;font-weight:700;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.aln-mycar.is-set{border-color:var(--aln-gold-line);background:radial-gradient(ellipse 90% 140% at 100% 0,rgba(201,164,108,.16),transparent 70%),var(--aln-paper)}
.aln-mycar.is-set .aln-mycar-txt small{color:var(--aln-gold-hi)}
.aln-acct{position:relative;width:44px;padding:0;justify-content:center;color:var(--aln-ink)}
.aln-acct[aria-current="page"]{border-color:var(--aln-gold-line);color:var(--aln-gold-hi)}
.aln-acct.is-in::after{content:"";position:absolute;top:9px;inset-inline-end:9px;width:8px;height:8px;border-radius:50%;background:var(--aln-gold);box-shadow:0 0 0 2px var(--aln-paper)}
.aln-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--aln-gold);color:var(--aln-on-gold);font-size:12px;font-weight:700}

/* Phone: burger + drawer with accordion sections */
.aln-burger{display:none}
.aln-burger>summary{width:44px;height:44px;border-radius:999px;border:1px solid var(--aln-line-2);background:var(--aln-paper);display:grid;place-items:center;color:var(--aln-ink)}
.aln-burger .aln-i-close,.aln-burger[open] .aln-i-open{display:none}
.aln-burger[open] .aln-i-close{display:block}
.aln-drawer{position:absolute;inset-inline:0;top:100%;background:var(--aln-ground);border-bottom:1px solid var(--aln-line-2);padding:8px 16px 20px;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.aln-dsec{border-bottom:1px solid var(--aln-line)}
.aln-dsec>summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;font-size:18px;font-weight:700}
.aln-dsec[open]>summary{color:var(--aln-gold-hi)}
.aln-pm::before{content:"+";font-weight:400;font-size:22px}
.aln-dsec[open] .aln-pm::before{content:"−"}
.aln-dsec ul{display:grid;gap:4px;margin-bottom:12px}
.aln-dsec li a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;background:var(--aln-paper);font-size:16px}
.aln-dsec li small{color:var(--aln-muted);font-variant-numeric:tabular-nums}
.aln-gold{color:var(--aln-gold-hi)!important}
.aln-dlink{display:flex;align-items:center;min-height:56px;font-size:18px;font-weight:700;border-bottom:1px solid var(--aln-line)}
.aln-dcta{margin-top:16px;display:grid}
.aln-dcta .aln-btn{justify-self:stretch;min-height:50px;font-size:16px}

@media (max-width:1100px){.aln-hide-md{display:none}.aln-mega-in{grid-template-columns:repeat(2,minmax(0,1fr))}.aln-mfit{grid-column:1/-1}}
@media (max-width:900px){
.aln-wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.aln-header-in{min-height:64px;gap:8px}
.aln-logo img{height:24px}
.aln-nav,.aln-mycar{display:none}
.aln-burger{display:block}
.aln-chip{min-height:44px;padding:0 12px}
.aln-acct{width:44px;padding:0}
.aln-cart .aln-lbl{display:none}
.aln-announce{font-size:12px;padding:7px 12px}
}
@media (max-width:600px){.admin-bar .aln-header{top:0}}
html.aln-drawer-open{overflow:hidden}

/* Homepage: the hero's own top bar gives way to the shared header */
body.aln-on .autolior-hero-root nav[aria-label="ניווט ראשי"]{display:none!important}

/* Footer */
.aln-footer{background:var(--aln-ground);border-top:1px solid var(--aln-line)}
.aln-footer-in{padding-top:44px;padding-bottom:28px;display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px}
.aln-footer h2{margin:0 0 12px;font-size:14px;color:var(--aln-gold-hi);font-weight:600;letter-spacing:.02em}
.aln-footer ul{display:grid;gap:4px;font-size:15px}
.aln-footer ul a{display:inline-flex;align-items:center;min-height:32px}
.aln-footer ul a:hover{color:var(--aln-gold-hi)}
.aln-fcontact{display:flex;flex-wrap:wrap;gap:8px}
.aln-fbrand p{margin:12px 0 16px;color:var(--aln-muted);font-size:15px;max-width:34ch}
.aln-fbase{border-top:1px solid var(--aln-line)}
.aln-fbase .aln-wrap{padding-top:16px;padding-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--aln-muted);font-size:13px}
.aln-cookies{background:none;border:0;padding:8px 0;color:var(--aln-muted);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.aln-cookies:hover{color:var(--aln-gold-hi)}
@media (max-width:1000px){.aln-footer-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.aln-footer-in{grid-template-columns:minmax(0,1fr);gap:26px}}


/* Category page (templates/category.php) */
.xcat-main{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:24px 40px;align-items:end}
.xcat-count{margin:0;display:grid;gap:2px;text-align:left}
.xcat-count strong{font-size:64px;font-weight:900;line-height:1;letter-spacing:-.04em;color:#e2c38e;font-variant-numeric:tabular-nums}
.xcat-count span{font-size:14px;color:rgba(243,238,229,.62)}
body.autolior-site .xcat-filter .als-trim{min-width:0;flex-direction:row;align-items:center;gap:8px;border-radius:999px;padding:8px 18px}
body.autolior-site .xcat-filter .als-trim small{color:rgba(243,238,229,.62);font-variant-numeric:tabular-nums}
body.autolior-site .xcat-filter .als-trim[aria-pressed="true"]{background:#c9a46c;border-color:#c9a46c;color:#0a0a0b}
body.autolior-site .xcat-filter .als-trim[aria-pressed="true"] small{color:rgba(10,10,11,.7)}
@media (max-width:640px){
.xcat-main{grid-template-columns:minmax(0,1fr)}
.xcat-count{text-align:right;grid-auto-flow:column;justify-content:start;align-items:baseline;gap:10px}
.xcat-count strong{font-size:44px}
.xcat-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-18px;padding-inline:18px}
body.autolior-site .xcat-filter .als-trim{flex:none;white-space:nowrap}
}

/* Fitment and contact (templates/service.php) */
.xs-body{display:grid;gap:20px;padding-top:24px;padding-bottom:56px}
.xs-panel{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:2rem;padding:32px 40px}
.xs-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;max-width:860px}
.xs-form label{display:grid;gap:8px;font-weight:600;font-size:15px}
.xs-form input,.xs-form select{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#1c1c1c;color:#f3eee5;font:inherit;font-size:16px;font-weight:400}
.xs-form input::placeholder{color:rgba(243,238,229,.45)}
.xs-form input:focus,.xs-form select:focus{outline:2px solid #e2c38e;outline-offset:1px;border-color:transparent}
.xs-form .als-btn{grid-column:1/-1;justify-self:start;min-height:52px;padding:0 28px}
.xs-note{grid-column:1/-1;margin:0;font-size:14px;color:rgba(243,238,229,.62)}
.xs-contact{display:grid;gap:20px}
.xs-email{font-size:clamp(26px,4vw,44px);font-weight:900;letter-spacing:-.03em;color:#e2c38e!important;text-decoration:none;justify-self:start}
.xs-actions{display:flex;gap:10px;flex-wrap:wrap}
.xs-faq{display:grid}
.xs-faq details{border-bottom:1px solid rgba(255,255,255,.08)}
.xs-faq details:last-child{border-bottom:0}
.xs-faq summary{display:flex;align-items:center;min-height:56px;font-size:18px;font-weight:700;cursor:pointer}
.xs-faq details[open] summary{color:#e2c38e}
.xs-faq p{margin:0 0 18px;color:rgba(243,238,229,.7)}
@media (max-width:640px){.xs-panel{padding:22px 18px;border-radius:1.5rem}.xs-form{grid-template-columns:minmax(0,1fr)}.xs-form .als-btn{justify-self:stretch}}

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

/* 1.32.0 one breadcrumb for the whole site (autolior_crumbs). The doubled class beats page-scoped ol/li rules. */
.aln-crumbs.aln-crumbs ol{list-style:none;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px;font-family:"Heebo","Assistant",ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.2;margin-inline-start:-10px}
.aln-crumbs.aln-crumbs li{display:inline-flex;align-items:center;gap:2px;min-width:0;margin:0;padding:0;border:0;background:none}
.aln-crumbs.aln-crumbs li::marker{content:none}
.aln-crumbs.aln-crumbs li+li::before{content:"";flex:none;width:6px;height:6px;margin:0 6px;border-left:1.5px solid rgba(226,195,142,.6);border-bottom:1.5px solid rgba(226,195,142,.6);transform:rotate(225deg)}
.aln-crumbs.aln-crumbs a.aln-cl{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:999px;color:rgba(243,238,229,.72);text-decoration:none;white-space:nowrap;transition:color .2s,background .2s}
.aln-crumbs.aln-crumbs a.aln-cl svg{flex:none;color:#e2c38e}
.aln-crumbs.aln-crumbs a.aln-cl:hover{color:#e2c38e;background:rgba(226,195,142,.08)}
.aln-crumbs.aln-crumbs a.aln-cl:focus-visible{outline:2px solid #e2c38e;outline-offset:2px}
.aln-crumbs.aln-crumbs .aln-cc{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid rgba(226,195,142,.24);background:rgba(226,195,142,.08);color:#f3eee5;font-weight:600;max-width:min(46ch,70vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){.aln-crumbs.aln-crumbs ol{font-size:13px}.aln-crumbs.aln-crumbs a.aln-cl span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.aln-crumbs.aln-crumbs a.aln-cl{padding:0 8px}}
@media (prefers-reduced-motion:reduce){.aln-crumbs.aln-crumbs a.aln-cl{transition:none}}
/* 1.36.1 breathing room before the footer on pages whose last block ended flush on the footer line
   (home CTA, product grids, the /vehicles/ note). Pages that end in a full-bleed band (about, 404) keep it. */
body.autolior-experience-page #al-main,body.autolior-collection-page #als-main,body.autolior-category-page #als-main,body.autolior-vehicle-page #als-main:not(:has(#xv-products)){padding-bottom:clamp(56px,7vw,88px)}
/* 1.40.0 phones: the trail is one line. The current page is dropped when the H1 already names it (three or more steps),
   long trails keep only home and the parent (the way Amazon and Apple do it), and the row scrolls sideways instead of
   wrapping. The vehicle chip on product pages shortens to a car icon and the model (nav.js hides the "לכל האביזרים ל־" prefix). */
.xc-bycar .aln-veh-ic{display:none}
.xc-bycar:has(>.aln-veh-pre){gap:0}
@media (max-width:600px){
.aln-crumbs.aln-crumbs{min-width:0}
.aln-crumbs.aln-crumbs ol{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:2px}
.aln-crumbs.aln-crumbs ol::-webkit-scrollbar{display:none}
.aln-crumbs.aln-crumbs li{flex:none}
.aln-crumbs.aln-crumbs ol:has(>li:nth-child(3))>li:last-child:has(>[aria-current]){display:none}
.aln-crumbs.aln-crumbs ol:has(>li:nth-child(4))>li:not(:first-child):not(:nth-last-child(-n+2)){display:none}
.aln-crumbs.aln-crumbs ol:has(>li:nth-child(3)) a.aln-cl:not(:has(svg)){color:#f3eee5;font-weight:600}
.xv-top:has(>.aln-crumbs){flex-wrap:nowrap;gap:10px}
.xv-top>.aln-crumbs{flex:1 1 auto}
.xv-top>.xc-bycar.als-btn{flex:none;min-height:38px;padding:0 14px;font-size:13.5px;gap:6px}
.xc-bycar .aln-veh-pre{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.xc-bycar .aln-veh-ic{display:inline-block;flex:none;color:#e2c38e}
}