:root{
    --maroon:#6f1d1b;
    --maroon-deep:#45100f;
    --clay:#9b5e36;
    --gold:#c69a4a;
    --ink:#2b2320;
    --muted:#746760;
    --cream:#f7f1e9;
    --paper:#fffdf9;
    --line:#e7ddd2;
    --green:#5d6d4f;
    --white:#fff;
    --shadow:0 18px 55px rgba(59,31,19,.08)
}

*{
    box-sizing:border-box
}

html{
    scroll-behavior:smooth
}

body{
    margin:0;
    background:var(--cream);
    color:var(--ink);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size:15px;
    line-height:1.6
}

a{
    color:inherit
}

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

.wrap{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto
}


/* =========================================================
   TOP BAR
========================================================= */

.topline{
    background:#2b211e;
    color:#d9cfc5;
    font-size:11px;
    letter-spacing:.05em
}

.top-line-inner{
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:space-between
}


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

.site-header{
    background:rgba(255,253,249,.96);
    backdrop-filter:blur(14px);
    position:sticky;
    top:0;
    z-index:50;
    border-bottom:1px solid var(--line)
}

.nav-inner{
    height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between
}

.brand{
    display:inline-flex;
    align-items:center;
    width:185px;
    height:64px;
    overflow:hidden
}

.brand img{
    width:180px;
    height:60px;
    object-fit:contain;
    object-position:left center
}

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

.desktop-nav a{
    padding:12px 0;
    text-decoration:none;
    color:#3b302b;
    font-size:14px;
    position:relative
}

.desktop-nav a:after{
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:3px;
    height:2px;
    background:var(--maroon);
    transition:.2s
}

.desktop-nav a:hover:after,
.desktop-nav a.active:after{
    right:0
}

.desktop-nav a.active{
    color:var(--maroon);
    font-weight:700
}

.cart-pill{
    border:1px solid #d8c7b8;
    border-radius:999px;
    padding:8px 13px!important
}

.cart-pill:after{
    display:none
}

.cart-pill span{
    display:inline-grid;
    place-items:center;
    min-width:21px;
    height:21px;
    margin-left:6px;
    border-radius:50%;
    background:var(--maroon);
    color:#fff;
    font-size:11px
}

.mobile-menu{
    display:none
}

.mobile-menu summary{
    cursor:pointer;
    list-style:none;
    border:1px solid #d8c7b8;
    border-radius:999px;
    padding:8px 13px
}

.mobile-menu summary::-webkit-details-marker{
    display:none
}

.mobile-panel{
    position:absolute;
    right:20px;
    top:72px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:10px;
    box-shadow:var(--shadow);
    display:grid;
    min-width:190px
}

.mobile-panel a{
    padding:9px;
    text-decoration:none;
    border-radius:10px
}

.mobile-panel a:hover{
    background:#f6efe6
}


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

.hero{
    background:
        radial-gradient(circle at 85% 10%,rgba(198,154,74,.18),transparent 30%),
        linear-gradient(135deg,#3b1715,#6f1d1b 50%,#8a4326);
    color:#fff;
    overflow:hidden
}

.hero-main{
    min-height:590px;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;
    align-items:center;
    padding-top:60px;
    padding-bottom:60px
}

.hero-kicker,
.section-label{
    font-size:11px;
    letter-spacing:.2em;
    font-weight:800;
    text-transform:uppercase
}

.hero-kicker{
    color:#e5c587;
    display:flex;
    align-items:center;
    gap:10px
}

.kicker-line{
    width:38px;
    height:1px;
    background:#e5c587
}

.hero h1{
    font:clamp(47px,6vw,76px)/1.02 Georgia,"Times New Roman",serif;
    letter-spacing:-.03em;
    margin:18px 0 23px
}

.hero h1 em{
    color:#efc66c;
    font-style:normal
}

.hero-copy>p{
    max-width:650px;
    color:#f4e8db;
    font-size:17px;
    line-height:1.8
}

.hero-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:30px
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:12px 20px;
    border-radius:12px;
    text-decoration:none;
    font-weight:750;
    border:1px solid transparent;
    cursor:pointer;
    font-size:14px;
    transition:.2s ease
}

.btn-primary{
    background:var(--maroon);
    color:#fff;
    box-shadow:0 10px 24px rgba(58,16,14,.18)
}

.hero .btn-primary{
    background:#d39f4b;
    color:#2d201a
}

.btn-ghost{
    background:transparent;
    border-color:#d7c5b6;
    color:var(--maroon)
}

.hero .btn-ghost{
    color:#fff;
    border-color:rgba(255,255,255,.35)
}

.btn-dark{
    background:#2d2421;
    color:#fff
}

.btn:hover{
    transform:translateY(-1px)
}

.hero-micro{
    margin-top:22px;
    color:#d9cbbf;
    font-size:12px
}

.hero-micro span{
    color:#e4bf6b
}

.hero-visual{
    min-height:420px;
    position:relative;
    display:grid;
    place-items:center
}

.visual-orbit{
    position:absolute;
    border:1px solid rgba(255,255,255,.22);
    border-radius:50%
}

.orbit-a{
    width:430px;
    height:430px
}

.orbit-b{
    width:300px;
    height:300px;
    border-color:rgba(229,197,135,.38)
}

.logo-card{
    width:285px;
    height:285px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 35px 70px rgba(0,0,0,.18);
    display:grid;
    place-items:center;
    overflow:hidden;
    border:10px solid rgba(255,255,255,.4)
}

.logo-card img{
    width:90%;
    height:90%;
    object-fit:contain
}

.hero-chip{
    position:absolute;
    background:rgba(255,253,249,.96);
    color:var(--ink);
    border:1px solid #e9ddce;
    border-radius:13px;
    padding:11px 15px;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    display:flex;
    flex-direction:column
}

