/* =========================================================
   SHRI GOPAL VASTRA
   PREMIUM HOME PAGE STYLE
   PART 1
========================================================= */


/* =========================================================
   PREMIUM COLOR VARIABLES
========================================================= */

:root{
    --primary:#5A321E;
    --primary-dark:#321A10;
    --primary-light:#87573B;

    --gold:#C99B3C;
    --gold-dark:#A97922;
    --gold-light:#F3D995;

    --cream:#FFF9F0;
    --cream-dark:#F5E9D8;
    --soft-bg:#FBF6EF;

    --white:#FFFFFF;
    --dark:#251B16;
    --text:#62544D;
    --muted:#8A7B73;

    --border:#E9DDCF;
    --success:#25D366;

    --shadow-sm:0 8px 24px rgba(70,42,25,.08);
    --shadow-md:0 16px 45px rgba(70,42,25,.13);
    --shadow-lg:0 26px 70px rgba(70,42,25,.18);

    --radius-sm:12px;
    --radius-md:20px;
    --radius-lg:32px;
}


/* =========================================================
   RESET
========================================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Poppins",sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{
    overflow-x:hidden;
    background:var(--cream);
    color:var(--dark);
    line-height:1.7;
}

body::selection{
    background:var(--gold);
    color:#fff;
}

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

ul{
    list-style:none;
}

a{
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
}

button,
input,
textarea,
select{
    font:inherit;
}

button{
    border:none;
}

section{
    position:relative;
}


/* =========================================================
   PREMIUM SCROLLBAR
========================================================= */

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#F3EAE0;
}

::-webkit-scrollbar-thumb{
    border:2px solid #F3EAE0;
    border-radius:20px;
    background:linear-gradient(
        var(--gold),
        var(--primary)
    );
}


/*==================================
PRELOADER
==================================*/

#preloader{
    position:fixed;
    inset:0;
    z-index:999999;

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

    background:
        radial-gradient(circle at top left,
        rgba(201,155,60,.15),
        transparent 30%),

        radial-gradient(circle at bottom right,
        rgba(90,50,30,.12),
        transparent 35%),

        linear-gradient(135deg,#FFF9F0,#F5E9D8);
}

.loader-box{

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

    padding:40px 30px;

    text-align:center;

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

    border:1px solid rgba(201,155,60,.25);

    border-radius:24px;

    backdrop-filter:blur(14px);

    box-shadow:
        0 18px 45px rgba(70,42,25,.16);
}

.loader-box img{

    width:950px;
    height:90px;
    object-fit:contain;

    margin-bottom:18px;

    animation:logoFloat 2.5s ease-in-out infinite;
}

.loader-box h2{

    font-family:"Playfair Display",serif;

    color:#5A321E;

    font-size:30px;

    margin-bottom:8px;
}

.loader-box p{

    color:#62544D;

    font-size:15px;

    margin-bottom:28px;
}


/*======================
LOADER
======================*/

.loader{

    width:58px;
    height:58px;

    margin:auto;

    border-radius:50%;

    border:5px solid #F3D995;

    border-top:5px solid #5A321E;

    animation:spin .9s linear infinite;
}


/*======================
ANIMATIONS
======================*/

@keyframes spin{

    to{
        transform:rotate(360deg);
    }

}

@keyframes logoFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

}


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

@media(max-width:768px){

    .loader-box{

        padding:30px 20px;

    }

    .loader-box img{

        width:800px;
        height:80px;

    }

    .loader-box h2{

        font-size:25px;

    }

}


/* =========================================================
   PREMIUM ANNOUNCEMENT BAR
========================================================= */

.top-bar{
    min-height:42px;
    padding:9px 7%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    background:
        linear-gradient(
            90deg,
            var(--primary-dark),
            var(--primary),
            var(--primary-dark)
        );
    color:#FFF7EB;
    font-size:13px;
    letter-spacing:.1px;
}

.top-left{
    font-weight:500;
}

.top-right{
    display:flex;
    align-items:center;
    gap:25px;
}

.top-right a{
    display:inline-flex;
    align-items:center;
    color:#FFF7EB;
    transition:.3s ease;
}

.top-right a:hover{
    color:var(--gold-light);
}

.top-right i{
    margin-right:7px;
    color:var(--gold-light);
}


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

header{
    position:sticky;
    top:0;
    z-index:10000;
    border-bottom:1px solid rgba(106,72,52,.09);
    background:rgba(255,252,247,.92);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    transition:
        box-shadow .35s ease,
        background .35s ease;
}

header.scrolled{
    background:rgba(255,252,247,.97);
    box-shadow:0 14px 40px rgba(57,31,18,.12);
}

.navbar{
    position:relative;
    width:100%;
    min-height:90px;
    padding:10px 7%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
}


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

.brand-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.brand-logo img {
    width: 62px;
    height: 85px;
    object-fit: contain;
}

.brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.brand-text span {
    font-family: "Playfair Display", serif;
    color: var(--primary);
    font-size: 21px;
    font-weight: 700;
}

.brand-text small {
    margin-top: 5px;
    color: var(--gold);
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/* =========================================================
   NAVIGATION LINKS
========================================================= */

.nav-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:34px;
}

.nav-links a{
    position:relative;
    padding:10px 2px;
    color:var(--dark);
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
    transition:.3s ease;
}

.nav-links a::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:1px;
    width:0;
    height:2px;
    border-radius:20px;
    background:linear-gradient(
        90deg,
        var(--gold),
        var(--primary)
    );
    transform:translateX(-50%);
    transition:.35s ease;
}

.nav-links a:hover,
.nav-links a.active{
    color:var(--primary);
}

.nav-links a:hover::before,
.nav-links a.active::before{
    width:100%;
}


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

.nav-icons{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:11px;
    flex-shrink:0;
}

.nav-icons > a{
    position:relative;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--border);
    border-radius:50%;
    background:rgba(255,255,255,.78);
    color:var(--primary);
    font-size:17px;
    box-shadow:0 6px 18px rgba(70,42,25,.07);
    transition:.35s ease;
}

.nav-icons > a:hover{
    border-color:var(--gold);
    background:var(--primary);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(70,42,25,.16);
}

.badge{
    position:absolute;
    top:-6px;
    right:-5px;
    min-width:18px;
    height:18px;
    padding:0 4px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #fff;
    border-radius:20px;
    background:var(--gold);
    color:#fff;
    font-size:9px;
    font-weight:700;
    line-height:1;
}


/* =========================================================
   USER MENU
========================================================= */

.user-menu{
    display:flex;
    align-items:center;
}

#loginLink{
    min-height:42px;
    padding:10px 16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid var(--border);
    border-radius:30px;
    background:rgba(255,255,255,.8);
    color:var(--primary);
    font-size:14px;
    font-weight:600;
    box-shadow:0 6px 18px rgba(70,42,25,.06);
    transition:.35s ease;
}

#loginLink:hover{
    border-color:var(--gold);
    background:var(--primary);
    color:#fff;
    transform:translateY(-2px);
}

#loginLink i{
    font-size:15px;
}

.logged-user{
    align-items:center;
    gap:8px;
}

.profile-link{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--border);
    border-radius:50%;
    background:#fff;
    color:var(--primary);
    box-shadow:0 6px 18px rgba(70,42,25,.07);
    transition:.35s ease;
}

.profile-link:hover{
    border-color:var(--gold);
    background:var(--primary);
    color:#fff;
    transform:translateY(-2px);
}

#logoutBtn{
    min-height:42px;
    padding:10px 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-radius:25px;
    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold-dark)
    );
    color:#fff;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(170,120,31,.2);
    transition:.35s ease;
}

#logoutBtn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(170,120,31,.3);
}


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

.menu-btn{
    width:42px;
    height:42px;
    padding:0;
    display:none;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    border:1px solid var(--border);
    border-radius:50%;
    background:#fff;
    color:var(--primary);
    font-size:19px;
    cursor:pointer;
    box-shadow:0 6px 18px rgba(70,42,25,.07);
    transition:.35s ease;
}

.menu-btn:hover{
    border-color:var(--gold);
    background:var(--primary);
    color:#fff;
}


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

.home-collection-hero{
    position:relative;
    min-height:650px;
    padding:85px 8%;
    display:grid;
    grid-template-columns:1.06fr .94fr;
    align-items:center;
    gap:70px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(201,155,60,.26),
            transparent 28%
        ),
        radial-gradient(
            circle at 10% 95%,
            rgba(90,50,30,.11),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #FFFDF8 0%,
            #FAF0E3 48%,
            #F5E7D5 100%
        );
}

.home-collection-hero::before{
    content:"";
    position:absolute;
    top:-120px;
    left:-100px;
    width:340px;
    height:340px;
    border:1px solid rgba(201,155,60,.22);
    border-radius:50%;
}

.home-collection-hero::after{
    content:"";
    position:absolute;
    right:-120px;
    bottom:-180px;
    width:430px;
    height:430px;
    border-radius:50%;
    background:rgba(255,255,255,.24);
}

.collection-hero-content{
    position:relative;
    z-index:3;
}

