/* Gavori Homepage Styles */
.gavori-homepage {
    overflow-x: hidden;
}

.gavori-homepage section {
    clear: both;
    width: 100%;
    box-sizing: border-box;
}

/* Hover Effects */
.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0,0,0,0.15) !important;
}

/* Button Hover Effects */
.gavori-homepage a[style*="background: white"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(0,0,0,0.3) !important;
}

.gavori-homepage a[style*="background: transparent"]:hover {
    background: white !important;
    color: #667eea !important;
}

/* Hero Button Container */
.gavori-homepage .hero-section div[style*="gap: 20px"] {
    display: flex !important;
    gap: 20px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin-top: 40px !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .gavori-homepage .hero-section h1 { 
        font-size: 2.5em !important; 
    }
    
    .gavori-homepage h2 { 
        font-size: 2em !important; 
    }
    
    .gavori-homepage .hero-section { 
        padding: 60px 20px !important; 
    }
    
    .gavori-homepage section { 
        padding: 60px 20px !important; 
    }
    
    .gavori-homepage .hero-section div[style*="gap: 20px"] {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }
    
    .gavori-homepage .hero-section a {
        width: 200px !important;
        text-align: center !important;
    }
}

@media (max-width: 480px) {
    .gavori-homepage .hero-section h1 { 
        font-size: 2em !important; 
    }
    
    .gavori-homepage h2 { 
        font-size: 1.8em !important; 
    }
    
    .gavori-homepage .hero-section div[style*="gap: 20px"] {
        gap: 10px !important;
    }
}

/* Additional Button Fixes */
.gavori-homepage .hero-section a {
    white-space: nowrap;
    flex-shrink: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Ensure proper spacing */
.gavori-homepage .hero-section div[style*="gap: 20px"] a {
    margin: 5px !important;
}