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

body{
    background:#0f0b08;
    color:white;
    font-family:'Inter', sans-serif;
}

/* =========================
   NAVBAR
========================= */

.navbar{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:25px 80px;

    position:absolute;
    top:0;
    left:0;

    z-index:1000;
}
/* NAVBAR LOGO */

.logo img{
    height:70px;
    width:auto;
    display:block;
}
@media(max-width:991px){

    .logo img{
        height:55px;
    }

    .footer-logo img{
        height:75px;
    }

}
.logo h2{
    font-family:'Cormorant Garamond', serif;
    font-size:42px;
    color:#d4a762;
    letter-spacing:2px;
}

.nav-links{
    display:flex;
    list-style:none;
    gap:40px;
    align-items:center;
}

.nav-links li{
    position:relative;
}

.nav-links a{
    text-decoration:none;
    color:white;
    font-size:14px;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:0.3s;
}

.nav-links a:hover{
    color:#d4a762;
}

/* =========================
   DROPDOWN
========================= */

.dropdown-menu{
    position:absolute;
    top:35px;
    left:0;

    background:#16110d;

    min-width:180px;

    list-style:none;

    opacity:0;
    visibility:hidden;

    transition:0.3s ease;

    border-top:2px solid #d4a762;
}

.dropdown-menu li{
    border-bottom:1px solid rgba(255,255,255,0.05);
}

.dropdown-menu li a{
    display:block;
    padding:14px 20px;
    font-size:13px;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
}

/* =========================
   BUTTON
========================= */

.reserve-btn{
    background:#d4a762;
    color:black;
    text-decoration:none;

    padding:14px 28px;

    font-size:14px;
    font-weight:600;

    transition:0.3s;
}

.reserve-btn:hover{
    background:white;
}

/* =========================
   HERO SECTION
========================= */

.hero{
    height:100vh;

    padding-top:120px;

    background:
    linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
    url('../images/hero.jpg');

    background-size:cover;
    background-position:center;
    image-rendering:crisp-edges;

    display:flex;
    align-items:center;

    padding-left:80px;
    padding-right:80px;
}

.hero-content{
    max-width:700px;
}

.hero-content p:first-child{
    color:#d4a762;
    letter-spacing:3px;
    font-size:14px;
}

.hero-content h1{
    font-size:110px;
    line-height:0.9;

    margin:25px 0;

    font-family:'Cormorant Garamond', serif;
    font-weight:600;
}

.hero-text{
    font-size:18px;
    line-height:1.8;

    max-width:600px;

    margin-bottom:35px;

    color:#fff;
    text-shadow: 0 3px 15px rgba(0,0,0,0.6);
}

/* =========================
   HERO BUTTONS
========================= */

.hero-buttons{
    display:flex;
    gap:20px;
}

.btn-primary,
.btn-secondary{
    padding:15px 34px;
    text-decoration:none;

    font-size:14px;
    letter-spacing:1px;

    transition:0.3s;
}

.btn-primary{
    background:#d4a762;
    color:black;
}

.btn-primary:hover{
    background:white;
}

.btn-secondary{
    border:1px solid #d4a762;
    color:white;
}

.btn-secondary:hover{
    background:#d4a762;
    color:black;
}
/* =========================
   MOBILE NAVBAR
========================= */

.menu-toggle{
    display:none;
    font-size:30px;
    color:white;
    cursor:pointer;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .navbar{
        padding:20px 30px;
    }

    .menu-toggle{
        display:block;
    }

    .reserve-btn{
        display:none;
    }

    #nav-menu{
        position:absolute;

        top:100%;
        left:0;

        width:100%;

        background:#16110d;

        max-height:0;
        overflow:hidden;

        transition:0.4s ease;
    }

    #nav-menu.active{
        max-height:500px;
    }

    .nav-links{
        flex-direction:column;
        gap:0;
        padding:20px 0;
    }

    .nav-links li{
        width:100%;
        text-align:center;
    }

    .nav-links li a{
        display:block;
        padding:18px;
    }

    .dropdown-menu{
        position:static;
        opacity:1;
        visibility:visible;
        display:none;
        background:#1d1712;
        border:none;
    }

    .dropdown:hover .dropdown-menu{
        display:block;
    }

    .hero{
        padding:0 30px;
        padding-top:140px;
    }

    .hero-content h1{
        font-size:65px;
    }

    .hero-text{
        font-size:16px;
    }

    .hero-buttons{
        flex-direction:column;
        align-items:flex-start;
    }
}
/* =========================
   CUISINES SECTION
========================= */

.cuisines{
    padding:120px 80px;
    background:#120d0a;
}

.section-title{
    text-align:center;
    margin-bottom:70px;
}

.section-title p{
    color:#d4a762;
    letter-spacing:3px;
    font-size:14px;
    margin-bottom:15px;
}

.section-title h2{
    font-size:60px;
    font-family:'Cormorant Garamond', serif;
    font-weight:600;
}

.cuisine-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.cuisine-card{
    background:#1a1410;
    overflow:hidden;
    transition:0.4s ease;
}

.cuisine-card:hover{
    transform:translateY(-10px);
}

.cuisine-card img{
    width:100%;
    height:350px;
    object-fit:cover;
}

.cuisine-content{
    padding:30px;
}

.cuisine-content h3{
    font-size:40px;
    margin-bottom:15px;
    font-family:'Cormorant Garamond', serif;
}

.cuisine-content p{
    color:#ccc;
    line-height:1.8;
    margin-bottom:25px;
}

.cuisine-content a{
    color:#d4a762;
    text-decoration:none;
    letter-spacing:1px;
}

/* =========================
   RESPONSIVE CUISINES
========================= */

