/* =========================
   FIX MOBILE OVERFLOW
========================= */

html,
body{

    overflow-x:hidden;
}
/* =========================
   ROOT COLORS
========================= */
:root{
    --black:#111111;
    --cream:#f8f3eb;
    --nude:#d9c2ad;

    --beige:#c8b6a6;
    --brown:#4b2e2a;

    --gold:#d4af37;

    --white:#ffffff;
    --gray:#777777;
}

/* =========================
   GLOBAL STYLES
========================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Montserrat', sans-serif;
    background:var(--cream);
    color:var(--black);
    overflow-x:hidden;
}

section{
    padding:100px 0;
}

img{
    width:100%;
    display:block;
}

a{
    text-decoration:none;
}
 
   /* =========================
   PREMIUM NAVBAR
========================= */

.luxury-navbar{

    padding:12px 0;

    transition:0.4s ease;

    background:transparent;

    z-index:9999;
}

/* DARK NAVBAR */

.dark-navbar{

    padding:12px 0;

    background:#000;
}

/* SCROLLED NAVBAR */

.luxury-navbar.scrolled{

    background:#070707;

    backdrop-filter:blur(10px);

    -webkit-backdrop-filter:blur(10px);
}

/* NAV CONTAINER */

.luxury-navbar .container{

    display:flex;

    align-items:center;

    justify-content:space-between;
}
/* shop */
.mobile-menu-title{

    color:white;

    font-size:18px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:15px;

    display:block;
}
.mobile-shop-list{

    list-style:disc;

    padding-left:20px;

    margin-top:15px;
}

.mobile-shop-list li{

    margin-bottom:12px;
}

.mobile-shop-list a{

    color:grey;

    text-transform: capitalize;

    text-decoration:none;

    font-size:12px;

    transition:.3s ease;
}

.mobile-shop-list a:hover{

    color:#c9a46c;
}



/* =========================
   LOGO
========================= */

.luxury-brand{

    text-decoration:none;

    display:flex;

    align-items:center;
}

.logo-text-wrapper{

    display:flex;

    flex-direction:column;
}

.brand-logo-text{

    color:#fff;

    font-size:34px;

    font-family:'Cormorant Garamond', serif;

    font-weight:600;

    letter-spacing:2px;

    line-height:1;

    margin:0;
}

.logo-mini-text{

    color:#c9a46c;

    font-size:10px;

    letter-spacing:5px;

    margin-top:6px;

    font-weight:500;
}

/* =========================
   DESKTOP MENU
========================= */

.desktop-menu .navbar-nav{

    display:flex;

    align-items:center;

    gap:35px;
}

.nav-link{

    color:#fff !important;

    font-size:14px;

    font-weight:500;

    text-transform:uppercase;

    letter-spacing:1px;

    transition:0.3s ease;
}

.nav-link:hover{

    color:#c9a46c !important;
}

/* =========================
   RIGHT SIDE WRAPPER
========================= */

.nav-right-wrapper{

    display:flex;

    align-items:center;

    gap:25px;

    margin-left:auto;
}

.nav-right-side{

    display:flex;

    align-items:center;
}

/* =========================
   PREMIUM SEARCH BOX
========================= */

.luxury-search-box{

    width:360px;

    height:50px;

    border-radius:60px;

    padding:0 22px;

    display:flex;

    align-items:center;

    gap:14px;

    background:rgba(255,255,255,0.06);

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

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    transition:all 0.4s ease;
}

.luxury-search-box:hover{

    border-color:#c9a46c;

    background:rgba(255,255,255,0.09);

    transform:translateY(-1px);
}

.luxury-search-box i{

    color:#c9a46c;

    font-size:16px;
}

.luxury-search-box input{

    width:100%;

    border:none;

    outline:none;

    background:transparent;

    color:white;

    font-size:14px;

    font-weight:400;
}

.luxury-search-box input::placeholder{

    color:rgba(255,255,255,0.65);

    letter-spacing:0.5px;
}

/* =========================
   DESKTOP ICONS
========================= */

.desktop-icons {

    display:flex;

    align-items:center;

    gap:20px;

    color:white;

    font-size:18px;
}

/* ICON HOVER */

.desktop-icons i,
.mobile-icons i{

    cursor:pointer;

    transition:0.3s ease;
}

.desktop-icons a,
.mobile-icons a{
    color: white;
    text-decoration: none;
}

.desktop-icons i:hover,
.mobile-icons i:hover{

    color:#c9a46c;

    transform:translateY(-2px);
}

/* =========================
   CART ICON
========================= */

.cart-icon{

    position:relative;

    color:white;

    text-decoration:none;

    font-size:27px;
}

#desktop-cart-count,
#mobile-cart-count{

    position:absolute;

    top:-8px;

    right:-10px;

    background:#c9a46c;

    color:black;

    width:18px;

    height:18px;

    border-radius:50%;

    font-size:11px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:bold;
}


.cart-notification{

    position:fixed;

    bottom:20px;

    right:20px;

    background:#c9a46c;

    color:white;

    padding:14px 22px;

    border-radius:50px;

    font-weight:600;

    z-index:999999;

    opacity:0;

    transform:translateY(20px);

    transition:.4s ease;
}

.cart-notification.show{

    opacity:1;

    transform:translateY(0);
} /* ACCOUNT ICON */

.account-link{

    position: relative;

    color: white;

    text-decoration: none;

}

.account-link i{

    font-size: 26px;

    transition: .3s;

}

.account-link:hover{

    color: #c9a46c;

}

.account-link:hover i{

    transform: translateY(-2px);

}

/* =========================
   MOBILE ICONS
========================= */

.mobile-icons{

    display:none;

    align-items:center;

    gap:18px;
}

/* =========================
   MOBILE MENU BUTTON
========================= */

.mobile-menu-btn{

    background:transparent;

    border:none;

    color:white;

    padding:0;

    margin:0;

    font-size:30px;

    display:flex;

    align-items:center;

    justify-content:center;
}

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

@media(max-width:991px){

    /* CONTAINER */

    .luxury-navbar .container{

        padding-left:18px;

        padding-right:18px;
    }

    /* HIDE DESKTOP */

    .desktop-menu{

        display:none;
    }

    .desktop-icons{

        display:none;
    }

    .luxury-search-box{

        display:none;
    }

    /* SHOW MOBILE */

    .mobile-icons{

        display:flex;

        align-items:center;

        justify-content:flex-end;

        gap:18px;

        color:white;

        font-size:22px;
    }

    /* LOGO */

    .luxury-brand{

        max-width:160px;
    }

    .brand-logo-text{

        font-size:24px;

        letter-spacing:1px;
    }

    .logo-mini-text{

        font-size:8px;

        letter-spacing:3px;
    }

    /* MOBILE MENU */

    .mobile-menu{

        position:fixed;

        top:78px;

        left:0;

        width:100%;

        background:#070707;

        padding:30px;

        z-index:999;
    }

    .mobile-menu a{

        display:block;

        color:white;

        text-decoration:none;

        margin-bottom:20px;

        font-size:18px;

        text-transform:uppercase;

        letter-spacing:2px;
    }

}

 /* =========================
   LUXURY BREADCRUMB
========================= */

