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

html{
    scroll-behavior:smooth;
}

:root{
    --black:#090909;
    --black-soft:#141414;
    --charcoal:#1a1815;

    --gold:#b78d49;
    --gold-light:#d8b875;

    --ivory:#f7f2e9;
    --cream:#eee5d7;
    --white:#ffffff;

    --text:#171717;
    --muted:#746e66;

    --border:rgba(183,141,73,.20);
}

body{
    font-family:Arial, Helvetica, sans-serif;
    background:var(--ivory);
    color:var(--text);
    overflow-x:hidden;
}

a{
    transition:.25s ease;
}

button{
    font:inherit;
}


/* =====================================================
   ANNOUNCEMENT
===================================================== */

.announcement-bar{
    background:#080808;
    color:#e2c98f;
    min-height:36px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.announcement-track{
    width:100%;
    padding:9px 25px;

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

    gap:50px;

    white-space:nowrap;

    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
}


/* =====================================================
   HEADER
===================================================== */

.main-header{
    min-height:82px;

    padding:0 5%;

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

    position:sticky;
    top:0;

    z-index:1000;

    background:rgba(248,243,234,.95);

    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(0,0,0,.06);
}

.brand{
    color:#111;
    text-decoration:none;
}

.brand strong{
    display:block;

    font-family:Georgia, "Times New Roman", serif;

    font-size:24px;
    font-weight:400;
    letter-spacing:3px;
}

.brand small{
    display:block;

    margin-top:4px;

    color:var(--gold);

    font-size:7px;
    font-weight:900;
    letter-spacing:4px;
}

.desktop-nav{
    display:flex;
    gap:32px;
    align-items:center;
}

.desktop-nav a{
    color:#2c2925;

    text-decoration:none;

    font-size:11px;
    font-weight:700;
}

.desktop-nav a:hover{
    color:var(--gold);
}

.header-actions{
    display:flex;
    gap:5px;
}

.header-icon{
    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    border:0;
    border-radius:50%;

    background:transparent;

    cursor:pointer;

    font-size:17px;
}

.header-icon:hover{
    background:#fff;
}

.cart-button{
    position:relative;
}

.cart-count{
    position:absolute;

    right:-1px;
    top:-2px;

    width:16px;
    height:16px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#111;
    color:#fff;

    font-size:8px;
}


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

.hero-slider{
    height:650px;

    position:relative;

    overflow:hidden;

    background:#ded0bb;
}

.hero-slide{
    position:absolute;
    inset:0;

    display:grid;

    grid-template-columns:1.2fr .8fr;

    opacity:0;
    visibility:hidden;

    transform:translateX(35px);

    transition:
        opacity .65s ease,
        transform .65s ease,
        visibility .65s ease;
}

.hero-slide.active{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

.hero-media{
    width:100%;
    height:650px;

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

    background:
        radial-gradient(
            circle at center,
            #f4ecdf,
            #d8cab5
        );

    overflow:hidden;
}

.hero-media img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    display:block;
}

.hero-content{
    padding:clamp(45px,6vw,90px);

    display:flex;
    flex-direction:column;
    justify-content:center;

    color:#fff;

    background:
        radial-gradient(
            circle at top right,
            #30271c,
            #171512 55%,
            #0b0b0a
        );
}

.hero-eyebrow{
    color:var(--gold-light);

    font-size:9px;
    font-weight:900;
    letter-spacing:4px;

    margin-bottom:18px;
}

.hero-content h1{
    font-family:Georgia, "Times New Roman", serif;

    font-size:clamp(48px,5vw,78px);

    font-weight:400;
    line-height:1;
}

.hero-content h1 em{
    display:block;
    color:var(--gold-light);
    font-weight:400;
}

.hero-content p{
    margin-top:22px;

    max-width:500px;

    color:#bfb7aa;

    font-size:13px;
    line-height:1.8;
}

.hero-buttons{
    margin-top:28px;

    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.luxury-button,
.luxury-button-outline{
    min-height:46px;

    padding:0 22px;

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

    text-decoration:none;

    border-radius:3px;

    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.luxury-button{
    background:
        linear-gradient(
            135deg,
            #a97d3b,
            #d7b773
        );

    color:#111;
}

.luxury-button-outline{
    color:#e9d8b6;

    border:1px solid rgba(216,184,117,.45);
}

.slider-arrow{
    position:absolute;

    top:50%;

    transform:translateY(-50%);

    z-index:20;

    width:45px;
    height:45px;

    border:1px solid rgba(255,255,255,.25);

    border-radius:50%;

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

    color:#fff;

    cursor:pointer;

    font-size:26px;
}

.slider-prev{
    left:18px;
}

.slider-next{
    right:18px;
}

.slider-dots{
    position:absolute;

    left:50%;
    bottom:20px;

    transform:translateX(-50%);

    z-index:20;

    display:flex;
    gap:7px;
}

.slider-dot{
    width:8px;
    height:8px;

    border:0;
    border-radius:50%;

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

    cursor:pointer;
}

.slider-dot.active{
    width:28px;
    border-radius:30px;
    background:var(--gold-light);
}


/* =====================================================
   INTRO
===================================================== */

.luxury-intro{
    padding:80px 20px 45px;

    text-align:center;

    background:var(--ivory);
}

.luxury-intro > span{
    display:block;

    color:var(--gold);

    font-size:8px;
    font-weight:900;
    letter-spacing:4px;

    margin-bottom:14px;
}

.luxury-intro h2{
    font-family:Georgia, "Times New Roman", serif;

    font-size:clamp(34px,4vw,50px);

    font-weight:400;
}

.luxury-intro h2 em{
    color:var(--gold);
    font-weight:400;
}

.luxury-intro p{
    max-width:590px;

    margin:16px auto 0;

    color:#766e64;

    line-height:1.8;

    font-size:13px;
}


/* =====================================================
   SECTION HEADER
===================================================== */

.section-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:20px;

    margin-bottom:30px;
}

.section-kicker{
    display:block;

    color:var(--gold);

    font-size:8px;
    font-weight:900;
    letter-spacing:3px;

    margin-bottom:8px;
}

.section-header h2{
    font-family:Georgia, "Times New Roman", serif;

    font-size:clamp(30px,4vw,45px);

    font-weight:400;
}

.section-header > a{
    color:#26231f;

    text-decoration:none;

    font-size:10px;
    font-weight:800;

    border-bottom:1px solid var(--gold);

    padding-bottom:3px;
}


/* =====================================================
   CATEGORIES
===================================================== */

.category-section{
    padding:30px 5% 70px;

    background:var(--ivory);
}

.category-grid{
    display:grid;

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

    gap:20px;
}

.category-card{
    text-align:center;

    color:#111;

    text-decoration:none;
}

.category-image{
    width:100%;

    aspect-ratio:1/1;

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

    overflow:hidden;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #f5ecdd,
            #dfd0b9
        );

    border:1px solid var(--border);

    transition:.3s ease;
}

.category-image img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}

.category-card:hover .category-image{
    transform:translateY(-5px);

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

.category-card h3{
    margin-top:12px;

    font-family:Georgia, "Times New Roman", serif;

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

.category-card > span{
    display:block;

    margin-top:5px;

    color:#987847;

    font-size:8px;
}


/* =====================================================
   PROMOS
===================================================== */

.promo-section{
    padding:0 5% 80px;

    display:grid;

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

    gap:20px;

    background:var(--ivory);
}

.promo-card{
    min-height:330px;

    position:relative;

    overflow:hidden;

    border-radius:15px;

    background:#111;

    border:1px solid var(--border);

    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.promo-media{
    position:absolute;
    inset:0;

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

    background:#211e18;
}

.promo-media img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}

.promo-gradient{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.9),
            rgba(0,0,0,.55),
            rgba(0,0,0,.12)
        );
}

.promo-content{
    min-height:330px;

    position:relative;

    z-index:2;

    padding:30px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

    color:#fff;
}

.promo-content > span{
    color:var(--gold-light);

    font-size:8px;
    font-weight:900;
    letter-spacing:3px;
}

.promo-content h3{
    margin-top:10px;

    font-family:Georgia, "Times New Roman", serif;

    font-size:38px;
    font-weight:400;
    line-height:1;
}

.promo-content h3 em{
    display:block;
    color:var(--gold-light);
    font-weight:400;
}

.promo-content p{
    margin-top:11px;

    color:#bfb8ad;

    font-size:11px;
}

.promo-content a{
    margin-top:20px;

    color:#ead8b5;

    text-decoration:none;

    font-size:9px;
    font-weight:900;

    border-bottom:1px solid var(--gold);
}


/* =====================================================
   PRODUCTS - 8 CARDS
===================================================== */

.products-section{
    padding:70px 5% 85px;

    background:#fffaf3;
}

.product-grid{
    display:grid;

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

    gap:20px;
}

.product-card{
    overflow:hidden;

    border-radius:12px;

    background:#fff;

    border:1px solid rgba(0,0,0,.06);

    box-shadow:0 8px 25px rgba(0,0,0,.05);

    transition:.3s ease;
}

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

    box-shadow:0 20px 45px rgba(0,0,0,.1);
}

.product-media{
    position:relative;

    width:100%;

    aspect-ratio:1/1.08;

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

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #f4eadb,
            #e7dac7
        );
}

.product-media img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    padding:7px;
}

.sale-badge,
.new-badge{
    position:absolute;

    left:11px;
    top:11px;

    z-index:4;

    padding:5px 8px;

    border-radius:3px;

    font-size:7px;
    font-weight:900;
    letter-spacing:1px;
}

.sale-badge{
    background:#111;
    color:#e4c681;
}

.new-badge{
    background:var(--gold);
    color:#111;
}

.wishlist-btn{
    position:absolute;

    top:10px;
    right:10px;

    z-index:4;

    width:34px;
    height:34px;

    border:1px solid rgba(0,0,0,.08);

    border-radius:50%;

    background:#fff;

    cursor:pointer;

    font-size:18px;
}

.quick-view{
    position:absolute;

    left:10px;
    right:10px;
    bottom:10px;

    min-height:37px;

    transform:translateY(50px);

    opacity:0;

    border:0;

    background:rgba(10,10,10,.92);

    color:#fff;

    border-radius:4px;

    cursor:pointer;

    font-size:8px;
    font-weight:900;

    transition:.25s;
}

.product-card:hover .quick-view{
    transform:translateY(0);
    opacity:1;
}

.product-info{
    padding:17px;
}

.product-category{
    display:block;

    color:#9f7b43;

    font-size:7px;
    font-weight:900;
    letter-spacing:1.6px;

    margin-bottom:6px;
}

.product-info h3{
    font-family:Georgia, "Times New Roman", serif;

    font-size:16px;
    font-weight:400;

    margin-bottom:8px;
}

.product-rating{
    color:#d19a38;

    font-size:10px;

    margin-bottom:10px;
}

.product-rating span{
    color:#999;
}

.product-price{
    display:flex;
    align-items:center;

    gap:8px;

    margin-bottom:14px;
}

.product-price strong{
    font-size:13px;
}

.product-price del{
    color:#999;
    font-size:10px;
}

.add-cart-btn{
    width:100%;

    min-height:40px;

    border:0;

    border-radius:4px;

    background:#111;

    color:#fff;

    cursor:pointer;

    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.add-cart-btn:hover{
    background:var(--gold);
    color:#111;
}


/* =====================================================
   FEATURED PRODUCT - VIDEO STYLE
===================================================== */

.video-feature-product{
    width:min(1180px,90%);

    margin:90px auto;

    display:grid;

    grid-template-columns:1.08fr .92fr;

    background:#fff;

    border-radius:8px;

    overflow:hidden;

    box-shadow:0 12px 45px rgba(0,0,0,.08);
}

.video-feature-image{
    min-height:520px;

    position:relative;

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

    background:#f4eee5;

    overflow:hidden;
}

.video-feature-image img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}

.feature-delivery{
    position:absolute;

    top:18px;
    left:18px;

    z-index:3;

    background:#111;
    color:#fff;

    padding:7px 10px;

    border-radius:3px;

    font-size:8px;
    font-weight:900;
}

.video-feature-info{
    padding:55px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    background:#fff;
}

.feature-small{
    color:#d0712f;

    font-size:9px;
    font-weight:900;
    letter-spacing:1.5px;

    margin-bottom:11px;
}

.video-feature-info h2{
    font-family:Georgia, "Times New Roman", serif;

    font-size:clamp(35px,4vw,52px);

    font-weight:400;
    line-height:1.08;
}

.feature-price-row{
    margin-top:18px;

    display:flex;
    align-items:center;
    gap:12px;
}

.feature-price-row del{
    color:#999;
    font-size:13px;
}

.feature-price-row strong{
    font-size:22px;
}

.feature-price-row > span{
    padding:5px 7px;

    background:#d56e45;
    color:#fff;

    border-radius:3px;

    font-size:8px;
    font-weight:900;
}

.video-feature-info > label{
    margin-top:26px;

    font-size:10px;
    font-weight:800;
}

.quantity-box{
    width:110px;

    margin-top:9px;

    display:grid;

    grid-template-columns:35px 40px 35px;

    border:1px solid #ddd;
}

.quantity-box button,
.quantity-box span{
    height:36px;

    display:grid;
    place-items:center;

    border:0;

    background:#fff;
}

.quantity-box button{
    cursor:pointer;
}

.feature-stock{
    margin-top:18px;

    color:#477c4a;

    font-size:10px;
}

.feature-add-cart,
.feature-order-now{
    width:100%;

    min-height:47px;

    margin-top:12px;

    border-radius:4px;

    cursor:pointer;

    font-size:9px;
    font-weight:900;
}

.feature-add-cart{
    border:1px solid #111;

    background:#fff;
    color:#111;
}

.feature-order-now{
    border:0;

    background:#111;
    color:#fff;
}


/* =====================================================
   FEATURED DEALS
===================================================== */

.video-deals-section{
    padding:80px 5%;

    background:#f7f7f7;
}

.video-section-title{
    max-width:1180px;

    margin:0 auto 30px;
}

.video-section-title h2{
    font-family:Georgia, "Times New Roman", serif;

    font-size:clamp(30px,4vw,44px);

    font-weight:400;
}

.video-section-title p{
    margin-top:8px;

    color:#747474;

    font-size:11px;
}

.video-deals-grid{
    max-width:1180px;

    margin:auto;

    display:grid;

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

    gap:18px;
}

.video-deal-card{
    background:#fff;

    padding-bottom:15px;

    border-radius:5px;

    overflow:hidden;

    border:1px solid #ececec;
}

.video-deal-image{
    width:100%;

    aspect-ratio:1/1;

    position:relative;

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

    background:#f1eee9;

    overflow:hidden;
}

.video-deal-image img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}

.video-deal-image > span{
    position:absolute;

    top:9px;
    left:9px;

    z-index:2;

    padding:5px 7px;

    background:#d85844;
    color:#fff;

    font-size:7px;
    font-weight:900;
}

.video-deal-card h3{
    padding:13px 13px 0;

    font-size:12px;
}

.video-deal-card small{
    display:block;

    padding:5px 13px 0;

    color:#999;

    font-size:8px;
}

.video-deal-price{
    padding:9px 13px 0;

    display:flex;
    gap:8px;
}

.video-deal-price del{
    color:#999;

    font-size:9px;
}

.video-deal-price strong{
    color:#111;

    font-size:11px;
}


/* =====================================================
   REVIEWS
===================================================== */

.video-reviews-section{
    padding:90px 5%;

    background:#fff;
}

.center-title{
    text-align:center;
}

.center-title > span{
    display:block;

    color:var(--gold);

    font-size:8px;
    font-weight:900;
    letter-spacing:3px;

    margin-bottom:10px;
}

.video-review-row{
    max-width:1180px;

    margin:auto;

    display:grid;

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

    gap:15px;
}

.video-review-card{
    min-height:210px;

    padding:22px;

    border:1px solid #e9e9e9;

    background:#fff;

    border-radius:5px;

    box-shadow:0 7px 18px rgba(0,0,0,.03);
}

.review-stars{
    color:#d5a13d;

    font-size:11px;

    margin-bottom:14px;
}

.video-review-card p{
    min-height:90px;

    color:#666;

    font-size:11px;
    line-height:1.7;
}

.video-review-card strong{
    display:block;

    margin-top:12px;

    font-size:10px;
}

.video-review-card small{
    display:block;

    margin-top:4px;

    color:#999;

    font-size:8px;
}


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

.enhance-section{
    padding:95px 20px;

    text-align:center;

    background:#f7f7f7;
}

.enhance-section > span{
    display:block;

    color:var(--gold);

    font-size:8px;
    font-weight:900;
    letter-spacing:3px;

    margin-bottom:10px;
}

.enhance-section h2{
    font-family:Georgia, "Times New Roman", serif;

    font-size:clamp(36px,4vw,52px);

    font-weight:400;
}

.enhance-section p{
    max-width:590px;

    margin:16px auto 24px;

    color:#777;

    font-size:12px;
    line-height:1.8;
}

.enhance-section a{
    display:inline-flex;

    min-height:43px;

    padding:0 21px;

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

    background:#111;
    color:#fff;

    text-decoration:none;

    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}


/* =====================================================
   PAYMENT STRIP
===================================================== */

.footer-payment-strip{
    padding:20px 5%;

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

    gap:20px;

    flex-wrap:wrap;

    background:#121212;

    color:#fff;

    border-bottom:1px solid rgba(255,255,255,.08);
}

.footer-payment-strip > span{
    color:var(--gold-light);

    font-size:9px;
    font-weight:900;
}

.footer-payment-strip > div{
    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:7px;
}

.footer-payment-strip strong{
    padding:6px 8px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:3px;

    color:#999;

    font-size:7px;
}


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

.video-footer{
    padding:60px 5% 22px;

    background:#080808;
    color:#fff;
}

.video-footer-grid{
    max-width:1180px;

    margin:auto;

    display:grid;

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

    gap:40px;
}

.video-footer-column{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.video-footer-column h3{
    margin-bottom:8px;

    font-size:12px;
    font-weight:700;
}

.video-footer-column a{
    color:#9b9b9b;

    text-decoration:none;

    font-size:10px;
}

.video-footer-column a:hover{
    color:#fff;
}

.video-footer-column p{
    color:#888;

    font-size:10px;
    line-height:1.6;
}

.footer-social{
    max-width:1180px;

    margin:42px auto 0;

    display:flex;
    gap:8px;
}

.footer-social a{
    width:33px;
    height:33px;

    display:grid;
    place-items:center;

    border:1px solid rgba(255,255,255,.12);

    border-radius:50%;

    color:#fff;

    text-decoration:none;
}

.video-footer-bottom{
    max-width:1180px;

    margin:25px auto 0;

    padding-top:18px;

    border-top:1px solid rgba(255,255,255,.08);

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

    gap:20px;
}

.video-footer-bottom p{
    color:#666;

    font-size:8px;
}

.video-footer-bottom > div{
    display:flex;

    flex-wrap:wrap;

    gap:15px;
}

.video-footer-bottom a{
    color:#707070;

    text-decoration:none;

    font-size:8px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1000px){

    .desktop-nav{
        display:none;
    }

    .hero-slider{
        height:760px;
    }

    .hero-slide{
        grid-template-columns:1fr;
        grid-template-rows:400px 360px;
    }

    .hero-media{
        height:400px;
    }

    .category-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .promo-section{
        grid-template-columns:1fr;
    }

    .product-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .video-feature-product{
        grid-template-columns:1fr;
    }

    .video-feature-image{
        min-height:400px;
    }

    .video-deals-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .video-review-row{
        grid-template-columns:repeat(2,1fr);
    }

    .video-footer-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


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

@media(max-width:600px){

    .announcement-track{
        justify-content:flex-start;

        overflow-x:auto;

        gap:30px;
    }

    .main-header{
        min-height:66px;

        padding:0 14px;
    }

    .brand strong{
        font-size:17px;
    }

    .brand small{
        font-size:6px;
    }

    .header-icon{
        width:32px;
        height:32px;
    }

    .hero-slider{
        height:710px;
    }

    .hero-slide{
        grid-template-rows:370px 340px;
    }

    .hero-media{
        height:370px;
    }

    .hero-media img{
        object-fit:contain;
        object-position:center;
    }

    .hero-content{
        padding:28px 21px 42px;
    }

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

    .hero-content p{
        font-size:11px;
    }

    .luxury-button,
    .luxury-button-outline{
        min-height:42px;

        padding:0 15px;

        font-size:7px;
    }

    .slider-arrow{
        width:37px;
        height:37px;
    }

    .slider-prev{
        left:8px;
    }

    .slider-next{
        right:8px;
    }

    .luxury-intro{
        padding:55px 16px 35px;
    }

    .category-section{
        padding:25px 15px 55px;
    }

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

        gap:14px 10px;
    }

    .category-card h3{
        font-size:11px;
    }

    .category-card > span{
        font-size:6px;
    }

    .promo-section{
        padding:0 15px 55px;

        gap:14px;
    }

    .promo-card,
    .promo-content{
        min-height:270px;
    }

    .promo-content{
        padding:23px;
    }

    .products-section{
        padding:55px 15px 65px;
    }

    .product-grid{
        gap:11px;
    }

    .product-info{
        padding:12px;
    }

    .product-info h3{
        font-size:12px;
    }

    .quick-view{
        display:none;
    }

    .video-feature-product{
        width:calc(100% - 30px);

        margin:55px auto;
    }

    .video-feature-image{
        min-height:300px;
    }

    .video-feature-info{
        padding:30px 22px;
    }

    .feature-price-row{
        flex-wrap:wrap;
    }

    .video-deals-section{
        padding:55px 15px;
    }

    .video-deals-grid{
        grid-template-columns:repeat(2,1fr);

        gap:11px;
    }

    .video-review-row{
        grid-template-columns:1fr;
    }

    .video-reviews-section{
        padding:60px 15px;
    }

    .enhance-section{
        padding:65px 16px;
    }

    .footer-payment-strip{
        padding:18px 15px;
    }

    .video-footer{
        padding:50px 16px 22px;
    }

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

        gap:28px;
    }

    .video-footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

}
/* =====================================================
   MOBILE PROFESSIONAL CATEGORY SCROLL
===================================================== */

@media(max-width:600px){

    .category-grid{
        display:flex;
        flex-wrap:nowrap;

        gap:14px;

        overflow-x:auto;
        overflow-y:hidden;

        scroll-snap-type:x mandatory;

        padding:4px 2px 12px;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;
    }

    .category-grid::-webkit-scrollbar{
        display:none;
    }

    .category-card{
        flex:0 0 105px;

        scroll-snap-align:start;
    }

    .category-image{
        width:105px;
        height:105px;

        aspect-ratio:auto;
    }

    .category-card h3{
        font-size:11px;

        white-space:nowrap;

        overflow:hidden;

        text-overflow:ellipsis;
    }

    .category-card > span{
        font-size:6px;
    }

}
/* =====================================================
   MOBILE PROMO SLIDER
===================================================== */

@media(max-width:600px){

    .promo-section{
        display:flex;

        flex-wrap:nowrap;

        gap:14px;

        overflow-x:auto;
        overflow-y:hidden;

        scroll-snap-type:x mandatory;

        padding:
            0
            16px
            60px;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;
    }

    .promo-section::-webkit-scrollbar{
        display:none;
    }

    .promo-card{
        flex:0 0 88%;

        min-height:285px;

        scroll-snap-align:center;

        border-radius:16px;
    }

    .promo-content{
        min-height:285px;
    }

}

/* =====================================================
   PREMIUM SHOP PAGE
===================================================== */

.shop-hero{
    min-height:360px;
    padding:70px 20px;

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

    text-align:center;

    background:
        radial-gradient(
            circle at top,
            #372d20,
            #181512 50%,
            #0b0b0a
        );

    color:#fff;
}

.shop-hero-inner{
    max-width:760px;
}

.shop-hero span{
    display:block;

    margin-bottom:14px;

    color:#d8b875;

    font-size:9px;
    font-weight:900;
    letter-spacing:5px;
}

.shop-hero h1{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(44px,6vw,70px);

    font-weight:400;
    line-height:1;
}

.shop-hero h1 em{
    display:block;
    color:#d8b875;
    font-weight:400;
}

.shop-hero p{
    max-width:600px;
    margin:20px auto 0;

    color:#b6aea2;

    font-size:13px;
    line-height:1.9;
}


/* SHOP CONTROLS */

.shop-controls{
    background:#fff;

    border-bottom:
        1px solid
        rgba(0,0,0,.06);
}

.shop-controls-inner{
    width:min(1280px,90%);

    min-height:92px;

    margin:auto;

    display:grid;

    grid-template-columns:
        auto 1fr auto;

    align-items:center;

    gap:30px;
}

.shop-results span{
    display:block;

    color:#999;

    font-size:9px;
}

.shop-results strong{
    display:block;

    margin-top:4px;

    font-size:12px;
}

.shop-search{
    max-width:520px;
    width:100%;

    margin:auto;

    display:flex;

    border:
        1px solid
        rgba(0,0,0,.10);

    border-radius:5px;

    overflow:hidden;

    background:#fff;
}

.shop-search input{
    flex:1;

    min-width:0;

    border:0;
    outline:none;

    padding:0 15px;

    font-size:11px;
}