.collection-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:20px;
    padding:9px 19px;
    border:1px solid rgba(201,155,60,.35);
    border-radius:30px;
    background:rgba(255,255,255,.55);
    color:var(--gold-dark);
    font-size:13px;
    font-weight:700;
    letter-spacing:1.6px;
    box-shadow:0 8px 24px rgba(91,54,31,.07);
}

.collection-label::before{
    content:"✦";
    color:var(--gold);
}

.home-collection-hero h1{
    max-width:750px;
    margin-bottom:22px;
    color:var(--dark);
    font-size:62px;
    font-weight:700;
    line-height:1.12;
    letter-spacing:-1.6px;
}

.home-collection-hero h1 span{
    position:relative;
    color:var(--primary);
}

.home-collection-hero h1 span::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-4px;
    width:100%;
    height:8px;
    border-radius:20px;
    background:rgba(201,155,60,.32);
    z-index:-1;
}

.collection-hero-content > p{
    max-width:640px;
    margin-bottom:32px;
    color:var(--text);
    font-size:16px;
    line-height:1.9;
}


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

.home-hero-buttons{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
}

.collection-shop-btn,
.home-outline-btn{
    min-height:54px;
    padding:14px 29px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:35px;
    font-size:14px;
    font-weight:700;
    letter-spacing:.2px;
    transition:.35s ease;
}

.collection-shop-btn{
    background:linear-gradient(
        135deg,
        var(--primary),
        var(--primary-dark)
    );
    color:#fff;
    box-shadow:0 14px 30px rgba(76,39,22,.24);
}

.collection-shop-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 36px rgba(76,39,22,.32);
}

.collection-shop-btn i{
    transition:.3s ease;
}

.collection-shop-btn:hover i{
    transform:translateX(5px);
}

.home-outline-btn{
    border:1.5px solid var(--primary);
    background:rgba(255,255,255,.5);
    color:var(--primary);
    box-shadow:0 8px 22px rgba(76,39,22,.07);
}

.home-outline-btn:hover{
    background:var(--primary);
    color:#fff;
    transform:translateY(-4px);
}


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

.collection-hero-image{
    position:relative;
    min-height:470px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
}

.collection-image-circle{
    position:absolute;
    width:455px;
    height:455px;
    border:1px solid rgba(255,255,255,.75);
    border-radius:50%;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(239,213,173,.66)
        );
    box-shadow:
        inset 0 0 0 18px rgba(255,255,255,.32),
        var(--shadow-lg);
}

.collection-image-circle::before{
    content:"";
    position:absolute;
    inset:-20px;
    border:1px dashed rgba(201,155,60,.45);
    border-radius:50%;
    animation:circleRotate 28s linear infinite;
}

@keyframes circleRotate{

    to{
        transform:rotate(360deg);
    }

}

.collection-hero-image > img{
    position:relative;
    z-index:2;
    width:414px;
    height:414px;
    border:10px solid rgba(255,255,255,.9);
    border-radius:50%;
    object-fit:cover;
    box-shadow:var(--shadow-lg);
    transition:.55s ease;
}

.collection-hero-image > img:hover{
    transform:scale(1.035) rotate(1deg);
}


/* =========================================================
   HERO FLOATING CARD
========================================================= */

.floating-card{
    position:absolute;
    left:-20px;
    bottom:35px;
    z-index:5;
    min-width:205px;
    padding:16px 18px;
    display:flex;
    align-items:center;
    gap:13px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:18px;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(12px);
    box-shadow:0 18px 45px rgba(67,38,21,.18);
    animation:floatingMove 3.5s ease-in-out infinite;
}

@keyframes floatingMove{

    0%,
    100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

}

.floating-card-icon{
    width:47px;
    height:47px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #FFE7EC,
        #FFF4F6
    );
    color:#D94A6A;
    font-size:18px;
}

.floating-card span{
    display:block;
    color:var(--gold-dark);
    font-size:22px;
    font-weight:700;
    line-height:1.2;
}

.floating-card p{
    color:var(--text);
    font-size:12px;
    font-weight:600;
}


/* =========================================================
   SHARED SECTION HEADINGS
========================================================= */

.section-title,
.new-arrivals .section-header{
    width:100%;
    max-width:850px;
    margin:0 auto 50px;
    text-align:center;
}

.small-title,
.new-arrivals .section-header span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    color:var(--gold-dark);
    font-size:12px;
    font-weight:700;
    letter-spacing:2.2px;
    text-transform:uppercase;
}

.small-title::before,
.small-title::after,
.new-arrivals .section-header span::before,
.new-arrivals .section-header span::after{
    content:"";
    width:28px;
    height:1px;
    background:var(--gold);
}

.section-title h2,
.new-arrivals .section-header h2{
    margin-bottom:13px;
    color:var(--primary);
    font-size:43px;
    font-weight:700;
    line-height:1.25;
    letter-spacing:-.7px;
}

.section-title p,
.new-arrivals .section-header p{
    max-width:660px;
    margin:auto;
    color:var(--text);
    font-size:15px;
    line-height:1.8;
}


/* =========================================================
   SHOP BY COLLECTION
========================================================= */

.featured{
    padding:95px 7%;
    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #FFF9F1
        );
}

.featured::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:85%;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(201,155,60,.35),
        transparent
    );
    transform:translateX(-50%);
}

.collection-grid{
    width:100%;
    max-width:1280px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:26px;
}

.collection-item{
    position:relative;
    padding:18px 10px 20px;
    overflow:hidden;
    border:1px solid rgba(214,194,174,.7);
    border-radius:22px;
    background:rgba(255,255,255,.88);
    color:var(--dark);
    text-align:center;
    box-shadow:var(--shadow-sm);
    transition:.4s ease;
}

.collection-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        145deg,
        rgba(201,155,60,.1),
        transparent 55%
    );
    opacity:0;
    transition:.4s ease;
}

.collection-item:hover{
    border-color:rgba(201,155,60,.7);
    transform:translateY(-9px);
    box-shadow:var(--shadow-md);
}

.collection-item:hover::before{
    opacity:1;
}

.collection-image{
    position:relative;
    width:145px;
    height:145px;
    margin:0 auto 17px;
    padding:6px;
    border:1px solid rgba(201,155,60,.6);
    border-radius:50%;
    background:#fff;
    box-shadow:
        0 10px 25px rgba(70,42,25,.12),
        inset 0 0 0 5px rgba(201,155,60,.08);
    transition:.45s ease;
}

.collection-image img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
    transition:.5s ease;
}

.collection-item:hover .collection-image{
    transform:scale(1.04);
}

.collection-item:hover .collection-image img{
    transform:scale(1.055);
}

.collection-item h3{
    position:relative;
    z-index:2;
    color:var(--dark);
    font-size:15px;
    font-weight:600;
    transition:.3s ease;
}

.collection-item:hover h3{
    color:var(--primary);
}


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

.collection-button{
    width:100%;
    margin-top:45px;
    display:flex;
    justify-content:center;
}

.collection-button .btn{
    min-width:205px;
    min-height:52px;
    padding:13px 29px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--primary);
    border-radius:35px;
    background:transparent;
    color:var(--primary);
    font-size:14px;
    font-weight:700;
    box-shadow:0 10px 25px rgba(71,40,22,.08);
    transition:.35s ease;
}

.collection-button .btn:hover{
    background:linear-gradient(
        135deg,
        var(--primary),
        var(--primary-dark)
    );
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 15px 32px rgba(71,40,22,.24);
}

/* =========================================================
   NEW ARRIVALS
========================================================= */

.new-arrivals{
    padding:95px 7%;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(201,155,60,.12),
            transparent 22%
        ),
        linear-gradient(
            180deg,
            #FBF5EC,
            #FFFDF9
        );
}

.arrival-slider{
    position:relative;
    width:100%;
    max-width:1320px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:18px;
}

.arrival-track{
    width:100%;
    padding:12px 5px 28px;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 72px) / 4);
    gap:24px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
}

.arrival-track::-webkit-scrollbar{
    display:none;
}

.arrival-card{
    min-width:0;
    overflow:hidden;
    scroll-snap-align:start;
    border:1px solid rgba(220,202,183,.8);
    border-radius:24px;
    background:rgba(255,255,255,.96);
    box-shadow:var(--shadow-sm);
    transition:.45s ease;
}

.arrival-card:hover{
    border-color:rgba(201,155,60,.7);
    transform:translateY(-10px);
    box-shadow:var(--shadow-md);
}

.arrival-image-link{
    position:relative;
    width:100%;
    height:285px;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    overflow:hidden;
    border-radius:0 !important;
    background:#F8EFE4 !important;
}

.arrival-image-link::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(45,25,15,.16),
        transparent 45%
    );
    opacity:0;
    transition:.4s ease;
}

.arrival-card:hover .arrival-image-link::after{
    opacity:1;
}

.arrival-card img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.55s ease;
}

.arrival-card:hover img{
    transform:scale(1.075);
}

.arrival-card-content{
    padding:20px 19px 22px;
}

