@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary-color: #C5222A;--primary-hover: #A61B22;--primary-dark: #8C141A;--primary-light: #FDE8E9;--primary-lightest: #FFF5F5;--primary-gradient: linear-gradient(135deg, #C5222A 0%, #E03137 100%);--brand-red: #C5222A;--brand-red-hover: #A61B22;--brand-navy: #0F1829;--brand-dark: #1F1E1D;--secondary-color: #0F1829;--secondary-hover: #1E293B;--secondary-light: #2A384F;--accent-amber: #F59E0B;--accent-amber-light: #FEF3C7;--accent-amber-dark: #B45309;--accent-blue: #0284C7;--accent-blue-light: #E0F2FE;--kraft-brown: #C89666;--kraft-dark: #A57242;--kraft-light: #FBF5EE;--kraft-border: #E8D5C4;--bg-main: #FFFFFF;--bg-warm: #FFFFFF;--bg-surface: #FFFFFF;--bg-surface-elevated: #FFFFFF;--bg-alt: #F8FAFC;--bg-subtle: #F1F5F9;--text-primary: #0F1829;--text-secondary: #374151;--text-muted: #6B7280;--text-inverse: #FFFFFF;--border-color: #E6E4DD;--border-color-dark: #D4D0C5;--border-dark: #1F1E1D;--border-light: #EFECE6;--success-color: #10B981;--success-light: #D1FAE5;--danger-color: #EF4444;--danger-light: #FEE2E2;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", var(--font-sans);--font-mono: "JetBrains Mono", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(15, 24, 41, .06);--shadow-lg: 0 12px 28px rgba(15, 24, 41, .08);--shadow-xl: 0 20px 40px rgba(15, 24, 41, .12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--max-width: 100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.top-bar{display:none!important;background:var(--secondary-color);color:#cbd5e1;font-size:.825rem;border-bottom:1px solid rgba(255,255,255,.1)}.top-bar-inner{max-width:100%;margin:0 auto;padding:6px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.top-bar-left{display:flex;align-items:center;gap:18px}.dispatch-countdown{display:flex;align-items:center;gap:6px;color:#f8fafc;font-weight:500}.dispatch-countdown i{color:var(--accent-amber)}.countdown-digits{color:var(--accent-amber);font-family:var(--font-mono);font-weight:700;background:#00000040;padding:1px 6px;border-radius:var(--radius-sm)}.delivery-threshold{display:flex;align-items:center;gap:6px}.delivery-threshold strong{color:#38bdf8}.top-bar-right{display:flex;align-items:center;gap:16px}.vat-switcher{display:flex;align-items:center;gap:8px;background:#ffffff14;padding:3px 8px;border-radius:var(--radius-full)}.vat-switcher label{cursor:pointer;font-size:.775rem;font-weight:600;text-transform:uppercase}.vat-toggle-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:18px;background:#475569;border-radius:20px;position:relative;cursor:pointer;outline:none;transition:var(--transition-fast)}.vat-toggle-input:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:var(--transition-fast)}.vat-toggle-input:checked{background:var(--success-color)}.vat-toggle-input:checked:after{transform:translate(16px)}.vat-label-active{color:#fff;font-weight:700}.top-links{display:flex;gap:14px}.top-link{color:#94a3b8;transition:var(--transition-fast);display:flex;align-items:center;gap:4px}.top-link:hover{color:#fff}.main-header{background:var(--bg-main);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0f182908}.header-inner{max-width:100%;margin:0 auto;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand-logo{display:flex;align-items:center;text-decoration:none}.brand-logo-img{height:42px;width:auto;max-width:220px;display:block;object-fit:contain;transition:transform var(--transition-fast)}.brand-logo:hover .brand-logo-img{transform:scale(1.02)}.brand-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.box-logo-svg{width:34px;height:34px;display:block}.brand-text{display:flex;flex-direction:column}.brand-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--brand-navy);line-height:1}.brand-name strong{color:var(--brand-navy);font-weight:800}.header-nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}.header-nav-links .nav-link{color:#374151;text-decoration:none;font-size:.95rem;font-weight:600;transition:var(--transition-fast);position:relative;padding:6px 0}.header-nav-links .nav-link:hover,.header-nav-links .nav-link.active{color:var(--brand-red)}.header-nav-links .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--brand-red);transition:width var(--transition-fast)}.header-nav-links .nav-link:hover:after,.header-nav-links .nav-link.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:16px}.btn-cart-nav{display:flex;align-items:center;gap:8px;background:transparent;color:var(--brand-navy);border:none;padding:8px 12px;border-radius:var(--radius-sm);font-size:1.15rem;font-weight:700;cursor:pointer;transition:var(--transition-fast);position:relative}.btn-cart-nav:hover{color:var(--brand-red)}.cart-count-badge{font-family:var(--font-sans);font-size:.95rem;font-weight:700;color:var(--brand-navy);margin-left:2px}.btn-price-box{background:var(--brand-red);color:#fff!important;text-decoration:none;padding:10px 22px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 2px 8px #c5222a40;white-space:nowrap}.btn-price-box:hover{background:var(--brand-red-hover);transform:translateY(-1px);box-shadow:0 4px 14px #c5222a59}.cart-icon-wrap{position:relative;font-size:1.1rem}.cart-count-badge{position:absolute;top:-8px;right:-10px;background:var(--accent-amber);color:#0f172a;font-size:.7rem;font-weight:800;padding:1px 6px;border-radius:var(--radius-full)}.category-nav-bar{display:none!important;background:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #00000008;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:90;width:100%;display:flex;justify-content:center}.category-nav-bar::-webkit-scrollbar{display:none}.cat-nav-inner{max-width:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:50px;width:100%}.cat-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:none;border-bottom:3px solid transparent;padding:10px 12px;font-family:var(--font-sans);font-size:.835rem;font-weight:600;color:#475569;white-space:nowrap;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px;border-radius:6px 6px 0 0;flex-shrink:0}.cat-nav-item:hover{color:var(--primary-color);background:#f0fdf4}.cat-nav-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.cat-nav-item.active{color:var(--primary-color);font-weight:700;border-bottom-color:var(--primary-color);background:#f0fdf4}.cat-nav-icon{font-size:.95rem;color:#64748b;transition:color .2s ease}.cat-nav-item:hover .cat-nav-icon,.cat-nav-item.active .cat-nav-icon{color:var(--primary-color)}.cat-nav-label{letter-spacing:-.2px}.cat-nav-count{font-size:.725rem;font-weight:700;color:#64748b;background:#e2e8f0;padding:2px 7px;border-radius:var(--radius-full);line-height:1;transition:all .2s ease}.cat-nav-item.active .cat-nav-count{background:var(--primary-color);color:#fff}.catalog-banner.category-active{background:linear-gradient(135deg,#fff,#f0fdf4);border:1px solid #86efac;border-left:5px solid var(--primary-color);border-radius:var(--radius-lg);padding:22px 26px;margin-bottom:24px;box-shadow:0 4px 16px #0f4c3a0f}.cat-banner-inner{display:flex;flex-direction:column;gap:16px}.cat-banner-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.cat-banner-content{flex:1;min-width:280px}.cat-banner-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.cat-banner-badge{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#166534;background:#dcfce7;border:1px solid #86efac;padding:4px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px}.cat-banner-heading{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:var(--secondary-color);margin:0}.cat-banner-count{font-size:.8rem;font-weight:700;color:#0f766e;background:#ccfbf1;padding:3px 10px;border-radius:var(--radius-full)}.cat-banner-desc{font-size:.9rem;color:#334155;line-height:1.55;margin:0}.cat-banner-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.spec-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:10px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}.spec-card-lbl{font-size:.725rem;font-weight:700;text-transform:uppercase;color:#64748b;display:flex;align-items:center;gap:6px}.spec-card-lbl i{color:var(--primary-color)}.spec-card-val{font-size:.875rem;font-weight:700;color:#0f172a}.cat-banner-suitability{font-size:.85rem;color:#334155;background:#fff;border:1px dashed #cbd5e1;border-radius:var(--radius-md);padding:10px 16px;line-height:1.5}.cat-banner-highlights{display:flex;flex-wrap:wrap;gap:8px}.highlight-pill{font-size:.75rem;font-weight:700;color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px}.cat-banner-reset-btn{background:#fff;border-color:#94a3b8;color:#334155;font-weight:700;white-space:nowrap}.cat-banner-reset-btn:hover{background:#f8fafc;color:var(--primary-color);border-color:var(--primary-color)}.hero-section{background:var(--bg-main);color:var(--text-primary);padding:0;position:relative;overflow:hidden;border-bottom:1px solid var(--border-color)}.hero-carousel-wrapper{position:relative;width:100%;overflow:hidden}.hero-carousel-track{display:flex;transition:transform .6s cubic-bezier(.22,1,.36,1);width:100%;will-change:transform}.carousel-slide{flex:0 0 100%;width:100%;box-sizing:border-box;opacity:.35;transition:opacity .5s ease;position:relative}.carousel-slide.active{opacity:1}.carousel-slide.slide-interactive{padding:56px 24px 64px}.carousel-slide.slide-full-banner{width:100%;display:block;padding:0;margin:0;box-sizing:border-box;overflow:hidden;position:relative}.carousel-slide.slide-full-banner.theme-dark{background:#0b1118}.carousel-slide.slide-full-banner.theme-light{background:#fff}.full-banner-anchor{display:block;width:100%;max-width:100%;margin:0;padding:0;text-decoration:none;line-height:0;cursor:pointer}.full-banner-hero-img{width:100%;max-width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.carousel-controls-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 16px;border-radius:var(--radius-full);border:1px solid rgba(15,27,45,.12);box-shadow:0 4px 14px #0f1b2d14;z-index:10}.carousel-indicators{display:flex;align-items:center;gap:8px}.indicator-dot{width:24px;height:7px;border-radius:4px;background:#0f1b2d33;border:none;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator-dot.active{width:42px;background:var(--primary-color)}.indicator-dot:hover:not(.active){background:#0f1b2d73}.carousel-pause-toggle{background:transparent;border:none;color:var(--secondary-color);font-size:.72rem;cursor:pointer;padding:2px 4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.carousel-pause-toggle:hover{color:var(--primary-color)}.hero-inner{max-width:100%;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.hero-content-col{display:flex;flex-direction:column;align-items:flex-start}.hero-tag{display:inline-block;font-family:var(--font-heading);font-size:.72rem;font-weight:700;letter-spacing:1.5px;color:#64748b;margin-bottom:20px;text-transform:uppercase}.hero-title{font-family:var(--font-heading);font-size:3.4rem;font-weight:800;line-height:1.06;color:var(--secondary-color);margin-bottom:14px;letter-spacing:-1px}.hero-title-highlight{color:var(--primary-color)}.hero-title-underline{width:58px;height:3.5px;background:var(--primary-color);border-radius:2px;margin-bottom:22px}.hero-subtitle{font-size:1.02rem;color:#475569;max-width:480px;margin-bottom:28px;line-height:1.6}.hero-metrics-pill{border:1.5px solid var(--secondary-color);border-radius:14px;background:transparent;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:450px;margin-bottom:28px}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.metric-icon-circle{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--secondary-color);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--secondary-color);margin-bottom:3px}.metric-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--primary-color);line-height:1;margin-bottom:3px}.metric-label{font-size:.72rem;font-weight:500;color:#334155;line-height:1.25}.metric-divider{width:1px;height:48px;background:#cbd5e1;margin:0 4px}.hero-cta-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-hero-primary{background:var(--primary-color);color:#fff;padding:13px 26px;border-radius:6px;font-family:var(--font-sans);font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 14px #c5222a40;text-decoration:none}.btn-hero-primary:hover{background:var(--primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #c5222a59}.btn-hero-secondary{background:transparent;color:var(--secondary-color);border:1.5px solid var(--secondary-color);padding:12px 24px;border-radius:6px;font-family:var(--font-sans);font-weight:700;font-size:.95rem;text-decoration:none;transition:all .2s ease}.btn-hero-secondary:hover{background:var(--secondary-color);color:#fff}.hero-visual-col{display:flex;justify-content:center;align-items:center;width:100%}.hero-diagram-container{position:relative;justify-self:center;width:100%;max-width:600px}.hero-iso-svg{display:block;width:58%;height:auto;overflow:visible;filter:drop-shadow(0 4px 10px rgba(15,27,45,.04))}.iso-callout{position:absolute;left:60%;right:0;display:flex;flex-direction:column;gap:4px}.callout-step-1{top:calc(6.8% - 14px)}.callout-step-2{top:calc(27.9% - 14px)}.callout-step-3{top:calc(55.9% - 14px)}.callout-step-4{top:calc(83.8% - 14px)}.callout-step-num{font-family:Space Grotesk,IBM Plex Mono,monospace;font-size:13px;font-weight:700;color:var(--primary-color);letter-spacing:.5px}.callout-step-title{font-family:var(--font-heading);font-weight:800;font-size:15px;letter-spacing:.02em;text-transform:uppercase;line-height:1.25;color:var(--secondary-color)}.callout-step-desc{font-size:14px;color:#3b4558;line-height:1.45}.section-wrapper{width:100%;max-width:100%;margin:0;padding:56px 40px 68px;background:#fff;border-bottom:1px solid var(--border-color)}.box-finder-card{width:100%;max-width:100%;margin:0;background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 4px 20px -2px #0f172a0a;overflow:hidden}.finder-header{padding:28px 36px 20px;background:linear-gradient(to right,#f8fafc,#fff);border-bottom:1px solid var(--border-color)}.finder-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.finder-badge{font-size:.775rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-color);background:var(--primary-light);padding:4px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px}.unit-toggle-group{display:flex;align-items:center;gap:6px;background:var(--bg-alt);padding:3px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.unit-label{font-size:.75rem;font-weight:600;color:var(--text-muted);padding-left:6px}.unit-btn{border:none;background:transparent;padding:4px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.unit-btn.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm)}.finder-heading{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--secondary-color);margin-bottom:4px}.finder-subtitle{font-size:.9rem;color:var(--text-secondary)}.finder-body{padding:24px 30px;display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center}.dimensions-grid{display:flex;align-items:center;gap:12px;margin-bottom:20px}.dim-input-group{flex:1}.dim-input-group label{display:block;font-size:.8rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.dim-axis{display:inline-block;width:20px;height:20px;background:var(--secondary-color);color:#fff;text-align:center;line-height:20px;border-radius:4px;font-size:.75rem;margin-right:4px}.input-with-icon{position:relative}.dim-input{width:100%;padding:10px 42px 10px 14px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1.1rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);outline:none;transition:var(--transition-fast)}.dim-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0f4c3a1a}.dim-unit-tag{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.775rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.dim-separator{color:var(--text-muted);font-size:.9rem;padding-top:24px}.finder-controls-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--bg-alt);padding:16px 20px;border-radius:var(--radius-md);margin-bottom:18px}.control-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.control-label-row label,.wall-control .control-label{font-size:.825rem;font-weight:700;color:var(--text-secondary)}.tolerance-badge{font-size:.8rem;font-weight:700;color:var(--primary-color);background:#fff;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-family:var(--font-mono)}.range-slider{width:100%;accent-color:var(--primary-color);cursor:pointer}.slider-marks{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-top:4px}.wall-filter-btns{display:flex;gap:6px;margin-top:8px}.wall-btn{flex:1;padding:6px 10px;border:1px solid var(--border-color);background:#fff;border-radius:var(--radius-sm);font-size:.775rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.wall-btn:hover{border-color:var(--primary-color)}.wall-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.finder-presets-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.presets-label{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.presets-list{display:flex;gap:8px;flex-wrap:wrap}.preset-pill{border:1px solid var(--border-color);background:#fff;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.preset-pill:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.finder-actions-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-search-boxes{padding:12px 24px;font-size:.95rem}.btn-reset-finder{padding:12px 18px;font-size:.875rem}.search-count-badge{font-size:.85rem;color:var(--text-muted);padding:6px 12px;background:var(--bg-alt);border-radius:var(--radius-md)}.search-count-badge.has-matches{color:var(--primary-color);background:var(--primary-light)}.finder-preview-column{background:#fdfaf6;border:1px solid var(--kraft-border);border-radius:var(--radius-md);padding:16px;text-align:center}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-title{font-size:.8rem;font-weight:700;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.5px}.preview-volume{font-size:.8rem;font-weight:700;color:var(--primary-color);background:#fff;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--kraft-border);font-family:var(--font-mono)}.svg-visualizer-wrap{min-height:160px;display:flex;align-items:center;justify-content:center}.preview-spec-row{display:flex;justify-content:space-around;margin-top:10px;font-size:.775rem;font-weight:700;font-family:var(--font-mono);color:#78350f;background:#d9770614;padding:6px;border-radius:var(--radius-sm)}.catalog-section{width:100%;max-width:100%;margin:0;padding:56px 40px 68px;background:#fff;border-bottom:1px solid var(--border-color)}.catalog-header-bar,#catalog-filter-banner,#catalog-products-container,.b2c-bundle-builder-container{width:100%;max-width:100%;margin-left:0;margin-right:0}.catalog-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.catalog-title-group h2{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:var(--secondary-color)}.catalog-title-group p{font-size:.9rem;color:var(--text-muted)}.catalog-controls{display:flex;align-items:center;gap:12px}.sort-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--text-secondary);background:#fff;outline:none;cursor:pointer}.view-mode-toggle{display:flex;background:var(--bg-alt);padding:3px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.view-btn{border:none;background:transparent;padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.view-btn.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-normal);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#cbd5e1}.card-image-wrap{height:220px;background:radial-gradient(circle at 50% 45%,#fff,#f4f7f9 65%,#e6ecf0);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}.card-image-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.box-product-thumb{max-width:82%;max-height:82%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1));transition:transform .4s cubic-bezier(.16,1,.3,1),filter .3s ease;z-index:2;transform-origin:center center}.box-shadow-ground{position:absolute;bottom:22px;width:140px;height:22px;background:radial-gradient(ellipse at center,rgba(15,23,42,.35) 0%,rgba(15,23,42,.08) 55%,transparent 75%);border-radius:50%;pointer-events:none;z-index:1;transition:transform .4s ease,opacity .4s ease}.product-card:hover .box-product-thumb{filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))}.badge-proportion{position:relative;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;padding:2px 7px;letter-spacing:.3px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #00000026}.card-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:3;pointer-events:none}.badge-tag{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px}.badge-wall{background:var(--secondary-color);color:#fff}.badge-pip{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.card-stock-status{position:absolute;bottom:10px;right:12px;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 8px;border-radius:var(--radius-full);font-size:.725rem;font-weight:700;color:var(--success-color);display:flex;align-items:center;gap:4px}.card-body{padding:18px;flex:1;display:flex;flex-direction:column}.card-sku{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-weight:600;margin-bottom:4px}.card-title{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:10px;cursor:pointer;transition:var(--transition-fast)}.card-title:hover{color:var(--primary-color)}.card-specs-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.spec-pill{font-size:.725rem;background:var(--bg-alt);color:var(--text-secondary);padding:3px 7px;border-radius:var(--radius-sm);font-weight:600}.pricing-matrix-wrap{margin-top:auto;border-top:1px dashed var(--border-color);padding-top:12px}.matrix-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px;display:flex;justify-content:space-between}.tier-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-bottom:12px}.tier-table th{background:var(--bg-alt);padding:4px 6px;text-align:left;font-weight:600;color:var(--text-muted);border:1px solid var(--border-color)}.tier-table td{padding:4px 6px;border:1px solid var(--border-color);font-family:var(--font-mono)}.tier-table tr.active-tier{background:#f0fdf4;font-weight:700;color:#166534}.tier-table tr.active-tier td{border-color:#86efac}.card-footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.price-block{display:flex;flex-direction:column}.main-price{font-size:1.25rem;font-weight:800;color:var(--primary-color);font-family:var(--font-heading);line-height:1}.unit-price-sub{font-size:.725rem;color:var(--text-muted);margin-top:2px}.qty-add-group{display:flex;align-items:center;gap:6px}.qty-input{width:50px;text-align:center;padding:6px 4px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-weight:700;font-family:var(--font-mono)}.btn-add-cart-card{background:var(--primary-color);color:#fff;border:none;padding:8px 14px;border-radius:var(--radius-sm);font-size:.825rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition-fast)}.btn-add-cart-card:hover{background:var(--primary-hover)}.products-table-wrap{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow-x:auto;box-shadow:var(--shadow-sm)}.products-list-table{width:100%;border-collapse:collapse;font-size:.85rem}.products-list-table th{background:var(--secondary-color);color:#fff;padding:12px 14px;text-align:left;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.4px}.products-list-table td{padding:14px;border-bottom:1px solid var(--border-color);vertical-align:middle}.products-list-table tr:hover{background:#f8fafc}.quick-order-section{width:100%;max-width:100%;margin:0;padding:56px 40px 68px;background:#fff;border-bottom:1px solid var(--border-color)}.quick-order-card{width:100%;max-width:100%;margin:0;background:#fff;border-radius:18px;border:1px solid var(--border-color);box-shadow:0 4px 20px -2px #0f172a0a;overflow:hidden}.quick-order-header{padding:24px 30px;background:linear-gradient(135deg,#091a2c,#0f2b48);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.qo-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;background:#f59e0b33;color:var(--accent-amber);border:1px solid var(--accent-amber);padding:3px 10px;border-radius:var(--radius-full);margin-bottom:6px;display:inline-flex;align-items:center;gap:6px}.qo-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;margin-bottom:4px}.qo-desc{font-size:.875rem;color:#cbd5e1;max-width:650px}.qo-header-actions{display:flex;gap:10px}.btn-outline-sm{border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;padding:6px 12px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-outline-sm:hover{background:#fff;color:var(--secondary-color)}.qo-tabs-container{padding:20px 30px}.qo-tabs-nav{display:flex;gap:8px;border-bottom:2px solid var(--border-color);margin-bottom:20px}.qo-tab-btn{background:transparent;border:none;padding:10px 18px;font-size:.9rem;font-weight:700;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:var(--transition-fast);display:flex;align-items:center;gap:8px}.qo-tab-btn:hover{color:var(--secondary-color)}.qo-tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.qo-tab-pane{display:none}.qo-tab-pane.active{display:block}.qo-table-responsive{overflow-x:auto}.qo-table{width:100%;border-collapse:collapse}.qo-table th{background:var(--bg-alt);padding:10px 14px;text-align:left;font-size:.775rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--border-color)}.qo-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);vertical-align:middle}.sku-input-wrapper{position:relative;display:flex;align-items:center}.qo-sku-input{width:100%;padding:8px 30px 8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875rem;font-weight:600;text-transform:uppercase}.valid-icon{position:absolute;right:10px;font-size:.9rem}.row-valid{background:#10b98105}.row-invalid{background:#ef444405}.qo-prod-name{font-weight:700;font-size:.875rem;color:var(--text-primary);display:block}.qo-prod-meta{font-size:.75rem;color:var(--text-muted)}.qo-qty-box{display:flex;align-items:center;gap:6px}.qo-qty-input{width:64px;padding:6px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:700;text-align:center}.qo-packs-tag{font-size:.75rem;color:var(--text-muted)}.qo-savings-pill{font-size:.7rem;font-weight:700;color:#15803d;background:#dcfce7;padding:2px 6px;border-radius:var(--radius-sm);display:block;width:fit-content;margin-top:2px}.btn-icon-del{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;padding:6px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.btn-icon-del:hover{color:var(--danger-color);background:var(--danger-light)}.qo-table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 0 0;flex-wrap:wrap;gap:12px}.qo-available-skus-tip{font-size:.8rem;color:var(--text-muted)}.sku-tag{font-family:var(--font-mono);background:var(--bg-alt);padding:2px 6px;border-radius:4px;margin-left:4px;font-size:.75rem;cursor:pointer;border:1px solid var(--border-color)}.sku-tag:hover{border-color:var(--primary-color);color:var(--primary-color)}.paste-zone{background:var(--bg-alt);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.paste-instructions{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px}.paste-instructions code{font-family:var(--font-mono);background:#e2e8f0;padding:2px 6px;border-radius:4px}.paste-textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;outline:none;resize:vertical}.paste-textarea:focus{border-color:var(--primary-color)}.paste-actions{margin-top:14px;display:flex;justify-content:flex-end}.csv-dropzone{border:2px dashed #cbd5e1;border-radius:var(--radius-lg);padding:40px 20px;text-align:center;background:#f8fafc;cursor:pointer;transition:var(--transition-fast)}.csv-dropzone.drag-over{border-color:var(--primary-color);background:var(--primary-light)}.drop-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:12px}.sample-csv-link{display:block;margin-top:12px;font-size:.8rem;color:var(--accent-blue);text-decoration:underline}.qo-summary-bar{background:#f8fafc;border-top:1px solid var(--border-color);padding:18px 30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.qo-summary-stat{display:flex;flex-direction:column}.stat-lbl{font-size:.75rem;font-weight:600;color:var(--text-muted)}.stat-val{font-size:1.25rem;font-weight:800;font-family:var(--font-heading)}.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;visibility:hidden;transition:var(--transition-normal)}.cart-drawer-overlay.active{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:#fff;z-index:210;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 30px #0003}.cart-drawer-overlay.active .cart-drawer{transform:translate(0)}.cart-drawer-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.cart-drawer-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--secondary-color);display:flex;align-items:center;gap:8px}.btn-close-drawer{background:transparent;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:4px}.cart-delivery-progress{padding:12px 20px;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.progress-text{font-size:.8rem;color:#166534;margin-bottom:6px;display:flex;justify-content:space-between}.progress-bar-track{height:6px;background:#dcfce7;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--success-color);transition:width .3s ease}.cart-items-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.cart-item-row{display:grid;grid-template-columns:70px 1fr 24px;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.cart-item-img{width:70px;height:70px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color)}.cart-item-details h4{font-size:.875rem;font-weight:700;margin-bottom:4px;line-height:1.3}.cart-item-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.cart-item-qty-row{display:flex;align-items:center;justify-content:space-between}.cart-qty-ctrls{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.btn-qty-mini{background:transparent;border:none;width:26px;height:26px;cursor:pointer;font-weight:700}.cart-qty-val{padding:0 8px;font-family:var(--font-mono);font-size:.8rem;font-weight:700}.cart-item-prices{text-align:right}.item-subtotal{font-weight:800;font-size:.95rem;color:var(--primary-color);display:block}.item-tier-badge{font-size:.7rem;color:#166534;font-weight:700}.cart-drawer-footer{padding:20px;background:var(--bg-alt);border-top:1px solid var(--border-color)}.cart-breakdown-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.cart-breakdown-row.grand-total-row{font-size:1.15rem;font-weight:800;color:var(--secondary-color);border-top:1px solid var(--border-color);padding-top:8px;margin-top:8px}.btn-checkout{width:100%;margin-top:14px;padding:14px;font-size:1rem}.linnworks-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:var(--transition-normal)}.linnworks-modal-overlay.active{opacity:1;visibility:visible}.linnworks-modal{background:#fff;border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden}.lw-modal-header{padding:20px 24px;background:var(--secondary-color);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.lw-badge{font-size:.725rem;font-weight:700;text-transform:uppercase;background:#38bdf833;color:#38bdf8;border:1px solid #0284c7;padding:2px 8px;border-radius:var(--radius-full);margin-bottom:6px;display:inline-flex;align-items:center;gap:6px}.lw-modal-header h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:800}.lw-modal-header p{font-size:.8rem;color:#94a3b8}.lw-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.25rem;cursor:pointer;transition:var(--transition-fast)}.lw-close-btn:hover{color:#fff}.lw-modal-body{padding:24px;overflow-y:auto}.lw-arch-diagram{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:24px;gap:12px}.lw-arch-node{flex:1;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;text-align:center;box-shadow:var(--shadow-sm)}.lw-arch-node.active-hub{border-color:var(--primary-color);background:#f0fdf4}.node-icon{font-size:1.6rem;margin-bottom:8px;color:var(--secondary-color)}.active-hub .node-icon{color:var(--primary-color)}.lw-arch-node h4{font-size:.875rem;font-weight:700;margin-bottom:2px}.node-role{font-size:.725rem;color:var(--text-muted);display:block;margin-bottom:4px}.node-status{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-full)}.node-status.online{background:#dcfce7;color:#166534}.lw-arch-arrow{display:flex;flex-direction:column;align-items:center;gap:4px}.arrow-line{width:40px;height:2px;background:#94a3b8;position:relative}.arrow-line:after{content:"";position:absolute;right:0;top:-4px;border:5px solid transparent;border-left-color:#94a3b8}.arrow-tag{font-size:.65rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.lw-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;align-items:center}.lw-stat-card{background:var(--bg-alt);padding:12px 16px;border-radius:var(--radius-md)}.lw-stat-lbl{font-size:.75rem;color:var(--text-muted);display:block}.lw-stat-num{font-size:1.1rem;font-weight:700;font-family:var(--font-heading)}.lw-section-title{margin-bottom:12px}.lw-section-title h3{font-size:1.1rem;font-weight:700;color:var(--secondary-color)}.lw-sub-note{font-size:.8rem;color:var(--text-muted)}.lw-table-wrap{max-height:220px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:20px}.lw-table{width:100%;border-collapse:collapse;font-size:.8rem}.lw-table th{position:sticky;top:0;background:#f1f5f9;padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.lw-table td{padding:8px 12px;border-bottom:1px solid var(--border-color)}.badge-synced{background:#dcfce7;color:#166534;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-full)}.lw-payload-card{background:#091a2c;border-radius:var(--radius-md);overflow:hidden}.payload-header{padding:10px 16px;background:#06121e;color:#94a3b8;font-size:.75rem;display:flex;justify-content:space-between;align-items:center}.badge-post{background:#10b981;color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono)}.json-code{padding:14px 16px;color:#38bdf8;font-family:var(--font-mono);font-size:.775rem;overflow-x:auto;line-height:1.4}.pdetail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:250;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:var(--transition-normal)}.pdetail-modal-overlay.active{opacity:1;visibility:visible}.pdetail-modal{background:#fff;border-radius:var(--radius-lg);max-width:820px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative}.pdetail-close-btn{position:absolute;top:18px;right:18px;background:#f1f5f9;border:none;width:34px;height:34px;border-radius:50%;font-size:1.1rem;color:var(--text-secondary);cursor:pointer;z-index:10;transition:var(--transition-fast)}.pdetail-close-btn:hover{background:#e2e8f0}.pdetail-content-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;padding:30px}.pdetail-img-wrap{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:#f8fafc}.pdetail-specs-table{width:100%;border-collapse:collapse;font-size:.825rem;margin:16px 0}.pdetail-specs-table td{padding:8px 10px;border-bottom:1px solid var(--border-color)}.pdetail-specs-table td:first-child{font-weight:700;color:var(--text-secondary);width:45%;background:var(--bg-alt)}.red-cta-banner-section{background:#c5222a;padding:56px 40px;width:100%;position:relative}.red-cta-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;gap:32px;flex-wrap:wrap}.red-cta-title{font-family:var(--font-heading);font-size:clamp(2rem,3.8vw,3.2rem);font-weight:850;color:#fff;letter-spacing:-.025em;margin:0}.btn-red-cta{background:#fff;color:#0f172a;padding:16px 36px;border-radius:8px;font-family:var(--font-heading);font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #00000026;transition:transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn-red-cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000040;color:#c5222a}.site-footer{background:#091322;color:#94a3b8;padding:64px 40px 36px;width:100%;margin-top:0;border-top:none}.footer-inner{max-width:100%;margin:0 auto;padding:0}.footer-grid-minimal{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:48px;margin-bottom:48px;width:100%}.footer-brand-logo{text-decoration:none;display:inline-block;margin-bottom:12px}.footer-brand-name{font-family:var(--font-heading);font-size:1.6rem;font-weight:850;color:#fff}.footer-brand-name span{color:#c5222a}.footer-group-desc{font-size:.95rem;line-height:1.6;color:#94a3b8;max-width:380px}.footer-col-title{color:#fff;font-size:1.05rem;font-weight:750;margin-bottom:16px;font-family:var(--font-heading)}.footer-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:.95rem}.footer-nav-list a{color:#cbd5e1;text-decoration:none;transition:color var(--transition-fast)}.footer-nav-list a:hover{color:#fff;text-decoration:underline}.footer-address-block{font-style:normal;font-size:.95rem;line-height:1.6;color:#cbd5e1}.footer-contact-block{display:flex;flex-direction:column;gap:8px;font-size:.95rem}.footer-contact-block a{color:#cbd5e1;text-decoration:none;transition:color var(--transition-fast)}.footer-contact-block a:hover{color:#fff;text-decoration:underline}.footer-bottom-bar{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#64748b;flex-wrap:wrap;gap:12px}@media (max-width: 960px){.footer-grid-minimal{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 640px){.footer-grid-minimal{grid-template-columns:1fr;gap:28px}.red-cta-banner-section{padding:40px 20px}.btn-red-cta{width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-fast);text-align:center}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #0f4c3a40}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:var(--secondary-hover)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#059669}.btn-outline{background:transparent;border:1px solid var(--border-color-dark);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-alt);border-color:var(--text-secondary)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1.05rem}.text-success{color:var(--success-color)!important}.text-danger{color:var(--danger-color)!important}.text-primary{color:var(--primary-color)!important}.text-muted{color:var(--text-muted)!important}.box-3d-studio-section{width:100%;max-width:100%;margin:0;padding:56px 40px 68px;background:#fff;border-bottom:1px solid var(--border-color)}.box-3d-studio-card{width:100%;max-width:100%;margin:0;background:#fff;border-radius:18px;border:1px solid var(--border-color);box-shadow:0 4px 24px -2px #0f172a0d;overflow:hidden}.studio-header{padding:24px 30px;background:linear-gradient(135deg,#091a2c,#0f2b48,#06121e);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}.studio-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;background:#34d3992e;color:#34d399;border:1px solid rgba(52,211,153,.4);padding:3px 10px;border-radius:var(--radius-full);margin-bottom:6px;display:inline-flex;align-items:center;gap:6px}.studio-heading{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;margin-bottom:4px}.studio-desc{font-size:.875rem;color:#cbd5e1;max-width:680px}.studio-controls-top{display:flex;align-items:center;gap:12px}.dim-badge-chip{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;font-family:var(--font-mono);color:#38bdf8}.studio-viewport-container{height:440px;background:radial-gradient(circle at center,#fdfaf6,#f4eae0 60%,#e8dcce);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:1200px;cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-color)}.studio-viewport-container.grabbing{cursor:grabbing}.viewport-hint{position:absolute;top:14px;left:20px;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:5px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-secondary);border:1px solid rgba(0,0,0,.08);pointer-events:none;z-index:10}.scene-3d{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.box-assembly-root{position:relative;width:0;height:0;transform-style:preserve-3d;transition:transform .05s ease-out}.ground-shadow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(90deg) translateZ(-40px);background:radial-gradient(ellipse at center,#0f2b4859,#0f2b4800 70%);border-radius:50%;pointer-events:none;transition:all .2s ease}.box-model-wrapper{position:absolute;transform-style:preserve-3d}.box-panel{position:absolute;transform-style:preserve-3d;box-sizing:border-box}.panel-inner{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #996839;border-radius:2px;backface-visibility:visible;overflow:hidden;box-shadow:inset 0 0 10px #00000014}.kraft-texture{background-color:#d19a66;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:100% 4px,4px 100%}.flap-texture{background-color:#c99360;border-style:dashed}.panel-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;font-weight:800;color:#442a124d;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.box-print-markings{padding:8px;display:flex;flex-direction:column;gap:4px;color:#3b220c;font-family:var(--font-sans);font-weight:700;font-size:.65rem;opacity:.75}.fragile-stamp{border:1px solid #3b220c;padding:2px 4px;width:fit-content;border-radius:2px}.recycle-stamp{font-size:.6rem}.barcode-graphic{font-family:var(--font-mono);font-size:.75rem;letter-spacing:1px}.fefco-stamp{font-family:var(--font-mono);font-size:.6rem;background:#0000001a;padding:1px 4px;width:fit-content}.panel-bottom{transform:rotateX(90deg) translateZ(0)}.panel-front{top:100%;left:0;transform-origin:top center}.panel-back{bottom:100%;left:0;transform-origin:bottom center}.panel-left{top:0;right:100%;transform-origin:right center}.panel-right{top:0;left:100%;transform-origin:left center}.flap-top-front{top:100%;left:0;transform-origin:top center}.flap-top-back,.flap-top-left,.flap-top-right{bottom:100%;left:0;transform-origin:bottom center}.sealing-tape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:28px;background:linear-gradient(90deg,#b45309,#d97706,#b45309);box-shadow:0 2px 6px #00000040;border-top:1px dashed rgba(255,255,255,.4);border-bottom:1px dashed rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:50;pointer-events:none;transition:opacity .2s ease}.tape-text{font-family:var(--font-mono);font-size:.6rem;font-weight:800;color:#fff;letter-spacing:1px;white-space:nowrap}.creation-step-callout{position:absolute;bottom:18px;left:20px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);padding:14px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:360px;z-index:10;pointer-events:none}.callout-step-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--primary-color);margin-bottom:2px}.callout-step-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--secondary-color);margin-bottom:4px}.callout-step-desc{font-size:.775rem;color:var(--text-secondary);line-height:1.4}.studio-scrubber-panel{padding:24px 30px;background:#fff}.step-buttons-strip{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.step-btn{flex:1;min-width:130px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;text-align:left}.step-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.step-btn.active{background:#f0fdf4;border-color:var(--primary-color);box-shadow:0 4px 12px #10b98126}.step-num{width:26px;height:26px;border-radius:50%;background:#e2e8f0;color:#475569;font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.step-btn.active .step-num{background:var(--primary-color);color:#fff}.step-label-group{display:flex;flex-direction:column}.step-text{font-size:.8rem;font-weight:700;color:var(--text-primary);line-height:1.2}.step-btn.active .step-text{color:var(--primary-color)}.step-sub{font-size:.675rem;color:var(--text-muted);margin-top:2px}.camera-angle-presets{display:flex;gap:6px}.btn-cam-preset{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;padding:5px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:var(--transition-fast)}.btn-cam-preset:hover{background:#fff;color:var(--secondary-color)}.scrubber-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.scrubber-title{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary)}.progress-pct-badge{background:var(--primary-light);color:var(--primary-color);font-weight:700;font-family:var(--font-mono);font-size:.775rem;padding:2px 8px;border-radius:var(--radius-full)}.btn-play-pause{background:var(--primary-color);color:#fff;border:none;padding:6px 14px;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition-fast)}.btn-play-pause:hover{background:var(--primary-hover)}.scrubber-slider-wrapper{position:relative;padding:10px 0;margin-bottom:18px}.creation-scrollbar{width:100%;height:12px;background:linear-gradient(to right,#d4a373,#10b981);border-radius:6px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 1px 3px #0003}.creation-scrollbar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--primary-color);box-shadow:0 4px 10px #0000004d;cursor:grab;transition:transform .1s ease}.creation-scrollbar::-webkit-slider-thumb:active{transform:scale(1.15);cursor:grabbing}.creation-scrollbar::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--primary-color);box-shadow:0 4px 10px #0000004d;cursor:grab}.scrubber-milestones{display:flex;justify-content:space-between;margin-top:10px}.milestone-btn{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.milestone-btn:hover{background:var(--bg-alt)}.milestone-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;transition:var(--transition-fast)}.milestone-dot.active{background:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.2)}.milestone-label{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.studio-footer-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:16px;flex-wrap:wrap;gap:12px}.box-spec-pills{display:flex;gap:12px;font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.box-spec-pills span{background:var(--bg-alt);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.btn-custom-boxes-nav{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#22c55e;padding:8px 14px;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;transition:var(--transition-fast)}.btn-custom-boxes-nav:hover{background:#22c55e;color:#fff;transform:translateY(-1px)}.custom-builder-section{width:100%;max-width:100%;margin:0;padding:56px 40px 68px;background:#fff;border-bottom:1px solid var(--border-color)}.custom-box-builder-card{width:100%;max-width:100%;margin:0;background:#fff;border-radius:18px;border:1px solid var(--border-color);box-shadow:0 4px 24px -2px #0f172a0d;overflow:hidden;padding:28px 32px}.custom-builder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start}.custom-preview-card{background:#fff;border-radius:var(--radius-lg);border:1.5px solid #e2e8f0;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000005;overflow:hidden;position:relative;display:flex;flex-direction:column}.preview-card-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;position:relative;background:#fff}.preview-style-title{display:flex;align-items:baseline;gap:12px}.fefco-code{font-family:var(--font-heading);font-size:1.85rem;font-weight:800;color:#0f172a;letter-spacing:-.5px}.grade-code{font-family:var(--font-sans);font-size:1.25rem;font-weight:500;color:#475569}.view-toggle-pills{display:flex;background:#f1f5f9;padding:4px;border-radius:var(--radius-full);gap:4px;z-index:5}.view-pill{border:none;background:transparent;color:#64748b;font-size:.85rem;font-weight:700;padding:6px 18px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.view-pill:hover{color:#0f172a}.view-pill.active{background:#22c55e;color:#fff;box-shadow:0 2px 8px #22c55e59}.corrugated-corner-swatch{position:absolute;top:0;right:0;width:90px;height:65px;background:repeating-linear-gradient(45deg,#d4a373,#d4a373 8px,#b07d4b 8px,#b07d4b 16px),linear-gradient(to bottom,#8a5a2f,#6d421d);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.85;pointer-events:none}.custom-visualizer-viewport{position:relative;height:520px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.dieline-view-wrapper{width:100%;height:100%;min-height:520px;display:none;align-items:center;justify-content:center;position:relative;padding:16px;background:#fff}.dieline-view-wrapper.active{display:flex}.cad-dieline-svg{width:100%;height:100%;max-height:540px;margin:auto;display:block}.dieline-legend{position:absolute;top:14px;left:20px;background:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #e2e8f0;padding:6px 14px;border-radius:var(--radius-md);font-size:.725rem;font-weight:700;color:#334155;display:flex;gap:14px;box-shadow:0 2px 6px #0000000a;z-index:10}.legend-item{display:flex;align-items:center;gap:6px}.legend-line{width:16px;height:3px;display:inline-block;border-radius:1px}.legend-line.cut-line{background:#53af31}.legend-line.crease-line{background:#ef4444;border-bottom:2px dashed #ef4444;height:0}.legend-line.dim-line{background:#15803d}.preview-eco-badges{position:absolute;bottom:14px;right:20px;display:flex;align-items:center;gap:18px;pointer-events:none;z-index:10}.eco-badge-item{display:flex;flex-direction:column;align-items:center;gap:3px}.eco-circle-svg{filter:drop-shadow(0 1px 2px rgba(0,168,107,.2))}.eco-text{font-size:.65rem;font-weight:800;color:#007a50;letter-spacing:.4px;font-family:var(--font-sans);text-transform:uppercase}.pap20-box{display:flex;flex-direction:column;align-items:center;gap:2px}.pap20-text{font-size:.725rem;font-weight:800;color:#007a50;font-family:var(--font-mono);letter-spacing:.5px}.threejs-3d-wrapper{width:100%;height:100%;display:none;position:relative;background:radial-gradient(circle at center,#fdfaf6,#f4eae0 60%,#e8dcce)}.threejs-3d-wrapper.active{display:block}.custom-3d-milestones{position:absolute;top:12px;right:16px;display:flex;gap:4px;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 6px;border-radius:var(--radius-full);border:1px solid #cbd5e1;box-shadow:0 2px 8px #0000000f}.btn-3d-mile{border:none;background:transparent;font-size:.72rem;font-weight:700;color:#475569;padding:5px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-3d-mile:hover{color:#0f172a;background:#f1f5f9}.btn-3d-mile.active{background:#15803d;color:#fff;box-shadow:0 2px 6px #15803d4d}.custom-fold-slider-bar{position:absolute;bottom:14px;left:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #cbd5e1;padding:8px 16px;border-radius:var(--radius-full);display:flex;align-items:center;gap:12px;z-index:10;box-shadow:0 4px 12px #00000014}.btn-play-mini{width:28px;height:28px;border-radius:50%;border:none;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .2s ease}.btn-play-mini:hover{background:#16a34a;transform:scale(1.05)}.custom-config-panel{display:flex;flex-direction:column;gap:20px}.config-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;background:#22c55e26;color:#15803d;border:1px solid rgba(34,197,94,.3);padding:3px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;margin-bottom:6px}.config-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--secondary-color);margin-bottom:4px}.config-subtitle{font-size:.875rem;color:var(--text-secondary)}.form-group-item{display:flex;flex-direction:column;gap:8px}.form-label-bold{font-size:.85rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.style-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-btn{background:#f8fafc;border:1.5px solid #e2e8f0;padding:12px;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:2px}.style-btn strong{font-size:.9rem;color:var(--text-primary)}.style-btn span{font-size:.75rem;color:var(--text-muted)}.style-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.style-btn.active{background:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.style-btn.active strong{color:#15803d}.dim-inputs-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.dim-field{display:flex;flex-direction:column;gap:4px}.dim-field label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.input-unit-wrap{position:relative;display:flex;align-items:center}.input-unit-wrap input{width:100%;padding:8px 32px 8px 10px;border:1.5px solid #cbd5e1;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:#0f172a;outline:none}.input-unit-wrap input:focus{border-color:#22c55e}.input-unit-wrap span{position:absolute;right:8px;font-size:.75rem;font-weight:600;color:var(--text-muted)}.grade-choice-grid{display:flex;flex-direction:column;gap:6px}.grade-btn{background:#f8fafc;border:1px solid #e2e8f0;padding:8px 12px;border-radius:var(--radius-sm);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast)}.grade-btn:hover{background:#f1f5f9}.grade-btn.active{background:#f0fdf4;border-color:#22c55e;font-weight:700}.grade-btn.active strong{color:#15803d}.grade-btn span{font-size:.75rem;color:var(--text-muted)}.color-toggle-row{display:flex;gap:20px;align-items:center}.color-opt-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer}.color-swatch-chip{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;display:inline-block}.brown-chip{background:#cb9661}.white-chip{background:#fff;border-color:#94a3b8}.custom-pricing-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:16px}.pricing-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.pricing-card-header .title{font-size:.85rem;font-weight:700;color:var(--secondary-color)}.pricing-card-header .lead-time{font-size:.75rem;font-weight:600;color:#0369a1;background:#e0f2fe;padding:2px 8px;border-radius:var(--radius-sm)}.pricing-volume-table-wrap{overflow-x:auto;margin-bottom:14px}.custom-quote-table{width:100%;border-collapse:collapse;font-size:.775rem;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm)}.custom-quote-table th{background:#f1f5f9;padding:6px 10px;text-align:left;color:var(--text-secondary);font-weight:700;border-bottom:1px solid #e2e8f0}.custom-quote-table td{padding:6px 10px;border-bottom:1px solid #f1f5f9;font-family:var(--font-mono)}.custom-quote-table tr.active-tier{background:#f0fdf4;color:#15803d;font-weight:700}.custom-order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1px dashed #cbd5e1}.order-qty-select{display:flex;flex-direction:column;gap:4px}.order-qty-select label{font-size:.725rem;font-weight:600;color:var(--text-muted)}.custom-qty-dropdown{padding:6px 10px;border:1px solid #cbd5e1;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;background:#fff;cursor:pointer}.order-total-block{display:flex;flex-direction:column}.order-total-block .unit-price{font-size:1.15rem;font-weight:800;color:#15803d;font-family:var(--font-heading)}.order-total-block .total-price{font-size:.75rem;color:var(--text-muted)}.btn-add-custom-box{padding:10px 18px;font-size:.875rem;background:#15803d;border-color:#15803d}.btn-add-custom-box:hover{background:#166534}.custom-cart-toast{position:fixed;bottom:24px;right:24px;background:#0f172a;color:#fff;padding:14px 22px;border-radius:var(--radius-md);box-shadow:0 10px 30px #0000004d;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:10px;z-index:1000;animation:slideToast .3s ease-out}.top-channel-switcher{display:flex;align-items:center;gap:6px;background:#00000040;padding:3px 6px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15)}.top-channel-switcher .channel-lbl{font-size:.725rem;color:#d1fae5;font-weight:700;margin-right:2px;margin-left:4px}.btn-channel-toggle{background:transparent;border:none;color:#e2e8f0;font-size:.725rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease}.btn-channel-toggle:hover{color:#fff;background:#ffffff1a}.btn-channel-toggle.active{background:#10b981;color:#064e3b;font-weight:800;box-shadow:0 1px 4px #0003}.btn-b2c-order-nav{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;text-decoration:none;transition:var(--transition-fast)}.btn-b2c-order-nav:hover{background:#d1fae5;border-color:#059669;transform:translateY(-1px)}.card-3d-stage-viewport{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;cursor:grab}.card-top-right-badges{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;z-index:3}.badge-360-revolve{background:#d97706e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:1px solid rgba(251,191,36,.4);font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:4px;letter-spacing:.3px;animation:pulseRotateTag 3s infinite ease-in-out}@keyframes pulseRotateTag{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.badge-b2c{background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.card-pack-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 12px;background:#f1f5f9;padding:4px;border-radius:var(--radius-sm)}.card-pack-btn{background:transparent;border:none;font-size:.7rem;font-weight:700;color:var(--text-secondary);padding:5px 6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;white-space:nowrap}.card-pack-btn.active{background:#fff;color:var(--primary-color);box-shadow:0 1px 3px #0000001a;font-weight:800}.card-b2c-tip{font-size:.75rem;color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;padding:5px 8px;border-radius:var(--radius-sm);margin-bottom:8px}.card-tier-matrix.hide-for-b2c{display:none}.qo-badge-channel-selector{display:flex;gap:8px;margin-bottom:8px}.qo-channel-pill{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.qo-channel-pill:hover{background:#e2e8f0;color:#0f172a}.qo-channel-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 6px #0f4c3a40}.vat-mode-tag{font-size:.75rem;font-weight:700;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;padding:5px 10px;border-radius:var(--radius-full);display:flex;align-items:center;gap:5px}.b2c-bundles-section{margin-top:15px;margin-bottom:30px}.b2c-section-heading{margin-bottom:16px}.b2c-section-heading h3{font-size:1.15rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px}.b2c-section-heading p{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.b2c-bundles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.b2c-bundle-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;transition:var(--transition-normal)}.b2c-bundle-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#94a3b8}.bundle-badge{position:absolute;top:10px;left:10px;background:#d97706;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);z-index:4}.bundle-stage-preview{height:150px;width:100%;background:radial-gradient(circle at center,#fff,#f1f5f9);position:relative}.bundle-content{padding:14px;display:flex;flex-direction:column;flex:1}.bundle-title{font-size:.95rem;font-weight:700;margin-bottom:6px;color:var(--text-primary);line-height:1.3}.bundle-desc{font-size:.78rem;color:var(--text-secondary);margin-bottom:10px;line-height:1.4}.bundle-items-list{list-style:none;margin:0 0 14px;font-size:.75rem;color:#334155;display:flex;flex-direction:column;gap:4px;background:#f8fafc;padding:8px 10px;border-radius:var(--radius-sm)}.bundle-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f1f5f9}.bundle-price-wrap{display:flex;flex-direction:column}.bundle-price{font-size:1.25rem;font-weight:800;color:var(--primary-color);font-family:var(--font-heading)}.bundle-vat-tag{font-size:.68rem;color:var(--text-muted)}.b2c-mini-pack-builder{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:20px}.b2c-builder-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}.form-group-custom label{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:6px}.b2c-select{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;background:#fff;color:var(--text-primary);outline:none;cursor:pointer}.b2c-specs-highlight{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.b2c-spec-chip{background:#fff;border:1px solid #e2e8f0;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.b2c-qty-row{display:flex;align-items:center;gap:16px;margin:16px 0}.b2c-qty-group{display:flex;align-items:center;gap:10px}.b2c-qty-group label{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.b2c-stepper{display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-md);overflow:hidden}.btn-stepper{width:32px;height:32px;background:#f1f5f9;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-stepper:hover{background:#e2e8f0}.b2c-stepper input{width:44px;height:32px;text-align:center;border:none;font-weight:700;font-size:.9rem;outline:none}.b2c-total-boxes-tag{font-size:.85rem;color:#047857;background:#ecfdf5;padding:6px 12px;border-radius:var(--radius-md);border:1px solid #a7f3d0}.b2c-price-action-bar{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #e2e8f0}.b2c-price-summary{display:flex;flex-direction:column}.b2c-price-total{font-size:1.5rem;font-weight:800;color:var(--primary-color);font-family:var(--font-heading)}.b2c-unit-sub{font-size:.75rem;color:var(--text-muted)}.b2c-3d-box-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-sm)}.b2c-3d-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.b2c-3d-badge{font-size:.725rem;font-weight:700;color:#78350f;background:#fef3c7;padding:3px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:5px}.b2c-revolve-tag{font-size:.7rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:2px 7px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:4px}.b2c-3d-footer{text-align:center;font-size:.72rem;color:var(--text-muted);margin-top:6px}.pdetail-3d-stage-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.pdetail-3d-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.pdetail-3d-badge{font-size:.75rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:6px}.pdetail-3d-hint{font-size:.72rem;color:#d97706;font-weight:600;display:flex;align-items:center;gap:4px}.pdetail-dim-callout{display:flex;justify-content:space-around;padding:8px 12px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:.75rem;color:var(--text-secondary)}@media (max-width: 1024px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-title{font-size:2.8rem}.hero-visual-col{width:100%;justify-content:center}.hero-diagram-container{max-width:560px}.header-nav-links{gap:16px}.finder-body,.b2c-builder-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.lw-arch-diagram{flex-direction:column}.arrow-line{width:2px;height:24px}.arrow-line:after{top:auto;bottom:-4px;right:-4px;border-left-color:transparent;border-top-color:#94a3b8}.lw-stats-bar{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.header-inner{padding:12px 20px;gap:16px}.brand-logo-img{height:38px}.header-nav-links{gap:16px}.header-nav-links .nav-link{font-size:.9rem}.btn-price-box{padding:8px 18px;font-size:.9rem}}@media (max-width: 768px){.hero-section{padding:0}.carousel-slide.slide-interactive{padding:40px 16px 52px}.hero-title{font-size:2.3rem}.hero-metrics-pill{max-width:100%;padding:14px 12px}.metric-value{font-size:1.45rem}.hero-diagram-container{max-width:480px}.hero-iso-svg{width:56%}.iso-callout{left:58%}.callout-step-title{font-size:13px}.callout-step-desc{font-size:12px}.dimensions-grid{flex-direction:column;align-items:stretch}.dim-separator{display:none}.finder-controls-row,.pdetail-content-grid,.footer-grid{grid-template-columns:1fr}.top-bar-inner{flex-direction:column;align-items:center;text-align:center;gap:8px}.top-channel-switcher{margin-bottom:4px}.b2c-price-action-bar{flex-direction:column;align-items:stretch;gap:12px}.b2c-price-action-bar button{width:100%}.cat-banner-top{flex-direction:column;align-items:stretch}.cat-banner-reset-btn{width:100%;justify-content:center}.cat-banner-specs-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.main-header{position:sticky;top:0;z-index:100}.header-inner{padding:10px 14px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.brand-logo-img{height:32px;max-width:150px}.header-actions{display:flex;align-items:center;gap:8px}.btn-price-box{padding:7px 14px;font-size:.82rem;font-weight:700;border-radius:6px}.header-nav-links{width:100%;order:3;display:flex;justify-content:space-between;align-items:center;gap:4px;padding-top:8px;margin-left:0;border-top:1px solid rgba(15,27,45,.08)}.header-nav-links .nav-link{font-size:.82rem;font-weight:600;padding:6px 4px;white-space:nowrap;text-align:center;flex:1}.carousel-controls-bar{bottom:8px;padding:4px 10px;gap:8px}.indicator-dot{width:14px;height:5px}.indicator-dot.active{width:26px}.carousel-pause-toggle{font-size:.65rem;padding:1px 2px}}@media (max-width: 480px){.hero-title{font-size:1.95rem}.hero-metrics-pill{flex-direction:column;gap:12px;border-radius:12px}.metric-divider{width:80%;height:1px;margin:4px 0}.hero-cta-group{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center;text-align:center}.hero-diagram-container{max-width:360px}.hero-iso-svg{width:52%}.iso-callout{left:54%}.callout-step-title{font-size:11.5px}.callout-step-desc{font-size:11px;line-height:1.25}.cat-banner-specs-grid{grid-template-columns:1fr}}.why-demand-section{background:#fff;padding:64px 40px 72px;border-bottom:1px solid var(--border-color);position:relative;overflow:hidden;width:100%}.why-demand-container{width:100%;max-width:100%;margin:0}.why-demand-header{margin-bottom:44px}.why-demand-tag{display:inline-block;font-family:var(--font-heading);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e61937;margin-bottom:14px}.why-demand-title{font-family:var(--font-heading);font-size:clamp(2rem,3.8vw,3rem);font-weight:850;line-height:1.15;color:#0f172a;letter-spacing:-.025em;max-width:100%}.why-demand-title-red{color:#e61937;font-weight:850}.why-demand-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch;width:100%}.demand-card{border-radius:18px;padding:48px 44px;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.demand-card:hover{transform:translateY(-3px)}.demand-card-stock{background:#f8fafc;border:1px solid #e2e8f0}.demand-card-stock .demand-card-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:750;color:#1e293b;margin-bottom:28px}.demand-card-ondemand{background:#0d1726;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px -15px #0d172673}.demand-card-ondemand .demand-card-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:750;color:#fff;margin-bottom:28px}.demand-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.demand-list li{display:flex;align-items:flex-start;gap:16px;font-size:1.05rem;line-height:1.45;font-weight:500}.demand-list-stock li{color:#475569}.demand-list-ondemand li{color:#f1f5f9}.demand-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:1.15rem;font-weight:800;flex-shrink:0;line-height:1}.demand-icon-cross{color:#94a3b8}.demand-icon-check{color:#f43f5e}@media (max-width: 960px){.why-demand-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 640px){.why-demand-section{padding:44px 16px 52px}.demand-card{padding:30px 22px;border-radius:14px}.demand-list{gap:16px}.demand-list li{font-size:.95rem}}.how-works-section{background:#fff;padding:56px 40px 68px;border-bottom:1px solid var(--border-color);position:relative;width:100%}.how-works-container{width:100%;max-width:100%;margin:0}.how-works-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;flex-wrap:wrap}.how-works-tag{display:inline-block;font-family:var(--font-heading);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e61937;margin-bottom:10px}.how-works-title{font-family:var(--font-heading);font-size:clamp(2rem,3.6vw,3rem);font-weight:850;line-height:1.15;color:#0f172a;letter-spacing:-.025em;margin:0}.how-works-title-red{color:#e61937;font-weight:850}.how-works-cta{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:#e61937;text-decoration:underline;text-underline-offset:4px;transition:color var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;gap:6px;margin-bottom:6px}.how-works-cta:hover{color:#b91c1c;transform:translate(3px)}.how-works-divider{width:100%;height:2px;background:#0f172a;margin-bottom:40px;border-radius:1px}.how-works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;width:100%}.how-step-card{display:flex;flex-direction:column;align-items:flex-start}.how-step-number{font-family:var(--font-heading);font-size:3.6rem;font-weight:850;color:#e61937;line-height:1;margin-bottom:16px;letter-spacing:-.04em}.how-step-title{font-family:var(--font-heading);font-size:1.45rem;font-weight:800;color:#0f172a;margin-bottom:10px;line-height:1.25}.how-step-desc{font-size:1.02rem;line-height:1.55;color:#475569;font-weight:500;margin:0}@media (max-width: 900px){.how-works-grid{grid-template-columns:1fr;gap:32px}.how-works-header{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.how-works-section{padding:40px 16px 52px}.how-step-number{font-size:2.8rem;margin-bottom:12px}.how-step-title{font-size:1.2rem}}.trade-credit-section{background:#0b1424;padding:72px 40px 84px;border-bottom:1px solid var(--border-color);width:100%;position:relative;overflow:hidden}.trade-credit-container{width:100%;max-width:100%;margin:0}.trade-credit-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;width:100%}.trade-credit-info{display:flex;flex-direction:column;align-items:flex-start}.trade-credit-tag{display:inline-block;font-family:var(--font-heading);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f87171;margin-bottom:16px}.trade-credit-title{font-family:var(--font-heading);font-size:clamp(2.2rem,3.8vw,3.2rem);font-weight:850;line-height:1.12;color:#fff;letter-spacing:-.025em;margin-bottom:18px}.trade-credit-sub{font-size:1.05rem;line-height:1.6;color:#94a3b8;font-weight:400;max-width:640px;margin-bottom:32px}.trade-credit-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-trade-apply{background:#c5222a;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast)}.btn-trade-apply:hover{background:#a61b22;transform:translateY(-2px)}.btn-trade-talk{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.28);padding:13px 28px;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-trade-talk:hover{border-color:#fff;background:#ffffff14;transform:translateY(-2px)}.trade-terms-table{display:flex;flex-direction:column;width:100%}.trade-term-row{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12);gap:20px}.trade-term-row:first-child{border-top:1px solid rgba(255,255,255,.12)}.trade-term-name{font-size:1.05rem;color:#cbd5e1;font-weight:500}.trade-term-value{font-size:1.08rem;color:#fff;font-weight:800;font-family:var(--font-heading);text-align:right;white-space:nowrap}@media (max-width: 960px){.trade-credit-grid{grid-template-columns:1fr;gap:40px}.trade-credit-section{padding:50px 20px 60px}}.faq-questions-section{background:#fff;padding:68px 40px 84px;border-bottom:1px solid var(--border-color);width:100%;position:relative}.faq-container{width:100%;max-width:100%;margin:0}.faq-main-title{font-family:var(--font-heading);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:850;color:#0f172a;letter-spacing:-.025em;margin-bottom:20px}.faq-header-divider{width:100%;height:2px;background:#0f172a;margin-bottom:32px;border-radius:1px}.faq-accordion{display:flex;flex-direction:column;width:100%}.faq-item{border-bottom:1px solid #e2e8f0;padding:24px 0;transition:background var(--transition-fast)}.faq-question-btn{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:none;text-align:left;cursor:pointer;padding:4px 0;outline:none;font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:#0f172a;transition:color var(--transition-fast)}.faq-question-btn:hover{color:#c5222a}.faq-arrow-icon{font-size:.85rem;color:#0f172a;min-width:18px;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.faq-item:not(.active) .faq-arrow-icon{transform:rotate(-90deg)}.faq-item.active .faq-arrow-icon{transform:rotate(0)}.faq-question-text{flex:1}.faq-answer-collapse{padding-top:10px;padding-left:30px;animation:faqFadeIn .2s ease-in-out}.faq-answer-text{font-size:1.05rem;line-height:1.6;color:#475569;font-weight:500;margin:0;max-width:960px}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.faq-questions-section{padding:44px 16px 56px}.faq-question-btn{font-size:1.1rem;gap:8px}.faq-answer-collapse{padding-left:20px}}.main-content-tabs{width:100%;min-height:calc(100vh - 416px);position:relative}.site-tab-content{display:none;width:100%}.site-tab-content.active{display:block;animation:tabFadeIn .22s ease-in-out}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stock-header-banner{background:#0f1829;color:#fff;padding:56px 24px 44px;text-align:center;border-bottom:3px solid #c5222a}.stock-header-container{max-width:860px;margin:0 auto}.stock-header-tag{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#c5222a;padding:6px 14px;border-radius:9999px;margin-bottom:16px}.stock-header-title{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}.stock-header-desc{font-size:1.1rem;color:#cbd5e1;max-width:720px;margin:0 auto;line-height:1.6}.about-sales-enquiry-section{background:#fff;padding:60px 24px 50px}.about-container{max-width:1240px;width:100%;margin:0 auto}.sales-enquiry-header{width:100%;margin-bottom:36px}.sales-enquiry-title{font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:2.85rem;font-weight:800;color:#0f1829;letter-spacing:-.025em;margin:0 0 16px;line-height:1.15}.sales-enquiry-title .text-red{color:#c5222a}.sales-enquiry-desc{font-size:1.14rem;line-height:1.7;color:#334155;width:100%;max-width:100%;margin:0 0 14px;font-weight:450}.sales-enquiry-desc-sub{font-size:1.12rem;line-height:1.7;color:#334155;width:100%;max-width:100%;margin:0}.contact-inline-link{color:#c5222a;font-weight:700;text-decoration:none;transition:all .15s ease}.contact-inline-link:hover{text-decoration:underline;color:#a61b22}.sales-enquiry-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:stretch;margin-top:32px}.about-contact-details-col{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:38px 36px;box-shadow:0 4px 20px -2px #0f172a0d;display:flex;flex-direction:column;justify-content:center}.contact-details-heading{font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:1.45rem;font-weight:800;color:#0f1829;letter-spacing:-.02em;margin:0 0 30px}.contact-detail-items{display:flex;flex-direction:column;gap:28px}.contact-detail-row{display:flex;align-items:center;gap:22px}.contact-icon-bubble{width:54px;height:54px;border-radius:50%;border:2px solid #0f1829;display:flex;align-items:center;justify-content:center;color:#0f1829;font-size:1.25rem;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff}.contact-detail-row:hover .contact-icon-bubble{border-color:#c5222a;color:#c5222a;background:#fef2f2;transform:scale(1.06)}.contact-detail-content{font-size:1.05rem;line-height:1.5}.contact-detail-link{color:#0f1829;text-decoration:none;font-weight:700;transition:color .15s ease}.contact-detail-link:hover{color:#c5222a}.contact-detail-address{font-style:normal;font-weight:700;color:#0f1829;line-height:1.5;letter-spacing:.02em}.about-map-col{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d;min-height:340px}.about-map-frame{width:100%;height:100%;min-height:340px}.about-map-frame iframe{display:block;width:100%;height:100%;min-height:340px}.about-quote-form-section{background:#f8fafc;padding:60px 24px 80px;border-top:1px solid #e2e8f0}.quote-form-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:44px;box-shadow:0 6px 24px -4px #0f172a0f}.sales-quote-title{font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:2.35rem;font-weight:800;color:#0f1829;letter-spacing:-.025em;margin:0 0 32px;line-height:1.15}.sales-quote-title .text-red{color:#c5222a}.sales-quote-form{display:flex;flex-direction:column;gap:18px}.quote-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form-group{display:flex;flex-direction:column}.quote-input,.quote-textarea{width:100%;padding:14px 18px;border:1.5px solid #e2e8f0;border-radius:8px;font-family:var(--font-sans, inherit);font-size:1rem;color:#0f1829;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.quote-input::placeholder,.quote-textarea::placeholder{color:#94a3b8;font-weight:400}.quote-input:focus,.quote-textarea:focus{border-color:#c5222a;box-shadow:0 0 0 3px #c5222a1f}.quote-textarea{resize:vertical;min-height:140px;line-height:1.55}.quote-form-actions{display:flex;align-items:center;margin-top:12px}.btn-sales-quote-submit{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:#0f1829;border:1.5px solid #0f1829;border-radius:30px;color:#fff;font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:1.02rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0f182926}.btn-sales-quote-submit i{transition:transform .2s ease}.btn-sales-quote-submit:hover{background:#c5222a;border-color:#c5222a;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #c5222a4d}.btn-sales-quote-submit:hover i{transform:translate(4px)}.sales-quote-status{padding:16px 22px;border-radius:8px;font-size:.98rem;line-height:1.5;margin-top:14px}.sales-quote-status.success{background:#fef2f2;border:1.5px solid #fecaca;color:#991b1b}@media (max-width: 860px){.sales-enquiry-grid,.quote-form-grid-2{grid-template-columns:1fr}.quote-form-card{padding:30px 24px}.sales-enquiry-title,.sales-quote-title{font-size:2rem}}.about-stats-section{background:#f8fafc;padding:50px 24px 60px;border-bottom:1px solid #e2e8f0}.about-stats-container{max-width:1200px;margin:0 auto}.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.about-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:26px 20px;text-align:center;box-shadow:0 4px 14px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.about-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.about-stat-number{font-size:2.4rem;font-weight:800;color:#c5222a;line-height:1;margin-bottom:8px}.about-stat-label{font-size:1rem;font-weight:700;color:#0f1829;margin-bottom:6px}.about-stat-desc{font-size:.85rem;color:#64748b;line-height:1.45}.about-story-section{padding:70px 24px;background:#fff}.about-story-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-story-content h2{font-size:2rem;font-weight:800;color:#0f1829;margin-bottom:18px;line-height:1.25}.about-story-content p{font-size:1.05rem;color:#475569;line-height:1.7;margin-bottom:16px}.about-story-card{background:#0f1829;color:#fff;border-radius:14px;padding:36px 32px;border-left:6px solid #c5222a;box-shadow:0 10px 30px #0f18291f}.about-story-card h3{font-size:1.35rem;font-weight:800;margin-bottom:14px;color:#fff}.about-story-card p{font-size:.95rem;color:#cbd5e1;line-height:1.6;margin-bottom:20px}.about-facility-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.about-facility-list li{display:flex;align-items:center;gap:10px;font-size:.92rem;color:#e2e8f0}.about-facility-list li i{color:#c5222a;font-size:1.05rem}@media (max-width: 860px){.about-stats-grid{grid-template-columns:repeat(2,1fr)}.about-story-container{grid-template-columns:1fr;gap:36px}}@media (max-width: 540px){.about-stats-grid{grid-template-columns:1fr}.stock-header-title,.about-hero-title{font-size:1.9rem}}.shop-by-size-section{width:100%;background:#fff}.shop-size-wrap{max-width:1180px;margin:0 auto;padding:36px 24px 60px}.shop-size-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#64748b;margin-bottom:22px}.shop-size-breadcrumbs a{color:#475569;text-decoration:none;font-weight:500;transition:color .15s ease}.shop-size-breadcrumbs a:hover{color:#c5222a}.shop-size-breadcrumbs .breadcrumb-sep{color:#cbd5e1}.shop-size-breadcrumbs .breadcrumb-current{color:#0f1829;font-weight:600}.shop-size-header-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px;gap:24px;flex-wrap:wrap}.shop-size-title{font-size:2.4rem;font-weight:800;color:#0f1829;letter-spacing:-.025em;line-height:1.15;margin:0 0 8px}.shop-size-subtitle{font-size:.98rem;color:#64748b;margin:0;line-height:1.5}.shop-size-controls-group{display:flex;align-items:center;gap:12px}.shop-size-segmented-control{display:inline-flex;background:#f1f5f9;padding:4px;border-radius:8px;border:1px solid #e2e8f0;gap:2px}.seg-btn{background:transparent;border:none;padding:6px 14px;font-family:inherit;font-size:.84rem;font-weight:600;color:#475569;border-radius:6px;cursor:pointer;transition:all .15s ease}.seg-btn:hover{color:#0f1829}.seg-btn.active{background:#fff;color:#0f1829;font-weight:700;box-shadow:0 1px 3px #00000014}.shop-size-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0f182908}.shop-size-table{width:100%;border-collapse:collapse;text-align:left}.shop-size-table thead tr{background:#0f1829}.shop-size-table th{padding:14px 20px;color:#fff;font-size:.84rem;font-weight:700;letter-spacing:.01em}.shop-size-table th.th-size{width:25%}.shop-size-table th.th-spec{width:14%}.shop-size-table th.th-grade{width:15%}.shop-size-table th.th-price{width:9%}.shop-size-table th.th-quantity{width:22%;text-align:right;padding-right:24px}.box-spec-pill{display:inline-flex;align-items:center;font-size:.76rem;font-weight:700;padding:4px 10px;border-radius:9999px;letter-spacing:.02em}.box-spec-pill.pill-sw{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.box-spec-pill.pill-dw{background:#0f1829;color:#fff}.grade-code-badge{font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:700;color:#0f1829;display:block}.grade-color-text{font-size:.74rem;color:#64748b;display:block}.shop-size-row{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.shop-size-row:hover{background:#f8fafc}.shop-size-row:last-child{border-bottom:none}.shop-size-row td{padding:12px 18px;vertical-align:middle}.row-dim-text{font-size:.95rem;font-weight:700;color:#0f1829;letter-spacing:-.01em;margin-bottom:2px}.row-sku-text{font-family:var(--font-mono, monospace);font-size:.76rem;font-weight:500;color:#64748b;letter-spacing:.02em}.td-price-tier{font-size:.92rem;color:#334155;font-weight:600}.td-price-tier.tier-bold{font-weight:800;color:#0f1829;font-size:.96rem}.td-qty-col{text-align:right;padding-right:24px}.qty-stepper-wrap{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.btn-qty-step{width:32px;height:32px;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;font-size:1.1rem;font-weight:600;color:#334155;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;line-height:1}.btn-qty-step:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f1829}.input-qty-val{width:48px;height:32px;border:1.5px solid #cbd5e1;border-radius:6px;text-align:center;font-family:inherit;font-size:.88rem;font-weight:700;color:#0f1829;background:#fff;-moz-appearance:textfield}.input-qty-val::-webkit-outer-spin-button,.input-qty-val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-qty-val:focus{outline:none;border-color:#c5222a}.btn-add-stock-cart{background:#c5222a;color:#fff;border:none;height:32px;padding:0 18px;border-radius:6px;font-family:inherit;font-weight:700;font-size:.84rem;cursor:pointer;transition:all .15s ease}.btn-add-stock-cart:hover{background:#a81b22;transform:translateY(-1px);box-shadow:0 4px 10px #c5222a40}.shop-size-footer-bar{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:0 4px;font-size:.88rem;flex-wrap:wrap;gap:14px}.shop-size-footnote{color:#64748b}.shop-size-custom-prompt{color:#334155;font-weight:500}.link-custom-redirect{color:#c5222a;font-weight:700;text-decoration:none;margin-left:4px}.link-custom-redirect:hover{text-decoration:underline}@media (max-width: 820px){.shop-size-header-bar{flex-direction:column;align-items:flex-start;gap:16px}.shop-size-table th.th-size,.shop-size-table td.td-size-info{width:auto}.shop-size-table-container{overflow-x:auto}.shop-size-table{min-width:680px}}.custom-builder-section{width:100%;max-width:100%;margin:0;padding:48px 32px 72px;background:#fcfdfe;border-bottom:1px solid var(--border-color, #e2e8f0)}.build-box-container{max-width:1140px;margin:0 auto}.build-box-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;margin-bottom:18px;color:#64748b}.build-box-breadcrumbs a{color:#64748b;text-decoration:none;transition:color .15s ease}.build-box-breadcrumbs a:hover{color:#c5222a}.breadcrumb-sep{color:#cbd5e1}.breadcrumb-current{color:#1e293b;font-weight:600}.build-box-header{margin-bottom:30px}.build-box-title{font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:2.35rem;font-weight:800;color:#0f1829;letter-spacing:-.025em;line-height:1.15;margin:0 0 8px}.build-box-subtitle{font-size:.98rem;color:#64748b;margin:0;line-height:1.45}.build-box-grid{display:grid;grid-template-columns:1fr 390px;gap:36px;align-items:start}.build-box-left{display:flex;flex-direction:column}.build-box-preview-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px -2px #0f172a0a;margin-bottom:6px;display:flex;flex-direction:column}.build-box-canvas-wrap{width:100%;height:290px;display:flex;align-items:center;justify-content:center;padding:24px 20px 8px;background:#fff}.build-box-preview-img{max-width:100%;max-height:250px;width:auto;height:auto;object-fit:contain;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;background:transparent}.build-box-preview-caption{padding:8px 20px 24px;text-align:center;font-family:var(--font-mono, "JetBrains Mono", Consolas, "SF Mono", monospace);font-size:.95rem;font-weight:500;color:#0f1829;background:transparent;letter-spacing:.04em}.build-step-section{margin-top:26px}.build-step-title{font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:.95rem;font-weight:800;color:#0f172a;margin:0 0 12px;letter-spacing:.04em;text-transform:uppercase}.dimensions-inputs-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.dim-input-col{display:flex;flex-direction:column;gap:6px}.dim-label{font-size:.85rem;font-weight:600;color:#475569}.dim-field-input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:6px;font-family:var(--font-sans, inherit);font-size:1.05rem;font-weight:700;color:#0f172a;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.dim-field-input:focus{border-color:#c5222a;box-shadow:0 0 0 3px #c5222a1f}.dim-helper-note{font-size:.84rem;color:#64748b;margin:8px 0 0;font-weight:500}.build-options-row{display:grid;gap:12px}.build-options-row.cols-2{grid-template-columns:1fr 1fr}.grades-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 768px){.grades-grid{grid-template-columns:repeat(2,1fr)}}.build-option-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:14px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;text-align:left;transition:all .18s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none}.build-option-card.grade-btn{align-items:center;justify-content:center;text-align:center;padding:14px 10px}.build-option-card .option-title{font-family:var(--font-sans, inherit);font-size:.98rem;font-weight:700;color:#0f172a;line-height:1.25}.build-option-card .option-desc{font-size:.82rem;color:#64748b;margin-top:3px;line-height:1.2}.build-option-card:hover{border-color:#cbd5e1;background:#f8fafc}.build-option-card.active{border-color:#c5222a!important;background:#c5222a!important;box-shadow:0 4px 14px #c5222a38!important}.build-option-card.active .option-title{color:#fff!important}.build-option-card.active .option-desc{color:#fffffff2!important}.build-option-card.has-thumb{display:flex;flex-direction:row;align-items:center;gap:14px;padding:12px 18px}.build-option-card.has-thumb .option-thumb-wrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;padding:4px;transition:all .18s ease}.build-option-card.has-thumb.active .option-thumb-wrap{background:#fff;border-color:#ffffffd9}.build-option-card.has-thumb .option-thumb-img{max-width:100%;max-height:100%;object-fit:contain}.build-option-card.has-thumb .option-card-content{display:flex;flex-direction:column;align-items:flex-start}.qty-field-group{display:flex;flex-direction:column;gap:6px}.qty-field-label{font-size:.85rem;font-weight:600;color:#475569}.qty-box-input{max-width:100%}.build-box-right{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}.cutsheet-quote-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:26px 26px 22px;box-shadow:0 4px 20px -2px #0f172a0f}.cutsheet-quote-header{font-size:.8rem;font-weight:800;color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.cutsheet-main-price{display:flex;align-items:baseline;font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:2.85rem;font-weight:900;color:#c5222a;line-height:1;letter-spacing:-.02em}.cutsheet-main-price .price-currency{font-size:2.2rem;margin-right:1px}.cutsheet-main-price .price-unit{font-size:1.05rem;font-weight:600;color:#64748b;margin-left:6px}.cutsheet-dotted-divider{border-top:1.5px dotted #e2e8f0;margin:18px 0}.cutsheet-meta-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.cutsheet-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.cutsheet-meta-row .meta-label{color:#475569;font-weight:500}.cutsheet-meta-row .meta-val{color:#0f172a;font-weight:700}.cutsheet-total-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}.cutsheet-total-row .total-label{font-size:1.05rem;font-weight:800;color:#0f172a;letter-spacing:.02em}.cutsheet-total-row .total-amount{font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:1.85rem;font-weight:900;color:#0f172a}.cutsheet-table-section{margin-top:2px}.cutsheet-table-heading{font-size:.8rem;font-weight:800;color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.cutsheet-tiers-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-family:var(--font-sans, inherit)}.cutsheet-tiers-table th{font-size:.74rem;font-weight:700;color:#64748b;letter-spacing:.06em;padding:6px 10px}.cutsheet-tiers-table th.th-qty{text-align:left}.cutsheet-tiers-table th.th-disc{text-align:center}.cutsheet-tiers-table th.th-per-box{text-align:right}.tier-tr{cursor:pointer;transition:background .15s ease;border-radius:4px}.tier-tr td{padding:9px 10px;font-size:.94rem}.tier-tr td.td-qty{text-align:left;font-weight:600;color:#334155;border-radius:4px 0 0 4px}.tier-tr td.td-disc{text-align:center;color:#64748b}.tier-tr td.td-per-box{text-align:right;font-weight:700;color:#0f172a;border-radius:0 4px 4px 0}.tier-tr:hover{background:#f8fafc}.tier-tr.active{background:#fef2f2!important}.tier-tr.active td.td-qty,.tier-tr.active td.td-disc,.tier-tr.active td.td-per-box{color:#c5222a!important;font-weight:800!important}.cutsheet-spec-pill{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #c5222a;border-radius:6px;padding:10px 14px;font-family:var(--font-mono, monospace);font-size:.85rem;font-weight:600;color:#0f172a;margin:18px 0 16px;letter-spacing:.02em}.cutsheet-actions{display:flex;flex-direction:column;gap:10px}.btn-copy-quote{width:100%;padding:14px 20px;background:#c5222a;color:#fff;border:1.5px solid #c5222a;border-radius:6px;font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:1.02rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #c5222a38}.btn-copy-quote:hover{background:#a61b22;border-color:#a61b22;transform:translateY(-1px);box-shadow:0 6px 16px #c5222a52}.btn-cutsheet-contact{width:100%;padding:12px 18px;background:#fff;border:1.5px solid #0f172a;border-radius:6px;color:#0f172a;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-cutsheet-contact:hover{background:#0f172a;color:#fff}.custom-cart-toast{position:fixed;bottom:24px;right:24px;background:#0f1829;color:#fff;padding:14px 22px;border-radius:10px;box-shadow:0 10px 30px #0000004d;font-size:.9rem;display:flex;align-items:center;gap:12px;z-index:1000;animation:slideToast .3s ease-out;transition:all .3s ease}@keyframes slideToast{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 960px){.build-box-grid{grid-template-columns:1fr}.build-box-right{position:static}}@media (max-width: 600px){.custom-builder-section{padding:24px 14px 44px}.build-box-title{font-size:1.85rem}.build-box-canvas-wrap{height:220px;padding:16px 12px 6px}.build-box-preview-img{max-height:180px}.dimensions-inputs-row{grid-template-columns:1fr 1fr 1fr;gap:8px}.dim-field-input{padding:10px 6px;font-size:.95rem;text-align:center}.dim-label{font-size:.78rem;text-align:center}.build-options-row.cols-2{grid-template-columns:1fr 1fr;gap:8px}.build-options-row.cols-3{grid-template-columns:1fr;gap:8px}.cutsheet-quote-card{padding:20px 16px;border-radius:12px}}body.admin-logged-in{padding-bottom:60px}.admin-floating-toolbar{position:fixed;bottom:0;left:0;right:0;height:52px;background:#0b1118;color:#fff;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 28px #00000059;z-index:99999;font-family:var(--font-body)}.admin-toolbar-inner{max-width:1720px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-toolbar-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:.92rem;color:#fff;letter-spacing:-.3px}.admin-live-pulse{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;animation:adminPulse 2s infinite}@keyframes adminPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.admin-toolbar-actions{display:flex;align-items:center;gap:8px;overflow-x:auto}.admin-toolbar-divider{width:1px;height:24px;background:#ffffff26;margin:0 4px}.admin-btn-tool{display:inline-flex;align-items:center;gap:7px;background:#ffffff12;color:#e2e8f0;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:6px 12px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-btn-tool:hover{background:#ffffff29;color:#fff;border-color:#ffffff40}.admin-btn-tool.active{background:#c5222a;color:#fff;border-color:#c5222a;box-shadow:0 0 12px #c5222a80}.admin-btn-logout{background:#ef44441f;color:#f87171;border-color:#ef444440}.admin-btn-logout:hover{background:#ef4444;color:#fff}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1118d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;animation:adminFadeIn .25s ease}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}.admin-modal-card{background:#fff;border-radius:14px;box-shadow:0 24px 64px #0006;position:relative;overflow:hidden;max-height:92vh;display:flex;flex-direction:column;animation:adminSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes adminSlideUp{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.admin-modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;background:#0f1b2d0f;border:none;color:#475569;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.admin-modal-close:hover{background:#c5222a;color:#fff}.admin-login-card{width:100%;max-width:440px;padding:36px 32px 32px}.admin-login-header{text-align:center;margin-bottom:24px}.admin-login-icon{width:56px;height:56px;border-radius:14px;background:#fff1f2;color:#c5222a;font-size:1.6rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.admin-login-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--secondary-color);margin-bottom:4px}.admin-login-subtitle{font-size:.88rem;color:#64748b}.admin-login-hint{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;font-size:.8rem;color:#475569;display:flex;align-items:center;gap:8px;margin-bottom:20px}.admin-cms-card{width:100%;max-width:1320px;height:88vh}.admin-cms-header{background:#0b1118;color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.admin-cms-header .admin-modal-close{position:static;background:#ffffff1a;color:#fff}.admin-cms-header .admin-modal-close:hover{background:#c5222a}.admin-cms-badge{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#f87171;margin-bottom:2px}.admin-cms-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:#fff;margin:0}.admin-cms-header-actions{display:flex;align-items:center;gap:12px}.admin-cms-nav{display:flex;background:#151f2c;border-bottom:1px solid rgba(255,255,255,.08);padding:0 16px;overflow-x:auto}.admin-nav-tab{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;border-bottom:3px solid transparent;color:#94a3b8;font-family:var(--font-heading);font-size:.9rem;font-weight:600;padding:14px 18px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-nav-tab:hover{color:#fff;background:#ffffff0a}.admin-nav-tab.active{color:#fff;border-bottom-color:#c5222a;background:#ffffff0f}.admin-cms-body{flex:1;overflow-y:auto;padding:24px 28px;background:#f8fafc}.admin-tab-section{display:flex;flex-direction:column;gap:20px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#fff;padding:16px 20px;border-radius:10px;border:1px solid #E2E8F0}.admin-section-desc{font-size:.88rem;color:#64748b;margin:2px 0 0}.admin-form-group{margin-bottom:16px}.admin-form-label{display:block;font-size:.82rem;font-weight:700;color:#334155;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.admin-input-wrapper{position:relative}.admin-input-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#94a3b8;font-size:.95rem}.admin-input-wrapper .admin-form-input{padding-left:40px;padding-right:40px}.admin-pwd-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer}.admin-form-input,.admin-form-select,.admin-form-textarea{width:100%;background:#fff;border:1px solid #CBD5E1;border-radius:8px;padding:10px 14px;font-size:.92rem;color:#1e293b;outline:none;transition:all .2s ease;font-family:var(--font-body)}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{border-color:#c5222a;box-shadow:0 0 0 3px #c5222a26}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.admin-currency-input{position:relative;display:flex;align-items:center}.admin-currency-input span{position:absolute;left:12px;font-weight:700;color:#64748b}.admin-currency-input .admin-form-input{padding-left:28px}.admin-checkbox-row{display:flex;align-items:center;gap:20px;margin-top:10px}.admin-checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:#334155;cursor:pointer}.admin-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-form-card{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:20px 24px}.admin-form-card h4{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--secondary-color);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #F1F5F9;display:flex;align-items:center;gap:8px}.admin-btn-primary{display:inline-flex;align-items:center;gap:8px;background:#c5222a;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}.admin-btn-primary:hover{background:#a01b22;transform:translateY(-1px)}.admin-btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#e2e8f0;color:#1e293b;border:none;border-radius:8px;padding:10px 18px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}.admin-btn-secondary:hover{background:#cbd5e1}.admin-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#475569;border:1px solid #CBD5E1;border-radius:8px;padding:8px 14px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.admin-btn-outline:hover{background:#f1f5f9;color:#0f172a}.admin-btn-danger{display:inline-flex;align-items:center;gap:8px;background:#fee2e2;color:#dc2626;border:1px solid #FCA5A5;border-radius:8px;padding:10px 18px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}.admin-btn-danger:hover{background:#dc2626;color:#fff}.admin-btn-sm{padding:6px 12px;font-size:.82rem}.admin-btn-block{width:100%;justify-content:center}.admin-btn-icon{width:32px;height:32px;border-radius:6px;background:#f1f5f9;border:1px solid #E2E8F0;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.admin-btn-icon:hover{background:#e2e8f0;color:#0f172a}.admin-btn-icon.btn-danger:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.admin-btn-file-upload{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #CBD5E1;border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:600;color:#334155;cursor:pointer;white-space:nowrap}.admin-btn-file-upload:hover{background:#e2e8f0}.admin-image-picker-group{display:flex;gap:8px}.admin-img-preview-box{margin-top:10px;width:100px;height:80px;border:1px solid #E2E8F0;border-radius:6px;padding:4px;background:#fff}.admin-img-preview-box img{width:100%;height:100%;object-fit:contain}.admin-table-container{background:#fff;border-radius:10px;border:1px solid #E2E8F0;overflow:hidden}.admin-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.admin-data-table thead{background:#f8fafc;border-bottom:1px solid #E2E8F0}.admin-data-table th{padding:12px 16px;font-weight:700;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px}.admin-data-table td{padding:12px 16px;border-bottom:1px solid #F1F5F9;color:#334155;vertical-align:middle}.admin-data-table tr:hover td{background:#f8fafc}.admin-thumb-box{width:44px;height:44px;border-radius:6px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;overflow:hidden}.admin-table-thumb{width:100%;height:100%;object-fit:contain}.admin-sku-tag{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:#0f172a;background:#f1f5f9;padding:2px 6px;border-radius:4px}.admin-cat-pill{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px;background:#eff6ff;color:#1d4ed8}.admin-stock-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:12px}.admin-stock-badge.in-stock{background:#ecfdf5;color:#059669}.admin-stock-badge.out-of-stock{background:#fef2f2;color:#dc2626}.admin-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.admin-table-empty{text-align:center;padding:48px!important;color:#94a3b8}.admin-table-empty i{font-size:2.5rem;margin-bottom:12px;color:#cbd5e1}.admin-table-footer{padding:12px 16px;background:#fff;border-top:1px solid #E2E8F0;font-size:.85rem;color:#64748b}.admin-pricing-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-filter-bar{display:flex;align-items:center;gap:12px;flex:1;max-width:600px}.admin-search-input-wrap{position:relative;flex:1}.admin-search-input-wrap i{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:#94a3b8}.admin-search-input-wrap .admin-form-input{padding-left:36px}.admin-banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.admin-banner-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.admin-banner-preview-box{width:100%;height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#fff}.admin-banner-preview-box.theme-dark{background:#0b1118}.admin-banner-thumb{width:100%;height:100%;object-fit:contain}.admin-slide-order-badge{position:absolute;top:10px;left:10px;background:#0f1b2dbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:4px}.admin-banner-content{padding:16px;display:flex;flex-direction:column;flex:1}.admin-banner-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--secondary-color);margin-bottom:4px}.admin-banner-sub{font-size:.82rem;color:#64748b;margin-bottom:12px;flex:1}.admin-banner-meta{display:flex;align-items:center;gap:8px;margin-bottom:14px}.admin-badge-theme{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}.admin-badge-theme.theme-light{background:#f1f5f9;color:#475569}.admin-badge-theme.theme-dark{background:#0f172a;color:#fff}.admin-badge-cta{font-size:.75rem;color:#64748b}.admin-banner-card-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #F1F5F9;padding-top:12px}.admin-banner-reorder-btns,.admin-banner-crud-btns{display:flex;align-items:center;gap:6px}.admin-banner-preview-large{width:100%;height:200px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:12px}.admin-banner-preview-large.theme-dark{background:#0b1118}.admin-banner-preview-large img{width:100%;height:100%;object-fit:contain}.admin-cms-alert{padding:12px 18px;border-radius:8px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:10px;margin:16px 28px 0;animation:adminSlideDown .2s ease}@keyframes adminSlideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-cms-alert.alert-success{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.admin-cms-alert.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.admin-alert-error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA;border-radius:8px;padding:10px 14px;font-size:.85rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.admin-alert-info{background:#eff6ff;color:#1e40af;border:1px solid #BFDBFE;border-radius:8px;padding:10px 14px;font-size:.85rem;display:flex;align-items:center;gap:8px}body.admin-visual-edit-mode [data-cms-key]{outline:2px dashed rgba(197,34,42,.45)!important;outline-offset:3px;cursor:pointer!important;position:relative;transition:all .2s ease}body.admin-visual-edit-mode [data-cms-key]:hover{outline:2px solid #C5222A!important;background-color:#c5222a0f!important}body.admin-visual-edit-mode [data-cms-key]:after{content:"✎ Edit";position:absolute;top:-20px;right:0;background:#c5222a;color:#fff;font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1000}body.admin-visual-edit-mode [data-cms-key]:hover:after{opacity:1}.admin-inline-popover{position:absolute;width:320px;background:#fff;border:1px solid #CBD5E1;border-radius:10px;box-shadow:0 16px 36px #00000040;z-index:100002;padding:14px;animation:adminFadeIn .15s ease;font-family:var(--font-body)}.admin-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #F1F5F9}.admin-popover-title{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--secondary-color)}.admin-popover-close{background:transparent;border:none;font-size:1.2rem;color:#94a3b8;cursor:pointer}.admin-popover-label{font-size:.75rem;font-weight:700;color:#475569;display:block;margin-bottom:4px}.admin-popover-textarea,.admin-popover-input{width:100%;border:1px solid #CBD5E1;border-radius:6px;padding:8px 10px;font-size:.85rem;outline:none;font-family:var(--font-body)}.admin-popover-textarea:focus,.admin-popover-input:focus{border-color:#c5222a}.admin-popover-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:8px;border-top:1px solid #F1F5F9}