.shop-search button{
    min-height:43px;

    padding:0 20px;

    border:0;

    background:#111;
    color:#fff;

    cursor:pointer;

    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.shop-sort select{
    min-height:43px;

    padding:0 35px 0 13px;

    border:
        1px solid
        rgba(0,0,0,.10);

    border-radius:5px;

    background:#fff;

    font-size:10px;
}


/* SHOP BODY */

.shop-layout{
    width:min(1280px,90%);

    margin:auto;

    padding:60px 0 90px;

    display:grid;

    grid-template-columns:
        230px 1fr;

    gap:40px;
}


/* SIDEBAR */

.shop-sidebar{
    align-self:start;

    position:sticky;
    top:110px;

    padding:25px;

    border:
        1px solid
        rgba(0,0,0,.07);

    border-radius:10px;

    background:#fff;

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

.filter-block{
    padding-bottom:23px;

    margin-bottom:23px;

    border-bottom:
        1px solid
        rgba(0,0,0,.07);
}

.filter-block h3{
    margin-bottom:15px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:16px;
    font-weight:400;
}

.filter-block label{
    margin-top:11px;

    display:flex;
    align-items:center;

    gap:8px;

    color:#68625b;

    font-size:10px;

    cursor:pointer;
}

.filter-block input{
    accent-color:#b78d49;
}

.clear-filters{
    width:100%;

    min-height:40px;

    border:
        1px solid #111;

    border-radius:4px;

    background:#fff;

    color:#111;

    cursor:pointer;

    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}


/* SHOP PRODUCT GRID */

.shop-products{
    min-width:0;
}

.shop-product-grid{
    display:grid;

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

    gap:20px;
}

.shop-mobile-filter{
    display:none;
}


/* PAGINATION */

.shop-pagination{
    margin-top:45px;

    display:flex;
    justify-content:center;

    gap:7px;
}

.shop-pagination button{
    width:38px;
    height:38px;

    border:
        1px solid
        rgba(0,0,0,.10);

    border-radius:4px;

    background:#fff;

    cursor:pointer;

    font-size:10px;
}

.shop-pagination button.active,
.shop-pagination button:hover{
    background:#111;
    color:#fff;
}


/* SHOP TRUST */

.shop-trust{
    padding:55px 5%;

    display:grid;

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

    gap:1px;

    background:#111;

    color:#fff;
}

.shop-trust > div{
    padding:20px;

    text-align:center;

    border-right:
        1px solid
        rgba(255,255,255,.08);
}

.shop-trust > div:last-child{
    border-right:0;
}

.shop-trust span{
    width:46px;
    height:46px;

    margin:0 auto 12px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(216,184,117,.25);

    border-radius:50%;

    color:#d8b875;
}

.shop-trust h3{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

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

.shop-trust p{
    margin-top:5px;

    color:#817c74;

    font-size:9px;
}


/* TABLET */

@media(max-width:1000px){

    .shop-layout{
        grid-template-columns:
            190px 1fr;

        gap:25px;
    }

    .shop-product-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

}


/* MOBILE */

@media(max-width:700px){

    .shop-hero{
        min-height:300px;
        padding:55px 18px;
    }

    .shop-controls-inner{
        width:calc(100% - 30px);

        padding:18px 0;

        grid-template-columns:1fr;

        gap:12px;
    }

    .shop-results{
        display:none;
    }

    .shop-search{
        max-width:none;
    }

    .shop-sort select{
        width:100%;
    }

    .shop-layout{
        width:calc(100% - 30px);

        padding:35px 0 60px;

        display:block;
    }

    .shop-sidebar{
        display:none;
    }

    .shop-mobile-filter{
        display:block;

        margin-bottom:16px;
    }

    .shop-mobile-filter button{
        width:100%;

        min-height:42px;

        border:
            1px solid #111;

        background:#fff;

        color:#111;

        font-size:8px;
        font-weight:900;
        letter-spacing:1px;
    }

    .shop-product-grid{
        grid-template-columns:
            repeat(2,1fr);

        gap:12px;
    }

    .shop-trust{
        grid-template-columns:
            repeat(2,1fr);
    }

    .shop-trust > div{
        border-right:0;

        border-bottom:
            1px solid
            rgba(255,255,255,.08);
    }

}
/* =====================================================
   FINAL MOBILE NAV FIX
===================================================== */

.mobile-menu-btn{
    display:none;
}

.mobile-menu{
    display:none;
}


@media(max-width:700px){

    .desktop-nav{
        display:none !important;
    }

    .mobile-menu-btn{
        width:38px;
        height:38px;

        display:grid !important;
        place-items:center;

        border:1px solid rgba(0,0,0,.15);
        border-radius:6px;

        background:#f8f3ea;
        color:#111;

        font-size:22px;
        cursor:pointer;
    }


    .mobile-menu{
        position:fixed;

        top:66px;
        left:0;
        right:0;

        z-index:5000;

        display:flex !important;
        flex-direction:column;

        padding:15px 18px 20px;

        background:rgba(248,243,234,.99);

        backdrop-filter:blur(18px);

        border-top:1px solid rgba(0,0,0,.05);
        border-bottom:1px solid rgba(0,0,0,.08);

        box-shadow:0 18px 35px rgba(0,0,0,.12);

        transform:translateY(-140%);
        opacity:0;
        visibility:hidden;
        pointer-events:none;

        transition:
            transform .3s ease,
            opacity .3s ease,
            visibility .3s ease;
    }


    .mobile-menu.active{
        transform:translateY(0);
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }


    .mobile-menu a{
        display:block;

        padding:14px 5px;

        color:#171717 !important;

        text-decoration:none !important;

        border-bottom:1px solid rgba(0,0,0,.07);

        font-size:13px;
        font-weight:700;
    }


    .mobile-menu a:last-child{
        border-bottom:0;
    }

}
/* =====================================================
   MOBILE MENU BUTTON SIZE FIX
===================================================== */

@media(max-width:700px){

    .mobile-menu-btn{
        width:32px !important;
        height:32px !important;

        min-width:32px !important;
        min-height:32px !important;

        padding:0 !important;

        display:grid !important;
        place-items:center !important;

        border:1px solid rgba(0,0,0,.10) !important;
        border-radius:50% !important;

        background:transparent !important;
        color:#111 !important;

        font-size:17px !important;
        line-height:1 !important;

        font-weight:400 !important;

        cursor:pointer;
    }


    .header-actions{
        display:flex;
        align-items:center;
        gap:4px;
    }


    .header-icon{
        width:32px !important;
        height:32px !important;

        min-width:32px;
        min-height:32px;
    }


    .mobile-menu{
        top:66px;

        transform:translateY(-130%);

        opacity:0;
        visibility:hidden;
        pointer-events:none;
    }


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

        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

}
/* =====================================================
   PREMIUM MOBILE NAV DRAWER
===================================================== */

.mobile-menu-overlay{
    display:none;
}


@media(max-width:700px){

    .mobile-menu-overlay{
        position:fixed;
        inset:0;

        z-index:4998;

        display:block;

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

        backdrop-filter:
            blur(6px);

        opacity:0;
        visibility:hidden;
        pointer-events:none;

        transition:
            opacity .3s ease,
            visibility .3s ease;
    }


    .mobile-menu-overlay.active{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }


    .mobile-menu{
        position:fixed;

        top:0;
        right:0;
        left:auto;

        z-index:4999;

        width:min(88vw,360px);
        height:100dvh;

        padding:0;

        display:flex !important;
        flex-direction:column;

        background:
            radial-gradient(
                circle at top right,
                #30271d 0%,
                #171512 42%,
                #0b0b0a 100%
            );

        border-left:
            1px solid
            rgba(216,184,117,.20);

        box-shadow:
            -30px 0 70px
            rgba(0,0,0,.35);

        transform:
            translateX(105%);

        opacity:1;
        visibility:visible;

        pointer-events:none;

        transition:
            transform .34s ease;
    }


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

        pointer-events:auto;
    }


    .mobile-menu-top{
        min-height:105px;

        padding:22px 20px;

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

        gap:15px;

        border-bottom:
            1px solid
            rgba(255,255,255,.07);
    }


    .mobile-menu-kicker{
        display:block;

        color:#d8b875;

        font-size:7px;
        font-weight:900;
        letter-spacing:3px;

        margin-bottom:6px;
    }


    .mobile-menu-top h2{
        color:#fff;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:22px;
        font-weight:400;
        letter-spacing:2px;
    }


    .mobile-menu-close{
        width:34px;
        height:34px;

        min-width:34px;

        display:grid;
        place-items:center;

        border:
            1px solid
            rgba(216,184,117,.18);

        border-radius:50%;

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

        color:#e6d1a5;

        cursor:pointer;

        font-size:21px;
        line-height:1;
    }


    .mobile-menu-links{
        flex:1;

        padding:
            16px 20px;

        display:flex;
        flex-direction:column;
    }


    .mobile-menu-links a{
        min-height:62px;

        padding:0 2px;

        display:flex;
        align-items:center;

        gap:14px;

        border-bottom:
            1px solid
            rgba(255,255,255,.06);

        color:#fff !important;

        text-decoration:none !important;
    }


    .mobile-menu-links a > span{
        color:#9d7b43;

        font-size:8px;
        font-weight:900;
        letter-spacing:1px;
    }


    .mobile-menu-links a > strong{
        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:17px;
        font-weight:400;

        letter-spacing:.3px;
    }


    .mobile-menu-links a::after{
        content:"→";

        margin-left:auto;

        color:#8e7446;

        font-size:13px;

        transition:.25s ease;
    }


    .mobile-menu-links a:active{
        background:
            rgba(216,184,117,.05);
    }


    .mobile-menu-footer{
        padding:
            18px 20px 24px;

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


    .mobile-menu-account{
        width:100%;
        min-height:44px;

        border:0;
        border-radius:4px;

        background:
            linear-gradient(
                135deg,
                #a47a3a,
                #d9b978
            );

        color:#111;

        cursor:pointer;

        font-size:8px;
        font-weight:900;
        letter-spacing:1.4px;
    }


    .mobile-menu-footer p{
        margin-top:12px;

        color:#69635b;

        text-align:center;

        font-size:8px;
        line-height:1.6;
    }


    body.mobile-nav-open{
        overflow:hidden;
    }

}
/* =====================================================
   LUXURY BRAND STYLE MOBILE MENU
===================================================== */

@media(max-width:700px){

    .mobile-menu-overlay{
        position:fixed;
        inset:0;

        z-index:4998;

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

        backdrop-filter:blur(4px);

        opacity:0;
        visibility:hidden;
        pointer-events:none;

        transition:.3s ease;
    }

    .mobile-menu-overlay.active{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }


    .mobile-menu{
        position:fixed;

        top:0;
        right:0;
        left:auto;

        z-index:4999;

        width:min(92vw,390px);
        height:100dvh;

        display:flex !important;
        flex-direction:column;

        padding:0;

        background:#faf7f1;

        border-left:
            1px solid rgba(0,0,0,.06);

        box-shadow:
            -22px 0 60px rgba(0,0,0,.16);

        transform:translateX(105%);

        opacity:1;
        visibility:visible;
        pointer-events:none;

        transition:transform .34s ease;
    }

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


    .mobile-menu-header{
        min-height:96px;

        padding:20px 20px 18px;

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

        border-bottom:
            1px solid rgba(0,0,0,.07);
    }


    .mobile-menu-brand{
        text-decoration:none;
        color:#111;
    }

    .mobile-menu-brand strong{
        display:block;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:21px;
        font-weight:400;
        letter-spacing:3px;
    }

    .mobile-menu-brand small{
        display:block;

        margin-top:5px;

        color:#a27c42;

        font-size:6px;
        font-weight:900;
        letter-spacing:3px;
    }


    .mobile-menu-close{
        width:34px;
        height:34px;

        display:grid;
        place-items:center;

        border:0;

        background:transparent;

        color:#111;

        font-size:27px;
        font-weight:300;

        cursor:pointer;
    }


    .mobile-menu-links{
        flex:1;

        padding:8px 20px;

        display:flex;
        flex-direction:column;
    }


    .mobile-menu-links a{
        min-height:62px;

        padding:0 2px;

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

        border-bottom:
            1px solid rgba(0,0,0,.07);

        color:#141414 !important;

        text-decoration:none !important;
    }


    .mobile-menu-links a span{
        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:18px;
        font-weight:400;
        letter-spacing:.2px;
    }


    .mobile-menu-links a b{
        color:#9a7a49;

        font-size:21px;
        font-weight:300;

        transition:.2s ease;
    }


    .mobile-menu-links a:active b{
        transform:translateX(3px);
    }


    .mobile-menu-bottom{
        padding:18px 20px 24px;

        border-top:
            1px solid rgba(0,0,0,.07);
    }


    .mobile-menu-bottom button{
        width:100%;
        min-height:46px;

        border:1px solid #111;

        background:#111;
        color:#fff;

        cursor:pointer;

        font-size:8px;
        font-weight:900;
        letter-spacing:1.5px;
    }


    .mobile-menu-bottom p{
        margin-top:12px;

        text-align:center;

        color:#999187;

        font-size:8px;
        letter-spacing:.5px;
    }

}
/* =====================================================
   FINAL ULTRA PREMIUM MOBILE HERO
===================================================== */

@media(max-width:600px){

    .hero-slider{
        position:relative;

        height:590px !important;
        min-height:590px !important;

        overflow:hidden;

        background:#111;
    }


    .hero-slide{
        position:absolute;
        inset:0;

        display:block !important;

        height:590px;

        opacity:0;
        visibility:hidden;

        transform:none !important;

        transition:
            opacity .7s ease,
            visibility .7s ease;
    }


    .hero-slide.active{
        opacity:1;
        visibility:visible;
    }


    .hero-media{
        position:absolute;

        inset:0;

        width:100%;
        height:100% !important;

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

        background:
            radial-gradient(
                circle at center,
                #f3eadc 0%,
                #e5d8c5 55%,
                #d4c4ad 100%
            );

        overflow:hidden;
    }


    .hero-media img{
        width:100%;
        height:100%;

        padding:0;

        object-fit:contain !important;
        object-position:center !important;

        display:block;

        transform:none !important;
    }


    .hero-slide::after{
        content:"";

        position:absolute;
        inset:0;

        z-index:2;

        pointer-events:none;

        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,0) 34%,
                rgba(0,0,0,.10) 47%,
                rgba(0,0,0,.38) 61%,
                rgba(0,0,0,.74) 76%,
                rgba(0,0,0,.94) 100%
            );
    }


    .hero-content{
        position:absolute;

        left:0;
        right:0;
        bottom:0;

        z-index:4;

        min-height:0 !important;

        padding:
            0
            24px
            66px !important;

        display:block !important;

        background:transparent !important;

        color:#fff;

        text-align:left;
    }


    .hero-content::before{
        display:none !important;
    }


    .hero-eyebrow{
        display:block;

        margin-bottom:10px;

        color:#e0bc72;

        font-size:7px;

        font-weight:900;

        letter-spacing:3px;

        text-transform:uppercase;
    }


    .hero-content h1{
        max-width:340px;

        margin:0;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:43px !important;

        line-height:.96;

        font-weight:400;

        letter-spacing:-1.2px;

        color:#fff;
    }


    .hero-content h1 em{
        display:block;

        margin-top:4px;

        color:#dfbb72;

        font-weight:400;

        line-height:.98;
    }


    .hero-content p{
        max-width:320px;

        margin-top:13px;

        color:
            rgba(255,255,255,.78);

        font-size:10.5px;

        line-height:1.65;
    }


    .hero-buttons{
        margin-top:18px;

        display:flex;

        align-items:center;

        gap:9px;

        flex-wrap:wrap;
    }


    .luxury-button,
    .luxury-button-outline{
        min-height:41px;

        padding:0 16px;

        border-radius:2px;

        font-size:7px;

        font-weight:900;

        letter-spacing:1.4px;
    }


    .luxury-button{
        background:#fff !important;

        color:#111 !important;

        border:1px solid #fff;
    }


    .luxury-button-outline{
        background:
            rgba(0,0,0,.12);

        color:#fff;

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


    .slider-arrow{
        top:45% !important;

        width:34px !important;
        height:34px !important;

        display:grid;
        place-items:center;

        border:
            1px solid
            rgba(255,255,255,.25);

        border-radius:50%;

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

        backdrop-filter:
            blur(7px);

        color:#fff;

        font-size:18px !important;

        box-shadow:none;
    }


    .slider-prev{
        left:9px !important;
    }


    .slider-next{
        right:9px !important;
    }


    .slider-dots{
        left:50%;

        bottom:21px !important;

        transform:
            translateX(-50%);

        gap:7px;
    }


    .slider-dot{
        width:6px;
        height:6px;

        border-radius:50%;

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

        transition:.3s ease;
    }


    .slider-dot.active{
        width:23px;

        border-radius:20px;

        background:#ddb96f;
    }

}
/* =====================================================
   ULTRA PREMIUM PRODUCT PAGE
===================================================== */

.lux-product-breadcrumb{
    width:min(1320px,92%);

    margin:22px auto;

    display:flex;
    align-items:center;
    gap:10px;

    color:#9a948b;

    font-size:9px;
}

.lux-product-breadcrumb a{
    color:#746e66;
    text-decoration:none;
}

.lux-product-breadcrumb strong{
    color:#1b1b1b;
    font-weight:500;
}


/* PRODUCT PAGE */

.lux-product-page{
    width:min(1320px,92%);

    margin:0 auto 110px;

    display:grid;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(390px,.92fr);

    gap:70px;

    align-items:start;
}


/* GALLERY */

.lux-product-gallery{
    min-width:0;
}

.lux-main-image{
    position:relative;

    width:100%;
    min-height:680px;

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

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #f7f2e9,
            #e8ddcc
        );
}

.lux-main-image img{
    width:100%;
    height:680px;

    padding:28px;

    object-fit:contain;
    object-position:center;

    display:block;
}

.lux-product-badge{
    position:absolute;

    top:22px;
    left:22px;

    z-index:3;

    padding:7px 11px;

    background:#111;
    color:#dec181;

    font-size:8px;
    font-weight:900;
    letter-spacing:1.5px;
}

.lux-wishlist{
    position:absolute;

    top:18px;
    right:18px;

    z-index:3;

    width:42px;
    height:42px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(0,0,0,.08);

    border-radius:50%;

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

    cursor:pointer;

    font-size:21px;
}


/* THUMBNAILS */

.lux-thumbnails{
    margin-top:12px;

    display:flex;
    gap:10px;
}

.lux-thumb{
    width:92px;
    height:105px;

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

    overflow:hidden;

    border:
        1px solid
        rgba(0,0,0,.08);

    background:#f7f2ea;

    cursor:pointer;
}

.lux-thumb.active{
    border-color:#111;
}

.lux-thumb img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}


/* PRODUCT INFO */

.lux-product-info{
    position:sticky;
    top:110px;

    padding-top:28px;
}

.lux-product-category{
    display:block;

    color:#a27b41;

    font-size:8px;
    font-weight:900;
    letter-spacing:3.5px;

    margin-bottom:13px;
}

.lux-product-info h1{
    max-width:600px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(45px,5vw,66px);

    line-height:.98;

    font-weight:400;

    letter-spacing:-1.2px;
}


/* RATING */

.lux-rating-row{
    margin-top:18px;

    display:flex;
    align-items:center;

    gap:10px;

    font-size:10px;
}

.lux-stars{
    color:#c99434;
    letter-spacing:1.5px;
}

.lux-rating-row > span{
    color:#333;
    font-weight:700;
}

.lux-rating-row a{
    color:#8d867d;

    text-decoration:none;

    border-bottom:
        1px solid
        rgba(0,0,0,.22);
}


/* PRICE */

.lux-price-row{
    margin-top:24px;

    display:flex;
    align-items:center;

    gap:13px;

    flex-wrap:wrap;
}

.lux-price-row strong{
    font-size:24px;
    font-weight:600;
}

.lux-price-row del{
    color:#aaa49a;
    font-size:14px;
}

.lux-price-row > span{
    padding:6px 8px;

    background:#171717;
    color:#e2c585;

    font-size:7px;
    font-weight:900;
    letter-spacing:1px;
}


/* INTRO */

.lux-product-intro{
    max-width:560px;

    margin-top:23px;

    color:#716a61;

    font-size:12px;
    line-height:1.9;
}

.lux-stock-status{
    margin-top:20px;

    display:flex;
    align-items:center;

    gap:7px;

    color:#476f4d;

    font-size:9px;
    font-weight:700;
}

.lux-stock-status i{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#4d8a58;
}

.lux-stock-status span{
    color:#8f8a82;
    font-weight:400;
}

.lux-divider{
    margin:27px 0;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}


/* QUANTITY */

.lux-option-title{
    margin-bottom:10px;
}

.lux-option-title strong{
    font-size:9px;
    letter-spacing:.8px;
}

.lux-quantity{
    width:120px;

    display:grid;

    grid-template-columns:
        38px 44px 38px;

    border:
        1px solid
        rgba(0,0,0,.14);
}

.lux-quantity button,
.lux-quantity span{
    height:39px;

    display:grid;
    place-items:center;

    border:0;

    background:#fff;
}

.lux-quantity button{
    cursor:pointer;
}


/* ACTIONS */

.lux-add-bag,
.lux-buy-now{
    width:100%;

    min-height:52px;

    margin-top:14px;

    cursor:pointer;

    font-size:9px;
    font-weight:900;
    letter-spacing:1.6px;

    transition:.25s ease;
}

.lux-add-bag{
    border:1px solid #111;

    background:#111;
    color:#fff;
}

.lux-add-bag:hover{
    background:#b58b46;
    border-color:#b58b46;
    color:#111;
}

.lux-buy-now{
    border:
        1px solid
        rgba(0,0,0,.18);

    background:#fff;
    color:#111;
}

.lux-buy-now:hover{
    border-color:#111;
}


/* SERVICE LIST */

.lux-service-list{
    margin-top:31px;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}

.lux-service-list > div{
    min-height:76px;

    display:grid;

    grid-template-columns:
        30px 1fr;

    gap:13px;

    align-items:center;

    border-bottom:
        1px solid
        rgba(0,0,0,.07);
}

.lux-service-list > div > span{
    color:#a07a40;

    font-size:8px;
    font-weight:900;
}

.lux-service-list strong{
    display:block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:14px;
    font-weight:400;
}

.lux-service-list p{
    margin-top:4px;

    color:#938d84;

    font-size:9px;
}


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

.lux-product-story{
    padding:
        105px 5%;

    background:#11110f;

    color:#fff;
}

.lux-story-heading{
    max-width:720px;

    margin:0 auto;

    text-align:center;
}

.lux-story-heading > span{
    display:block;

    color:#d7b875;

    font-size:8px;
    font-weight:900;
    letter-spacing:4px;

    margin-bottom:13px;
}

.lux-story-heading h2{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(38px,5vw,60px);

    line-height:1;

    font-weight:400;
}

.lux-story-heading h2 em{
    display:block;

    color:#d7b875;
    font-weight:400;
}

.lux-story-grid{
    max-width:1180px;

    margin:55px auto 0;

    display:grid;

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

    gap:1px;

    background:
        rgba(216,184,117,.13);
}

.lux-story-grid article{
    padding:34px;

    background:#161513;
}

.lux-story-grid article > span{
    color:#997843;

    font-size:8px;
    font-weight:900;
}

.lux-story-grid h3{
    margin-top:14px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:19px;
    font-weight:400;
}

.lux-story-grid p{
    margin-top:13px;

    color:#928b80;

    font-size:10px;
    line-height:1.9;
}


/* =====================================================
   EDITORIAL
===================================================== */

.lux-editorial-section{
    min-height:520px;

    display:grid;

    grid-template-columns:
        1.15fr .85fr;

    background:#f3ece1;
}

.lux-editorial-image{
    min-height:520px;

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

    overflow:hidden;

    background:#e4d7c4;
}

.lux-editorial-image img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}

