:root {
    --olive: #444126;
    --olive-dark: #302f1c;
    --olive-deep: #272617;

    --cream: #f1e4d0;
    --cream-soft: #f8f0e4;

    --gold: #b99a56;

    --ink: #302f1d;
    --muted: #887f70;

    --line: rgba(68,65,38,.18);
    --dark-line: rgba(241,228,208,.18);
}


html,
body,
main {
    background: var(--cream) !important;
    color: var(--ink) !important;
}


::selection {
    background: var(--gold);
    color: var(--olive-deep);
}


/* HEADER */

.site-header {
    background:
        rgba(48,47,28,.985) !important;

    border-bottom:
        1px solid
        rgba(185,154,86,.28) !important;
}


.site-header .logo,
.site-header .main-nav a,
.site-header .header-actions a,
.site-header .header-action,
.site-header .cart-toggle,
.site-header .menu-toggle {
    color:
        var(--cream) !important;
}


.site-header .main-nav a:hover,
.site-header .header-actions a:hover,
.site-header .header-action:hover,
.site-header .cart-toggle:hover {
    color:
        #d7bd7b !important;
}


/* ACCENTS */

.eyebrow,
.browse-eyebrow,
.product-category,
.browse-product-universe,
.filter-title {
    color:
        var(--gold) !important;
}


/* SHOP HERO */

.shop-hero {
    background:
        linear-gradient(
            135deg,
            var(--olive-deep),
            var(--olive)
        ) !important;

    border-bottom-color:
        rgba(185,154,86,.25) !important;
}


.shop-hero h1 {
    color:
        var(--cream-soft) !important;
}


.shop-hero .shop-intro {
    color:
        rgba(241,228,208,.70) !important;
}


/* LIGHT PAGE AREAS */

.shop-section,
.browse-page,
.real-checkout-page {
    background:
        var(--cream) !important;

    color:
        var(--ink) !important;
}


.shop-toolbar,
.sort-form label,
.browse-description,
.browse-count,
.checkout-topbar,
.back-to-cart {
    color:
        var(--muted) !important;
}


.shop-toolbar strong,
.browse-hero h1,
.checkout-heading h1 {
    color:
        var(--ink) !important;
}


.sort-form select {
    background:
        var(--cream-soft) !important;

    border-color:
        var(--line) !important;

    color:
        var(--ink) !important;
}


/* SHOP FILTERS */

.shop-sidebar {
    top:
        105px !important;
}


.filter-form {
    background:
        var(--olive) !important;

    border-color:
        rgba(185,154,86,.28) !important;
}


.filter-header,
.filter-group {
    border-color:
        var(--dark-line) !important;
}


.filter-header h2 {
    color:
        var(--cream-soft) !important;
}


.clear-filters {
    color:
        rgba(241,228,208,.62) !important;
}


.clear-filters:hover {
    color:
        var(--cream-soft) !important;
}


.filter-title {
    color:
        #d2b56d !important;
}


.filter-group select,
.search-field input,
.price-fields input {
    background:
        var(--cream-soft) !important;

    border-color:
        rgba(241,228,208,.28) !important;

    color:
        var(--ink) !important;
}


.search-field input::placeholder,
.price-fields input::placeholder {
    color:
        #9a907f !important;
}


.search-field button {
    background:
        var(--gold) !important;

    color:
        var(--olive-deep) !important;
}


.price-fields span {
    color:
        #887c69 !important;
}


.filter-button {
    background:
        var(--cream-soft) !important;

    color:
        var(--olive-deep) !important;
}


.filter-button:hover {
    background:
        #d8bd78 !important;

    opacity:
        1 !important;
}


/* SHOP PRODUCT CARDS */

.shop-product-grid .product-card,
.product-card {
    background:
        var(--cream-soft) !important;

    border-color:
        var(--line) !important;

    color:
        var(--ink) !important;
}


.product-info {
    background:
        var(--cream-soft) !important;
}


.product-info h3,
.product-info h3 a,
.product-price {
    color:
        var(--ink) !important;
}


.stock.in_stock,
.stock.out_of_stock {
    color:
        #8b8377 !important;
}


.stock.pre_order {
    color:
        var(--gold) !important;
}


.shop-add-cart-form {
    background:
        var(--cream-soft) !important;
}


.shop-add-cart {
    background:
        var(--olive) !important;

    border-color:
        var(--olive) !important;

    color:
        var(--cream-soft) !important;
}


.shop-add-cart:hover:not(:disabled),
.shop-add-cart.is-added {
    background:
        var(--gold) !important;

    border-color:
        var(--gold) !important;

    color:
        var(--olive-deep) !important;
}


/* GAMES / MOVIES PRODUCT CARDS */

.browse-count {
    border-color:
        var(--line) !important;
}


.browse-product-card {
    background:
        var(--cream-soft) !important;

    border:
        1px solid
        var(--line) !important;
}


.browse-product-card:hover {
    background:
        var(--cream-soft) !important;

    border-color:
        rgba(185,154,86,.46) !important;
}


.browse-product-info,
.browse-add-cart-form,
.browse-add-cart-disabled-wrap {
    background:
        var(--cream-soft) !important;
}


.browse-product-info h2,
.browse-product-card:hover
.browse-product-info h2,
.browse-product-price {
    color:
        var(--ink) !important;
}


.browse-product-universe {
    color:
        var(--gold) !important;
}


.browse-product-availability {
    color:
        #8b8377 !important;
}


.browse-product-availability.pre_order {
    color:
        #9c7b30 !important;
}


.browse-add-cart {
    background:
        var(--olive) !important;

    border-color:
        var(--olive) !important;

    color:
        var(--cream-soft) !important;
}


.browse-add-cart:hover:not(:disabled),
.browse-add-cart.is-added {
    background:
        var(--gold) !important;

    border-color:
        var(--gold) !important;

    color:
        var(--olive-deep) !important;
}


/* COLLECTION GROUP CARDS */

.home-collection-card,
.browse-group-card {
    background:
        var(--olive) !important;

    border-color:
        rgba(185,154,86,.30) !important;
}


.home-collection-card:hover,
.browse-group-card:hover {
    background:
        var(--olive-dark) !important;

    border-color:
        rgba(216,189,120,.68) !important;
}


.home-collection-content,
.browse-group-info,
.browse-group-cart-form {
    background:
        transparent !important;
}


.home-collection-content > span,
.home-collection-content strong,
.browse-group-info > span,
.browse-group-info strong {
    color:
        #d2b56d !important;
}


.home-collection-content h3,
.browse-group-info h2 {
    color:
        var(--cream-soft) !important;
}


.home-collection-content p,
.browse-group-info p {
    color:
        rgba(241,228,208,.66) !important;
}


.browse-group-add-cart {
    background:
        transparent !important;

    border-color:
        rgba(241,228,208,.40) !important;

    color:
        var(--cream-soft) !important;
}


.browse-group-add-cart:hover:not(:disabled),
.browse-group-add-cart.is-added {
    background:
        var(--cream-soft) !important;

    border-color:
        var(--cream-soft) !important;

    color:
        var(--olive-deep) !important;
}


/* CHECKOUT */

.real-checkout-page {
    background:
        var(--cream) !important;
}


.checkout-layout,
.checkout-form,
.checkout-form-column {
    background:
        transparent !important;
}


.checkout-topbar {
    border-color:
        var(--line) !important;
}


.checkout-form-section {
    background:
        var(--cream-soft) !important;

    border-color:
        var(--line) !important;

    padding-left:
        34px !important;

    padding-right:
        34px !important;
}


.checkout-section-title > span {
    border-color:
        var(--line) !important;

    color:
        var(--gold) !important;
}


.checkout-section-title h2 {
    color:
        var(--ink) !important;
}


.checkout-section-title p,
.checkout-field label,
.checkout-terms {
    color:
        var(--muted) !important;
}


.checkout-field input,
.checkout-field select {
    background:
        #fffaf2 !important;

    border-color:
        var(--line) !important;

    color:
        var(--ink) !important;
}


.checkout-field input:focus,
.checkout-field select:focus {
    border-color:
        var(--gold) !important;
}


.payment-placeholder {
    background:
        #fffaf2 !important;

    border-color:
        var(--line) !important;

    color:
        var(--ink) !important;
}


.place-order-button {
    background:
        var(--olive) !important;

    color:
        var(--cream-soft) !important;
}


/* CHECKOUT ORDER SUMMARY */

.checkout-order-summary {
    background:
        var(--olive) !important;

    border-color:
        rgba(185,154,86,.30) !important;

    color:
        var(--cream-soft) !important;
}


.checkout-order-summary h2,
.checkout-order-item strong,
.checkout-order-item b {
    color:
        var(--cream-soft) !important;
}


.checkout-order-item,
.checkout-summary-lines,
.checkout-summary-notes {
    border-color:
        var(--dark-line) !important;
}


.checkout-order-item span,
.checkout-summary-lines > div,
.checkout-summary-notes span {
    color:
        rgba(241,228,208,.66) !important;
}


.checkout-summary-lines strong,
.checkout-grand-total span {
    color:
        rgba(241,228,208,.92) !important;
}


.checkout-grand-total strong {
    color:
        #d8bd78 !important;
}


.checkout-summary-notes span {
    border-color:
        rgba(241,228,208,.20) !important;
}


/* MOBILE */

@media (max-width: 900px) {

    .shop-sidebar {
        top:
            auto !important;
    }


    .checkout-form-section {
        padding-left:
            24px !important;

        padding-right:
            24px !important;
    }

}


/* =========================================================
   OLIVE THEME — FINAL CONTRAST & TYPOGRAPHY
   ========================================================= */


/* SHARPER TYPOGRAPHY */

html,
body,
button,
input,
textarea,
select {
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Helvetica,
        Arial,
        sans-serif !important;

    text-rendering:
        optimizeLegibility;

    -webkit-font-smoothing:
        auto;

    -moz-osx-font-smoothing:
        auto;

    font-synthesis:
        none;
}


body {
    color:
        #302f1d !important;
}


p,
a,
button,
input,
textarea,
select {
    font-weight:
        500;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:
        750 !important;

    text-rendering:
        geometricPrecision;
}


.main-nav a,
.header-actions a,
.header-action,
.cart-toggle {
    font-weight:
        550 !important;

    color:
        rgba(248,240,228,.90) !important;
}


/* =========================================================
   SHOP HERO — FIX DARK TEXT
   ========================================================= */

.shop-hero {
    background:
        linear-gradient(
            135deg,
            #302f1c 0%,
            #444126 100%
        ) !important;
}


