/* Synos Safety — public site (matches the approved mock-up) */
:root{--ink:#111;--muted:#525252;--line:#E5E5E5;--soft:#F2F2F2;--accent:#F5DA4A;--rocc:#F97316;--black:#000}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'IBM Plex Sans Thai',system-ui,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6}
img{max-width:100%;display:block}
a{color:var(--ink)}
a:hover{color:#444}
a:focus-visible,button:focus-visible{outline:3px solid #2563EB;outline-offset:2px}
h1,h2,h3{font-family:Kanit,sans-serif;font-weight:800;line-height:1.2;margin:0}
.wrap{max-width:1320px;margin:0 auto;padding-left:24px;padding-right:24px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);padding:8px 16px;z-index:99}
.skip:focus{left:8px}
.section{padding-top:64px;padding-bottom:64px}
.eyebrow{margin:0 0 6px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:2px;color:var(--muted)}
.eyebrow.accent{color:var(--accent)}
.eyebrow.dark{color:var(--ink)}
.muted{color:var(--muted);margin:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border:none;font-family:Kanit,sans-serif;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer}
.btn-lg{min-height:56px;font-size:17px}
.btn-accent{background:var(--accent);color:#111}
.btn-accent:hover{background:#ecce32;color:#111}
.btn-dark{background:#111;color:#fff}
.btn-dark:hover{background:#333;color:#fff}
.btn-outline{background:#fff;color:#111;border:2px solid #111}
.btn-ghost{background:transparent;color:#fff;border:2px solid #fff}
.btn-ghost:hover{color:#fff;background:rgba(255,255,255,.1)}
.btn-shadow{box-shadow:0 4px 14px rgba(0,0,0,.25)}
.btn-row{display:flex;flex-wrap:wrap;gap:10px}

/* utility + header */
.utility{background:#000;color:#D4D4D4;font-size:13px;border-bottom:1px solid #262626}
.utility a{color:#D4D4D4;text-decoration:none}
.utility a:hover{color:#fff}
.utility-row{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px}
.utility-left,.utility-right{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center}
.lang a[aria-current]{color:#fff;font-weight:600}
.site-header{background:#111;color:#fff;position:relative}
.header-row{display:flex;gap:16px 32px;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}
.logo img{height:52px;width:auto}
.nav-desktop{display:flex;gap:4px 28px;font-family:Kanit,sans-serif;font-size:16px;font-weight:600}
.nav-desktop a{color:#fff;text-decoration:none;padding:12px 0;border-bottom:3px solid transparent}
.nav-desktop a:hover,.nav-desktop a.is-active{border-bottom-color:var(--accent)}
.header-actions{display:flex;gap:10px;align-items:center}
.btn-quote{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;background:var(--accent);color:#111;text-decoration:none;font-family:Kanit,sans-serif;font-weight:700;font-size:15px}
.btn-quote:hover{color:#111;background:#ecce32}
.menu-btn{display:none;width:44px;height:44px;border:1px solid #404040;background:transparent;color:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.menu-btn .i-close{display:none}
.menu-btn[aria-expanded=true] .i-open{display:none}
.menu-btn[aria-expanded=true] .i-close{display:block}
.header-bar{height:4px;background:var(--accent)}
.nav-mobile{background:#111;padding:4px 24px 20px;display:flex;flex-direction:column;font-family:Kanit,sans-serif}
.nav-mobile[hidden]{display:none}
.nav-mobile a{color:#fff;text-decoration:none;padding:14px 0;border-bottom:1px solid #2A2A2A;font-size:17px;font-weight:600}
.nav-mobile .btn{margin-top:16px;border:none;color:#111}
@media (max-width:1060px){.nav-desktop{display:none}.menu-btn{display:flex}.hide-sm{display:none !important}}
@media (min-width:1061px){.nav-mobile{display:none !important}}

/* hero carousel */
.hero{position:relative;background:#000;overflow:hidden}
.hero-track{display:flex;transition:transform .6s ease}
.hero-slide{position:relative;flex:0 0 100%;height:clamp(460px,125vw,640px);overflow:hidden;background:#1c1c1c}
.hero-bg{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(28px) brightness(.75)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-cta{position:absolute;left:clamp(16px,4vw,56px);bottom:clamp(52px,6vw,68px);display:flex;flex-wrap:wrap;gap:10px}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:rgba(17,17,17,.75);display:flex;align-items:center;justify-content:center;cursor:pointer}
.hero-arrow.prev{left:clamp(8px,2vw,24px)}
.hero-arrow.next{right:clamp(8px,2vw,24px)}
.hero-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:4px}
.hero-dots button{width:44px;height:28px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.hero-dots span{display:block;height:6px;width:16px;background:rgba(255,255,255,.7);transition:width .3s}
.hero-dots [aria-current=true] span{width:32px;background:var(--accent)}
@media (prefers-reduced-motion:reduce){.hero-track{transition:none}}

/* B2B strip */
.b2b{background:var(--accent)}
.b2b-row{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px}
.b2b h2{font-size:clamp(22px,4vw,30px);line-height:1.25}

/* section heads + scrollers */
.section-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end;margin-bottom:28px}
.section-head h2{font-size:clamp(28px,5vw,40px)}
.more{font-family:Kanit,sans-serif;font-weight:600}
.scroller{display:grid;grid-auto-flow:column;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;overscroll-behavior-x:contain}
.scroller>*{scroll-snap-align:start}
.cat-scroller{grid-auto-columns:200px}
.cat-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid var(--line);border-bottom:4px solid var(--accent)}
.cat-card.is-rocc{border-bottom-color:var(--rocc)}
.cat-img{height:150px;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.cat-img img{max-width:100%;max-height:100%;object-fit:contain;background:#fff}
.cat-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:2px}
.cat-tag{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:1.2px;color:var(--muted)}
.cat-body strong{font-family:Kanit,sans-serif;font-size:17px;line-height:1.3}
.cat-body small{color:var(--muted)}

.dark-band{background:#111;color:#fff}
.dark-band .eyebrow{color:var(--accent)}
.work-scroller{grid-auto-columns:minmax(260px,1fr)}
.work-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:340px;background:#262626 linear-gradient(135deg,#2a2a2a,#1a1a1a);text-decoration:none;color:#fff}
.work-card:hover{color:#fff;outline:2px solid var(--accent)}
.work-body{padding:20px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.work-body strong{font-family:Kanit,sans-serif;font-size:24px;font-weight:800}
.work-body span{font-size:14px;color:#D4D4D4}
.work-body em{font-style:normal;font-weight:600;color:var(--accent)}

.product-scroller{grid-auto-columns:minmax(250px,1fr)}
.product-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff}
.product-img{position:relative;height:230px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}
.product-img img{width:100%;height:100%;object-fit:contain}
.noimg{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:28px;letter-spacing:3px;color:#D4D4D4}
.std{position:absolute;top:0;left:0;padding:5px 10px;background:#111;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:1px}
.product-body{padding:18px;display:flex;flex-direction:column;gap:6px;flex:1}
.product-body h3{font-family:'Barlow Condensed',sans-serif;font-size:21px;line-height:1.1}
.product-body h3 a{text-decoration:none}
.product-body p{margin:0;font-size:15px;line-height:1.5;color:#404040;flex:1}
.product-body .btn{margin-top:10px;min-height:46px;font-size:15px}
.oos{color:#B91C1C !important;font-weight:600;font-size:14px !important;flex:0 !important}

.statement{background:#1c1c1c;color:#fff}
.statement h2{font-size:clamp(32px,6vw,56px);max-width:780px;margin:12px 0}
.statement .lead{font-size:17px;color:#D4D4D4;max-width:640px;margin:0 0 24px}
.stats{display:flex;flex-wrap:wrap;gap:24px 56px;margin-bottom:28px}
.stats div{display:flex;flex-direction:column}
.stats strong{font-family:'Barlow Condensed',sans-serif;font-size:52px;font-weight:800;line-height:1;color:var(--accent)}
.stats span{font-size:14px;color:#D4D4D4}

.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));border:1px solid var(--line)}
.services a{display:flex;flex-direction:column;gap:10px;padding:28px;text-decoration:none;border:1px solid var(--line)}
.services a:hover{background:var(--soft)}
.services strong{font-family:Kanit,sans-serif;font-size:20px}
.services span{font-size:14px;color:var(--muted)}
.services em{font-style:normal;font-weight:600}

/* product page */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px;font-size:14px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.pd{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:48px;padding-top:24px;padding-bottom:48px}
.pd-main{position:relative;aspect-ratio:1;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.pd-main img{width:100%;height:100%;object-fit:contain}
.pd-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}
.pd-thumbs button{padding:0;border:1px solid var(--line);background:#fff;aspect-ratio:1;cursor:pointer}
.pd-thumbs button[aria-current=true]{border:2px solid #111}
.pd-thumbs img{width:100%;height:100%;object-fit:contain}
.pd-info{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.pd-model{font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,8vw,60px);line-height:1}
.pd-name{margin:0;font-family:Kanit,sans-serif;font-weight:600;font-size:clamp(20px,4vw,24px)}
.pd-desc{margin:0;color:#404040;line-height:1.75}
.h3{font-size:17px;font-weight:700}
.sizes{display:flex;flex-wrap:wrap;gap:6px}
.sizes span{min-width:44px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #A3A3A3;font-weight:700}
.buy-box{align-self:stretch;background:var(--soft);padding:16px;display:flex;flex-direction:column;gap:8px}
.buy-box div{display:flex;flex-wrap:wrap;gap:8px}
.buy-box a{min-height:44px;padding:0 16px;display:flex;align-items:center;background:#fff;border:1px solid #D4D4D4;text-decoration:none;font-weight:600}
.pd-specs h2{font-size:28px;margin-bottom:16px}
.pd-specs table{width:100%;max-width:760px;border-collapse:collapse}
.pd-specs th{text-align:left;font-weight:500;color:var(--muted);padding:12px 16px 12px 0;width:40%;border-bottom:1px solid var(--line)}
.pd-specs td{padding:12px 0;border-bottom:1px solid var(--line)}

.message-page{min-height:50vh}
.message-page h1{font-size:clamp(30px,6vw,48px);margin-bottom:12px}
.lead-dark{font-size:17px;color:#404040;max-width:620px;margin:0 0 24px}

/* footer */
.site-footer{background:#000;color:#D4D4D4;font-size:14px;border-top:4px solid var(--accent)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:32px;padding-top:56px;padding-bottom:32px}
.footer-grid>div{display:flex;flex-direction:column;gap:10px}
.footer-grid strong{color:#fff;font-family:Kanit,sans-serif;font-size:16px}
.footer-grid a{color:#D4D4D4;text-decoration:none}
.footer-grid a:hover{color:#fff}
.footer-brand img{height:56px;width:auto}
.footer-brand p{margin:0}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:20px;padding-bottom:20px;border-top:1px solid #262626;font-size:13px;color:#A3A3A3}
.footer-legal a{color:#A3A3A3}
.line-fab{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:30px;background:#06C755;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:20}
.line-fab:hover{color:#fff}
@media (max-width:600px){.wrap{padding-left:16px;padding-right:16px}.section{padding-top:48px;padding-bottom:48px}}

/* ---------- inner pages ---------- */
.section-sm{padding-top:40px;padding-bottom:48px}
.page-head{background:#111;color:#fff;border-bottom:6px solid var(--accent)}
.page-head.is-rocc{border-bottom-color:var(--rocc)}
.page-head .wrap{padding-top:44px;padding-bottom:40px}
.page-head h1{font-size:clamp(30px,5.5vw,52px);margin-bottom:10px}
.page-head p{margin:0;max-width:720px;color:#D4D4D4;font-size:17px}
.page-head.is-rocc .eyebrow.accent{color:var(--rocc)}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.jump a{color:#fff;border:1px solid #525252;padding:8px 14px;text-decoration:none;font-weight:600;font-size:15px}
.jump a:hover{border-color:var(--accent);color:var(--accent)}
.badge{min-width:22px;height:22px;padding:0 6px;background:#111;color:var(--accent);font-size:13px;display:inline-flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif}

.filter-bar{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;margin-bottom:24px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.filter-bar .chips{margin-bottom:0}
.chips a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #A3A3A3;text-decoration:none;font-weight:600;font-size:15px;background:#fff}
.chips a small{font-family:'Barlow Condensed',sans-serif;font-size:15px;color:var(--muted)}
.chips a:hover{border-color:#111}
.chips a[aria-current]{background:#111;color:#fff;border-color:#111}
.chips a[aria-current] small{color:var(--accent)}
.search-box{display:flex;flex:1 1 300px;max-width:440px}
.search-box input{flex:1;min-width:0;height:50px;border:2px solid #111;border-right:none;padding:0 14px;font:inherit}
.search-box .btn{min-height:50px}
.result-line{margin:-8px 0 20px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:16px}
.empty-box{border:2px dashed #D4D4D4;padding:36px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.empty-box strong{font-family:Kanit,sans-serif;font-size:20px}
.empty-box p{margin:0 0 12px;color:var(--muted);max-width:520px}
.empty-box .btn-row{justify-content:center}

.alert{padding:14px 18px;font-weight:600;border-left:6px solid;margin:16px 0}
.alert-ok{background:#111;color:#fff;border-color:var(--accent)}
.alert-error{background:#FEF2F2;color:#991B1B;border-color:#DC2626}
.alert-warn{background:#FFFBEB;color:#92400E;border-color:#F59E0B}

/* forms */
.quote label,.form-card label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}
.quote label em,.form-card label em{color:#B91C1C;font-style:normal}
.quote label small,.form-card label small{font-weight:400;color:var(--muted)}
.quote input[type=text],.quote input[type=tel],.quote input[type=email],.quote input[type=number],.quote select,.quote textarea,
.form-card input[type=text],.form-card input[type=tel],.form-card input[type=email],.form-card select,.form-card textarea{height:50px;border:1px solid #737373;border-radius:0;padding:0 12px;font:inherit;font-weight:400;background:#fff;width:100%}
.quote textarea,.form-card textarea{height:auto;padding:10px 12px;resize:vertical}
.quote input:focus,.quote select:focus,.quote textarea:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.search-box input:focus{outline:3px solid #2563EB;outline-offset:0}
[aria-invalid=true]{border-color:#DC2626 !important;border-width:2px !important}
.field-error{color:#B91C1C;font-weight:500;font-size:14px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}
label.check{flex-direction:row !important;align-items:center;gap:10px !important;font-weight:500 !important;min-height:44px}
.check input{width:22px;height:22px;accent-color:#111;margin:0}
.checks{border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 20px}
.checks legend{font-weight:600;font-size:15px;padding:0;margin-bottom:4px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fine{font-size:13px;color:var(--muted);margin:0}

/* quote */
.quote-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start}
@media (max-width:900px){.quote-grid{grid-template-columns:minmax(0,1fr)}}
.section-head.tight{margin-bottom:16px;align-items:center}
.section-head.tight h2{font-size:26px}
.count{display:inline-flex;min-width:30px;height:30px;align-items:center;justify-content:center;background:var(--accent);font-family:'Barlow Condensed',sans-serif;font-size:18px;vertical-align:middle}
.q-lines{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--line)}
.q-line{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.q-img{width:96px;height:96px;background:var(--soft);display:flex;align-items:center;justify-content:center}
.q-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.q-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.q-model{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:21px;text-decoration:none;line-height:1.1}
.q-name{color:#404040;font-size:15px}
.q-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.q-controls label{font-size:13px !important;gap:4px !important}
.q-controls select,.q-controls input{height:44px !important;width:130px !important}
.q-actions{display:flex;gap:18px;margin-top:4px}
.link{background:none;border:none;padding:0;min-height:36px;font:inherit;font-weight:600;font-size:14px;text-decoration:underline;cursor:pointer;color:#111}
.link.danger{color:#B91C1C}
.why{margin-top:28px;background:var(--soft);padding:20px;border-left:6px solid var(--accent)}
.why ul{margin:8px 0 0;padding-left:20px}
.quote-form{border:2px solid #111;padding:24px;display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}
.quote-form h2{font-size:24px}
@media (max-width:900px){.quote-form{position:static;padding:20px 16px}}
.done{text-align:center;display:flex;flex-direction:column;align-items:center}
.done .btn-row{justify-content:center}
.done-mark{width:76px;height:76px;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.ref{font-size:18px;margin:0 0 8px}
.ref strong{font-family:'Barlow Condensed',sans-serif;font-size:28px;letter-spacing:1px;margin-left:6px}

/* solutions */
.sol{border-bottom:1px solid var(--line);scroll-margin-top:12px}
.sol .section-head h2{font-size:clamp(24px,4vw,34px)}
.sol .section-head p{max-width:640px;margin-top:6px}

/* downloads */
.file-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.file-list li{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.file-ico{width:48px;height:56px;background:#111;color:var(--accent);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;flex-shrink:0}
.file-meta{flex:1 1 220px;display:flex;flex-direction:column;min-width:0}
.file-meta small{color:var(--muted);font-size:14px}
.file-list .btn{min-height:44px;font-size:15px}

/* shops */
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px;margin-bottom:32px}
.shop-card{display:flex;flex-direction:column;gap:4px;padding:24px;min-height:170px;border:1px solid var(--line);border-top:8px solid var(--c);text-decoration:none;background:#fff;transition:box-shadow .15s}
.shop-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);color:#111}
.shop-name{font-family:Kanit,sans-serif;font-weight:800;font-size:26px}
.shop-store{color:var(--muted)}
.shop-go{margin-top:auto;font-weight:700;color:var(--c)}
.shop-card.is-soon{opacity:.6}
.shop-card.is-soon .shop-go{color:var(--muted)}
.callout{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;background:var(--accent);padding:24px}
.callout strong{font-family:Kanit,sans-serif;font-size:22px}
.callout p{margin:4px 0 0}

/* dealers */
.hq-card{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;border:2px solid #111;border-left:10px solid var(--accent);padding:24px;margin-bottom:28px}
.hq-card h2{font-size:26px}
.hq-card p{margin:6px 0 0;color:#404040}
.dealer-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:14px}
.dealer{border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:4px}
.dealer small{color:var(--muted);font-size:13px}
.dealer strong{font-family:Kanit,sans-serif;font-size:19px}
.brands{display:flex;gap:6px;margin-top:4px}
.tag-b{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;padding:2px 8px;background:var(--accent)}
.tag-b.is-rocc{background:var(--rocc);color:#fff}
.dealer-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px}
.dealer-links a{font-weight:600}
.soft-band{background:var(--soft)}
.apply{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px;align-items:start}
@media (max-width:900px){.apply{grid-template-columns:minmax(0,1fr)}}
.apply-intro h2{font-size:clamp(28px,4vw,38px);margin-bottom:10px}
.form-card{background:#fff;padding:24px;display:flex;flex-direction:column;gap:16px;border-top:6px solid #111}
@media (max-width:600px){.form-card{padding:20px 16px}}

/* about */
.about{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start}
@media (max-width:900px){.about{grid-template-columns:minmax(0,1fr)}}
.stats.light strong{color:#111}
.stats.light span{color:var(--muted)}
.stats.light{margin-top:28px}
.brand-pair{display:grid;gap:14px}
.brand-tile{background:#111;color:#fff;padding:24px;display:flex;flex-direction:column;gap:6px;text-decoration:none;border-left:8px solid var(--accent)}
.brand-tile.is-rocc{border-left-color:var(--rocc)}
.brand-tile.is-rocc .eyebrow{color:var(--rocc)}
.brand-tile:hover{color:#fff;background:#262626}
.brand-tile strong{font-family:Kanit,sans-serif;font-size:24px}
.brand-tile span:not(.eyebrow){color:#D4D4D4}
.brand-tile em{font-style:normal;font-weight:700;color:var(--accent);margin-top:6px}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;margin:20px 0 24px}
.contact-grid>div{background:#fff;padding:18px;display:flex;flex-direction:column;gap:2px}
.contact-grid .wide{grid-column:1/-1}
.contact-grid small{color:var(--muted)}
.contact-grid a,.contact-grid span{font-weight:600;font-size:17px;word-break:break-word}
.prose{max-width:780px}
.prose h2{font-size:22px;margin:28px 0 8px}
.prose p{margin:0 0 12px}
.small{font-size:13px}
.lbl{display:block}
@media (max-width:600px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-grid .product-img{height:150px}
  .product-grid .product-body{padding:12px;gap:4px}
  .product-grid .product-body h3{font-size:18px}
  .product-grid .product-body p{font-size:13px}
  .product-grid .product-body .btn{min-height:42px;font-size:13px;padding:0 8px}
  .product-grid .std{font-size:13px;padding:3px 7px}
  .page-head .wrap{padding-top:32px;padding-bottom:28px}
  .page-head p{font-size:15px}
}
@media (max-width:600px){.q-line{grid-template-columns:64px minmax(0,1fr);gap:12px}.q-img{width:64px;height:64px}.q-controls select,.q-controls input{width:124px !important}}