.hero-chip strong{
    color:var(--maroon);
    font:19px Georgia,serif
}

.hero-chip span{
    font-size:11px;
    color:var(--muted)
}

.chip-top{
    top:24px;
    right:24px
}

.chip-bottom{
    bottom:34px;
    left:14px
}


/* =========================================================
   PROOF BAR
========================================================= */

.proof-bar{
    margin-top:28px;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:20px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    overflow:hidden
}

.proof-bar>div{
    padding:22px;
    display:flex;
    gap:14px;
    align-items:flex-start;
    border-right:1px solid #eee5dc
}

.proof-bar>div:last-child{
    border-right:0
}

.proof-icon{
    flex:none;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#f3e9de;
    color:var(--maroon);
    font:700 13px Georgia,serif
}

.proof-bar strong{
    display:block;
    font:19px Georgia,serif
}

.proof-bar small{
    display:block;
    color:var(--muted);
    margin-top:3px
}


/* =========================================================
   HOME VERIFY
========================================================= */

.verify-home{
    margin-top:88px;
    background:#342421;
    color:#fff;
    border-radius:26px;
    padding:42px
}

.section-label{
    color:var(--gold)
}

.verify-home-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:55px;
    align-items:center
}

.verify-home h2,
.collection-home h2,
.experience h2,
.page-hero h1,
.product-info h1,
.inner-page h1,
.success-card h1{
    font:46px/1.1 Georgia,serif;
    letter-spacing:-.02em;
    margin:8px 0 14px
}

.verify-home h2{
    color:#fff
}

.verify-home p{
    color:#dccfc6
}

.arrow-link{
    text-decoration:none;
    color:var(--maroon);
    font-weight:800
}

.verify-home .arrow-link{
    display:inline-block;
    color:#e4bf6b;
    margin-top:10px
}

.arrow-link span{
    transition:.2s
}

.arrow-link:hover span{
    transform:translateX(3px);
    display:inline-block
}

.quick-verify{
    background:#fff;
    color:var(--ink);
    padding:25px;
    border-radius:18px
}

.quick-verify label{
    font-size:12px;
    font-weight:800;
    display:block;
    margin-bottom:9px
}

.quick-input{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:8px;
    align-items:center
}

.quick-input span{
    height:50px;
    padding:0 14px;
    display:grid;
    place-items:center;
    background:#f2e9df;
    border-radius:10px;
    color:var(--maroon);
    font-weight:800
}

.quick-input input{
    height:50px;
    border:1px solid #d9cbc0;
    border-radius:10px;
    padding:0 13px;
    font-size:16px;
    outline:none
}

.quick-input button{
    height:50px;
    border:0;
    border-radius:10px;
    padding:0 16px;
    background:var(--maroon);
    color:#fff;
    font-weight:800;
    cursor:pointer
}

.quick-verify small{
    display:block;
    color:var(--muted);
    margin-top:8px
}


/* =========================================================
   HOME COLLECTION
========================================================= */

.collection-home{
    margin-top:94px
}

.section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:26px
}

.collection-home h2{
    font-size:40px;
    color:var(--maroon)
}

.collection-grid,
.shop-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:26px
}

.product-card-modern,
.shop-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 16px 45px rgba(68,40,27,.05)
}