.shop-hero .eyebrow {
    color:
        #d2b56d !important;

    font-weight:
        800 !important;
}


.shop-hero h1 {
    color:
        #f8f0e4 !important;

    font-weight:
        750 !important;
}


.shop-hero .shop-intro {
    max-width:
        650px !important;

    background:
        transparent !important;

    color:
        rgba(248,240,228,.82) !important;

    font-weight:
        500 !important;

    line-height:
        1.65 !important;
}


/* =========================================================
   FILTERS — MORE CONTRAST
   ========================================================= */

.filter-form {
    background:
        #48452a !important;

    border-color:
        rgba(210,181,109,.38) !important;
}


.filter-header {
    border-color:
        rgba(241,228,208,.18) !important;
}


.filter-header h2 {
    color:
        #d8d2c8 !important;

    font-weight:
        750 !important;
}


.clear-filters {
    color:
        rgba(248,240,228,.66) !important;

    font-weight:
        500 !important;
}


.clear-filters:hover {
    color:
        #d8d2c8 !important;
}


.filter-group {
    border-color:
        rgba(241,228,208,.16) !important;
}


.filter-title {
    color:
        #d2b56d !important;

    font-weight:
        800 !important;
}


.filter-group select,
.search-field input,
.price-fields input {
    background:
        #f8f0e4 !important;

    color:
        #302f1d !important;

    border-color:
        rgba(210,181,109,.42) !important;

    font-weight:
        500 !important;
}


.search-field input::placeholder,
.price-fields input::placeholder {
    color:
        #8d8372 !important;

    opacity:
        1 !important;
}


.search-field button {
    background:
        #d2b56d !important;

    color:
        #302f1c !important;

    font-size:
        20px !important;
}


.search-field button:hover {
    background:
        #e1c982 !important;
}


.price-fields span {
    color:
        #746a5b !important;
}


.filter-button {
    background:
        #f8f0e4 !important;

    color:
        #302f1c !important;

    font-weight:
        750 !important;
}


.filter-button:hover {
    background:
        #d2b56d !important;

    color:
        #302f1c !important;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.pagination {
    border-color:
        rgba(68,65,38,.14) !important;
}


.pagination-nav {
    color:
        #57533a !important;

    font-size:
        14px !important;

    font-weight:
        650 !important;
}


.pagination-nav:hover {
    color:
        #9d7c34 !important;
}


.pagination-pages a {
    border:
        1px solid
        rgba(68,65,38,.22) !important;

    background:
        transparent !important;

    color:
        #5d5843 !important;

    font-size:
        13px !important;

    font-weight:
        650 !important;
}


.pagination-pages a:hover {
    border-color:
        #9d7c34 !important;

    color:
        #302f1c !important;
}


.pagination-pages a.active {
    background:
        #444126 !important;

    border-color:
        #444126 !important;

    color:
        #d8d2c8 !important;
}


/* =========================================================
   FOOTER — STRONGER / CLEARER
   ========================================================= */

.site-footer {
    background:
        #35331f !important;

    border-top:
        1px solid
        rgba(210,181,109,.32) !important;
}


.footer-logo {
    color:
        #d8d2c8 !important;

    font-weight:
        800 !important;
}


.footer-brand p {
    color:
        rgba(248,240,228,.72) !important;

    font-weight:
        500 !important;
}


.footer-column h3 {
    color:
        #d2b56d !important;

    font-weight:
        800 !important;
}


.footer-column > a {
    color:
        rgba(248,240,228,.82) !important;

    font-weight:
        550 !important;
}


.footer-column > a:hover {
    color:
        #d8d2c8 !important;
}


.footer-contact-item > span {
    color:
        #d2b56d !important;

    font-weight:
        800 !important;
}


.footer-contact-item a,
.footer-contact-item strong {
    color:
        rgba(248,240,228,.84) !important;

    font-weight:
        550 !important;
}


.footer-contact-button {
    border-color:
        rgba(210,181,109,.48) !important;

    color:
        #d8d2c8 !important;

    font-weight:
        650 !important;
}


.footer-contact-button:hover {
    background:
        #d2b56d !important;

    border-color:
        #d2b56d !important;

    color:
        #302f1c !important;
}


.footer-bottom {
    border-color:
        rgba(210,181,109,.20) !important;

    color:
        rgba(248,240,228,.52) !important;
}


.footer-bottom-links a,
.footer-cookie-settings {
    color:
        rgba(248,240,228,.58) !important;

    font-weight:
        500 !important;
}


.footer-bottom-links a:hover,
.footer-cookie-settings:hover {
    color:
        #d8d2c8 !important;
}


/* =========================================================
   COOKIE CONSENT
   ========================================================= */

.cookie-settings-backdrop {
    background:
        rgba(36,34,20,.68) !important;

    backdrop-filter:
        blur(5px);
}


.cookie-settings-panel {
    background:
        #f8f0e4 !important;

    border:
        1px solid
        rgba(68,65,38,.25) !important;

    box-shadow:
        0 35px 100px
        rgba(39,38,23,.28) !important;
}


.cookie-label {
    color:
        #a8863c !important;

    font-weight:
        800 !important;
}


.cookie-settings-panel h2 {
    color:
        #302f1d !important;

    font-weight:
        750 !important;
}


.cookie-settings-close {
    background:
        transparent !important;

    border-color:
        rgba(68,65,38,.22) !important;

    color:
        #444126 !important;
}


.cookie-settings-close:hover {
    background:
        #444126 !important;

    color:
        #d8d2c8 !important;
}


.cookie-option {
    border-color:
        rgba(68,65,38,.15) !important;
}


.cookie-option strong {
    color:
        #302f1d !important;

    font-weight:
        700 !important;
}


.cookie-option p {
    color:
        #756d60 !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;
}


.cookie-always-on {
    color:
        #716959 !important;

    font-weight:
        600 !important;
}


.cookie-toggle span {
    background:
        #ded3c1 !important;

    border-color:
        rgba(68,65,38,.24) !important;
}


.cookie-toggle span::after {
    background:
        #8b826f !important;
}


.cookie-toggle input:checked + span {
    background:
        #444126 !important;

    border-color:
        #444126 !important;
}


.cookie-toggle input:checked + span::after {
    background:
        #d8d2c8 !important;
}


.cookie-secondary {
    background:
        transparent !important;

    border-color:
        rgba(68,65,38,.28) !important;

    color:
        #444126 !important;

    font-weight:
        700 !important;
}


.cookie-secondary:hover {
    border-color:
        #444126 !important;
}


.cookie-primary {
    background:
        #444126 !important;

    border-color:
        #444126 !important;

    color:
        #d8d2c8 !important;

    font-weight:
        750 !important;
}


.cookie-primary:hover {
    background:
        #d2b56d !important;

    border-color:
        #d2b56d !important;

    color:
        #302f1c !important;
}


/* COOKIE BAR */

.cookie-consent {
    background:
        rgba(248,240,228,.98) !important;

    border-color:
        rgba(68,65,38,.22) !important;

    box-shadow:
        0 20px 70px
        rgba(39,38,23,.20) !important;
}


.cookie-consent h2 {
    color:
        #302f1d !important;

    font-weight:
        750 !important;
}


.cookie-consent p {
    color:
        #756d60 !important;

    font-weight:
        500 !important;
}


.cookie-consent-copy > a {
    color:
        #6c624f !important;
}


/* =========================================================
   CONTACT PAGE
   ========================================================= */

.contact-page
.content-page-heading {
    border-color:
        rgba(68,65,38,.16) !important;
}


.contact-page
.content-page-heading h1 {
    color:
        #302f1d !important;

    font-weight:
        760 !important;
}


.contact-page
.content-page-body {
    color:
        #71695d !important;

    font-weight:
        500 !important;
}


.contact-page
.contact-information {
    background:
        #48452a !important;

    border-color:
        rgba(210,181,109,.36) !important;
}


.contact-page
.contact-information h2 {
    color:
        #d8d2c8 !important;

    border-color:
        rgba(241,228,208,.20) !important;

    font-weight:
        750 !important;
}


.contact-page
.contact-information > div {
    border-color:
        rgba(241,228,208,.18) !important;
}


.contact-page
.contact-information span {
    color:
        #d2b56d !important;
}


.contact-page
.contact-information a,
.contact-page
.contact-information strong {
    color:
        #d8d2c8 !important;

    font-weight:
        550 !important;
}


.contact-page
.contact-form-card {
    background:
        #f8f0e4 !important;

    border-color:
        rgba(68,65,38,.18) !important;
}


.contact-page
.contact-form-card > h2 {
    color:
        #302f1d !important;

    font-weight:
        750 !important;
}


.contact-page
.contact-form label > span {
    color:
        #625c50 !important;

    font-weight:
        800 !important;
}


.contact-page
.contact-form input,
.contact-page
.contact-form textarea {
    background:
        #fffaf2 !important;

    border-color:
        rgba(68,65,38,.24) !important;

    color:
        #302f1d !important;

    font-weight:
        500 !important;
}


.contact-page
.contact-form input:hover,
.contact-page
.contact-form textarea:hover {
    border-color:
        rgba(68,65,38,.45) !important;
}


.contact-page
.contact-form input:focus,
.contact-page
.contact-form textarea:focus {
    background:
        #fffdf8 !important;

    border-color:
        #a8863c !important;
}


.contact-page
.contact-form button {
    background:
        #444126 !important;

    border-color:
        #444126 !important;

    color:
        #d8d2c8 !important;

    font-weight:
        800 !important;
}


.contact-page
.contact-form button:hover {
    background:
        #d2b56d !important;

    border-color:
        #d2b56d !important;

    color:
        #302f1c !important;
}


/* =========================================================
   CARD TYPOGRAPHY
   ========================================================= */

.product-info h3,
.product-info h3 a,
.browse-product-info h2,
.home-collection-content h3,
.browse-group-info h2 {
    font-weight:
        700 !important;
}


.product-price,
.browse-product-price {
    font-weight:
        750 !important;
}


.product-category,
.browse-product-universe,
.browse-product-availability,
.stock {
    font-weight:
        650 !important;
}


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

@media (max-width: 700px) {

    .main-nav a,
    .header-actions a,
    .header-action,
    .cart-toggle {
        font-weight:
            600 !important;
    }


    .footer-column > a {
        font-size:
            14px !important;
    }


    .cookie-settings-panel {
        padding:
            24px !important;
    }

}


.flash-message {
    border-color: var(--line) !important;
    background: #f8f0e4 !important;
    color: var(--ink) !important;
    font-weight: 550 !important;
}