.luxury-breadcrumb{
    padding-top: 120px;
    padding-bottom: 25px;

    background: #f7f0e8;
}

.breadcrumb-wrapper{
    display: flex;
    align-items: center;
    gap: 14px;

    font-size: 15px;
    font-weight: 500;
}

/* HOME BUTTON */
.breadcrumb-home{
    width: 42px;
    height: 42px;

    border-radius: 50%;

    background: #000;

    color: #d4a373;

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

    text-decoration: none;

    transition: 0.3s ease;
}

.breadcrumb-home:hover{
    background: #d4a373;
    color: #000;
}

/* ARROWS */
.breadcrumb-wrapper i{
    color: #8b6f47;
}

/* CATEGORY */
.breadcrumb-category{
    color: #8b6f47;
}

/* PRODUCT NAME */
.breadcrumb-product{
    color: #000;
    font-weight: 600;
}/* =========================
   CART ICON
========================= */

.cart-icon{
    position:relative;
    color:var(--cream);
    font-size:1.4rem;
}

#cart-count{
    position:absolute;
    top:-10px;
    right:-10px;

    width:22px;
    height:22px;

    background:var(--gold);
    color:var(--black);

    border-radius:50%;

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

    font-size:0.75rem;
    font-weight:700;
}
/* =========================
   ADD TO CART BUTTON
========================= */

.add-to-cart{
    margin-top:15px;
    padding:12px 25px;

    border:none;
    border-radius:40px;

    background:var(--white);
     

    font-weight:600;

    transition:0.4s;
}

.add-to-cart:hover{
    background:var(--gold);
    color:var(--black);

    transform:translateY(-3px);
}

/* PRODUCT LINK */

.product-link{
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

/* IMAGE */
.product-link img{
    width: 100%;
    transition: 0.5s ease;
    cursor: pointer;
}

/* HOVER EFFECT */
.product-card:hover .product-link img{
    transform: scale(1.06);
}
/* =========================
   HERO SECTION
========================= */
.hero-section{
    padding:0;
}

.hero-image{
    height:100vh;
    object-fit:cover;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
}

.carousel-caption{
    bottom:22%;
    z-index:10;
}

.hero-small-text{
    color:var(--gold);
    letter-spacing:4px;
    font-size:0.9rem;
    margin-bottom:20px;
}

.carousel-caption h1{
    font-size:5rem;
    font-weight:700;
    font-family:'Cormorant Garamond', serif;
    color:var(--white);
    line-height:1.1;
    animation:fadeUp 1.5s ease;
}

.hero-btn{
    display:inline-block;
    margin-top:30px;
    padding:15px 40px;
    border-radius:50px;
    background:var(--gold);
    color:var(--black);
    font-weight:600;
    letter-spacing:1px;
    transition:0.4s;
}

.hero-btn:hover{
    background:var(--cream);
    transform:translateY(-5px);
}

/* =========================
   SECTION TITLES
========================= */
.section-header h2{
    font-size:3rem;
    font-family:'Cormorant Garamond', serif;
    color:var(--black);
}

.mini-title{
    color:var(--gold);
    letter-spacing:3px;
    font-size:0.9rem;
    margin-bottom:15px;
}

/* =========================
   COLLECTION SECTION
========================= */
.collections-section{
    background:var(--nude);
}

/* CARD */
.fashion-card{
    position:relative;
    overflow:hidden;
    border-radius:0px;
    transition:0.4s;
    box-shadow:none;
}

/* IMAGE */
.fashion-img{
    position:relative;
    overflow:hidden;
    border-radius:0px;

}
.fashion-card img{
    width:100%;              
    height:550px;            
    object-fit:cover;
    display:block;
}

/* OVERLAY */
.fashion-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    opacity:0;
    transition:0.5s;
}

/* TEXT */
.fashion-overlay h4{
    color:var(--white);
    font-size:2rem;
    font-family:'Cormorant Garamond', serif;
    margin-bottom:10px;
}

/* BUTTON (UPDATED TO MATCH YOUR STYLE) */
.fashion-overlay a{
    padding:10px 20px;
    background:var(--gold);
    color:var(--black);
    font-weight:600;
    border-radius:0;   /* REMOVE ROUNDING */
    text-decoration:none;
    transition:0.3s;
}

.fashion-overlay a:hover{
    background:var(--white);
}

/* HOVER EFFECT */
.fashion-card:hover img{
    transform:scale(1.08);
}

.fashion-card:hover .fashion-overlay{
    opacity:1;
}

/* GRID SPACING FIX */
.col-lg-3{
    padding:6px;
}
/* =========================
   SHOP SECTION
========================= */
.shop-section{
    background:var(--cream);
}


/* PRODUCT CARD */
.product-card{
    background:transparent;
    border-radius:0px;
    overflow:hidden;
    transition:0.4s;
    box-shadow:none;
}

.product-card:hover{
    transform:translateY(-6px);
}

/* IMAGE WRAPPER */
.product-image{
    position:relative;
    overflow:hidden;
    border-radius:0px;
}

/* IMAGE */
.product-image img{
    width:100%;
    height:550px;
    object-fit:cover;
    display:block;
}

/* IMAGE HOVER */
.product-card:hover img{
    transform:scale(1.05);
}

/* OPTIONAL DARK GRADIENT (premium look) */
.product-image::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:80px;
    background:linear-gradient(transparent, rgba(0,0,0,0.4));
}

/* ICONS */
.product-icons{
    position:absolute;
    top:20px;
    right:-60px;
    display:flex;
    flex-direction:column;
    gap:12px;
    transition:0.5s;
}
 .product-icons a{
    color:#111!important;
    text-decoration: none;

 }
.product-card:hover .product-icons{
    right:15px;
}

.product-icons i{
    background:var(--white);
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:0.4s;
    font-size:14px;
}

.product-icons i:hover{
    background:var(--gold);
    color:white;
}

/* CONTENT */
.product-content{
    padding:8px 4px;
    text-align:left;
}

.product-content h5{
    font-size:1rem;
    margin-bottom:5px;
    font-weight:500;
}

.product-content p{
    color:var(--brown);
    font-weight:600;
    font-size:14px;
}

/* GRID SPACING FIX */
.col-lg-3{
    padding:6px;
}

.product-buttons{

    display:flex;

    gap:10px;

    margin-top:15px;
}

.add-to-cart{

    flex:1;

    border:none;

    background:#fff;

    color:#000;

    padding:12px;

    border-radius:30px;

    font-weight:600;

    transition:.3s;
}

.add-to-cart:hover{

    background:#c9a46c;

    color:#000;
}

.buy-now-btn{

    flex:1;

    border:none;

    background:#c9a46c;

    color:#000;

    padding:12px;

    border-radius:30px;

    font-weight:700;

    transition:.3s;
}

