.hardware-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.hardware-hero{background:linear-gradient(135deg,#1d6dcc,#0b3171);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.hardware-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23ffffff' fill-opacity='0.05' d='M100 0L200 100L100 200L0 100Z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.hero-content{position:relative;z-index:2;text-align:center}.hero-title{font-size:48px;font-weight:800;margin-bottom:16px}.hero-subtitle{font-size:20px;opacity:.95;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.hero-search{max-width:600px;margin:0 auto;position:relative}.hero-search input{width:100%;padding:18px 60px 18px 24px;font-size:16px;border:none;border-radius:50px;background:#fff;box-shadow:0 8px 24px #00000026}.hero-search button{position:absolute;right:8px;top:8px;padding:10px 24px;background:linear-gradient(135deg,#1d6dcc,#0b3171);color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.hero-search button:hover{transform:scale(1.05);box-shadow:0 4px 12px #1d6dcc66}.categories-section{padding:60px 0}.section-header{text-align:center;margin-bottom:40px}.section-title{font-size:36px;font-weight:800;background:linear-gradient(135deg,#1d6dcc,#08448b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.section-subtitle{font-size:16px;color:#6c757d}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-bottom:40px}.category-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;box-shadow:0 4px 12px #00000014;transition:all .3s ease;text-decoration:none;color:inherit;display:block;position:relative}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;text-decoration:none}.category-sale-badge{position:absolute;top:16px;right:16px;background:#019b12;color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite;z-index:2}.category-icon{width:150px;height:150px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:48px;color:#1d6dcc;overflow:hidden;transform:scale(1)!important;position:relative}.category-icon-image{background:none!important;padding:0!important}.category-icon img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;max-width:none!important;border-radius:50%;font-size:0!important}.category-name{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:8px}.category-count{font-size:14px;color:#64748b;font-weight:500}.featured-section{background:#fff;padding:60px 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.product-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;overflow:hidden;text-decoration:none;color:inherit;display:block}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;text-decoration:none}.product-image{width:100%;height:240px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.product-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#1d6dcc,#0b3171);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.product-badge.sale-badge{background:#019b12;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.original-price{text-decoration:line-through;color:#999;font-size:14px;margin-right:8px}.sale-price{color:#019b12;font-weight:700;font-size:18px}.product-info{padding:20px}.product-category{font-size:12px;font-weight:600;color:#1d6dcc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.product-name{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:12px;line-height:1.3}.product-price{font-size:24px;font-weight:800;color:#1d6dcc;margin-bottom:12px}.product-stock{font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;display:inline-block}.product-stock.in-stock{background:#d1fae5;color:#059669}.product-stock.low-stock{background:#fef3c7;color:#d97706}.product-stock.out-of-stock{background:#fee2e2;color:#dc2626}.view-all-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#1d6dcc,#0b3171);color:#fff;border-radius:12px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #1d6dcc4d}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1d6dcc66;color:#fff;text-decoration:none}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;color:#cbd5e1;margin-bottom:20px}.empty-title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:12px}.empty-text{font-size:16px;color:#64748b}@media (max-width: 768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:28px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.category-icon{width:60px;height:60px;font-size:28px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}