.flash-message.success {
    background: #f8f0e4 !important;
    border-color: rgba(185,154,86,.30) !important;
    color: #6f6759 !important;
}

.flash-message.error {
    background: #f3dfd9 !important;
    border-color: rgba(170,80,80,.24) !important;
    color: #7d4d4d !important;
}

.cart-summary {
    background: var(--olive) !important;
    border-color: rgba(185,154,86,.30) !important;
    color: var(--cream-soft) !important;
}

.cart-summary h2 {
    color: var(--cream-soft) !important;
}

.summary-line {
    color: rgba(241,228,208,.72) !important;
}

.summary-line strong {
    color: var(--cream-soft) !important;
}

.summary-muted {
    color: rgba(241,228,208,.52) !important;
}

.summary-divider {
    background: rgba(241,228,208,.14) !important;
}

.summary-total {
    color: var(--cream-soft) !important;
}

.summary-total strong {
    color: #d8bd78 !important;
}

.summary-tax-note {
    color: rgba(241,228,208,.54) !important;
}

.mini-cart-subtotal {
    color: rgba(241,228,208,.72) !important;
}

.mini-cart-subtotal strong {
    color: var(--cream-soft) !important;
}

.checkout-legal-consent {
    background: #f4eadb !important;
    border: 1px solid rgba(68,65,38,.12) !important;
}

.checkout-checkbox-box {
    border: 1px solid rgba(68,65,38,.30) !important;
    background: #fffaf2 !important;
}

.checkout-terms-checkbox input:checked + .checkout-checkbox-box {
    background: var(--olive) !important;
    border-color: var(--olive) !important;
}

.checkout-terms-checkbox input:checked + .checkout-checkbox-box::after {
    border-color: var(--cream-soft) !important;
}

.checkout-terms-text {
    color: #6d675b !important;
    font-weight: 550 !important;
}

.checkout-terms-text a {
    color: #9b7a32 !important;
    text-decoration-color: rgba(155,122,50,.35) !important;
    font-weight: 650 !important;
}

.checkout-terms-text a:hover {
    color: var(--olive) !important;
}

.checkout-legal-note {
    color: #5f594f !important;
    font-weight: 550 !important;
}

.checkout-terms {
    color: #7f7769 !important;
}

.checkout-summary-lines > div {
    color: rgba(241,228,208,.76) !important;
}

.checkout-summary-lines strong {
    color: var(--cream-soft) !important;
}

.checkout-grand-total span {
    color: var(--cream-soft) !important;
}

.checkout-grand-total strong {
    color: #d8bd78 !important;
}


/* ORDER SUMMARY — button + text fix */
.cart-summary {
    background: #5a5424 !important;
    border: 1px solid rgba(68, 65, 38, 0.22) !important;
    color: #f5ead8 !important;
}

.cart-summary h2,
.cart-summary h3,
.cart-summary .summary-title {
    color: #fffaf2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

.cart-summary .summary-line,
.cart-summary .summary-row,
.cart-summary .summary-muted {
    color: rgba(255, 248, 236, 0.82) !important;
    font-weight: 500 !important;
}

.cart-summary .summary-line strong,
.cart-summary .summary-row strong,
.cart-summary .summary-line b,
.cart-summary .summary-row b {
    color: #fffaf2 !important;
    font-weight: 700 !important;
}

.cart-summary .summary-divider {
    background: rgba(255, 248, 236, 0.16) !important;
}

.cart-summary .summary-total,
.cart-summary .checkout-grand-total,
.cart-summary .total-line {
    color: #fffaf2 !important;
}

.cart-summary .summary-total strong,
.cart-summary .checkout-grand-total strong,
.cart-summary .total-line strong {
    color: #e0c16f !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}

.cart-summary .summary-tax-note,
.cart-summary .summary-note,
.cart-summary .secure-note,
.cart-summary .mini-note,
.cart-summary small {
    color: rgba(230, 222, 205, 0.72) !important;
    font-weight: 500 !important;
}

.cart-summary .btn,
.cart-summary .button,
.cart-summary button,
.cart-summary a.button,
.cart-summary [type="submit"] {
    background: #f6eddc !important;
    color: #2f2c16 !important;
    border: 1px solid rgba(68, 65, 38, 0.16) !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.cart-summary .btn:hover,
.cart-summary .button:hover,
.cart-summary button:hover,
.cart-summary a.button:hover,
.cart-summary [type="submit"]:hover {
    background: #fff7ea !important;
    color: #1f1d10 !important;
    border-color: rgba(68, 65, 38, 0.24) !important;
}

.cart-summary .btn:focus,
.cart-summary .button:focus,
.cart-summary button:focus,
.cart-summary a.button:focus,
.cart-summary [type="submit"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(216, 189, 120, 0.18) !important;
}

/* text under button */
.cart-summary .checkout-security,
.cart-summary .checkout-note,
.cart-summary .secure-checkout,
.cart-summary .secure-checkout-note {
    color: rgba(214, 207, 191, 0.72) !important;
    letter-spacing: 0.08em !important;
}


/* FILTERS — Apply Filters button fix */
.filters-sidebar .btn,
.filters-sidebar button,
.filters-sidebar [type="submit"],
.shop-filters .btn,
.shop-filters button,
.shop-filters [type="submit"],
.filter-form .btn,
.filter-form button,
.filter-form [type="submit"] {
    width: 100% !important;
    min-height: 72px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #f6eddc !important;
    color: #2f2c16 !important;
    border: 1px solid rgba(68, 65, 38, 0.18) !important;

    font-size: 20px !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;

    box-shadow: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease !important;
}

.filters-sidebar .btn:hover,
.filters-sidebar button:hover,
.filters-sidebar [type="submit"]:hover,
.shop-filters .btn:hover,
.shop-filters button:hover,
.shop-filters [type="submit"]:hover,
.filter-form .btn:hover,
.filter-form button:hover,
.filter-form [type="submit"]:hover {
    background: #fff8eb !important;
    color: #201d0f !important;
    border-color: rgba(68, 65, 38, 0.26) !important;
    transform: translateY(-1px) !important;
}

.filters-sidebar .btn:focus,
.filters-sidebar button:focus,
.filters-sidebar [type="submit"]:focus,
.shop-filters .btn:focus,
.shop-filters button:focus,
.shop-filters [type="submit"]:focus,
.filter-form .btn:focus,
.filter-form button:focus,
.filter-form [type="submit"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(216, 189, 120, 0.18) !important;
}

.filters-sidebar .btn:disabled,
.filters-sidebar button:disabled,
.filters-sidebar [type="submit"]:disabled,
.shop-filters .btn:disabled,
.shop-filters button:disabled,
.shop-filters [type="submit"]:disabled,
.filter-form .btn:disabled,
.filter-form button:disabled,
.filter-form [type="submit"]:disabled {
    background: #d9d0bf !important;
    color: #7c7565 !important;
    border-color: rgba(68, 65, 38, 0.10) !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* FILTER BUTTONS — PRECISE REPAIR */

.filter-form .search-field {
    position: relative !important;
}

.filter-form .search-field input {
    width: 100% !important;
    padding-right: 58px !important;
}

.filter-form .search-field button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;

    width: 56px !important;
    min-width: 56px !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

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

    background: #d2b56d !important;
    color: #302f1c !important;

    border: 0 !important;
    border-radius: 0 !important;

    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;

    cursor: pointer !important;
}

.filter-form .search-field button:hover {
    background: #e0c57c !important;
    color: #302f1c !important;
    transform: none !important;
}

.filter-form .search-field button:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* ONLY APPLY FILTERS BUTTON */

.filter-form > .filter-button {
    position: static !important;

    width: calc(100% - 44px) !important;
    min-width: 0 !important;

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

    margin: 20px 22px !important;
    padding: 0 22px !important;

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

    background: #f8f0e4 !important;
    color: #302f1c !important;

    border: 1px solid rgba(210,181,109,.45) !important;
    border-radius: 2px !important;

    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;

    opacity: 1 !important;
    box-shadow: none !important;
    transform: none !important;

    cursor: pointer !important;
}

.filter-form > .filter-button:hover {
    background: #d2b56d !important;
    color: #302f1c !important;
    border-color: #d2b56d !important;

    transform: translateY(-1px) !important;
}

.filter-form > .filter-button:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(210,181,109,.18) !important;
}


/* PRODUCT PAGE — Quantity field */

.product-page .quantity-row label {
    color: #7a7264 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: 0.12em !important;
}

.product-page .quantity-row input {
    width: 100px !important;
    height: 54px !important;

    padding: 0 16px !important;

    background: #fffaf2 !important;
    color: #302f1d !important;

    border: 1px solid rgba(68,65,38,.24) !important;
    border-radius: 2px !important;

    font-size: 16px !important;
    font-weight: 650 !important;

    outline: none !important;
    box-shadow: none !important;

    accent-color: #444126 !important;
}

.product-page .quantity-row input:hover {
    border-color: rgba(68,65,38,.45) !important;
}

.product-page .quantity-row input:focus {
    border-color: #b99a56 !important;
    box-shadow: 0 0 0 3px rgba(185,154,86,.12) !important;
}


.checkout-order-image {
    background: #302f1c !important;
}

.checkout-order-photo {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center !important;
}

.checkout-order-image em {
    z-index: 3 !important;

    background: #f8f0e4 !important;
    color: #302f1d !important;

    border: 1px solid rgba(68,65,38,.16) !important;
}


/* CONTACT — align with global site container */

.contact-page > .container {
    width: min(1240px, calc(100% - 40px)) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 700px) {
    .contact-page > .container {
        width: calc(100% - 32px) !important;
    }
}


/* =========================================================
   ABOUT PAGE — OLIVE / CREAM FINAL
   ========================================================= */

.about-page {
    background: var(--cream) !important;
    color: var(--ink) !important;
}


/* same global container */

.about-page > .container {
    width: min(1240px, calc(100% - 40px)) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* heading */

.about-page .content-page-heading {
    border-bottom:
        1px solid rgba(68,65,38,.15) !important;
}

.about-page .content-page-heading .eyebrow {
    color: #b79245 !important;
    font-weight: 800 !important;
}

.about-page .content-page-heading h1 {
    color: #302f1d !important;
    font-weight: 760 !important;
}


/* text */

.about-page .content-page-body {
    color: #696254 !important;
    font-weight: 500 !important;
}

.about-page .content-page-body .about-lead {
    color: #393721 !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;
}

.about-page .content-page-body p:not(.about-lead) {
    color: #6e675a !important;
    font-weight: 550 !important;
}


/* showcase card */

.about-page .about-showcase {
    border:
        1px solid rgba(185,154,86,.38) !important;

    background:
        var(--olive-deep) !important;

    box-shadow:
        0 24px 60px rgba(48,47,28,.10) !important;
}

.about-page .about-showcase.has-image {
    background:
        var(--olive-deep) !important;
}

.about-page .about-showcase.has-image::after {
    background:
        linear-gradient(
            180deg,
            rgba(25,24,14,.08) 0%,
            rgba(25,24,14,.28) 38%,
            rgba(25,24,14,.94) 100%
        ) !important;
}

.about-page .about-showcase .eyebrow {
    color: #d5b765 !important;
    font-weight: 800 !important;
}

.about-page .about-showcase h2 {
    color: #d8d2c8 !important;
    font-weight: 730 !important;
}

.about-page .about-showcase-text {
    color: rgba(255,248,237,.76) !important;
    font-weight: 500 !important;
}

.about-page .about-showcase-link {
    color: #d8d2c8 !important;

    border-top:
        1px solid rgba(213,183,101,.36) !important;

    font-weight: 700 !important;
}

.about-page .about-showcase-link:hover {
    color: #d5b765 !important;
}


/* bottom value cards */

.about-page .about-values {
    border-color:
        rgba(68,65,38,.16) !important;
}

.about-page .about-value {
    background:
        #f8f0e4 !important;

    border-color:
        rgba(68,65,38,.16) !important;
}

.about-page .about-value > span {
    color:
        rgba(68,65,38,.42) !important;
}

.about-page .about-value div > p:first-child {
    color:
        #b79245 !important;

    font-weight:
        800 !important;
}

.about-page .about-value h3 {
    color:
        #302f1d !important;

    font-weight:
        700 !important;
}

.about-page .about-value-text {
    color:
        #6e675a !important;

    font-weight:
        500 !important;
}


/* mobile */

@media (max-width: 650px) {

    .about-page > .container {
        width:
            calc(100% - 32px) !important;
    }

    .about-page .content-page-body .about-lead {
        font-size:
            21px !important;
    }

}


/* MOBILE PRODUCT GRID — 2 CARDS PER ROW */

@media (max-width: 650px) {

    .shop-main .shop-product-grid,
    .product-grid,
    .browse-product-grid,
    .related-products .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .product-card {
        min-width: 0 !important;
    }

    .product-card .product-image {
        aspect-ratio: 1 / 1 !important;
    }

    .product-card .product-info {
        padding: 14px 12px !important;
    }

    .product-card .product-category {
        margin-bottom: 6px !important;

        font-size: 8px !important;
        line-height: 1.25 !important;
        letter-spacing: 1.1px !important;
    }

    .product-card .product-info h3 {
        font-size: 14px !important;
        line-height: 1.18 !important;
        letter-spacing: -0.02em !important;
    }

    .product-card .product-bottom {
        margin-top: 14px !important;

        gap: 8px !important;

        align-items: flex-end !important;
    }

    .product-card .product-price {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .product-card .old-price {
        display: block !important;

        margin: 0 0 4px !important;

        font-size: 9px !important;
    }

    .product-card .stock {
        font-size: 9px !important;
        white-space: nowrap !important;
    }

    .shop-add-cart-form {
        padding: 0 12px 12px !important;
    }

    .shop-add-cart {
        min-height: 44px !important;

        padding: 0 11px !important;

        gap: 6px !important;
    }

    .shop-add-cart span {
        font-size: 8px !important;
        letter-spacing: 1px !important;
    }

    .shop-add-cart strong {
        font-size: 19px !important;
    }

    .sale-badge {
        top: 8px !important;
        left: 8px !important;

        padding: 5px 7px !important;

        font-size: 7px !important;
    }

}

/* === SHOP BY WORLD CARD REDESIGN START === */

#categories {
    padding-top: 64px !important;
    padding-bottom: 72px !important;
}

#categories .section-heading {
    margin-bottom: 34px !important;
}

#categories .category-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 24px !important;
}

#categories .category-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 2.34 / 1 !important;
    padding: 0 !important;
    overflow: hidden !important;

    border: 1px solid rgba(184, 148, 77, .34) !important;
    border-radius: 28px !important;

    background-color: #17170d !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;

    box-shadow:
        0 14px 30px rgba(42, 36, 18, .09),
        inset 0 0 0 1px rgba(255, 235, 183, .025) !important;

    transform: translateZ(0) !important;
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        filter .28s ease !important;
}

