
:root{--bg:#060b13;--panel:#0c1523;--border:#213249;--muted:#9aaac0;--accent:#58c7ff;--foreground:#edf3fc;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{transition:background .15s}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input,select{background:#17171d;border:1px solid var(--border);border-radius:7px;color:var(--foreground)}h1,h2,p{margin:0}h1{font-size:clamp(30px,3.2vw,44px);line-height:1.2;letter-spacing:-1.6px;font-weight:600}h2{font-weight:600}p{color:var(--muted)}.container{max-width:1380px;margin:0 auto;padding:0 48px}.header{border-bottom:1px solid var(--border);background:#121217}.header-inner{max-width:1380px;min-height:94px;margin:auto;padding:18px 48px;display:flex;align-items:center;gap:64px}.brand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:2.7px;font-weight:700}.brand-mark{display:grid;place-items:center;border:1px solid #4779a4;color:var(--accent);border-radius:9px;width:38px;height:42px;font-size:25px;font-weight:400;transform:skewY(-6deg)}.brand-sub{display:block;letter-spacing:2.6px;font-size:8px;color:var(--muted);margin-top:2px}.header nav{display:flex;align-self:stretch;align-items:center;gap:28px;color:var(--muted)}.header nav .active{color:var(--foreground);position:relative}.header nav .active:after{content:"";position:absolute;bottom:-34px;left:0;right:0;height:2px;background:var(--accent)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:13px}.account-link{color:var(--muted)}.cart-link{display:flex;gap:10px;align-items:center}.cart-link span{background:#122e4a;color:#a0dfff;border-radius:5px;padding:1px 7px;font-size:11px}.page-intro{padding:48px 0 36px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--accent);font-weight:600}.intro-label{margin-bottom:16px;display:flex;gap:9px;align-items:center}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%}.intro-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-intro p{margin-top:13px}.intro-row h1 span{color:#8eb4d8}.demo-pill{font-size:9px;letter-spacing:1.4px;padding:6px 10px;border:1px solid #285279;border-radius:4px;color:var(--accent);white-space:nowrap}.catalog-layout{display:grid;grid-template-columns:212px minmax(0,1fr);gap:38px;padding-bottom:64px}.filters{border-top:1px solid var(--border);padding-top:22px}.filter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.filter-heading h2{font-size:15px}.text-button{border:0;background:none;color:var(--accent);padding:0;font-size:11px}.text-button:hover{color:#c3edff}fieldset{border:0;padding:0;margin:0}legend{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);margin-bottom:17px}.category-option{display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer;color:#c7c4d2;font-size:12px}.category-option input{width:13px;height:13px;accent-color:var(--accent)}.category-icon{color:#81748e;font-size:16px;width:17px}.category-option small{margin-left:auto;font-size:10px;color:var(--muted)}.price-filter{border-top:1px solid var(--border);margin-top:25px;padding-top:24px}.price-filter label{display:block;font-size:12px;margin-bottom:15px}.price-filter input{width:100%;accent-color:var(--accent)}.price-filter>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:6px}.sidebar-note{border:1px solid var(--border);padding:16px;margin-top:38px;border-radius:7px;font-size:11px}.sidebar-note>.status-dot{margin-right:7px}.sidebar-note p{font-size:11px;line-height:1.8;margin-top:9px}.toolbar{display:flex;gap:14px;min-height:44px}.search{display:flex;align-items:center;gap:12px;flex:1;background:#17171d;border:1px solid var(--border);border-radius:7px;padding-left:15px}.search>span:first-child{font-size:24px;color:var(--muted)}.search input{width:100%;border:0;background:transparent;padding:10px 12px 10px 0;min-width:0;font-size:12px;outline-offset:1px}.sort select{height:100%;width:184px;padding:0 12px;font-size:12px}.results-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:20px 0}.results-meta span:last-child{color:#777280}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{background:var(--panel);border:1px solid var(--border);border-radius:9px;overflow:hidden;min-width:0}.product-image{position:relative;display:block;overflow:hidden;background:#22222a;aspect-ratio:1.48}.product-image img{width:100%;height:100%;object-fit:cover}.image-label{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:1px;background:#15131bd9;color:#d4c9e2;padding:4px 7px;border:1px solid #6a5a7655;border-radius:3px}.image-arrow{position:absolute;right:12px;bottom:10px;font-size:18px;color:#e1d8ea}.product-info{padding:18px}.product-info .eyebrow{font-size:8px}.product-info h2{font-size:16px;letter-spacing:-.3px;margin:6px 0}.product-info p{font-size:10px;min-height:32px}.product-bottom{margin-top:18px;padding-top:15px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-size:15px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:#56bfff;color:#031321;border:1px solid #56bfff;border-radius:6px;font-size:12px;font-weight:600}.button:hover:not(:disabled){background:#a0e4ff;color:#031321}.button-small{font-size:10px;padding:7px 9px;background:#102c46;border-color:#2c5980;color:#a3dfff;white-space:nowrap}.button-small:hover:not(:disabled){background:#194565;color:#e8f8ff}.empty{padding:80px 20px;text-align:center;border:1px solid var(--border);border-radius:9px}.empty h2{font-size:24px}.empty p{margin:15px 0 25px}.footer{border-top:1px solid var(--border);padding-top:30px;padding-bottom:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:10px}.footer strong{font-size:11px;letter-spacing:1.6px}.footer p{margin-top:6px}.footer>div:nth-child(2){display:flex;gap:22px;align-items:center;color:var(--muted)}.footer .footer-bottom{flex-basis:100%;font-size:9px;color:#777280;padding-top:18px;border-top:1px solid #24232b}.muted{color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:11px;margin:30px 0}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;padding-bottom:50px}.gallery-main{position:relative;border-radius:9px;overflow:hidden;border:1px solid var(--border)}.gallery-main img{width:100%;height:auto}.thumbnails{display:flex;gap:10px;margin-top:14px}.thumbnails button{border:1px solid var(--border);border-radius:5px;overflow:hidden;padding:0;background:var(--panel);width:92px}.thumbnails button[aria-pressed=true]{border-color:var(--accent)}.thumbnails img{width:100%;height:auto}.detail-info h1{margin-top:12px}.lead{font-size:17px;margin-top:15px}.detail-price{font-size:30px;margin:24px 0}.detail-price small{display:block;font-size:10px;color:var(--muted)}.detail-info>.button{width:100%}.detail-info>.muted{font-size:10px;margin-top:12px}.detail-info hr{border:0;border-top:1px solid var(--border);margin:28px 0}.detail-info h2{font-size:14px;margin:22px 0 12px}.detail-info p{font-size:12px}.detail-info dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:11px}.detail-info dt{color:var(--muted)}.detail-info dd{text-align:right}.related{border-top:1px solid var(--border);padding:32px 0 60px}.section-heading{display:flex;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-size:20px}.section-heading a{font-size:12px;color:var(--accent)}.prose-page{max-width:760px;margin:60px auto 80px;min-height:50vh}.prose-page h1{margin-top:14px}.prose-page details{border-bottom:1px solid var(--border);padding:23px 0}.prose-page .lead{margin-bottom:25px}.prose-page details p{padding-top:16px;font-size:13px}.account-panel{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:30px;margin-top:30px}.account-panel h2{font-size:23px;margin:22px 0 12px}.account-panel ul{padding:15px 20px;color:var(--muted);line-height:2}.account-panel .button{margin-top:24px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:35px;padding-bottom:80px;min-height:45vh}.cart-row{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--border);padding:20px 0}.cart-row img{border-radius:5px;max-width:100px;height:auto}.cart-row h2{font-size:14px}.cart-row .eyebrow{font-size:8px}.cart-row>div{flex:1}.cart-row>div>span:last-child{font-size:10px;color:var(--muted)}.cart-row select{padding:6px;font-size:12px}.cart-row strong{font-size:12px;white-space:nowrap}.summary{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:24px;height:fit-content}.summary h2{font-size:18px;margin-bottom:25px}.summary>div{display:flex;justify-content:space-between;font-size:12px;gap:12px}.summary p{font-size:11px;line-height:1.8;margin:16px 0}.summary .summary-total{border-top:1px solid var(--border);padding-top:20px;margin:20px 0}.skip-link{position:absolute;left:15px;top:-100px;z-index:50;background:var(--accent);color:#111;padding:12px}.skip-link:focus{top:15px}
@media(min-width:1500px){.container,.header-inner{max-width:1480px}.product-info p{font-size:12px}}
@media(max-width:1100px){.container{padding-left:28px;padding-right:28px}.header-inner{padding:18px 28px;gap:35px}.catalog-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-layout{grid-template-columns:1fr}.summary{max-width:500px;width:100%;margin-left:auto}.cart-row>div{min-width:100px}}
@media(max-width:700px){.container{padding-left:20px;padding-right:20px}.header-inner{padding:16px 20px;gap:18px;flex-wrap:wrap}.brand{font-size:13px;gap:9px}.brand-sub{font-size:7px}.brand-mark{width:32px;height:35px}.header nav{order:3;flex-basis:100%;font-size:12px;gap:25px}.header nav .active:after{bottom:-16px}.header-actions{gap:12px;font-size:11px}.account-link{font-size:0}.account-link:after{content:"Account";font-size:11px}.page-intro{padding:32px 0 25px}.intro-row{align-items:flex-start}.intro-row .demo-pill{display:none}h1{letter-spacing:-1px}.catalog-layout{grid-template-columns:1fr;gap:25px}.filters{padding-top:14px}.filter-heading{margin-bottom:15px}.filters fieldset:first-of-type{display:flex;flex-wrap:wrap;gap:8px}.filters legend{margin-bottom:10px}.category-option{min-height:34px;border:1px solid var(--border);border-radius:5px;padding:0 9px;font-size:11px}.category-option small,.category-icon{display:none}.price-filter{margin-top:16px;padding-top:14px;display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:center}.price-filter legend{margin-bottom:8px}.price-filter label{margin:0;font-size:11px}.price-filter>div{display:none}.sidebar-note{display:none}.toolbar{gap:8px}.sort select{width:145px;font-size:11px;padding:0 6px}.results-meta{font-size:9px}.results-meta span:last-child{display:none}.product-grid{gap:12px}.product-info{padding:12px}.product-info h2{font-size:13px}.product-info p{font-size:10px;min-height:45px}.product-bottom{flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:12px}.product-bottom .button{width:100%}.price{font-size:14px}.image-label{font-size:6px;padding:3px 5px;top:8px;left:8px}.footer>div:nth-child(2){flex-wrap:wrap;gap:14px}.detail-layout{grid-template-columns:1fr;gap:25px}.cart-row{flex-wrap:wrap;gap:12px}.cart-row img{max-width:72px}.cart-row .text-button{margin-left:auto}.prose-page{margin-top:35px}.account-panel{padding:22px}.empty{padding:50px 16px}.empty h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

[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}.mt-6{margin-top:24px}.w-full{width:100%}ul{list-style:disc}img{display:block;max-width:100%}
.thumbnails{flex-wrap:wrap}.product-image img{object-fit:cover}


/* DBF identity: graphite, brushed silver and electric blue */
:root{--bg:#060b13;--panel:#0c1523;--border:#213249;--muted:#9aaac0;--accent:#58c7ff;--foreground:#edf3fc}
body{background:radial-gradient(ellipse at 50% 0,rgba(25,79,139,.14),transparent 620px),var(--bg)}
.header{background:#070d17;border-bottom-color:#233d5d;position:relative}
.header:after{content:"";position:absolute;bottom:-1px;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,#2476cb,#64d4ff,#2476cb,transparent);opacity:.65}
.header-inner{min-height:100px;gap:44px}
.brand{gap:12px;letter-spacing:1.8px;flex-shrink:0}
.brand-logo{position:relative;display:block;overflow:hidden;width:128px;height:49px;flex-shrink:0}
.brand-logo img{position:absolute;width:176px;height:176px;max-width:none;left:-25px;top:-51px;mix-blend-mode:screen}
.brand-name{font-size:13px;font-weight:700;line-height:1.4;background:linear-gradient(180deg,#f7fbff,#a1b3cc);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand-sub{font-size:8px;letter-spacing:2px;color:#7b9cbf;background:none;-webkit-text-fill-color:#7b9cbf;margin-top:5px}
.header nav .active:after{bottom:-36px;background:var(--accent);box-shadow:0 0 10px #25a9ff55}
.cart-link span{background:#122e4a;color:#a0dfff;border:1px solid #244d76}
.page-intro{padding-top:44px}
.intro-row h1{background:linear-gradient(135deg,#f4f8ff 15%,#a8b8cd 70%);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro-row h1 span{color:#8eb4d8}
.demo-pill{border-color:#285279;background:#0c2136;color:#8bd6ff}
input,select,.search{background:#0a1422;border-color:#24364d}
input::placeholder{color:#8e9fb7}
input[type=checkbox],input[type=range]{accent-color:#4dbaff}
.product-card{background:linear-gradient(145deg,#101c2c,#0a121e);border-color:#263951;box-shadow:0 8px 28px #00000020}
.product-card:hover{border-color:#3c658e}
.product-image{background:#08111f}
.product-info h2 a{color:#e6edf7}
.product-info h2 a:hover{color:#8ed8ff}
.image-label{background:#071321e8;color:#bbdfff;border-color:#416c8e80}
.image-arrow{color:#d5ebff}
.price,.detail-price{color:#e9f3ff}
.product-bottom{border-top-color:#23354b}
.button{background:linear-gradient(135deg,#68d4ff,#3997ef);border-color:#5bc6ff;color:#031321;box-shadow:inset 0 1px 0 #cceeff66}
.button:hover:not(:disabled){background:linear-gradient(135deg,#9de7ff,#5baeff);color:#031321}
.button-small{background:#102c46;border-color:#2c5980;color:#a3dfff;box-shadow:none}
.button-small:hover:not(:disabled){background:#194565;color:#e8f8ff}
.button:disabled{background:#152438;border-color:#2b415d;color:#a1b2c8;box-shadow:none;opacity:.7}
.sidebar-note{background:#0a1523;border-color:#263d57}
.status-dot{background:#61cdff;box-shadow:0 0 8px #38a9ff55}
.category-icon{color:#78a7d4}
.category-option{color:#c3d1e2}
.thumbnails button{background:#0b1625;border-color:#29415c}
.thumbnails button[aria-pressed=true]{border-color:#66caff;box-shadow:0 0 0 1px #66caff33}
.summary,.account-panel{background:linear-gradient(145deg,#102033,#0a1321);border-color:#2a405c}
.footer{border-color:#24384f}
.footer strong{color:#d8e6f5}
.footer .footer-bottom{border-color:#1d2c40;color:#8597ae}
.results-meta span:last-child{color:#8da1ba}
.text-button:hover{color:#c3edff}
@media(max-width:1100px){.header-inner{gap:25px}.brand{gap:6px}.brand-name{font-size:11px;letter-spacing:1.5px}}
@media(max-width:700px){
.header-inner{gap:14px;min-height:90px;padding-top:12px;padding-bottom:16px}
.brand-logo{width:91px;height:39px}.brand-logo img{width:132px;height:132px;left:-21px;top:-39px}
.brand-name{font-size:10px;letter-spacing:1px}.brand-sub{font-size:6px;letter-spacing:1px;margin-top:3px}
.header-actions{gap:12px}.header nav .active:after{bottom:-16px}
.page-intro{padding-top:30px}.intro-row h1{font-size:31px}
}
@media(max-width:380px){.brand-name{font-size:9px}.brand-logo{width:75px}.brand-logo img{width:112px;height:112px;left:-18px;top:-31px}.header-actions{font-size:10px;gap:8px}}
