:root{--brand-900:#0a1929;--brand-800:#0f2847;--brand-700:#163a66;--brand-600:#1e4d85;--brand-500:#2563a8;--brand-400:#3b82c4;--brand-300:#6ba3d6;--brand-200:#a3c4e8;--brand-100:#d6e6f5;--brand-50:#f0f6fc;--accent-700:#b35a00;--accent-600:#cc6700;--accent-500:#e67e22;--accent-400:#f39c12;--accent-300:#f7b731;--accent-200:#fad391;--accent-100:#fde8c8;--accent-50:#fff7ed;--gray-0:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-700:#15803d;--success-600:#16a34a;--success-500:#22c55e;--success-100:#dcfce7;--success-50:#f0fdf4;--warning-700:#a16207;--warning-600:#ca8a04;--warning-500:#eab308;--warning-100:#fef9c3;--warning-50:#fefce8;--danger-700:#b91c1c;--danger-600:#dc2626;--danger-500:#ef4444;--danger-100:#fee2e2;--danger-50:#fef2f2;--info-700:#0369a1;--info-600:#0284c7;--info-500:#0ea5e9;--info-100:#e0f2fe;--info-50:#f0f9ff;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px #0f172a12, 0 2px 4px #0f172a0f;--shadow-lg:0 10px 15px #0f172a14, 0 4px 6px #0f172a0f;--shadow-xl:0 20px 25px #0f172a1a, 0 8px 10px #0f172a0f;--font-sans:var(--font-inter,"Inter"), -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, "Courier New", monospace;--font-display:var(--font-sans);--font-body:var(--font-sans);--color-text-primary:var(--gray-900);--color-text-secondary:var(--gray-600);--color-text-tertiary:var(--gray-500);--color-text-inverse:var(--gray-0);--color-text-link:var(--brand-600);--color-border-primary:var(--gray-300);--color-border-secondary:var(--gray-200);--color-border-focus:var(--brand-500);--color-bg-primary:var(--gray-0);--color-bg-secondary:var(--gray-50);--color-bg-tertiary:var(--gray-100);--color-bg-brand:var(--brand-800);--color-primary:var(--accent-500);--color-primary-hover:var(--accent-600);--color-primary-active:var(--accent-700);--color-secondary:var(--gray-0);--color-secondary-border:var(--gray-300);--color-secondary-hover:var(--gray-50);--max-width:1440px;--header-height:72px;--nav-height:48px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;line-height:1.5}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}* :focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--brand-200);color:var(--brand-900)}.text-xs{font-size:.75rem;line-height:1.6}.text-sm{font-size:.875rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.5}.text-lg{font-size:1.125rem;line-height:1.4}.text-xl{font-size:1.25rem;line-height:1.4}.text-2xl{font-size:1.5rem;line-height:1.3}.text-3xl{font-size:1.875rem;line-height:1.25}.text-4xl{font-size:2.25rem;line-height:1.2}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.section-title,.brand-title,.nav-mega-heading,.footer-column-title,.page-hero-copy h1{font-family:var(--font-sans);font-weight:700}.product-price,.footer-product-price,.summary-label,.product-meta{font-family:var(--font-mono);font-weight:600}.storefront-topbar{background:linear-gradient(90deg, var(--brand-900) 0%, var(--brand-800) 52%, var(--brand-900) 100%);color:var(--color-text-inverse);font-size:.875rem}.storefront-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-secondary);box-shadow:var(--shadow-md);background:#fffffffa}.storefront-header-main{min-height:var(--header-height);grid-template-columns:minmax(220px,320px) minmax(300px,1fr) auto}.storefront-nav-band{background:var(--brand-800);min-height:var(--nav-height);box-shadow:inset 0 1px #ffffff1a}.storefront-nav-link,.nav-dropdown-link,.nav-mega-link,.nav-mega-heading{font-family:var(--font-sans);transition:all var(--transition-fast);font-weight:500}.storefront-nav-link,.nav-dropdown-link,.nav-mega-link{color:#ffffffeb}.storefront-nav-link:hover,.storefront-nav-link:focus-visible,.nav-dropdown-link:hover,.nav-dropdown-link:focus-visible,.nav-mega-link:hover,.nav-mega-link:focus-visible{color:#fff;border-radius:var(--radius-sm);background:#ffffff14}.nav-mega-heading{color:#ffffffb8;font-weight:600}.brand-title{letter-spacing:.03em;font-size:1.75rem}.brand-logo-image{width:clamp(220px,22vw,300px);height:auto;display:block}.brand-title-fallback{display:none}.brand-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);font-size:.72rem}@media (max-width:820px){.brand-logo-image{width:clamp(200px,62vw,280px)}}.header-search-form{border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);background:var(--color-bg-primary);min-height:44px;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.header-search-form:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.header-search-button{border-radius:var(--radius-sm);background:var(--accent-500);min-height:36px;color:var(--gray-0);transition:all var(--transition-fast);font-weight:600}.header-search-button:hover,.header-search-button:focus-visible{background:var(--accent-600);box-shadow:var(--shadow-sm)}.header-utility-strip{gap:12px}.header-market-group{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.header-market-select{border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--gray-0);min-height:32px;color:var(--gray-700);font:inherit;padding:0 10px;font-size:.75rem}.header-market-select:disabled{opacity:.7}.header-utility-link,.header-language-chip{color:var(--gray-900);font-size:.875rem}.header-utility-pill{border-radius:var(--radius-md);min-height:36px}.header-utility-pill-secondary{background:var(--brand-800)}.notification-bar{background:var(--brand-900);color:var(--gray-0);border-bottom:1px solid #ffffff14}.notification-bar-inner{width:min(var(--max-width), calc(100vw - 32px));justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin:0 auto;padding:10px 0;display:flex}.notification-bar-copy{color:var(--gray-100);margin:0;font-size:.875rem}.notification-bar-actions{align-items:center;gap:12px;display:inline-flex}.notification-bar-link,.notification-bar-dismiss{color:var(--gray-0);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.8125rem;font-weight:600}.notification-bar-link{border-radius:var(--radius-md);background:#ffffff14;padding:6px 10px}.storefront-footer{background:linear-gradient(180deg, #06192efa 0%, #0b2b4efa 100%), var(--brand-900);color:var(--gray-0)}.storefront-footer .section-description,.storefront-footer .footer-link-item,.storefront-footer .footer-contact-item span,.storefront-footer .footer-contact-link,.storefront-footer .footer-note{color:#ffffffeb}.storefront-footer .footer-column-title,.storefront-footer .footer-service-title,.storefront-footer .footer-contact-title,.storefront-footer .footer-product-price,.storefront-footer .footer-link-item,.storefront-footer .footer-contact-link,.storefront-footer .footer-note,.storefront-footer .footer-payment-badge{text-shadow:0 1px #0000002e}.storefront-footer .footer-column-title,.storefront-footer .footer-service-title,.storefront-footer .footer-contact-title,.storefront-footer .footer-product-price{color:#0a1929}.storefront-footer .footer-link-item,.storefront-footer .footer-contact-link,.storefront-footer .footer-product-link{color:#fffffff2}.storefront-footer .footer-link-item:hover,.storefront-footer .footer-contact-link:hover,.storefront-footer .footer-product-link:hover,.storefront-footer .footer-link-item:focus-visible,.storefront-footer .footer-contact-link:focus-visible,.storefront-footer .footer-product-link:focus-visible{color:#fff;text-decoration:underline}.storefront-footer .footer-payment-badge{color:#fff;background:#ffffff24;border:1px solid #ffffff3d}.header-utility-link{color:var(--brand-900)}.header-utility-pill{border:1px solid #06192e24;box-shadow:0 2px 8px #10294224}.header-utility-pill-secondary{color:#fff;background:linear-gradient(135deg,#0c3259 0%,#0f4375 100%);border-color:#9bcbff8f}.header-utility-pill-secondary .header-utility-count{color:#ffffffeb}.header-utility-pill:hover,.header-utility-pill:focus-visible{filter:brightness(1.06)}.button-secondary{color:#fff;background:#1029423d;border:1px solid #ffffff80}.button-secondary:hover,.button-secondary:focus-visible{background:#10294261}.page-button-secondary-dark,.button-secondary-dark{color:var(--brand-900);background:#fff;border-color:#1029424d}.page-button-secondary-dark:hover,.page-button-secondary-dark:focus-visible,.button-secondary-dark:hover,.button-secondary-dark:focus-visible{background:#f3f8ff}.ui-button{border-radius:var(--radius-sm);min-height:40px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.ui-button:hover{transform:translateY(-1px)}.ui-button:active{transform:translateY(0)}.ui-button:disabled,.ui-button.is-disabled{opacity:.5;pointer-events:none}.ui-button.is-xs{min-height:28px;padding:0 12px;font-size:.75rem}.ui-button.is-sm{min-height:32px;padding:0 14px;font-size:.8125rem}.ui-button.is-md{min-height:40px;padding:0 20px;font-size:.875rem}.ui-button.is-lg{min-height:48px;padding:0 28px;font-size:1rem}.ui-button.is-xl{min-height:56px;padding:0 36px;font-size:1.125rem}.ui-button.is-primary{background:var(--accent-500);border-color:var(--accent-600);color:var(--gray-0);box-shadow:var(--shadow-xs)}.ui-button.is-primary:hover,.ui-button.is-primary:focus-visible{background:var(--accent-600);border-color:var(--accent-700);box-shadow:var(--shadow-sm)}.ui-button.is-primary:active{background:var(--accent-700);border-color:var(--accent-700)}.ui-button.is-secondary{background:var(--gray-0);border-color:var(--gray-300);color:var(--gray-900);box-shadow:var(--shadow-xs)}.ui-button.is-secondary:hover,.ui-button.is-secondary:focus-visible{background:var(--gray-50);border-color:var(--gray-400)}.ui-button.is-secondary:active{background:var(--gray-100)}.ui-button.is-brand{background:var(--brand-700);border-color:var(--brand-800);color:var(--gray-0);box-shadow:var(--shadow-xs)}.ui-button.is-brand:hover,.ui-button.is-brand:focus-visible{background:var(--brand-800);border-color:var(--brand-900)}.ui-button.is-ghost{color:var(--brand-600);background:0 0;border-color:#0000;padding:0 12px}.ui-button.is-ghost:hover,.ui-button.is-ghost:focus-visible{background:var(--brand-50);color:var(--brand-700)}.ui-button.is-danger{background:var(--gray-0);border-color:var(--danger-600);color:var(--danger-600)}.ui-button.is-danger:hover,.ui-button.is-danger:focus-visible{background:var(--danger-50)}.ui-button.is-loading{pointer-events:none;position:relative;color:#0000!important}.ui-button.is-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite button-spin;position:absolute}@keyframes button-spin{to{transform:rotate(360deg)}}.ui-input,.ui-select{border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--gray-0);min-height:40px;color:var(--gray-900);font-family:var(--font-sans);transition:all var(--transition-fast);padding:0 12px;font-size:.875rem}.ui-input:hover,.ui-select:hover{border-color:var(--gray-400)}.ui-input:focus,.ui-select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100);outline:none}.ui-input.is-error,.ui-select.is-error{border-color:var(--danger-500)}.ui-input.is-error:focus,.ui-select.is-error:focus{box-shadow:0 0 0 3px var(--danger-100)}.ui-input.is-compact{min-height:32px}.ui-toggle-field,.ui-switch{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.ui-toggle-input{opacity:0;pointer-events:none;position:absolute}.ui-toggle-indicator{border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--gray-0);width:16px;height:16px;box-shadow:var(--shadow-1)}.ui-toggle-indicator.is-radio{border-radius:999px}.ui-switch-track{background:var(--gray-300);cursor:pointer;border:0;border-radius:999px;width:40px;height:22px;padding:2px}.ui-switch-track.is-checked{background:var(--brand-500)}.ui-switch-thumb{background:var(--gray-0);border-radius:999px;width:18px;height:18px;transition:transform .15s cubic-bezier(.2,.8,.2,1);display:block}.ui-switch-track.is-checked .ui-switch-thumb{transform:translate(18px)}.ui-badge{border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:0 8px;font-size:.75rem;font-weight:600;display:inline-flex}.ui-badge.is-stock-ok{color:var(--success-600);background:#1f8a4c1f}.ui-badge.is-stock-low{color:var(--warning-600);background:#b5751a1f}.ui-badge.is-stock-out{color:var(--danger-600);background:#c42b1c1f}.ui-badge.is-lead-time,.ui-badge.is-tier{color:var(--info-600);background:#1f6fb51f}.ui-badge.is-mto,.ui-badge.is-new{background:var(--brand-100);color:var(--brand-700)}.ui-badge.is-promo{background:var(--accent-100);color:var(--accent-600)}.ui-tooltip{display:inline-flex;position:relative}.ui-tooltip:hover:after,.ui-tooltip:focus-visible:after{content:attr(data-tooltip);border-radius:var(--radius-sm);background:var(--gray-900);color:var(--gray-0);white-space:nowrap;box-shadow:var(--shadow-pop);padding:6px 8px;font-size:.75rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.ui-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-50) 50%, var(--gray-100) 75%);background-size:200% 100%;animation:1.2s linear infinite ui-skeleton-wave}.ui-skeleton.is-line{width:100%;height:16px}.ui-skeleton.is-card{width:100%;min-height:180px}.ui-skeleton.is-table{width:100%;min-height:240px}.ui-pagination{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ui-pagination-link,.ui-pagination-gap{border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--gray-0);justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0 10px;display:inline-flex}.ui-pagination-link.is-active{background:var(--brand-800);border-color:var(--brand-800);color:var(--gray-0)}.ui-pagination-link.is-disabled{pointer-events:none;opacity:.55}.ui-toast-viewport{z-index:60;gap:12px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:20px;right:20px}.ui-toast{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--gray-0);box-shadow:var(--shadow-pop);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.cookie-consent-bar{border:1px solid var(--gray-200);border-radius:var(--radius-lg);width:min(420px,100vw - 32px);box-shadow:var(--shadow-pop);z-index:55;background:#fffffffa;gap:16px;padding:18px;display:grid;position:fixed;bottom:20px;left:20px}.cookie-consent-copy{gap:8px;display:grid}.cookie-consent-copy p{color:var(--gray-500);margin:0;font-size:.875rem;line-height:1.6}.cookie-consent-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ui-toast.is-success{border-color:#1f8a4c33}.ui-toast.is-error{border-color:#c42b1c3d}.ui-toast-copy{gap:6px;display:grid}.ui-toast-copy p{color:var(--gray-500);margin:0;font-size:.875rem}.ui-toast-dismiss{color:var(--brand-500);font:inherit;cursor:pointer;background:0 0;border:0}.ui-toast-action{color:var(--brand-500);margin-top:4px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.ui-toast-action:hover{text-decoration:underline}@keyframes ui-skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1080px){.notification-bar-inner{flex-direction:column;align-items:flex-start}.header-market-group{width:100%}}@media (max-width:820px){.header-market-group{justify-content:flex-start}.notification-bar-actions{justify-content:space-between;width:100%}.ui-toast-viewport{width:auto;left:16px;right:16px}.cookie-consent-bar{width:auto;bottom:16px;left:16px;right:16px}}.product-card{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-primary);transform:translateY(-2px)}.product-card-media{aspect-ratio:4/3;background:var(--gray-50);border-radius:0;position:relative;overflow:hidden}.product-card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-card-media img{transform:scale(1.05)}.product-card-content{gap:8px;padding:16px;display:grid}.product-card-title{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600;line-height:1.4}.product-card-sku{font-family:var(--font-mono);color:var(--color-text-secondary);margin:0;font-size:.75rem}.product-card-price{font-family:var(--font-mono);color:var(--accent-600);margin:4px 0 0;font-size:1.125rem;font-weight:700}.product-card-status{color:var(--success-600);font-size:.75rem;font-weight:600}.product-card-status.is-out{color:var(--danger-600)}.product-card-status.is-low{color:var(--warning-600)}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{background:var(--gray-50);border-bottom:2px solid var(--gray-300)}.data-table th{text-align:left;color:var(--color-text-primary);white-space:nowrap;padding:10px 16px;font-weight:600}.data-table tbody tr{border-bottom:1px solid var(--gray-200);transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table td{color:var(--color-text-primary);padding:10px 16px}.data-table td.mono{font-family:var(--font-mono);font-size:.8125rem}.data-table.is-compact th,.data-table.is-compact td{padding:8px 12px}.data-table.is-tight th,.data-table.is-tight td{padding:6px 10px;font-size:.8125rem}@media (max-width:1024px){.storefront-header-main{gap:var(--spacing-md);grid-template-columns:1fr auto}.storefront-topbar .topbar-utility-links{display:none}.storefront-nav-band{-webkit-overflow-scrolling:touch;overflow-x:auto}.storefront-nav-links{gap:var(--spacing-xs)}.header-search-form{min-height:40px}.product-grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-sidebar{width:280px}}@media (max-width:767px){.text-4xl{font-size:1.875rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1.125rem}:root{--header-height:60px;--nav-height:44px}.storefront-header{z-index:var(--z-sticky);position:sticky;top:0}.storefront-header-main{gap:var(--spacing-sm);min-height:var(--header-height);grid-template-columns:auto 1fr auto}.brand-logo-image{width:140px}.storefront-nav-band{top:var(--header-height);background:var(--brand-800);transition:transform var(--transition-base);z-index:var(--z-dropdown);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translate(-100%)}.storefront-nav-band.is-open{transform:translate(0)}.storefront-nav-links{padding:var(--spacing-md);flex-direction:column}.storefront-nav-link{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid #ffffff1a}.header-search-form{width:100%;min-height:44px}.header-utility-strip{gap:var(--spacing-xs);flex-wrap:wrap}.header-utility-button{min-height:40px;padding:0 var(--spacing-md)}.product-grid-4,.product-grid-3{gap:var(--spacing-md);grid-template-columns:1fr}.product-card{gap:var(--spacing-md);flex-direction:row}.product-card-image{flex-shrink:0;width:120px;height:120px}.product-card-content{flex:1;min-width:0}.product-card-title{font-size:1rem;line-height:1.4}.ui-button.is-lg,.ui-button.is-xl{width:100%;min-height:48px}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:640px}.filter-sidebar{width:100%;max-width:320px;z-index:var(--z-drawer);transition:transform var(--transition-base);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.filter-sidebar.is-open{transform:translate(0)}.footer-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.footer-section{border-bottom:1px solid var(--gray-200);padding-bottom:var(--spacing-lg)}.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.page-content{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}}@media (max-width:479px){.text-4xl{font-size:1.5rem}.text-3xl{font-size:1.25rem}.text-2xl{font-size:1.125rem}.brand-logo-image{width:120px}.product-card{min-width:280px}.ui-button.is-md{min-height:40px;padding:0 var(--spacing-md)}}