@charset "UTF-8";

:root {
    --primary-50: #ecfdf5;
    --primary-100: #d1fae5;
    --primary-600: #059669;
    --primary-700: #047857;
    --primary-800: #065f46;
    --primary-900: #064e3b;
    --primary-950: #022c22;
    --accent-amber: #d97706;
}

html {
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

body {
    background-color: #f8fafc;
    color: #0f172a;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.product-card {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.product-card:hover {
    transform: translateY(-4px);
}

.badge-save {
    background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
}

.badge-featured {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.badge-combo {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
}

@media print {
    header, footer, aside, #search-overlay, #sidebar-menu, #sidebar-backdrop, .no-print, .action-bar {
        display: none !important;
    }
    body {
        background: #ffffff !important;
        color: #000000 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}