.arrival-card h4{
    min-height:52px;
    margin:0 0 8px;
    padding:0;
    color:var(--dark);
    font-size:16px;
    font-weight:600;
    line-height:1.55;
}

.arrival-card h4 a{
    min-height:auto;
    margin:0;
    padding:0;
    display:inline;
    border-radius:0;
    background:none;
    color:inherit;
    text-align:left;
}

.arrival-card h4 a:hover{
    background:none;
    color:var(--primary);
}

.arrival-price,
.arrival-card p{
    margin:0;
    padding:0;
    color:var(--gold-dark);
    font-size:21px;
    font-weight:700;
}

.arrival-shop-btn,
.arrival-card-content > a{
    min-height:45px;
    margin:17px 0 0;
    padding:11px 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:30px;
    background:linear-gradient(
        135deg,
        var(--primary),
        var(--primary-dark)
    );
    color:#fff;
    font-size:13px;
    font-weight:700;
    transition:.35s ease;
}

.arrival-shop-btn:hover,
.arrival-card-content > a:hover{
    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold-dark)
    );
    transform:translateY(-2px);
}

.arrival-shop-btn i{
    transition:.3s ease;
}

.arrival-shop-btn:hover i{
    transform:translateX(4px);
}

.slider-btn{
    min-width:48px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(201,155,60,.3);
    border-radius:50%;
    background:#fff;
    color:var(--primary);
    font-size:18px;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(70,42,25,.12);
    transition:.35s ease;
}

.slider-btn:hover{
    border-color:var(--gold);
    background:var(--primary);
    color:#fff;
    transform:scale(1.08);
}




/* =========================================================
   NEW ARRIVALS - DIRECT JS CARD MARKUP SUPPORT
========================================================= */

.arrival-card > img{
    width:100%;
    height:285px;
    display:block;
    object-fit:cover;
    background:#F8EFE4;
    transition:.55s ease;
}

.arrival-card:hover > img{
    transform:scale(1.045);
}

.arrival-card > h4{
    min-height:52px;
    margin:0;
    padding:18px 19px 7px;
    color:var(--dark);
    font-size:16px;
    font-weight:600;
    line-height:1.5;
}

.arrival-card > p{
    margin:0;
    padding:0 19px;
    color:var(--gold-dark);
    font-size:20px;
    font-weight:700;
}

.arrival-card > a{
    min-height:44px;
    margin:15px 19px 20px;
    padding:10px 17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:28px;
    background:linear-gradient(
        135deg,
        var(--primary),
        var(--primary-dark)
    );
    color:#fff;
    font-size:13px;
    font-weight:700;
    transition:.35s ease;
}

.arrival-card > a:hover{
    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold-dark)
    );
    transform:translateY(-2px);
}


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

.testimonial{
    padding:100px 7%;
    background:
        radial-gradient(
            circle at 15% 85%,
            rgba(201,155,60,.11),
            transparent 24%
        ),
        #FFFFFF;
}

.testimonial-container{
    width:100%;
    max-width:1320px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}

.testimonial-card{
    position:relative;
    padding:36px 31px 32px;
    overflow:hidden;
    border:1px solid rgba(218,197,178,.8);
    border-radius:24px;
    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FCF7F0
        );
    box-shadow:var(--shadow-sm);
    transition:.45s ease;
}

.testimonial-card::before{
    content:"“";
    position:absolute;
    top:-15px;
    right:20px;
    color:rgba(201,155,60,.14);
    font-family:Georgia,serif;
    font-size:125px;
    line-height:1;
}

.testimonial-card:hover{
    border-color:rgba(201,155,60,.6);
    transform:translateY(-10px);
    box-shadow:var(--shadow-md);
}

.stars{
    position:relative;
    z-index:2;
    margin-bottom:16px;
    color:var(--gold);
    font-size:18px;
    letter-spacing:2px;
}

.testimonial-card > p{
    position:relative;
    z-index:2;
    min-height:125px;
    margin-bottom:27px;
    color:var(--text);
    font-size:14px;
    line-height:1.9;
}

.customer{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:14px;
    padding-top:20px;
    border-top:1px solid rgba(218,197,178,.7);
}

.customer img{
    width:58px;
    height:58px;
    flex-shrink:0;
    border:3px solid #fff;
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 7px 18px rgba(70,42,25,.15);
}

.customer h4{
    margin-bottom:2px;
    color:var(--primary);
    font-size:15px;
    font-weight:700;
}

.customer span{
    color:var(--muted);
    font-size:12px;
}


/* =========================================================
   NEWSLETTER
========================================================= */

.newsletter{
    position:relative;
    padding:95px 7%;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(243,217,149,.2),
            transparent 25%
        ),
        radial-gradient(
            circle at 10% 100%,
            rgba(201,155,60,.16),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            var(--primary-dark),
            var(--primary)
        );
    color:#fff;
    text-align:center;
}

.newsletter::before{
    content:"";
    position:absolute;
    top:-130px;
    left:-100px;
    width:320px;
    height:320px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
}

.newsletter::after{
    content:"";
    position:absolute;
    right:-100px;
    bottom:-140px;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.04);
}

.newsletter-content{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:auto;
}

.newsletter .small-title{
    color:var(--gold-light);
}

.newsletter .small-title::before,
.newsletter .small-title::after{
    background:var(--gold-light);
}

.newsletter h2{
    margin-bottom:15px;
    color:#fff;
    font-size:41px;
    font-weight:700;
    line-height:1.3;
}

.newsletter-content > p{
    max-width:650px;
    margin:0 auto 30px;
    color:#F0E7DF;
    font-size:15px;
    line-height:1.85;
}

.newsletter-form{
    max-width:650px;
    margin:auto;
    padding:7px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:40px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(10px);
}

.newsletter-form input{
    width:100%;
    min-height:50px;
    padding:12px 20px;
    border:none;
    border-radius:30px;
    background:#fff;
    color:var(--dark);
    outline:none;
}

.newsletter-form input::placeholder{
    color:#9A8B82;
}

.newsletter-form input:focus{
    box-shadow:0 0 0 3px rgba(243,217,149,.25);
}

.newsletter-form button{
    min-height:50px;
    padding:12px 26px;
    border-radius:30px;
    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold-dark)
    );
    color:#fff;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:.35s ease;
}

.newsletter-form button:hover{
    background:#fff;
    color:var(--primary);
    transform:translateY(-2px);
}

.newsletter-message{
    min-height:24px;
    margin-top:15px;
    color:#fff;
    font-size:13px;
    font-weight:600;
}

.newsletter-message.success{
    color:#C9FFD7;
}

.newsletter-message.error{
    color:#FFD0D0;
}

.newsletter-message.loading{
    color:#FFF1B6;
}

.newsletter-form button:disabled{
    opacity:.68;
    cursor:not-allowed;
    transform:none;
}

/* =========================================================
   FINAL CTA SECTION
========================================================= */

.home-final-cta{
    position:relative;
    width:calc(100% - 14%);
    max-width:1380px;
    margin:90px auto;
    padding:65px 70px;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    align-items:center;
    gap:55px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    border-radius:34px;
    background:
        radial-gradient(
            circle at 88% 25%,
            rgba(243,217,149,.28),
            transparent 28%
        ),
        radial-gradient(
            circle at 15% 100%,
            rgba(201,155,60,.16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            var(--primary-dark),
            var(--primary)
        );
    box-shadow:0 28px 70px rgba(58,29,16,.25);
}

.home-final-cta::before{
    content:"";
    position:absolute;
    top:-130px;
    left:-110px;
    width:330px;
    height:330px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
}

.home-final-cta::after{
    content:"";
    position:absolute;
    right:-140px;
    bottom:-180px;
    width:430px;
    height:430px;
    border-radius:50%;
    background:rgba(255,255,255,.045);
}

.final-cta-content{
    position:relative;
    z-index:3;
}

.final-cta-content > span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:15px;
    color:var(--gold-light);
    font-size:12px;
    font-weight:700;
    letter-spacing:2.2px;
    text-transform:uppercase;
}

.final-cta-content > span::before{
    content:"✦";
    color:var(--gold);
}

.final-cta-content h2{
    max-width:720px;
    margin-bottom:18px;
    color:#fff;
    font-size:43px;
    font-weight:700;
    line-height:1.32;
    letter-spacing:-.7px;
}

.final-cta-content p{
    max-width:660px;
    margin-bottom:30px;
    color:#F0E7DF;
    font-size:15px;
    line-height:1.9;
}

.final-cta-buttons{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
}

.final-shop-btn,
.final-whatsapp-btn{
    min-height:52px;
    padding:13px 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:35px;
    color:#fff;
    font-size:14px;
    font-weight:700;
    box-shadow:0 12px 28px rgba(0,0,0,.16);
    transition:.35s ease;
}

.final-shop-btn{
    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold-dark)
    );
}

.final-whatsapp-btn{
    background:linear-gradient(
        135deg,
        #25D366,
        #159447
    );
}

.final-shop-btn:hover,
.final-whatsapp-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 36px rgba(0,0,0,.24);
}

.final-cta-image{
    position:relative;
    min-height:330px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
}

