body { 
            font-family: 'Playfair Display', serif; 
            scroll-behavior: smooth;
            background-color: #FFFFFF;
        }
        
        /* Fixed Header Logic */
        header {
            background-color: #A03A13;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .page { display: none; }
        .page.active { display: block; animation: pageFade 0.8s ease-out; }

        @keyframes pageFade {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Nav Underline Animation */
        .nav-link {
            position: relative;
            padding-bottom: 4px;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 1px;
            bottom: 0;
            left: 0;
            background-color: white;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }


        /* Horizontal Scroll Hide Scrollbar */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Zoom Scroll Effect */
        .zoom-container {
            overflow: hidden;
            border-radius: 8px;
        }
        .zoom-img {
            transition: transform 1.5s cubic-bezier(0.2, 1, 0.3, 1);
            transform: scale(1.1);
        }
        .active-scroll .zoom-img {
            transform: scale(1);
        }

        .product-card:hover .product-img {
            transform: scale(1.05);
        }

        /* Custom Buttons */
.btn-premium {
    display: flex;
    align-items: center;      /* vertical center */
    justify-content: center;  /* horizontal center */
    
    letter-spacing: 0em;
    text-transform: lowercase;
    font-weight: 500;         /* 50 is too thin, 500 is better */
    transition: all 0.3s ease;
    height: 40px;
    width:200px
}
        /* Auth Modals */
        .modal-bg {
            background: rgba(17, 17, 17, 0.8);
            backdrop-filter: blur(8px);
        }