@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

.hero-gradient {
    background: linear-gradient(135deg, rgba(139, 69, 19, 0.8) 0%, rgba(218, 165, 32, 0.7) 100%);
}

.lotus-pattern {
    background-image: radial-gradient(circle, rgba(218, 165, 32, 0.1) 1px, transparent 1px);
    background-size: 30px 30px;
}

.carousel-container {
    position: relative;
    overflow: hidden;
}

.carousel-slide {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
}

.carousel-slide.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.nav-sticky {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(218, 165, 32, 0.3);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.accordion-content.active {
    max-height: 500px;
}

.testimonial-card {
    background: linear-gradient(135deg, #FFF8DC 0%, #FFFACD 100%);
    border-left: 4px solid #DAA520;
}

.btn-primary {
    background: linear-gradient(135deg, #DAA520 0%, #B8860B 100%);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #B8860B 0%, #8B6914 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(218, 165, 32, 0.3);
}

.feature-icon {
    background: linear-gradient(135deg, #8B4513 0%, #A0522D 100%);
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

.mobile-menu.active {
    transform: translateX(0);
}