:root{--bg:#080808;--panel:#111;--gold:#d4af37;--gold2:#f1d27a;--text:#f6f2e9;--muted:#c8c0b4;--pink:#d8a0aa;--line:rgba(212,175,55,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}.serif,h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif}.topbar{background:#000;border-bottom:1px solid var(--line);text-align:center;padding:.55rem 1rem;font-size:.82rem;letter-spacing:.08em;color:var(--gold2)}
header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem}.brand{color:var(--gold2);font-size:1.85rem;letter-spacing:.14em;text-decoration:none}.brand small{display:block;font:500 .62rem Inter;letter-spacing:.32em;color:#ddd}.menu{display:flex;gap:1.15rem;align-items:center}.menu a{color:#ddd;text-decoration:none;font-size:.86rem;letter-spacing:.06em}.menu a:hover{color:var(--gold2)}.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--gold2);padding:.5rem .7rem}
.hero{min-height:78vh;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.35)),url('assets/hero.webp') center/cover;display:flex;align-items:center;position:relative;overflow:hidden}.hero-grid{max-width:1400px;margin:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;z-index:2;gap:2rem}.hero-inner{padding:5.5rem 1.25rem 5.5rem 2rem;text-shadow:0 2px 10px rgba(0,0,0,0.8)}.hero-3d{width:100%;height:100%;min-height:500px;position:relative}.eyebrow{color:var(--gold2);letter-spacing:.22em;text-transform:uppercase;font-size:.8rem}.hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1;margin:.6rem 0 1.2rem;color:var(--gold2)}.hero p{font-size:1.1rem;color:#f0f0f0;line-height:1.6;margin-bottom:1rem}.hero-fine{font-size:0.8rem;color:#aaa;line-height:1.4;max-width:500px;margin-bottom:2rem}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-block;padding:.9rem 1.35rem;border:1px solid var(--gold);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.btn.gold{background:linear-gradient(135deg,#b88a24,#f2d17b);color:#111}.btn.dark{color:var(--gold2);background:rgba(0,0,0,.45)}
section{padding:5.5rem 1.2rem}.container{max-width:1240px;margin:auto}.section-head{text-align:center;max-width:800px;margin:0 auto 2.5rem}.section-head h2{font-size:clamp(2rem,4vw,3.6rem);color:var(--gold2);margin:.3rem 0}.section-head p{color:var(--muted)}.grid{display:grid;gap:1.25rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(145deg,#131313,#090909);border:1px solid var(--line);overflow:hidden;position:relative}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card-body{padding:1.4rem}.card h3{color:var(--gold2);margin:.1rem 0 .5rem;font-size:1.5rem}.card p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}.split img{width:100%;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.45)}.split h2{font-size:clamp(2.2rem,4vw,4rem);color:var(--gold2);margin:.2rem 0 1rem}.split p{color:var(--muted);font-size:1.05rem}.dark-band{background:#0d0d0d;border-block:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature{background:#0b0b0b;padding:2rem 1.2rem;text-align:center}.feature .icon{font-size:2rem;color:var(--gold2)}.feature h3{font-size:1.1rem;color:var(--gold2)}.feature p{font-size:.92rem;color:var(--muted)}
.newsletter{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.5)),url('assets/branding-board.webp') center/cover}.newsletter form{display:flex;gap:.7rem;max-width:560px;margin:1.5rem auto 0}.newsletter input{flex:1;background:#0c0c0c;border:1px solid var(--line);color:#fff;padding:1rem}.newsletter button{border:0;cursor:pointer}.footer{border-top:1px solid var(--line);background:#050505;padding:3rem 1.2rem}.footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}.footer h4{color:var(--gold2);margin-top:0}.footer a{display:block;color:#bbb;text-decoration:none;margin:.4rem 0}.footer p{color:#aaa}.copyright{text-align:center;color:#777;border-top:1px solid #222;margin-top:2rem;padding-top:1.2rem;font-size:.85rem}
.page-hero{padding:6rem 1.2rem 4rem;text-align:center;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.85)),url('assets/collections.webp') center/cover;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3rem,7vw,5rem);color:var(--gold2);margin:0}.content{max-width:900px;margin:auto}.content h2{color:var(--gold2);font-size:2rem}.contact-form{display:grid;gap:1rem}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:1rem;background:#0c0c0c;border:1px solid var(--line);color:#fff}.contact-form textarea{min-height:160px}.notice{border-left:3px solid var(--gold);padding:1rem 1.2rem;background:#101010;color:#ccc}
@media(max-width:900px){.menu{display:none;position:absolute;top:100%;left:0;right:0;background:#090909;padding:1rem 1.2rem;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.menu-btn{display:block}.grid-4,.grid-3,.features{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:70vh}}
@media(max-width:620px){.grid-4,.grid-3,.features,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:3.4rem}.newsletter form{flex-direction:column}.nav{padding:.8rem 1rem}.brand{font-size:1.4rem}}

.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.product-card{background:#0d0d0d;border:1px solid var(--line);overflow:hidden}.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.product-card .info{padding:1.25rem}.product-card .tag{color:var(--gold2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.price{font-size:1.35rem;color:var(--gold2);margin:.6rem 0}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.product-layout img{width:100%;border:1px solid var(--line)}.product-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.meta-box{border:1px solid var(--line);background:#0d0d0d;padding:1rem}.policy{max-width:950px;margin:auto}.policy h2,.policy h3{color:var(--gold2)}.policy p,.policy li{color:var(--muted)}.policy .legal-note{border-left:3px solid var(--gold);background:#101010;padding:1rem 1.2rem}.policy ul{padding-left:1.25rem}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.offer{border:1px solid var(--line);padding:1.4rem;text-align:center;background:#0d0d0d}.offer strong{display:block;color:var(--gold2);font-size:1.5rem}.breadcrumbs{max-width:1240px;margin:auto;padding:1rem 1.2rem;color:#888}.breadcrumbs a{color:var(--gold2);text-decoration:none}.coming-list{columns:3;column-gap:2rem}.coming-list h3{break-after:avoid}.coming-list ul{break-inside:avoid}.badge{display:inline-block;border:1px solid var(--gold);color:var(--gold2);padding:.25rem .55rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){.product-grid{grid-template-columns:1fr 1fr}.product-layout{grid-template-columns:1fr}.coming-list{columns:1}}
@media(max-width:620px){.product-grid,.offer-grid,.product-meta{grid-template-columns:1fr}}

/* Enhanced AORA header, search, cart and program forms */
.nav{gap:1rem}.logo-link{display:flex;align-items:center;flex:0 0 auto}.logo-link img{display:block;width:145px;height:58px;object-fit:contain;object-position:left center}.nav-tools{display:flex;align-items:center;gap:.35rem}.icon-btn{position:relative;display:flex;align-items:center;gap:.35rem;background:transparent;border:1px solid transparent;color:var(--gold2);text-decoration:none;padding:.5rem .55rem;cursor:pointer;font:inherit}.icon-btn:hover{border-color:var(--line);background:#111}.icon-btn>span:first-child{font-size:1.35rem;line-height:1}.tool-label{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.cart-count{position:absolute;right:-2px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:50%;background:var(--gold);color:#050505;font-size:.68rem;font-weight:700;display:grid;place-items:center}.search-panel{display:none;background:#090909;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.search-panel.open{display:block}.site-search{max-width:900px;margin:auto;padding:1.2rem}.site-search label{display:block;color:var(--gold2);margin-bottom:.55rem}.search-row{display:flex;gap:.55rem}.search-row input{flex:1;background:#111;border:1px solid var(--line);color:white;padding:.9rem}.search-close{border:1px solid var(--line);background:#111;color:var(--gold2);font-size:1.4rem;padding:0 .8rem;cursor:pointer}.search-results{display:grid;gap:.45rem;margin-top:.75rem}.search-result{display:flex;justify-content:space-between;gap:1rem;padding:.7rem .8rem;border:1px solid #292929;color:#ddd;text-decoration:none;background:#0e0e0e}.search-result:hover{border-color:var(--gold)}.footer-grid{grid-template-columns:1.6fr repeat(4,1fr)}.footer-logo img{width:170px;max-height:90px;object-fit:contain}.social-line strong{color:var(--gold2)}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.3rem 0}.membership-form{display:flex;gap:.65rem;margin-top:1.2rem}.membership-form input{flex:1;background:#0c0c0c;border:1px solid var(--line);color:#fff;padding:1rem}.fine-print{font-size:.82rem;color:#999}.program-image{width:100%;border:1px solid var(--line);margin-bottom:1.2rem}.check-row{display:flex;align-items:flex-start;gap:.7rem;color:#bbb;font-size:.9rem}.check-row input{width:auto;margin-top:.35rem}.account-card{max-width:520px;margin:auto;border:1px solid var(--line);background:#0d0d0d;padding:1.5rem}.cart-page{max-width:850px}.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;border-bottom:1px solid #292929;padding:1rem 0}.cart-item button{background:none;color:#d6b85e;border:1px solid var(--line);padding:.4rem .65rem}.cart-summary{text-align:right;margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}
@media(max-width:1050px){.tool-label{display:none}.menu{gap:.75rem}.menu a{font-size:.78rem}.logo-link img{width:120px}}
@media(max-width:900px){.nav{flex-wrap:wrap}.nav-tools{margin-left:auto}.menu{order:4}.footer-grid{grid-template-columns:1fr 1fr}.membership-form{flex-direction:column}.benefit-grid{grid-template-columns:1fr}.logo-link img{width:112px;height:48px}}
@media(max-width:620px){.footer-grid{grid-template-columns:1fr}.icon-btn{padding:.4rem}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.cart-item{grid-template-columns:1fr auto}.cart-item .item-price{grid-column:1}.logo-link img{width:96px}}


/* Final brand lockup and full Shop hierarchy */
.brand-lockup{display:flex;align-items:center;gap:.58rem;text-decoration:none;min-width:max-content}.brand-lockup>img{width:64px;height:48px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(212,175,55,.25))}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-family:Georgia,'Times New Roman',serif;color:var(--gold2);font-size:1.55rem;letter-spacing:.14em;font-weight:500}.brand-text small{color:#ddd;font-size:.57rem;letter-spacing:.33em;margin-top:.33rem}.footer-brand{margin-bottom:1rem}.footer-brand>img{width:70px;height:52px}
.nav-dropdown{position:relative}.dropdown-trigger{display:flex!important;align-items:center;gap:.28rem}.dropdown-menu{display:none;position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-32%);width:min(720px,92vw);padding:1.15rem;background:#080808;border:1px solid var(--line);box-shadow:0 25px 60px rgba(0,0,0,.7);grid-template-columns:repeat(3,1fr);gap:1rem;z-index:60}.dropdown-menu::before{content:'';position:absolute;top:-20px;left:0;width:100%;height:20px}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:grid}.dropdown-column{padding:.35rem .75rem;border-right:1px solid #242424}.dropdown-column:last-child{border-right:0}.dropdown-menu a{display:block;padding:.35rem 0;font-size:.78rem}.dropdown-menu .dropdown-heading{color:var(--gold2);font-family:Georgia,'Times New Roman',serif;font-size:1rem;margin-bottom:.35rem;border-bottom:1px solid var(--line);padding-bottom:.55rem}.category-grid .card img{aspect-ratio:16/10}.collection-links{margin-top:1rem}.collection-tile{display:block;text-decoration:none;border:1px solid var(--line);background:#090909;overflow:hidden;transition:.2s}.collection-tile:hover{transform:translateY(-4px);border-color:var(--gold)}.collection-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.collection-tile span{display:block;text-align:center;padding:1rem;color:var(--gold2);font-family:Georgia,'Times New Roman',serif;font-size:1.05rem}.single-product-grid{grid-template-columns:minmax(280px,390px);justify-content:center}
@media(max-width:1050px){.brand-lockup>img{width:54px;height:42px}.brand-text strong{font-size:1.25rem}.brand-text small{font-size:.5rem}.dropdown-menu{transform:translateX(-25%)}}
@media(max-width:900px){.brand-lockup>img{width:48px;height:38px}.brand-text strong{font-size:1.08rem}.brand-text small{font-size:.45rem}.nav-dropdown{width:100%}.dropdown-trigger{justify-content:space-between}.dropdown-menu{display:none!important;position:static;transform:none;width:100%;grid-template-columns:1fr;padding:.75rem;margin-top:.35rem;box-shadow:none}.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown:hover .dropdown-menu{display:grid!important}.dropdown-column{border-right:0;border-bottom:1px solid #242424;padding:.5rem 0}.dropdown-column:last-child{border-bottom:0}}
@media(max-width:620px){.brand-lockup{gap:.35rem}.brand-lockup>img{width:42px;height:34px}.brand-text strong{font-size:.95rem}.brand-text small{letter-spacing:.22em}.single-product-grid{grid-template-columns:1fr}}

.inspired-by{color:var(--gold2)!important;font-size:.92rem;margin:.15rem 0 .45rem!important;font-style:italic}.regular-price{color:#b9b1a6;font-size:.92rem;margin:.3rem 0 .85rem;text-decoration:none}.product-card .regular-price{margin-top:-.35rem}.offer .regular-price{margin-top:.25rem}

.collection-card-link{display:block;color:inherit;text-decoration:none;border-radius:0;outline:none}.collection-card-link .card{height:100%;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.collection-card-link:hover .card,.collection-card-link:focus-visible .card{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 20px 45px rgba(0,0,0,.38)}.collection-card-link:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}.card-cta{display:inline-block;margin-top:1rem;color:var(--gold2);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.collection-card-link:hover .card-cta{text-decoration:underline}

.coming-soon-visual img{width:100%;display:block;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.45)}

/* ═══════════════════════════════════════════════════════════
   HOMEPAGE BESTSELLERS PRODUCT GRID
═══════════════════════════════════════════════════════════ */
.homepage-products-section {
    background: linear-gradient(180deg, #0a0a0a 0%, var(--bg) 100%);
}

.hp-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
}

.hp-product-card {
    background: linear-gradient(145deg, #131313, #090909);
    border: 1px solid var(--line);
    overflow: hidden;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.hp-product-card:hover {
    transform: translateY(-6px);
    border-color: var(--gold);
    box-shadow: 0 20px 50px rgba(212, 175, 55, .08);
}

.hp-product-img-link {
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.hp-product-img-link img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}

.hp-product-card:hover .hp-product-img-link img {
    transform: scale(1.05);
}

.hp-product-badge {
    position: absolute;
    top: .75rem;
    left: .75rem;
    background: rgba(0,0,0,.75);
    backdrop-filter: blur(6px);
    border: 1px solid var(--line);
    color: var(--gold2);
    font-size: .68rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: .35rem .7rem;
}

.hp-product-info {
    padding: 1.25rem;
}

.hp-product-name-link {
    text-decoration: none;
    color: inherit;
}

.hp-product-info h3 {
    color: var(--gold2);
    margin: 0 0 .4rem;
    font-size: 1.3rem;
    font-family: Georgia, 'Times New Roman', serif;
}

.hp-product-desc {
    color: var(--muted);
    font-size: .88rem;
    margin: 0 0 .8rem;
    line-height: 1.4;
}

.hp-product-pricing {
    margin-bottom: 1rem;
}

.hp-price {
    font-size: 1.4rem;
    color: var(--gold2);
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 600;
}

.hp-add-to-cart {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    cursor: pointer;
    border: none;
    font-weight: 600;
    transition: transform .2s ease, box-shadow .2s ease;
}

.hp-add-to-cart:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, .25);
}

.hp-add-to-cart:active {
    transform: translateY(0);
}

.cart-icon {
    font-size: 1.1rem;
}

.hp-view-all {
    text-align: center;
    margin-top: 2.5rem;
}

/* ════════════════════════════════════════════
   STATIC PAGES RESPONSIVENESS
════════════════════════════════════════════ */
@media (max-width: 768px) {
    .split-section .container {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
    
    .split-section.reverse .split-content {
        order: 2 !important;
    }
    .split-section.reverse .split-image {
        order: 1 !important;
    }

    .about-hero h1 {
        font-size: 2.5rem !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   HOMEPAGE QUICK-SHOP SECTIONS (Him / Her / Unisex)
═══════════════════════════════════════════════════════════ */
.hp-quickshop-section {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.hp-quickshop-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.hp-quickshop-centered {
    grid-template-columns: minmax(280px, 420px);
    justify-content: center;
}

.hp-quickshop-card {
    background: linear-gradient(145deg, #131313, #090909);
    border: 1px solid var(--line);
    overflow: hidden;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.hp-quickshop-card:hover {
    transform: translateY(-5px);
    border-color: var(--gold);
    box-shadow: 0 18px 45px rgba(212, 175, 55, .07);
}

.hp-qs-img-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.hp-qs-img-wrap img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}

.hp-quickshop-card:hover .hp-qs-img-wrap img {
    transform: scale(1.05);
}

.hp-qs-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s ease;
}

.hp-quickshop-card:hover .hp-qs-overlay {
    opacity: 1;
}

.hp-qs-overlay span {
    color: var(--gold2);
    font-size: .85rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: 1px solid var(--gold);
    padding: .6rem 1.2rem;
    background: rgba(0,0,0,.6);
}

.hp-qs-info {
    padding: 1.25rem;
}

.hp-qs-info h3 {
    color: var(--gold2);
    margin: .35rem 0 .5rem;
    font-size: 1.35rem;
}

.hp-qs-desc {
    color: var(--muted);
    font-size: .9rem;
    margin: 0 0 .8rem;
}

.hp-qs-price-row {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    margin-bottom: 1rem;
}

.hp-qs-featured {
    max-width: 420px;
}

.gold-link {
    color: var(--gold2);
    text-decoration: none;
}
.gold-link:hover {
    text-decoration: underline;
}

.hp-discovery-actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.hp-quickshop-featured {
    background: linear-gradient(180deg, #0e0e0e 0%, var(--bg) 100%);
}

/* ═══════════════════════════════════════════════════════════
   SHOP PAGE — Quick Add on hover + improved buttons
═══════════════════════════════════════════════════════════ */
.shop-product-card {
    position: relative;
}

.shop-img-wrap {
    position: relative;
    overflow: hidden;
}

.shop-img-wrap img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}

.shop-product-card:hover .shop-img-wrap img {
    transform: scale(1.05);
}

.shop-quick-add {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: linear-gradient(transparent, rgba(0,0,0,.85));
    transform: translateY(100%);
    transition: transform .35s ease;
}

.shop-product-card:hover .shop-quick-add {
    transform: translateY(0);
}

.shop-quick-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    cursor: pointer;
    border: none;
    font-weight: 600;
}

.shop-card-actions {
    margin-top: .75rem;
}

.shop-add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    cursor: pointer;
    border: none;
    font-weight: 600;
    transition: transform .2s ease, box-shadow .2s ease;
}

.shop-add-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, .25);
}

/* Offer grid shop-now button */
.offer-shop-btn {
    margin-top: 1rem;
    display: inline-block;
    font-size: .75rem;
    padding: .7rem 1.1rem;
}

/* ═══════════════════════════════════════════════════════════
   MOBILE RESPONSIVENESS — All new sections
═══════════════════════════════════════════════════════════ */

/* Tablet (≤900px) */
@media (max-width: 900px) {
    .hero-grid {
        grid-template-columns: 1fr;
    }
    
    .hero-inner {
        padding: 5.5rem 1.25rem 2rem;
    }

    .hero-3d {
        min-height: 450px;
    }

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

    .hp-quickshop-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .hp-quickshop-centered {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin: 0 auto;
    }

    .hp-qs-featured {
        max-width: 100%;
    }

    .hp-discovery-actions {
        flex-direction: column;
    }

    .hp-discovery-actions .btn {
        text-align: center;
    }

    /* Show Quick Add on mobile (no hover) */
    .shop-quick-add {
        transform: translateY(0);
        position: relative;
        background: rgba(0,0,0,.4);
        padding: .75rem;
    }

    section {
        padding: 3.5rem 1rem;
    }
}

/* Phone (≤620px) */
@media (max-width: 620px) {
    .hp-product-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .hp-product-card {
        display: grid;
        grid-template-columns: 120px 1fr;
    }

    .hp-product-img-link img {
        aspect-ratio: 1/1;
        height: 100%;
    }

    .hp-product-badge {
        display: none;
    }

    .hp-product-info {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .hp-product-info h3 {
        font-size: 1.05rem;
    }

    .hp-product-desc {
        display: none;
    }

    .hp-price {
        font-size: 1.15rem;
    }

    .hp-add-to-cart {
        padding: .65rem .8rem;
        font-size: .72rem;
    }

    .hp-quickshop-grid {
        grid-template-columns: 1fr;
    }

    .hp-quickshop-card {
        display: grid;
        grid-template-columns: 130px 1fr;
    }

    .hp-qs-img-wrap img {
        aspect-ratio: auto;
        height: 100%;
    }

    .hp-qs-overlay {
        display: none;
    }

    .hp-qs-info {
        padding: .9rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .hp-qs-info h3 {
        font-size: 1rem;
        margin: .2rem 0 .35rem;
    }

    .hp-qs-desc {
        display: none;
    }

    .hp-qs-price-row {
        margin-bottom: .5rem;
    }

    .hp-qs-info .btn {
        padding: .6rem .8rem;
        font-size: .72rem;
    }

    .hp-quickshop-centered .hp-quickshop-card {
        grid-template-columns: 1fr;
    }

    .hp-quickshop-centered .hp-qs-img-wrap img {
        aspect-ratio: 4/3;
    }

    .hp-quickshop-centered .hp-qs-info {
        padding: 1.25rem;
    }

    .hp-quickshop-centered .hp-qs-desc {
        display: block;
    }

    .hp-quickshop-centered .hp-qs-info h3 {
        font-size: 1.3rem;
    }

    .hp-view-all {
        margin-top: 1.5rem;
    }

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

    /* Split sections on mobile */
    .split {
        gap: 1.5rem;
    }

    .split h2 {
        font-size: 1.8rem;
    }

    .split p {
        font-size: .95rem;
    }

    /* Section padding on mobile */
    section {
        padding: 2.5rem .9rem;
    }

    .section-head {
        margin-bottom: 1.5rem;
    }

    .section-head h2 {
        font-size: 1.6rem;
    }

    /* Features band mobile */
    .feature {
        padding: 1.2rem 1rem;
    }

    .feature h3 {
        font-size: .95rem;
    }

    .feature p {
        font-size: .82rem;
    }

    /* Hero mobile */
    .hero {
        min-height: 60vh;
    }

    .hero-inner {
        padding: 3rem 1rem 1rem;
    }

    .hero-3d {
        min-height: 350px;
    }

    .hero p {
        font-size: .95rem;
    }

    /* Topbar mobile */
    .topbar {
        font-size: .7rem;
        padding: .4rem .75rem;
        letter-spacing: .04em;
    }

    /* Offer grid mobile */
    .offer {
        padding: 1rem;
    }

    .offer strong {
        font-size: 1.25rem;
    }

    /* Footer mobile */
    .footer {
        padding: 2rem 1rem;
    }
}

/* Very small screens (≤400px) */
@media (max-width: 400px) {
    .hp-product-card {
        grid-template-columns: 100px 1fr;
    }

    .hp-quickshop-card {
        grid-template-columns: 110px 1fr;
    }

    .hp-product-info h3 {
        font-size: .92rem;
    }

    .hp-price {
        font-size: 1rem;
    }

    .actions {
        flex-direction: column;
    }

    .actions .btn {
        text-align: center;
    }
}

/* ═══════════════════════════════════════════════════════════
   CHECKOUT PAGE (Smooth / Arrah Style)
═══════════════════════════════════════════════════════════ */
.checkout-page {
    padding: 6rem 1rem 4rem;
}

.checkout-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 3rem;
    align-items: start;
    max-width: 1100px;
    margin: 0 auto;
}

.checkout-panel {
    background: linear-gradient(145deg, #111, #0a0a0a);
    border: 1px solid var(--line);
    padding: 2.5rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.checkout-step {
    margin-bottom: 2.5rem;
}

.checkout-step-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    color: var(--text);
    font-size: 1.25rem;
}

.step-num {
    color: var(--gold2);
    font-family: Georgia, serif;
}

.checkout-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.checkout-form-grid.full {
    grid-template-columns: 1fr;
}

.checkout-input-group {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.checkout-input-group label {
    font-size: 0.85rem;
    color: var(--muted);
}

.checkout-input-group input, 
.checkout-input-group select {
    background: #090909;
    border: 1px solid #333;
    color: #fff;
    padding: 0.9rem;
    font-size: 1rem;
    transition: border-color 0.2s ease;
}

.checkout-input-group input:focus, 
.checkout-input-group select:focus {
    outline: none;
    border-color: var(--gold);
}

.payment-method-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: rgba(255,255,255,0.02);
    border: 1px solid #333;
    cursor: pointer;
    transition: all 0.2s ease;
}

.payment-method-card:hover {
    background: rgba(255,255,255,0.05);
}

.payment-method-card.active {
    border-color: var(--gold);
    background: rgba(212, 175, 55, 0.05);
}

.payment-method-card input[type="radio"] {
    accent-color: var(--gold);
    width: 1.1rem;
    height: 1.1rem;
}

.payment-desc {
    display: flex;
    flex-direction: column;
}

.payment-desc strong {
    color: #fff;
    font-size: 1rem;
}

.payment-desc span {
    color: var(--muted);
    font-size: 0.8rem;
}

.checkout-summary-sticky {
    position: sticky;
    top: 100px;
}

.checkout-summary-item {
    display: flex;
    gap: 1rem;
    padding: 1.25rem 0;
    border-bottom: 1px solid #222;
    align-items: center;
}

.checkout-summary-item img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border: 1px solid #333;
}

.checkout-summary-info {
    flex: 1;
}

.checkout-summary-info h4 {
    margin: 0 0 0.25rem 0;
    color: #fff;
    font-size: 1.1rem;
}

.checkout-summary-totals {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.totals-row {
    display: flex;
    justify-content: space-between;
    color: var(--muted);
    font-size: 0.95rem;
}

.totals-row.grand-total {
    color: var(--gold2);
    font-size: 1.4rem;
    font-weight: bold;
    border-top: 1px solid #333;
    padding-top: 1rem;
    margin-top: 0.5rem;
}

/* Mobile Checkout */
@media (max-width: 900px) {
    .checkout-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .checkout-summary-sticky {
        position: static;
        order: -1; /* Show summary first on mobile */
    }
}

@media (max-width: 600px) {
    .checkout-panel {
        padding: 1.5rem;
    }
    
    .checkout-form-grid {
        grid-template-columns: 1fr;
    }
}