@media(max-width:991px){

    .cuisines{
        padding:90px 30px;
    }

    .section-title h2{
        font-size:42px;
    }

    .cuisine-container{
        grid-template-columns:1fr;
    }
}
/* =========================
   FEATURED DISHES
========================= */

.featured-dishes{
    padding:120px 80px;
    background:#0f0b08;
}

.dishes-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.dish-card{
    background:#1a1410;
    overflow:hidden;
    transition:0.4s ease;
}

.dish-card:hover{
    transform:translateY(-10px);
}

.dish-card img{
    width:100%;
    height:320px;
    object-fit:cover;
}

.dish-content{
    padding:30px;
}

.dish-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}

.dish-top h3{
    font-size:32px;
    font-family:'Cormorant Garamond', serif;
}

.dish-top span{
    color:#d4a762;
    font-weight:600;
}

.dish-content p{
    color:#ccc;
    line-height:1.8;
    margin-bottom:25px;
}

.dish-content a{
    display:inline-block;
    padding:12px 24px;
    background:#d4a762;
    color:black;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}

.dish-content a:hover{
    background:white;
}

/* =========================
   RESPONSIVE DISHES
========================= */

@media(max-width:991px){

    .featured-dishes{
        padding:90px 30px;
    }

    .dishes-container{
        grid-template-columns:1fr;
    }
}
/* =========================
   ABOUT SECTION
========================= */

.about-section{
    padding:120px 80px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;

    align-items:center;

    background:#120d0a;
}

.about-image img{
    width:100%;
    height:650px;
    object-fit:cover;
}

.about-content p:first-child{
    color:#d4a762;
    letter-spacing:3px;
    font-size:14px;
    margin-bottom:20px;
}

.about-content h2{
    font-size:65px;
    line-height:1.1;

    font-family:'Cormorant Garamond', serif;

    margin-bottom:25px;
}

.line{
    display:block;

    width:90px;
    height:2px;

    background:#d4a762;

    margin-bottom:35px;
}

.about-text{
    color:#ccc;

    line-height:1.9;

    margin-bottom:25px;

    font-size:16px;
}

.about-btn{
    display:inline-block;

    padding:15px 34px;

    background:#d4a762;

    color:black;

    text-decoration:none;

    font-weight:600;

    margin-top:10px;

    transition:0.3s;
}

.about-btn:hover{
    background:white;
}

/* =========================
   RESPONSIVE ABOUT
========================= */

@media(max-width:991px){

    .about-section{
        grid-template-columns:1fr;
        padding:90px 30px;
    }

    .about-image img{
        height:450px;
    }

    .about-content h2{
        font-size:42px;
    }
}
/* =========================
   RESERVATION CTA
========================= */

.reservation-cta{
    height:500px;

    background:
    linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
    url('../images/reservation.jpg');

    background-size:cover;
    background-position:center;

    display:flex;
    justify-content:center;
    align-items:center;

    text-align:center;
}

.reservation-overlay{
    max-width:800px;
    padding:20px;
}

.reservation-overlay p{
    color:#d4a762;

    letter-spacing:3px;

    margin-bottom:20px;

    font-size:14px;
}

.reservation-overlay h2{
    font-size:70px;

    line-height:1.1;

    margin-bottom:35px;

    font-family:'Cormorant Garamond', serif;
}

.reservation-btn{
    display:inline-block;

    padding:16px 38px;

    background:#d4a762;

    color:black;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;
}

.reservation-btn:hover{
    background:white;
}

/* =========================
   RESPONSIVE RESERVATION
========================= */

@media(max-width:991px){

    .reservation-cta{
        height:auto;
        padding:100px 30px;
    }

    .reservation-overlay h2{
        font-size:42px;
    }
}
/* =========================
   TESTIMONIALS
========================= */

.testimonials{
    padding:120px 80px;
    background:#120d0a;
}

.testimonial-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.testimonial-card{
    background:#1a1410;
    padding:50px 40px;

    transition:0.4s ease;
}

.testimonial-card:hover{
    transform:translateY(-10px);
}

.quote{
    color:#ddd;

    line-height:1.9;

    font-size:17px;

    margin-bottom:30px;

    font-style:italic;
}

.testimonial-card h3{
    color:#d4a762;

    font-size:20px;

    font-family:'Cormorant Garamond', serif;
}

/* =========================
   RESPONSIVE TESTIMONIALS
========================= */

@media(max-width:991px){

    .testimonials{
        padding:90px 30px;
    }

    .testimonial-container{
        grid-template-columns:1fr;
    }
}
/* =========================
   GALLERY SECTION
========================= */

.gallery-section{
    padding:120px 80px;
    background:#0f0b08;
}

.gallery-grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;
}

.gallery-item{
    overflow:hidden;
    position:relative;
}