.lux-editorial-content{
    padding:
        clamp(45px,6vw,85px);

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.lux-editorial-content > span{
    color:#9d783f;

    font-size:8px;
    font-weight:900;
    letter-spacing:4px;

    margin-bottom:13px;
}

.lux-editorial-content h2{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(40px,5vw,62px);

    line-height:1;

    font-weight:400;
}

.lux-editorial-content h2 em{
    display:block;

    color:#a57e42;
    font-weight:400;
}

.lux-editorial-content p{
    max-width:500px;

    margin-top:22px;

    color:#71695f;

    line-height:1.9;

    font-size:11px;
}

.lux-editorial-content a{
    width:max-content;

    margin-top:28px;

    padding-bottom:5px;

    border-bottom:
        1px solid #111;

    color:#111;

    text-decoration:none;

    font-size:8px;
    font-weight:900;
    letter-spacing:1.4px;
}


/* =====================================================
   REVIEWS
===================================================== */

.lux-product-reviews{
    padding:100px 5%;

    background:#fff;
}

.lux-reviews-heading{
    text-align:center;

    margin-bottom:42px;
}

.lux-reviews-heading > span{
    display:block;

    color:#a17b42;

    font-size:8px;
    font-weight:900;
    letter-spacing:4px;

    margin-bottom:10px;
}

.lux-reviews-heading h2{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(38px,4vw,52px);

    font-weight:400;
}

.lux-reviews-heading > div{
    margin-top:13px;

    color:#c69133;

    font-size:11px;
}

.lux-reviews-heading strong{
    margin-left:7px;

    color:#222;
}

.lux-reviews-heading small{
    margin-left:8px;

    color:#999;
}

.lux-review-grid{
    max-width:1180px;

    margin:auto;

    display:grid;

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

    gap:18px;
}

.lux-review-grid article{
    padding:28px;

    border:
        1px solid
        rgba(0,0,0,.07);

    background:#fdfbf7;
}

.lux-review-grid article p{
    min-height:100px;

    margin-top:13px;

    color:#5f5a53;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:14px;
    line-height:1.75;

    font-style:italic;
}

.lux-review-grid article > strong{
    display:block;

    margin-top:20px;

    font-size:10px;
}

.lux-review-grid article > span{
    display:block;

    margin-top:4px;

    color:#999;

    font-size:8px;
}


/* =====================================================
   RELATED PRODUCTS
===================================================== */

.lux-related-products{
    padding:90px 5% 110px;

    background:#f7f2e9;
}


/* =====================================================
   MOBILE BUY BAR
===================================================== */

.lux-mobile-buybar{
    display:none;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1000px){

    .lux-product-page{
        grid-template-columns:
            1fr 1fr;

        gap:35px;
    }

    .lux-main-image{
        min-height:520px;
    }

    .lux-main-image img{
        height:520px;
    }

    .lux-editorial-section{
        grid-template-columns:1fr;
    }

    .lux-editorial-image{
        min-height:390px;
    }

}


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

@media(max-width:700px){

    .lux-product-breadcrumb{
        width:calc(100% - 30px);

        margin:16px auto;

        overflow:hidden;

        white-space:nowrap;

        text-overflow:ellipsis;
    }


    .lux-product-page{
        width:100%;

        margin:0 0 70px;

        display:block;
    }


    .lux-product-gallery{
        width:100%;
    }


    .lux-main-image{
        min-height:430px;

        border-radius:0;

        background:
            linear-gradient(
                145deg,
                #f7f1e7,
                #e8ddcc
            );
    }


    .lux-main-image img{
        width:100%;
        height:430px;

        padding:14px;

        object-fit:contain;
        object-position:center;
    }


    .lux-product-badge{
        top:15px;
        left:15px;

        padding:6px 8px;

        font-size:7px;
    }


    .lux-wishlist{
        top:12px;
        right:12px;

        width:38px;
        height:38px;

        font-size:19px;
    }


    .lux-thumbnails{
        padding:0 15px;

        overflow-x:auto;

        scrollbar-width:none;
    }


    .lux-thumbnails::-webkit-scrollbar{
        display:none;
    }


    .lux-thumb{
        flex:0 0 72px;

        width:72px;
        height:82px;
    }


    .lux-product-info{
        position:static;

        padding:
            31px
            18px
            10px;
    }


    .lux-product-info h1{
        font-size:40px;

        letter-spacing:-.8px;
    }


    .lux-product-category{
        font-size:7px;
    }


    .lux-price-row strong{
        font-size:21px;
    }


    .lux-product-intro{
        font-size:11px;
    }


    .lux-add-bag,
    .lux-buy-now{
        min-height:50px;
    }


    .lux-product-story{
        padding:
            70px
            16px;
    }


    .lux-story-grid{
        margin-top:35px;

        grid-template-columns:1fr;

        gap:1px;
    }


    .lux-story-grid article{
        padding:25px;
    }


    .lux-editorial-section{
        display:block;
    }


    .lux-editorial-image{
        min-height:330px;
    }


    .lux-editorial-image img{
        min-height:330px;
        object-fit:contain;
    }


    .lux-editorial-content{
        padding:
            45px
            20px
            55px;
    }


    .lux-editorial-content h2{
        font-size:42px;
    }


    .lux-product-reviews{
        padding:
            70px
            16px;
    }


    .lux-review-grid{
        grid-template-columns:1fr;
    }


    .lux-related-products{
        padding:
            65px
            15px
            95px;
    }


    .lux-related-products .product-grid{
        grid-template-columns:
            repeat(2,1fr);

        gap:11px;
    }


    .lux-mobile-buybar{
        position:fixed;

        left:0;
        right:0;
        bottom:0;

        z-index:4500;

        min-height:68px;

        padding:
            9px
            12px;

        display:flex;

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

        gap:12px;

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

        backdrop-filter:
            blur(16px);

        border-top:
            1px solid
            rgba(0,0,0,.08);

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


    .lux-mobile-buybar small,
    .lux-mobile-buybar strong{
        display:block;
    }


    .lux-mobile-buybar small{
        max-width:145px;

        color:#777;

        font-size:8px;

        white-space:nowrap;

        overflow:hidden;

        text-overflow:ellipsis;
    }


    .lux-mobile-buybar strong{
        margin-top:3px;

        font-size:13px;
    }


    .lux-mobile-buybar button{
        min-width:145px;
        min-height:45px;

        border:0;

        background:#111;
        color:#fff;

        cursor:pointer;

        font-size:8px;
        font-weight:900;
        letter-spacing:1.1px;
    }


    .video-footer{
        padding-bottom:90px;
    }

}
/* =====================================================
   PREMIUM CART PAGE
===================================================== */

.lux-cart-hero{
    padding:70px 20px 55px;

    text-align:center;

    background:
        radial-gradient(
            circle at top,
            #342b1f,
            #171512 52%,
            #0b0b0a
        );

    color:#fff;
}

.lux-cart-hero > span{
    display:block;

    color:#d8b875;

    font-size:8px;
    font-weight:900;
    letter-spacing:4px;

    margin-bottom:11px;
}

.lux-cart-hero h1{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(42px,5vw,62px);

    font-weight:400;
}

.lux-cart-hero p{
    margin-top:12px;

    color:#a9a198;

    font-size:11px;
}


.lux-cart-page{
    width:min(1250px,92%);

    margin:60px auto 100px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        390px;

    gap:55px;
}


.lux-cart-heading{
    padding-bottom:18px;

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

    border-bottom:
        1px solid
        rgba(0,0,0,.09);
}

.lux-cart-heading h2{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;
    font-weight:400;
}

.lux-cart-heading span{
    color:#999;

    font-size:9px;
}


.lux-cart-page-item{
    padding:22px 0;

    display:grid;

    grid-template-columns:
        130px 1fr auto;

    gap:20px;

    border-bottom:
        1px solid
        rgba(0,0,0,.07);
}

.lux-cart-page-image{
    width:130px;
    height:150px;

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

    overflow:hidden;

    background:#eee5d8;
}

.lux-cart-page-image img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}


.lux-cart-page-info{
    padding-top:6px;
}

.lux-cart-page-info > span{
    color:#a17b42;

    font-size:7px;
    font-weight:900;
    letter-spacing:2px;
}

.lux-cart-page-info h3{
    margin-top:7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:19px;
    font-weight:400;
}

.lux-cart-page-info > strong{
    display:block;

    margin-top:10px;

    font-size:13px;
}


.lux-cart-page-controls{
    margin-top:18px;

    display:flex;
    align-items:center;

    gap:14px;
}

.lux-cart-page-qty{
    display:grid;

    grid-template-columns:
        32px 38px 32px;

    border:
        1px solid
        rgba(0,0,0,.12);
}

.lux-cart-page-qty button,
.lux-cart-page-qty span{
    height:34px;

    display:grid;
    place-items:center;

    border:0;

    background:#fff;

    font-size:10px;
}

.lux-cart-page-qty button{
    cursor:pointer;
}

.lux-cart-page-remove{
    border:0;

    background:transparent;

    color:#9b5651;

    cursor:pointer;

    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}


.lux-cart-page-line-total{
    padding-top:9px;

    font-size:13px;
    font-weight:700;
}


.lux-cart-empty-page{
    padding:80px 20px;

    text-align:center;

    display:none;
}

.lux-cart-empty-page.show{
    display:block;
}

.lux-cart-empty-page > span{
    width:60px;
    height:60px;

    margin:0 auto 18px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#111;
    color:#d8b875;

    font-size:22px;
}

.lux-cart-empty-page h3{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;
    font-weight:400;
}

.lux-cart-empty-page p{
    margin-top:8px;

    color:#888;

    font-size:10px;
}

.lux-cart-empty-page a{
    margin-top:20px;

    min-height:43px;

    padding:0 20px;

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

    background:#111;
    color:#fff;

    text-decoration:none;

    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}


.lux-cart-summary{
    align-self:start;

    position:sticky;

    top:110px;

    padding:30px;

    border:
        1px solid
        rgba(0,0,0,.08);

    background:#faf7f1;
}

.lux-cart-summary-kicker{
    color:#a17c42;

    font-size:7px;
    font-weight:900;
    letter-spacing:3px;
}

.lux-cart-summary h2{
    margin-top:8px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:30px;
    font-weight:400;

    margin-bottom:25px;
}

.lux-cart-summary-row{
    min-height:42px;

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

    gap:18px;
}

.lux-cart-summary-row span{
    color:#777;

    font-size:9px;
}

.lux-cart-summary-row strong{
    text-align:right;

    font-size:10px;
}

.lux-cart-summary-divider{
    margin:17px 0;

    border-top:
        1px solid
        rgba(0,0,0,.09);
}

.lux-cart-summary-total{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.lux-cart-summary-total span{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:16px;
}

.lux-cart-summary-total strong{
    font-size:21px;
}

.lux-cart-summary-note{
    margin-top:17px;

    color:#999187;

    font-size:8px;
    line-height:1.7;
}


.lux-cart-checkout,
.lux-cart-continue{
    width:100%;

    min-height:48px;

    margin-top:14px;

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

    text-decoration:none;

    font-size:8px;
    font-weight:900;
    letter-spacing:1.2px;
}

.lux-cart-checkout{
    background:#111;
    color:#fff;
}

.lux-cart-continue{
    border:
        1px solid
        rgba(0,0,0,.18);

    color:#111;
    background:#fff;
}


.lux-cart-security{
    margin-top:25px;

    padding-top:20px;

    display:flex;
    gap:12px;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}

.lux-cart-security > span{
    width:36px;
    height:36px;

    flex:0 0 36px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(0,0,0,.09);

    border-radius:50%;
}

.lux-cart-security strong{
    display:block;

    font-size:9px;
}

.lux-cart-security p{
    margin-top:4px;

    color:#999;

    font-size:8px;
}


@media(max-width:800px){

    .lux-cart-page{
        width:calc(100% - 30px);

        margin:35px auto 70px;

        grid-template-columns:1fr;

        gap:35px;
    }

    .lux-cart-summary{
        position:static;
    }

}


@media(max-width:600px){

    .lux-cart-hero{
        padding:50px 18px 42px;
    }

    .lux-cart-page-item{
        grid-template-columns:
            92px 1fr;

        gap:13px;
    }

    .lux-cart-page-image{
        width:92px;
        height:110px;
    }

    .lux-cart-page-line-total{
        display:none;
    }

    .lux-cart-page-info h3{
        font-size:15px;
    }

    .lux-cart-page-controls{
        flex-wrap:wrap;
    }

    .lux-cart-summary{
        padding:23px 18px;
    }

}
/* =====================================================
   ELITE PREMIUM CHECKOUT
===================================================== */

.elite-checkout-hero{
    min-height:340px;

    padding:75px 20px;

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

    text-align:center;

    color:#fff;

    background:
        radial-gradient(
            circle at top,
            #362d20 0%,
            #181512 50%,
            #090909 100%
        );
}

.elite-checkout-hero > span{
    margin-bottom:13px;

    color:#d8b875;

    font-size:8px;
    font-weight:900;
    letter-spacing:4px;
}

.elite-checkout-hero h1{
    margin:0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(45px,5vw,68px);

    line-height:1;

    font-weight:400;
}

.elite-checkout-hero p{
    max-width:550px;

    margin-top:18px;

    color:rgba(255,255,255,.62);

    font-size:11px;
    line-height:1.8;
}



.elite-checkout-layout{
    width:min(1260px,92%);

    margin:70px auto 110px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        400px;

    gap:60px;

    align-items:start;
}



.elite-checkout-section{
    margin-bottom:22px;

    padding:34px;

    border:
        1px solid
        rgba(0,0,0,.07);

    background:#fff;
}



.elite-checkout-title{
    margin-bottom:30px;

    display:grid;

    grid-template-columns:
        35px 1fr;

    gap:14px;

    align-items:start;
}

.elite-checkout-title > span{
    width:32px;
    height:32px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#111;
    color:#d8b875;

    font-size:8px;
    font-weight:900;
}

.elite-checkout-title small{
    color:#a17b42;

    font-size:7px;
    font-weight:900;
    letter-spacing:3px;
}

.elite-checkout-title h2{
    margin-top:5px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;
    font-weight:400;
}



.elite-form-grid{
    display:grid;

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

    gap:17px;
}

.elite-full-field{
    grid-column:1 / -1;
}



.elite-field label{
    display:block;

    margin-bottom:8px;

    color:#403c37;

    font-size:8px;
    font-weight:800;
    letter-spacing:.5px;
}

.elite-field input,
.elite-field textarea{
    width:100%;

    border:
        1px solid
        rgba(0,0,0,.11);

    border-radius:0;

    background:#faf8f4;

    color:#111;

    outline:none;

    font:inherit;

    transition:.2s ease;
}

.elite-field input{
    min-height:49px;

    padding:0 14px;
}

.elite-field textarea{
    padding:14px;

    resize:vertical;
}

.elite-field input:focus,
.elite-field textarea:focus{
    border-color:#9e783e;
    background:#fff;
}

.elite-field.invalid input,
.elite-field.invalid textarea{
    border-color:#a24f47;
}

.elite-field-error{
    min-height:13px;

    display:block;

    margin-top:5px;

    color:#9f4843;

    font-size:7px;
}



.elite-delivery-payment-info{
    margin-bottom:22px;

    padding:20px;

    display:grid;

    grid-template-columns:120px 1fr;

    gap:20px;

    align-items:center;

    background:#111;
    color:#fff;
}

.elite-delivery-payment-info small{
    display:block;

    color:#d8b875;

    font-size:7px;
    font-weight:900;
    letter-spacing:2px;
}

.elite-delivery-payment-info strong{
    display:block;

    margin-top:5px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;
    font-weight:400;
}

.elite-delivery-payment-info p{
    color:#a9a199;

    font-size:9px;
    line-height:1.7;
}



.elite-payment-methods{
    display:grid;

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

    gap:10px;
}

.elite-payment-option{
    min-height:80px;

    padding:15px;

    display:grid;

    grid-template-columns:
        18px 1fr auto;

    gap:11px;

    align-items:center;

    cursor:pointer;

    border:
        1px solid
        rgba(0,0,0,.09);

    background:#faf8f4;

    transition:.2s ease;
}

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

.elite-payment-option:has(input:checked){
    border-color:#111;

    background:#f1e9dc;
}

.elite-payment-option input{
    accent-color:#111;
}

.elite-payment-option strong{
    display:block;

    font-size:10px;
}

.elite-payment-option span{
    display:block;

    margin-top:4px;

    color:#969087;

    font-size:8px;
}

.elite-payment-option b{
    font-size:18px;
    font-weight:400;
}

.elite-payment-error{
    min-height:15px;

    display:block;

    margin-top:8px;

    color:#9e4842;

    font-size:8px;
}



.elite-payment-proof{
    margin-top:22px;

    padding-top:22px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:17px;

    border-top:
        1px solid
        rgba(0,0,0,.07);
}

.elite-upload-note{
    display:block;

    margin-top:6px;

    color:#999;

    font-size:7px;
}



.elite-owner-note{
    margin-top:20px;

    padding:15px;

    border-left:
        2px solid #b88e4d;

    background:#f7f2e9;
}

.elite-owner-note strong{
    display:block;

    font-size:9px;
}

.elite-owner-note p{
    margin-top:5px;

    color:#817a70;

    font-size:8px;
    line-height:1.7;
}



.elite-checkout-alert{
    display:none;

    margin-bottom:15px;

    padding:14px;

    font-size:9px;

    line-height:1.6;
}

.elite-checkout-alert.show{
    display:block;
}

.elite-checkout-alert.error{
    background:#f7e8e6;
    color:#8e3f39;
}

.elite-checkout-alert.success{
    background:#e8f2e9;
    color:#3f6946;
}



.elite-place-order{
    position:relative;

    width:100%;
    min-height:56px;

    border:0;

    background:#111;
    color:#fff;

    cursor:pointer;

    font-size:9px;
    font-weight:900;
    letter-spacing:1.7px;

    transition:.25s ease;
}

.elite-place-order:hover{
    background:#a78043;
}

.elite-place-order:disabled{
    opacity:.6;
    cursor:not-allowed;
}

.elite-order-loader{
    width:18px;
    height:18px;

    display:none;

    margin:auto;

    border:
        2px solid
        rgba(255,255,255,.25);

    border-top-color:#fff;

    border-radius:50%;

    animation:
        eliteSpin .7s linear infinite;
}

.elite-place-order.loading
.elite-order-button-text{
    display:none;
}

.elite-place-order.loading
.elite-order-loader{
    display:block;
}

@keyframes eliteSpin{

    to{
        transform:rotate(360deg);
    }

}



.elite-checkout-policy{
    margin-top:12px;

    text-align:center;

    color:#999;

    font-size:7px;
    line-height:1.6;
}



/* ORDER SUMMARY */

.elite-order-summary{
    position:sticky;

    top:110px;

    padding:32px;

    border:
        1px solid
        rgba(0,0,0,.08);

    background:#faf7f1;
}

.elite-summary-kicker{
    color:#9e783e;

    font-size:7px;
    font-weight:900;
    letter-spacing:3px;
}

.elite-order-summary h2{
    margin:8px 0 25px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;
    font-weight:400;
}



.elite-checkout-item{
    padding:13px 0;

    display:grid;

    grid-template-columns:
        68px 1fr auto;

    gap:12px;

    align-items:center;

    border-bottom:
        1px solid
        rgba(0,0,0,.06);
}

.elite-checkout-item-image{
    width:68px;
    height:76px;

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

    overflow:hidden;

    background:#ede3d5;
}

.elite-checkout-item-image img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}

.elite-checkout-item h3{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:12px;
    font-weight:400;
}

.elite-checkout-item p{
    margin-top:4px;

    color:#999188;

    font-size:8px;
}

.elite-checkout-item > strong{
    font-size:9px;
}



.elite-empty-checkout{
    display:none;

    padding:35px 5px;

    text-align:center;
}

.elite-empty-checkout.show{
    display:block;
}

.elite-empty-checkout h3{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;
    font-weight:400;
}

.elite-empty-checkout p{
    margin-top:7px;

    color:#999;

    font-size:8px;
}

.elite-empty-checkout a{
    display:inline-block;

    margin-top:16px;

    color:#111;

    font-size:8px;
    font-weight:900;
}



.elite-summary-line{
    min-height:44px;

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

    gap:15px;
}

.elite-summary-line span{
    color:#777;

    font-size:9px;
}

.elite-summary-line strong{
    font-size:10px;
}



.elite-summary-divider{
    margin:15px 0;

    border-top:
        1px solid
        rgba(0,0,0,.09);
}



.elite-payment-breakdown{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px;
}

.elite-payment-breakdown > div{
    padding:15px;

    background:#111;

    color:#fff;
}

.elite-payment-breakdown > div:nth-child(2){
    background:#eee5d8;

    color:#111;
}

.elite-payment-breakdown span,
.elite-payment-breakdown small{
    display:block;
}

.elite-payment-breakdown span{
    color:#d6b875;

    font-size:6px;
    font-weight:900;
    letter-spacing:1.5px;
}

.elite-payment-breakdown > div:nth-child(2) span{
    color:#916d39;
}

.elite-payment-breakdown strong{
    display:block;

    margin-top:7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:18px;
    font-weight:400;
}

.elite-payment-breakdown small{
    margin-top:4px;

    color:#8e8880;

    font-size:7px;
}



.elite-grand-total{
    display:flex;

    align-items:center;
    justify-content:space-between;
}

.elite-grand-total span{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:16px;
}

.elite-grand-total strong{
    font-size:21px;
}



.elite-secure-box{
    margin-top:25px;

    padding-top:20px;

    display:flex;

    gap:12px;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}

.elite-secure-box > span{
    width:37px;
    height:37px;

    flex:0 0 37px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(0,0,0,.1);

    border-radius:50%;
}

.elite-secure-box strong{
    display:block;

    font-size:9px;
}

.elite-secure-box p{
    margin-top:4px;

    color:#999188;

    font-size:7px;

    line-height:1.5;
}



/* TABLET */

@media(max-width:900px){

    .elite-checkout-layout{
        grid-template-columns:1fr;

        gap:35px;
    }

    .elite-order-summary{
        position:static;
    }

}



/* MOBILE */

@media(max-width:600px){

    .elite-checkout-hero{
        min-height:265px;

        padding:
            48px
            20px;
    }

    .elite-checkout-hero h1{
        font-size:42px;
    }

    .elite-checkout-hero p{
        max-width:330px;

        font-size:10px;
    }


    .elite-checkout-layout{
        width:calc(100% - 24px);

        margin:
            28px
            auto
            85px;

        display:flex;

        flex-direction:column;
    }


    .elite-order-summary{
        order:-1;

        padding:22px 16px;
    }


    .elite-checkout-section{
        padding:
            23px
            16px;
    }


    .elite-checkout-title{
        margin-bottom:22px;
    }


    .elite-form-grid{
        grid-template-columns:1fr;

        gap:14px;
    }

    .elite-full-field{
        grid-column:auto;
    }


    .elite-delivery-payment-info{
        grid-template-columns:1fr;

        gap:12px;

        padding:18px;
    }


    .elite-payment-methods{
        grid-template-columns:1fr;
    }


    .elite-payment-option{
        min-height:72px;
    }


    .elite-payment-proof{
        grid-template-columns:1fr;
    }


    .elite-payment-breakdown{
        grid-template-columns:1fr 1fr;
    }


    .elite-checkout-item{
        grid-template-columns:
            58px
            1fr
            auto;
    }

    .elite-checkout-item-image{
        width:58px;
        height:65px;
    }


    .elite-place-order{
        min-height:55px;
    }

}
/* =====================================================
   LUXURY CHECKOUT - FINAL PREMIUM
===================================================== */

.luxury-checkout-body{
    margin:0;
    background:#f8f6f2;
    color:#111;
}


/* =====================================================
   HEADER
===================================================== */

.luxury-checkout-header{
    min-height:92px;
    padding:0 5%;

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

    background:#fff;

    border-bottom:
        1px solid
        rgba(0,0,0,.07);
}


.luxury-checkout-logo{
    color:#111;
    text-decoration:none;
}


.luxury-checkout-logo strong{
    display:block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;
    font-weight:400;

    letter-spacing:2px;
}


.luxury-checkout-logo small{
    display:block;

    margin-top:4px;

    color:#9e783e;

    font-size:6px;
    font-weight:900;

    letter-spacing:2.6px;
}


.luxury-checkout-lock{
    display:flex;
    align-items:center;
    gap:11px;
}


.luxury-checkout-lock > span{
    width:37px;
    height:37px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(0,0,0,.11);

    border-radius:50%;
}


.luxury-checkout-lock strong,
.luxury-checkout-lock small{
    display:block;
}


.luxury-checkout-lock strong{
    font-size:7px;
    letter-spacing:1.5px;
}


.luxury-checkout-lock small{
    margin-top:3px;

    color:#999;

    font-size:7px;
}


/* =====================================================
   STEPS
===================================================== */

.luxury-checkout-steps{
    min-height:70px;

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

    gap:14px;

    background:#fcfbf8;

    border-bottom:
        1px solid
        rgba(0,0,0,.05);
}


.luxury-checkout-steps > div{
    display:flex;
    align-items:center;
    gap:7px;

    color:#aaa;
}


.luxury-checkout-steps span{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:13px;
}


.luxury-checkout-steps small{
    font-size:7px;
    letter-spacing:.7px;
}


.luxury-checkout-steps .active{
    color:#111;
}


.luxury-checkout-steps .active span{
    color:#a17a40;
}


.luxury-checkout-steps i{
    width:55px;

    border-top:
        1px solid
        rgba(0,0,0,.12);
}


/* =====================================================
   MAIN
===================================================== */

.luxury-checkout-wrapper{
    width:min(1280px,92%);

    margin:75px auto 120px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        410px;

    gap:75px;

    align-items:start;
}


/* =====================================================
   INTRO
===================================================== */

.luxury-checkout-intro{
    max-width:680px;

    margin-bottom:52px;
}


.luxury-checkout-intro > span{
    display:block;

    color:#9e783e;

    font-size:7px;
    font-weight:900;

    letter-spacing:4px;
}


.luxury-checkout-intro h1{
    margin:12px 0 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(48px,5.4vw,74px);

    line-height:.95;

    font-weight:400;

    letter-spacing:-2px;
}


.luxury-checkout-intro h1 em{
    color:#a37c40;
    font-weight:400;
}


.luxury-checkout-intro p{
    max-width:540px;

    margin-top:21px;

    color:#746e66;

    font-size:11px;
    line-height:1.85;
}


/* =====================================================
   SECTIONS
===================================================== */

.luxury-checkout-block{
    padding:35px 0;

    border-top:
        1px solid
        rgba(0,0,0,.10);
}


.luxury-block-heading{
    margin-bottom:28px;

    display:grid;

    grid-template-columns:
        32px 1fr;

    gap:14px;
}


.luxury-block-heading > span{
    padding-top:4px;

    color:#a07a40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:12px;
}


.luxury-block-heading small{
    color:#99733b;

    font-size:6px;
    font-weight:900;

    letter-spacing:2.8px;
}


.luxury-block-heading h2{
    margin-top:5px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:26px;
    font-weight:400;
}


/* =====================================================
   FIELDS
===================================================== */

.luxury-form-grid{
    display:grid;

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

    gap:15px;
}


.luxury-field-full{
    grid-column:1 / -1;
}


.luxury-field label{
    display:block;

    margin-bottom:8px;

    font-size:8px;
    font-weight:700;
}


.luxury-field input,
.luxury-field textarea{
    width:100%;

    border:
        1px solid
        rgba(0,0,0,.12);

    border-radius:0;

    outline:none;

    background:#fff;

    color:#111;

    font:inherit;

    transition:.2s ease;
}


.luxury-field input{
    min-height:53px;

    padding:0 15px;
}


.luxury-field textarea{
    padding:15px;

    resize:vertical;
}


.luxury-field input:focus,
.luxury-field textarea:focus{
    border-color:#111;
}


.luxury-field.invalid input,
.luxury-field.invalid textarea{
    border-color:#a44f48;
}


.luxury-field-error{
    min-height:13px;

    display:block;

    margin-top:5px;

    color:#a34c46;

    font-size:7px;
}


/* =====================================================
   PAY NOW BLOCK
===================================================== */

.luxury-pay-now-card{
    margin-bottom:24px;

    padding:23px;

    display:grid;

    grid-template-columns:
        145px 1fr;

    gap:25px;

    align-items:center;

    background:#111;

    color:#fff;
}


.luxury-pay-now-card small{
    display:block;

    color:#d4b374;

    font-size:6px;
    font-weight:900;

    letter-spacing:2px;
}


.luxury-pay-now-card > div:first-child strong{
    display:block;

    margin-top:8px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;
    font-weight:400;
}


.luxury-pay-now-card > div:last-child strong{
    display:block;

    font-size:10px;
}


.luxury-pay-now-card p{
    margin-top:6px;

    color:#a9a39b;

    font-size:9px;
    line-height:1.7;
}


/* =====================================================
   PAYMENT METHODS
===================================================== */

.luxury-payment-list{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px;
}


.luxury-payment-method{
    min-height:84px;

    padding:16px;

    display:grid;

    grid-template-columns:
        20px 1fr auto;

    gap:12px;

    align-items:center;

    cursor:pointer;

    border:
        1px solid
        rgba(0,0,0,.09);

    background:#fff;

    transition:.22s ease;
}


.luxury-payment-method:hover{
    border-color:#a27c43;
}


.luxury-payment-method:has(input:checked){
    border-color:#111;

    background:#f0e9de;
}


.luxury-payment-method input{
    display:none;
}


.luxury-radio{
    width:17px;
    height:17px;

    position:relative;

    display:block;

    border:
        1px solid #777;

    border-radius:50%;
}


.luxury-payment-method
input:checked
+
.luxury-radio{
    border-color:#111;
}


.luxury-payment-method
input:checked
+
.luxury-radio::after{
    content:"";

    position:absolute;

    inset:4px;

    border-radius:50%;

    background:#111;
}


.luxury-payment-name strong{
    display:block;

    font-size:10px;
}


.luxury-payment-name small{
    display:block;

    margin-top:4px;

    color:#989188;

    font-size:7px;
}


.luxury-payment-method > b{
    font-size:18px;
    font-weight:400;
}


.luxury-payment-card-method{
    grid-column:1 / -1;
}


.luxury-card-brands{
    display:flex;
    align-items:center;

    gap:8px;
}


.luxury-card-brands > span:first-child{
    min-width:48px;
    height:29px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(0,0,0,.12);

    background:#fff;

    font-size:10px;
    font-weight:900;

    font-style:italic;
}


.luxury-mastercard{
    width:45px;
    height:29px;

    position:relative;

    display:block;

    border:
        1px solid
        rgba(0,0,0,.12);

    background:#fff;
}


.luxury-mastercard i{
    width:17px;
    height:17px;

    position:absolute;

    top:5px;

    border:
        1px solid #333;

    border-radius:50%;
}


.luxury-mastercard i:first-child{
    left:8px;
}


.luxury-mastercard i:last-child{
    right:8px;
}


.luxury-payment-error{
    min-height:15px;

    display:block;

    margin-top:7px;

    color:#9f4842;

    font-size:8px;
}


/* =====================================================
   INSTRUCTIONS
===================================================== */

.luxury-payment-instructions{
    margin-top:23px;

    padding:21px;

    background:#eee7dc;
}


.luxury-payment-instructions > span{
    display:block;

    color:#98733d;

    font-size:6px;
    font-weight:900;

    letter-spacing:2.5px;
}


.luxury-payment-instructions h3{
    margin-top:8px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:19px;
    font-weight:400;
}


.luxury-payment-instructions p{
    max-width:600px;

    margin-top:9px;

    color:#746d64;

    font-size:9px;
    line-height:1.75;
}


.luxury-payment-instructions > small{
    display:block;

    margin-top:8px;

    color:#9a938a;

    font-size:7px;
}


/* =====================================================
   SCREENSHOT UPLOAD
===================================================== */

.luxury-upload-area{
    margin-top:17px;
}


.luxury-upload-area > input{
    position:absolute;

    opacity:0;

    pointer-events:none;
}


.luxury-upload-area > label{
    min-height:100px;

    padding:20px;

    display:grid;

    grid-template-columns:
        45px
        1fr
        auto;

    gap:14px;

    align-items:center;

    cursor:pointer;

    border:
        1px dashed
        rgba(0,0,0,.24);

    background:#fff;

    transition:.2s ease;
}


.luxury-upload-area > label:hover{
    border-color:#9d783f;

    background:#fcfaf6;
}


.luxury-upload-icon{
    width:42px;
    height:42px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#111;
    color:#d6b574;

    font-size:17px;
}


.luxury-upload-area label strong{
    display:block;

    font-size:10px;
}


.luxury-upload-area label small{
    display:block;

    margin-top:5px;

    color:#999;

    font-size:7px;
}


.luxury-upload-area label > b{
    font-size:7px;
    letter-spacing:1.2px;
}


.luxury-upload-preview{
    display:none;

    margin-top:10px;

    padding:12px;

    grid-template-columns:
        70px 1fr;

    gap:13px;

    align-items:center;

    border:
        1px solid
        rgba(0,0,0,.08);

    background:#fff;
}


.luxury-upload-preview.show{
    display:grid;
}


.luxury-upload-preview img{
    width:70px;
    height:70px;

    object-fit:contain;

    background:#eee7dc;
}


.luxury-upload-preview strong{
    display:block;

    font-size:8px;
}


.luxury-upload-preview button{
    margin-top:8px;

    padding:0;

    border:0;

    background:transparent;

    color:#9c4d47;

    cursor:pointer;

    font-size:7px;
    font-weight:900;
}


.luxury-upload-error{
    min-height:14px;

    display:block;

    margin-top:6px;

    color:#a04b45;

    font-size:7px;
}


/* =====================================================
   SECURITY
===================================================== */

.luxury-payment-security{
    margin-top:16px;

    padding:17px;

    display:grid;

    grid-template-columns:
        35px 1fr;

    gap:12px;

    background:#f8f5ef;
}


.luxury-payment-security > span{
    width:32px;
    height:32px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(0,0,0,.11);

    border-radius:50%;
}


.luxury-payment-security strong{
    display:block;

    font-size:9px;
}


.luxury-payment-security p{
    margin-top:5px;

    color:#827b73;

    font-size:8px;
    line-height:1.6;
}


/* =====================================================
   ALERT + BUTTON
===================================================== */

.luxury-checkout-alert{
    display:none;

    margin-top:15px;

    padding:14px;

    font-size:9px;

    line-height:1.6;
}


.luxury-checkout-alert.show{
    display:block;
}


.luxury-checkout-alert.error{
    color:#8e403a;

    background:#f6e7e5;
}


.luxury-checkout-alert.success{
    color:#416747;

    background:#e8f1e9;
}


.luxury-submit-order{
    position:relative;

    width:100%;
    min-height:58px;

    margin-top:20px;

    border:0;

    background:#111;
    color:#fff;

    cursor:pointer;

    font-size:8px;
    font-weight:900;

    letter-spacing:2px;

    transition:.22s ease;
}


.luxury-submit-order:hover{
    background:#9b7540;
}


.luxury-submit-order:disabled{
    opacity:.6;

    cursor:not-allowed;
}


.luxury-submit-loader{
    width:18px;
    height:18px;

    display:none;

    margin:auto;

    border:
        2px solid
        rgba(255,255,255,.25);

    border-top-color:#fff;

    border-radius:50%;

    animation:
        luxuryCheckoutSpin
        .7s
        linear
        infinite;
}


.luxury-submit-order.loading
.luxury-submit-text{
    display:none;
}


.luxury-submit-order.loading
.luxury-submit-loader{
    display:block;
}


@keyframes luxuryCheckoutSpin{

    to{
        transform:rotate(360deg);
    }

}


.luxury-checkout-terms{
    margin-top:13px;

    text-align:center;

    color:#999;

    font-size:7px;
}


/* =====================================================
   SUMMARY
===================================================== */

.luxury-order-summary{
    position:sticky;

    top:28px;

    padding:34px;

    background:#eee7dc;
}


.luxury-summary-heading > span{
    color:#98723b;

    font-size:6px;
    font-weight:900;

    letter-spacing:3px;
}


.luxury-summary-heading h2{
    margin-top:7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:33px;
    font-weight:400;
}


.luxury-summary-items{
    margin-top:24px;
}


.luxury-summary-item{
    padding:14px 0;

    display:grid;

    grid-template-columns:
        70px
        1fr
        auto;

    gap:12px;

    align-items:center;

    border-bottom:
        1px solid
        rgba(0,0,0,.08);
}


.luxury-summary-item-image{
    width:70px;
    height:78px;

    display:flex;

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

    overflow:hidden;

    background:#dfd5c6;
}


.luxury-summary-item-image img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;
}


.luxury-summary-item h3{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:12px;
    font-weight:400;
}


.luxury-summary-item p{
    margin-top:4px;

    color:#8e877e;

    font-size:7px;
}


.luxury-summary-item > strong{
    font-size:9px;
}


.luxury-summary-empty{
    display:none;

    padding:35px 0;

    text-align:center;
}


.luxury-summary-empty.show{
    display:block;
}


.luxury-summary-empty h3{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;
    font-weight:400;
}


.luxury-summary-empty p{
    margin-top:7px;

    color:#999;

    font-size:8px;
}


.luxury-summary-empty a{
    display:inline-block;

    margin-top:15px;

    color:#111;

    font-size:7px;
    font-weight:900;
}


.luxury-summary-row{
    min-height:44px;

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

    gap:15px;
}


.luxury-summary-row span{
    color:#756f67;

    font-size:8px;
}


.luxury-summary-row strong{
    font-size:10px;
}


.luxury-summary-divider{
    margin:17px 0;

    border-top:
        1px solid
        rgba(0,0,0,.10);
}


/* SPLIT */

.luxury-summary-split{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:8px;
}


.luxury-summary-split > div{
    min-height:116px;

    padding:16px;
}


.luxury-pay-now{
    background:#111;
    color:#fff;
}


.luxury-pay-later{
    background:#fff;
    color:#111;
}


.luxury-summary-split span,
.luxury-summary-split small{
    display:block;
}


.luxury-summary-split span{
    color:#d5b471;

    font-size:6px;
    font-weight:900;

    letter-spacing:1.4px;
}


.luxury-pay-later span{
    color:#96703a;
}


.luxury-summary-split strong{
    display:block;

    margin-top:9px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:19px;
    font-weight:400;
}


.luxury-summary-split small{
    margin-top:6px;

    color:#8e887f;

    font-size:7px;
}


.luxury-grand-total{
    display:flex;

    align-items:center;
    justify-content:space-between;
}


.luxury-grand-total span{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:14px;
}


.luxury-grand-total strong{
    font-size:21px;
}


/* BENEFITS */

.luxury-summary-benefits{
    margin-top:28px;

    padding-top:21px;

    display:grid;

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

    gap:7px;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}


.luxury-summary-benefits > div{
    text-align:center;
}


.luxury-summary-benefits span{
    width:30px;
    height:30px;

    margin:auto;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(0,0,0,.12);

    border-radius:50%;
}


.luxury-summary-benefits p{
    margin-top:6px;

    color:#777;

    font-size:6px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

    .luxury-checkout-wrapper{
        grid-template-columns:1fr;

        gap:40px;
    }


    .luxury-order-summary{
        position:static;

        order:-1;
    }

}


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

@media(max-width:600px){

    .luxury-checkout-header{
        min-height:74px;

        padding:0 16px;
    }


    .luxury-checkout-logo strong{
        font-size:17px;
    }


    .luxury-checkout-lock div{
        display:none;
    }


    .luxury-checkout-lock > span{
        width:33px;
        height:33px;
    }


    .luxury-checkout-steps{
        min-height:57px;

        gap:8px;
    }


    .luxury-checkout-steps i{
        width:27px;
    }


    .luxury-checkout-steps small{
        display:none;
    }


    .luxury-checkout-wrapper{
        width:calc(100% - 28px);

        margin:
            35px
            auto
            90px;

        display:flex;
        flex-direction:column;
    }


    .luxury-order-summary{
        order:-1;

        padding:23px 17px;
    }


    .luxury-checkout-intro{
        margin-bottom:34px;
    }


    .luxury-checkout-intro h1{
        font-size:47px;

        letter-spacing:-1.4px;
    }


    .luxury-checkout-intro p{
        font-size:10px;
    }


    .luxury-checkout-block{
        padding:28px 0;
    }


    .luxury-form-grid{
        grid-template-columns:1fr;
    }


    .luxury-field-full{
        grid-column:auto;
    }


    .luxury-pay-now-card{
        grid-template-columns:1fr;

        gap:12px;
    }


    .luxury-payment-list{
        grid-template-columns:1fr;
    }


    .luxury-payment-card-method{
        grid-column:auto;
    }


    .luxury-payment-method{
        min-height:76px;
    }


    .luxury-upload-area > label{
        min-height:98px;

        padding:16px;

        grid-template-columns:
            42px
            1fr;
    }


    .luxury-upload-area label > b{
        display:none;
    }


    .luxury-summary-item{
        grid-template-columns:
            58px
            1fr
            auto;
    }


    .luxury-summary-item-image{
        width:58px;
        height:66px;
    }


    .luxury-submit-order{
        position:sticky;

        bottom:10px;

        z-index:100;

        min-height:57px;

        box-shadow:
            0 12px 35px
            rgba(0,0,0,.20);
    }

}
/* =====================================================
   COUTURE ORDER SUCCESS - FINAL PREMIUM
===================================================== */

.couture-success-body{
    margin:0;

    min-height:100vh;

    background:
        linear-gradient(
            180deg,
            #fbfaf7 0%,
            #f4efe7 100%
        );

    color:#111;
}


/* =====================================================
   HEADER
===================================================== */

.couture-success-header{
    min-height:94px;

    padding:0 5%;

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

    background:#fff;

    border-bottom:
        1px solid
        rgba(0,0,0,.07);
}


.couture-success-brand{
    color:#111;

    text-decoration:none;
}


.couture-success-brand strong{
    display:block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;

    font-weight:400;

    letter-spacing:2px;
}


.couture-success-brand small{
    display:block;

    margin-top:4px;

    color:#9d783f;

    font-size:6px;

    font-weight:900;

    letter-spacing:2.7px;
}


.couture-success-header-meta{
    display:flex;

    align-items:center;

    gap:11px;
}


.couture-success-header-meta > span{
    width:38px;
    height:38px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(0,0,0,.11);

    border-radius:50%;
}


.couture-success-header-meta strong,
.couture-success-header-meta small{
    display:block;
}


.couture-success-header-meta strong{
    font-size:7px;

    letter-spacing:1.4px;
}


.couture-success-header-meta small{
    margin-top:3px;

    color:#999;

    font-size:7px;
}


/* =====================================================
   LAYOUT
===================================================== */

.couture-success-shell{
    width:min(1200px,92%);

    margin:82px auto 120px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        390px;

    gap:80px;

    align-items:start;
}


/* =====================================================
   PRIMARY CONFIRMATION
===================================================== */

.couture-success-main{
    padding-top:8px;
}


.couture-success-symbol{
    width:68px;
    height:68px;

    margin-bottom:27px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:#111;

    color:#d9b875;

    font-size:24px;

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.12);
}


.couture-success-eyebrow{
    display:block;

    color:#9d783f;

    font-size:7px;

    font-weight:900;

    letter-spacing:4px;
}


.couture-success-title{
    max-width:720px;

    margin:13px 0 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(52px,6vw,82px);

    line-height:.92;

    font-weight:400;

    letter-spacing:-2.2px;
}


.couture-success-title em{
    display:block;

    margin-top:4px;

    color:#a37d42;

    font-weight:400;
}


.couture-success-lead{
    max-width:580px;

    margin-top:24px;

    color:#716b63;

    font-size:11px;

    line-height:1.9;
}


/* =====================================================
   ORDER REFERENCE
===================================================== */

.couture-order-reference{
    max-width:610px;

    margin-top:38px;

    padding:22px 0;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    border-top:
        1px solid
        rgba(0,0,0,.10);

    border-bottom:
        1px solid
        rgba(0,0,0,.10);
}


.couture-order-reference small{
    display:block;

    color:#9a753d;

    font-size:6px;

    font-weight:900;

    letter-spacing:2px;
}


.couture-order-reference strong{
    display:block;

    margin-top:7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:23px;

    font-weight:400;
}


.couture-order-reference p{
    max-width:250px;

    color:#8b847b;

    font-size:8px;

    line-height:1.65;

    text-align:right;
}


/* =====================================================
   ORDER JOURNEY
===================================================== */

.couture-order-journey{
    max-width:650px;

    margin-top:52px;
}


.couture-section-label > span{
    display:block;

    color:#99733c;

    font-size:6px;

    font-weight:900;

    letter-spacing:3px;
}


.couture-section-label h2{
    margin-top:7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:32px;

    font-weight:400;
}


.couture-order-timeline{
    margin-top:28px;

    position:relative;
}