.product-image-wrap,
.shop-image{
    height:360px;
    display:grid;
    place-items:center;
    position:relative;
    background:linear-gradient(145deg,#faf6ef,#f0e4d7);
    overflow:hidden
}

.product-image-wrap img,
.shop-image img{
    width:88%;
    height:88%;
    object-fit:contain
}

.image-tag,
.shop-image>span{
    position:absolute;
    top:16px;
    left:16px;
    background:#2d2421;
    color:#fff;
    border-radius:999px;
    padding:7px 10px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.14em
}

.product-card-content,
.shop-body{
    padding:25px
}

.card-meta{
    font-size:10px;
    letter-spacing:.18em;
    font-weight:800;
    color:var(--gold);
    text-transform:uppercase
}

.product-card-modern h3,
.shop-body h2{
    font:28px/1.18 Georgia,serif;
    color:var(--maroon);
    margin:8px 0 11px
}

.product-card-modern h3 a,
.shop-body h2 a{
    text-decoration:none
}

.product-card-modern p,
.shop-body p{
    color:var(--muted);
    line-height:1.75
}

.card-foot{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #eee4da
}

.card-foot strong{
    font-size:24px;
    color:var(--maroon)
}

.card-foot del{
    font-size:12px;
    color:#9a8e86;
    margin-left:6px
}

.small-btn{
    display:inline-flex;
    padding:9px 12px;
    border-radius:10px;
    border:1px solid #d9c8b8;
    text-decoration:none;
    color:var(--maroon);
    font-weight:800;
    font-size:12px
}


/* =========================================================
   EXPERIENCE
========================================================= */

.experience{
    margin-top:94px;
    margin-bottom:95px;
    background:linear-gradient(145deg,#fffdf9,#f0e4d6);
    border:1px solid var(--line);
    border-radius:28px;
    padding:45px;
    display:grid;
    grid-template-columns:1fr 360px;
    gap:55px
}

.experience h2{
    color:var(--maroon);
    margin-bottom:12px
}

.experience-main>p{
    max-width:720px;
    color:var(--muted);
    font-size:16px
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:28px
}

.feature-grid>div{
    padding-top:17px;
    border-top:1px solid #d9ccbf
}

.feature-grid span{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#efe4d7;
    color:var(--maroon);
    font-weight:900
}

.feature-grid h3{
    font:20px Georgia,serif;
    margin:12px 0 6px
}

.feature-grid p{
    color:var(--muted);
    font-size:13px
}

.process-card{
    background:#332723;
    color:#fff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 18px 40px rgba(55,33,23,.14);
    align-self:stretch
}

.process-number{
    font:42px Georgia,serif;
    color:#dfb867
}

.process-title{
    font:24px Georgia,serif;
    margin-bottom:18px
}

.process-step{
    display:grid;
    grid-template-columns:35px 1fr;
    gap:10px;
    align-items:start;
    padding:12px 0;
    border-top:1px solid rgba(255,255,255,.1)
}

.process-step b{
    color:#d6a756
}

.process-step span{
    font-weight:700
}

.process-card .btn{
    margin-top:18px;
    width:100%
}


/* =========================================================
   TRUST NOTE
========================================================= */

.trust-note{
    background:#2d2421;
    color:#fff;
    padding:55px 0
}

.trust-note-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center
}

.trust-note h2{
    font:35px Georgia,serif;
    margin:8px 0;
    color:#fff
}

.trust-note p{
    margin:0;
    color:#d8cbc1;
    font-size:16px
}


/* =========================================================
   INNER PAGES
========================================================= */

.inner-page{
    width:min(1120px,calc(100% - 40px));
    margin:55px auto 85px
}

.page-hero{
    padding:18px 0 30px;
    max-width:800px
}

.page-hero.compact{
    max-width:760px
}

.page-hero h1{
    font-size:50px;
    color:var(--maroon)
}

.page-hero p{
    color:var(--muted);
    font-size:17px
}


/* =========================================================
   VERIFY
========================================================= */

.verify-panel{
    max-width:610px;
    margin:8px auto 0;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:20px;
    padding:30px
}

.verify-panel label,
.checkout-card label,
.admin-panel label,
.admin-login-card label{
    display:block;
    font-weight:700;
    font-size:13px;
    color:#4d403a;
    margin-bottom:16px
}

.verify-panel label>input,
.checkout-card input,
.admin-panel input,
.admin-panel textarea,
.admin-login-card input,
.verify-panel input{
    display:block;
    width:100%;
    height:50px;
    border:1px solid #d9cbc0;
    border-radius:10px;
    background:#fff;
    padding:0 13px;
    margin-top:7px;
    font:inherit;
    outline:none
}

.verify-panel input:focus,
.checkout-card input:focus,
.admin-panel input:focus,
.admin-panel textarea:focus{
    border-color:#a77c58;
    box-shadow:0 0 0 3px rgba(167,124,88,.1)
}

.report-field{
    display:grid;
    grid-template-columns:auto 1fr;
    background:#fff;
    border:1px solid #d9cbc0;
    border-radius:11px;
    overflow:hidden;
    margin-top:7px
}

.report-field span{
    display:grid;
    place-items:center;
    padding:0 15px;
    background:#f3e7db;
    color:var(--maroon);
    font-weight:900
}

.report-field input{
    border:0!important;
    margin:0!important;
    border-radius:0!important
}

.full{
    width:100%
}

.form-note{
    font-size:12px;
    color:var(--muted);
    text-align:center;
    margin:10px 0 0
}

.alert{
    padding:14px 16px;
    border-radius:12px;
    margin:0 auto 18px;
    max-width:900px;
    font-size:14px
}

.alert-error{
    background:#fff0ee;
    color:#8c2a22;
    border:1px solid #efcbc4
}

.alert-success{
    background:#edf8ef;
    color:#27623a;
    border:1px solid #cfe9d3
}

.alert-info{
    background:#eef4fb;
    color:#2f526f;
    border:1px solid #cfdef0
}

.verified-banner{
    max-width:900px;
    margin:0 auto 20px;
    padding:16px 18px;
    background:#edf7ee;
    border:1px solid #cee5d2;
    border-radius:15px;
    display:flex;
    gap:14px;
    align-items:center;
    color:#245f35
}

.verified-banner>span{
    width:35px;
    height:35px;
    border-radius:50%;
    background:#3b8b52;
    color:#fff;
    display:grid;
    place-items:center;
    font-weight:900
}

.verified-banner strong,
.verified-banner small{
    display:block
}


/* =========================================================
   CERTIFICATE
========================================================= */

.certificate-card{
    max-width:900px;
    margin:auto;
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:var(--shadow);
    overflow:hidden
}

.certificate-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:28px;
    border-bottom:1px solid #eee4da
}

.certificate-head h2{
    font:31px Georgia,serif;
    color:var(--maroon);
    margin:6px 0 0
}

.certificate-no{
    text-align:right;
    color:var(--muted);
    font-size:12px
}

.certificate-no strong{
    display:block;
    font:25px Georgia,serif;
    color:var(--maroon);
    margin-top:2px
}

.certificate-grid{
    display:grid;
    grid-template-columns:1fr 1fr
}

.cert-row{
    padding:17px 24px;
    border-bottom:1px solid #eee4da
}

.cert-row:nth-child(odd){
    border-right:1px solid #eee4da
}

.cert-row span,
.cert-comments span{
    display:block;
    font-size:11px;
    letter-spacing:.09em;
    text-transform:uppercase;
    color:#8d7e75;
    margin-bottom:4px
}

.cert-comments{
    padding:20px 24px
}

.cert-comments p{
    margin:4px 0 0;
    color:#51463f;
    line-height:1.7
}

.verify-actions{
    max-width:900px;
    margin:20px auto 0;
    display:flex;
    gap:10px;
    justify-content:flex-end;
    flex-wrap:wrap
}


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

.shop-grid{
    margin-top:15px
}

.shop-body h2{
    font-size:26px
}

.shop-specs{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:14px
}

