:root {
    --primary-color: #007aff;
    --secondary-color: #0056b3;
    --background-color: #ffffff;
    --text-primary: #1d1d1f;
    --text-secondary: #6e6e73;
    --accent-color: #f5f5f7;
}

body {
    font-family: 'Manrope', sans-serif;
    background-color: var(--background-color);
    color: var(--text-primary);
    overflow-x: hidden; /* Prevent horizontal overflow */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;    /* Firefox */
}

.featured-products-slider {
    overflow: hidden;
    transform: translateZ(0); /* Prevent jarring movements */
}

/* Smooth sticky behavior */
.sticky {
    will-change: transform;
}

/* Smooth Slick transitions */
.featured-products-slider .slick-track {
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.featured-products-slider .slick-slide {
    transition: all 0.4s ease;
}

/* Category grid fallback styling (unused with Tailwind grid classes) */
.category-grid {
    display: grid;
    gap: 1rem;
}

/* Helper: script font titles used in seasonal banners */
.script-font {
    font-family: 'Brush Script MT', cursive;
}