.hero-section { margin-bottom: 30px; }
.hero-slider { border-radius: 8px; overflow: hidden; }
.hero-slider img { width: 100%; height: 400px; object-fit: cover; }
.side-banners img { width: 100%; border-radius: 6px; margin-bottom: 12px; }
.category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; margin-bottom: 30px; }
.category-item { background: #fff; border-radius: 8px; padding: 15px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.06); cursor: pointer; transition: transform 0.3s; }
.category-item:hover { transform: translateY(-3px); }
.category-item img { width: 60px; height: 60px; object-fit: contain; margin-bottom: 8px; }
.category-item span { display: block; font-size: 13px; font-weight: 500; }
.promo-banner { position: relative; border-radius: 8px; overflow: hidden; margin-bottom: 20px; }
.promo-banner img { width: 100%; }
.promo-banner .promo-text { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); }
.promo-banner .promo-text h3 { font-size: 24px; font-weight: 800; color: #fff; margin-bottom: 5px; }
.promo-banner .promo-text p { color: #fff; font-size: 14px; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; margin-bottom: 30px; }
.bottom-banner { border-radius: 8px; overflow: hidden; margin: 30px 0; }
.bottom-banner img { width: 100%; }