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

 body {
     font-family: 'Inter', sans-serif;
     background-color: #F8F4E9;
     color: #5C4033;
 }

 .landing_font {
     font-family: "Dancing Script", cursive;

     font-size: 4.5rem !important;
     font-weight: 400;

 }

 .logo-text {
     font-family: 'Playfair Display', serif;
     font-weight: 700;
 }

 /* Nav links */
 .nav-link {
     position: relative;
     padding-bottom: 4px;
     transition: all 0.3s ease;
 }

 .nav-link::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 2px;
     background-color: #B8860B;
     transition: width 0.3s ease;
 }

 .nav-link:hover::after {
     width: 100%;
 }

 /* Hamburger animation */
 .hamburger-line {
     transition: all 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
 }

 .menu-open .hamburger-line:nth-child(1) {
     transform: rotate(45deg) translate(6px, 6px);
 }

 .menu-open .hamburger-line:nth-child(2) {
     opacity: 0;
     transform: translateX(-10px);
 }

 .menu-open .hamburger-line:nth-child(3) {
     transform: rotate(-45deg) translate(5px, -5px);
 }

 /* Mobile menu */
 .mobile-menu {
     transition: max-height 0.5s ease-in-out;
     overflow: hidden;
     max-height: 0;
 }

 .mobile-menu.open {
     max-height: 500px;
 }

 /* Hero background pattern */
 .hero-pattern {
     background-color: #f8f4e9;
     background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b8860b' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 }

 /* CTA button */
 .cta-button {
     transition: all 0.3s ease;
     box-shadow: 0 4px 6px rgba(184, 134, 11, 0.2);
 }

 .cta-button:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 12px rgba(184, 134, 11, 0.3);
 }

 /* Product card */
 .product-card {
     transition: all 0.3s ease;
 }

 .product-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(92, 64, 51, 0.1);
 }
    .weight-option {
            transition: all 0.2s;
        }
        .weight-option:hover {
            background-color: #f3f4f6;
        }
        .weight-option.selected {
            background-color: #B8860B;
            color: white;
        }
        .explore-more-btn {
            transition: all 0.3s;
        }
        .explore-more-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(184, 134, 11, 0.3);
        }
        .fade-in {
            animation: fadeIn 0.5s ease-in;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .whatsapp-modal {
          display: flex !important;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
            z-index: 1000;
            justify-content: center !important;
            align-items: center !important;
        
            
        }
        .modelHidden {
            display: none !important;
        }
        .whatsapp-modal-content {
            background-color: white;
            padding: 2rem;
            border-radius: 10px;
            max-width: 500px;
            width: 90%;
            text-align: center;
        }
        .hiddenwhatsappmodal {
            display: none !important;
        }
        .copy-message {
            background-color: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 5px;
            padding: 10px;
            margin: 15px 0;
            font-size: 14px;
            word-break: break-all;
        }
 .add-to-cart {
     background-color: #8B0000;
     transition: all 0.3s ease;
 }

 .add-to-cart:hover {
     background-color: #a52a2a;
     transform: translateY(-2px);
 }

 .sale-tag {
     background-color: #8B0000;
     color: white;
 }



 /* WhatsApp icon */
 .whatsapp-float {
     position: fixed;
     bottom: 50px;
     right: 30px;
     z-index: 100;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background-color: #25D366;
     color: white;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .whatsapp-float:hover {
     transform: scale(1.1);
 }

 /* Loader */
 .loader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #F8F4E9;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9999;
     transition: opacity 0.5s ease-out;
 }

 .loader-content {
     text-align: center;
 }

 .loader-spinner {
     width: 50px;
     height: 50px;
     border: 5px solid rgba(184, 134, 11, 0.2);
     border-radius: 50%;
     border-top-color: #B8860B;
     animation: spin 1s ease-in-out infinite;
     margin: 0 auto 20px;
 }

 @keyframes spin {
     to {
         transform: rotate(360deg);
     }
 }



 /* text-[#8B0000] */
 .nav-menu {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
 }

 .landing_bg {
     background-size: cover;
     background-position: center;
     overflow: hidden;
 }

 @media (max-width: 767px) {
     .nav-menu {
         position: static;
         transform: none;
     }

     .landing_font {
         font-size: xx-large !important;
     }

     .logo-center {
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
     }
 }

 .swiper-slide {
     display: flex;
     justify-content: center;
 }

 .testimonial-card {
     height: auto;
     width: 100%;
     min-height: 230px;
 }