#categories .category-card--games {
    background-image: url('../img/categories/games.png') !important;
}

#categories .category-card--movies-tv {
    background-image: url('../img/categories/movies-tv.png') !important;
}

#categories .category-card--characters {
    background-image: url('../img/categories/characters.png') !important;
}

#categories .category-card--worlds {
    background-image: url('../img/categories/worlds.png') !important;
}

#categories .category-card:hover {
    transform: translateY(-4px) scale(1.003) !important;
    border-color: rgba(213, 176, 96, .58) !important;
    box-shadow:
        0 22px 42px rgba(42, 36, 18, .16),
        0 0 0 1px rgba(213, 176, 96, .05) !important;
    filter: brightness(1.035) !important;
}

/* Keep the existing category names/descriptions in the DOM for accessibility,
   but the supplied artwork is the visible card design. */
#categories .category-number,
#categories .category-icon,
#categories .category-card-content,
#categories .category-arrow {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 900px) {
    #categories .category-grid {
        gap: 16px !important;
    }

    #categories .category-card {
        border-radius: 22px !important;
    }
}

@media (max-width: 720px) {
    #categories {
        padding-top: 46px !important;
        padding-bottom: 52px !important;
    }

    #categories .section-heading {
        margin-bottom: 24px !important;
    }

    #categories .category-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    #categories .category-card {
        aspect-ratio: 2.34 / 1 !important;
        border-radius: 18px !important;
    }
}

/* === SHOP BY WORLD CARD REDESIGN END === */

/* === PREMIUM HERO HEADER START === */


/* HEADER */

.site-header {
    height: 84px !important;

    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    z-index: 5000 !important;

    background:
        rgba(248, 240, 228, .96) !important;

    border-bottom:
        1px solid
        rgba(68, 65, 38, .10) !important;

    box-shadow:
        0 6px 28px
        rgba(48, 47, 29, .045) !important;

    backdrop-filter:
        blur(16px) !important;

    -webkit-backdrop-filter:
        blur(16px) !important;
}


.site-header .header-inner {
    width:
        min(
            1640px,
            calc(100% - 72px)
        ) !important;

    max-width:
        1640px !important;

    min-height:
        84px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    gap:
        34px !important;
}


.site-header .logo {
    color:
        #302f1d !important;

    font-size:
        20px !important;

    font-weight:
        850 !important;

    letter-spacing:
        .28em !important;
}


.site-header .main-nav {
    gap:
        34px !important;
}


.site-header .main-nav a,
.site-header .header-actions a,
.site-header .header-action {
    color:
        #4b4736 !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;
}


.site-header .main-nav a:hover,
.site-header .header-actions a:hover,
.site-header .header-action:hover {
    color:
        #a7833f !important;
}


.site-header .header-actions {
    gap:
        26px !important;

    align-items:
        center !important;
}


.site-header
.header-actions
.cart-toggle {
    min-height:
        44px !important;

    padding:
        0 17px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        8px !important;

    background:
        rgba(185, 154, 86, .10) !important;

    color:
        #3a3824 !important;

    border:
        1px solid
        rgba(68, 65, 38, .08) !important;

    border-radius:
        999px !important;

    font-weight:
        650 !important;

    transition:
        background .2s ease,
        transform .2s ease,
        border-color .2s ease !important;
}


.site-header
.header-actions
.cart-toggle i {
    font-size:
        13px !important;
}


.site-header
.header-actions
.cart-toggle:hover {
    background:
        rgba(185, 154, 86, .18) !important;

    border-color:
        rgba(185, 154, 86, .30) !important;

    color:
        #302f1d !important;

    transform:
        translateY(-1px);
}


/* HERO OUTER */

.hero {
    width:
        calc(100% - 16px) !important;

    min-height:
        690px !important;

    margin:
        94px
        8px
        0 !important;

    position:
        relative !important;

    overflow:
        hidden !important;

    border:
        1px solid
        rgba(216, 189, 120, .25) !important;

    border-radius:
        28px !important;

    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(235, 218, 182, .34),
            transparent 33%
        ),
        radial-gradient(
            circle at 32% 82%,
            rgba(181, 150, 84, .10),
            transparent 40%
        ),
        linear-gradient(
            118deg,
            #4b482b 0%,
            #413e25 48%,
            #686046 100%
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.08),
        0 20px 55px
        rgba(48,47,29,.08) !important;
}


/* HERO GRID */

.hero
.container.hero-content.hero-slider-layout {
    width:
        min(
            1640px,
            calc(100% - 120px)
        ) !important;

    max-width:
        1640px !important;

    min-height:
        690px !important;

    margin:
        0 auto !important;

    padding:
        48px
        0 !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(0, .86fr)
        minmax(520px, 1.14fr) !important;

    align-items:
        center !important;

    gap:
        clamp(
            58px,
            6vw,
            105px
        ) !important;
}


/* HERO COPY */

.hero-slider-layout
.hero-copy {
    max-width:
        680px !important;
}


.hero .eyebrow {
    margin-bottom:
        28px !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        11px !important;

    color:
        #d9b867 !important;

    font-size:
        12px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .16em !important;
}


.hero .eyebrow::before {
    content:
        "✦";

    color:
        #d9b867;

    font-size:
        18px;

    line-height:
        1;
}


.hero h1 {
    max-width:
        680px !important;

    color:
        #d8d2c8 !important;

    font-size:
        clamp(
            64px,
            5.6vw,
            96px
        ) !important;

    font-weight:
        700 !important;

    line-height:
        .98 !important;

    letter-spacing:
        -.055em !important;
}


.hero-description {
    max-width:
        570px !important;

    margin:
        34px
        0
        32px !important;

    color:
        rgba(255, 248, 237, .72) !important;

    font-size:
        17px !important;

    font-weight:
        500 !important;

    line-height:
        1.65 !important;
}


/* HERO BUTTONS */

.hero-buttons {
    display:
        flex !important;

    gap:
        16px !important;
}


.hero-buttons a {
    min-height:
        62px !important;

    padding:
        0
        28px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        34px !important;

    border-radius:
        12px !important;

    font-size:
        14px !important;

    font-weight:
        750 !important;

    transition:
        transform .22s ease,
        background .22s ease,
        border-color .22s ease !important;
}


.hero-buttons a::after {
    content:
        "→";

    font-size:
        20px;

    font-weight:
        400;

    line-height:
        1;
}