.gallery-item img{
    width:100%;
    height:350px;

    object-fit:cover;

    transition:0.5s ease;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

/* =========================
   RESPONSIVE GALLERY
========================= */

@media(max-width:991px){

    .gallery-section{
        padding:90px 30px;
    }

    .gallery-grid{
        grid-template-columns:1fr;
    }
}
/* =========================
   FOOTER
========================= */

.footer{
    background:#120d0a;
    padding-top:100px;
}

.footer-container{
    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:40px;

    padding:0 80px 60px;
}

.footer-col h2{
    font-size:42px;

    color:#d4a762;

    font-family:'Cormorant Garamond', serif;

    margin-bottom:20px;
}

.footer-col h3{
    font-size:28px;

    margin-bottom:25px;

    font-family:'Cormorant Garamond', serif;
}

.footer-col p{
    color:#ccc;

    line-height:1.9;

    margin-bottom:12px;
}

.footer-col ul{
    list-style:none;
}

.footer-col ul li{
    margin-bottom:15px;
}

.footer-col ul li a{
    color:#ccc;

    text-decoration:none;

    transition:0.3s;
}

.footer-col ul li a:hover{
    color:#d4a762;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.08);

    text-align:center;

    padding:25px;
}

.footer-bottom p{
    color:#aaa;
}
/* FOOTER LOGO */

.footer-logo img{
    height:90px;
    width:auto;
    display:block;
    margin-bottom:20px;
}
/* =========================
   RESPONSIVE FOOTER
========================= */

@media(max-width:991px){

    .footer-container{
        grid-template-columns:1fr;

        padding:0 30px 50px;
    }
}
/* =========================
   SOCIAL ICONS
========================= */

.social-icons{
    display:flex;
    gap:15px;

    margin-top:25px;
}

.social-icons a{
    width:42px;
    height:42px;

    display:flex;
    justify-content:center;
    align-items:center;

    border:1px solid rgba(255,255,255,0.15);

    color:white;

    text-decoration:none;

    transition:0.3s;
}

.social-icons a:hover{
    background:#d4a762;
    color:black;
}

/* =========================
   CONTACT SECTION
========================= */

.contact-section{
    padding:120px 80px;
    background:#120d0a;
}

.contact-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.contact-box{
    background:#1a1410;
    padding:40px 30px;
    text-align:center;
    transition:0.4s ease;
}

.contact-box:hover{
    transform:translateY(-8px);
}

.contact-box h3{
    color:#d4a762;
    margin-bottom:15px;
    font-size:28px;
    font-family:'Cormorant Garamond', serif;
}

.contact-box p{
    color:#ccc;
    line-height:1.8;
}

/* =========================
   RESPONSIVE CONTACT
========================= */

@media(max-width:991px){

    .contact-section{
        padding:90px 30px;
    }

    .contact-container{
        grid-template-columns:1fr;
    }
}

/* =========================
   PAGE HERO
========================= */

.page-hero{
    height:60vh;

    background:
    linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
    url('../images/about-banner.jpg');

    background-size:cover;
    background-position:center top;
    image-rendering:crisp-edges;

    display:flex;
    justify-content:center;
    align-items:center;

    text-align:center;
}

.page-hero-content h1{
    font-size:80px;
    font-family:'Cormorant Garamond', serif;
}

.page-hero-content p{
    margin-top:15px;
    color:#ddd;
}

/* =========================
   ABOUT PAGE
========================= */

.about-page{
    padding:120px 80px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;

    align-items:center;

    background:#120d0a;
}

.about-page-image img{
    width:100%;
    height:650px;
    object-fit:cover;
}

.small-title{
    color:#d4a762;
    letter-spacing:3px;
    margin-bottom:20px;
}

.about-page-content h2{
    font-size:60px;
    margin-bottom:25px;
    font-family:'Cormorant Garamond', serif;
}

.about-page-content p{
    color:#ccc;
    line-height:1.9;
    margin-bottom:20px;
}

/* =========================
   RESPONSIVE ABOUT PAGE
========================= */

@media(max-width:991px){

    .about-page{
        grid-template-columns:1fr;
        padding:90px 30px;
    }

    .about-page-image img{
        height:450px;
    }

    .page-hero-content h1{
        font-size:50px;
    }

    .about-page-content h2{
        font-size:42px;
    }
}
/* =========================
   MISSION & VISION
========================= */

.mission-vision{
    padding:120px 80px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;

    background:#0f0b08;
}

.mission-box{
    background:#1a1410;
    padding:50px;
    transition:0.4s ease;
}

.mission-box:hover{
    transform:translateY(-10px);
}

.mission-box h3{
    color:#d4a762;
    font-size:36px;
    margin-bottom:20px;
    font-family:'Cormorant Garamond', serif;
}

.mission-box p{
    color:#ccc;
    line-height:1.9;
}

/* RESPONSIVE */

@media(max-width:991px){

    .mission-vision{
        grid-template-columns:1fr;
        padding:90px 30px;
    }
}
/* =========================
   WHY CHOOSE US
========================= */

.why-choose{
    padding:120px 80px;
    background:#120d0a;
}

.why-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.why-card{
    background:#1a1410;
    padding:40px;
    text-align:center;
    transition:0.4s ease;
}

.why-card:hover{
    transform:translateY(-10px);
}

.why-card h3{
    color:#d4a762;
    font-size:32px;
    margin-bottom:20px;
    font-family:'Cormorant Garamond', serif;
}

.why-card p{
    color:#ccc;
    line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:991px){

    .why-choose{
        padding:90px 30px;
    }

    .why-container{
        grid-template-columns:1fr;
    }
}
/* =========================
   STATISTICS
========================= */

.stats-section{
    padding:120px 80px;
    background:#0f0b08;
}

.stats-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.stat-box{
    text-align:center;
    background:#1a1410;
    padding:50px 20px;
    transition:0.4s ease;
}

.stat-box:hover{
    transform:translateY(-10px);
}

.stat-box h2{
    font-size:60px;
    color:#d4a762;
    margin-bottom:15px;
    font-family:'Cormorant Garamond', serif;
}

.stat-box p{
    color:#ccc;
    font-size:18px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .stats-section{
        padding:90px 30px;
    }

    .stats-container{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px){

    .stats-container{
        grid-template-columns:1fr;
    }
}
/* =========================
   OUR VALUES
========================= */

.values-section{
    padding:120px 80px;
    background:#120d0a;
}

.values-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.value-card{
    background:#1a1410;
    padding:40px 30px;
    text-align:center;
    transition:0.4s ease;
}

.value-card:hover{
    transform:translateY(-10px);
}

.value-card h3{
    color:#d4a762;
    font-size:30px;
    margin-bottom:20px;
    font-family:'Cormorant Garamond', serif;
}

.value-card p{
    color:#ccc;
    line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:991px){

    .values-section{
        padding:90px 30px;
    }

    .values-container{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px){

    .values-container{
        grid-template-columns:1fr;
    }
}
/* =========================
   EXPERIENCE BANNER
========================= */

.experience-banner{
    height:500px;

    background:
    linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
    url('../images/experience-banner.jpg');

    background-size:cover;
    background-position:center;

    display:flex;
    justify-content:center;
    align-items:center;

    text-align:center;
}

.experience-overlay{
    max-width:900px;
    padding:20px;
}

.experience-overlay p{
    color:#d4a762;
    letter-spacing:3px;
    margin-bottom:20px;
}

.experience-overlay h2{
    font-size:70px;
    line-height:1.2;
    font-family:'Cormorant Garamond', serif;
}

/* RESPONSIVE */

@media(max-width:991px){

    .experience-banner{
        height:auto;
        padding:100px 30px;
    }

    .experience-overlay h2{
        font-size:42px;
    }
}
/* =========================
   MENU PAGE
========================= */

.menu-categories{
    padding:120px 80px;
    background:#120d0a;
}

.menu-category-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.menu-category-card{
    text-decoration:none;
    overflow:hidden;
    background:#1a1410;
    transition:0.4s ease;
}

.menu-category-card:hover{
    transform:translateY(-10px);
}

.menu-category-card img{
    width:100%;
    height:350px;
    object-fit:cover;
}

.menu-category-card h3{
    text-align:center;
    padding:25px;
    color:white;
    font-size:36px;
    font-family:'Cormorant Garamond', serif;
}

/* RESPONSIVE */

@media(max-width:991px){

    .menu-categories{
        padding:90px 30px;
    }

    .menu-category-container{
        grid-template-columns:1fr;
    }
}
/* =========================
   FOOD SECTION
========================= */

.food-section{
    padding:120px 80px;
    background:#0f0b08;
}

.food-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.food-card{
    background:#1a1410;
    overflow:hidden;
    transition:0.4s ease;
    display:flex;
    flex-direction:column;
}

.food-card:hover{
    transform:translateY(-10px);
}

.food-card img{
    width:100%;
    height:320px;
    object-fit:cover;
}

.food-card h3{
    font-size:32px;
    padding:25px 25px 10px;
    font-family:'Cormorant Garamond', serif;
}

.food-card p{
    color:#ccc;
    padding:0 25px;
    margin-bottom:15px;
    flex:1;
}

.food-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 25px 20px;
    gap:10px;
}

.food-card span{
    display:block;
    color:#d4a762;
    font-weight:600;
}

/* RESPONSIVE */

@media(max-width:991px){

    .food-section{
        padding:90px 30px;
    }

    .food-grid{
        grid-template-columns:1fr;
    }
}
/* =========================
   ADD TO CART BUTTON
========================= */

.cart-btn{
    display:inline-block;
    white-space:nowrap;
    text-align:center;
    background:#d4a762;
    color:#000;
    text-decoration:none;
    padding:12px 20px;
    font-weight:600;
    font-family:'Cormorant Garamond', serif;
    font-size:14px;
    letter-spacing:1px;
    border:none;
    cursor:pointer;
    transition:0.3s ease;
    flex-shrink:0;
}

.cart-btn:hover{
    background:#d4af37;
    color:#111;
}
/* =========================
   RESERVATION PAGE
========================= */

.reservation-section{
    padding:120px 80px;
    background:#120d0a;
}

.reservation-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.reservation-info h2{
    font-size:60px;
    margin-bottom:25px;
    font-family:'Cormorant Garamond', serif;
}

.reservation-info p{
    color:#ccc;
    line-height:1.9;
}

.reservation-form form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.reservation-form input,
.reservation-form textarea{
    background:#1a1410;
    border:none;
    padding:16px;
    color:white;
}

.reservation-form textarea{
    height:150px;
    resize:none;
}

.reservation-form button{
    background:#d4a762;
    color:black;
    border:none;
    padding:16px;
    cursor:pointer;
    font-weight:600;
}

.reservation-form button:hover{
    opacity:0.9;
}

/* RESPONSIVE */

@media(max-width:991px){

    .reservation-section{
        padding:90px 30px;
    }

    .reservation-container{
        grid-template-columns:1fr;
    }

    .reservation-info h2{
        font-size:42px;
    }
}
/* =========================
   CONTACT PAGE
========================= */

.contact-page{
    padding:120px 80px;
    background:#120d0a;
}

.contact-page-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
}

.contact-details h2{
    font-size:60px;
    margin-bottom:20px;
    font-family:'Cormorant Garamond', serif;
}

.contact-details p{
    color:#ccc;
    line-height:1.9;
}

.contact-info{
    margin-top:30px;
}

.contact-info h3{
    color:#d4a762;
    margin-bottom:10px;
}

.contact-form form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.contact-form input,
.contact-form textarea{
    background:#1a1410;
    border:none;
    padding:16px;
    color:white;
}

.contact-form textarea{
    height:180px;
    resize:none;
}

.contact-form button{
    background:#d4a762;
    color:black;
    border:none;
    padding:16px;
    cursor:pointer;
    font-weight:600;
}

/* RESPONSIVE */

@media(max-width:991px){

    .contact-page{
        padding:90px 30px;
    }

    .contact-page-container{
        grid-template-columns:1fr;
    }

    .contact-details h2{
        font-size:42px;
    }
}
/* =========================
   AUTH PAGES
========================= */

.auth-section{
    padding:120px 30px;
    background:#120d0a;
}

.auth-container{
    max-width:500px;
    margin:auto;
    background:#1a1410;
    padding:50px;
}

.auth-container h2{
    text-align:center;
    margin-bottom:30px;
    font-size:42px;
    font-family:'Cormorant Garamond', serif;
}

.auth-container form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.auth-container input{
    background:#0f0b08;
    border:none;
    padding:16px;
    color:white;
}

.auth-container button{
    background:#d4a762;
    border:none;
    padding:16px;
    color:black;
    cursor:pointer;
    font-weight:600;
}

.auth-link{
    text-align:center;
    margin-top:20px;
}

.auth-link a{
    color:#d4a762;
    text-decoration:none;
}
/* =========================
   ACCOUNT PAGE
========================= */

.account-section{
    padding:120px 30px;
    background:#120d0a;
}

.account-container{
    max-width:700px;
    margin:auto;
    background:#1a1410;
    padding:50px;
}

.account-container h2{
    font-size:42px;
    margin-bottom:25px;
    font-family:'Cormorant Garamond', serif;
}

.account-container p{
    color:#ccc;
    margin-bottom:15px;
}
/* =========================
   CART PAGE
========================= */

.container{
    max-width:1200px;
    margin:auto;
    padding:80px 20px;
}

.container table{
    width:100%;
    border-collapse:collapse;
    background:#1a1410;
    color:#fff;
    overflow:hidden;
}

.container table th{
    background:#d4af37;
    color:#111;
    padding:15px;
    text-align:center;
}

.container table td{
    padding:15px;
    text-align:center;
    border-bottom:1px solid rgba(255,255,255,0.1);
}

.container table tr:hover{
    background:#221b16;
}

.container table a{
    text-decoration:none;
    color:#d4af37;
    font-weight:600;
}

.container table a:hover{
    opacity:0.8;
}

.container h2{
    margin-top:30px;
    text-align:right;
    color:#d4af37;
    font-size:28px;
}

/* Quantity Buttons */

.container td a{
    padding:5px 10px;
    margin:0 5px;
    border:1px solid #d4af37;
    border-radius:4px;
}

/* Empty Cart */

.empty-cart{
    text-align:center;
    padding:80px 20px;
    color:#ccc;
}

.empty-cart h2{
    color:#fff;
    margin-bottom:15px;
}

/* Checkout Button */

.checkout-btn{
    display:inline-block;
    margin-top:20px;
    padding:12px 25px;
    background:#d4af37;
    color:#111;
    text-decoration:none;
    font-weight:600;
    border-radius:5px;
    transition:0.3s;
}

.checkout-btn:hover{
    transform:translateY(-2px);
}

/* Cart Icon */

.cart-icon{
    position:relative;
    display:inline-block;
    text-decoration:none;
}

.cart-count{
    position:absolute;
    top:-8px;
    right:-8px;
    background:#d4af37;
    color:#111;
    min-width:18px;
    height:18px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:10px;
    font-weight:bold;
}
/* =========================
   CART TOAST NOTIFICATION
========================= */

.cart-toast{
    position:fixed;
    bottom:30px;
    right:-400px;
    background:#1a1a1a;
    border-left:4px solid #d4af37;
    color:#fff;
    padding:16px 20px;
    border-radius:8px;
    display:flex;
    align-items:center;
    gap:14px;
    z-index:99999;
    box-shadow:0 8px 30px rgba(0,0,0,0.4);
    transition:right 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    min-width:280px;
    max-width:340px;
}

.cart-toast.show{
    right:30px;
}

.cart-toast-icon{
    font-size:28px;
}

.cart-toast-text{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.cart-toast-title{
    font-family:'Cormorant Garamond', serif;
    font-size:16px;
    font-weight:600;
    color:#d4af37;
}

.cart-toast-sub{
    font-size:12px;
    color:#aaa;
    letter-spacing:0.5px;
}

.cart-toast-close{
    margin-left:auto;
    background:none;
    border:none;
    color:#aaa;
    font-size:18px;
    cursor:pointer;
    padding:0 4px;
    line-height:1;
}

.cart-toast-close:hover{
    color:#fff;
}

/* =========================
   CART DRAWER
========================= */

.cart-hidden{
    display:none !important;
}

.cart-icon{
    cursor:pointer;
}

.cart-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.6);
    z-index:8000;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.3s ease;
}