.couture-order-timeline::before{
    content:"";

    position:absolute;

    left:18px;

    top:20px;

    bottom:35px;

    width:1px;

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


.couture-order-timeline article{
    position:relative;

    min-height:100px;

    display:grid;

    grid-template-columns:
        38px
        1fr;

    gap:17px;
}


.couture-timeline-marker{
    width:38px;
    height:38px;

    z-index:2;

    display:grid;

    place-items:center;

    border-radius:50%;

    border:
        1px solid
        rgba(0,0,0,.15);

    background:#f7f2eb;

    color:#777;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:11px;
}


.couture-order-timeline article.active
.couture-timeline-marker{
    border-color:#111;

    background:#111;

    color:#d8b875;
}


.couture-order-timeline small{
    display:block;

    color:#9c763e;

    font-size:6px;

    font-weight:900;

    letter-spacing:2px;
}


.couture-order-timeline h3{
    margin-top:5px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;

    font-weight:400;
}


.couture-order-timeline p{
    max-width:430px;

    margin-top:5px;

    color:#858078;

    font-size:8px;

    line-height:1.65;
}


/* =====================================================
   ACTIONS
===================================================== */

.couture-success-actions{
    max-width:610px;

    margin-top:34px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px;
}


.couture-success-actions a{
    min-height:54px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.5px;

    transition:.2s ease;
}


.couture-success-primary{
    background:#111;

    color:#fff;
}


.couture-success-primary:hover{
    background:#9c763f;
}


.couture-success-secondary{
    border:
        1px solid
        rgba(0,0,0,.15);

    background:#fff;

    color:#111;
}


.couture-success-secondary:hover{
    border-color:#111;
}


.couture-success-home{
    display:inline-block;

    margin-top:21px;

    color:#777;

    text-decoration:none;

    font-size:8px;
}


/* =====================================================
   SUMMARY PANEL
===================================================== */

.couture-success-summary{
    position:sticky;

    top:28px;

    padding:34px;

    background:#ede6db;

    border:
        1px solid
        rgba(0,0,0,.04);
}


.couture-summary-heading > span{
    display:block;

    color:#99733c;

    font-size:6px;

    font-weight:900;

    letter-spacing:3px;
}


.couture-summary-heading h2{
    margin-top:7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;

    font-weight:400;
}


/* STATUS */

.couture-summary-status{
    margin-top:27px;
}


.couture-summary-status > div{
    min-height:48px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    border-bottom:
        1px solid
        rgba(0,0,0,.07);
}


.couture-summary-status span{
    color:#746e66;

    font-size:8px;
}


.couture-summary-status strong{
    max-width:170px;

    text-align:right;

    font-size:9px;
}


.couture-status-pending{
    color:#9a7335;
}


/* DIVIDER */

.couture-summary-divider{
    margin:20px 0;

    border-top:
        1px solid
        rgba(0,0,0,.10);
}


/* PAYMENT */

.couture-success-payment-split{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:8px;
}


.couture-success-payment-split > div{
    min-height:120px;

    padding:17px;
}


.couture-success-paid{
    background:#111;

    color:#fff;
}


.couture-success-cod{
    background:#fff;

    color:#111;
}


.couture-success-payment-split small,
.couture-success-payment-split span{
    display:block;
}


.couture-success-payment-split small{
    color:#d3b16e;

    font-size:6px;

    font-weight:900;

    letter-spacing:1.5px;
}


.couture-success-cod small{
    color:#966f38;
}


.couture-success-payment-split strong{
    display:block;

    margin-top:10px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;

    font-weight:400;
}


.couture-success-payment-split span{
    margin-top:7px;

    color:#8d867d;

    font-size:7px;
}


/* TOTAL */

.couture-success-total{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;
}


.couture-success-total span{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:14px;
}


.couture-success-total strong{
    font-size:21px;
}


/* NOTE */

.couture-success-note{
    margin-top:27px;

    padding-top:20px;

    display:grid;

    grid-template-columns:
        36px
        1fr;

    gap:12px;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}


.couture-success-note > span{
    width:34px;
    height:34px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(0,0,0,.11);

    border-radius:50%;
}


.couture-success-note h3{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:14px;

    font-weight:400;
}


.couture-success-note p{
    margin-top:5px;

    color:#888178;

    font-size:7px;

    line-height:1.6;
}


/* SUPPORT */

.couture-success-support{
    margin-top:25px;

    padding-top:22px;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}


.couture-success-support small{
    color:#9a743d;

    font-size:6px;

    font-weight:900;

    letter-spacing:2px;
}


.couture-success-support h3{
    margin-top:7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:18px;

    font-weight:400;
}


.couture-success-support p{
    margin-top:7px;

    color:#837d74;

    font-size:8px;

    line-height:1.65;
}


.couture-success-support a{
    display:inline-block;

    margin-top:12px;

    color:#111;

    text-decoration:none;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

    .couture-success-shell{
        grid-template-columns:1fr;

        gap:45px;
    }


    .couture-success-summary{
        position:static;

        order:-1;
    }

}


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

@media(max-width:600px){

    .couture-success-header{
        min-height:75px;

        padding:0 16px;
    }


    .couture-success-brand strong{
        font-size:17px;
    }


    .couture-success-header-meta div{
        display:none;
    }


    .couture-success-header-meta > span{
        width:33px;
        height:33px;
    }


    .couture-success-shell{
        width:calc(100% - 28px);

        margin:42px auto 80px;

        display:flex;

        flex-direction:column;

        gap:36px;
    }


    .couture-success-summary{
        order:2;

        padding:23px 17px;
    }


    .couture-success-symbol{
        width:58px;
        height:58px;

        margin-bottom:22px;

        font-size:21px;
    }


    .couture-success-title{
        font-size:50px;

        letter-spacing:-1.5px;
    }


    .couture-success-lead{
        font-size:10px;
    }


    .couture-order-reference{
        display:block;
    }


    .couture-order-reference p{
        max-width:100%;

        margin-top:13px;

        text-align:left;
    }


    .couture-section-label h2{
        font-size:29px;
    }


    .couture-order-timeline article{
        min-height:94px;
    }


    .couture-success-actions{
        grid-template-columns:1fr;
    }


    .couture-success-payment-split{
        grid-template-columns:1fr 1fr;
    }

}
/* =====================================================
   FEATURED DEALS - MATCH PREMIUM PRODUCT CARDS
===================================================== */

.video-deal-card{
    position:relative;
    overflow:hidden;
    border-radius:6px;
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.video-deal-card:hover{
    transform:translateY(-3px);
    box-shadow:
        0 16px 40px
        rgba(0,0,0,.08);
}


.video-deal-image{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1.05;

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

    overflow:hidden;

    background:#eee9e1;
}


.video-deal-image img{
    width:100%;
    height:100%;

    object-fit:contain !important;
    object-position:center !important;
}


.video-deal-image > span{
    position:absolute;
    top:12px;
    left:12px;
    z-index:2;

    padding:6px 8px;

    background:#e2533f;
    color:#fff;

    font-size:7px;
    font-weight:900;
}


.video-deal-card h3{
    margin:
        14px
        14px
        0;

    font-size:13px;
    font-weight:700;
}


.video-deal-card > small{
    display:block;

    margin:
        6px
        14px
        0;

    color:#999;

    font-size:7px;
}


.video-deal-price{
    margin:
        8px
        14px
        12px;

    display:flex;
    align-items:center;
    gap:8px;
}


.video-deal-price del{
    color:#aaa;
    font-size:8px;
}


.video-deal-price strong{
    color:#111;
    font-size:11px;
}


.video-deal-card .add-cart-btn{
    width:calc(100% - 28px);

    min-height:42px;

    margin:
        0
        14px
        14px;

    border:0;

    border-radius:3px;

    background:#111;
    color:#fff;

    cursor:pointer;

    font-size:8px;
    font-weight:900;
    letter-spacing:1.2px;

    transition:
        background .2s ease,
        transform .2s ease;
}


.video-deal-card .add-cart-btn:hover{
    background:#9d783f;
}


.video-deal-card .add-cart-btn:active{
    transform:scale(.98);
}


/* MOBILE */

@media(max-width:600px){

    .video-deal-card{
        border-radius:4px;
    }


    .video-deal-card h3{
        margin:
            11px
            10px
            0;

        font-size:11px;
    }


    .video-deal-card > small{
        margin:
            4px
            10px
            0;

        font-size:6px;
    }


    .video-deal-price{
        margin:
            7px
            10px
            9px;

        gap:6px;
    }


    .video-deal-price del{
        font-size:7px;
    }


    .video-deal-price strong{
        font-size:10px;
    }


    .video-deal-card .add-cart-btn{
        width:calc(100% - 20px);

        min-height:38px;

        margin:
            0
            10px
            10px;

        font-size:7px;
    }

}

/* =====================================================
   FEATURED DEALS QUICK VIEW - SAME PREMIUM ANIMATION
===================================================== */

.video-deal-card .product-media{
    position:relative;
    overflow:hidden;
}


/* QUICK VIEW HIDDEN BY DEFAULT */

.video-deal-card .quick-view-btn{
    position:absolute;

    left:14px;
    right:14px;
    bottom:14px;

    width:auto;
    min-height:46px;

    border:0;
    border-radius:3px;

    background:#111;
    color:#fff;

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

    font-size:8px;
    font-weight:900;
    letter-spacing:1.2px;

    cursor:pointer;

    opacity:0;

    transform:
        translateY(18px);

    pointer-events:none;

    transition:
        opacity .28s ease,
        transform .28s ease,
        background .22s ease;
}


/* HOVER = SHOW QUICK VIEW */

.video-deal-card:hover
.quick-view-btn{
    opacity:1;

    transform:
        translateY(0);

    pointer-events:auto;
}


/* IMAGE PREMIUM HOVER */

.video-deal-card
.product-media img{
    transition:
        transform .45s ease;
}


.video-deal-card:hover
.product-media img{
    transform:
        scale(1.025);
}


/* QUICK VIEW HOVER */

.video-deal-card
.quick-view-btn:hover{
    background:#9d783f;
}


/* CARD HOVER */

.video-deal-card{
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.video-deal-card:hover{
    transform:
        translateY(-4px);

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.09);
}


/* MOBILE
   MOBILE PAR HOVER NAHI HOTA,
   ISLIYE QUICK VIEW HIDDEN RAKHO
*/

@media(max-width:700px){

    .video-deal-card .quick-view-btn{
        display:none;
    }

}
/* =====================================================
   FEATURED DEALS QUICK VIEW - EXACT PRODUCT CARD STYLE
===================================================== */

/* Featured Deals mein product image area ko
   normal product-card jaisa behave karwao */
.video-deals-grid .product-card .product-media{
    position:relative;
    overflow:hidden;
}


/* Quick View default hidden */
.video-deals-grid .product-card .quick-view-btn{
    position:absolute !important;

    left:12px !important;
    right:12px !important;
    bottom:12px !important;

    width:calc(100% - 24px) !important;
    height:46px !important;

    margin:0 !important;
    padding:0 !important;

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

    border:0 !important;
    border-radius:3px !important;

    background:#111 !important;
    color:#fff !important;

    font-size:8px !important;
    font-weight:900 !important;
    letter-spacing:1.2px !important;

    cursor:pointer;

    opacity:0 !important;

    transform:
        translateY(18px) !important;

    visibility:hidden !important;
    pointer-events:none !important;

    transition:
        opacity .28s ease,
        transform .28s ease,
        visibility .28s ease,
        background .2s ease !important;
}


/* IMPORTANT:
   sirf IMAGE AREA hover par show hoga */
.video-deals-grid
.product-card
.product-media:hover
.quick-view-btn{

    opacity:1 !important;

    transform:
        translateY(0) !important;

    visibility:visible !important;

    pointer-events:auto !important;
}


/* Quick View hover */
.video-deals-grid
.product-card
.quick-view-btn:hover{

    background:#a17b42 !important;
}


/* Image subtle premium zoom */
.video-deals-grid
.product-card
.product-media img{

    transition:
        transform .45s ease !important;
}


.video-deals-grid
.product-card
.product-media:hover img{

    transform:
        scale(1.02) !important;
}


/* Mobile par Quick View mat dikhao */
@media(max-width:700px){

    .video-deals-grid
    .product-card
    .quick-view-btn{

        display:none !important;
    }

}
/* =====================================================
   LUXURY PRODUCT CARD PURCHASE ACTIONS
===================================================== */

.product-card .add-cart-btn{
    width:100%;
    min-height:46px;

    margin-top:14px;

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

    border:1px solid #111;
    border-radius:2px;

    background:#111;
    color:#fff;

    cursor:pointer;

    font-size:7px;
    font-weight:900;
    letter-spacing:1.7px;

    text-transform:uppercase;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .2s ease;
}

.product-card .add-cart-btn:hover{
    background:#9b763f;
    border-color:#9b763f;
}

.product-card .add-cart-btn:active{
    transform:scale(.985);
}


/* EXPRESS ORDER ACTION */

.product-order-now-btn{
    width:100%;

    min-height:42px;

    margin:0;

    padding:0 2px;

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

    gap:8px;

    border:0;
    border-bottom:1px solid rgba(0,0,0,.10);

    background:transparent;
    color:#111;

    cursor:pointer;

    font-size:7px;
    font-weight:900;
    letter-spacing:1.45px;

    text-transform:uppercase;

    transition:
        color .22s ease,
        border-color .22s ease;
}


.product-order-now-btn span{
    display:inline-block;

    font-family:Georgia,"Times New Roman",serif;

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

    transition:
        transform .25s ease;
}


.product-order-now-btn:hover{
    color:#9a733a;

    border-bottom-color:#9a733a;
}


.product-order-now-btn:hover span{
    transform:translateX(4px);
}


/* FEATURED DEALS SAME ACTION SYSTEM */

.video-deals-grid
.product-card
.product-order-now-btn{
    width:100%;
}


/* MOBILE */

@media(max-width:600px){

    .product-card .add-cart-btn{
        min-height:40px;

        margin-top:10px;

        font-size:6.5px;

        letter-spacing:1.25px;
    }


    .product-order-now-btn{
        min-height:37px;

        font-size:6px;

        letter-spacing:1.1px;

        gap:6px;
    }


    .product-order-now-btn span{
        font-size:12px;
    }

}
/* =====================================================
   FINAL PREMIUM PRODUCT CARD BUTTONS
===================================================== */

.product-card .add-cart-btn,
.product-card .product-order-now-btn{
    width:100% !important;

    height:50px !important;
    min-height:50px !important;

    margin-left:0 !important;
    margin-right:0 !important;

    padding:0 18px !important;

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

    gap:8px;

    border-radius:3px !important;

    cursor:pointer;

    font-size:8px !important;
    font-weight:900 !important;

    letter-spacing:1.6px !important;

    text-transform:uppercase;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .18s ease,
        box-shadow .25s ease !important;
}


/* ADD TO CART */

.product-card .add-cart-btn{
    margin-top:15px !important;

    border:1px solid #111 !important;

    background:#111 !important;
    color:#fff !important;

    box-shadow:
        0 8px 22px
        rgba(0,0,0,.08);
}


.product-card .add-cart-btn:hover{
    background:#9d783f !important;

    border-color:#9d783f !important;

    box-shadow:
        0 12px 28px
        rgba(157,120,63,.20);
}


/* ORDER NOW */

.product-card .product-order-now-btn{
    margin-top:8px !important;

    border:
        1px solid
        #a17b42 !important;

    background:
        linear-gradient(
            135deg,
            #f5eee3,
            #e8dbc7
        ) !important;

    color:#111 !important;

    box-shadow:
        0 7px 18px
        rgba(0,0,0,.05);
}


/* ARROW */

.product-card
.product-order-now-btn span{
    display:inline-block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:16px !important;

    line-height:1;

    transition:
        transform .25s ease;
}


/* ORDER NOW HOVER */

.product-card
.product-order-now-btn:hover{
    background:#a17b42 !important;

    color:#fff !important;

    border-color:#a17b42 !important;

    box-shadow:
        0 12px 28px
        rgba(161,123,66,.22);
}


.product-card
.product-order-now-btn:hover span{
    transform:
        translateX(4px);
}


/* PRESS */

.product-card .add-cart-btn:active,
.product-card .product-order-now-btn:active{
    transform:
        scale(.985);
}



/* =====================================================
   FEATURED DEALS SAME BUTTON SIZE
===================================================== */

.video-deals-grid
.product-card
.add-cart-btn,

.video-deals-grid
.product-card
.product-order-now-btn{

    width:100% !important;

    height:50px !important;

    min-height:50px !important;
}



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

@media(max-width:600px){

    .product-card .add-cart-btn,
    .product-card .product-order-now-btn{

        width:100% !important;

        height:44px !important;
        min-height:44px !important;

        padding:0 10px !important;

        font-size:6.5px !important;

        letter-spacing:1.1px !important;

        border-radius:3px !important;
    }


    .product-card .add-cart-btn{

        margin-top:11px !important;
    }


    .product-card .product-order-now-btn{

        margin-top:6px !important;
    }


    .product-card
    .product-order-now-btn span{

        font-size:13px !important;
    }

}
/* =====================================================
   CHECKOUT PAYMENT PREFERENCE
===================================================== */

.luxury-payment-choice{
    margin:28px 0;
}

.luxury-choice-label{
    display:block;
    margin-bottom:12px;
    font-size:8px;
    font-weight:800;
    letter-spacing:2px;
    color:#9b763f;
}

.luxury-choice-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.luxury-choice-card{
    min-height:110px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:18px;
    border:1px solid rgba(0,0,0,.12);
    border-radius:3px;
    background:#fff;
    cursor:pointer;

    transition:
        border-color .25s ease,
        background .25s ease,
        transform .2s ease,
        box-shadow .25s ease;
}

.luxury-choice-card input{
    margin-top:4px;
    accent-color:#111;
}

.luxury-choice-card strong{
    display:block;
    margin-bottom:7px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:16px;
    font-weight:500;
}

.luxury-choice-card span{
    display:block;
    color:#777;
    font-size:10px;
    line-height:1.6;
}

.luxury-choice-card.active{
    border-color:#a17b42;
    background:#f4ede2;
    box-shadow:0 10px 26px rgba(0,0,0,.05);
}

.luxury-choice-card:hover{
    transform:translateY(-2px);
    border-color:#a17b42;
}

@media(max-width:600px){

    .luxury-choice-grid{
        grid-template-columns:1fr;
    }

    .luxury-choice-card{
        min-height:96px;
        padding:16px;
    }

    .luxury-choice-card strong{
        font-size:15px;
    }
}
/* =====================================================
   LUXURY TRACK ORDER PAGE
===================================================== */

.luxury-track-page{
    margin:0;
    background:#f5f0e8;
    color:#151515;
}

.luxury-track-header{
    min-height:82px;

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

    padding:0 5vw;

    background:#f7f2ea;

    border-bottom:
        1px solid
        rgba(0,0,0,.08);
}

.luxury-track-brand{
    color:#111;
    text-decoration:none;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:18px;
    letter-spacing:2.4px;
}

.luxury-track-header-actions{
    display:flex;
    align-items:center;
    gap:26px;
}

.luxury-track-header-actions a{
    color:#111;
    text-decoration:none;

    font-size:8px;
    font-weight:800;
    letter-spacing:1.6px;
}

.luxury-track-main{
    width:min(1380px,92%);
    margin:auto;
}

.luxury-track-hero{
    max-width:760px;

    padding:
        clamp(70px,9vw,130px)
        0
        clamp(50px,6vw,85px);
}

.luxury-track-eyebrow{
    display:block;

    margin-bottom:20px;

    color:#9c783f;

    font-size:8px;
    font-weight:900;

    letter-spacing:3px;
}

.luxury-track-hero h1{
    margin:0 0 20px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(48px,6vw,86px);

    line-height:.98;

    font-weight:400;

    letter-spacing:-2px;
}

.luxury-track-hero p{
    max-width:560px;

    margin:0;

    color:#666;

    font-size:13px;
    line-height:1.8;
}

.luxury-track-layout{
    display:grid;

    grid-template-columns:
        minmax(0,1.7fr)
        minmax(310px,.8fr);

    gap:32px;

    padding-bottom:110px;
}

.luxury-track-primary{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.luxury-track-form-card,
.luxury-track-status-card,
.luxury-track-side-card{
    background:#fff;

    border:
        1px solid
        rgba(0,0,0,.07);

    box-shadow:
        0 22px 55px
        rgba(0,0,0,.045);
}

.luxury-track-form-card{
    padding:
        clamp(30px,5vw,64px);
}

.luxury-section-number{
    display:inline-flex;

    width:34px;
    height:34px;

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

    margin-bottom:28px;

    border:
        1px solid
        #b68a4b;

    border-radius:50%;

    color:#9c783f;

    font-size:8px;
    font-weight:900;
}

.luxury-track-form-card h2,
.luxury-track-side-card h2,
.luxury-track-support h2,
.luxury-track-status-card h2{
    margin:0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-weight:400;
}

.luxury-track-form-card h2{
    font-size:
        clamp(30px,3.3vw,46px);
}

.luxury-track-intro{
    max-width:580px;

    margin:
        16px 0 38px;

    color:#777;

    font-size:11px;
    line-height:1.8;
}

.luxury-track-field{
    margin-bottom:22px;
}

.luxury-track-field label{
    display:block;

    margin-bottom:9px;

    font-size:7px;
    font-weight:900;
    letter-spacing:1.7px;

    color:#555;
}

.luxury-track-field input{
    width:100%;

    height:56px;

    padding:0 16px;

    box-sizing:border-box;

    border:
        1px solid
        #d8d0c5;

    border-radius:2px;

    background:#fbf9f5;

    color:#111;

    outline:none;

    font-size:12px;

    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.luxury-track-field input:focus{
    border-color:#a47d42;

    background:#fff;

    box-shadow:
        0 0 0 3px
        rgba(164,125,66,.08);
}

.luxury-track-submit{
    width:100%;

    min-height:58px;

    margin-top:8px;

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

    gap:12px;

    border:1px solid #111;
    border-radius:2px;

    background:#111;
    color:#fff;

    cursor:pointer;

    font-size:8px;
    font-weight:900;
    letter-spacing:2px;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .18s ease,
        box-shadow .25s ease;
}

.luxury-track-submit span{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;

    transition:
        transform .25s ease;
}

.luxury-track-submit:hover{
    background:#9f793f;
    border-color:#9f793f;

    box-shadow:
        0 16px 36px
        rgba(159,121,63,.18);
}

.luxury-track-submit:hover span{
    transform:
        translateX(5px);
}

.luxury-track-submit:active{
    transform:scale(.99);
}

.luxury-track-message{
    margin-top:18px;

    padding:14px 16px;

    border:
        1px solid
        rgba(0,0,0,.08);

    background:#f7f3ec;

    font-size:10px;
    line-height:1.6;
}

.luxury-track-status-card{
    padding:
        clamp(28px,4vw,52px);
}

.luxury-status-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:20px;

    padding-bottom:28px;

    border-bottom:
        1px solid
        rgba(0,0,0,.08);
}

.luxury-status-label,
.luxury-support-label{
    display:block;

    margin-bottom:10px;

    color:#9c783f;

    font-size:7px;
    font-weight:900;
    letter-spacing:2px;
}

.luxury-status-header h2{
    font-size:
        clamp(28px,3vw,42px);
}

.luxury-status-badge{
    padding:9px 13px;

    border:
        1px solid
        #a17a40;

    color:#8e6832;

    font-size:7px;
    font-weight:900;
    letter-spacing:1.4px;
}

.luxury-status-description{
    margin:26px 0;

    color:#6e6e6e;

    font-size:11px;
    line-height:1.8;
}

.luxury-order-meta{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:12px;

    margin-bottom:34px;
}

.luxury-order-meta div{
    padding:18px;

    background:#f7f3ed;
}

.luxury-order-meta span{
    display:block;

    margin-bottom:8px;

    color:#888;

    font-size:6px;
    font-weight:900;
    letter-spacing:1.5px;
}

.luxury-order-meta strong{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

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

.luxury-track-timeline{
    position:relative;

    display:flex;
    flex-direction:column;

    gap:0;
}

.luxury-track-step{
    position:relative;

    display:grid;

    grid-template-columns:
        54px 1fr;

    gap:18px;

    min-height:94px;
}

.luxury-step-marker{
    position:relative;
    z-index:2;

    width:42px;
    height:42px;

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

    border-radius:50%;

    border:
        1px solid
        #cec5b8;

    background:#fff;

    color:#999;

    font-size:7px;
    font-weight:900;
}

.luxury-track-step:not(:last-child)::after{
    content:"";

    position:absolute;

    left:20px;
    top:42px;

    width:1px;
    height:52px;

    background:#ddd5ca;
}

.luxury-track-step.active .luxury-step-marker{
    border-color:#111;

    background:#111;
    color:#fff;
}

.luxury-track-step h3{
    margin:4px 0 7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;
    font-weight:400;
}

.luxury-track-step p{
    margin:0;

    color:#888;

    font-size:9px;
    line-height:1.6;
}

.luxury-track-sidebar{
    display:flex;
    flex-direction:column;

    gap:22px;
}

.luxury-track-side-card{
    padding:34px;
}

.luxury-track-side-card h2,
.luxury-track-support h2{
    font-size:28px;
}

.luxury-track-side-card > p,
.luxury-track-support > p{
    margin:15px 0 28px;

    color:#777;

    font-size:10px;
    line-height:1.8;
}

.luxury-track-service-list{
    display:flex;
    flex-direction:column;

    gap:0;
}

.luxury-track-service-list div{
    display:flex;
    align-items:center;

    gap:12px;

    padding:16px 0;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}

.luxury-track-service-list span{
    color:#9d783f;
}

.luxury-track-service-list p{
    margin:0;

    font-size:9px;
}

.luxury-track-support{
    padding:34px;

    background:#151515;

    color:#fff;
}

.luxury-track-support > p{
    color:#aaa;
}

.luxury-track-support a{
    display:flex;

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

    padding-top:18px;

    border-top:
        1px solid
        rgba(255,255,255,.14);

    color:#fff;

    text-decoration:none;

    font-size:7px;
    font-weight:900;
    letter-spacing:1.5px;
}

.luxury-track-support a span{
    font-size:16px;

    transition:
        transform .25s ease;
}

.luxury-track-support a:hover span{
    transform:
        translateX(5px);
}

.luxury-track-footer{
    min-height:170px;

    display:flex;
    flex-direction:column;

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

    gap:12px;

    background:#101010;
    color:#fff;

    text-align:center;
}

.luxury-track-footer span{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;
    letter-spacing:2.5px;
}

.luxury-track-footer p{
    margin:0;

    color:#777;

    font-size:8px;
    letter-spacing:.6px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:980px){

    .luxury-track-layout{
        grid-template-columns:1fr;
    }

    .luxury-track-sidebar{
        display:grid;

        grid-template-columns:
            1fr 1fr;
    }

}


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

@media(max-width:600px){

    .luxury-track-header{
        min-height:68px;

        padding:0 18px;
    }

    .luxury-track-brand{
        font-size:14px;

        letter-spacing:1.8px;
    }

    .luxury-track-header-actions{
        gap:14px;
    }

    .luxury-track-header-actions a{
        font-size:6px;
    }

    .luxury-track-main{
        width:calc(100% - 30px);
    }

    .luxury-track-hero{
        padding:
            58px 4px
            38px;
    }

    .luxury-track-eyebrow{
        margin-bottom:15px;

        font-size:6px;
        letter-spacing:2.3px;
    }

    .luxury-track-hero h1{
        margin-bottom:16px;

        font-size:43px;

        letter-spacing:-1.4px;
    }

    .luxury-track-hero p{
        font-size:10px;

        line-height:1.7;
    }

    .luxury-track-layout{
        gap:16px;

        padding-bottom:65px;
    }

    .luxury-track-form-card{
        padding:
            27px 20px;
    }

    .luxury-section-number{
        width:30px;
        height:30px;

        margin-bottom:21px;

        font-size:6px;
    }

    .luxury-track-form-card h2{
        font-size:29px;
    }

    .luxury-track-intro{
        margin:
            12px 0
            28px;

        font-size:9px;
    }

    .luxury-track-field{
        margin-bottom:17px;
    }

    .luxury-track-field label{
        font-size:6px;
    }

    .luxury-track-field input{
        height:52px;

        font-size:11px;
    }

    .luxury-track-submit{
        min-height:54px;

        font-size:7px;
        letter-spacing:1.5px;
    }

    .luxury-track-sidebar{
        display:flex;
    }

    .luxury-track-side-card,
    .luxury-track-support{
        padding:27px 21px;
    }

    .luxury-track-side-card h2,
    .luxury-track-support h2{
        font-size:25px;
    }

    .luxury-status-header{
        flex-direction:column;
    }

    .luxury-track-status-card{
        padding:25px 19px;
    }

    .luxury-order-meta{
        grid-template-columns:1fr;
    }

    .luxury-track-step{
        grid-template-columns:
            44px 1fr;

        gap:12px;
    }

    .luxury-step-marker{
        width:36px;
        height:36px;

        font-size:6px;
    }

    .luxury-track-step:not(:last-child)::after{
        left:17px;
        top:36px;
    }

    .luxury-track-step h3{
        font-size:15px;
    }

    .luxury-track-step p{
        font-size:8px;
    }

}
/* =====================================================
   AYZIM — PREMIUM LUXURY BRAND IDENTITY
===================================================== */

/* DESKTOP HEADER BRAND */

.brand{
    position:relative;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;

    gap:3px;

    min-width:155px;

    text-decoration:none !important;

    padding:8px 0;
}


/* AYZIM WORDMARK */

.brand .ayzim-wordmark,
.mobile-menu-brand .ayzim-wordmark{
    display:block;

    margin:0;

    color:#111;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:21px;

    font-weight:500;

    line-height:1;

    letter-spacing:5px;

    text-transform:uppercase;

    transition:
        color .25s ease,
        letter-spacing .3s ease;
}


/* SIGNATURE */

.brand .ayzim-signature,
.mobile-menu-brand .ayzim-signature{
    display:block;

    margin-top:6px;

    color:#9b7741;

    font-size:6px;

    font-weight:800;

    line-height:1;

    letter-spacing:2.1px;

    text-transform:uppercase;
}


/* SMALL LUXURY GOLD LINE */

.brand::after{
    content:"";

    width:32px;
    height:1px;

    margin-top:7px;

    background:
        linear-gradient(
            90deg,
            #b58b4d,
            #e0c18d
        );

    transition:
        width .35s ease;
}


/* DESKTOP HOVER */

.brand:hover .ayzim-wordmark{
    color:#9b7741;

    letter-spacing:5.5px;
}

.brand:hover::after{
    width:58px;
}


/* =====================================================
   MOBILE MENU BRAND
===================================================== */

.mobile-menu-brand{
    display:flex;
    flex-direction:column;

    align-items:flex-start;

    text-decoration:none;

    padding:4px 0;
}

.mobile-menu-brand .ayzim-wordmark{
    font-size:19px;

    letter-spacing:4px;
}

.mobile-menu-brand .ayzim-signature{
    margin-top:6px;

    font-size:5.5px;

    letter-spacing:1.8px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

    .brand{
        min-width:auto;
    }

    .brand .ayzim-wordmark{
        font-size:18px;

        letter-spacing:4px;
    }

    .brand .ayzim-signature{
        font-size:5.5px;

        letter-spacing:1.7px;
    }

}


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

@media(max-width:600px){

    .brand{
        padding:5px 0;

        gap:1px;
    }

    .brand .ayzim-wordmark{
        font-size:17px;

        letter-spacing:3.6px;
    }

    .brand .ayzim-signature{
        margin-top:5px;

        font-size:5px;

        letter-spacing:1.45px;
    }

    .brand::after{
        width:25px;

        margin-top:6px;
    }

    .brand:hover::after{
        width:25px;
    }

    .mobile-menu-brand .ayzim-wordmark{
        font-size:20px;

        letter-spacing:4px;
    }

    .mobile-menu-brand .ayzim-signature{
        margin-top:7px;

        font-size:5.5px;

        letter-spacing:1.7px;
    }

}
/* =====================================================
   AYZIM PREMIUM BRAND IDENTITY
===================================================== */

.ayzim-brand{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
}

.ayzim-logo-mark{
    width:46px;
    height:46px;
    object-fit:contain;
    object-position:center;
    flex:0 0 auto;
    display:block;
}

.ayzim-brand-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
}

.ayzim-wordmark{
    display:block;
    margin:0;
    color:#111;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:21px;
    font-weight:500;
    line-height:1;

    letter-spacing:4.5px;
    text-transform:uppercase;
}

.ayzim-signature{
    display:block;

    margin-top:6px;

    color:#9d783f;

    font-size:5.8px;
    font-weight:800;
    line-height:1;

    letter-spacing:1.75px;
    text-transform:uppercase;
}


/* MOBILE MENU BRAND */

.ayzim-mobile-brand{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
}

.ayzim-mobile-logo{
    width:46px;
    height:46px;
    object-fit:contain;
    object-position:center;
    flex:0 0 auto;
    display:block;
}


/* TABLET */

@media(max-width:900px){

    .ayzim-logo-mark{
        width:40px;
        height:40px;
    }

    .ayzim-wordmark{
        font-size:18px;
        letter-spacing:3.8px;
    }

    .ayzim-signature{
        font-size:5.2px;
        letter-spacing:1.5px;
    }

}


/* MOBILE */

@media(max-width:600px){

    .ayzim-brand{
        gap:8px;
    }

    .ayzim-logo-mark{
        width:32px;
        height:32px;
    }

    .ayzim-wordmark{
        font-size:15px;
        letter-spacing:3px;
    }

    .ayzim-signature{
        margin-top:4px;
        font-size:4.6px;
        letter-spacing:1.15px;
    }

    .ayzim-mobile-brand{
        gap:10px;
    }

    .ayzim-mobile-logo{
        width:42px;
        height:42px;
    }

}
/* AYZIM LOGO ONLY */

.ayzim-brand-only{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.ayzim-header-logo{
    width:138px;
    height:62px;
    display:block;
    object-fit:contain;
    object-position:center;
}

.ayzim-mobile-brand-only{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.ayzim-mobile-header-logo{
    width:145px;
    height:68px;
    display:block;
    object-fit:contain;
    object-position:center;
}

@media(max-width:900px){

    .ayzim-header-logo{
        width:118px;
        height:56px;
    }

}

@media(max-width:600px){

    .ayzim-header-logo{
        width:102px;
        height:48px;
    }

    .ayzim-mobile-header-logo{
        width:125px;
        height:60px;
    }

}
/* =====================================================
   FINAL AYIZM HEADER LOGO PLACEMENT
===================================================== */

.main-header{
    min-height:96px;

    display:grid;
    grid-template-columns:220px 1fr 220px;

    align-items:center;

    padding:0 42px;

    background:#f6f1e7;

    border-bottom:
        1px solid
        rgba(0,0,0,.08);
}


/* LEFT LOGO AREA */

.ayzim-brand-only{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-start !important;

    width:100%;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;

    text-decoration:none !important;
}


/* LOGO */

.ayzim-header-logo{
    display:block !important;

    width:150px !important;
    height:78px !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:left center !important;

    transform:none !important;

    filter:none !important;
}


/* REMOVE OLD DECORATIVE LINE / OLD BRAND EFFECTS */

.ayzim-brand-only::before,
.ayzim-brand-only::after,
.brand::before,
.brand::after{
    content:none !important;
    display:none !important;
}


/* CENTER NAV */

.desktop-nav{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:34px;

    margin:0 !important;
}


/* RIGHT ICON AREA */

.header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:22px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1000px){

    .main-header{
        min-height:84px;

        grid-template-columns:
            175px 1fr 175px;

        padding:0 26px;
    }

    .ayzim-header-logo{
        width:128px !important;
        height:66px !important;
    }

}


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

@media(max-width:700px){

    .main-header{
        min-height:72px;

        display:flex;

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

        padding:0 16px;
    }

    .desktop-nav{
        display:none !important;
    }

    .ayzim-brand-only{
        width:auto;
        flex:0 0 auto;
    }

    .ayzim-header-logo{
        width:108px !important;
        height:58px !important;

        object-position:left center !important;
    }

    .header-actions{
        margin-left:auto;

        gap:13px;
    }

}
/* =====================================================
   AYIZM LOGO + SIGNATURE
===================================================== */

.ayzim-brand-stack,
.ayzim-mobile-brand-stack{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
}


/* DESKTOP SIGNATURE */

.ayzim-header-signature{
    display:block;

    margin-top:5px;
    margin-left:2px;

    color:#9b7741;

    font-size:8px;
    font-weight:800;

    line-height:1.1;

    letter-spacing:2px;

    text-transform:uppercase;

    white-space:nowrap;
}

/* subtle premium entrance */

.ayzim-brand-stack{
    transition:
        transform .25s ease;
}

.ayzim-brand-only:hover .ayzim-brand-stack{
    transform:translateY(-1px);
}


/* MOBILE MENU SIGNATURE */

.ayzim-mobile-signature{
    display:block;

    margin-top:5px;

    color:#9b7741;

    font-size:7px;
    font-weight:800;

    letter-spacing:1.5px;

    line-height:1.15;

    text-transform:uppercase;

    white-space:nowrap;
}

/* TABLET */

@media(max-width:900px){

    .ayzim-header-signature{
        font-size:5.5px;
        letter-spacing:1.7px;
    }

}


/* MOBILE */

@media(max-width:600px){

    .ayzim-header-signature{
    margin-top:4px;
    font-size:6.5px;
    letter-spacing:1.4px;
}

    .ayzim-mobile-signature{
        font-size:5.5px;

        letter-spacing:1.5px;
    }

}
/* AYIZM LOGO SIZE FIX */

.ayzim-header-logo{
    width:180px !important;
    height:80px !important;
    object-fit:contain !important;
    object-position:left center !important;
    display:block !important;
}

.ayzim-header-signature{
    margin-top:3px !important;
    font-size:8px !important;
    line-height:1.2 !important;
    letter-spacing:1.5px !important;
    white-space:nowrap !important;
    overflow:visible !important;
}

.ayzim-brand-stack{
    overflow:visible !important;
}

@media(max-width:600px){

    .ayzim-header-logo{
        width:135px !important;
        height:62px !important;
    }

    .ayzim-header-signature{
        font-size:6.5px !important;
        letter-spacing:1.1px !important;
    }
}
/* =====================================================
   AYIZM PREMIUM HEADER - FINAL PLACEMENT
===================================================== */

.main-header{
    min-height:110px !important;

    display:grid !important;
    grid-template-columns:260px 1fr 260px !important;

    align-items:center !important;

    padding:0 48px !important;

    background:#f6f1e7 !important;

    border-bottom:
        1px solid
        rgba(0,0,0,.08) !important;
}


/* LOGO WRAPPER */

.ayzim-brand-only{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;

    padding:0 !important;
    margin:0 !important;

    overflow:visible !important;

    text-decoration:none !important;
}


/* LOGO + SIGNATURE STACK */

.ayzim-brand-stack{
    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    width:190px !important;

    overflow:visible !important;
}


/* BIGGER LOGO */

.ayzim-header-logo{
    width:175px !important;
    height:78px !important;

    max-width:none !important;

    object-fit:contain !important;
    object-position:center !important;

    display:block !important;

    margin:0 !important;
}


/* SIGNATURE */

.ayzim-header-signature{
    display:block !important;

    margin-top:2px !important;

    width:100% !important;

    text-align:center !important;

    color:#9b7741 !important;

    font-size:7.5px !important;
    font-weight:800 !important;

    letter-spacing:1.65px !important;

    line-height:1.2 !important;

    white-space:nowrap !important;

    overflow:visible !important;

    text-transform:uppercase !important;
}


/* REMOVE OLD GOLD LINE / OLD BRAND DECORATION */

.brand::before,
.brand::after,
.ayzim-brand-only::before,
.ayzim-brand-only::after{
    content:none !important;
    display:none !important;
}


/* CENTER NAV */

.desktop-nav{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:36px !important;

    margin:0 !important;
}


/* RIGHT ICON AREA */

.header-actions{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-end !important;

    gap:22px !important;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1000px){

    .main-header{
        min-height:96px !important;

        grid-template-columns:
            210px 1fr 210px !important;

        padding:0 28px !important;
    }

    .ayzim-brand-stack{
        width:160px !important;
    }

    .ayzim-header-logo{
        width:150px !important;
        height:68px !important;
    }

    .ayzim-header-signature{
        font-size:6.5px !important;
        letter-spacing:1.4px !important;
    }

}


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

@media(max-width:700px){

    .main-header{
        min-height:82px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:space-between !important;

        padding:0 16px !important;
    }

    .desktop-nav{
        display:none !important;
    }

    .ayzim-brand-only{
        width:auto !important;
    }

    .ayzim-brand-stack{
        width:125px !important;

        align-items:center !important;
    }

    .ayzim-header-logo{
        width:120px !important;
        height:54px !important;
    }

    .ayzim-header-signature{
        margin-top:1px !important;

        font-size:5.8px !important;

        letter-spacing:1.05px !important;
    }

    .header-actions{
        margin-left:auto !important;

        gap:13px !important;
    }

}
/* FORCE AYIZM LOGO LARGE */

.ayzim-brand-only{
    width:auto !important;
    min-width:260px !important;
    overflow:visible !important;
}

.ayzim-brand-stack{
    width:260px !important;
    max-width:none !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

.ayzim-header-logo{
    width:240px !important;
    height:110px !important;
    max-width:none !important;
    min-width:240px !important;
    display:block !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
    padding:0 !important;
}

.ayzim-header-signature{
    width:240px !important;
    text-align:center !important;
    margin-top:2px !important;
    font-size:8px !important;
    letter-spacing:1.7px !important;
    white-space:nowrap !important;
}


/* MOBILE */

@media(max-width:700px){

    .ayzim-brand-only{
        min-width:155px !important;
    }

    .ayzim-brand-stack{
        width:155px !important;
    }

    .ayzim-header-logo{
        width:150px !important;
        min-width:150px !important;
        height:76px !important;
    }

    .ayzim-header-signature{
        width:150px !important;
        font-size:6px !important;
        letter-spacing:1.1px !important;
    }
}
/* =====================================================
   AYIZM LOGO - PREMIUM FINAL SIZE
===================================================== */

/* DESKTOP */

.ayzim-brand-only{
    min-width:290px !important;
    width:auto !important;
    overflow:visible !important;
}

.ayzim-brand-stack{
    width:290px !important;
    max-width:none !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

.ayzim-header-logo{
    width:275px !important;
    min-width:275px !important;
    height:125px !important;

    max-width:none !important;

    display:block !important;

    object-fit:contain !important;
    object-position:left center !important;

    margin:0 !important;
    padding:0 !important;
}


/* TABLET */

@media(max-width:1000px){

    .ayzim-brand-only{
        min-width:230px !important;
    }

    .ayzim-brand-stack{
        width:230px !important;
    }

    .ayzim-header-logo{
        width:215px !important;
        min-width:215px !important;
        height:100px !important;
    }

}


/* MOBILE */

@media(max-width:700px){

    .ayzim-brand-only{
        min-width:170px !important;
    }

    .ayzim-brand-stack{
        width:170px !important;
    }

    .ayzim-header-logo{
        width:165px !important;
        min-width:165px !important;
        height:82px !important;

        object-position:left center !important;
    }

}


/* SMALL MOBILE */

@media(max-width:420px){

    .ayzim-brand-only{
        min-width:145px !important;
    }

    .ayzim-brand-stack{
        width:145px !important;
    }

    .ayzim-header-logo{
        width:140px !important;
        min-width:140px !important;
        height:72px !important;
    }

}
/* =====================================================
   AYIZM COUTURE CHECKOUT
===================================================== */

.luxury-checkout-body{
    background:#f5f0e8;
    color:#151515;
}


/* HEADER */

.luxury-checkout-header{
    min-height:104px !important;

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

    padding:0 clamp(24px,5vw,76px) !important;

    background:#f7f2ea !important;

    border-bottom:
        1px solid
        rgba(0,0,0,.08) !important;
}


.luxury-checkout-brand{
    display:flex;
    align-items:center;

    text-decoration:none;

    overflow:visible;
}


.luxury-checkout-brand-logo{
    display:block;

    width:220px;
    height:88px;

    object-fit:contain;
    object-position:left center;

    transition:
        transform .3s ease,
        opacity .3s ease;
}


.luxury-checkout-brand:hover
.luxury-checkout-brand-logo{
    transform:scale(1.025);
}


/* SECURITY */

.luxury-checkout-security{
    display:flex;
    align-items:center;

    gap:13px;
}


.luxury-security-icon{
    width:36px;
    height:36px;

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

    border:
        1px solid
        #af8750;

    border-radius:50%;

    color:#9a743d;

    font-size:16px;
}


.luxury-checkout-security strong{
    display:block;

    margin-bottom:4px;

    font-size:7px;
    font-weight:900;

    letter-spacing:1.8px;
}


.luxury-checkout-security small{
    display:block;

    color:#888;

    font-size:7px;

    letter-spacing:.35px;
}


/* =====================================================
   CHECKOUT PROGRESS
===================================================== */

.luxury-checkout-progress{
    width:min(1180px,90%);

    min-height:96px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        auto 1fr auto 1fr auto;

    align-items:center;

    gap:18px;

    border-bottom:
        1px solid
        rgba(0,0,0,.08);
}


.luxury-progress-item{
    display:flex;
    align-items:center;

    gap:12px;

    opacity:.42;

    transition:
        opacity .25s ease;
}


.luxury-progress-item.active{
    opacity:1;
}


.luxury-progress-item > span{
    width:37px;
    height:37px;

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

    border:
        1px solid
        #c5b9aa;

    border-radius:50%;

    font-size:7px;
    font-weight:900;
}


.luxury-progress-item.active > span{
    background:#111;
    border-color:#111;

    color:#fff;
}


.luxury-progress-item strong{
    display:block;

    margin-bottom:4px;

    font-size:7px;
    font-weight:900;

    letter-spacing:1.5px;
}


.luxury-progress-item small{
    color:#888;

    font-size:7px;
}


.luxury-progress-line{
    width:100%;
    height:1px;

    background:#d6cec2;
}


.luxury-progress-line.active{
    background:#a47c43;
}


/* =====================================================
   INTRO
===================================================== */

.luxury-checkout-intro{
    max-width:700px;

    margin-bottom:52px;
}


.luxury-checkout-intro > span{
    display:block;

    margin-bottom:17px;

    color:#98713b;

    font-size:7px;
    font-weight:900;

    letter-spacing:2.6px;
}


.luxury-checkout-intro h1{
    margin:0;

    max-width:620px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(48px,5.5vw,78px);

    font-weight:400;

    line-height:.98;

    letter-spacing:-2.2px;
}


.luxury-checkout-intro h1 em{
    color:#9b743d;

    font-weight:400;
}


.luxury-checkout-intro > p{
    max-width:570px;

    margin:
        24px 0
        0;

    color:#6f6f6f;

    font-size:11px;

    line-height:1.85;
}


.luxury-checkout-assurance{
    margin-top:27px;

    display:flex;
    align-items:center;

    gap:13px;

    color:#777;
}


.luxury-checkout-assurance span{
    font-size:6px;
    font-weight:900;

    letter-spacing:1.35px;
}


.luxury-checkout-assurance i{
    width:3px;
    height:3px;

    border-radius:50%;

    background:#ae8247;
}


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

@media(max-width:700px){

    .luxury-checkout-header{
        min-height:82px !important;

        padding:
            0 16px !important;
    }


    .luxury-checkout-brand-logo{
        width:145px;
        height:68px;
    }


    .luxury-checkout-security{
        gap:7px;
    }


    .luxury-security-icon{
        width:29px;
        height:29px;

        font-size:12px;
    }


    .luxury-checkout-security strong{
        font-size:5.5px;

        letter-spacing:1px;
    }


    .luxury-checkout-security small{
        display:none;
    }


    .luxury-checkout-progress{
        width:calc(100% - 32px);

        min-height:78px;

        grid-template-columns:
            auto 1fr auto 1fr auto;

        gap:7px;
    }


    .luxury-progress-item{
        gap:0;
    }


    .luxury-progress-item > span{
        width:30px;
        height:30px;

        font-size:6px;
    }


    .luxury-progress-item div{
        display:none;
    }


    .luxury-checkout-intro{
        margin-bottom:37px;
    }


    .luxury-checkout-intro > span{
        margin-bottom:13px;

        font-size:6px;

        letter-spacing:2px;
    }


    .luxury-checkout-intro h1{
        font-size:46px;

        letter-spacing:-1.6px;
    }


    .luxury-checkout-intro > p{
        margin-top:18px;

        font-size:9.5px;

        line-height:1.75;
    }


    .luxury-checkout-assurance{
        margin-top:20px;

        gap:8px;

        flex-wrap:wrap;
    }


    .luxury-checkout-assurance span{
        font-size:5.3px;

        letter-spacing:1px;
    }

}
/* =====================================================
   AYIZM PREMIUM CHECKOUT STEPS
===================================================== */

.luxury-checkout-steps{
    width:min(1180px,90%);

    min-height:92px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        auto 1fr auto 1fr auto;

    align-items:center;

    gap:18px;

    border-bottom:
        1px solid
        rgba(0,0,0,.08);

    background:transparent;
}


/* STEP ITEM */

.luxury-checkout-steps > div{
    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:7px;

    opacity:.38;

    transition:
        opacity .25s ease,
        transform .25s ease;
}


.luxury-checkout-steps > div.active{
    opacity:1;
}


/* NUMBER CIRCLE */

.luxury-checkout-steps > div > span{
    width:38px;
    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    border:
        1px solid
        #cfc5b7;

    background:#fff;

    color:#777;

    font-size:7px;

    font-weight:900;

    letter-spacing:.5px;

    transition:
        all .25s ease;
}


.luxury-checkout-steps > div.active > span{
    background:#111;

    border-color:#111;

    color:#fff;

    box-shadow:
        0 8px 22px
        rgba(0,0,0,.08);
}


/* LABEL */

.luxury-checkout-steps > div > small{
    color:#777;

    font-size:7px;

    font-weight:800;

    letter-spacing:1.3px;

    text-transform:uppercase;
}


.luxury-checkout-steps > div.active > small{
    color:#111;
}


/* CONNECTING LINE */

.luxury-checkout-steps > i{
    display:block;

    width:100%;

    height:1px;

    background:#d9d1c5;
}


/* first active line */

.luxury-checkout-steps > div.active + i{
    background:
        linear-gradient(
            90deg,
            #111,
            #a47a42
        );
}


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

@media(max-width:700px){

    .luxury-checkout-steps{
        width:calc(100% - 30px);

        min-height:76px;

        gap:7px;
    }


    .luxury-checkout-steps > div{
        gap:5px;
    }


    .luxury-checkout-steps > div > span{
        width:31px;
        height:31px;

        font-size:6px;
    }


    .luxury-checkout-steps > div > small{
        font-size:5.5px;

        letter-spacing:.8px;
    }

}
/* =====================================================
   AYIZM PREMIUM CHECKOUT FORM BLOCKS
===================================================== */

.luxury-checkout-content{
    min-width:0;
}


/* MAIN FORM CARDS */

.luxury-checkout-block{
    position:relative;

    margin-bottom:24px;

    padding:
        clamp(28px,4vw,46px);

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fcfaf6 100%
        );

    border:
        1px solid
        rgba(18,18,18,.08);

    border-radius:4px;

    box-shadow:
        0 18px 45px
        rgba(34,27,18,.045);

    overflow:hidden;

    transition:
        border-color .28s ease,
        box-shadow .28s ease,
        transform .28s ease;
}


.luxury-checkout-block:hover{
    border-color:
        rgba(157,120,63,.28);

    box-shadow:
        0 24px 58px
        rgba(34,27,18,.065);
}


/* SUBTLE TOP GOLD DETAIL */

.luxury-checkout-block::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:62px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #8e6834,
            #d5b37a
        );
}


/* =====================================================
   SECTION HEADING
===================================================== */

.luxury-block-heading{
    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:34px;

    padding-bottom:24px;

    border-bottom:
        1px solid
        rgba(0,0,0,.07);
}


.luxury-block-heading > span{
    width:38px;
    height:38px;

    flex:0 0 38px;

    display:flex;

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

    border:
        1px solid
        #b28a51;

    border-radius:50%;

    color:#966e38;

    font-size:7px;
    font-weight:900;

    letter-spacing:.5px;
}


.luxury-block-heading small{
    display:block;

    margin-bottom:7px;

    color:#9b743d;

    font-size:6.5px;

    font-weight:900;

    letter-spacing:2px;

    text-transform:uppercase;
}


.luxury-block-heading h2{
    margin:0;

    color:#151515;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(25px,2.4vw,34px);

    font-weight:400;

    line-height:1.05;

    letter-spacing:-.5px;
}


/* =====================================================
   FORM GRID
===================================================== */

.luxury-form-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:20px 18px;
}


/* FULL WIDTH FIELDS IF PRESENT */

.luxury-field.full,
.luxury-field-full,
.luxury-form-full{
    grid-column:1 / -1;
}


/* =====================================================
   FIELD
===================================================== */

.luxury-field{
    position:relative;

    min-width:0;
}


.luxury-field label{
    display:block;

    margin-bottom:9px;

    color:#3f3f3f;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.25px;

    text-transform:uppercase;
}


.luxury-field input,
.luxury-field select,
.luxury-field textarea{
    width:100%;

    box-sizing:border-box;

    border:
        1px solid
        #d9d1c5;

    border-radius:3px;

    background:#faf8f4;

    color:#151515;

    outline:none;

    font-family:Arial,sans-serif;

    font-size:11px;

    transition:
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}


.luxury-field input,
.luxury-field select{
    height:54px;

    padding:0 15px;
}


.luxury-field textarea{
    min-height:110px;

    padding:15px;

    resize:vertical;
}


.luxury-field input::placeholder,
.luxury-field textarea::placeholder{
    color:#aaa;
}


/* FOCUS */

.luxury-field input:focus,
.luxury-field select:focus,
.luxury-field textarea:focus{
    border-color:#a77e43;

    background:#fff;

    box-shadow:
        0 0 0 3px
        rgba(167,126,67,.08);
}


/* ERROR */

.luxury-field-error{
    display:block;

    min-height:14px;

    margin-top:6px;

    color:#a24236;

    font-size:7px;

    line-height:1.4;
}


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

@media(max-width:700px){

    .luxury-checkout-block{
        margin-bottom:16px;

        padding:
            24px 18px;

        border-radius:3px;
    }


    .luxury-block-heading{
        gap:13px;

        margin-bottom:25px;

        padding-bottom:19px;
    }


    .luxury-block-heading > span{
        width:32px;
        height:32px;

        flex-basis:32px;

        font-size:6px;
    }


    .luxury-block-heading small{
        margin-bottom:5px;

        font-size:5.5px;

        letter-spacing:1.5px;
    }


    .luxury-block-heading h2{
        font-size:25px;
    }


    .luxury-form-grid{
        grid-template-columns:1fr;

        gap:16px;
    }


    .luxury-field label{
        font-size:6px;

        letter-spacing:1px;
    }


    .luxury-field input,
    .luxury-field select{
        height:52px;

        font-size:10px;
    }


    .luxury-field textarea{
        min-height:100px;

        font-size:10px;
    }

}
/* =====================================================
   AYIZM PREMIUM PAYMENT EXPERIENCE
===================================================== */


/* PAY NOW HERO CARD */

.luxury-pay-now-card{
    position:relative;

    display:grid;
    grid-template-columns:150px 1fr;

    gap:26px;

    align-items:center;

    margin-bottom:26px;
    padding:28px 30px;

    overflow:hidden;

    border:1px solid rgba(157,120,63,.22);
    border-radius:4px;

    background:
        linear-gradient(
            135deg,
            #161616 0%,
            #24211d 100%
        );

    color:#fff;

    box-shadow:
        0 20px 48px
        rgba(0,0,0,.10);
}


.luxury-pay-now-card::before{
    content:"";

    position:absolute;
    inset:0 auto 0 0;

    width:3px;

    background:
        linear-gradient(
            180deg,
            #d7b476,
            #8f6935
        );
}


.luxury-pay-now-card small{
    display:block;

    margin-bottom:7px;

    color:#c5a46d;

    font-size:6px;
    font-weight:900;

    letter-spacing:2px;
}


.luxury-pay-now-card > div:first-child strong{
    display:block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

    font-weight:400;

    color:#fff;
}


.luxury-pay-now-card > div:last-child strong{
    display:block;

    margin-bottom:7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;

    font-weight:400;
}


.luxury-pay-now-card p{
    margin:0;

    color:#aaa;

    font-size:9px;
    line-height:1.7;
}


/* =====================================================
   PAYMENT METHODS GRID
===================================================== */

.luxury-payment-list{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px;

    margin-top:22px;
}


.luxury-payment-method{
    position:relative;

    min-height:82px;

    display:flex;
    align-items:center;

    gap:13px;

    padding:16px 17px;

    box-sizing:border-box;

    border:
        1px solid
        #ddd5ca;

    border-radius:4px;

    background:#fbf9f5;

    cursor:pointer;

    overflow:hidden;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .2s ease;
}


.luxury-payment-method:hover{
    transform:translateY(-2px);

    border-color:
        rgba(157,120,63,.55);

    background:#fff;

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.055);
}


.luxury-payment-method input{
    position:absolute;

    opacity:0;

    pointer-events:none;
}


/* CUSTOM RADIO */

.luxury-radio{
    width:18px;
    height:18px;

    flex:0 0 18px;

    position:relative;

    border:
        1px solid
        #aaa095;

    border-radius:50%;

    background:#fff;

    transition:
        border-color .22s ease,
        background .22s ease;
}


.luxury-payment-method:has(input:checked){
    border-color:#a67c42;

    background:#f4ede2;

    box-shadow:
        0 12px 30px
        rgba(157,120,63,.10);
}


.luxury-payment-method:has(input:checked)
.luxury-radio{
    border-color:#111;

    background:#111;
}


.luxury-payment-method:has(input:checked)
.luxury-radio::after{
    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:6px;
    height:6px;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    background:#d4b172;
}


/* PAYMENT NAME */

.luxury-payment-name{
    min-width:0;
    flex:1;
}


.luxury-payment-name strong{
    display:block;

    margin-bottom:5px;

    color:#171717;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:14px;

    font-weight:400;
}


.luxury-payment-name small{
    display:block;

    color:#8e8e8e;

    font-size:7px;

    letter-spacing:.4px;
}


.luxury-payment-method > b{
    color:#ad8248;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;

    font-weight:400;

    transition:
        transform .22s ease;
}


.luxury-payment-method:hover > b{
    transform:translateX(3px);
}


/* CARD OPTION */

.luxury-payment-card-method{
    grid-column:1 / -1;
}


.luxury-card-brands{
    display:flex;

    align-items:center;

    gap:9px;

    margin-left:auto;
}


.luxury-card-brands > span:first-child{
    padding:6px 9px;

    border:
        1px solid
        rgba(0,0,0,.15);

    background:#fff;

    color:#1c1c1c;

    font-size:7px;
    font-weight:900;

    letter-spacing:.8px;
}


.luxury-mastercard{
    position:relative;

    width:34px;
    height:20px;
}


.luxury-mastercard i{
    position:absolute;

    top:2px;

    width:17px;
    height:17px;

    border-radius:50%;

    background:#111;
}


.luxury-mastercard i:first-child{
    left:2px;
}


.luxury-mastercard i:last-child{
    right:2px;

    background:#b4884b;

    opacity:.9;
}


/* =====================================================
   PAYMENT INSTRUCTIONS
===================================================== */

.luxury-payment-instructions{
    position:relative;

    margin-top:25px;

    padding:25px 27px;

    border:
        1px solid
        rgba(157,120,63,.20);

    border-radius:4px;

    background:
        linear-gradient(
            135deg,
            #f5efe5,
            #fbf9f5
        );
}


.luxury-payment-instructions > span{
    display:block;

    margin-bottom:10px;

    color:#9b743d;

    font-size:6px;
    font-weight:900;

    letter-spacing:2px;
}


.luxury-payment-instructions h3{
    margin:0 0 10px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:21px;

    font-weight:400;
}


.luxury-payment-instructions p{
    max-width:650px;

    margin:0;

    color:#686868;

    font-size:9px;

    line-height:1.8;
}


.luxury-payment-instructions > small{
    display:block;

    margin-top:14px;

    color:#9c9c9c;

    font-size:7px;

    line-height:1.6;
}


/* =====================================================
   SCREENSHOT UPLOAD
===================================================== */

.luxury-upload-area{
    margin-top:18px;
}


.luxury-upload-area > label{
    min-height:112px;

    display:flex;

    align-items:center;

    gap:17px;

    padding:20px 22px;

    box-sizing:border-box;

    border:
        1px dashed
        #baa98f;

    border-radius:4px;

    background:#fff;

    cursor:pointer;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.luxury-upload-area > label:hover{
    border-color:#9e753d;

    background:#f8f3eb;

    box-shadow:
        0 13px 30px
        rgba(0,0,0,.04);
}


.luxury-upload-icon{
    width:44px;
    height:44px;

    flex:0 0 44px;

    display:flex;

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

    border:
        1px solid
        #b58b50;

    border-radius:50%;

    color:#9c743e;

    font-size:18px;
}


.luxury-upload-area label div{
    flex:1;
}


.luxury-upload-area label strong{
    display:block;

    margin-bottom:6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:15px;

    font-weight:400;
}


.luxury-upload-area label small{
    color:#999;

    font-size:7px;
}


.luxury-upload-area label > b{
    padding:10px 13px;

    border:
        1px solid
        #111;

    color:#111;

    font-size:6px;
    font-weight:900;

    letter-spacing:1.2px;
}


#paymentScreenshot{
    position:absolute;

    width:1px;
    height:1px;

    opacity:0;
}


/* PREVIEW */

.luxury-upload-preview{
    margin-top:12px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px;

    border:
        1px solid
        rgba(0,0,0,.08);

    background:#f8f5ef;
}


.luxury-upload-preview img{
    width:58px;
    height:58px;

    object-fit:cover;

    border-radius:3px;
}


/* =====================================================
   PAYMENT SECURITY
===================================================== */

.luxury-payment-security{
    margin-top:18px;

    display:flex;
    align-items:flex-start;

    gap:13px;

    padding:17px;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}


.luxury-payment-security > span{
    color:#9b743d;

    font-size:17px;
}


.luxury-payment-security strong{
    display:block;

    margin-bottom:4px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:13px;

    font-weight:400;
}


.luxury-payment-security p{
    margin:0;

    color:#888;

    font-size:8px;

    line-height:1.7;
}


/* =====================================================
   PLACE ORDER BUTTON
===================================================== */

.luxury-submit-order{
    min-height:62px !important;

    width:100% !important;

    margin-top:10px !important;

    border:
        1px solid
        #111 !important;

    border-radius:3px !important;

    background:#111 !important;

    color:#fff !important;

    cursor:pointer;

    font-size:8px !important;

    font-weight:900 !important;

    letter-spacing:2.2px !important;

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

    transition:
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .18s ease !important;
}


.luxury-submit-order:hover{
    background:#9e763d !important;

    border-color:#9e763d !important;

    box-shadow:
        0 18px 40px
        rgba(158,118,61,.20);
}


.luxury-submit-order:active{
    transform:scale(.993);
}


/* =====================================================
   MOBILE PAYMENT
===================================================== */

@media(max-width:700px){

    .luxury-pay-now-card{
        grid-template-columns:1fr;

        gap:15px;

        padding:22px 19px;
    }


    .luxury-pay-now-card > div:first-child strong{
        font-size:26px;
    }


    .luxury-payment-list{
        grid-template-columns:1fr;

        gap:9px;
    }


    .luxury-payment-method{
        min-height:72px;

        padding:14px;
    }


    .luxury-payment-card-method{
        grid-column:auto;
    }


    .luxury-payment-name strong{
        font-size:13px;
    }


    .luxury-payment-instructions{
        padding:21px 18px;
    }


    .luxury-payment-instructions h3{
        font-size:19px;
    }


    .luxury-upload-area > label{
        min-height:126px;

        align-items:flex-start;

        flex-wrap:wrap;

        padding:18px;
    }


    .luxury-upload-area label > b{
        width:100%;

        box-sizing:border-box;

        text-align:center;
    }


    .luxury-submit-order{
        min-height:56px !important;

        font-size:7px !important;
    }

}
/* =====================================================
   AYIZM PREMIUM ORDER SUMMARY
===================================================== */

.luxury-order-summary{
    position:sticky;
    top:24px;

    align-self:start;

    padding:30px;

    background:#fff;

    border:1px solid rgba(0,0,0,.08);
    border-radius:4px;

    box-shadow:
        0 24px 55px
        rgba(0,0,0,.055);
}


/* HEADING */

.luxury-summary-heading{
    margin-bottom:24px;
    padding-bottom:18px;

    border-bottom:
        1px solid
        rgba(0,0,0,.08);
}

.luxury-summary-heading > span{
    display:block;

    margin-bottom:7px;

    color:#9b743d;

    font-size:6px;
    font-weight:900;

    letter-spacing:2px;
}

.luxury-summary-heading h2{
    margin:0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

    font-weight:400;
}


/* =====================================================
   PAYMENT PREFERENCE
===================================================== */

.luxury-payment-choice{
    margin:0 0 24px;
}

.luxury-choice-label{
    display:block;

    margin-bottom:12px;

    color:#9b743d;

    font-size:6px;
    font-weight:900;

    letter-spacing:1.8px;
}

.luxury-choice-grid{
    display:grid;

    grid-template-columns:1fr;

    gap:10px;
}

.luxury-choice-card{
    position:relative;

    min-height:88px;

    display:flex;
    align-items:flex-start;

    gap:12px;

    padding:16px;

    box-sizing:border-box;

    border:1px solid #ddd5ca;
    border-radius:4px;

    background:#faf8f4;

    cursor:pointer;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .2s ease;
}

.luxury-choice-card:hover{
    transform:translateY(-2px);

    border-color:#a47a42;

    background:#fff;
}

.luxury-choice-card.active{
    border-color:#a47a42;

    background:
        linear-gradient(
            135deg,
            #f4ede2,
            #fbf8f3
        );

    box-shadow:
        0 12px 28px
        rgba(157,120,63,.10);
}

.luxury-choice-card input{
    margin-top:3px;

    accent-color:#111;
}

.luxury-choice-card strong{
    display:block;

    margin-bottom:6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:14px;
    font-weight:400;
}

.luxury-choice-card span{
    display:block;

    color:#858585;

    font-size:8px;
    line-height:1.6;
}


/* =====================================================
   PRICE ROWS
===================================================== */

.luxury-summary-row{
    display:flex;

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

    gap:16px;

    padding:13px 0;
}

.luxury-summary-row span{
    color:#696969;

    font-size:9px;
}

.luxury-summary-row strong{
    color:#111;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:14px;

    font-weight:400;
}

.luxury-summary-divider{
    height:1px;

    margin:11px 0;

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


/* =====================================================
   PAY NOW / COD SPLIT
===================================================== */

.luxury-summary-split{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px;

    margin:16px 0;
}

.luxury-pay-now,
.luxury-pay-later{
    min-height:112px;

    padding:16px;

    box-sizing:border-box;

    border-radius:4px;
}

.luxury-pay-now{
    background:#151515;

    color:#fff;
}

.luxury-pay-later{
    background:#f4eee5;

    border:
        1px solid
        rgba(157,120,63,.18);
}

.luxury-pay-now > span,
.luxury-pay-later > span{
    display:block;

    margin-bottom:12px;

    font-size:6px;
    font-weight:900;

    letter-spacing:1.4px;
}

.luxury-pay-now > span{
    color:#c7a66c;
}

.luxury-pay-later > span{
    color:#8e6937;
}

.luxury-pay-now strong,
.luxury-pay-later strong{
    display:block;

    margin-bottom:7px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;

    font-weight:400;
}

.luxury-pay-now small{
    color:#9c9c9c;
}

.luxury-pay-later small{
    color:#777;
}

.luxury-pay-now small,
.luxury-pay-later small{
    font-size:7px;
    line-height:1.5;
}


/* =====================================================
   GRAND TOTAL
===================================================== */

.luxury-grand-total{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:14px;

    padding:19px 0 6px;
}

.luxury-grand-total span{
    color:#666;

    font-size:9px;
}

.luxury-grand-total strong{
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:24px;

    font-weight:400;

    color:#111;
}


/* =====================================================
   BENEFITS
===================================================== */

.luxury-summary-benefits{
    margin-top:25px;

    padding-top:18px;

    border-top:
        1px solid
        rgba(0,0,0,.08);
}

.luxury-summary-benefits > div{
    display:flex;

    align-items:center;

    gap:10px;

    padding:8px 0;
}

.luxury-summary-benefits span{
    color:#a07840;
}

.luxury-summary-benefits p{
    margin:0;

    color:#777;

    font-size:8px;
}


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

@media(max-width:900px){

    .luxury-order-summary{
        position:relative;

        top:auto;

        margin-top:18px;

        padding:24px 20px;
    }

}

@media(max-width:600px){

    .luxury-summary-heading h2{
        font-size:25px;
    }

    .luxury-choice-card{
        min-height:82px;

        padding:14px;
    }

    .luxury-summary-split{
        grid-template-columns:1fr;
    }

    .luxury-pay-now,
    .luxury-pay-later{
        min-height:96px;
    }

    .luxury-grand-total strong{
        font-size:22px;
    }

}
/* =====================================================
   AYIZM PREMIUM CHECKOUT FINAL ACTION AREA
===================================================== */

/* ORDER NOTES CARD */

#checkoutNotes{
    width:100% !important;

    min-height:120px !important;

    padding:16px !important;

    box-sizing:border-box !important;

    border:1px solid #d8d0c4 !important;

    border-radius:4px !important;

    background:#fbf9f5 !important;

    color:#111 !important;

    font-size:11px !important;

    line-height:1.7 !important;

    resize:vertical !important;

    outline:none !important;

    transition:
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}

#checkoutNotes:focus{
    border-color:#a77e43 !important;

    background:#fff !important;

    box-shadow:
        0 0 0 3px
        rgba(167,126,67,.08) !important;
}