.hero-buttons a:first-child {
    min-width:
        245px;

    background:
        linear-gradient(
            135deg,
            #dfc47c,
            #caa75b
        ) !important;

    color:
        #302f1d !important;

    border:
        1px solid
        rgba(255, 235, 180, .42) !important;

    box-shadow:
        0 10px 28px
        rgba(20,18,8,.10) !important;
}


.hero-buttons a:first-child:hover {
    background:
        #ead28f !important;

    transform:
        translateY(-2px);
}


.hero-buttons a:last-child {
    min-width:
        265px;

    background:
        rgba(255,255,255,.025) !important;

    color:
        #d8d2c8 !important;

    border:
        1px solid
        rgba(255,248,237,.32) !important;
}


.hero-buttons a:last-child:hover {
    background:
        rgba(255,248,237,.07) !important;

    border-color:
        rgba(255,248,237,.55) !important;

    color:
        #d8d2c8 !important;

    transform:
        translateY(-2px);
}


/* HERO SLIDER */

.hero-slider-layout
.hero-slider-shell {
    width:
        100% !important;

    max-width:
        760px !important;

    justify-self:
        end !important;
}


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


.hero-slider-layout
.home-hero-slider {
    width:
        100% !important;

    aspect-ratio:
        4 / 3 !important;

    overflow:
        hidden !important;

    background:
        #17170f !important;

    border:
        2px solid
        rgba(224, 196, 126, .38) !important;

    border-radius:
        30px !important;

    box-shadow:
        0 28px 65px
        rgba(20,18,9,.26) !important;
}


.home-hero-slide {
    border-radius:
        28px !important;
}


.home-hero-slide img {
    object-fit:
        contain !important;

    object-position:
        center !important;

    background:
        #11110d !important;
}


.home-hero-slide-shade {
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.01) 38%,
            rgba(13,13,8,.16) 60%,
            rgba(13,13,8,.72) 100%
        ) !important;
}


/* SLIDER CAPTION */

.home-hero-slide-caption {
    width:
        min(58%, 390px) !important;

    left:
        28px !important;

    right:
        auto !important;

    bottom:
        26px !important;

    padding:
        17px
        20px
        48px !important;

    gap:
        7px !important;

    background:
        rgba(59, 55, 31, .88) !important;

    border:
        1px solid
        rgba(216, 184, 103, .18) !important;

    border-radius:
        12px !important;

    backdrop-filter:
        blur(10px);

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


.home-hero-slide-caption > span {
    color:
        #d9b867 !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .16em !important;
}


.home-hero-slide-caption > strong {
    max-width:
        100% !important;

    color:
        #d8d2c8 !important;

    font-size:
        clamp(
            27px,
            2.2vw,
            38px
        ) !important;

    font-weight:
        600 !important;

    line-height:
        1.05 !important;
}


.home-hero-slider-ui {
    left:
        48px !important;

    right:
        34px !important;

    bottom:
        38px !important;
}


.home-hero-slider-count {
    color:
        rgba(255,248,237,.50) !important;
}


.home-hero-slider-count strong {
    color:
        #d8d2c8 !important;
}


.home-hero-slider-dots {
    margin-left:
        auto !important;

    gap:
        12px !important;
}


.home-hero-slider-dot {
    width:
        72px !important;

    min-width:
        72px !important;

    height:
        5px !important;

    border-radius:
        999px !important;

    background:
        rgba(255,248,237,.30) !important;
}


.home-hero-slider-dot.is-active {
    background:
        #d9b867 !important;
}


/* TABLET */

@media (max-width: 1180px) {

    .site-header
    .header-inner {
        width:
            calc(100% - 48px) !important;

        gap:
            22px !important;
    }

    .site-header
    .main-nav {
        gap:
            22px !important;
    }

    .site-header
    .header-actions {
        gap:
            16px !important;
    }

    .hero
    .container.hero-content.hero-slider-layout {
        width:
            calc(100% - 70px) !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(410px, .9fr) !important;

        gap:
            45px !important;
    }

    .hero h1 {
        font-size:
            clamp(
                58px,
                6vw,
                82px
            ) !important;
    }

}


/* MOBILE MENU */

@media (max-width: 900px) {

    .site-header {
        height:
            72px !important;

        background:
            rgba(248,240,228,.98) !important;
    }

    .site-header
    .header-inner {
        width:
            calc(100% - 32px) !important;

        min-height:
            72px !important;
    }

    .site-header
    .logo {
        color:
            #302f1d !important;
    }

    .site-header
    .menu-toggle {
        width:
            44px !important;

        height:
            44px !important;

        color:
            #302f1d !important;

        border:
            1px solid
            rgba(68,65,38,.12) !important;

        border-radius:
            999px !important;

        font-size:
            23px !important;
    }

    body.mobile-menu-open
    .site-header {
        background:
            #f8f0e4 !important;
    }

    body.mobile-menu-open
    .site-header
    .main-nav {
        top:
            72px !important;

        padding:
            18px
            22px
            0 !important;

        background:
            #f8f0e4 !important;

        border-top:
            1px solid
            rgba(68,65,38,.10) !important;
    }

    body.mobile-menu-open
    .site-header
    .main-nav a {
        color:
            #302f1d !important;

        border-bottom:
            1px solid
            rgba(68,65,38,.12) !important;
    }

    body.mobile-menu-open
    .site-header
    .main-nav a::after {
        color:
            #b99a56 !important;
    }

    body.mobile-menu-open
    .site-header
    .header-actions {
        top:
            326px !important;

        padding:
            0
            22px
            24px !important;

        background:
            #f8f0e4 !important;
    }

    body.mobile-menu-open
    .site-header
    .header-actions > * {
        color:
            #302f1d !important;

        border-bottom:
            1px solid
            rgba(68,65,38,.12) !important;
    }

    body.mobile-menu-open
    .site-header
    .header-actions
    .cart-toggle {
        margin-top:
            12px !important;

        min-height:
            50px !important;

        padding:
            0
            16px !important;

        justify-content:
            center !important;

        border:
            1px solid
            rgba(185,154,86,.25) !important;

        border-radius:
            12px !important;

        background:
            rgba(185,154,86,.10) !important;
    }


    /* MOBILE HERO */

    .hero {
        width:
            calc(100% - 12px) !important;

        min-height:
            auto !important;

        margin:
            78px
            6px
            0 !important;

        border-radius:
            21px !important;
    }

    .hero
    .container.hero-content.hero-slider-layout {
        width:
            calc(100% - 38px) !important;

        min-height:
            auto !important;

        padding:
            54px
            0
            34px !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

        gap:
            26px !important;
    }

    .hero-slider-layout
    .hero-copy {
        display:
            contents !important;
    }

    .hero .eyebrow {
        order:
            1;

        margin-bottom:
            0 !important;
    }

    .hero h1 {
        order:
            2;

        max-width:
            100% !important;

        font-size:
            clamp(
                48px,
                14vw,
                70px
            ) !important;

        letter-spacing:
            -.05em !important;
    }

    .hero-description {
        order:
            3;

        margin:
            4px
            0
            6px !important;

        font-size:
            16px !important;
    }

    .hero-slider-shell {
        order:
            4;

        max-width:
            100% !important;
    }

    .hero-buttons {
        order:
            5;

        width:
            100% !important;

        margin-top:
            4px !important;

        display:
            grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            10px !important;
    }

    .hero-buttons a {
        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            56px !important;

        padding:
            0
            16px !important;

        gap:
            10px !important;

        font-size:
            12px !important;
    }

    .hero-slider-layout
    .home-hero-slider {
        aspect-ratio:
            1 / 1 !important;

        border-radius:
            20px !important;
    }

    .home-hero-slide {
        border-radius:
            18px !important;
    }

    .home-hero-slide-caption {
        width:
            calc(100% - 36px) !important;

        left:
            18px !important;

        bottom:
            18px !important;

        padding:
            14px
            16px
            42px !important;
    }

    .home-hero-slider-ui {
        left:
            34px !important;

        right:
            30px !important;

        bottom:
            28px !important;
    }

    .home-hero-slider-dot {
        min-width:
            0 !important;

        width:
            44px !important;

        height:
            4px !important;
    }

}


@media (max-width: 480px) {

    .hero-buttons {
        grid-template-columns:
            1fr !important;
    }

    .hero-buttons a {
        min-height:
            58px !important;
    }

    .hero
    .container.hero-content.hero-slider-layout {
        width:
            calc(100% - 30px) !important;
    }

}

/* === PREMIUM HERO HEADER END === */

/* === GLOBAL ROUNDED DESIGN SYSTEM START === */

:root {
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 28px;
    --radius-xxl: 34px;
    --radius-pill: 999px;

    --surface-cream: #f8f0e4;
    --surface-cream-2: #fffaf2;

    --rounded-border:
        rgba(68, 65, 38, .15);

    --rounded-gold-border:
        rgba(185, 154, 86, .30);

    --shadow-soft:
        0 14px 35px
        rgba(48, 47, 29, .07);

    --shadow-hover:
        0 22px 48px
        rgba(48, 47, 29, .12);
}


/* =========================================================
   GLOBAL INTERACTION
   ========================================================= */

a,
button,
input,
textarea,
select {
    -webkit-tap-highlight-color:
        transparent;
}

button,
.button,
.shop-add-cart,
.browse-add-cart,
.browse-group-add-cart,
.add-cart-button,
.sold-out-button,
.filter-button,
.checkout-button,
.place-order-button,
.contact-form button,
.tracking-form button,
.mini-cart-view,
.mini-cart-checkout,
.cookie-primary,
.cookie-secondary,
.footer-contact-button,
.search-view-all,
.update-cart-button {
    border-radius:
        var(--radius-sm) !important;

    transition:
        transform .20s ease,
        box-shadow .20s ease,
        background .20s ease,
        border-color .20s ease,
        color .20s ease !important;
}


button:hover,
.button:hover,
.shop-add-cart:hover:not(:disabled),
.browse-add-cart:hover:not(:disabled),
.browse-group-add-cart:hover:not(:disabled),
.add-cart-button:hover,
.filter-button:hover,
.checkout-button:hover,
.place-order-button:hover,
.contact-form button:hover,
.tracking-form button:hover,
.mini-cart-view:hover,
.mini-cart-checkout:hover,
.footer-contact-button:hover {
    transform:
        translateY(-2px);
}


/* =========================================================
   FORM CONTROLS
   ========================================================= */

.sort-form select,
.filter-group select,
.search-field input,
.price-fields input,
.quantity-row input,
.checkout-field input,
.checkout-field select,
.contact-form input,
.contact-form textarea,
.tracking-field input {
    border-radius:
        var(--radius-sm) !important;
}


.sort-form select,
.filter-group select,
.search-field input,
.price-fields input,
.checkout-field input,
.checkout-field select,
.contact-form input,
.contact-form textarea,
.tracking-field input {
    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.35) !important;
}