.cart-overlay.open{
    opacity:1;
    pointer-events:all;
}

.cart-drawer{
    position:fixed;
    top:0;
    right:-420px;
    width:420px;
    height:100vh;
    background:#111;
    z-index:9000;
    display:flex;
    flex-direction:column;
    transition:right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow:-5px 0 30px rgba(0,0,0,0.5);
}

.cart-drawer.open{
    right:0;
}

.cart-drawer-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px;
    border-bottom:1px solid #2a2a2a;
}

.cart-drawer-header h3{
    font-family:'Cormorant Garamond', serif;
    font-size:22px;
    color:#d4af37;
    margin:0;
}

.cart-drawer-close{
    background:none;
    border:none;
    color:#aaa;
    font-size:22px;
    cursor:pointer;
    transition:color 0.2s;
    padding:4px 8px;
}

.cart-drawer-close:hover{
    color:#fff;
}

.cart-drawer-items{
    flex:1;
    overflow-y:auto;
    padding:16px;
}

.cart-drawer-items::-webkit-scrollbar{
    width:4px;
}

.cart-drawer-items::-webkit-scrollbar-track{
    background:#1a1a1a;
}

.cart-drawer-items::-webkit-scrollbar-thumb{
    background:#d4af37;
    border-radius:2px;
}