.buy-now-btn:hover{

    transform:translateY(-2px);

    background:#d9b47c;
}


/* =========================
   LOOKBOOK
========================= */
.lookbook-section{
    padding:0;
}

.lookbook-img{
    height:500px;
    object-fit:cover;
    transition:0.5s;
}

.lookbook-img:hover{
    transform:scale(1.05);
    filter:brightness(80%);
}

/* =========================
   ABOUT SECTION
========================= */
.about-section{
    background:var(--cream);
}

.about-image{
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.about-title{
    font-size:3rem;
    font-family:'Cormorant Garamond', serif;
    margin-bottom:20px;
}

.about-text{
    color:var(--gray);
    line-height:2;
    margin-bottom:30px;
}

.about-btn{
    padding:15px 35px;
    background:var(--gold);
    color:var(--black);
    border-radius:40px;
    font-weight:600;
    transition:0.4s;
}

.about-btn:hover{
    background:var(--black);
    color:var(--cream);
}


/* =========================
   CART SECTION
========================= */

.cart-section{

    padding:140px 0 80px;

    background:#f8f4ef;

    min-height:100vh;
}

/* HEADER */

.cart-header{

    text-align:center;

    margin-bottom:50px;
}

.cart-header h1{

    font-family:'Cormorant Garamond', serif;

    font-size:52px;

    font-weight:600;

    color:#111;
}

.cart-header p{

    color:#777;

    font-size:16px;
}

/* CART ITEM */

.cart-item{

    background:#fff;

    border-radius:20px;

    padding:25px;

    margin-bottom:25px;

    display:flex;

    gap:25px;

    align-items:center;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);

    transition:0.3s ease;
}

.cart-item:hover{

    transform:translateY(-3px);
}

/* IMAGE */

.cart-image img{

    width:160px;

    height:190px;

    object-fit:cover;

    border-radius:15px;
}

/* DETAILS */

.cart-details{

    flex:1;
}

.cart-details h3{

    font-family:'Cormorant Garamond', serif;

    font-size:30px;

    margin-bottom:10px;

    color:#111;
}

.cart-price{

    color:#c9a46c;

    font-size:22px;

    font-weight:600;

    margin-bottom:20px;
}

/* QUANTITY */

.quantity-box{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:20px;
}

.quantity-box button{

    width:40px;

    height:40px;

    border:none;

    border-radius:50%;

    background:#111;

    color:white;

    font-size:18px;

    cursor:pointer;

    transition:0.3s;
}

.quantity-box button:hover{

    background:#c9a46c;

    color:#111;
}

.quantity-box span{

    font-size:18px;

    font-weight:600;
}

/* REMOVE BUTTON */

.remove-btn{

    border:none;

    background:none;

    color:#dc3545;

    font-weight:600;

    cursor:pointer;
}

/* ORDER SUMMARY */

