@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b2345;--navy2:#061a34;--deep:#071527;--blue:#065cc7;--bright:#0c78e9;--sky:#eaf4ff;--steel:#6d7b8b;--ink:#14243b;--muted:#607084;--paper:#fff;--fog:#f3f7fa;--stroke:#dce4ee;--shadow:0 28px 75px rgba(6,26,52,.14);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #54a2fa;outline-offset:3px}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.045em;line-height:1.09}p{line-height:1.7}.container{width:min(1240px,calc(100% - 64px));margin:0 auto}.icon{width:20px;height:20px;flex-shrink:0}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:10px;z-index:500;background:#fff;padding:12px}.skip-link:focus{top:10px}
.utility{height:36px;background:#071c38;color:#d5e2f2;font-size:10px;font-weight:800;letter-spacing:.13em}.utility-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.utility-inner>span{display:flex;align-items:center;gap:12px}.utility i{width:3px;height:3px;background:#55b4fd;border-radius:50%}.utility-inner>div{display:flex;align-items:center;gap:14px;letter-spacing:.04em;text-transform:uppercase}.utility a:hover{color:#fff}.utility-dot{opacity:.5}.site-header{height:89px;background:rgba(255,255,255,.97);border-bottom:1px solid #e7eaf0;z-index:100;position:sticky;top:0;box-shadow:0 6px 30px rgba(0,0,0,.025)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:22px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:208px;flex-shrink:0;position:relative}.brand img{width:208px;height:65px;object-fit:contain;object-position:left center;margin-top:-4px}.brand-caption{font-size:9px;letter-spacing:.19em;font-weight:800;position:absolute;left:18px;bottom:-1px;color:#415b7d}.desktop-nav{display:flex;align-items:center;gap:22px;height:100%}.nav-link{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:800;color:#29405d;height:100%;position:relative}.nav-link:after{content:'';position:absolute;height:3px;background:var(--blue);left:0;right:100%;bottom:0;transition:right .2s}.nav-link:hover,.nav-link.active{color:var(--blue)}.nav-link.active:after,.nav-link:hover:after{right:0}.nav-actions{display:flex;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;padding:14px 22px;line-height:1.2;font-weight:800;font-size:13px;border-radius:8px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px}.btn-primary{color:white;background:linear-gradient(110deg,var(--blue),#0a80fa);box-shadow:0 10px 20px rgba(6,92,199,.18)}.btn-primary:hover{box-shadow:0 14px 26px rgba(6,92,199,.3)}.btn-sm{font-size:11px;padding:12px 14px}.btn-large{padding:18px 23px}.btn-full{width:100%}.btn-outline-light{border-color:#91abc3;color:white;background:rgba(1,16,34,.13)}.btn-white{background:white;color:var(--navy)}.btn-ghost-white{color:#fff;border-color:rgba(255,255,255,.5)}.btn-muted{background:#eef3f8;color:#1c3f65}.btn-dark{background:var(--navy);color:#fff}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);padding:8px}.mobile-nav{display:none}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:.22em;color:var(--blue);text-transform:uppercase;margin-bottom:19px}.eyebrow-light{color:#9dcdfb}.section{padding:102px 0}.section-muted{background:#f2f6fa}.section-heading{margin-bottom:38px}.section-heading h2{font-size:clamp(30px,4vw,51px);font-weight:800;color:var(--navy)}.section-heading.center{text-align:center;max-width:700px;margin:0 auto 54px}.section-intro{margin-top:20px;font-size:16px;color:var(--muted);max-width:600px}.section-heading.center .section-intro{margin:18px auto 0}.blue-text{color:var(--blue)}.text-link{display:inline-flex;gap:11px;align-items:center;color:var(--blue);font-weight:800;font-size:13px;margin-top:10px}.text-link:hover{gap:18px}
.home-hero{min-height:655px;position:relative;overflow:hidden;background:#071c37;color:white}.home-hero-bg{position:absolute;inset:0;background-image:url('../img/hero-warehouse.jpg');background-size:cover;background-position:center 52%;filter:saturate(.85)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,39,.96) 0%,rgba(5,25,53,.87) 33%,rgba(5,25,53,.51) 58%,rgba(4,14,28,.4) 100%),linear-gradient(0deg,rgba(3,18,39,.46),transparent 50%)}.home-hero-grid{position:relative;min-height:655px;display:grid;grid-template-columns:1.17fr .83fr;align-items:center;gap:70px;padding-top:40px;padding-bottom:58px}.hero-kicker{letter-spacing:.18em;font-size:11px;font-weight:800;color:#b6daff;display:flex;align-items:center;gap:13px}.kicker-line{width:38px;height:2px;background:#4ca5fc}.hero-copy h1{font-size:clamp(45px,5.05vw,73px);line-height:1.06;letter-spacing:-.065em;margin:22px 0}.hero-copy h1 em,.interior-hero h1 em,.portal-head h1 em{color:#71bafe;font-style:normal}.hero-copy>p{font-size:16px;line-height:1.72;color:#deebfa;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-proof{display:flex;gap:24px;margin-top:40px;font-size:12px;color:#c7d8e9}.hero-proof span{display:flex;gap:9px;align-items:center}.hero-proof .icon{color:#6ab5fc;width:18px}.hero-assist{align-self:center;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.98);color:var(--ink);border-radius:17px;box-shadow:0 30px 85px rgba(0,0,0,.28);padding:27px 27px 0;max-width:430px;justify-self:end;width:100%}.assist-head{display:flex;gap:15px;align-items:center;margin-bottom:25px}.assist-head strong{display:block;font-size:18px;color:var(--navy)}.assist-head span{font-size:12px;color:var(--muted)}.assist-icon{width:44px;height:44px;display:grid;place-items:center;background:#e4f1ff;color:var(--blue);border-radius:12px}.assist-form label,.area-form label{font-size:12px;font-weight:800;color:#2c4058;display:block;margin-bottom:10px}.input-with-icon{display:flex;align-items:center;gap:10px;border:1px solid #cfdae6;border-radius:8px;padding:0 12px;margin-bottom:12px}.input-with-icon .icon{color:var(--blue)}input,select,textarea{outline:none;max-width:100%}.input-with-icon input{width:100%;height:53px;border:0;background:transparent;color:var(--ink);font-size:13px}.assist-form>p{color:#8290a0;font-size:10px;margin:13px 0 19px;line-height:1.4}.assist-secondary{border-top:1px solid #e2e8ef;margin:0 -27px;padding:17px 26px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f5f8fc;border-radius:0 0 17px 17px}.assist-secondary>div{display:flex;align-items:center;gap:9px}.assist-secondary>div>.icon{color:var(--blue)}.assist-secondary span{display:grid;gap:2px}.assist-secondary b{font-size:12px}.assist-secondary small{font-size:10px;color:var(--muted)}.assist-secondary a{font-size:12px;font-weight:800;color:var(--blue);display:flex;gap:5px;align-items:center}.assist-secondary a .icon{width:15px}.hero-bottom-line{position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#074ca0,#007ef6,#d4e8ff)}
.trust-bar{background:#fff;border-bottom:1px solid #e6ebf1}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:92px;align-items:center}.trust-grid span{display:flex;align-items:center;gap:13px;padding:0 22px;border-right:1px solid #dce5ef;color:#38506d;font-weight:800;font-size:12px}.trust-grid span:first-child{padding-left:0}.trust-grid span:last-child{border:0}.trust-grid .icon{color:var(--blue);width:26px;height:26px}
.intro-split{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end;margin-bottom:28px}.intro-split .section-heading{margin-bottom:10px}.intro-split>p{font-size:16px;color:var(--muted);padding-bottom:18px}.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{background:var(--navy);border-radius:13px;min-height:510px;color:white;overflow:hidden;position:relative;display:flex;align-items:flex-end;isolation:isolate}.service-photo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1);transition:transform .6s;z-index:-2}.wholesale-card .service-photo{background-position:75% center}.service-card:hover .service-photo{transform:scale(1.05)}.service-card:after{content:'';inset:0;position:absolute;background:linear-gradient(0deg,rgba(2,17,37,.97),rgba(2,17,37,.42) 65%,rgba(2,17,37,.08));z-index:-1}.service-card-body{padding:38px;max-width:470px}.service-card-icon{width:55px;height:55px;border-radius:12px;display:grid;place-items:center;background:#0a6bd9;margin-bottom:18px}.service-card-icon .icon{height:28px;width:28px}.service-index{font-size:10px;letter-spacing:.2em;font-weight:800;color:#90c6ff}.service-card h3{font-size:35px;margin:13px 0}.service-card p{font-size:14px;color:#d4e1ef}.card-link{font-size:13px;font-weight:800;display:flex;gap:9px;align-items:center;margin-top:25px}.card-link .icon{color:#6eb8ff}
.section-work{background:#f4f7fa}.work-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.work-copy .section-intro{max-width:380px}.process-list{background:white;box-shadow:0 20px 65px rgba(19,49,78,.065);border:1px solid #e2e9f1;border-radius:12px;padding:9px 35px}.process-row{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid #e3ebf2;gap:12px;padding:26px 0}.process-row:last-child{border:0}.process-row>b{font-size:12px;color:#9caec1;padding-top:4px}.process-row>div{display:grid;grid-template-columns:29px 1fr;align-items:start;column-gap:12px}.process-row .icon{color:var(--blue);grid-row:span 2;width:24px}.process-row strong{font-size:16px;color:var(--navy)}.process-row span{font-size:13px;color:var(--muted);margin-top:5px}
.feature-image-section{background:#e9f1fa;padding:30px 0 0}.feature-image{min-height:470px;background:linear-gradient(90deg,rgba(3,21,46,.96),rgba(3,21,46,.69) 55%,rgba(3,21,46,.03)),url('../img/hero-warehouse.jpg') center 45%/cover;border-radius:16px 16px 0 0;display:flex;align-items:center}.feature-overlay{padding:60px;max-width:690px;color:white}.feature-overlay h2{font-size:clamp(34px,4.2vw,56px);line-height:1.1}.feature-overlay>p:not(.eyebrow){color:#d8e7f7;max-width:490px;margin:20px 0 30px}.feature-search{background:white;border-radius:9px;padding:8px;display:flex;align-items:center;gap:12px;max-width:600px}.feature-search>.icon{color:var(--blue);margin-left:10px}.feature-search input{flex:1;width:50px;border:0;font-size:13px}.small-hint{display:block;margin-top:12px;font-size:11px;color:#afc2d7}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-card{padding:31px 25px;border:1px solid #e2e8ee;border-radius:13px;background:white;min-height:252px}.value-card>.icon{width:30px;height:30px;color:var(--blue);margin-bottom:24px}.value-card h3{font-size:16px;letter-spacing:-.03em;margin-bottom:11px}.value-card p{font-size:13px;color:var(--muted)}
.home-heritage{background:#f2f6fa;overflow:hidden}.heritage-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:115px;align-items:center}.heritage-visual{position:relative;background:#e2edf8;padding:30px 40px 37px;min-height:430px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.heritage-visual:before{content:'';position:absolute;inset:16px;border:1px solid #b7cbdf;border-radius:11px}.heritage-visual>img{position:relative;width:170px;height:160px;object-fit:contain;mix-blend-mode:multiply}.heritage-outline{position:relative;font:800 108px/1 Manrope;color:var(--navy);letter-spacing:-.1em}.heritage-outline span{font-size:50px;vertical-align:top;margin:8px 0 0 12px;color:var(--blue)}.heritage-visual small{font-weight:800;letter-spacing:.14em;font-size:10px;color:#6b7f91;z-index:1;text-align:center}.heritage-copy h2{font-size:clamp(32px,4vw,50px)}.heritage-copy h2 i{color:var(--blue);font-style:normal}.heritage-copy>p{color:var(--muted);margin-top:23px}.heritage-copy blockquote{font:700 italic 21px/1.5 Georgia,serif;color:var(--navy);border-left:3px solid var(--blue);padding-left:21px;margin:26px 0}.heritage-copy>small{display:block;color:#8591a0;font-size:10px;margin-top:15px}.faq-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px}.next-links{border-top:1px solid var(--stroke)}.next-links a{padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);font-weight:800;color:var(--navy)}.next-links a:hover{color:var(--blue)}.faq-card{background:#f6f8fa;padding:35px;border-radius:13px}.faq-card details{border-bottom:1px solid #d8e1eb;padding:17px 0}.faq-card summary{font-weight:800;font-size:14px;cursor:pointer}.faq-card details p{font-size:13px;color:var(--muted);margin-top:13px}
.end-cta{background:linear-gradient(112deg,#0c2345 0%,#053975 55%,#096ee1 100%);color:#fff;padding:65px 0;position:relative;overflow:hidden}.end-cta:after{content:'';position:absolute;width:490px;height:490px;border:120px solid rgba(255,255,255,.055);border-radius:50%;right:-185px;top:-200px}.end-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;position:relative;z-index:2}.end-cta h2{font-size:clamp(32px,3.8vw,48px)}.end-cta p:not(.eyebrow){color:#d1e3f7;margin-top:17px}.end-buttons{display:grid;gap:13px;justify-self:end;width:260px}.footer{background:#06162c;color:#b7c5d6}.footer-grid{display:grid;grid-template-columns:2fr .75fr .75fr 1.2fr;gap:75px;padding-top:68px;padding-bottom:60px}.footer-brand-mark{width:180px;padding:0 9px;background:#fff;border-radius:5px;margin-bottom:15px}.footer-brand-mark img{width:100%}.footer-brand strong{display:block;color:#fff;font-size:17px}.footer-brand p,.footer-grid>div>p{font-size:13px;line-height:1.75;color:#a4b4c9;margin-top:15px}.footer-small{font-size:10px;color:#7389a3;margin-top:25px}.footer h4{color:#fff;font-size:13px;letter-spacing:0;margin-bottom:22px}.footer-grid a:not(.footer-link){font-size:13px;display:block;margin-top:14px;color:#b7c5d6}.footer-grid a:hover{color:#fff}.footer-link{display:flex;gap:8px;align-items:center;color:#8fc7ff;font-weight:800;font-size:13px;margin-top:22px}.footer-bottom{border-top:1px solid #1e3c5b;padding:20px 0 30px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#849bb7}
.interior-hero{background:linear-gradient(125deg,#06172e,#0b386d 95%);color:white;position:relative;overflow:hidden}.interior-hero:before{content:'';position:absolute;width:800px;height:800px;border:180px solid rgba(73,149,238,.05);border-radius:50%;right:-460px;top:-390px}.interior-inner{display:grid;grid-template-columns:1fr .86fr;gap:75px;align-items:center;min-height:470px;padding-top:55px;padding-bottom:55px;position:relative}.interior-hero h1{font-size:clamp(43px,4.6vw,67px);letter-spacing:-.06em;margin-bottom:22px}.interior-hero p:not(.eyebrow){max-width:590px;font-size:16px;color:#d2e5f5;margin-bottom:30px}.interior-photo{height:346px;position:relative;border-radius:14px;overflow:hidden;border:1px solid #37658e;box-shadow:0 30px 80px rgba(0,0,0,.3)}.interior-photo img{width:100%;height:100%;object-fit:cover}.interior-photo span{position:absolute;bottom:0;right:0;background:#06172edf;color:#fff;font-size:10px;padding:7px 13px}.collection-photo img{object-position:center}.areas-hero .interior-inner,.about-hero .interior-inner{min-height:520px}.contact-hero .interior-inner{min-height:450px}
.wizard-heading,.inventory-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.mini-assurance{background:#f0f6fc;padding:19px 23px;border-radius:10px;display:flex;gap:13px;align-items:center;font-size:12px;font-weight:800;color:#294466}.mini-assurance>.icon{color:var(--blue);width:26px;height:26px}.mini-assurance span{font-size:11px;color:#788b9f;font-weight:500}.wizard-shell{border:1px solid #e0e8f1;border-radius:16px;box-shadow:0 18px 75px rgba(12,46,80,.1);overflow:hidden;max-width:1040px;margin:0 auto}.wizard-top{background:#f6f9fc}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:22px 34px}.wizard-step{border:0;background:transparent;text-align:left;color:#718398;font-size:13px;font-weight:800;display:flex;align-items:center;gap:10px}.wizard-step span{display:grid;place-items:center;width:32px;height:32px;background:#e6ebf1;border-radius:50%;color:#8295a8;font-weight:800}.wizard-step.selected{color:var(--blue)}.wizard-step.selected span{background:var(--blue);color:white}.wizard-step.done span{background:#d9edff;color:var(--blue)}.wizard-progress{background:#dce7f3;height:4px}.wizard-progress span{display:block;background:var(--blue);height:4px;width:25%;transition:width .3s}.wizard-body{min-height:430px;padding:43px 65px 35px}.step-index{font-size:10px;font-weight:900;letter-spacing:.19em;color:var(--blue);margin-bottom:13px}.wizard-pane h3{font-size:30px;margin-bottom:11px}.step-desc{font-size:14px;color:var(--muted);margin-bottom:29px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#3e5168}.field label b{color:#ce4353}.field input,.field select,.field textarea{border:1px solid #cddbe7;border-radius:8px;min-height:49px;padding:12px 13px;background:#fff;color:#15253a;width:100%;font-size:13px}.field textarea{resize:vertical;min-height:105px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(6,92,199,.09)}.field input:user-invalid{border-color:#d43e50}.coverage-note,.soft-callout{margin-top:19px;background:#edf5fd;color:#2e5d8f;border-radius:8px;padding:13px 17px;display:flex;align-items:center;gap:10px;font-size:12px}.coverage-note .icon,.soft-callout .icon{width:17px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice-grid label{display:block}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;padding:15px 5px;text-align:center;border:1px solid #d4e0ec;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.choice-grid input:checked+span{background:#e9f4ff;color:var(--blue);border-color:#62a5e9}.choice-grid input:focus-visible+span{outline:2px solid #2e8aff}.wizard-controls{display:flex;justify-content:space-between;align-items:center;padding:22px 65px;background:#f6f9fc;border-top:1px solid #e1e8ef}.wizard-control-right{display:flex;gap:20px;align-items:center}.wizard-control-right>span{color:#8090a2;font-size:11px;font-weight:700}.summary-box{margin:25px 0;padding:15px 20px;background:#f6f9fc;border:1px solid #e0e7ee;border-radius:8px;font-size:12px}.summary-box strong{font-size:14px;color:var(--navy)}.summary-box p{font-size:12px;color:var(--muted)}.check-line{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:start;line-height:1.5}.check-line input{margin-top:3px}.wizard-success{text-align:center;padding:50px 35px}.wizard-success .icon{color:var(--blue);width:52px;height:52px}.wizard-success h3{font-size:28px;margin:16px 0}.wizard-success p{color:var(--muted);font-size:14px;max-width:480px;margin:0 auto 24px}.wizard-success .success-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.small-feature>.icon{width:31px;height:31px;color:var(--blue);margin-bottom:20px}.small-feature h3{font-size:20px;margin-bottom:11px}.small-feature p{font-size:14px;color:var(--muted)}.why-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.step-stack>div{border-top:1px solid #dae5ed;padding:21px 0 23px;display:grid;grid-template-columns:40px 1fr;column-gap:15px}.step-stack>div:last-child{border-bottom:1px solid #dae5ed}.step-stack b{grid-row:span 2;color:var(--blue);font-size:12px}.step-stack strong{font-size:18px}.step-stack p{font-size:13px;color:var(--muted);margin-top:7px}
.inventory-section{padding:85px 0 102px;background:#f5f8fb}.demo-warning{border:1px solid #bed8ef;background:#ebf5ff;padding:12px 19px;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:.06em;color:#14578f;display:block;max-width:245px}.demo-warning>.icon{height:16px;display:inline-block;vertical-align:middle}.demo-warning small{display:block;letter-spacing:0;font-weight:500;margin-top:5px;color:#417194}.smart-search{background:#061d3c;color:#fff;border-radius:15px;padding:24px 27px;margin-bottom:25px;display:grid;grid-template-columns:1fr 1.5fr;column-gap:35px;align-items:center}.smart-search-title{display:flex;align-items:center;gap:15px}.smart-search-title>.icon{color:#8fcfff;width:30px;height:30px}.smart-search-title strong{display:block;font-size:17px}.smart-search-title small{display:block;color:#abc3db;font-size:11px;margin-top:5px}.smart-search-form{background:#fff;border-radius:9px;padding:5px;display:flex;gap:5px}.smart-search-form input{width:100%;flex:1;border:0;padding:0 12px;font-size:13px}.smart-hint{grid-column:2;font-size:10px;color:#8da9c4;margin-top:8px}.inventory-layout{display:grid;grid-template-columns:255px 1fr;gap:25px;align-items:start}.inventory-filters{background:#fff;border:1px solid #e1e8ee;border-radius:12px;padding:24px;display:grid;gap:22px;position:sticky;top:110px}.filter-header{display:flex;align-items:center;gap:8px}.filter-header .icon{color:var(--blue)}.filter-header strong{font-size:14px}.clear-btn{border:0;background:transparent;color:var(--blue);margin-left:auto;font-size:11px;font-weight:800}.filter-note{border-top:1px solid #e5ebf2;padding-top:18px;color:#778a9c;font-size:11px;line-height:1.5}.filter-note .icon{color:var(--blue);width:16px;vertical-align:middle}.results-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}#result-count{font-size:12px;font-weight:800;color:#47607c}.results-controls{display:flex;align-items:center;gap:10px}.results-controls label{font-size:11px;font-weight:800;color:#708398}.results-controls select{padding:9px;border:1px solid #d8e1ed;border-radius:7px;font-size:12px;color:#34526a}.cart-open{display:flex;gap:8px;align-items:center;border:1px solid #d8e1ed;border-radius:7px;padding:8px 13px;background:white;color:#174b7c;font-weight:800;font-size:12px}.cart-open b{display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:50%;width:19px;height:19px;font-size:10px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{background:white;border-radius:11px;overflow:hidden;border:1px solid #dfe7ef;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(3,24,50,.1)}.product-img{height:162px;background:radial-gradient(circle at 65% 35%,#58708d 0,#132843 44%,#091629 100%);position:relative;display:grid;place-items:center;overflow:hidden}.product-img img{height:132px;width:132px;object-fit:contain;filter:drop-shadow(4px 12px 14px rgba(0,0,0,.55))}.product-img .grade-pill{position:absolute;left:13px;top:13px;background:#fff;color:#173e69;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:900}.product-img .sku-badge{position:absolute;right:11px;bottom:10px;background:rgba(255,255,255,.1);color:#d4e8fd;font-size:9px;padding:5px 7px;border-radius:5px}.product-body{padding:18px;display:flex;flex-direction:column;flex:1}.product-category{font-size:9px;color:var(--blue);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.product-card h3{font-size:20px;margin:7px 0}.product-detail{font-size:11px;color:#6c7f91;line-height:1.6}.product-availability{margin:14px 0 12px;padding:9px 11px;background:#edf5fc;border-radius:6px;font-size:11px;font-weight:800;color:#32638d}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:auto}.product-price strong{display:block;font-size:21px;color:var(--navy)}.product-price small{color:#8a99a6;font-size:9px}.add-cart{background:var(--blue);border:0;border-radius:7px;color:white;font-weight:800;font-size:11px;padding:11px}.result-disclaimer{font-size:11px;color:#8493a3;margin-top:20px}.empty-products{padding:45px 15px;background:white;border:1px dashed #b9cce0;border-radius:12px;text-align:center;color:var(--muted);grid-column:1/-1}.empty-products h3{font-size:19px;margin-bottom:10px;color:var(--navy)}.cart-backdrop{position:fixed;inset:0;background:rgba(3,14,28,.59);z-index:240}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);z-index:250;background:white;display:flex;flex-direction:column;box-shadow:-15px 0 55px rgba(0,0,0,.2);transform:translateX(110%);transition:transform .25s}.cart-drawer.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:25px;border-bottom:1px solid var(--stroke)}.drawer-header .eyebrow{margin-bottom:7px}.drawer-header h3{font-size:24px}.icon-button{display:grid;place-items:center;border:0;background:#f1f5f8;width:35px;height:35px;border-radius:8px}.drawer-content{overflow-y:auto;padding:24px;flex:1}.drawer-item{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--stroke)}.drawer-item strong{font-size:14px}.drawer-item small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.drawer-item input{width:60px;padding:6px;border:1px solid #bfcfe0;border-radius:6px}.drawer-footer{border-top:1px solid #dce5ef;padding:24px;display:grid;gap:9px}.drawer-footer p{font-size:10px;color:#75899c}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:12px}.cart-total b{font-size:24px;color:var(--navy)}
.journey-list{max-width:980px;margin:0 auto}.journey-step{display:grid;grid-template-columns:50px 70px 1fr;gap:30px;padding:37px 0;border-bottom:1px solid #d7e2ec;align-items:start}.journey-number{color:#99abc0;font-size:15px;font-weight:900}.journey-icon{width:70px;height:70px;border-radius:18px;background:#e8f3ff;display:grid;place-items:center;color:var(--blue)}.journey-icon .icon{width:33px;height:33px}.journey-step h3{font-size:24px;margin-bottom:12px}.journey-step p{color:var(--muted);font-size:15px;max-width:650px}.journey-step span{display:block;margin-top:15px;font-size:10px;font-weight:900;color:#2e70ab;letter-spacing:.06em}.section-deep{background:#071d3d;color:white}.section-deep .section-heading h2{color:white}.section-deep .section-intro{color:#a9c0d8}.system-split{display:grid;grid-template-columns:.76fr 1.24fr;gap:65px;align-items:center}.system-board{padding:29px;background:#112f55;border:1px solid #315777;border-radius:13px}.system-board-head{display:flex;justify-content:space-between;align-items:center;color:#a9c4df;font-size:11px;font-weight:900;letter-spacing:.1em}.system-board-head>span:first-child{display:flex;gap:8px;align-items:center}.status-dot{background:#294665;border-radius:15px;padding:6px 9px;font-size:9px}.system-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:21px}.system-board-grid>div{background:#0b2444;padding:20px;border:1px solid #2d4d70;border-radius:9px;display:grid;gap:7px}.system-board-grid small{font-size:9px;color:#6eb2fb;font-weight:800}.system-board-grid strong{font-size:15px}.system-board-grid span{font-size:11px;color:#9db6d2}.system-board>p{font-size:10px;color:#a0b9d2;margin-top:18px}
.map-art{height:310px;border-radius:15px;background:#08274e;overflow:hidden;position:relative;border:1px solid #37628c}.map-art:before,.map-panel:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(95,153,204,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(95,153,204,.12) 1px,transparent 1px);background-size:40px 40px}.map-road{position:absolute;height:23px;background:rgba(65,139,217,.23);border-top:2px solid rgba(121,190,255,.3);border-bottom:2px solid rgba(121,190,255,.3);width:170%;transform:rotate(-25deg);left:-30%;top:45%}.road-two{transform:rotate(35deg);top:70%}.road-three{transform:rotate(87deg);top:25%}.map-circle{position:absolute;left:40%;top:26%;width:170px;height:170px;background:radial-gradient(circle,#177bd7,#054987);border:1px solid #6bb2f7;border-radius:50%;box-shadow:0 0 0 30px rgba(47,138,216,.1),0 0 0 65px rgba(47,138,216,.05);display:grid;place-content:center;text-align:center;color:#fff;font-size:16px;font-weight:900;letter-spacing:.1em}.map-circle small{font-size:11px;letter-spacing:.25em}.map-label{position:absolute;left:20px;bottom:20px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#b2cfe8}.area-split{display:grid;grid-template-columns:1fr .9fr;gap:75px}.area-form{margin-top:28px}.area-input{display:flex;border:1px solid #cfdeed;border-radius:8px;gap:8px;padding:7px}.area-input>span{display:grid;place-items:center;padding:0 12px;color:var(--blue)}.area-input input{min-width:0;flex:1;border:0;font-size:13px}.area-result{font-size:12px;color:#69809b;margin:15px 0}.map-panel{background:#09254a;min-height:330px;position:relative;overflow:hidden;border-radius:14px;color:#d5e7f7;padding:23px}.map-panel-top{display:flex;justify-content:space-between;position:relative;z-index:1;font-size:12px}.map-panel-top span{font-size:9px;letter-spacing:.15em}.map-center{position:absolute;top:41%;left:30%;display:flex;align-items:center;gap:15px;background:#fff;color:#173c63;border-radius:13px;padding:14px 22px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.map-center .icon{color:var(--blue);width:29px;height:29px}.map-center span{font-size:13px;font-weight:800;line-height:1.3}.map-panel-bottom{position:absolute;bottom:18px;left:23px;color:#94aecb;font-size:10px}
.about-brand-circle{height:310px;width:310px;justify-self:center;border:1px solid #5c85ac;border-radius:50%;background:radial-gradient(circle,#21598d,#08264b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 0 26px rgba(138,194,246,.06)}.about-brand-circle img{width:160px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.24))}.about-brand-circle>div{font:italic 700 17px Georgia,serif}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.story-grid h2{font-size:clamp(30px,4vw,49px);color:var(--navy)}.story-figure{margin-top:60px;display:flex;align-items:center;gap:20px;color:var(--navy)}.story-figure strong{font:800 97px/1 Manrope}.story-figure strong span{font-size:47px;color:var(--blue);vertical-align:top}.story-figure>span{font-size:10px;letter-spacing:.1em;font-weight:900;line-height:1.6;color:#697f94}.story-prose p{color:#5e7288;font-size:15px;margin-bottom:24px}.story-prose p.lead{font-size:21px;font-weight:800;color:var(--navy)}.story-prose blockquote{border-left:4px solid var(--blue);font:italic 700 25px/1.5 Georgia,serif;margin:28px 0;padding-left:25px;color:var(--navy)}.story-prose small{font-size:10px;color:#8799ab}
.contact-side-note{padding:37px;border:1px solid #4e759e;border-radius:13px;background:rgba(255,255,255,.06)}.contact-side-note>.icon{color:#7ebaff;width:37px;height:37px;margin-bottom:20px}.contact-side-note h3{font-size:25px}.contact-side-note p{font-size:12px!important;color:#b2c5d8!important;margin-top:17px;margin-bottom:0!important}.contact-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:75px}.contact-routes a{display:flex;align-items:center;gap:16px;padding:22px 0;border-top:1px solid #dce5ee}.contact-routes a:last-child{border-bottom:1px solid #dce5ee}.contact-routes a>.icon:first-child{width:30px;height:30px;color:var(--blue)}.contact-routes a span{display:grid;flex:1;gap:6px}.contact-routes strong{font-size:15px}.contact-routes small{color:var(--muted);font-size:11px}.contact-form-card{background:#f6f9fc;border:1px solid #e0e8f0;padding:37px;border-radius:14px}.contact-form-card h3{font-size:27px;margin-bottom:25px}.form-disclaimer{font-size:11px;color:#798b9c;margin:20px 0}.form-output{margin-top:18px;font-size:13px;color:#285e8b}.form-output button{margin-top:12px}
.portal-head{background:radial-gradient(circle at 80% 50%,#0c4f91,#081d3c 60%);color:white;padding:70px 0 80px}.portal-crumb{font-size:11px;letter-spacing:.17em;font-weight:800;color:#a2c5e9;display:flex;align-items:center;gap:10px}.portal-head h1{font-size:clamp(40px,5vw,69px);margin:24px 0 18px}.portal-head>div>p{max-width:680px;color:#c6d9e9}.portal-actions{display:flex;gap:12px;margin-top:30px}.portal-demo-alert{border:1px solid #bee0ff;background:#ebf5ff;color:#2e6397;padding:14px 18px;border-radius:9px;font-size:12px;display:flex;gap:11px;align-items:center;margin-bottom:22px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-metrics>div{border:1px solid #e0e9f0;padding:21px;background:white;border-radius:10px;display:grid;gap:12px}.dashboard-metrics span{font-size:12px;color:#647a90}.dashboard-metrics strong{font:800 36px/1 Manrope;color:var(--navy)}.dashboard-metrics small{font-size:10px;color:#8291a1}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-top:19px}.dashboard-main,.dashboard-side{background:white;border:1px solid #dfe8f0;border-radius:11px;min-height:320px;padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #e6ebf2}.panel-heading h2{font-size:20px}.panel-heading span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#8293a6}.dashboard-empty{padding:55px 15px;text-align:center}.dashboard-empty .icon{color:#97b1cc;width:36px;height:36px}.dashboard-empty h3{font-size:18px;margin:13px 0 9px}.dashboard-empty p{font-size:12px;color:#7c8fa2}.dashboard-empty a{margin-top:18px}.record-row{border-bottom:1px solid #e1e9f0;padding:18px 0;display:flex;gap:18px;justify-content:space-between}.record-row strong{font-size:13px}.record-row span,.record-row small{display:block;color:#76899b;font-size:11px;margin-top:6px}.record-status{color:#2b6195!important;font-weight:800;white-space:nowrap}.portal-feature{display:flex;align-items:start;gap:14px;padding:18px 0;border-bottom:1px solid #e7edf3}.portal-feature>.icon{color:var(--blue);width:24px;height:24px}.portal-feature strong{display:block;font-size:13px;margin-bottom:5px}.portal-feature span{font-size:11px;color:#7e90a2}
.toast-area{position:fixed;z-index:400;right:20px;bottom:20px;display:grid;gap:10px}.toast{max-width:340px;background:#0c2a51;color:white;padding:14px 20px;border-radius:9px;box-shadow:0 15px 40px rgba(0,0,0,.24);font-size:12px}.toast.error{background:#9b263c}
@media(min-width:1200px){.reveal{animation:slideIn .55s both}.hero-assist{animation-delay:.16s}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1130px){.desktop-nav{gap:13px}.nav-link{font-size:11px}.nav-actions .btn{display:none}.container{width:min(1160px,calc(100% - 48px))}.home-hero-grid{gap:35px}.hero-copy h1{font-size:clamp(46px,5.3vw,65px)}.section{padding:85px 0}.heritage-layout{gap:65px}.footer-grid{gap:40px}}
@media(max-width:860px){.utility{height:31px}.utility-inner>span{font-size:8px}.utility-inner>div{font-size:9px}.desktop-nav{display:none}.menu-toggle{display:grid;place-items:center}.site-header{height:79px}.brand img{height:58px;width:185px}.brand-caption{font-size:8px}.mobile-nav.open{display:grid;position:absolute;top:79px;left:0;right:0;background:white;box-shadow:0 20px 34px rgba(4,22,42,.13);padding:12px 24px 25px;gap:0}.mobile-nav a{padding:13px 4px;border-bottom:1px solid #edf2f8;font-weight:800;color:var(--navy);font-size:14px}.mobile-nav .active{color:var(--blue)}.home-hero-grid{grid-template-columns:1fr;gap:30px;padding-top:65px}.home-hero,.home-hero-grid{min-height:auto}.hero-copy h1{font-size:clamp(46px,8vw,72px)}.hero-assist{justify-self:start;max-width:560px}.trust-grid{grid-template-columns:1fr 1fr;padding:20px 0;gap:17px}.trust-grid span{border:0;padding:0}.intro-split,.work-grid,.heritage-layout,.faq-columns,.area-split,.contact-layout,.story-grid{grid-template-columns:1fr;gap:35px}.service-cards{gap:15px}.service-card{min-height:440px}.service-card-body{padding:25px}.service-card h3{font-size:27px}.values-grid{grid-template-columns:1fr 1fr}.feature-overlay{padding:45px}.end-grid{grid-template-columns:1fr;gap:25px}.end-buttons{justify-self:start;grid-template-columns:1fr 1fr;width:auto}.footer-grid{grid-template-columns:1.5fr 1fr;gap:38px}.interior-inner{grid-template-columns:1fr;gap:34px;padding:75px 0 55px}.interior-photo{max-width:650px}.wizard-body{padding:37px}.wizard-controls{padding:20px 37px}.inventory-layout{grid-template-columns:1fr}.inventory-filters{position:static;grid-template-columns:repeat(2,1fr);align-items:end}.filter-header,.filter-note{grid-column:1/-1}.smart-search{grid-template-columns:1fr;gap:20px}.smart-hint{grid-column:1}.system-split{grid-template-columns:1fr;gap:30px}.about-brand-circle{justify-self:start}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.three-column{gap:25px}}
@media(max-width:580px){.container{width:calc(100% - 32px)}.utility-inner>span{font-size:7px}.utility-inner>div{gap:9px}.utility-inner>div a:last-child,.utility-inner>div .utility-dot:last-of-type{display:none}.brand{width:165px}.brand img{width:165px;height:52px}.brand-caption{font-size:7px;left:15px}.section{padding:63px 0}.section-heading h2{font-size:33px}.section-intro{font-size:14px}.home-hero-grid{padding-top:65px;padding-bottom:38px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;white-space:normal}.hero-proof{gap:14px;flex-wrap:wrap;margin-top:28px}.hero-assist{padding:22px 20px 0}.assist-secondary{margin:0 -20px;padding:16px 20px}.trust-grid span{font-size:11px;gap:7px}.trust-grid .icon{width:21px;height:21px}.service-cards,.values-grid,.three-column,.form-grid,.system-board-grid{grid-template-columns:1fr}.service-card{min-height:430px}.intro-split>p{font-size:14px}.process-list{padding:8px 20px}.feature-image{border-radius:12px 12px 0 0;min-height:490px}.feature-overlay{padding:28px}.feature-overlay h2{font-size:37px}.feature-search{flex-wrap:wrap}.feature-search input{flex:1}.feature-search button{width:100%}.heritage-visual{min-height:355px}.heritage-outline{font-size:90px}.faq-card{padding:22px}.end-buttons{grid-template-columns:1fr;width:100%}.end-cta h2{font-size:33px}.footer-grid{grid-template-columns:1fr 1fr;gap:33px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.interior-hero h1{font-size:46px}.interior-hero p:not(.eyebrow){font-size:14px}.interior-inner{padding:58px 0 43px}.interior-photo{height:225px}.wizard-heading,.inventory-heading{display:block}.mini-assurance,.demo-warning{margin-bottom:22px}.wizard-steps{padding:17px 15px;gap:4px}.wizard-step{font-size:0;justify-content:center}.wizard-step span{font-size:12px;width:32px;height:32px}.wizard-body{padding:25px 20px}.wizard-pane h3{font-size:24px}.wizard-controls{padding:20px;gap:5px}.wizard-control-right{gap:10px}.wizard-control-right span{display:none}.choice-grid{grid-template-columns:1fr 1fr}.inventory-section{padding:55px 0}.inventory-filters{grid-template-columns:1fr}.smart-search{padding:18px}.smart-search-form{flex-wrap:wrap;padding:8px}.smart-search-form input{min-height:44px}.smart-search-form button{width:100%}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-img{height:120px}.product-img img{width:100px;height:100px}.product-body{padding:12px}.product-card h3{font-size:16px}.product-price strong{font-size:17px}.product-footer{flex-wrap:wrap}.add-cart{width:100%}.results-top{align-items:flex-start}.results-controls{gap:5px}.results-controls label,.results-controls select{display:none}.journey-step{grid-template-columns:29px 47px 1fr;gap:12px}.journey-icon{height:47px;width:47px;border-radius:10px}.journey-icon .icon{width:22px;height:22px}.journey-step h3{font-size:19px}.journey-step p{font-size:13px}.area-input{flex-wrap:wrap}.area-input button{width:100%}.map-center{left:15%;top:40%}.map-circle{left:24%}.about-brand-circle{width:240px;height:240px}.story-figure strong{font-size:75px}.contact-form-card{padding:22px}.dashboard-metrics{gap:8px}.dashboard-metrics>div{padding:17px}.dashboard-metrics strong{font-size:27px}.portal-head{padding:55px 0}.portal-head h1{font-size:45px}.portal-actions{flex-wrap:wrap}.portal-actions .btn{white-space:normal}.dashboard-main,.dashboard-side{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Prevent the collection page's supporting column from forcing mobile horizontal scroll. */
@media(max-width:860px){.why-split{grid-template-columns:1fr}}

/* JOHN product-reference photography and transparent grade display */
.grade-guide{background:#fff;border:1px solid #d4e1ed;border-radius:15px;padding:26px 29px;margin:22px 0 28px;box-shadow:0 10px 25px #0b234509}
.grade-guide-title span{font-size:10px;letter-spacing:.15em;font-weight:900;color:#1764b8}
.grade-guide h3{font-size:24px;line-height:1.2;color:#0b2345;margin:7px 0}
.grade-guide-title p{font-size:13px;color:#42536a;max-width:850px;line-height:1.65;margin:7px 0 20px}
.grade-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.grade-guide-grid>div{padding:15px;background:#f5f8fc;border-radius:10px;display:grid;grid-template-columns:37px 1fr;column-gap:12px;row-gap:4px;align-items:start}
.grade-key{grid-row:span 2;display:flex;align-items:center;justify-content:center;border-radius:8px;width:34px;height:34px;color:#fff;font-size:19px}
.grade-a{background:#0b5fb2}.grade-b{background:#42627f}.grade-c{background:#778899}
.grade-guide-grid strong{font-size:12px;color:#102e50}.grade-guide-grid span{font-size:11px;line-height:1.55;color:#5c6b7f}
.grade-footnote{font-size:11px!important;line-height:1.6;color:#5a6c7f;padding:14px 0 0;margin:0}
.product-img{position:relative}
.image-disclaimer{display:block;position:absolute;bottom:10px;left:9px;right:9px;background:#ffffffeb;box-shadow:0 2px 10px #0001;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.03em;color:#526476;padding:6px 5px;text-align:center;line-height:1.2}
.product-brand{color:#175caa;font-size:11px;font-weight:800;margin:9px 0 2px}.product-brand span{color:#8392a2;font-size:9px;font-weight:500}
.product-grade-detail{font-size:10px;line-height:1.5;color:#697b8e;margin:8px 0 12px}.product-grade-detail a{font-weight:800;color:#0b66bf}
@media(max-width:800px){.grade-guide-grid{grid-template-columns:1fr}.grade-guide{padding:20px 18px}}
/* ---- accounts, portals, stock, admin ---- */
.stock-bar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 10px}.stock-bar input,.stock-bar select{padding:12px 14px;border:1px solid var(--stroke);border-radius:10px;font:inherit;font-size:14px;background:#fff}.stock-bar input{flex:1 1 260px}
.stock-note{font-size:13px;color:var(--muted);margin-bottom:12px}.stock-note a{color:var(--blue);font-weight:700;text-decoration:underline}
.table-wrap{overflow-x:auto;border:1px solid var(--stroke);border-radius:14px;background:#fff}
.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{background:var(--fog);text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 14px;white-space:nowrap}.data-table td{padding:12px 14px;border-top:1px solid var(--stroke);vertical-align:top}.data-table small{color:var(--muted)}.data-table a{color:var(--blue)}
.data-table .grade-key{width:26px;height:26px;font-size:13px;display:inline-grid;place-items:center}
.pre{white-space:pre-wrap;font-size:12.5px;margin-top:4px}
.quote-cart{margin-top:20px;padding:20px;border:1px solid #9cc7f2;background:#f4f9ff;border-radius:14px}.quote-cart h3{margin:0 0 10px}
.cart-row{display:grid;grid-template-columns:1fr 80px 100px auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--stroke);font-size:14px}.cart-row input{padding:8px;border:1px solid var(--stroke);border-radius:8px;width:100%}
.cart-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.link-btn{background:none;border:0;color:var(--blue);font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:0}.link-btn.danger{color:#b42318}
.muted{color:var(--muted);font-size:13.5px}
.badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#eef3f8;color:#36506f;white-space:nowrap}
.b-new,.b-pending{background:#fff4dc;color:#8a5a00}.b-scheduled,.b-quoted{background:#e5f0ff;color:#0a5cc0}.b-completed,.b-approved,.b-accepted,.b-active{background:#e3f6ea;color:#16794a}.b-cancelled,.b-declined,.b-disabled,.b-sold{background:#fde8e7;color:#b42318}.b-closed,.b-hidden{background:#eef0f3;color:#5b6573}
.auth-section{background:var(--fog);min-height:70vh}.auth-wrap{display:flex;justify-content:center}.auth-card{width:min(620px,100%);background:#fff;border:1px solid var(--stroke);border-radius:20px;padding:34px;box-shadow:var(--shadow)}
.auth-card h2{margin:6px 0 6px;font-family:Manrope,sans-serif}.auth-card .field{margin:14px 0}.auth-card .btn-full{margin-top:10px}
.auth-tabs{display:flex;gap:6px;background:var(--fog);padding:5px;border-radius:12px;margin-bottom:18px}.auth-tabs button{flex:1;border:0;background:none;padding:11px;border-radius:9px;font:inherit;font-weight:800;color:var(--muted);cursor:pointer}.auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(6,26,52,.08)}
.auth-alt{text-align:center;font-size:13.5px;margin-top:16px}.auth-alt a{color:var(--blue);font-weight:700}
.role-choice{grid-template-columns:1fr 1fr;margin:14px 0 4px}.role-choice span{padding:14px!important}.role-choice b{display:block;font-size:14px}.role-choice small{display:block;font-weight:500;color:var(--muted);margin-top:3px}
.alert-ok,.alert-err{margin-top:16px;padding:14px 16px;border-radius:12px;font-size:14px}.alert-ok{background:#e3f6ea;color:#14532d}.alert-err{background:#fde8e7;color:#7a1a12}
.profile-form .field{margin:10px 0}.profile-form details{margin:10px 0;font-size:14px}.profile-form summary{cursor:pointer;color:var(--blue);font-weight:700}
.staff-reply{margin-top:8px;padding:10px 12px;background:#f4f9ff;border-radius:10px;font-size:13.5px;white-space:pre-wrap}
.quote-row .success-actions{margin-top:10px}.muted-row{opacity:.6}
.admin-section{background:var(--fog);min-height:80vh;padding-top:40px}.admin-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.admin-top h1{margin:4px 0 0;font-family:Manrope,sans-serif;font-size:32px}.admin-top a{color:var(--blue)}
.admin-tabs{display:flex;gap:4px;margin:22px 0;border-bottom:1px solid var(--stroke);overflow-x:auto}.admin-tabs a{padding:12px 16px;font-weight:800;font-size:14px;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}.admin-tabs a.active{color:var(--navy);border-color:var(--blue)}
.ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.ov-card{background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:4px}.ov-card strong{font-size:34px;font-family:Manrope,sans-serif;color:var(--navy)}.ov-card span{font-weight:800}.ov-card small{color:var(--muted)}.ov-card:hover{border-color:#9cc7f2}
.btn-row{display:flex;gap:8px;flex-wrap:wrap}
.modal-back{position:fixed;inset:0;background:rgba(6,21,39,.55);display:grid;place-items:center;z-index:200;padding:16px}.modal-card{background:#fff;border-radius:18px;padding:26px;width:min(720px,100%);max-height:90vh;overflow:auto}.modal-card .field{margin:6px 0}.modal-card label{font-size:12.5px;font-weight:700}.modal-card input,.modal-card select,.modal-card textarea{width:100%;padding:10px 12px;border:1px solid var(--stroke);border-radius:9px;font:inherit;font-size:14px}.modal-actions{margin-top:18px}
@media(max-width:700px){.cart-row{grid-template-columns:1fr 70px;}.auth-card{padding:22px}.role-choice{grid-template-columns:1fr}}
.img-cell{width:92px}.tire-thumb{margin:0;width:84px}.tire-thumb img{width:84px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--stroke);background:#eef2f6;display:block}.tire-thumb figcaption{font-size:9.5px;color:var(--muted);margin-top:3px;letter-spacing:.02em}.tire-thumb figcaption.ph{color:#16794a;font-weight:700}
.tire-thumb.big{width:200px}.tire-thumb.big img{width:200px;height:150px}.img-edit{display:flex;gap:16px;align-items:flex-start;margin-top:12px;flex-wrap:wrap}.img-edit .field{flex:1 1 240px}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:12px 0 18px}.brand-card{border:1px solid var(--stroke);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px}.brand-card img{width:100%;height:90px;object-fit:cover;border-radius:8px;background:#eef2f6}.brand-card small{color:var(--muted)}
.cal-title{min-width:150px;text-align:center;align-self:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:10px 0}.cal-h{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;padding:4px 6px}
.cal-cell{background:#fff;border:1px solid var(--stroke);border-radius:8px;min-height:96px;padding:6px;display:flex;flex-direction:column;gap:3px;overflow:hidden}.cal-cell.empty{background:transparent;border:0}.cal-cell.today{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.cal-n{font-size:12px;font-weight:800;color:var(--muted)}
.cal-ev{display:inline-block;font-size:11px;line-height:1.25;padding:3px 6px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ev-scheduled{background:#0a5cc0;color:#fff}.ev-new{background:#fff4dc;color:#8a5a00;border:1px dashed #d9a400}.ev-completed{background:#e3f6ea;color:#16794a}
.sub-box{margin-top:26px;background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:22px}.sub-box h3{margin:0 0 6px}.sub-box li{margin:4px 0}.copy-row{display:flex;gap:8px;margin:12px 0}.copy-row input{flex:1;padding:10px 12px;border:1px solid var(--stroke);border-radius:9px;font:inherit;font-size:13px;min-width:0}
.pickup-map{height:560px;border-radius:16px;border:1px solid var(--stroke);overflow:hidden;background:#e8edf2;margin-top:10px}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:-1px;margin:0 3px 0 8px}.dot-new{background:#d98b00}.dot-scheduled{background:#0a5cc0}.dot-completed{background:#16794a}
@media(max-width:700px){.cal-cell{min-height:64px;padding:3px}.cal-ev{font-size:9.5px;padding:2px 3px}.pickup-map{height:420px}}
.asst textarea{width:100%;padding:14px;border:1px solid var(--stroke);border-radius:12px;font:inherit;font-size:15px;line-height:1.5;background:#fff}.asst-head h2{margin:0 0 4px}.asst-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 18px}.asst-bar label.btn{cursor:pointer}
#asst-mic.rec{background:#b42318;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.7}}
.review input{padding:6px 7px;border:1px solid var(--stroke);border-radius:6px;font:inherit;font-size:13px;margin:1px}.review .src{font-size:11px;color:var(--muted);margin-top:4px;max-width:260px}.warn{color:#b42318;font-size:12px;font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#fff;border:1px solid var(--stroke);border-radius:99px;padding:7px 12px;font-size:13px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid .sub-box{margin-top:0}.settings-grid .field{margin:10px 0}.settings-grid input:not([type=checkbox]){width:100%;padding:10px 12px;border:1px solid var(--stroke);border-radius:9px;font:inherit}
.prebuy-wrap{margin-top:34px;background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:22px}.card-on-file{background:#f4f9ff;border-radius:10px;padding:12px 14px;margin:10px 0;font-size:14px}.prebuy-form{margin:12px 0 18px}.prebuy-form.disabled{opacity:.5}.prebuy-form .field{margin:6px 0}.prebuy-form input,.prebuy-form select{width:100%}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}}

.tread-g{display:flex;flex-direction:column;gap:3px;min-width:96px}.tread-g b{font-size:13.5px}.tread-g small{font-size:10.5px;color:var(--muted)}.tg-bar{display:block;height:7px;background:#e6ebf1;border-radius:9px;overflow:hidden}.tg-bar i{display:block;height:100%;border-radius:9px}.tg-a{background:#16794a}.tg-b{background:#0a5cc0}.tg-c{background:#d98b00}
.cond-grid{display:grid;grid-template-columns:140px repeat(3,1fr);gap:10px;align-items:center;margin-top:12px}.cond-cell{border:1px solid var(--stroke);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.cond-cell img,.cond-empty{width:100%;height:80px;object-fit:cover;border-radius:7px;background:#eef2f6}.cond-empty{display:grid;place-items:center;font-size:12px;color:var(--muted)}.cond-cell label{cursor:pointer}

.dot-age{display:block;font-size:11px;color:var(--muted);margin-top:3px}.dot-age.old{color:#b42318;font-weight:700}
.lookup{display:flex;gap:10px;margin-top:4px}.lookup a{font-size:11.5px;color:var(--blue);font-weight:700}
.suggest{background:#f4f9ff;border:1px solid #9cc7f2;border-radius:12px;padding:12px 14px;margin:10px 0;font-size:13.5px}.suggest ul{margin:6px 0 8px;padding-left:18px}.suggest .btn{margin-top:8px}.ok{color:#16794a;font-weight:700}
.gap-row td{background:#fffaf0}

.grade-help{font-size:13px}.route-box{background:#fff;border:1px solid var(--stroke);border-radius:14px;padding:14px 16px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.route-box input[type=date]{padding:8px 10px;border:1px solid var(--stroke);border-radius:8px;font:inherit}.route-box #rt-out{flex-basis:100%}
.route-list{margin:8px 0;padding-left:22px;font-size:14px}.route-list li{margin:5px 0}.num-pin span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0a5cc0;color:#fff;font-weight:800;font-size:13px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.modal-card textarea{min-height:200px}
.chat-w{position:fixed;right:18px;bottom:18px;z-index:150;font-size:14px}.chat-fab{background:var(--navy);color:#fff;border:0;border-radius:99px;padding:13px 18px;font:inherit;font-weight:800;box-shadow:0 10px 30px rgba(6,26,52,.3);cursor:pointer}
.chat-panel{position:absolute;right:0;bottom:62px;width:min(370px,calc(100vw - 36px));height:min(520px,calc(100vh - 110px));background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(6,26,52,.3);display:flex;flex-direction:column;overflow:hidden}
.chat-head{background:var(--navy);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.chat-x{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.chat-log{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--fog)}.cm{max-width:86%;padding:9px 12px;border-radius:14px;line-height:1.45}.cm.user{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}.cm.bot{align-self:flex-start;background:#fff;border:1px solid var(--stroke);border-bottom-left-radius:4px}.cm a{color:var(--blue);text-decoration:underline}
.cm.lead{display:flex;flex-direction:column;gap:6px;width:86%}.cm.lead input{padding:8px;border:1px solid var(--stroke);border-radius:8px;font:inherit;font-size:13px}
.chat-chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 0;background:#fff}.chat-chips button{border:1px solid var(--stroke);background:#fff;border-radius:99px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer}
.chat-form{display:flex;gap:8px;padding:10px 12px;background:#fff}.chat-form input{flex:1;padding:10px;border:1px solid var(--stroke);border-radius:10px;font:inherit;min-width:0}
@media(max-width:600px){.chat-fab span{display:none}}

/* ---- inventory assistant (refined) ---- */
.asst-card{background:#fff;border:1px solid var(--stroke);border-radius:18px;box-shadow:0 18px 40px rgba(6,26,52,.06);overflow:hidden}
.asst-head{display:flex;gap:16px;align-items:flex-start;padding:24px 26px 18px}.asst-title{flex:1}.asst-title h2{margin:0 0 4px;font-family:Manrope,sans-serif;font-size:22px}.asst-title p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;max-width:680px}
.asst-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#0a80fa);color:#fff;display:grid;place-items:center;flex-shrink:0}.asst-badge .icon{width:22px;height:22px}
.asst-engine{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--fog);border:1px solid var(--stroke);padding:6px 10px;border-radius:99px;white-space:nowrap}.asst-engine.on{color:#16794a;background:#e9f7ef;border-color:#bfe5cf}
.asst-input{padding:0 26px}.asst textarea{width:100%;padding:16px 18px;border:1px solid var(--stroke);border-radius:12px;font:inherit;font-size:15px;line-height:1.6;background:var(--fog);resize:vertical;transition:border-color .2s,background .2s}.asst textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(10,92,192,.12)}
.asst-attach{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;border:1px solid var(--stroke);border-radius:10px;width:fit-content;font-size:13px;font-weight:700;color:var(--navy)}.asst-attach img{width:44px;height:44px;object-fit:cover;border-radius:6px}
.icon-x{background:none;border:0;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:4px;border-radius:6px}.icon-x:hover{background:var(--fog);color:var(--navy)}.icon-x .icon{width:16px;height:16px}
.asst-listen{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;font-weight:700;color:#b42318}.asst-listen[hidden]{display:none}.rec-dot{width:9px;height:9px;border-radius:50%;background:#b42318;animation:pulse 1.2s infinite}
.asst-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 26px 22px}.asst-tools,.asst-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.asst-actions .link-btn{padding:0 6px}
.tool-btn{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 16px;border:1px solid var(--stroke);border-radius:8px;background:#fff;color:var(--navy);font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:border-color .2s,background .2s}.tool-btn .icon{width:18px;height:18px;color:var(--blue)}.tool-btn:hover{border-color:#9cc7f2;background:#f7fbff}
.tool-btn.rec{border-color:#f1b4ae;background:#fff5f4;color:#b42318}.tool-btn.rec .icon{color:#b42318}
.tool-note{font-size:12px;color:var(--muted)}
#asst-go{height:46px;padding:0 20px}#asst-go .icon{width:16px;height:16px}
#asst-mic.rec{animation:none}
.icon{width:1.1em;height:1.1em;flex-shrink:0;vertical-align:-.18em}
.btn .icon{width:16px;height:16px}.chat-fab{display:inline-flex;align-items:center;gap:8px}.chat-fab .icon{width:20px;height:20px}.chat-x .icon{width:20px;height:20px}
.lookup a{display:inline-flex;align-items:center;gap:3px}.lookup .icon{width:12px;height:12px}
@media(max-width:700px){.asst-head{padding:18px 16px 12px;flex-wrap:wrap}.asst-input{padding:0 16px}.asst-bar{padding:14px 16px 18px}.asst-actions{width:100%;justify-content:flex-end}}

.asst-attach[hidden]{display:none}
.asst-review{margin-top:18px;background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:22px 24px;box-shadow:0 18px 40px rgba(6,26,52,.06)}.asst-review:empty{display:none}
.asst-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.asst-review-head h3{margin:0 0 3px;font-family:Manrope,sans-serif;font-size:18px}.asst-review-head p{margin:0;color:var(--muted);font-size:13.5px}
.asst-warn{background:#fff8eb;border:1px solid #f3d9a4;color:#7a4d00;border-radius:10px;padding:10px 14px;font-size:13.5px;margin-bottom:12px}
.asst-review .table-wrap{border-radius:12px}.asst-review-foot{display:flex;justify-content:flex-end;margin-top:16px}#asst-apply{height:46px;padding:0 20px}
.mini-fields{display:flex;gap:8px;flex-wrap:wrap}.mini-fields label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.review input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}

.btn:disabled,.btn[disabled]{background:#e3e9f0;color:#8a9aae;box-shadow:none;cursor:not-allowed;transform:none}.btn:disabled .icon{opacity:.6}
.link-btn[hidden]{display:none}

/* ---- customer AI ---- */
.so-card{background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:22px 24px 6px;margin:22px 0 26px;box-shadow:0 18px 40px rgba(6,26,52,.06)}.so-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}.so-head h3{margin:0 0 3px;font-family:Manrope,sans-serif;font-size:19px}.so-head p{margin:0;color:var(--muted);font-size:14px}
.so-card textarea,.dl-card textarea{width:100%;padding:14px 16px;border:1px solid var(--stroke);border-radius:12px;font:inherit;font-size:15px;line-height:1.55;background:var(--fog);resize:vertical}.so-card textarea:focus,.dl-card textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(10,92,192,.12)}
.so-bar{padding:12px 0 16px}#so-go{height:46px;padding:0 20px}
.so-results{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.so-line{border:1px solid var(--stroke);border-radius:12px;padding:12px 14px}.so-want{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14.5px}
.so-status{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:99px}.so-status.ok{background:#e3f6ea;color:#16794a}.so-status.part{background:#fff4dc;color:#8a5a00}.so-status.none{background:#fde8e7;color:#b42318}
.so-pick{display:flex;gap:12px;align-items:center;margin-top:10px;font-size:14px}.so-pick img{width:56px;height:42px;object-fit:cover;border-radius:7px}.so-pick span{display:flex;flex-direction:column}.so-pick small{color:var(--muted)}.so-price{margin-left:auto}
.so-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-bottom:18px}.so-actions .muted a{color:var(--blue);font-weight:700}
.dl-card{background:#f7fbff;border:1px solid #cfe2f7;border-radius:14px;padding:14px 16px;margin:14px 0 18px}.dl-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;font-size:14px}.dl-head .icon{color:var(--blue);width:18px;height:18px}.dl-head .muted{font-size:13px}
.dl-bar{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.dl-card .tool-btn{height:40px}

.staging-bar{background:#d98b00;color:#fff;text-align:center;font-size:12px;font-weight:800;letter-spacing:.06em;padding:7px 10px}

.pay-choice{margin:16px 0 8px;display:flex;flex-direction:column;gap:8px}.pay-opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;cursor:pointer;background:#fff}.pay-opt:has(input:checked){border-color:#62a5e9;background:#f4f9ff}.pay-opt span{display:flex;flex-direction:column;gap:3px}.pay-opt small{color:var(--muted);font-size:13px}.pay-opt input{margin-top:3px;accent-color:var(--blue)}
.prebuy-form input[type=radio],.prebuy-form input[type=checkbox]{width:auto;flex:0 0 auto}

.sale-review h3{margin:18px 0 8px;font-size:15px;display:flex;gap:8px;align-items:center}.sale-review h3:first-of-type{margin-top:4px}
.sale-lines td{vertical-align:middle}.sale-lines tr.off td{opacity:.5}.sale-lines .n,.data-table th.n{text-align:right;white-space:nowrap}.sale-lines input[type=checkbox]{width:auto}
.sale-add{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 4px}.sale-add select{flex:1;min-width:220px;border:1px solid #cddbe7;border-radius:8px;min-height:40px;padding:8px 10px;background:#fff;font-size:13px}
.pay-chips{display:flex;flex-wrap:wrap;gap:8px}.pay-chip{cursor:pointer}.pay-chip input{position:absolute;opacity:0;pointer-events:none}.pay-chip span{display:inline-block;border:1px solid var(--stroke);border-radius:99px;padding:9px 16px;font-size:14px;font-weight:600;background:#fff}.pay-chip input:checked+span{border-color:var(--blue);background:var(--blue);color:#fff}.pay-chip input:focus-visible+span{outline:2px solid #62a5e9;outline-offset:2px}
.sale-total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:20px 0 12px;padding:16px 18px;border-radius:12px;background:var(--sky,#eaf4ff)}.sale-total span{font-weight:700;color:var(--navy)}.sale-total strong{font-size:30px;color:var(--navy)}.sale-total small{color:var(--muted)}
.sale-done h3{margin:0 0 6px}.sale-done-total strong{font-size:26px;color:var(--navy)}
.badge.b-paid{background:#e6f6ec;color:#17723a}.badge.b-due{background:#fff4e0;color:#94580a}.badge.b-void{background:#fdeaea;color:#a12828}
@media (max-width:640px){.sale-lines{min-width:0!important;width:100%}.sale-lines thead{display:none}.sale-lines tbody{display:block}.sale-lines tr{display:grid;grid-template-columns:26px 1fr 1fr 26px;gap:8px 10px;padding:12px 10px;border-bottom:1px solid var(--stroke)}.sale-lines td{display:block;padding:0!important;border:0!important}.sale-lines td:nth-child(1){grid-column:1;grid-row:1}.sale-lines td:nth-child(2){grid-column:2/4;grid-row:1}.sale-lines td:nth-child(6){grid-column:4;grid-row:1;text-align:right}.sale-lines td:nth-child(3){grid-column:2;grid-row:2}.sale-lines td:nth-child(4){grid-column:3;grid-row:2}.sale-lines td:nth-child(5){grid-column:2/4;grid-row:3;text-align:right;font-weight:700}.sale-lines td:nth-child(3)::before{content:'Qty';display:block;font-size:11px;color:var(--muted)}.sale-lines td:nth-child(4)::before{content:'Each $';display:block;font-size:11px;color:var(--muted)}.sale-lines td input:not([type=checkbox]){width:100%!important;min-height:40px;font-size:16px}.sale-lines td[colspan]{grid-column:1/-1}}
.sale-lines td input:not([type=checkbox]){border:1px solid #cddbe7;border-radius:8px;padding:6px 8px;font-size:14px;background:#fff}

.sale-disc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 4px}.sale-disc>label{font-weight:700;font-size:14px}.sale-disc input#sale-disc{width:110px;border:1px solid #cddbe7;border-radius:8px;min-height:40px;padding:6px 10px;font-size:15px;background:#fff}
.seg{display:inline-flex;border:1px solid var(--stroke);border-radius:8px;overflow:hidden}.seg label{cursor:pointer}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:block;padding:8px 14px;font-weight:700;font-size:14px;background:#fff}.seg input:checked+span{background:var(--blue);color:#fff}

.cap-note{margin:6px 0 0;font-size:13px;min-height:0}.cap-note.ok{color:#17723a}.cap-note.over{color:#94580a;font-weight:600}

.role-pill{display:inline-block;background:var(--sky,#eaf4ff);color:var(--navy);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700}
.role-matrix td,.role-matrix th{text-align:center}.role-matrix td:first-child,.role-matrix th:first-child{text-align:left}.role-matrix .yes{color:#17723a;font-weight:700}.role-matrix .no{color:#a7b2c0}
.today-box{border:1px solid var(--stroke);border-radius:12px;padding:14px 16px;margin:0 0 14px;background:#fff}.today-box h3{margin:0 0 8px;font-size:15px}.today-row{display:flex;gap:12px;flex-wrap:wrap;padding:4px 0}.today-box .muted{margin:8px 0 0;font-size:12px}
@media (max-width:640px){.asst-head{flex-wrap:wrap}.asst-title{flex:1 1 220px}.asst-engine{order:3}}

.tread-dd{cursor:pointer}.tread-dd summary{list-style:none;display:flex;flex-direction:column;gap:3px}.tread-dd summary::-webkit-details-marker{display:none}.tread-dd summary small{display:inline-flex;align-items:center;gap:2px;color:var(--blue);font-weight:600}.tread-dd summary small svg{width:13px;height:13px;transition:transform .15s}.tread-dd[open] summary small svg{transform:rotate(90deg)}
.tread-dd ul{list-style:none;margin:8px 0 0;padding:8px 10px;border:1px solid var(--stroke);border-radius:8px;background:#fff;min-width:150px}.tread-dd li{display:flex;justify-content:space-between;gap:14px;font-size:13px;padding:3px 0}.tread-dd li+li{border-top:1px dashed var(--stroke)}
.tb-rows{display:flex;flex-direction:column;gap:8px;margin:6px 0}.tb-row{display:flex;gap:10px;align-items:flex-end}.tb-row label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);position:relative}.tb-row input{width:110px!important;min-height:42px!important}.tb-row em{position:absolute;right:10px;bottom:12px;font-style:normal;color:var(--muted);font-size:12px}.tb-row .icon-x{margin-bottom:8px}
input.ro{background:var(--fog,#f3f7fa)!important;color:var(--navy);font-weight:700}
.tread-pick{margin-top:6px;border:1px solid #cddbe7;border-radius:8px;min-height:36px;padding:4px 8px;font-size:13px;background:#fff;max-width:100%}

#stock-groups{display:flex;flex-direction:column;gap:18px}
.pgroup{border:1px solid var(--stroke);border-radius:16px;background:#fff;overflow:hidden}
.pg-head{display:flex;gap:20px;align-items:center;padding:18px 20px;background:linear-gradient(180deg,#f8fbfe,#fff);border-bottom:1px solid var(--stroke)}
.pg-img{margin:0;flex:0 0 150px;text-align:center}.pg-img img{width:150px;height:150px;object-fit:cover;border-radius:12px;background:#fff;border:1px solid var(--stroke)}.pg-img figcaption{font-size:11px;color:var(--muted);margin-top:4px}
.pg-info h3{margin:2px 0 4px;font-size:20px;color:var(--navy)}.pg-kind{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:800}.pg-size{margin:0 0 6px;font-size:16px;font-weight:700}.pg-sum{margin:8px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}
.pg-lots{display:flex;flex-direction:column}
.pg-lot{display:grid;grid-template-columns:150px minmax(180px,1.4fr) minmax(150px,1fr) 70px 90px auto;gap:16px;align-items:center;padding:14px 20px}
.pg-lot+.pg-lot{border-top:1px dashed var(--stroke)}
.wear-img{margin:0;text-align:center}.wear-img img{width:150px;height:100px;object-fit:cover;border-radius:10px;border:1px solid var(--stroke);background:#eef2f6}.wear-img figcaption{font-size:11px;color:var(--muted);margin-top:3px}
.pl-grade{display:flex;gap:10px;align-items:flex-start}.pl-grade>div{display:flex;flex-direction:column;gap:2px}.pl-grade small{color:var(--muted);font-size:12px}
.pl-qty,.pl-price{display:flex;flex-direction:column}.pl-qty b,.pl-price b{font-size:17px;color:var(--navy)}.pl-qty small,.pl-price small{color:var(--muted);font-size:11px}
@media (max-width:760px){.pg-head{padding:14px}.pg-img{flex-basis:96px}.pg-img img{width:96px;height:96px}.pg-info h3{font-size:17px}
 .pg-lot{grid-template-columns:110px 1fr 1fr;gap:10px 12px;padding:14px}.wear-img{grid-row:span 2}.wear-img img{width:110px;height:76px}.pl-grade{grid-column:2/4}.pl-tread{grid-column:2/4}.pl-qty{grid-column:2}.pl-price{grid-column:3}.pl-add{grid-column:1/-1}.pl-add .btn{width:100%}}
.modal-card.wide{max-width:760px}.pi-list{display:flex;flex-direction:column;gap:10px;margin:12px 0;max-height:55vh;overflow:auto}.pi-row{display:flex;gap:14px;align-items:center;border:1px solid var(--stroke);border-radius:12px;padding:10px 12px}.pi-img{margin:0;width:72px;height:72px;flex:0 0 72px;border-radius:10px;overflow:hidden;border:1px solid var(--stroke);display:grid;place-items:center;background:#fff}.pi-img img{width:100%;height:100%;object-fit:cover}.pi-img.empty{background:var(--fog);font-size:11px;color:var(--muted);text-align:center}.pi-info{flex:1;display:flex;flex-direction:column;gap:2px}.pi-info small{color:var(--muted)}

.wear-set{border-top:1px solid var(--stroke);margin-top:14px;padding-top:12px}.wear-set h3{margin:0 0 8px;font-size:15px}.wear-row{display:flex;gap:10px;flex-wrap:wrap}.wear-row figure{margin:0;text-align:center}.wear-row img{width:150px;height:100px;object-fit:cover;border-radius:10px;border:1px solid var(--stroke)}.wear-row figcaption{font-size:12px;color:var(--muted);margin-top:3px}

.pg-logo{display:block;height:28px;max-width:150px;object-fit:contain;object-position:left center;margin:0 0 6px}
.pi-h{margin:16px 0 6px;font-size:15px}.logo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.logo-row{display:flex;flex-direction:column;gap:6px;border:1px solid var(--stroke);border-radius:12px;padding:10px}.logo-img{margin:0;height:44px;display:flex;align-items:center}.logo-img img{max-height:40px;max-width:180px;object-fit:contain}.logo-img.empty{font-size:11px;color:var(--muted)}

.check-line input{width:auto!important;flex:0 0 auto;min-height:0!important}
.qai{margin:10px 0 14px;padding:12px 14px;border:1px solid var(--stroke);border-radius:12px;background:#f8fbfe}.qai .btn{display:inline-flex;gap:8px;align-items:center}.qai .btn svg{width:16px;height:16px}
.qai-lines input{width:84px!important;min-height:36px!important;padding:6px 8px!important}.qai-lines td{vertical-align:middle}.qai-mk{margin-top:8px;font-size:13px}.qai-mk summary{cursor:pointer;color:var(--blue);font-weight:600}.qai-mk p{margin:6px 0}

.mk-look{display:flex;gap:10px;flex-wrap:wrap}.mk-look input{flex:1;min-width:220px;border:1px solid #cddbe7;border-radius:10px;min-height:46px;padding:10px 14px;font-size:15px;background:#fff}.mk-look .btn{display:inline-flex;gap:8px;align-items:center}.mk-look .btn svg{width:16px;height:16px}
.mk-card{border:1px solid var(--stroke);border-radius:14px;padding:14px 16px;margin:12px 0;background:#fff}.mk-head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}.mk-head b{font-size:18px;color:var(--navy)}
.mk-grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mk-g{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--stroke);border-radius:12px;padding:10px}.mk-g>div{display:flex;flex-direction:column;gap:2px}.mk-g b{font-size:20px;color:var(--navy)}.mk-g small{font-size:12px;color:var(--muted)}.mk-g small.ok{color:#17723a}
.mk-note{margin:12px 0 8px}.mk-note select{margin-left:4px;border:1px solid var(--stroke);border-radius:8px;padding:4px 8px}.mk-table tr.mk-off td{opacity:.6}
@media (max-width:640px){.mk-grades{grid-template-columns:1fr}}
.mk-top{margin-bottom:28px;padding-bottom:8px;border-bottom:1px solid var(--stroke)}

.small{font-size:13px}
.mk-table th.mk-grp{text-align:center;border-bottom:1px solid var(--stroke)}.mk-table .mk-r{background:#fafbfd;color:var(--muted)}.mk-table td.mk-r{color:var(--ink)}

.shop-hero{margin-bottom:22px}.shop-hero h1{margin:6px 0 8px;font-size:clamp(30px,5vw,48px);color:var(--navy)}.shop-sub{font-size:17px;color:var(--muted);max-width:640px}
.shop-tools{display:flex;gap:10px;flex-wrap:wrap}.shop-tools input{flex:1;min-width:240px;min-height:52px;border:1px solid #cddbe7;border-radius:12px;padding:12px 16px;font-size:17px;background:#fff}.shop-tools select{min-height:52px;border:1px solid #cddbe7;border-radius:12px;padding:0 12px;background:#fff}
.shop-help{margin:8px 0 16px}#sh-list{display:flex;flex-direction:column;gap:16px}
.shop-lot{grid-template-columns:150px minmax(170px,1.3fr) minmax(150px,1fr) 120px auto!important}
.qty-step{display:inline-flex;align-items:center;border:1px solid var(--stroke);border-radius:12px;overflow:hidden;background:#fff}.qty-step button{width:42px;height:42px;border:0;background:var(--fog);font-size:20px;font-weight:700;color:var(--navy);cursor:pointer}.qty-step span{min-width:36px;text-align:center;font-weight:800}
.shop-cart{position:sticky;bottom:12px;z-index:20;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--navy);color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 12px 30px rgba(7,21,39,.3)}.shop-cart div{display:flex;flex-direction:column}.shop-cart small{opacity:.8}.shop-cart .btn{background:#fff;color:var(--navy)}.shop-cart .btn:disabled{opacity:.5}
.shop-co{margin-top:26px;border:1px solid var(--stroke);border-radius:16px;padding:20px;background:#fff}.shop-co h2{margin:0 0 12px}.shop-co .pay-chips{margin-bottom:14px}
.sh-sum{margin:16px 0;border-top:1px solid var(--stroke);padding-top:10px}.sh-sum>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.sh-tot{font-weight:800;font-size:18px;border-top:1px solid var(--stroke);margin-top:6px;padding-top:8px!important}.sh-sum .ok{color:#17723a;margin:8px 0 0}.sh-sum .warn{margin:8px 0 0}
.sh-pay{width:100%;min-height:52px;font-size:16px}
.ro-list{display:flex;flex-direction:column;gap:12px}.ro{border:1px solid var(--stroke);border-radius:14px;padding:14px 16px;background:#fff}.ro-todo{border-color:#62a5e9;box-shadow:0 0 0 3px #eaf4ff}.ro-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ro-tot{margin-left:auto}.ro-body{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin:10px 0}
@media (max-width:760px){.shop-lot{grid-template-columns:110px 1fr 1fr!important}.shop-lot .pl-add{grid-column:2/4}.ro-body{grid-template-columns:1fr}}
body:has(#shop-app) .chat-w{bottom:96px}body:has(#sh-form) .chat-w{display:none}

.pg-info h3 a{color:inherit;text-decoration:none}.pg-info h3 a:hover{color:var(--blue)}.sh-more{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--blue);margin-top:4px;text-decoration:none}.sh-more svg{width:12px;height:12px}
.tire-page .crumbs{font-size:13px;color:var(--muted);margin-bottom:16px}.tire-page .crumbs a{color:var(--blue);text-decoration:none}
.tp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start}
.tp-main{margin:0;border:1px solid var(--stroke);border-radius:16px;background:#fff;overflow:hidden;text-align:center}.tp-main img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;display:block}.tp-main figcaption{font-size:12px;color:var(--muted);padding:8px}
.tp-thumbs{display:flex;gap:10px;margin-top:10px}.tp-thumbs button{width:86px;height:86px;border:2px solid var(--stroke);border-radius:12px;padding:0;overflow:hidden;background:#fff;cursor:pointer}.tp-thumbs button.on{border-color:var(--blue)}.tp-thumbs img{width:100%;height:100%;object-fit:cover}
.tp-buy h1{margin:2px 0 4px;font-size:clamp(26px,3.4vw,38px);color:var(--navy)}.tp-size{font-size:18px;font-weight:700;margin:0 0 14px}.tp-grade{display:flex;gap:10px;align-items:center;margin-bottom:16px}.tp-grade>div{display:flex;flex-direction:column}.tp-grade small{color:var(--muted)}
.tp-price{display:flex;align-items:baseline;gap:8px}.tp-price b{font-size:34px;color:var(--navy)}.tp-price span{color:var(--muted)}.tp-left{margin:2px 0 14px;color:#17723a;font-weight:700}
.tp-add{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tp-add .btn{min-height:46px;padding:0 26px}.tp-sum{color:var(--muted);font-size:14px;margin:10px 0}
.tp-perks{margin:12px 0 0;padding-left:18px;color:var(--ink)}.tp-perks li{margin:4px 0}.tp-other{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tp-other a{border:1px solid var(--stroke);border-radius:99px;padding:6px 12px;font-size:13px;text-decoration:none;color:var(--navy);font-weight:600}
.tp-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.tp-box{border:1px solid var(--stroke);border-radius:16px;padding:18px;background:#fff}.tp-box h2{font-size:17px;margin:0 0 8px}.tp-big{font-size:22px;font-weight:800;color:var(--navy);margin:0 0 6px}.tp-bar{height:10px;margin:4px 0 6px}
.tp-levels{list-style:none;padding:0;margin:6px 0}.tp-levels li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--stroke)}
.tp-specs table{width:100%;border-collapse:collapse}.tp-specs th{text-align:left;font-weight:600;color:var(--muted);padding:6px 8px 6px 0;width:48%}.tp-specs td{padding:6px 0;font-weight:700}.tp-specs tr+tr{border-top:1px solid var(--stroke)}
.tp-more{margin-top:32px}.tp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.tp-card{border:1px solid var(--stroke);border-radius:14px;padding:10px;text-decoration:none;color:var(--ink);background:#fff;display:flex;flex-direction:column;gap:4px}.tp-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:10px}.tp-card small{color:var(--muted)}
.tp-ws{margin-top:24px}
@media (max-width:820px){.tp-grid,.tp-info{grid-template-columns:1fr}.tp-thumbs button{width:72px;height:72px}}
.tp-warranty{border-color:#bfe3cb;background:#f6fcf8}

/* trucks, trips, profit: only existing tokens (--stroke, --muted, --navy) and existing components */
.adm-back{margin:0 0 14px}.adm-back a{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-weight:700;font-size:13px}.adm-back .icon{width:16px;height:16px}
.adm-gap{margin-top:26px}.adm-note{margin:12px 0 14px;font-size:13px}.td-act{text-align:right;white-space:nowrap}
.panel-heading h2 .badge{vertical-align:middle;margin-left:6px}
.pf-range{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin:16px 0 18px}.pf-range .field{margin:0;flex:0 1 200px}.pf-range .btn{min-height:49px}
.pick-scroll{max-height:300px;overflow:auto;border:1px solid var(--stroke);border-radius:8px;padding:12px;display:grid;gap:12px}.pick-scroll .check-line{font-size:13px;color:var(--ink)}
.trip-sec{padding:18px 26px;border-top:1px solid var(--stroke)}.trip-sec h3{margin:8px 0 4px}.trip-sec .field{margin:0 0 12px}.trip-sec.is-done{opacity:.55}
.trip-stop-top{display:flex;gap:8px;align-items:center}.trip-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.trip-actions .btn{flex:1 1 140px}.trip-wide{width:100%;margin:4px 0 10px}
@media (max-width:640px){.trip-sec{padding:16px}}
b.danger,span.danger{color:#b42318}

/* retail vs wholesale signposts */
.channel-note{margin:10px 0 0;font-size:14px;color:var(--muted)}.channel-note a{color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:4px}.channel-note .icon{width:16px;height:16px}
.ws-login{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--sky);border:1px solid #bee0ff;border-radius:16px;padding:18px 20px;margin:0 0 10px}.ws-login>div:first-child{display:flex;flex-direction:column;gap:4px}.ws-login b{color:var(--navy);font-size:16px}.ws-login span{color:var(--muted);font-size:14px}
.ws-login.ok{background:#e3f6ea;border-color:#b7e4c7}.ws-login.wait{background:#fff8eb;border-color:#f3d9a4}
.con-photo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.con-photo .btn{gap:8px}
/* quote editor */
#qe-sb input,#qe-sb select{width:100%;min-width:56px;min-height:36px;padding:6px 8px}#qe-sb td:first-child input{min-width:100px}#qe-sb td:last-child{white-space:nowrap}
.qe-tot{text-align:right;margin:6px 0 0}.qe-tot b{font-size:18px}
.qe-msgs{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}
.qe-m{max-width:86%;padding:10px 14px;border-radius:12px;white-space:pre-wrap;background:var(--fog);border:1px solid var(--stroke)}
.qe-m small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.qe-m-buyer{align-self:flex-end;background:var(--sky)}
#qe-status{appearance:auto;width:auto;min-width:140px;flex:0 0 auto}
.modal-card #qe-msg,.modal-card [name=staff_reply]{min-height:96px}
/* logo + rotating scripture */
@font-face{font-family:'Kaushan Script';src:url(../fonts/kaushan-script.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
.brand-wrap{display:flex;align-items:center;gap:48px;flex-shrink:0;min-width:0}
.brand-wrap .brand{width:200px;position:relative}
.brand-wrap .brand img{width:200px;height:auto;margin-top:0;object-fit:contain}
/* small, to the side of the N, level with the top quarter of the letter (N's top edge is 16% down the logo) */
.verse-ref{position:absolute;left:calc(100% + 3px);top:15%;font-family:'Kaushan Script','Brush Script MT',cursive;font-size:15px;line-height:1;color:var(--blue);white-space:nowrap;pointer-events:none;transition:opacity .6s ease}
.verse{width:236px;margin:0;padding-left:16px;border-left:1px solid var(--stroke);transition:opacity .6s ease}
.verse.fade,.verse-ref.fade{opacity:0}
.verse-text{font-size:10.5px;line-height:1.38;font-style:italic;color:var(--muted);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.verse-text b{font-style:normal;color:var(--ink);font-weight:700}
.verse.long .verse-text{font-size:9.8px;line-height:1.32}
@media (prefers-reduced-motion:reduce){.verse,.verse-ref{transition:none}}
@media(max-width:1400px){.verse{display:none}}
@media(max-width:860px){.brand-wrap .brand,.brand-wrap .brand img{width:170px}.verse-ref{font-size:14px}}
@media(max-width:580px){.brand-wrap .brand,.brand-wrap .brand img{width:150px}.verse-ref{font-size:12px}}
/* utility bar: language switch (yellow), Call JOHN; phones show only these two */
.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid #ffc629;border-radius:99px}
.lang-switch a{color:#ffd65c!important;padding:3px 10px;border-radius:99px;text-decoration:none!important;font-weight:800;letter-spacing:.06em}
.lang-switch a[aria-current="true"]{background:#ffc629;color:#071c38!important}
.lang-switch .utility-dot{display:none!important}
.lang-switch a{display:inline-block!important}
[data-call][hidden],[data-call][hidden]+.utility-dot{display:none!important}
.call-john{display:inline-flex;align-items:center;gap:6px;color:#fff!important;font-weight:800}
.call-john .icon{width:13px;height:13px;color:#ffc629}
.call-john b{font-weight:800;letter-spacing:.04em}
.mobile-call{display:flex;align-items:center;gap:8px;color:var(--blue)!important}
.mobile-call .icon{width:18px;height:18px}
.footer-phone{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:16px;margin-top:18px}
.footer-phone .icon{width:18px;height:18px;color:#ffc629}
.call-btn .icon{width:16px;height:16px}
@media(max-width:860px){
 .utility{height:40px}.utility-tag,.u-desk,.utility-links>.utility-dot{display:none!important}
 .utility-inner{justify-content:space-between}.utility-inner>div.utility-links{width:100%;justify-content:space-between;font-size:11px;gap:10px}
 .lang-switch a{padding:4px 11px;font-size:11px}
 .call-john{font-size:12px}.call-john span{display:none}.call-john b:empty::before{content:'Call JOHN'}
}
@media(max-width:380px){.call-john b{font-size:11px}}
/* logo on the home and about pages */
.heritage-logo{width:min(320px,80%);height:auto;margin-bottom:8px}
.about-brand-circle{background:radial-gradient(circle,#fff 0,#f3f7fa 70%);border-color:#c9d8e8}
.about-brand-circle img{width:76%;filter:none}
/* search-friendly copy blocks */
.seo-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:start}
.seo-copy p{color:var(--steel);line-height:1.7;margin:0 0 14px;max-width:68ch}
.seo-copy a{color:var(--blue);font-weight:700}
.seo-aside{background:#fff;border:1px solid var(--stroke);border-radius:14px;padding:24px}
.seo-aside h3{margin:0 0 12px;font-size:16px;color:var(--navy)}
.city-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:14px;color:var(--ink)}
.city-list li::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:8px;vertical-align:2px}
.faq-wide .faq-card{max-width:860px}
.faq-wide .faq-card a{color:var(--blue);font-weight:700}
@media(max-width:860px){.seo-copy{grid-template-columns:1fr;gap:24px}}
/* used tire price check */
.pc-hero h1 em{color:#8fc7ff}
.pc-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:start}
.pc-form{background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.pc-step{display:grid;grid-template-columns:34px 1fr;gap:14px;margin-bottom:22px}
.pc-num{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.pc-label{display:block;font-weight:800;color:var(--navy);margin-bottom:10px;font-size:14px}
.pc-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pc-grade{border:1.5px solid var(--stroke);background:#fff;border-radius:12px;padding:12px 10px;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:3px}
.pc-grade b{color:var(--navy);font-size:15px}.pc-grade span{font-size:12px;color:var(--muted);line-height:1.35}
.pc-grade.on{border-color:var(--blue);background:var(--sky);box-shadow:0 0 0 3px rgba(6,92,199,.12)}
.pc-photo{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border:1.5px dashed #b8cbe0;border-radius:12px;cursor:pointer;font-size:13px;color:var(--ink)}
.pc-photo .icon{width:20px;height:20px;color:var(--blue);flex-shrink:0;margin-top:2px}
.pc-photo b{display:block;color:var(--blue)}
.pc-note,.pc-warn{margin-top:10px;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.5}
.pc-note{background:#e6f6ec;color:#17723a}.pc-warn{background:#fdecec;color:#a12020}
.pc-go{width:100%;justify-content:center}
.pc-result{margin-top:20px;background:var(--navy);color:#fff;border-radius:16px;padding:26px}
.pc-result .eyebrow{color:#8fc7ff}.pc-result .muted{color:#b9c9dc}.pc-result a{color:#ffd65c;font-weight:700}
.pc-price b{display:block;font:800 40px/1.1 Manrope,'DM Sans',sans-serif;letter-spacing:-.02em}.pc-price span{color:#b9c9dc;font-size:14px}
.pc-verdict{margin:16px 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.08)}
.pc-verdict.pc-fair{background:rgba(54,190,110,.18)}.pc-verdict.pc-low{background:rgba(255,198,41,.16)}.pc-verdict.pc-high,.pc-verdict.pc-too_high{background:rgba(240,80,80,.18)}
.pc-ours{margin-top:16px;background:#fff;color:var(--ink);border-radius:12px;padding:16px}
.pc-ours>b{display:block;margin-bottom:8px;color:var(--navy)}.pc-ours div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--stroke);font-size:14px}
.pc-ours .btn{margin-top:12px}.pc-ours a.btn{color:#fff}
.pc-side h3{font-size:16px;color:var(--navy);margin:0 0 6px}.pc-side p{color:var(--steel);font-size:14px;line-height:1.6;margin:0 0 20px}
@media(max-width:860px){.pc-layout{grid-template-columns:1fr;gap:28px}.pc-form{padding:20px}.pc-grades{grid-template-columns:1fr}.pc-price b{font-size:32px}}
.contact-routes a+a{margin-top:10px}
.phone-order-note{margin-top:14px;max-width:46ch;line-height:1.6}
.cust-no{background:var(--sky);border-radius:12px;padding:12px 14px;margin:0 0 14px;color:var(--navy)}
.cust-no b{font-size:18px;letter-spacing:.04em}
/* checkboxes and radio buttons: small and in line with their label, everywhere (incl. the New Tire Alerts form) */
input[type=checkbox],input[type=radio]{width:18px!important;height:18px!important;min-width:18px;min-height:0!important;padding:0!important;margin:2px 0 0;flex:0 0 auto;accent-color:var(--blue);box-shadow:none!important;border-radius:4px}
label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex!important;align-items:flex-start;gap:10px;grid-template-columns:none}
.jx-grid label:has(>input[type=checkbox]){grid-column:1/-1;font-weight:500;line-height:1.5;color:var(--ink)}