/* CHECKOUT ALERT */

.luxury-checkout-alert{
    min-height:0;

    margin-top:16px;

    padding:0;

    border-radius:4px;

    font-size:9px;

    line-height:1.6;
}

.luxury-checkout-alert:not(:empty){
    padding:14px 16px;

    border:1px solid
        rgba(157,120,63,.20);

    background:#f6efe5;

    color:#6f5633;
}


/* PLACE ORDER BUTTON */

.luxury-submit-order{
    position:relative !important;

    width:100% !important;

    min-height:64px !important;

    margin-top:18px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:12px !important;

    border:1px solid #111 !important;

    border-radius:3px !important;

    background:#111 !important;

    color:#fff !important;

    cursor:pointer !important;

    overflow:hidden !important;

    box-shadow:
        0 16px 36px
        rgba(0,0,0,.12) !important;

    transition:
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .18s ease !important;
}


/* SUBTLE GOLD EDGE */

.luxury-submit-order::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #c99b58,
            transparent
        );

    opacity:.8;
}


.luxury-submit-text{
    position:relative;

    z-index:2;

    font-size:8px;

    font-weight:900;

    letter-spacing:2.3px;

    text-transform:uppercase;
}


.luxury-submit-order:hover{
    background:#9b743d !important;

    border-color:#9b743d !important;

    box-shadow:
        0 20px 44px
        rgba(155,116,61,.20) !important;
}


.luxury-submit-order:active{
    transform:scale(.993);
}


/* DISABLED / LOADING */

.luxury-submit-order:disabled{
    cursor:not-allowed !important;

    opacity:.72 !important;

    transform:none !important;
}


.luxury-submit-loader{
    display:none;

    width:15px;
    height:15px;

    border:2px solid
        rgba(255,255,255,.35);

    border-top-color:#fff;

    border-radius:50%;

    animation:
        luxuryCheckoutSpin .8s linear infinite;
}


.luxury-submit-order.loading
.luxury-submit-loader{
    display:block;
}