.checkout-box{

    background:#fff;

    padding:35px;

    border-radius:20px;

    position:sticky;

    top:120px;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.checkout-box h3{

    font-family:'Cormorant Garamond', serif;

    font-size:34px;

    margin-bottom:25px;
}

/* SUMMARY ROW */

.summary-row{

    display:flex;

    justify-content:space-between;

    margin-bottom:18px;

    color:#555;
}

.total-row{

    border-top:1px solid #eee;

    padding-top:20px;

    margin-top:20px;

    font-size:20px;

    font-weight:700;

    color:#111;
}

/* CHECKOUT BUTTON */

.checkout-btn{

    width:100%;

    display:block;

    text-align:center;

    margin-top:25px;

    background:#111;

    color:white;

    padding:16px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:0.3s ease;
}

.checkout-btn:hover{

    background:#c9a46c;

    color:#111;
}

/* EMPTY CART */

.empty-cart{

    background:white;

    border-radius:20px;

    padding:60px;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.empty-cart h3{

    font-family:'Cormorant Garamond', serif;

    font-size:40px;

    margin-bottom:15px;
}

/* MOBILE */

@media(max-width:768px){

    .cart-item{

        flex-direction:column;

        text-align:center;
    }

    .cart-image img{

        width:100%;

        max-width:280px;

        height:auto;
    }

    .cart-header h1{

        font-size:38px;
    }

    .checkout-box{

        margin-top:30px;

        position:static;
    }
}
/* =========================
   NEWSLETTER
========================= */
.newsletter-section{
    background:linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
    url('images/newsletter.jpg');
    background-size:cover;
    background-position:center;
    color:var(--white);
}

.newsletter-section h2{
    font-size:3rem;
    font-family:'Cormorant Garamond', serif;
    margin-bottom:30px;
}

.newsletter-form{
    max-width:700px;
    margin:auto;
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    justify-content:center;
}

.newsletter-form input{
    flex:1;
    min-width:250px;
    padding:18px;
    border:none;
    border-radius:50px;
}

.newsletter-form button{
    padding:18px 35px;
    border:none;
    border-radius:50px;
    background:var(--gold);
    color:var(--black);
    font-weight:600;
    transition:0.4s;
}

.newsletter-form button:hover{
    background:var(--cream);
}

/* =========================
   CONTACT SECTION
========================= */
.contact-section{
    background:var(--nude);
}

.contact-form input,
.contact-form textarea{
    width:100%;
    margin-bottom:20px;
    padding:18px;
    border:none;
    border-radius:15px;
}

.contact-form button{
    padding:16px 40px;
    border:none;
    border-radius:40px;
    background:var(--gold);
    color:var(--black);
    font-weight:600;
    transition:0.4s;
}

.contact-form button:hover{
    background:var(--black);
    color:var(--cream);
}

.contact-info{
    background:var(--white);
    padding:40px;
    border-radius:20px;
    height:100%;
}

.contact-info h4{
    margin-top:20px;
    color:var(--brown);
}


/* =========================
   PRODUCT DETAILS RIGHT SIDE
========================= */

.product-info{

    padding-left:50px;
}

/* COLLECTION */

.product-category{

    color:#c9a46c;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:13px;

    font-weight:600;
}

/* PRODUCT NAME */

.product-info h1{

    font-family:'Cormorant Garamond', serif;

    font-size:60px;

    font-weight:600;

    color:#111;

    margin-bottom:10px;
}
 
/* PRICE */

.product-price{

    font-size:30px;

    font-weight:700;

    color:#c9a46c;

    margin-bottom:20px;
}
 
/* DESCRIPTION */

.product-description{

    font-size:16px;

    line-height:1.9;

    color:#666;

    margin-bottom:35px;

    max-width:550px;
}

/* LABELS */

.option-title{

    font-size:15px;

    font-weight:600;

    color:#111;

    margin-bottom:12px;

    display:block;
}

/* SIZES */

.size-btn{

    width:55px;

    height:55px;

    border:1px solid #ddd;

    background:white;

    margin-right:10px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;
}

.size-btn:hover{

    background:#111;

    color:white;

    border-color:#111;
}

/* COLORS */

.color-circle{

    width:35px;

    height:35px;

    border-radius:50%;

    display:inline-block;

    margin-right:12px;

    border:2px solid white;

    box-shadow:0 0 0 1px #ddd;

    cursor:pointer;
}

/* QUANTITY */

.quantity-selector{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:15px;

    margin-bottom:35px;
}

.quantity-selector button{

    width:45px;

    height:45px;

    border:none;

    border-radius:50%;

    background:#111;

    color:white;

    font-size:18px;

    transition:.3s;
}

.quantity-selector button:hover{

    background:#c9a46c;

    color:#111;
}

.quantity-selector span{

    font-size:20px;

    font-weight:600;
}

/* ACTION BUTTONS */

.product-actions{

    display:flex;

    gap:15px;

    margin-top:20px;
}

/* ADD TO CART */

.add-cart-btn{

    border:none;

    padding:15px 35px;

    border-radius:50px;

    background:#111;

    color:white;

    font-weight:600;

    transition:.3s;
}

.add-cart-btn:hover{

    background:#c9a46c;

    color:#111;
}

/* BUY NOW */

.buy-now-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    padding:14px;

    border:none;

    border-radius:40px;

    background:#c9a46c;

    color:#fff;

    font-weight:600;

    letter-spacing:1px;

    text-decoration:none;

    transition:.3s ease;

}

.buy-now-btn:hover{

    background:#111;

    color:white;
}


 

.buy-now-btn:hover{

    background:#111;

    color:#fff;

    transform:translateY(-2px);
}

/* ==========================================
   LUXURY CHECKOUT
========================================== */

.checkout-section{

    padding:140px 0 90px;
    
    background:#faf8f5;
    
    }
    
    .checkout-box{
    
    background:#fff;
    
    padding:35px;
    
    border-radius:20px;
    
    box-shadow:0 15px 35px rgba(0,0,0,.05);
    
    margin-bottom:30px;
    
    border:1px solid #f2f2f2;
    
    }
    
    .checkout-title h3{
    
    font-family:"Cormorant Garamond",serif;
    
    font-size:34px;
    
    margin-bottom:8px;
    
    color:#1b1b1b;
    
    }
    
    .checkout-title p{
    
    color:#777;
    
    margin-bottom:30px;
    
    font-size:15px;
    
    }
    
    .checkout-form label{
    
    font-weight:600;
    
    margin-bottom:8px;
    
    display:block;
    
    color:#444;
    
    }
    
    .checkout-form .form-control,
    .checkout-form .form-select{
    
    height:58px;
    
    border-radius:14px;
    
    border:1px solid #ddd;
    
    padding:15px;
    
    font-size:15px;
    
    transition:.3s;
    
    background:#fff;
    
    }
    
    .checkout-form textarea{
    
    min-height:120px;
    
    resize:none;
    
    border-radius:14px;
    
    padding:15px;
    
    }
    
    .checkout-form .form-control:focus,
    .checkout-form .form-select:focus{
    
    border-color:#b88a44;
    
    box-shadow:0 0 0 .2rem rgba(184,138,68,.15);
    
    }
    
    .payment-card{
    
    display:flex;
    
    justify-content:space-between;
    
    align-items:center;
    
    padding:22px;
    
    border:2px solid #b88a44;
    
    border-radius:16px;
    
    background:#fffdf9;
    
    transition:.3s;
    
    }
    
    .payment-card:hover{
    
    transform:translateY(-3px);
    
    box-shadow:0 15px 35px rgba(184,138,68,.15);
    
    }
    
    .payment-left{
    
    display:flex;
    
    align-items:center;
    
    gap:18px;
    
    }
    
    .payment-left input{
    
    transform:scale(1.3);
    
    accent-color:#b88a44;
    
    }
    
    .payment-left h5{
    
    margin:0;
    
    font-weight:700;
    
    }
    
    .payment-left p{
    
    margin:4px 0 0;
    
    color:#777;
    
    font-size:14px;
    
    }
    
    .payment-right{
    
    display:flex;
    
    align-items:center;
    
    gap:12px;
    
    }
    
    .payment-logo{
    
    height:30px;
    
    width:auto;
    
    object-fit:contain;
    
    }
    
    .billing-option{
    
    padding:18px 20px;
    
    border:1px solid #ddd;
    
    border-radius:14px;
    
    margin-bottom:15px;
    
    cursor:pointer;
    
    transition:.3s;
    
    }
    
    .billing-option:hover{
    
    border-color:#b88a44;
    
    background:#fffdf8;
    
    }
    
    .billing-option input{
    
    margin-right:12px;
    
    accent-color:#b88a44;
    
    }
    
    .order-summary{

        position:sticky;
    
        top:110px;
    
        background:#fff;
    
        border-radius:20px;
    
        padding:30px;
    
        box-shadow:0 15px 40px rgba(0,0,0,.08);
    
    }
    
    .order-summary h3{
    
    font-family:"Cormorant Garamond",serif;
    
    font-size:32px;
    
    margin-bottom:30px;
    
    }
    
    .summary-product{
    
    display:flex;
    
    gap:18px;
    
    margin-bottom:25px;
    
    align-items:flex-start;
    
    padding-bottom:20px;
    
    border-bottom:1px solid #eee;
    
    }
    
    .summary-image img{
    
    width:90px;
    
    height:110px;
    
    object-fit:cover;
    
    border-radius:12px;
    
    }
    
    .summary-details{
    
    flex:1;
    
    }
    
    .summary-details h5{
    
    font-size:17px;
    
    margin-bottom:8px;
    
    font-weight:700;
    
    }
    
    .summary-details p{
    
    margin:4px 0;
    
    font-size:14px;
    
    color:#666;
    
    }
    
    .summary-price{
    
    font-weight:700;
    
    white-space:nowrap;
    
    }
    
    .summary-row{
    
    display:flex;
    
    justify-content:space-between;
    
    padding:15px 0;
    
    font-size:16px;
    
    border-bottom:1px solid #eee;
    
    }
    
    .total-row{
    
    font-size:22px;
    
    font-weight:700;
    
    color:#111;
    
    border-bottom:none;
    
    padding-top:25px;
    
    }
    
    .place-order-btn{
    
    width:100%;
    
    margin-top:25px;
    
    padding:18px;
    
    border:none;
    
    border-radius:14px;
    
    background:#111;
    
    color:#fff;
    
    font-weight:700;
    
    font-size:16px;
    
    transition:.3s;
    
    }
    
    .place-order-btn:hover{
    
    background:#b88a44;
    
    transform:translateY(-2px);
    
    }
    
    .secure-checkout{
    
    margin-top:20px;
    
    text-align:center;
    
    font-size:14px;
    
    color:#666;
    
    }
    
    .secure-checkout i{
    
    color:#198754;
    
    margin-right:8px;
    
    }
    
    #shippingZone{
    
    display:block;
    
    margin-top:10px;
    
    font-weight:600;
    
    color:#198754;
    
    }
    
    @media(max-width:991px){
    
    .checkout-section{
    
    padding-top:120px;
    
    }
    
    .order-summary{
    
    position:relative;
    
    top:0;
    
    margin-top:35px;
    
    }
    
    .checkout-box{
    
    padding:25px;
    
    }
    
    .payment-card{
    
    flex-direction:column;
    
    align-items:flex-start;
    
    gap:20px;
    
    }
    
    .payment-right{
    
    margin-left:45px;
    
    }
    
    .summary-image img{
    
    width:75px;
    
    height:90px;
    
    }
    
    .checkout-title h3{
    
    font-size:28px;
    
    }
    
    }
    
    @media(max-width:576px){
    
    .checkout-box{
    
    padding:20px;
    
    }
    
    .checkout-title h3{
    
    font-size:25px;
    
    }
    
    .payment-right{
    
    margin-left:0;
    
    flex-wrap:wrap;
    
    }
    
    .summary-product{
    
    gap:12px;
    
    }
    
    .summary-image img{
    
    width:65px;
    
    height:80px;
    
    }
    
    .summary-details h5{
    
    font-size:15px;
    
    }
    
    .place-order-btn{
    
    padding:16px;
    
    font-size:15px;
    
    }
    
    }
 
