:root{--color-bg:#0f172a;--color-bg-alt:#1e293b;--color-bg-surface:#243044;--color-bg-elevated:#2d3f58;--color-primary:#0f172a;--color-primary-mid:#1e293b;--color-accent:#b08d57;--color-accent-light:#c9a96e;--color-accent-dark:#8a6a38;--color-accent-muted:#b08d5726;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-text-inverse:#0f172a;--color-border:#94a3b81f;--color-border-mid:#94a3b838;--color-border-accent:#b08d5759;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--font-heading:"Outfit", "Helvetica Neue", Arial, sans-serif;--font-body:"DM Sans", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.03em;--tracking-normal:0em;--tracking-wide:.06em;--tracking-wider:.12em;--tracking-widest:.2em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-accent:0 0 0 1px #b08d5740, 0 4px 16px #b08d571a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-drawer:.38s cubic-bezier(.4, 0, .2, 1);--container-max:1280px;--header-height:72px;--announce-height:40px;--drawer-width:480px;--z-base:1;--z-sticky:100;--z-drawer:200;--z-overlay:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;tab-size:4;overflow-x:hidden}body{line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);flex-direction:column;min-height:100vh;font-weight:400;display:flex}#app{flex-direction:column;min-height:100vh;display:flex}#main-content{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:68ch}strong{color:var(--color-text);font-weight:600}a{transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.section-label{align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--color-accent);width:24px;height:1px;display:block}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dark)}::selection{color:var(--color-text);background:#b08d574d}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.fw-600{font-weight:600}.fw-700{font-weight:700}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes count-badge{0%{transform:scale(1.5)}to{transform:scale(1)}}.anim-fade-up{animation:.6s both fadeUp}.anim-fade-in{animation:.4s both fadeIn}.anim-scale-in{animation:.3s both scaleIn}.anim-slide-right{animation:.5s both slideInRight}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .65s,transform .65s;transform:translate(-24px)}.reveal-left.is-visible{opacity:1;transform:translate(0)}.hover-lift{transition:transform var(--transition-base), box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.skeleton{background:linear-gradient(90deg, var(--color-bg-alt) 25%, var(--color-bg-surface) 50%, var(--color-bg-alt) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.container{width:100%;max-width:var(--container-max);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.grid{gap:var(--space-6);display:grid}.grid-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.grid-3,.grid-2,.grid-4{grid-template-columns:repeat(1,minmax(0,1fr))}}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section-tight{padding-top:var(--space-8);padding-bottom:var(--space-8)}.bg-alt{background-color:var(--color-bg-alt)}.bg-surface{background-color:var(--color-bg-surface)}.announcement-bar{background-color:var(--color-accent-dark);color:var(--color-text);min-height:var(--announce-height);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-2) var(--space-4);text-align:center;justify-content:center;align-items:center;font-weight:600;display:flex}.site-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:var(--header-height);z-index:var(--z-sticky);transition:transform var(--transition-base), background-color var(--transition-base);background-color:#0f172ad9;align-items:center;display:flex;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:var(--tracking-wide);color:var(--color-text);align-items:center;gap:var(--space-2);font-weight:800;display:flex}.logo span{color:var(--color-accent)}.nav-menu{gap:var(--space-8);display:flex}.nav-link{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-1) 0;transition:color var(--transition-fast);font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link:after{content:"";background-color:var(--color-accent);transform-origin:100%;width:100%;height:2px;transition:transform var(--transition-base);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform-origin:0;transform:scaleX(1)}.site-footer{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8);font-size:var(--text-sm)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}@media (width<=768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr}}.footer-brand,.footer-links-col{gap:var(--space-4);flex-direction:column;display:flex}.footer-links-col h5{font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text);position:relative}.footer-links-list{gap:var(--space-2);flex-direction:column;display:flex}.footer-links-list a{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-links-list a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--space-6);color:var(--color-text-subtle);font-size:var(--text-xs);justify-content:space-between;align-items:center;display:flex}@media (width<=640px){.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.menu-toggle{color:var(--color-text);cursor:pointer;padding:var(--space-2);transition:color var(--transition-fast);background:0 0;border:none;display:none}.menu-toggle:hover{color:var(--color-accent)}@media (width<=768px){.menu-toggle{order:2;display:block}.quote-btn-wrapper{order:3}.logo{order:1}.nav-menu{top:var(--header-height);border-bottom:1px solid var(--color-border);padding:var(--space-2) 0;z-index:var(--z-sticky);box-shadow:var(--shadow-lg);background-color:#0f172afa;flex-direction:column;gap:0;display:none;position:absolute;left:0;right:0}.nav-menu.active{animation:.3s both fadeDown;display:flex}.nav-link{padding:var(--space-4) var(--space-6);width:100%;display:block}.nav-link:after{display:none!important}.nav-link:hover,.nav-link.active{color:var(--color-accent);background-color:#ffffff08}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);transition:all var(--transition-base);display:inline-flex;position:relative;overflow:hidden}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-block{width:100%;display:flex}.btn-primary{background-color:var(--color-accent);color:var(--color-bg);border:1px solid var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border-mid);background-color:#0000}.btn-secondary:hover{background-color:var(--color-bg-alt);border-color:var(--color-text-muted);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-muted);background-color:#0000;border:1px solid #0000}.btn-ghost:hover{color:var(--color-text);background-color:#ffffff0d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);font-weight:600}.form-input,.form-textarea,.form-select{background-color:var(--color-bg-alt);border:1px solid var(--color-border-mid);border-radius:var(--radius-sm);width:100%;padding:var(--space-3) var(--space-4);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-muted);background-color:var(--color-bg-surface);outline:none}.form-textarea{resize:vertical;min-height:100px}.product-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);height:100%;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-accent);transform:translateY(-3px)}.product-card__img-container{aspect-ratio:1.5;background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-card__img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-card__img{transform:scale(1.05)}.product-card__badge{top:var(--space-3);left:var(--space-3);background-color:var(--color-accent);color:var(--color-bg);font-size:var(--text-xs);text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide);font-weight:700;position:absolute}.product-card__content{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.product-card__category{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-accent);letter-spacing:var(--tracking-wider);margin-bottom:var(--space-2);font-weight:600}.product-card__title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700;line-height:var(--leading-tight)}.product-card__sku{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);margin-bottom:var(--space-4);align-items:center;gap:var(--space-1);display:flex}.product-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;display:-webkit-box;overflow:hidden}.product-card__footer{border-top:1px solid var(--color-border);padding-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.product-card__specs{font-size:var(--text-xs);color:var(--color-accent);font-weight:600}.quote-btn-wrapper{position:relative}.quote-count{background-color:var(--color-accent);color:var(--color-bg);border-radius:var(--radius-full);border:2px solid var(--color-bg);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;animation:.3s cubic-bezier(.175,.885,.32,1.275) count-badge;display:flex;position:absolute;top:-6px;right:-8px}.quote-drawer{z-index:var(--z-drawer);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);position:fixed;inset:0}.quote-drawer.active{opacity:1;visibility:visible}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;position:absolute;inset:0}.drawer-panel{width:100%;max-width:var(--drawer-width);background-color:var(--color-bg-surface);box-shadow:var(--shadow-xl);transition:transform var(--transition-drawer);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.quote-drawer.active .drawer-panel{transform:translate(0)}.drawer-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.drawer-header h3{font-size:var(--text-xl)}.drawer-body{padding:var(--space-6);flex:1;overflow-y:auto}.drawer-footer{padding:var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-alt)}.drawer-item{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);display:flex}.drawer-item:last-child{border-bottom:none}.drawer-item__img{object-fit:cover;border-radius:var(--radius-sm);background-color:var(--color-bg-alt);border:1px solid var(--color-border);width:60px;height:60px}.drawer-item__info{flex-direction:column;flex:1;justify-content:center;display:flex}.drawer-item__name{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1);font-weight:700}.drawer-item__sku{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle)}.drawer-item__remove{color:var(--color-text-subtle);font-size:var(--text-xs);padding:var(--space-2);transition:color var(--transition-fast);background:0 0;border:none;align-self:center;align-items:center;display:flex}.drawer-item__remove:hover{color:var(--color-danger)}.success-screen{text-align:center;padding:var(--space-10) 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.success-icon{border-radius:var(--radius-full);width:64px;height:64px;color:var(--color-success);margin-bottom:var(--space-6);background-color:#10b9811a;border:1px solid #10b98133;justify-content:center;align-items:center;display:flex}.success-icon svg{width:32px;height:32px}.cookie-banner{bottom:var(--space-6);left:var(--space-6);right:var(--space-6);background-color:var(--color-bg-surface);border:1px solid var(--color-border-accent);max-width:600px;box-shadow:var(--shadow-xl);border-radius:var(--radius-sm);z-index:var(--z-toast);animation:.4s forwards fadeUp;position:fixed}@media (width>=640px){.cookie-banner{left:var(--space-8);right:auto}}.cookie-banner__inner{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}@media (width>=480px){.cookie-banner__inner{flex-direction:row;justify-content:space-between;align-items:center}}.cookie-banner__text strong{font-family:var(--font-heading);font-size:var(--text-sm);margin-bottom:var(--space-1);display:block}.cookie-banner__text p{font-size:var(--text-xs);color:var(--color-text-muted);max-width:100%}.cookie-banner__actions{gap:var(--space-3);flex-shrink:0;display:flex}.hero{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 70% 30%,#b08d5714,#0000 60%);position:absolute;inset:0}.hero__inner{z-index:2;gap:var(--space-12);grid-template-columns:1.2fr .8fr;align-items:center;display:grid;position:relative}@media (width<=992px){.hero__inner{text-align:center;padding-top:var(--space-12);padding-bottom:var(--space-12);grid-template-columns:1fr}.hero p{margin-left:auto;margin-right:auto}}.hero__content{flex-direction:column;align-items:flex-start;display:flex}@media (width<=992px){.hero__content{align-items:center}}.hero__title{font-size:var(--text-6xl);line-height:var(--leading-tight);margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight);font-weight:800}@media (width<=640px){.hero__title{font-size:var(--text-4xl)}}.hero__title span{color:var(--color-accent)}.hero__desc{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}.hero__actions{gap:var(--space-4);margin-bottom:var(--space-12);display:flex}@media (width<=480px){.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}}.hero__stats{gap:var(--space-8);border-top:1px solid var(--color-border);padding-top:var(--space-8);width:100%;display:flex}@media (width<=992px){.hero__stats{justify-content:center}}@media (width<=480px){.hero__stats{gap:var(--space-4);flex-direction:column}}.stat-item{flex-direction:column;display:flex}.stat-number{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-accent);font-weight:700}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-subtle);font-weight:600}.hero__visual{justify-content:center;align-items:center;display:flex;position:relative}@media (width<=992px){.hero__visual{display:none}}.hero__shape{border-radius:var(--radius-lg);border:1px solid var(--color-border-accent);background-color:var(--color-bg-alt);width:320px;height:320px;box-shadow:var(--shadow-xl);position:relative;overflow:hidden;transform:rotate(45deg)}.hero__shape:before{content:"";inset:var(--space-4);border-radius:var(--radius-sm);border:1px solid #b08d5733;position:absolute}.hero__shape-inner{background:linear-gradient(135deg, var(--color-bg-surface) 0%, var(--color-primary-mid) 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotate(-45deg)}.hero__shape-icon{font-family:var(--font-heading);font-size:var(--text-7xl);color:#b08d5726;-webkit-user-select:none;user-select:none;font-weight:800}.category-card{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-8) var(--space-6);text-align:center;transition:all var(--transition-base);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.category-card:hover{border-color:var(--color-accent);background-color:var(--color-bg-surface);transform:translateY(-2px)}.category-card__icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-accent);background-color:#b08d5714;border:1px solid #b08d5726;justify-content:center;align-items:center;display:flex}.category-card__icon svg{width:24px;height:24px}.category-card__title{font-size:var(--text-lg);font-weight:700}.category-card__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.catalog-layout{gap:var(--space-8);margin-top:var(--space-8);grid-template-columns:260px 1fr;min-width:0;display:grid}@media (width<=768px){.catalog-layout{gap:var(--space-4);grid-template-columns:1fr}}.catalog-sidebar{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-6);height:fit-content;top:calc(var(--header-height) + var(--space-6));min-width:0;position:sticky;overflow:hidden}@media (width<=768px){.catalog-sidebar{padding:var(--space-4);margin-bottom:var(--space-2);width:100%;position:static;overflow:hidden}.filter-list{white-space:nowrap;gap:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;max-width:100%;overflow:auto visible}.filter-list::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;justify-content:center;gap:var(--space-2);flex:none}}.filter-btn{text-align:left;font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.filter-btn:hover{color:var(--color-accent);background-color:#ffffff05}.filter-btn.active{color:var(--color-bg);background-color:var(--color-accent);font-weight:600}.filter-count{font-size:var(--text-xs);color:var(--color-text-subtle);border-radius:var(--radius-full);background-color:#ffffff0d;padding:2px 6px}.filter-btn.active .filter-count{color:var(--color-bg);background-color:#00000026}.wholesale-hero{border-bottom:1px solid var(--color-border);padding-top:var(--space-20);padding-bottom:var(--space-20);background-color:var(--color-bg-alt)}.wholesale-grid{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=992px){.wholesale-grid{grid-template-columns:1fr}}.wholesale-benefits{gap:var(--space-6);flex-direction:column;display:flex}.benefit-card{gap:var(--space-4);display:flex}.benefit-card__icon{width:40px;height:40px;color:var(--color-accent);border-radius:var(--radius-sm);background-color:#b08d5714;border:1px solid #b08d5726;flex-shrink:0;justify-content:center;align-items:center;display:flex}.benefit-card__icon svg{width:20px;height:20px}.benefit-card__title{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.benefit-card__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.wholesale-form-panel{background-color:var(--color-bg-surface);border:1px solid var(--color-border-accent);border-radius:var(--radius-sm);padding:var(--space-8);box-shadow:var(--shadow-lg)}@media (width<=480px){.wholesale-form-panel{padding:var(--space-4)}}.legal-layout{max-width:800px;margin:var(--space-12) auto var(--space-24);padding:0 var(--space-4)}.legal-header{margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.legal-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.legal-meta{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono)}.legal-content{color:var(--color-text-muted);line-height:var(--leading-relaxed)}.legal-content h2{font-size:var(--text-xl);color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-4)}.legal-content h3{font-size:var(--text-lg);color:var(--color-text);margin-top:var(--space-6);margin-bottom:var(--space-3)}.legal-content p{margin-bottom:var(--space-4);font-size:var(--text-sm)}.legal-content ul,.legal-content ol{margin-bottom:var(--space-6);padding-left:var(--space-6);font-size:var(--text-sm)}.legal-content ul{list-style:square}.legal-content li{margin-bottom:var(--space-2)}