.shop-specs span{
    background:#f5eee7;
    border-radius:999px;
    padding:6px 9px;
    font-size:11px;
    color:#66574f
}


/* =========================================================
   PRODUCT DETAIL
========================================================= */

.product-detail-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:45px;
    align-items:start
}

.product-showcase{
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    overflow:hidden;
    box-shadow:var(--shadow)
}

.product-big-image{
    height:590px;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#faf6ef,#eee1d3);
    padding:25px
}

.product-big-image img{
    width:94%;
    height:94%;
    object-fit:contain
}

.image-caption{
    padding:12px 18px;
    border-top:1px solid #eee4da;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:10px;
    color:#8b7c71
}

.product-info h1{
    color:var(--maroon);
    font-size:47px
}

.price-line{
    display:flex;
    align-items:baseline;
    gap:8px;
    margin:16px 0
}

.price-line strong{
    font-size:35px;
    color:var(--maroon)
}

.price-line del{
    color:#9a8e86
}

.price-line span{
    font-size:11px;
    color:var(--green);
    background:#edf4e8;
    padding:5px 8px;
    border-radius:999px
}

.product-intro{
    font-size:16px;
    color:var(--muted);
    line-height:1.8
}

.detail-spec-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    border:1px solid var(--line);
    border-radius:16px;
    overflow:hidden;
    margin:25px 0
}

.detail-spec-grid div{
    padding:14px;
    border-bottom:1px solid var(--line)
}

.detail-spec-grid div:nth-child(odd){
    border-right:1px solid var(--line)
}

.detail-spec-grid div:nth-last-child(-n+2){
    border-bottom:0
}

.detail-spec-grid span{
    display:block;
    font-size:11px;
    color:#8c7d73;
    text-transform:uppercase;
    letter-spacing:.08em
}

.detail-spec-grid strong{
    display:block;
    margin-top:3px
}


/* =========================================================
   PRODUCT PURCHASE BUTTONS
========================================================= */

.buy-form{
    display:flex;
    gap:9px;
    align-items:end
}

.buy-form label{
    font-size:12px;
    font-weight:700
}

.buy-form input{
    width:75px;
    height:46px;
    border:1px solid #d9cbc0;
    border-radius:10px;
    padding:0 12px;
    margin-top:6px
}

.product-action-buttons{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    align-items:center
}

.product-action-buttons .btn{
    min-width:120px
}

.btn-buy-now{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:12px 20px;
    border-radius:12px;
    background:#d5a14e;
    color:#2d211c;
    border:1px solid #c39243;
    font-family:inherit;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    box-sizing:border-box;
    transition:.2s ease
}

.btn-buy-now:hover{
    background:#c9943f;
    transform:translateY(-1px)
}


/* =========================================================
   PRODUCT LOWER
========================================================= */

.product-lower{
    margin-top:55px;
    display:grid;
    grid-template-columns:1fr 330px;
    gap:35px
}

.product-lower h2{
    font:35px Georgia,serif;
    color:var(--maroon);
    margin:6px 0 18px
}

.clean-list{
    padding:0;
    margin:0;
    list-style:none;
    display:grid;
    gap:10px
}

.clean-list li{
    display:flex;
    gap:10px;
    align-items:flex-start
}

.clean-list li span{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:7px;
    background:#edf4e8;
    color:var(--green);
    font-size:11px;
    font-weight:900;
    flex:none
}

.product-note-card{
    background:#332723;
    color:#fff;
    border-radius:20px;
    padding:24px;
    align-self:start
}

.product-note-card .mini-icon,
.mini-icon{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#e7d1b2;
    color:var(--maroon);
    font:700 15px Georgia,serif
}

.product-note-card strong{
    display:block;
    font:22px Georgia,serif;
    margin-top:14px
}

.product-note-card p{
    color:#dccfc6
}

.product-note-card .arrow-link{
    color:#e5c27b
}


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

.cart-grid,
.checkout-grid{
    display:grid;
    grid-template-columns:1.5fr .8fr;
    gap:24px
}

.cart-list,
.summary-card,
.checkout-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    box-shadow:var(--shadow)
}

.cart-line{
    display:grid;
    grid-template-columns:110px 1fr 80px 110px;
    gap:18px;
    padding:20px;
    border-bottom:1px solid #eee4da;
    align-items:center
}

.cart-line:last-child{
    border-bottom:0
}

.cart-line img{
    width:110px;
    height:95px;
    object-fit:contain;
    border-radius:12px;
    background:#f7f0e8
}

.cart-line-info h3{
    font:22px Georgia,serif;
    color:var(--maroon);
    margin:5px 0
}

.cart-line-info p{
    margin:0;
    color:var(--muted);
    font-size:13px
}

.remove-link{
    font-size:12px;
    color:#9b392f;
    text-decoration:none
}

.qty-field{
    font-size:11px;
    color:#80736c
}

.qty-field input{
    display:block;
    width:70px;
    height:40px;
    margin-top:5px;
    border:1px solid #d9cbc0;
    border-radius:9px;
    padding:0 10px
}

.line-price{
    font-size:17px;
    color:var(--maroon);
    text-align:right
}

.summary-card{
    padding:24px;
    position:sticky;
    top:105px
}

.summary-card h2{
    font:29px Georgia,serif;
    color:var(--maroon);
    margin:7px 0 18px
}

.summary-row,
.grand-total{
    display:flex;
    justify-content:space-between;
    padding:13px 0;
    border-bottom:1px solid #eee4da
}

.muted-row{
    color:#8c7c73;
    font-size:12px
}

.summary-card .btn{
    margin-top:13px
}

.text-center-link{
    display:block;
    text-align:center;
    color:var(--maroon);
    font-weight:750;
    text-decoration:none;
    margin-top:13px;
    font-size:13px
}