.luxury-submit-order.loading
.luxury-submit-text{
    opacity:.7;
}


@keyframes luxuryCheckoutSpin{

    to{
        transform:rotate(360deg);
    }

}


/* TERMS */

.luxury-checkout-terms{
    max-width:640px;

    margin:
        14px auto 0;

    color:#888;

    text-align:center;

    font-size:7px;

    line-height:1.7;

    letter-spacing:.25px;
}


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

@media(max-width:700px){

    #checkoutNotes{
        min-height:105px !important;

        font-size:10px !important;
    }


    .luxury-submit-order{
        min-height:58px !important;

        margin-top:15px !important;
    }


    .luxury-submit-text{
        font-size:7px;

        letter-spacing:1.7px;
    }


    .luxury-checkout-terms{
        font-size:6.5px;

        line-height:1.6;
    }

}
/* PAYMENT SCREENSHOT PREVIEW FIX */

.luxury-upload-preview{
    display:none;
}

.luxury-upload-preview img{
    width:70px;
    height:70px;
    object-fit:cover;
    object-position:center;
    border-radius:4px;
}

.luxury-upload-preview > div{
    flex:1;
}

#removePaymentScreenshot{
    margin-top:7px;
    padding:7px 11px;

    border:1px solid #b58a4c;
    background:transparent;

    color:#8f6733;

    cursor:pointer;

    font-size:6px;
    font-weight:900;

    letter-spacing:1px;
}
.luxury-track-financials{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin:24px 0 30px;
}

.luxury-track-financials > div{
    background:#f8f4ed;
    border:1px solid rgba(181,138,76,.22);
    padding:18px;
}

.luxury-track-financials span{
    display:block;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.4px;
    color:#9a7a50;
    margin-bottom:8px;
}

.luxury-track-financials strong{
    font-family:Georgia,serif;
    font-size:18px;
    color:#1b1b1b;
}

.luxury-track-total{
    grid-column:1/-1;
    background:#171717 !important;
}

.luxury-track-total span{
    color:#c9a56b;
}

.luxury-track-total strong{
    color:#fff;
    font-size:24px;
}

@media(max-width:600px){
    .luxury-track-financials{
        grid-template-columns:1fr;
    }

    .luxury-track-total{
        grid-column:auto;
    }
}

/* =====================================================
   BEST SELLERS QUICK VIEW - RESTORE ORIGINAL LOOK
===================================================== */

.product-grid .product-card .product-media > .quick-view{
    position:absolute !important;

    left:10px !important;
    right:10px !important;
    bottom:10px !important;

    width:auto !important;
    min-height:37px !important;

    margin:0 !important;
    padding:0 12px !important;

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

    border:0 !important;
    border-radius:4px !important;

    background:rgba(10,10,10,.92) !important;
    color:#fff !important;

    text-decoration:none !important;

    font-size:8px !important;
    font-weight:900 !important;
    letter-spacing:1.1px !important;

    line-height:1 !important;
    text-align:center !important;

    opacity:0 !important;
    visibility:hidden !important;

    transform:translateY(50px) !important;

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s ease,
        background .2s ease !important;

    z-index:5 !important;
}


/* Sirf image/card hover par show */

.product-grid .product-card:hover
.product-media > .quick-view{
    opacity:1 !important;
    visibility:visible !important;

    transform:translateY(0) !important;
}


.product-grid .product-card
.product-media > .quick-view:hover{
    background:#9d783f !important;
}


/* Mobile par pehle ki tarah hidden */

@media(max-width:700px){

    .product-grid .product-card
    .product-media > .quick-view{
        display:none !important;
    }

}


.product-image-link{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
    color:inherit;
}

.product-name-link{
    color:inherit;
    text-decoration:none;
}

.product-name-link:hover{
    color:#9d783f;
}


/* AYIZM PAYMENT CARDS FINAL FIX START */


/* =====================================================
   PAYMENT GRID
===================================================== */

.luxury-payment-list{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:14px !important;

    margin-top:22px !important;

    align-items:stretch !important;
}


/* =====================================================
   PAYMENT CARD
===================================================== */

.luxury-payment-method{
    position:relative !important;

    width:100% !important;

    min-width:0 !important;

    min-height:132px !important;

    display:grid !important;

    grid-template-columns:
        20px 58px minmax(0,1fr) 18px !important;

    align-items:center !important;

    column-gap:14px !important;

    padding:18px !important;

    box-sizing:border-box !important;

    border:
        1px solid #ddd3c5 !important;

    border-radius:3px !important;

    background:#fcfaf6 !important;

    overflow:hidden !important;

    cursor:pointer !important;

    transition:
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease,
        transform .22s ease !important;
}


.luxury-payment-method:hover{
    transform:translateY(-1px) !important;

    border-color:#b98745 !important;

    background:#fffdf9 !important;

    box-shadow:
        0 12px 30px
        rgba(67,48,25,.06) !important;
}


.luxury-payment-method:has(input:checked){
    border-color:#b47d32 !important;

    background:#f8f0e4 !important;

    box-shadow:
        inset 3px 0 0 #b47d32,
        0 12px 28px rgba(91,61,25,.07) !important;
}


/* =====================================================
   RADIO
===================================================== */

.luxury-payment-method input{
    position:absolute !important;

    opacity:0 !important;

    pointer-events:none !important;
}


.luxury-radio{
    width:20px !important;
    height:20px !important;

    min-width:20px !important;

    margin:0 !important;

    display:block !important;

    border:
        1px solid #aaa096 !important;

    border-radius:50% !important;

    background:#fff !important;
}


.luxury-payment-method:has(input:checked)
.luxury-radio{
    border-color:#111 !important;

    background:#111 !important;
}


.luxury-payment-method:has(input:checked)
.luxury-radio::after{
    content:"" !important;

    position:absolute !important;

    top:50% !important;
    left:50% !important;

    width:6px !important;
    height:6px !important;

    transform:
        translate(-50%,-50%) !important;

    border-radius:50% !important;

    background:#d7ad68 !important;
}


/* =====================================================
   PAYMENT LOGO — NEVER CROP
===================================================== */

.luxury-payment-logo-wrap{
    width:58px !important;
    height:58px !important;

    min-width:58px !important;
    max-width:58px !important;

    min-height:58px !important;
    max-height:58px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    overflow:hidden !important;

    flex:none !important;

    border:
        1px solid #e2d8ca !important;

    border-radius:3px !important;

    background:#fff !important;
}


.luxury-payment-logo{
    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    padding:5px !important;

    display:block !important;

    object-fit:contain !important;

    object-position:center !important;

    border:0 !important;

    background:transparent !important;
}


.luxury-payment-logo-placeholder{
    color:#c28f47 !important;

    background:#17130f !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:21px !important;

    font-weight:700 !important;
}


/* =====================================================
   METHOD NAME
===================================================== */

.luxury-payment-name{
    min-width:0 !important;

    width:100% !important;

    flex:none !important;
}


.luxury-payment-name > strong{
    display:block !important;

    margin:0 0 4px !important;

    color:#17130f !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:16px !important;

    font-weight:400 !important;

    line-height:1.25 !important;
}


.luxury-payment-name > small{
    display:block !important;

    margin:0 !important;

    color:#8c8276 !important;

    font-size:7px !important;

    line-height:1.4 !important;

    letter-spacing:.3px !important;
}


/* =====================================================
   ACCOUNT INFORMATION
===================================================== */

.luxury-method-account{
    margin-top:11px !important;

    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:7px !important;
}


.luxury-method-account-row{
    min-width:0 !important;

    padding:
        8px 9px !important;

    border:
        1px solid
        rgba(171,126,66,.16) !important;

    border-radius:2px !important;

    background:
        rgba(239,228,211,.52) !important;
}


.luxury-method-account-row span{
    display:block !important;

    margin:0 0 4px !important;

    color:#9c7440 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:6px !important;

    font-weight:900 !important;

    line-height:1.3 !important;

    letter-spacing:
        .95px !important;
}


.luxury-method-account-row b{
    display:block !important;

    margin:0 !important;

    color:#211b16 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:9px !important;

    font-weight:700 !important;

    line-height:1.45 !important;

    word-break:
        break-word !important;
}


/* =====================================================
   ARROW
===================================================== */

.luxury-payment-method >
.luxury-payment-arrow{
    margin:0 !important;

    color:#b47d32 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:21px !important;

    font-weight:400 !important;

    line-height:1 !important;
}


/* old selector ko neutralize */
.luxury-payment-method > b:not(.luxury-payment-arrow){
    margin:0 !important;
}


/* =====================================================
   SEPARATE DYNAMIC BOX HIDE
   details ab card ke andar show hoti hain
===================================================== */

.dynamic-payment-details{
    display:none !important;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:950px){

    .luxury-payment-list{
        grid-template-columns:1fr !important;
    }

}


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

@media(max-width:600px){

    .luxury-payment-method{
        min-height:auto !important;

        grid-template-columns:
            20px 50px minmax(0,1fr) !important;

        column-gap:11px !important;

        padding:14px !important;
    }


    .luxury-payment-logo-wrap{
        width:50px !important;
        height:50px !important;

        min-width:50px !important;
        max-width:50px !important;

        min-height:50px !important;
        max-height:50px !important;
    }


    .luxury-payment-arrow{
        display:none !important;
    }


    .luxury-method-account{
        grid-template-columns:1fr !important;
    }


    .luxury-payment-name > strong{
        font-size:15px !important;
    }

}


/* AYIZM PAYMENT CARDS FINAL FIX END */








/* ===== AYIZM DYNAMIC HERO + PROMO IMAGE SUPPORT ===== */

.hero-media picture,
.promo-media picture{
    width:100%;
    height:100%;
    display:block;
}

.hero-media picture img,
.promo-media picture img{
    width:100%;
    height:100%;
    display:block;
}

/* Separate mobile image lets the owner use a mobile-friendly
   composition without changing the storefront layout. */



/* =========================================================
   AYIZM HERO IMAGE — FULL IMAGE / NO CROP
========================================================= */

.hero-media{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

.hero-media picture{
    width:100% !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.hero-media picture img,
.hero-media > img{
    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    display:block !important;

    object-fit:contain !important;
    object-position:center center !important;
}


/* MOBILE */

@media(max-width:700px){

    .hero-media picture img,
    .hero-media > img{
        width:100% !important;
        height:100% !important;

        object-fit:contain !important;
        object-position:center center !important;
    }

}


/* ================================
   PROMO BANNER IMAGE FULL FIX
================================ */
.promo-banner,
.promo-banner-card,
.promo-banner-box,
.promo-banner-slide,
.home-promo-banner,
.video-promo-banner,
.luxury-promo-banner{
    position:relative !important;
    overflow:hidden !important;
    background:transparent !important;
    min-height:auto !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
}

.promo-banner-media,
.promo-banner-image,
.promo-banner-photo,
.promo-banner-card .image,
.promo-banner-card .media,
.home-promo-banner .media,
.video-promo-banner .media,
.luxury-promo-banner .media{
    width:100% !important;
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
    background:transparent !important;
    overflow:hidden !important;
}

.promo-banner img,
.promo-banner-card img,
.promo-banner-box img,
.promo-banner-slide img,
.home-promo-banner img,
.video-promo-banner img,
.luxury-promo-banner img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:transparent !important;
    margin:0 !important;
}

.promo-banner::before,
.promo-banner-card::before,
.promo-banner-box::before,
.promo-banner-slide::before,
.home-promo-banner::before,
.video-promo-banner::before,
.luxury-promo-banner::before{
    max-height:100% !important;
}

/* Mobile par bhi full width */
@media(max-width:700px){
    .promo-banner,
    .promo-banner-card,
    .promo-banner-box,
    .promo-banner-slide,
    .home-promo-banner,
    .video-promo-banner,
    .luxury-promo-banner{
        width:100% !important;
        min-height:auto !important;
        height:auto !important;
    }

    .promo-banner img,
    .promo-banner-card img,
    .promo-banner-box img,
    .promo-banner-slide img,
    .home-promo-banner img,
    .video-promo-banner img,
    .luxury-promo-banner img{
        width:100% !important;
        height:auto !important;
        object-fit:contain !important;
    }
}

/* =========================================================
   AYIZM PROMO BANNERS — REMOVE BLACK BEZELS
========================================================= */

.promo-card{
    overflow:hidden !important;
    background:transparent !important;
}

.promo-media{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;

    position:absolute !important;
    inset:0 !important;

    overflow:hidden !important;
    background:transparent !important;
}

.promo-media picture{
    width:100% !important;
    height:100% !important;

    display:block !important;
}

.promo-media img{
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:cover !important;
    object-position:center center !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}

/* remove any black bars / pseudo backgrounds */
.promo-card::before,
.promo-card::after,
.promo-media::before,
.promo-media::after{
    background:transparent !important;
}

/* keep overlay for readable text */
.promo-gradient{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
}

/* text above image */
.promo-content{
    position:relative !important;
    z-index:2 !important;
}

@media(max-width:700px){

    .promo-media{
        position:absolute !important;
        inset:0 !important;
    }

    .promo-media img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
    }

}



/* ===== AYIZM MY ORDERS HEADER ICON ===== */

.ayzim-orders-icon{
    position:relative;
    text-decoration:none;
    overflow:visible;
    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease,
        color .22s ease;
}

.ayzim-orders-icon svg{
    width:17px;
    height:17px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;

    transition:
        transform .22s ease,
        stroke .22s ease;
}

.ayzim-orders-icon:hover{
    color:#a77832;
    background:#f8f2e7;

    box-shadow:
        0 0 0 1px rgba(167,120,50,.14),
        0 6px 18px rgba(34,25,14,.08);

    transform:translateY(-1px);
}

.ayzim-orders-icon:hover svg{
    transform:scale(1.08);
}

.ayzim-orders-tooltip{
    position:absolute;

    left:50%;
    top:calc(100% + 10px);

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

    padding:7px 10px;

    background:#111;
    color:#fff;

    border-radius:4px;

    font-size:8px;
    font-weight:800;
    letter-spacing:1.3px;

    white-space:nowrap;

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    z-index:1000;

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
}

.ayzim-orders-tooltip::before{
    content:"";

    position:absolute;
    bottom:100%;
    left:50%;

    transform:translateX(-50%);

    border:4px solid transparent;
    border-bottom-color:#111;
}

.ayzim-orders-icon:hover .ayzim-orders-tooltip{
    opacity:1;
    visibility:visible;

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

@media(max-width:700px){

    .ayzim-orders-tooltip{
        display:none;
    }

    .ayzim-orders-icon svg{
        width:18px;
        height:18px;
    }

}



/* ===== AYIZM PROFILE MENU ===== */

.ayzim-profile-wrap{
    position:relative;
    display:flex;
    align-items:center;
}

.ayzim-profile-btn{
    border:0;
    cursor:pointer;
}

.ayzim-profile-btn svg{
    width:18px;
    height:18px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;

    transition:
        transform .2s ease,
        color .2s ease;
}

.ayzim-profile-btn:hover svg{
    transform:scale(1.06);
}

.ayzim-profile-menu{
    position:absolute;

    top:calc(100% + 14px);
    right:0;

    width:220px;

    background:#fffdf8;

    border:
        1px solid rgba(70,52,30,.14);

    box-shadow:
        0 18px 45px
        rgba(25,18,10,.12);

    padding:8px;

    opacity:0;
    visibility:hidden;

    transform:translateY(-6px);

    pointer-events:none;

    z-index:2000;

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
}

.ayzim-profile-menu.show{
    opacity:1;
    visibility:visible;

    transform:translateY(0);

    pointer-events:auto;
}

.ayzim-profile-head{
    padding:13px 12px 12px;

    border-bottom:
        1px solid rgba(70,52,30,.1);

    margin-bottom:5px;
}

.ayzim-profile-head span{
    display:block;

    color:#9a713c;

    font-size:8px;
    font-weight:900;
    letter-spacing:1.4px;

    margin-bottom:5px;
}

.ayzim-profile-head strong{
    display:block;

    color:#1a1713;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

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

.ayzim-profile-menu > a{
    display:flex;
    align-items:center;

    min-height:42px;

    padding:0 12px;

    color:#24201a;

    text-decoration:none;

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

    transition:
        background .18s ease,
        color .18s ease,
        padding-left .18s ease;
}

.ayzim-profile-menu > a:hover{
    background:#f4eee4;
    color:#9a6b30;
    padding-left:15px;
}

@media(max-width:700px){

    .ayzim-profile-menu{
        right:-10px;
        width:210px;
    }

}



/* ===== AYIZM PROFILE EMAIL ===== */

.ayzim-profile-email{
    display:block;
    margin-top:6px;

    color:#857b70;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:9px;
    font-weight:500;

    line-height:1.4;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}



/* ===== AYIZM PREMIUM PRODUCT SEARCH ===== */

.ayzim-search-trigger{
    border:0;
    cursor:pointer;
}

.ayzim-search-trigger svg{
    width:19px;
    height:19px;

    fill:none;
    stroke:currentColor;

    stroke-width:1.6;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* LOCK BODY */

body.ayzim-search-open{
    overflow:hidden;
}


/* OVERLAY */

.ayzim-search-overlay{
    position:fixed;
    inset:0;

    z-index:9999;

    visibility:hidden;
    pointer-events:none;
}

.ayzim-search-overlay.is-open{
    visibility:visible;
    pointer-events:auto;
}


/* BACKDROP */

.ayzim-search-backdrop{
    position:absolute;
    inset:0;

    background:
        rgba(13,11,8,.50);

    backdrop-filter:
        blur(5px);

    opacity:0;

    transition:
        opacity .28s ease;
}

.ayzim-search-overlay.is-open
.ayzim-search-backdrop{
    opacity:1;
}


/* PANEL */

.ayzim-search-panel{
    position:absolute;

    top:0;
    right:0;

    width:
        min(
            610px,
            100%
        );

    height:100%;

    display:flex;
    flex-direction:column;

    padding:
        40px
        clamp(25px,4vw,52px)
        30px;

    background:#f7f3ec;

    box-shadow:
        -20px 0 70px
        rgba(18,14,9,.15);

    transform:
        translateX(100%);

    transition:
        transform .34s
        cubic-bezier(
            .22,
            1,
            .36,
            1
        );
}

.ayzim-search-overlay.is-open
.ayzim-search-panel{
    transform:
        translateX(0);
}


/* TOP */

.ayzim-search-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:20px;

    padding-bottom:27px;

    border-bottom:
        1px solid #d8cfc2;
}

.ayzim-search-kicker{
    display:block;

    margin-bottom:8px;

    color:#9b7038;

    font-size:8px;
    font-weight:800;

    letter-spacing:2.6px;
}

.ayzim-search-top h2{
    margin:0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:38px;
    font-weight:400;

    line-height:1;
}

.ayzim-search-close{
    width:40px;
    height:40px;

    flex:0 0 auto;

    border:
        1px solid #cfc5b7;

    border-radius:50%;

    background:transparent;

    cursor:pointer;

    color:#1b1814;

    font-family:
        Georgia,
        serif;

    font-size:25px;
    font-weight:300;

    line-height:1;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.ayzim-search-close:hover{
    background:#17140f;
    color:#fff;

    transform:
        rotate(5deg);
}


/* SEARCH INPUT */

.ayzim-search-input-wrap{
    position:relative;

    margin-top:29px;

    display:flex;
    align-items:center;

    border-bottom:
        1px solid #8f8579;
}

.ayzim-search-input-wrap > svg{
    width:21px;
    height:21px;

    flex:0 0 auto;

    fill:none;
    stroke:#37312b;

    stroke-width:1.5;

    margin-right:14px;
}

#ayzimSearchInput{
    width:100%;
    height:61px;

    border:0;
    outline:0;

    background:transparent;

    color:#17140f;

    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif;

    font-size:18px;
    font-weight:400;
}

#ayzimSearchInput::placeholder{
    color:#979087;

    font-size:16px;
}

.ayzim-search-clear{
    flex:0 0 auto;

    border:0;
    background:none;

    cursor:pointer;

    color:#887d70;

    font-size:8px;
    font-weight:800;

    letter-spacing:1px;
}


/* STATUS */

.ayzim-search-status{
    padding:
        18px 0 14px;

    color:#90877d;

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

    letter-spacing:.5px;
}


/* RESULTS */

.ayzim-search-results{
    flex:1;

    overflow-y:auto;

    padding-right:4px;

    scrollbar-width:thin;

    scrollbar-color:
        #c2b6a5
        transparent;
}

.ayzim-search-result{
    display:grid;

    grid-template-columns:
        88px
        minmax(0,1fr)
        24px;

    gap:17px;

    align-items:center;

    min-height:116px;

    padding:14px 0;

    border-bottom:
        1px solid #e0d8cc;

    color:#17140f;
    text-decoration:none;

    transition:
        transform .18s ease,
        opacity .18s ease;
}

.ayzim-search-result:hover{
    transform:
        translateX(3px);
}

.ayzim-search-result-image{
    width:88px;
    height:88px;

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

    overflow:hidden;

    background:#eee8de;
}

.ayzim-search-result-image img{
    width:100%;
    height:100%;

    object-fit:contain;
}

.ayzim-search-result-image span{
    color:#a37a46;

    font-family:
        Georgia,
        serif;

    font-size:17px;
}

.ayzim-search-result-copy{
    min-width:0;
}

.ayzim-search-result-copy > span{
    display:block;

    margin-bottom:7px;

    color:#9a713f;

    font-size:7px;
    font-weight:800;

    letter-spacing:1.3px;
}

.ayzim-search-result-copy h3{
    margin:
        0 0 9px;

    overflow:hidden;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;
    font-weight:400;

    line-height:1.3;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.ayzim-search-prices{
    display:flex;
    align-items:center;

    gap:9px;
}

.ayzim-search-prices strong{
    font-size:11px;
    font-weight:700;
}

.ayzim-search-prices del{
    color:#a39a8f;

    font-size:9px;
}

.ayzim-search-result-arrow{
    color:#9d723e;

    font-size:18px;

    transition:
        transform .2s ease;
}

.ayzim-search-result:hover
.ayzim-search-result-arrow{
    transform:
        translateX(3px);
}


/* EMPTY */

.ayzim-search-empty{
    flex:1;

    padding:
        65px 15px;

    text-align:center;
}

.ayzim-search-empty span{
    color:#9e7139;

    font-size:8px;
    font-weight:900;

    letter-spacing:2px;
}

.ayzim-search-empty h3{
    margin:
        14px 0 9px;

    font-family:
        Georgia,
        serif;

    font-size:23px;
    font-weight:400;
}

.ayzim-search-empty p{
    margin:0;

    color:#8a8177;

    font-size:11px;
}


/* FOOTER */

.ayzim-search-footer{
    padding-top:22px;

    border-top:
        1px solid #d8cfc2;
}

.ayzim-search-footer a{
    min-height:49px;

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

    padding:0 17px;

    background:#17140f;

    color:#fff;

    text-decoration:none;

    font-size:8px;
    font-weight:900;

    letter-spacing:1.4px;
}

.ayzim-search-footer a span{
    font-size:16px;
}


/* MOBILE */

@media(max-width:700px){

    .ayzim-search-panel{
        width:100%;

        padding:
            25px 18px
            20px;
    }

    .ayzim-search-top{
        padding-bottom:20px;
    }

    .ayzim-search-kicker{
        font-size:7px;
    }

    .ayzim-search-top h2{
        font-size:33px;
    }

    .ayzim-search-close{
        width:38px;
        height:38px;

        font-size:23px;
    }

    .ayzim-search-input-wrap{
        margin-top:20px;
    }

    #ayzimSearchInput{
        height:58px;

        font-size:16px;
    }

    #ayzimSearchInput::placeholder{
        font-size:14px;
    }

    .ayzim-search-result{
        grid-template-columns:
            74px
            minmax(0,1fr)
            18px;

        gap:13px;

        min-height:102px;
    }

    .ayzim-search-result-image{
        width:74px;
        height:74px;
    }

    .ayzim-search-result-copy h3{
        font-size:15px;
    }

    .ayzim-search-footer{
        padding-top:15px;
    }

}


/* =========================================================
   AYIZM — PREMIUM MOBILE HEADER + HERO FIX
   Mobile only. Desktop untouched.
========================================================= */

@media (max-width: 700px){

    /* -----------------------------------------------------
       ANNOUNCEMENT BAR
    ----------------------------------------------------- */

    .announcement-bar{
        height:28px !important;
        min-height:28px !important;
        overflow:hidden !important;
        background:#11100d !important;
    }

    .announcement-track{
        min-height:28px !important;
        display:flex !important;
        align-items:center !important;
        gap:34px !important;
        white-space:nowrap !important;
    }

    .announcement-track span{
        flex:0 0 auto !important;
        font-size:7px !important;
        font-weight:700 !important;
        letter-spacing:1.5px !important;
    }


    /* -----------------------------------------------------
       MAIN HEADER
    ----------------------------------------------------- */

    .main-header{
        width:100% !important;
        min-height:72px !important;
        height:72px !important;

        padding:0 14px 0 16px !important;

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

        gap:8px !important;

        background:rgba(248,244,236,.97) !important;

        border-bottom:
            1px solid rgba(45,35,24,.08) !important;

        box-shadow:
            0 5px 18px
            rgba(28,21,13,.045) !important;

        overflow:visible !important;
    }


    /* LOGO */

    .main-header .brand,
    .main-header .ayzim-brand-only{
        flex:0 0 auto !important;

        width:auto !important;
        min-width:74px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
    }

    .main-header .ayzim-brand-stack{
        width:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
    }

    .main-header .ayzim-header-logo{
        width:72px !important;
        height:50px !important;

        max-width:72px !important;
        max-height:50px !important;

        object-fit:contain !important;
        object-position:left center !important;

        display:block !important;
    }


    /* DESKTOP NAV OFF */

    .main-header .desktop-nav{
        display:none !important;
    }


    /* ACTION AREA */

    .main-header .header-actions{
        flex:0 0 auto !important;

        margin-left:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        gap:2px !important;

        min-width:0 !important;
    }


    /* COMMON ICON BUTTON */

    .main-header .header-icon,
    .main-header .mobile-menu-btn{
        width:38px !important;
        min-width:38px !important;
        height:38px !important;

        margin:0 !important;
        padding:0 !important;

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

        border:0 !important;

        background:transparent !important;

        color:#191611 !important;

        border-radius:50% !important;

        position:relative !important;

        font-size:19px !important;
        line-height:1 !important;

        box-shadow:none !important;
    }


    /* SEARCH */

    .main-header .ayzim-search-trigger svg{
        width:19px !important;
        height:19px !important;

        stroke-width:1.55 !important;
    }


    /* -----------------------------------------------
       MY ORDERS ICON:
       hide only on mobile because it is available
       through Profile -> My Orders.
    ------------------------------------------------ */

    .main-header .ayzim-orders-icon{
        display:none !important;
    }


    /* PROFILE */

    .main-header .ayzim-profile-wrap{
        width:38px !important;
        height:38px !important;

        flex:0 0 38px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .main-header .ayzim-profile-btn{
        width:38px !important;
        height:38px !important;
    }

    .main-header .ayzim-profile-btn svg{
        width:18px !important;
        height:18px !important;

        stroke-width:1.55 !important;
    }


    /* PROFILE DROPDOWN POSITION */

    .ayzim-profile-menu{
        top:48px !important;
        right:-58px !important;

        width:min(230px, calc(100vw - 28px)) !important;

        border-radius:2px !important;

        box-shadow:
            0 20px 55px
            rgba(20,15,9,.16) !important;
    }


    /* CART */

    .main-header .cart-button{
        width:38px !important;
        min-width:38px !important;
        height:38px !important;

        font-size:18px !important;
    }

    .main-header .cart-count{
        position:absolute !important;

        top:1px !important;
        right:0 !important;

        min-width:16px !important;
        height:16px !important;

        padding:0 4px !important;

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

        border-radius:999px !important;

        background:#16130f !important;
        color:#fff !important;

        border:
            1.5px solid #f8f4ec !important;

        font-size:7px !important;
        font-weight:800 !important;

        line-height:1 !important;
    }


    /* HAMBURGER */

    .main-header .mobile-menu-btn{
        flex:0 0 38px !important;

        overflow:hidden !important;

        font-size:0 !important;
    }

    .main-header .mobile-menu-btn::before,
    .main-header .mobile-menu-btn::after{
        content:"" !important;

        position:absolute !important;
        left:9px !important;

        width:20px !important;
        height:1px !important;

        background:#181511 !important;
    }

    .main-header .mobile-menu-btn::before{
        top:14px !important;

        box-shadow:
            0 5px 0
            #181511 !important;
    }

    .main-header .mobile-menu-btn::after{
        top:24px !important;
    }


    /* -----------------------------------------------------
       MOBILE MENU
    ----------------------------------------------------- */

    .mobile-menu{
        width:min(86vw, 340px) !important;

        background:#f8f4ec !important;

        box-shadow:
            18px 0 65px
            rgba(16,12,7,.18) !important;
    }

    .mobile-menu-header{
        min-height:80px !important;

        padding:
            12px 18px !important;

        border-bottom:
            1px solid rgba(45,35,24,.10) !important;
    }

    .ayzim-mobile-header-logo{
        width:78px !important;
        height:48px !important;

        object-fit:contain !important;
    }

    .ayzim-mobile-signature{
        font-size:5.5px !important;
        letter-spacing:1.7px !important;
    }

    .mobile-menu-close{
        width:40px !important;
        height:40px !important;

        border-radius:50% !important;

        font-size:25px !important;
    }

    .mobile-menu-links{
        padding:
            12px 18px !important;
    }

    .mobile-menu-links a{
        min-height:57px !important;

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

        border-bottom:
            1px solid rgba(45,35,24,.09) !important;

        font-size:13px !important;
        font-weight:500 !important;

        letter-spacing:.2px !important;
    }


    /* =====================================================
       HERO SLIDER — MOBILE PREMIUM FIX
    ===================================================== */

    .hero-slider{
        position:relative !important;

        width:100% !important;

        height:min(72svh, 620px) !important;
        min-height:540px !important;
        max-height:620px !important;

        overflow:hidden !important;

        background:#17130e !important;
    }


    /* EACH SLIDE */

    .hero-slide{
        position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        overflow:hidden !important;

        opacity:0 !important;
        visibility:hidden !important;

        pointer-events:none !important;

        transition:
            opacity .45s ease,
            visibility .45s ease !important;
    }

    .hero-slide.active{
        opacity:1 !important;
        visibility:visible !important;

        pointer-events:auto !important;

        z-index:2 !important;
    }


    /* CRITICAL:
       inactive text must NEVER remain visible
       during slide change
    */

    .hero-slide:not(.active) .hero-content{
        opacity:0 !important;
        visibility:hidden !important;

        transform:
            translateY(18px) !important;

        pointer-events:none !important;

        transition:none !important;
    }

    .hero-slide.active .hero-content{
        opacity:1 !important;
        visibility:visible !important;

        transform:
            translateY(0) !important;

        transition:
            opacity .42s ease .08s,
            transform .42s ease .08s !important;
    }


    /* IMAGE */

    .hero-media{
        position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;
    }

    .hero-media img{
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;

        object-position:center center !important;

        display:block !important;
    }


    /* PREMIUM DARK GRADIENT */

    .hero-slide::after{
        content:"" !important;

        position:absolute !important;
        inset:0 !important;

        z-index:1 !important;

        pointer-events:none !important;

        background:
            linear-gradient(
                to bottom,
                rgba(10,8,5,.03) 18%,
                rgba(10,8,5,.12) 40%,
                rgba(10,8,5,.74) 100%
            ) !important;
    }


    /* CONTENT */

    .hero-content{
        position:absolute !important;

        z-index:3 !important;

        left:24px !important;
        right:24px !important;

        top:auto !important;
        bottom:72px !important;

        width:auto !important;
        max-width:330px !important;

        margin:0 !important;
        padding:0 !important;

        text-align:left !important;
    }


    .hero-eyebrow{
        display:block !important;

        margin-bottom:10px !important;

        color:#d3ac6f !important;

        font-size:7px !important;
        font-weight:700 !important;

        letter-spacing:2.5px !important;

        line-height:1.3 !important;
    }


    .hero-content h1{
        margin:0 !important;

        max-width:320px !important;

        font-family:
            Georgia,
            "Times New Roman",
            serif !important;

        font-size:
            clamp(40px, 11.5vw, 54px) !important;

        font-weight:400 !important;

        line-height:.96 !important;

        letter-spacing:-1.8px !important;

        color:#fff !important;
    }

    .hero-content h1 em{
        display:block !important;

        margin-top:4px !important;

        color:#d8b276 !important;

        font-style:italic !important;
        font-weight:400 !important;
    }


    .hero-content p{
        max-width:310px !important;

        margin:
            15px 0
            0 !important;

        color:
            rgba(255,255,255,.78) !important;

        font-size:10px !important;
        font-weight:400 !important;

        line-height:1.6 !important;

        text-shadow:
            0 1px 8px
            rgba(0,0,0,.25) !important;
    }


    /* BUTTONS */

    .hero-buttons{
        margin-top:18px !important;

        display:flex !important;
        align-items:center !important;

        gap:9px !important;

        flex-wrap:wrap !important;
    }

    .hero-buttons a{
        min-height:42px !important;

        padding:
            0 16px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        font-size:7px !important;
        font-weight:800 !important;

        letter-spacing:1.3px !important;

        white-space:nowrap !important;
    }

    .luxury-button{
        background:#fff !important;
        color:#17130e !important;

        border:
            1px solid #fff !important;
    }

    .luxury-button-outline{
        background:
            rgba(15,12,8,.20) !important;

        color:#fff !important;

        border:
            1px solid
            rgba(255,255,255,.50) !important;

        backdrop-filter:
            blur(5px) !important;
    }


    /* SLIDER ARROWS */

    .slider-arrow{
        z-index:4 !important;

        width:34px !important;
        height:34px !important;

        border:
            1px solid
            rgba(255,255,255,.32) !important;

        border-radius:50% !important;

        background:
            rgba(17,14,10,.30) !important;

        color:#fff !important;

        backdrop-filter:
            blur(6px) !important;

        font-size:20px !important;
    }

    .slider-prev{
        left:10px !important;
    }

    .slider-next{
        right:10px !important;
    }


    /* DOTS */

    .slider-dots{
        z-index:5 !important;

        bottom:19px !important;

        gap:6px !important;
    }

    .slider-dot{
        width:6px !important;
        height:6px !important;

        padding:0 !important;

        border:0 !important;

        border-radius:999px !important;

        background:
            rgba(255,255,255,.52) !important;

        transition:
            width .25s ease,
            background .25s ease !important;
    }

    .slider-dot.active{
        width:22px !important;

        background:#d8b063 !important;
    }

}


/* EXTRA SMALL PHONES */

@media (max-width: 380px){

    .main-header{
        padding:
            0 9px
            0 12px !important;

        gap:4px !important;
    }

    .main-header .ayzim-header-logo{
        width:65px !important;
    }

    .main-header .header-actions{
        gap:0 !important;
    }

    .main-header .header-icon,
    .main-header .mobile-menu-btn,
    .main-header .ayzim-profile-wrap,
    .main-header .ayzim-profile-btn{
        width:36px !important;
        min-width:36px !important;
        height:36px !important;
    }

    .main-header .ayzim-profile-wrap{
        flex-basis:36px !important;
    }

    .hero-content{
        left:20px !important;
        right:20px !important;
    }

    .hero-content h1{
        font-size:
            clamp(
                38px,
                11.2vw,
                48px
            ) !important;
    }

}


/* =========================================================
   AYIZM MOBILE HERO — EDGE TO EDGE / ZERO CROP
========================================================= */

@media(max-width:700px){

    /* Full viewport width — remove left/right beige bezels */

    .hero-slider{
        width:100vw !important;
        max-width:none !important;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:
            calc(50% - 50vw) !important;

        padding:0 !important;

        position:relative !important;

        overflow:hidden !important;

        background:#111 !important;

        min-height:0 !important;
        max-height:none !important;
    }


    .hero-slide{
        position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;
    }


    /* Image always complete — NO CROP */

    .hero-media{
        position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:#111 !important;

        overflow:hidden !important;
    }


    .hero-media img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:contain !important;
        object-position:center center !important;

        max-width:none !important;
    }


    /* Remove left / right hint arrows completely */

    .hero-slider .slider-arrow,
    .hero-slider .slider-prev,
    .hero-slider .slider-next{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
    }


    /* Keep only luxury dots */

    .hero-slider .slider-dots{
        display:flex !important;

        left:50% !important;
        right:auto !important;

        transform:
            translateX(-50%) !important;

        bottom:18px !important;

        z-index:10 !important;
    }

}


