:root{--primary:#0878e8;--primary-dark:#075ebd;--primary-soft:#eaf4ff;--navy:#0c2f4f;--ink:#102a43;--muted:#64748b;--surface:#fff;--canvas:#f5f8fc;--border:#dde7f1;--border-strong:#c7d5e3;--success:#0f9f74;--warning:#d97706;--danger:#dc3545;--shadow:0 8px 28px rgba(22,52,78,.09);--shadow-lg:0 24px 70px rgba(5,36,64,.22);--radius:8px;--container:1200px;--header-offset:132px;color-scheme:light;scrollbar-color:#9db5c9 #edf3f8;scrollbar-width:thin}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--surface);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}
body::-webkit-scrollbar,*::-webkit-scrollbar{width:10px;height:10px}
body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:#edf3f8}
body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:#9db5c9;border:2px solid #edf3f8;border-radius:999px}
body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:#7696af}
button,input,select,textarea{font:inherit;color:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.025em}
h2{font-size:clamp(22px,2.5vw,29px);line-height:1.15;letter-spacing:-.015em}
h3{font-size:15px}
input,select,textarea{width:100%;border:1px solid var(--border-strong);border-radius:6px;background:#fff;outline:none;transition:border-color .16s,box-shadow .16s}
input,select{height:42px;padding:0 12px}
textarea{min-height:108px;padding:10px 12px;resize:none}
input:hover,select:hover,textarea:hover{border-color:#9db7cd}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(8,120,232,.15)}
[aria-invalid="true"]{border-color:var(--danger);box-shadow:0 0 0 3px rgba(220,53,69,.1)}
:focus-visible{outline:3px solid rgba(8,120,232,.35);outline-offset:2px}
.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}
/* Accessibility utility intentionally overrides contextual component styles. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;background:var(--navy);color:#fff;padding:10px 16px;border-radius:6px;transition:top .16s}.skip-link:focus{top:16px}
.icon{display:inline-flex;width:18px;height:18px;flex:0 0 auto;align-items:center;justify-content:center;font-style:normal}
.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;padding:9px 16px;font-weight:700;line-height:1.1;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;cursor:pointer}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}
.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn--secondary{background:#fff;color:var(--primary-dark);border-color:#b8d4ee}.btn--secondary:hover{background:var(--primary-soft)}
.btn--ghost{background:transparent;color:var(--muted)}.btn--ghost:hover{background:#edf3f8;color:var(--ink)}
.btn--ghost-light{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.55)}.btn--ghost-light:hover{background:#fff;color:var(--navy)}
.btn--success{background:var(--success);color:#fff}.btn--success:hover{background:#0a805e}
.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:#b92635}
.btn--block{width:100%}
.icon-btn{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;transition:background .16s,color .16s,border-color .16s}.icon-btn:hover{background:var(--primary-soft);color:var(--primary)}.icon-btn--danger{color:var(--danger)}.icon-btn--danger:hover{background:#fff0f2;color:#b92635}
.eyebrow{display:inline-block;margin-bottom:9px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#cae6ff}.eyebrow--blue{color:var(--primary)}
.panel,.admin-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px rgba(32,64,92,.04)}
.demo-chip{display:inline-flex;align-items:center;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);padding:5px 9px;font-size:11px;font-weight:700}
.topbar{background:var(--navy);color:#d7eaff;font-size:11px}.topbar__inner{height:28px;display:flex;justify-content:space-between;align-items:center}
.site-header{position:relative;z-index:40;background:#fff;border-bottom:1px solid var(--border)}
.header-main{height:66px;display:grid;grid-template-columns:auto minmax(260px,520px) auto;gap:28px;align-items:center}
.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand__mark{position:relative;width:29px;height:35px;border:2px solid var(--primary);border-radius:55% 55% 62% 62%/70% 70% 40% 40%;transform:rotate(45deg) scale(.65);flex:0 0 auto}.brand__mark span{position:absolute;inset:6px;border:2px solid var(--primary);border-radius:inherit}.brand__mark+span{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:17px;color:var(--primary);letter-spacing:-.03em}.brand small{font-size:8px;letter-spacing:.18em;color:var(--navy);margin-top:4px}.brand--dark strong,.brand--dark small{color:#fff}.brand--dark .brand__mark,.brand--dark .brand__mark span{border-color:#40a4ff}
.header-search{position:relative;display:flex}.header-search input{height:40px;padding:0 74px 0 14px;border-radius:6px}.header-search>button:last-child{position:absolute;right:0;top:0;width:42px;height:40px;border:0;background:transparent;color:var(--navy)}.search-clear{position:absolute;right:42px;top:7px;width:28px;height:27px;border:0;background:transparent;color:var(--muted)}
.utility-nav{display:flex;justify-content:flex-end;gap:5px}.utility-nav>a{position:relative;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:6px}.utility-nav>a:hover{background:var(--primary-soft);color:var(--primary)}.cart-link{background:var(--navy);color:#fff}.utility-nav>a.cart-link:hover{background:var(--primary);color:#fff}.cart-badge{position:absolute;right:-5px;top:-6px;display:flex;min-width:18px;height:18px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:var(--danger);color:#fff;font-size:9px;font-weight:700}
.mobile-menu-toggle{display:none}
.nav-wrap{border-top:1px solid #edf2f6}.primary-nav{height:38px;display:flex;align-items:center;gap:27px;font-size:12px;font-weight:700}.primary-nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.primary-nav a:hover,.primary-nav a.active{color:var(--primary);border-bottom-color:var(--primary)}
.hero{background:linear-gradient(105deg,#0c2f4f 0%,#174a72 46%,#dce7eb 46%);overflow:hidden}.hero__grid{min-height:356px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center}.hero__copy{position:relative;z-index:2;color:#fff;padding:42px 34px 42px 0}.hero__copy h1{max-width:460px;margin-bottom:14px}.hero__copy p{max-width:440px;color:#d9e9f5;font-size:16px}.hero__actions{display:flex;gap:10px;margin-top:25px}.hero__art{align-self:stretch;overflow:hidden}.hero__art svg{width:100%;height:100%;object-fit:cover}
.benefits{position:relative;z-index:2;margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.benefits article{display:flex;gap:12px;align-items:center;padding:18px;border-right:1px solid var(--border)}.benefits article:last-child{border-right:0}.benefits .icon{width:38px;height:38px;padding:9px;border-radius:6px;background:var(--primary-soft);color:var(--primary)}.benefits strong,.benefits span{display:block}.benefits strong{font-size:13px}.benefits span{font-size:11px;color:var(--muted);margin-top:2px}
.section{padding-top:42px;padding-bottom:42px}.section--tint{background:var(--canvas)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading>a{display:flex;gap:6px;align-items:center;color:var(--primary);font-size:12px;font-weight:700}
.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.category-card{min-width:0;padding:10px 8px 13px;border:1px solid var(--border);border-radius:8px;background:#fff;transition:border .16s,box-shadow .16s,transform .16s}.category-card:hover{border-color:#9dc9ef;box-shadow:0 8px 20px rgba(8,120,232,.1);transform:translateY(-2px)}.category-art{height:92px}.category-art svg{width:100%;height:100%}.category-card strong,.category-card span{display:block;text-align:center}.category-card strong{font-size:12px}.category-card span{display:none;color:var(--muted);font-size:10px;margin-top:3px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#fff;transition:border-color .16s,box-shadow .16s,transform .16s}.product-card:hover{border-color:#add0ed;box-shadow:var(--shadow);transform:translateY(-2px)}.product-card__image{display:block;height:190px;background:linear-gradient(145deg,#fbfdff,#edf3f7)}.product-card__image svg{width:100%;height:100%;padding:10px}.favorite-btn{position:absolute;right:8px;top:8px;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:var(--navy)}.favorite-btn:hover{color:var(--danger);border-color:#ffc5cc}.product-card__body{padding:12px}.stock-dot{font-size:10px;color:var(--success)}.product-card__name{display:-webkit-box;min-height:42px;margin:6px 0 9px;overflow:hidden;font-size:13px;font-weight:700;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-card__name:hover{color:var(--primary)}.price{display:block;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}.price--request{color:var(--primary-dark);font-size:14px}.hybrid-note{display:block;min-height:18px;font-size:9px;color:var(--muted)}.product-card .btn{margin-top:10px;min-height:37px;padding:8px;font-size:11px}
.brand-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.brand-strip a{display:flex;min-height:96px;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:#fff}.brand-strip a:hover{border-color:var(--primary)}.brand-strip strong{color:var(--brand-tone);font-size:20px}.brand-strip small{margin-top:6px;color:var(--muted)}
.site-footer{margin-top:30px;background:var(--navy);color:#c9dceb}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px;padding-top:46px;padding-bottom:35px}.footer-grid p{font-size:12px;color:#afc4d5}.footer-grid h3{color:#fff;margin-bottom:13px}.footer-grid a:not(.brand){display:block;margin:8px 0;font-size:12px;color:#afc4d5}.footer-grid a:hover{color:#fff}.footer-grid .demo-chip{color:#bfddf7;background:rgba(255,255,255,.08)}.footer-bottom{padding:16px 0;border-top:1px solid rgba(255,255,255,.11);font-size:11px;color:#91acbf}
.breadcrumb{padding-top:16px;padding-bottom:12px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0;font-size:11px;color:var(--muted)}.breadcrumb li:not(:last-child)::after{content:"/";margin-left:7px;color:#a7b6c3}.breadcrumb a:hover{color:var(--primary)}
.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding-bottom:50px}.filters{border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}.filter-group{padding:15px;border-bottom:1px solid var(--border)}.filter-group h3{margin-bottom:10px}.filter-group label{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:29px;font-size:12px;color:#405a70;cursor:pointer}.filter-group input{width:15px;height:15px;margin:0;accent-color:var(--primary)}.filter-group small{color:#9aabba}.filter-reset-link{padding:5px 0;border:0;background:transparent;color:var(--primary);font-size:11px}.clear-filters{margin:12px;width:calc(100% - 24px)}.filter-toggle{display:none}.catalog-main{min-width:0}.catalog-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px;padding:4px 0 12px;border-bottom:1px solid var(--border)}.catalog-toolbar h1{margin:0 0 4px;font-size:27px}.results-count{color:var(--muted);font-size:12px}.sort-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.sort-control select{width:170px;height:38px}.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:40px;padding-bottom:34px}.product-gallery__main{height:430px;border-radius:10px;background:linear-gradient(145deg,#fbfdff,#edf3f7);border:1px solid var(--border)}.product-gallery__main svg{width:100%;height:100%;padding:30px}.product-gallery__thumbs{display:flex;gap:10px;margin-top:10px}.product-gallery__thumbs button{width:74px;height:64px;padding:3px;border:1px solid var(--border);border-radius:6px;background:#fff}.product-gallery__thumbs button.active{border:2px solid var(--primary)}.product-gallery__thumbs svg{width:100%;height:100%}.product-info{padding-top:10px}.product-kicker{color:var(--primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.product-info h1{margin:8px 0 10px;font-size:30px}.product-info>.price{font-size:26px;margin-top:14px}.product-info p{color:#516a7e}.rating{font-size:12px;color:var(--muted)}.rating span{color:#ffb400;letter-spacing:1px}.stock-line{display:flex;gap:7px;align-items:center;margin:12px 0;color:var(--success);font-size:12px}.variant-field{border:0;margin:14px 0;padding:0}.variant-field legend{margin-bottom:7px;font-weight:700}.variant-field label{display:inline-block;margin-right:7px}.variant-field input{position:absolute;opacity:0}.variant-field span{display:block;padding:8px 13px;border:1px solid var(--border-strong);border-radius:6px;cursor:pointer}.variant-field input:checked+span{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.purchase-row{display:grid;grid-template-columns:110px 1fr;gap:10px;margin:15px 0 10px}.quantity-control{display:grid;grid-template-columns:34px 1fr 34px;height:42px;border:1px solid var(--border-strong);border-radius:6px;overflow:hidden}.quantity-control button{border:0;background:#f4f8fb}.quantity-control button:hover{background:var(--primary-soft);color:var(--primary)}.quantity-control input{height:40px;padding:0;border:0;border-radius:0;text-align:center;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button{display:none}.product-info>.btn{margin-bottom:8px}.mini-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px;padding-top:15px;border-top:1px solid var(--border)}.mini-benefits span{display:flex;gap:4px;align-items:center;font-size:10px}.mini-benefits .icon{color:var(--primary)}.product-tabs{border-top:1px solid var(--border)}.spec-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.spec-layout p{color:var(--muted)}.spec-layout dl{margin:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}.spec-layout dl div{display:grid;grid-template-columns:1fr 1.4fr;border-bottom:1px solid var(--border)}.spec-layout dl div:last-child{border:0}.spec-layout dt,.spec-layout dd{padding:10px 12px;margin:0}.spec-layout dt{background:#f7fafc;font-weight:700}.spec-layout dd{color:#425c72}
.page-title{margin-bottom:22px}.page-title h1{margin-bottom:8px}.page-title h1 small{font-size:15px;color:var(--muted);font-weight:400}.page-title p{max-width:690px;color:var(--muted)}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.cart-list{border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}.cart-row{display:grid;grid-template-columns:92px minmax(0,1fr) 110px 110px 38px;gap:14px;align-items:center;padding:13px;border-bottom:1px solid var(--border)}.cart-row:last-of-type{border:0}.cart-row__art{height:72px;background:#f6f9fb;border-radius:6px}.cart-row__art svg{width:100%;height:100%}.cart-row__main>a{display:block;margin-bottom:5px;font-weight:700}.cart-row__main>a:hover{color:var(--primary)}.cart-row__main .price{font-size:13px}.cart-row__main .hybrid-note{display:none}.cart-line-total{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.continue-shopping{display:flex;gap:7px;align-items:center;justify-content:flex-end;padding:13px;color:var(--primary);font-size:12px;font-weight:700}.order-summary{position:sticky;top:15px;padding:18px;border:1px solid var(--border);border-radius:8px;background:#f8fbfe}.order-summary h2{font-size:18px}.order-summary dl{margin:0 0 15px}.order-summary dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;color:#52697c;font-size:12px}.order-summary .summary-total{margin-top:7px;padding-top:14px;border-top:1px solid var(--border);color:var(--ink);font-size:15px;font-weight:700}.summary-notice{color:var(--warning)!important}.notice{padding:10px;border-radius:6px;background:#fff6e9;color:#945300;font-size:11px}.order-summary .btn{margin-top:8px}
.stepper{display:grid;grid-template-columns:repeat(3,1fr);max-width:680px;margin:0 auto 28px}.stepper span{position:relative;display:flex;align-items:center;gap:8px;color:#8092a2;font-size:12px}.stepper span::after{content:"";height:1px;background:var(--border);flex:1}.stepper span:last-child::after{display:none}.stepper b{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#e3ebf2}.stepper .active{color:var(--primary);font-weight:700}.stepper .active b{background:var(--primary);color:#fff}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.quote-form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:12px;font-weight:700}.form-field--wide{grid-column:1/-1}.field-error{min-height:16px;color:var(--danger);font-size:11px}.checkbox-line{display:flex;gap:9px;align-items:flex-start;margin:18px 0 4px;color:#536c80;font-size:12px;cursor:pointer}.checkbox-line input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--primary)}.quote-summary{position:sticky;top:15px}.quote-item{display:grid;grid-template-columns:55px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.quote-item>span{height:48px}.quote-item svg{width:100%;height:100%}.quote-item strong,.quote-item small{display:block;font-size:11px}.quote-item small{color:var(--muted);margin-top:2px}.quote-item>b{font-size:10px;text-align:right}
.confirmation{max-width:720px;padding-top:70px;padding-bottom:70px;text-align:center}.confirmation__icon{display:flex;width:84px;height:84px;align-items:center;justify-content:center;margin:0 auto 18px;border-radius:50%;background:var(--success);color:#fff}.confirmation__icon .icon{width:46px;height:46px}.confirmation h1{margin:16px 0}.confirmation p{color:var(--muted)}.confirmation__actions{display:flex;justify-content:center;gap:10px;margin:24px 0}.confirmation-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;border:1px solid var(--border);border-radius:8px;background:var(--border);overflow:hidden}.confirmation-features span{display:flex;gap:8px;align-items:center;justify-content:center;padding:15px;background:#fff;font-size:12px}.confirmation-features .icon{color:var(--primary)}
.brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brands-grid>a{position:relative;display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:#fff;transition:.16s}.brands-grid>a:hover{border-color:#96c7ef;box-shadow:var(--shadow);transform:translateY(-2px)}.brand-logo{color:var(--brand-tone);font-size:25px;font-weight:800}.brands-grid span{margin-top:8px;color:var(--muted);font-size:11px}.brands-grid small{position:absolute;bottom:12px;display:flex;gap:5px;align-items:center;color:var(--primary);opacity:0;transition:opacity .16s}.brands-grid>a:hover small{opacity:1}
.about-hero{padding:76px 0;background:linear-gradient(100deg,rgba(10,40,66,.93),rgba(10,40,66,.7)),linear-gradient(145deg,#6f838d,#d4dee2);color:#fff}.about-hero h1{max-width:620px}.about-hero p{max-width:560px;color:#d4e5f1}.prose-layout{display:grid;grid-template-columns:1fr 300px;gap:60px}.prose-layout p{color:#526b7f}.fact-card{padding:22px;border-radius:8px;background:var(--navy);color:#fff}.fact-card strong,.fact-card span{display:block}.fact-card strong{font-size:22px}.fact-card span{color:#b9d0df;font-size:11px}.fact-card hr{margin:17px 0;border:0;border-top:1px solid rgba(255,255,255,.16)}
.contact-layout{display:grid;grid-template-columns:1fr 440px;gap:45px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-cards article{display:flex;gap:12px;padding:16px;border:1px solid var(--border);border-radius:8px}.contact-cards .icon{width:37px;height:37px;padding:9px;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.contact-cards strong,.contact-cards span{display:block}.contact-cards span{margin-top:3px;color:var(--muted);font-size:11px}.contact-form{padding:24px}.contact-form h2{font-size:21px}.contact-form .form-field{margin-bottom:11px}.form-note{margin:9px 0 0;color:var(--muted);font-size:10px;text-align:center}
.empty-state{grid-column:1/-1;padding:62px 20px;text-align:center;border:1px dashed #b9ccdc;border-radius:8px;background:#fbfdff}.empty-state__icon{width:48px;height:48px;margin:0 auto 15px;color:#9bb4c8}.empty-state h2{font-size:20px;margin-bottom:6px}.empty-state p{color:var(--muted)}
.toast-region{position:fixed;right:18px;top:18px;z-index:1000;display:grid;gap:8px;width:min(360px,calc(100vw - 36px))}.toast{display:grid;grid-template-columns:22px 1fr 28px;gap:9px;align-items:center;padding:11px 10px 11px 14px;border:1px solid #cfe4d9;border-radius:8px;background:#fff;color:var(--ink);box-shadow:var(--shadow-lg);animation:toast-in .2s ease-out}.toast--success>.icon{color:var(--success)}.toast--error{border-color:#f2bcc2}.toast--error>.icon{color:var(--danger)}.toast--info>.icon{color:var(--primary)}.toast button{border:0;background:transparent;color:var(--muted)}
@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.modal-backdrop{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,29,50,.62);animation:fade-in .18s ease-out}.modal{width:min(640px,100%);max-height:min(88vh,760px);display:flex;flex-direction:column;border-radius:10px;background:#fff;box-shadow:var(--shadow-lg);animation:modal-in .2s ease-out}.modal>header,.modal>footer{display:flex;align-items:center;padding:15px 18px}.modal>header{justify-content:space-between;border-bottom:1px solid var(--border)}.modal>header h2{margin:0;font-size:19px}.modal>footer{justify-content:flex-end;gap:8px;border-top:1px solid var(--border)}.modal-body{padding:18px;overflow:auto}.modal-body p{margin-bottom:0}.modal-form textarea{min-height:80px}@keyframes fade-in{from{opacity:0}}@keyframes modal-in{from{opacity:0;transform:scale(1.025)}}
.fatal-error{max-width:620px;margin:10vh auto;padding:32px;border:1px solid var(--border);border-radius:8px}.fatal-error a{color:var(--primary);font-weight:700}

/* Admin */
.admin-body{background:#f3f7fb}.admin-shell{min-height:100vh;display:grid;grid-template-columns:205px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px;background:linear-gradient(180deg,#0b2e4e,#071f35);color:#caddeb;overflow:auto}.admin-sidebar>.brand{margin:3px 7px 6px}.admin-demo-label{margin:0 7px 22px;color:#789bb5;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.admin-sidebar nav{display:grid;gap:3px}.admin-sidebar nav a,.admin-back{display:flex;min-height:40px;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:#b7cbda;font-size:12px;font-weight:700}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#0c78c9;color:#fff}.admin-sidebar nav .icon,.admin-back .icon{width:17px;height:17px}.admin-back{margin-top:auto}.admin-back:hover{color:#fff}.admin-main{min-width:0}.admin-topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:#fff}.admin-topbar>div{display:flex;align-items:center;gap:10px}.admin-topbar>div:first-child>span{font-weight:700}.admin-menu{display:none}.admin-content{padding:25px;max-width:1450px;margin:0 auto}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:19px}.admin-page-head h1{font-size:28px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats-grid article{display:flex;gap:13px;padding:18px;border:1px solid var(--border);border-radius:8px;background:#fff}.stats-grid>article>.icon{width:40px;height:40px;padding:10px;border-radius:8px;background:var(--primary-soft);color:var(--primary)}.stats-grid span,.stats-grid strong,.stats-grid small{display:block}.stats-grid span{font-size:11px;color:var(--muted)}.stats-grid strong{font-size:25px}.stats-grid small{font-size:10px;color:#8395a5}.admin-dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-top:14px}.admin-card{padding:18px}.admin-card h2{font-size:16px}.table-wrap{overflow:auto;scrollbar-gutter:stable}.table-wrap table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}.table-wrap th{padding:10px;border-bottom:1px solid var(--border);background:#f7fafc;color:#597186;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.table-wrap td{padding:10px;border-bottom:1px solid #eaf0f5;vertical-align:middle}.table-wrap tbody tr:hover{background:#f8fbfe}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap td small{display:block;color:var(--muted)}.stock-list{list-style:none;padding:0;margin:0}.stock-list li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.stock-list li:last-child{border:0}.stock-list li>span{width:48px;height:42px;background:#f7fafc}.stock-list svg{width:100%;height:100%}.stock-list strong,.stock-list small{display:block;font-size:11px}.stock-list small{color:var(--warning)}.admin-toolbar{display:flex;gap:10px;margin-bottom:12px}.admin-search{position:relative;flex:1;max-width:430px}.admin-search>.icon{position:absolute;left:11px;top:11px;color:var(--muted)}.admin-search input{padding-left:38px;padding-right:38px}.admin-search .search-clear{right:5px}.admin-toolbar>label{display:grid;grid-template-columns:auto 150px;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.admin-toolbar select{height:42px}.admin-product-cell{display:flex;align-items:center;gap:9px;max-width:280px}.admin-product-cell>span{width:48px;height:44px;flex:0 0 auto;border-radius:5px;background:#f4f8fb}.admin-product-cell svg{width:100%;height:100%}.admin-product-cell strong{overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:700}.status--success{background:#e3f8ef;color:#087855}.status--danger{background:#ffe9eb;color:#b52836}.status--info{background:var(--primary-soft);color:var(--primary-dark)}.row-actions{display:flex}.table-empty,.admin-empty{padding:28px;text-align:center;color:var(--muted)}.simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.simple-grid article{display:grid;grid-template-columns:72px 1fr 38px;gap:12px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:7px}.simple-grid article:hover{border-color:#afd2ef}.simple-icon{height:62px;background:#f6f9fb}.simple-icon svg{width:100%;height:100%}.simple-grid strong,.simple-grid span,.simple-grid small{display:block}.simple-grid span,.simple-grid small{font-size:10px;color:var(--muted)}.admin-brand-name{display:flex;height:62px;align-items:center;justify-content:center;border-radius:6px;background:#f7fafc;font-weight:800}.demo-banner{display:flex;gap:9px;align-items:center;margin-bottom:14px;padding:11px 13px;border:1px solid #c7e1f7;border-radius:7px;background:var(--primary-soft);color:#245576;font-size:11px}.settings-form{max-width:760px}.settings-form h2{margin-bottom:18px}.settings-form>.form-field{margin-bottom:12px}.danger-zone{max-width:900px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;border-color:#efc3c8}.danger-zone h2{margin-bottom:5px}.danger-zone p{margin-bottom:0;color:var(--muted);font-size:11px}.admin-table select{width:110px;height:34px;padding:0 8px;font-size:11px}

@media (max-width:1050px){.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.brand-strip{grid-template-columns:repeat(3,1fr)}.header-main{grid-template-columns:auto minmax(220px,1fr) auto;gap:14px}.cart-row{grid-template-columns:75px minmax(0,1fr) 105px 90px 38px}.stats-grid{grid-template-columns:repeat(2,1fr)}.simple-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:780px){:root{--header-offset:68px}.container{width:min(calc(100% - 24px),var(--container))}.topbar,.nav-wrap{display:none}.site-header{position:sticky;top:0}.header-main{height:auto;min-height:64px;grid-template-columns:auto 38px auto;gap:8px;padding-top:10px;padding-bottom:10px}.header-main>.brand{grid-column:1}.mobile-menu-toggle{display:flex;grid-column:2;grid-row:1}.utility-nav{grid-column:3;grid-row:1}.header-search{grid-column:1/-1;grid-row:2}.primary-nav{position:absolute;left:12px;right:12px;top:58px;height:auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow-lg)}.primary-nav.is-open{display:flex}.primary-nav a{height:42px;padding:0 12px;border:0;border-radius:5px}.primary-nav a:hover,.primary-nav a.active{background:var(--primary-soft)}.hero{background:linear-gradient(155deg,#0c2f4f 0%,#174a72 52%,#dce7eb 52%)}.hero__grid{min-height:auto;grid-template-columns:1fr}.hero__copy{padding:38px 0 28px}.hero__copy h1{font-size:34px}.hero__art{height:260px;margin:0 -12px}.benefits{grid-template-columns:1fr 1fr}.benefits article:nth-child(2){border-right:0}.benefits article:nth-child(-n+2){border-bottom:1px solid var(--border)}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card:nth-child(n+7){display:none}.product-grid,.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card__image{height:160px}.footer-grid{grid-template-columns:1fr 1fr}.catalog-layout{grid-template-columns:1fr}.filter-toggle{display:flex;margin-bottom:10px}.filters{display:none}.filters.is-open{display:block}.catalog-toolbar{align-items:flex-end}.product-detail{grid-template-columns:1fr;gap:18px}.product-gallery__main{height:360px}.product-info h1{font-size:27px}.cart-layout,.quote-layout{grid-template-columns:1fr}.order-summary,.quote-summary{position:static}.cart-row{grid-template-columns:64px minmax(0,1fr) 105px 34px}.cart-line-total{grid-column:2/4;text-align:left}.form-grid{grid-template-columns:1fr}.form-field--wide{grid-column:auto}.brands-grid{grid-template-columns:repeat(2,1fr)}.prose-layout,.contact-layout{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;z-index:80;left:0;top:0;width:220px;transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow-lg)}.admin-sidebar.is-open{transform:none}.admin-menu{display:flex}.admin-content{padding:16px}.admin-topbar{padding:0 14px}.admin-dashboard-grid{grid-template-columns:1fr}.simple-grid{grid-template-columns:1fr}}
@media (max-width:480px){body{font-size:13px}.header-main>.brand strong{font-size:14px}.header-main>.brand small{font-size:7px}.utility-nav>a:first-child{display:none}.hero__copy h1{font-size:30px}.hero__actions{align-items:stretch;flex-direction:column}.hero__actions .btn{width:100%}.hero__art{height:210px}.benefits{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid var(--border)!important;padding:13px}.benefits article:last-child{border-bottom:0!important}.category-grid{grid-template-columns:repeat(2,1fr)}.section{padding-top:32px;padding-bottom:32px}.section-heading{align-items:flex-start}.section-heading>a{font-size:0}.section-heading>a .icon{font-size:initial}.product-grid,.catalog-products{gap:8px}.product-card__image{height:130px}.product-card__body{padding:9px}.product-card__name{font-size:11px}.product-card .btn{font-size:10px}.brand-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:22px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.sort-control{width:100%;justify-content:space-between}.sort-control select{width:190px}.product-gallery__main{height:310px}.product-gallery__main svg{padding:8px}.purchase-row{grid-template-columns:100px 1fr}.mini-benefits{grid-template-columns:1fr}.cart-row{grid-template-columns:58px 1fr 34px;gap:9px}.cart-row .quantity-control{grid-column:2;width:105px}.cart-line-total{grid-column:2;text-align:left}.confirmation__actions{flex-direction:column}.confirmation-features{grid-template-columns:1fr}.brands-grid{grid-template-columns:1fr 1fr;gap:8px}.brands-grid>a{min-height:125px}.brand-logo{font-size:19px}.contact-cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stats-grid article{padding:12px}.stats-grid>article>.icon{display:none}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-page-head .btn{width:100%}.admin-toolbar{flex-direction:column}.admin-toolbar>label{grid-template-columns:1fr 1fr}.danger-zone{align-items:stretch;flex-direction:column}.modal-backdrop{padding:8px}.modal{max-height:94vh}.modal .form-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover,.product-card:hover,.category-card:hover,.brands-grid>a:hover{transform:none}}
@media (forced-colors:active){*{scrollbar-color:auto}.btn,.status,.demo-chip{forced-color-adjust:auto}}

/* Locally generated photorealistic catalog assets. */
.product-photo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
.product-card__image .product-photo{padding:8px}
.category-art .product-photo{padding:4px}
.product-gallery__main .product-photo{padding:24px}
.product-gallery__thumbs .product-photo{padding:2px}
.cart-row__art .product-photo,.quote-item .product-photo,.admin-product-cell .product-photo,.stock-list .product-photo,.simple-icon .product-photo{padding:3px}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.about-hero{background:linear-gradient(100deg,rgba(10,40,66,.94),rgba(10,40,66,.62)),url('../images/hero-bathroom.png') center 56%/cover no-repeat}