.cart-drawer-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 0;
    border-bottom:1px solid #1e1e1e;
}

.cart-drawer-item img{
    width:70px;
    height:70px;
    object-fit:cover;
    border-radius:6px;
    flex-shrink:0;
}

.cart-drawer-item-info{
    flex:1;
}

.cart-drawer-item-info h4{
    font-family:'Cormorant Garamond', serif;
    color:#fff;
    font-size:16px;
    margin:0 0 4px;
}

.cart-drawer-item-price{
    color:#aaa;
    font-size:13px;
}

.cart-drawer-qty{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:8px;
}

.cart-drawer-qty button{
    background:#1e1e1e;
    border:1px solid #333;
    color:#fff;
    width:28px;
    height:28px;
    border-radius:50%;
    cursor:pointer;
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background 0.2s;
}

.cart-drawer-qty button:hover{
    background:#d4af37;
    color:#111;
    border-color:#d4af37;
}

.cart-drawer-qty span{
    color:#fff;
    font-size:15px;
    font-weight:600;
    min-width:20px;
    text-align:center;
}

.cart-drawer-item-right{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
}

.cart-drawer-item-total{
    color:#d4af37;
    font-weight:600;
    font-size:15px;
}

.cart-drawer-remove{
    background:none;
    border:none;
    cursor:pointer;
    font-size:16px;
    opacity:0.5;
    transition:opacity 0.2s;
}