/* =========================================================
   EMPTY / SUCCESS
========================================================= */

.empty-state,
.success-card{
    max-width:760px;
    margin:20px auto;
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:var(--shadow);
    padding:45px;
    text-align:center
}

.empty-mark,
.success-mark{
    width:70px;
    height:70px;
    margin:0 auto 18px;
    border-radius:20px;
    display:grid;
    place-items:center;
    background:#f1e6d9;
    color:var(--maroon);
    font:24px Georgia,serif
}

.success-mark{
    background:#eaf5eb;
    color:#34764a;
    font-size:30px
}

.empty-state h2{
    font:31px Georgia,serif;
    color:var(--maroon);
    margin:5px 0
}

.empty-state p,
.success-card>p{
    color:var(--muted)
}


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

.checkout-card{
    padding:28px
}

.checkout-card h2{
    font:31px Georgia,serif;
    color:var(--maroon);
    margin:6px 0 22px
}

.form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 15px
}

.form-grid label{
    margin-bottom:16px
}

.form-grid label span{
    color:#978a82;
    font-weight:400
}

.form-grid .wide{
    grid-column:1/-1
}

.payment-options{
    margin-top:7px;
    padding-top:19px;
    border-top:1px solid #eee4da
}

.payment-option{
    display:flex!important;
    align-items:flex-start;
    gap:10px!important;
    border:1px solid var(--line);
    padding:13px;
    border-radius:12px;
    margin-top:9px!important;
    cursor:pointer
}

.payment-option input{
    width:auto!important;
    height:auto!important;
    margin-top:3px!important
}

.payment-option strong,
.payment-option small{
    display:block
}

.payment-option small{
    color:var(--muted);
    font-weight:400;
    margin-top:2px
}

.checkout-summary{
    background:#2d2421;
    color:#fff;
    border-radius:20px;
    padding:24px;
    position:sticky;
    top:105px;
    height:max-content
}

.mini-order{
    display:grid;
    grid-template-columns:34px 1fr auto;
    gap:7px;
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
    font-size:13px
}

.mini-order span{
    color:#d3b676
}

.grand-total{
    display:flex;
    justify-content:space-between;
    padding:18px 0;
    margin-top:2px;
    border-bottom:0;
    font-size:17px
}

.grand-total strong{
    font-size:25px;
    color:#e5c27c
}

.checkout-summary .btn-primary{
    background:#d5a14e;
    color:#2d211c
}

.checkout-summary .form-note{
    color:#cdbeb3
}

.checkout-summary code{
    color:#e2c17d
}


/* =========================================================
   SUCCESS
========================================================= */

.success-card h1{
    color:var(--maroon);
    font-size:50px
}

.success-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    text-align:left;
    background:#f8f2eb;
    border-radius:16px;
    overflow:hidden;
    margin:25px 0
}

.success-grid div{
    padding:16px;
    border-bottom:1px solid #e8ddd2
}

.success-grid span{
    display:block;
    font-size:11px;
    color:#8b7c71;
    text-transform:uppercase;
    letter-spacing:.08em
}

.success-grid strong{
    display:block;
    color:var(--maroon);
    margin-top:3px
}

.success-actions{
    display:flex;
    gap:10px;
    justify-content:center;
    flex-wrap:wrap
}


/* =========================================================
   ORDER TRACKING
========================================================= */

.track-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:var(--shadow);
    padding:28px
}

.track-top{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:flex-start;
    padding-bottom:20px;
    border-bottom:1px solid #eee4da
}

.track-top h2{
    font:30px Georgia,serif;
    color:var(--maroon);
    margin:5px 0
}

.track-top p{
    margin:0;
    color:var(--muted)
}

.status-badge{
    display:inline-flex;
    align-items:center;
    padding:7px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:800
}

.status-new,
.status-confirmed,
.status-packed{
    background:#f4eadc;
    color:#77531e
}

.status-shipped,
.status-out-for-delivery{
    background:#eaf0f7;
    color:#3b5571
}

.status-delivered{
    background:#eaf5eb;
    color:#34764a
}

.status-cancelled{
    background:#fff0ee;
    color:#8c2a22
}

.timeline{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:10px;
    margin:25px 0
}

.timeline-step{
    position:relative;
    text-align:center
}

.timeline-step span{
    width:35px;
    height:35px;
    margin:0 auto 8px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eee5db;
    color:#8c7d74;
    font-weight:900
}

.timeline-step.done span{
    background:var(--maroon);
    color:#fff
}

.timeline-step strong{
    display:block;
    font-size:12px
}

.timeline-step small{
    display:block;
    color:#9a8e86;
    font-size:10px;
    line-height:1.4;
    margin-top:3px
}

.track-summary{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    background:#f8f2eb;
    padding:16px;
    border-radius:13px
}

.track-summary span{
    display:block;
    font-size:10px;
    color:#8d7e75;
    text-transform:uppercase
}

.track-summary strong{
    display:block;
    color:var(--maroon);
    margin-top:2px
}


/* =========================================================
   POLICY / CONTACT
========================================================= */

.policy-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px
}

.policy-grid article,
.contact-card,
.contact-details{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:25px
}

.policy-grid h2{
    font:25px Georgia,serif;
    color:var(--maroon);
    margin-top:0
}

.policy-grid p,
.contact-card p{
    color:var(--muted)
}

.contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px
}

.contact-card h2{
    font:29px Georgia,serif;
    color:var(--maroon)
}

.contact-details{
    display:grid;
    gap:0
}

.contact-details div{
    padding:17px 0;
    border-bottom:1px solid #eee4da
}

.contact-details div:last-child{
    border-bottom:0
}

