@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--brand-yellow:#fc0;--brand-yellow-hover:#e6b800;--brand-yellow-light:#fff9e6;--brand-black:#111;--brand-charcoal:#1e1e20;--brand-gray-dark:#2d2d30;--brand-gray-light:#f4f4f6;--background:#fff;--bg-light:#f8f9fa;--foreground:#1a1a1c;--text-muted:#626469;--border-color:#e2e4e8;--border-color-dark:#4a4a4f;--success:#10b981;--error:#ef4444;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--radius:4px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-light);color:var(--foreground);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex}a{color:inherit;transition:var(--transition);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--brand-black)}::-webkit-scrollbar-thumb{background:var(--brand-yellow);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--brand-yellow-hover)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--brand-yellow);color:var(--brand-black);border-color:var(--brand-yellow)}.btn-primary:hover{background-color:var(--brand-yellow-hover);border-color:var(--brand-yellow-hover)}.btn-secondary{background-color:var(--brand-black);color:var(--brand-yellow);border-color:var(--brand-black)}.btn-secondary:hover{background-color:var(--brand-gray-dark);border-color:var(--brand-gray-dark)}.btn-outline{color:var(--brand-black);border-color:var(--brand-black);background-color:#0000}.btn-outline:hover{background-color:var(--brand-gray-light)}.btn-sm{padding:.4rem .8rem;font-size:.75rem}.form-input{border:1px solid var(--border-color);border-radius:var(--radius);width:100%;transition:var(--transition);outline:none;padding:.625rem .875rem;font-size:.875rem}.form-input:focus{border-color:var(--brand-yellow-hover);box-shadow:0 0 0 3px #fc03}.badge{border-radius:2px;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-yellow{background-color:var(--brand-yellow);color:var(--brand-black)}.badge-dark{background-color:var(--brand-black);color:var(--brand-yellow)}.badge-success{color:var(--success);background-color:#10b9811a}.specs-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.875rem}.specs-table th{background-color:var(--brand-gray-light);color:var(--brand-black);text-align:left;border-bottom:2px solid var(--border-color);padding:.75rem 1rem;font-weight:600}.specs-table td{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.specs-table tr:nth-child(2n){background-color:var(--bg-light)}.specs-table tr:hover{background-color:#ffcc0008}.price-table{border-collapse:collapse;width:100%;font-size:.825rem}.price-table th{background-color:var(--brand-black);color:var(--brand-yellow);text-align:center;border:1px solid var(--brand-gray-dark);padding:.5rem}.price-table td{text-align:center;border:1px solid var(--border-color);padding:.5rem}.card{background:var(--background);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.text-yellow{color:var(--brand-yellow)!important}.hero-grid{grid-template-columns:1fr;align-items:center;gap:36px;display:grid}.plp-grid{grid-template-columns:1fr;gap:32px;display:grid}.cart-grid{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}.pdp-grid{grid-template-columns:1fr;align-items:start;gap:48px;display:grid}.rfq-grid,.dual-grid{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}.portal-grid{grid-template-columns:1fr;align-items:start;gap:28px;display:grid}.portal-sidenav{border:1px solid var(--border-color);background-color:#fff;border-radius:4px;flex-flow:wrap;gap:8px;padding:12px;display:flex}.reviews-layout-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:768px){.portal-sidenav{flex-flow:column}.reviews-layout-grid{grid-template-columns:1fr 1fr}}@media (min-width:992px){.hero-grid{grid-template-columns:2fr 1fr}.plp-grid{grid-template-columns:260px 1fr}.cart-grid{grid-template-columns:2fr 1.1fr}.pdp-grid{grid-template-columns:1.1fr 1fr}.rfq-grid{grid-template-columns:2.1fr 1fr}.dual-grid{grid-template-columns:1.8fr 1fr}.portal-grid{grid-template-columns:240px 1fr}}.show-on-mobile{display:none!important}@media (max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.show-on-mobile-flex{display:flex!important}nav{display:none!important}.main-header-content{gap:12px!important}.logo-container img{height:30px!important}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.mobile-search-row{width:100%;padding-top:10px;padding-bottom:5px}.search-container-mobile{width:100%;position:relative}.search-input-mobile{color:#fff;background-color:#2d2d30;border:1px solid #48484a;border-radius:4px;outline:none;width:100%;padding:8px 40px 8px 12px;font-size:.8rem}.cart-btn{gap:4px!important;padding:6px 10px!important}}.mobile-drawer{z-index:99999;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-drawer-content{background:#1c1c1e;border-right:1px solid #2c2c2e;flex-direction:column;width:290px;height:100%;animation:.25s ease-out drawerSlideIn;display:flex;position:absolute;top:0;left:0;box-shadow:10px 0 30px #00000080}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-header{background-color:var(--brand-black);border-bottom:1px solid #2c2c2e;justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-drawer-header h3{color:#fff;font-size:1rem;font-weight:700}.mobile-drawer-header button{cursor:pointer;background:0 0;border:none}.mobile-drawer-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.drawer-link{color:#fff;background:#2d2d30;border-radius:4px;padding:10px 12px;font-size:.95rem;font-weight:600;display:block}.drawer-link:hover{background:var(--brand-yellow);color:var(--brand-black)}.drawer-link-sub{color:#d1d1d6;border-radius:4px;padding:8px 12px 8px 24px;font-size:.85rem;transition:all .15s;display:block}.drawer-link-sub:hover{color:var(--brand-yellow);padding-left:28px}.drawer-separator{background:#2c2c2e;height:1px;margin:8px 0}.drawer-section-title{color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;padding-left:12px;font-size:.75rem;font-weight:700}@media (max-width:768px){.slider-container-mobile-height{height:250px!important}.slide-mobile-padding{padding-top:20px!important}.banner-title-mobile{font-size:1.4rem!important}.banner-subtitle-mobile{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;max-width:100%!important;font-size:.8rem!important}.banner-actions-mobile{gap:8px!important}.banner-actions-mobile a{padding:8px 14px!important;font-size:.75rem!important}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:4px;width:100%;margin-bottom:1rem;overflow-x:auto}.plp-products-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:12px!important}.plp-product-card{gap:8px!important;padding:12px!important}.plp-product-card h3{height:2.8em!important;font-size:.75rem!important}.plp-product-card img{object-fit:contain;max-height:100px!important}.plp-product-card .btn{padding:6px 8px!important;font-size:.7rem!important}.plp-filter-sidebar{display:none}}.subcategories-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;margin-top:24px;margin-bottom:48px;display:grid}.subcategory-card{text-align:center;cursor:pointer;border:1px solid var(--border-color);color:var(--brand-black);background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:32px 20px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 12px #0000000d}.subcategory-card:hover{border-color:var(--brand-yellow);transform:translateY(-5px);box-shadow:0 12px 24px #0000001a}.subcategory-image-wrapper{background-color:#0000;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:20px;display:flex}.subcategory-image{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s}.subcategory-card:hover .subcategory-image{transform:scale(1.05)}.subcategory-name{color:var(--brand-black);margin-bottom:8px;font-size:1.05rem;font-weight:700}.subcategory-description{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}@media (max-width:992px){.subcategories-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:768px){.subcategories-grid{grid-template-columns:repeat(2,1fr);gap:16px}.subcategory-card{padding:20px 12px}.subcategory-image-wrapper{height:100px}.subcategory-name{font-size:.95rem}.subcategory-description{font-size:.75rem}}@media (max-width:480px){.subcategories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.subcategory-card{padding:16px 8px}.subcategory-image-wrapper{height:80px;margin-bottom:12px}}.mega-menu-quick-links{flex-wrap:nowrap!important;justify-content:space-evenly!important;align-items:center!important;gap:16px!important;display:flex!important}.mega-menu-link{white-space:nowrap!important;padding:0 10px!important;font-size:.8rem!important;text-decoration:none!important}.mega-menu-promo{white-space:nowrap!important}@media (max-width:1400px){.mega-menu-quick-links{gap:8px!important}.mega-menu-link{padding:0 6px!important;font-size:.76rem!important}}@media (max-width:1200px){.mega-menu-promo{display:none!important}.mega-menu-quick-links{justify-content:flex-end!important;gap:6px!important}.mega-menu-link{padding:0 4px!important;font-size:.74rem!important}}@media (max-width:768px){.mega-menu-quick-links{display:none!important}}