.final-cta-image::before{
    content:"";
    position:absolute;
    width:325px;
    height:325px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;
    background:rgba(255,255,255,.08);
}

.final-cta-image::after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    border:1px dashed rgba(243,217,149,.42);
    border-radius:50%;
    animation:circleRotate 30s linear infinite;
}

.final-cta-image img{
    position:relative;
    z-index:3;
    width:295px;
    height:295px;
    border:9px solid rgba(255,255,255,.88);
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 22px 55px rgba(0,0,0,.28);
    transition:.5s ease;
}

.final-cta-image img:hover{
    transform:scale(1.04);
}


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

.premium-footer{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(201,155,60,.12),
            transparent 24%
        ),
        linear-gradient(
            150deg,
            #27140D,
            var(--primary-dark)
        );
    color:#fff;
}

.premium-footer::before{
    content:"";
    position:absolute;
    top:-150px;
    right:-150px;
    width:390px;
    height:390px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:50%;
}

.footer-main{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1500px;
    margin:auto;
    padding:75px 7%;
    display:grid;
    grid-template-columns:1.35fr .85fr .95fr 1.25fr;
    gap:45px;
}

.footer-logo{
    display:inline-flex;
    align-items:center;
    gap:3px;
}

.footer-logo img{
    width:58px;
    height:90px;
    object-fit:contain;
    background:transparent;
    border-radius:50%;
}

.footer-logo > div{
    display:flex;
    flex-direction:column;
    line-height:1.1;
}

.footer-logo span{
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:21px;
    font-weight:700;
}

.footer-logo small{
    margin-top:5px;
    color:var(--gold-light);
    font-size:10px;
    letter-spacing:0.5px;
    text-transform:uppercase;
}

.footer-about p{
    max-width:350px;
    color:#E5D8CF;
    font-size:13px;
    line-height:1.9;
}

.footer-socials{
    margin-top:23px;
    display:flex;
    align-items:center;
    gap:11px;
}

.footer-socials a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-size:15px;
    transition:.35s ease;
}

.footer-socials a:hover{
    border-color:var(--gold);
    background:var(--gold);
    transform:translateY(-4px);
}

.footer-column h3{
    position:relative;
    margin-bottom:24px;
    padding-bottom:11px;
    color:var(--gold-light);
    font-size:17px;
    font-weight:700;
}

.footer-column h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:38px;
    height:2px;
    border-radius:20px;
    background:var(--gold);
}

.footer-column li{
    margin-bottom:12px;
}

.footer-column ul a{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#E4D7CE;
    font-size:13px;
    transition:.3s ease;
}

.footer-column ul a::before{
    content:"›";
    color:var(--gold);
    font-size:17px;
    line-height:1;
}

.footer-column ul a:hover{
    color:var(--gold-light);
    transform:translateX(5px);
}

.footer-contact p{
    margin-bottom:15px;
    display:flex;
    align-items:flex-start;
    gap:11px;
    color:#E4D7CE;
    font-size:13px;
    line-height:1.7;
}

.footer-contact p i{
    width:18px;
    margin-top:4px;
    flex-shrink:0;
    color:var(--gold-light);
}

.footer-contact p a{
    color:#E4D7CE;
    transition:.3s ease;
}

.footer-contact p a:hover{
    color:var(--gold-light);
}

.footer-whatsapp-btn{
    min-height:45px;
    margin-top:8px;
    padding:11px 17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:28px;
    background:linear-gradient(
        135deg,
        #25D366,
        #159447
    );
    color:#fff !important;
    font-size:13px;
    font-weight:700;
    box-shadow:0 10px 25px rgba(37,211,102,.2);
    transition:.35s ease;
}

.footer-whatsapp-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 30px rgba(37,211,102,.3);
}

.premium-footer .footer-bottom{
    position:relative;
    z-index:2;
    padding:19px 7%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border-top:1px solid rgba(255,255,255,.1);
    background:rgba(0,0,0,.08);
    color:#CDBEB5;
    font-size:12px;
}


/* =========================================================
   FLOATING WHATSAPP
========================================================= */

.whatsapp-float{
    position:fixed;
    right:24px;
    bottom:84px;
    z-index:9998;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:3px solid rgba(255,255,255,.85);
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #25D366,
        #159447
    );
    color:#fff;
    font-size:29px;
    box-shadow:0 14px 32px rgba(22,139,68,.32);
    transition:.35s ease;
}

.whatsapp-float::before{
    content:"";
    position:absolute;
    inset:-7px;
    border:1px solid rgba(37,211,102,.4);
    border-radius:50%;
    animation:whatsappPulse 2s ease-out infinite;
}

@keyframes whatsappPulse{

    0%{
        transform:scale(.85);
        opacity:.9;
    }

    100%{
        transform:scale(1.35);
        opacity:0;
    }

}

.whatsapp-float:hover{
    transform:translateY(-5px) scale(1.04);
}


/* =========================================================
   RIPPLE EFFECT
========================================================= */

.ripple{
    position:absolute;
    width:18px;
    height:18px;
    border-radius:50%;
    background:rgba(255,255,255,.45);
    transform:translate(-50%,-50%);
    animation:rippleEffect .65s linear;
    pointer-events:none;
}

@keyframes rippleEffect{

    to{
        width:290px;
        height:290px;
        opacity:0;
    }

}


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

