/* Paint Store Landing Page Styles */

* { 
    font-family: 'IRANSans', Tahoma, sans-serif; 
}
html { 
    scroll-behavior: smooth; 
}

.hero-gradient {
    background: linear-gradient(135deg, #11111b 0%, #1e1e2e 50%, #134e46 100%);
}

.glass {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.card-hover {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.card-hover:hover {
    transform: translateY(-8px);
}

.paint-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.15;
    pointer-events: none;
}

.text-gradient {
    background: linear-gradient(135deg, #14b89a, #5eeacd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.shimmer {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
    background-size: 200% 100%;
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

.float-animation {
    animation: float 6s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 20px rgba(20, 184, 154, 0.3); }
    50% { box-shadow: 0 0 40px rgba(20, 184, 154, 0.6); }
}

.pulse-glow { 
    animation: pulse-glow 3s ease-in-out infinite; 
}

.count-badge {
    background: linear-gradient(135deg, #f43f5e, #fb7185);
}

.paint-store-scrollbar::-webkit-scrollbar { 
    width: 8px; 
}
.paint-store-scrollbar::-webkit-scrollbar-track { 
    background: #11111b; 
}
.paint-store-scrollbar::-webkit-scrollbar-thumb { 
    background: #14b89a; 
    border-radius: 4px; 
}

.section-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(20, 184, 154, 0.3), transparent);
}

.products-scroll {
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}
.products-scroll::-webkit-scrollbar {
    display: none;
}
.products-scroll > * {
    scroll-snap-align: start;
}
.scroll-btn {
    transition: all 0.3s ease;
}
.scroll-btn:hover {
    background: rgba(20, 184, 154, 0.3);
    transform: scale(1.1);
}
.scroll-btn:active {
    transform: scale(0.95);
}

/* Brand Colors */
.bg-brand-50 { background-color: #f0fdf9; }
.bg-brand-100 { background-color: #ccfbef; }
.bg-brand-200 { background-color: #99f6df; }
.bg-brand-300 { background-color: #5eeacd; }
.bg-brand-400 { background-color: #2dd4b3; }
.bg-brand-500 { background-color: #14b89a; }
.bg-brand-600 { background-color: #0d9480; }
.bg-brand-700 { background-color: #0f7668; }
.bg-brand-800 { background-color: #115e54; }
.bg-brand-900 { background-color: #134e46; }

.text-brand-300 { color: #5eeacd; }
.text-brand-400 { color: #2dd4b3; }
.text-brand-500 { color: #14b89a; }

.bg-coral-400 { background-color: #fb7185; }
.bg-coral-500 { background-color: #f43f5e; }
.bg-coral-600 { background-color: #e11d48; }
.text-coral-400 { color: #fb7185; }

.bg-dark-800 { background-color: #1e1e2e; }
.bg-dark-900 { background-color: #11111b; }
.bg-dark-950 { background-color: #0a0a14; }

.hover\:bg-brand-600:hover { background-color: #0d9480; }
.hover\:bg-coral-600:hover { background-color: #e11d48; }