/**
 * CulturoFit Custom Styles
 * 
 * This file is automatically loaded if it exists.
 * Add your custom CSS modifications here.
 * 
 * CUSTOMIZATION EXAMPLES:
 * 
 * 1. Change Primary Colors:
 * :root {
 *     --primary: #your-color;
 *     --accent: #your-accent-color;
 * }
 * 
 * 2. Modify Typography:
 * h1, h2, h3, h4 {
 *     font-family: 'Your Font', serif;
 * }
 * 
 * 3. Customize Header:
 * .site-header {
 *     background: your-background;
 * }
 * 
 * 4. Modify Product Cards:
 * .product-card {
 *     border-radius: your-radius;
 *     box-shadow: your-shadow;
 * }
 * 
 * 5. Brand Slider Customization:
 * .brand-slide .brand-circle {
 *     border-width: your-width;
 * }
 */

/* ===== YOUR CUSTOM STYLES START HERE ===== */

/* Example: Custom primary color */
/*
:root {
    --primary: #8B5CF6;
    --accent: #F59E0B;
}
*/

/* Example: Custom header styling */
/*
.site-header {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
*/

/* Example: Custom product card hover effect */
/*
.product-card:hover {
    transform: translateY(-10px) scale(1.02);
}
*/

/* Example: Custom brand slider styling */
/*
.brand-slide .brand-circle {
    border-width: 6px;
}

.brand-slide:hover .brand-circle {
    transform: scale(1.2) rotate(10deg);
}
*/

/* Example: Custom button styling */
/*
.btn-primary {
    background: linear-gradient(135deg, var(--primary), var(--accent));
    border-radius: 25px;
}
*/

/* Example: Custom hero section */
/*
.hero-slide {
    min-height: 80vh;
}

.hero-content h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
*/

/* Example: Custom footer styling */
/*
.site-footer {
    background: linear-gradient(135deg, #2C0040, var(--primary));
    color: white;
}
*/

/* ===== MOBILE CUSTOMIZATIONS ===== */

/* Example: Mobile-specific styles */
/*
@media (max-width: 768px) {
    .hero-slide {
        min-height: 60vh;
    }
    
    .product-grid {
        gap: 0.5rem;
    }
}
*/

/* ===== ADVANCED CUSTOMIZATIONS ===== */

/* Example: Custom animations */
/*
@keyframes customFadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.product-card {
    animation: customFadeIn 0.6s ease-out;
}
*/

/* Example: Custom mega menu styling */
/*
.nishat-categories {
    background: linear-gradient(135deg, #fff, #f8f9fa);
    border-radius: 12px;
}

.menu-column h4 {
    color: var(--accent);
    text-transform: none;
}
*/