.main { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; }
.hero { text-align: center; margin-bottom: 24px; }
.hero h1 { font-size: 24px; font-weight: 800; margin-bottom: 8px; }
.hero p { font-size: 14px; color: #555; }
.tabs { display: flex; gap: 4px; margin-bottom: 16px; border: 1.5px solid var(--accent); padding: 4px; border-radius: 100px; }
.tab { padding: 10px 24px; border-radius: 50px; font-size: 14px; font-weight: 500; color: #666; cursor: pointer; border: none; background: transparent; }
.tab.active { background: var(--accent); color: #fff; }
.hint { text-align: center; margin-bottom: 16px; font-size: 13px; color: var(--muted); }
.search-wrapper { width: 100%; max-width: 650px; display: flex; justify-content: center; }
.search-bar { width: 100%; background: var(--gray); border-radius: 100px; height: 60px; display: flex; align-items: center; padding: 4px 4px 4px 20px; gap: 12px; }
.am-logo { width: 32px; height: 36px; background: var(--accent); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); display: flex; align-items: center; justify-content: center; }
.am-logo svg { width: 16px; height: 16px; fill: #fff; }
.search-bar input { flex: 1; border: none; background: transparent; font-size: 17px; outline: none; }
.btn-search { background: var(--accent); color: #fff; border: none; border-radius: 100px; height: 44px; padding: 0 20px; font-weight: 600; cursor: pointer; }
.search-results { width: 100%; max-width: 1000px; margin-top: 20px; }

/* Карточки товаров */
.product-card { border: 1px solid var(--gray-dark); border-radius: 16px; padding: 20px; margin-bottom: 16px; display: flex; align-items: center; gap: 20px; background: #fff; }
.product-img { width: 80px; height: 80px; background: var(--gray); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; }
.product-info { flex: 1; }
.product-info h4 { font-size: 16px; margin-bottom: 4px; }
.product-info p { font-size: 13px; color: var(--muted); }
.product-price { font-size: 20px; font-weight: 800; }
.btn-add-cart { background: var(--accent); color: #fff; border: none; padding: 8px 16px; border-radius: 8px; font-weight: 600; cursor: pointer; }

@media (max-width: 600px) {
    .tabs { flex-direction: row; justify-content: space-around; width: 100%; border: none; border-bottom: 1px solid var(--gray-dark); border-radius: 0; margin-bottom: 16px; padding: 0; }
    .tab { padding: 12px 5px; font-size: 13px; flex: 1; border-radius: 0; }
    .tab.active { background: transparent; color: var(--accent); border-bottom: 2px solid var(--accent); font-weight: 600; }
    .search-bar { height: 52px; padding: 4px 4px 4px 14px; }
    .search-bar input { font-size: 15px; }
    .product-card { flex-direction: column; align-items: flex-start; }
}