/* =========================================================
   AYIZM MOBILE HERO — TRUE EDGE TO EDGE, ZERO CROP
========================================================= */

@media(max-width:700px){

    .hero-slider{
        width:100vw !important;
        max-width:100vw !important;

        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;

        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;

        min-height:0 !important;
        max-height:none !important;
    }


    .hero-slide{
        position:absolute !important;
        inset:0 !important;

        width:100vw !important;
        max-width:100vw !important;

        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
    }


    .hero-media{
        position:absolute !important;
        inset:0 !important;

        width:100vw !important;
        max-width:100vw !important;

        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
    }


    /* -----------------------------------------
       IMPORTANT:
       no contain
       no cover
       no crop
       no black bars
    ----------------------------------------- */

    .hero-media img{
        position:absolute !important;

        top:0 !important;
        left:0 !important;

        display:block !important;

        width:100vw !important;
        max-width:none !important;

        height:auto !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:unset !important;
        object-position:unset !important;

        transform:none !important;
    }


    /* remove arrow hints */

    .hero-slider .slider-arrow,
    .hero-slider .slider-prev,
    .hero-slider .slider-next{
        display:none !important;
    }

}


/* =========================================================
   AYIZM MOBILE HERO — TRUE FULL BLEED / ZERO BEZELS
   User accepts slight crop.
========================================================= */

@media(max-width:700px){

    .hero-slider{
        width:100vw !important;
        max-width:100vw !important;

        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;

        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
    }

    .hero-slide{
        position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
    }

    .hero-media{
        position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
    }

    /* FULL BLEED:
       fills whole hero, no side bars,
       slight crop allowed */

    .hero-media img{
        position:absolute !important;
        inset:0 !important;

        display:block !important;

        width:100% !important;
        height:100% !important;

        max-width:none !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;
        object-position:center center !important;

        transform:none !important;
    }

    /* absolutely no hint arrows */

    .hero-slider .slider-arrow,
    .hero-slider .slider-prev,
    .hero-slider .slider-next{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
    }

}


/* =========================================================
   AYIZM FINAL MOBILE HERO FIX
   FORCE IMAGE + MEDIA TO TRUE SCREEN EDGES
========================================================= */

@media (max-width:700px){

    html,
    body{
        overflow-x:hidden !important;
    }

    .hero-slider{
        position:relative !important;

        left:50% !important;

        width:100vw !important;
        max-width:none !important;

        margin-left:-50vw !important;
        margin-right:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;

        overflow:hidden !important;
    }


    .hero-slider .hero-slide{
        position:absolute !important;

        top:0 !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;

        width:100vw !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        background:#111 !important;
    }


    /* THIS IS THE MAIN FIX */

    .hero-slider .hero-slide .hero-media{
        position:absolute !important;

        top:0 !important;
        bottom:0 !important;

        left:0 !important;
        right:0 !important;

        width:100vw !important;
        min-width:100vw !important;
        max-width:none !important;

        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;

        overflow:hidden !important;

        background:#111 !important;
    }


    .hero-slider .hero-slide .hero-media img{
        position:absolute !important;

        top:0 !important;
        left:0 !important;

        width:100vw !important;
        min-width:100vw !important;
        max-width:none !important;

        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;
        object-position:center center !important;

        transform:none !important;

        display:block !important;
    }


    /* Kill any inherited desktop inset */

    .hero-slider .hero-media,
    .hero-slider .hero-media img{
        margin-left:0 !important;
        margin-right:0 !important;
    }


    /* Remove any internal pseudo spacing */

    .hero-slider .hero-slide::before{
        left:0 !important;
        right:0 !important;
        width:100% !important;
    }


    /* Keep overlay full-width too */

    .hero-slider .hero-slide::after{
        left:0 !important;
        right:0 !important;

        width:100% !important;
    }


    /* arrows stay removed */

    .hero-slider .slider-arrow,
    .hero-slider .slider-prev,
    .hero-slider .slider-next{
        display:none !important;
    }

}


/* =========================================================
   AYIZM MOBILE MENU — MY ACCOUNT BUTTON
========================================================= */

@media(max-width:700px){

    .mobile-menu-bottom{
        padding:
            18px 18px
            24px !important;
    }

    .mobile-account-button{
        width:100% !important;
        min-height:50px !important;

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

        padding:
            0 17px !important;

        background:#17140f !important;

        color:#fff !important;

        text-decoration:none !important;

        border:1px solid #17140f !important;

        font-size:9px !important;
        font-weight:800 !important;

        letter-spacing:1.5px !important;

        transition:
            background .2s ease,
            color .2s ease !important;
    }

    .mobile-account-button span{
        font-size:16px !important;
        font-weight:400 !important;
    }

    .mobile-account-button:active{
        background:#a77a3e !important;
        border-color:#a77a3e !important;
    }

    .mobile-menu-bottom p{
        margin:
            12px 2px 0 !important;

        color:#867d73 !important;

        font-size:9px !important;

        line-height:1.6 !important;
    }

}


/* =========================================================
   AYIZM HEADER LOGO — FINAL PREMIUM POSITION
========================================================= */

/* DESKTOP / LAPTOP */

.main-header{
    display:flex !important;
    align-items:center !important;
}

.main-header .brand,
.main-header .ayzim-brand-only{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    height:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.main-header .ayzim-brand-stack{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    height:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.main-header .ayzim-header-logo{
    display:block !important;

    width:96px !important;
    height:58px !important;

    max-width:96px !important;
    max-height:58px !important;

    object-fit:contain !important;
    object-position:left center !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;
}


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

@media(max-width:700px){

    .main-header{
        min-height:72px !important;
        height:72px !important;

        padding:
            0 14px
            0 16px !important;

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

    .main-header .brand,
    .main-header .ayzim-brand-only{
        flex:0 0 auto !important;

        width:86px !important;
        height:72px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        margin:0 !important;
        padding:0 !important;
    }

    .main-header .ayzim-brand-stack{
        width:86px !important;
        height:72px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        margin:0 !important;
        padding:0 !important;
    }

    .main-header .ayzim-header-logo{
        width:82px !important;
        height:54px !important;

        max-width:82px !important;
        max-height:54px !important;

        object-fit:contain !important;
        object-position:left center !important;

        margin:0 !important;
        padding:0 !important;

        display:block !important;
    }

    .main-header .header-actions{
        margin-left:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
    }

}


/* EXTRA SMALL MOBILE */

@media(max-width:380px){

    .main-header .brand,
    .main-header .ayzim-brand-only,
    .main-header .ayzim-brand-stack{
        width:76px !important;
    }

    .main-header .ayzim-header-logo{
        width:72px !important;
        height:50px !important;

        max-width:72px !important;
        max-height:50px !important;
    }

}


/* =========================================================
   AYIZM LOGO — VERTICAL ALIGNMENT FIX ONLY
========================================================= */

@media(max-width:700px){

    .main-header .ayzim-header-logo{
        position:relative !important;
        top:6px !important;
    }

}

@media(min-width:701px){

    .main-header .ayzim-header-logo{
        position:relative !important;
        top:3px !important;
    }

}


/* =========================================================
   AYIZM LOGO — BIGGER + LOWER
========================================================= */

@media(max-width:700px){

    .main-header .ayzim-header-logo{
        width:90px !important;
        height:58px !important;

        max-width:90px !important;
        max-height:58px !important;

        position:relative !important;
        top:10px !important;

        object-fit:contain !important;
        object-position:left center !important;
    }

    .main-header .brand,
    .main-header .ayzim-brand-only,
    .main-header .ayzim-brand-stack{
        width:94px !important;
    }

}

@media(min-width:701px){

    .main-header .ayzim-header-logo{
        width:102px !important;
        height:62px !important;

        max-width:102px !important;
        max-height:62px !important;

        position:relative !important;
        top:5px !important;
    }

}


/* =========================================================
   AYIZM DYNAMIC CATEGORY PRODUCT IMAGE — NO CROP / NO BEZELS
   Only newly created dynamic homepage categories
========================================================= */

.ayzim-dynamic-category-section .product-media{
    position:relative !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;

    aspect-ratio:auto !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;

    overflow:hidden !important;

    display:block !important;
}


/* clickable image wrapper */
.ayzim-dynamic-category-section .product-image-link{
    display:block !important;

    width:100% !important;
    height:auto !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;
}


/* actual uploaded product image */
.ayzim-dynamic-category-section .product-media img,
.ayzim-dynamic-category-section .product-image-link img{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:center !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;
}


/* keep badges floating over image */
.ayzim-dynamic-category-section .sale-badge,
.ayzim-dynamic-category-section .new-badge{
    position:absolute !important;
    z-index:5 !important;
}


/* wishlist stays over uploaded image */
.ayzim-dynamic-category-section .wishlist-btn{
    position:absolute !important;
    z-index:5 !important;
}


/* quick view remains overlay/control */
.ayzim-dynamic-category-section .quick-view-btn{
    z-index:6 !important;
}


/* Mobile: exact same no-crop behaviour */
@media(max-width:700px){

    .ayzim-dynamic-category-section .product-media{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:auto !important;

        padding:0 !important;

        background:transparent !important;
    }

    .ayzim-dynamic-category-section .product-image-link{
        width:100% !important;
        height:auto !important;
    }

    .ayzim-dynamic-category-section .product-media img,
    .ayzim-dynamic-category-section .product-image-link img{
        width:100% !important;
        height:auto !important;

        object-fit:contain !important;
        object-position:center !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;
    }
}


/* =========================================================
   AYIZM HOMEPAGE SECTION SPACING — RETAIL / BRAND RHYTHM
   Laptop + Mobile
========================================================= */


/* ---------------------------------------------------------
   1. EMPTY FEATURED DEALS SECTION
   Heading remove hone ke baad agar koi product nahi hai
   to section bilkul space na le.
--------------------------------------------------------- */

#featuredDeals:not(:has(.product-card)){
    display:none !important;
    padding:0 !important;
    margin:0 !important;
    min-height:0 !important;
}


/* ---------------------------------------------------------
   2. DYNAMIC CATEGORY SECTIONS
   New Arrivals + future owner-created categories
--------------------------------------------------------- */

.ayzim-dynamic-category-section{
    padding:
        52px 5%
        56px !important;

    margin:0 !important;
}


/* consecutive categories ke darmiyan unnecessary gap kam */

.ayzim-dynamic-category-section
+
.ayzim-dynamic-category-section{
    padding-top:38px !important;
}


/* heading closer to products */

.ayzim-dynamic-category-section
.video-section-title{
    margin:
        0 auto
        24px !important;
}


/* title spacing */

.ayzim-dynamic-category-section
.video-section-title h2{
    margin:
        0 0
        7px !important;

    line-height:1.08 !important;
}


/* description spacing */

.ayzim-dynamic-category-section
.video-section-title p{
    margin:0 !important;

    line-height:1.5 !important;
}


/* product grid should not create extra outer space */

.ayzim-dynamic-category-section
.video-deals-grid{
    margin:
        0 auto !important;

    padding:0 !important;
}


/* ---------------------------------------------------------
   3. GENERAL FEATURED DEALS
   If it contains products, use balanced spacing.
--------------------------------------------------------- */

#featuredDeals:has(.product-card){
    padding:
        52px 5%
        56px !important;
}


/* ---------------------------------------------------------
   4. REVIEWS
   Avoid large gap after last category
--------------------------------------------------------- */

.ayzim-dynamic-category-section
+
.video-reviews-section{
    padding-top:56px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .ayzim-dynamic-category-section,
    #featuredDeals:has(.product-card){
        padding:
            44px 4%
            48px !important;
    }

    .ayzim-dynamic-category-section
    +
    .ayzim-dynamic-category-section{
        padding-top:30px !important;
    }

    .ayzim-dynamic-category-section
    .video-section-title{
        margin-bottom:20px !important;
    }

}


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

@media(max-width:700px){

    #featuredDeals:not(:has(.product-card)){
        display:none !important;
        padding:0 !important;
        margin:0 !important;
    }


    .ayzim-dynamic-category-section,
    #featuredDeals:has(.product-card){
        padding:
            34px 16px
            40px !important;
    }


    .ayzim-dynamic-category-section
    +
    .ayzim-dynamic-category-section{
        padding-top:26px !important;
    }


    .ayzim-dynamic-category-section
    .video-section-title{
        margin:
            0 0
            18px !important;
    }


    .ayzim-dynamic-category-section
    .video-section-title h2{
        margin-bottom:6px !important;

        line-height:1.08 !important;
    }


    .ayzim-dynamic-category-section
    .video-section-title p{
        margin:0 !important;
    }


    .ayzim-dynamic-category-section
    +
    .video-reviews-section{
        padding-top:42px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

    .ayzim-dynamic-category-section,
    #featuredDeals:has(.product-card){
        padding:
            30px 14px
            36px !important;
    }


    .ayzim-dynamic-category-section
    +
    .ayzim-dynamic-category-section{
        padding-top:22px !important;
    }

}


/* =========================================================
   AYIZM DYNAMIC CATEGORY BACKGROUND
   Match warm Best Sellers / homepage tone
========================================================= */

.ayzim-dynamic-category-section{
    background:#f5efe5 !important;
}


/* keep card area clean */
.ayzim-dynamic-category-section .product-card{
    background:#ffffff !important;
}


/* mobile same background */
@media(max-width:700px){

    .ayzim-dynamic-category-section{
        background:#f5efe5 !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .video-feature-image{
        width:100% !important;

        height:auto !important;
        min-height:0 !important;

        aspect-ratio:auto !important;

        padding:0 !important;

        background:transparent !important;
    }

    .video-feature-image img{
        width:100% !important;
        height:auto !important;

        object-fit:contain !important;
        object-position:center !important;

        margin:0 !important;
        padding:0 !important;
    }

}


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

@media(max-width:700px){

    .video-feature-image{
        width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        aspect-ratio:auto !important;

        padding:0 !important;
        margin:0 !important;

        background:transparent !important;
    }

    .video-feature-image img{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        height:auto !important;
        max-height:none !important;

        object-fit:contain !important;
        object-position:center !important;

        padding:0 !important;
        margin:0 !important;

        background:transparent !important;
    }

}


/* =========================================================
   LEFT IMAGE SIDE
========================================================= */

.video-feature-image{
    position:relative !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    align-self:start !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;

    overflow:hidden !important;

    border-radius:
        14px 0 0 14px !important;
}


/* actual image */
.video-feature-image img{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:center !important;

    background:transparent !important;

    border:0 !important;
}


/* DELIVERY BADGE stays over image */
.video-feature-image > span,
.video-feature-image .feature-badge,
.video-feature-image .featured-badge{
    position:absolute !important;

    top:22px !important;
    left:22px !important;

    z-index:10 !important;
}


/* =========================================================
   RIGHT PRODUCT INFO
========================================================= */

.video-feature-content,
.video-feature-info,
.feature-product-content,
.feature-product-info{
    align-self:stretch !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    padding:
        54px 46px !important;

    background:#f7f1e8 !important;

    border-radius:
        0 14px 14px 0 !important;

    box-shadow:none !important;
}


/* keep title / buttons balanced */
.video-feature-content h2,
.video-feature-info h2,
.feature-product-content h2,
.feature-product-info h2{
    margin-top:0 !important;
}


/* =========================================================
   IMPORTANT:
   remove any white empty extension below left image
========================================================= */

.video-feature-section > div:first-child{
    height:auto !important;
    min-height:0 !important;

    background:transparent !important;

    align-self:start !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .video-feature-section{
        grid-template-columns:
            minmax(0,1.2fr)
            minmax(340px,.8fr) !important;

        width:94% !important;
    }

    .video-feature-content,
    .video-feature-info,
    .feature-product-content,
    .feature-product-info{
        padding:
            40px 32px !important;
    }

}


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

@media(max-width:700px){

    .video-feature-section{
        width:calc(100% - 28px) !important;

        margin:
            38px auto !important;

        display:block !important;

        background:transparent !important;

        border-radius:12px !important;

        overflow:hidden !important;

        box-shadow:
            0 12px 32px
            rgba(54,42,28,.07) !important;
    }


    .video-feature-image{
        width:100% !important;

        height:auto !important;
        min-height:0 !important;

        border-radius:
            12px 12px 0 0 !important;

        background:transparent !important;
    }


    .video-feature-image img{
        width:100% !important;

        height:auto !important;

        object-fit:contain !important;
        object-position:center !important;

        margin:0 !important;
    }


    .video-feature-image > span,
    .video-feature-image .feature-badge,
    .video-feature-image .featured-badge{
        top:14px !important;
        left:14px !important;
    }


    .video-feature-content,
    .video-feature-info,
    .feature-product-content,
    .feature-product-info{
        width:100% !important;

        padding:
            28px 20px
            30px !important;

        background:#f7f1e8 !important;

        border-radius:
            0 0 12px 12px !important;
    }

}


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

    .video-feature-section{
        width:calc(100% - 20px) !important;
    }

    .video-feature-content,
    .video-feature-info,
    .feature-product-content,
    .feature-product-info{
        padding:
            24px 16px
            26px !important;
    }

}





/* =========================================================
   AYIZM FEATURED PRODUCT — CLEAN FINAL
   NO WHITE BOTTOM SPACE
   NO IMAGE CROP
   NO LEFT ROUNDED CORNERS
   LAPTOP + MOBILE
========================================================= */


/* OUTER WRAPPER */
.video-feature-product{
    width:min(1420px,92%) !important;

    margin:64px auto !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1.22fr)
        minmax(380px,.88fr) !important;

    gap:0 !important;

    align-items:start !important;

    /* IMPORTANT:
       parent must NOT create white area below image */
    background:transparent !important;

    border-radius:0 !important;

    overflow:visible !important;

    box-shadow:none !important;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.video-feature-image{
    position:relative !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    align-self:start !important;

    padding:0 !important;
    margin:0 !important;

    display:block !important;

    line-height:0 !important;

    background:transparent !important;

    border-radius:0 !important;

    overflow:hidden !important;
}


/* remove anything generating fake image space */
.video-feature-image::before,
.video-feature-image::after{
    content:none !important;
    display:none !important;
}


/* ACTUAL IMAGE */
.video-feature-image img{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:center center !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
}


/* DELIVERY BADGE */
.video-feature-image .feature-delivery{
    position:absolute !important;

    top:22px !important;
    left:22px !important;

    z-index:10 !important;

    line-height:normal !important;
}


/* =========================================================
   RIGHT INFO
========================================================= */

.video-feature-info{
    align-self:start !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    width:100% !important;

    min-height:0 !important;

    padding:46px 44px !important;

    margin:0 !important;

    background:#f7f1e8 !important;

    border-radius:0 !important;

    box-shadow:none !important;
}


/* prevents right panel from forcing huge row height */
.video-feature-info > :first-child{
    margin-top:0 !important;
}

.video-feature-info > :last-child{
    margin-bottom:0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .video-feature-product{
        width:94% !important;

        grid-template-columns:
            minmax(0,1.15fr)
            minmax(330px,.85fr) !important;
    }

    .video-feature-info{
        padding:
            36px 30px !important;
    }

}


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

@media(max-width:700px){

    .video-feature-product{
        width:100% !important;

        margin:
            36px 0 !important;

        display:block !important;

        background:transparent !important;

        border-radius:0 !important;

        overflow:visible !important;
    }


    .video-feature-image{
        width:100% !important;

        height:auto !important;
        min-height:0 !important;

        padding:0 !important;
        margin:0 !important;

        border-radius:0 !important;
    }


    .video-feature-image img{
        display:block !important;

        width:100% !important;

        height:auto !important;

        object-fit:contain !important;

        border-radius:0 !important;
    }


    .video-feature-image .feature-delivery{
        top:14px !important;
        left:14px !important;
    }


    .video-feature-info{
        width:100% !important;

        padding:
            28px 18px
            30px !important;

        margin:0 !important;

        background:#f7f1e8 !important;

        border-radius:0 !important;
    }

}



/* ===== AYIZM CUSTOMER ULTRA PREMIUM START ===== */


/* =====================================================
   GLOBAL LUXURY SYSTEM
===================================================== */

:root{

    --ay-black:#0b0a08;
    --ay-dark:#15120e;

    --ay-cream:#f7f3ec;
    --ay-soft:#eee8de;

    --ay-gold:#b88a4e;
    --ay-gold-light:#d2ae76;
    --ay-gold-dark:#886231;

    --ay-text:#171511;
    --ay-muted:#777066;

    --ay-line:rgba(72,55,34,.12);

    --ay-shadow:
        0 22px 60px
        rgba(35,25,13,.09);

    --ay-shadow-hover:
        0 28px 70px
        rgba(35,25,13,.15);
}


html{

    scroll-behavior:smooth;
}


body{

    background:
        linear-gradient(
            180deg,
            #faf8f4 0%,
            #f5f0e8 48%,
            #faf8f4 100%
        ) !important;

    color:
        var(--ay-text);

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


/* =====================================================
   ANNOUNCEMENT BAR
===================================================== */

.announcement-bar{

    position:relative;

    min-height:34px;

    display:flex;
    align-items:center;

    overflow:hidden;

    background:
        linear-gradient(
            90deg,
            #090806,
            #18130d 50%,
            #090806
        ) !important;

    border-bottom:
        1px solid
        rgba(211,172,104,.18);

    color:
        #d8bc8e !important;
}


.announcement-track{

    font-size:
        7px !important;

    font-weight:
        800 !important;

    letter-spacing:
        2.1px !important;

    opacity:.92;
}


.announcement-track span{

    padding:
        0 18px;
}


/* =====================================================
   PREMIUM HEADER
===================================================== */

.main-header{

    position:sticky !important;

    top:0;

    z-index:900;

    min-height:
        78px !important;

    padding:
        0 clamp(
            18px,
            5vw,
            70px
        ) !important;

    display:flex;

    align-items:center;

    background:
        rgba(
            250,
            247,
            241,
            .90
        ) !important;

    border-bottom:
        1px solid
        rgba(
            81,
            60,
            36,
            .10
        ) !important;

    backdrop-filter:
        blur(18px);

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

    box-shadow:
        0 8px 32px
        rgba(
            30,
            20,
            10,
            .035
        );
}


.ayzim-brand-only{

    display:flex;

    align-items:center;

    text-decoration:none;
}


.ayzim-header-logo{

    object-fit:
        contain !important;

    filter:
        drop-shadow(
            0 3px 8px
            rgba(0,0,0,.08)
        );

    transition:
        transform .25s ease;
}


.ayzim-brand-only:hover
.ayzim-header-logo{

    transform:
        translateY(-1px)
        scale(1.02);
}


.desktop-nav{

    display:flex;

    align-items:center;

    gap:
        clamp(
            21px,
            2.5vw,
            38px
        ) !important;
}


.desktop-nav a{

    position:relative;

    padding:
        29px 0;

    color:
        #312d27 !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    letter-spacing:
        1.25px !important;

    text-transform:
        uppercase;

    text-decoration:none;

    transition:
        color .2s ease;
}


.desktop-nav a::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:20px;

    width:0;
    height:1px;

    background:
        var(--ay-gold);

    transform:
        translateX(-50%);

    transition:
        width .25s ease;
}


.desktop-nav a:hover{

    color:
        var(--ay-gold-dark)
        !important;
}


.desktop-nav a:hover::after{

    width:100%;
}


/* =====================================================
   HEADER ICONS
===================================================== */

.header-actions{

    gap:
        8px !important;
}


.header-icon,
.mobile-menu-btn{

    width:
        42px !important;

    height:
        42px !important;

    display:grid !important;

    place-items:center !important;

    border:
        1px solid
        rgba(
            71,
            52,
            30,
            .12
        ) !important;

    border-radius:
        50% !important;

    background:
        rgba(
            255,
            255,
            255,
            .65
        ) !important;

    color:
        #181510 !important;

    box-shadow:
        0 5px 16px
        rgba(
            30,
            20,
            10,
            .035
        );

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


.header-icon:hover,
.mobile-menu-btn:hover{

    transform:
        translateY(-2px);

    border-color:
        rgba(
            184,
            138,
            78,
            .45
        ) !important;

    background:
        #fff !important;

    box-shadow:
        0 10px 24px
        rgba(
            40,
            25,
            10,
            .08
        );
}


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

.hero-slider{

    position:relative;

    overflow:hidden;

    background:
        #111 !important;

    box-shadow:
        0 18px 55px
        rgba(32,22,10,.08);
}


.hero-slide{

    position:relative;
}


.hero-media{

    overflow:hidden;
}


.hero-media img{

    transition:
        transform 7s
        ease !important;

    will-change:
        transform;
}


.hero-slide.active
.hero-media img{

    transform:
        scale(1.025);
}


.hero-slide::after{

    background:
        linear-gradient(
            90deg,
            rgba(5,5,4,.80) 0%,
            rgba(8,7,5,.48) 38%,
            rgba(8,7,5,.08) 70%,
            rgba(8,7,5,.02) 100%
        ) !important;
}


.hero-content{

    max-width:
        640px !important;

    text-shadow:
        0 4px 24px
        rgba(0,0,0,.22);
}


.hero-eyebrow{

    display:inline-flex !important;

    align-items:center;

    gap:9px;

    padding:
        8px 13px !important;

    border:
        1px solid
        rgba(223,188,127,.35);

    border-radius:
        999px;

    background:
        rgba(15,12,8,.30);

    backdrop-filter:
        blur(8px);

    color:
        #e0c08c !important;

    font-size:
        7px !important;

    letter-spacing:
        2.6px !important;
}


.hero-content h1{

    margin-top:
        18px !important;

    font-size:
        clamp(
            44px,
            6vw,
            82px
        ) !important;

    line-height:
        .98 !important;

    font-weight:
        400 !important;

    letter-spacing:
        -2.5px !important;
}


.hero-content h1 em{

    color:
        #dfbf89 !important;
}


.hero-content p{

    max-width:
        520px !important;

    margin-top:
        22px !important;

    color:
        rgba(
            255,
            255,
            255,
            .77
        ) !important;

    font-size:
        11px !important;

    line-height:
        1.9 !important;
}


.hero-buttons{

    margin-top:
        30px !important;

    gap:
        11px !important;
}


.hero-buttons a,
.hero-buttons button{

    min-height:
        50px !important;

    padding:
        0 25px !important;

    border-radius:
        4px !important;

    font-size:
        8px !important;

    font-weight:
        900 !important;

    letter-spacing:
        1.5px !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


.hero-buttons a:hover,
.hero-buttons button:hover{

    transform:
        translateY(-2px);

    box-shadow:
        0 14px 30px
        rgba(0,0,0,.18);
}


/* =====================================================
   SLIDER CONTROLS
===================================================== */

.slider-arrow{

    width:
        46px !important;

    height:
        46px !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .26
        ) !important;

    border-radius:
        50% !important;

    background:
        rgba(
            10,
            9,
            7,
            .30
        ) !important;

    backdrop-filter:
        blur(10px);

    color:
        #fff !important;

    transition:
        transform .2s ease,
        background .2s ease;
}


.slider-arrow:hover{

    transform:
        scale(1.06);

    background:
        rgba(
            184,
            138,
            78,
            .75
        ) !important;
}


.slider-dot{

    width:
        6px !important;

    height:
        6px !important;

    background:
        rgba(
            255,
            255,
            255,
            .45
        ) !important;

    transition:
        width .25s ease,
        background .25s ease;
}


.slider-dot.active{

    width:
        28px !important;

    border-radius:
        99px !important;

    background:
        #d3ad72 !important;
}


/* =====================================================
   PROMOTIONAL CARDS
===================================================== */

.promo-section{

    max-width:
        1320px !important;

    margin:
        0 auto !important;

    padding:
        clamp(
            36px,
            5vw,
            70px
        )
        clamp(
            16px,
            4vw,
            46px
        ) !important;

    gap:
        18px !important;
}


.promo-card{

    position:relative;

    overflow:hidden;

    border:
        1px solid
        rgba(91,66,36,.10) !important;

    border-radius:
        10px !important;

    background:
        #fff !important;

    box-shadow:
        var(--ay-shadow);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.promo-card:hover{

    transform:
        translateY(-5px);

    box-shadow:
        var(--ay-shadow-hover);
}


.promo-card img{

    transition:
        transform .7s ease;
}


.promo-card:hover img{

    transform:
        scale(1.035);
}


/* =====================================================
   SECTION TITLES
===================================================== */

.section-heading,
.section-header,
.video-section-title{

    max-width:
        1280px !important;

    margin-left:auto !important;

    margin-right:auto !important;
}


.section-heading > span,
.section-header > span,
.video-section-title > span{

    color:
        var(--ay-gold-dark)
        !important;

    font-size:
        7px !important;

    font-weight:
        900 !important;

    letter-spacing:
        3px !important;
}


.section-heading h2,
.section-header h2,
.video-section-title h2{

    color:
        #17140f !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(
            30px,
            3.7vw,
            48px
        ) !important;

    font-weight:
        400 !important;

    letter-spacing:
        -1px !important;
}


.video-section-title p{

    color:
        #81786c !important;

    line-height:
        1.8 !important;
}


/* =====================================================
   CATEGORIES
===================================================== */

#categories{

    position:relative;

    padding-top:
        clamp(
            65px,
            7vw,
            100px
        ) !important;

    padding-bottom:
        clamp(
            65px,
            7vw,
            100px
        ) !important;
}


.category-card{

    border:
        1px solid
        rgba(87,62,34,.10)
        !important;

    border-radius:
        10px !important;

    background:
        rgba(
            255,
            255,
            255,
            .84
        ) !important;

    box-shadow:
        0 12px 34px
        rgba(45,30,12,.055);

    overflow:hidden;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}


.category-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(
            184,
            138,
            78,
            .34
        ) !important;

    box-shadow:
        0 24px 55px
        rgba(45,30,12,.11);
}


.category-card img{

    transition:
        transform .65s ease;
}


.category-card:hover img{

    transform:
        scale(1.045);
}


/* =====================================================
   PRODUCT SECTIONS
===================================================== */

