/* ============================================================
   ЕДИНЫЙ ФАЙЛ КНОПОК — Планета Вкуса v1.0
   Все стили кнопок в одном месте. Загружается последним.
   ============================================================ */

/* ── БАЗОВАЯ КНОПКА ────────────────────────── */
.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
    min-height: 40px !important;
    border: none !important;
    white-space: nowrap !important;
    font-family: inherit !important;
}

/* ── ЗЕЛЁНАЯ (успех) ───────────────────────── */
.btn-success {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.35) !important;
}
.btn-success:hover {
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.5) !important;
}

/* ── СИНЯЯ (информация) ────────────────────── */
.btn-blue {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35) !important;
}
.btn-blue:hover {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5) !important;
}

/* ── ФИОЛЕТОВО-РОЗОВАЯ (избранное) ─────────── */
.btn-favorite {
    background: linear-gradient(135deg, #8b5cf6, #ec4899) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(139, 92, 246, 0.4) !important;
}
.btn-favorite:hover {
    background: linear-gradient(135deg, #7c3aed, #db2777) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(139, 92, 246, 0.55) !important;
}

/* ── ЖЁЛТАЯ (акцент) ───────────────────────── */
.btn-yellow {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    color: #78350f !important;
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.35) !important;
}
.btn-yellow:hover {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(251, 191, 36, 0.5) !important;
}

/* ── МАРКЕТПЛЕЙСЫ ──────────────────────────── */
.btn-ozon {
    background: linear-gradient(135deg, #005BFF, #0047CC) !important;
    color: #fff !important;
}
.btn-ozon:hover {
    background: linear-gradient(135deg, #0047CC, #003899) !important;
    box-shadow: 0 4px 12px rgba(0, 91, 255, 0.4) !important;
}

.btn-wb {
    background: linear-gradient(135deg, #CB11AB, #A00E88) !important;
    color: #fff !important;
}
.btn-wb:hover {
    background: linear-gradient(135deg, #A00E88, #80066C) !important;
    box-shadow: 0 4px 12px rgba(203, 17, 171, 0.4) !important;
}

.btn-yandex {
    background: linear-gradient(135deg, #FFCC00, #FFB800) !important;
    color: #1e293b !important;
}
.btn-yandex:hover {
    background: linear-gradient(135deg, #FFB800, #E6A600) !important;
    box-shadow: 0 4px 12px rgba(255, 204, 0, 0.4) !important;
}

.btn-aliexpress {
    background: linear-gradient(135deg, #E62E04, #C42400) !important;
    color: #fff !important;
}
.btn-aliexpress:hover {
    background: linear-gradient(135deg, #C42400, #A01D00) !important;
    box-shadow: 0 4px 12px rgba(230, 46, 4, 0.4) !important;
}

/* ── СЕРЫЙ (нейтральный) ───────────────────── */
.btn-grey {
    background: linear-gradient(135deg, #64748b, #475569) !important;
    color: #fff !important;
}
.btn-grey:hover {
    background: linear-gradient(135deg, #475569, #334155) !important;
    transform: translateY(-2px) !important;
}

/* ── РАЗМЕРЫ ───────────────────────────────── */
.btn--sm {
    padding: 6px 12px !important;
    font-size: 13px !important;
    min-height: 34px !important;
}
.btn--lg {
    padding: 14px 26px !important;
    font-size: 16px !important;
    min-height: 50px !important;
}

/* ── МОБИЛЬНАЯ АДАПТАЦИЯ ───────────────────── */
@media (max-width: 600px) {
    .btn {
        padding: 9px 16px !important;
        font-size: 13px !important;
        min-height: 42px !important;
    }
}

/* ── ДОСТУПНОСТЬ ───────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .btn, .btn:hover {
        transition: none !important;
        transform: none !important;
    }
}

/* ── КНОПКА «НАЗАД» ───────────────────────── */
.btn-back {
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0) !important;
    color: #475569 !important;
    border: 2px solid #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(100, 116, 139, 0.15) !important;
    font-size: 13px !important;
    padding: 8px 16px !important;
    min-height: 36px !important;
}
.btn-back:hover {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1) !important;
    color: #334155 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.25) !important;
}

/* ── КНОПКА «НАЗАД» ───────────────────────── */
.btn-back {
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0) !important;
    color: #475569 !important;
    border: 2px solid #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(100, 116, 139, 0.15) !important;
    font-size: 13px !important;
    padding: 8px 16px !important;
    min-height: 36px !important;
}
.btn-back:hover {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1) !important;
    color: #334155 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.25) !important;
}

/* ── КРАСНАЯ (опасные действия) ──────────── */
.btn-danger {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35) !important;
}
.btn-danger:hover {
    background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.5) !important;
}

/* ── ПЕЧАТЬ / ОТПРАВИТЬ (нейтральная) ────── */
.btn-print {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9) !important;
    color: #475569 !important;
    border: 2px solid #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(100, 116, 139, 0.1) !important;
}
.btn-print:hover {
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0) !important;
    color: #334155 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.2) !important;
}

/* ── ПОДЕЛИТЬСЯ / SHARE (серая) ──────────── */
.btn-share {
    background: linear-gradient(135deg, #94a3b8, #64748b) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.3) !important;
}
.btn-share:hover {
    background: linear-gradient(135deg, #64748b, #475569) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(100, 116, 139, 0.45) !important;
}

/* ── ПРОЗРАЧНАЯ С РАМКОЙ ─────────────────── */
.btn-outline {
    background: transparent !important;
    color: #64748b !important;
    border: 2px solid #cbd5e1 !important;
    box-shadow: none !important;
}
.btn-outline:hover {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border-color: #94a3b8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.15) !important;
}

/* ── НА ВСЮ ШИРИНУ ───────────────────────── */
.btn-full {
    width: 100% !important;
    display: flex !important;
}

/* ── КНОПКА-ИКОНКА (маленькая, квадратная) ─ */
.btn-icon {
    padding: 6px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
}
.btn-icon--sm {
    padding: 4px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    width: 26px !important;
    height: 26px !important;
    font-size: 12px !important;
}

/* ── СТАТИСТИКА ПОД ПОИСКОМ ──────────────── */
.search-stats {
    margin-top: 12px;
    padding: 12px 18px;
    background: rgba(255, 252, 247, 0.85);
    border: 2px solid #E8D5B8;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #4E342E;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.2px;
}
.search-stats strong {
    color: #A0722D;
    font-weight: 700;
}
.search-stats__icon {
    font-size: 14px;
    margin-right: 4px;
}