/* MOBILE */

@media(max-width:991px){

    .checkout-section{

        padding:100px 0 50px;
    }

    .checkout-box,
    .order-summary{

        padding:25px;
    }

    .checkout-header h1{

        font-size:2.2rem;
    }

    .summary-product{

        align-items:flex-start;
    }

    .summary-image img{

        width:75px;

        height:95px;
    }
}

 /* =========================
   PREMIUM FOOTER
========================= */

.footer{

    background: #050505;

    padding: 90px 0 30px;

    border-top: 1px solid rgba(255,255,255,0.08);
}

/* LOGO */
.footer-logo{

    width: 220px;

    object-fit: contain;

    margin-bottom: 10px;
}

/* BRAND TEXT */
.footer-brand-text{

    color: rgba(255,255,255,0.7);

    line-height: 1.9;

    font-size: 15px;

    margin-bottom: 30px;
}

/* TITLES */
.footer-title{

    color: #fff;

    margin-bottom: 25px;

    font-size: 20px;

    font-weight: 600;
}

/* LINKS */
.footer-links{

    list-style: none;

    padding: 0;
}

.footer-links li{

    margin-bottom: 14px;
}

.footer-links a{

    text-decoration: none;

    color: rgba(255,255,255,0.7);

    transition: 0.3s ease;

    font-size: 15px;
}

.footer-links a:hover{

    color: #c8a96b;

    padding-left: 5px;
}

/* CONTACT */
.footer-contact p{

    color: rgba(255,255,255,0.7);

    margin-bottom: 18px;

    display: flex;

    align-items: center;

    gap: 12px;
}

.footer-contact i{

    color: #c8a96b;
}

/* SOCIALS */
.social-icons{

    display: flex;

    gap: 15px;

    margin-top: 25px;
}

.social-icons a{

    width: 42px;

    height: 42px;

    border-radius: 50%;

    background: rgba(255,255,255,0.06);

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    transition: 0.3s ease;

    text-decoration: none;
}

.social-icons a:hover{

    background: #c8a96b;

    color: #000;

    transform: translateY(-4px);
}

/* NEWSLETTER */
.footer-newsletter{

    display: flex;

    margin-top: 20px;

    overflow: hidden;

    border-radius: 50px;

    border: 1px solid rgba(255,255,255,0.08);
}

.footer-newsletter input{

    flex: 1;

    border: none;

    background: rgba(255,255,255,0.04);

    padding: 14px 18px;

    color: #fff;

    outline: none;
}

.footer-newsletter button{

    border: none;

    background: #c8a96b;

    color: #000;

    padding: 0 22px;

    font-weight: 600;

    transition: 0.3s ease;
}

.footer-newsletter button:hover{

    background: #fff;
}

/* LINE */
.footer-line{

    border-color: rgba(255,255,255,0.08);

    margin: 50px 0 25px;
}

/* BOTTOM */
.footer-bottom-wrapper{

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    gap: 20px;
}

.footer-copy{

    color: rgba(255,255,255,0.6);

    margin: 0;
}

/* PAYMENT */
.payment-icons{

    display: flex;

    gap: 15px;
}

.payment-icons i{

    color: #c8a96b;

    font-size: 22px;
}

/* MOBILE */
@media(max-width:768px){

    .footer{

        text-align: center;
    }

    .social-icons,
    .payment-icons,
    .footer-bottom-wrapper{

        justify-content: center;
    }

    .footer-contact p{

        justify-content: center;
    }

}
/* =========================
   ANIMATIONS
========================= */
@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes pulse{
    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.1);
    }

    100%{
        transform:scale(1);
    }
}

/* =========================
   RESPONSIVE DESIGN
========================= */
@media(max-width:992px){

    .carousel-caption h1{
        font-size:3.5rem;
    }

    .about-title{
        font-size:2.5rem;
    }
}

@media(max-width:768px){

    .carousel-caption{
        bottom:18%;
    }

    .carousel-caption h1{
        font-size:2.3rem;
    }

    .hero-btn{
        padding:13px 28px;
    }

    .section-header h2{
        font-size:2.3rem;
    }

    .about-title{
        font-size:2rem;
    }

    .newsletter-section h2{
        font-size:2rem;
    }

    .logo{
        width:55px;
        height:55px;
    }

    .brand-text{
        font-size:1.3rem;
    }
}

/* MAIN IMAGE CONTAINER */
.main-image {
    width: 100%;
    max-width: 500px;   /* controls size */
    height: 500px;      /* keeps it consistent */
    margin: auto;
    border-radius: 12px;
    overflow: hidden;
}

/* MAIN IMAGE */
.main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* keeps proportions nice */
}

