.hw-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;padding-bottom:1rem;font-size:.9rem}.hw-toolbar>a{color:var(--fg-muted)}.hw-catalog{padding-bottom:var(--section)}.hw-feature{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid var(--line);border-radius:var(--radius-3);overflow:hidden}.hw-image{background:var(--porcelain-2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:var(--radius-3)}.hw-image img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s ease}.hw-feature-image{min-height:350px;border-radius:0}.hw-feature-image img{height:300px;width:70%;filter:drop-shadow(0 20px 15px rgb(34 56 72 / .12))}.hw-image-caption{position:absolute;top:22px;left:24px;color:var(--slate)}.hw-feature-copy{padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;justify-content:center;gap:1.4rem}.hw-feature-copy h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;letter-spacing:var(--tracking-h2);line-height:1.12}.hw-feature-copy>p{color:var(--fg-muted)}.hw-purchase{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.hw-purchase strong{font-size:1.5rem;font-weight:500}.hw-purchase small{display:block;color:var(--fg-muted);font-size:.75rem}.hw-text-link{text-underline-offset:.2em;text-decoration:underline;font-size:.875rem}.hw-assortment{margin-top:3rem}.hw-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.hw-section-heading h2{font-size:var(--text-h3);font-weight:500}.hw-categories{display:flex;gap:.3rem;flex-wrap:wrap}.hw-categories a{padding:.65rem .85rem;color:var(--fg-muted);font-size:.875rem;border-radius:var(--radius-2)}.hw-categories a[aria-current=page]{background:var(--fg);color:var(--bg)}.hw-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1.5rem 0 2rem}.hw-filters label:first-child{flex:1;min-width:200px}.hw-filters input,.hw-filters select{font:inherit;font-size:.9375rem;background:var(--surface-input);color:var(--fg);border:1px solid var(--input-border);border-radius:var(--radius-2);padding:.8rem;max-width:100%;min-height:44px;width:100%}.hw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2rem}.hw-card{min-width:0;display:flex;flex-direction:column}.hw-card-link{display:block;flex:1}.hw-card .hw-image{height:250px}.hw-card h3{font-size:1.15rem;font-weight:500;letter-spacing:var(--tracking-h3);margin-top:1rem;line-height:1.3}.hw-card p{color:var(--fg-muted);font-size:.875rem;margin-top:.45rem}.hw-card-price{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.hw-card-price>span:last-child{font-size:1.4rem}.hw-quick{border-top:1px solid var(--line);padding:.8rem 0;margin-top:.8rem;display:flex;justify-content:space-between;font-size:.875rem;color:var(--fg-muted);min-height:44px}.hw-small{font-size:.8125rem;color:var(--fg-muted);line-height:1.6}.hw-muted{color:var(--fg-muted)}.hw-empty{padding:3rem 0}.hw-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:560px;max-width:100%;height:100dvh;max-height:100dvh;overflow:auto;border:0;border-left:1px solid var(--line);padding:clamp(20px,3vw,36px);background:var(--bg);color:var(--fg);overscroll-behavior:contain}.hw-dialog::backdrop{background:#0a0f148c;backdrop-filter:blur(5px)}.hw-dialog[open]{animation:hw-enter .2s ease-out}.hw-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.hw-dialog h2{font-size:2rem;line-height:1.12;letter-spacing:var(--tracking-h2);font-weight:500;margin:1.5rem 0 1rem}.hw-dialog .hw-image{height:230px}.hw-config-form{display:grid;gap:1.2rem;margin-top:1.5rem}.hw-choice label{font-size:.9375rem;font-weight:500}.hw-total strong{font-size:1.4rem;font-weight:500}.hw-action{display:flex;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.8rem 1rem;background:var(--blue-fill);color:var(--on-blue);border-radius:var(--radius-2);font:inherit;font-weight:500;cursor:pointer}.hw-secondary{background:var(--surface-secondary);color:var(--fg);border:1px solid var(--line)}.hw-action:disabled{opacity:.6;cursor:wait}.hw-related{border-top:1px solid var(--line);padding-top:1rem;display:grid;gap:.75rem}.hw-message{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-2);line-height:1.6}.hw-message[data-state=error]{border-color:var(--deviation)}.hw-message:empty{display:none}.hw-dialog>*+*{margin-top:1rem}.hw-dialog [hidden],[data-hardware-card][hidden],.hw-catalog [hidden],.hw-quote [hidden]{display:none!important}.hw-product{padding-block:2rem var(--section)}.hw-product-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,5vw,5rem)}.hw-product-media .hw-image{height:clamp(320px,38vw,540px)}.hw-product-media{min-width:0}.hw-product-media>p{margin-top:1rem}.hw-product h1{font-size:clamp(2.3rem,3.8vw,3.7rem);font-weight:500;letter-spacing:var(--tracking-display);line-height:1.06;margin:1rem 0 1.5rem}.hw-product-description{font-size:1.05rem;line-height:1.65;color:var(--fg-muted)}.hw-gallery{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.hw-gallery button{width:70px;height:70px;border:1px solid var(--line);border-radius:5px;background:var(--porcelain-2);padding:7px}.hw-gallery img{width:100%;height:100%;object-fit:contain}.hw-details{margin-top:var(--section);display:grid;gap:3rem}.hw-detail-section{display:grid;grid-template-columns:1fr 2fr;gap:2rem;border-top:1px solid var(--line);padding-top:2rem}.hw-detail-section h2{font-size:var(--text-h3);font-weight:500}.hw-specs h3{font-size:1rem;font-weight:500;margin-bottom:1rem}.hw-specs>div+div{margin-top:2rem}.hw-specs dl>div{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line);font-size:.9rem}.hw-specs dt{color:var(--fg-muted)}.hw-details ul{padding-left:1.2rem}.hw-details li+li{margin-top:.6rem}.hw-details details{border-bottom:1px solid var(--line);padding:1rem 0}.hw-details summary{cursor:pointer;font-weight:500}.hw-details details p{margin-top:1rem;color:var(--fg-muted)}.hw-related-grid{margin-top:var(--section)}.hw-quote{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:var(--section)}.hw-quote-form{padding:clamp(20px,3vw,36px);background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-3);display:grid;gap:1.5rem;align-self:start}.hw-quote-form fieldset{display:grid;gap:1.2rem;border:0;padding:0;margin:0;min-width:0}.hw-trap{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.hw-quote-status{scroll-margin-top:7rem}@keyframes hw-enter{0%{transform:translate(35px);opacity:.5}to{transform:none;opacity:1}}.hw-product>nav{margin-bottom:1.5rem}.hw-product-hero .hw-product-media{align-self:start}.hw-choice{padding-top:1rem;border:0;border-top:1px solid var(--line);gap:.5rem;display:grid;min-width:0;margin:0;padding-inline:0;padding-bottom:0}.hw-choice legend{font-size:.9375rem;font-weight:500;padding-right:.75rem}.hw-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.5rem}.hw-option{position:relative;min-width:0;cursor:pointer}.hw-option input{position:absolute;opacity:0;width:1px;height:1px}.hw-option-face{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:48px;height:100%;padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--radius-2);color:var(--fg-muted);background:var(--surface-input);font-size:.875rem;line-height:1.4}.hw-option-face small{white-space:nowrap;font-size:.75rem}.hw-option input:checked+.hw-option-face{color:var(--fg);border-color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}.hw-option input:focus-visible+.hw-option-face{outline:2px solid var(--focus-ring);outline-offset:3px}.hw-stepper{display:inline-flex;width:fit-content;max-width:100%;align-items:center;border:1px solid var(--input-border);border-radius:var(--radius-2);background:var(--surface-input);overflow:hidden}.hw-stepper button{width:44px;min-height:48px;font-size:1.3rem;flex-shrink:0}.hw-stepper button:disabled{opacity:.3;cursor:default}.hw-stepper input{width:64px;min-height:48px;border:0;border-inline:1px solid var(--line);border-radius:0;padding:.5rem;background:transparent;color:var(--fg);text-align:center;font:inherit;appearance:textfield;-moz-appearance:textfield}.hw-stepper input::-webkit-inner-spin-button,.hw-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hw-stepper :focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}#hardware-selection[open]{display:flex;flex-direction:column;gap:0}#hardware-selection .hw-dialog-head{margin:0}#hardware-selection h2{margin:24px 0 10px;font-size:2.25rem}#hardware-selection>.hw-muted{margin:0 0 24px;font-size:.9375rem}.hw-line:first-child{padding-top:8px}.hw-line-name{display:block;font-weight:500;font-size:1rem;line-height:1.4}.hw-line-info .hw-small{margin-top:6px}.hw-line-info .hw-small:empty{display:none}.hw-line-actions{display:flex;gap:16px}.hw-line-actions button{min-height:44px;font-size:.8125rem;color:var(--fg-muted);text-decoration:underline;text-underline-offset:3px}.hw-line .hw-stepper button{width:44px;min-height:44px;font-size:1rem}.hw-line .hw-stepper input{width:44px;min-height:44px;padding:4px;font-size:.875rem}.hw-line-price strong{font-weight:500}.hw-selection-items .hw-line:last-child{border-bottom:0}.hw-selection-footer{border-top:1px solid var(--line);padding-top:20px}.hw-selection-footer .hw-total{align-items:center;padding:0 0 14px;border:0}.hw-selection-footer .hw-total strong{font-size:1.8rem;letter-spacing:-.04em}.hw-selection-footer>.hw-small{margin-bottom:16px}#hardware-selection .hw-selection-footer{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.hw-close{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:50%;font-size:1.5rem}.hw-line-image{background:var(--porcelain-2);border-radius:12px;padding:10px;object-fit:contain;height:88px;width:88px;grid-row:span 2}.hw-line{padding:24px 0;grid-template-columns:88px minmax(0,1fr);display:grid;border-bottom:1px solid var(--line);gap:8px 18px}.hw-quote-form>.hw-muted{font-size:.9375rem;line-height:1.7}.hw-quote-form h2,.hw-quote-summary h2{font-weight:500;font-size:1.5rem;line-height:1.25;letter-spacing:-.03em}.hw-quote-summary{min-width:0;padding:clamp(20px,3vw,36px);border:1px solid var(--line);border-radius:var(--radius-3);background:var(--surface-card)}.hw-quote-summary h2{margin-bottom:24px}.hw-quote-summary>.hw-text-link{display:inline-block;margin-top:16px;font-size:.875rem}.hw-form-pair{gap:1rem;grid-template-columns:1fr 1fr;display:grid;column-gap:20px;row-gap:8px}.hw-check{font-size:.9rem;gap:.6rem;align-items:start;display:flex;line-height:1.6}.hw-check input{height:18px;width:18px;margin-top:.3rem;flex-shrink:0;accent-color:var(--blue)}.hw-config-heading{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:20px;margin:24px 0 16px}.hw-config-heading .hw-image{height:88px;border-radius:12px}.hw-config-heading h2{margin:0;font-size:1.5rem}[data-config-body]>.hw-muted{font-size:.9375rem;line-height:1.65}[data-config-body]>.hw-text-link{display:inline-block;margin-top:24px}.hw-line-bottom{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hw-total{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 0;border-top:1px solid var(--line);align-items:center;flex-wrap:wrap}.hw-line-price{text-align:right;font-size:1.125rem;font-variant-numeric:tabular-nums;margin:0 0 0 auto}.hw-dialog:focus-visible{outline:none}html:has(.hw-dialog[open]){overflow:hidden}.hw-selection-items{scrollbar-width:thin;scrollbar-gutter:stable}#hardware-selection .hw-selection-footer,#hardware-selection>.hw-dialog-head,#hardware-selection>h2,#hardware-selection>.hw-muted{flex-shrink:0}#hardware-selection [data-selection-body]{display:flex;flex-direction:column;flex:1;margin:0;min-height:200px}#hardware-selection{padding:28px;width:520px;overflow:hidden;overflow-y:auto}#hardware-selection .hw-selection-items{overflow:auto;flex:1;overscroll-behavior:contain;padding-right:8px;min-height:96px}@media(hover:hover){.hw-card-link:hover img{transform:scale(1.04)}.hw-quick:hover{color:var(--fg)}}@media(max-width:900px){.hw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-feature{grid-template-columns:1fr 1fr}.hw-product-hero{grid-template-columns:1fr 1fr;gap:2rem}.hw-form-pair{grid-template-columns:1fr}}@media(max-width:640px){.hw-toolbar{padding-top:1rem}.hw-feature,.hw-product-hero,.hw-detail-section,.hw-quote{grid-template-columns:1fr}.hw-feature-image{min-height:245px}.hw-feature-image img{height:210px}.hw-feature-copy{gap:1rem}.hw-grid{gap:2rem 1rem}.hw-card .hw-image{height:165px}.hw-card h3{font-size:1rem}.hw-card-price{font-size:.875rem;gap:.5rem}.hw-categories a{padding:.6rem;font-size:.8125rem}.hw-filters{gap:.75rem}.hw-filters select{width:100%}.hw-product-media .hw-image{height:300px}.hw-product{padding-top:1rem}.hw-specs dl>div{grid-template-columns:1fr 1fr}.hw-quote-summary{grid-row:1}.hw-dialog{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.hw-dialog[open]{animation:none}.hw-image img{transition:none}}@media(hover:hover){.hw-option:hover .hw-option-face{border-color:var(--blue)}.hw-stepper button:not(:disabled):hover{background:var(--blue-soft)}}@media(max-width:540px){#hardware-selection{padding:20px}#hardware-selection h2{margin-top:16px;font-size:1.9rem}#hardware-selection>.hw-muted{margin-bottom:16px}.hw-line{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:20px 0}.hw-line-image{width:64px;height:72px;padding:6px}.hw-line-bottom{grid-column:1 / -1}}@media(max-width:540px){.hw-line-image{grid-row:auto}.hw-line{gap:10px 12px}}@media(max-width:1000px){.hw-quote{grid-template-columns:minmax(0,1fr);max-width:720px}.hw-quote-summary{grid-row:1}}@media(min-width:541px)and (max-width:1000px){.hw-form-pair{grid-template-columns:1fr 1fr}}@media(max-height:600px){#hardware-selection[open],#hardware-selection [data-selection-body]{display:block}#hardware-selection .hw-selection-items{overflow:visible}#hardware-selection .hw-selection-footer{margin-top:16px}}