.contact-details span{
    display:block;
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#8d7e75
}

.contact-details strong{
    display:block;
    margin-top:4px;
    color:#403631
}


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

.admin-login{
    min-height:100vh;
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 50% 10%,rgba(198,154,74,.2),transparent 30%),
        #32231f;
    padding:25px
}

.admin-login-card{
    width:min(440px,100%);
    background:#fffdf9;
    border-radius:22px;
    padding:32px;
    box-shadow:0 35px 80px rgba(0,0,0,.25)
}

.admin-login-card>img{
    width:180px;
    height:110px;
    object-fit:contain;
    margin:0 auto 18px
}

.admin-login-card h1{
    text-align:center;
    font:32px Georgia,serif;
    color:var(--maroon);
    margin:7px 0 21px
}

.admin-header{
    background:#2c2421;
    color:#fff
}

.admin-head-inner{
    height:74px;
    display:flex;
    justify-content:space-between;
    align-items:center
}

.admin-head-inner .brand{
    width:155px;
    height:56px;
    background:#fff;
    border-radius:9px;
    padding:3px
}

.admin-head-inner .brand img{
    width:150px;
    height:52px
}

.admin-logout{
    border:1px solid rgba(255,255,255,.2);
    background:transparent;
    color:#fff;
    border-radius:9px;
    padding:7px 10px;
    margin-left:10px;
    cursor:pointer
}

.admin-page{
    width:min(1220px,calc(100% - 40px));
    margin:40px auto 70px
}

.admin-top{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:25px;
    margin-bottom:22px
}

.admin-top h1{
    font:44px Georgia,serif;
    color:var(--maroon);
    margin:6px 0
}

.admin-top p{
    color:var(--muted)
}

.admin-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin-bottom:22px
}

.admin-cards>div{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:20px
}

.admin-cards span,
.admin-cards small{
    display:block;
    color:#8d7f77;
    font-size:11px
}

.admin-cards strong{
    display:block;
    font:34px Georgia,serif;
    color:var(--maroon)
}

.admin-panel{
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    margin-top:20px;
    box-shadow:0 10px 25px rgba(68,40,27,.04);
    overflow:hidden
}

.panel-head{
    padding:25px 25px 12px
}

.panel-head h2{
    font:29px Georgia,serif;
    color:var(--maroon);
    margin:5px 0
}

.panel-head p{
    margin:0;
    color:var(--muted)
}

.admin-panel .form-grid{
    padding:0 25px 25px
}

.admin-panel textarea{
    height:100px;
    padding:12px
}

.table-wrap{
    overflow:auto;
    padding:0 0 10px
}

.table-wrap table{
    border-collapse:collapse;
    width:100%;
    min-width:980px
}

.table-wrap th,
.table-wrap td{
    padding:12px 15px;
    border-top:1px solid #eee4da;
    text-align:left;
    vertical-align:top;
    font-size:12px
}

.table-wrap th{
    font-size:10px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#8b7d74;
    background:#fbf6ef
}

.table-wrap td small{
    display:block;
    color:#9a8e86;
    margin-top:2px
}

.inline-form{
    display:grid;
    grid-template-columns:130px 110px 100px 90px auto;
    gap:7px
}

.inline-form input,
.inline-form select{
    height:34px;
    border:1px solid #d9cbc0;
    border-radius:7px;
    padding:0 8px;
    font-size:11px
}

.tiny-btn{
    height:34px;
    border:0;
    border-radius:7px;
    background:var(--maroon);
    color:#fff;
    padding:0 11px;
    cursor:pointer
}


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

.site-footer{
    background:#2b211e;
    color:#d7cbc1;
    margin-top:0
}

.footer-grid{
    padding:52px 0 38px;
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:30px
}

.footer-brand{
    font:29px Georgia,serif;
    color:#fff
}

.footer-brand span{
    color:#dba957
}

.footer-grid p{
    color:#bbaea4;
    max-width:340px
}

.footer-grid>div>strong{
    display:block;
    color:#fff;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:9px
}

.footer-grid a{
    display:block;
    color:#cbbfb7;
    text-decoration:none;
    font-size:13px;
    margin:7px 0
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    padding:17px 0;
    display:flex;
    justify-content:space-between;
    gap:12px;
    color:#9f938b;
    font-size:11px
}


/* =========================================================
   VADO LOGO / CERTIFICATE
========================================================= */

.tested-for{
    display:flex;
    align-items:center;
    min-height:90px
}

.vado-logo{
    width:25px;
    height:18px;
    object-fit:contain;
    display:block
}


/* =========================================================
   COLLECTION PAGE - PREMIUM
========================================================= */

.shop-hero{
    max-width:850px
}

.collection-section{
    margin-top:18px
}

.collection-heading{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:24px
}

.collection-heading h2{
    font:36px/1.15 Georgia,serif;
    color:var(--maroon);
    margin:6px 0 0
}

.collection-count{
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--muted)
}


/* =========================================================
   COLLECTION PRODUCT CARD
========================================================= */

.premium-shop-card{
    overflow:hidden
}

.premium-shop-card .shop-image{
    height:360px
}

.premium-shop-card .shop-body{
    padding:25px
}

.shop-description{
    min-height:72px
}


/* =========================================================
   COLLECTION PRICE
========================================================= */

.shop-price-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-top:18px
}

.shop-price{
    display:flex;
    align-items:baseline;
    gap:8px
}

.shop-price strong{
    font-size:24px;
    color:var(--maroon)
}

.shop-price del{
    font-size:13px;
    color:#9a8e86
}

.saving-badge{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    background:#f3e5d0;
    color:var(--maroon);
    font-size:10px;
    font-weight:900;
    letter-spacing:.05em;
    white-space:nowrap
}