.sort-form select:focus,
.filter-group select:focus,
.search-field input:focus,
.price-fields input:focus,
.quantity-row input:focus,
.checkout-field input:focus,
.checkout-field select:focus,
.contact-form input:focus,
.contact-form textarea:focus,
.tracking-field input:focus {
    border-color:
        #b99a56 !important;

    box-shadow:
        0 0 0 3px
        rgba(185,154,86,.12) !important;
}


/* SEARCH FIELD INSIDE FILTER */

.filter-form .search-field {
    overflow:
        hidden !important;

    border-radius:
        var(--radius-sm) !important;
}


.filter-form .search-field input {
    border-radius:
        var(--radius-sm) !important;
}


.filter-form .search-field button {
    border-radius:
        0
        var(--radius-sm)
        var(--radius-sm)
        0 !important;
}


.filter-form > .filter-button {
    border-radius:
        var(--radius-sm) !important;
}


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

.shop-hero {
    width:
        calc(100% - 16px);

    margin-left:
        8px;

    margin-right:
        8px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(185,154,86,.24) !important;

    border-radius:
        var(--radius-xl) !important;

    box-shadow:
        var(--shadow-soft);
}


/* =========================================================
   FILTER SIDEBAR
   ========================================================= */

.filter-form {
    overflow:
        hidden !important;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        var(--shadow-soft) !important;
}


.filter-header {
    padding-top:
        26px !important;

    padding-bottom:
        26px !important;
}


.filter-form > .filter-button {
    overflow:
        hidden;
}


/* =========================================================
   PRODUCT CARDS
   ========================================================= */

.product-card,
.browse-product-card {
    overflow:
        hidden !important;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        var(--shadow-soft) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


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

    box-shadow:
        var(--shadow-hover) !important;
}


.product-image,
.product-card-photo,
.browse-product-media {
    overflow:
        hidden !important;

    border-radius:
        var(--radius-lg)
        var(--radius-lg)
        0
        0 !important;
}


.product-image img,
.product-card-photo img,
.browse-product-media img {
    transition:
        transform .45s
        cubic-bezier(.2,.8,.2,1) !important;
}


.product-card:hover
.product-card-photo img,
.product-card:hover
.product-image img,
.browse-product-card:hover
.browse-product-media img {
    transform:
        scale(1.025);
}


.sale-badge {
    border-radius:
        var(--radius-pill) !important;

    padding:
        7px
        12px !important;

    box-shadow:
        0 6px 18px
        rgba(0,0,0,.10);
}


.shop-add-cart-form,
.browse-add-cart-form,
.browse-add-cart-disabled-wrap {
    overflow:
        hidden;
}


.shop-add-cart,
.browse-add-cart {
    margin:
        10px !important;

    width:
        calc(100% - 20px) !important;

    border-radius:
        var(--radius-sm) !important;
}


/* =========================================================
   COLLECTION CARDS
   ========================================================= */

.home-collection-card,
.browse-group-card {
    overflow:
        hidden !important;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        var(--shadow-soft) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


.home-collection-card:hover,
.browse-group-card:hover {
    transform:
        translateY(-5px);

    box-shadow:
        var(--shadow-hover) !important;
}


.home-collection-media,
.browse-group-media {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg)
        var(--radius-lg)
        0
        0 !important;
}


.browse-group-add-cart {
    border-radius:
        var(--radius-sm) !important;
}


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

.product-main-image {
    overflow:
        hidden !important;

    border-radius:
        var(--radius-xl) !important;

    border:
        1px solid
        var(--rounded-border) !important;

    box-shadow:
        var(--shadow-soft) !important;
}


.product-main-image.has-photo {
    border-radius:
        var(--radius-xl) !important;
}


.product-main-photo {
    border-radius:
        inherit !important;
}


.product-thumbnail {
    overflow:
        hidden !important;

    border-radius:
        var(--radius-sm) !important;
}


.product-page .quantity-row input {
    border-radius:
        var(--radius-sm) !important;
}


.product-page .add-cart-button,
.product-page .sold-out-button {
    min-height:
        60px;

    border-radius:
        var(--radius-sm) !important;
}


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

.cart-products {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg) !important;
}


.cart-item {
    transition:
        background .2s ease;
}


.cart-product-image {
    overflow:
        hidden;

    border-radius:
        var(--radius-sm) !important;
}


.cart-item-quantity input {
    border-radius:
        var(--radius-sm) !important;
}


.cart-summary {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        var(--shadow-soft) !important;
}


.checkout-button,
.update-cart-button {
    border-radius:
        var(--radius-sm) !important;
}


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

.mini-cart {
    border-radius:
        var(--radius-xl)
        0
        0
        var(--radius-xl) !important;

    box-shadow:
        -22px 0 60px
        rgba(24,23,14,.20) !important;
}


.mini-cart-item {
    border-radius:
        var(--radius-sm) !important;
}


.mini-cart-image {
    overflow:
        hidden;

    border-radius:
        10px !important;
}


.mini-cart-view,
.mini-cart-checkout {
    border-radius:
        var(--radius-sm) !important;
}


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

.checkout-form-section {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        0 8px 28px
        rgba(48,47,29,.045) !important;
}


.checkout-order-summary {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        var(--shadow-soft) !important;
}


.checkout-order-image {
    overflow:
        hidden;

    border-radius:
        var(--radius-sm) !important;
}


.payment-placeholder {
    border-radius:
        var(--radius-sm) !important;
}


.place-order-button {
    min-height:
        62px;

    border-radius:
        var(--radius-sm) !important;

    box-shadow:
        0 10px 24px
        rgba(48,47,29,.10);
}


.checkout-summary-notes span {
    border-radius:
        var(--radius-pill) !important;
}


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

.contact-information,
.contact-form-card {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        var(--shadow-soft) !important;
}


.contact-form input,
.contact-form textarea {
    border-radius:
        var(--radius-sm) !important;
}


.contact-form button {
    min-height:
        58px;

    border-radius:
        var(--radius-sm) !important;
}


.contact-alert {
    border-radius:
        var(--radius-sm) !important;
}


/* =========================================================
   ABOUT
   ========================================================= */

.about-showcase {
    overflow:
        hidden !important;

    border-radius:
        var(--radius-xl) !important;

    box-shadow:
        var(--shadow-soft) !important;
}


.about-showcase-image {
    border-radius:
        inherit !important;
}


.about-value {
    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        0 8px 28px
        rgba(48,47,29,.045) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}


.about-value:hover {
    transform:
        translateY(-4px);

    box-shadow:
        var(--shadow-soft) !important;
}


/* =========================================================
   FAQ
   ========================================================= */

.faq-item {
    overflow:
        hidden !important;

    margin-bottom:
        14px !important;

    border:
        1px solid
        var(--rounded-border) !important;

    border-radius:
        var(--radius-md) !important;

    background:
        var(--surface-cream-soft, #f8f0e4) !important;

    box-shadow:
        0 7px 22px
        rgba(48,47,29,.035) !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}


.faq-item:hover {
    border-color:
        rgba(185,154,86,.36) !important;
}


.faq-item[open] {
    box-shadow:
        var(--shadow-soft) !important;

    border-color:
        rgba(185,154,86,.40) !important;
}


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

.tracking-form,
.tracking-result,
.tracking-placeholder {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        var(--shadow-soft) !important;
}


.tracking-field input {
    border-radius:
        var(--radius-sm) !important;
}


.tracking-form button {
    border-radius:
        var(--radius-sm) !important;
}


.tracking-error {
    border-radius:
        var(--radius-sm) !important;
}


.tracking-placeholder > span {
    border-radius:
        50% !important;
}


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

.order-success-card {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        var(--shadow-soft) !important;
}


.order-success-icon {
    border-radius:
        50% !important;
}


/* =========================================================
   LIVE SEARCH
   ========================================================= */

.search-input-wrap {
    overflow:
        hidden;

    border-radius:
        var(--radius-md) !important;
}


.search-key {
    border-radius:
        8px !important;
}


.live-search-result {
    overflow:
        hidden;

    margin-bottom:
        8px;

    border-radius:
        var(--radius-sm) !important;

    transition:
        background .2s ease,
        transform .2s ease !important;
}


.live-search-result:hover {
    transform:
        translateX(4px);
}


.live-search-result-media {
    overflow:
        hidden;

    border-radius:
        10px !important;
}


.search-view-all {
    border-radius:
        var(--radius-sm) !important;
}


/* =========================================================
   COOKIE CONSENT
   ========================================================= */

.cookie-consent-inner {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        0 22px 55px
        rgba(24,23,14,.18) !important;
}


.cookie-settings-panel {
    overflow:
        hidden;

    border-radius:
        var(--radius-lg) !important;

    box-shadow:
        0 28px 75px
        rgba(24,23,14,.30) !important;
}


.cookie-primary,
.cookie-secondary {
    border-radius:
        var(--radius-sm) !important;
}


.cookie-settings-close {
    border-radius:
        50% !important;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.pagination-pages a {
    border-radius:
        var(--radius-sm) !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


.pagination-pages a:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(185,154,86,.45) !important;
}


.pagination-pages a.active {
    border-radius:
        var(--radius-sm) !important;
}


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

.footer-contact-button {
    border-radius:
        var(--radius-sm) !important;
}


.footer-socials a {
    border-radius:
        50% !important;
}


/* =========================================================
   CONTENT / LEGAL
   ========================================================= */

.legal-cookie-settings {
    border-radius:
        var(--radius-sm) !important;
}


/* =========================================================
   EMPTY STATES
   ========================================================= */

.cart-empty,
.browse-empty,
.empty-state {
    border-radius:
        var(--radius-lg) !important;
}


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

@media (max-width: 700px) {

    :root {
        --radius-sm:
            10px;

        --radius-md:
            14px;

        --radius-lg:
            18px;

        --radius-xl:
            22px;
    }


    .shop-hero {
        width:
            calc(100% - 12px);

        margin-left:
            6px;

        margin-right:
            6px;

        border-radius:
            20px !important;
    }


    .product-card,
    .browse-product-card,
    .home-collection-card,
    .browse-group-card {
        border-radius:
            16px !important;
    }


    .product-image,
    .product-card-photo,
    .browse-product-media,
    .home-collection-media,
    .browse-group-media {
        border-radius:
            16px
            16px
            0
            0 !important;
    }


    .shop-add-cart,
    .browse-add-cart {
        margin:
            7px !important;

        width:
            calc(100% - 14px) !important;

        border-radius:
            10px !important;
    }


    .sale-badge {
        border-radius:
            var(--radius-pill) !important;
    }


    .product-main-image,
    .about-showcase {
        border-radius:
            20px !important;
    }


    .checkout-form-section,
    .checkout-order-summary,
    .cart-summary,
    .contact-information,
    .contact-form-card,
    .tracking-form,
    .tracking-result,
    .tracking-placeholder,
    .order-success-card {
        border-radius:
            18px !important;
    }


    .mini-cart {
        border-radius:
            20px
            0
            0
            20px !important;
    }

}

/* === GLOBAL ROUNDED DESIGN SYSTEM END === */


/* INNER PAGE HERO TITLES — SMALLER */

.browse-hero h1,
.browse-header h1,
.collection-hero h1,
.collections-hero h1 {
    font-size: clamp(54px, 5.4vw, 88px) !important;
    line-height: .96 !important;
    letter-spacing: -0.045em !important;
}

@media (max-width: 900px) {

    .browse-hero h1,
    .browse-header h1,
    .collection-hero h1,
    .collections-hero h1 {
        font-size: clamp(48px, 8vw, 68px) !important;
    }

}

@media (max-width: 600px) {

    .browse-hero h1,
    .browse-header h1,
    .collection-hero h1,
    .collections-hero h1 {
        font-size: clamp(40px, 12vw, 54px) !important;
        letter-spacing: -0.035em !important;
    }

}



/* === HOME COMPACT PAGINATION TABLE START === */

#categories,
#featured,
#home-collections {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
}

#categories .section-heading,
#featured .section-heading,
#home-collections .section-heading {
    margin-bottom: 28px !important;
}