@media(max-width:1150px){

    .navbar{
        padding-left:4%;
        padding-right:4%;
        gap:22px;
    }

    .nav-links{
        gap:23px;
    }

    .collection-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:28px;
    }

    .collection-item{
        padding-top:22px;
    }

    .why-container{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .instagram .gallery{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

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

}


/* =========================================================
   TABLET NAVBAR AND LAYOUT
========================================================= */

@media(max-width:992px){

    .top-bar{
        padding-left:22px;
        padding-right:22px;
    }

    .navbar{
        min-height:78px;
        padding:9px 22px;
    }

    .logo img{
        height:59px;
    }

    .menu-btn{
        display:flex;
    }

    .nav-links{
        position:absolute;
        top:100%;
        left:16px;
        right:16px;
        z-index:9999;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        max-height:0;
        padding:0 20px;
        overflow:hidden;
        border:1px solid rgba(218,197,178,.8);
        border-top:none;
        border-radius:0 0 20px 20px;
        background:rgba(255,252,247,.98);
        backdrop-filter:blur(18px);
        box-shadow:0 20px 40px rgba(56,30,17,.14);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:
            max-height .4s ease,
            padding .4s ease,
            opacity .25s ease,
            visibility .25s ease;
    }

    .nav-links.active{
        max-height:500px;
        padding:12px 20px 20px;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .nav-links li{
        width:100%;
        border-bottom:1px solid rgba(218,197,178,.55);
    }

    .nav-links li:last-child{
        border-bottom:none;
    }

    .nav-links a{
        width:100%;
        padding:14px 4px;
        text-align:left;
    }

    .nav-links a::before{
        display:none;
    }

    .nav-links a:hover,
    .nav-links a.active{
        color:var(--gold-dark);
    }

    .home-collection-hero{
        min-height:auto;
        padding:75px 7% 90px;
        grid-template-columns:1fr;
        gap:55px;
        text-align:center;
    }

    .collection-hero-content > p{
        margin-left:auto;
        margin-right:auto;
    }

    .home-hero-buttons{
        justify-content:center;
    }

    .collection-hero-image{
        min-height:410px;
    }

    .collection-image-circle{
        width:390px;
        height:390px;
    }

    .collection-hero-image > img{
        width:355px;
        height:355px;
    }

    .floating-card{
        left:50%;
        bottom:-5px;
        transform:translateX(-50%);
        animation:none;
    }

    .arrival-track{
        grid-auto-columns:calc((100% - 48px) / 3);
    }

    .testimonial-container{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .home-final-cta{
        width:calc(100% - 10%);
        padding:55px 45px;
        grid-template-columns:1fr;
        text-align:center;
    }

    .final-cta-content p{
        margin-left:auto;
        margin-right:auto;
    }

    .final-cta-buttons{
        justify-content:center;
    }

}


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

@media(max-width:800px){

    .top-right{
        gap:14px;
    }

    .top-right a:last-child{
        display:none;
    }

    .instagram .gallery{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

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

    .testimonial-card > p{
        min-height:auto;
    }

}


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

@media(max-width:600px){

    .top-bar{
        min-height:34px;
        padding:7px 12px;
        justify-content:center;
        text-align:center;
        font-size:10px;
    }

    .top-right{
        display:none;
    }

    .navbar{
        min-height:70px;
        padding:8px 11px;
        gap:7px;
    }

    .logo img{
        height:60px;
    }

    .nav-icons{
        gap:7px;
    }

    .nav-icons > a,
    .menu-btn{
        width:38px;
        height:38px;
        font-size:16px;
    }

    .badge{
        top:-6px;
        right:-5px;
        min-width:17px;
        height:17px;
        font-size:8px;
    }

    #loginLink span,
    #logoutBtn span{
        display:none;
    }

    #loginLink,
    #logoutBtn,
    .profile-link{
        width:38px;
        height:38px;
        min-height:38px;
        padding:0;
        border-radius:50%;
    }

    .nav-links{
        left:10px;
        right:10px;
        padding-left:15px;
        padding-right:15px;
    }

    .nav-links.active{
        padding:10px 15px 17px;
    }

    .home-collection-hero{
        padding:55px 17px 75px;
        gap:45px;
    }

    .collection-label{
        padding:8px 15px;
        font-size:10px;
        letter-spacing:1.2px;
    }

    .home-collection-hero h1{
        margin-bottom:18px;
        font-size:37px;
        line-height:1.18;
        letter-spacing:-.8px;
    }

    .collection-hero-content > p{
        font-size:14px;
        line-height:1.8;
    }

    .home-hero-buttons{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .home-hero-buttons a{
        width:100%;
        min-height:48px;
        padding:11px 8px;
        font-size:12px;
        white-space:nowrap;
    }

    .collection-hero-image{
        min-height:315px;
    }

    .collection-image-circle{
        width:275px;
        height:275px;
    }

    .collection-image-circle::before{
        inset:-13px;
    }

    .collection-hero-image > img{
        width:250px;
        height:250px;
        border-width:7px;
    }

    .floating-card{
        min-width:180px;
        max-width:92%;
        padding:13px 15px;
        bottom:-13px;
    }

    .floating-card-icon{
        width:41px;
        height:41px;
    }

    .floating-card span{
        font-size:19px;
    }

    .featured,
    .new-arrivals,
    .why-us,
    .instagram,
    .testimonial{
        padding:70px 15px;
    }

    .section-title,
    .new-arrivals .section-header{
        margin-bottom:36px;
    }

    .section-title h2,
    .new-arrivals .section-header h2{
        font-size:30px;
    }

    .section-title p,
    .new-arrivals .section-header p{
        font-size:13px;
    }

    .small-title,
    .new-arrivals .section-header span{
        font-size:10px;
        letter-spacing:1.5px;
    }

    .small-title::before,
    .small-title::after,
    .new-arrivals .section-header span::before,
    .new-arrivals .section-header span::after{
        width:20px;
    }

    .collection-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:15px;
    }

    .collection-item{
        padding:15px 7px 17px;
        border-radius:17px;
    }

    .collection-image{
        width:118px;
        height:118px;
        margin-bottom:13px;
    }

    .collection-item h3{
        font-size:13px;
    }

    .collection-button{
        margin-top:34px;
    }

    .collection-button .btn{
        min-width:180px;
        min-height:48px;
        font-size:13px;
    }

    .arrival-slider{
        display:grid;
        grid-template-columns:42px minmax(0,1fr) 42px;
        align-items:center;
        gap:8px;
    }

    .slider-btn{
        width:42px;
        min-width:42px;
        height:42px;
        display:flex;
        position:relative;
        z-index:5;
        padding:0;
    }

    .arrival-track,
    #arrivalTrack{
        width:100%;
        min-width:0;
        padding:4px 0 16px;
        display:flex !important;
        grid-template-columns:none !important;
        grid-auto-flow:unset !important;
        grid-auto-columns:unset !important;
        gap:12px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-behavior:smooth;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-x:contain;
    }

    .arrival-track::-webkit-scrollbar,
    #arrivalTrack::-webkit-scrollbar{
        display:none;
    }

    .arrival-card,
    #arrivalTrack .arrival-card{
        flex:0 0 100%;
        width:100%;
        min-width:100%;
        max-width:100%;
        scroll-snap-align:start;
        scroll-snap-stop:always;
        border-radius:18px;
        box-shadow:var(--shadow-sm);
    }

    .arrival-card:hover{
        transform:none;
        box-shadow:var(--shadow-sm);
    }

    .arrival-image-link{
        height:clamp(300px,92vw,440px);
    }

    .arrival-card > img{
        width:100%;
        height:clamp(300px,92vw,440px);
        object-fit:cover;
    }

    .arrival-card:hover img{
        transform:none;
    }

    .arrival-card-content{
        padding:16px 15px 18px;
    }

    .arrival-card h4,
    .arrival-card > h4{
        min-height:auto;
        margin:0;
        padding:15px 15px 6px;
        font-size:15px;
        line-height:1.45;
    }

    .arrival-price,
    .arrival-card p,
    .arrival-card > p{
        padding:0 15px;
        font-size:19px;
    }

    .arrival-shop-btn,
    .arrival-card-content > a,
    .arrival-card > a{
        min-height:43px;
        margin:13px 15px 17px;
        padding:10px 14px;
        font-size:12px;
    }

    .why-container{
        grid-template-columns:1fr;
        gap:17px;
    }

    .why-box{
        padding:32px 22px 29px;
        border-radius:19px;
    }

    .why-box i{
        width:65px;
        height:65px;
        font-size:27px;
    }

    .instagram .gallery{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:11px;
    }

    .gallery-item{
        border-radius:15px;
    }

    .insta-btn{
        margin-top:34px;
    }

    .follow-btn{
        min-height:48px;
        padding:12px 22px;
        font-size:13px;
    }

    .testimonial-card{
        padding:29px 22px 25px;
        border-radius:19px;
    }

    .newsletter{
        padding:75px 15px;
    }

    .newsletter h2{
        font-size:30px;
    }

    .newsletter-content > p{
        font-size:13px;
    }

    .newsletter-form{
        padding:0;
        grid-template-columns:1fr;
        border:none;
        border-radius:0;
        background:transparent;
    }

    .newsletter-form input,
    .newsletter-form button{
        width:100%;
        min-height:50px;
    }

    .home-final-cta{
        width:calc(100% - 28px);
        margin:58px auto;
        padding:43px 20px;
        gap:34px;
        border-radius:24px;
    }

    .final-cta-content h2{
        font-size:29px;
    }

    .final-cta-content p{
        font-size:13px;
    }

    .final-cta-buttons{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:9px;
    }

    .final-shop-btn,
    .final-whatsapp-btn{
        min-height:46px;
        padding:10px 6px;
        font-size:11px;
    }

    .final-cta-image{
        min-height:250px;
    }

    .final-cta-image::before{
        width:240px;
        height:240px;
    }

    .final-cta-image::after{
        width:270px;
        height:270px;
    }

    .final-cta-image img{
        width:220px;
        height:220px;
        border-width:6px;
    }

    .footer-main{
        padding:58px 18px;
        grid-template-columns:1fr;
        gap:35px;
    }

    .footer-brand-logo{
        width:125px;
    }

    .footer-about p{
        max-width:100%;
    }

    .premium-footer .footer-bottom{
        padding:18px;
        flex-direction:column;
        text-align:center;
    }

    .whatsapp-float{
        right:15px;
        bottom:72px;
        width:51px;
        height:51px;
        font-size:25px;
    }

}


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

@media(max-width:430px){

    .logo img{
        height:46px;
    }

    .nav-icons > a,
    .menu-btn,
    #loginLink,
    #logoutBtn,
    .profile-link{
        width:35px;
        height:35px;
        min-height:35px;
    }

    .home-collection-hero h1{
        font-size:31px;
    }

    .home-hero-buttons{
        gap:7px;
    }

    .home-hero-buttons a{
        padding:9px 5px;
        font-size:11px;
    }

    .collection-grid{
        gap:13px 9px;
    }

    .collection-image{
        width:105px;
        height:105px;
    }


    .final-cta-content h2{
        font-size:25px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:360px){

    .home-hero-buttons,
    .final-cta-buttons{
        grid-template-columns:1fr;
    }


    .instagram .gallery{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   DESKTOP FORCE RULES
========================================================= */

@media(min-width:993px){

    .menu-btn{
        display:none !important;
    }

    .nav-links{
        position:static !important;
        max-height:none !important;
        padding:0 !important;
        overflow:visible !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        border:none !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background:transparent !important;
    }

}

/* =========================================================
   FINAL MOBILE AUTH MENU OVERRIDES
   Login/Profile/Logout inside hamburger on screens <= 992px
========================================================= */

.mobile-auth-item{
    display:none;
}

.mobile-auth-item[hidden]{
    display:none !important;
}

@media(max-width:992px){

    /* Keep desktop authentication controls outside mobile view */
    .nav-icons .user-menu{
        display:none !important;
    }

    /* Show only the auth items enabled by auth.js */
    .nav-links .mobile-auth-item:not([hidden]){
        display:block;
        width:100%;
    }

    .nav-links .mobile-menu-divider{
        position:relative;
        margin-top:10px;
        padding-top:13px;
    }

    .nav-links .mobile-menu-divider::before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:1px;
        background:linear-gradient(
            90deg,
            transparent,
            rgba(201,155,60,.55),
            transparent
        );
    }

    .nav-links .mobile-auth-item > a,
    #mobileLogoutBtn{
        width:100%;
        min-height:48px;
        padding:10px 12px;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:12px;
        border:0;
        border-radius:12px;
        background:transparent;
        color:var(--primary);
        font-size:14px;
        font-weight:600;
        text-align:left;
        cursor:pointer;
        box-shadow:none;
        transition:.3s ease;
    }

    .nav-links .mobile-auth-item > a::before,
    .nav-links .mobile-auth-item > a::after{
        display:none !important;
    }

    .nav-links .mobile-auth-item > a i,
    #mobileLogoutBtn i{
        width:34px;
        height:34px;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-shrink:0;
        border:1px solid rgba(201,155,60,.28);
        border-radius:50%;
        background:var(--cream-dark);
        color:var(--gold-dark);
        font-size:14px;
    }

    .nav-links .mobile-auth-item > a:hover{
        background:var(--cream-dark);
        color:var(--primary);
        transform:none;
    }

    #mobileLogoutBtn{
        color:#B33A3A;
    }

    #mobileLogoutBtn i{
        border-color:rgba(179,58,58,.18);
        background:#FFF0F0;
        color:#B33A3A;
    }

    #mobileLogoutBtn:hover{
        background:#FFF0F0;
        color:#922828;
    }
}