.thumbnail-wrapper {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.thumbnail {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s;
}

.thumbnail:hover {
    opacity: 1;
    transform: scale(1.05);
}

.mobile-buy-now{

    display:none;
}
@media(max-width:768px){

    .product-icons{

        position:absolute;

        top:50%;

        right:15px;

        transform:translateY(-50%);

        display:flex;

        flex-direction:column;

        gap:25px;

        opacity:1;
    }

    .mobile-action{

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;
    }

    .mobile-action i{

        width:55px;

        height:55px;

        border-radius:50%;

        background:rgba(255,255,255,.25);

        backdrop-filter:blur(10px);

        color:white;

        display:flex;

        align-items:center;

        justify-content:center;

        font-size:24px;
    }

     
}
/* HIDE LABELS ON DESKTOP */

.mobile-action span{

    display:none;
}

/* MOBILE ONLY */

@media(max-width:768px){

    .mobile-action{

        display:flex;

        flex-direction:column;

        align-items:center;

        gap:4px;
    }

    .mobile-action span{

        display:block;

        color:#fff;

        font-size:13px;

        font-weight:500;
    }

    .product-card{

        position:relative;
    
        overflow:hidden;
    
        border-radius:0px;
    
        background:#fff;
    }
    
    .product-image{
    
        position:relative;
        overflow: hidden;
        border-radius: 0px;
    }
    
    .product-image img{
    
        width:100%;
    
        height:550px;
    
        object-fit:cover;
    
        display:block;
    }
    
    /* FLOATING ICONS */
    
    .product-icons{
    
        position:absolute;
    
        top:50%;
    
        right:15px;
    
        transform:translateY(-50%);
    
        display:flex;
    
        flex-direction:column;
    
        gap:15px;
    
        z-index:5;
    }
    
    .product-icons i{
    
        width:50px;
    
        height:50px;
    
        background:rgba(255,255,255,.85);
    
        border-radius:50%;
    
        display:flex;
    
        align-items:center;
    
        justify-content:center;
    
        font-size:20px;
    
        cursor:pointer;
    
        transition:.3s;
    }
    
    .product-icons i:hover{
    
        background:#c9a46c;
    
        color:white;
    }
      

    /* PRODUCT INFO ON IMAGE */
    
    .product-content{
    
        position:absolute;
    
        bottom:0;
    
        left:0;
    
        width:100%;
    
        padding:25px;
    
        background:linear-gradient(
            to top,
            rgba(0,0,0,.85),
            transparent
        );
    
        color:white;
    }
    
    .product-content h5{
    
        font-size:1.4rem;
    
        margin-bottom:5px;
    }
    
    .product-content p{
    
        font-size:1.2rem;
    
        font-weight:600;
    
        margin-bottom:0;
    }
    
    .product-content .add-to-cart{
    
        margin-top:15px;
    
        background:#c9a46c;
    
        border:none;
    
        padding:10px 20px;
    
        border-radius:30px;
    
        color:black;
    
        font-weight:600;
    }
 

}

.lookbook-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:20px;

    padding:14px 32px;

    background:#c9a46c;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    letter-spacing:1px;

    transition:all .4s ease;

    box-shadow:0 10px 25px rgba(201,164,108,.25);
}

.lookbook-btn:hover{

    background:#b89055;

    color:#fff;

    transform:translateY(-3px);
}

.lookbook-btn i{

    transition:.3s ease;
}

.lookbook-btn:hover i{

    transform:translateX(5px);
}
/* =========================
   ABOUT HERO
========================= */

.about-hero{

    height:80vh;

    background:url("KA img/KA img32.jpeg")
    center/cover;

    position:relative;

    display:flex;

    align-items:center;
}

.about-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.45);
}

.about-hero-content{

    position:relative;

    z-index:2;

    color:white;

    max-width:700px;
}

.about-mini-title{

    color:#c9a46c;

    letter-spacing:4px;

    text-transform:uppercase;
}

.about-hero h1{

    font-size:4rem;

    margin-bottom:20px;
}

/* =========================
   STORY
========================= */

.about-story{

    padding:100px 0;

    background:#f8f2eb;
}

.about-image{

    width:100%;
}

/* =========================
   VALUES
========================= */

.about-values{

    padding:100px 0;
}

.value-card{

    background:white;

    padding:40px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    height:100%;
}

.value-card i{

    font-size:40px;

    color:#c9a46c;
}
 /* WISHLIST NAV ICON */

.wishlist-icon{

    color:white;

    text-decoration:none;

    font-size:27px;

    transition:.3s ease;
}

.wishlist-icon:hover{

    color:#c9a46c;

    transform:translateY(-2px);
}

.wishlist-actions{

    display:flex;
    gap:10px;
    margin-top:15px;

}

.remove-wishlist-btn{

    background:transparent;
    border:1px solid #c9a46c;
    color:#c9a46c;
    padding:10px 15px;
    cursor:pointer;
    transition:.3s;
    font-size:14px;

}

.remove-wishlist-btn:hover{

    background:#c9a46c;
    color:#fff;

}

.active-heart{

    color:#c9a46c !important;

    animation:heartPop .3s ease;

}

@keyframes heartPop{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.3);
    }

    100%{
        transform:scale(1);
    }

}
/* =========================
   CTA
========================= */

.about-cta{

    padding:100px 0;

    background:#070707;

    color:white;
}

.about-btn{

    display:inline-block;

    padding:14px 35px;

    background:#c9a46c;

    color:white;

    text-decoration:none;

    border-radius:50px;

    margin-top:20px;
}

/* =========================
   SEARCH RESULTS
========================= */

#search-results,
#mobile-search-results{

    position:absolute;

    width:100%;

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

    z-index:9999;

    display:none;
}

.search-item{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px;

    cursor:pointer;

    transition:.3s;
}

.search-item:hover{

    background:#f8f8f8;
}

.search-item img{

    width:60px;

    height:60px;

    object-fit:cover;

    border-radius:10px;
}

.search-info h5{

    margin:0;

    font-size:14px;

    color:#111;
}

.search-info p{

    margin:0;

    color:#c9a46c;

    font-weight:600;
}
@media(max-width:991px){

    .mobile-search-overlay{
    
        position:fixed;
    
        inset:0;
    
        background:#070707;
    
        z-index:999999;
    
        overflow-y:auto;
    
        padding:20px;
    }
    
    .mobile-search-header{
    
        display:flex;
    
        align-items:center;
    
        gap:15px;
    
        margin-bottom:30px;
    }
    
    .mobile-search-bar{
    
        flex:1;
    
        display:flex;
    
        align-items:center;
    
        gap:10px;
    
        background:#111;
    
        border:2px solid rgba(201,164,108,.5);
    
        border-radius:18px;
    
        padding:14px;
    }
    
    .mobile-search-bar input{
    
        width:100%;
    
        border:none;
    
        background:none;
    
        outline:none;
    
        color:white;
    }
    
    .mobile-search-bar i,
    #closeSearch{
    
        color:#111;
    
        font-size:20px;

        cursor: pointer;
    }
    
    .search-section{
    
        margin-bottom:30px;
    }
    
    .search-heading{
    
        display:flex;
    
        justify-content:space-between;
    
        color:white;
    }
    
    .popular-tags{
    
        display:flex;
    
        flex-wrap:wrap;
    
        gap:10px;
    
        margin-top:15px;
    }
    
    .popular-tags span,
    .search-tag{
    
        border:1px solid #444;
    
        color:white;
    
        padding:8px 14px;
    
        border-radius:25px;
    
        font-size:13px;
    }
    
    }

    /* =========================
   AUTH SECTION
========================= */

.auth-section{

    min-height:100vh;

    background:url("KA img/KA img 32.jpeg")
    center/cover no-repeat;

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:80px 20px;
}

.auth-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.55);
}

/* CARD */

.auth-card{

    position:relative;

    z-index:2;

    max-width:600px;

    margin:auto;

    background:rgba(255,255,255,.96);

    backdrop-filter:blur(10px);

    padding:50px;

    border-radius:25px;

    box-shadow:0 20px 50px rgba(0,0,0,.2);
}

/* HEADER */

.auth-header{

    text-align:center;

    margin-bottom:35px;
}