.home-featured-pagination {
    margin-top: 32px;

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

    gap: 16px;
}

.home-pagination-pages {
    display: flex;
    align-items: center;

    gap: 8px;
}

.home-featured-pagination a {
    min-width: 46px;
    height: 46px;

    padding:
        0
        15px;

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

    border:
        1px solid
        rgba(68, 65, 38, .20);

    border-radius: 13px;

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

    color:
        #444126 !important;

    font-size: 14px;
    font-weight: 750;

    text-decoration: none;
}

.home-featured-pagination a.is-active {
    background:
        #444126;

    border-color:
        #444126;

    color:
        #f8f0e4 !important;
}


.product-specifications {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
}

.product-specifications h2 {
    margin-bottom: 26px !important;
}


.product-details-table-wrap {
    width: 100%;

    overflow: hidden;

    border:
        1px solid
        rgba(68,65,38,.18);

    border-radius: 15px;

    background:
        #f8f0e4;
}

.product-details-table {
    width: 100%;

    border-collapse: collapse;

    table-layout: fixed;
}

.product-details-table th,
.product-details-table td {
    padding:
        18px
        22px;

    border-bottom:
        1px solid
        rgba(68,65,38,.14);

    text-align: left;

    vertical-align: middle;
}

.product-details-table
tr:last-child th,
.product-details-table
tr:last-child td {
    border-bottom: 0;
}

.product-details-table th {
    width: 34%;

    color:
        #9c7d3f;

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

    letter-spacing: .11em;

    text-transform: uppercase;
}

.product-details-table td {
    color:
        #302f1d;

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


@media (max-width: 700px) {

    #categories,
    #featured,
    #home-collections {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    #categories .section-heading,
    #featured .section-heading,
    #home-collections .section-heading {
        margin-bottom: 22px !important;
    }

    .home-featured-pagination {
        margin-top: 24px;

        justify-content: center;
        flex-wrap: wrap;
    }

    .home-pagination-pages {
        width: 100%;

        justify-content: center;
    }

    .home-featured-pagination a {
        min-width: 42px;
        height: 42px;

        border-radius: 11px;
    }

    .product-details-table th,
    .product-details-table td {
        padding:
            14px
            13px;
    }

    .product-details-table th {
        width: 40%;

        font-size: 9px;
    }

    .product-details-table td {
        font-size: 14px;
    }

}

/* === HOME COMPACT PAGINATION TABLE END === */


/* === HOME CLIENT PAGINATION CSS START === */

.home-pagination-hidden {
    display: none !important;
}

.home-client-pagination {
    margin-top: 30px;

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

    gap: 10px;
}

.home-pagination-pages {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;
}

.home-client-pagination button {
    min-width: 44px;
    height: 44px;

    padding:
        0
        14px;

    border:
        1px solid
        rgba(68, 65, 38, .20);

    border-radius: 12px;

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

    color:
        #444126;

    font: inherit;
    font-size: 14px;
    font-weight: 750;

    cursor: pointer;
}

.home-client-pagination
button.is-active {
    background:
        #444126;

    border-color:
        #444126;

    color:
        #f8f0e4;
}

.home-client-pagination
button:disabled {
    opacity: .30;

    cursor: default;
}


@media (max-width: 700px) {

    .home-client-pagination {
        margin-top: 22px;

        flex-wrap: wrap;
    }

    .home-client-pagination button {
        min-width: 40px;
        height: 40px;

        padding:
            0
            11px;

        border-radius: 10px;

        font-size: 13px;
    }

    .home-pagination-arrow {
        min-width: 94px !important;
    }

}

/* === HOME CLIENT PAGINATION CSS END === */

/* HOME PAGINATION - NO RELOAD */

.home-page-hidden {
    display: none !important;
}