.saving-text{
    margin-top:7px;
    color:var(--green);
    font-size:12px;
    font-weight:700
}


/* =========================================================
   COLLECTION BUTTONS
========================================================= */

.shop-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:20px
}

.shop-cart-form,
.shop-buy-form{
    margin:0
}

.shop-view-btn,
.shop-cart-btn,
.shop-buy-btn{
    width:100%;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border-radius:10px;
    font-family:inherit;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
    transition:.2s ease
}

.shop-view-btn{
    background:#fff;
    color:var(--maroon);
    border:1px solid #d8c6b6
}

.shop-view-btn:hover{
    background:#f8f0e8;
    transform:translateY(-1px)
}

.shop-cart-btn{
    background:var(--maroon);
    color:#fff;
    border:1px solid var(--maroon);
    box-shadow:0 8px 18px rgba(111,29,27,.12)
}

.shop-cart-btn:hover{
    background:var(--maroon-deep);
    transform:translateY(-1px)
}

.shop-buy-form{
    grid-column:1 / -1
}

.shop-buy-btn{
    background:#d5a14e;
    color:#2d211c;
    border:1px solid #c39243;
    box-shadow:0 8px 18px rgba(198,154,74,.14)
}

.shop-buy-btn:hover{
    background:#c9943f;
    transform:translateY(-1px)
}


/* =========================================================
   COLLECTION TRACK ORDER
========================================================= */

.track-shop-section{
    margin-top:58px
}

.track-shop-card{
    display:flex;
    align-items:center;
    gap:22px;
    padding:30px;
    background:#332723;
    color:#fff;
    border-radius:22px;
    box-shadow:0 18px 40px rgba(55,33,23,.12)
}

.track-shop-icon{
    width:55px;
    height:55px;
    flex:0 0 55px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#e7d1b2;
    color:var(--maroon);
    font:700 16px Georgia,serif
}

.track-shop-content{
    flex:1
}

.track-shop-content .section-label{
    color:#d9a957
}

.track-shop-content h2{
    font:30px/1.15 Georgia,serif;
    color:#fff;
    margin:6px 0 8px
}

.track-shop-content p{
    margin:0;
    color:#d9cdc4;
    font-size:14px
}

.track-shop-card .btn-primary{
    background:#d5a14e;
    color:#2d211c;
    white-space:nowrap
}


/* =========================================================
   COLLECTION TRUST
========================================================= */

.collection-trust{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin:24px 0 55px
}

.collection-trust>div{
    padding:21px;
    background:rgba(255,255,255,.62);
    border:1px solid var(--line);
    border-radius:15px
}

.collection-trust strong{
    display:block;
    color:var(--ink);
    font-size:14px;
    margin-bottom:5px
}

.collection-trust span{
    display:block;
    color:var(--muted);
    font-size:12px;
    line-height:1.55
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media(max-width:980px){

    .hero-main,
    .verify-home-grid,
    .experience,
    .trust-note-inner,
    .product-detail-grid,
    .cart-grid,
    .checkout-grid,
    .contact-grid{
        grid-template-columns:1fr
    }

    .hero-visual{
        min-height:350px
    }

    .proof-bar{
        grid-template-columns:1fr
    }

    .proof-bar>div{
        border-right:0;
        border-bottom:1px solid #eee5dc
    }

    .proof-bar>div:last-child{
        border-bottom:0
    }

    .collection-grid,
    .shop-grid{
        grid-template-columns:1fr
    }

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

    .footer-grid{
        grid-template-columns:1fr 1fr
    }

    .summary-card,
    .checkout-summary{
        position:static
    }

    .experience{
        gap:30px
    }

    .feature-grid{
        grid-template-columns:1fr 1fr
    }

    .product-lower{
        grid-template-columns:1fr
    }

    .admin-cards{
        grid-template-columns:1fr 1fr
    }

    .admin-top{
        align-items:flex-start;
        flex-direction:column
    }
}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media(max-width:700px){

    .wrap{
        width:min(100% - 28px,1180px)
    }

    .top-line-inner{
        justify-content:center
    }

    .topline span:last-child{
        display:none
    }

    .desktop-nav{
        display:none
    }

    .mobile-menu{
        display:block
    }

    .hero-main{
        padding-top:42px;
        padding-bottom:44px
    }

    .hero h1{
        font-size:48px
    }

    .hero-visual{
        min-height:320px
    }

    .orbit-a{
        width:300px;
        height:300px
    }

    .orbit-b{
        width:230px;
        height:230px
    }

    .logo-card{
        width:210px;
        height:210px
    }

    .chip-top{
        right:0
    }

    .chip-bottom{
        left:0;
        bottom:12px
    }

    .proof-bar,
    .verify-home,
    .experience{
        border-radius:18px
    }

    .verify-home{
        padding:28px
    }

    .verify-home h2,
    .collection-home h2,
    .experience h2{
        font-size:35px
    }

    .section-head{
        align-items:flex-start;
        flex-direction:column
    }

    .product-image-wrap,
    .shop-image{
        height:290px
    }

    .product-card-modern h3,
    .shop-body h2{
        font-size:23px
    }

    .feature-grid{
        grid-template-columns:1fr
    }

    .page-hero h1,
    .inner-page h1{
        font-size:41px
    }

    .certificate-head{
        flex-direction:column
    }

    .certificate-no{
        text-align:left
    }

    .certificate-grid{
        grid-template-columns:1fr
    }

    .cert-row:nth-child(odd){
        border-right:0
    }

    .buy-form{
        flex-wrap:wrap
    }

    .product-action-buttons{
        width:100%;
        flex-direction:column;
        align-items:stretch
    }

    .product-action-buttons .btn,
    .product-action-buttons .btn-buy-now{
        width:100%;
        min-width:0
    }

    .cart-line{
        grid-template-columns:90px 1fr;
        gap:13px
    }

    .cart-line img{
        width:90px;
        height:85px
    }

    .qty-field,
    .line-price{
        grid-column:2
    }

    .line-price{
        text-align:left
    }

    .form-grid{
        grid-template-columns:1fr
    }

    .form-grid .wide{
        grid-column:auto
    }

    .success-grid,
    .policy-grid{
        grid-template-columns:1fr
    }

    .admin-cards{
        grid-template-columns:1fr
    }

    .admin-top h1{
        font-size:38px
    }

    .footer-grid{
        grid-template-columns:1fr 1fr
    }

    .footer-bottom{
        flex-direction:column
    }

    .inline-form{
        grid-template-columns:1fr 1fr
    }

    .timeline{
        grid-template-columns:1fr 1fr
    }

    .track-summary{
        grid-template-columns:1fr
    }

    .track-top{
        flex-direction:column
    }

    .topline{
        display:none
    }


    /* COLLECTION MOBILE */

    .collection-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:5px
    }

    .collection-heading h2{
        font-size:31px
    }

    .premium-shop-card .shop-image{
        height:290px
    }

    .shop-description{
        min-height:auto
    }

    .shop-price-row{
        align-items:flex-start;
        flex-direction:column;
        gap:8px
    }

    .shop-actions{
        grid-template-columns:1fr
    }

    .shop-buy-form{
        grid-column:auto
    }

    .track-shop-card{
        align-items:flex-start;
        flex-direction:column;
        padding:25px
    }

    .track-shop-card .btn{
        width:100%
    }

    .collection-trust{
        grid-template-columns:1fr
    }
}