.auth-logo{

    font-family:'Cormorant Garamond', serif;

    font-size:3rem;

    font-weight:700;

    color:#111;

    margin-bottom:10px;

    letter-spacing:2px;
}

.auth-header p{

    color:#777;

    margin:0;
}

/* INPUTS */

.auth-card input{

    width:100%;

    padding:16px 20px;

    border:1px solid #e5d8c8;

    border-radius:12px;

    margin-bottom:18px;

    background:#faf7f2;

    outline:none;

    transition:.3s;
}

.auth-card input:focus{

    border-color:#c9a46c;

    background:#fff;
}

/* BUTTON */

.auth-btn{

    width:100%;

    border:none;

    padding:16px;

    border-radius:50px;

    background:#c9a46c;

    color:white;

    font-weight:600;

    letter-spacing:1px;

    transition:.4s ease;
}

.auth-btn:hover{

    background:#111;

    transform:translateY(-2px);
}

/* FOOTER */

.auth-footer{

    text-align:center;

    margin-top:25px;

    color:#666;
}

.auth-footer a{

    color:#c9a46c;

    text-decoration:none;

    font-weight:600;
}

.auth-footer a:hover{

    color:#111;
}

/* MOBILE */

@media(max-width:768px){

    .auth-card{

        padding:35px 25px;
    }

    .auth-logo{

        font-size:2.2rem;
    }
}

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

.account-section{

    background:#f8f7f5;

    min-height:100vh;

    padding:120px 20px 60px;

}

.account-container{

    max-width:650px;

}

.account-top{

    text-align:center;

    margin-bottom:45px;

}

.account-avatar{

    width:110px;

    height:110px;

    background:#111;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:55px;

    margin:auto;

    margin-bottom:25px;

}

.account-top h2{

    font-family:"Cormorant Garamond",serif;

    font-size:42px;

    margin-bottom:10px;

}

.account-email{

    color:#888;

}

.account-subtitle{

    color:#777;

    margin-top:12px;

}

.account-item{

    background:#fff;

    border-radius:18px;

    padding:22px;

    margin-bottom:18px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    text-decoration:none;

    color:#222;

    transition:.3s;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

}

.account-item:hover{

    transform:translateY(-4px);

    color:#b88944;

}

.account-item>i:first-child{

    font-size:28px;

    width:50px;

}

.account-item h5{

    margin:0;

    font-weight:600;

}

.account-item span{

    color:#888;

    font-size:14px;

}

.logout-btn{

    width:100%;

    margin-top:30px;

    border:none;

    background:#111;

    color:#fff;

    padding:18px;

    border-radius:40px;

    font-weight:600;

    transition:.3s;

}

.logout-btn:hover{

    background:#b88944;

}

/* MOBILE */

@media(max-width:768px){

    .account-section{

        padding:120px 0 60px;
    }

    .account-avatar{

        font-size:70px;
    }

    .account-header h1{

        font-size:2.2rem;
    }

    .account-card{

        padding:30px 20px;
    }

}

.active-size{
    background:#c9a46c;
    color:white;
}

.active-color{
    border:3px solid black;
    transform:scale(1.15);
}

.custom-alert{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.5);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:9999;

}

.custom-alert-box{

    background:white;

    width:90%;
    max-width:400px;

    padding:30px;

    border-radius:20px;

    text-align:center;

    animation:popup .3s ease;

}

.custom-alert-box h4{

    color:#c9a46c;

    margin-bottom:10px;

}

.custom-alert-box button{

    background:#c9a46c;

    color:white;

    border:none;

    padding:12px 30px;

    border-radius:30px;

    margin-top:15px;

}

@keyframes popup{

    from{

        transform:scale(.8);
        opacity:0;

    }

    to{

        transform:scale(1);
        opacity:1;

    }

}
/* MOBILE SEARCH TEXT FIX */

.mobile-search-overlay{

    background:#fff;
    color:#111;

}

.mobile-search-overlay h6{

    color:#111 !important;
    font-weight:700;
    margin-bottom:15px;

}

.mobile-search-overlay span{

    color:#111;

}

.search-heading span{

    color:#111 !important;
    font-weight:600;

}

#clearRecent{

    color:#c9a46c;
    background:none;
    border:none;

}

.popular-search{

    color:#111 !important;
    background:#f5f5f5;
    padding:8px 15px;
    border-radius:30px;
    cursor:pointer;

}

.search-tag{

    color:#111 !important;
    background:#f5f5f5;
    padding:8px 15px;
    border-radius:30px;

}

.empty-search{

    color:#777 !important;

}

.search-info h5{

    color:#111 !important;

}