@media(min-width:993px){
    .mobile-auth-item{
        display:none !important;
    }

    .nav-icons .user-menu{
        display:flex;
    }
}

/* =========================================================
   NEW ARRIVALS - NARROW MOBILE ADJUSTMENT
========================================================= */

@media(max-width:430px){

    .arrival-slider{
        grid-template-columns:38px minmax(0,1fr) 38px;
        gap:6px;
    }

    .slider-btn{
        width:38px;
        min-width:38px;
        height:38px;
        font-size:15px;
    }

    .arrival-card > img,
    .arrival-image-link{
        height:clamp(285px,94vw,390px);
    }

}

/* =====================================
   LATEST ARRIVALS - 2 CARDS + PEEK
   MOBILE VIEW ONLY
===================================== */

@media (max-width: 768px) {

    .arrival-slider {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .arrival-track,
    #arrivalTrack {
        width: 100%;
        display: flex !important;

        gap: 12px;

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

        padding: 5px 16px 18px 0;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .arrival-track::-webkit-scrollbar,
    #arrivalTrack::-webkit-scrollbar {
        display: none;
    }

    .arrival-card,
    #arrivalTrack .arrival-card {
        flex: 0 0 calc(46% - 6px) !important;

        width: calc(46% - 6px) !important;
        min-width: calc(46% - 6px) !important;
        max-width: calc(46% - 6px) !important;

        scroll-snap-align: start;

        border-radius: 10px;
    }

    .arrival-card > img,
    .arrival-image-link {
        width: 100%;
        height: 230px;

        object-fit: cover;
    }

    .arrival-card > h4,
    .arrival-card h4 {
        min-height: 42px;

        padding: 10px 9px 4px;

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

    .arrival-card > p,
    .arrival-card p,
    .arrival-price {
        padding: 0 9px;

        font-size: 12px;
    }

    .arrival-card > a,
    .arrival-card-content > a,
    .arrival-shop-btn {
        min-height: 34px;

        margin: 9px;
        padding: 7px 8px;

        font-size: 10px;
    }

    #prevArrival,
    #nextArrival {
        display: none !important;
    }

}

/* =========================================================
   DIVINE SWAROOP - LATEST ARRIVAL STYLE
========================================================= */

.divine-swaroop{
    position:relative;

    padding:85px 5%;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(201,155,60,.12),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 85%,
            rgba(90,50,30,.08),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--cream, #FFF9F0),
            var(--soft-bg, #FBF6EF)
        );
}

.divine-swaroop .section-header{
    margin-bottom:38px;

    text-align:center;
}