/* =========================================================
   RUDRAXPERT COLLECTION - PRODUCT ACTION BUTTONS
   ========================================================= */

.shop-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.shop-actions form {
    margin: 0;
    padding: 0;
}

.shop-view-btn,
.shop-cart-btn,
.shop-buy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 11px 18px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
    box-sizing: border-box;
}

/* View Product */

.shop-view-btn {
    background: transparent;
    color: #7b211e;
    border: 1px solid #d8c4b3;
}

.shop-view-btn:hover {
    background: #f7eee5;
    border-color: #7b211e;
    color: #7b211e;
    transform: translateY(-1px);
}


/* Add to Cart */

.shop-cart-btn {
    background: #7b211e;
    color: #ffffff;
    border: 1px solid #7b211e;
    box-shadow: 0 5px 14px rgba(70, 30, 20, .12);
}

.shop-cart-btn:hover {
    background: #641a18;
    border-color: #641a18;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(70, 30, 20, .18);
}


/* Buy Now */

.shop-buy-btn {
    background: #d9a441;
    color: #2c211c;
    border: 1px solid #d9a441;
}

.shop-buy-btn:hover {
    background: #c99232;
    border-color: #c99232;
    color: #241a16;
    transform: translateY(-1px);
}


/* =========================================================
   PRICE AREA
   ========================================================= */

.shop-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
}

.shop-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.shop-price strong {
    font-size: 21px;
    font-weight: 800;
    color: #7b211e;
}

.shop-price del {
    color: #8d7d73;
    font-size: 14px;
}

.saving-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border-radius: 999px;
    background: #f2e6c9;
    color: #8b651e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
}

.saving-text {
    margin-top: 7px;
    color: #6c5a50;
    font-size: 13px;
}


/* =========================================================
   COLLECTION CARD
   ========================================================= */

.premium-shop-card {
    overflow: hidden;
}

.premium-shop-card .shop-body {
    position: relative;
}

.shop-description {
    min-height: 48px;
}


/* =========================================================
   ORDER TRACKING SECTION
   ========================================================= */

.track-shop-section {
    margin-top: 55px;
}

.track-shop-card {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 30px;
    border: 1px solid #e2d4c8;
    border-radius: 18px;
    background: #fffaf5;
    box-shadow: 0 10px 30px rgba(55, 35, 25, .06);
}

.track-shop-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #2d211d;
    color: #e0ae4c;
    font-family: Georgia, serif;
    font-size: 18px;
    font-weight: 700;
}

.track-shop-content {
    flex: 1;
}

.track-shop-content h2 {
    margin: 4px 0 8px;
}

.track-shop-content p {
    margin: 0;
    color: #6f6058;
}


/* =========================================================
   COLLECTION TRUST
   ========================================================= */

.collection-trust {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 28px;
    margin-bottom: 55px;
}

.collection-trust > div {
    padding: 20px;
    border: 1px solid #e4d8cd;
    border-radius: 14px;
    background: rgba(255,255,255,.55);
}

.collection-trust strong {
    display: block;
    margin-bottom: 5px;
    color: #392b25;
    font-size: 14px;
}

.collection-trust span {
    display: block;
    color: #76665d;
    font-size: 13px;
    line-height: 1.6;
}


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

@media (max-width: 800px) {

    .shop-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .shop-view-btn,
    .shop-cart-btn,
    .shop-buy-btn {
        width: 100%;
        min-height: 44px;
    }

    .shop-actions .shop-view-btn {
        grid-column: 1 / -1;
    }

    .track-shop-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
    }

    .track-shop-card .btn {
        width: 100%;
        text-align: center;
    }

    .collection-trust {
        grid-template-columns: 1fr;
    }

    .shop-price-row {
        align-items: flex-start;
        flex-direction: column;
    }
}


@media (max-width: 480px) {

    .shop-actions {
        grid-template-columns: 1fr;
    }

    .shop-actions .shop-view-btn {
        grid-column: auto;
    }
}