.home-js-pagination {
    width: 100%;
    margin-top: 32px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.home-page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.home-js-pagination button {
    height: 46px;
    min-width: 46px;

    padding: 0 15px;

    border: 1px solid rgba(68, 65, 38, .20);
    border-radius: 13px;

    background: transparent;
    color: #454229;

    font: inherit;
    font-size: 14px;
    font-weight: 700;

    cursor: pointer;
}

.home-js-pagination button.is-active {
    background: #454229;
    border-color: #454229;
    color: #fff8ec;
}

.home-js-pagination button:disabled {
    opacity: .28;
    cursor: default;
}

.home-js-pagination .home-page-nav {
    min-width: 118px;
}

@media (max-width: 700px) {

    .home-js-pagination {
        margin-top: 24px;
        gap: 8px;
    }

    .home-js-pagination button {
        min-width: 40px;
        height: 40px;
        padding: 0 10px;
        border-radius: 10px;
        font-size: 13px;
    }

    .home-js-pagination .home-page-nav {
        min-width: 44px;
        font-size: 0;
    }

    .home-js-pagination
    .home-page-nav:first-child::after {
        content: "←";
        font-size: 18px;
    }

    .home-js-pagination
    .home-page-nav:last-child::after {
        content: "→";
        font-size: 18px;
    }
}



/* HOME PAGINATION - JS ONLY */
.home-page-hidden {
    display: none !important;
}

.home-js-pagination {
    width: 100%;
    margin-top: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.home-page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.home-js-pagination button {
    min-width: 48px;
    height: 48px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(68, 65, 38, 0.18);
    background: transparent;
    color: #454229;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

.home-js-pagination button.is-active {
    background: #4b4824;
    border-color: #4b4824;
    color: #f7f0e3;
}

.home-js-pagination button:disabled {
    opacity: 0.35;
    cursor: default;
}

.home-page-nav {
    min-width: 126px;
}

@media (max-width: 767px) {
    .home-js-pagination {
        margin-top: 22px;
        gap: 8px;
    }

    .home-js-pagination button {
        min-width: 42px;
        height: 42px;
        padding: 0 10px;
        border-radius: 12px;
        font-size: 13px;
    }

    .home-page-nav {
        min-width: 44px;
        font-size: 0;
        padding: 0;
    }

    .home-page-nav:first-child::after {
        content: "←";
        font-size: 18px;
    }

    .home-page-nav:last-child::after {
        content: "→";
        font-size: 18px;
    }
}

/* HOME PAGINATION FINAL CSS START */

.home-pagination-final {
    width: 100%;
    margin-top: 30px;

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

    gap: 14px;
}

.home-pagination-numbers {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;
}

.home-pagination-final button {
    min-width: 46px;
    height: 46px;

    padding: 0 15px;

    border:
        1px solid
        rgba(68, 65, 38, .20);

    border-radius: 13px;

    background: transparent;

    color: #454229;

    font: inherit;
    font-size: 14px;
    font-weight: 700;

    cursor: pointer;
}

.home-pagination-final
button.is-active {
    background: #494627;
    border-color: #494627;

    color: #fff8ec;
}

.home-pagination-final
button:disabled {
    opacity: .28;
    cursor: default;
}

.home-pagination-arrow {
    min-width: 126px !important;
}


@media (max-width: 767px) {

    .home-pagination-final {
        margin-top: 22px;

        gap: 8px;
    }

    .home-pagination-final button {
        min-width: 40px;
        height: 40px;

        padding: 0 10px;

        border-radius: 11px;

        font-size: 13px;
    }

    .home-pagination-arrow {
        min-width: 42px !important;

        padding: 0 !important;

        font-size: 0 !important;
    }

    .home-pagination-arrow:first-child::after {
        content: "←";

        font-size: 17px;
    }

    .home-pagination-arrow:last-child::after {
        content: "→";

        font-size: 17px;
    }
}

/* HOME PAGINATION FINAL CSS END */


/* HOME SMART PAGINATION */

.home-smart-pagination {
    width: 100%;
    margin-top: 28px;

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

    gap: 14px;
}

.home-pagination-numbers {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;
}

.home-smart-pagination button {
    min-width: 46px;
    height: 46px;

    padding: 0 15px;

    border: 1px solid rgba(68, 65, 38, .20);
    border-radius: 13px;

    background: transparent;
    color: #454229;

    font: inherit;
    font-weight: 700;

    cursor: pointer;
}

.home-smart-pagination button.is-active {
    background: #494627;
    border-color: #494627;
    color: #fff8ec;
}

.home-smart-pagination button:disabled {
    opacity: .28;
    cursor: default;
}

.home-smart-pagination .home-pagination-arrow {
    min-width: 126px;
}

@media (max-width: 767px) {

    .home-smart-pagination {
        margin-top: 22px;
        gap: 8px;
    }

    .home-smart-pagination button {
        min-width: 40px;
        height: 40px;

        padding: 0 10px;

        border-radius: 11px;

        font-size: 13px;
    }

    .home-smart-pagination .home-pagination-arrow {
        min-width: 42px;
        padding: 0;
        font-size: 0;
    }

    .home-smart-pagination
    .home-pagination-arrow:first-child::after {
        content: "←";
        font-size: 17px;
    }

    .home-smart-pagination
    .home-pagination-arrow:last-child::after {
        content: "→";
        font-size: 17px;
    }
}



/* PRODUCT DETAILS TABLE FINAL START */

.product-specifications {
    display: block !important;

    padding:
        44px
        0 !important;

    background:
        transparent !important;
}

.product-specifications .eyebrow {
    margin-bottom:
        14px !important;
}

.product-specifications h2 {
    margin:
        0
        0
        26px !important;

    font-size:
        clamp(
            32px,
            3vw,
            48px
        ) !important;
}

.product-details-table-wrap {
    width: 100%;

    overflow: hidden;

    border:
        1px solid
        rgba(70, 65, 38, .16);

    border-radius:
        14px;

    background:
        rgba(255, 248, 236, .55);
}

.product-details-table {
    width: 100%;

    border-collapse:
        collapse;

    table-layout:
        fixed;
}

.product-details-table th,
.product-details-table td {
    padding:
        17px
        22px;

    border-bottom:
        1px solid
        rgba(70, 65, 38, .13);

    text-align:
        left;

    vertical-align:
        middle;
}

.product-details-table tr:last-child th,
.product-details-table tr:last-child td {
    border-bottom:
        0;
}

.product-details-table th {
    width:
        34%;

    color:
        #a7833f;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}

.product-details-table td {
    color:
        #302f1d;

    font-size:
        16px;

    font-weight:
        700;
}

@media (max-width: 767px) {

    .product-specifications {
        padding:
            34px
            0 !important;
    }

    .product-specifications h2 {
        margin-bottom:
            20px !important;

        font-size:
            30px !important;
    }

    .product-details-table th,
    .product-details-table td {
        padding:
            14px
            13px;
    }

    .product-details-table th {
        width:
            42%;

        font-size:
            9px;
    }

    .product-details-table td {
        font-size:
            14px;
    }
}

/* PRODUCT DETAILS TABLE FINAL END */

#product-details-visible {
    border-bottom: 0 !important;
}

#product-details-visible + .related-products {
    border-top: 0 !important;
}


.hero {
    background:
        radial-gradient(
            circle at 92% 18%,
            rgba(184, 160, 125, .55) 0%,
            rgba(130, 113, 79, .28) 28%,
            rgba(67, 63, 38, 0) 58%
        ),
        linear-gradient(
            90deg,
            #35351f 0%,
            #3d3a22 40%,
            #504a2e 68%,
            #8f7f61 100%
        ) !important;
}


/* HEADER NAV EQUAL SPACING */

.site-header nav,
.site-nav,
.main-nav {
    display: flex !important;
    align-items: center !important;
    gap: 36px !important;
}

.site-header nav > *,
.site-nav > *,
.main-nav > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.site-header nav a,
.site-nav a,
.main-nav a {
    margin: 0 !important;
}


@media (min-width: 769px) {

    .main-nav {
        display: flex !important;
        align-items: center !important;
        gap: 34px !important;
        margin-left: auto !important;
    }

    .main-nav .header-actions {
        display: flex !important;
        align-items: center !important;
        gap: 34px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .main-nav > a,
    .main-nav .header-actions > * {
        margin: 0 !important;
    }

}


/* HEADER EXACT EQUAL SPACING */

@media (min-width: 769px) {

    .main-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 42px !important;
    }

    .main-nav .header-actions {
        display: contents !important;
    }

    .main-nav > a,
    .main-nav .header-actions > a,
    .main-nav .header-actions > button,
    .main-nav .cart-toggle {
        margin: 0 !important;
        flex: 0 0 auto !important;
    }

}


@media (max-width: 768px) {

    html,
    body {
        border: 0 !important;
        background: #f3e8d3 !important;
    }

    .site-header {
        border-top: 0 !important;
    }

    .site-header::before,
    .site-header::after {
        display: none !important;
    }

}


@media (max-width: 768px) {

    .main-nav,
    .main-nav .header-actions,
    .header-actions {
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    .main-nav .header-actions,
    .header-actions {
        margin-top: 0 !important;
        padding-top: 0 !important;
        background: transparent !important;
    }

    .main-nav::before,
    .main-nav::after,
    .header-actions::before,
    .header-actions::after {
        display: none !important;
        content: none !important;
    }

}


/* SINGLE HEADER NAV */

.main-nav {
    display: flex !important;
    align-items: center !important;
}

@media (min-width: 769px) {

    .main-nav {
        flex-direction: row !important;
        gap: 38px !important;
        margin-left: auto !important;
    }

    .main-nav > a,
    .main-nav > button {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

}

@media (max-width: 768px) {

    .main-nav {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .main-nav > a,
    .main-nav > button {
        width: 100% !important;
        margin: 0 !important;
    }

}


.hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(13, 13, 8, .14) 0%,
            rgba(13, 13, 8, .05) 45%,
            rgba(13, 13, 8, 0) 100%
        ),
        url('../img/hero-bg.png') !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* HERO BACKGROUND IMAGE FINAL */

.hero {
    background:
        url('../img/hero-bg.png')
        center center /
        cover
        no-repeat !important;
}

.hero .eyebrow {
    color: #d9b867 !important;
}

.hero h1 {
    color: #f5eee1 !important;
}

.hero-description {
    color: rgba(245, 238, 225, .82) !important;
}


/* HERO BACKGROUND FINAL 2026-08-29 */

.hero {
    background-color: #17170f !important;

    background-image:
        url('../img/hero-bg.png') !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.hero .eyebrow {
    color: #d9b867 !important;
}

.hero h1 {
    color: #f5eee1 !important;
}

.hero-description {
    color: rgba(245, 238, 225, .82) !important;
}


/* AVIAGRAM CHECKOUT ERROR */
.checkout-payment-error {
    margin: 0 0 18px;
    padding: 14px 16px;
    border: 1px solid rgba(128, 58, 45, .24);
    border-radius: 14px;
    background: rgba(128, 58, 45, .08);
    color: #6f332b;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

/* === BROWSE PRODUCTS MOBILE FINAL === */

@media (max-width: 650px) {

    .browse-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .browse-product-card {
        min-width: 0 !important;
        overflow: hidden !important;
        border-radius: 18px !important;
    }

    .browse-product-link {
        min-width: 0 !important;
    }

    .browse-product-media {
        aspect-ratio: 1 / 1 !important;
    }

    .browse-product-info {
        min-height: 180px !important;

        padding:
            16px
            12px
            12px !important;
    }

    .browse-product-universe {
        margin-bottom: 9px !important;

        font-size: 8px !important;
        line-height: 1.2 !important;
        letter-spacing: 1.5px !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .browse-product-info h2 {
        font-size: 15px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.4px !important;

        overflow-wrap: anywhere !important;
    }

    .browse-product-bottom {
        margin-top: auto !important;
        padding-top: 18px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 7px !important;
    }

    .browse-product-price {
        font-size: 19px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }

    .browse-product-availability {
        max-width: 100% !important;

        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        letter-spacing: .4px !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        text-transform: uppercase !important;
    }

    .browse-add-cart-form,
    .browse-add-cart-disabled-wrap {
        padding:
            0
            12px
            12px !important;
    }

    .browse-add-cart {
        min-height: 46px !important;

        padding:
            0
            11px !important;

        gap: 6px !important;
    }

    .browse-add-cart span {
        font-size: 8px !important;
        line-height: 1 !important;
        letter-spacing: .9px !important;

        white-space: nowrap !important;
    }

    .browse-add-cart strong {
        flex: 0 0 auto !important;

        font-size: 20px !important;
        line-height: 1 !important;
    }

    .browse-add-cart.disabled {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* === BROWSE PRODUCTS MOBILE FINAL END === */


/* === MOBILE PRODUCT CARD SPACING FIX === */

@media (max-width: 650px) {

    .browse-product-info {
        min-height: 0 !important;
        padding: 16px 12px 10px !important;
    }

    .browse-product-info h2 {
        margin-bottom: 18px !important;
    }

    .browse-product-bottom {
        margin-top: 0 !important;
        padding-top: 0 !important;
        gap: 6px !important;
    }
}

/* === MOBILE PRODUCT CARD SPACING FIX END === */












/* === MOBILE CART SAME AS NAV LINKS === */
@media (max-width: 900px) {

    body.mobile-menu-open
    .site-header
    .main-nav > a,

    body.mobile-menu-open
    .site-header
    .main-nav > .cart-toggle {
        width: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 20px 0 !important;

        box-sizing: border-box !important;

        color: #302f1d !important;

        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;

        border: 0 !important;
        border-bottom:
            1px solid rgba(68,65,38,.12) !important;

        border-radius: 0 !important;
        background: transparent !important;
    }

    body.mobile-menu-open
    .site-header
    .main-nav > .cart-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 10px !important;

        text-align: left !important;
        cursor: pointer !important;
    }

    body.mobile-menu-open
    .site-header
    .main-nav > .cart-toggle i {
        width: 18px !important;

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

        text-align: center !important;
    }
}
/* === MOBILE CART SAME AS NAV LINKS END === */


/* === MOBILE CART FONT SIZE === */
@media (max-width: 900px) {

    body.mobile-menu-open
    .site-header
    .main-nav > .cart-toggle {
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    body.mobile-menu-open
    .site-header
    .main-nav > .cart-toggle i,
    body.mobile-menu-open
    .site-header
    .main-nav > .cart-toggle svg {
        width: 16px !important;
        height: 16px !important;
        font-size: 16px !important;
    }
}
/* === MOBILE CART FONT SIZE END === */


/* === MOBILE NAV SMALLER FONT FINAL === */
@media (max-width: 900px) {

    .site-header .main-nav > a,
    .site-header .main-nav > button,
    .site-header .main-nav > .cart-toggle {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }

    .site-header .main-nav > a::after {
        font-size: 18px !important;
    }

    .site-header .main-nav > .cart-toggle i,
    .site-header .main-nav > .cart-toggle svg {
        width: 16px !important;
        height: 16px !important;
        font-size: 16px !important;
    }
}
/* === MOBILE NAV SMALLER FONT FINAL END === */


/* === MOBILE NAV COMPACT SPACING === */
@media (max-width: 900px) {

    .site-header .main-nav > a,
    .site-header .main-nav > button,
    .site-header .main-nav > .cart-toggle {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .site-header .main-nav {
        padding-top: 10px !important;
        padding-bottom: 14px !important;
    }
}
/* === MOBILE NAV COMPACT SPACING END === */