/* Recovered v8 visual language, mapped to operational ALZ DOM. Screen only: no PDF changes.
   Load LAST. Body: alz-v8 plus alz-v8-home/store/product/login/dealer/admin. */
@media screen {
/* One shared semantic palette. Legacy page tokens are aliases, never competing palettes. */
html:root{--alz-bg:#f8f8f4;--alz-panel:#fff;--alz-soft:#eeefe9;--alz-soft-2:#e5e8e0;--alz-ink:#232b2a;--alz-muted:#626e69;--alz-line:#d9ddd5;--alz-accent:#24635d;--alz-accent-fill:#244c47;--alz-on-accent:#fff;--alz-footer:#202727;--alz-footer-ink:#f1f3ed;--alz-footer-muted:#bac4bd}
html[data-theme=dark]:root{color-scheme:dark;--alz-bg:#111416;--alz-panel:#1b2023;--alz-soft:#242a2e;--alz-soft-2:#2b3237;--alz-ink:#f1f2ef;--alz-muted:#b4bdbb;--alz-line:#3b4448;--alz-accent:#c5b79c;--alz-accent-fill:#c5b79c;--alz-on-accent:#191c1e;--alz-footer:#0b0e10;--alz-footer-ink:#f1f2ef;--alz-footer-muted:#b4bdbb}
body.alz-v8{--porcelain:var(--alz-bg);--bg:var(--alz-bg);--panel:var(--alz-panel);--white:var(--alz-panel);--pure-white:#fff;--ink:var(--alz-ink);--muted:var(--alz-muted);--teal:var(--alz-accent);--teal-deep:var(--alz-accent-fill);--mist:var(--alz-soft-2);--mist-line:var(--alz-line);--line:var(--alz-line);background:var(--alz-bg);color:var(--alz-ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body.alz-v8 :is(h1,h2,h3){font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
body.alz-v8 :is(input,select,textarea){font-family:Arial,Helvetica,sans-serif;border-radius:0;border-color:var(--mist-line);background:var(--white);color:var(--ink)}
body.alz-v8 :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--teal);outline-offset:3px}
body.alz-v8>header,body.alz-v8 #dashboard>header{background:var(--white);color:var(--ink);border-bottom:1px solid var(--mist-line);box-shadow:none;padding-inline:4.5%;min-height:94px}
body.alz-v8 .logo-mark{object-fit:contain;width:43px;height:46px;border:0;border-radius:0;background:transparent;box-shadow:none}
body.alz-v8 .logo-text{font:700 20px/1.1 Arial,sans-serif;letter-spacing:1.5px}
body.alz-v8 .logo-text span{font-size:8px;letter-spacing:4.7px;margin-top:7px;font-weight:400}
body.alz-v8 :is(.btn,.add-btn){border-radius:0;box-shadow:none;font:12px/1.4 Arial,sans-serif;letter-spacing:.2px;min-height:44px}
body.alz-v8 .btn-primary,body.alz-v8-login .btn,body.alz-v8-admin .btn:not(.secondary){background:var(--teal-deep);color:var(--alz-on-accent);border-color:var(--teal-deep)}
body.alz-v8 :is(.btn-outline,.btn-ghost,.btn.outline,.btn.secondary){background:transparent;color:var(--ink);border:1px solid var(--mist-line)}
body.alz-v8 :is(.section-eyebrow,.hero-eyebrow){font:10px/1.6 Arial,sans-serif;letter-spacing:2.1px;text-transform:uppercase;color:var(--teal)}
body.alz-v8-home .hero{padding:0;min-height:660px;background:var(--porcelain);overflow:hidden}
body.alz-v8-home .hero-grid{display:grid;grid-template-columns:46% 54%;gap:0;max-width:none;min-height:660px;margin:0}
body.alz-v8-home .hero-grid>div:first-child{padding:66px 30px 36px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body.alz-v8-home .hero h1{font-size:clamp(44px,4.5vw,72px);line-height:1.04;letter-spacing:-.045em;max-width:660px;margin:28px 0 24px}
body.alz-v8-home .hero h1 em{color:var(--teal);font-weight:400}
body.alz-v8-home #c_hero_subtitle{font-size:13px;line-height:1.9;color:var(--muted);max-width:420px}
body.alz-v8-home .hero-stats{margin-top:36px;padding-top:24px;border-top:1px solid var(--mist-line);gap:25px;width:100%}
body.alz-v8-home .hero-stats b{font:30px Georgia,serif;color:var(--ink)}
body.alz-v8-home .hero-stats span{font-size:9px;color:var(--muted);letter-spacing:1px}
body.alz-v8-home .hero-visual{min-height:660px;border:0;border-radius:0;background:linear-gradient(119deg,var(--alz-soft),var(--alz-soft-2));box-shadow:none;isolation:isolate;overflow:hidden}
body.alz-v8-home .hero-visual:before{content:'';position:absolute;inset:-20%;background:linear-gradient(69deg,transparent 28%,#ffffff69 28.2%,transparent 28.6%,transparent 65%,#81907020 65.2%,transparent 65.5%);pointer-events:none;z-index:0}
body.alz-v8-home .side-banner{border-radius:0;box-shadow:none}
body.alz-v8-home .side-banner-slide img,body.alz-v8-home #c_hero_image{object-fit:contain;max-height:590px;width:100%;filter:drop-shadow(5px 30px 18px #37432c20)}
body.alz-v8-home .cta-strip{background:var(--white);color:var(--ink);border-block:1px solid var(--mist-line);padding:25px 4.5%;gap:24px}
body.alz-v8-home .cta-strip p{font:20px/1.4 Georgia,serif}
body.alz-v8-home .section-pad{max-width:1440px;padding:80px 6.7%;margin:auto}
body.alz-v8-home .about-section,body.alz-v8-home .trust-section{background:var(--porcelain);border-top:1px solid var(--mist-line)}
body.alz-v8-home .about-grid{grid-template-columns:1fr 1fr;gap:8%}
body.alz-v8-home .about-text h2,body.alz-v8-home .section-head h2{font-size:clamp(38px,4vw,60px);line-height:1.12}
body.alz-v8-home .about-text p{font-size:13px;line-height:1.9;color:var(--muted)}
body.alz-v8-home .about-visual{background:var(--alz-soft);border-radius:0;box-shadow:none}
body.alz-v8-home .trust-card{border:0;border-top:1px solid var(--mist-line);border-radius:0;background:transparent;box-shadow:none;padding:28px 8px}
body.alz-v8-home .trust-card h3{font-size:25px}
body.alz-v8-home .contact-section{background:var(--porcelain);color:var(--ink)}
body.alz-v8-home .contact-form{background:var(--white);border:1px solid var(--mist-line);border-radius:0;box-shadow:none}
/* Added editorial sections: data must be supplied by operational readers, never preview state. */
body.alz-v8 .v8-section{padding:80px 6.7%;max-width:1600px;margin:auto}
body.alz-v8 .v8-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}
body.alz-v8 .v8-section-head h2{font-size:clamp(38px,4.2vw,63px);line-height:1.13;margin:14px 0 0}
body.alz-v8 .v8-kicker{font:10px/1.6 Arial,sans-serif;letter-spacing:2px;color:var(--teal);text-transform:uppercase}
body.alz-v8 .v8-section-head>a{font-size:12px;border-bottom:1px solid var(--mist-line);padding-bottom:12px;white-space:nowrap}
body.alz-v8 .v8-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.alz-v8 .v8-collection{display:flex;flex-direction:column;background:var(--alz-soft);padding:0;color:var(--ink);text-decoration:none;overflow:hidden}
body.alz-v8 .v8-collection:nth-child(2){background:var(--alz-soft)}body.alz-v8 .v8-collection:nth-child(3){background:var(--alz-soft)}
body.alz-v8 .v8-collection img{display:block;height:230px;width:100%;object-fit:contain;margin:12px 0 22px}
body.alz-v8 .v8-collection h3{font-size:26px;margin:0 0 20px}
body.alz-v8 .v8-collection span{font:10px Arial,sans-serif;letter-spacing:1px;border-top:1px solid #9aa39a55;padding-top:18px}
body.alz-v8 .v8-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 23px}
body.alz-v8 .v8-featured a{text-decoration:none;color:var(--ink);min-width:0}
body.alz-v8 .v8-featured img{width:100%;aspect-ratio:1.21;object-fit:contain;background:var(--alz-soft);display:block}
body.alz-v8 .v8-featured h3{font-size:23px;margin:14px 0 7px}
body.alz-v8 .v8-featured small{font-size:9px;letter-spacing:1px;color:var(--muted)}
body.alz-v8 .v8-trade{display:grid;grid-template-columns:53% 47%;background:var(--alz-soft-2);color:var(--ink);min-height:420px}
body.alz-v8 .v8-trade-copy{padding:64px 10% 64px 12%}body.alz-v8 .v8-trade h2{font-size:clamp(40px,4.7vw,68px);line-height:1.1;margin:20px 0}
body.alz-v8 .v8-trade p{font-size:13px;line-height:1.9;color:var(--muted)}body.alz-v8 .v8-trade .btn{display:inline-flex;margin-top:24px;background:var(--teal-deep);color:var(--alz-on-accent);padding:16px 24px}
body.alz-v8 .v8-trade-art{background:var(--alz-soft);display:grid;place-items:center;padding:48px}body.alz-v8 .v8-trade-art img{max-width:90%;max-height:300px;object-fit:contain}
/* Collection and detail screens preserve all controls, qty units and stock rules. */
body.alz-v8-store .page-head{padding:54px 6.7% 35px;background:var(--porcelain);border-bottom:1px solid var(--mist-line)}
body.alz-v8-store .page-head h1{font-size:clamp(40px,5vw,68px);line-height:1.12}
body.alz-v8-store .products-section{max-width:1500px;padding-inline:6.7%}
body.alz-v8-store .grid{gap:28px 23px}
body.alz-v8-store :is(.card,.series-square){border:1px solid var(--mist-line);border-radius:0;box-shadow:none;background:var(--white);overflow:hidden}
body.alz-v8-store .sq-media{background:var(--alz-soft)}body.alz-v8-store .sq-title{font:26px Georgia,serif}
body.alz-v8-store .card-body{padding:20px}body.alz-v8-store .card-body h3{font-size:24px}
body.alz-v8-store :is(.card-code,.card-series-tag){font-size:10px;letter-spacing:1px;color:var(--muted)}
body.alz-v8-store :is(.drawer,.modal,.side-flyout){background:var(--white);border-radius:0;color:var(--ink)}
body.alz-v8-store .dealer-banner{background:var(--alz-soft);color:var(--ink)}
body.alz-v8-product .detail-wrap{gap:6%;max-width:1400px;padding:55px 6.7%}
body.alz-v8-product .detail-media{border-radius:0;box-shadow:none;background:var(--alz-soft)}
body.alz-v8-product .detail-name{font-size:clamp(35px,4vw,56px);line-height:1.12}
body.alz-v8-product .rcard{border-radius:0;box-shadow:none;border:1px solid var(--mist-line);background:var(--white)}
/* Login split panel uses existing form untouched plus the optional visual section. */
body.alz-v8-login>.wrap{max-width:none;width:100%;min-height:calc(100dvh - 94px);padding:0;display:grid;grid-template-columns:52% 48%;align-items:stretch}
body.alz-v8-login .box{width:100%;max-width:620px;border:0;box-shadow:none;background:var(--porcelain);border-radius:0;padding:70px 12%;margin:auto}
body.alz-v8-login .box h1{font-size:48px;line-height:1.1}
body.alz-v8-login .v8-login-art{background:var(--alz-soft);color:var(--ink);padding:66px 11%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
body.alz-v8-login .v8-login-art h2{font-size:clamp(42px,4.8vw,70px);line-height:1.08;margin:25px 0}
body.alz-v8-login .v8-login-art img{width:125%;max-width:none;margin:30px -12%;object-fit:contain}
body.alz-v8-login .v8-login-art p{font-size:13px;line-height:1.8;color:var(--muted)}
body.alz-v8-dealer>.wrap{max-width:1380px;padding:45px 5%}
body.alz-v8-dealer :is(.panel,.login-gate){background:var(--white);border:1px solid var(--mist-line);border-radius:0;box-shadow:none;padding:28px}
body.alz-v8-dealer .page-head h1{font-size:45px}body.alz-v8-dealer .quote-item{border-color:var(--mist-line);border-radius:0}
body.alz-v8-dealer .qi-thumb{background:var(--alz-soft);border-radius:0}
/* Real admin uses existing .tabs/data-tab; desktop relocation is purely visual. */
body.alz-v8-admin #dashboard>header{position:relative;height:94px}
body.alz-v8-admin #dashboard>.tabs{position:absolute;top:94px;left:0;bottom:0;width:222px;min-height:calc(100vh - 94px);display:flex;flex-direction:column;align-items:stretch;background:var(--white);border-right:1px solid var(--mist-line);padding:26px 18px;gap:7px;overflow:visible}
body.alz-v8-admin #dashboard>.tabs .tab{padding:13px 16px;border:0;border-radius:0;color:var(--muted);font-size:12px;text-align:left;white-space:normal}
body.alz-v8-admin #dashboard>.tabs .tab.active{background:var(--alz-soft);color:var(--ink);border-left:2px solid var(--teal)}
body.alz-v8-admin #dashboard>main{margin-left:222px;max-width:none;padding:35px;min-width:0}
body.alz-v8-admin .panel{background:var(--white);border:1px solid var(--mist-line);padding:24px;overflow-x:auto}
body.alz-v8-admin .stat-card{border-radius:0;box-shadow:none;border:1px solid var(--mist-line);background:var(--white)}
body.alz-v8-admin .stat-card b{font-family:Georgia,serif;font-size:35px}
body.alz-v8-admin table{background:var(--white);font-size:12px}body.alz-v8-admin th{background:var(--alz-soft);color:var(--muted);font-size:10px;letter-spacing:1px}
body.alz-v8-admin :is(td,th){border-color:var(--mist-line);padding:14px 12px}
body.alz-v8-admin .modal-box,body.alz-v8-admin .login-box{background:var(--white);border:1px solid var(--mist-line);border-radius:0;box-shadow:0 12px 60px #24343112}
@media(max-width:1100px){body.alz-v8>header{padding-inline:3%;gap:15px}body.alz-v8-home #mainNav{gap:15px}body.alz-v8-home .hero h1{font-size:58px}body.alz-v8-admin #dashboard>.tabs{width:185px}body.alz-v8-admin #dashboard>main{margin-left:185px;padding:24px}}
@media(max-width:800px){body.alz-v8>header{min-height:78px}body.alz-v8-home .hero-grid{min-height:540px}body.alz-v8-home .hero-visual{min-height:540px}body.alz-v8-home .hero h1{font-size:48px}body.alz-v8-home .hero-grid>div:first-child{padding:45px 7%}body.alz-v8-home .section-pad,body.alz-v8 .v8-section{padding:55px 5%}body.alz-v8 .v8-collections{gap:12px}body.alz-v8 .v8-collection{padding:18px}body.alz-v8 .v8-collection img{height:180px}body.alz-v8-login>.wrap{grid-template-columns:1fr 1fr}body.alz-v8-login .box{padding:45px 8%}body.alz-v8-login .v8-login-art{padding:40px 8%}body.alz-v8-admin #dashboard>.tabs{position:static;width:100%;min-height:0;flex-direction:row;overflow-x:auto;padding:12px;gap:3px}body.alz-v8-admin #dashboard>.tabs .tab{white-space:nowrap;flex-shrink:0}body.alz-v8-admin #dashboard>main{margin-left:0;padding:20px}body.alz-v8-admin .panel{padding:16px}}
@media(max-width:600px){body.alz-v8 .logo-text{font-size:15px}body.alz-v8 .logo-mark{width:32px;height:35px}body.alz-v8 .logo-text span{font-size:6px;letter-spacing:3.3px}body.alz-v8-home .hero-grid{grid-template-columns:1fr;min-height:auto}body.alz-v8-home .hero-grid>div:first-child{padding:40px 7%}body.alz-v8-home .hero h1{font-size:55px}body.alz-v8-home .hero-visual{min-height:340px;max-height:400px}body.alz-v8-home .hero-stats{margin-top:25px}body.alz-v8-home .about-grid{grid-template-columns:1fr;gap:35px}body.alz-v8 .v8-section-head{align-items:start;flex-direction:column;gap:18px}body.alz-v8 .v8-collections{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}body.alz-v8 .v8-collection{min-width:84%;scroll-snap-align:start;padding:24px}body.alz-v8 .v8-collection img{height:230px}body.alz-v8 .v8-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}body.alz-v8 .v8-featured h3{font-size:20px}body.alz-v8 .v8-trade{grid-template-columns:1fr}body.alz-v8 .v8-trade-copy{padding:44px 7%}body.alz-v8 .v8-trade-art{padding:35px}body.alz-v8-login>.wrap{grid-template-columns:1fr}body.alz-v8-login .v8-login-art{padding:32px 7%;min-height:260px}body.alz-v8-login .v8-login-art h2{font-size:38px;margin:15px 0}body.alz-v8-login .v8-login-art img{width:70%;margin:0 0 0 auto;max-height:150px}body.alz-v8-login .v8-login-art>p:last-child{display:none}body.alz-v8-login .box{max-width:none;padding:38px 7%}body.alz-v8-login .box h1{font-size:39px}body.alz-v8-dealer>.wrap{padding:28px 4%}body.alz-v8-dealer .panel{padding:18px}body.alz-v8-store .products-section{padding-inline:5%}body.alz-v8-store .grid{gap:15px}body.alz-v8-store .card-body{padding:13px}body.alz-v8-store .card-body h3{font-size:20px}body.alz-v8-product .detail-wrap{padding:30px 5%}}
@media(prefers-reduced-motion:reduce){body.alz-v8 *,body.alz-v8 *:before,body.alz-v8 *:after{scroll-behavior:auto;transition:none!important;animation:none!important}}
}
/* Integration review: the operational hero uses CSS-background slides. */
@media screen {
body.alz-v8-home .hero{color:var(--ink)}
body.alz-v8-home .hero-visual{position:relative;align-items:center}
body.alz-v8-home .side-banner{max-width:none;width:100%;aspect-ratio:auto;height:100%;min-height:inherit;align-self:stretch}
body.alz-v8-home .side-banner-slide{background-size:contain;filter:drop-shadow(5px 30px 18px #37432c20)}
@media(prefers-reduced-motion:reduce){body.alz-v8-home .side-banner-slide:first-child{opacity:1!important}body.alz-v8-home .side-banner-slide:not(:first-child){opacity:0!important}}
}
@media screen {
body.alz-v8-admin #dashboard{position:relative;min-height:100dvh}
body.alz-v8-admin .btn.danger{background:var(--maroon);border-color:var(--maroon);color:#fff}
body.alz-v8-admin .stat-card .num{font-family:Georgia,serif;font-size:35px}
body.alz-v8-login>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px}
body.alz-v8-login>header .logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
body.alz-v8-login>header .logo-text span{display:block}
}
@media screen {
html[data-theme="dark"] body.alz-v8-login .btn:not(.outline),html[data-theme="dark"] body.alz-v8-dealer .btn:not(.outline){background:var(--teal-deep);color:var(--alz-on-accent)}
}

@media screen {body.alz-v8-store .page-head,body.alz-v8-store .page-head h1{color:var(--ink)}body.alz-v8-store .page-head p{color:var(--muted)}}

@media screen and (max-width:600px){body.alz-v8-home .hero-grid{grid-template-columns:minmax(0,1fr)}body.alz-v8-home .hero-grid>div{min-width:0}body.alz-v8-home .hero h1{font-size:clamp(34px,9.5vw,44px);overflow-wrap:anywhere;max-width:100%}}

@media screen and (min-width:900px) and (max-width:1280px){body.alz-v8-home #mainNav{gap:16px}body.alz-v8-home>header>div:last-child{flex-shrink:0}body.alz-v8-home #mainNav>a{white-space:nowrap}}

@media screen{body.alz-v8-home{overflow-x:clip}}

@media screen{body.alz-v8-login>header>.btn{width:auto;min-width:0;flex:none;padding:12px 18px;text-decoration:none}}

@media screen and (max-width:600px){body.alz-v8-home .about-visual.reveal-right{transform:none}}

/* Visual revision: consistent surfaces, legible hierarchy and full-width collection layout. */
@media screen {
body.alz-v8 :is(.trust-section h2,.trust-section h3,.trust-section .section-eyebrow){color:var(--ink)}
body.alz-v8 .trust-section .section-head{border-color:var(--mist-line)}
body.alz-v8 footer{background:var(--alz-footer);color:var(--alz-footer-ink);border-top:1px solid var(--alz-line)}
body.alz-v8 footer :is(.logo-text,h4){color:var(--alz-footer-ink)}
body.alz-v8 footer :is(.logo-text span,p,a,.footer-bottom){color:var(--alz-footer-muted)}
body.alz-v8 footer a:hover{color:var(--alz-footer-ink)}
body.alz-v8 footer .footer-bottom{border-color:#ffffff25}
body.alz-v8 .v8-collections{gap:24px;align-items:stretch}
body.alz-v8 .v8-collection{padding:0;border:1px solid var(--mist-line);transition:transform .22s,box-shadow .22s;background:var(--white)}
body.alz-v8 .v8-collection:nth-child(n){background:var(--white)}
body.alz-v8 .v8-collection img{height:auto;aspect-ratio:4/5;object-fit:contain;margin:0;background:var(--alz-soft)}
body.alz-v8 .v8-collection h3{margin:22px 24px 16px;font-size:28px}
body.alz-v8 .v8-collection span{margin:0 24px 22px;border-color:var(--mist-line);padding-top:15px;color:var(--muted)}
body.alz-v8 .v8-collection:hover{transform:translateY(-4px);box-shadow:0 15px 28px #00000012}
body.alz-v8-store :is(.products-section,.filters-wrap,.campaign-section){width:100%;max-width:1500px;margin-inline:auto}
body.alz-v8-store #seriesGridList{width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:24px!important}
body.alz-v8-store .series-square{display:flex;flex-direction:column;border:1px solid var(--mist-line);background:var(--white);max-width:none}
body.alz-v8-store .sq-media{aspect-ratio:4/5;background:var(--alz-soft);flex:none}
body.alz-v8-store .sq-media img{object-fit:contain;transform:none}
body.alz-v8-store .sq-media:after{display:none}
body.alz-v8-store .series-square:hover .sq-media img{transform:none}
body.alz-v8-store .sq-body{position:static;padding:22px;gap:16px;align-items:center;background:var(--white);border-top:1px solid var(--mist-line)}
body.alz-v8-store .sq-title{font-size:26px;line-height:1.15;color:var(--ink);text-shadow:none}
body.alz-v8-store .sq-count{font-size:11px;color:var(--muted)}
body.alz-v8 :is(.card-media,.rcard-media,.detail-media,.cart-item-media,.qi-thumb){background:var(--alz-soft)}
body.alz-v8 :is(.drawer,.modal,.side-flyout,.search-results,.order-card,.welcome-box){background:var(--white);color:var(--ink);border-color:var(--mist-line)}
body.alz-v8 :is(.drawer-head,.drawer-footer,.order-card-head,.card-head,.card-header){background:var(--alz-panel);color:var(--ink);border-color:var(--mist-line)}
body.alz-v8 .dealer-banner{background:var(--alz-soft);color:var(--ink);border-block:1px solid var(--mist-line)}
body.alz-v8 .dealer-banner a{color:var(--ink)}
html[data-theme=dark] body.alz-v8 :is(.campaign-section,.page-head,.trust-section,.contact-section,.about-section){background:var(--alz-bg);color:var(--ink)}
html[data-theme=dark] body.alz-v8 :is(.v8-trade,.v8-trade-art,.v8-login-art,.contact-info-card,.hero-visual,.about-visual){background:var(--alz-soft);color:var(--ink)}
html[data-theme=dark] body.alz-v8 .hero-visual:before{opacity:.18}
html[data-theme=dark] body.alz-v8 .card-peek{background:linear-gradient(0deg,#111416e6,transparent)}
html[data-theme=dark] body.alz-v8 :is(.btn-primary,.btn.primary,.add-btn,.btn:not(.outline):not(.secondary):not(.btn-outline):not(.btn-ghost):not(.danger)){background:var(--alz-accent-fill);color:var(--alz-on-accent);border-color:var(--alz-accent-fill)}
html[data-theme=dark] body.alz-v8 :is(.btn-outline,.btn.outline,.btn.secondary,.btn-ghost,.icon-btn){background:transparent;color:var(--ink);border-color:var(--mist-line)}
@media(max-width:700px){body.alz-v8-store #seriesGridList{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}body.alz-v8-store .sq-body{padding:15px 12px;align-items:flex-start;flex-direction:column;gap:7px}body.alz-v8-store .sq-title{font-size:22px}body.alz-v8 .v8-collections{display:grid;grid-template-columns:1fr;overflow:visible;padding:0;gap:22px}body.alz-v8 .v8-collection{min-width:0;padding:0}body.alz-v8 .v8-collection img{height:auto;aspect-ratio:4/5}body.alz-v8 .v8-collection h3{margin:20px 22px 14px}body.alz-v8 .v8-collection span{margin:0 22px 20px}}
@media(max-width:370px){body.alz-v8-store #seriesGridList{grid-template-columns:1fr!important}}
}

@media screen{body.alz-v8 .v8-collection span:after,body.alz-v8 .v8-section-head>a:after{content:"";display:inline-block;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin-left:12px;vertical-align:1px}body.alz-v8-home .hero h1{overflow-wrap:anywhere}}

/* Compact browsing system: hierarchy and density without scaling the page or cropping media. */
@media screen {
body.alz-v8{--alz-section-space:38px;--alz-card-gap:14px}
body.alz-v8-store .card{border-radius:8px;box-shadow:0 2px 6px #00000004}
body.alz-v8-store .card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000012}
body.alz-v8-store .card-media{aspect-ratio:4/3.2;border-bottom:1px solid var(--mist-line)}
body.alz-v8-store .card-media img{object-fit:contain!important}
body.alz-v8-store .card:hover .card-media img{transform:none}
body.alz-v8-store .card-body{padding:14px 15px;gap:6px}
body.alz-v8-store .card-body h3{font:600 17px/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:0;color:var(--ink)}
body.alz-v8-store .card-code{font-size:11px;line-height:1.5;letter-spacing:.2px}
body.alz-v8-store :is(.card-box-qty,.card-stock-hint){font-size:11px;line-height:1.4}
body.alz-v8-store .card-series-tag{font-size:9px;line-height:1.4;letter-spacing:.5px;background:var(--alz-panel);color:var(--ink);border:1px solid var(--mist-line);border-radius:3px;padding:4px 7px}
body.alz-v8-store .card-price-row{padding-top:9px;border-top:1px solid var(--mist-line)}
body.alz-v8-store .card-price{font-size:17px}
body.alz-v8-store .series-square{border-radius:8px}
body.alz-v8-store .series-square:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 8px 24px #00000014}
body.alz-v8-store .sq-media{aspect-ratio:1/1}
body.alz-v8-store .sq-body{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto auto;gap:6px 12px;align-items:center;padding:16px 17px}
body.alz-v8-store .sq-title{font:600 16px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.02em;grid-column:1;overflow-wrap:anywhere}
body.alz-v8-store .sq-count{font-size:11px;grid-column:1;grid-row:2}
body.alz-v8-store .sq-body:after{content:'';grid-column:2;grid-row:1/3;justify-self:center;width:8px;height:8px;border-top:1px solid var(--ink);border-right:1px solid var(--ink);transform:rotate(45deg)}
body.alz-v8 .v8-collection{border-radius:8px}
body.alz-v8 .v8-collection img{aspect-ratio:1/1}
body.alz-v8 .v8-collection h3{font-size:23px;margin:18px 20px 12px}
body.alz-v8 .v8-collection span{margin:0 20px 18px;padding-top:12px}
body.alz-v8 .v8-featured h3{font:600 17px/1.4 Arial,Helvetica,sans-serif;letter-spacing:-.02em}
body.alz-v8 .v8-featured img{aspect-ratio:1/1;border:1px solid var(--mist-line);border-radius:6px}
body.alz-v8 .v8-featured small{font-size:10px;letter-spacing:.4px}
}
@media screen and (min-width:801px){
body.alz-v8>header,body.alz-v8 #dashboard>header{min-height:68px;padding-block:8px}
body.alz-v8 .logo-mark{width:32px;height:36px}
body.alz-v8 .logo-text{font-size:16px;letter-spacing:1.1px}
body.alz-v8 .logo-text span{font-size:7px;letter-spacing:4.1px;margin-top:6px}
body.alz-v8-home .hero,body.alz-v8-home .hero-grid,body.alz-v8-home .hero-visual{min-height:420px}
body.alz-v8-home .hero-grid>div:first-child{padding-top:26px;padding-bottom:24px}
body.alz-v8-home .hero h1{font-size:clamp(34px,2.8vw,44px);line-height:1.06;margin:16px 0}
body.alz-v8-home .hero-stats{margin-top:18px;padding-top:14px;gap:18px}
body.alz-v8-home .hero-stats b{font-size:23px}
body.alz-v8-home .side-banner-slide img,body.alz-v8-home #c_hero_image{max-height:390px}
body.alz-v8-home .cta-strip{padding-block:13px}
body.alz-v8-home .cta-strip p{font-size:16px}
body.alz-v8-home .section-pad,body.alz-v8 .v8-section{padding-block:var(--alz-section-space);max-width:1240px}
body.alz-v8-home .about-text h2,body.alz-v8-home .section-head h2,body.alz-v8 .v8-section-head h2{font-size:clamp(30px,2.5vw,38px)}
body.alz-v8 .v8-section-head{margin-bottom:20px;gap:18px}
body.alz-v8 .v8-collections{gap:20px}
body.alz-v8 .v8-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}
body.alz-v8 .v8-featured img{aspect-ratio:4/3.2;max-height:210px}
body.alz-v8-home .trust-card{padding:16px 8px}
body.alz-v8-home .trust-card h3{font-size:20px}
body.alz-v8 .v8-trade{min-height:280px}
body.alz-v8 .v8-trade-copy{padding-block:32px}
body.alz-v8 .v8-trade h2{font-size:clamp(30px,2.8vw,40px)}
body.alz-v8 .v8-trade-art{padding:32px}
body.alz-v8 .v8-trade-art img{max-height:210px}
body.alz-v8 footer{padding-top:28px;padding-bottom:18px}
body.alz-v8-store .page-head{padding-top:22px;padding-bottom:20px}
body.alz-v8-store .page-head h1{font-size:clamp(30px,2.7vw,38px)}
body.alz-v8-store .filters-wrap{padding-top:16px}
body.alz-v8-store .grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px 14px}
body.alz-v8-store #seriesGridList{grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr))!important;gap:14px!important}
body.alz-v8-store .campaign-scroll .card{flex-basis:180px}
body.alz-v8-store .products-section{padding-bottom:36px}
body.alz-v8-product .detail-wrap{max-width:1100px;padding-top:28px;padding-bottom:28px;gap:5%}
body.alz-v8-product .detail-name{font-size:clamp(28px,2.7vw,38px)}
body.alz-v8-login>.wrap{min-height:calc(100dvh - 68px)}
body.alz-v8-login .box{padding:30px 9%;max-width:480px}
body.alz-v8-login .box h1{font-size:32px}
body.alz-v8-login .v8-login-art{padding:30px 9%}
body.alz-v8-login .v8-login-art h2{font-size:clamp(30px,2.8vw,42px);margin:20px 0}
body.alz-v8-login .v8-login-art img{width:100%;max-height:250px;margin:20px 0}
body.alz-v8-dealer>.wrap{max-width:1160px;padding:24px 4%}
body.alz-v8-dealer .page-head h1{font-size:28px}
body.alz-v8-dealer :is(.panel,.login-gate){padding:18px}
body.alz-v8-admin #dashboard>header{height:68px}
body.alz-v8-admin #dashboard>.tabs{top:68px;min-height:calc(100vh - 68px);padding-top:16px}
body.alz-v8-admin #dashboard>main{padding:16px}
body.alz-v8-admin .panel{padding:16px}
body.alz-v8-admin .stat-card .num{font-size:28px}
body.alz-v8-admin :is(td,th){padding:9px 10px}
}
@media screen and (max-width:800px){
body.alz-v8 .v8-section,body.alz-v8-home .section-pad{padding-block:42px}
body.alz-v8 .v8-section-head h2{font-size:34px}
body.alz-v8 .v8-collection img{aspect-ratio:1/1}
body.alz-v8-store .page-head{padding-top:30px;padding-bottom:25px}
body.alz-v8-store .page-head h1{font-size:38px}
body.alz-v8-store .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.alz-v8-store .card-body{padding:12px}
body.alz-v8-store .card-body h3{font-size:16px}
body.alz-v8-store .sq-title{font-size:15px}
body.alz-v8-store .sq-body{padding:13px 12px;gap:5px 8px;grid-template-columns:minmax(0,1fr) 14px}
body.alz-v8-store .campaign-scroll .card{flex-basis:190px}
}
/* Keep the catalog's hierarchy Back reachable while its right-hand picker is open. */
@media screen and (min-width:801px){body.alz-v8-store :is(.side-overlay,.side-flyout){top:68px}}
@media screen and (max-width:800px){body.alz-v8-store :is(.side-overlay,.side-flyout){top:78px}}

/* Denser desktop page rhythm; mobile and printed documents retain their dimensions. */
@media screen and (min-width:801px){
body.alz-v8-home .hero-grid{max-width:1360px;margin-inline:auto}
body.alz-v8-home .hero-grid>div:first-child{padding-left:8%;padding-right:26px}
body.alz-v8-home .hero-visual{height:420px}
body.alz-v8-home .side-banner{min-height:420px;height:420px}
body.alz-v8-home .hero-stats{max-width:420px}
body.alz-v8-home .v8-collection img{max-height:230px}
body.alz-v8-home .about-visual{max-height:340px}
body.alz-v8-home .about-visual img{max-height:340px;object-fit:contain}
body.alz-v8-store :is(.products-section,.filters-wrap,.campaign-section){max-width:1360px;padding-inline:4%}
body.alz-v8-store .page-head p{margin-top:10px;line-height:1.6}
body.alz-v8-store .campaign-section{padding-top:20px;padding-bottom:22px}
body.alz-v8-store .campaign-head{margin-bottom:14px}
body.alz-v8-store .card-body{padding:11px 12px}
body.alz-v8-store .card-body h3{font-size:15px}
body.alz-v8-store .sq-body{padding:12px 13px;gap:4px 8px}
body.alz-v8-store .sq-title{font-size:14px}
body.alz-v8-login>.wrap{max-width:1160px;margin-inline:auto;min-height:600px}
body.alz-v8-login .v8-login-art{min-height:600px}
body.alz-v8-login .box{align-self:center}
body.alz-v8-admin #dashboard>.tabs{width:200px}
body.alz-v8-admin #dashboard>main{margin-left:200px}
}
@media screen and (min-width:1100px){body.alz-v8-store #seriesGridList,body.alz-v8-store .grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media screen and (min-width:1600px){body.alz-v8-store #seriesGridList,body.alz-v8-store .grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media screen and (min-width:801px){
body.alz-v8-dealer .page-head{padding-block:20px 8px}
body.alz-v8-dealer .page-head h1{font-size:30px}
body.alz-v8-dealer>.wrap{padding:18px 5% 30px;max-width:1280px}
body.alz-v8-dealer .grid-2{gap:16px}
body.alz-v8-dealer .grid-2>div:first-child{top:76px}
body.alz-v8-dealer :is(.panel,.login-gate){padding:16px}
body.alz-v8-dealer .panel{margin-bottom:12px}
body.alz-v8-dealer .panel h3{margin-bottom:9px}
body.alz-v8-dealer .field{margin-bottom:9px}
body.alz-v8-dealer .field label{margin-bottom:4px}
body.alz-v8-dealer :is(.field input,.search-box>input){font-size:14px;padding:8px 10px;width:100%}
body.alz-v8-dealer :is(.btn,.btn.small){min-height:36px;padding:7px 12px}
body.alz-v8-dealer .quote-item{gap:8px;padding-block:6px}
body.alz-v8-dealer :is(.qi-price-input,.qi-qty,.qi-note-input){font-size:14px}
body.alz-v8-dealer .quote-footer{padding-top:11px;gap:9px}
body.alz-v8-dealer .order-card{padding:14px 16px;margin-bottom:10px}
body.alz-v8-dealer .order-foot{margin-top:9px;padding-top:9px}
body.alz-v8-dealer :is(.empty-state,.skeleton,.success-box){padding:28px 16px}
body.alz-v8-admin #dashboard>.tabs{width:200px;padding:16px 12px;gap:3px}
body.alz-v8-admin #dashboard>.tabs .tab{padding:10px 12px}
body.alz-v8-admin .stats-row{gap:10px;margin-bottom:16px}
body.alz-v8-admin .stat-card{padding:12px 14px}
body.alz-v8-admin .stat-card .num{font-size:26px}
body.alz-v8-admin :is(td,th){padding:8px 10px}
body.alz-v8-admin .toolbar{margin-bottom:12px;gap:8px}
body.alz-v8-admin .btn{min-height:36px;padding:7px 12px}
body.alz-v8-admin .btn.small{min-height:34px;padding:6px 10px}
body.alz-v8-admin :is(.field input,.field select,.field textarea){font-size:14px;padding:8px 10px}
body.alz-v8-admin .modal-box{padding:22px}
body.alz-v8-admin .login-box{padding:28px}
body.alz-v8-admin #panel-catalog{margin:0}
}
@media screen and (min-width:901px){
body.alz-v8-admin #panel-catalog .ke-sidebar{width:230px;flex-basis:230px;padding:16px 12px;gap:10px}
body.alz-v8-admin #panel-catalog .ke-main{padding:18px}
body.alz-v8-admin #panel-catalog .ke-pagehead,body.alz-v8-admin #panel-catalog .ke-series-card{margin-bottom:16px}
}
@media screen and (min-width:801px){
body.alz-v8-home .hero-eyebrow{margin-bottom:0}
body.alz-v8-home #c_hero_subtitle{margin-top:8px;line-height:1.7;max-width:460px}
body.alz-v8-home .hero-grid>div:first-child>.btn{margin-top:18px!important;min-height:44px;padding:12px 20px}
}

/* Preserve status semantics and compact typography; improve dark-mode readability only. */
[data-theme="dark"] body.alz-v8-store .card-stock-hint.low,
[data-theme="dark"] body.alz-v8-store .card-stock-hint.out{color:#f1a6b0}

/* Navigation arrows keep generous hit areas without boxed decoration. */
body.alz-v8 #backBtn,
html[data-theme=dark] body.alz-v8 #backBtn{
  background:transparent;border-color:transparent;box-shadow:none;
  min-width:44px;min-height:44px;
}
body.alz-v8 #backBtn:hover{background:transparent;border-color:transparent;box-shadow:none;color:var(--brand,var(--ink))}
body.alz-v8 #backBtn:focus-visible{outline:2px solid currentColor;outline-offset:2px}