.search-info p{

    color:#777 !important;

} 
.orders-section{

    padding:120px 20px 60px;
    
    background:#f8f7f5;
    
    min-height:100vh;
    
    }
    
    .orders-header{
    
    text-align:center;
    
    margin-bottom:45px;
    
    }
    
    .orders-header h1{
    
    font-size:45px;
    
    font-family:"Cormorant Garamond",serif;
    
    }
    
    .back-btn{
    
    display:inline-block;
    
    margin-bottom:25px;
    
    text-decoration:none;
    
    color:#111;
    
    font-weight:600;
    
    }
    
    .empty-orders{
    
    background:white;
    
    padding:70px 40px;
    
    border-radius:22px;
    
    text-align:center;
    
    box-shadow:0 15px 35px rgba(0,0,0,.05);
    
    }
    
    .empty-orders i{
    
    font-size:75px;
    
    color:#b88944;
    
    margin-bottom:25px;
    
    }
    
    .shop-btn{
    
    display:inline-block;
    
    margin-top:25px;
    
    background:#111;
    
    color:white;
    
    padding:14px 35px;
    
    border-radius:35px;
    
    text-decoration:none;
    
    }
    
    .shop-btn:hover{
    
    background:#b88944;
    
    color:white;
    
    }
    
    .order-card{
    
    background:white;
    
    border-radius:18px;
    
    padding:25px;
    
    margin-bottom:20px;
    
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    
    }
    
    .order-top{
    
    display:flex;
    
    justify-content:space-between;
    
    align-items:center;
    
    margin-bottom:15px;
    
    }
    
    .status{
    
    background:#e8f7ed;
    
    color:#198754;
    
    padding:6px 14px;
    
    border-radius:30px;
    
    font-size:13px;
    
    font-weight:600;
    
    }
    
    .order-total{
    
    font-size:22px;
    
    font-weight:700;
    
    }
    .profile-card{

background:white;

padding:35px;

border-radius:22px;

box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.profile-card label{

font-weight:600;

margin-bottom:8px;

display:block;

color:#444;

}

.profile-card .form-control{

height:55px;

border-radius:12px;

border:1px solid #ddd;

}

.profile-card .form-control:focus{

border-color:#b88944;

box-shadow:none;

}

/* ==========================================
   ADMIN LOGIN
========================================== */

.admin-login-body{

    margin:0;
    padding:0;
    min-height:100vh;

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

    background:url("KA img/admin-bg.jpg") center/cover no-repeat fixed;
    font-family:"Inter",sans-serif;

}

.admin-overlay{

    width:100%;
    min-height:100vh;

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

    background:rgba(0,0,0,.55);

    padding:30px;

}

.admin-login-card{

    width:100%;
    max-width:450px;

    background:#fff;

    border-radius:20px;

    padding:45px;

    box-shadow:0 20px 60px rgba(0,0,0,.25);

}

.admin-logo{

    text-align:center;
    margin-bottom:35px;

}

.admin-logo img{

    width:90px;
    height:90px;

    object-fit:cover;

    border-radius:50%;

    margin-bottom:15px;

}

.admin-logo h2{

    font-family:"Cormorant Garamond",serif;

    font-size:34px;

    margin-bottom:5px;

}

.admin-logo p{

    color:#777;

    letter-spacing:3px;

    text-transform:uppercase;

}

.password-box{

    position:relative;

}

.password-box i{

    position:absolute;

    right:18px;

    top:50%;

    transform:translateY(-50%);

    cursor:pointer;

    color:#888;

}

.admin-login-btn{

    width:100%;

    padding:15px;

    border:none;

    border-radius:10px;

    background:#000;

    color:#fff;

    font-size:16px;

    transition:.3s;

}

.admin-login-btn:hover{

    background:#222;

}

.login-error{

    margin-top:15px;

    text-align:center;

    color:#dc3545;

    font-weight:600;

}
/* ==========================================
   ADMIN DASHBOARD
========================================== */

.admin-body{

    margin:0;
    background:#f7f7f7;
    font-family:"Inter",sans-serif;

}

.admin-wrapper{

    display:flex;
    min-height:100vh;

}

.admin-sidebar{

    width:270px;
    background:#111;
    color:#fff;
    padding:35px 25px;

}

.admin-brand{

    text-align:center;
    margin-bottom:50px;

}

.admin-brand img{

    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:15px;

}

.admin-brand h3{

    font-family:"Cormorant Garamond",serif;
    margin-bottom:5px;

}

.admin-brand p{

    color:#bbb;

}

.admin-menu{

    list-style:none;
    padding:0;

}

.admin-menu li{

    padding:15px;
    margin-bottom:12px;
    border-radius:10px;
    cursor:pointer;
    transition:.3s;

}

.admin-menu li:hover,
.admin-menu .active{

    background:#d4af37;
    color:#111;

}

.admin-menu i{

    margin-right:12px;

}

.admin-main{

    flex:1;
    padding:40px;

}

.admin-header{

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

}

.admin-user{

    font-size:40px;

}

.dashboard-card{

    background:#fff;
    border-radius:18px;
    padding:30px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.dashboard-card i{

    font-size:40px;
    color:#d4af37;
    margin-bottom:15px;

}

.dashboard-card h3{

    font-size:32px;
    font-weight:700;

}

.admin-section{

    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.quick-actions{

    display:flex;
    gap:15px;
    flex-wrap:wrap;

}   

/* ======================================
   QUICK SHOP MODAL
====================================== */

#quickShopModal .modal-dialog{

    max-width:950px;

}

#quickShopModal .modal-content{

    border:none;

    border-radius:22px;

    overflow:hidden;

    background:#fff;

    height:85vh;

    max-height:760px;

    box-shadow:0 20px 60px rgba(0,0,0,.18);

}

#quickShopModal .modal-header{

    border:none;

    padding:18px 25px;

    background:#fff;

}

#quickShopModal .modal-body{

    padding:0;

    overflow:hidden;

}

.quick-shop-wrapper{

    display:flex;

    height:100%;

}

.quick-left{

    width:48%;

    background:#f8f8f8;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

}

.quick-image-box{

    width:100%;

}

#quickProductImage{

    width:100%;

    height:500px;

    object-fit:cover;

    border-radius:18px;

}

.quick-right{

    width:52%;

    padding:28px;

    overflow-y:auto;

}

#quickProductName{

    font-size:30px;

    font-weight:700;

    margin-bottom:5px;

}

.quick-price{

    color:#C8A05D;

    font-size:26px;

    font-weight:700;

    margin-bottom:18px;

}

.quick-title{

    font-weight:700;

    margin-bottom:8px;

}

.quick-description{

    color:#666;

    line-height:1.7;

    margin-bottom:22px;

}

.quick-option{

    margin-bottom:20px;

}

.quick-option label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

}


/* =====================
   Quantity
===================== */

.quick-qty{

    display:flex;

    align-items:center;

    gap:14px;

}

.quick-qty button{

    width:40px;

    height:40px;

    border:none;

    border-radius:50%;

    background:#f3f3f3;

    font-size:24px;

    font-weight:500;

    cursor:pointer;

    transition:.25s;

}

.quick-qty button:hover{

    background:#C8A05D;

    color:#fff;

    transform:scale(1.08);

}

#quickQty{

    width:32px;

    text-align:center;

    font-size:18px;

    font-weight:700;

}


/* =====================
   Buttons
===================== */

.quick-buttons{

    display:flex;

    gap:12px;

    margin-top:25px;

}

#quickAddCart{

    flex:1;

    height:48px;

    border:1px solid #111;

    background:#fff;

    border-radius:12px;

    font-weight:600;

    transition:.3s;

}

#quickAddCart:hover{

    background:#111;

    color:#fff;

}

#quickBuyNow{

    flex:1;

    height:48px;

    border:none;

    background:#C8A05D;

    color:#fff;

    border-radius:12px;

    font-weight:600;

    transition:.3s;

}

#quickBuyNow:hover{

    background:#B58C48;

}


/* =====================
   View Details
===================== */

.quick-footer{

    margin-top:20px;

}

#quickViewDetails{

    color:#111;

    font-weight:600;

    text-decoration:none;

}

#quickViewDetails:hover{

    color:#C8A05D;

}


/* =====================
   Responsive
===================== */

@media(max-width:992px){

    #quickShopModal .modal-content{

        height:auto;

        max-height:90vh;

    }

    .quick-shop-wrapper{

        flex-direction:column;

    }

    .quick-left,

    .quick-right{

        width:100%;

    }

    #quickProductImage{

        height:380px;

    }

}

.quick-message{

    position:fixed;

    top:30px;

    left:50%;

    transform:translateX(-50%) translateY(-20px);

    background:#111;

    color:#fff;

    padding:16px 26px;

    border-radius:14px;

    display:flex;

    align-items:center;

    gap:10px;

    z-index:999999;

    opacity:0;

    transition:.3s;

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}

.quick-message i{

    color:#C8A05D;

    font-size:20px;

}

.quick-message.show{

    opacity:1;

    transform:translateX(-50%) translateY(0);

}


/* ======================================
   PRODUCTS HEADLINE
====================================== */
.category-heading{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    margin-bottom:10px;

}

.category-heading h3{

    font-size:1.5rem;

    font-weight:600;

    color:#16213E;

    margin:0;

    letter-spacing:.5px;

}

.category-line{

    width:70px;

    height:2px;

    background:#c8a165;

    margin-top:8px;

    border-radius:10px;

}