.cart-drawer-remove:hover{
    opacity:1;
}

.cart-drawer-empty{
    text-align:center;
    padding:60px 20px;
    color:#aaa;
}

.cart-drawer-empty .empty-icon{
    font-size:50px;
    margin-bottom:10px;
}

.cart-drawer-empty p{
    font-size:16px;
    margin-bottom:20px;
}

.cart-drawer-empty a{
    color:#d4af37;
    text-decoration:none;
    border-bottom:1px solid #d4af37;
    padding-bottom:2px;
}

.cart-drawer-footer{
    padding:20px 24px;
    border-top:1px solid #2a2a2a;
    background:#0d0d0d;
}

.cart-drawer-total{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:16px;
    color:#fff;
    font-size:18px;
    font-family:'Cormorant Garamond', serif;
}

.cart-drawer-total span:last-child{
    color:#d4af37;
    font-weight:700;
    font-size:20px;
}

.cart-drawer-checkout{
    display:block;
    width:100%;
    text-align:center;
    background:#d4af37;
    color:#111;
    padding:14px;
    font-weight:700;
    font-family:'Cormorant Garamond', serif;
    font-size:16px;
    letter-spacing:1px;
    text-decoration:none;
    border-radius:2px;
    transition:background 0.3s;
    box-sizing:border-box;
}

.cart-drawer-checkout:hover{
    background:#c9a227;
}

@media(max-width:480px){
    .cart-drawer{
        width:100vw;
        right:-100vw;
    }
}

/* =========================
   CHECKOUT PAGE
========================= */

.checkout-section{
    background:#0d0d0d;
    padding:80px 40px;
    min-height:80vh;
}

.checkout-container{
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 420px;
    gap:40px;
    align-items:start;
}

.checkout-title{
    font-family:'Cormorant Garamond', serif;
    font-size:26px;
    color:#d4af37;
    margin-bottom:30px;
    padding-bottom:12px;
    border-bottom:1px solid #2a2a2a;
}

/* Form Box */

.checkout-form-box{
    background:#111;
    padding:40px;
    border:1px solid #1e1e1e;
}