#bestSellers,
.video-deals-section{

    padding-top:
        clamp(
            65px,
            7vw,
            100px
        ) !important;

    padding-bottom:
        clamp(
            65px,
            7vw,
            100px
        ) !important;
}


.video-deals-section{

    background:
        linear-gradient(
            180deg,
            #f0ebe2,
            #f8f5ef
        ) !important;

    border-top:
        1px solid
        rgba(89,65,38,.07);

    border-bottom:
        1px solid
        rgba(89,65,38,.07);
}


.products-grid,
.video-deals-grid{

    max-width:
        1280px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    gap:
        clamp(
            14px,
            2vw,
            24px
        ) !important;
}


/* =====================================================
   PRODUCT CARD
===================================================== */

.product-card,
.video-deal-card{

    position:relative;

    overflow:hidden;

    border:
        1px solid
        rgba(
            85,
            62,
            35,
            .09
        ) !important;

    border-radius:
        10px !important;

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

    box-shadow:
        0 12px 36px
        rgba(
            45,
            30,
            12,
            .055
        );

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.product-card:hover,
.video-deal-card:hover{

    transform:
        translateY(-7px);

    border-color:
        rgba(
            184,
            138,
            78,
            .30
        ) !important;

    box-shadow:
        0 26px 60px
        rgba(
            45,
            30,
            12,
            .12
        );
}


.product-media,
.video-deal-image{

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #f4f0e9,
            #ebe4da
        ) !important;
}


.product-media img,
.video-deal-image img{

    transition:
        transform .65s ease !important;
}


.product-card:hover
.product-media img,
.video-deal-card:hover
.video-deal-image img{

    transform:
        scale(1.045);
}


.sale-badge{

    top:
        12px !important;

    left:
        12px !important;

    padding:
        7px 10px !important;

    border-radius:
        999px !important;

    background:
        #15120e !important;

    color:
        #ead0a0 !important;

    box-shadow:
        0 6px 18px
        rgba(0,0,0,.12);

    font-size:
        7px !important;

    letter-spacing:
        1px;
}


.wishlist-btn{

    top:
        11px !important;

    right:
        11px !important;

    width:
        34px !important;

    height:
        34px !important;

    display:grid !important;

    place-items:center !important;

    border:
        1px solid
        rgba(
            70,
            50,
            28,
            .10
        ) !important;

    border-radius:
        50% !important;

    background:
        rgba(
            255,
            255,
            255,
            .88
        ) !important;

    backdrop-filter:
        blur(8px);

    transition:
        transform .2s ease;
}


.wishlist-btn:hover{

    transform:
        scale(1.08);
}


.quick-view-btn{

    min-height:
        42px !important;

    border:0 !important;

    background:
        rgba(
            16,
            14,
            11,
            .94
        ) !important;

    color:
        #f4e9d6 !important;

    font-size:
        7px !important;

    letter-spacing:
        1.6px !important;

    backdrop-filter:
        blur(8px);
}


.product-info{

    padding:
        18px 17px
        20px !important;
}


.product-category{

    color:
        #967044 !important;

    font-size:
        6px !important;

    font-weight:
        900 !important;

    letter-spacing:
        2px !important;
}


.product-info h3{

    margin-top:
        8px !important;

    color:
        #191611 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        17px !important;

    line-height:
        1.3 !important;

    font-weight:
        400 !important;
}


.product-rating{

    margin-top:
        9px;

    color:
        #b68b51 !important;

    font-size:
        9px !important;
}


.product-rating span{

    color:
        #918a80 !important;
}


.product-price{

    margin-top:
        11px !important;

    display:flex;

    align-items:center;

    gap:
        10px;
}


.product-price strong{

    color:
        #17140f !important;

    font-size:
        15px !important;
}


.product-price del{

    color:
        #a59e94 !important;

    font-size:
        10px !important;
}


/* =====================================================
   FEATURED PRODUCT
===================================================== */

.featured-product-section,
.featured-section{

    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #11100e,
            #211a11
        ) !important;

    color:
        #f4eee4;
}


.featured-product-section::before,
.featured-section::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-240px;
    top:-230px;

    border-radius:
        50%;

    border:
        1px solid
        rgba(
            211,
            172,
            105,
            .12
        );

    box-shadow:
        0 0 0 70px
        rgba(211,172,105,.018);
}


.feature-add-cart,
.feature-order-now{

    min-height:
        52px !important;

    border-radius:
        5px !important;

    letter-spacing:
        1.3px !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.feature-add-cart:hover,
.feature-order-now:hover{

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.15);
}


/* =====================================================
   REVIEWS
===================================================== */

#reviews{

    position:relative;

    padding-top:
        clamp(
            70px,
            8vw,
            110px
        ) !important;

    padding-bottom:
        clamp(
            70px,
            8vw,
            110px
        ) !important;

    background:
        #faf8f4 !important;
}


.review-card,
.home-review-card{

    border:
        1px solid
        rgba(82,59,32,.10)
        !important;

    border-radius:
        10px !important;

    background:
        #fff !important;

    box-shadow:
        0 14px 40px
        rgba(45,30,12,.055);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.review-card:hover,
.home-review-card:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 24px 52px
        rgba(45,30,12,.10);
}


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

footer,
.site-footer{

    position:relative;

    background:
        linear-gradient(
            145deg,
            #090806,
            #16120c
        ) !important;

    color:
        #aaa196 !important;

    border-top:
        1px solid
        rgba(213,171,100,.15);

    box-shadow:
        0 -20px 60px
        rgba(30,20,10,.05);
}


footer h3,
footer h4,
.site-footer h3,
.site-footer h4{

    color:
        #f0e6d5 !important;
}


footer a,
.site-footer a{

    color:
        #aaa196 !important;

    transition:
        color .2s ease;
}


footer a:hover,
.site-footer a:hover{

    color:
        #d5ad70 !important;
}


/* =====================================================
   SELECTION / FOCUS
===================================================== */

::selection{

    background:
        #c69b5d;

    color:
        #fff;
}


a:focus-visible,
button:focus-visible,
input:focus-visible{

    outline:
        2px solid
        rgba(184,138,78,.70);

    outline-offset:
        3px;
}


/* =====================================================
   MOBILE PREMIUM
===================================================== */

@media(max-width:900px){

    .main-header{

        min-height:
            68px !important;

        padding:
            0 15px !important;
    }


    .header-icon,
    .mobile-menu-btn{

        width:
            38px !important;

        height:
            38px !important;
    }


    .hero-content{

        padding-left:
            20px !important;

        padding-right:
            20px !important;
    }


    .hero-content h1{

        font-size:
            clamp(
                37px,
                9vw,
                56px
            ) !important;

        letter-spacing:
            -1.6px !important;
    }


    .promo-section{

        padding:
            30px 16px
            48px !important;
    }


    .products-grid,
    .video-deals-grid{

        padding-left:
            14px !important;

        padding-right:
            14px !important;
    }

}


@media(max-width:600px){

    body{

        background:
            #f7f4ee !important;
    }


    .announcement-bar{

        min-height:
            29px;
    }


    .announcement-track{

        font-size:
            6px !important;
    }


    .main-header{

        box-shadow:
            0 7px 24px
            rgba(30,20,10,.055);
    }


    .hero-eyebrow{

        padding:
            6px 10px !important;

        font-size:
            6px !important;
    }


    .hero-content h1{

        margin-top:
            12px !important;

        font-size:
            clamp(
                34px,
                11vw,
                48px
            ) !important;

        line-height:
            1.02 !important;
    }


    .hero-content p{

        margin-top:
            13px !important;

        font-size:
            9px !important;

        line-height:
            1.65 !important;
    }


    .hero-buttons{

        margin-top:
            19px !important;
    }


    .hero-buttons a,
    .hero-buttons button{

        min-height:
            45px !important;

        padding:
            0 17px !important;
    }


    .slider-arrow{

        width:
            38px !important;

        height:
            38px !important;
    }


    #categories,
    #bestSellers,
    .video-deals-section,
    #reviews{

        padding-top:
            55px !important;

        padding-bottom:
            55px !important;
    }


    .section-heading h2,
    .section-header h2,
    .video-section-title h2{

        font-size:
            31px !important;
    }


    .product-card,
    .video-deal-card,
    .category-card{

        border-radius:
            8px !important;
    }


    .product-info{

        padding:
            15px 13px
            17px !important;
    }


    .product-info h3{

        font-size:
            15px !important;
    }

}


/* =====================================================
   SUBTLE PAGE REVEAL
===================================================== */

@media(
    prefers-reduced-motion:
    no-preference
){

    .product-card,
    .category-card,
    .promo-card,
    .review-card{

        animation:
            ayizmPremiumReveal
            .42s ease-out
            both;
    }


    @keyframes ayizmPremiumReveal{

        from{

            opacity:.75;

            transform:
                translateY(7px);
        }

        to{

            opacity:1;

            transform:
                translateY(0);
        }

    }

}


/* ===== AYIZM CUSTOMER ULTRA PREMIUM END ===== */



/* ===== AYIZM MY ORDERS SAME AS OTHER MENU LINKS ===== */

@media(max-width:900px){

    .mobile-menu-links a[href="/my-orders"]{
        color:inherit !important;
    }

    .mobile-menu-links a[href="/my-orders"] span,
    .mobile-menu-links a[href="/my-orders"] b{
        color:inherit !important;
    }

}

/* ===== END MY ORDERS SAME STYLE ===== */


/* ===== AYIZM DESKTOP SLIDER FROM PRE-V2 START ===== */

/*
   PRE-V2 DESKTOP HERO / SLIDER
   Mobile untouched.
*/

@media (min-width: 901px) {

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

.hero-slider {
height:650px;

    position:relative;

    overflow:hidden;

    background:#ded0bb;
}
.hero-slide {
position:absolute;
    inset:0;

    display:grid;

    grid-template-columns:1.2fr .8fr;

    opacity:0;
    visibility:hidden;

    transform:translateX(35px);

    transition:
        opacity .65s ease,
        transform .65s ease,
        visibility .65s ease;
}
.hero-slide.active {
opacity:1;
    visibility:visible;
    transform:translateX(0);
}
.hero-media {
width:100%;
    height:650px;

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

    background:
        radial-gradient(
            circle at center,
            #f4ecdf,
            #d8cab5
        );

    overflow:hidden;
}
.hero-media img {
width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    display:block;
}
.hero-content {
padding:clamp(45px,6vw,90px);

    display:flex;
    flex-direction:column;
    justify-content:center;

    color:#fff;

    background:
        radial-gradient(
            circle at top right,
            #30271c,
            #171512 55%,
            #0b0b0a
        );
}
.hero-eyebrow {
color:var(--gold-light);

    font-size:9px;
    font-weight:900;
    letter-spacing:4px;

    margin-bottom:18px;
}
.hero-content h1 {
font-family:Georgia, "Times New Roman", serif;

    font-size:clamp(48px,5vw,78px);

    font-weight:400;
    line-height:1;
}
.hero-content h1 em {
display:block;
    color:var(--gold-light);
    font-weight:400;
}
.hero-content p {
margin-top:22px;

    max-width:500px;

    color:#bfb7aa;

    font-size:13px;
    line-height:1.8;
}
.hero-buttons {
margin-top:28px;

    display:flex;
    gap:12px;
    flex-wrap:wrap;
}
.slider-arrow {
position:absolute;

    top:50%;

    transform:translateY(-50%);

    z-index:20;

    width:45px;
    height:45px;

    border:1px solid rgba(255,255,255,.25);

    border-radius:50%;

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

    color:#fff;

    cursor:pointer;

    font-size:26px;
}
.slider-dots {
position:absolute;

    left:50%;
    bottom:20px;

    transform:translateX(-50%);

    z-index:20;

    display:flex;
    gap:7px;
}
.slider-dot {
width:8px;
    height:8px;

    border:0;
    border-radius:50%;

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

    cursor:pointer;
}
.slider-dot.active {
width:28px;
    border-radius:30px;
    background:var(--gold-light);
}
.hero-slider {
height:760px;
}
.hero-slide {
grid-template-columns:1fr;
        grid-template-rows:400px 360px;
}
.hero-media {
height:400px;
}
.hero-slider {
height:710px;
}
.hero-slide {
grid-template-rows:370px 340px;
}
.hero-media {
height:370px;
}
.hero-media img {
object-fit:contain;
        object-position:center;
}
.hero-content {
padding:28px 21px 42px;
}
.hero-content h1 {
font-size:41px;
}
.hero-content p {
font-size:11px;
}
.slider-arrow {
width:37px;
        height:37px;
}
.hero-slider {
position:relative;

        height:590px !important;
        min-height:590px !important;

        overflow:hidden;

        background:#111;
}
.hero-slide {
position:absolute;
        inset:0;

        display:block !important;

        height:590px;

        opacity:0;
        visibility:hidden;

        transform:none !important;

        transition:
            opacity .7s ease,
            visibility .7s ease;
}
.hero-slide.active {
opacity:1;
        visibility:visible;
}
.hero-media {
position:absolute;

        inset:0;

        width:100%;
        height:100% !important;

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

        background:
            radial-gradient(
                circle at center,
                #f3eadc 0%,
                #e5d8c5 55%,
                #d4c4ad 100%
            );

        overflow:hidden;
}
.hero-media img {
width:100%;
        height:100%;

        padding:0;

        object-fit:contain !important;
        object-position:center !important;

        display:block;

        transform:none !important;
}
.hero-slide::after {
content:"";

        position:absolute;
        inset:0;

        z-index:2;

        pointer-events:none;

        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,0) 34%,
                rgba(0,0,0,.10) 47%,
                rgba(0,0,0,.38) 61%,
                rgba(0,0,0,.74) 76%,
                rgba(0,0,0,.94) 100%
            );
}
.hero-content {
position:absolute;

        left:0;
        right:0;
        bottom:0;

        z-index:4;

        min-height:0 !important;

        padding:
            0
            24px
            66px !important;

        display:block !important;

        background:transparent !important;

        color:#fff;

        text-align:left;
}
.hero-content::before {
display:none !important;
}
.hero-eyebrow {
display:block;

        margin-bottom:10px;

        color:#e0bc72;

        font-size:7px;

        font-weight:900;

        letter-spacing:3px;

        text-transform:uppercase;
}
.hero-content h1 {
max-width:340px;

        margin:0;

        font-family:
            Georgia,
            "Times New Roman",
            serif;

        font-size:43px !important;

        line-height:.96;

        font-weight:400;

        letter-spacing:-1.2px;

        color:#fff;
}
.hero-content h1 em {
display:block;

        margin-top:4px;

        color:#dfbb72;

        font-weight:400;

        line-height:.98;
}
.hero-content p {
max-width:320px;

        margin-top:13px;

        color:
            rgba(255,255,255,.78);

        font-size:10.5px;

        line-height:1.65;
}
.hero-buttons {
margin-top:18px;

        display:flex;

        align-items:center;

        gap:9px;

        flex-wrap:wrap;
}
.slider-arrow {
top:45% !important;

        width:34px !important;
        height:34px !important;

        display:grid;
        place-items:center;

        border:
            1px solid
            rgba(255,255,255,.25);

        border-radius:50%;

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

        backdrop-filter:
            blur(7px);

        color:#fff;

        font-size:18px !important;

        box-shadow:none;
}
.slider-dots {
left:50%;

        bottom:21px !important;

        transform:
            translateX(-50%);

        gap:7px;
}
.slider-dot {
width:6px;
        height:6px;

        border-radius:50%;

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

        transition:.3s ease;
}
.slider-dot.active {
width:23px;

        border-radius:20px;

        background:#ddb96f;
}
/* AYIZM PAYMENT CARDS FINAL FIX END */








/* ===== AYIZM DYNAMIC HERO + PROMO IMAGE SUPPORT ===== */

.hero-media picture,
.promo-media picture {
width:100%;
    height:100%;
    display:block;
}
.hero-media picture img,
.promo-media picture img {
width:100%;
    height:100%;
    display:block;
}
/* Separate mobile image lets the owner use a mobile-friendly
   composition without changing the storefront layout. */



/* =========================================================
   AYIZM HERO IMAGE — FULL IMAGE / NO CROP
========================================================= */

.hero-media {
display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}
.hero-media picture {
width:100% !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.hero-media picture img,
.hero-media > img {
width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    display:block !important;

    object-fit:contain !important;
    object-position:center center !important;
}
.hero-media picture img,
    .hero-media > img {
width:100% !important;
        height:100% !important;

        object-fit:contain !important;
        object-position:center center !important;
}
/* =====================================================
       HERO SLIDER — MOBILE PREMIUM FIX
    ===================================================== */

    .hero-slider {
position:relative !important;

        width:100% !important;

        height:min(72svh, 620px) !important;
        min-height:540px !important;
        max-height:620px !important;

        overflow:hidden !important;

        background:#17130e !important;
}
/* EACH SLIDE */

    .hero-slide {
position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        overflow:hidden !important;

        opacity:0 !important;
        visibility:hidden !important;

        pointer-events:none !important;

        transition:
            opacity .45s ease,
            visibility .45s ease !important;
}
.hero-slide.active {
opacity:1 !important;
        visibility:visible !important;

        pointer-events:auto !important;

        z-index:2 !important;
}
/* CRITICAL:
       inactive text must NEVER remain visible
       during slide change
    */

    .hero-slide:not(.active) .hero-content {
opacity:0 !important;
        visibility:hidden !important;

        transform:
            translateY(18px) !important;

        pointer-events:none !important;

        transition:none !important;
}
.hero-slide.active .hero-content {
opacity:1 !important;
        visibility:visible !important;

        transform:
            translateY(0) !important;

        transition:
            opacity .42s ease .08s,
            transform .42s ease .08s !important;
}
/* IMAGE */

    .hero-media {
position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;
}
.hero-media img {
width:100% !important;
        height:100% !important;

        object-fit:cover !important;

        object-position:center center !important;

        display:block !important;
}
/* PREMIUM DARK GRADIENT */

    .hero-slide::after {
content:"" !important;

        position:absolute !important;
        inset:0 !important;

        z-index:1 !important;

        pointer-events:none !important;

        background:
            linear-gradient(
                to bottom,
                rgba(10,8,5,.03) 18%,
                rgba(10,8,5,.12) 40%,
                rgba(10,8,5,.74) 100%
            ) !important;
}
/* CONTENT */

    .hero-content {
position:absolute !important;

        z-index:3 !important;

        left:24px !important;
        right:24px !important;

        top:auto !important;
        bottom:72px !important;

        width:auto !important;
        max-width:330px !important;

        margin:0 !important;
        padding:0 !important;

        text-align:left !important;
}
.hero-eyebrow {
display:block !important;

        margin-bottom:10px !important;

        color:#d3ac6f !important;

        font-size:7px !important;
        font-weight:700 !important;

        letter-spacing:2.5px !important;

        line-height:1.3 !important;
}
.hero-content h1 {
margin:0 !important;

        max-width:320px !important;

        font-family:
            Georgia,
            "Times New Roman",
            serif !important;

        font-size:
            clamp(40px, 11.5vw, 54px) !important;

        font-weight:400 !important;

        line-height:.96 !important;

        letter-spacing:-1.8px !important;

        color:#fff !important;
}
.hero-content h1 em {
display:block !important;

        margin-top:4px !important;

        color:#d8b276 !important;

        font-style:italic !important;
        font-weight:400 !important;
}
.hero-content p {
max-width:310px !important;

        margin:
            15px 0
            0 !important;

        color:
            rgba(255,255,255,.78) !important;

        font-size:10px !important;
        font-weight:400 !important;

        line-height:1.6 !important;

        text-shadow:
            0 1px 8px
            rgba(0,0,0,.25) !important;
}
/* BUTTONS */

    .hero-buttons {
margin-top:18px !important;

        display:flex !important;
        align-items:center !important;

        gap:9px !important;

        flex-wrap:wrap !important;
}
.hero-buttons a {
min-height:42px !important;

        padding:
            0 16px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        font-size:7px !important;
        font-weight:800 !important;

        letter-spacing:1.3px !important;

        white-space:nowrap !important;
}
/* SLIDER ARROWS */

    .slider-arrow {
z-index:4 !important;

        width:34px !important;
        height:34px !important;

        border:
            1px solid
            rgba(255,255,255,.32) !important;

        border-radius:50% !important;

        background:
            rgba(17,14,10,.30) !important;

        color:#fff !important;

        backdrop-filter:
            blur(6px) !important;

        font-size:20px !important;
}
/* DOTS */

    .slider-dots {
z-index:5 !important;

        bottom:19px !important;

        gap:6px !important;
}
.slider-dot {
width:6px !important;
        height:6px !important;

        padding:0 !important;

        border:0 !important;

        border-radius:999px !important;

        background:
            rgba(255,255,255,.52) !important;

        transition:
            width .25s ease,
            background .25s ease !important;
}
.slider-dot.active {
width:22px !important;

        background:#d8b063 !important;
}
.hero-content {
left:20px !important;
        right:20px !important;
}
.hero-content h1 {
font-size:
            clamp(
                38px,
                11.2vw,
                48px
            ) !important;
}
/* Full viewport width — remove left/right beige bezels */

    .hero-slider {
width:100vw !important;
        max-width:none !important;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:
            calc(50% - 50vw) !important;

        padding:0 !important;

        position:relative !important;

        overflow:hidden !important;

        background:#111 !important;

        min-height:0 !important;
        max-height:none !important;
}
.hero-slide {
position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;
}
/* Image always complete — NO CROP */

    .hero-media {
position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:#111 !important;

        overflow:hidden !important;
}
.hero-media img {
display:block !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:contain !important;
        object-position:center center !important;

        max-width:none !important;
}
/* Remove left / right hint arrows completely */

    .hero-slider .slider-arrow,
    .hero-slider .slider-prev,
    .hero-slider .slider-next {
display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
}
/* Keep only luxury dots */

    .hero-slider .slider-dots {
display:flex !important;

        left:50% !important;
        right:auto !important;

        transform:
            translateX(-50%) !important;

        bottom:18px !important;

        z-index:10 !important;
}
.hero-slider {
width:100vw !important;
        max-width:100vw !important;

        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;

        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;

        min-height:0 !important;
        max-height:none !important;
}
.hero-slide {
position:absolute !important;
        inset:0 !important;

        width:100vw !important;
        max-width:100vw !important;

        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
}
.hero-media {
position:absolute !important;
        inset:0 !important;

        width:100vw !important;
        max-width:100vw !important;

        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
}
/* -----------------------------------------
       IMPORTANT:
       no contain
       no cover
       no crop
       no black bars
    ----------------------------------------- */

    .hero-media img {
position:absolute !important;

        top:0 !important;
        left:0 !important;

        display:block !important;

        width:100vw !important;
        max-width:none !important;

        height:auto !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:unset !important;
        object-position:unset !important;

        transform:none !important;
}
/* remove arrow hints */

    .hero-slider .slider-arrow,
    .hero-slider .slider-prev,
    .hero-slider .slider-next {
display:none !important;
}
.hero-slider {
width:100vw !important;
        max-width:100vw !important;

        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;

        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
}
.hero-slide {
position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
}
.hero-media {
position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;
}
/* FULL BLEED:
       fills whole hero, no side bars,
       slight crop allowed */

    .hero-media img {
position:absolute !important;
        inset:0 !important;

        display:block !important;

        width:100% !important;
        height:100% !important;

        max-width:none !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;
        object-position:center center !important;

        transform:none !important;
}
/* absolutely no hint arrows */

    .hero-slider .slider-arrow,
    .hero-slider .slider-prev,
    .hero-slider .slider-next {
display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
}
.hero-slider {
position:relative !important;

        left:50% !important;

        width:100vw !important;
        max-width:none !important;

        margin-left:-50vw !important;
        margin-right:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;

        overflow:hidden !important;
}
.hero-slider .hero-slide {
position:absolute !important;

        top:0 !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;

        width:100vw !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        background:#111 !important;
}
/* THIS IS THE MAIN FIX */

    .hero-slider .hero-slide .hero-media {
position:absolute !important;

        top:0 !important;
        bottom:0 !important;

        left:0 !important;
        right:0 !important;

        width:100vw !important;
        min-width:100vw !important;
        max-width:none !important;

        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;

        overflow:hidden !important;

        background:#111 !important;
}
.hero-slider .hero-slide .hero-media img {
position:absolute !important;

        top:0 !important;
        left:0 !important;

        width:100vw !important;
        min-width:100vw !important;
        max-width:none !important;

        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;
        object-position:center center !important;

        transform:none !important;

        display:block !important;
}
/* Kill any inherited desktop inset */

    .hero-slider .hero-media,
    .hero-slider .hero-media img {
margin-left:0 !important;
        margin-right:0 !important;
}
/* Remove any internal pseudo spacing */

    .hero-slider .hero-slide::before {
left:0 !important;
        right:0 !important;
        width:100% !important;
}
/* Keep overlay full-width too */

    .hero-slider .hero-slide::after {
left:0 !important;
        right:0 !important;

        width:100% !important;
}
/* arrows stay removed */

    .hero-slider .slider-arrow,
    .hero-slider .slider-prev,
    .hero-slider .slider-next {
display:none !important;
}
/* =====================================================
   HERO
===================================================== */

.hero-slider {
position:relative;

    overflow:hidden;

    background:
        #111 !important;

    box-shadow:
        0 18px 55px
        rgba(32,22,10,.08);
}
.hero-slide {
position:relative;
}
.hero-media {
overflow:hidden;
}
.hero-media img {
transition:
        transform 7s
        ease !important;

    will-change:
        transform;
}
.hero-slide.active
.hero-media img {
transform:
        scale(1.025);
}
.hero-slide::after {
background:
        linear-gradient(
            90deg,
            rgba(5,5,4,.80) 0%,
            rgba(8,7,5,.48) 38%,
            rgba(8,7,5,.08) 70%,
            rgba(8,7,5,.02) 100%
        ) !important;
}
.hero-content {
max-width:
        640px !important;

    text-shadow:
        0 4px 24px
        rgba(0,0,0,.22);
}
.hero-eyebrow {
display:inline-flex !important;

    align-items:center;

    gap:9px;

    padding:
        8px 13px !important;

    border:
        1px solid
        rgba(223,188,127,.35);

    border-radius:
        999px;

    background:
        rgba(15,12,8,.30);

    backdrop-filter:
        blur(8px);

    color:
        #e0c08c !important;

    font-size:
        7px !important;

    letter-spacing:
        2.6px !important;
}
.hero-content h1 {
margin-top:
        18px !important;

    font-size:
        clamp(
            44px,
            6vw,
            82px
        ) !important;

    line-height:
        .98 !important;

    font-weight:
        400 !important;

    letter-spacing:
        -2.5px !important;
}
.hero-content h1 em {
color:
        #dfbf89 !important;
}
.hero-content p {
max-width:
        520px !important;

    margin-top:
        22px !important;

    color:
        rgba(
            255,
            255,
            255,
            .77
        ) !important;

    font-size:
        11px !important;

    line-height:
        1.9 !important;
}
.hero-buttons {
margin-top:
        30px !important;

    gap:
        11px !important;
}
.hero-buttons a,
.hero-buttons button {
min-height:
        50px !important;

    padding:
        0 25px !important;

    border-radius:
        4px !important;

    font-size:
        8px !important;

    font-weight:
        900 !important;

    letter-spacing:
        1.5px !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}
.hero-buttons a:hover,
.hero-buttons button:hover {
transform:
        translateY(-2px);

    box-shadow:
        0 14px 30px
        rgba(0,0,0,.18);
}
/* =====================================================
   SLIDER CONTROLS
===================================================== */

.slider-arrow {
width:
        46px !important;

    height:
        46px !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .26
        ) !important;

    border-radius:
        50% !important;

    background:
        rgba(
            10,
            9,
            7,
            .30
        ) !important;

    backdrop-filter:
        blur(10px);

    color:
        #fff !important;

    transition:
        transform .2s ease,
        background .2s ease;
}
.slider-arrow:hover {
transform:
        scale(1.06);

    background:
        rgba(
            184,
            138,
            78,
            .75
        ) !important;
}
.slider-dot {
width:
        6px !important;

    height:
        6px !important;

    background:
        rgba(
            255,
            255,
            255,
            .45
        ) !important;

    transition:
        width .25s ease,
        background .25s ease;
}
.slider-dot.active {
width:
        28px !important;

    border-radius:
        99px !important;

    background:
        #d3ad72 !important;
}
.hero-content {
padding-left:
            20px !important;

        padding-right:
            20px !important;
}
.hero-content h1 {
font-size:
            clamp(
                37px,
                9vw,
                56px
            ) !important;

        letter-spacing:
            -1.6px !important;
}
.hero-eyebrow {
padding:
            6px 10px !important;

        font-size:
            6px !important;
}
.hero-content h1 {
margin-top:
            12px !important;

        font-size:
            clamp(
                34px,
                11vw,
                48px
            ) !important;

        line-height:
            1.02 !important;
}
.hero-content p {
margin-top:
            13px !important;

        font-size:
            9px !important;

        line-height:
            1.65 !important;
}
.hero-buttons {
margin-top:
            19px !important;
}
.hero-buttons a,
    .hero-buttons button {
min-height:
            45px !important;

        padding:
            0 17px !important;
}
.slider-arrow {
width:
            38px !important;

        height:
            38px !important;
}

}

/* ===== AYIZM DESKTOP SLIDER FROM PRE-V2 END ===== */



/* ===== AYIZM DESKTOP HAMBURGER HIDE START ===== */

@media (min-width: 901px){

    .mobile-menu-btn,
    #mobileMenuBtn{
        display:none !important;
        visibility:hidden !important;
    }

}

/* ===== AYIZM DESKTOP HAMBURGER HIDE END ===== */



/* ===== AYIZM PRODUCT IMAGE FIT FIX START ===== */

/* Product image box se unwanted gap / bezel remove */
.product-media,
.video-deal-image,
.product-card .product-media,
.video-deal-card .video-deal-image{

    padding:0 !important;
    margin:0 !important;

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

    overflow:hidden !important;

    background:transparent !important;

    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
}


/* Image full visible ho, crop na ho */
.product-media img,
.video-deal-image img,
.product-card .product-media img,
.video-deal-card .video-deal-image img{

    display:block !important;

    width:100% !important;
    height:auto !important;

    max-width:100% !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:center center !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}


/* overlay ya decorative inner layer bezel create kar rahi ho to remove */
.product-media::before,
.product-media::after,
.video-deal-image::before,
.video-deal-image::after,
.product-card .product-media::before,
.product-card .product-media::after,
.video-deal-card .video-deal-image::before,
.video-deal-card .video-deal-image::after{
    display:none !important;
    content:none !important;
}


/* Desktop */
@media (min-width: 901px){

    .product-media,
    .video-deal-image{
        padding:0 !important;
        background:transparent !important;
    }

    .product-media img,
    .video-deal-image img{
        width:100% !important;
        height:auto !important;
        object-fit:contain !important;
    }

}


/* Mobile */
@media (max-width: 900px){

    .product-media,
    .video-deal-image{
        padding:0 !important;
        background:transparent !important;
    }

    .product-media img,
    .video-deal-image img{
        width:100% !important;
        height:auto !important;
        object-fit:contain !important;
    }

}

/* ===== AYIZM PRODUCT IMAGE FIT FIX END ===== */



/* ===== AYIZM REMOVE HEART ICON START ===== */

.wishlist-btn,
.wishlist-button,
.product-wishlist,
.product-like-btn,
.product-heart,
.favorite-btn,
.favourite-btn,
.card-wishlist,
.quick-wishlist,
button[aria-label*="Wishlist"],
button[aria-label*="wishlist"],
button[aria-label*="Favorite"],
button[aria-label*="favorite"],
button[aria-label*="Favourite"],
button[aria-label*="favourite"]{

    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* ===== AYIZM REMOVE HEART ICON END ===== */



/* ===== AYIZM RED OLD PRICE START ===== */

/* Homepage / category / featured product cards */
.product-price del,
.product-card .product-price del,
.video-deals-grid .product-price del,
.featured-product del,
.feature-price del,
.price del{

    color:#c92f2f !important;
    text-decoration-color:#c92f2f !important;
    opacity:1 !important;
    font-weight:500 !important;
}


/* Product detail / Quick View page */
.product-detail del,
.product-price-old,
.old-price,
.original-price,
.compare-price,
.quick-view del,
.quick-view-modal del,
.product-page del,
.product-summary del{

    color:#c92f2f !important;
    text-decoration-color:#c92f2f !important;
    opacity:1 !important;
    font-weight:500 !important;
}


/* Any old price inside price containers */
[class*="price"] del{

    color:#c92f2f !important;
    text-decoration-color:#c92f2f !important;
    opacity:1 !important;
}

/* ===== AYIZM RED OLD PRICE END ===== */



/* ===== AYIZM MOBILE MY ACCOUNT WHITE START ===== */

@media (max-width:900px){

    /* Bottom My Account area only */
    .mobile-menu a[href*="/account"],
    .mobile-menu a[href*="/account"] span,
    .mobile-menu a[href*="/account"] strong,
    .mobile-menu .my-account,
    .mobile-menu .my-account span,
    .mobile-menu [class*="account"] a,
    .mobile-menu [class*="account"] span{
        color:#ffffff !important;
    }

}

/* ===== AYIZM MOBILE MY ACCOUNT WHITE END ===== */