.divine-swaroop .section-header > span{
    display:inline-block;

    margin-bottom:8px;

    color:var(--gold-dark, #A97922);

    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.divine-swaroop .section-header h2{
    margin-bottom:12px;

    color:var(--primary, #5A321E);

    font-family:"Playfair Display", serif;
    font-size:40px;
    font-weight:700;
}

.divine-swaroop .section-header p{
    max-width:680px;

    margin:auto;

    color:var(--text, #62544D);

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


/* =========================================================
   SWAROOP SLIDER
========================================================= */

.swaroop-slider{
    position:relative;

    width:min(1400px, 100%);

    margin:auto;

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

.swaroop-track{
    flex:1;

    display:flex;
    gap:24px;

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

    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;

    padding:8px 4px 22px;

    scrollbar-width:none;
}

.swaroop-track::-webkit-scrollbar{
    display:none;
}


/* =========================================================
   SWAROOP CARD
========================================================= */

.swaroop-home-card{
    flex:0 0 calc((100% - 72px) / 4);

    min-width:0;
    padding:0;

    overflow:hidden;

    scroll-snap-align:start;

    border:1px solid rgba(201,155,60,.24);
    border-radius:20px;

    background:#fff;

    text-align:left;

    cursor:pointer;

    box-shadow:
        0 12px 30px rgba(70,42,25,.10);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.swaroop-home-card:hover{
    border-color:rgba(201,155,60,.55);

    transform:translateY(-7px);

    box-shadow:
        0 22px 44px rgba(70,42,25,.17);
}


/* =========================================================
   CARD IMAGE
========================================================= */

.swaroop-home-image{
    width:100%;
    height:285px;

    overflow:hidden;

    background:var(--cream-dark, #F5E9D8);
}

.swaroop-home-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .5s ease,
        filter .4s ease;
}

.swaroop-home-card:hover .swaroop-home-image img{
    transform:scale(1.045);

    filter:brightness(1.03);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.swaroop-home-content{
    padding:19px 18px 21px;

    background:#fff;
}

.swaroop-home-content span{
    display:block;

    margin-bottom:7px;

    color:var(--gold-dark, #A97922);

    font-size:10px;
    font-weight:700;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.swaroop-home-content h3{
    min-height:56px;

    margin-bottom:9px;

    color:var(--primary, #5A321E);

    font-family:"Playfair Display", serif;
    font-size:20px;
    font-weight:700;
    line-height:1.4;
}

.swaroop-home-content p{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:var(--text, #62544D);

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

.swaroop-home-content p::after{
    content:"\f061";

    font-family:"Font Awesome 6 Free";
    font-weight:900;

    color:var(--gold-dark, #A97922);

    transition:transform .3s ease;
}

.swaroop-home-card:hover .swaroop-home-content p::after{
    transform:translateX(5px);
}


/* =========================================================
   SWAROOP ARROWS
========================================================= */

.swaroop-slider-btn{
    position:relative;
    z-index:3;

    flex:0 0 auto;
}

.swaroop-slider-btn:disabled{
    opacity:.45;

    cursor:not-allowed;

    transform:none;
}


/* =========================================================
   COMING SOON MODAL
========================================================= */

.swaroop-coming-modal{
    position:fixed;
    inset:0;
    z-index:9999;

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

    padding:20px;
}

.swaroop-coming-modal.show{
    display:flex;
}

.swaroop-coming-overlay{
    position:absolute;
    inset:0;

    background:rgba(35,20,13,.72);

    backdrop-filter:blur(5px);
}

.swaroop-coming-box{
    position:relative;
    z-index:2;

    width:min(460px, 100%);

    padding:38px 30px 30px;

    border:1px solid rgba(201,155,60,.35);
    border-radius:24px;

    background:
        radial-gradient(
            circle at top,
            rgba(201,155,60,.13),
            transparent 40%
        ),
        #fff;

    text-align:center;

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

    animation:swaroopModalOpen .28s ease;
}

@keyframes swaroopModalOpen{

    from{
        opacity:0;

        transform:
            translateY(18px)
            scale(.97);
    }

    to{
        opacity:1;

        transform:
            translateY(0)
            scale(1);
    }

}

.swaroop-coming-close{
    position:absolute;
    top:15px;
    right:15px;

    width:40px;
    height:40px;

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

    border:none;
    border-radius:50%;

    background:var(--cream, #FFF9F0);

    color:var(--primary, #5A321E);

    font-size:18px;

    cursor:pointer;
}

.swaroop-coming-icon{
    width:82px;
    height:82px;

    margin:0 auto 20px;

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

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #FFF9EF,
            #F3DFC1
        );

    color:var(--gold-dark, #A97922);

    font-size:33px;

    box-shadow:
        0 12px 28px rgba(70,42,25,.12);
}

.swaroop-coming-box > span{
    display:block;

    margin-bottom:8px;

    color:var(--gold-dark, #A97922);

    font-size:11px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
}

.swaroop-coming-box h3{
    margin-bottom:12px;

    color:var(--primary, #5A321E);

    font-family:"Playfair Display", serif;
    font-size:30px;
}

.swaroop-coming-box p{
    margin-bottom:24px;

    color:var(--text, #62544D);

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

.swaroop-coming-ok{
    min-width:140px;
    min-height:46px;

    padding:11px 22px;

    border:none;
    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            var(--primary, #5A321E),
            var(--primary-dark, #321A10)
        );

    color:#fff;

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

    cursor:pointer;
}


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

@media(max-width:1100px){

    .swaroop-home-card{
        flex-basis:calc((100% - 48px) / 3);
    }

}


/* =========================================================
   MOBILE - SAME FEEL AS LATEST ARRIVAL
========================================================= */

@media(max-width:650px){

    .divine-swaroop{
        padding:65px 0;
    }

    .divine-swaroop .section-header{
        padding:0 18px;

        margin-bottom:28px;
    }

    .divine-swaroop .section-header h2{
        font-size:31px;
    }

    .divine-swaroop .section-header p{
        font-size:13px;
    }

    .swaroop-slider{
        width:100%;

        gap:0;
    }

    .swaroop-track{
        gap:12px;

        padding:
            6px
            16px
            20px;

        scroll-padding-left:16px;
    }

    .swaroop-home-card{
        flex:0 0 calc((100vw - 44px) / 2.15);

        border-radius:16px;
    }

    .swaroop-home-image{
        height:205px;
    }

    .swaroop-home-content{
        padding:14px 12px 16px;
    }

    .swaroop-home-content h3{
        min-height:46px;

        font-size:15px;
        line-height:1.45;
    }

    .swaroop-home-content span{
        font-size:8px;
    }

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

    .swaroop-slider-btn{
        display:none;
    }

    .swaroop-coming-box{
        padding:36px 22px 26px;

        border-radius:20px;
    }

}


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

@media(max-width:390px){

    .swaroop-home-card{
        flex-basis:calc((100vw - 38px) / 2.05);
    }

    .swaroop-home-image{
        height:185px;
    }

}

/* =========================================================
   PREMIUM SHOP BY COLLECTION V2
========================================================= */
.featured{position:relative;padding:92px 5%;background:radial-gradient(circle at 8% 8%,rgba(242,174,196,.18),transparent 25%),linear-gradient(180deg,#fff,#fff8f5);overflow:hidden}
.premium-collection-grid{max-width:1450px;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:stretch}
.premium-collection-card{padding:9px 9px 18px;border:1px solid rgba(222,150,172,.38);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(92,53,42,.09);display:flex;flex-direction:column;min-width:0}
.premium-collection-card:hover{transform:translateY(-9px);border-color:rgba(201,155,60,.65);box-shadow:0 24px 50px rgba(92,53,42,.16)}
.premium-collection-card .collection-image{width:100%;height:250px;margin:0 0 16px;padding:0;border:0;border-radius:16px;box-shadow:none;overflow:hidden;background:#f8eee8}
.premium-collection-card .collection-image img{border-radius:16px;object-fit:cover;width:100%;height:100%}
.premium-collection-card:hover .collection-image{transform:none}.premium-collection-card:hover .collection-image img{transform:scale(1.06)}
.collection-badge{position:absolute;top:12px;left:12px;z-index:2;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:#7a3f2a;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 6px 18px rgba(50,28,19,.12)}
.collection-card-content{display:flex;flex:1;flex-direction:column;align-items:center;padding:0 8px;text-align:center}.collection-card-content h3{min-height:46px;margin:0 0 13px;font-size:14px;line-height:1.45}
.collection-shop-link{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border-radius:999px;background:linear-gradient(135deg,#5a321e,#321a10);color:#fff;font-size:11px;font-weight:800;box-shadow:0 8px 18px rgba(90,50,30,.18)}
.premium-collection-card:hover .collection-shop-link{background:linear-gradient(135deg,#d7a62f,#b37815)}
/* SINGHASAN FEATURE */
.singhasan-showcase{padding:95px 5%;background:linear-gradient(135deg,#fff,#fff6f2);position:relative;overflow:hidden}.singhasan-showcase-inner{width:min(1400px,100%);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;border:1px solid rgba(222,150,172,.35);border-radius:34px;background:rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(90,50,30,.12);overflow:hidden}.singhasan-visual{position:relative;height:590px;overflow:hidden}.singhasan-visual img{width:100%;height:100%;object-fit:cover;transition:.7s ease}.singhasan-showcase-inner:hover .singhasan-visual img{transform:scale(1.035)}.singhasan-floating-label{position:absolute;left:24px;bottom:24px;padding:12px 17px;border-radius:999px;background:rgba(255,255,255,.94);color:#6b321f;font-size:12px;font-weight:800;box-shadow:0 10px 25px rgba(50,28,19,.14)}.singhasan-content{padding:60px}.singhasan-content h2{margin:12px 0 18px;color:#5a321e;font-family:"Playfair Display",serif;font-size:46px;line-height:1.18}.singhasan-content p{color:#6b5b52;font-size:15px;line-height:1.9}.singhasan-points{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.singhasan-points span{padding:10px 14px;border:1px solid rgba(201,155,60,.28);border-radius:999px;background:#fff9ef;color:#6b321f;font-size:12px;font-weight:700}.singhasan-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 24px;border-radius:999px;background:linear-gradient(135deg,#5a321e,#321a10);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(90,50,30,.22)}
@media(max-width:1150px){.premium-collection-grid{grid-template-columns:repeat(3,1fr)}.singhasan-visual{height:500px}}
@media(max-width:700px){.featured{padding:68px 15px}.premium-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.premium-collection-card{border-radius:18px;padding:7px 7px 14px}.premium-collection-card .collection-image{height:220px;border-radius:14px}.collection-card-content h3{font-size:13px;min-height:42px}.collection-shop-link{padding:9px 14px;font-size:10px}.collection-badge{font-size:7px;padding:6px 8px}.singhasan-showcase{padding:68px 15px}.singhasan-showcase-inner{grid-template-columns:1fr;border-radius:24px}.singhasan-visual{height:390px}.singhasan-content{padding:30px 22px 34px}.singhasan-content h2{font-size:31px}.singhasan-btn{width:100%;justify-content:center}}
@media(max-width:420px){.premium-collection-card .collection-image{height:185px}.collection-card-content h3{font-size:12px}.singhasan-visual{height:330px}}

/* =========================================================
   COMPACT DEVOTEE REVIEWS - HOME
========================================================= */
.reviews-preview-section{
    padding:78px 7%;
    background:
        radial-gradient(circle at 8% 8%, rgba(201,155,60,.10), transparent 25%),
        radial-gradient(circle at 92% 88%, rgba(90,50,30,.07), transparent 27%),
        #fff;
}
.reviews-preview-summary{
    width:min(1320px,100%);
    margin:0 auto 24px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}
.reviews-preview-score,
.reviews-preview-trust{
    min-height:112px;
    display:flex;
    align-items:center;
    gap:20px;
    padding:22px 26px;
    border:1px solid rgba(201,155,60,.28);
    border-radius:22px;
    background:linear-gradient(145deg,#fff,#fffaf3);
    box-shadow:0 12px 30px rgba(70,42,25,.07);
}
.reviews-preview-score > strong{
    color:var(--primary,#5A321E);
    font-family:"Playfair Display",serif;
    font-size:54px;
    line-height:1;
}
.reviews-preview-stars{color:#e8ad1b;letter-spacing:3px;font-size:19px;margin-bottom:5px}
.reviews-preview-score span,.reviews-preview-trust span{display:block;color:var(--text,#62544D);font-size:13px;line-height:1.6}
.reviews-preview-trust > i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#eef8f1;color:#21864a;font-size:24px}
.reviews-preview-trust strong{display:block;color:var(--primary,#5A321E);font-size:17px;margin-bottom:5px}
.compact-review-card{padding:27px 26px 24px;min-height:275px;display:flex;flex-direction:column}
.review-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}
.review-card-top .stars{margin:0;font-size:15px}
.verified-review{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#eaf8ef;color:#21864a;font-size:10px;font-weight:700;white-space:nowrap}
.compact-review-card > p{min-height:0;flex:1;margin-bottom:23px;font-size:14px;line-height:1.8}
.compact-review-footer{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid rgba(218,197,178,.7)}
.review-initials{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff4d9,#f3d995);color:var(--primary,#5A321E);font-weight:800;box-shadow:0 6px 16px rgba(70,42,25,.12)}
.compact-review-footer h4{margin:0 0 3px;color:var(--primary,#5A321E);font-size:14px}
.compact-review-footer span{color:var(--gold-dark,#A97922);font-size:11px;font-weight:600}
.featured-review-card{border-color:rgba(201,155,60,.65);box-shadow:0 18px 42px rgba(70,42,25,.12)}
.reviews-preview-action{text-align:center;margin-top:28px}
.reviews-view-all-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:999px;background:linear-gradient(135deg,var(--primary,#5A321E),#321A10);color:#fff;font-weight:700;font-size:13px;box-shadow:0 10px 24px rgba(70,42,25,.20);transition:.3s ease}
.reviews-view-all-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,var(--gold,#C99B3C),var(--gold-dark,#A97922))}
@media(max-width:760px){
  .reviews-preview-section{padding:62px 18px}
  .reviews-preview-summary{grid-template-columns:1fr}
  .reviews-preview-score,.reviews-preview-trust{min-height:96px;padding:18px}
  .reviews-preview-score > strong{font-size:45px}
  .testimonial-container{gap:14px}
  .compact-review-card{min-height:265px}
}


/* =========================================================
   DIVINE COMBO SETS
========================================================= */
.combo-sets-section{
    position:relative;
    padding:88px 5%;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 18%,rgba(201,155,60,.12),transparent 28%),
        radial-gradient(circle at 88% 82%,rgba(90,50,30,.08),transparent 30%),
        linear-gradient(135deg,#fffaf2,#fbf3e7);
}
.combo-sets-section::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:linear-gradient(rgba(201,155,60,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(201,155,60,.035) 1px,transparent 1px);
    background-size:36px 36px;
}
.combo-sets-section .section-header{position:relative;z-index:2;margin-bottom:38px;text-align:center;}
.combo-slider{position:relative;z-index:2;width:min(1400px,100%);margin:auto;display:flex;align-items:center;gap:16px;}
.combo-track{flex:1;display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;padding:8px 4px 24px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;}
.combo-track::-webkit-scrollbar{display:none;}
.combo-card{position:relative;flex:0 0 calc((100% - 72px)/4);min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(201,155,60,.24);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(70,42,25,.10);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.combo-card:hover{transform:translateY(-7px);border-color:rgba(201,155,60,.56);box-shadow:0 23px 48px rgba(70,42,25,.17);}
.combo-image-link{position:relative;height:285px;display:block;overflow:hidden;background:#f5e9d8;}
.combo-image-link img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .4s ease;}
.combo-card:hover .combo-image-link img{transform:scale(1.045);filter:brightness(1.03);}
.combo-badge{position:absolute;top:15px;left:15px;z-index:3;padding:7px 12px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#8a421f,#60260f);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;box-shadow:0 8px 20px rgba(70,42,25,.2);}
.combo-card-content{padding:19px 18px 21px;}
.combo-eyebrow{display:block;margin-bottom:7px;color:#a97922;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;}
.combo-card h3{min-height:54px;margin:0 0 11px;font-family:"Playfair Display",serif;font-size:20px;line-height:1.35;color:#5a321e;}
.combo-card h3 a{color:inherit;}
.combo-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.combo-price-row strong{color:#5a321e;font-size:20px;}
.combo-price-row del{color:#9a8b83;font-size:13px;}
.combo-price-row span{padding:4px 8px;border-radius:20px;background:#eaf8ef;color:#198754;font-size:10px;font-weight:800;}
.combo-shop-btn{min-height:44px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#5a321e,#321a10);font-size:12px;font-weight:800;transition:transform .3s ease,background .3s ease;}
.combo-shop-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#c99b3c,#a97922);}
.combo-state{width:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;color:#62544d;}
.combo-state i{color:#c99b3c;font-size:31px;}
.combo-state h3{color:#5a321e;font-family:"Playfair Display",serif;font-size:25px;}
@media(max-width:1100px){.combo-card{flex-basis:calc((100% - 48px)/3);}}
@media(max-width:650px){
    .combo-sets-section{padding:65px 0;}
    .combo-sets-section .section-header{padding:0 18px;margin-bottom:28px;}
    .combo-slider{width:100%;gap:0;}
    .combo-track{gap:12px;padding:6px 16px 21px;scroll-padding-left:16px;}
    .combo-card{flex:0 0 calc((100vw - 44px)/2.15);border-radius:17px;}
    .combo-image-link{height:205px;}
    .combo-card-content{padding:14px 12px 16px;}
    .combo-card h3{min-height:44px;font-size:15px;}
    .combo-price-row strong{font-size:17px;}
    .combo-price-row span{width:100%;text-align:center;}
    .combo-shop-btn{min-height:40px;font-size:11px;}
    .combo-slider-btn{display:none;}
}
@media(max-width:390px){.combo-card{flex-basis:calc((100vw - 38px)/2.05)}.combo-image-link{height:185px;}}

/* =========================================================
   RESPONSIVE BRAND / NAVBAR FIX
   Keeps the logo horizontal on narrow Android viewports
========================================================= */
@media (max-width: 600px){
    .navbar{
        flex-wrap:nowrap;
        justify-content:space-between;
    }

    .logo{
        flex:1 1 auto;
        min-width:0;
        overflow:visible;
    }

    .brand-logo{
        display:flex;
        flex-direction:row;
        align-items:center;
        flex-wrap:nowrap;
        gap:7px;
        width:max-content;
        max-width:100%;
        min-width:0;
    }

    .brand-logo img,
    .logo img{
        width:clamp(43px, 12vw, 58px);
        height:clamp(52px, 15vw, 66px);
        flex:0 0 auto;
        object-fit:contain;
    }

    .brand-text{
        display:flex;
        flex-direction:column;
        flex:0 1 auto;
        min-width:0;
        line-height:1.02;
        white-space:nowrap;
    }

    .brand-text span{
        display:block;
        font-size:clamp(17px, 5vw, 21px);
        line-height:1.05;
        white-space:nowrap;
    }

    .brand-text small{
        display:block;
        margin-top:4px;
        font-size:clamp(6.7px, 2.05vw, 9px);
        letter-spacing:.15px;
        line-height:1.15;
        white-space:nowrap;
    }

    .nav-icons{
        flex:0 0 auto;
        gap:clamp(4px, 1.4vw, 7px);
    }
}

@media (max-width: 430px){
    .navbar{
        padding-left:8px;
        padding-right:8px;
        gap:4px;
    }

    .brand-logo{
        gap:5px;
    }

    .brand-logo img,
    .logo img{
        width:clamp(39px, 11.5vw, 47px);
        height:clamp(47px, 14vw, 56px);
    }

    .brand-text span{
        font-size:clamp(15.5px, 4.65vw, 19px);
    }

    .brand-text small{
        font-size:clamp(6px, 1.85vw, 7.7px);
        letter-spacing:0;
    }

    .nav-icons > a,
    .menu-btn,
    #loginLink,
    #logoutBtn,
    .profile-link{
        width:34px;
        height:34px;
        min-width:34px;
        min-height:34px;
    }
}

@media (max-width: 360px){
    .brand-logo img,
    .logo img{
        width:38px;
        height:46px;
    }

    .brand-text span{
        font-size:15px;
    }

    .brand-text small{
        font-size:5.8px;
    }

    .nav-icons > a,
    .menu-btn,
    #loginLink,
    #logoutBtn,
    .profile-link{
        width:32px;
        height:32px;
        min-width:32px;
        min-height:32px;
        font-size:14px;
    }
}

/* =========================================================
   MOBILE PRODUCT SLIDERS - MATCH DIVINE SWAROOP PROPORTIONS
   Latest Arrivals + Combo Sets
========================================================= */
@media (max-width:650px){
    /* Latest Arrivals: same width/spacing feel as Divine Swaroop */
    .new-arrivals{
        padding-left:0;
        padding-right:0;
    }

    .new-arrivals .section-header{
        padding-left:18px;
        padding-right:18px;
    }

    .arrival-slider{
        width:100%;
        display:block;
        overflow:hidden;
    }

    .arrival-track,
    #arrivalTrack{
        width:100%;
        gap:12px;
        padding:6px 16px 20px;
        scroll-padding-left:16px;
    }

    .arrival-card,
    #arrivalTrack .arrival-card{
        flex:0 0 calc((100vw - 44px) / 2.15) !important;
        width:calc((100vw - 44px) / 2.15) !important;
        min-width:calc((100vw - 44px) / 2.15) !important;
        max-width:calc((100vw - 44px) / 2.15) !important;
        border-radius:16px;
    }

    .arrival-card > img,
    .arrival-image-link{
        width:100%;
        height:205px;
        object-fit:cover;
    }

    .arrival-card-content{
        padding:14px 12px 16px;
    }

    .arrival-card > h4,
    .arrival-card h4{
        min-height:46px;
        padding:12px 12px 4px;
        font-size:13px;
        line-height:1.45;
    }

    .arrival-card > p,
    .arrival-card p,
    .arrival-price{
        padding-left:12px;
        padding-right:12px;
        font-size:12px;
    }

    .arrival-card > a,
    .arrival-card-content > a,
    .arrival-shop-btn{
        min-height:40px;
        margin:10px 12px 12px;
        padding:8px 10px;
        font-size:11px;
    }

    /* Combo Sets: exactly align with Divine Swaroop mobile card sizing */
    .combo-track{
        gap:12px;
        padding:6px 16px 20px;
        scroll-padding-left:16px;
    }

    .combo-card{
        flex:0 0 calc((100vw - 44px) / 2.15);
        width:calc((100vw - 44px) / 2.15);
        min-width:calc((100vw - 44px) / 2.15);
        max-width:calc((100vw - 44px) / 2.15);
        border-radius:16px;
    }

    .combo-image-link{
        height:205px;
    }

    .combo-card-content{
        padding:14px 12px 16px;
    }
}

@media (max-width:390px){
    .arrival-card,
    #arrivalTrack .arrival-card,
    .combo-card{
        flex-basis:calc((100vw - 38px) / 2.05) !important;
        width:calc((100vw - 38px) / 2.05) !important;
        min-width:calc((100vw - 38px) / 2.05) !important;
        max-width:calc((100vw - 38px) / 2.05) !important;
    }

    .arrival-card > img,
    .arrival-image-link,
    .combo-image-link{
        height:185px;
    }
}