.checkout-form .form-group{
    margin-bottom:22px;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.checkout-form label{
    color:#aaa;
    font-size:12px;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.checkout-form input,
.checkout-form textarea,
.checkout-form select{
    background:#1a1a1a;
    border:1px solid #2a2a2a;
    color:#fff;
    padding:14px 16px;
    font-size:15px;
    font-family:'Inter', sans-serif;
    outline:none;
    transition:border-color 0.3s;
    width:100%;
    box-sizing:border-box;
    border-radius:2px;
}

.checkout-form input:focus,
.checkout-form textarea:focus,
.checkout-form select:focus{
    border-color:#d4af37;
}

.checkout-form input::placeholder,
.checkout-form textarea::placeholder{
    color:#555;
}

.checkout-form textarea{
    height:110px;
    resize:none;
}

.checkout-form select{
    appearance:none;
    cursor:pointer;
    color:#fff;
}

.checkout-form select option{
    background:#1a1a1a;
}

.checkout-submit{
    width:100%;
    padding:16px;
    background:#d4af37;
    color:#111;
    border:none;
    font-size:16px;
    font-weight:700;
    font-family:'Cormorant Garamond', serif;
    letter-spacing:2px;
    cursor:pointer;
    transition:background 0.3s;
    margin-top:10px;
    text-transform:uppercase;
}

.checkout-submit:hover{
    background:#c9a227;
}

/* Order Summary */

.checkout-summary{
    background:#111;
    padding:40px;
    border:1px solid #1e1e1e;
    position:sticky;
    top:100px;
}

.checkout-items{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-bottom:20px;
}

.checkout-item{
    display:flex;
    align-items:center;
    gap:14px;
}

.checkout-item img{
    width:56px;
    height:56px;
    object-fit:cover;
    border-radius:4px;
    flex-shrink:0;
}

.checkout-item-info{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.checkout-item-name{
    color:#fff;
    font-size:14px;
    font-family:'Cormorant Garamond', serif;
    font-size:16px;
}

.checkout-item-qty{
    color:#777;
    font-size:12px;
}

.checkout-item-price{
    color:#d4af37;
    font-weight:600;
    font-size:14px;
    white-space:nowrap;
}

.checkout-divider{
    height:1px;
    background:#2a2a2a;
    margin:20px 0;
}

.checkout-total-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    font-family:'Cormorant Garamond', serif;
    font-size:20px;
}

.checkout-total-amount{
    color:#d4af37;
    font-size:24px;
    font-weight:700;
}

@media(max-width:900px){
    .checkout-container{
        grid-template-columns:1fr;
    }
    .checkout-summary{
        position:static;
        order:-1;
    }
    .checkout-section{
        padding:60px 20px;
    }
}

/* =========================
   ORDER SUCCESS NOTIFICATION
========================= */

.order-success-bar{
    position:fixed;
    top:-120px;
    left:0;
    right:0;
    z-index:99999;
    display:flex;
    justify-content:center;
    transition:top 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.order-success-bar.show{
    top:0;
}

.order-success-inner{
    background:#111;
    border-bottom:3px solid #d4af37;
    padding:18px 40px;
    display:flex;
    align-items:center;
    gap:18px;
    width:100%;
    max-width:100%;
    box-shadow:0 4px 30px rgba(0,0,0,0.5);
}

.order-success-icon{
    width:44px;
    height:44px;
    background:#d4af37;
    color:#111;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:900;
    flex-shrink:0;
}

.order-success-text{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.order-success-text strong{
    font-family:'Cormorant Garamond', serif;
    font-size:20px;
    color:#d4af37;
    letter-spacing:0.5px;
}

.order-success-text span{
    color:#aaa;
    font-size:14px;
}

/* Category Brand Logo */
.category-brand-logo{
    display:block;
    width:60px;
    height:60px;
    object-fit:contain;
    margin:12px auto 0;
    mix-blend-mode:screen;
    opacity:0.9;
}

/* Discount Price */
.price-box{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
}

.price-old{
    color:#888;
    font-size:13px;
    text-decoration:line-through;
    line-height:1;
}

.price-new{
    color:#d4af37;
    font-size:18px;
    font-weight:700;
    line-height:1;
}

.price-normal{
    color:#d4af37;
    font-size:18px;
    font-weight:600;
}

/* Auth Notice */
.auth-notice{
    background:rgba(212,175,55,0.1);
    border:1px solid rgba(212,175,55,0.4);
    color:#d4af37;
    padding:12px 16px;
    border-radius:4px;
    font-size:14px;
    margin-bottom:20px;
    text-align:center;
}

/* =========================
   ACCOUNT PAGE
========================= */

.account-section{
    background:#0d0d0d;
    padding:80px 40px;
    min-height:80vh;
}

.account-wrapper{
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:300px 1fr;
    gap:40px;
    align-items:start;
}

/* Profile Box */
.account-profile{
    background:#111;
    border:1px solid #1e1e1e;
    padding:32px 24px;
    text-align:center;
    position:sticky;
    top:100px;
}

.account-avatar{
    width:70px;
    height:70px;
    background:#d4af37;
    color:#111;
    font-size:28px;
    font-weight:900;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 16px;
    font-family:'Cormorant Garamond', serif;
}

.account-profile h3{
    font-family:'Cormorant Garamond', serif;
    font-size:22px;
    color:#fff;
    margin-bottom:20px;
}

.account-info{
    border-top:1px solid #1e1e1e;
    padding-top:16px;
    margin-bottom:24px;
}

.account-info-row{
    display:flex;
    justify-content:space-between;
    padding:10px 0;
    border-bottom:1px solid #1a1a1a;
    gap:10px;
}

.account-info-row span{
    color:#777;
    font-size:13px;
}

.account-info-row strong{
    color:#fff;
    font-size:13px;
    text-align:right;
    word-break:break-all;
}

.account-logout-btn{
    display:block;
    padding:12px;
    background:rgba(220,53,69,0.1);
    color:#dc3545;
    border:1px solid rgba(220,53,69,0.3);
    text-decoration:none;
    font-size:14px;
    transition:0.2s;
    text-align:center;
}

.account-logout-btn:hover{
    background:#dc3545;
    color:#fff;
}

/* Orders */
.account-orders-title{
    font-family:'Cormorant Garamond', serif;
    font-size:26px;
    color:#d4af37;
    margin-bottom:24px;
    padding-bottom:12px;
    border-bottom:1px solid #1e1e1e;
}

.account-empty{
    text-align:center;
    padding:60px 20px;
    color:#aaa;
}

.account-empty p:first-child{
    font-size:48px;
    margin-bottom:10px;
}

.account-empty a{
    color:#d4af37;
    text-decoration:none;
    border-bottom:1px solid #d4af37;
}

.account-order-card{
    background:#111;
    border:1px solid #1e1e1e;
    padding:20px 24px;
    margin-bottom:16px;
    transition:border-color 0.2s;
}

.account-order-card:hover{
    border-color:rgba(212,175,55,0.3);
}

.account-order-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
}

.account-order-id{
    font-family:'Cormorant Garamond', serif;
    font-size:18px;
    color:#fff;
    display:block;
}

.account-order-date{
    color:#666;
    font-size:12px;
    display:block;
    margin-top:2px;
}

.account-order-status{
    padding:4px 14px;
    border:1px solid;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

.account-order-items{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:14px;
    padding-bottom:14px;
    border-bottom:1px solid #1a1a1a;
}

.account-order-items span{
    background:#1a1a1a;
    color:#ccc;
    padding:4px 12px;
    border-radius:20px;
    font-size:13px;
}

.account-order-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.account-order-payment{
    color:#777;
    font-size:13px;
}

.account-order-total{
    color:#d4af37;
    font-weight:700;
    font-size:18px;
    font-family:'Cormorant Garamond', serif;
}

@media(max-width:768px){
    .account-wrapper{
        grid-template-columns:1fr;
    }
    .account-profile{
        position:static;
    }
    .account-section{
        padding:60px 20px;
    }
}

/* =========================
   PAYMENT OPTIONS
========================= */

.payment-options{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.payment-option{
    border:1px solid #2a2a2a;
    background:#1a1a1a;
    padding:16px;
    cursor:pointer;
    transition:border-color 0.2s;
    border-radius:4px;
}

.payment-option:hover{
    border-color:#d4af37;
}

.payment-option input[type="radio"]{
    display:none;
}

.payment-option input[type="radio"]:checked + .payment-option-inner{
    color:#d4af37;
}

.payment-option:has(input:checked){
    border-color:#d4af37;
    background:rgba(212,175,55,0.05);
}

.payment-option-inner{
    display:flex;
    align-items:center;
    gap:14px;
}

.payment-icon{
    font-size:24px;
}

.payment-option-inner strong{
    display:block;
    color:#fff;
    font-size:15px;
    margin-bottom:2px;
}

.payment-option-inner small{
    color:#777;
    font-size:12px;
}

.payment-details{
    background:#1a1a1a;
    border:1px solid rgba(212,175,55,0.3);
    border-left:3px solid #d4af37;
    padding:20px;
    margin-top:4px;
    border-radius:4px;
}

.payment-details h4{
    color:#d4af37;
    font-family:'Cormorant Garamond', serif;
    font-size:18px;
    margin-bottom:14px;
}

.payment-detail-row{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    border-bottom:1px solid #222;
    gap:16px;
}

.payment-detail-row span{
    color:#777;
    font-size:13px;
}

.payment-detail-row strong{
    color:#fff;
    font-size:13px;
    text-align:right;
    font-family:monospace;
    letter-spacing:0.5px;
}

.payment-note{
    color:#aaa;
    font-size:13px;
    margin-top:12px;
    line-height:1.6;
}

/* =========================
   CART PAGE
========================= */

.cart-page-section{
    background:#0d0d0d;
    padding:80px 40px;
    min-height:60vh;
}

.cart-page-container{
    max-width:900px;
    margin:auto;
}

.cart-page-empty{
    text-align:center;
    padding:80px 20px;
    color:#aaa;
}

.cart-page-empty p:first-child{ font-size:50px; }
.cart-page-empty h2{ font-family:'Cormorant Garamond',serif; font-size:28px; color:#fff; margin:10px 0; }
.cart-page-empty a{ color:#d4af37; text-decoration:none; border-bottom:1px solid #d4af37; }

.cart-page-items{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-bottom:30px;
}

.cart-page-item{
    display:flex;
    align-items:center;
    gap:16px;
    background:#111;
    border:1px solid #1e1e1e;
    padding:16px;
}

.cart-page-item img{
    width:70px;
    height:70px;
    object-fit:cover;
    border-radius:4px;
    flex-shrink:0;
}

.cart-page-item-info{
    flex:1;
}

.cart-page-item-info h4{
    font-family:'Cormorant Garamond',serif;
    color:#fff;
    font-size:18px;
    margin-bottom:4px;
}

.cart-page-item-info span{ color:#aaa; font-size:14px; }

.cart-page-qty{
    display:flex;
    align-items:center;
    gap:14px;
}

.cart-page-qty a{
    background:#1e1e1e;
    border:1px solid #333;
    color:#fff;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:18px;
    transition:0.2s;
}

.cart-page-qty a:hover{ background:#d4af37; color:#111; }
.cart-page-qty span{ color:#fff; font-size:16px; font-weight:600; min-width:20px; text-align:center; }

.cart-page-item-total{
    color:#d4af37;
    font-weight:700;
    font-size:16px;
    min-width:80px;
    text-align:right;
}

.cart-page-remove{
    font-size:18px;
    opacity:0.5;
    transition:opacity 0.2s;
    text-decoration:none;
}

.cart-page-remove:hover{ opacity:1; }

.cart-page-footer{
    background:#111;
    border:1px solid #1e1e1e;
    padding:24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.cart-page-total{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.cart-page-total span:first-child{ color:#aaa; font-size:13px; text-transform:uppercase; letter-spacing:1px; }
.cart-page-total span:last-child{ color:#d4af37; font-size:24px; font-weight:700; font-family:'Cormorant Garamond',serif; }

.cart-page-checkout{
    background:#d4af37;
    color:#111;
    padding:14px 28px;
    text-decoration:none;
    font-weight:700;
    font-family:'Cormorant Garamond',serif;
    font-size:16px;
    transition:0.3s;
}

.cart-page-checkout:hover{ background:#c9a227; }

/* Auth Alerts */
.auth-alert{
    padding:14px 18px;
    border-radius:4px;
    margin-bottom:20px;
    font-size:14px;
    font-weight:600;
}

.auth-alert--success{
    background:rgba(40,167,69,0.12);
    border:1px solid rgba(40,167,69,0.4);
    color:#28a745;
}

.auth-alert--error{
    background:rgba(220,53,69,0.12);
    border:1px solid rgba(220,53,69,0.4);
    color:#dc3545;
}

/* =========================
   MENU SEARCH
========================= */

.menu-search-section{
    background:#120d0a;
    padding:60px 80px 0;
}

.menu-search-box{
    position:relative;
    max-width:500px;
    margin:0 auto;
}

.menu-search-box input{
    width:100%;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(212,175,55,0.25);
    border-radius:4px;
    padding:14px 50px 14px 20px;
    color:#fff;
    font-size:15px;
    font-family:'Cormorant Garamond',serif;
    letter-spacing:0.5px;
    outline:none;
    transition:border-color 0.3s, background 0.3s;
    box-sizing:border-box;
}

.menu-search-box input:focus{
    border-color:#d4af37;
    background:rgba(212,175,55,0.05);
}

.menu-search-box input::placeholder{
    color:#666;
    font-family:'Cormorant Garamond',serif;
}

.menu-search-box::after{
    content:"🔍";
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
    pointer-events:none;
}