.section-hits{margin-top:90px}
.tabs{display: flex;gap: 12px;background: #f0f0f0;padding: 4px;border-radius: 12px}
.tab-btn {border: none;background: transparent;padding: 8px 24px;border-radius: 8px;font-weight: 600;font-size: 16px;cursor: pointer;color: #666;transition: all 0.2s}
.tab-btn.active{background: white;color: var(--text-color);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)}
.product-badge {position: absolute;top: 8px;left: 8px;padding: 4px 8px;border-radius: 4px;color: white;font-size: 12px;font-weight: 700}
.product-badge.sale {background: #ff0055}
.product-badge.new {background: #00cc66}
.btn-fav {position: absolute;top: 8px;right: 8px;background: white;border: none;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;transform: translateY(10px);transition: all 0.2s}
.product-card:hover .btn-fav {opacity: 1;transform: translateY(0)}
.product-meta {font-size: 12px;color: #999}
.products {margin-top: 40px;display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 24px}
.product-card {background: white;border-radius: 12px;padding: 16px;display: flex;flex-direction: column;gap: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);transition: transform 0.2s}
.product-card:hover {transform: translateY(-4px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1)}
.product-image {width: 100%;aspect-ratio: 3/4;background: #eee;border-radius: 8px;position: relative;overflow: hidden}
.product-image img {width: 100%;height: 100%;object-fit: cover;display: block}
.product-badge {position: absolute;bottom: 8px;left: 8px;top: auto;background: #ff0055;color: white;font-size: 10px;padding: 2px 6px;border-radius: 4px;font-weight: 700;z-index: 2;}
.product-badge.new {background: #00cc66;}
.products-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 24px}
.product-price {font-size: 18px;font-weight: 700}
.product-price del {font-size: 14px;color: #999;margin-left: 8px;text-decoration: line-through}
.product-name{font-size: 14px;line-height: 1.4;color: #333}
@media (max-width: 900px) {
	.section-hits{margin-top:70px}
    .products-grid {gap: 16px; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr))}
}
@media (max-width: 375px) {
    .product-card {padding: 12px;gap: 8px;}
    .product-price {font-size: 16px;}
    .product-price del {font-size: 12px;}
    .product-name {font-size: 13px;}
    .product-meta {font-size: 11px;}
    .tab-btn {padding: 6px 12px;font-size: 14px;}
    .tabs {gap: 8px;}
}