/* ============================================================
   DESIGN TOKENS
============================================================ */
:root {
    --gold:         #cccccc;
    --gold-light:   #eeeeee;
    --gold-dark:    #aaaaaa;
    --dark-bg:      #ffffff;
    --dark-surface: #f7f5f2;
    --dark-card:    #ffffff;
    --dark-border:  #cccccc;
    --text-primary: #1a1612;
    --text-secondary:#5a4e40;
    --text-muted:   #9a8e80;
    --white:        #ffffff;
    --transition:   all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --shadow-gold:  0 0 40px rgba(200,200,200,0.2);
    --shadow-deep:  0 20px 60px rgba(0,0,0,0.12);
    --radius:       4px;
    --font:         'Vazirmatn', sans-serif;

    /* Extended tokens - shop-archive & blog-post */
    --gold-subtle:    rgba(204,204,204,0.18);
    --gold-border:    rgba(204,204,204,0.55);
    --shadow-sm:      0 2px 10px rgba(0,0,0,0.06);
    --shadow-md:      0 8px 30px rgba(0,0,0,0.10);
    --shadow-lg:      0 20px 60px rgba(0,0,0,0.14);
    --radius-sm:      4px;
    --navbar-h:       68px;
}

/* ============================================================
   RESET & BASE
============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
ol, ul { margin: 0; padding: 0; }
html  { scroll-behavior: smooth; }

@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir.woff2') format('woff2'),
    url('../fonts/Vazir.woff')  format('woff'),
    url('../fonts/Vazir.ttf')   format('truetype');
}
.ba-home-arrow{border-radius:0px !important;}
body {
   font-family: 'Vazir';
    background: var(--dark-bg);
    color: var(--text-primary);
    transition: background 0.5s, color 0.5s;
    overflow-x: hidden;
}

::selection { background: var(--gold); color: #000; }
img         { max-width: 100%; display: block; }
a           { text-decoration: none; color: inherit; transition: var(--transition); }

::-webkit-scrollbar       { width: 6px; }
::-webkit-scrollbar-track { background: var(--dark-bg); }
::-webkit-scrollbar-thumb { background: var(--gold-dark); }

/* ============================================================
   NAVBAR
============================================================ */
/* ============================================================
   NAVBAR
============================================================ */
.navbar-arta {
    position: fixed; top: 0; right: 0; left: 0;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid #e8e0d8;
    box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    height: 100px;
    padding: 0 2rem;
}
.navbar-arta.scrolled {
    box-shadow: 0 4px 20px rgba(0,0,0,0.09);
}
/* inner: logo(left) | nav(center,flex-1) | cta-group | actions(right) */
.navbar-inner {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 0;
    direction: ltr;
}

/* ---- Logo ---- */
.navbar-logo {
    flex-shrink: 0;
    display: flex; align-items: center; gap: 0.5rem;
    text-decoration: none;
    margin-right: 2rem;
}
.navbar-logo img { height: 70px; width: auto; object-fit: contain; }

/* ---- Nav + CTA center wrapper ---- */
.navbar-center {
    flex: 1 1 auto;
    display: flex; align-items: center;
    justify-content: center;
    height: 100%;
    overflow: visible;
    direction: rtl;
    gap: 0;
}

/* ---- Desktop Nav ---- */
.nav-links {
    flex: 0 0 auto;
    display: flex; align-items: center;
    gap: 0;
    list-style: none; margin: 0; padding: 0;
    height: 100%;
    overflow: visible;
    flex-wrap: nowrap;
    direction: rtl;
}
.nav-links > li {
    position: relative;
    height: 100%;
    display: flex; align-items: center;
    flex-shrink: 0;
}
.nav-links > li > a {
    display: flex; align-items: center; gap: 0.25rem;
    padding: 0 0.75rem;
    height: 100%;
    font-size: 0.92rem; font-weight: 600;
    color: #1a1612;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
}
.nav-links > li > a::after {
    content: '';
    position: absolute; bottom: 0; right: 50%; left: 50%;
    height: 2px; background: #b8943a;
    transition: right .25s, left .25s;
}
.nav-links > li > a:hover { color: #b8943a; }
.nav-links > li > a:hover::after { right: 12%; left: 12%; }

/* dropdown arrow */
.nav-links .menu-item-has-children > a::before {
    content: '\f078';
    font-family: 'Font Awesome 6 Free'; font-weight: 900;
    font-size: 0.5rem; opacity: 0.55;
    order: -1;
}

/* ---- Dropdown ---- */
.nav-links .sub-menu {
    position: absolute;
    top: 100%; right: 0;
    min-width: 180px;
    list-style: none; margin: 0; padding: 0.35rem 0;
    background: #fff;
    border: 1px solid #e8e0d8;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    opacity: 0; visibility: hidden;
    transform: translateY(6px);
    transition: opacity .2s, transform .2s, visibility .2s;
    z-index: 1050;
}
.nav-links li:hover > .sub-menu,
.nav-links li:focus-within > .sub-menu {
    opacity: 1; visibility: visible; transform: translateY(0);
}
.nav-links .sub-menu li { list-style: none; }
.nav-links .sub-menu a {
    display: block;
    padding: 0.55rem 1rem;
    font-size: 0.86rem; color: #3a3028;
    white-space: nowrap; text-decoration: none;
}
.nav-links .sub-menu a:hover { color: #b8943a; background: #faf8f4; }

/* ---- CTA Group (next to nav, inside navbar-center) ---- */
.navbar-cta-group {
    flex: 0 0 auto;
    display: flex; align-items: center; gap: 0.4rem;
    margin-right: 0.75rem;
}

.navbar-cta {
    display: inline-flex; align-items: center;
    padding: 0.43rem 1.1rem;
    font-size: 0.85rem; font-weight: 600;
    white-space: nowrap;
    text-decoration: none; transition: background .2s, color .2s, border-color .2s;
}
.navbar-cta--fill   { background: #9a7a3a; color: #fff !important; border: 1px solid #9a7a3a; }
.navbar-cta--fill:hover { background: #7a6030; border-color: #7a6030; color: #fff !important; }
.navbar-cta--outline { background: #5f6885; color: #fff !important; border: 1px solid #5f6885; }
.navbar-cta--outline:hover { background: #4e5770; color: #fff !important; border-color: #4e5770; }

/* Configurable header CTAs from Bonart settings > Appearance */
.navbar-cta--managed {
    background: var(--bonart-cta-bg, #9a7a3a);
    color: var(--bonart-cta-color, #fff) !important;
    border: var(--bonart-cta-border-width, 1px) solid var(--bonart-cta-border, #9a7a3a);
    border-radius: var(--bonart-cta-radius, 0);
    padding: var(--bonart-cta-padding-y, 7px) var(--bonart-cta-padding-x, 18px);
    font-size: var(--bonart-cta-font-size, 14px);
    font-weight: var(--bonart-cta-font-weight, 600);
    line-height: 1.35;
    justify-content: center;
}
.navbar-cta--managed:hover,
.navbar-cta--managed:focus-visible {
    background: var(--bonart-cta-hover-bg, #7a6030);
    color: var(--bonart-cta-hover-color, #fff) !important;
    border-color: var(--bonart-cta-hover-border, #7a6030);
}
span.navbar-cta--managed { cursor: default; }

/* ---- Actions ---- */
.navbar-actions {
    flex: 0 0 auto;
    display: flex; align-items: center; gap: 0.5rem;
    margin-left: auto;
}

.nav-icon-btn {
    position: relative; width: 36px; height: 36px;
    border: 1px solid #d0c8be; background: transparent;
    color: #1a1612; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; transition: color .2s, border-color .2s;
}
.nav-icon-btn:hover { color: #9a7a3a; border-color: #9a7a3a; }
.nav-icon-btn .badge {
    position: absolute; top: 4px; left: 4px;
    width: 16px; height: 16px; background: #9a7a3a; color: #fff;
    font-size: 0.56rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.3s;
}
.nav-icon-btn .badge.show { opacity: 1; }

/* Auth button */
.nav-auth-btn {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0 0.9rem;
    height: 36px;
    font-size: 0.83rem; font-weight: 500;
    color: #1a1612; border: 1px solid #d0c8be; background: transparent;
    cursor: pointer; white-space: nowrap;
    transition: border-color .2s, color .2s;
    text-decoration: none;
}
.nav-auth-btn:hover { border-color: #9a7a3a; color: #9a7a3a; }

/* Cart drawer */
.cart-drawer-wrap { position: static; }

.cart-drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.42);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease;
    z-index: 1090;
}
.cart-drawer-backdrop.open {
    opacity: 1;
    pointer-events: all;
}

.cart-drawer {
    position: fixed;
    top: 80px;
    right: 0;
    width: min(420px, 92vw);
    height: calc(100vh - 80px);
    max-height: none;
    border: none;
    border-left: 1px solid #e7ddd1;
    background: #fff;
    box-shadow: -8px 0 40px rgba(15,23,42,0.12);
    opacity: 0;
    transform: translateX(100%);
    transform-origin: top right;
    pointer-events: none;
    transition: opacity .28s ease, transform .28s cubic-bezier(0.25,0.46,0.45,0.94);
    overflow: hidden;
    z-index: 1100;
    display: flex;
    flex-direction: column;
}
.cart-drawer.open {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}
body.cart-drawer-open { overflow: hidden; }

.cart-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .95rem 1rem;
    border-bottom: 1px solid #f0e6da;
    background: linear-gradient(180deg, #fff 0%, #fbf8f3 100%);
}
.cart-drawer-head strong {
    font-size: .96rem;
    font-weight: 800;
}
.cart-drawer-head-meta {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}
.cart-drawer-head-meta [data-cart-count] {
    min-width: 30px;
    padding: .2rem .45rem;
    border-radius: 999px;
    border: 1px solid #e8dfd4;
    font-size: .74rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    background: #fff;
    color: #4b5563;
}
.cart-drawer-close {
    width: 30px;
    height: 30px;
    border: 1px solid #e3d9cc;
    background: #fff;
    color: #6b7280;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
}
.cart-drawer-close:hover {
    border-color: #d1c4b3;
    color: #111827;
    transform: translateY(-1px);
}

.cart-drawer-body {
    position: relative;
    padding: 0 1rem 1rem;
    overflow: auto;
    min-height: 88px;
    direction: rtl;
    text-align: right;
}
.cart-drawer-body::-webkit-scrollbar { width: 6px; }
.cart-drawer-body::-webkit-scrollbar-thumb { background: #d8cfc1; }
.cart-drawer.is-loading .cart-drawer-body {
    opacity: .58;
    pointer-events: none;
}
.cart-drawer.is-loading::after {
    content: '';
    position: absolute;
    top: calc(50% - 12px);
    right: calc(50% - 12px);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #e5e7eb;
    border-top-color: #6b7280;
    animation: bonartSpin .68s linear infinite;
    z-index: 2;
}

.bonart-mini-cart-list {
    margin: 0;
    padding: .85rem 0 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list {
    margin: 0 !important;
    padding: .85rem 0 0 !important;
    list-style: none !important;
}
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list > li {
    margin: 0 !important;
    list-style: none !important;
}
.bonart-mini-cart-item {
    position: relative;
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: .8rem;
    padding: .75rem .1rem .95rem;
    border-bottom: 1px solid #f2e9df;
}
.bonart-mini-cart-item:last-child { border-bottom: 0; }
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-item::before,
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-item::after {
    display: none !important;
    content: none !important;
}

.bonart-mini-cart-remove {
    position: absolute;
    top: .5rem;
    left: .1rem;
    width: 28px;
    height: 28px;
    border: 1px solid #f2d6d6;
    background: #fff6f6;
    color: #dc2626;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
.bonart-mini-cart-remove:hover {
    background: #fee2e2;
    border-color: #ef4444;
}

.bonart-mini-cart-media a,
.bonart-mini-cart-thumb {
    display: block;
    width: 80px;
    height: 80px;
}
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-media a {
    display: block !important;
    font-weight: 400 !important;
}
.bonart-mini-cart-thumb {
    object-fit: cover;
    border: 1px solid #ebe2d6;
    background: #faf7f1;
}
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-thumb {
    float: none !important;
    width: 80px !important;
    height: 80px !important;
    max-width: none !important;
    margin: 0 !important;
}

.bonart-mini-cart-content {
    min-width: 0;
    padding-left: 1.8rem;
}
.bonart-mini-cart-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.75;
    color: #1f2937;
}
a.bonart-mini-cart-title:hover { color: #000; }
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-title {
    font-weight: 700 !important;
}

.bonart-mini-cart-meta {
    margin-top: .35rem;
    font-size: .72rem;
    color: #6b7280;
    line-height: 1.55;
    overflow-wrap: anywhere;
    max-height: 6.2em;
    overflow: auto;
    padding-left: 2px;
}
.bonart-mini-cart-meta dl {
    margin: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .25rem .4rem;
}
.bonart-mini-cart-meta dt { margin: 0; font-weight: 700; }
.bonart-mini-cart-meta dd { margin: 0; }
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-meta dl {
    margin: .35rem 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    gap: .25rem .45rem !important;
}
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-meta dt,
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-meta dd {
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-meta dd p {
    margin: 0 !important;
}

.bonart-mini-cart-bottom {
    margin-top: .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    flex-wrap: wrap;
}
.bonart-mini-cart-qty-box {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e7ddd1;
    overflow: hidden;
    background: #fff;
}
.bonart-mini-cart-qty-btn {
    width: 30px;
    height: 30px;
    border: 0;
    background: #f8f5f0;
    color: #4b5563;
    cursor: pointer;
    transition: var(--transition);
}
.bonart-mini-cart-qty-btn:hover {
    background: #ece5da;
    color: #111827;
}
.bonart-mini-cart-qty-input {
    width: 38px;
    height: 30px;
    border: 0;
    border-right: 1px solid #efe7dd;
    border-left: 1px solid #efe7dd;
    text-align: center;
    font-size: .8rem;
    font-weight: 700;
    color: #111827;
    background: #fff;
    outline: none;
    padding: 0;
}
.bonart-mini-cart-qty-input::-webkit-outer-spin-button,
.bonart-mini-cart-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.bonart-mini-cart-qty-input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.bonart-mini-cart-line-sum {
    font-size: .86rem;
    font-weight: 800;
    color: #111827;
    white-space: nowrap;
}
.cart-drawer .woocommerce-Price-amount {
    direction: rtl;
    unicode-bidi: plaintext;
    display: inline-flex;
    align-items: baseline;
    gap: .2rem;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}
.cart-drawer .woocommerce-Price-currencySymbol {
    font-size: .85em;
    opacity: .85;
}

.bonart-mini-cart-footer {
    margin-top: .2rem;
    border-top: 1px solid #eee4d8;
    padding-top: .85rem;
}
.bonart-mini-cart-subtotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}
.bonart-mini-cart-subtotal span {
    font-size: .76rem;
    color: #6b7280;
    letter-spacing: .02em;
}
.bonart-mini-cart-subtotal strong {
    font-size: .95rem;
    color: #111827;
}

.bonart-mini-cart-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
}
.cart-drawer .bonart-mini-cart-actions .coupon-btn,
.cart-drawer .bonart-mini-cart-actions .btn-proceed-checkout {
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: .6rem .8rem;

    font-size: .82rem;
    font-weight: 800;
}

.bonart-mini-cart-empty {
    padding: 1rem 0 .25rem;
    text-align: center;
    color: #6b7280;
}
.bonart-mini-cart-empty i {
    width: 52px;
    height: 52px;
    margin: 0 auto .65rem;
    border-radius: 999px;
    border: 1px solid #ebdfd2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    background: #faf8f4;
}
.bonart-mini-cart-empty p {
    margin-bottom: .7rem;
    font-size: .83rem;
}
.bonart-mini-cart-empty .coupon-btn {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
}

.cart-drawer-empty {
    margin: .9rem 0 0;
    font-size: .84rem;
    color: #6b7280;
}

@keyframes bonartSpin {
    to { transform: rotate(360deg); }
}

@media (max-width: 900px) {
    .cart-drawer {
        width: min(440px, 92vw);
    }
}

@media (max-width: 640px) {
    .cart-drawer {
        left: 0;
        right: 0;
        width: 100%;
        top: 80px;
        max-height: min(70vh, 560px);
    }
    .bonart-mini-cart-item {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: .65rem;
    }
    .bonart-mini-cart-media a,
    .bonart-mini-cart-thumb {
        width: 64px;
        height: 64px;
    }
    .cart-drawer .woocommerce-mini-cart.bonart-mini-cart-list .bonart-mini-cart-thumb {
        width: 64px !important;
        height: 64px !important;
    }
    .bonart-mini-cart-content { padding-left: 1.55rem; }
    .bonart-mini-cart-actions {
        grid-template-columns: 1fr;
    }
}

body.admin-bar .cart-drawer { top: calc(80px + 32px); height: calc(100vh - 80px - 32px); }
@media screen and (max-width: 782px) {
    body.admin-bar .cart-drawer { top: calc(80px + 46px); height: calc(100vh - 80px - 46px); }
}

@media (max-width: 480px) { .nav-auth-btn span { display: none; } .nav-auth-btn { padding: 0.38rem 0.6rem; } }

/* Hamburger */
.hamburger {
    display: none; width: 40px; height: 40px;
    border: 1px solid var(--dark-border); background: transparent;
    color: var(--text-primary); cursor: pointer;
    flex-direction: column; align-items: center; justify-content: center; gap: 5px;
}
.hamburger span { display: block; width: 22px; height: 1.5px; background: currentColor; transition: var(--transition); }
.hamburger.active span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* Mobile nav */
.mobile-nav-cta {
    display: flex; gap: 0.5rem; margin-bottom: 1.2rem;
}
.mobile-nav-cta .navbar-cta {
    flex: 1; justify-content: center;
    font-size: var(--bonart-cta-font-size, 0.82rem);
    padding: var(--bonart-cta-padding-y, 0.5rem) var(--bonart-cta-padding-x, 0.5rem);
}
.mobile-nav {
    position: fixed; top: 80px; right: -100%; width: min(320px, 85vw);
    height: calc(100vh - 80px);
    background: #fff; border-left: 1px solid #e8e0d8;
    box-shadow: -4px 0 20px rgba(0,0,0,0.08);
    z-index: 999; padding: 1rem 1.5rem 2rem;
    transition: right 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
    overflow-y: auto;
    direction: rtl;
}
.mobile-nav.open { right: 0; }
.mobile-nav-list,
.mobile-nav .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-nav-list > li { position: relative; border-bottom: 1px solid #f0ebe4; }
.mobile-nav-list > li > a {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 0.25rem 1rem 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #1a1612;
    text-decoration: none;
}
.mobile-nav-list > li > a:hover { color: var(--gold); }
.mobile-nav .sub-menu { display: none; padding: 0 1rem 0.6rem 0; background: #faf8f5; }
.mobile-nav-item-open > .sub-menu { display: block; }
.mobile-nav .sub-menu a {
    display: block;
    font-size: 0.88rem;
    color: #5a4e40;
    padding: 0.55rem 0.75rem;
    border-right: 2px solid #e8ddd0;
    text-decoration: none;
}
.mobile-nav .sub-menu a:hover { color: var(--gold); border-right-color: var(--gold); }
.mobile-submenu-toggle {
    position: absolute;
    top: 0.75rem;
    left: 0;
    width: 34px;
    height: 34px;
    border: 1px solid #e8ddd0;
    background: #faf8f5;
    color: #9a8e80;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
.mobile-submenu-toggle:hover { color: var(--gold); border-color: var(--gold); }
.mobile-nav-item-open > .mobile-submenu-toggle i { transform: rotate(180deg); }
.mobile-submenu-toggle i { transition: transform .2s ease; }

.mobile-overlay {
    position: fixed; top: 80px; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.45);
    z-index: 998; opacity: 0; pointer-events: none; transition: opacity 0.4s;
}
.mobile-overlay.open { opacity: 1; pointer-events: all; }

/* ============================================================
   SEARCH OVERLAY
============================================================ */
.search-overlay {
    position: fixed; inset: 0; background: rgba(255,255,255,0.95);
    backdrop-filter: blur(20px); z-index: 9998;
    display: flex; align-items: flex-start; justify-content: center;
    padding-top: 120px; opacity: 0; pointer-events: none; transition: opacity 0.3s;
}
.search-overlay.open { opacity: 1; pointer-events: all; }
.search-box { width: min(680px, 90vw); }
.search-input-wrap {
    display: flex; align-items: center; gap: 1rem;
    border-bottom: 2px solid var(--dark-border);
    padding-bottom: 0.75rem; transition: border-color 0.3s;
}
.search-input-wrap:focus-within { border-color: var(--gold); }
.search-input-wrap i           { font-size: 1.3rem; color: var(--text-muted); }
.search-input-wrap input {
    flex: 1; border: none; background: transparent;
    font-size: 1.5rem;  color: var(--text-primary);
    outline: none; direction: rtl;
}
.search-input-wrap input::placeholder { color: var(--text-muted); }
.search-close { background: none; border: none; color: var(--text-muted); font-size: 1.2rem; cursor: pointer; padding: 0.25rem; transition: color 0.2s; }
.search-close:hover { color: var(--text-primary); }
.search-hints  { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.search-hint {
    padding: 0.35rem 0.9rem; border: 1px solid var(--dark-border);
    font-size: 0.8rem; color: var(--text-secondary); cursor: pointer; transition: var(--transition);
}
.search-hint:hover { border-color: var(--gold); color: var(--gold); }
.search-results {
    margin-top: 1rem;
    max-height: min(56vh, 480px);
    overflow-y: auto;
    border: 1px solid var(--dark-border);
    background: #fff;
}
.search-results:empty { display: none; }
.search-result-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #efefef;
}
.search-result-item:last-of-type { border-bottom: 1px solid #efefef; }
.search-result-item:hover { background: #fafafa; }
.search-result-thumb {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    object-fit: cover;
    background: #f4f4f4;
}
.search-result-thumb.fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
}
.search-result-body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.15rem;
}
.search-result-title {
    font-size: 0.9rem;
    color: var(--text-primary);
    line-height: 1.65;
}
.search-result-meta {
    font-size: 0.72rem;
    color: var(--text-muted);
}
.search-result-empty {
    padding: 0.95rem 0.8rem;
    font-size: 0.82rem;
    color: var(--text-muted);
}
.search-view-all {
    display: block;
    text-align: center;
    padding: 0.75rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--gold-dark);
    background: #f8f8f8;
}
.search-view-all:hover {
    color: var(--gold);
    background: #f2f2f2;
}
.search-status {
    min-height: 1.4rem;
    margin-top: 0.7rem;
    font-size: 0.78rem;
    color: var(--text-muted);
}
.search-status.error { color: #dc2626; }

/* ============================================================
   AUTH MODAL
============================================================ */
.modal-backdrop {
    position: fixed; inset: 0; background: rgba(0,0,0,0.45);
    backdrop-filter: blur(6px); z-index: 9999;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; pointer-events: none; transition: opacity 0.3s; padding: 1rem;
}
.modal-backdrop.open { opacity: 1; pointer-events: all; }
.auth-modal {
    background: #fff; width: min(460px,100%);
    box-shadow: 0 30px 80px rgba(0,0,0,0.18); overflow: hidden;
    transform: translateY(24px) scale(0.97);
    transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
.modal-backdrop.open .auth-modal { transform: translateY(0) scale(1); }

.auth-modal-header {
    min-height: 76px;
    background: linear-gradient(135deg,#f0ede8,#f0ede8);
    padding: 1.25rem 1.25rem 1.25rem 4.25rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: rtl;
    text-align: right;
}
.auth-modal-logo {
    width: 100%;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.4;
    color: #000;
    letter-spacing: -0.02em;
    text-align: right;
}
.auth-modal-close  {
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,0.1);
    border: none;
    color: rgba(0,0,0,0.6);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    transition: var(--transition);
}
.auth-modal-close:hover { background: rgba(0,0,0,0.18); color: #000; }
.auth-modal-body { padding: 2rem; }

.auth-tabs { display: flex; background: #f5f3f0; padding: 4px; margin-bottom: 1.75rem; gap: 4px; }
.auth-tab  {
    flex: 1; padding: 0.6rem; border: none; background: transparent;
     font-size: 0.85rem; font-weight: 600;
    color: #7c5c25; cursor: pointer; transition: var(--transition);
}
.auth-tab:hover { color: #9b762f; }
.auth-tab.active { background: #b8943a; color: #111; box-shadow: 0 2px 8px rgba(122,88,26,0.22); }

.auth-method-tabs { display: flex; gap: 0.5rem; margin-bottom: 1.5rem; }
.auth-method-btn  {
    flex: 1; padding: 0.65rem; border: 1.5px solid var(--dark-border);
    background: transparent;  font-size: 0.82rem;
    color: var(--text-secondary); cursor: pointer;
    display: flex; align-items: center; justify-content: center; gap: 0.4rem;
    transition: var(--transition);
}
.auth-method-btn.active { border-color: #b8943a; color: #7c5c25; background: rgba(184,148,58,0.10); }
.auth-method-btn:hover  { border-color: #9b762f; color: #9b762f; }

.auth-field       { margin-bottom: 1rem; }
.auth-field label { display: block; font-size: 0.8rem; font-weight: 600; color: var(--text-secondary); margin-bottom: 0.4rem; }
.auth-field input {
    width: 100%; padding: 0.8rem 1rem; border: 1.5px solid var(--dark-border);
     font-size: 0.95rem; color: var(--text-primary);
    background: #fafafa; outline: none; transition: border-color 0.25s;
    direction: ltr; text-align: right; box-sizing: border-box;
}
.auth-field input:focus       { border-color: var(--gold); background: #fff; }
.auth-field input::placeholder{ color: var(--text-muted); font-size: 0.88rem; }

.auth-message {
    min-height: 1.35rem;
    margin: -0.35rem 0 0.85rem;
    font-size: 0.78rem;
    line-height: 1.7;
    color: var(--text-muted);
}
.auth-message.success { color: #15803d; }
.auth-message.error { color: #dc2626; }

.auth-link-btn {
    border: none;
    background: none;
    color: #b8943a;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    margin: -0.1rem 0 0.65rem;
}
.auth-link-btn:hover { color: #9b762f; }

#authForgotWrap { margin-top: 0.35rem; }

.auth-submit {
    width: 100%;
    padding: 0.9rem;
    background: #b8943a;
    color: #111;
    font-size: 0.95rem;
    font-weight: 700;
    border: 1px solid #b8943a;
    cursor: pointer;
    margin-top: 0.5rem;
    transition: var(--transition);
}
.auth-submit:hover,
.auth-submit:focus-visible {
    background: #9b762f;
    border-color: #9b762f;
    color: #fff;
    transform: translateY(-1px);
}
.auth-submit:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }

.auth-divider { text-align: center; color: var(--text-muted); font-size: 0.78rem; margin: 1rem 0; position: relative; }
.auth-divider::before,
.auth-divider::after { content: ''; position: absolute; top: 50%; width: 38%; height: 1px; background: var(--dark-border); }
.auth-divider::before { right: 0; }
.auth-divider::after  { left: 0; }

.auth-footer-note { text-align: center; font-size: 0.78rem; color: var(--text-muted); margin-top: 1.25rem; }
.auth-footer-note button { background: none; border: none; color: #b8943a; font-weight: 700;  cursor: pointer; font-size: inherit; }

/* ============================================================
   PAGE LOADER
============================================================ */
.page-loader {
    position: fixed; inset: 0; background: var(--dark-bg); z-index: 99999;
    display: flex; align-items: center; justify-content: center;
    flex-direction: column; gap: 1.5rem; transition: opacity 0.6s, visibility 0.6s;
}
.page-loader.hidden { opacity: 0; visibility: hidden; }
.loader-logo    { font-size: 3rem; font-weight: 800; color: var(--gold); }
.loader-bar-wrap{ width: 200px; height: 2px; background: var(--dark-border); }
.loader-bar     { height: 100%; background: var(--gold); animation: loaderFill 1.2s ease forwards; }
@keyframes loaderFill { from { width: 0; } to { width: 100%; } }

/* ============================================================
   HERO FULLPAGE SLIDER
============================================================ */
.hero-section-fullpage {
    position: relative;
    width: 100%;
    height: 55vh;
    min-height: 320px;
    max-height: 500px;
    margin-top: 0;
    overflow: hidden;
}

.swiper-hero-fp {
    width: 100%;
    height: 100%;
}

.hero-fp-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero-fp-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.04);
    transition: transform 6s cubic-bezier(0.25,0.46,0.45,0.94);
}
.swiper-slide-active .hero-fp-bg { transform: scale(1.0); }

/* باکس متن - گوشه راست پایین */
.hero-fp-textbox {
    position: absolute;
    bottom: 60px;
    right: 40px;
    max-width: 380px;
    background: rgba(30, 25, 20, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(2px);
    border: 0px solid rgba(255,255,255,0.12);
    padding: 1.6rem 1.8rem;
    text-align: right;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.7s 0.3s ease, transform 0.7s 0.3s ease;
}
.swiper-slide-active .hero-fp-textbox {
    opacity: 1;
    transform: translateY(0);
}

.hero-fp-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.6rem;
    line-height: 1.5;
}

.hero-fp-desc {
    font-size: 0.88rem;
    color: rgba(255,255,255,0.82);
    line-height: 1.8;
    font-weight: 300;
    margin: 0;
}

/* فلش‌های ناوبری - وسط دو طرف */
.hero-fp-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.3s, border-color 0.3s;
}
.hero-fp-arrow:hover {
    background: rgba(255,255,255,0.32);
    border-color: rgba(255,255,255,0.6);
}
.hero-fp-arrow--prev { right: 16px; }
.hero-fp-arrow--next { left: 16px; }

/* دات‌های پایین */
.hero-fp-dots {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 8px;
    align-items: center;
}
.hero-fp-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
    border: none;
    padding: 0;
}
.hero-fp-dot.active {
    background: #fff;
    transform: scale(1.3);
}

@media (max-width: 768px) {
    .hero-section-fullpage { height: calc(100svh - 80px); }
    .hero-fp-textbox { right: 16px; left: 16px; bottom: 56px; max-width: 100%; padding: 1.2rem 1.2rem; }
    .hero-fp-title { font-size: 1rem; }
    .hero-fp-desc { font-size: 0.82rem; }
    .hero-fp-arrow { width: 36px; height: 36px; font-size: 0.78rem; }
}

/* ============================================================
   CATEGORY SECTION
============================================================ */
.bonart-cats-section {
    background: #fff;
    padding: 4rem 2rem 4rem;
    border-top: 1px solid #f0ebe4;
}
.bonart-cats-inner {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
}
.bonart-cats-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 1.4rem;
}
.bonart-cats-title {
    text-align: right;
    font-size: 1.05rem;
    font-weight: 700;
    color: #b8943a;
    margin-bottom: 0;
    direction: rtl;
}
.bonart-cats-swiper {
    overflow: hidden;
    width: 100%;
}
.bonart-cats-swiper .swiper-slide {
    width: calc(16.666% - 7px);
    flex-shrink: 0;
}
.bonart-cat-card {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    text-decoration: none;
}
.bonart-cat-card img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);
}
.bonart-cat-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.08) 60%, transparent 100%);
    transition: background 0.4s ease;
}
.bonart-cat-card:hover img { transform: scale(1.08); }
.bonart-cat-card:hover .bonart-cat-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0.1) 100%);
}
.bonart-cat-name {
    position: absolute;
    bottom: 0; right: 0; left: 0;
    padding: 1.8rem 0.5rem 0.6rem;
    text-align: center;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
    z-index: 2;
    direction: rtl;
    letter-spacing: 0.02em;
    transition: transform 0.35s ease;
}
.bonart-cat-card:hover .bonart-cat-name {
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .bonart-cats-swiper .swiper-slide { width: calc(33.333% - 6px); }
}
@media (max-width: 480px) {
    .bonart-cats-swiper .swiper-slide { width: calc(50% - 4px); }
}

/* ============================================================
   ARTISTS SECTION
============================================================ */
.bonart-artists-section {
    background: #fff;
    padding: 4rem 2rem 4rem;
    border-top: 1px solid #f0ebe4;
}
.bonart-artists-inner {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
}
.bonart-artists-title {
    text-align: right;
    font-size: 1.1rem;
    font-weight: 600;
    color: #b8943a;
    margin-bottom: 1.4rem;
    direction: rtl;
}
.bonart-artists-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 1.4rem;
}
.bonart-artists-header .bonart-artists-title {
    margin-bottom: 0;
}
.bonart-artists-header .bonart-carousel-nav {
    margin-bottom: 0;
}
.bonart-artists-swiper,
.bonart-artworks-swiper {
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
}
.bonart-artists-swiper .swiper-slide,
.bonart-artworks-swiper .swiper-slide {
    width: calc(12.5% - 7px);
    flex-shrink: 0;
}
.bonart-artists-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 8px;
    margin-bottom: 8px;
}
.bonart-artist-card {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1.1;
    text-decoration: none;

}
.bonart-artist-card img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}
.bonart-artist-card:hover img { transform: scale(1.05); }
.bonart-artist-name {
    position: absolute;
    bottom: 0; right: 0; left: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.55) 60%, transparent 100%);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    padding: 2rem 0.3rem 0.6rem;
    direction: rtl;
    z-index: 2;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.35s ease, transform 0.38s cubic-bezier(0.25,0.46,0.45,0.94);
}
.bonart-artist-card:hover .bonart-artist-name {
    opacity: 1;
    transform: translateY(0);
}

.bonart-artworks-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 8px;
    margin-bottom: 8px;
}
.bonart-artwork-thumb {
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
.bonart-artwork-thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;
}
.bonart-artwork-thumb:hover img { transform: scale(1.06); }

/* هر slide = هنرمند + دو اثرش */
.bonart-artist-unit {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.bonart-artist-artworks-pair {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.bonart-artist-artworks-pair .bonart-artwork-thumb {
    aspect-ratio: 1 / 1;
    display: block;
    overflow: hidden;
}
.bonart-artist-artworks-pair .bonart-artwork-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.bonart-artist-artworks-pair .bonart-artwork-thumb:hover img {
    transform: scale(1.06);
}

@media (max-width: 992px) {
    .bonart-artists-grid,
    .bonart-artworks-grid { grid-template-columns: repeat(4, 1fr); }
    .bonart-artists-swiper .swiper-slide,
    .bonart-artworks-swiper .swiper-slide { width: calc(25% - 6px); }
}
@media (max-width: 600px) {
    .bonart-artists-swiper .swiper-slide,
    .bonart-artworks-swiper .swiper-slide { width: calc(33.333% - 6px); }
}
@media (max-width: 480px) {
    .bonart-artists-grid,
    .bonart-artworks-grid { grid-template-columns: repeat(3, 1fr); }
    .bonart-artists-swiper .swiper-slide,
    .bonart-artworks-swiper .swiper-slide { width: calc(40% - 4px); }
}

/* ============================================================
   EVENTS / EXHIBITIONS SLIDER
============================================================ */
.bonart-events-section {
    background: #fff;
    padding: 4rem 2rem 4rem;
}
.bonart-events-inner {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
}
.bonart-events-title {
    text-align: right;
    font-size: 1.05rem;
    font-weight: 700;
    color: #b8943a;
    margin-bottom: 1.2rem;
    direction: rtl;
}
.swiper-events,
.swiper-events .swiper-wrapper,
.swiper-events .swiper-slide { height: 380px; }

.bonart-event-card {
    display: grid;
    grid-template-columns: 1fr 1.8fr 0.75fr;
    height: 380px;
    background: #c69c6c;
    direction: rtl;
    overflow: hidden;
}

/* ستون راست: متن */
.bonart-event-text {
    padding: 2.5rem 2rem;
    display: flex;
    align-items: center;
    direction: rtl;
}
.bonart-event-text p {
    color: #fff;
    font-size: 0.9rem;
    line-height: 2.2;
    font-weight: 400;
    text-align: right;
    margin: 0;
}

/* ستون وسط: تصویر اثر — padding بالا/پایین */
.bonart-event-img-main {
    padding: 1.2rem 0;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}
.bonart-event-img-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    position: absolute;
    top: 1.2rem; left: 0; right: 0;
    height: calc(100% - 2.4rem);
}

/* ستون چپ: تصویر هنرمند — padding از همه طرف */
.bonart-event-img-side {
    position: relative;
    padding: 1.2rem 1rem 1.2rem 1.2rem;
    box-sizing: border-box;
    overflow: hidden;
}
.bonart-event-img-side > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    filter: grayscale(100%);
    max-height: 100%;
}
.bonart-event-artist-info {
    position: absolute;
    bottom: 1.2rem;
    left: 1.2rem;
    right: 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 70%, transparent 100%);
    padding: 2.5rem 0.9rem 0.9rem;
    direction: rtl;
    text-align: right;
}
.bonart-event-artist-name {
    display: block;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
}
.bonart-event-artist-meta {
    display: block;
    color: rgba(255,255,255,0.82);
    font-size: 0.71rem;
    line-height: 1.8;
}

/* Events dots */
.bonart-events-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 1.2rem;
}
.bonart-events-dot {
    width: 32px;
    height: 4px;
    background: #ddd;
    border: none;
    cursor: pointer;
    transition: background 0.3s;

    padding: 0;
}
.bonart-events-dot.active { background: #b8943a; }

@media (max-width: 768px) {
    .swiper-events,
    .swiper-events .swiper-wrapper,
    .swiper-events .swiper-slide { height: auto; }

    .bonart-event-card {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        height: auto;
        direction: rtl;
    }

    /* موبایل: تصویر هنرمند اول، تصویر اثر دوم، متن سوم */
    .bonart-event-img-side {
        order: 1;
        padding: 1rem 1rem 0 1rem;
        height: 240px;
    }
    .bonart-event-img-main {
        order: 2;
        padding: 0.6rem 1rem 0 1rem;
        height: 220px;
        position: relative;
    }
    .bonart-event-img-main img {
        position: absolute;
        top: 0.6rem; left: 1rem; right: 1rem;
        width: calc(100% - 2rem);
        height: calc(100% - 0.6rem);
    }
    .bonart-event-text {
        order: 3;
        padding: 1.2rem 1rem 1.5rem;
    }
    .bonart-event-text p {
        font-size: 0.8rem;
        line-height: 1.9;
        -webkit-line-clamp: 6;
    }
    .bonart-event-artist-info {
        bottom: 0; left: 1rem; right: 1rem;
    }
}

/* ============================================================
   ARTICLES SECTION
============================================================ */
.bonart-articles-section {
    background: #fff;
    padding: 4rem 2rem 5rem;
}
.bonart-articles-inner {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
}
.bonart-articles-title {
    text-align: right;
    font-size: 1.05rem;
    font-weight: 700;
    color: #b8943a;
    margin-bottom: 1.4rem;
    direction: rtl;
}
.bonart-articles-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.bonart-article-card {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    text-decoration: none;

}
.bonart-article-card img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.bonart-article-card:hover img { transform: scale(1.05); }
.bonart-article-info {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.55) 60%, transparent 100%);
    padding: 3rem 0.8rem 0.85rem;
    direction: rtl;
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    z-index: 2;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}
.bonart-article-card:hover .bonart-article-info {
    opacity: 1;
    transform: translateY(0);
}
.bonart-article-author {
    color: #e8c96a;
    font-size: 0.75rem;
    font-weight: 700;
}
.bonart-article-title {
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bonart-article-excerpt {
    color: rgba(255,255,255,0.75);
    font-size: 0.72rem;
    line-height: 1.55;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .bonart-articles-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   FEATURES SECTION
============================================================ */
.bonart-features-section {
    background: #fff;
    padding: 2.5rem 2rem;
}
.bonart-features-inner {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
}
.bonart-features-grid {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}
.bonart-feature-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    border: 1.5px solid #e8e0d6;

    padding: 1.5rem 1.2rem;
    min-width: 170px;
    flex: 1 1 170px;
    max-width: 220px;
    text-align: center;
    direction: rtl;
    transition: border-color 0.25s, box-shadow 0.25s;
    cursor: default;
}
.bonart-feature-card:hover {
    border-color: #b8943a;
    box-shadow: 0 4px 18px rgba(184,148,58,0.1);
}
.bonart-feature-icon {
    width: 52px;
    height: 52px;
    border: 1.5px solid #e8e0d6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #8b7355;
    transition: border-color 0.25s;
}
.bonart-feature-card:hover .bonart-feature-icon {
    border-color: #b8943a;
}
.bonart-feature-text {
    font-size: 0.82rem;
    font-weight: 600;
    color: #333;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .bonart-features-grid { gap: 10px; }
    .bonart-feature-card { min-width: 130px; padding: 1.2rem 0.8rem; }
}
@media (max-width: 480px) {
    .bonart-feature-card { min-width: 42%; flex: 1 1 42%; }
}

/* ============================================================
   SEARCH FILTER SECTION
============================================================ */
.bonart-search-section {
    background: #fff;
    padding: 3rem 2rem 2.5rem;
}
.bonart-search-inner {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
    direction: rtl;
    text-align: right;
}
.bonart-search-heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: #c69c6c;
    margin-bottom: 1.5rem;
    display: inline-block;
}
.bonart-search-form {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    direction: rtl;
}
.bonart-search-filters {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 1;
    align-items: flex-end;
}
.bonart-search-filter {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 160px;
    flex: 1;
}
.bonart-search-filter-label {
    font-size: 0.72rem;
    color: #999;
    font-weight: 500;
    text-align: right;
}
.bonart-search-filter-select-wrap {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;

    background: #fff;
    overflow: hidden;
}
.bonart-search-filter-select {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    background: transparent;
    padding: 0.55rem 0.85rem 0.55rem 2.2rem;
    font-size: 0.85rem;
    color: #333;
    width: 100%;
    cursor: pointer;
    direction: rtl;
    text-align: right;
}
.bonart-search-filter-arrow {
    position: absolute;
    left: 0.6rem;
    pointer-events: none;
    color: #999;
    font-size: 0.75rem;
}
.bonart-search-filter-clear {
    background: none;
    border: none;
    cursor: pointer;
    color: #aaa;
    font-size: 1rem;
    padding: 0 0.6rem;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.2s;
}
.bonart-search-filter-clear:hover { color: #c69c6c; }
.bonart-search-btn {
    background: #c69c6c;
    color: #fff;
    border: none;

    padding: 0.65rem 2.2rem;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.25s;
    flex-shrink: 0;
}
.bonart-search-btn:hover { background: #b08050; }
@media (max-width: 768px) {
    .bonart-search-form { flex-direction: column; align-items: stretch; }
    .bonart-search-btn { width: 100%; }
    .bonart-search-filter { min-width: 100%; }
}

/* ============================================================
   PRODUCTS SECTIONS (best buy / newest)
============================================================ */
.bonart-products-section {
    background: #fff;
    padding: 4rem 2rem 4rem;

}
.bonart-products-section--newest {
    padding-bottom: 5rem;
}
.bonart-products-inner {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 1rem;
}
.bonart-products-title {
    text-align: right;
    font-size: 1.05rem;
    font-weight: 700;
    color: #b8943a;
    margin-bottom: 1.4rem;
    direction: rtl;
}
.bonart-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.bonart-product-card {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    aspect-ratio: 1 / 1;

}
.bonart-product-card img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);
}
.bonart-product-card:hover img { transform: scale(1.05); }

.bonart-product-info {
    position: absolute;
    bottom: 0; right: 0; left: 0;
    padding: 2.5rem 0.85rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    direction: rtl;
    text-align: right;
    z-index: 2;
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.55) 60%, transparent 100%);
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.35s ease, transform 0.38s cubic-bezier(0.25,0.46,0.45,0.94);
}
.bonart-product-card:hover .bonart-product-info {
    opacity: 1;
    transform: translateY(0);
}
.bonart-product-name {
    color: #fff;
    font-size: 0.92rem;
    font-weight: 700;
    margin: 0; padding: 0;
    line-height: 1.3;
}
.bonart-product-artist {
    color: rgba(255,255,255,0.8);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.3;
}
.bonart-product-dims {
    color: rgba(255,255,255,0.65);
    font-size: 0.7rem;
}
.bonart-product-price {
    color: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    margin-top: 0.25rem;
}
.bonart-product-price .woocommerce-Price-amount { color: #fff; }

.bonart-products-more {
    text-align: center;
    margin-top: 1.6rem;
}
.bonart-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 2rem;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #555;
    font-size: 0.85rem;
    font-weight: 500;

    text-decoration: none;
    transition: background 0.3s, border-color 0.3s, color 0.3s;
    direction: rtl;
}
.bonart-more-btn:hover {
    background: #8b7355;
    border-color: #8b7355;
    color: #fff;
}

@media (max-width: 768px) {
    .bonart-products-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .bonart-products-grid { grid-template-columns: repeat(1, 1fr); }
}

/* ============================================================
   PRODUCTS & ARTICLES CAROUSEL (swiper)
============================================================ */
.bonart-products-carousel-wrap,
.bonart-articles-carousel-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* هدر مشترک: عنوان راست‌چین، فلش چپ‌چین */
.bonart-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 1.4rem;
    direction: rtl;
}
.bonart-section-header .bonart-section-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #b8943a;
    margin: 0;
}
.bonart-section-header .bonart-carousel-nav {
    margin-bottom: 0;
}

.bonart-carousel-nav {
    display: flex;
    flex-direction: row;
    gap: 6px;
    margin-bottom: 14px;
    justify-content: flex-start;
}
.bonart-products-swiper,
.bonart-articles-swiper {
    overflow: hidden;
    width: 100%;
}
.bonart-products-arrow {
    width: 36px;
    height: 36px;

    border: 1px solid #ccc;
    background: #fff;
    color: #555;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
    font-size: 0.8rem;
    flex-shrink: 0;
}
.bonart-products-arrow:hover {
    background: #8b7355;
    border-color: #8b7355;
    color: #fff;
}

/* ============================================================
   SECTION SHARED
============================================================ */
.section-pad    { padding: 4rem 0; }
.blog-section{padding: 4rem 0 0 0;}
.section-header { margin-bottom: 2rem; position: relative; }
#blog .section-header { margin-bottom: -2.7rem; position: relative; }
.section-header .btn-gold { position: absolute; left: 0; top: 26px; }

.section-eyebrow {
    display: inline-flex; align-items: center; gap: 0.75rem;
    font-size: 0.7rem; font-weight: 600; letter-spacing: 0.35em;
    color: var(--gold); text-transform: uppercase; margin-bottom: 1rem;
}
.section-eyebrow::before { content: ''; width: 30px; height: 1px; background: var(--gold); }

.section-title { font-size: 25px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; color: var(--text-primary); }
.section-title .gold { color: var(--gold); }
.section-desc  { color: var(--text-secondary); max-width: 540px; line-height: 1.8; font-weight: 300; margin-top: 1rem; }
.divider-gold  { width: 60px; height: 2px; background: linear-gradient(to left,var(--gold),transparent); margin-top: 1.5rem; }

/* ============================================================
   BUTTONS
============================================================ */
.btn-gold {
    display: inline-flex; align-items: center; gap: 0.65rem;
    padding: 0.3rem 2.2rem; background: var(--gold); color: #000;
    font-size: 0.88rem; font-weight: 800;
    border: none; cursor: pointer; position: relative; overflow: hidden; text-decoration: none;
}
.btn-gold span, .btn-gold i { position: relative; z-index: 1; }

.btn-outline-light-custom {
    display: inline-flex; align-items: center; gap: 0.65rem;
    padding: 0.3rem 1.5rem; background: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px); color: #fff;
    font-weight: 500;
	font-size: 0.88rem;
  	letter-spacing: 0.04em;
    border: 0px solid rgba(255,255,255,0.28); cursor: pointer;
    transition: var(--transition); text-decoration: none;
}
.ba-about-btn-secondary:hover{background: var(--gold);  color: #000;}
.btn-outline-light-custom:hover{background: var(--gold);  color: #000;}

@keyframes fadeSlideDown { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

/* ============================================================
   GALLERY
============================================================ */
.gallery-section { background: var(--dark-surface); }

.filter-bar { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 3rem; }
.filter-btn {
    padding: 0.5rem 1.25rem; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.1em;
    border: 1px solid var(--dark-border); background: transparent;
    color: var(--text-secondary); cursor: pointer; transition: var(--transition); 
}
.filter-btn:hover, .filter-btn.active { background: var(--gold); border-color: var(--gold); color: #000; }

.masonry-grid { columns: 4; column-gap: 1rem; }
@media (max-width: 1200px) { .masonry-grid { columns: 3; } }
@media (max-width: 768px)  { .masonry-grid { columns: 2; } }
@media (max-width: 480px)  { .masonry-grid { columns: 1; } }

.masonry-item { break-inside: avoid; margin-bottom: 1rem; position: relative; cursor: pointer; overflow: hidden; display: block; }
.masonry-item img { width: 100%; transition: transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94); display: block; }
.masonry-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.3) 60%,transparent 100%);
    opacity: 0; transition: opacity 0.4s;
    display: flex; flex-direction: column; justify-content: flex-end; padding: 1.5rem;
}
.masonry-item:hover img             { transform: scale(1.08); }
.masonry-item:hover .masonry-overlay{ opacity: 1; }

.artwork-title { font-size: 1rem; font-weight: 600; color: #fff; margin-bottom: 0.25rem; }
.artwork-artist{ font-size: 0.75rem; color: var(--gold); font-weight: 400; }
.artwork-zoom  {
    position: absolute; top: 1rem; left: 1rem; width: 36px; height: 36px;
    background: var(--gold); display: flex; align-items: center; justify-content: center;
    color: #000; font-size: 0.8rem; opacity: 0; transform: scale(0); transition: var(--transition);
}
.masonry-item:hover .artwork-zoom { opacity: 1; transform: scale(1); }

.gallery-tag { position: absolute; top: 1rem; right: 1rem; padding: 0.2rem 0.6rem; background: var(--gold); color: #000; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.load-more-wrap { text-align: center; margin-top: 3rem; }

/* ============================================================
   ARTISTS
============================================================ */
.artist-card {
    background: var(--dark-card); border: 1px solid var(--dark-border);
    overflow: hidden; transition: var(--transition); position: relative;
}
.artist-card::before { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 3px; background: linear-gradient(to right,var(--gold),var(--gold-dark)); transform: scaleX(0); transition: var(--transition); }
.artist-card:hover::before { transform: scaleX(1); }
.artist-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-gold); border-color: var(--gold-dark); }

.artist-img-wrap { position: relative; overflow: hidden; aspect-ratio: 3/4; }
.artist-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.artist-card:hover .artist-img-wrap img { transform: scale(1.05); }
.artist-overlay  { position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,0.7),transparent); }

.artist-socials { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%) translateY(20px); display: flex; gap: 0.5rem; opacity: 0; transition: var(--transition); }
.artist-card:hover .artist-socials { opacity: 1; transform: translateX(-50%) translateY(0); }

.social-btn { width: 36px; height: 36px; background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.85rem; border: 1px solid rgba(255,255,255,0.2); transition: var(--transition); }
.social-btn:hover { background: var(--gold); color: #000; border-color: var(--gold); }

.artist-info      { padding: 1.5rem; }
.artist-name      { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.25rem; }
.artist-specialty { font-size: 0.75rem; color: var(--gold); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; margin-bottom: 0.75rem; }
.artist-bio       { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.7; font-weight: 300; }

/* ============================================================
   FEATURED ARTIST
============================================================ */
.featured-artist-section { background: var(--dark-bg); }
.featured-artist-inner   { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
@media (max-width: 768px) { .featured-artist-inner { grid-template-columns: 1fr; gap: 2.5rem; } }

.featured-img-frame          { position: relative; }
.featured-img-frame::before  { content: ''; position: absolute; top: -20px; right: -20px; width: 80%; height: 80%; border: 1px solid var(--gold-dark); z-index: 0; opacity: 0.4; }
.featured-img-frame::after   { content: ''; position: absolute; bottom: -20px; left: -20px; width: 60%; height: 60%; background: linear-gradient(135deg,var(--gold),transparent); opacity: 0.08; }
.featured-img-frame img      { position: relative; z-index: 1; width: 100%;  object-fit: cover; filter: grayscale(20%); transition: filter 0.4s; }
.featured-img-frame:hover img{ filter: grayscale(0); }
.featured-badge              { position: absolute; top: 2rem; left: 2rem; z-index: 2; background: var(--gold); color: #000; padding: 0.4rem 1rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; }

.artist-quote     { font-size: 1.2rem; font-weight: 300; color: var(--text-primary); line-height: 1.7; border-right: 3px solid var(--gold); padding-right: 1.5rem; margin: 2rem 0; }
.artist-stats-row { display: flex; gap: 2rem; margin: 2rem 0; }
.artist-stat-num  { font-size: 1.8rem; font-weight: 800; color: var(--gold); }
.artist-stat-label{ font-size: 0.75rem; color: var(--text-muted); }

/* ============================================================
   FEATURED SLIDER (showcase area)
============================================================ */
.featured-slider-section { background: #fff; padding: 6rem 0; }

/* Featured nav */
.featured-nav        { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2rem; flex-wrap: wrap; gap: 1rem; }
.featured-nav-arrows { display: flex; gap: 0.5rem; }
.featured-arrow {
    width: 42px; height: 42px;
    border: 1.5px solid var(--dark-border); background: var(--dark-card);
    color: var(--text-secondary); display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: 0.85rem; transition: var(--transition);
}
.featured-arrow:hover { border-color: var(--gold); background: var(--gold); color: #000; }
.featured-arrow.off   { opacity: 0.3; pointer-events: none; }

.featured-bullets { display: none; gap: 6px; align-items: center; }
.featured-bullet  { width: 25px; height: 8px; border-radius: 100px; background: var(--dark-border); cursor: pointer; transition: all 0.3s; }
.featured-bullet.active { width: 24px; background: var(--gold); }

/* Swiper featured cards */
.swiper-featured { overflow: hidden; }
.swiper-featured .swiper-slide,
.ft-card {
   overflow: hidden; transition: var(--transition); height: 100%;
}
.swiper-featured .swiper-slide:hover,
.ft-card:hover { transform: translateY(-6px); }

/* Shared card image */
.slide-img, .ft-card-img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; transition: transform 0.5s; }
.swiper-featured .swiper-slide:hover .slide-img,
.ft-card:hover .ft-card-img { transform: scale(1.05); }
.ft-card-img-wrap { overflow: hidden; }

/* Shared card info */
.slide-info, .ft-card-body { padding: 1.2rem 1.4rem 1.4rem; }
.slide-cat,  .ft-cat { font-size: 0.65rem; color: var(--gold); letter-spacing: 0.2em; text-transform: uppercase; font-weight: 700; margin-bottom: 0.4rem; }
.slide-title,.ft-name { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.2rem; color: var(--text-primary); }
.slide-artist,.ft-artist { font-size: 0.82rem; color: var(--text-muted); }
.slide-price, .ft-footer {
    font-size: 0.95rem; font-weight: 700; color: var(--gold);
    margin-top: 0.85rem; padding-top: 0.85rem; border-top: 1px solid var(--dark-border);
    display: flex; align-items: center; justify-content: space-between;
}
.ft-buy { font-size: 0.68rem; font-weight: 700; background: var(--gold); color: #000; border: none; padding: 0.28rem 0.8rem; border-radius: 100px; cursor: pointer; transition: background 0.2s; }
.ft-buy:hover { background: #eee; }

/* Swiper pagination */
.swiper-pagination-bullet        { background: var(--text-muted) !important; }
.swiper-pagination-bullet-active  { background: var(--gold) !important; }
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; width: 15px; border-radius: 0; height: 5px; }

/* ============================================================
   BLOG
============================================================ */
.blog-section { background: var(--dark-surface); overflow-x: clip; }
.blog-swiper-wrap { position: relative; overflow: hidden; width: 100%; }
.swiper-blog {
    overflow: hidden !important;
    padding-bottom: 3rem !important;
}
.swiper-blog .swiper-slide {
    height: auto;
    box-sizing: border-box;
}
.blog-excerpt{
    font-size: 14px;
    line-height: 3px;
    text-align: justify;
    margin: 25px 0;
    color: #fff!important;
}

.blog-card { background: var(--dark-card); overflow: hidden; height: 100%; display: flex; flex-direction: column; }
.blog-card:hover { border:1px #ccc solid; }

.blog-img-wrap     { position: relative; overflow: hidden; aspect-ratio: 16/10; flex-shrink: 0; }
.blog-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.blog-card:hover .blog-img-wrap img { transform: scale(1.06); }
.blog-category { position: absolute; top: 1rem; right: 1rem; padding: 0.25rem 0.75rem; background: var(--gold); color: #000; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }

.blog-body      { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }
.blog-meta      { font-size: 0.75rem; color: var(--text-muted); margin-bottom: 0.75rem; display: flex; gap: 1rem; align-items: center; }
.blog-title     { font-size: 1.05rem; font-weight: 700; line-height: 1.45; margin-bottom: 0.75rem; transition: var(--transition); }
.blog-card:hover .blog-title { color: var(--gold); }
.blog-excerpt   { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.75; font-weight: 300; margin-bottom: 1.25rem; flex: 1; }
.read-more      { font-size: 0.8rem; font-weight: 600; color: var(--gold); letter-spacing: 0.1em; display: flex; align-items: center; gap: 0.5rem; margin-top: auto; }
.read-more i    { transition: transform 0.3s; }
.blog-card:hover .read-more i { transform: translateX(-4px); }

/* Blog nav */
.blog-nav          { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; }
.blog-nav-arrows   { display: flex; gap: 0.5rem; }
.blog-arrow {
    width: 42px; height: 42px;
    border: 1.5px solid var(--dark-border); background: var(--dark-card);
    color: var(--text-secondary); display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: 0.85rem; transition: var(--transition);
}
.blog-arrow:hover        { border-color: var(--gold); background: var(--gold); color: #000; }
.blog-pagination         { display: flex; align-items: center; gap: 6px; }
.blog-bullet             { width: 8px; height: 8px; border-radius: 100px; background: var(--dark-border); cursor: pointer; transition: all 0.3s; }
.blog-bullet.active      { width: 24px; background: var(--gold); }

/* ============================================================
   LIGHTBOX
============================================================ */
.lightbox       { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.96); display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.4s; }
.lightbox.open  { opacity: 1; pointer-events: all; }
.lightbox img   { max-width: 90vw; max-height: 90vh; object-fit: contain; transform: scale(0.92); transition: transform 0.4s; }
.lightbox.open img { transform: scale(1); }
.lightbox-close { position: absolute; top: 1.5rem; left: 1.5rem; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,0.2); background: transparent; color: #fff; font-size: 1.1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: var(--transition); }
.lightbox-close:hover { background: var(--gold); color: #000; border-color: var(--gold); }

/* ============================================================
   ABOUT STRIP
============================================================ */
.about-strip    { background: var(--dark-card); padding: 0; }
.about-grid     { display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem; }
@media (max-width: 768px) { .about-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px) { .about-grid { grid-template-columns: 1fr; } }

.about-feature  { text-align: center; padding: 0.5rem; }
.about-icon     { float: right; width: 60px; height: 60px; background: #eee; border: 1px solid rgba(200,200,200,0.2); margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; color: var(--gold); transition: var(--transition); }
.about-feature:hover .about-icon { background: var(--gold); color: #000; }
.about-feature h5 { text-align: right;
    padding-right: 82px; font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; }
.about-feature p  { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.7; font-weight: 300; text-align: right;
    padding-right: 80px; }

/* ============================================================
   FOOTER
============================================================ */
.footer { background: var(--dark-surface); border-top: 1px solid var(--dark-border); padding: 5rem 0 2rem; }
.footer-logo     { font-size: 1.8rem; font-weight: 800; color: var(--gold); margin-bottom: 1rem; }
.footer-desc     { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.8; max-width: 280px; font-weight: 300; }
.footer-heading  { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.5rem; }
.footer-links    { list-style: none; }
.footer-links li { margin-bottom: 0.75rem; }
.footer-links a  { font-size: 0.9rem; color: var(--text-secondary); display: flex; align-items: center; gap: 0.5rem; font-weight: 300; }
.footer-links a:hover { color: var(--gold); padding-right: 0.5rem; }
.footer-contact-item { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; color: var(--text-secondary); font-size: 0.9rem; font-weight: 300; }
.footer-contact-item i { color: var(--gold); margin-top: 0.2rem; flex-shrink: 0; }
.newsletter-form  { display: flex; margin-top: 1rem; }
.newsletter-input { flex: 1; padding: 0.75rem 1rem; background: var(--dark-card); border: 1px solid var(--dark-border); border-left: none; color: var(--text-primary);  font-size: 0.85rem; outline: none; transition: border-color 0.3s; }
.newsletter-input:focus { border-color: var(--gold); }
.newsletter-btn  { padding: 0.75rem 1.25rem; background: var(--gold); color: #000; border: none; cursor: pointer; font-size: 0.9rem; transition: var(--transition); }
.newsletter-btn:hover { background: #eee; }
.footer-socials  { display: flex; gap: 0.75rem; margin-top: 1.5rem; }
.footer-social   { width: 40px; height: 40px; background: var(--dark-card); border: 1px solid var(--dark-border); display: flex; align-items: center; justify-content: center; color: var(--text-secondary); font-size: 0.9rem; transition: var(--transition); }
.footer-social:hover { background: var(--gold); color: #000; border-color: var(--gold); }
.footer-dynamic-widgets { margin-top: 1rem; padding-top: 2rem; border-top: 1px solid var(--dark-border); }
.footer-widget-col { min-width: 0; }
.footer-widget-block { min-height: 100%; }
.footer-widget-block ul { list-style: none; margin: 0; padding: 0; }
.footer-widget-block li { margin-bottom: 0.7rem; color: var(--text-secondary); font-size: 0.88rem; line-height: 1.8; }
.footer-widget-block a { color: var(--text-secondary); transition: var(--transition); }
.footer-widget-block a:hover { color: var(--gold); }
.footer-widget-block p,
.footer-widget-block .textwidget { margin: 0; color: var(--text-secondary); font-size: 0.88rem; line-height: 1.85; }
.footer-widget-block select,
.footer-widget-block input[type="text"],
.footer-widget-block input[type="email"],
.footer-widget-block input[type="search"] {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.8rem;
    border: 1px solid var(--dark-border);
    background: #fff;
    color: var(--text-primary);
    font-size: 0.84rem;
    outline: none;
}
.footer-widget-block button,
.footer-widget-block input[type="submit"] {
    min-height: 40px;
    padding: 0.55rem 0.95rem;
    border: 1px solid var(--gold);
    background: var(--gold);
    color: #000;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}
.footer-widget-block button:hover,
.footer-widget-block input[type="submit"]:hover { background: #eee; border-color: #eee; }
.footer-bottom   { border-top: 1px solid var(--dark-border); margin-top: 3rem; padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.footer-bottom p { font-size: 0.8rem; color: var(--text-muted); }

/* ============================================================
   BACK TO TOP
============================================================ */
.back-top { position: fixed; bottom: 1.7rem; left: 2rem; width: 38px; height: 48px; background: var(--gold); color: #000; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1rem; opacity: 0; transform: translateY(20px); transition: var(--transition); z-index: 500; }
.back-top.visible { opacity: 1; transform: translateY(0); }
.back-top:hover   { background: #eee; transform: translateY(-4px); }

/* ============================================================
   RESPONSIVE BREAKPOINTS
============================================================ */
@media (max-width: 1200px) {
    .navbar-center { display: none; }
    .hamburger { display: flex; }
}
@media (min-width: 1201px) {
    .hamburger { display: none; }
}

/* Admin bar offset for mobile nav */
body.admin-bar .mobile-nav { top: calc(80px + 32px); height: calc(100vh - 80px - 32px); }
body.admin-bar .mobile-overlay { top: calc(80px + 32px); }
@media screen and (max-width: 782px) {
    body.admin-bar .mobile-nav { top: calc(80px + 46px); height: calc(100vh - 80px - 46px); }
    body.admin-bar .mobile-overlay { top: calc(80px + 46px); }
}
@media (max-width: 768px) { .section-pad { padding: 4rem 0; } }

/* ============================================================
   PRODUCT SINGLE - BREADCRUMB
============================================================ */
.product-breadcrumb-wrap { background: var(--dark-surface); border-bottom: 1px solid var(--dark-border); padding: 0.9rem 0; margin-top: 62px; }
.product-breadcrumb,
.woocommerce-breadcrumb { max-width: 1400px; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; gap: 0.5rem; font-size: 0.73rem; color: var(--text-muted); letter-spacing: 0.06em; }
.product-breadcrumb a,
.woocommerce-breadcrumb a { color: var(--text-muted); }
.product-breadcrumb a:hover,
.woocommerce-breadcrumb a:hover { color: var(--gold); }
.product-breadcrumb .sep  { color: var(--dark-border); }
.product-breadcrumb .current { color: var(--text-secondary); }

/* ============================================================
   PRODUCT SINGLE - LAYOUT
============================================================ */
.product-page-wrap  { max-width: 1400px; margin: 0 auto; padding: 3rem 1.5rem 5rem; }
.product-main-grid  { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; }
@media (max-width: 900px) { .product-main-grid { grid-template-columns: 1fr; gap: 2.5rem; } }

/* Gallery column */
.product-gallery-col { position: sticky; top: 90px; }
.gallery-main        { position: relative; overflow: hidden; cursor: zoom-in; border: 1px solid var(--dark-border); background: var(--dark-surface); aspect-ratio: 1; }
.gallery-main img    { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94); }
.gallery-main:hover img { transform: scale(1.04); }

.gallery-badge { position: absolute; top: 1rem; right: 1rem; z-index: 3; display: flex; flex-direction: column; gap: 0.4rem; }
.badge-pill    { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.28rem 0.8rem; font-size: 0.64rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.badge-unique  { background: var(--gold); color: #000; }
.badge-cert    { background: rgba(74,222,128,.12); border: 1px solid rgba(74,222,128,.3); color: #4ade80; }
.badge-new     { background: rgba(99,179,237,.12); border: 1px solid rgba(99,179,237,.3); color: #63b3ed; }

.gallery-zoom-btn { position: absolute; bottom: 1rem; left: 1rem; width: 40px; height: 40px; background: rgba(0,0,0,.55); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.8); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 0.9rem; transition: var(--transition); }
.gallery-zoom-btn:hover { background: var(--gold); color: #000; border-color: var(--gold); }

/* Thumbnails */
.gallery-thumbs,
.flex-control-thumbs { display: grid; grid-template-columns: repeat(4,1fr); gap: 0.6rem; margin-top: 0.8rem; list-style: none; padding: 0; }
.gallery-thumb       { overflow: hidden; cursor: pointer; border: 2px solid transparent; transition: var(--transition); aspect-ratio: 1; }
.gallery-thumb img,
.flex-control-thumbs li img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; cursor: pointer; border: 2px solid transparent; transition: var(--transition); }
.gallery-thumb:hover img,
.gallery-thumb.active img,
.flex-control-thumbs li img.flex-active { transform: scale(1.06); }
.gallery-thumb.active,
.flex-control-thumbs li img.flex-active { border-color: var(--gold); }

.cert-strip      { margin-top: 1rem; padding: 1rem 1.25rem; background: rgba(74,222,128,.04); border: 1px solid rgba(74,222,128,.15); display: flex; gap: 0.75rem; align-items: center; }
.cert-strip i    { color: #4ade80; font-size: 1.3rem; flex-shrink: 0; }
.cert-strip-text { font-size: 0.78rem; color: var(--text-secondary); line-height: 1.6; }
.cert-strip-text strong { color: var(--text-primary); }

/* Info column */
.product-artist-tag { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.3rem 0.9rem; margin-bottom: 1rem; background: rgba(200,200,200,.08); border: 1px solid rgba(200,200,200,.2); font-size: 0.72rem; font-weight: 600; color: var(--gold); letter-spacing: 0.1em; cursor: pointer; transition: var(--transition); }
.product-artist-tag:hover { background: rgba(200,200,200,.15); }
.product-artist-tag img   { width: 22px; height: 22px; object-fit: cover; }

.single-product .product-title,
.single-product .product_title.entry-title,
.product-page-wrap .product-title { font-size: clamp(1.8rem,3.5vw,2.8rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin-bottom: 1rem;  color: var(--text-primary); }
.product-subtitle { font-size: 20px; color: var(--text-secondary); font-weight: 600; margin-bottom: 1.5rem; font-style: normal; line-height: 1.6; }

.product-rating-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.stars    { display: flex; gap: 2px; }
.stars i  { font-size: 0.8rem; color: var(--gold); }
.stars i.empty { color: var(--dark-border); }
.rating-count  { font-size: 0.78rem; color: var(--text-muted); }

/* Price */
.price-block { margin: 25px 0 1.75rem; padding: 1.25rem; background: #fff; border: 1px solid #d8d0c4; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem; }
.single-product .price-block .price,
.single-product .price-block .woocommerce-Price-amount,
.single-product div.product .summary .price,
.single-product div.product .summary .woocommerce-Price-amount {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--gold);
    letter-spacing: -0.02em;
}
.single-product div.product .summary .price del,
.single-product .price-block .price del {
    font-size: 1rem;
    color: var(--text-muted);
    font-weight: 400;
    text-decoration: line-through;
}
.single-product div.product .summary .price ins,
.single-product .price-block .price ins { text-decoration: none; }
.price-note { font-size: 0.72rem; color: var(--text-muted); }

.woocommerce-product-details__short-description,
.product-short-desc { font-size: 0.92rem; color: var(--text-secondary); line-height: 1.85; font-weight: 300; margin-bottom: 1.75rem; padding-bottom: 1.75rem; border-bottom: 1px solid var(--dark-border); }

/* Artwork details */
.artwork-details       { margin-bottom: 1.75rem; padding-bottom: 1.75rem; border-bottom: 1px solid var(--dark-border); }
.artwork-details-title { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.artwork-details-title::before { content: ''; flex: 1; height: 1px; background: linear-gradient(to right,var(--gold),transparent); }
.details-grid  { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem 0.5rem; }
.detail-item   { display: flex; flex-direction: column; gap: 0.15rem; padding: 0.7rem 0.85rem; background: var(--dark-surface); border: 1px solid var(--dark-border); transition: var(--transition); }
.detail-item:hover { border-color: var(--gold-dark); }
.detail-label  { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-muted); }
.detail-value  { font-size: 0.88rem; font-weight: 600; color: var(--text-primary); }

/* Stock */
.stock-indicator       { display: flex; align-items: center; gap: 0.6rem; padding: 0.65rem 1rem; margin-bottom: 1.5rem; font-size: 0.8rem; font-weight: 600; }
.stock-indicator.in-stock  { background: rgba(74,222,128,.06); border: 1px solid rgba(74,222,128,.2); color: #4ade80; }
.stock-indicator.low-stock { background: rgba(251,191,36,.06); border: 1px solid rgba(251,191,36,.2); color: #fbbf24; }
.stock-indicator.out-stock { background: rgba(239,68,68,.06); border: 1px solid rgba(239,68,68,.2); color: #ef4444; }
.stock-dot { width: 8px; height: 8px; flex-shrink: 0; animation: pulse 2s infinite; }
.in-stock .stock-dot  { background: #4ade80; }
.low-stock .stock-dot { background: #fbbf24; }
.out-stock .stock-dot { background: #ef4444; animation: none; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.5)} }

/* Variations */
.product-variations  { margin-bottom: 1.5rem; }
.variation-label     { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 0.5rem; }
.variation-options   { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.variation-swatch    { padding: 0.35rem 0.9rem; border: 1px solid var(--dark-border); background: transparent; font-size: 0.8rem; color: var(--text-secondary); cursor: pointer;  transition: var(--transition); }
.variation-swatch:hover,
.variation-swatch.active { border-color: var(--gold); color: var(--gold); background: rgba(200,200,200,.07); }

/* Cart actions */
.cart-actions { display: flex; gap: 0.75rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.quantity     { display: inline-flex; align-items: center; }
.qty-btn      { width: 42px; height: 50px; background: var(--dark-surface); border: 1px solid var(--dark-border); color: var(--text-primary); font-size: 1.1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: var(--transition);  }
.qty-btn:hover { border-color: var(--gold); color: var(--gold); }
.qty-input,
input[type="number"].qty { width: 60px; height: 50px; text-align: center; background: var(--dark-card); border: 1px solid var(--dark-border); border-left: none; border-right: none; color: var(--text-primary);  font-size: 0.95rem; font-weight: 600; outline: none; }

.btn-add-cart,
.single_add_to_cart_button,
button.single_add_to_cart_button.button.alt {
    flex: 1; min-width: 180px; display: inline-flex; align-items: center; justify-content: center; gap: 0.65rem;
    padding: 0 2rem; height: 50px; background: var(--gold); color: #000;
     font-size: 0.92rem; font-weight: 800;
    border: none; cursor: pointer; position: relative; overflow: hidden;
    transition: var(--transition);
}
.btn-add-cart::before { content: ''; position: absolute; inset: 0; background: #eee; transform: scaleX(0); transform-origin: right; transition: transform 0.4s; }
.btn-add-cart:hover::before { transform: scaleX(1); transform-origin: left; }
.btn-add-cart span, .btn-add-cart i { position: relative; z-index: 1; }
.single_add_to_cart_button,
button.single_add_to_cart_button.button.alt {
    background: linear-gradient(135deg, var(--gold), var(--gold-light));
    color: #111;
    border: 1px solid transparent;
    box-shadow: 0 10px 24px -20px rgba(0,0,0,.6);
}
.single_add_to_cart_button:hover,
button.single_add_to_cart_button.button.alt:hover {
    background: #111;
    color: #fff;
    border-color: #111;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -16px rgba(0,0,0,.65);
}
.single_add_to_cart_button:focus-visible,
button.single_add_to_cart_button.button.alt:focus-visible {
    outline: 2px solid #111;
    outline-offset: 2px;
}
.single_add_to_cart_button i,
button.single_add_to_cart_button.button.alt i {
    transition: transform .22s ease;
}
.single_add_to_cart_button:hover i,
button.single_add_to_cart_button.button.alt:hover i {
    transform: translateX(-2px);
}

.btn-wishlist { width: 50px; height: 50px; flex-shrink: 0; border: 1px solid var(--dark-border); background: var(--dark-card); color: var(--text-secondary); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1rem; transition: var(--transition); }
.btn-wishlist:hover, .btn-wishlist.active { border-color: #e05555; color: #e05555; background: rgba(224,85,85,.08); }

.btn-share { width: 50px; height: 50px; flex-shrink: 0; border: 1px solid var(--dark-border); background: var(--dark-card); color: var(--text-secondary); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; transition: var(--transition); }
.btn-share:hover { border-color: var(--gold); color: var(--gold); }

/* Product share modal */
.product-share-modal {
    position: fixed;
    inset: 0;
    z-index: 2500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}
.product-share-modal.open {
    opacity: 1;
    pointer-events: all;
}
.product-share-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(18, 23, 34, .55);
    backdrop-filter: blur(4px);
}
.product-share-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 560px);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    
    border: 1px solid rgba(168, 178, 196, .35);
    background: #f7f8fb;
    box-shadow: 0 24px 58px rgba(17, 24, 39, .24);
    padding: 1.3rem 1.3rem 1.2rem;
    text-align: right;
    transform: translateY(20px) scale(.96);
    transition: transform .3s cubic-bezier(.2, .7, .2, 1);
}
.product-share-modal.open .product-share-modal__dialog {
    transform: translateY(0) scale(1);
}
.product-share-modal__close {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: #7a8699;
    font-size: 1.55rem;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, color .2s ease;
}
.product-share-modal__close:hover {
    background: #eceff5;
    color: #1f2937;
}
.product-share-modal__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .26rem .7rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    color: #d81948;
    background: #fdecef;
    margin-bottom: .5rem;
}
.product-share-modal__title {
    margin: .1rem 0 .45rem;
    font-size: 2rem;
    font-weight: 800;
    color: #111827;
}
.product-share-modal__desc {
    margin: 0 0 .95rem;
    font-size: .93rem;
    color: #4b5563;
    line-height: 1.8;
}
.product-share-modal__preview {
    display: grid;
    grid-template-columns: 1fr 94px;
    gap: .9rem;
    align-items: center;
    border: 1px solid #dbe2ee;
    background: #eef3fb;
  
    padding: .9rem;
}
.product-share-modal__preview-title {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.6;
    color: #1e293b;
    font-weight: 700;
}
.product-share-modal__preview-help {
    margin: .2rem 0 0;
    font-size: .82rem;
    color: #526174;
}
.product-share-modal__preview-image {
    width: 94px;
    height: 94px;

    overflow: hidden;
    background: #e5e7eb;
    border: 1px solid #d2d9e4;
}
.product-share-modal__preview-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.product-share-modal__actions {
    margin-top: .95rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}
.product-share-modal__action {
    min-height: 84px;
    text-decoration: none;
    border: 1px solid transparent;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    font-weight: 700;
    font-size: .95rem;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.product-share-modal__action i {
    font-size: 1.4rem;
}
.product-share-modal__action:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(17, 24, 39, .12);
}
.product-share-modal__action--whatsapp {
    background: #edf9f1;
    color: #127a44;
    border-color: #d5f0de;
}
.product-share-modal__action--telegram {
    background: #eaf2ff;
    color: #006eb8;
    border-color: #d5e4ff;
}
.product-share-modal__action--email {
    background: #ede9ff;
    color: #5b3fdb;
    border-color: #dfd6ff;
}
.product-share-modal__action--instagram {
    background: #fdeef8;
    color: #cb256f;
    border-color: #f7d6ea;
}
.product-share-modal__link-title {
    margin: .95rem 0 .38rem;
    font-size: 1.04rem;
    color: #111827;
    font-weight: 700;
}
.product-share-modal__copy-row {
    display: grid;
    grid-template-columns: 124px 1fr;
    gap: .55rem;
}
.product-share-modal__copy-btn {
    border: none;
    background: #111827;
    color: #fff;
    font-size: 1.06rem;
    font-weight: 700;
    height: 48px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    transition: background .2s ease, transform .2s ease;
}
.product-share-modal__copy-btn:hover {
    background: #1f2937;
}
.product-share-modal__copy-btn.copied {
    background: #14532d;
}
.product-share-modal__url {
    height: 48px;
    border: 1px solid #ccd6e5;
    background: #fff;
    color: #1f2937;
    font-size: .92rem;
    padding: 0 .95rem;
    direction: ltr;
}
.product-share-modal__url:focus {
    outline: none;
    border-color: #8da3c6;
    box-shadow: 0 0 0 3px rgba(141, 163, 198, .18);
}
.product-share-modal__hint {
    margin-top: .65rem;
    font-size: .78rem;
    color: #3e516b;
    line-height: 1.8;
    border: 1px solid #d3dff0;
    padding: .42rem .75rem;
    background: #eaf2ff;
}
@media (max-width: 640px) {
    .product-share-modal {
        padding: .5rem;
    }
    .product-share-modal__dialog {
        padding: 1rem .9rem .95rem;
    }
    .product-share-modal__title {
        font-size: 1.55rem;
    }
    .product-share-modal__preview {
        grid-template-columns: 1fr 78px;
        padding: .75rem;
    }
    .product-share-modal__preview-image {
        width: 78px;
        height: 78px;
    }
    .product-share-modal__preview-title {
        font-size: 1.08rem;
    }
    .product-share-modal__actions {
        grid-template-columns: 1fr;
    }
    .product-share-modal__copy-row {
        grid-template-columns: 1fr;
    }
}

/* Trust badges (product page) */
.trust-badges { display: grid; grid-template-columns: repeat(3,1fr); gap: 0.5rem; margin-bottom: 1.75rem; }
.trust-item   { display: flex; flex-direction: column; align-items: center; gap: 0.3rem; padding: 0.75rem 0.5rem; background: var(--dark-surface); border: 1px solid var(--dark-border); text-align: center; font-size: 0.65rem; color: var(--text-muted); transition: var(--transition); }
.trust-item:hover { border-color: var(--gold-dark); }
.trust-item i { font-size: 1.1rem; color: var(--gold); }

/* Product meta */
.product_meta,
.product-meta-list { display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.8rem; color: var(--text-secondary); }
.product_meta .sku_wrapper,
.product_meta .posted_in,
.product_meta .tagged_as,
.meta-row { display: flex; align-items: center; gap: 0.5rem; }
.meta-key { font-weight: 700; color: var(--text-muted); min-width: 80px; }
.meta-value { color: var(--text-primary); font-weight: 600; }
.product_meta a, .meta-link { color: var(--gold); font-weight: 600; }
.product_meta a:hover, .meta-link:hover { text-decoration: underline; }

.bonart-product-meta-list {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--dark-border);
}
.bonart-product-meta-list .meta-row {
    justify-content: space-between;
    padding: 0.32rem 0;
    border-bottom: 1px dashed var(--dark-border);
}
.bonart-product-meta-list .meta-row:last-child {
    border-bottom: 0;
}
.bonart-product-meta-list .meta-key {
    background: var(--dark-surface);
    border: 1px solid var(--dark-border);
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    min-width: 110px;
    text-align: center;
}

/* Sticky bar */
.sticky-cart-bar { position: fixed; bottom: 0; right: 0; left: 0; z-index: 900; padding: 1rem 1.5rem; background: var(--dark-surface); border-top: 1px solid var(--dark-border); backdrop-filter: blur(16px); transform: translateY(110%); transition: transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94); box-shadow: 0 -8px 30px rgba(0,0,0,.4); }
.sticky-cart-bar.visible { transform: translateY(0); }
.sticky-cart-inner       { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.sticky-product-thumb    { width: 50px; height: 50px; object-fit: cover; border: 1px solid var(--dark-border); }
.sticky-product-info     { flex: 1; }
.sticky-product-name     { font-size: 0.88rem; font-weight: 700; line-height: 1.3; }
.sticky-product-price    { font-size: 0.8rem; color: var(--gold); font-weight: 700; }

/* ============================================================
   PRODUCT TABS
============================================================ */
.product-tabs-section { margin-top: 5rem; padding-top: 3rem; border-top: 1px solid var(--dark-border); }

.wc-tabs, .nav-tabs-custom { display: flex; list-style: none; padding: 0; border-bottom: 1px solid var(--dark-border); gap: 0; margin: 0 0 2rem; overflow-x: auto; flex-wrap: nowrap; }
.wc-tabs li a, .nav-tab-custom { display: block; padding: 0.9rem 1.5rem; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; color: var(--text-muted); cursor: pointer; white-space: nowrap; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: var(--transition); background: transparent; border-top: none; border-left: none; border-right: none;  }
.wc-tabs li.active a, .nav-tab-custom.active { color: var(--gold); border-bottom-color: var(--gold); }
.wc-tabs li a:hover, .nav-tab-custom:hover    { color: var(--text-primary); }

.woocommerce-Tabs-panel, .tab-panel { display: none; }
.woocommerce-Tabs-panel.active, .tab-panel.active { display: block; }

.tab-description { font-size: 0.95rem; color: var(--text-secondary); line-height: 1.9; font-weight: 300; max-width: 860px; }
.tab-description h3 { font-size: 1.3rem; font-weight: 800; color: var(--text-primary); margin: 2rem 0 1rem; }
.tab-description p  { margin-bottom: 1.25rem; }

.woocommerce-Tabs-panel--description blockquote,
.tab-description blockquote { padding: 1.25rem 1.5rem; border-right: 3px solid var(--gold); background: rgba(200,200,200,.05); margin: 1.5rem 0; font-style: italic; color: var(--text-primary); }

/* Attributes table */
.woocommerce-product-attributes,
.shop_attributes { width: 100%; border-collapse: collapse; }
.woocommerce-product-attributes th,
.shop_attributes th { width: 35%; padding: 0.85rem 1rem; font-size: 0.8rem; font-weight: 700; text-align: right; color: var(--text-muted); letter-spacing: 0.1em; background: var(--dark-surface); border: 1px solid var(--dark-border); text-transform: uppercase; }
.woocommerce-product-attributes td,
.shop_attributes td { padding: 0.85rem 1rem; font-size: 0.9rem; color: var(--text-secondary); border: 1px solid var(--dark-border); background: var(--dark-card); }
.woocommerce-table.shop_attributes td { padding: 0 15px; }

/* Reviews */
.review-item         { display: flex; gap: 1rem; padding: 1.5rem 0; border-bottom: 1px solid var(--dark-border); }
.comment_container img { width: 46px!important; height: 46px!important; object-fit: cover; border: 2px solid var(--dark-border); flex-shrink: 0; }
.review-author       { font-size: 0.9rem; font-weight: 700; margin-bottom: 0.2rem; }
.review-date         { font-size: 0.7rem; color: var(--text-muted); }
.review-stars        { display: flex; gap: 2px; margin: 0.3rem 0; }
.review-stars i      { font-size: 0.75rem; color: var(--gold); }
.review-text         { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.8; font-weight: 300; margin-top: 0.5rem; }
.comment-reply-title { font-size: 1.1rem; font-weight: 800; margin: 2rem 0 1rem; }

.woocommerce-Reviews #respond label { display: block; font-size: 0.78rem; font-weight: 600; color: var(--text-secondary); letter-spacing: 0.08em; margin-bottom: 0.4rem; }
.woocommerce-Reviews #respond input[type="text"],
.woocommerce-Reviews #respond input[type="email"],
.woocommerce-Reviews #respond textarea { width: 100%; padding: 0.75rem 1rem; background: var(--dark-card); border: 1px solid var(--dark-border); color: var(--text-primary);  font-size: 0.88rem; outline: none; transition: border-color 0.3s; text-align: right; margin-bottom: 1rem; }
.woocommerce-Reviews #respond input:focus,
.woocommerce-Reviews #respond textarea:focus { border-color: var(--gold); }
.woocommerce-Reviews #respond textarea { min-height: 110px; resize: vertical; }

/* Artist tab box */
.artist-tab-box {
	position: relative;
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 1.35rem;
	align-items: start;
	width: 100%;
	max-width: 100%;
	padding: 1.4rem;
	border: 1px solid #ccc;
	background: #eee;
	box-shadow: none;
	overflow: hidden;
}
.artist-tab-box::before {
	display: none;
}
@media (max-width: 700px) {
	.artist-tab-box {
		grid-template-columns: 1fr;
		padding: 1.05rem;
	}
}
.artist-tab-img     { position: relative; z-index: 1; width: 112px; height: 112px; object-fit: cover; border: 3px solid #ccc; border-radius: 50%; flex-shrink: 0; box-shadow: none; }
.artist-tab-img--placeholder { display: flex; align-items: center; justify-content: center; background: #eee; color: inherit; font-size: 1.5rem; }
.artist-tab-content { position: relative; z-index: 1; }
.artist-tab-head    { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: .8rem; }
.artist-tab-name    { font-size: 1.26rem; font-weight: 800; color: inherit; }
.artist-tab-role    { font-size: 0.7rem; color: inherit; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; margin: 0.3rem 0 0; }
.artist-tab-bio     { margin: 0.9rem 0 0; font-size: 0.9rem; color: inherit; line-height: 2; font-weight: 400; }
.artist-tab-stats   { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.15rem; }
.artist-tab-stats > div { min-width: 92px; padding: 0.45rem 0.7rem; border: 1px solid #ccc; background: #eee;  }
.a-stat-num         { font-size: 1.34rem; font-weight: 800; color: inherit; line-height: 1; }
.a-stat-label       { margin-top: .24rem; font-size: 0.64rem; color: inherit; }
.artist-tab-socials { display: flex; gap: 0.5rem; margin-top: 1rem; }
.artist-social      { width: 34px; height: 34px; border: 1px solid #ccc; background: #eee; color: inherit; font-size: 0.8rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--transition);  }
.artist-social:hover{ border-color: #ccc; color: inherit; background: #ccc; }

.artist-pdf-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.85rem;
	padding: 0.58rem 0.92rem;
	border: 1px solid #ccc;
	background: #eee;
	color: inherit;
	font-size: 0.82rem;
	font-weight: 700;
	text-decoration: none;
	transition: var(--transition);
}
.artist-pdf-link:hover {
	background: #ccc;
	color: inherit;
	text-decoration: none;
}
.artist-pdf-link i {
	color: #b91c1c;
	font-size: 1rem;
}
.artist-tab-box .ts-follow-btn.artist-tab-follow-btn {
	margin-top: 0;
	width: auto;
	height: auto;
	min-height: 42px;
	padding: .58rem .92rem;
	border-color: #ccc;
	background: #eee;
}
.artist-tab-box .ts-follow-btn.artist-tab-follow-btn:hover {
	border-color: #ccc;
	background: #ccc;
}
.artist-tab-box .ts-follow-btn.artist-tab-follow-btn.active {
	border-color: #ccc;
	background: #ccc;
	box-shadow: none;
	color: inherit;
}
.artist-tab-box .ts-follow-btn.artist-tab-follow-btn.active i { color: inherit; }

/* ============================================================
   RELATED PRODUCTS (woocommerce_output_related_products)
============================================================ */
.related-section { margin-top: 5rem; padding-top: 3rem; border-top: 1px solid var(--dark-border); }
.related-section.related.related-by-artist { margin-top: 2.4rem; padding-top: 2.2rem; }

.related ul.products,
.up-sells ul.products,
.related-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.1rem; list-style: none; padding: 0; }
@media (max-width: 1100px) { .related ul.products,.up-sells ul.products,.related-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 768px)  { .related ul.products,.up-sells ul.products,.related-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px)  { .related ul.products,.up-sells ul.products,.related-grid { grid-template-columns: 1fr; } }

li.product,
.related-card,
.item-products { background: var(--dark-card); border: 1px solid var(--dark-border); overflow: hidden; transition: var(--transition); cursor: pointer; display: flex; flex-direction: column; position: relative; }
li.product::after,
.related-card::after,
.item-products::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 2px; background: linear-gradient(to right,var(--gold),transparent); transform: scaleX(0); transform-origin: right; transition: var(--transition); }
li.product:hover,
.related-card:hover    { transform: translateY(-5px); box-shadow: var(--shadow-deep); border-color: var(--gold-dark); }
li.product:hover::after,
.related-card:hover::after { transform: scaleX(1); }

.related-thumb { position: relative; overflow: hidden; height: 340px; }
li.product img,
.related-card .slide-img,
.related-card-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; aspect-ratio: 1; display: block; }
li.product:hover img,
.related-card:hover .slide-img,
.related-card:hover .related-card-img { transform: scale(1.07); }

.related-thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.15),transparent); z-index: 1; }

.related-card-cat,
li.product .wc-category-tag { position: absolute; top: 0.65rem; right: 0.65rem; z-index: 5; padding: 0.16rem 0.55rem; background: var(--gold); color: #000; font-size: 0.58rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }

/* Related card slide-cat (overlay style) */
.related-carousel .slide-cat { position: absolute; top: 18px; right: 18px; z-index: 5; background: rgba(255,255,255,.14); backdrop-filter: blur(12px); color: #fff; padding: 0.5rem 0.95rem; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.4px; }

.related-section.related .related-actions { position: absolute; top: 18px; left: 18px; z-index: 5; display: flex; flex-direction: column; gap: 10px; }
.related-section.related .related-actions a,
.related-section.related .related-actions button { width: 44px; height: 44px; border: none; background: rgba(255,255,255,.12); backdrop-filter: blur(12px); color: #fff; display: flex; align-items: center; justify-content: center; transition: 0.35s ease; cursor: pointer; }
.related-section.related .related-actions a:hover,
.related-section.related .related-actions button:hover { background: var(--gold); color: #000; transform: translateY(-3px) scale(1.05); }

.related-card-body { padding: 1.1rem; flex: 1; display: flex; flex-direction: column; gap: 0.3rem; }
.slide-info        { padding: 1.4rem; position: relative; }

.woocommerce-loop-product__title,
.related-card-title { font-size: 0.9rem; font-weight: 700; line-height: 1.4; transition: var(--transition);  color: var(--text-primary); margin: 0; }
li.product:hover .woocommerce-loop-product__title,
.related-card:hover .related-card-title { color: var(--gold); }

/* slide-title in related context (overlay) */
.related-carousel .slide-title a { color: #fff; font-size: 1.08rem; font-weight: 800; line-height: 1.7; transition: 0.3s ease; text-decoration: none; }
.related-carousel .slide-title a:hover { color: var(--gold); }

.related-card-artist,
.slide-artist { font-size: 0.88rem; color: rgba(255,255,255,.62); }
.related-card-body .related-card-artist { color: var(--text-muted); }

li.product .price { font-size: 0.95rem; font-weight: 800; color: var(--gold); margin-top: 0.4rem; display: block; }

.slide-price { display: flex; align-items: center; gap: 0.65rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
.old-price   { color: #777; text-decoration: line-through; font-size: 0.9rem; }
.new-price   { color: #eee; font-size: 1.15rem; font-weight: 800; }
.new-price ins { text-decoration: none; }

.product-rating  { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 1rem; }
.product-rating .star-rating { margin: 0; font-size: 0.78rem; }

.related-card-footer    { display: flex; align-items: center; justify-content: space-between; margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--dark-border); }

.add_to_cart_button,
.related-add-btn { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.4rem 0.9rem; background: transparent; border: 1px solid var(--gold-dark); color: var(--gold); font-size: 0.72rem; font-weight: 700; cursor: pointer; transition: var(--transition);  }
.add_to_cart_button:hover,
.related-add-btn:hover { background: var(--gold); color: #000; border-color: var(--gold); }

.product-cart-btn { width: 100%; height: 52px; border: none; background: linear-gradient(135deg,var(--gold),var(--gold-light)); color: #000; font-size: 0.95rem; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 0.65rem; transition: 0.35s ease; text-decoration: none; }
.product-cart-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(200,200,200,.25); color: #000; }

/* ============================================================
   PRODUCTS SLIDER (carousel)
============================================================ */
.products-slider img { width: 100%; height: auto; }
.swiper-slide { transform: none; transition: none; }
.swiper-slide:hover { transform: none; }

.artwork_card_content  { padding-top: 10px; color: #464646; }
.artwork_card_artist   { font-size: 16px; font-weight: bold;margin: 10px 0 20px 0; }
.artwork_card_name     { font-size: 15px; }
.artwork_card_dimension{ float: left; }
.artwork_card_other    { border-top: 1px solid #ccc; padding: 10px 0; margin: 15px 0 0px 0; }

/* ============================================================
   WooCommerce overrides
============================================================ */
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images { float: none; width: 100% !important; }

.woocommerce div.product div.images .flex-control-thumbs li { width: 100% !important; float: right; margin: 10px 0; list-style: none; }

.related-carousel .item { padding: 10px; }

/* ============================================================
   RELATED PRODUCTS - PROFESSIONAL REFRESH
============================================================ */
.related-section.related {
    margin-top: 4.5rem;
    padding: clamp(1.1rem, 2.4vw, 1.8rem);
    border: 1px solid #ccc;

    background:
        radial-gradient(120% 120% at 100% 0%, rgba(238,238,238,0.78) 0%, rgba(255,255,255,0) 58%),
        linear-gradient(180deg,#ffffff 0%, #f7f7f7 100%);
}

.related-section.related .related-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.related-section.related .section-eyebrow {
    margin-bottom: 0.45rem;
    font-size: 0.68rem;
    letter-spacing: 0.28em;
}

.related-section.related .section-title {
    margin: 0;
    font-size: clamp(1.55rem, 2.7vw, 2.35rem);
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.related-section.related .related-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 0.6rem;
    border-radius: 999px;
    background: #eee;
    color: #333;
    border: 1px solid #ccc;
    font-size: 0.95rem;
    font-weight: 800;
}

.related-section.related .related-head-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

.related-section.related .related-slider-controls {
    min-height: 40px;
    margin-top: 0;
    display: flex !important;
    align-items: center;
    gap: 0.45rem;
    direction: ltr;
}

.related-section.related .related-slider-controls.owl-nav,
.related-section.related .related-slider-controls .owl-nav {
    margin-top: 0;
    display: flex !important;
    align-items: center;
    gap: 0.45rem;
    direction: ltr;
}

.related-section.related .related-slider-controls > [class*="owl-"],
.related-section.related .related-slider-controls.owl-nav [class*="owl-"],
.related-section.related .related-slider-controls .owl-nav [class*="owl-"] {
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #ccc !important;
    background: linear-gradient(180deg,#fff,#eee) !important;
    color: #333 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: 0 6px 12px rgba(27,22,18,0.08);
    transition: all 0.22s ease;
}

.related-section.related .related-slider-controls > [class*="owl-"] span,
.related-section.related .related-slider-controls > [class*="owl-"] i,
.related-section.related .related-slider-controls.owl-nav [class*="owl-"] span,
.related-section.related .related-slider-controls.owl-nav [class*="owl-"] i,
.related-section.related .related-slider-controls .owl-nav [class*="owl-"] span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.related-section.related .related-slider-controls > [class*="owl-"] .related-nav-icon,
.related-section.related .related-slider-controls.owl-nav [class*="owl-"] .related-nav-icon,
.related-section.related .related-slider-controls .owl-nav [class*="owl-"] .related-nav-icon {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.related-section.related .related-slider-controls > button.owl-next:hover,
.related-section.related .related-slider-controls > button.owl-prev:hover,
.related-section.related .related-slider-controls.owl-nav button.owl-next:hover,
.related-section.related .related-slider-controls.owl-nav button.owl-prev:hover,
.related-section.related .related-slider-controls .owl-nav button.owl-next:hover,
.related-section.related .related-slider-controls .owl-nav button.owl-prev:hover {
    border-color: #999 !important;
    background: #ccc !important;
    color: #111 !important;
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 20px rgba(0,0,0,0.14);
}

.related-section.related .related-slider-controls > button:focus-visible,
.related-section.related .related-slider-controls.owl-nav button:focus-visible,
.related-section.related .related-slider-controls .owl-nav button:focus-visible {
    outline: 2px solid #999;
    outline-offset: 2px;
}

.related-section.related .related-slider-controls > button.disabled,
.related-section.related .related-slider-controls.owl-nav button.disabled,
.related-section.related .related-slider-controls .owl-nav button.disabled {
    opacity: 0.42;
    transform: none;
    cursor: not-allowed;
    box-shadow: none;
}

.related-section.related .related-head-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    height: 40px;
    padding: 0 0.95rem;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    font-size: 0.82rem;
    font-weight: 700;
}

.related-section.related .related-head-link:hover {
    background: #eee;
    border-color: #ccc;
    color: #111;
}

.related-section.related .related-carousel .owl-stage {
    display: flex;
}

.related-section.related .related-carousel .owl-item {
    height: auto;
    display: flex;
}

.related-section.related .related-carousel .item {
    padding: 8px;
    height: 100%;
    width: 100%;
}

.related-section.related .related-card {
    height: 100%;
    border: 1px solid #ccc;
    box-shadow: 0 8px 20px rgba(26,22,18,0.04);
    overflow: hidden;
}

.related-section.related .related-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(26,22,18,0.12);
    border-color: #aaa;
}

.related-section.related .related-thumb {
    height: auto;
    aspect-ratio: 4 / 4.2;
    background: #eee;
}

.related-section.related .related-thumb::after {
    background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.1) 42%, rgba(0,0,0,0) 82%);
}

.related-section.related .related-carousel .slide-cat {
    top: 12px;
    right: 12px;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.64rem;
    letter-spacing: 0.06em;
    background: rgba(18,14,10,0.74);
    color: #fff;
    backdrop-filter: blur(6px);
}

.related-section.related .related-actions {
    top: 12px;
    left: 12px;
    gap: 8px;
}

.related-section.related .related-actions a,
.related-section.related .related-actions button {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0,0,0,0.07);
    background: rgba(255,255,255,0.9);
    color: #333;
}

.related-section.related .related-actions a:hover,
.related-section.related .related-actions button:hover {
    background: #eee;
    color: #000;
}

.related-section.related .related-actions .related-wishlist-btn.active {
    border-color: rgba(239,68,68,.35);
    background: rgba(239,68,68,.12);
    color: #ef4444;
}

.related-section.related .slide-info {
    padding: 0.85rem 1rem 1.05rem;
    border-top: 1px solid #ccc;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.related-section.related .slide-title {
    margin: 0;
    opacity: 1 !important;
    transform: none !important;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--text-primary);
}

.related-section.related .related-carousel .slide-title a {
    color: #222;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.7;
    min-height: 2.9em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-section.related .related-carousel .slide-title a:hover {
    color: #000;
}

.related-section.related .slide-artist {
    color: #777;
    font-size: 0.76rem;
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
}

.related-section.related .product-rating {
    margin-bottom: 0;
}

.related-section.related .product-rating .star-rating {
    font-size: 0.72rem;
}

.related-section.related .rating-count {
    color: #777;
    font-size: 0.75rem;
}

.related-section.related .slide-price {
    margin-bottom: 0;
    margin-top: auto;
    gap: 0.3rem 0.6rem;
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.55rem;
    border-top: 1px solid #ccc;
}

.related-section.related .old-price {
    color: #888;
    font-size: 0.74rem;
    font-weight: 500;
    order: 0;
}

.related-section.related .new-price {
    color: #555;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0;
    order: 0;
}

.related-section.related .new-price del,
.related-section.related .new-price ins {
    text-decoration: none;
}

.related-section.related .new-price del {
    display: none;
}

.related-section.related .new-price .woocommerce-Price-amount {
    font-variant-numeric: tabular-nums;
}

.related-section.related .product-rating {
    display: none;
}

.related-section.related .product-cart-btn {
    width: 100%;
    height: 40px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    margin-top: 0.3rem;
    flex: 1 0 100%;
    order: 3;
}

.related-section.related .product-cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(26,22,18,0.16);
}

.related-section.related .added_to_cart.wc-forward,
.products-grid.products .added_to_cart.wc-forward,
.bonart-loop-card .added_to_cart.wc-forward {
    display: none !important;
}

.related-section.related .product-cart-btn.is-loading,
.related-section.related .related-actions a.add_to_cart_button.is-loading {
    opacity: 0.65;
    pointer-events: none;
    cursor: progress;
}

.related-section.related .product-cart-btn.is-added-ui,
.related-section.related .product-cart-btn.added {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
    box-shadow: 0 12px 24px rgba(22,163,74,0.28);
}

.related-section.related .product-cart-btn.is-added-ui:hover,
.related-section.related .product-cart-btn.added:hover {
    background: linear-gradient(135deg, #16a34a, #15803d);
    color: #fff;
}

.related-section.related .related-actions a.add_to_cart_button.is-added-ui,
.related-section.related .related-actions a.add_to_cart_button.added {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
}

.bonart-cart-toast {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 999999;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.45;
    box-shadow: 0 14px 34px rgba(22,163,74,0.34);
    opacity: 0;
    transform: translateY(-14px) scale(0.98);
    pointer-events: none;
    transition: opacity 0.24s ease, transform 0.24s ease;
}

.bonart-cart-toast.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

body.admin-bar .bonart-cart-toast {
    top: 56px;
}

.bonart-cart-toast__icon {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.22);
    color: #fff;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .bonart-cart-toast {
        left: 12px;
        right: 12px;
        top: 12px;
        justify-content: center;
        text-align: center;
    }
    body.admin-bar .bonart-cart-toast {
        top: 58px;
    }
}

.related-section.related .owl-theme .owl-dots {
    margin-top: 0.3rem;
}

.related-section.related .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px;
    border-radius: 999px;
    background: #ccc;
    transition: all 0.25s ease;
}

.related-section.related .owl-theme .owl-dots .owl-dot.active span,
.related-section.related .owl-theme .owl-dots .owl-dot:hover span {
    width: 24px;
    background: #777;
}

@media (max-width: 991px) {
    .related-section.related .related-head {
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .related-section.related {
        margin-top: 3rem;
        padding: 1rem;
    }
    .related-section.related .related-head {
        margin-bottom: 0.7rem;
    }
    .related-section.related .related-head-actions {
        width: 100%;
        justify-content: space-between;
    }
    .related-section.related .related-head-link {
        font-size: 0.78rem;
    }
    .related-section.related .related-carousel .item {
        padding: 6px;
    }
}

@media (max-width: 575px) {
    .related-section.related .related-head-actions {
        gap: 0.4rem;
    }
    .related-section.related .related-head-link {
        height: 36px;
        padding: 0 0.7rem;
    }
    .related-section.related .related-slider-controls > button.owl-next,
    .related-section.related .related-slider-controls > button.owl-prev,
    .related-section.related .related-slider-controls.owl-nav button.owl-next,
    .related-section.related .related-slider-controls.owl-nav button.owl-prev,
    .related-section.related .related-slider-controls .owl-nav button.owl-next,
    .related-section.related .related-slider-controls .owl-nav button.owl-prev {
        width: 38px !important;
        height: 38px !important;
    }
    .related-section.related .related-actions a,
    .related-section.related .related-actions button {
        width: 34px;
        height: 34px;
    }
    .related-section.related .product-cart-btn {
        font-size: 0.78rem;
    }
}



/* ================================================================
   EXTENDED STYLES - page variants
================================================================ */

/* ---- page-hero & breadcrumb ---- */
/* ============================================================
   PAGE HERO BASE (about / contact / checkout)
============================================================ */
.page-hero      { margin: 88px 2rem 0; overflow: hidden; position: relative; display: flex; align-items: center; }
.page-hero-content { position: relative; z-index: 2; padding: 0 3.5rem; }
.page-hero-eyebrow { display: inline-flex; align-items: center; gap: .6rem; font-size: .68rem; font-weight: 700; letter-spacing: .38em; color: var(--gold); text-transform: uppercase; margin-bottom: 1rem; }
.page-hero-eyebrow::before { content: ''; width: 28px; height: 1px; background: var(--gold); opacity: .7; }
.page-hero h1   { font-size: clamp(2rem,5vw,3.8rem); font-weight: 800; color: var(--text-primary); letter-spacing: -0.02em; line-height: 1.1; }
.page-hero h1 em{ color: var(--gold); font-style: italic; font-weight: 300; }
.page-hero-sub  { font-size: .95rem; color: var(--text-secondary); margin-top: .75rem; font-weight: 300; }
@media (max-width: 600px) { .page-hero { height: 280px; margin: 80px 1rem 0; } .page-hero-content { padding: 0 1.5rem; } }

/* BREADCRUMB */
.breadcrumb-bar   { background: var(--dark-surface); border-bottom: 1px solid var(--dark-border); padding: .85rem 0; margin: 1rem 2rem 0;  }
.breadcrumb-inner { max-width: 1400px; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; gap: .5rem; font-size: .73rem; color: var(--text-muted); }
.breadcrumb-inner a { color: var(--text-muted); }
.breadcrumb-inner a:hover { color: var(--gold); }
.breadcrumb-inner .sep { color: var(--dark-border); }
.breadcrumb-inner .cur { color: var(--text-secondary); }

/* ---- navbar-white ---- */
/* NAVBAR - base overrides for internal pages */
.navbar-arta.solid {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--dark-border);
}
.nav-auth-btn-gold {
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.55rem 1.2rem; background:var(--gold); color:#000;
    font-weight:700; font-size:.8rem; border:none; 
    cursor:pointer; transition:var(--transition); font-family:var(--font);
}
.nav-auth-btn-gold:hover { background:var(--gold-light); transform:translateY(-1px); }
.btn-outline-light {
    display:inline-flex; align-items:center; gap:.65rem;
    padding:.7rem 1.5rem; background:rgba(255,255,255,.08); backdrop-filter:blur(8px);
    color:#fff; font-weight:500; font-size:.9rem; letter-spacing:.06em;
    border:1px solid rgba(255,255,255,.25); cursor:pointer;
     transition:var(--transition); text-decoration:none;
}
.btn-outline-light:hover { border-color:var(--gold); color:var(--gold); }

/* ---- about ---- */
/* about.css - dedicated styles for about page */

/* PAGE HERO */
.page-hero      { height: 320px; background: var(--dark-surface); border-bottom: 1px solid var(--dark-border); }
.page-hero-bg   { position: absolute; inset: 0; transform: scale(1.04); transition: transform 8s ease; }
.page-hero:hover .page-hero-bg { transform: scale(1.0); }
.page-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 55%,rgba(0,0,0,.9) 100%); }

/* STORY */
.story-img-wrap     { position: relative; overflow: hidden; box-shadow: var(--shadow-deep); }
.story-img-wrap img { width: 100%; height: 480px; object-fit: cover; display: block; }
@media (max-width: 768px) { .story-img-wrap img { height: 300px; } }
.story-year-badge   { position: absolute; bottom: 1.5rem; right: 1.5rem; background: var(--gold); color: #000; font-size: 2rem; font-weight: 800; letter-spacing: -0.03em; padding: .75rem 1.25rem; line-height: 1; }
.story-year-badge span { display: block; font-size: .65rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; margin-top: .2rem; }
.story-text p       { font-size: .97rem; color: var(--text-secondary); line-height: 1.9; font-weight: 300; margin-bottom: 1.1rem; }
.story-text p strong{ color: var(--text-primary); font-weight: 700; }

/* VALUES */
.value-card         { background: var(--dark-card); border: 1.5px solid var(--dark-border); padding: 2rem 1.75rem; height: 100%; transition: var(--transition); position: relative; overflow: hidden; }
.value-card::before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(to left,var(--gold-light),var(--gold)); transform: scaleX(0); transform-origin: right; transition: transform .4s; }
.value-card:hover   { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,.09); border-color: rgba(200,200,200,.3); }
.value-card:hover::before { transform: scaleX(1); }
.value-icon  { font-size: 2rem; margin-bottom: 1.1rem; }
.value-title { font-size: 1.05rem; font-weight: 700; margin-bottom: .6rem; }
.value-desc  { font-size: .86rem; color: var(--text-secondary); line-height: 1.8; font-weight: 300; }

/* TIMELINE */
.timeline         { position: relative; }
.timeline::before { content: ''; position: absolute; top: 0; bottom: 0; right: 50%; width: 2px; background: linear-gradient(to bottom,transparent,var(--gold),transparent); }
@media (max-width: 768px) { .timeline::before { right: 20px; } }

.timeline-item    { display: grid; grid-template-columns: 1fr 60px 1fr; margin-bottom: 3rem; align-items: start; }
@media (max-width: 768px) { .timeline-item { grid-template-columns: 40px 1fr; } }

.timeline-content { background: var(--dark-card); border: 1.5px solid var(--dark-border); padding: 1.5rem; transition: var(--transition); }
.timeline-content:hover { border-color: rgba(200,200,200,.4); box-shadow: 0 8px 30px rgba(0,0,0,.07); }
.timeline-content.right  { grid-column: 3; }
.timeline-content.left   { grid-column: 1; }
@media (max-width: 768px) { .timeline-content.right, .timeline-content.left { grid-column: 2; } }

.timeline-dot-col { display: flex; justify-content: center; padding-top: 1.2rem; }
@media (max-width: 768px) { .timeline-dot-col { grid-column: 1; } }
.timeline-dot     { width: 14px; height: 14px; border-radius: 50%; background: var(--gold); border: 3px solid #fff; box-shadow: 0 0 0 2px var(--gold); flex-shrink: 0; }
.timeline-empty   { grid-column: auto; }
@media (max-width: 768px) { .timeline-empty { display: none; } }

.timeline-year    { font-size: .7rem; font-weight: 800; color: var(--gold); letter-spacing: .15em; margin-bottom: .4rem; }
.timeline-title   { font-size: .98rem; font-weight: 700; margin-bottom: .4rem; }
.timeline-desc    { font-size: .83rem; color: var(--text-secondary); line-height: 1.75; font-weight: 300; }

/* TEAM */
.team-card        { background: var(--dark-card); border: 1.5px solid var(--dark-border); overflow: hidden; transition: var(--transition); height: 100%; }
.team-card:hover  { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(0,0,0,.1); border-color: rgba(200,200,200,.35); }
.team-img-wrap    { position: relative; overflow: hidden; }
.team-img-wrap img { width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .5s; }
.team-card:hover .team-img-wrap img { transform: scale(1.06); }
.team-social-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.55); display: flex; align-items: center; justify-content: center; gap: .75rem; opacity: 0; transition: opacity .35s; }
.team-card:hover .team-social-overlay { opacity: 1; }
.team-social-btn  { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.15); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,.25); color: #fff; display: flex; align-items: center; justify-content: center; font-size: .85rem; transition: var(--transition); cursor: pointer; }
.team-social-btn:hover { background: var(--gold); border-color: var(--gold); color: #000; }
.team-body { padding: 1.4rem; }
.team-name { font-size: 1.05rem; font-weight: 700; margin-bottom: .2rem; }
.team-role { font-size: .75rem; color: var(--gold); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; margin-bottom: .6rem; }
.team-bio  { font-size: .83rem; color: var(--text-secondary); line-height: 1.75; font-weight: 300; }

/* STATS STRIP */
.stats-strip       { background: linear-gradient(135deg,#f0ede8 0%,#e8e2da 50%,#1a1612 100%);padding: 3.5rem 2rem; position: relative; overflow: hidden; }
.stat-big          { text-align: center; position: relative; }
.stat-big-num      { font-size: clamp(2.4rem,5vw,3.5rem); font-weight: 800; color: var(--text-primary); line-height: 1; letter-spacing: -0.03em; }
.stat-big-label    { font-size: .75rem; color: var(--text-muted); letter-spacing: .15em; text-transform: uppercase; margin-top: .5rem; }
.stat-divider      { width: 1px; background: rgba(255,255,255,.08); align-self: stretch; }
@media (max-width: 576px) { .stat-divider { display: none; } }

/* AWARDS */
.award-item        { display: flex; gap: 1.25rem; align-items: flex-start; padding: 1.5rem; background: var(--dark-card); border: 1.5px solid var(--dark-border); margin-bottom: .75rem; transition: var(--transition); }
.award-item:hover  { border-color: rgba(200,200,200,.4); transform: translateX(-4px); }
.award-icon        { width: 48px; height: 48px; background: rgba(200,200,200,.1); display: flex; align-items: center; justify-content: center; color: var(--gold); font-size: 1.2rem; flex-shrink: 0; transition: var(--transition); }
.award-item:hover .award-icon { background: var(--gold); color: #000; }
.award-year        { font-size: .68rem; font-weight: 700; color: var(--gold); letter-spacing: .15em; text-transform: uppercase; margin-bottom: .3rem; }
.award-title       { font-size: .95rem; font-weight: 700; color: var(--text-primary); margin-bottom: .2rem; }
.award-body        { font-size: .82rem; color: var(--text-muted); line-height: 1.6; }

/* PARTNERS */
.partners-section  { background: var(--dark-surface); padding: 4rem 0; }
.partner-logo      { display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: var(--dark-card); border: 1.5px solid var(--dark-border); font-size: 1rem; font-weight: 700; color: var(--text-muted); letter-spacing: .05em; transition: var(--transition); height: 80px; }
.partner-logo:hover{ border-color: rgba(200,200,200,.4); color: var(--gold); }

/* CTA BANNER */
.cta-banner         { background: linear-gradient(135deg,#f0ede8,#e8e2da); padding: 4rem 3rem; text-align: center; position: relative; overflow: hidden; margin: 0 0 4rem; }
.cta-banner::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center,rgba(200,200,200,.1) 0%,transparent 70%); }
.cta-banner-content { position: relative; z-index: 1; }
.cta-banner h2      { font-size: clamp(1.6rem,3vw,2.4rem); font-weight: 800; color: var(--text-primary); margin-bottom: .75rem; }
.cta-banner h2 em   { color: var(--gold); font-style: italic; font-weight: 300; }
.cta-banner p       { font-size: .95rem; color: var(--text-secondary); margin-bottom: 2rem; font-weight: 300; }

/* ---- contact ---- */
/* contact.css - dedicated styles for contact page */

/* PAGE HERO (contact page) */
.page-hero {
    height: 320px; display: flex; justify-content: center; text-align: center;
    background: linear-gradient(135deg,#f0ede8 0%,#e8e2da 50%,#1a1612 100%);
}
.page-hero-eyebrow::before,
.page-hero-eyebrow::after { content: ''; width: 28px; height: 1px; background: var(--gold); opacity: .6; }
.page-hero-pattern {
    position: absolute; inset: 0;
    background-image:
            radial-gradient(circle at 20% 50%,rgba(200,200,200,.12) 0%,transparent 50%),
            radial-gradient(circle at 80% 20%,rgba(200,200,200,.08) 0%,transparent 40%);
}

/* INFO CARDS */
.info-card          { background: var(--dark-card); border: 1.5px solid var(--dark-border); padding: 2rem 1.75rem; height: 100%; transition: var(--transition); position: relative; overflow: hidden; }
.info-card::after   { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 3px; background: linear-gradient(to left,var(--gold-light),var(--gold)); transform: scaleX(0); transition: transform .4s; }
.info-card:hover    { transform: translateY(-5px); box-shadow: 0 16px 48px rgba(0,0,0,.09); border-color: rgba(200,200,200,.35); }
.info-card:hover::after { transform: scaleX(1); }
.info-card-icon     { width: 54px; height: 54px; background: rgba(200,200,200,.1); display: flex; align-items: center; justify-content: center; color: var(--gold); font-size: 1.25rem; margin-bottom: 1.25rem; transition: var(--transition); }
.info-card:hover .info-card-icon { background: var(--gold); color: #000; }
.info-card-label    { font-size: .68rem; font-weight: 700; letter-spacing: .15em; color: var(--text-muted); text-transform: uppercase; margin-bottom: .5rem; }
.info-card-value    { font-size: 1rem; font-weight: 600; color: var(--text-primary); line-height: 1.6; }
.info-card-value a  { color: var(--text-primary); }
.info-card-value a:hover { color: var(--gold); }
.info-card-sub      { font-size: .8rem; color: var(--text-muted); margin-top: .35rem; }

/* HOURS TABLE */
.hours-row          { display: flex; justify-content: space-between; align-items: center; padding: .6rem 0; border-bottom: 1px solid var(--dark-border); font-size: .85rem; }
.hours-row:last-child { border-bottom: none; }
.hours-day          { color: var(--text-secondary); }
.hours-time         { color: var(--text-primary); font-weight: 600; }
.hours-time.closed  { color: var(--text-muted); font-weight: 400; }
.hours-dot          { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; margin-left: .4rem; display: inline-block; }
.hours-dot.off      { background: var(--dark-border); }

/* CONTACT FORM */
.contact-form-wrap  { background: var(--dark-card); border: 1.5px solid var(--dark-border);padding: 2.5rem; }
@media (max-width: 600px) { .contact-form-wrap { padding: 1.5rem; } }
.contact-form-wrap .form-row           { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 600px) { .contact-form-wrap .form-row { grid-template-columns: 1fr; } }
.form-group         { margin-bottom: 1.1rem; }
.form-label         { display: block; font-size: .78rem; font-weight: 700; color: var(--text-secondary); margin-bottom: .45rem; letter-spacing: .04em; }
.form-control-arta  { width: 100%; padding: .82rem 1rem; border: 1.5px solid var(--dark-border); font-size: .92rem; color: var(--text-primary); background: #fafafa; outline: none; transition: border-color .25s, box-shadow .25s; direction: rtl; }
.form-control-arta:focus { border-color: var(--gold); background: #fff; box-shadow: 0 0 0 3px rgba(200,200,200,.15); }
.form-control-arta::placeholder { color: var(--text-muted); }
textarea.form-control-arta { resize: vertical; min-height: 140px; }

.form-subject-grid  { display: grid; grid-template-columns: repeat(3,1fr); gap: .6rem; }
@media (max-width: 500px) { .form-subject-grid { grid-template-columns: 1fr 1fr; } }
.subject-chip       { padding: .55rem .5rem; border: 1.5px solid var(--dark-border); text-align: center; font-size: .78rem; color: var(--text-secondary); cursor: pointer; transition: var(--transition); user-select: none; }
.subject-chip:hover { border-color: var(--gold-dark); color: var(--gold-dark); }
.subject-chip.selected { border-color: var(--gold); background: rgba(200,200,200,.1); color: var(--text-primary); font-weight: 700; }

.btn-submit         { width: 100%; padding: .95rem; background: var(--gold); color: #000;  font-size: .95rem; font-weight: 700; border: none;cursor: pointer; display: flex; align-items: center; justify-content: center; gap: .6rem; transition: var(--transition); margin-top: .5rem; clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px)); }
.btn-submit:hover   { background: #eee; transform: translateY(-2px); }
.form-note          { font-size: .75rem; color: var(--text-muted); margin-top: .85rem; text-align: center; line-height: 1.6; }

/* MAP */
.map-section        { background: var(--dark-surface); padding: 4rem 0; }
.map-wrap           { overflow: hidden; border: 1.5px solid var(--dark-border); box-shadow: var(--shadow-deep); position: relative; }
.map-wrap iframe    { display: block; width: 100%; height: 420px; filter: grayscale(20%) contrast(95%); }
@media (max-width: 600px) { .map-wrap iframe { height: 280px; } }
.map-badge          { position: absolute; top: 1.25rem; right: 1.25rem; background: #fff; border: 1px solid var(--dark-border); padding: .8rem 1.1rem; display: flex; align-items: center; gap: .75rem; box-shadow: 0 8px 24px rgba(0,0,0,.1); font-size: .82rem; color: var(--text-primary); font-weight: 600; }
.map-badge i        { color: var(--gold); }

/* FAQ */
.faq-section        { background: var(--dark-bg); padding: 5rem 0; }
.faq-item           { border: 1.5px solid var(--dark-border); margin-bottom: .75rem; overflow: hidden; transition: border-color .3s; }
.faq-item.open      { border-color: rgba(200,200,200,.4); }
.faq-question       { display: flex; align-items: center; justify-content: space-between; padding: 1.15rem 1.5rem; cursor: pointer; font-weight: 600; font-size: .95rem; color: var(--text-primary); user-select: none; gap: 1rem; }
.faq-icon           { width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; border: 1.5px solid var(--dark-border); display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: .75rem; transition: var(--transition); }
.faq-item.open .faq-icon { background: var(--gold); border-color: var(--gold); color: #000; transform: rotate(45deg); }
.faq-answer         { max-height: 0; overflow: hidden; transition: max-height .4s cubic-bezier(.25,.46,.45,.94), padding .3s; font-size: .9rem; color: var(--text-secondary); line-height: 1.85; padding: 0 1.5rem; }
.faq-item.open .faq-answer { max-height: 300px; padding-bottom: 1.25rem; }

/* ---- checkout ---- */
/* checkout.css - dedicated styles for checkout page */

body { background: var(--dark-surface); }

.woocommerce-cart,
.woocommerce-checkout { background: var(--dark-surface); }
.woocommerce-cart .navbar-arta,
.woocommerce-checkout .navbar-arta {
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--dark-border);
    padding: .8rem 2rem;
}
body.admin-bar .woocommerce-cart .navbar-arta,
body.admin-bar .woocommerce-checkout .navbar-arta { top: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar .woocommerce-cart .navbar-arta,
    body.admin-bar .woocommerce-checkout .navbar-arta { top: 46px; }
}

/* CART PAGE */
.bonart-cart-shell { max-width: 1200px; margin: 2rem auto; padding: 0 1.25rem; }
.bonart-cart-shell .wc-panel-body.bonart-cart-table-wrap { padding: 0; overflow-x: auto; }
.bonart-cart-count { font-size: .78rem; color: var(--text-muted); }
.bonart-cart-shell .shop_table.cart { width: 100%; border-collapse: collapse; margin: 0; }
.bonart-cart-shell .shop_table.cart thead th {
    font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    color: var(--text-muted); padding: .75rem 1rem; border-bottom: 1.5px solid var(--dark-border);
    background: var(--dark-surface); text-align: right;
}
.bonart-cart-shell .shop_table.cart tbody td {
    padding: .9rem 1rem; border-bottom: 1px solid var(--dark-border); vertical-align: middle;
}
.bonart-cart-shell .shop_table.cart tbody tr:last-child td { border-bottom: none; }
.bonart-cart-shell .product-thumbnail img { width: 70px; height: 70px; object-fit: cover;  border: 1px solid var(--dark-border); }
.bonart-cart-shell .product-name a { font-weight: 700; color: var(--text-primary); }
.bonart-cart-shell .product-name a:hover { color: var(--gold); }
.bonart-cart-shell .product-price,
.bonart-cart-shell .product-subtotal { white-space: nowrap; font-weight: 700; color: var(--gold); }
.bonart-cart-shell .product-remove .remove {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--dark-border);
    color: #dc2626 !important; display: inline-flex; align-items: center; justify-content: center;
    line-height: 1; transition: var(--transition);
}
.bonart-cart-shell .product-remove .remove:hover { border-color: #dc2626; background: #fee2e2; }
.bonart-cart-shell .quantity .qty {
    width: 76px; padding: .45rem .5rem; border: 1.5px solid var(--dark-border); 
    text-align: center; background: #fafafa; color: var(--text-primary);
}
.bonart-cart-shell .quantity .qty:focus { border-color: var(--gold); outline: none; background: #fff; }
.bonart-cart-actions {
    display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap;
    background: var(--dark-surface); padding: 1rem !important;
}
.bonart-cart-actions .coupon { display: flex; align-items: center; gap: .6rem; flex: 1; min-width: 260px; }
.bonart-cart-actions .coupon .coupon-input { min-width: 170px; }
.bonart-cart-actions .cart-update-btn { margin-right: auto; }
.bonart-cart-collaterals { margin-top: 1.25rem; display: grid; grid-template-columns: 1fr 360px; gap: 1.25rem; align-items: start; }
.bonart-cart-collaterals .cross-sells { order: 1; min-width: 0; }
.bonart-cart-collaterals .cart_totals { order: 2; }
.bonart-cart-collaterals .cross-sells h2 {
    font-size: .9rem; font-weight: 700; letter-spacing: .08em; margin-bottom: .75rem; color: var(--text-secondary);
}
.bonart-cart-totals-table { width: 100%; border-collapse: collapse; }
.bonart-cart-totals-table th,
.bonart-cart-totals-table td { padding: .75rem 0; border-bottom: 1px solid var(--dark-border); vertical-align: top; }
.bonart-cart-totals-table th { font-size: .84rem; font-weight: 600; color: var(--text-secondary); text-align: right; }
.bonart-cart-totals-table td { text-align: left; font-weight: 600; color: var(--text-primary); }
.bonart-cart-totals-table .order-total th,
.bonart-cart-totals-table .order-total td { padding-top: 1rem; border-bottom: none; }
.bonart-cart-totals-table .order-total td { font-size: 1.2rem; font-weight: 800; color: var(--gold); }
.bonart-cart-totals-table .discount-total td { color: var(--green); }
.btn-proceed-checkout {
    width: 100%; padding: .95rem 1.2rem; background: var(--gold); border: 1px solid var(--gold);
    color: #000 !important; font-size: .9rem; font-weight: 800; text-align: center; display: inline-flex;
    align-items: center; justify-content: center; transition: var(--transition);
}
.btn-proceed-checkout:hover { background: #eee; border-color: var(--gold-light); transform: translateY(-1px); color: #000 !important; }
.wc-proceed-to-checkout { margin-top: 1rem; }
.woocommerce-shipping-calculator { margin-top: .55rem; }
.shipping-calculator-button.coupon-btn { display: inline-flex; align-items: center; text-decoration: none; margin-bottom: .6rem; }
.shipping-calculator-form { display: grid; gap: .65rem; }
.shipping-calculator-form .form-row { margin: 0; }
.shipping-calculator-form label { display: block; margin-bottom: .3rem; font-size: .75rem; color: var(--text-secondary); }
.shipping-calculator-form .woocommerce-Input { width: 100%; }
.woocommerce-shipping-methods { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: .45rem; }
.woocommerce-shipping-choice .woocommerce-Price-amount,
.woocommerce-shipping-choice .amount { margin-right: auto; font-weight: 700; color: var(--gold); }
.bonart-empty-cart-shell { margin-top: 2rem; }
.bonart-empty-cart-panel .wc-panel-body { text-align: center; }
.bonart-empty-cart-panel .return-to-shop { margin: 0; }
@media (max-width: 900px) {
    .bonart-cart-shell { padding: 0 .75rem; }
    .bonart-cart-collaterals { grid-template-columns: 1fr; }
    .bonart-cart-actions .coupon { min-width: 100%; }
    .bonart-cart-actions .cart-update-btn { margin-right: 0; width: 100%; }
}
@media (max-width: 700px) {
    .bonart-cart-shell .shop_table.cart thead { display: none; }
    .bonart-cart-shell .shop_table.cart tr { display: grid; grid-template-columns: 1fr; gap: .45rem; padding: .9rem; border-bottom: 1px solid var(--dark-border); }
    .bonart-cart-shell .shop_table.cart tbody td { display: block; padding: .2rem 0; border-bottom: none; }
    .bonart-cart-shell .product-remove { order: 1; }
    .bonart-cart-shell .product-thumbnail { order: 2; }
    .bonart-cart-shell .product-name { order: 3; }
    .bonart-cart-shell .product-price { order: 4; }
    .bonart-cart-shell .product-quantity { order: 5; }
    .bonart-cart-shell .product-subtotal { order: 6; }
    .bonart-cart-shell .shop_table.cart td:not(.actions)::before {
        content: attr(data-title); display: block; font-size: .7rem; color: var(--text-muted);
        text-transform: uppercase; letter-spacing: .08em; margin-bottom: .2rem;
    }
    .bonart-cart-shell .shop_table.cart td.product-remove::before,
    .bonart-cart-shell .shop_table.cart td.product-thumbnail::before { display: none; }
}

/* CART UI POLISH */
.woocommerce-cart .bonart-cart-shell .wc-panel {

    border-color: #e7dfd4;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}
.woocommerce-cart .bonart-cart-shell .wc-panel-head {
    background: linear-gradient(180deg, #fff 0%, #fbf9f6 100%);
}
.woocommerce-cart .bonart-cart-shell .wc-panel-title {
    font-size: 1rem;
}
.woocommerce-cart .bonart-cart-shell .bonart-cart-count {
    font-size: .76rem;
    padding: .28rem .65rem;
    border: 1px solid #e8e1d7;
    border-radius: 999px;
    background: #fff;
}
.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody tr.woocommerce-cart-form__cart-item {
    transition: background-color .25s ease;
}
.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody tr.woocommerce-cart-form__cart-item:hover {
    background: #fcfbf9;
}
.woocommerce-cart .bonart-cart-shell .product-name a {
    line-height: 1.8;
}
.woocommerce-cart .bonart-cart-shell .product-price,
.woocommerce-cart .bonart-cart-shell .product-subtotal {
    font-size: .95rem;
}

/* Quantity control */
.woocommerce-cart .bonart-cart-shell .product-quantity .quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e6ddd1;

    overflow: hidden;
    background: #fff;
}
.woocommerce-cart .bonart-cart-shell .product-quantity .quantity .qty-btn {
    width: 38px;
    height: 40px;
    border: 0;
    background: #f8f6f2;
    color: #475569;
    font-size: .95rem;
}
.woocommerce-cart .bonart-cart-shell .product-quantity .quantity .qty-btn:hover {
    background: #ece7de;
    color: #111827;
}
.woocommerce-cart .bonart-cart-shell .product-quantity .quantity .qty {
    width: 52px;
    height: 40px;
    border: 0;
    border-left: 1px solid #eee7dc;
    border-right: 1px solid #eee7dc;
    border-radius: 0;
    background: #fff;
    font-weight: 700;
}

/* Coupon/update row */
.woocommerce-cart .bonart-cart-shell .bonart-cart-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: 1rem 1.1rem !important;
}
.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon {
    min-width: 0;
    width: 100%;
}
.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-input {
    height: 44px;
    min-width: 0;
}
.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-btn,
.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn {
    height: 44px;
    padding: 0 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn {
    margin-right: 0;
}

/* Totals card */
.woocommerce-cart .bonart-cart-shell .bonart-cart-collaterals .bonart-cart-totals {
    position: sticky;
    top: 132px;
}
.woocommerce-cart .bonart-cart-shell .bonart-cart-totals-table th {
    color: #475569;
    font-weight: 700;
}
.woocommerce-cart .bonart-cart-shell .bonart-cart-totals-table td {
    color: #111827;
    font-weight: 700;
}
.woocommerce-cart .bonart-cart-shell .bonart-cart-totals-table .order-total td {
    color: #7c3aed;
}
.woocommerce-cart .bonart-cart-shell .btn-proceed-checkout {
    height: 54px;

    font-size: 1rem;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.16);
}

@media (max-width: 900px) {
    .woocommerce-cart .bonart-cart-shell .bonart-cart-actions {
        grid-template-columns: 1fr;
    }
    .woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon {
        flex-wrap: wrap;
    }
    .woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-input,
    .woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-btn,
    .woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn {
        width: 100%;
    }
    .woocommerce-cart .bonart-cart-shell .bonart-cart-collaterals .bonart-cart-totals {
        position: static;
    }
}

/* Fix clipped top area on cart page */
body.woocommerce-cart .steps-bar {
    position: relative !important;
    top: 0 !important;
    z-index: 2 !important;
}
body.woocommerce-cart .bonart-cart-shell {
    margin-top: 1.5rem !important;
}

/* STEPS BAR */
.steps-bar   { background: var(--dark-card); border-bottom: 1px solid var(--dark-border); padding: .85rem 0; position: sticky; top: 65px; z-index: 100; }
.woocommerce-cart .steps-bar,
.woocommerce-checkout .steps-bar {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}
.steps-inner { max-width: 900px; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; justify-content: center; }
.step        { display: flex; align-items: center; gap: .6rem; font-size: .8rem; color: var(--text-muted); padding: .3rem .75rem; }
.step.active { color: var(--text-primary); font-weight: 600; }
.step.done   { color: var(--green); }
.step-num    { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--dark-border); display: flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 700; flex-shrink: 0; transition: var(--transition); }
.step.active .step-num { border-color: var(--gold); background: var(--gold); color: #000; }
.step.done .step-num   { border-color: var(--green); background: var(--green); color: #fff; }
.step-sep    { width: 48px; height: 1px; background: var(--dark-border); }
@media (max-width: 540px) { .step-label { display: none; } .step-sep { width: 24px; } }

/* LAYOUT */
.checkout-layout { max-width: 1200px; margin: 2rem auto; padding: 0 1.25rem; display: grid; grid-template-columns: 1fr 380px; gap: 1.5rem; align-items: start; }
@media (max-width: 900px) { .checkout-layout { grid-template-columns: 1fr; } }
.woocommerce-checkout .checkout-layout { margin-top: 1.5rem; }
.checkout-col-left { min-width: 0; }
.order-sidebar { min-width: 0; position: sticky; top: 130px; align-self: start; }
.woocommerce-checkout #customer_details { display: flex; flex-direction: column; gap: 1.25rem; }
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 { float: none; width: 100%; }
.checkout-cart-count { font-size: .75rem; color: var(--text-muted); }
.checkout-login-hint { margin-bottom: 1.25rem; }
body.admin-bar .steps-bar { top: 97px; }
@media screen and (max-width: 782px) {
    body.admin-bar .steps-bar { top: 111px; }
}

/* PANELS */
.wc-panel            { background: var(--dark-card); border: 1.5px solid var(--dark-border);  overflow: hidden; margin-bottom: 1.25rem; }
.wc-panel:last-child { margin-bottom: 0; }
.wc-panel-head       { padding: 1.1rem 1.5rem; border-bottom: 1px solid var(--dark-border); display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.wc-panel-title      { font-size: .95rem; font-weight: 700; display: flex; align-items: center; gap: .6rem; }
.wc-panel-title i    { color: var(--gold); }
.wc-panel-body       { padding: 1.5rem; }
.checkout-optional-tag {
    font-size: .75rem;
    color: var(--text-muted);
}

/* COUPON */
.woocommerce-form-coupon { display: flex; gap: .6rem; flex-wrap: wrap; }
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info {
    max-width: 1200px;
    margin: 1rem auto;
    width: calc(100% - 2.5rem);
}
form.checkout_coupon {
    max-width: 1200px;
    margin: 0 auto 1rem;
    width: calc(100% - 2.5rem);
    background: var(--dark-card);
    border: 1.5px solid var(--dark-border);
    padding: 1rem 1.25rem;
}
.coupon-input  { flex: 1; min-width: 160px; padding: .72rem 1rem; border: 1.5px solid var(--dark-border); font-size: .88rem; color: var(--text-primary); background: #fafafa; outline: none; direction: ltr; text-align: center; letter-spacing: .12em; text-transform: uppercase; }
.coupon-input:focus { border-color: var(--gold); background: #fff; }
.coupon-input::placeholder { text-transform: none; letter-spacing: 0; font-size: .85rem; color: var(--text-muted); }
.coupon-btn    { padding: .72rem 1.4rem; background: var(--dark-surface); border: 1.5px solid var(--dark-border); font-size: .85rem; font-weight: 700; color: var(--text-secondary); cursor: pointer; transition: var(--transition); }
.coupon-btn:hover { border-color: var(--gold); color: var(--gold); }
.coupon-success { display: none; align-items: center; gap: .6rem; padding: .65rem 1rem; background: #dcfce7; border: 1px solid #bbf7d0; font-size: .82rem; color: #166534; margin-top: .6rem; }
.checkout-coupon-shell {
    max-width: 1200px;
    margin: 1rem auto 0;
    padding: 0 1.25rem;
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 1.5rem;
}
.checkout-coupon-shell .checkout-coupon-panel { grid-column: 1; margin-bottom: 0; }
.checkout-coupon-shell .checkout_coupon {
    margin: 0;
    width: 100%;
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
}
.checkout-coupon-shell .checkout-coupon-panel .wc-panel-body { padding: 1rem 1.25rem; }
.checkout-coupon-shell .woocommerce-form-coupon .form-row {
    margin: 0;
    padding: 0;
    float: none;
    width: auto;
}
@media (max-width: 900px) {
    .checkout-coupon-shell {
        grid-template-columns: 1fr;
        padding: 0 .75rem;
    }
}

/* FORM */
.form-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
@media (max-width: 520px) { .form-grid-2 { grid-template-columns: 1fr; } }
.woocommerce-form__label { display: block; font-size: .76rem; font-weight: 700; color: var(--text-secondary); margin-bottom: .38rem; }
.woocommerce-form__label .required { color: var(--red); margin-right: .15rem; }
.woocommerce-Input, .woocommerce-input { width: 100%; padding: .75rem 1rem; border: 1.5px solid var(--dark-border);   font-size: .88rem; color: var(--text-primary); background: #fafafa; outline: none; transition: border-color .25s; direction: rtl; }
.woocommerce-Input:focus, .woocommerce-input:focus { border-color: var(--gold); background: #fff; box-shadow: 0 0 0 3px rgba(200,200,200,.15); }
.woocommerce-Input::placeholder { color: var(--text-muted); font-size: .84rem; }
.woocommerce-Input.error { border-color: var(--red); background: #fff5f5; }
.wc-field         { margin-bottom: .85rem; }
.field-error      { font-size: .72rem; color: var(--red); margin-top: .3rem; display: none; }
.wc-field.has-error .field-error { display: block; }
.wc-field.has-error .woocommerce-Input { border-color: var(--red); }
.wc-field.valid .woocommerce-Input { border-color: var(--green); }
select.woocommerce-Input { cursor: pointer; appearance: none; }
.ship-toggle      { display: flex; align-items: center; gap: .6rem; cursor: pointer; font-size: .88rem; color: var(--text-secondary); user-select: none; margin-bottom: 1rem; }
.ship-toggle input{ width: 17px; height: 17px; accent-color: var(--gold); cursor: pointer; }
#shippingFields   { display: none; }
#shippingFields.show { display: block; }
.woocommerce-additional-fields textarea.woocommerce-Input { min-height: 90px; resize: vertical; }
.woocommerce-checkout .form-row { margin: 0 0 .85rem; }
.woocommerce-checkout .form-row .input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width: 100%; padding: .75rem 1rem; border: 1.5px solid var(--dark-border);
    background: #fafafa; color: var(--text-primary); font-size: .88rem;
}
.woocommerce-checkout .form-row .input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: var(--gold); outline: none; background: #fff; box-shadow: 0 0 0 3px rgba(200,200,200,.15);
}
.woocommerce-checkout .shipping_address { margin-top: .8rem; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { margin: .85rem 0; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p { font-size: .78rem; color: var(--text-secondary); }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a { color: var(--gold-dark); }
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}
.woocommerce-checkout .checkout-billing-panel .form-row,
.woocommerce-checkout .checkout-shipping-panel .form-row,
.woocommerce-checkout .checkout-additional-panel .form-row {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-checkout .checkout-billing-panel .select2-container,
.woocommerce-checkout .checkout-shipping-panel .select2-container,
.woocommerce-checkout .checkout-additional-panel .select2-container {
    width: 100% !important;
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .select2-container {
    width: 100% !important;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-input-wrapper strong,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-input-wrapper strong {
    display: block;
    width: 100%;
    padding: .75rem 1rem;
    border: 1.5px solid var(--dark-border);

    background: #fafafa;
    color: var(--text-primary);
}
.checkout-payment-panel .checkout-payment-panel-body { padding: 0; }
.checkout-payment-panel .checkout-payment-panel-body #payment { border: 0; background: transparent; }
.checkout-payment-panel .checkout-payment-panel-body .payment_methods {
    margin: 0;
    padding: 1rem 1rem 0;
}
.checkout-payment-panel .checkout-payment-panel-body .place-order {
    margin: 0;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid var(--dark-border);
}
.woocommerce-checkout .checkout-address-link {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    color: var(--text-secondary);
}
.woocommerce-checkout .checkout-address-link:hover {
    color: var(--text-primary);
}

/* Checkout form (match reference layout in admin preview) */
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row,
.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper .form-row {
    display: flex !important;
    flex-direction: column;
    gap: .5rem;
    max-width: 360px;
    margin-right: 0 !important;
    margin-left: auto !important;
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row {
    display: flex !important;
    flex-direction: column;
    gap: .5rem;
    max-width: 360px;
    margin-right: 0 !important;
    margin-left: auto !important;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row.form-row-wide,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row.form-row-wide,
.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper .form-row.form-row-wide {
    max-width: 360px;
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row.form-row-wide {
    max-width: 360px;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper,
.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper .form-row .woocommerce-input-wrapper {
    width: 100%;
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper {
    width: 100%;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row label,
.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper .form-row label {
    width: auto;
    margin: 0;
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row label {
    width: auto;
    margin: 0;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row .input-text,
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row select,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row .input-text,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row select {
    border: 1px solid #2e2e2e;
 
    background: #fff;
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row .input-text,
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row select {
    border: 1px solid #2e2e2e;

    background: #fff;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper strong,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper strong {
    border: 1px solid #2e2e2e;

    background: #fff;
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper strong {
    border: 1px solid #2e2e2e;

    background: #fff;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper {
    gap: 1.05rem;
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--dark-border);
}
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper {
    gap: 1.05rem;
}
.woocommerce-checkout #billing_country_field .woocommerce-input-wrapper strong,
.woocommerce-checkout #shipping_country_field .woocommerce-input-wrapper strong {
    display: inline-flex;
    width: auto;
    padding: .15rem .35rem;
    border: 1px solid #2e2e2e;

    background: #fff;
    line-height: 1.35;
}
@media (max-width: 900px) {
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row,
    .woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row,
    .woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper .form-row,
    .woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row,
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row.form-row-wide,
    .woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row.form-row-wide,
    .woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper .form-row.form-row-wide,
    .woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row.form-row-wide {
        max-width: 100%;
        margin-left: 0 !important;
    }
}

/* Exact checkout.html-like field and coupon layout */
.woocommerce-checkout .checkout-col-left .checkout-coupon-panel .checkout_coupon {
    display: flex !important;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.woocommerce-checkout .checkout-col-left .checkout-coupon-panel .checkout_coupon .form-row {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
.woocommerce-checkout .checkout-col-left .checkout-coupon-panel .checkout_coupon .form-row-first {
    flex: 1;
    min-width: 170px;
}

.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem .9rem;
    max-width: 740px;
    margin-right: 0 !important;
    margin-left: auto !important;
}
.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper {
    max-width: 740px;
    margin-right: 0;
    margin-left: auto;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row.form-row-wide,
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row.form-row-wide {
    grid-column: 1 / -1;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_state_field,
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper #shipping_city_field {
    grid-column: 2;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_city_field,
.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field {
    grid-column: 1;
}

@media (max-width: 900px) {
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper {
        grid-template-columns: 1fr;
        max-width: 100%;
        margin-left: 0 !important;
    }
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_state_field,
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_city_field,
    .woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper #shipping_city_field,
    .woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field {
        grid-column: auto;
    }
}

/* PAYMENT */
.payment_methods  { list-style: none; display: flex; flex-direction: column; gap: .6rem; margin-bottom: 1.25rem; }
.payment_method   { border: 1.5px solid var(--dark-border);  overflow: hidden; transition: border-color .25s; }
.payment_method.selected { border-color: var(--gold); }
.payment_method-label { display: flex; align-items: center; gap: .85rem; padding: 1rem 1.25rem; cursor: pointer; user-select: none; transition: background .2s; }
.payment_method-label:hover { background: rgba(200,200,200,.05); }
.payment_method-label input[type=radio] { width: 18px; height: 18px; accent-color: var(--gold); cursor: pointer; flex-shrink: 0; }
.payment_method-name { font-size: .9rem; font-weight: 600; flex: 1; }
.payment_method-icons { display: flex; gap: .4rem; align-items: center; }
.payment_method-icons img { max-height: 22px; width: auto; }
.pay-icon         { height: 22px; padding: .1rem .5rem; border: 1px solid var(--dark-border);  display: flex; align-items: center; justify-content: center; font-size: .62rem; font-weight: 800; color: var(--text-secondary); background: #fff; }
.pay-icon.visa    { color: #1a1f71; }
.pay-icon.mc      { color: #eb001b; }
.pay-icon.shetab  { color: #007a3d; }
.payment_box      { padding: .85rem 1.25rem 1.1rem; background: rgba(200,200,200,.04); border-top: 1px dashed rgba(200,200,200,.25); display: none; }
.payment_box.show { display: block; }
.payment_box p    { font-size: .82rem; color: var(--text-secondary); line-height: 1.7; margin-bottom: .6rem; }
.card-grid        { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-top: .65rem; }
@media (max-width: 420px) { .card-grid { grid-template-columns: 1fr; } }
.card-num-wrap    { grid-column: 1/-1; position: relative; }
.card-num-wrap .woocommerce-Input { direction: ltr; text-align: left; letter-spacing: .12em; padding-left: 3rem; font-size: .95rem; }
.card-type-icon   { position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); font-size: 1.1rem; color: var(--text-muted); }
.gateway-banks    { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }
.gateway-bank     { padding: .45rem .9rem; border: 1.5px solid var(--dark-border);  font-size: .75rem; font-weight: 700; cursor: pointer; color: var(--text-secondary); transition: var(--transition); background: #fff; }
.gateway-bank:hover, .gateway-bank.selected { border-color: var(--gold); color: var(--gold); background: rgba(200,200,200,.08); }

/* PLACE ORDER */
#place_order      { width: 100%; padding: 1rem 1.5rem; background: var(--gold); color: #000;  font-size: 1rem; font-weight: 800; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: .7rem; transition: var(--transition); position: relative; overflow: hidden; clip-path: polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); }
#place_order::before { content: ''; position: absolute; inset: 0; background: #eee; transform: scaleX(0); transform-origin: right; transition: transform .4s; }
#place_order:hover::before { transform: scaleX(1); transform-origin: left; }
#place_order span, #place_order i { position: relative; z-index: 1; }
#place_order:disabled { opacity: .5; cursor: not-allowed; }
.place-order-note { font-size: .72rem; color: var(--text-muted); text-align: center; margin-top: .7rem; line-height: 1.6; }
.place-order-note a { color: var(--gold); }

/* ORDER REVIEW TABLE */
.woocommerce-checkout-review-order-table { width: 100%; border-collapse: collapse; }
.woocommerce-checkout-review-order-table thead th { font-size: .65rem; font-weight: 700; letter-spacing: .15em; color: var(--text-muted); text-transform: uppercase; padding: .6rem .75rem; border-bottom: 1.5px solid var(--dark-border); text-align: right; }
.woocommerce-checkout-review-order-table th:last-child { text-align: left; }
.cart_item td { padding: .85rem .75rem; border-bottom: 1px solid var(--dark-border); vertical-align: middle; font-size: .85rem; }
.cart_item:last-child td { border-bottom: none; }
.cart-thumb      { width: 52px; height: 52px;object-fit: cover; border: 1px solid var(--dark-border); flex-shrink: 0; }
.cart-item-info  { display: flex; align-items: center; gap: .75rem; }
.cart-item-name  { font-weight: 600; font-size: .88rem; }
.cart-item-meta  { font-size: .73rem; color: var(--text-muted); margin-top: .1rem; }
.cart-item-qty   { display: inline-flex; align-items: center; gap: .35rem; font-size: .78rem; color: var(--text-muted); background: var(--dark-surface); padding: .2rem .55rem; margin-top: .2rem; }
.cart-item-price { font-weight: 700; color: var(--gold); text-align: left; white-space: nowrap; }
.woocommerce-cart .bonart-cart-shell .woocommerce-Price-amount,
.woocommerce-cart .bonart-cart-shell .amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table .amount {
    font-size: inherit !important;
    letter-spacing: 0 !important;
    font-weight: 700;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total .amount {
    font-size: 1.2rem !important;
}
.cart-subtotal td, .shipping td, .order-total td, .tax-total td, .discount-total td { padding: .7rem .75rem; font-size: .85rem; border-bottom: 1px solid var(--dark-border); }
.cart-subtotal td:first-child, .shipping td:first-child, .order-total td:first-child, .tax-total td:first-child, .discount-total td:first-child { font-weight: 600; color: var(--text-secondary); }
.cart-subtotal td:last-child, .tax-total td:last-child, .discount-total td:last-child, .shipping td:last-child { font-weight: 600; text-align: left; }
.order-total td  { border-bottom: none; padding-top: 1rem; }
.order-total td:first-child { font-size: .9rem; font-weight: 800; }
.order-total td:last-child  { font-size: 1.2rem; font-weight: 800; color: var(--gold); text-align: left; }
.discount-total td:last-child { color: var(--green); }

/* SHIPPING METHODS */
.woocommerce-shipping-methods { list-style: none; display: flex; flex-direction: column; gap: .5rem; }
.woocommerce-shipping-choice  { display: flex; align-items: center; gap: .65rem; padding: .65rem .85rem; border: 1.5px solid var(--dark-border);  cursor: pointer; font-size: .84rem; transition: var(--transition); }
.woocommerce-shipping-choice:hover, .woocommerce-shipping-choice.selected { border-color: var(--gold); background: rgba(200,200,200,.05); }
.woocommerce-shipping-choice input { width: 16px; height: 16px; accent-color: var(--gold); flex-shrink: 0; }
.shipping-price       { margin-right: auto; font-weight: 700; }
.shipping-price.free  { color: var(--green); }
.woocommerce-checkout .checkout-shipping-summary {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}
.woocommerce-checkout .checkout-shipping-summary li {
    font-size: .82rem;
    color: var(--text-secondary);
    font-weight: 600;
}

/* MOBILE SUMMARY */
.mobile-summary-toggle { display: none; width: 100%; padding: 1rem 1.5rem; background: var(--gold); color: #000; border: none;  font-size: .9rem; font-weight: 700; cursor: pointer;  align-items: center; justify-content: space-between; margin-bottom: 1rem; }
@media (max-width: 900px) { .mobile-summary-toggle { display: flex; } .order-sidebar { display: none; } .order-sidebar.show { display: block; } }

/* TRUST BADGES (checkout only) */
.woocommerce-checkout .trust-badges { display: flex; gap: .6rem; flex-wrap: wrap; justify-content: center; margin-top: 1rem; }
.woocommerce-checkout .trust-badge  { display: flex; flex-direction: column; align-items: center; gap: .25rem; padding: .6rem .75rem; background: var(--dark-surface); border: 1px solid var(--dark-border);  font-size: .62rem; color: var(--text-muted); font-weight: 600; text-align: center; flex: 1; min-width: 64px; }
.woocommerce-checkout .trust-badge i{ font-size: 1.1rem; color: var(--gold); }

/* NOTICES */
.woocommerce-notices-wrapper {
    --wc-notice-radius: 14px;
    display: grid;
    gap: .85rem;
    margin: 1rem 0 1.35rem;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    --notice-accent: #1d4ed8;
    --notice-accent-soft: rgba(29, 78, 216, .12);
    --notice-accent-border: rgba(29, 78, 216, .3);
    --notice-accent-btn: #1e3a8a;
    --notice-bg-start: #f8fbff;
    --notice-bg-end: #edf4ff;
    --notice-border: #cadbff;
    --notice-text: #1e3a8a;
    position: relative;
    list-style: none;
    margin: 0;
    padding: .95rem 1rem .95rem 3.2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .7rem .9rem;
    border: 1px solid var(--notice-border);
    border-radius: var(--wc-notice-radius);
    background: linear-gradient(130deg, var(--notice-bg-start), var(--notice-bg-end));
    color: var(--notice-text);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.75;
    box-shadow: 0 14px 36px -24px rgba(23, 33, 56, .45);
    overflow: hidden;
}
.woocommerce-message::after,
.woocommerce-info::after,
.woocommerce-error::after {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--notice-accent), var(--notice-accent-border));
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    content: 'i';
    position: absolute;
    inset-inline-start: .95rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    border: 1px solid var(--notice-accent-border);
    background: var(--notice-accent-soft);
    color: var(--notice-accent);
    font-size: .9rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.woocommerce-message {
    --notice-accent: #15803d;
    --notice-accent-soft: rgba(21, 128, 61, .12);
    --notice-accent-border: rgba(21, 128, 61, .32);
    --notice-accent-btn: #14532d;
    --notice-bg-start: #f4fff8;
    --notice-bg-end: #e9faef;
    --notice-border: #b8efcc;
    --notice-text: #14532d;
}
.woocommerce-message::before { content: '✓'; }
.woocommerce-info {
    --notice-accent: #1d4ed8;
    --notice-accent-soft: rgba(29, 78, 216, .12);
    --notice-accent-border: rgba(29, 78, 216, .3);
    --notice-accent-btn: #1e3a8a;
    --notice-bg-start: #f8fbff;
    --notice-bg-end: #edf4ff;
    --notice-border: #cadbff;
    --notice-text: #1e3a8a;
}
.woocommerce-error {
    --notice-accent: #b91c1c;
    --notice-accent-soft: rgba(185, 28, 28, .1);
    --notice-accent-border: rgba(185, 28, 28, .32);
    --notice-accent-btn: #7f1d1d;
    --notice-bg-start: #fff6f6;
    --notice-bg-end: #ffeded;
    --notice-border: #fecaca;
    --notice-text: #7f1d1d;
    align-items: flex-start;
}
.woocommerce-error::before { content: '!'; }
.woocommerce-notices-wrapper > * {
    animation: wcNoticeEnter .28s ease both;
}
@keyframes wcNoticeEnter {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce a.button.wc-forward,
.woocommerce-page a.button.wc-forward {
    float: none;
    margin: 0;
    padding: .46rem .95rem;
    border-radius: 999px;
    border: 1px solid var(--notice-accent-border);
    background: rgba(255,255,255,.78);
    color: var(--notice-accent-btn);
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.25;
    box-shadow: 0 8px 18px -16px rgba(0,0,0,.6);
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover,
.woocommerce a.button.wc-forward:hover,
.woocommerce-page a.button.wc-forward:hover {
    background: #ffffff;
    border-color: var(--notice-accent);
    transform: translateY(-1px);
}
.woocommerce-message .button.wc-forward,
.woocommerce-info .button.wc-forward,
.woocommerce-error .button.wc-forward {
    order: 2;
    margin-inline-start: auto;
}
.woocommerce-notices-wrapper .woocommerce-message {
    padding-left: 10.2rem;
}
.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
    position: absolute;
    left: .95rem;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    float: none;
}
.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward:hover {
    transform: translateY(calc(-50% - 1px));
}
.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button),
.woocommerce-error a:not(.button) {
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.woocommerce-error li {
    position: relative;
    margin: 0;
    padding-inline-start: .95rem;
    list-style: none;
}
.woocommerce-error li::before {
    content: '';
    position: absolute;
    top: .72em;
    inset-inline-start: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}
@media (max-width: 680px) {
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error {
        padding-inline: .82rem;
        padding-block: .8rem;
        gap: .55rem .7rem;
    }
    .woocommerce-message::before,
    .woocommerce-info::before,
    .woocommerce-error::before,
    .woocommerce-message::after,
    .woocommerce-info::after,
    .woocommerce-error::after {
        display: none;
    }
    .woocommerce-notices-wrapper .woocommerce-message {
        padding-left: .82rem;
    }
    .woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
        position: static;
        transform: none;
        float: left;
        margin: 0 0 .35rem .55rem;
    }
}

/* SUCCESS OVERLAY */
.order-success-overlay { position: fixed; inset: 0; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); z-index: 9999; display: none; align-items: center; justify-content: center; flex-direction: column; gap: 1.5rem; text-align: center; padding: 2rem; }
.order-success-overlay.show { display: flex; }
.success-circle { width: 90px; height: 90px; border-radius: 50%; background: #dcfce7; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--green); animation: popIn .5s cubic-bezier(.34,1.56,.64,1); }
@keyframes popIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.success-title { font-size: 1.6rem; font-weight: 800; }
.success-num   { font-size: .9rem; color: var(--text-muted); }
.success-num strong { color: var(--gold); font-size: 1.1rem; }

/* FOOTER (checkout-only minimal) */
footer          { background: #f7f5f2; color: var(--text-secondary); padding: 1.5rem 0; margin-top: 3rem; }
.footer-checkout { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; font-size: .76rem; }
.footer-checkout a { color: var(--text-muted); }
.footer-checkout a:hover { color: var(--gold); }

/* CHECKOUT NAVBAR (light style variant) */
.nav-secure    { display: flex; align-items: center; gap: .6rem; font-size: .78rem; color: var(--text-muted); }
.nav-secure i  { color: var(--green); }
.nav-back-btn  { display: inline-flex; align-items: center; gap: .5rem; padding: .45rem 1rem; border: 1px solid var(--dark-border);  font-size: .8rem; color: var(--text-secondary); cursor: pointer; background: transparent;  transition: var(--transition); }
.nav-back-btn:hover { border-color: var(--gold); color: var(--gold); }

/* Checkout final form/coupon styling with default WooCommerce structure */
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .9rem 1rem;
    max-width: none !important;
    margin: 0 !important;
}
.woocommerce-checkout .checkout-billing-panel .form-row,
.woocommerce-checkout .checkout-shipping-panel .form-row,
.woocommerce-checkout .checkout-additional-panel .form-row {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 100%;
}
.woocommerce-checkout .checkout-billing-panel .form-row.form-row-first,
.woocommerce-checkout .checkout-billing-panel .form-row.form-row-last,
.woocommerce-checkout .checkout-shipping-panel .form-row.form-row-first,
.woocommerce-checkout .checkout-shipping-panel .form-row.form-row-last {
    flex: 0 0 calc(50% - .5rem);
    width: calc(50% - .5rem) !important;
}
.woocommerce-checkout .checkout-billing-panel .form-row.form-row-wide,
.woocommerce-checkout .checkout-shipping-panel .form-row.form-row-wide,
.woocommerce-checkout .checkout-additional-panel .form-row.form-row-wide {
    flex: 0 0 100%;
    width: 100% !important;
}
.woocommerce-checkout .checkout-billing-panel .form-row label,
.woocommerce-checkout .checkout-shipping-panel .form-row label,
.woocommerce-checkout .checkout-additional-panel .form-row label {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    color: var(--text-secondary);
    margin-bottom: .42rem;
}
.woocommerce-checkout .checkout-billing-panel .form-row .input-text,
.woocommerce-checkout .checkout-billing-panel .form-row select,
.woocommerce-checkout .checkout-shipping-panel .form-row .input-text,
.woocommerce-checkout .checkout-shipping-panel .form-row select,
.woocommerce-checkout .checkout-additional-panel .form-row .input-text,
.woocommerce-checkout .checkout-additional-panel .form-row textarea {
    border: 1.5px solid var(--dark-border) !important;

    background: #fafafa !important;
    min-height: 46px;
    font-size: .9rem;
}
.woocommerce-checkout .checkout-billing-panel .form-row .input-text:focus,
.woocommerce-checkout .checkout-billing-panel .form-row select:focus,
.woocommerce-checkout .checkout-shipping-panel .form-row .input-text:focus,
.woocommerce-checkout .checkout-shipping-panel .form-row select:focus,
.woocommerce-checkout .checkout-additional-panel .form-row .input-text:focus,
.woocommerce-checkout .checkout-additional-panel .form-row textarea:focus {
    border-color: var(--gold) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(200,200,200,.16) !important;
}
.woocommerce-checkout form.checkout_coupon {
    margin-top: .8rem;
    margin-bottom: 1rem;
}
.woocommerce-checkout form.checkout_coupon .form-row {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
.woocommerce-checkout form.checkout_coupon .form-row-first {
    flex: 1;
    min-width: 200px;
}

@media (max-width: 900px) {
    .woocommerce-checkout .checkout-billing-panel .form-row.form-row-first,
    .woocommerce-checkout .checkout-billing-panel .form-row.form-row-last,
    .woocommerce-checkout .checkout-shipping-panel .form-row.form-row-first,
    .woocommerce-checkout .checkout-shipping-panel .form-row.form-row-last {
        flex: 0 0 100%;
        width: 100% !important;
    }
}

/* Keep first/last name in one row */
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .9rem 1rem !important;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper > .form-row {
    grid-column: 1 / -1;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_last_name_field {
    width: 100% !important;
    max-width: none !important;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_first_name_field {
    grid-column: 1;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_last_name_field {
    grid-column: 2;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_state_field {
    grid-column: 1;
}
.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_city_field {
    grid-column: 2;
}
@media (max-width: 900px) {
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_state_field,
    .woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper #billing_city_field {
        grid-column: 1 / -1;
    }
}

/* ---- my-account ---- */
/* my-account.css - dedicated styles for account page */

body { background: var(--dark-surface); font-size: 15px; }

/* PAGE HEADER */
.page-header     { background: linear-gradient(135deg,#f0ede8,#e8e2da); padding: 7rem 2rem 2.5rem;  position: relative; overflow: hidden; }
.ph-inner        { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; position: relative; z-index: 1; }
.ph-user         { display: flex; align-items: center; gap: 1.25rem; }
.ph-avatar       { width: 68px; height: 68px; border-radius: 50%; border: 3px solid #ccc; object-fit: cover; flex-shrink: 0; }
.ph-greeting     { font-size: .72rem; color: var(--text-muted); letter-spacing: .2em; text-transform: uppercase; margin-bottom: .2rem; }
.ph-name         { font-size: 1.5rem; font-weight: 800; color: var(--text-primary); }
.ph-email        { font-size: .8rem; color: var(--text-muted); margin-top: .1rem; }
.ph-badges       { display: flex; gap: .5rem; flex-wrap: wrap; }
.ph-badge        { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .85rem; border-radius: 100px; font-size: .7rem; font-weight: 700; border: 1px solid var(--dark-border); color: var(--text-secondary); background: #fff; }
.ph-badge.gold   { border-color: #ccc; color: #555; background: #eee; }

/* LAYOUT */
.account-layout  { max-width: 1400px; margin: 2rem auto; padding: 0 1.25rem; display: grid; grid-template-columns: 260px 1fr; gap: 1.5rem; align-items: start; }
@media (max-width: 900px) { .account-layout { grid-template-columns: 1fr; } }

/* WC SIDEBAR */
.woocommerce-MyAccount-navigation { background: var(--dark-card); border: 1.5px solid var(--dark-border); overflow: hidden; position: sticky; top: 90px; }
.wc-nav-header   { padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--dark-border); display: flex; align-items: center; gap: .75rem; }
.wc-nav-header i { color: #777; }
.wc-nav-header span { font-size: .72rem; font-weight: 700; letter-spacing: .2em; color: var(--text-muted); text-transform: uppercase; }
.woocommerce-MyAccount-navigation-link { list-style: none; }
.woocommerce-MyAccount-navigation-link a { display: flex; align-items: center; gap: .85rem; padding: .85rem 1.5rem; font-size: .88rem; color: var(--text-secondary); border-bottom: 1px solid var(--dark-border); position: relative; transition: var(--transition); }
.woocommerce-MyAccount-navigation-link a:hover { color: #333; background: #eee; padding-right: 1.85rem; }
.woocommerce-MyAccount-navigation-link .nav-icon { width: 32px; height: 32px;  background: rgba(0,0,0,.04); display: flex; align-items: center; justify-content: center; font-size: .8rem; color: var(--text-muted); transition: var(--transition); flex-shrink: 0; }
.woocommerce-MyAccount-navigation-link a:hover .nav-icon,
.woocommerce-MyAccount-navigation-link.is-active .nav-icon { background: #eee; color: #555; }
.woocommerce-MyAccount-navigation-link.is-active a { color: var(--text-primary); font-weight: 600; background: rgba(200,200,200,.05); }
.woocommerce-MyAccount-navigation-link.is-active a::before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 3px; background: #ccc;  }
.woocommerce-MyAccount-navigation-link:last-child a { border-bottom: none; }
.nav-badge-count { margin-right: auto; background: #ccc; color: #111; font-size: .6rem; font-weight: 800; padding: .15rem .5rem; border-radius: 100px; }

/* WC CONTENT */
.woocommerce-MyAccount-content { display: flex; flex-direction: column; gap: 1.25rem; }
.wc-panel        { background: var(--dark-card); border: 1.5px solid var(--dark-border); overflow: hidden; }
.wc-panel-head   { padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--dark-border); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.wc-panel-title  { font-size: 1rem; font-weight: 700; display: flex; align-items: center; gap: .65rem; }
.wc-panel-title i{ color: #777; }
.wc-panel-body   { padding: 1.5rem; }

/* DASHBOARD */
.welcome-box     { background: linear-gradient(135deg,rgba(200,200,200,.08),rgba(200,200,200,.03)); border: 1.5px solid rgba(200,200,200,.2);  padding: 1.5rem; margin-bottom: 1.5rem; display: flex; align-items: flex-start; gap: 1rem; }
.welcome-icon    { width: 44px; height: 44px;  background: rgba(200,200,200,.12); display: flex; align-items: center; justify-content: center; color: var(--gold); font-size: 1.1rem; flex-shrink: 0; }
.welcome-text p  { font-size: .88rem; color: var(--text-secondary); line-height: 1.75; }
.dash-stats      { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; margin-bottom: 1.5rem; }
@media (max-width: 600px) { .dash-stats { grid-template-columns: 1fr 1fr; } }
.dash-stat       { background: var(--dark-surface); border: 1.5px solid var(--dark-border); padding: 1.1rem; text-align: center; transition: var(--transition); }
.dash-stat:hover { border-color: rgba(200,200,200,.4); transform: translateY(-2px); }
.dash-stat-num   { font-size: 1.7rem; font-weight: 800; color: var(--gold); line-height: 1; }
.dash-stat-label { font-size: .68rem; color: var(--text-muted); margin-top: .3rem; letter-spacing: .06em; }

/* ORDERS TABLE */
.woocommerce-orders-table { width: 100%; border-collapse: collapse; }
.woocommerce-orders-table thead th { font-size: .7rem; font-weight: 700; letter-spacing: .12em; color: var(--text-muted); text-transform: uppercase; padding: .75rem 1rem; border-bottom: 1.5px solid var(--dark-border); text-align: right; background: var(--dark-surface); }
.woocommerce-orders-table tbody tr { border-bottom: 1px solid var(--dark-border); transition: background .2s; }
.woocommerce-orders-table tbody tr:last-child { border-bottom: none; }
.woocommerce-orders-table tbody tr:hover { background: rgba(200,200,200,.03); }
.woocommerce-orders-table td { padding: .95rem 1rem; font-size: .86rem; vertical-align: middle; }
.woocommerce-orders-table__cell-order-number a { font-weight: 700; color: var(--gold); }

.woocommerce-order-status { display: inline-flex; align-items: center; gap: .4rem; padding: .25rem .75rem; border-radius: 100px; font-size: .7rem; font-weight: 700; }
.woocommerce-order-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .7; }
.woocommerce-order-status.status-completed  { background: #dcfce7; color: #166534; }
.woocommerce-order-status.status-processing { background: #dbeafe; color: #1e40af; }
.woocommerce-order-status.status-on-hold    { background: #fef3c7; color: #92400e; }
.woocommerce-order-status.status-cancelled  { background: #fee2e2; color: #991b1b; }
.woocommerce-order-status.status-pending    { background: #f3f4f6; color: #374151; }

.wc-btn-small    { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .85rem; border: 1.5px solid var(--dark-border);  font-size: .75rem; font-weight: 600; color: var(--text-secondary); cursor: pointer; background: transparent;  transition: var(--transition); }
.wc-btn-small:hover { border-color: #ccc; color: #333; }
.wc-btn-small.primary { background: #ccc; border-color: #ccc; color: #111; }
.wc-btn-small.primary:hover { background: #eee; }

/* WISHLIST */
.wishlist-grid   { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 1rem; }
.wishlist-card   { border: 1.5px solid var(--dark-border);  overflow: hidden; transition: var(--transition); }
.wishlist-card:hover { border-color: rgba(200,200,200,.4); transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.wishlist-card-img-wrap { overflow: hidden; position: relative; }
.wishlist-card-img { aspect-ratio: 4/3; object-fit: cover; width: 100%; transition: transform .5s; }
.wishlist-card:hover .wishlist-card-img { transform: scale(1.04); }
.wishlist-remove { position: absolute; top: .6rem; left: .6rem; width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,.9); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: .7rem; color: var(--red); transition: var(--transition); }
.wishlist-remove:hover { background: var(--red); color: #fff; }
.wishlist-card-body { padding: .85rem; }
.wishlist-cat    { font-size: .6rem; color: #777; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; margin-bottom: .2rem; }
.wishlist-title  { display: block; font-size: .88rem; font-weight: 700; color: var(--text-primary); line-height: 1.6; }
.wishlist-title:hover { color: #333; }
.wishlist-price  { font-size: .82rem; color: #555; font-weight: 700; margin-top: .35rem; }
.wishlist-buy    { width: 100%; margin-top: .65rem; padding: .45rem; background: #ccc; color: #111; border: none; font-size: .75rem; font-weight: 700; cursor: pointer;  transition: var(--transition); display: inline-flex; align-items: center; justify-content: center; gap: .35rem; }
.wishlist-buy:hover { background: #eee; }
.wishlist-buy.disabled,
.wishlist-buy:disabled { background: #e5e7eb; color: #6b7280; cursor: not-allowed; }
.wishlist-count-note { color: var(--text-muted); font-size: .78rem; font-weight: 600; }
.wishlist-empty { border: 1.5px dashed var(--dark-border);  padding: 2rem 1.2rem; text-align: center; color: var(--text-secondary); }
.wishlist-empty-icon { font-size: 2rem; color: #e05555; margin-bottom: .5rem; }
.wishlist-empty h3 { font-size: .95rem; margin-bottom: .45rem; }
.wishlist-empty p { font-size: .84rem; margin-bottom: 1rem; color: var(--text-muted); }
.follow-card-desc {
    margin-top: .45rem;
    font-size: .74rem;
    color: var(--text-muted);
    line-height: 1.8;
    min-height: 2.8em;
}

/* Wishlist toast */
.wishlist-toast-wrap { position: fixed; left: 14px; top: 90px; z-index: 4000; display: flex; flex-direction: column; gap: .6rem; pointer-events: none; }
.wishlist-toast {
    min-width: 240px;
    max-width: 340px;
    background: #111827;
    color: #fff;
    padding: .72rem .85rem;
    font-size: .82rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .25s ease, transform .25s ease;
    box-shadow: 0 10px 28px rgba(17,24,39,.22);
}
.wishlist-toast.show { opacity: 1; transform: translateY(0); }
.wishlist-toast.success { background: #14532d; }
.wishlist-toast.error { background: #7f1d1d; }
.wishlist-toast-icon { font-size: .95rem; line-height: 1; }
@media (max-width: 640px) {
    .wishlist-toast-wrap { left: 10px; right: 10px; top: 74px; }
    .wishlist-toast { min-width: 0; max-width: none; width: 100%; }
}

/* ADDRESSES */
.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
@media (max-width: 600px) { .woocommerce-Addresses { grid-template-columns: 1fr; } }
.woocommerce-Address { background: var(--dark-surface); border: 1.5px solid var(--dark-border);padding: 1.5rem; }
.woocommerce-Address.default { border-color: rgba(200,200,200,.4); background: rgba(200,200,200,.03); }
.woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.woocommerce-Address-title h3 { font-size: .88rem; font-weight: 700; display: flex; align-items: center; gap: .5rem; }
.woocommerce-Address-title h3 i { color: var(--gold); }
.default-badge   { font-size: .6rem; font-weight: 700; background: var(--gold); color: #000; padding: .15rem .5rem; border-radius: 100px; }
.address-edit-link { font-size: .75rem; color: var(--text-muted); display: flex; align-items: center; gap: .35rem; border: 1px solid var(--dark-border); padding: .3rem .7rem; transition: var(--transition); }
.address-edit-link:hover { border-color: var(--gold); color: var(--gold); }
.woocommerce-address-fields address { font-style: normal; font-size: .86rem; color: var(--text-secondary); line-height: 1.85; }
.address-empty   { text-align: center; color: var(--text-muted); font-size: .86rem; padding: 1.5rem 0; }
.btn-add-address { display: inline-flex; align-items: center; gap: .5rem; margin-top: .75rem; padding: .5rem 1.1rem; border: 1.5px dashed var(--dark-border);  font-size: .8rem; color: var(--text-muted); cursor: pointer; transition: var(--transition); background: transparent;  }
.btn-add-address:hover { border-color: var(--gold); color: var(--gold); }

/* EDIT ADDRESS (my-account endpoint) */
.woocommerce-account .woocommerce-address-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: .95rem 1rem;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 100%;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row.form-row-first,
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row.form-row-last {
    flex: 0 0 calc(50% - .5rem);
    width: calc(50% - .5rem) !important;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row label {
    display: block;
    font-size: .83rem;
    font-weight: 700;
    color: var(--text-secondary);
    margin-bottom: .42rem;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row .woocommerce-input-wrapper {
    display: block;
    width: 100%;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row .input-text,
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row select,
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row textarea {
    width: 100%;
    min-height: 46px;
    border: 1.5px solid var(--dark-border);

    background: #fafafa;
    color: var(--text-primary);
    font-size: .92rem;
    padding: .72rem 1rem;
    outline: none;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row textarea {
    min-height: 110px;
    resize: vertical;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row .input-text:focus,
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row select:focus,
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row textarea:focus {
    border-color: var(--gold);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(200,200,200,.16);
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row .woocommerce-input-wrapper strong {
    display: block;
    width: 100%;
    min-height: 46px;
    line-height: 46px;
    padding: 0 1rem;
    border: 1.5px dashed #d9cfbf;

    background: #f7f4ef;
    color: #6b7280;
    font-size: .9rem;
    font-weight: 700;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row .select2-container {
    width: 100% !important;
}

@media (max-width: 900px) {
    .woocommerce-account .woocommerce-address-fields__field-wrapper .form-row.form-row-first,
    .woocommerce-account .woocommerce-address-fields__field-wrapper .form-row.form-row-last {
        flex: 0 0 100%;
        width: 100% !important;
    }
}

/* ACCOUNT AVATAR EDITOR */
.account-avatar-editor {
    border: 1.5px solid var(--dark-border);
    background: linear-gradient(180deg, #fff 0%, #fbf9f6 100%);

    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.1rem;
}
.account-avatar-editor-preview-wrap {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    border: 2px solid rgba(201,168,76,.55);
    padding: 4px;
    background: #fff;
    flex-shrink: 0;
}
.account-avatar-editor-preview {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 1px solid #eadfce;
}
.account-avatar-editor-content {
    min-width: 0;
    flex: 1;
}
.account-avatar-editor-title {
    font-size: .95rem;
    font-weight: 800;
    color: var(--text-primary);
    margin-bottom: .25rem;
}
.account-avatar-editor-note {
    font-size: .8rem;
    color: var(--text-muted);
    line-height: 1.8;
    margin-bottom: .7rem;
}
.account-avatar-editor-actions {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}
.account-avatar-upload-btn,
.account-avatar-remove-btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;

    border: 1.5px solid var(--dark-border);
    padding: 0 .95rem;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}
.account-avatar-upload-btn {
    background: #fff;
    color: var(--text-secondary);
}
.account-avatar-upload-btn:hover {
    border-color: var(--gold);
    color: var(--gold-dark);
}
.account-avatar-remove-btn {
    background: #fff5f5;
    border-color: #fecaca;
    color: #b91c1c;
}
.account-avatar-remove-btn:hover {
    background: #fee2e2;
    border-color: #fca5a5;
}

body.avatar-crop-open {
    overflow: hidden;
}
.avatar-crop-modal {
    position: fixed;
    inset: 0;
    z-index: 13000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
}
.avatar-crop-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.avatar-crop-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17,24,39,.54);
    backdrop-filter: blur(3px);
}
.avatar-crop-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(92vw, 520px);
    background: #fff;
    border: 1px solid #e7dece;

    box-shadow: 0 32px 70px rgba(15,23,42,.28);
    overflow: hidden;
}
.avatar-crop-modal-head {
    padding: .9rem 1rem;
    border-bottom: 1px solid #efe8dc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.avatar-crop-modal-head strong {
    font-size: .92rem;
}
.avatar-crop-close-btn {
    width: 34px;
    height: 34px;
    border: 1px solid #e6ddcf;

    background: #fff;
    color: #6b7280;
}
.avatar-crop-close-btn:hover {
    color: #111827;
    border-color: #d8cebf;
}
.avatar-crop-modal-body {
    padding: 1rem;
}
.avatar-crop-viewport {
    width: min(80vw, 320px);
    height: min(80vw, 320px);
    margin: 0 auto;

    border: 1px solid #e5ddcf;
    overflow: hidden;
    position: relative;
    background: #f5f2ec;
    touch-action: none;
    user-select: none;
}
.avatar-crop-image {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top left;
    max-width: none;
    will-change: transform;
}
.avatar-crop-guides {
    position: absolute;
    inset: 0;
    border: 1px dashed rgba(255,255,255,.72);
    pointer-events: none;
}
.avatar-crop-guides::before,
.avatar-crop-guides::after {
    content: "";
    position: absolute;
    background: rgba(255,255,255,.55);
}
.avatar-crop-guides::before {
    width: 100%;
    height: 1px;
    top: 50%;
    right: 0;
}
.avatar-crop-guides::after {
    width: 1px;
    height: 100%;
    right: 50%;
    top: 0;
}
.avatar-crop-zoom-label {
    display: block;
    margin: .85rem 0 .3rem;
    font-size: .78rem;
    font-weight: 700;
    color: var(--text-secondary);
}
.avatar-crop-zoom {
    width: 100%;
    accent-color: var(--gold);
}
.avatar-crop-help {
    margin-top: .4rem;
    font-size: .74rem;
    color: var(--text-muted);
}
.avatar-crop-modal-foot {
    padding: .85rem 1rem 1rem;
    border-top: 1px solid #efe8dc;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .55rem;
}

@media (max-width: 680px) {
    .account-avatar-editor {
        flex-direction: column;
        align-items: flex-start;
    }
    .account-avatar-editor-preview-wrap {
        width: 92px;
        height: 92px;
    }
}



/* ACCOUNT NEWSLETTER PREFERENCE */
.bonart-account-newsletter {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1rem;
    border: 1.5px solid var(--dark-border);
    background: linear-gradient(180deg, #fff 0%, #fbf9f6 100%);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.bonart-account-newsletter.is-active {
    border-color: #b8d8c3;
    background: linear-gradient(180deg, #fff 0%, #f4fbf6 100%);
}
.bonart-account-newsletter.is-pending {
    border-color: #ead9a7;
    background: linear-gradient(180deg, #fff 0%, #fffbef 100%);
}
.bonart-account-newsletter__icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1ede6;
    border: 1px solid #e2d8ca;
    color: #746553;
    font-size: 1rem;
}
.bonart-account-newsletter.is-active .bonart-account-newsletter__icon {
    background: #e9f6ed;
    border-color: #cce6d4;
    color: #24753d;
}
.bonart-account-newsletter.is-pending .bonart-account-newsletter__icon {
    background: #fff4d5;
    border-color: #efdfac;
    color: #9a6f12;
}
.bonart-account-newsletter__content {
    min-width: 0;
    flex: 1;
}
.bonart-account-newsletter__title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: .28rem;
}
.bonart-account-newsletter__title-row strong {
    color: var(--text-primary);
    font-size: .92rem;
    font-weight: 800;
}
.bonart-account-newsletter__status {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 .58rem;
    border: 1px solid #ded7cd;
    background: #f5f2ed;
    color: #766c60;
    font-size: .68rem;
    font-weight: 800;
    white-space: nowrap;
}
.bonart-account-newsletter__status.is-active {
    border-color: #b9ddc5;
    background: #eaf7ee;
    color: #24753d;
}
.bonart-account-newsletter__status.is-pending {
    border-color: #ead9a7;
    background: #fff5d8;
    color: #8a6516;
}
.bonart-account-newsletter__content p {
    margin: 0;
    color: var(--text-muted);
    font-size: .78rem;
    line-height: 1.85;
}
.bonart-account-newsletter__note {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    margin-top: .48rem;
    color: #8a6516;
    font-size: .72rem;
    line-height: 1.75;
}
.bonart-account-newsletter__note i {
    margin-top: .32rem;
    flex: 0 0 auto;
}
.bonart-account-newsletter__toggle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    cursor: pointer;
    user-select: none;
}
.bonart-account-newsletter__toggle input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}
.bonart-account-newsletter__track {
    width: 48px;
    height: 26px;
    padding: 3px;
    display: inline-flex;
    align-items: center;
    background: #d7d1c7;
    border: 1px solid #c8c0b5;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.bonart-account-newsletter__thumb {
    width: 18px;
    height: 18px;
    display: block;
    background: #fff;
    box-shadow: 0 2px 6px rgba(15,23,42,.18);
    transform: translateX(0);
    transition: transform .2s ease;
}
.bonart-account-newsletter__toggle input:checked + .bonart-account-newsletter__track {
    background: #2d8a4b;
    border-color: #24753d;
}
.bonart-account-newsletter__toggle input:checked + .bonart-account-newsletter__track .bonart-account-newsletter__thumb {
    transform: translateX(-20px);
}
.bonart-account-newsletter__toggle input:focus-visible + .bonart-account-newsletter__track {
    box-shadow: 0 0 0 3px rgba(45,138,75,.18);
}
.bonart-account-newsletter__toggle-label {
    color: var(--text-secondary);
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}
@media (max-width: 720px) {
    .bonart-account-newsletter {
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .bonart-account-newsletter__content {
        flex: 1 1 calc(100% - 64px);
    }
    .bonart-account-newsletter__toggle {
        width: 100%;
        justify-content: space-between;
        padding-top: .75rem;
        border-top: 1px solid var(--dark-border);
    }
}


/* EDIT ACCOUNT */
.woocommerce-EditAccountForm .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 580px) { .woocommerce-EditAccountForm .form-grid { grid-template-columns: 1fr; } }
.wc-field        { margin-bottom: 1rem; }
.woocommerce-form__label { display: block; font-size: .78rem; font-weight: 700; color: var(--text-secondary); margin-bottom: .4rem; }
.woocommerce-form__label .required { color: var(--red); margin-right: .2rem; }
.woocommerce-Input { width: 100%; padding: .8rem 1rem; border: 1.5px solid var(--dark-border);font-size: .9rem; color: var(--text-primary); background: #fafafa; outline: none; transition: border-color .25s; direction: rtl; }
.woocommerce-Input:focus { border-color: var(--gold); background: #fff; box-shadow: 0 0 0 3px rgba(200,200,200,.15); }
.woocommerce-Input::placeholder { color: var(--text-muted); }
.wc-section-divider { margin: 1.5rem 0; border: none; border-top: 1.5px solid var(--dark-border); }
.wc-section-label { font-size: .7rem; font-weight: 700; letter-spacing: .2em; color: var(--text-muted); text-transform: uppercase; margin-bottom: 1rem; display: flex; align-items: center; gap: .6rem; }
.wc-section-label::after { content: ''; flex: 1; height: 1px; background: var(--dark-border); }
.wc-password-wrap { position: relative; }
.wc-password-wrap .woocommerce-Input { padding-left: 3rem; }
.wc-pass-toggle  { position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); background: none; border: none; color: var(--text-muted); cursor: pointer; font-size: .9rem; transition: color .2s; }
.wc-pass-toggle:hover { color: var(--gold); }
.wc-pass-strength { display: flex; gap: 4px; margin-top: .5rem; }
.wc-pass-bar     { flex: 1; height: 3px; border-radius: 100px; background: var(--dark-border); }
.wc-pass-bar.weak   { background: var(--red); }
.wc-pass-bar.medium { background: #f97316; }
.wc-pass-bar.strong { background: var(--green); }
.woocommerce-Button { display: inline-flex; align-items: center; gap: .6rem; padding: .85rem 2.2rem; background: var(--gold); color: #000;  font-size: .9rem; font-weight: 700; border: none;  cursor: pointer; transition: var(--transition); clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px)); }
.woocommerce-Button:hover { background: #eee; transform: translateY(-2px); }
/* Shared WooCommerce notices styled globally above */

/* DOWNLOADS */
.woocommerce-table--digital-downloads { width: 100%; border-collapse: collapse; }
.woocommerce-table--digital-downloads thead th { font-size: .7rem; font-weight: 700; letter-spacing: .12em; color: var(--text-muted); text-transform: uppercase; padding: .75rem 1rem; border-bottom: 1.5px solid var(--dark-border); text-align: right; background: var(--dark-surface); }
.woocommerce-table--digital-downloads td { padding: .9rem 1rem; font-size: .86rem; border-bottom: 1px solid var(--dark-border); vertical-align: middle; }
.woocommerce-table--digital-downloads tr:last-child td { border-bottom: none; }
.download-product-thumb { width: 44px; height: 44px;object-fit: cover; }
.download-btn    { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .85rem; background: var(--gold); color: #000; border: none;  font-size: .75rem; font-weight: 700; cursor: pointer;  transition: var(--transition); }
.download-btn:hover { background: #eee; }

/* NOTIFICATIONS */
.notif-item      { display: flex; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--dark-border); align-items: flex-start; }
.notif-item:last-child { border-bottom: none; }
.notif-icon      { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: .9rem; flex-shrink: 0; }
.notif-icon.order   { background: #dbeafe; color: #3b82f6; }
.notif-icon.wishlist{ background: #fce7f3; color: #be185d; }
.notif-icon.promo   { background: #fef3c7; color: #f97316; }
.notif-icon.system  { background: #dcfce7; color: var(--green); }
.notif-text      { flex: 1; }
.notif-title     { font-size: .88rem; font-weight: 600; margin-bottom: .2rem; }
.notif-desc      { font-size: .8rem; color: var(--text-secondary); line-height: 1.6; }
.notif-time      { font-size: .72rem; color: var(--text-muted); white-space: nowrap; margin-top: .15rem; }
.notif-dot       { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); flex-shrink: 0; margin-top: .4rem; }

/* MOBILE ACCOUNT NAV */
.mobile-account-nav { display: none; background: var(--dark-card); border: 1.5px solid var(--dark-border);  overflow-x: auto; padding: .5rem; gap: .4rem; }
@media (max-width: 900px) { .mobile-account-nav { display: flex; } .woocommerce-MyAccount-navigation { display: none; } }
.mob-nav-btn     { display: flex; flex-direction: column; align-items: center; gap: .3rem; padding: .6rem .85rem; border: 1px solid transparent; font-size: .65rem; color: var(--text-secondary); cursor: pointer; white-space: nowrap; background: transparent;  transition: var(--transition); }
.mob-nav-btn i   { font-size: 1.1rem; }
.mob-nav-btn.active, .mob-nav-btn:hover { background: rgba(200,200,200,.08); border-color: rgba(200,200,200,.3); color: var(--gold); }
.mobile-account-nav .mob-nav-btn .nav-badge-count { margin-right: 0; margin-top: .2rem; font-size: .58rem; padding: .1rem .42rem; line-height: 1.3; }

/* TAB SWITCHING */
.wc-section        { display: none; }
.wc-section.active { display: block; }

/* ---- blog-archive ---- */


/* ARCHIVE HERO */
.archive-hero { position: relative; padding: 7.5rem 0 5rem; background: var(--dark-surface); border-bottom: 1px solid var(--dark-border); overflow: hidden; }
.archive-hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(var(--dark-border) 1px,transparent 1px), linear-gradient(90deg,var(--dark-border) 1px,transparent 1px); background-size: 60px 60px; opacity: .3; }
.archive-hero::after  { content: ''; position: absolute; top: -40%; right: -10%; width: 600px; height: 600px; background: radial-gradient(circle,rgba(200,200,200,.06) 0%,transparent 65%); pointer-events: none; }
.archive-hero-inner   { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; padding: 0 1.5rem; }

.archive-breadcrumb  { display: flex; align-items: center; gap: .5rem; font-size: .74rem; color: var(--text-muted); letter-spacing: .08em; margin-bottom: 2rem; opacity: 0; animation: fadeUp .7s .2s forwards; }
.archive-breadcrumb a { color: var(--text-muted); }
.archive-breadcrumb a:hover { color: var(--gold); }
.archive-breadcrumb .sep { color: var(--dark-border); }

.archive-eyebrow     { display: inline-flex; align-items: center; gap: .75rem; font-size: .7rem; font-weight: 700; letter-spacing: .35em; color: var(--gold); text-transform: uppercase; margin-bottom: 1rem; opacity: 0; animation: fadeUp .7s .3s forwards; }
.archive-eyebrow::before { content: ''; width: 30px; height: 1px; background: var(--gold); }

.archive-hero-title  { font-size: 28px; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; margin-bottom: 1.25rem; color: var(--text-primary); opacity: 0; animation: fadeUp .8s .4s forwards; }
.archive-hero-title .gold { color: var(--gold); font-style: italic; font-weight: 300; }

.archive-hero-desc   { font-size: 1rem; color: var(--text-secondary); font-weight: 300; line-height: 1.8; max-width: 540px; margin-bottom: 2.5rem; opacity: 0; animation: fadeUp .7s .55s forwards; }

.archive-stats       { display: flex; flex-wrap: wrap; gap: 1rem; opacity: 0; animation: fadeUp .7s .7s forwards; }
.archive-stat-pill   { display: flex; align-items: center; gap: .6rem; padding: .5rem 1.1rem; background: #fff; border: 1px solid var(--dark-border); border: 1px solid var(--dark-border); border-radius: 100px; font-size: .8rem; color: var(--text-secondary); }
.archive-stat-pill i { color: var(--gold); font-size: .8rem; }
.archive-stat-pill strong { color: var(--text-primary); font-weight: 700; }

@keyframes fadeUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }

/* SEARCH BAR */
.archive-search-bar   { background: var(--dark-card); border-bottom: 1px solid var(--dark-border); padding: 1.25rem 0; position: sticky; top: 62px; z-index: 50; transition: box-shadow .3s; }
.archive-search-bar.shadow-on { box-shadow: 0 4px 24px rgba(0,0,0,.3); }
.archive-search-inner { max-width: 1400px; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.search-field-wrap    { position: relative; flex: 1; min-width: 220px; }
.search-field-wrap input { width: 100%; padding: .7rem 2.5rem .7rem 1rem; background: var(--dark-surface); border: 1px solid var(--dark-border); border-radius: var(--radius); color: var(--text-primary);  font-size: .88rem; outline: none; transition: border-color .3s; text-align: right; }
.search-field-wrap input:focus { border-color: var(--gold); }
.search-field-wrap input::placeholder { color: var(--text-muted); }
.search-field-wrap i  { position: absolute; right: .85rem; top: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: .85rem; pointer-events: none; }
.view-toggle  { display: flex; gap: .3rem; }
.view-btn     { width: 36px; height: 36px; border-radius: var(--radius); border: 1px solid var(--dark-border); background: transparent; color: var(--text-muted); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: .85rem; transition: var(--transition); }
.view-btn.active, .view-btn:hover { border-color: var(--gold); color: var(--gold); background: rgba(200,200,200,.06); }
.sort-select  { padding: .6rem 1rem; background: var(--dark-surface); border: 1px solid var(--dark-border); border-radius: var(--radius); color: var(--text-secondary);  font-size: .82rem; outline: none; cursor: pointer; transition: border-color .3s; }
.sort-select:focus { border-color: var(--gold); }

/* LAYOUT */
.archive-layout { max-width: 1400px; margin: 0 auto; padding: 3rem 1.5rem 5rem; display: grid; grid-template-columns: 1fr 290px; gap: 3rem; align-items: start; }
@media (max-width: 1024px) { .archive-layout { grid-template-columns: 1fr; } }

/* FILTER CHIPS */
.filter-row   { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2.5rem; align-items: center; }
.filter-label { font-size: .72rem; color: var(--text-muted); letter-spacing: .12em; text-transform: uppercase; margin-left: .5rem; white-space: nowrap; }
.filter-chip  { display: inline-flex; align-items: center; gap: .35rem; padding: .38rem 1rem; border-radius: 100px; border: 1px solid var(--dark-border); background: transparent; font-size: .78rem; color: var(--text-secondary); cursor: pointer;  transition: var(--transition); white-space: nowrap; }
.filter-chip:hover { border-color: var(--gold-dark); color: var(--gold); }
.filter-chip.active { background: var(--gold); border-color: var(--gold); color: #000; font-weight: 700; }
.filter-chip .chip-count { font-size: .65rem; background: rgba(0,0,0,.15); border-radius: 100px; padding: .05rem .4rem; font-weight: 700; }

/* FEATURED POST */
.featured-post { position: relative; border-radius: var(--radius); overflow: hidden; margin-bottom: 2.5rem; cursor: pointer; border: 1px solid var(--dark-border); transition: var(--transition); }
.featured-post:hover { border-color: var(--gold-dark); box-shadow: var(--shadow-gold); }
.featured-post-img { width: 100%; aspect-ratio: 21/8; object-fit: cover; transition: transform .7s ease; }
.featured-post:hover .featured-post-img { transform: scale(1.03); }
.featured-post-overlay { position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 55%,transparent 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 2.5rem; }
.featured-badge       { display: inline-flex; align-items: center; gap: .4rem; padding: .22rem .75rem; background: var(--gold); color: #000; font-size: .65rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;  width: fit-content; margin-bottom: 1rem; }
.featured-post-cat    { font-size: .7rem; color: var(--gold); letter-spacing: .18em; text-transform: uppercase; font-weight: 700; margin-bottom: .5rem; }
.featured-post-title  { font-size: clamp(1.4rem,3vw,2.2rem); font-weight: 800; color: #fff; line-height: 1.2; margin-bottom: 1rem; }
.featured-post-meta   { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.featured-meta-item   { display: flex; align-items: center; gap: .4rem; font-size: .75rem; color: rgba(255,255,255,.6); }
.featured-meta-item i { color: var(--gold); font-size: .72rem; }

/* POST GRID */
.posts-grid       { display: none; }
.posts-grid.active{ display: grid; grid-template-columns: repeat(2,1fr); gap: 1.25rem; }
@media (max-width: 768px) { .posts-grid.active { grid-template-columns: 1fr; } }

.post-card        { background: var(--dark-card); border: 1px solid var(--dark-border); border-radius: var(--radius); overflow: hidden; transition: var(--transition); cursor: pointer; display: flex; flex-direction: column; position: relative; }
.post-card::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 2px; background: linear-gradient(to right,var(--gold),transparent); transform: scaleX(0); transform-origin: right; transition: var(--transition); }
.post-card:hover  { transform: translateY(-6px); box-shadow: var(--shadow-deep); border-color: var(--gold-dark); }
.post-card:hover::after { transform: scaleX(1); }

.post-card-img-wrap      { position: relative; overflow: hidden; aspect-ratio: 16/10; }
.post-card-img-wrap img  { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.post-card:hover .post-card-img-wrap img { transform: scale(1.07); }
.post-card-cat           { position: absolute; top: .85rem; right: .85rem; padding: .18rem .65rem; background: var(--gold); color: #000; font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;  }
.post-card-read-time     { position: absolute; top: .85rem; left: .85rem; padding: .18rem .65rem; background: rgba(0,0,0,.65); backdrop-filter: blur(8px); color: rgba(255,255,255,.8); font-size: .62rem;  display: flex; align-items: center; gap: .3rem; }

.post-card-body   { padding: 1.35rem; flex: 1; display: flex; flex-direction: column; }
.post-card-meta   { display: flex; align-items: center; gap: .85rem; flex-wrap: wrap; font-size: .72rem; color: var(--text-muted); margin-bottom: .7rem; }
.post-card-author { display: flex; align-items: center; gap: .4rem; }
.post-card-author img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
.post-card-title  { font-size: 1rem; font-weight: 700; line-height: 1.45; margin-bottom: .65rem; color: var(--text-primary); transition: var(--transition); }
.post-card:hover .post-card-title { color: var(--gold); }
.post-card-excerpt{ font-size: .82rem; color: var(--text-secondary); line-height: 1.75; font-weight: 300; flex: 1; }
.post-card-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid var(--dark-border); }
.read-more        { font-size: .76rem; font-weight: 700; color: var(--gold); display: flex; align-items: center; gap: .4rem; letter-spacing: .06em; }
.read-more i      { transition: transform .3s; }
.post-card:hover .read-more i { transform: translateX(-3px); }
.post-card-stats  { display: flex; gap: .85rem; }
.post-stat        { font-size: .7rem; color: var(--text-muted); display: flex; align-items: center; gap: .3rem; }

/* POST LIST */
.posts-list        { display: none; }
.posts-list.active { display: flex; flex-direction: column; gap: 1px; }
.list-item         { display: grid; grid-template-columns: 180px 1fr; background: var(--dark-card); border: 1px solid var(--dark-border); border-radius: var(--radius); overflow: hidden; transition: var(--transition); cursor: pointer; margin-bottom: 1px; }
.list-item:hover   { border-color: var(--gold-dark); box-shadow: var(--shadow-gold); transform: translateX(-4px); }
@media (max-width: 580px) { .list-item { grid-template-columns: 1fr; } }
.list-item-img     { position: relative; overflow: hidden; }
.list-item-img img { width: 100%; height: 100%; min-height: 130px; object-fit: cover; transition: transform .5s; }
.list-item:hover .list-item-img img { transform: scale(1.06); }
.list-item-cat     { position: absolute; bottom: .6rem; right: .6rem; padding: .15rem .55rem; background: var(--gold); color: #000; font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;  }
.list-item-body    { padding: 1.25rem 1.5rem; display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; }
.list-item-meta    { display: flex; gap: 1rem; flex-wrap: wrap; font-size: .7rem; color: var(--text-muted); }
.list-item-title   { font-size: 1.05rem; font-weight: 700; line-height: 1.4; color: var(--text-primary); transition: var(--transition); }
.list-item:hover .list-item-title { color: var(--gold); }
.list-item-excerpt { font-size: .82rem; color: var(--text-secondary); line-height: 1.7; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.list-item-footer  { display: flex; align-items: center; justify-content: space-between; margin-top: .5rem; }
.list-read-more    { font-size: .76rem; font-weight: 700; color: var(--gold); display: flex; align-items: center; gap: .35rem; }
.list-read-more i  { transition: transform .3s; }
.list-item:hover .list-read-more i { transform: translateX(-3px); }
.list-stats        { display: flex; gap: .75rem; font-size: .7rem; color: var(--text-muted); }

/* RESULTS ROW */
.results-row       { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; flex-wrap: wrap; gap: .75rem; }
.results-count     { font-size: .82rem; color: var(--text-muted); }
.results-count strong { color: var(--gold); font-weight: 700; }
.active-filters    { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.active-filter-tag { display: inline-flex; align-items: center; gap: .4rem; padding: .22rem .75rem; background: rgba(200,200,200,.1); border: 1px solid rgba(200,200,200,.25); border-radius: 100px; font-size: .72rem; color: var(--gold); }
.remove-filter     { cursor: pointer; font-size: .65rem; opacity: .7; }
.remove-filter:hover { opacity: 1; }

/* ARCHIVE CATEGORY DESCRIPTION (BOTTOM) */
.archive-bottom-description {
    margin-top: 2rem;
    padding: 1.2rem 1.3rem;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: var(--radius);
}
.archive-bottom-description-title {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: .65rem;
}
.archive-bottom-description-text {
    margin: 0;
    font-size: .88rem;
    color: var(--text-secondary);
    line-height: 1.9;
    font-weight: 300;
}

/* PAGINATION: unified styles are defined in the global pagination block below. */

/* SIDEBAR */
.sidebar           { position: sticky; top: 130px; display: flex; flex-direction: column; gap: 1.5rem; }
.sidebar-widget    { background: var(--dark-card); border: 1px solid var(--dark-border); border-radius: var(--radius); padding: 1.4rem; overflow: hidden; }
.widget-title      { font-size: .72rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.2rem; padding-bottom: .75rem; border-bottom: 1px solid var(--dark-border); display: flex; align-items: center; gap: .5rem; }
.sb-search-wrap    { position: relative; }
.sb-search-input   { width: 100%; padding: .65rem 2.3rem .65rem .9rem; background: var(--dark-surface); border: 1px solid var(--dark-border); border-radius: var(--radius); color: var(--text-primary);  font-size: .83rem; outline: none; transition: border-color .3s; text-align: right; }
.sb-search-input:focus { border-color: var(--gold); }
.sb-search-input::placeholder { color: var(--text-muted); }
.sb-search-wrap i  { position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: .8rem; }

.popular-item      { display: flex; gap: .8rem; align-items: center; padding: .65rem 0; border-bottom: 1px solid var(--dark-border); cursor: pointer; }
.popular-item:last-child { border-bottom: none; padding-bottom: 0; }
.popular-item:hover .popular-title { color: var(--gold); }
.popular-rank      { width: 26px; height: 26px; border-radius: var(--radius); background: var(--dark-surface); border: 1px solid var(--dark-border); font-size: .7rem; font-weight: 800; color: var(--text-muted); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.popular-item:first-child .popular-rank { background: var(--gold); border-color: var(--gold); color: #000; }
.popular-title     { font-size: .82rem; font-weight: 600; line-height: 1.45; transition: var(--transition); }
.popular-views     { font-size: .68rem; color: var(--text-muted); margin-top: .2rem; }

.cat-row           { display: flex; justify-content: space-between; align-items: center; padding: .6rem 0; border-bottom: 1px solid var(--dark-border); cursor: pointer; transition: var(--transition); }
.cat-row:last-child{ border-bottom: none; }
.cat-row:hover     { padding-right: .4rem; }
.cat-row:hover .cat-name { color: var(--gold); }
.cat-name          { font-size: .84rem; color: var(--text-secondary); display: flex; align-items: center; gap: .4rem; }
.cat-name i        { font-size: .6rem; color: var(--gold); }
.cat-badge         { font-size: .68rem; font-weight: 700; background: var(--dark-surface); color: var(--text-muted); padding: .08rem .5rem; border-radius: 100px; border: 1px solid var(--dark-border); }

.tag-cloud         { display: flex; flex-wrap: wrap; gap: .45rem; }
.tag-pill          { padding: .25rem .75rem; border: 1px solid var(--dark-border); border-radius: 100px; font-size: .7rem; color: var(--text-muted); cursor: pointer; transition: var(--transition); background: transparent; }
.tag-pill:hover    { border-color: var(--gold); color: var(--gold); }
.tag-pill.hot      { border-color: rgba(200,200,200,.35); color: var(--gold); background: rgba(200,200,200,.05); }

.nl-input          { width: 100%; padding: .65rem .9rem; background: var(--dark-surface); border: 1px solid var(--dark-border); border-radius: var(--radius) var(--radius) 0 0; color: var(--text-primary);  font-size: .82rem; outline: none; border-bottom: none; text-align: right; transition: border-color .3s; }
.nl-input:focus    { border-color: var(--gold); }
.nl-input::placeholder { color: var(--text-muted); }
.nl-btn            { width: 100%; padding: .65rem; background: var(--gold); color: #000; border: none; cursor: pointer;  font-size: .82rem; font-weight: 700; border-radius: 0 0 var(--radius) var(--radius); display: flex; align-items: center; justify-content: center; gap: .4rem; transition: var(--transition); }
.nl-btn:hover      { background: #eee; }

.author-mini       { display: flex; gap: .9rem; align-items: center; padding: .65rem 0; border-bottom: 1px solid var(--dark-border); cursor: pointer; }
.author-mini:last-child { border-bottom: none; }
.author-mini img   { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; border: 2px solid var(--dark-border); flex-shrink: 0; transition: border-color .3s; }
.author-mini:hover img { border-color: var(--gold); }
.author-mini-name  { font-size: .87rem; font-weight: 700; transition: var(--transition); }
.author-mini:hover .author-mini-name { color: var(--gold); }
.author-mini-role  { font-size: .7rem; color: var(--text-muted); }
.author-mini-count { font-size: .68rem; color: var(--gold); font-weight: 600; }

/* NO RESULTS */
.no-results        { padding: 4rem 2rem; text-align: center; color: var(--text-muted); display: none; }
.no-results i      { font-size: 3rem; margin-bottom: 1rem; opacity: .3; }
.no-results p      { font-size: .95rem; }

/* RESPONSIVE */
@media (max-width: 768px) { .archive-hero { padding: 6.5rem 0 3.5rem; } }

/* SEARCH RESULTS PAGE */
.search-hero,
.search-toolbar-dock,
.search-page-wrap,
.search-results-layout {
    --search-primary: #eeeeee;
    --search-secondary: #cccccc;
    --search-text: #1f232b;
    --search-text-soft: #4f5560;
    --search-border: #cccccc;
    --search-surface: #f6f6f6;
    --search-surface-2: #efefef;
}

.search-hero {
     position: relative;
    padding: 3.7rem 0 4.6rem;
    background: radial-gradient(circle at 86% 15%, rgba(204, 204, 204, .55) 0%, rgba(204, 204, 204, 0) 42%), linear-gradient(145deg, #f3f3f3 0%, #e9e9e9 55%, #dcdcdc 100%);
    border-bottom: 1px solid #c8c8c8;
    margin-top: 50px;
}
.search-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px);
    background-size: 58px 58px;
    opacity: .42;
    pointer-events: none;
}
.search-hero .archive-hero-inner { position: relative; z-index: 2; }
.search-hero .archive-breadcrumb,
.search-hero .archive-breadcrumb a,
.search-hero .archive-breadcrumb .sep { color: #5d636d; }
.search-hero .archive-breadcrumb a:hover { color: var(--search-text); }
.search-hero .archive-eyebrow {
    color: #434a55;
    letter-spacing: .25em;
}
.search-hero .archive-eyebrow::before { background: #6a7180; }
.search-hero .archive-hero-title {
    color: var(--search-text);
    font-size: clamp(2rem, 4.4vw, 3.7rem);
    line-height: 1.1;
}
.search-hero .archive-hero-desc {
    max-width: 760px;
    color: var(--search-text-soft);
}
.search-hero .archive-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .72rem;
}
.search-hero .archive-stat-pill {
    justify-content: center;
    min-height: 46px;
    background: rgba(255,255,255,.65);
    border: 1px solid #cfcfcf;
    color: #515866;
    backdrop-filter: blur(3px);
}
.search-hero .archive-stat-pill i { color: #6e7482; }
.search-hero .archive-stat-pill strong { color: #1f232b; }

.search-hero-form,
.search-empty-form {
    margin-top: 1.5rem;
    max-width: 760px;
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
}
.search-hero-form .search-field-wrap,
.search-empty-form .search-field-wrap {
    flex: 1;
    min-width: 260px;
}
.search-hero .search-field-wrap input,
.search-empty-form .search-field-wrap input {
    background: rgba(255,255,255,.95);
    border: 1px solid #cfcfcf;
    color: #1f232b;
}
.search-hero .search-field-wrap input::placeholder,
.search-empty-form .search-field-wrap input::placeholder { color: #7a808d; }
.search-hero .search-field-wrap i,
.search-empty-form .search-field-wrap i { color: #6e7584; }
.search-hero .search-field-wrap input:focus,
.search-empty-form .search-field-wrap input:focus {
    border-color: #bcbcbc;
    box-shadow: 0 0 0 3px rgba(204,204,204,.34);
}
.search-hero-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 44px;
    padding: .62rem 1.2rem;
    border: 1px solid #bfbfbf;
    background: linear-gradient(120deg, #eeeeee 0%, #d8d8d8 100%);
    color: #1f232b;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
}
.search-hero-submit:hover {
    border-color: #9f9f9f;
    background: linear-gradient(120deg, #f6f6f6 0%, #e2e2e2 100%);
    color: #171a20;
}

.search-toolbar-dock {
    top: 68px;
    background: rgba(238,238,238,.96);
    border-bottom: 1px solid #cfcfcf;
    backdrop-filter: blur(12px);
}
.search-toolbar-dock .archive-search-inner {
    max-width: 1450px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .7rem;
}
.search-toolbar-dock .search-field-wrap input {
    background: #ffffff;
    border-color: #cfcfcf;
    color: #1f232b;
}
.search-toolbar-dock .search-field-wrap input::placeholder { color: #747b88; }
.search-toolbar-dock .search-field-wrap i { color: #6c7381; }
.search-toolbar-dock .search-field-wrap input:focus {
    border-color: #bdbdbd;
    box-shadow: 0 0 0 3px rgba(204,204,204,.36);
}
.search-toolbar-dock .sort-select,
.search-toolbar-dock .view-btn {
    background: #f8f8f8;
    border-color: #cccccc;
    color: #2c3240;
}
.search-toolbar-dock .sort-select:focus { border-color: #bdbdbd; }
.search-toolbar-dock .view-btn.active,
.search-toolbar-dock .view-btn:hover {
    border-color: #a8a8a8;
    color: #161a22;
    background: #e5e5e5;
}

.search-page-wrap {
    max-width: 1450px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem 5rem;
}
.search-results-layout .filter-row {
    margin-bottom: 1.1rem;
    padding: .95rem;
    border: 1px solid #cfcfcf;
    background: var(--search-surface);
    overflow-x: auto;
    scrollbar-width: thin;
}
.search-results-layout .filter-label { color: #626a79; }
.search-results-layout .filter-chip {
    border-color: #cbcbcb;
    background: #f2f2f2;
    color: #404754;
}
.search-results-layout .filter-chip .chip-count {
    background: rgba(31,35,43,.1);
    color: #2a303d;
}
.search-results-layout .filter-chip:hover {
    border-color: #a8a8a8;
    color: #222833;
}
.search-results-layout .filter-chip.active {
    background: #dcdcdc;
    border-color: #bfbfbf;
    color: #1f232b;
}
.search-results-layout .results-row {
    margin-bottom: .85rem;
    padding: .8rem .9rem;
    border: 1px solid #cfcfcf;

    background: #f4f4f4;
}
.search-results-layout .results-count { color: #5f6776; }
.search-results-layout .results-count strong { color: #20242c; }
.search-results-layout .active-filter-tag {
    background: #e9e9e9;
    border-color: #cccccc;
    color: #262c38;
}

.search-smart-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    flex-wrap: wrap;
    margin-bottom: .9rem;
    padding: .78rem .95rem;
    border: 1px solid #cfcfcf;

    background: #f1f1f1;
}
.search-smart-meta {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}
.search-hint-pill,
.search-query-badge {
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    border-radius: 100px;
    border: 1px solid #d2d2d2;
    padding: .28rem .75rem;
    font-size: .72rem;
    color: #4c5360;
    background: #f8f8f8;
    line-height: 1.3;
}
.search-query-badge i,
.search-hint-pill i,
.search-type-pill i { color: #4f5664; }
.search-hint-pill kbd {
    border: 1px solid #d3d3d3;
    border-bottom-width: 2px;

    padding: 0 .32rem;
    background: #ffffff;
    color: #2a303d;
    font-size: .7rem;
    font-family: inherit;
}
.search-reset-btn {
    border: 1px solid #c9c9c9;
    background: #efefef;
    color: #414855;
    padding: .46rem .9rem;
    font-size: .74rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    cursor: pointer;
    transition: var(--transition);
}
.search-reset-btn:hover {
    border-color: #a9a9a9;
    color: #20242c;
    background: #e6e6e6;
}
.search-live-status {
    margin: 0 0 1.1rem;
    padding: .36rem .2rem 0;
    font-size: .76rem;
    color: #5e6573;
}

.search-results-layout .posts-grid.active {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.15rem;
}
.search-results-layout .search-result-card {
    grid-column: span 4;
    background: #f4f4f4;
    border: 1px solid #cdcdcd;
    overflow: hidden;
}
.search-results-layout .search-result-card:hover {
    transform: translateY(-7px);
    border-color: #a8a8a8;
    box-shadow: 0 16px 36px rgba(0,0,0,.1);
}
.search-results-layout .search-result-card .post-card-img-wrap { aspect-ratio: 16/9; }
.search-results-layout .search-result-card .post-card-body,
.search-results-layout .search-result-list-item .list-item-body { color: #2a2f3a; }
.search-results-layout .search-result-card .post-card-meta,
.search-results-layout .search-result-list-item .list-item-meta { color: #606777; }
.search-results-layout .search-result-card .post-card-title,
.search-results-layout .search-result-list-item .list-item-title { color: #1f232b; }
.search-results-layout .search-result-card .post-card-excerpt,
.search-results-layout .search-result-list-item .list-item-excerpt { color: #4e5563; }
.search-results-layout .search-result-card .post-card-footer,
.search-results-layout .search-result-list-item .list-item-footer {
    border-top-color: #d0d0d0;
}
.search-results-layout .search-result-card .post-card-stats,
.search-results-layout .search-result-list-item .list-stats,
.search-results-layout .search-result-list-item .list-stats span,
.search-results-layout .search-result-card .post-stat { color: #626978; }
.search-results-layout .search-result-card .read-more,
.search-results-layout .search-result-list-item .list-read-more { color: #2e3440; }
.search-results-layout .search-result-card:hover .post-card-title,
.search-results-layout .search-result-list-item:hover .list-item-title,
.search-results-layout .search-result-card:hover .read-more,
.search-results-layout .search-result-list-item:hover .list-read-more { color: #11151d; }

.search-results-layout .search-result-card .post-card-cat,
.search-results-layout .search-result-list-item .list-item-cat {
    background: #ededed;
    color: #20252f;
}
.search-results-layout .search-result-card .post-card-read-time {
    background: rgba(255,255,255,.85);
    color: #4e5561;
    border: 1px solid #d2d2d2;
}
.search-results-layout .search-spotlight-card {
    grid-column: span 8;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    min-height: 330px;
}
.search-results-layout .search-spotlight-card .post-card-img-wrap {
    aspect-ratio: auto;
    height: 100%;
}
.search-results-layout .search-spotlight-card .post-card-body { padding: 1.55rem; }
.search-results-layout .search-spotlight-card .post-card-title {
    font-size: 1.24rem;
    line-height: 1.35;
}

.search-type-pill {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .2rem .6rem;
    border: 1px solid #d0d0d0;
    border-radius: 100px;
    color: #454b58;
    background: #efefef;
    font-size: .66rem;
    line-height: 1.4;
}

.search-results-layout .posts-list.active { gap: .85rem; }
.search-results-layout .search-result-list-item {
    border: 1px solid #cdcdcd;
    background: #f4f4f4;
}
.search-results-layout .search-result-list-item:hover {
    transform: translateX(-7px);
    border-color: #aaaaaa;
    box-shadow: 0 14px 30px rgba(0,0,0,.09);
}

.search-hit {
    background: #dddddd;
    color: #1e222b;
    padding: .03rem .18rem;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
}
.search-empty-state {
    padding: 4.5rem 2rem;
    border: 1px solid #cdcdcd;
    background: #f0f0f0;
}
.search-empty-state p { margin-bottom: 0; color: #5b6372; }

@media (max-width: 1280px) {
    .search-hero .archive-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .search-results-layout .search-result-card { grid-column: span 6; }
    .search-results-layout .search-spotlight-card {
        grid-column: span 12;
        grid-template-columns: 1.05fr 1fr;
    }
}
@media (max-width: 980px) {
    .search-toolbar-dock .archive-search-inner {
        grid-template-columns: 1fr;
    }
    .search-results-layout .search-result-card,
    .search-results-layout .search-spotlight-card { grid-column: span 12; }
    .search-results-layout .search-spotlight-card {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }
}
@media (max-width: 768px) {
    .search-hero { padding: 6.5rem 0 3.6rem; }
    .search-page-wrap { padding: 2rem 1rem 3.8rem; }
    .search-hero .archive-stats { grid-template-columns: 1fr; }
    .search-hero-form,
    .search-empty-form {
        flex-direction: column;
        align-items: stretch;
    }
    .search-hero-form .search-field-wrap,
    .search-empty-form .search-field-wrap { min-width: 100%; }
    .search-hero-submit { width: 100%; }
    .search-smart-row { align-items: stretch; }
    .search-reset-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ================================================================
   SHOP ARCHIVE - styling
================================================================ */

/* ============================================================
       RESET & BASE
    ============================================================ */


/* ============================================================
       SHOP HERO - breadcrumb + title + meta strip
    ============================================================ */

.shop-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-top: calc(var(--navbar-h) + 12px);
    padding: 1.45rem 0 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
    background-color: #0f1115;
    background-image: url('../images/a.jpg');
    background-size: cover;
    background-position: center 35%;
}
.shop-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(8,10,16,.84) 0%, rgba(10,11,16,.62) 44%, rgba(8,10,16,.82) 100%);
    z-index: 0;
}
.shop-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 18%, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 42%);
    pointer-events: none;
    z-index: 0;
}

.shop-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 1440px; margin: 0 auto; padding: 0 1.75rem;
}

/* Breadcrumb (woocommerce_breadcrumb) */
.shop-hero .woocommerce-breadcrumb,
.shop-hero .shop-breadcrumb {
    display: flex; align-items: center; gap: .45rem; flex-wrap: wrap;
    font-size: .72rem; color: rgba(245,246,248,.78); padding: 1rem 0;
}
.shop-hero .woocommerce-breadcrumb a, .shop-hero .shop-breadcrumb a { color: rgba(245,246,248,.82); }
.shop-hero .woocommerce-breadcrumb a:hover, .shop-hero .shop-breadcrumb a:hover { color: #fff; }
.shop-hero .bc-sep { color: rgba(240,240,245,.36); }

.shop-title-row {
    display: flex; align-items: flex-end; justify-content: space-between;
    padding: 1.5rem 0 2rem; gap: 1rem; flex-wrap: wrap;
}
.shop-page-title {
    font-size: clamp(2rem,4vw,3.4rem);
    font-weight: 800; letter-spacing: -.03em; line-height: 1.1;
    color: #fff;
    text-shadow: 0 10px 26px rgba(0,0,0,.32);
}
.shop-page-title .gold { color: var(--gold-light); font-style: italic; font-weight: 300; }

.shop-meta-pills {
    display: flex; gap: .65rem; flex-wrap: wrap;
}
.shop-meta-pill {
    display: inline-flex; align-items: center; gap: .45rem;
    padding: .35rem .9rem; background: rgba(17,20,27,.45);
    border: 1px solid rgba(255,255,255,.2); border-radius: 100px;
    font-size: .72rem; color: rgba(236,239,244,.85);
    backdrop-filter: blur(2px);
}
.shop-meta-pill i { color: var(--gold); font-size: .7rem; }
.shop-meta-pill strong { color: #fff; font-weight: 700; }

/* Toolbar (result count + sort + view toggle) */
.shop-toolbar {
    display: flex; align-items: center; justify-content: space-between;
    padding: .9rem 0; border-top: 1px solid rgba(255,255,255,.22);
    gap: 1rem; flex-wrap: wrap;
}

/* woocommerce_result_count */
.woocommerce-result-count,
.result-count { font-size: .8rem; color: rgba(245,246,248,.72); }
.woocommerce-result-count strong,
.result-count strong { color: #fff; font-weight: 700; }

.toolbar-right { display: flex; align-items: center; gap: .65rem; }

/* woocommerce_catalog_ordering */
.woocommerce-ordering select,
.sort-select {
    padding: .5rem 1rem; font-size: .8rem; 
    background: rgba(15,18,24,.62); border: 1px solid rgba(255,255,255,.25);
    border-radius: var(--radius-sm); color: rgba(245,246,248,.92);
    outline: none; cursor: pointer; transition: border-color .3s;
    min-width: 160px;
}
.woocommerce-ordering select:focus,
.sort-select:focus { border-color: rgba(255,255,255,.42); }

.view-toggle { display: flex; gap: .3rem; }
.view-btn {
    width: 36px; height: 36px; border-radius: var(--radius-sm);
    border: 1px solid rgba(255,255,255,.22); background: rgba(15,18,24,.5);
    color: rgba(245,246,248,.72); cursor: pointer; font-size: .82rem;
    display: flex; align-items: center; justify-content: center;
    transition: var(--transition);
}
.view-btn.active, .view-btn:hover {
    border-color: rgba(255,255,255,.54); color: #fff;
    background: rgba(255,255,255,.16);
}

/* Mobile filter button */
.filter-toggle-mobile {
    display: none; align-items: center; gap: .5rem;
    padding: .5rem 1.1rem; font-size: .8rem; font-weight: 600;
    border: 1px solid rgba(255,255,255,.22); border-radius: var(--radius-sm);
    background: rgba(15,18,24,.5); color: rgba(245,246,248,.9); cursor: pointer;
    transition: var(--transition); 
}
.filter-toggle-mobile:hover { border-color: rgba(255,255,255,.54); color: #fff; }
.filter-badge { min-width:18px; height:18px; background:var(--gold); color:#000; font-size:.6rem; font-weight:800; border-radius:100px; display:flex; align-items:center; justify-content:center; padding:0 4px; }

@media (max-width: 768px) {
    .shop-hero { margin-top: calc(var(--navbar-h) + 8px); padding-top: 1rem; background-position: center 28%; }
    .shop-title-row { padding: 1.15rem 0 1.45rem; }
    .shop-page-title { font-size: clamp(1.75rem,8vw,2.4rem); }
}


/* ============================================================
       MAIN LAYOUT
    ============================================================ */

.shop-layout {
    max-width: 1440px; margin: 0 auto;
    padding: 2.5rem 1.75rem 5rem;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 2.5rem;
    align-items: start;
}
@media(max-width:1024px) { .shop-layout { grid-template-columns: 1fr; } }


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

.filter-sidebar {
    position: sticky; top: calc(var(--navbar-h) + 1.25rem);
    display: flex; flex-direction: column; gap: 1rem;
}

/* Offcanvas on mobile */
.filter-offcanvas {
    position: fixed; top: 0; right: -340px;
    width: min(340px, 92vw); height: 100vh;
    background: var(--card); border-left: 1px solid var(--border);
    z-index: 1200; padding: 1.5rem; overflow-y: auto;
    display: flex; flex-direction: column; gap: 1rem;
    transition: right .4s cubic-bezier(.25,.46,.45,.94);
    box-shadow: -8px 0 50px rgba(0,0,0,.15);
}
.filter-offcanvas.open { right: 0; }
.offcanvas-overlay {
    position: fixed; inset: 0; background: rgba(26,21,16,.45);
    backdrop-filter: blur(3px); z-index: 1199;
    opacity: 0; pointer-events: none; transition: opacity .4s;
}
.offcanvas-overlay.open { opacity: 1; pointer-events: all; }

.offcanvas-header {
    display: flex; align-items: center; justify-content: space-between;
    padding-bottom: 1rem; border-bottom: 1px solid var(--border);
    margin-bottom: .5rem;
}
.offcanvas-header h3 { font-size: 1rem; font-weight: 800; }
.offcanvas-close {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid var(--border); background: transparent;
    color: var(--text-muted); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; transition: var(--transition);
}
.offcanvas-close:hover { border-color: var(--gold); color: var(--gold); }

/* Filter widget */
.filter-widget {
    background: var(--card); border: 1px solid var(--border);
    border-radius: var(--radius); overflow: hidden;
}

.filter-widget-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1rem 1.25rem; cursor: pointer;
    border-bottom: 1px solid transparent; transition: border-color .3s;
    user-select: none;
}
.filter-widget-head.open { border-bottom-color: var(--border); }

.filter-widget-title {
    font-size: .75rem; font-weight: 800; letter-spacing: .18em;
    text-transform: uppercase; color: var(--text-primary);
    display: flex; align-items: center; gap: .5rem;
}
.filter-widget-title i { color: var(--gold); font-size: .78rem; }
.filter-chevron { color: var(--text-muted); font-size: .75rem; transition: transform .3s; }
.filter-widget-head.open .filter-chevron { transform: rotate(180deg); }

.filter-widget-body { padding: 1rem 1.25rem; display: none; }
.filter-widget-body.open { display: block; }

#ts-fw-artist.filter-widget-body.open,
#ts-fw-exhibition.filter-widget-body.open {
    height: 350px;
    overflow-y: scroll;
}

/* Search filter */
.filter-search-wrap { position: relative; }
.filter-search-input {
    width: 100%; padding: .6rem 2.1rem .6rem .8rem;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius-sm); color: var(--text-primary);
     font-size: .83rem; outline: none;
    transition: border-color .3s; text-align: right;
}
.filter-search-input:focus { border-color: var(--gold); }
.filter-search-input::placeholder { color: var(--text-muted); }
.filter-search-icon { position: absolute; right: .7rem; top: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: .8rem; }

/* Checkbox list */
.filter-check-list { display: flex; flex-direction: column; gap: .5rem; }
.filter-check-item { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.filter-check-label {
    display: flex; align-items: center; gap: .55rem;
    font-size: .84rem; color: var(--text-secondary); cursor: pointer;
    transition: color .25s; flex: 1;
}
.filter-check-label:hover { color: var(--gold); }
.filter-check-label input[type="checkbox"] { appearance: none; width: 16px; height: 16px; border: 1.5px solid var(--border);  background: var(--surface); cursor: pointer; transition: var(--transition); flex-shrink: 0; }
.filter-check-label input[type="checkbox"]:checked { background: var(--gold); border-color: var(--gold); }
.filter-check-label input[type="checkbox"]:checked::after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: .55rem; color: #000; display: flex; align-items: center; justify-content: center; height: 100%; }
.filter-count { font-size: .65rem; background: var(--surface); border: 1px solid var(--border); color: var(--text-muted); padding: .05rem .45rem; border-radius: 100px; }

/* Show more toggle */
.show-more-btn {
    font-size: .74rem; color: var(--gold); font-weight: 700;
    background: none; border: none; cursor: pointer; padding: .5rem 0;
    display: flex; align-items: center; gap: .3rem; 
}
.show-more-btn:hover { text-decoration: underline; }

/* Price range slider */
.price-range-wrap { padding: .25rem 0; }
.price-range-display {
    display: flex; justify-content: space-between;
    font-size: .78rem; color: var(--text-secondary); margin-bottom: .85rem;
}
.price-range-display span { font-weight: 700; color: var(--gold); }
.range-slider {
    position: relative; height: 4px;
    background: var(--border); margin: 0 6px;
}
.range-track { position: absolute; height: 100%; background: var(--gold); left: 0%; right: 30%; }
input[type="range"].price-input {
    position: absolute; width: 100%; top: 50%; transform: translateY(-50%);
    height: 4px; appearance: none; background: transparent; outline: none; pointer-events: none;
}
input[type="range"].price-input::-webkit-slider-thumb {
    appearance: none; width: 18px; height: 18px; border-radius: 50%;
    background: var(--card); border: 2px solid var(--gold);
    box-shadow: 0 2px 8px rgba(201,168,76,.3);
    cursor: pointer; pointer-events: all; transition: box-shadow .25s;
}
input[type="range"].price-input::-webkit-slider-thumb:hover { box-shadow: 0 3px 14px rgba(201,168,76,.5); }
#rangeMin { z-index: 1; }
#rangeMax { z-index: 2; }
#tsRangeMin { z-index: 1; }
#tsRangeMax { z-index: 2; }

/* Color swatches */
.color-swatches { display: flex; flex-wrap: wrap; gap: .5rem; }
.color-swatch {
    width: 26px; height: 26px; border-radius: 50%;
    border: 2px solid transparent; cursor: pointer;
    transition: var(--transition); position: relative;
}
.color-swatch:hover, .color-swatch.active { border-color: var(--gold); transform: scale(1.15); box-shadow: 0 2px 10px rgba(0,0,0,.2); }
.color-swatch.active::after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: .5rem; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,.6); }

/* Availability toggle */
.avail-toggle { display: flex; flex-direction: column; gap: .5rem; }
.avail-btn {
    display: flex; align-items: center; gap: .6rem;
    padding: .55rem .85rem; border-radius: var(--radius-sm);
    border: 1px solid var(--border); background: var(--surface);
    font-size: .8rem; color: var(--text-secondary); cursor: pointer;
    transition: var(--transition); 
}
.avail-btn:hover, .avail-btn.active { border-color: var(--gold); color: var(--gold); background: var(--gold-subtle); }
.avail-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.dot-green { background: #22c55e; }
.dot-red   { background: #ef4444; }
.dot-amber { background: #f59e0b; }

/* Size swatches */
.size-swatches { display: flex; flex-wrap: wrap; gap: .4rem; }
.size-swatch {
    padding: .3rem .75rem; border-radius: var(--radius-sm);
    border: 1px solid var(--border); background: var(--surface);
    font-size: .75rem; color: var(--text-secondary); cursor: pointer;
    transition: var(--transition); 
}
.size-swatch:hover, .size-swatch.active { border-color: var(--gold); color: var(--gold); background: var(--gold-subtle); }

/* Reset filters */
.reset-filters-btn {
    width: 100%; padding: .7rem; font-size: .8rem; font-weight: 700;
    border: 1px solid var(--border); border-radius: var(--radius-sm);
    background: transparent; color: var(--text-muted); cursor: pointer;
    display: flex; align-items: center; justify-content: center; gap: .5rem;
    transition: var(--transition); 
}
.reset-filters-btn:hover { border-color: #ef4444; color: #ef4444; background: rgba(239,68,68,.04); }

/* Active filter tags strip */
.active-filters-strip {
    display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.25rem;
}
.active-filters-strip:empty {
    display: none;
}
.active-filter-tag {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .25rem .75rem;
    background: var(--gold-subtle); border: 1px solid var(--gold-border);
    border-radius: 100px; font-size: .72rem; color: var(--gold); font-weight: 600;
}
.remove-tag { cursor: pointer; opacity: .7; transition: opacity .2s; }
.remove-tag:hover { opacity: 1; }


/* ============================================================
       PRODUCTS GRID
    ============================================================ */

.products-col {}

/* Loading overlay */
.products-loading {
    position: relative;
}
.products-loading::after {
    content: ''; position: absolute; inset: 0;
    background: rgba(245,241,235,0.75);
    backdrop-filter: blur(2px);
    z-index: 10; border-radius: var(--radius);
    display: none;
}
.products-loading.loading::after { display: block; }

/* Spinner */
.loading-spinner {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11; display: none;
    flex-direction: column; align-items: center; gap: .75rem;
}
.products-loading.loading .loading-spinner { display: flex; }
.spinner-ring {
    width: 48px; height: 48px; border-radius: 50%;
    border: 3px solid var(--border);
    border-top-color: var(--gold);
    animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.spinner-text { font-size: .78rem; color: var(--text-muted); }

/* Grid view */
.products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.1rem;
}
@media(max-width:1280px) { .products-grid { grid-template-columns: repeat(3,1fr); } }
@media(max-width:900px)  { .products-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:480px)  { .products-grid { grid-template-columns: 1fr; } }

.products-grid.grid-4 { grid-template-columns: repeat(4,1fr); }
@media(max-width:1100px) { .products-grid.grid-4 { grid-template-columns: repeat(3,1fr); } }

/* Prevent WooCommerce's legacy float layout from breaking this CSS grid. */
.products-grid.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    list-style: none;
    margin: 0;
    padding: 0;
}
/* WooCommerce clearfix pseudo-elements become grid items and create an empty first cell. */
.products-grid.products::before,
.products-grid.products::after {
    content: none !important;
    display: none !important;
}
.products-grid.products.grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media(max-width:1100px) {
    .products-grid.products.grid-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media(max-width:900px) {
    .products-grid.products,
    .products-grid.products.grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media(max-width:480px) {
    .products-grid.products,
    .products-grid.products.grid-4 {
        grid-template-columns: 1fr !important;
    }
}
.products-grid.products > li.product {
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    min-width: 0;
}
.products-grid.products > li.product.first,
.products-grid.products > li.product.last,
.products-grid.products > li.product:nth-child(n) {
    clear: none !important;
}
.products-grid.products > li.product > a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* List view */
.products-list { display: none; flex-direction: column; gap: 1px; }
.products-list.active { display: flex; }
.products-grid.active { display: grid; }


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

/* WooCommerce li.product */
li.product,
.product-card {
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden;
    transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: relative;
    list-style: none;
    height: 100%;
    box-shadow: 0 8px 20px rgba(26,22,18,0.04);
}
li.product::after,
.product-card::after {
    display: none;
}
li.product:hover, .product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(26,22,18,0.12);
    border-color: #aaa;
}

/* Image wrap */
.product-card-img {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 4.2;
    background: #eee;
}
.product-card-image-link {
    display: block;
    height: 100%;
}
li.product img.attachment-woocommerce_thumbnail,
.product-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
    display: block;
}
li.product:hover img.attachment-woocommerce_thumbnail,
.product-card:hover .product-card-img img { transform: scale(1.06); }

.product-card-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.1) 42%, rgba(0,0,0,0) 82%);
    pointer-events: none;
    z-index: 1;
}

.product-card-cat {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    padding: .35rem .7rem;
    border-radius: 999px;
    font-size: .64rem;
    letter-spacing: .06em;
    font-weight: 700;
    background: rgba(18,14,10,.74);
    color: #fff;
    backdrop-filter: blur(6px);
    text-transform: uppercase;
}
.product-card-cat.badge-sale { background: rgba(176,139,52,.92); color: #fff; }
.product-card-cat.badge-sold { background: rgba(16,16,16,.85); color: #fff; }
.product-card-cat.badge-new  { background: rgba(35,125,209,.88); color: #fff; }

.product-card-media-actions,
.products-grid.products .product-card .related-actions {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-card-action-btn {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0,0,0,.07);
    background: rgba(255,255,255,.9);
    color: #333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
    cursor: pointer;
}

.product-card-action-btn:hover {
    background: #eee;
    color: #000;
    transform: translateY(-2px);
}

.product-card-action-btn.related-wishlist-btn.active,
.product-card-action-btn.overlay-btn-icon.active {
    border-color: rgba(239,68,68,.35);
    background: rgba(239,68,68,.12);
    color: #ef4444;
}

.product-card-icon-cart.is-disabled {
    opacity: .45;
    pointer-events: none;
}

.products-grid.products .product-card .related-actions a,
.products-grid.products .product-card .related-actions button {
    width: 36px;
    height: 36px;
    padding: 0;
}

.products-grid.products .product-card .related-actions a.add_to_cart_button {
    border: 1px solid rgba(0,0,0,.07);
    background: rgba(255,255,255,.9);
    color: #333;
}

.products-grid.products .product-card .related-actions a.add_to_cart_button.is-loading {
    opacity: .65;
    pointer-events: none;
    cursor: progress;
}

.products-grid.products .product-card .related-actions a.add_to_cart_button.added,
.products-grid.products .product-card .related-actions a.add_to_cart_button.is-added-ui {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
    box-shadow: 0 10px 22px rgba(22,163,74,0.24);
}

/* Always keep the three media actions visible and ordered consistently. */
.products-grid.products .product-card .related-actions {
    display: flex !important;
}
.products-grid.products .product-card .related-actions > .quick-view-trigger {
    order: 1;
}
.products-grid.products .product-card .related-actions > .related-wishlist-btn,
.products-grid.products .product-card .related-actions > .overlay-btn-icon {
    order: 2;
}
.products-grid.products .product-card .related-actions > .product-card-icon-cart {
    order: 3;
}

/* Card body */
.product-card-body {
    padding: .85rem 1rem 1.05rem;
    border-top: 1px solid #ccc;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: .45rem;
    flex: 1;
}

.product-card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .34rem;
    margin-top: .08rem;
}
.product-card-meta-item {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    max-width: 100%;
    padding: .16rem .52rem;
    border: 1px solid #ddd;
    border-radius: 999px;
    background: #f7f7f7;
    color: #6f6558;
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.45;
}
.product-card-artist i,
.product-card-exhibition i {
    font-size: .62rem;
    color: #8f846f;
}
.product-card-artist a,
.product-card-exhibition a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-card-artist a:hover,
.product-card-exhibition a:hover {
    color: #4f473d;
}
.product-card-meta-extra {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.18rem;
    height: 1.18rem;
    padding: 0 .28rem;
    border-radius: 999px;
    border: 1px solid #d6d2c9;
    background: #fff;
    color: #7d7365;
    font-size: .64rem;
    font-weight: 700;
}

/* WooCommerce .woocommerce-loop-product__title */
.woocommerce-loop-product__title,
.product-card-title {
    margin: 0;
}
.product-card-title a,
.woocommerce-loop-product__title a {
    color: #222;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.7;
    min-height: 2.9em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-card-title a:hover,
.woocommerce-loop-product__title a:hover {
    color: #000;
}

/* WooCommerce .price */
.product-card-price,
.product-card .price {
    margin: .12rem 0 0;
    color: #555;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0;
    display: flex;
    align-items: baseline;
    gap: .35rem .55rem;
    flex-wrap: wrap;
}
.product-card .price del {
    color: #888;
    font-size: .74rem;
    font-weight: 500;
    margin: 0;
}
.product-card .price ins {
    text-decoration: none;
    margin: 0;
}
.product-card .price .woocommerce-Price-amount {
    font-variant-numeric: tabular-nums;
}

.product-card-footer {
    margin-top: auto;
    padding-top: .55rem;
    border-top: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
}

.product-card-footer .product-cart-btn,
.product-card-footer .product-card-add {
    width: 100%;
    height: 40px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: 0 .9rem;
    border: 1px solid #d7cab9;
    background: #f7f3ed;
    color: #1f1a15;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
    flex: 1 0 100%;
}

.product-card-footer .product-cart-btn:hover,
.product-card-footer .product-card-add:hover {
    background: #eee;
    border-color: #ccc;
    color: #111;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(26,22,18,0.16);
}

.product-card-footer .product-cart-btn.added,
.product-card-footer .product-card-add.added,
.product-card-footer .product-cart-btn.is-added-ui,
.product-card-footer .product-card-add.is-added-ui {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-color: #16a34a;
    color: #fff;
    box-shadow: 0 12px 24px rgba(22,163,74,0.28);
}

.product-card-footer .product-cart-btn.is-loading,
.product-card-footer .product-card-add.is-loading {
    opacity: .65;
    pointer-events: none;
    cursor: progress;
}

.product-card-footer .product-cart-btn[disabled],
.product-card-footer .product-card-add[disabled] {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
}

.product-card-wish {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    font-size: .8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.product-card-wish:hover,
.product-card-wish.active {
    border-color: #ef4444;
    color: #ef4444;
    background: rgba(239,68,68,.06);
}

.products-grid.products .product-card-footer .product-card-wish {
    display: none;
}

.products-grid.grid-4 .product-card-title a {
    font-size: .89rem;
}

.products-grid.grid-4 .product-card-meta-item {
    font-size: .7rem;
}

.products-grid.grid-4 .product-card-action-btn {
    width: 34px;
    height: 34px;
}

@media(max-width:1100px) {
    .products-grid.grid-4 .product-card-title a {
        font-size: .92rem;
    }
    .products-grid.grid-4 .product-card-meta-item {
        font-size: .72rem;
    }
}


/* ===== LIST VIEW CARD ===== */

.products-list {
    gap: .85rem;
}
.products-list .product-list-card {
    display: grid;
    grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
    background: linear-gradient(180deg, #ffffff 0%, #faf9f7 100%);
    border: 1px solid rgba(26,22,18,.08);

    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    box-shadow: 0 8px 22px rgba(26,22,18,.06);
}
.products-list .product-list-card:hover {
    transform: translateY(-3px);
    border-color: rgba(170,170,170,.7);
    box-shadow: 0 18px 38px rgba(26,22,18,.12);
}
.products-list .list-card-img {
    position: relative;
    overflow: hidden;
    background: #f3f1ed;
}
.products-list .list-card-img-link {
    display: block;
    height: 100%;
}
.products-list .list-card-img img {
    width: 100%;
    height: 100%;
    min-height: 170px;
    object-fit: cover;
    transition: transform .55s ease, filter .3s ease;
}
.products-list .product-list-card:hover .list-card-img img {
    transform: scale(1.04);
    filter: saturate(1.06);
}
.products-list .list-card-cat {
    position: absolute;
    top: .75rem;
    right: .75rem;
    padding: .2rem .58rem;
    border-radius: 999px;
    border: 1px solid rgba(12,12,12,.08);
    background: rgba(255,255,255,.92);
    color: #17120f;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
}
.products-list .list-card-body {
    padding: 1.15rem 1.35rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    gap: .85rem;
}
.products-list .list-card-main {
    display: flex;
    flex-direction: column;
    gap: .42rem;
}
.products-list .list-card-artist {
    font-size: .66rem;
    color: var(--gold-dark);
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.products-list .list-card-title {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 800;
    line-height: 1.45;
}
.products-list .list-card-title a {
    color: var(--text-primary);
    text-decoration: none;
    transition: color .25s ease;
}
.products-list .product-list-card:hover .list-card-title a {
    color: #14110d;
}
.products-list .list-card-meta {
    display: flex;
    align-items: center;
    gap: .45rem .9rem;
    flex-wrap: wrap;
    font-size: .72rem;
    color: var(--text-muted);
}
.products-list .list-card-meta .product-card-meta-item {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    margin: 0;
    color: inherit;
}
.products-list .list-card-meta .product-card-meta-extra {
    margin-right: .2rem;
}
.products-list .list-card-meta a {
    color: var(--text-secondary);
}
.products-list .list-card-meta a:hover {
    color: var(--text-primary);
}
.products-list .list-card-img-link:focus-visible,
.products-list .list-card-title a:focus-visible,
.products-list .list-card-actions > .list-card-add-btn:focus-visible,
.products-list .list-card-actions > .product-card-add:focus-visible,
.products-list .list-card-actions > .product-cart-btn:focus-visible,
.products-list .list-card-actions > .add_to_cart_button:focus-visible,
.products-list .list-quick-actions .product-card-action-btn:focus-visible {
    outline: 2px solid var(--gold-dark);
    outline-offset: 2px;
}
.products-list .list-card-excerpt {
    font-size: .81rem;
    color: var(--text-secondary);
    line-height: 1.8;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.products-list .list-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: .82rem;
    border-top: 1px dashed rgba(26,22,18,.14);
    gap: .75rem;
    flex-wrap: wrap;
}
.products-list .list-card-price {
    font-size: 1.08rem;
    font-weight: 800;
    color: #1d1713;
    white-space: nowrap;
}
.products-list .list-card-actions {
    display: flex;
    align-items: center;
    gap: .52rem;
    margin-inline-start: auto;
    flex-wrap: wrap;
}
.products-list .list-quick-actions {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    padding: .25rem;
    border: 1px solid rgba(26,22,18,.1);
    background: #fff;
    border-radius: 999px;
}
.products-list .list-quick-actions .product-card-action-btn {
    width: 33px;
    height: 33px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    color: #2f2923;
    box-shadow: none;
}
.products-list .list-quick-actions .product-card-action-btn:hover {
    background: var(--gold-subtle);
    border-color: var(--gold-border);
    color: #181410;
    transform: none;
}
.products-list .list-card-actions > .list-card-add-btn,
.products-list .list-card-actions > .product-card-add,
.products-list .list-card-actions > .product-cart-btn,
.products-list .list-card-actions > .add_to_cart_button {
    height: 40px;

    padding: 0 .98rem;
    border: 1px solid #d7cab9;
    background: #f7f3ed;
    color: #1f1a15;
    font-size: .77rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    white-space: nowrap;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease, color .25s ease;
}
.products-list .list-card-actions > .list-card-add-btn:hover,
.products-list .list-card-actions > .product-card-add:hover,
.products-list .list-card-actions > .product-cart-btn:hover,
.products-list .list-card-actions > .add_to_cart_button:hover {
    background: #efebe4;
    border-color: #cbbca8;
    color: #111;
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(26,22,18,.14);
}
.products-list .list-card-actions > .list-card-add-btn.added,
.products-list .list-card-actions > .product-card-add.added,
.products-list .list-card-actions > .product-cart-btn.added,
.products-list .list-card-actions > .add_to_cart_button.added,
.products-list .list-card-actions > .list-card-add-btn.is-added-ui,
.products-list .list-card-actions > .product-card-add.is-added-ui,
.products-list .list-card-actions > .product-cart-btn.is-added-ui,
.products-list .list-card-actions > .add_to_cart_button.is-added-ui {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-color: #16a34a;
    color: #fff;
    box-shadow: 0 10px 20px rgba(22,163,74,.28);
}
.products-list .list-card-actions > .list-card-add-btn.is-loading,
.products-list .list-card-actions > .product-card-add.is-loading,
.products-list .list-card-actions > .product-cart-btn.is-loading,
.products-list .list-card-actions > .add_to_cart_button.is-loading {
    opacity: .65;
    pointer-events: none;
    cursor: progress;
}
.products-list .list-card-actions > .list-card-add-btn[disabled],
.products-list .list-card-actions > .product-card-add[disabled],
.products-list .list-card-actions > .product-cart-btn[disabled],
.products-list .list-card-actions > .add_to_cart_button[disabled] {
    opacity: .48;
    pointer-events: none;
    cursor: not-allowed;
}
@media (max-width: 980px) {
    .products-list .product-list-card {
        grid-template-columns: minmax(160px, 200px) minmax(0, 1fr);
    }
}
@media (max-width: 740px) {
    .products-list .product-list-card {
        grid-template-columns: 1fr;
    }
    .products-list .list-card-img img {
        min-height: 205px;
    }
    .products-list .list-card-footer {
        flex-direction: column;
        align-items: stretch;
    }
    .products-list .list-card-actions {
        margin-inline-start: 0;
        width: 100%;
        justify-content: space-between;
    }
    .products-list .list-card-actions > .list-card-add-btn,
    .products-list .list-card-actions > .product-card-add,
    .products-list .list-card-actions > .product-cart-btn,
    .products-list .list-card-actions > .add_to_cart_button {
        flex: 1 1 auto;
    }
}

/* Quick view modal */
.quick-view-modal {
    position: fixed;
    inset: 0;
    z-index: 24000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 2.4vw, 30px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;
}
.quick-view-modal.open { opacity: 1; pointer-events: all; }
.quick-view-backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 82% 16%, rgba(201, 168, 76, .2) 0%, rgba(201, 168, 76, 0) 36%),
        linear-gradient(180deg, rgba(10, 10, 12, .84) 0%, rgba(13, 13, 16, .74) 100%);
    backdrop-filter: blur(8px);
}
.quick-view-box {
    position: relative;
    z-index: 1;
    width: min(980px, 100%);
    max-height: min(88vh, 860px);
    overflow: hidden;

    border: 1px solid rgba(201, 168, 76, .28);
    background: linear-gradient(135deg, #fffdf9 0%, #f5efe4 100%);
    box-shadow: 0 32px 90px rgba(0, 0, 0, .32);
    transform: translateY(26px) scale(.97);
    transition: transform .36s cubic-bezier(.22, .61, .36, 1);
}
.quick-view-modal.open .quick-view-box { transform: translateY(0) scale(1); }
.quick-view-close {
    position: absolute;
    top: 12px;
    inset-inline-end: 12px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(28, 25, 20, .16);
    background: rgba(255, 255, 255, .9);
    color: #3f392f;
    cursor: pointer;
    font-size: 1.02rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, color .2s ease, border-color .2s ease;
    z-index: 3;
}
.quick-view-close:hover {
    border-color: var(--gold);
    color: var(--gold-dark);
    transform: rotate(90deg);
}
.quick-view-inner {
    display: grid;
    grid-template-columns: minmax(280px, 42%) 1fr;
    min-height: 420px;
}
@media(max-width:860px) {
    .quick-view-inner {
        grid-template-columns: 1fr;
        min-height: 0;
    }
}
.qv-img {
    position: relative;
    min-height: 280px;
    overflow: hidden;
    background: #e9e0d1;
}
.qv-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(12, 12, 14, 0) 0%, rgba(12, 12, 14, .12) 100%);
    pointer-events: none;
}
.qv-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.qv-info {
    padding: clamp(1.15rem, 2.6vw, 2.1rem);
    display: flex;
    flex-direction: column;
    gap: .78rem;
    overflow-y: auto;
}
.qv-artist {
    font-size: .72rem;
    color: var(--gold-dark);
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.qv-title {
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    font-weight: 800;
    letter-spacing: -.015em;
    color: #211d18;
    line-height: 1.45;
}
.qv-price {
    font-size: clamp(1rem, 1.6vw, 1.35rem);
    font-weight: 800;
    color: var(--gold-dark);
}
.qv-details {
    display: grid;
    gap: .48rem;
    margin-top: .2rem;
    padding: .9rem .95rem;
    background: rgba(255, 255, 255, .66);
    border: 1px solid rgba(201, 168, 76, .22);
}
.qv-details.is-empty {
    display: block;
    text-align: center;
}
.qv-empty-meta {
    font-size: .84rem;
    color: var(--text-muted);
    line-height: 1.8;
}
.qv-detail-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    font-size: .84rem;
    color: var(--text-secondary);
    padding-bottom: .42rem;
    border-bottom: 1px dashed rgba(126, 106, 64, .24);
}
.qv-detail-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.qv-detail-key {
    font-weight: 700;
    color: #453d31;
    white-space: nowrap;
}
.qv-btn-row {
    display: flex;
    gap: .58rem;
    margin-top: .72rem;
    flex-wrap: wrap;
}
.qv-btn-row > .btn-gold {
    flex: 1 1 180px;
    justify-content: center;
}
.qv-btn-row > .product-card-wish {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
}
.qv-full-link {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-top: .18rem;
    color: var(--gold-dark);
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
}
.qv-full-link:hover {
    color: #12100d;
    text-decoration: underline;
}
@media(max-width:620px) {
    .quick-view-box {
        max-height: calc(100dvh - 22px);
    }
    .quick-view-close {
        top: 10px;
        inset-inline-end: 10px;
    }
    .qv-img {
        min-height: 220px;
    }
}


/* ============================================================
       EMPTY STATE  (woocommerce_no_products_found)
    ============================================================ */

.shop-empty {
    text-align: center; padding: 5rem 2rem;
    display: none; flex-direction: column; align-items: center; gap: 1.25rem;
}
.shop-empty.visible { display: flex; }
.empty-icon { font-size: 3.5rem; color: var(--border); }
.empty-title { font-size: 1.3rem; font-weight: 800; color: var(--text-primary); }
.empty-desc { font-size: .9rem; color: var(--text-muted); max-width: 380px; line-height: 1.75; }
.empty-suggestions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-top: .5rem; }
.empty-suggestion-tag {
    padding: .3rem .85rem; border: 1px solid var(--border); border-radius: 100px;
    font-size: .78rem; color: var(--text-secondary); cursor: pointer; transition: var(--transition);
}
.empty-suggestion-tag:hover { border-color: var(--gold); color: var(--gold); }


/* ============================================================
       PAGINATION  (woocommerce_pagination)
    ============================================================ */

.pagination-row,
.woocommerce-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin-top: 3rem;
    flex-wrap: wrap;
}
.woocommerce-pagination ul.page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}
.woocommerce-pagination ul.page-numbers li {
    list-style: none;
    margin: 0;
}
.woocommerce-pagination ul.page-numbers a.page-numbers,
.woocommerce-pagination ul.page-numbers span.page-numbers,
.page-btn {
    min-width: 42px;
    height: 42px;
    padding: 0 .75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    background: var(--card);
    color: var(--text-secondary);
    font-size: .84rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: var(--transition);
}
.woocommerce-pagination ul.page-numbers a.page-numbers:hover,
.page-btn:hover {
    border-color: var(--gold-dark);
    color: var(--gold);
    background: var(--gold-subtle);
}
.woocommerce-pagination ul.page-numbers span.page-numbers.current,
.page-btn.active {
    background: var(--gold);
    border-color: var(--gold);
    color: #000;
    font-weight: 800;
}
.woocommerce-pagination ul.page-numbers span.page-numbers.dots,
.page-dots {
    min-width: 26px;
    height: 42px;
    padding: 0 .25rem;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: .85rem;
}
.page-btn:disabled {
    opacity: .35;
    cursor: not-allowed;
}
.woocommerce-pagination.woocommerce-pagination--without-numbers {
    width: 100%;
    justify-content: space-between;
}


/* ============================================================
       FEATURED ARTISTS BAND
    ============================================================ */

.artists-band {
    background: var(--card); border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 3rem 0;
}
.artists-band-inner { max-width: 1440px; margin: 0 auto; padding: 0 1.75rem; }
.band-title { font-size: .7rem; font-weight: 700; letter-spacing: .25em; text-transform: uppercase; color: var(--gold); margin-bottom: .5rem; }
.band-heading { font-size: clamp(1.4rem,2.5vw,2rem); font-weight: 800; margin-bottom: 2rem; letter-spacing: -.02em; }
.artists-row { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.artist-chip {
    display: flex; align-items: center; gap: .75rem;
    padding: .75rem 1.25rem;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 100px; cursor: pointer; transition: var(--transition);
}
.artist-chip:hover { border-color: var(--gold); background: var(--gold-subtle); box-shadow: var(--shadow-gold); }
.artist-chip img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid var(--border); transition: border-color .3s; }
.artist-chip:hover img { border-color: var(--gold); }
.artist-chip-name { font-size: .84rem; font-weight: 700; color: var(--text-primary); }
.artist-chip-count { font-size: .68rem; color: var(--text-muted); }

/* ============================================================
   TAXONOMY DIRECTORY (Artists / Exhibitions)
============================================================ */
.ts-tax-directory {
    position: relative;
    padding: 2.5rem 0 5rem;
    background:
        radial-gradient(circle at 8% 8%, rgba(204,204,204,.14), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(204,204,204,.12), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f8f6f2 58%, #ffffff 100%);
}
.ts-tax-directory-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.75rem;
}
.ts-tax-directory-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--border, #d9d0c4);
    background: rgba(255,255,255,.78);
    backdrop-filter: blur(5px);
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    margin-bottom: .95rem;
}
.ts-tax-directory-heading {
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--text-primary);
    margin-bottom: .22rem;
}
.ts-tax-directory-lead {
    font-size: .86rem;
    color: var(--text-muted);
    line-height: 1.75;
}
.ts-tax-directory-controls {
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
}
.ts-tax-directory-search,
.ts-tax-directory-sort {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    background: #fff;
    border: 1px solid var(--border, #d9d0c4);
    padding: .52rem .72rem;
    min-height: 42px;
}
.ts-tax-directory-search i,
.ts-tax-directory-sort i {
    color: var(--text-muted);
    font-size: .82rem;
}
.ts-tax-directory-search input,
.ts-tax-directory-sort select {
    border: none;
    outline: none;
    background: transparent;
    color: var(--text-primary);
    font-size: .82rem;
    min-width: 185px;
}
.ts-tax-directory-sort select {
    min-width: 150px;
    cursor: pointer;
}
.ts-tax-directory-stats {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}
.ts-tax-directory-results {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .7rem;
    border-radius: 100px;
    border: 1px solid var(--border, #d9d0c4);
    background: #fff;
    color: var(--text-secondary);
    font-size: .76rem;
}
.ts-tax-directory-results strong {
    color: var(--text-primary);
    font-weight: 800;
}
.ts-tax-directory-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 1rem;
}
.ts-tax-directory-card {
    border: 1px solid var(--border, #d9d0c4);
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f9f7f4 100%);
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.ts-tax-directory-card[hidden] { display: none !important; }
.ts-tax-directory-card:hover {
    transform: translateY(-6px);
    border-color: var(--gold-border, rgba(204,204,204,.55));
    box-shadow: 0 16px 35px rgba(0,0,0,.12);
}
.ts-tax-directory-card-link {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.ts-tax-directory-card-media {
    position: relative;
    aspect-ratio: 16 / 10;
    background: #f2ede6;
    overflow: hidden;
}
.ts-tax-directory-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease, filter .4s ease;
}
.ts-tax-directory-card:hover .ts-tax-directory-card-media img {
    transform: scale(1.06);
    filter: saturate(1.05);
}
.ts-tax-directory-card-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(90,78,64,.55);
    font-size: 1.2rem;
}
.ts-tax-directory-chip {
    position: absolute;
    top: .6rem;
    right: .6rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .24rem .6rem;
    border-radius: 100px;
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: #fff;
    background: rgba(10,14,22,.72);
    border: 1px solid rgba(255,255,255,.25);
}
.ts-tax-directory-card-body {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .9rem .95rem 1rem;
}
.ts-tax-directory-card-title {
    font-size: .95rem;
    font-weight: 800;
    color: var(--text-primary);
    line-height: 1.4;
}
.ts-tax-directory-card-desc {
    font-size: .78rem;
    color: var(--text-muted);
    line-height: 1.8;
    min-height: 2.9em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ts-tax-directory-card-meta {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding-top: .65rem;
    border-top: 1px dashed var(--border, #d9d0c4);
}
.ts-tax-directory-count {
    font-size: .72rem;
    color: var(--text-secondary);
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}
.ts-tax-directory-count i {
    color: var(--gold-dark);
    font-size: .7rem;
}
.ts-tax-directory-open {
    font-size: .72rem;
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-weight: 700;
    transition: color .28s ease;
}
.ts-tax-directory-open i {
    font-size: .62rem;
    transition: transform .28s ease;
}
.ts-tax-directory-card:hover .ts-tax-directory-open {
    color: #000;
}
.ts-tax-directory-card:hover .ts-tax-directory-open i {
    transform: translateX(-3px);
}
.ts-tax-directory-empty {
    margin-top: 1.2rem;
}
.ts-tax-directory-pagination {
    margin-top: 1.4rem;
}

@media (max-width: 1280px) {
    .ts-tax-directory-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 980px) {
    .ts-tax-directory-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .ts-tax-directory-controls { width: 100%; }
    .ts-tax-directory-search,
    .ts-tax-directory-sort {
        flex: 1 1 220px;
    }
    .ts-tax-directory-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
    .ts-tax-directory { padding: 2rem 0 3rem; }
    .ts-tax-directory-inner { padding: 0 1rem; }
    .ts-tax-directory-grid { grid-template-columns: 1fr; gap: .85rem; }
    .ts-tax-directory-search input,
    .ts-tax-directory-sort select { min-width: 0; width: 100%; }
    .ts-tax-directory-stats { justify-content: flex-start; }
}


/* ============================================================
       PROMO BANNER
    ============================================================ */

.promo-content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 2rem; }
.promo-eyebrow { font-size: .65rem; font-weight: 700; letter-spacing: .2em; color: var(--gold); text-transform: uppercase; margin-bottom: .5rem; }
.promo-title { font-size: clamp(1.2rem,3vw,2rem); font-weight: 800; color: #fff; margin-bottom: 1rem; line-height: 1.2; }
.promo-btn { display: inline-flex; align-items: center; gap: .5rem; padding: .55rem 1.4rem; background: var(--gold); color: #000; font-size: .8rem; font-weight: 800; border-radius: var(--radius-sm); transition: var(--transition); width: fit-content; }
.promo-btn:hover { background: #eee; box-shadow: var(--shadow-gold); }


/* ============================================================
       BTN UTILITY
    ============================================================ */

.btn-gold {
    display: inline-flex; align-items: center; gap: .55rem;
    padding: .3rem 1.75rem; background: var(--gold); color: #000;
     font-size: .86rem; font-weight: 800;
    border: none; cursor: pointer;
    
    transition: var(--transition); position: relative; overflow: hidden;
}
.btn-gold::before { content:''; position:absolute; inset:0; background:var(--gold-light); transform:scaleX(0); transform-origin:right; transition:transform .4s; }
.btn-gold:hover::before { transform:scaleX(1); transform-origin:left; }
.btn-gold span, .btn-gold i { position:relative; z-index:1; }


/* ================================================================
   BLOG POST - single article page
================================================================ */

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

.article-hero {
    position: relative;
    margin-top: 76px;
    padding: 1.8rem 1.5rem 0;
}

.article-hero-shell {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 44%);
    direction: ltr;
    background: #fff;
    border: 1px solid #d7d7d7;
    overflow: hidden;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.08);
    position: relative;
}

.article-hero-shell::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(170, 170, 170, 0.7), rgba(255, 255, 255, 0));
    z-index: 2;
}

.article-hero-media {
    margin: 0;
    min-height: 380px;
    position: relative;
    overflow: hidden;
    background: #eee;
    order: 2;
}

.article-hero-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.03) 36%, rgba(0, 0, 0, 0) 72%);
}

.article-hero-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.03);
    transition: transform 0.7s ease;
}

.article-hero-shell:hover .article-hero-media img {
    transform: scale(1.08);
}

.article-hero-content {
    direction: rtl;
    text-align: right;
    padding: clamp(1.6rem, 3vw, 2.75rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    isolation: isolate;
    order: 1;
    background: #fff;
    color: #111;
}

.article-hero-content::before {
    content: '';
    position: absolute;
    inset: 0;
    background: none;
    z-index: -1;
}

.article-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.74rem;
    color: #767676;
    letter-spacing: 0.06em;
    margin-bottom: 1rem;
    opacity: 0;
    animation: fadeUp 0.7s 0.2s forwards;
}
.article-breadcrumb a { color: #666; transition: var(--transition); }
.article-breadcrumb a:hover { color: #111; }
.article-breadcrumb .sep { color: #9f9f9f; }
.article-breadcrumb .current { color: #111; font-weight: 700; }

.article-category-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: fit-content;
    padding: 0.35rem 0.85rem;
    background: #f4f4f4;
    border: 1px solid #d5d5d5;
    color: #111;
    font-size: 0.68rem;
    font-weight: 700;
    border-radius: 999px;
    margin-bottom: 1rem;
    opacity: 0;
    animation: fadeUp 0.7s 0.35s forwards;
}

.article-hero-title {
    font-size: clamp(1.65rem, 3.4vw, 2.65rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.015em;
    color: #111;
    margin-bottom: 0.9rem;
    opacity: 0;
    animation: fadeUp 0.8s 0.5s forwards;
    text-wrap: balance;
    max-width: 22ch;
}

.article-hero-title::after {
    content: '';
    display: block;
    width: 86px;
    height: 3px;
    margin-top: 0.85rem;
    background: linear-gradient(90deg, #111, #bbb);
    border-radius: 999px;
}

.article-hero-excerpt {
    margin: 0 0 1.5rem;
    font-size: 0.95rem;
    line-height: 1.95;
    color: #222;
    max-width: 62ch;
    padding: 0.9rem 1rem;
    border: 1px solid #d8d8d8;
    background: #fafafa;
    opacity: 0;
    animation: fadeUp 0.8s 0.55s forwards;
}

.article-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 0.9rem;
    align-items: center;
    margin-top: 0.2rem;
    padding-top: 1.1rem;
    border-top: 1px dashed #d0d0d0;
    opacity: 0;
    animation: fadeUp 0.7s 0.65s forwards;
}

.meta-author {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 999px;
    padding: 0.35rem 0.7rem 0.35rem 0.35rem;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.07);
}
.meta-author-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #d0d0d0;
    object-fit: cover;
}
.meta-author-name { font-size: 0.87rem; font-weight: 700; color: #111; }
.meta-author-role { font-size: 0.68rem; color: #5f5f5f; }

.meta-sep { width: 1px; height: 32px; background: #d0d0d0; opacity: 1; }

.meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    font-size: 0.79rem;
    color: #222;
    border: 1px solid #d2d2d2;
    background: #fff;
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    transition: var(--transition);
}
.meta-item i { color: #5d5d5d; font-size: 0.73rem; }
.meta-item:hover {
    border-color: #111;
    color: #111;
    background: #f5f5f5;
}

@media (max-width: 1200px) {
    .article-hero-shell { grid-template-columns: minmax(0, 1fr) minmax(280px, 41%); }
    .article-hero-media { min-height: 340px; }
}

@media (max-width: 992px) {
    .article-hero { padding: 1.25rem 1rem 0; }
    .article-hero-shell {
        grid-template-columns: 1fr;
        direction: rtl;
    }
    .article-hero-media {
        order: 1;
        min-height: 260px;
        max-height: 360px;
    }
    .article-hero-media::after {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0) 56%);
    }
    .article-hero-content {
        order: 2;
        padding: 1.35rem 1.1rem 1.5rem;
    }
    .article-meta-row { gap: 0.7rem; }
    .meta-sep { display: none; }
}

@media (max-width: 640px) {
    .article-breadcrumb { font-size: 0.68rem; }
    .article-hero-title { font-size: 1.45rem; }
    .article-hero-excerpt {
        font-size: 0.86rem;
        line-height: 1.85;
        margin-bottom: 1.1rem;
    }
    .meta-item {
        font-size: 0.72rem;
        padding: 0.24rem 0.56rem;
    }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}


/* ============================================================
       LAYOUT
    ============================================================ */

.post-layout {
    max-width: 1400px; margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 3rem;
    padding-top: 3.5rem;
    padding-bottom: 5rem;
    align-items: start;
}

@media (max-width: 1024px) { .post-layout { grid-template-columns: 1fr; } }


/* ============================================================
       ARTICLE BODY
    ============================================================ */

.article-body { min-width: 0; }

/* Share row (article end) */
.share-sticky {
    margin-top: 2rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--dark-border);
    background: var(--dark-card);
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.share-sticky-btn {
    width: 42px; height: 42px; 
    border: 1px solid var(--dark-border); background: var(--dark-card);
    color: var(--text-secondary); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.9rem; transition: var(--transition);
    position: relative;
}
.share-sticky-btn:hover { border-color: var(--gold); color: var(--gold); transform: scale(1.1); }
.share-sticky-btn[data-platform="instagram"]:hover { color: #e1306c; border-color: #e1306c; }
.share-sticky-btn[data-platform="telegram"]:hover { color: #0088cc; border-color: #0088cc; }
.share-sticky-btn[data-platform="twitter"]:hover { color: #1da1f2; border-color: #1da1f2; }

.share-sticky-label {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-left: 0.35rem;
    white-space: nowrap;
}

.like-sticky {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    margin-right: auto;
    width: 42px;
}
.like-sticky-btn {
    width: 42px; height: 42px; border-radius: 50%;
    border: 1px solid var(--dark-border); background: var(--dark-card);
    color: var(--text-secondary); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; transition: var(--transition);
}
.like-sticky-btn:hover, .like-sticky-btn.liked {
    border-color: #e05555; color: #e05555; background: rgba(224,85,85,0.08);
}
.like-sticky-count { font-size: 0.7rem; color: var(--text-muted); font-weight: 600; }

/* ---- Typography ---- */
.prose { font-size: 1.05rem; line-height: 1.95; color: var(--text-secondary); font-weight: 300; }

/* Keep first letter normal (disable drop-cap effect) */
.prose > p:first-of-type::first-letter {
    float: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    color: inherit;
    font-style: normal;
}

.prose p { margin-bottom: 1.6rem; }
.prose h2 {
    font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 800;
    color: var(--text-primary); letter-spacing: -0.02em;
    margin: 3rem 0 1.25rem;
    padding-right: 1.25rem;
    border-right: 3px solid var(--gold);
}
.prose h3 {
    font-size: 1.25rem; font-weight: 700;
    color: var(--text-primary); margin: 2rem 0 1rem;
}
.prose h4 { font-size: 1.05rem; font-weight: 700; color: var(--text-primary); margin: 1.5rem 0 0.75rem; }

/* Blockquote */
.prose blockquote {
    margin: 2.5rem 0;
    padding: 1.75rem 2rem 1.75rem 1.75rem;
    background: linear-gradient(135deg, rgba(201,168,76,0.06), rgba(201,168,76,0.02));
    border-right: 4px solid var(--gold);
    border-radius: 0 var(--radius) var(--radius) 0;
    position: relative;
}
.prose blockquote::before {
    content: '\201C';
    position: absolute; top: -0.5rem; right: 1.5rem;
    font-size: 5rem; color: var(--gold); opacity: 0.25;
    font-family: Georgia, serif; line-height: 1;
}
.prose blockquote p {
    font-size: 1.15rem; font-style: italic; font-weight: 400;
    color: var(--text-primary); margin-bottom: 0.75rem;
}
.prose blockquote cite {
    font-size: 0.8rem; color: var(--gold); font-style: normal;
    font-weight: 600; letter-spacing: 0.08em;
}

/* Inline image + caption */
.prose .post-img-wrap {
    margin: 2.5rem 0; border-radius: var(--radius); overflow: hidden;
}
.prose .post-img-wrap img {
    width: 100%; aspect-ratio: 16/9; object-fit: cover;
    transition: transform 0.5s;
}
.prose .post-img-wrap:hover img { transform: scale(1.02); }
.prose figcaption {
    padding: 0.75rem 1rem;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-top: none;
    font-size: 0.78rem; color: var(--text-muted);
    display: flex; align-items: center; gap: 0.4rem;
}
.prose figcaption i { color: var(--gold); }

/* Highlight / tip box */
.prose .tip-box {
    margin: 2rem 0; padding: 1.5rem;
    background: rgba(201,168,76,0.07);
    border: 1px solid rgba(201,168,76,0.2);
    border-radius: var(--radius);
}
.prose .tip-box-header {
    display: flex; align-items: center; gap: 0.6rem;
    font-size: 0.8rem; font-weight: 700; color: var(--gold);
    letter-spacing: 0.12em; text-transform: uppercase;
    margin-bottom: 0.75rem;
}
.prose .note-box {
    margin: 2rem 0; padding: 1.5rem;
    background: rgba(59,130,246,0.06);
    border: 1px solid rgba(59,130,246,0.2);
    border-radius: var(--radius);
}
.prose .note-box-header {
    display: flex; align-items: center; gap: 0.6rem;
    font-size: 0.8rem; font-weight: 700; color: #60a5fa;
    letter-spacing: 0.12em; text-transform: uppercase;
    margin-bottom: 0.75rem;
}

/* Lists */
.prose ul, .prose ol { padding-right: 1.5rem; margin-bottom: 1.5rem; }
.prose li { margin-bottom: 0.6rem; line-height: 1.8; }
.prose ul li::marker { color: var(--gold); }

/* Inline bold/links */
.prose strong { color: var(--text-primary); font-weight: 700; }
.prose a { color: var(--gold); border-bottom: 1px solid rgba(201,168,76,0.3); }
.prose a:hover { border-color: var(--gold); }

/* Tags row */
.article-tags {
    display: flex; flex-wrap: wrap; gap: 0.5rem;
    margin-top: 3rem; padding-top: 2rem;
    border-top: 1px solid var(--dark-border);
}
.article-tags .tag-label { font-size: 0.8rem; color: var(--text-muted); align-self: center; margin-left: 0.5rem; }
.article-tag {
    padding: 0.3rem 0.9rem;
    border: 1px solid var(--dark-border);
    border-radius: 100px;
    font-size: 0.75rem; color: var(--text-secondary);
    transition: var(--transition);
}
.article-tag:hover { border-color: var(--gold); color: var(--gold); }

/* Inline share row (mobile) */
.share-inline {
    display: none;
    align-items: center; gap: 0.75rem;
    margin-top: 2rem; padding: 1.25rem;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: var(--radius);
}
@media (max-width: 1200px) { .share-inline { display: flex; flex-wrap: wrap; } }
.share-inline-label { font-size: 0.78rem; color: var(--text-muted); margin-left: 0.5rem; }
.share-btn {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.4rem 0.9rem;
    border: 1px solid var(--dark-border); border-radius: 100px;
    font-size: 0.78rem; color: var(--text-secondary);
    background: transparent; cursor: pointer;
     transition: var(--transition);
}
.share-btn:hover { border-color: var(--gold); color: var(--gold); }


/* ============================================================
       AUTHOR BOX
    ============================================================ */

.author-box {
    margin-top: 3rem;
    padding: 2rem;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: var(--radius);
    display: flex; gap: 1.5rem; align-items: flex-start;
}
@media (max-width: 600px) { .author-box { flex-direction: column; } }

.author-box-avatar {
    width: 80px; height: 80px; border-radius: 50%;
    border: 3px solid var(--gold); object-fit: cover; flex-shrink: 0;
}
.author-box-name { font-size: 1.1rem; font-weight: 800; margin-bottom: 0.25rem; }
.author-box-role {
    font-size: 0.72rem; color: var(--gold);
    letter-spacing: 0.12em; text-transform: uppercase;
    font-weight: 600; margin-bottom: 0.75rem;
}
.author-box-bio { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.8; font-weight: 300; }
.author-box-socials { display: flex; gap: 0.5rem; margin-top: 1rem; }
.author-social {
    width: 34px; height: 34px; border-radius: 50%;
    border: 1px solid var(--dark-border); background: transparent;
    color: var(--text-muted); font-size: 0.8rem;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: var(--transition);
}
.author-social:hover { border-color: var(--gold); color: var(--gold); }


/* ============================================================
       PREV / NEXT NAV
    ============================================================ */

.post-nav {
    display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
    margin-top: 3rem;
}
@media (max-width: 600px) { .post-nav { grid-template-columns: 1fr; } }

.post-nav-item {
    display: flex; flex-direction: column; gap: 0.4rem;
    padding: 1.25rem; background: var(--dark-card);
    border: 1px solid var(--dark-border); border-radius: var(--radius);
    transition: var(--transition); cursor: pointer;
}
.post-nav-item:hover { border-color: var(--gold-dark); background: rgba(201,168,76,0.04); }
.post-nav-item.next { text-align: left; }

.post-nav-label {
    font-size: 0.68rem; color: var(--text-muted);
    letter-spacing: 0.15em; text-transform: uppercase;
    display: flex; align-items: center; gap: 0.4rem;
}
.post-nav-label i { color: var(--gold); }
.post-nav-title { font-size: 0.9rem; font-weight: 600; color: var(--text-primary); line-height: 1.5; }
.post-nav-cat { font-size: 0.72rem; color: var(--gold); margin-top: 0.2rem; }


/* ============================================================
       RELATED POSTS
    ============================================================ */

.related-posts {
    margin-top: 4rem;
    padding-top: 3rem;
    border-top: 1px solid var(--dark-border);
    position: relative;
}

.section-eyebrow {
    display: inline-flex; align-items: center; gap: 0.75rem;
    font-size: 0.7rem; font-weight: 600; letter-spacing: 0.35em;
    color: var(--gold); text-transform: uppercase; margin-bottom: 0.8rem;
}
.section-eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--gold); }

.related-title {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 800;
    letter-spacing: -0.025em;
    margin: 0;
}

.related-posts .related-posts-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.6rem;
}

.related-posts .related-posts-head-actions {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.related-posts .related-slider-controls {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.related-posts .related-slider-controls > [class*="owl-"],
.related-posts .related-slider-controls.owl-nav [class*="owl-"],
.related-posts .related-slider-controls .owl-nav [class*="owl-"] {
    margin: 0;
    width: 40px;
    height: 40px;
    border: 1px solid var(--dark-border);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02));
    color: var(--text-primary);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.related-posts .related-slider-controls > button.owl-next:hover,
.related-posts .related-slider-controls > button.owl-prev:hover,
.related-posts .related-slider-controls.owl-nav button.owl-next:hover,
.related-posts .related-slider-controls.owl-nav button.owl-prev:hover,
.related-posts .related-slider-controls .owl-nav button.owl-next:hover,
.related-posts .related-slider-controls .owl-nav button.owl-prev:hover {
    background: var(--gold);
    color: #000;
    border-color: var(--gold);
    transform: translateY(-2px);
}

.related-posts .related-slider-controls > button:focus-visible,
.related-posts .related-slider-controls.owl-nav button:focus-visible,
.related-posts .related-slider-controls .owl-nav button:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}

.related-posts .related-slider-controls > button.disabled,
.related-posts .related-slider-controls.owl-nav button.disabled,
.related-posts .related-slider-controls .owl-nav button.disabled {
    opacity: 0.35;
    pointer-events: none;
}

.related-posts .related-posts-carousel .item {
    padding: 6px 4px 14px;
    height: 100%;
}

.related-posts .related-post-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
    border: 1px solid rgba(255, 255, 255, 0.09);
    overflow: hidden;
    transition: var(--transition);
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}

.related-posts .related-post-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201, 168, 76, 0.55);
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.24);
}

.related-posts .related-card-media-link {
    display: block;
}

.related-posts .related-card-img {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/10;
}

.related-posts .related-card-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.62));
}

.related-posts .related-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.55s ease;
}

.related-posts .related-post-card:hover .related-card-img img {
    transform: scale(1.08);
}

.related-posts .related-cat {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 2;
    padding: 0.26rem 0.7rem;
    background: rgba(13, 13, 13, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.36);
    color: #fff;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 999px;
}

.related-posts .related-card-body {
    padding: 1.05rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    height: 100%;
}

.related-posts .related-card-title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 800;
}

.related-posts .related-card-title a {
    color: var(--text-primary);
    text-decoration: none;
    transition: var(--transition);
}

.related-posts .related-post-card:hover .related-card-title a {
    color: var(--gold);
}

.related-posts .related-card-excerpt {
    margin: 0;
    font-size: 0.84rem;
    color: var(--text-secondary);
    line-height: 1.9;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 4.8em;
}

.related-posts .related-image-stats {
    position: absolute;
    right: 0.72rem;
    left: 0.72rem;
    bottom: 0.72rem;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.42rem;
    transition: transform 0.35s ease;
}

.related-posts .related-post-card:hover .related-image-stats {
    transform: translateY(-2px);
}

.related-posts .related-image-stat {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 36px;
    padding: 0.38rem 0.45rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(8, 10, 16, 0.54);
    backdrop-filter: blur(8px);
    color: #fff;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.22);
}

.related-posts .related-image-stat-icon {
    width: 22px;
    height: 22px;
    background: rgba(201, 168, 76, 0.2);
    border: 1px solid rgba(201, 168, 76, 0.5);
    color: var(--gold);
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.related-posts .related-image-stat-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
}

.related-posts .related-image-stat-value {
    font-size: 0.78rem;
    line-height: 1.25;
    font-weight: 800;
    color: #fff;
    font-variant-numeric: tabular-nums;
}

.related-posts .related-image-stat-label {
    font-size: 0.58rem;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.8);
}

.related-posts .related-card-date {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    font-size: 0.72rem;
    color: var(--text-muted);
    margin-top: -0.15rem;
}

.related-posts .related-card-date i {
    color: var(--gold);
}

.related-posts .related-card-foot {
    margin-top: auto;
    padding-top: 0.75rem;
}

.related-posts .related-read-more {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    text-decoration: none;
    font-size: 0.77rem;
    font-weight: 700;
    color: var(--gold);
    padding: 0.38rem 0.75rem;
    border: 1px solid rgba(201, 168, 76, 0.45);
    border-radius: 999px;
    transition: var(--transition);
}

.related-posts .related-read-more:hover {
    color: #000;
    background: var(--gold);
    border-color: var(--gold);
}

.related-posts .owl-theme .owl-dots {
    margin-top: 0.45rem;
}

.related-posts .owl-theme .owl-dots .owl-dot span {
    width: 11px;
    height: 11px;
    margin: 4px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.28);
    transition: var(--transition);
}

.related-posts .owl-theme .owl-dots .owl-dot.active span,
.related-posts .owl-theme .owl-dots .owl-dot:hover span {
    width: 28px;
    border-radius: 999px;
    background: var(--gold);
    border-color: var(--gold);
}

@media (max-width: 991px) {
    .related-posts .related-posts-head {
        align-items: center;
    }
}

@media (max-width: 767px) {
    .related-posts {
        margin-top: 3rem;
        padding-top: 2.2rem;
    }

    .related-posts .related-posts-head {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 1.2rem;
    }

    .related-posts .related-card-excerpt {
        min-height: auto;
    }

    .related-posts .related-image-stats {
        right: 0.55rem;
        left: 0.55rem;
        bottom: 0.55rem;
        gap: 0.35rem;
    }

    .related-posts .related-image-stat {
        min-height: 34px;
        padding: 0.33rem 0.4rem;
    }
}

@media (max-width: 520px) {
    .related-posts .related-slider-controls > [class*="owl-"],
    .related-posts .related-slider-controls.owl-nav [class*="owl-"],
    .related-posts .related-slider-controls .owl-nav [class*="owl-"] {
        width: 36px;
        height: 36px;
    }

    .related-posts .related-image-stat {
        min-height: 32px;
        padding: 0.32rem 0.34rem;
    }

    .related-posts .related-image-stat-icon {
        width: 20px;
        height: 20px;
    }

    .related-posts .related-image-stat-value {
        font-size: 0.7rem;
    }

    .related-posts .related-image-stat-label {
        font-size: 0.52rem;
    }
}


/* ============================================================
       COMMENTS
    ============================================================ */

.comments-section { margin-top: 4rem; padding-top: 3rem; border-top: 1px solid var(--dark-border); }
.comment-list-wrap { position: relative; }
.comment-list-wrap .comment-reply-link { text-decoration: none; color: inherit; }
.comment-thread-item { position: relative; }
.comment-thread-item.depth-1 > .comment-item { border-bottom: 1px solid var(--dark-border); }

.comment-item {
    display: flex; gap: 1rem;
    padding: 1.5rem 0;
}
.comment-avatar {
    width: 46px; height: 46px; border-radius: 50%;
    object-fit: cover; border: 2px solid var(--dark-border); flex-shrink: 0;
}
.comment-meta { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.comment-author { font-size: 0.9rem; font-weight: 700; }
.comment-date { font-size: 0.72rem; color: var(--text-muted); }
.comment-verified {
    font-size: 0.65rem; color: #4ade80;
    background: rgba(74,222,128,0.1); border: 1px solid rgba(74,222,128,0.2);
    padding: 0.1rem 0.5rem; border-radius: 100px;
    display: flex; align-items: center; gap: 0.3rem;
}
.comment-text { font-size: 0.9rem; color: var(--text-secondary); line-height: 1.8; font-weight: 300; }
.comment-actions { display: flex; gap: 0.6rem; margin-top: 0.75rem; flex-wrap: wrap; }
.comment-action-btn {
    font-size: 0.75rem; color: var(--text-muted);
    background: transparent; border: 1px solid transparent; cursor: pointer;
    display: flex; align-items: center; gap: 0.35rem;
     transition: var(--transition);
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
}
.comment-action-btn:hover { color: var(--gold); border-color: rgba(201,168,76,0.35); background: rgba(201,168,76,0.08); }

/* Nested reply */
.comment-children {
    margin-right: 2rem;
    padding-right: 1rem;
    border-right: 1px dashed rgba(201,168,76,0.28);
}
.comment-reply-item {
    display: flex; gap: 0.85rem;
    padding: 1rem;
    margin-top: 0.8rem;
    border: 1px solid var(--dark-border);
    border-right: 2px solid var(--gold-dark);
    border-radius: var(--radius);
    background: linear-gradient(180deg, rgba(201,168,76,0.05), rgba(201,168,76,0.015));
}
.comment-reply-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.comment-vote-btn .vote-count { min-width: 0.8rem; font-variant-numeric: tabular-nums; }
.comment-vote-btn.is-active { color: var(--gold); border-color: rgba(201,168,76,0.55); background: rgba(201,168,76,0.14); }
.comment-vote-btn.is-loading { opacity: 0.6; pointer-events: none; }
.comments-load-more-wrap { margin-top: 1.5rem; display: flex; justify-content: center; }
.comments-load-more-btn.is-loading { opacity: 0.8; pointer-events: none; }
.comments-load-more-btn.is-hidden { display: none; }
.comments-load-more-wrap.is-completed { display: none; }
.comments-status { margin-top: 0.75rem; text-align: center; font-size: 0.78rem; min-height: 1.2rem; color: var(--text-muted); }
.comments-status.is-error { color: #e05555; }
.comments-status.is-success { color: #4ade80; }
.no-comments { font-size: 0.9rem; color: var(--text-muted); margin: 0.8rem 0 1.2rem; }

@media (max-width: 768px) {
    .comment-children {
        margin-right: 1rem;
        padding-right: 0.75rem;
    }
    .comment-item {
        gap: 0.75rem;
    }
    .comment-reply-item {
        gap: 0.65rem;
        padding: 0.75rem;
    }
}

/* Comment form */
.comment-form { margin-top: 3rem; }
.comment-form-title { font-size: 1.3rem; font-weight: 800; margin-bottom: 0.5rem; }
.comment-form-sub { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 2rem; }

.form-group { margin-bottom: 1.25rem; }
.form-label-custom {
    display: block; font-size: 0.78rem; font-weight: 600;
    color: var(--text-secondary); letter-spacing: 0.08em; margin-bottom: 0.5rem;
}
.form-control-custom {
    width: 100%; padding: 0.8rem 1rem;
    background: var(--dark-card); border: 1px solid var(--dark-border);
    border-radius: var(--radius); color: var(--text-primary);
     font-size: 0.9rem; outline: none;
    transition: border-color 0.3s; text-align: right;
}
.form-control-custom:focus { border-color: var(--gold); }
.form-control-custom::placeholder { color: var(--text-muted); }
textarea.form-control-custom { min-height: 130px; resize: vertical; }
.form-control-custom.error { border-color: #e05555; }
.form-error-msg { font-size: 0.72rem; color: #e05555; margin-top: 0.3rem; display: none; }
.form-control-custom.error + .form-error-msg { display: block; }

.btn-gold {
    display: inline-flex; align-items: center; gap: 0.65rem;
    padding: 0.3rem 1.5rem; background: var(--gold); color: #000;
    font-weight: normal; font-size: 0.88rem; letter-spacing: 0.04em;
    border: none; cursor: pointer;
    transition: var(--transition); 
    position: relative; overflow: hidden;
}
.btn-gold::before {
    content: ''; position: absolute; inset: 0;
    background: #eee; transform: scaleX(0);
    transform-origin: right; transition: transform 0.4s;
}
.btn-gold:hover::before { transform: scaleX(1); transform-origin: left; }
.btn-gold span, .btn-gold i { position: relative; z-index: 1; }

.btn-outline-post {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.7rem 1.5rem;
    border: 1px solid var(--dark-border); background: transparent;
    color: var(--text-secondary); 
    font-size: 0.85rem; cursor: pointer; border-radius: var(--radius);
    transition: var(--transition);
}
.btn-outline-post:hover { border-color: var(--gold); color: var(--gold); }


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

.sidebar { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 1.5rem; }

.sidebar-widget {
    background: var(--dark-card); border: 1px solid var(--dark-border);
    border-radius: var(--radius); padding: 1.5rem; overflow: hidden;
}

.widget-title {
    font-size: 0.75rem; font-weight: 800; letter-spacing: 0.2em;
    text-transform: uppercase; color: var(--gold);
    margin-bottom: 1.25rem; padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--dark-border);
    display: flex; align-items: center; gap: 0.5rem;
}
.widget-title i { font-size: 0.8rem; }

/* Search */
.sidebar-search-wrap { position: relative; }
.sidebar-search-input {
    width: 100%; padding: 0.7rem 2.5rem 0.7rem 1rem;
    background: var(--dark-surface); border: 1px solid var(--dark-border);
    border-radius: var(--radius); color: var(--text-primary);
     font-size: 0.85rem; outline: none;
    transition: border-color 0.3s; text-align: right;
}
.sidebar-search-input:focus { border-color: var(--gold); }
.sidebar-search-input::placeholder { color: var(--text-muted); }
.sidebar-search-icon {
    position: absolute; left: 0.85rem; top: 50%;
    transform: translateY(-50%); color: var(--text-muted); font-size: 0.85rem;
    pointer-events: none;
}

/* Recent posts */
.recent-post-item {
    display: flex; gap: 0.85rem; align-items: center;
    padding: 0.7rem 0; border-bottom: 1px solid var(--dark-border);
    cursor: pointer; transition: var(--transition);
}
.recent-post-item:last-child { border-bottom: none; padding-bottom: 0; }
.recent-post-item:hover .recent-post-title { color: var(--gold); }
.recent-post-item:hover .recent-post-thumb { transform: scale(1.04); }

.recent-post-thumb {
    width: 60px; height: 60px; border-radius: var(--radius);
    object-fit: cover; flex-shrink: 0; transition: transform 0.3s;
}
.recent-post-title { font-size: 0.82rem; font-weight: 600; line-height: 1.45; margin-bottom: 0.3rem; transition: var(--transition); }
.recent-post-meta { font-size: 0.68rem; color: var(--text-muted); }

/* Categories */
.category-item {
    display: flex; justify-content: space-between; align-items: center;
    padding: 0.65rem 0; border-bottom: 1px solid var(--dark-border);
    cursor: pointer; transition: var(--transition);
}
.category-item:last-child { border-bottom: none; }
.category-item:hover { padding-right: 0.5rem; }
.category-item:hover .cat-name { color: var(--gold); }

.cat-name { font-size: 0.85rem; color: var(--text-secondary); display: flex; align-items: center; gap: 0.4rem; }
.cat-name i { font-size: 0.65rem; color: var(--gold); }
.cat-count {
    font-size: 0.7rem; font-weight: 700;
    background: var(--dark-surface); color: var(--text-muted);
    padding: 0.1rem 0.5rem; border-radius: 100px;
    border: 1px solid var(--dark-border);
}

/* Tags cloud */
.tags-cloud { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.tag-chip {
    padding: 0.28rem 0.75rem;
    border: 1px solid var(--dark-border); border-radius: 100px;
    font-size: 0.72rem; color: var(--text-muted);
    cursor: pointer; transition: var(--transition);
    background: transparent;
}
.tag-chip:hover { border-color: var(--gold); color: var(--gold); }
.tag-chip.hot { border-color: rgba(201,168,76,0.4); color: var(--gold); background: rgba(201,168,76,0.06); }

/* Featured artwork widget */
.featured-artwork-widget { position: relative; border-radius: var(--radius); overflow: hidden; }
.featured-artwork-widget img { width: 100%; aspect-ratio: 3/4; object-fit: cover; }
.featured-artwork-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
    display: flex; flex-direction: column; justify-content: flex-end;
    padding: 1.25rem;
}
.featured-artwork-cat { font-size: 0.65rem; color: var(--gold); letter-spacing: 0.15em; text-transform: uppercase; font-weight: 700; margin-bottom: 0.3rem; }
.featured-artwork-title { font-size: 1rem; font-weight: 700; color: #fff; margin-bottom: 0.25rem; }
.featured-artwork-artist { font-size: 0.75rem; color: rgba(255,255,255,0.6); margin-bottom: 0.85rem; }
.featured-artwork-btn {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.45rem 1rem; background: var(--gold); color: #000;
    font-size: 0.75rem; font-weight: 700; 
     border: none; cursor: pointer;
    transition: var(--transition); width: fit-content;
}
.featured-artwork-btn:hover { background: #eee; }

/* Newsletter widget */
.newsletter-input-sm {
    width: 100%; padding: 0.65rem 0.9rem;
    background: var(--dark-surface); border: 1px solid var(--dark-border);
    border-radius: var(--radius) var(--radius) 0 0;
    color: var(--text-primary); 
    font-size: 0.83rem; outline: none; border-bottom: none;
    transition: border-color 0.3s; text-align: right;
}
.newsletter-input-sm:focus { border-color: var(--gold); }
.newsletter-input-sm::placeholder { color: var(--text-muted); }
.newsletter-btn-sm {
    width: 100%; padding: 0.65rem;
    background: var(--gold); color: #000;
    border: none; cursor: pointer; 
    font-size: 0.83rem; font-weight: 700;
    border-radius: 0 0 var(--radius) var(--radius);
    display: flex; align-items: center; justify-content: center; gap: 0.4rem;
    transition: var(--transition);
}
.newsletter-btn-sm:hover { background: #eee; }

/* ============================================================
   CART FINAL OVERRIDES
============================================================ */
body.woocommerce-cart .bonart-cart-shell .wc-panel {
    border-color: #e5ddd2 !important;
    box-shadow: 0 16px 36px rgba(2, 6, 23, 0.07) !important;
}
body.woocommerce-cart .bonart-cart-shell .wc-panel-head {
    background: linear-gradient(180deg, #fff, #fbf8f4) !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart thead th {
    background: #faf8f5 !important;
    color: #7b6f60 !important;
    font-weight: 800 !important;
    letter-spacing: .09em !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody tr.woocommerce-cart-form__cart-item:hover {
    background: #fcfbf8 !important;
}
body.woocommerce-cart .bonart-cart-shell .product-name a {
    font-size: .97rem !important;
    line-height: 1.9 !important;
}
body.woocommerce-cart .bonart-cart-shell .product-price,
body.woocommerce-cart .bonart-cart-shell .product-subtotal {
    font-size: .95rem !important;
    color: #8a7560 !important;
}

/* Qty */
body.woocommerce-cart .bonart-cart-shell .product-quantity .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #ded5c7 !important;
    background: #fff !important;
    overflow: hidden !important;
}
body.woocommerce-cart .bonart-cart-shell .product-quantity .quantity .qty-btn {
    width: 40px !important;
    height: 42px !important;
    border: 0 !important;
    background: #f8f5f0 !important;
    color: #334155 !important;
}
body.woocommerce-cart .bonart-cart-shell .product-quantity .quantity .qty-btn:hover {
    background: #eee8de !important;
    color: #111827 !important;
}
body.woocommerce-cart .bonart-cart-shell .product-quantity .quantity .qty {
    width: 56px !important;
    height: 42px !important;
    border: 0 !important;
    border-left: 1px solid #ebe4d9 !important;
    border-right: 1px solid #ebe4d9 !important;
    border-radius: 0 !important;
    background: #fff !important;
    font-weight: 800 !important;
}

/* Coupon/actions row */
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions {
    background: #faf8f4 !important;
    border-top: 1px solid #ebe3d8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .8rem !important;
    flex-wrap: wrap !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    flex: 1 1 420px !important;
    min-width: 260px !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-input {
    flex: 1 1 250px !important;
    width: 100% !important;
    min-width: 190px !important;
    height: 44px !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-btn,
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn {
    height: 44px !important;
    padding: 0 1rem !important;
    border-radius: 0px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn {
    margin-right: 0 !important;
}

/* Totals card */
body.woocommerce-cart .bonart-cart-shell .bonart-cart-collaterals .bonart-cart-totals {
    border-radius: 0px !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-totals-table th {
    color: #475569 !important;
    font-weight: 700 !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-totals-table .order-total td {
    color: #7c3aed !important;
    font-size: 1.28rem !important;
}
body.woocommerce-cart .bonart-cart-shell .btn-proceed-checkout {
    height: 56px !important;
    border-radius: 0px !important;
    box-shadow: 0 14px 32px rgba(124, 58, 237, 0.18) !important;
}

@media (max-width: 900px) {
    body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon {
        flex-basis: 100% !important;
        min-width: 100% !important;
        flex-wrap: wrap !important;
    }
    body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-input,
    body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-btn,
    body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn {
        width: 100% !important;
    }
}

/* Restore and polish cart guide bar (steps) */
body.woocommerce-cart .steps-bar {
    position: sticky !important;
    top: 76px !important;
    z-index: 140 !important;
    background: transparent !important;
    border: 0 !important;
    padding: .55rem 0 .35rem !important;
}
body.woocommerce-cart .steps-inner {
    background: #fff !important;
    border: 1px solid #e9e1d5 !important;
    border-radius: 0px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
    padding: .5rem 1rem !important;
}
body.woocommerce-cart .step {
    color: #7b7280 !important;
}
body.woocommerce-cart .step.active {
    color: #1f2937 !important;
}
body.woocommerce-cart .step-num {
    background: #fff !important;
}
body.woocommerce-cart .step.active .step-num {
    background: #111827 !important;
    border-color: #111827 !important;
    color: #fff !important;
}
body.woocommerce-cart .bonart-cart-shell {
    margin-top: 1.1rem !important;
}

/* Make coupon/actions area cleaner and aligned with panel style */
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.actions.bonart-cart-actions {
    border-bottom: 0 !important;
    border-top: 1px solid #ebe3d8 !important;
    border-radius: 0 !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon-btn,
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn {
    background: #f3f0ea !important;
    border: 1px solid #ddd4c8 !important;
    color: #5b4f42 !important;
    font-weight: 700 !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon-btn:hover,
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn:hover {
    background: #ebe6dc !important;
    border-color: #c9beaf !important;
    color: #2f2a25 !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon-input {
    border-color: #ddd4c8 !important;
    background: #fff !important;
}

body.admin-bar.woocommerce-cart .steps-bar { top: 108px !important; }
@media screen and (max-width: 782px) {
    body.admin-bar.woocommerce-cart .steps-bar { top: 122px !important; }
}

/* Cart steps: keep classic style and do not stick */
body.woocommerce-cart .steps-bar {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background: var(--dark-card) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    margin-top: 62px!important;
    padding: .85rem 0 !important;
}
body.woocommerce-cart .steps-inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 1.5rem !important;
}
body.woocommerce-cart .bonart-cart-shell {
    margin-top: 2rem !important;
}

/* Final: cart should look like checkout */
body.woocommerce-cart .steps-bar {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background: var(--dark-card) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    padding: .85rem 0 !important;
}
body.woocommerce-cart .steps-inner {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.woocommerce-cart .bonart-cart-shell {
    margin-top: 1.45rem !important;
}

@media (max-width: 900px) {
    body.woocommerce-cart .steps-bar {
        margin-top: 1.35rem !important;
    }
}

body.woocommerce-cart .bonart-cart-shell .wc-panel {
    border: 1.5px solid var(--dark-border) !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}
body.woocommerce-cart .bonart-cart-shell .wc-panel-head {
    background: #fff !important;
    border-bottom: 1px solid var(--dark-border) !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart thead th {
    background: var(--dark-surface) !important;
    color: var(--text-muted) !important;
    letter-spacing: .12em !important;
    font-size: .68rem !important;
}

body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions {
    background: #fff !important;
    border-top: 1px solid var(--dark-border) !important;
    padding: 1rem !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon {
    gap: .6rem !important;
    flex: 1 !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-input {
    height: 42px !important;
}
.woocommerce .woocommerce-ordering {
margin: 0!important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-btn,
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn {
    height: 42px !important;
    border-radius: 0px !important;
    background: var(--dark-surface) !important;
    border: 1.5px solid var(--dark-border) !important;
    color: var(--text-secondary) !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .coupon .coupon-btn:hover,
body.woocommerce-cart .bonart-cart-shell .bonart-cart-actions .cart-update-btn:hover {
    border-color: var(--gold) !important;
    color: var(--gold) !important;
    background: #fff !important;
}

body.woocommerce-cart .bonart-cart-shell .bonart-cart-collaterals .bonart-cart-totals {
    border-radius: 0px !important;
    box-shadow: none !important;
}
body.woocommerce-cart .bonart-cart-shell .bonart-cart-totals-table .order-total td {
    font-size: 1.2rem !important;
    color: var(--gold) !important;
}
body.woocommerce-cart .bonart-cart-shell .btn-proceed-checkout {
    height: 54px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

/* Product image column on cart: larger and cleaner */
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th.product-thumbnail {
    min-width: 118px !important;
    text-align: center !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-thumbnail {
    text-align: center !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-thumbnail > a,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-thumbnail > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 96px !important;
    height: 96px !important;
    padding: 6px !important;
    border: 1px solid #e5ddd2 !important;
    border-radius: 0px !important;
    background: #fff !important;
}
body.woocommerce-cart .bonart-cart-shell .product-thumbnail img,
body.woocommerce-cart .bonart-cart-shell .product-thumbnail .bonart-cart-thumb {
    width: 82px !important;
    height: 82px !important;
    object-fit: cover !important;
    border-radius: 0px !important;
    border: 1px solid #ebe4d9 !important;
    box-shadow: 0 5px 14px rgba(2, 6, 23, 0.08) !important;
}

/* Reduce extra empty space on the right side of cart rows (RTL) */
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th.product-remove,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-remove {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    text-align: center !important;
    padding-right: .2rem !important;
    padding-left: .2rem !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th.product-thumbnail,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-thumbnail {
    width: 124px !important;
    min-width: 124px !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th.product-name,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-name {
    width: auto !important;
}

/* Order received page polish */
body.woocommerce-order-received {
    background:
        radial-gradient(1200px 420px at 8% -10%, rgba(200, 200, 200, 0.14), transparent 62%),
        radial-gradient(900px 340px at 95% 0%, rgba(189, 165, 131, 0.1), transparent 58%),
        var(--dark-surface);
}
body.woocommerce-order-received .woocommerce {
    max-width: 1240px;
    margin: 2rem auto 3rem;
    padding: 0 1rem;
}
body.woocommerce-order-received .woocommerce-order {
    animation: orderReceivedRise .45s ease both;
}
body.woocommerce-order-received .woocommerce-thankyou-order-received {
    position: relative;
    margin: 0 0 1.15rem;
    padding: 1rem 1.15rem;
    padding-right: 3.2rem;
    border: 1px solid #c9e8d3;
    border-radius: 0px;
    background: linear-gradient(180deg, #f7fff9 0%, #f0fdf4 100%);
    color: #166534;
    font-size: .96rem;
    font-weight: 700;
    line-height: 1.9;
    box-shadow: 0 14px 34px rgba(22, 101, 52, 0.08);
}
body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 1rem;
    top: 1.05rem;
    color: #16a34a;
    font-size: 1.1rem;
    line-height: 1;
}

body.woocommerce-order-received .woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 0 0 1.65rem;
    padding: 0;
    list-style: none;
}
body.woocommerce-order-received .woocommerce-order-overview li {
    position: relative;
    border: 1px solid #e7d9c6;
    border-radius: 0px;
    background: linear-gradient(180deg, #ffffff 0%, #fdfaf5 100%);
    padding: 1rem 1rem .95rem;
    padding-top: 2.95rem;
    font-size: .8rem;
    color: #6b5e50;
    line-height: 2;
    display: flex;
    flex-direction: column;
    gap: .32rem;
    min-height: 148px;
    box-shadow: 0 14px 26px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    animation: orderMetaCardIn .58s cubic-bezier(.2, .7, .2, 1) both;
}
body.woocommerce-order-received .woocommerce-order-overview li::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #d7c3a3 0%, #bfa27a 100%);
}
body.woocommerce-order-received .woocommerce-order-overview li::after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    background: #bfa27a;
    box-shadow: 0 0 0 6px rgba(191, 162, 122, 0.18);
}
body.woocommerce-order-received .woocommerce-order-overview__order::after {
    background: #8b5cf6;
    box-shadow: 0 0 0 6px rgba(139, 92, 246, 0.16);
}
body.woocommerce-order-received .woocommerce-order-overview__date::after {
    background: #0ea5e9;
    box-shadow: 0 0 0 6px rgba(14, 165, 233, 0.16);
}
body.woocommerce-order-received .woocommerce-order-overview__email::after {
    background: #f97316;
    box-shadow: 0 0 0 6px rgba(249, 115, 22, 0.16);
}
body.woocommerce-order-received .woocommerce-order-overview__total::after {
    background: #16a34a;
    box-shadow: 0 0 0 6px rgba(22, 163, 74, 0.16);
}
body.woocommerce-order-received .woocommerce-order-overview__payment-method::after {
    background: #d97706;
    box-shadow: 0 0 0 6px rgba(217, 119, 6, 0.16);
}
body.woocommerce-order-received .woocommerce-order-overview li:hover {
    transform: translateY(-4px);
    border-color: #cfb693;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.1);
}
body.woocommerce-order-received .woocommerce-order-overview li strong {
    display: block;
    margin-top: .18rem;
    color: #0f172a;
    font-size: 1.15rem;
    line-height: 1.7;
    font-weight: 800;
    word-break: break-word;
}
body.woocommerce-order-received .woocommerce-order-overview .woocommerce-order-overview__email strong {
    font-size: 1.03rem;
    line-height: 1.75;
}
body.woocommerce-order-received .woocommerce-order-overview li:nth-child(1) {
    animation-delay: .04s;
}
body.woocommerce-order-received .woocommerce-order-overview li:nth-child(2) {
    animation-delay: .1s;
}
body.woocommerce-order-received .woocommerce-order-overview li:nth-child(3) {
    animation-delay: .16s;
}
body.woocommerce-order-received .woocommerce-order-overview li:nth-child(4) {
    animation-delay: .22s;
}
body.woocommerce-order-received .woocommerce-order-overview li:nth-child(5) {
    animation-delay: .28s;
}
body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-thankyou-order-received) {
    margin: .15rem 0 1rem;
    font-size: .92rem;
    color: #6b7280;
    font-weight: 700;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order-downloads {
    margin-top: 1.3rem;
    padding: 1rem;
    border: 1px solid #e6dcca;
    border-radius: 0px;
    background: #fff;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06);
    animation: orderSectionIn .62s cubic-bezier(.2, .7, .2, 1) both;
}
body.woocommerce-order-received .woocommerce-order-details {
    animation-delay: .22s;
}
body.woocommerce-order-received .woocommerce-customer-details {
    animation-delay: .3s;
}
body.woocommerce-order-received .woocommerce-order-downloads {
    animation-delay: .14s;
}
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-order-downloads__title {
    margin: 0 0 .9rem;
    font-size: clamp(1.25rem, 1.85vw, 1.7rem);
    letter-spacing: -.01em;
    color: #111827;
    font-weight: 800;
}
body.woocommerce-order-received .woocommerce-order-details__title::after,
body.woocommerce-order-received .woocommerce-column__title::after,
body.woocommerce-order-received .woocommerce-order-downloads__title::after {
    content: "";
    display: block;
    width: 84px;
    height: 3px;
    border-radius: 99px;
    margin-top: .55rem;
    background: linear-gradient(90deg, #d9c6a8 0%, #bfa27a 100%);
}

body.woocommerce-order-received .woocommerce-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #eadfce;
    border-radius: 0px;
    overflow: hidden;
}
body.woocommerce-order-received .woocommerce-table thead th {
    background: #faf7f2;
    color: #756858;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .8rem .95rem;
    border-bottom: 1px solid #eadfce;
    text-align: right;
}
body.woocommerce-order-received .woocommerce-table thead th:last-child {
    text-align: left;
}
body.woocommerce-order-received .woocommerce-table tbody td,
body.woocommerce-order-received .woocommerce-table tfoot th,
body.woocommerce-order-received .woocommerce-table tfoot td {
    padding: .92rem .95rem;
    border-bottom: 1px solid #f1ebe2;
    font-size: .93rem;
    color: #1f2937;
    line-height: 1.9;
}
body.woocommerce-order-received .woocommerce-table tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-table tfoot tr:last-child td {
    border-bottom: 0;
}
body.woocommerce-order-received .woocommerce-table .product-name {
    font-weight: 700;
    color: #111827;
}
body.woocommerce-order-received .woocommerce-table .product-total,
body.woocommerce-order-received .woocommerce-table td:last-child {
    text-align: left;
    white-space: nowrap;
    font-weight: 700;
}
body.woocommerce-order-received .woocommerce-table tfoot th {
    color: #6b7280;
    font-weight: 700;
}
body.woocommerce-order-received .woocommerce-table tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-table tfoot tr:last-child td {
    font-size: 1rem;
    color: #111827;
    font-weight: 800;
}
body.woocommerce-order-received .woocommerce-table .woocommerce-Price-amount,
body.woocommerce-order-received .woocommerce-table .amount {
    letter-spacing: 0;
}

body.woocommerce-order-received .order-actions-button,
body.woocommerce-order-received .woocommerce-button.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: .5rem .95rem;
    border: 1px solid #ddcfbc;
    border-radius: 0px;
    background: #fffdf9;
    color: #4b5563;
    font-size: .78rem;
    font-weight: 700;
    transition: all .24s ease;
    margin: 0 .35rem .35rem 0;
}
body.woocommerce-order-received .order-actions-button:hover,
body.woocommerce-order-received .woocommerce-button.button:hover {
    border-color: #bda583;
    color: #2f2212;
    background: #fbf5eb;
    transform: translateY(-1px);
}

body.woocommerce-order-received .woocommerce-columns--addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
    margin-top: .35rem;
}
body.woocommerce-order-received .woocommerce-column--billing-address,
body.woocommerce-order-received .woocommerce-column--shipping-address,
body.woocommerce-order-received .woocommerce-customer-details > address {
    background: #fcfbf8;
    border: 1px solid #eadfce;
    border-radius: 0px;
    padding: 1rem;
}
body.woocommerce-order-received .woocommerce-customer-details address {
    margin: 0;
    font-style: normal;
    font-size: .96rem;
    color: #374151;
    line-height: 2;
}

@media (max-width: 1020px) {
    body.woocommerce-order-received .woocommerce-order-overview {
        grid-template-columns: 1fr 1fr;
    }
}
body.woocommerce-order-received .woocommerce-customer-details--phone,
body.woocommerce-order-received .woocommerce-customer-details--email {
    margin-top: .45rem;
    padding-top: .45rem;
    border-top: 1px dashed #eadfce;
    font-weight: 700;
    color: #111827;
}

@media (max-width: 860px) {
    body.woocommerce-order-received .woocommerce {
        margin-top: 1.25rem;
        padding: 0 .75rem;
    }
    body.woocommerce-order-received .woocommerce-order-details,
    body.woocommerce-order-received .woocommerce-customer-details,
    body.woocommerce-order-received .woocommerce-order-downloads {
        padding: .82rem;
        border-radius: 0px;
    }
    body.woocommerce-order-received .woocommerce-order-overview {
        grid-template-columns: 1fr 1fr;
    }
    body.woocommerce-order-received .woocommerce-columns--addresses {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 560px) {
    body.woocommerce-order-received .woocommerce-order-overview {
        grid-template-columns: 1fr;
    }
    body.woocommerce-order-received .woocommerce-order-overview li {
        min-height: 128px;
        padding-top: 2.65rem;
    }
    body.woocommerce-order-received .woocommerce-order-overview li strong {
        font-size: 1rem;
    }
    body.woocommerce-order-received .woocommerce-order-overview .woocommerce-order-overview__email strong {
        font-size: .92rem;
    }
    body.woocommerce-order-received .woocommerce-thankyou-order-received {
        padding: .9rem .85rem;
        padding-right: 2.65rem;
        font-size: .9rem;
    }
    body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
        right: .78rem;
        top: 1rem;
    }
    body.woocommerce-order-received .woocommerce-table thead th,
    body.woocommerce-order-received .woocommerce-table tbody td,
    body.woocommerce-order-received .woocommerce-table tfoot th,
    body.woocommerce-order-received .woocommerce-table tfoot td {
        padding: .68rem .64rem;
        font-size: .8rem;
    }
}

@keyframes orderReceivedRise {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes orderMetaCardIn {
    from {
        opacity: 0;
        transform: translateY(16px) scale(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes orderSectionIn {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* ============================================================
   TS Artists / Exhibitions Module
============================================================ */
.ts-product-taxonomies {
    margin: 1rem 0 1.25rem;
    padding: .9rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.ts-product-taxonomy {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}
.ts-taxonomy-label {
    font-size: .78rem;
    color: var(--text-muted);
    font-weight: 700;
}
.ts-taxonomy-link,
.ts-taxonomy-text {
    font-size: .9rem;
    color: var(--text-primary);
    font-weight: 700;
}
.ts-taxonomy-link:hover {
    color: var(--gold);
}
.ts-taxonomy-chips {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}
.ts-taxonomy-chip {
    display: inline-flex;
    align-items: center;
    padding: .32rem .72rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: .72rem;
    color: var(--text-secondary);
    background: var(--card);
    transition: var(--transition);
}
.ts-taxonomy-chip:hover {
    color: var(--gold);
    border-color: var(--gold);
}
.ts-shop-widget-title {
    display: none;
}
.ts-filter-widget .filter-widget-body {
    display: block;
}
.ts-archive-filter-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.ts-filter-group {
    margin-bottom: 1rem;
}
.ts-filter-group-title {
    font-size: .75rem;
    letter-spacing: .06em;
    font-weight: 800;
    margin-bottom: .6rem;
    color: var(--text-primary);
}
.ts-filter-empty {
    font-size: .8rem;
    color: var(--text-muted);
}
.ts-filter-actions {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}
.ts-filter-submit {
    border: none;
    cursor: pointer;
    font-family: inherit;
    padding: .52rem 1rem;
}
.ts-reset-link {
    margin-top: 0;
    display: inline-flex;
    width: auto;
}
.ts-artist-layout {
    grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
    gap: 2rem;
}
.ts-artist-hero-subtitle {
    margin-top: .45rem;
    color: var(--text-secondary);
    font-size: .86rem;
}
.ts-artist-sidebar-col {
    min-width: 0;
}
.ts-artist-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.ts-artist-sidebar-profile {
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) + 4px);
    background: linear-gradient(165deg, rgba(212,175,55,.12) 0%, rgba(255,255,255,.98) 30%, rgba(255,255,255,1) 100%);
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(24,18,9,.08);
}
.ts-artist-sidebar-media {
    padding: .85rem;
}
.ts-artist-sidebar-media img {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: var(--radius-sm);
    object-fit: cover;
    border: 1px solid var(--border);
}
.ts-artist-profile-placeholder {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    font-size: 1.35rem;
}
.ts-artist-sidebar-main {
    padding: 0 1rem 1rem;
}
.ts-artist-sidebar-name {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.4;
}
.ts-artist-sidebar-role {
    margin-top: .4rem;
    color: var(--text-secondary);
    font-size: .84rem;
}
.ts-artist-meta-list {
    margin-top: .85rem;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}
.ts-artist-meta-chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .72rem;
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .24rem .64rem;
    background: var(--card);
}
.ts-artist-meta-chip i {
    color: var(--gold);
}
.ts-artist-sidebar-socials {
    margin-top: .95rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
.ts-follow-btn {
    margin-top: .9rem;
    width: 100%;
    border: 1.5px solid var(--dark-border);
    background: #f7f4ef;
    color: var(--text-primary);
    border-radius: 0px;
    height: 42px;
    padding: 0 .9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}
.ts-follow-btn i {
    font-size: .82rem;
}
.ts-follow-btn:hover {
    background: #eee;
    border-color: #bbb;
    transform: translateY(-1px);
}
.ts-follow-btn.active {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-color: #16a34a;
    color: #fff;
    box-shadow: 0 12px 24px rgba(22,163,74,.22);
}
.ts-follow-btn.active i {
    color: #fff;
}
.ts-artist-about-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) + 2px);
    padding: 1.2rem 1.25rem;
    margin-bottom: 1rem;
}
.ts-artist-about-card h3 {
    margin: 0 0 .85rem;
    font-size: .95rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.ts-artist-bio,
.ts-exhibition-description {
    font-size: .91rem;
    color: var(--text-secondary);
    line-height: 2;
}
.ts-artist-bio-placeholder,
.ts-exhibition-description-placeholder {
    color: var(--text-muted);
}
.ts-artist-products-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.15rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid var(--border);
}
.ts-artist-products-col {
    min-width: 0;
}
.ts-artist-products-title-wrap {
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
}
.ts-artist-products-title-wrap h3 {
    margin: 0;
    font-size: 1.05rem;
}
.ts-artist-products-count {
    display: inline-flex;
    align-items: center;
    padding: .22rem .62rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--gold-subtle);
    font-size: .74rem;
    color: var(--text-secondary);
}
.ts-inline-filter-form .filter-check-list {
    max-height: 280px;
    overflow: auto;
    padding-left: .2rem;
}
.ts-artist-filter-block {
    padding-bottom: .9rem;
    margin-bottom: .9rem;
    border-bottom: 1px dashed var(--border);
}
.ts-artist-filter-block-title {
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: .58rem;
}
.ts-artist-birth-range {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .45rem;
}
.ts-artist-birth-range .filter-search-input {
    padding: .56rem .65rem;
    font-size: .78rem;
}
.ts-artist-life-options {
    max-height: none;
    padding-left: 0;
}
.ts-inline-filter-form .filter-check-list::-webkit-scrollbar {
    width: 7px;
}
.ts-inline-filter-form .filter-check-list::-webkit-scrollbar-thumb {
    background: rgba(120,103,64,.35);
    border-radius: 0;
}
.ts-artist-products-col .woocommerce-pagination {
    margin-top: 2.2rem;
}

.ts-exhibition-layout {
    grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
    gap: 2rem;
}
.ts-exhibition-sidebar-col,
.ts-exhibition-products-col {
    min-width: 0;
}
.ts-exhibition-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.ts-exhibition-sidebar-card {
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) + 6px);
    overflow: hidden;
    background:
        radial-gradient(120% 120% at 100% 0%, rgba(212,175,55,.2) 0%, rgba(255,255,255,0) 58%),
        linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,248,246,1) 100%);
    box-shadow: 0 20px 45px rgba(24,18,9,.1);
}
.ts-exhibition-sidebar-cover-wrap {
    position: relative;
    padding: .85rem;
}
.ts-exhibition-sidebar-cover {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: var(--radius-sm);
    object-fit: cover;
    border: 1px solid var(--border);
}
.ts-exhibition-status-chip {
    position: absolute;
    top: 1.35rem;
    right: 1.35rem;
    padding: .25rem .7rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    border: 1px solid transparent;
    background: #fff;
}
.ts-exhibition-status-chip.status-upcoming { color: #0f5a9c; border-color: rgba(44,124,194,.32); background: rgba(44,124,194,.12); }
.ts-exhibition-status-chip.status-ongoing { color: #0a7d45; border-color: rgba(16,154,85,.32); background: rgba(16,154,85,.12); }
.ts-exhibition-status-chip.status-completed { color: #5f5649; border-color: rgba(107,95,76,.28); background: rgba(120,108,90,.12); }
.ts-exhibition-status-chip.status-cancelled { color: #8f1d1d; border-color: rgba(190,41,41,.32); background: rgba(190,41,41,.12); }
.ts-exhibition-sidebar-main {
    padding: 0 1rem 1rem;
}
.ts-exhibition-sidebar-name {
    margin: 0;
    font-size: 1.18rem;
    line-height: 1.4;
}
.ts-exhibition-sidebar-desc {
    margin: .5rem 0 .85rem;
    font-size: .82rem;
    color: var(--text-secondary);
    line-height: 1.9;
}
.ts-exhibition-meta-list {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .75rem;
}
.ts-exhibition-address {
    font-size: .76rem;
    color: var(--text-muted);
    line-height: 1.9;
    margin-bottom: .8rem;
}
.ts-exhibition-map-btn {
    width: 100%;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .62rem .75rem;
    font-size: .78rem;
}
.ts-exhibition-filter-card .filter-widget-head {
    padding: .95rem 1rem;
    gap: .7rem;
}
.ts-exhibition-filter-badge {
    min-width: 24px;
    height: 24px;
    border-radius: 999px;
    background: var(--gold);
    color: #000;
    font-size: .72rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .38rem;
}
.ts-exhibition-filter-form .ts-artist-filter-block:last-of-type {
    border-bottom: none;
    margin-bottom: .25rem;
    padding-bottom: 0;
}
.ts-exhibition-price-range {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .45rem;
}
.ts-exhibition-hero-subtitle {
    margin-top: .45rem;
    color: var(--text-secondary);
    font-size: .86rem;
}
.ts-exhibition-status-pill.status-upcoming { border-color: rgba(44,124,194,.35); background: rgba(44,124,194,.1); color: #0f5a9c; }
.ts-exhibition-status-pill.status-ongoing { border-color: rgba(16,154,85,.35); background: rgba(16,154,85,.1); color: #0a7d45; }
.ts-exhibition-status-pill.status-completed { border-color: rgba(107,95,76,.32); background: rgba(120,108,90,.1); color: #5f5649; }
.ts-exhibition-status-pill.status-cancelled { border-color: rgba(190,41,41,.35); background: rgba(190,41,41,.1); color: #8f1d1d; }
.ts-exhibition-profile,
.ts-exhibition-artist {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) + 3px);
    padding: 1.25rem;
    margin-bottom: 1.2rem;
    box-shadow: 0 16px 36px rgba(24,18,9,.06);
}
.ts-exhibition-profile {
    display: grid;
    grid-template-columns: minmax(240px, 34%) 1fr;
    gap: 1.3rem;
}
.ts-exhibition-cover img {
    width: 100%;
    border-radius: var(--radius-sm);
    object-fit: cover;
    aspect-ratio: 4 / 3;
    border: 1px solid var(--border);
}
.ts-exhibition-cover-placeholder,
.ts-exhibition-artist-photo-placeholder {
    width: 100%;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    background: linear-gradient(145deg, rgba(255,255,255,0.65), rgba(243,240,233,0.4));
}
.ts-exhibition-content h2 {
    margin: 0 0 .75rem;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
}
.ts-exhibition-profile-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
}
.ts-exhibition-highlight {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .72rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    font-size: .72rem;
    color: var(--text-secondary);
    background: #fff;
}
.ts-exhibition-highlight i {
    color: var(--gold);
}
.ts-exhibition-artist {
    transition: transform .22s ease, box-shadow .22s ease;
}
.ts-exhibition-artist:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 40px rgba(24,18,9,.1);
}
.ts-exhibition-artist-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding-bottom: .8rem;
    border-bottom: 1px dashed var(--border);
}
.ts-exhibition-artist-meta {
    display: flex;
    align-items: center;
    gap: .8rem;
}
.ts-exhibition-artist-photo {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--border);
    box-shadow: 0 8px 16px rgba(20,15,10,.12);
}
.ts-exhibition-artist-name {
    margin: 0;
    font-size: 1.08rem;
}
.ts-exhibition-artist-name a:hover {
    color: var(--gold-dark);
}
.ts-exhibition-artist-count {
    font-size: .78rem;
    color: var(--text-muted);
    margin-top: .22rem;
}
.ts-exh-section-visible,
.ts-exh-section-total {
    font-weight: 800;
    color: var(--text-primary);
}
.ts-view-all-artist {
    border: none;
    padding: .54rem .92rem;
    font-size: .78rem;
    white-space: nowrap;
}
.ts-exh-products-grid {
    margin-top: .45rem;
}
.ts-exh-pagination {
    margin-top: .25rem;
    margin-bottom: 1.2rem;
}
.ts-exh-load-more-wrap {
    margin: .25rem 0 1.2rem;
    display: flex;
    justify-content: center;
}
.ts-exh-load-more-btn {
    border: none;
    min-width: 220px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .66rem 1.2rem;
    font-size: .82rem;
}
.ts-exh-load-more-btn i {
    transition: transform .22s ease;
}
.ts-exh-load-more-btn:hover i {
    transform: translateY(2px);
}
.ts-exh-load-more-btn.is-loading,
.ts-exh-load-more-btn:disabled {
    opacity: .72;
    cursor: wait;
    transform: none !important;
    box-shadow: none !important;
}
.ts-exhibition-empty {
    display: none;
    margin-top: .6rem;
}
.ts-exhibition-empty.visible {
    display: block;
}
@media (max-width: 1100px) {
    .ts-artist-layout {
        grid-template-columns: 1fr;
    }
    .ts-artist-sidebar {
        position: static;
    }
}
@media (max-width: 1200px) {
    .ts-exhibition-layout {
        grid-template-columns: minmax(250px, 310px) minmax(0, 1fr);
    }
}
@media (max-width: 1024px) {
    .ts-exhibition-layout {
        grid-template-columns: 1fr;
    }
    .ts-exhibition-sidebar {
        position: static;
    }
}
@media (max-width: 820px) {
    .ts-exhibition-profile {
        grid-template-columns: 1fr;
    }
    .ts-exhibition-price-range {
        grid-template-columns: 1fr;
    }
    .ts-view-all-artist {
        width: 100%;
        justify-content: center;
    }
}

/* ============================================================
   404 PAGE
============================================================ */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.error404 .navbar-arta {
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--dark-border);
    box-shadow: 0 4px 30px rgba(0,0,0,0.08);
}

.bonart-404-page {
    background: var(--dark-bg);
    color: var(--text-primary);
    overflow: hidden;
}

.bonart-404-hero {
    position: relative;
    padding: 118px 0 80px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(247,245,242,0.96) 100%);
}

.bonart-404-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(26,22,18,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(26,22,18,0.06) 1px, transparent 1px);
    background-size: 46px 46px;
    opacity: 0.45;
    pointer-events: none;
}

.bonart-404-shell {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
    gap: 4rem;
    align-items: center;
}

.bonart-404-copy {
    max-width: 670px;
}

.bonart-404-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 2.2rem;
    font-size: 0.78rem;
    color: var(--text-muted);
}

.bonart-404-breadcrumb a {
    color: var(--text-muted);
}

.bonart-404-breadcrumb a:hover {
    color: var(--text-primary);
}

.bonart-404-breadcrumb .sep {
    color: var(--dark-border);
}

.bonart-404-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1rem;
    color: var(--text-secondary);
    font-size: 0.8rem;
    font-weight: 800;
}

.bonart-404-eyebrow i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--gold);
    color: #000;
}

.bonart-404-code {
    margin: 0 0 0.65rem;
    color: transparent;
    -webkit-text-stroke: 1px rgba(26,22,18,0.28);
    text-stroke: 1px rgba(26,22,18,0.28);
    font-size: 8.75rem;
    font-weight: 900;
    line-height: 0.82;
    letter-spacing: 0;
}

.bonart-404-copy h1 {
    margin: 0;
    font-size: 3.15rem;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: 0;
}

.bonart-404-desc {
    max-width: 620px;
    margin: 1.1rem 0 0;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 2;
}

.bonart-404-search {
    width: 100%;
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem;
    background: #fff;
    border: 1px solid var(--dark-border);
    box-shadow: 0 16px 45px rgba(0,0,0,0.08);
}

.bonart-404-search > i {
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
}

.bonart-404-search input {
    width: 100%;
    min-width: 0;
    height: 44px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
    font-family: inherit;
    font-size: 0.94rem;
}

.bonart-404-search input::placeholder {
    color: var(--text-muted);
}

.bonart-404-search button {
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0 1.25rem;
    border: 0;
    background: var(--text-primary);
    color: #fff;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
    transition: var(--transition);
}

.bonart-404-search button:hover {
    background: var(--gold);
    color: #000;
}

.bonart-404-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1.35rem;
}

.bonart-404-primary,
.bonart-404-secondary {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0.72rem 1.25rem;
    font-size: 0.88rem;
    font-weight: 800;
    border: 1px solid var(--dark-border);
    transition: var(--transition);
}

.bonart-404-primary {
    background: var(--gold);
    color: #000;
    border-color: var(--gold);
}

.bonart-404-secondary {
    background: rgba(255,255,255,0.7);
    color: var(--text-primary);
}

.bonart-404-primary:hover,
.bonart-404-secondary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
    color: #000;
}

.bonart-404-visual {
    position: relative;
}

.bonart-404-image-wrap {
    position: relative;
    min-height: 520px;
    border: 1px solid rgba(26,22,18,0.16);
    background: #fff;
    overflow: hidden;
    box-shadow: var(--shadow-deep);
}

.bonart-404-image-wrap::before,
.bonart-404-image-wrap::after {
    content: '';
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(255,255,255,0.72);
    pointer-events: none;
}

.bonart-404-image-wrap::before {
    inset: 20px;
}

.bonart-404-image-wrap::after {
    inset: 34px;
    border-color: rgba(0,0,0,0.2);
}

.bonart-404-image-wrap img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    filter: saturate(0.82) contrast(1.02);
}

.bonart-404-image-note {
    position: absolute;
    direction: rtl;
    text-align: right;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 3;
    display: inline-flex;
    flex-direction: column;
    gap: 0.22rem;
    padding: 0.8rem 0.95rem;
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(26,22,18,0.14);
    backdrop-filter: blur(12px);
}

.bonart-404-image-note span {
    color: var(--text-muted);
    font-size: 0.7rem;
    font-weight: 700;
}

.bonart-404-image-note strong {
    color: var(--text-primary);
    font-size: 0.92rem;
    line-height: 1.4;
}

.bonart-404-links,
.bonart-404-suggestions {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.bonart-404-link-grid {
    transform: translateY(-32px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.bonart-404-link-card {
    min-height: 92px;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1.15rem;
    background: #fff;
    border: 1px solid var(--dark-border);
    box-shadow: var(--shadow-sm);
    color: var(--text-primary);
    font-size: 0.95rem;
    font-weight: 800;
}

.bonart-404-link-card i {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--dark-surface);
    color: var(--text-secondary);
    transition: var(--transition);
}

.bonart-404-link-card:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
}

.bonart-404-link-card:hover i {
    background: var(--gold);
    color: #000;
}

.bonart-404-suggestions {
    padding-bottom: 5rem;
}

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

.bonart-404-section-head span {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.65rem;
    color: var(--text-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.bonart-404-section-head span::before {
    content: '';
    width: 28px;
    height: 1px;
    background: var(--gold);
}

.bonart-404-section-head h2 {
    margin: 0;
    font-size: 1.55rem;
    line-height: 1.55;
    font-weight: 900;
    letter-spacing: 0;
}
.related-title-text {
    font-size:15px;
}
.woocommerce table.shop_attributes td
 {
    padding: 10px 15px;
}

.bonart-404-suggestion-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.bonart-404-suggestion {
    display: grid;
    grid-template-rows: 210px auto auto;
    background: #fff;
    border: 1px solid var(--dark-border);
    overflow: hidden;
    color: var(--text-primary);
    transition: var(--transition);
}

.bonart-404-suggestion img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.bonart-404-suggestion span {
    margin: 1rem 1rem 0;
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.bonart-404-suggestion strong {
    min-height: 64px;
    margin: 0.35rem 1rem 1rem;
    color: var(--text-primary);
    font-size: 0.94rem;
    line-height: 1.8;
}

.bonart-404-suggestion:hover {
    border-color: var(--gold);
    box-shadow: var(--shadow-sm);
}

.bonart-404-suggestion:hover img {
    transform: scale(1.04);
}

@media (max-width: 1100px) {
    .bonart-404-shell {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .bonart-404-copy {
        max-width: none;
    }

    .bonart-404-visual {
        max-width: 680px;
    }
}

@media (max-width: 820px) {
    .bonart-404-hero {
        padding: 100px 0 56px;
    }

    .bonart-404-code {
        font-size: 6.2rem;
    }

    .bonart-404-copy h1 {
        font-size: 2.35rem;
    }

    .bonart-404-link-grid,
    .bonart-404-suggestion-grid {
        grid-template-columns: 1fr;
    }

    .bonart-404-link-grid {
        transform: translateY(-22px);
    }

    .bonart-404-image-wrap,
    .bonart-404-image-wrap img {
        min-height: 380px;
    }
}

@media (max-width: 560px) {
    .bonart-404-shell,
    .bonart-404-links,
    .bonart-404-suggestions {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .bonart-404-breadcrumb {
        margin-bottom: 1.5rem;
    }

    .bonart-404-code {
        font-size: 5rem;
    }

    .bonart-404-copy h1 {
        font-size: 1.9rem;
    }

    .bonart-404-desc {
        font-size: 0.92rem;
    }

    .bonart-404-search {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 0.35rem;
    }

    .bonart-404-search button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .bonart-404-primary,
    .bonart-404-secondary {
        width: 100%;
    }
}

/* ============================================================
   PAGE TEMPLATE (ELEMENTOR READY)
============================================================ */
.bonart-page {
    display: block;
}

.bonart-page--default {
    padding: calc(var(--navbar-h) + 40px) 0 56px;
}

.bonart-page__entry {
    border: 1px solid var(--dark-border);
    background: linear-gradient(135deg, #ffffff 0%, var(--gold-light) 100%);
    box-shadow: var(--shadow-sm);
}

.bonart-page__header {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--dark-border);
}

.bonart-page__title {
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(1.3rem, 1.1rem + 1vw, 1.9rem);
    font-weight: 700;
    line-height: 1.7;
}

.bonart-page__content {
    padding: 1.5rem;
    color: var(--text-secondary);
    line-height: 2;
}

.bonart-page__content > *:last-child {
    margin-bottom: 0;
}

.bonart-page__empty {
    padding: 1.6rem;
    border: 1px dashed var(--gold-border);
    background: var(--white);
}

.bonart-page__empty h2 {
    margin: 0 0 0.55rem;
    color: var(--text-primary);
    font-size: 1.12rem;
    font-weight: 700;
}

.bonart-page__empty p {
    margin: 0;
    color: var(--text-muted);
}

.bonart-page__empty-actions {
    display: flex;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.bonart-page__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.58rem 1rem;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1;
}

.bonart-page__btn--primary {
    background: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--white);
}

.bonart-page__btn--secondary {
    border-color: var(--dark-border);
    color: var(--text-primary);
    background: var(--white);
}

.bonart-page__btn:hover {
    transform: translateY(-1px);
}

.bonart-page--elementor {
    padding: 0;
}

.bonart-page--elementor .bonart-page__entry {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.bonart-page--elementor .bonart-page__content {
    padding: 0;
}

/* Dedicated page templates */
.bonart-woocommerce-page-template,
.bonart-account-page-template,
.bonart-front-page-template {
    display: block;
}

.logged-out .bonart-account-page-template {
    padding: calc(var(--navbar-h) + 24px) 0 56px;
}

.logged-out .bonart-account-page-template .woocommerce {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* WooCommerce default product widgets in classic sidebars */
.sidebar .widget.woocommerce,
.sidebar .widget.widget_products,
.sidebar .widget.widget_recently_viewed_products,
.sidebar .widget.widget_top_rated_products,
.sidebar .widget.widget_recent_reviews {
    margin: 0;
    padding: 1rem 1.25rem;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: var(--radius);
}

.sidebar .widget.woocommerce > .widgettitle,
.sidebar .widget.widget_products > .widgettitle,
.sidebar .widget.widget_recently_viewed_products > .widgettitle,
.sidebar .widget.widget_top_rated_products > .widgettitle,
.sidebar .widget.widget_recent_reviews > .widgettitle,
.sidebar .widget.woocommerce > .widget-title,
.sidebar .widget.widget_products > .widget-title,
.sidebar .widget.widget_recently_viewed_products > .widget-title,
.sidebar .widget.widget_top_rated_products > .widget-title,
.sidebar .widget.widget_recent_reviews > .widget-title,
.sidebar > h2.widgettitle,
.sidebar > h3.widgettitle,
.sidebar > h2.widget-title,
.sidebar > h3.widget-title {
    margin: 0;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    color: var(--gold);
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--dark-border);
}

.sidebar > h2.widgettitle,
.sidebar > h3.widgettitle,
.sidebar > h2.widget-title,
.sidebar > h3.widget-title {
    padding: 1rem 1.25rem 0.85rem;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-bottom: none;
    border-radius: var(--radius) var(--radius) 0 0;
}

.sidebar > h2.widgettitle + ul.product_list_widget,
.sidebar > h3.widgettitle + ul.product_list_widget,
.sidebar > h2.widget-title + ul.product_list_widget,
.sidebar > h3.widget-title + ul.product_list_widget {
    margin: 0 0 1.25rem;
    padding: 0.4rem 1.25rem 1rem;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-top: none;
    border-radius: 0 0 var(--radius) var(--radius);
}

.sidebar > ul.product_list_widget {
    margin: 0 0 1.25rem;
    padding: 1rem 1.25rem;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: var(--radius);
}

.sidebar .widget.woocommerce ul.product_list_widget,
.sidebar .widget.widget_products ul.product_list_widget,
.sidebar .widget.widget_recently_viewed_products ul.product_list_widget,
.sidebar .widget.widget_top_rated_products ul.product_list_widget,
.sidebar .widget.widget_recent_reviews ul.product_list_widget,
.sidebar ul.product_list_widget {
    list-style: none;
}

.sidebar ul.product_list_widget li {
    margin: 0;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--dark-border);
    list-style: none;
}

.sidebar ul.product_list_widget li:first-child {
    padding-top: 0;
}

.sidebar ul.product_list_widget li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar ul.product_list_widget li a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.65;
    color: var(--text-primary);
}

.sidebar ul.product_list_widget li a:hover {
    color: var(--gold);
}

.sidebar ul.product_list_widget li a img {
    width: 68px !important;
    min-width: 68px;
    height: 68px !important;
    object-fit: cover;
    border: 1px solid var(--dark-border);
    border-radius: var(--radius-sm);
    margin: 0 !important;
    float: none !important;
}

.sidebar ul.product_list_widget li .product-title {
    display: block;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.65;
}

.sidebar ul.product_list_widget li .star-rating {
    margin-top: 0.35rem;
    margin-bottom: 0.2rem;
}

.woocommerce .star-rating::before,
.woocommerce-page .star-rating::before {
    color: rgba(204, 204, 204, 0.45);
}

.woocommerce .star-rating span::before,
.woocommerce-page .star-rating span::before {
    color: var(--gold);
}

.sidebar ul.product_list_widget li .reviewer {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.72rem;
    color: var(--text-muted);
}

.sidebar ul.product_list_widget li .price,
.sidebar ul.product_list_widget li .woocommerce-Price-amount {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--gold);
    line-height: 1.5;
}

.sidebar ul.product_list_widget li del,
.sidebar ul.product_list_widget li del .woocommerce-Price-amount {
    color: var(--text-muted);
    font-weight: 400;
    font-size: 0.74rem;
}

.sidebar ul.product_list_widget li ins {
    text-decoration: none;
}

.sidebar > h2.widgettitle + ul.product_list_widget + h2.widgettitle,
.sidebar > h3.widgettitle + ul.product_list_widget + h2.widgettitle,
.sidebar > h2.widgettitle + ul.product_list_widget + h3.widgettitle,
.sidebar > h3.widgettitle + ul.product_list_widget + h3.widgettitle,
.sidebar > h2.widget-title + ul.product_list_widget + h2.widget-title,
.sidebar > h3.widget-title + ul.product_list_widget + h2.widget-title,
.sidebar > h2.widget-title + ul.product_list_widget + h3.widget-title,
.sidebar > h3.widget-title + ul.product_list_widget + h3.widget-title {
    margin-top: 0.2rem;
}

@media (max-width: 767px) {
    .bonart-page--default {
        padding-top: calc(var(--navbar-h) + 26px);
    }

    .bonart-page__header,
    .bonart-page__content {
        padding: 1rem;
    }
}

/* Checkout coupon: polished + centered */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    width: min(92%, 760px);
    max-width: 760px;
    margin: 1rem auto .8rem;
    justify-content: center;
    text-align: center;
    padding: .95rem 1.2rem;
  
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::after {
    display: none;
}

.woocommerce-checkout form.checkout_coupon {
    width: min(92%, 760px);
    max-width: 760px;
    margin: 0 auto 1.2rem;
    padding: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
 
    border: 1px solid var(--dark-border);
    background: linear-gradient(180deg, #ffffff, #fbfbfb);
    box-shadow: 0 12px 30px -24px rgba(18, 22, 34, .45);
}

.woocommerce-checkout form.checkout_coupon .form-row {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
}

.woocommerce-checkout form.checkout_coupon .form-row-first {
    flex: 1 1 420px;
    min-width: 220px;
}

.woocommerce-checkout form.checkout_coupon .form-row-last {
    flex: 0 0 auto;
}

.woocommerce-checkout form.checkout_coupon .coupon-input {
    height: 46px;

    background: #fff;
}

.woocommerce-checkout form.checkout_coupon .coupon-btn {
    height: 46px;
    padding: 0 1.35rem;

    white-space: nowrap;
}

@media (max-width: 640px) {
    .woocommerce-checkout form.checkout_coupon {
        flex-direction: column;
        align-items: stretch;
    }

    .woocommerce-checkout form.checkout_coupon .form-row-first,
    .woocommerce-checkout form.checkout_coupon .form-row-last {
        flex: 1 1 100%;
        width: 100% !important;
    }

    .woocommerce-checkout form.checkout_coupon .coupon-btn {
        width: 100%;
    }
}



/* ============================================================
   BONART HOMEPAGE REFINEMENTS — 2026-06-01
   Fixed header spacing, line pagination, permanent card overlays,
   artist grayscale hover behavior, and conditional event controls.
============================================================ */
.hero-section-fullpage {
    margin-top: 100px;
    margin-bottom: 0;
}

body.admin-bar .hero-section-fullpage {
    margin-top: 132px;
}

.hero-fp-dots {
    gap: 7px;
}

.hero-fp-dot {
    width: 34px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255,255,255,0.62);
    transform: none;
}

.hero-fp-dot.active {
    width: 44px;
    background: #b8943a;
    transform: none;
}

@media (max-width: 768px) {
    .hero-section-fullpage {
        margin-top: 100px;
        height: 48vh;
        min-height: 300px;
        max-height: 440px;
    }
    body.admin-bar .hero-section-fullpage {
        margin-top: 146px;
    }
}

.bonart-events-header {
    margin-bottom: 1.2rem;
}

.bonart-events-title {
    margin: 0;
}

.bonart-events-nav.is-hidden,
.bonart-events-dots.is-hidden {
    display: none !important;
}

.bonart-artists-swiper .swiper-slide,
.bonart-artworks-swiper .swiper-slide {
    width: auto;
}

.bonart-artist-unit img {
    filter: grayscale(100%);
    transition: filter 0.35s ease, transform 0.4s ease;
}

.bonart-artist-unit:hover img,
.bonart-artist-unit:focus-within img {
    filter: grayscale(0%);
}

.bonart-artist-name,
.bonart-artist-card:hover .bonart-artist-name {
    opacity: 1;
    transform: none;
    transition: none;
}

.bonart-product-info,
.bonart-product-card:hover .bonart-product-info,
.bonart-article-info,
.bonart-article-card:hover .bonart-article-info {
    opacity: 1;
    transform: translateY(0);
}

.bonart-product-card:hover img,
.bonart-article-card:hover img {
    transform: none;
}

/* ============================================================
   BONART HOMEPAGE REFINEMENTS — 2026-06-01 / pass 2
   Conditional carousel arrows, 12px artist spacing, and product
   meta order: artist → artwork → size → price.
============================================================ */
.bonart-carousel-nav.is-hidden,
.featured-nav-arrows.is-hidden,
.bonart-products-arrow.is-hidden,
.featured-arrow.is-hidden,
.swiper-button-lock {
    display: none !important;
}

.bonart-artists-swiper,
.bonart-artworks-swiper {
    margin-bottom: 12px;
}

.bonart-artists-grid,
.bonart-artworks-grid {
    gap: 12px;
    margin-bottom: 12px;
}

.bonart-artist-unit {
    gap: 12px;
}

.bonart-artist-artworks-pair {
    gap: 12px;
}

.bonart-product-info {
    gap: 0.18rem;
}

.bonart-product-artist {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
}

.bonart-product-name {
    color: rgba(255,255,255,0.86);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.35;
}

.bonart-product-dims {
    color: rgba(255,255,255,0.72);
    font-size: 0.72rem;
}

.bonart-product-price {
    margin-top: 0.28rem;
}

/* ============================================================
   BONARTSPACE v19 - Mobile header/menu hard fix
============================================================ */
body.admin-bar .navbar-arta {
    top: 32px;
}
@media screen and (max-width: 782px) {
    body.admin-bar .navbar-arta {
        top: 46px;
    }
}

@media (max-width: 768px) {
    .navbar-arta {
        height: 72px !important;
        padding: 0 10px !important;
        overflow: visible !important;
    }

    .navbar-inner {
        width: 100%;
        min-width: 0;
        justify-content: space-between;
        gap: 8px;
    }

    .navbar-logo {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 128px;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow: hidden;
    }

    .navbar-logo img {
        width: 100% !important;
        max-width: 128px !important;
        height: 52px !important;
        object-fit: contain;
        object-position: left center;
    }

    .navbar-center {
        display: none !important;
    }

    .navbar-actions {
        flex: 0 0 auto;
        min-width: 0;
        margin-left: 0 !important;
        gap: 4px !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .nav-icon-btn,
    .nav-auth-btn,
    .hamburger {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        padding: 0 !important;
        border-radius: 0px !important;
        flex: 0 0 32px;
    }

    .nav-icon-btn,
    .nav-auth-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .nav-auth-btn span {
        display: none !important;
    }

    .hamburger {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }

    .hamburger span {
        width: 18px !important;
        height: 1.5px !important;
    }

    .hamburger.active span:nth-child(1) {
        transform: translateY(5.5px) rotate(45deg);
    }
    .hamburger.active span:nth-child(3) {
        transform: translateY(-5.5px) rotate(-45deg);
    }

    .nav-icon-btn .badge {
        top: 2px;
        left: 2px;
        width: 14px;
        height: 14px;
        font-size: 0.5rem;
    }

    .mobile-nav,
    .mobile-overlay {
        top: 72px;
    }

    .mobile-nav {
        width: min(330px, 88vw);
        height: calc(100vh - 72px);
        z-index: 1200;
        padding: 1rem 1rem 2rem;
    }

    .mobile-overlay {
        z-index: 1190;
    }

    .cart-drawer {
        top: 72px !important;
        height: calc(100vh - 72px) !important;
    }

    body.admin-bar .cart-drawer {
        top: calc(72px + 46px) !important;
        height: calc(100vh - 72px - 46px) !important;
    }
}

@media (max-width: 380px) {
    .navbar-arta {
        padding: 0 8px !important;
    }

    .navbar-inner {
        gap: 6px;
    }

    .navbar-logo,
    .navbar-logo img {
        max-width: 112px !important;
    }

    .navbar-logo img {
        height: 48px !important;
    }

    .navbar-actions {
        gap: 3px !important;
    }

    .nav-icon-btn,
    .nav-auth-btn,
    .hamburger {
        width: 31px !important;
        min-width: 31px !important;
        height: 31px !important;
        flex-basis: 31px;
    }
}

@media (max-width: 340px) {
    .navbar-logo,
    .navbar-logo img {
        max-width: 96px !important;
    }

    .navbar-actions {
        gap: 2px !important;
    }

    .nav-icon-btn,
    .nav-auth-btn,
    .hamburger {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        flex-basis: 30px;
    }
}

/* Artist single taxonomy refinements: breadcrumb moved into content, sidebar filter removed, exhibitions added */
body.tax-artist * {
    border-radius: 0 !important;
}
body.tax-artist .ts-artist-hero .shop-title-row {
    padding: 2.25rem 0 2.35rem;
}
.ts-artist-content-head {
    margin-bottom: 1.15rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border);
}
.ts-artist-local-breadcrumb {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    margin: 0 0 .9rem;
    padding: 0;
    font-size: .73rem;
    color: var(--text-muted);
}
.ts-artist-local-breadcrumb a {
    color: var(--text-secondary);
}
.ts-artist-local-breadcrumb a:hover {
    color: var(--gold);
}
.ts-artist-local-breadcrumb .bc-sep {
    color: rgba(83,74,58,.42);
}
.ts-artist-content-title-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.ts-artist-content-title {
    margin: 0;
    font-size: clamp(1.35rem, 2.5vw, 2.15rem);
    line-height: 1.25;
    font-weight: 900;
    color: var(--text-primary);
}
.ts-artist-content-title-row p {
    margin: .45rem 0 0;
    color: var(--text-secondary);
    font-size: .86rem;
}
.ts-artist-local-meta {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}
.ts-artist-local-pill {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .34rem .76rem;
    border: 1px solid var(--border);
    background: var(--gold-subtle);
    color: var(--text-secondary);
    font-size: .74rem;
    font-weight: 700;
}
.ts-artist-local-pill i,
.ts-artist-exhibition-meta i,
.ts-artist-exhibition-topline i {
    color: var(--gold);
}
.ts-artist-exhibitions-section {
    margin-top: 1.75rem;
    padding: 1.15rem 1.25rem;
    background: var(--card);
    border: 1px solid var(--border);
}
.ts-artist-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--border);
}
.ts-artist-section-head h3 {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 900;
}
.ts-artist-section-head p {
    margin: .35rem 0 0;
    color: var(--text-secondary);
    font-size: .82rem;
}
.ts-artist-exhibitions-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}
.ts-artist-exhibition-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border);
    background: #fff;
    overflow: hidden;
    min-width: 0;
}
.ts-artist-exhibition-cover {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
}
.ts-artist-exhibition-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ts-artist-exhibition-cover span {
    width: 100%;
    height: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    font-size: 1.25rem;
}
.ts-artist-exhibition-body {
    padding: .9rem;
    min-width: 0;
}
.ts-artist-exhibition-topline {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    margin-bottom: .5rem;
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 700;
}
.ts-artist-exhibition-topline span {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    border: 1px solid var(--border);
    background: var(--surface);
    padding: .2rem .5rem;
}
.ts-artist-exhibition-card h4 {
    margin: 0 0 .55rem;
    font-size: .96rem;
    line-height: 1.6;
    font-weight: 900;
}
.ts-artist-exhibition-card h4 a {
    color: var(--text-primary);
}
.ts-artist-exhibition-card h4 a:hover {
    color: var(--gold-dark);
}
.ts-artist-exhibition-meta {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-top: .35rem;
    color: var(--text-secondary);
    font-size: .76rem;
    line-height: 1.7;
}
.ts-artist-exhibitions-empty {
    padding: 1rem;
    border: 1px dashed var(--border);
    color: var(--text-muted);
    font-size: .84rem;
    background: var(--surface);
}
@media (max-width: 1200px) {
    .ts-artist-exhibitions-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 900px) {
    .ts-artist-exhibitions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .ts-artist-content-title-row,
    .ts-artist-section-head {
        align-items: flex-start;
    }
    .ts-artist-local-meta {
        width: 100%;
    }
    .ts-artist-exhibitions-grid {
        grid-template-columns: 1fr;
    }
    .ts-artist-exhibition-body {
        padding: .95rem;
    }
}

/* Artist taxonomy layout update: no hero, no sidebar, top profile row + full-width works/exhibitions */
body.tax-artist .shop-layout.ts-artist-layout {
    grid-template-columns: 1fr;
    gap: 1.35rem;
    padding-top: calc(var(--navbar-h) + 2.25rem);
}
body.tax-artist .ts-artist-top-row {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    width: 100%;
}
body.tax-artist .ts-artist-profile-card,
body.tax-artist .ts-artist-about-card,
body.tax-artist .ts-artist-works-row,
body.tax-artist .ts-artist-exhibitions-section {
    width: 100%;
    min-width: 0;
}
body.tax-artist .ts-artist-profile-card {
    height: 100%;
}
body.tax-artist .ts-artist-profile-card .ts-artist-sidebar-main {
    padding-bottom: 1rem;
}
body.tax-artist .ts-artist-about-card {
    margin-bottom: 0;
    min-height: 100%;
}
body.tax-artist .ts-artist-content-head {
    margin-bottom: .95rem;
}
body.tax-artist .ts-artist-products-header {
    width: 100%;
}
body.tax-artist .ts-artist-works-row .products-loading,
body.tax-artist .ts-artist-works-row .products-grid {
    width: 100%;
}
body.tax-artist .ts-artist-works-row .products-grid.products,
body.tax-artist .ts-artist-works-row .products-grid.grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.product-card-size-under-title {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    width: fit-content;
    max-width: 100%;
    margin-top: -.08rem;
    color: #756b5d;
    font-size: .74rem;
    font-weight: 700;
    line-height: 1.6;
}
.product-card-size-under-title i {
    color: #8f846f;
    font-size: .62rem;
}

@media (max-width: 1100px) {
    body.tax-artist .ts-artist-works-row .products-grid.products,
    body.tax-artist .ts-artist-works-row .products-grid.grid-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 900px) {
    body.tax-artist .ts-artist-works-row .products-grid.products,
    body.tax-artist .ts-artist-works-row .products-grid.grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 480px) {
    body.tax-artist .ts-artist-works-row .products-grid.products,
    body.tax-artist .ts-artist-works-row .products-grid.grid-4 {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 900px) {
    body.tax-artist .ts-artist-top-row {
        grid-template-columns: 1fr;
    }
}


/* Bonart artist page v5 fixes */
body.tax-artist .shop-layout.ts-artist-layout {
    padding-top: calc(var(--navbar-h) + 2.25rem);
}
body.admin-bar.tax-artist .shop-layout.ts-artist-layout {
    padding-top: calc(var(--navbar-h) + 2.75rem);
}
body.tax-artist .ts-artist-bio,
body.tax-artist .ts-artist-bio p {
    text-align: justify;
    text-align-last: right;
}
.ts-artist-meta-line {
    margin-top: .8rem;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: .55rem;
    white-space: nowrap;
    color: var(--text-secondary);
    font-size: .74rem;
    line-height: 1.9;
}
.ts-artist-meta-line span {
    display: inline-flex;
    align-items: center;
    gap: .24rem;
    min-width: 0;
}
.ts-artist-meta-line span + span::before {
    content: "";
    width: 1px;
    height: .78rem;
    background: rgba(83, 74, 58, .25);
    margin: 0 .18rem;
}
.ts-artist-meta-line strong {
    color: var(--text-primary);
    font-weight: 800;
}
body.tax-artist .product-card-artist {
    display: none !important;
}
body.tax-artist .product-card-meta:empty {
    display: none !important;
}
@media (max-width: 520px) {
    .ts-artist-meta-line {
        flex-wrap: wrap;
        white-space: normal;
    }
}


/* Bonart product/category archive v6 fixes */
body.post-type-archive-product *,
body.woocommerce-shop *,
body.tax-product_cat *,
body.tax-product_tag *,
body.tax-product_brand *,
body.tax-artist *,
body.tax-exhibition * {
    border-radius: 0 !important;
}

.product-card-size-under-title {
    display: flex;
    align-items: center;
    gap: .35rem;
    width: 100%;
    margin: -.1rem 0 .1rem;
    color: #6f6558;
    font-size: .74rem;
    font-weight: 700;
    line-height: 1.65;
}
.product-card-size-under-title .product-card-size-label {
    color: #8b806f;
    font-weight: 800;
    white-space: nowrap;
}
.product-card-size-under-title .product-card-size-value {
    color: #62584b;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.products-list .list-card-size.product-card-size-under-title {
    margin: .15rem 0 .45rem;
}

/* Bonart single/product cards v9 fixes */
body.tax-artist .product-card-size-under-title {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
body.single-product .product-breadcrumb-wrap {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1.4rem 1.5rem 0;
    background: transparent;
    border: 0;
}
body.single-product .product-breadcrumb {
    max-width: none;
    margin: 0;
    padding: 0;
    color: #8a8174;
    letter-spacing: 0;
    line-height: 1.9;
    flex-wrap: wrap;
}
body.single-product .product-breadcrumb a {
    color: #8a8174;
    font-weight: 700;
}
body.single-product .product-breadcrumb a:hover {
    color: #9b7a39;
}
body.single-product .product-breadcrumb .sep {
    color: rgba(83, 74, 58, .35);
}
body.single-product .product-breadcrumb .current {
    color: #211b14;
    font-weight: 800;
}
body.single-product .product-page-wrap {
    padding-top: 2rem;
}


/* Bonart v10 single product refinements */
.product-page-wrap .product-subtitle { font-size: 20px; line-height: 1.6; font-weight: 600; font-style: normal; }
.product-page-wrap .woocommerce-product-details__short-description:empty { display: none; }

/* Bonart v11 single product artwork details */
body.single-product .product-page-wrap .product-subtitle,
body.single-product .product-page-wrap .product_title.entry-title,
body.single-product .product-page-wrap .product-title {
    font-size: 20px !important;
    line-height: 1.6 !important;
    font-weight: 800;
    margin-bottom: 1.15rem;
}
body.single-product .bonart-artwork-details-list {
    margin: 0 0 1.4rem;
    padding: .45rem 0 .55rem;
    border-top: 1px solid #d8d0c4;
    border-bottom: 1px solid #d8d0c4;
    gap: 0;
    background: transparent;
}
body.single-product .bonart-artwork-details-list .meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .42rem 0;
    border-bottom: 1px solid rgba(83, 74, 58, .12);
}
body.single-product .bonart-artwork-details-list .meta-row:last-child {
    border-bottom: 0;
}
body.single-product .bonart-artwork-details-list .meta-key {
    min-width: 100px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #211b14;
    font-size: .82rem;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}
body.single-product .bonart-artwork-details-list .meta-value {
    color: #62584b;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.8;
    text-align: left;
}


/* Bonart v12 single product breadcrumb placement */
body.single-product .product-page-wrap > .product-breadcrumb-wrap {
    display: block !important;
    max-width: none;
    width: 100%;
    margin: 0 0 1.6rem 0;
    padding: 0;
    background: transparent;
    border: 0;
}
body.single-product .product-page-wrap > .product-breadcrumb-wrap .product-breadcrumb {
    display: flex !important;
    max-width: none;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
    align-items: center;
    color: #8a8174;
    font-size: 12px;
}
body.single-product .product-page-wrap {
    padding-top: 1.6rem;
}

/* Bonart v13 single product spacing and square corners */
body.single-product .product-page-wrap {
    margin-top: 135px !important;
    padding-top: 2rem !important;
}
body.single-product.admin-bar .product-page-wrap {
    margin-top: 145px !important;
}
body.single-product .product-page-wrap > .product-breadcrumb-wrap {
    margin: 0 0 1.6rem 0 !important;
    padding: 0 !important;
}
body.single-product .product-page-wrap *,
body.single-product .product-page-wrap *::before,
body.single-product .product-page-wrap *::after,
body.single-product .woocommerce-product-gallery__trigger,
body.single-product .pswp *,
body.single-product .lightbox * {
    border-radius: 0 !important;
}
@media (max-width: 782px) {
    body.single-product .product-page-wrap,
    body.single-product.admin-bar .product-page-wrap {
        margin-top: 115px !important;
        padding-top: 1.5rem !important;
    }
}

/* Bonart v14 single product title artist + dimensions/features layout */
body.single-product .product-page-wrap .product-subtitle {
    margin-bottom: .55rem !important;
}
body.single-product .bonart-product-title-artist {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    max-width: 100%;
    margin: 0 0 1.05rem;
    padding: .48rem .55rem .48rem .78rem;
    border: 1px solid rgba(33, 27, 20, .12);
    background: rgba(255, 255, 255, .72);
    color: #211b14;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(33, 27, 20, .05);
}
body.single-product a.bonart-product-title-artist:hover {
    border-color: rgba(184, 142, 74, .45);
    color: #211b14;
    transform: translateY(-1px);
}
body.single-product .bonart-product-title-artist-avatar {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(184, 142, 74, .35);
    background: #f7f2ea;
    color: #b88e4a;
    font-size: .95rem;
    font-weight: 900;
    border-radius: 999px !important;
}
body.single-product .bonart-product-title-artist-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 999px !important;
}
body.single-product .bonart-product-title-artist-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .06rem;
    line-height: 1.45;
}
body.single-product .bonart-product-title-artist-label {
    color: #8a8174;
    font-size: .68rem;
    font-weight: 800;
}
body.single-product .bonart-product-title-artist-name {
    color: #211b14;
    font-size: .92rem;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.single-product .bonart-product-title-artist-role {
    color: #8a8174;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.single-product .bonart-product-title-artist > i {
    color: #b88e4a;
    font-size: .72rem;
    margin-right: .18rem;
}
body.single-product .bonart-artwork-details-list .meta-row-bonart_artwork_size {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: .14rem;
    padding: .68rem 0;
}
body.single-product .bonart-artwork-details-list .meta-row-bonart_artwork_size .meta-key {
    min-width: 0;
    width: 100%;
    color: #211b14;
    font-size: .8rem;
    line-height: 1.7;
    white-space: normal;
}
body.single-product .bonart-artwork-details-list .meta-row-bonart_artwork_size .meta-value {
    width: 100%;
    color: #4f463a;
    font-size: .95rem;
    font-weight: 900;
    line-height: 1.9;
    text-align: right;
}
body.single-product .bonart-artwork-details-list .meta-row-feature .meta-key {
    color: #6f6253;
}
body.single-product .bonart-artwork-details-list .meta-row-feature .meta-value {
    color: #3f372d;
}
@media (max-width: 575px) {
    body.single-product .bonart-product-title-artist {
        width: 100%;
        padding-left: .6rem;
    }
    body.single-product .bonart-artwork-details-list .meta-row:not(.meta-row-bonart_artwork_size) {
        align-items: flex-start;
        flex-direction: column;
        gap: .18rem;
    }
    body.single-product .bonart-artwork-details-list .meta-row:not(.meta-row-bonart_artwork_size) .meta-value {
        width: 100%;
        text-align: right;
    }
}


/* Bonart v15 single product refinements */
body.single-product .product-page-wrap .product-subtitle {
    margin-bottom: .28rem !important;
}
body.single-product .bonart-product-title-artist-simple {
    display: inline-block;
    margin: 0 0 .8rem;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #8a8174;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.7;
    text-decoration: none;
}
body.single-product a.bonart-product-title-artist-simple:hover {
    color: #b88e4a;
    text-decoration: none;
}
body.single-product .bonart-product-meta-list {
    margin: .55rem 0 .85rem !important;
    padding: .35rem 0 .4rem !important;
    border-top: 1px solid rgba(33, 27, 20, .10) !important;
    border-bottom: 1px solid rgba(33, 27, 20, .10) !important;
    gap: 0 !important;
}
body.single-product .bonart-product-meta-list .meta-row,
body.single-product .bonart-artwork-details-list .meta-row,
body.single-product .bonart-artwork-details-list .meta-row-bonart_artwork_size {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .75rem !important;
    padding: .33rem 0 !important;
    border-bottom: 1px dashed rgba(33, 27, 20, .10) !important;
}
body.single-product .bonart-product-meta-list .meta-row:last-child {
    border-bottom: 0 !important;
}
body.single-product .bonart-product-meta-list .meta-key,
body.single-product .bonart-artwork-details-list .meta-row-bonart_artwork_size .meta-key {
    min-width: 148px !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #6f6253 !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
    text-align: right !important;
    white-space: nowrap !important;
}
body.single-product .bonart-product-meta-list .meta-value,
body.single-product .bonart-artwork-details-list .meta-row-bonart_artwork_size .meta-value {
    width: auto !important;
    color: #211b14 !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
    text-align: right !important;
}
body.single-product .price-block {
    margin: .75rem 0 1.25rem !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: .6rem !important;
}
body.single-product .price-block .price {
    margin: 0 !important;
}
body.single-product .price-block .price,
body.single-product .price-block .woocommerce-Price-amount,
body.single-product div.product .summary .price,
body.single-product div.product .summary .woocommerce-Price-amount {
    font-size: 1.22rem !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
}
body.single-product .price-note {
    margin: .15rem 0 0 !important;
    font-size: .68rem !important;
}
@media (max-width: 575px) {
    body.single-product .bonart-artwork-details-list .meta-row:not(.meta-row-bonart_artwork_size),
    body.single-product .bonart-artwork-details-list .meta-row-bonart_artwork_size {
        flex-direction: row !important;
        align-items: center !important;
        gap: .55rem !important;
    }
    body.single-product .bonart-product-meta-list .meta-key {
        min-width: 118px !important;
        white-space: normal !important;
    }
    body.single-product .bonart-product-meta-list .meta-value {
        width: auto !important;
        text-align: right !important;
    }
}

/* ============================================================
   Homepage alignment fix — categories + artists column
============================================================ */
.bonart-cats-inner,
.bonart-artists-inner {
    width: min(1120px, 100%);
    max-width: 1120px !important;
    margin-inline: auto;
}

.bonart-cats-section .bonart-section-header,
.bonart-artists-section .bonart-section-header,
.bonart-cats-header,
.bonart-artists-header {
    width: 100%;
    margin-inline: auto;
    align-items: center;
}

.bonart-cats-section .bonart-section-title,
.bonart-artists-section .bonart-section-title,
.bonart-cats-title,
.bonart-artists-title {
    text-align: right;
    margin: 0;
}

.bonart-cats-swiper,
.bonart-artists-swiper {
    width: 100%;
    margin-inline: auto;
}

.bonart-artist-unit {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 12px;
    align-items: start;
}

.bonart-artist-card,
.bonart-artist-artworks-pair .bonart-artwork-thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    min-height: 0;
}

@media (max-width: 767px) {
    .bonart-cats-inner,
    .bonart-artists-inner {
        width: 100%;
        max-width: 100% !important;
    }
}

/* ============================================================
   ARTIST FOLLOW NOTIFICATIONS
============================================================ */
.woocommerce-MyAccount-artist-notifications .wc-panel-body {
    padding: 22px;
}

.bonart-notifications-list {
    display: grid;
    gap: 16px;
}

.bonart-notification-card {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 16px;
    align-items: stretch;
    background: #fff;
    border: 1px solid rgba(167,122,52,.22);
    box-shadow: 0 12px 32px rgba(0,0,0,.05);
    padding: 14px;
    direction: rtl;
}

.bonart-notification-card.is-unread {
    border-color: rgba(167,122,52,.55);
    background: linear-gradient(180deg, rgba(167,122,52,.055), #fff 64%);
}

.bonart-notification-media {
    width: 112px;
    height: 112px;
    overflow: hidden;
    background: #f6f2eb;
}

.bonart-notification-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bonart-notification-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.bonart-notification-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #8a8074;
    font-size: 12px;
}

.bonart-notification-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    background: #a77a34;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.bonart-notification-card h3 {
    margin: 0;
    color: #1a1612;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
}

.bonart-notification-card p {
    margin: 0;
    color: #5a4e40;
    font-size: 13px;
    line-height: 1.9;
}

.bonart-notifications-empty p {
    max-width: 640px;
    margin-inline: auto;
}

@media (max-width: 575px) {
    .woocommerce-MyAccount-artist-notifications .wc-panel-body {
        padding: 14px;
    }

    .bonart-notification-card {
        grid-template-columns: 86px 1fr;
        gap: 12px;
        padding: 12px;
    }

    .bonart-notification-media {
        width: 86px;
        height: 86px;
    }

    .bonart-notification-card h3 {
        font-size: 14px;
    }
}

.ts-follow-btn [data-follow-label] {
    line-height: 1.45;
    text-align: center;
}


/* ============================================================
   Bonart fix — equal-size three columns for events section
============================================================ */
.bonart-event-card {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1024px) {
    .bonart-event-card {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .bonart-event-card {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   Bonart product share modal — brand color + minimal override
============================================================ */
.product-share-modal__dialog {
    width: min(100%, 520px);
    background: #fbfaf7;
    border: 1px solid rgba(184, 148, 58, 0.22);
    box-shadow: 0 20px 44px rgba(24, 20, 12, 0.18);
    padding: 1.05rem 1.05rem .95rem;
}

.product-share-modal__close {
    top: 8px;
    left: 8px;
    width: 34px;
    height: 34px;
    border-radius: 0;
    color: #8a7b5a;
}

.product-share-modal__close:hover {
    background: #f1ece0;
    color: #4a4030;
}

.product-share-modal__badge {
    padding: .22rem .55rem;
    border-radius: 0;
    font-size: .67rem;
    color: #9b7a22;
    background: #f6efe0;
    border: 1px solid rgba(184, 148, 58, 0.18);
    margin-bottom: .35rem;
}

.product-share-modal__title {
    margin: .05rem 0 .35rem;
    font-size: 1.78rem;
    color: #221d17;
    line-height: 1.45;
}

.product-share-modal__desc {
    margin: 0 0 .75rem;
    font-size: .88rem;
    color: #5b5348;
    line-height: 1.9;
}

.product-share-modal__preview {
    grid-template-columns: 1fr 82px;
    gap: .7rem;
    border: 1px solid #e9e1d1;
    background: #f7f4ee;
    padding: .75rem;
}

.product-share-modal__preview-title {
    font-size: 1.12rem;
    color: #2f2a24;
}

.product-share-modal__preview-help {
    margin-top: .14rem;
    font-size: .76rem;
    color: #7a7267;
}

.product-share-modal__preview-image {
    width: 82px;
    height: 82px;
    border-radius: 0;
    background: #ebe6da;
    border: 1px solid #e1d8c5;
}

.product-share-modal__actions {
    margin-top: .75rem;
    gap: .5rem;
}

.product-share-modal__action {
    min-height: 64px;
    border: 1px solid #e4dac6;
    border-radius: 0;
    background: #fffdfa;
    color: #9b7a22;
    gap: .25rem;
    font-size: .9rem;
    box-shadow: none;
}

.product-share-modal__action i {
    font-size: 1.18rem;
}

.product-share-modal__action:hover {
    transform: translateY(-1px);
    box-shadow: none;
    border-color: #b8943a;
    background: #f8f2e5;
    color: #8f6f18;
}

.product-share-modal__action--whatsapp,
.product-share-modal__action--telegram,
.product-share-modal__action--email,
.product-share-modal__action--instagram {
    background: #fffdfa;
    color: #9b7a22;
    border-color: #e4dac6;
}

.product-share-modal__link-title {
    margin: .75rem 0 .32rem;
    font-size: .96rem;
    color: #2b241c;
}

.product-share-modal__copy-row {
    grid-template-columns: 112px 1fr;
    gap: .45rem;
}

.product-share-modal__copy-btn {
    border-radius: 0;
    background: #b8943a;
    color: #fff;
    font-size: .95rem;
    font-weight: 700;
    height: 42px;
    gap: .34rem;
}

.product-share-modal__copy-btn:hover {
    background: #a68430;
}

.product-share-modal__copy-btn.copied {
    background: #8d7430;
}

.product-share-modal__url {
    height: 42px;
    border-radius: 0;
    border: 1px solid #dfd5c0;
    background: #fff;
    font-size: .88rem;
    padding: 0 .8rem;
}

.product-share-modal__url:focus {
    border-color: #b8943a;
    box-shadow: 0 0 0 3px rgba(184, 148, 58, 0.12);
}

.product-share-modal__hint {
    margin-top: .5rem;
    font-size: .74rem;
    color: #6d6457;
    line-height: 1.8;
    border: 1px solid #e7decc;
    border-radius: 0;
    padding: .34rem .6rem;
    background: #f7f3ea;
}

@media (max-width: 640px) {
    .product-share-modal__dialog {
        width: min(100%, 96vw);
        padding: .9rem .85rem .85rem;
    }

    .product-share-modal__title {
        font-size: 1.4rem;
    }

    .product-share-modal__preview {
        grid-template-columns: 1fr 70px;
        gap: .6rem;
        padding: .65rem;
    }

    .product-share-modal__preview-image {
        width: 70px;
        height: 70px;
    }

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

    .product-share-modal__action {
        min-height: 58px;
        font-size: .84rem;
    }

    .product-share-modal__copy-row {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   Bonart product share modal — 4 social buttons in one row
============================================================ */
.product-share-modal__actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .45rem !important;
}

.product-share-modal__action {
    min-height: 58px !important;
    padding: .45rem .25rem !important;
    font-size: .78rem !important;
    line-height: 1.5 !important;
    gap: .18rem !important;
}

.product-share-modal__action i {
    font-size: 1rem !important;
}

@media (max-width: 640px) {
    .product-share-modal__actions {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: .35rem !important;
    }

    .product-share-modal__action {
        min-height: 52px !important;
        padding: .38rem .15rem !important;
        font-size: .7rem !important;
    }

    .product-share-modal__action i {
        font-size: .95rem !important;
    }
}

/* ============================================================
   Bonart default page frame / Elementor safe spacing
   - Default page width: 1350px
   - 50px visual gap from fixed header and footer
   - Prevent Elementor-built pages from sitting under the header
============================================================ */
:root {
    --navbar-h: 90px;
    --bonart-page-max-width: 1350px;
    --bonart-page-vertical-gap: 0px;
    --bonart-page-side-gap: 24px;
}

@media (max-width: 768px) {
    :root {
        --navbar-h: 72px;
        --bonart-page-side-gap: 16px;
    }
}

body:not(.elementor-editor-active) .bonart-page--default,
body:not(.elementor-editor-active) .bonart-page--elementor,
body:not(.elementor-editor-active) .bonart-front-page-template,
body:not(.elementor-editor-active) .bonart-homepage-white-template,
body:not(.elementor-editor-active) .bonart-woocommerce-page-template {
    padding-top: calc(var(--navbar-h) + var(--bonart-page-vertical-gap)) !important;
    padding-bottom: var(--bonart-page-vertical-gap) !important;
}

body.admin-bar:not(.elementor-editor-active) .bonart-page--default,
body.admin-bar:not(.elementor-editor-active) .bonart-page--elementor,
body.admin-bar:not(.elementor-editor-active) .bonart-front-page-template,
body.admin-bar:not(.elementor-editor-active) .bonart-homepage-white-template,
body.admin-bar:not(.elementor-editor-active) .bonart-woocommerce-page-template {
    padding-top: calc(var(--navbar-h) + var(--bonart-page-vertical-gap) + 32px) !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar:not(.elementor-editor-active) .bonart-page--default,
    body.admin-bar:not(.elementor-editor-active) .bonart-page--elementor,
    body.admin-bar:not(.elementor-editor-active) .bonart-front-page-template,
    body.admin-bar:not(.elementor-editor-active) .bonart-homepage-white-template,
    body.admin-bar:not(.elementor-editor-active) .bonart-woocommerce-page-template {
        padding-top: calc(var(--navbar-h) + var(--bonart-page-vertical-gap) + 46px) !important;
    }
}

/* Width frame applies to normal pages only. Homepage/front-page templates stay full-width for Elementor layouts. */
body:not(.elementor-editor-active) .bonart-page--default > .container-xl,
body:not(.elementor-editor-active) .bonart-page--elementor .bonart-page__entry,
body:not(.elementor-editor-active) .bonart-woocommerce-page-template > .woocommerce,
body:not(.elementor-editor-active) .bonart-woocommerce-page-template > .elementor {
    width: min(calc(100% - (var(--bonart-page-side-gap) * 2)), var(--bonart-page-max-width)) !important;
    max-width: var(--bonart-page-max-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body:not(.elementor-editor-active) .bonart-page--elementor .bonart-page__content {
    padding: 0 !important;
}

body:not(.elementor-editor-active) .bonart-page--elementor .elementor-section.elementor-section-stretched {
    max-width: var(--bonart-page-max-width) !important;
    right: auto !important;
    left: auto !important;
}

body:not(.elementor-editor-active).home .bonart-front-page-template > .elementor,
body:not(.elementor-editor-active).page-template-homepage-white .bonart-homepage-white-template > .bonart-homepage-white-content,
body:not(.elementor-editor-active).page-template-homepage-white .bonart-homepage-white-template .elementor {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* ============================================================
   BONARTSPACE v8 - Artist directory cards like article tiles
   ------------------------------------------------------------
   Artist cards now use a full-image layout with a bottom overlay:
   artist name on the image, then birth year on the right and artwork count on the left.
============================================================ */
.ts-tax-directory-artist .ts-tax-directory-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    max-width: 1080px;
    margin-inline: auto;
}

.ts-tax-directory-artist .ts-tax-directory-card {
    position: relative;
    overflow: hidden;
    border: none;
    background: #111;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .12);
    transition: transform .35s ease, box-shadow .35s ease;
}

.ts-tax-directory-artist .ts-tax-directory-card:hover {
    transform: translateY(-6px);
    border-color: transparent;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
}

.ts-tax-directory-artist .ts-tax-directory-card-link {
    display: block;
    min-height: 0;
    color: #fff;
}

.ts-tax-directory-artist .ts-tax-directory-card-media {
    position: relative;
    aspect-ratio: 4 / 3;
    min-height: 260px;
    overflow: hidden;
    background: #111;
}

.ts-tax-directory-artist .ts-tax-directory-card-media::after {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 62%;
    background: linear-gradient(to top, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .52) 42%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.ts-tax-directory-artist .ts-tax-directory-card-media img,
.ts-tax-directory-artist .ts-tax-directory-card-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ts-tax-directory-artist .ts-tax-directory-card:hover .ts-tax-directory-card-media img {
    transform: scale(1.05);
    filter: saturate(1.05) contrast(1.02);
}

.ts-tax-directory-artist .ts-tax-directory-chip {
    display: none;
}

.ts-tax-directory-artist .ts-tax-directory-card-body {
    display: none;
}

.ts-tax-directory-artist .ts-tax-directory-artist-overlay {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 1rem 1.1rem 1.08rem;
    color: #fff;
    direction: rtl;
}

.ts-tax-directory-artist .ts-tax-directory-card-title {
    margin: 0 0 .48rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.55;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}

.ts-tax-directory-artist .ts-tax-directory-artist-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    color: rgba(255, 255, 255, .86);
    font-size: .76rem;
    line-height: 1.65;
    font-weight: 600;
}

.ts-tax-directory-artist .ts-tax-directory-artist-birth,
.ts-tax-directory-artist .ts-tax-directory-artist-artworks {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ts-tax-directory-artist .ts-tax-directory-artist-birth {
    text-align: right;
}

.ts-tax-directory-artist .ts-tax-directory-artist-artworks {
    margin-inline-start: auto;
    text-align: left;
    color: rgba(255, 255, 255, .92);
}

@media (max-width: 1280px) {
    .ts-tax-directory-artist .ts-tax-directory-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 1040px;
    }
}

@media (max-width: 980px) {
    .ts-tax-directory-artist .ts-tax-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 720px;
    }

    .ts-tax-directory-artist .ts-tax-directory-card-media {
        min-height: 240px;
    }
}

@media (max-width: 640px) {
    .ts-tax-directory-artist .ts-tax-directory-grid {
        grid-template-columns: 1fr;
        max-width: 420px;
        gap: 1rem;
    }

    .ts-tax-directory-artist .ts-tax-directory-card-media {
        min-height: 230px;
    }

    .ts-tax-directory-artist .ts-tax-directory-artist-overlay {
        padding: .9rem .95rem 1rem;
    }

    .ts-tax-directory-artist .ts-tax-directory-card-title {
        font-size: .96rem;
    }

    .ts-tax-directory-artist .ts-tax-directory-artist-meta-row {
        font-size: .72rem;
        gap: .6rem;
    }
}


/* ============================================================
   BONARTSPACE v10 - Artist directory cleanup
   ------------------------------------------------------------
   Remove hero count pills and artist chip badges completely.
   Keep corners square for this directory page.
============================================================ */
.ts-artist-directory-hero .shop-meta-pills,
.ts-artist-directory-hero .shop-meta-pill,
.ts-tax-directory-artist .ts-tax-directory-stats,
.ts-tax-directory-artist .ts-tax-directory-results,
.ts-tax-directory-artist .ts-tax-directory-chip {
    display: none !important;
}

.ts-tax-directory-artist .ts-tax-directory-card,
.ts-tax-directory-artist .ts-tax-directory-card-media,
.ts-tax-directory-artist .ts-tax-directory-card-media img,
.ts-tax-directory-artist .ts-tax-directory-card-placeholder,
.ts-tax-directory-artist .ts-tax-directory-card-link,
.ts-tax-directory-artist .ts-tax-directory-card::before,
.ts-tax-directory-artist .ts-tax-directory-card::after {
    border-radius: 0 !important;
}

.ts-tax-directory-artist .ts-tax-directory-card {
    border: 0 !important;
}


/* ============================================================
   BONARTSPACE v11 - Artist specialties and square 4-column cards
   ------------------------------------------------------------
   Artist directory cards are square and use 4 columns on desktop.
   Artist cards show name, birth year, and artwork count on the overlay.
============================================================ */
.ts-tax-directory-artist .ts-tax-directory-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    max-width: 1188px !important;
    margin-inline: auto !important;
}

.ts-tax-directory-artist .ts-tax-directory-card {
    aspect-ratio: 1 / 1 !important;
}

.ts-tax-directory-artist .ts-tax-directory-card-link,
.ts-tax-directory-artist .ts-tax-directory-card-media,
.ts-tax-directory-artist .ts-tax-directory-card-media img,
.ts-tax-directory-artist .ts-tax-directory-card-placeholder {
    width: 100% !important;
    height: 100% !important;
}

.ts-tax-directory-artist .ts-tax-directory-card-media {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
}

.ts-tax-directory-artist .ts-tax-directory-artist-meta-row {
    gap: .7rem !important;
}

.ts-tax-directory-artist .ts-tax-directory-artist-artworks {
    max-width: 48% !important;
}

@media (max-width: 1180px) {
    .ts-tax-directory-artist .ts-tax-directory-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        max-width: 920px !important;
    }
}

@media (max-width: 860px) {
    .ts-tax-directory-artist .ts-tax-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: 620px !important;
    }
}

@media (max-width: 520px) {
    .ts-tax-directory-artist .ts-tax-directory-grid {
        grid-template-columns: 1fr !important;
        max-width: 360px !important;
        gap: .9rem !important;
    }
}


/* ============================================================
   BONARTSPACE v12 - Artist card meta uses artwork count
   ------------------------------------------------------------
   Directory card overlay shows: artist name, birth year, and number of artworks.
   Specialty text is no longer printed on archive cards.
============================================================ */
.ts-tax-directory-artist .ts-tax-directory-artist-artworks {
    margin-inline-start: auto;
    text-align: left;
    color: rgba(255, 255, 255, .92);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 48%;
}

.ts-tax-directory-artist .ts-tax-directory-artist-specialty {
    display: none !important;
}

/* ============================================================
   BONARTSPACE v13 - Artist grid aligned with toolbar container
   ------------------------------------------------------------
   Remove the extra centered max-width from artist cards so the
   cards align with the search/filter box above on both sides.
============================================================ */
.ts-tax-directory-artist .ts-tax-directory-grid {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

@media (max-width: 1180px) {
    .ts-tax-directory-artist .ts-tax-directory-grid {
        max-width: none !important;
        margin-inline: 0 !important;
    }
}

@media (max-width: 860px) {
    .ts-tax-directory-artist .ts-tax-directory-grid {
        max-width: none !important;
        margin-inline: 0 !important;
    }
}

@media (max-width: 520px) {
    .ts-tax-directory-artist .ts-tax-directory-grid {
        max-width: none !important;
        margin-inline: 0 !important;
    }
}

/* ============================================================
   BONARTSPACE v14 - Artist specialty filter + full-width grid
   ------------------------------------------------------------
   Adds the product-category based specialty filter to the artist
   toolbar and keeps the artist cards aligned with the toolbar on
   both the right and left edges.
============================================================ */
.ts-tax-directory-specialty {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    background: #fff;
    border: 1px solid var(--border, #d9d0c4);
    padding: .52rem .72rem;
    min-height: 42px;
}

.ts-tax-directory-specialty i {
    color: var(--text-muted);
    font-size: .82rem;
}

.ts-tax-directory-specialty select {
    border: none;
    outline: none;
    background: transparent;
    color: var(--text-primary);
    font-size: .82rem;
    min-width: 160px;
    cursor: pointer;
}

.ts-tax-directory-artist .ts-tax-directory-grid {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
}

.ts-tax-directory-artist .ts-tax-directory-toolbar {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
}

@media (max-width: 980px) {
    .ts-tax-directory-specialty {
        flex: 1 1 220px;
    }
}

@media (max-width: 640px) {
    .ts-tax-directory-specialty {
        width: 100%;
        flex: 1 1 100%;
    }

    .ts-tax-directory-specialty select {
        min-width: 0;
        width: 100%;
    }

    .ts-tax-directory-artist .ts-tax-directory-grid {
        width: 100% !important;
        max-width: none !important;
    }
}

/* ============================================================
   BONARTSPACE v15 - Restore artist/archive hero counts
   ------------------------------------------------------------
   Return the top artist/artwork count box without icons and without
   separate pill borders/radius.
============================================================ */
.ts-artist-directory-hero .ts-artist-directory-counts {
    display: inline-flex !important;
    align-items: center;
    gap: 0;
    padding: .45rem .8rem;
    background: rgba(17, 20, 27, .46);
    border: 0 !important;
    border-radius: 0 !important;
    backdrop-filter: blur(3px);
}

.ts-artist-directory-hero .ts-artist-directory-count-pill {
    display: inline-flex !important;
    align-items: center;
    gap: .35rem;
    padding: .18rem .75rem;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: rgba(236, 239, 244, .86);
    font-size: .78rem;
    line-height: 1.6;
}

.ts-artist-directory-hero .ts-artist-directory-count-pill + .ts-artist-directory-count-pill {
    border-right: 1px solid rgba(255, 255, 255, .16) !important;
}

.ts-artist-directory-hero .ts-artist-directory-count-pill i,
.ts-artist-directory-hero .ts-artist-directory-counts i {
    display: none !important;
}

.ts-artist-directory-hero .ts-artist-directory-count-pill strong {
    color: #fff;
    font-weight: 800;
}

@media (max-width: 640px) {
    .ts-artist-directory-hero .ts-artist-directory-counts {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .ts-artist-directory-hero .ts-artist-directory-count-pill {
        padding: .18rem .6rem;
    }
}


/* v16: single artist sidebar refinements */
body.tax-artist .ts-artist-sidebar-specialty {
    margin-top: .32rem;
    color: #b8943a;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.7;
    text-align: right;
}
body.tax-artist .ts-artist-meta-line {
    margin-top: .52rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .55rem;
    color: #6c6256;
    font-size: .76rem;
    font-weight: 700;
    line-height: 1.8;
}
body.tax-artist .ts-artist-meta-line span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}
body.tax-artist .ts-artist-meta-line span::after {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(184, 148, 58, .55);
    margin-inline-start: .25rem;
}
body.tax-artist .ts-artist-meta-line span:last-child::after {
    display: none;
}
.ts-follow-btn.active,
.artist-tab-box .ts-follow-btn.artist-tab-follow-btn.active {
    background: #b8943a;
    border-color: #b8943a;
    color: #fff;
    box-shadow: 0 12px 24px rgba(184, 148, 58, .24);
}
.ts-follow-btn.active:hover,
.artist-tab-box .ts-follow-btn.artist-tab-follow-btn.active:hover {
    background: #a77a34;
    border-color: #a77a34;
    color: #fff;
}
.ts-follow-btn.active i,
.artist-tab-box .ts-follow-btn.artist-tab-follow-btn.active i {
    color: #fff;
}


/* v17: single artist card cleanup */
body.tax-artist .ts-artist-sidebar-profile .ts-artist-sidebar-name {
    display: block !important;
    margin: .15rem 0 0;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.35;
    color: var(--text-primary);
}
body.tax-artist .ts-artist-content-title-row--no-title {
    justify-content: flex-end;
}
body.tax-artist .ts-artist-sidebar-profile .ts-follow-btn {
    gap: 0;
}
body.tax-artist .ts-artist-sidebar-profile .ts-follow-btn i,
body.tax-artist .ts-artist-sidebar-profile .ts-follow-btn svg {
    display: none !important;
}


/* v19: dynamic footer menu cleanup */
.footer-desc p {
    margin: 0 0 .75rem;
}
.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu li {
    margin-bottom: .55rem;
}
.footer-menu a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}
.footer-menu a::before {
    content: "\f104";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .7em;
    opacity: .72;
}
.footer-contact-item a {
    color: inherit;
    text-decoration: none;
}
.footer-newsletter-text {
    font-size: .8rem;
    color: var(--text-muted);
    margin-bottom: .75rem;
}

/* v19: artist directory images - grayscale by default, color on hover */
body.post-type-archive-artist .ts-tax-directory-card-media img,
body.tax-artist-directory .ts-tax-directory-card-media img,
.ts-tax-directory-artist .ts-tax-directory-card-media img {
    filter: grayscale(100%) !important;
    transition: filter .35s ease, transform .35s ease !important;
}
body.post-type-archive-artist .ts-tax-directory-card:hover .ts-tax-directory-card-media img,
body.tax-artist-directory .ts-tax-directory-card:hover .ts-tax-directory-card-media img,
.ts-tax-directory-artist .ts-tax-directory-card:hover .ts-tax-directory-card-media img,
.ts-tax-directory-artist .ts-tax-directory-card:focus-within .ts-tax-directory-card-media img {
    filter: grayscale(0%) !important;
}
[type="email"], [type="number"], [type="tel"], [type="url"] {
  direction: rtl;
}










/* v20: light footer layout like BonartSpace reference */
.footer.footer--light {
    background: #f7f5f1;
    border-top: 1px solid #ebe5dc;
    padding: 2.4rem 0 1.6rem 0;
    color: #5f5a52;
}
.footer.footer--light .footer-main-row {
    direction: rtl;
    align-items: flex-start;
}
.footer.footer--light .footer-heading {
    color: #d8d2ca;
    font-size: .83rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 1.15rem;
}
.footer.footer--light .footer-about-heading {
    color: transparent;
    user-select: none;
    margin-bottom: .65rem;
}
.footer.footer--light .footer-desc {
    max-width: 345px;
    color: #4f4a43;
    font-size: .9rem;
    line-height: 2.05;
    font-weight: 500;
    text-align: justify;
    text-align-last: right;
}
.footer.footer--light .footer-desc p {
    margin: 0 0 .75rem;
}
.footer.footer--light .footer-artist-action {
    max-width: 345px;
    margin-top: .8rem;
}
.footer.footer--light .footer-artist-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 230px;
    min-height: 36px;
    padding: .45rem 1.25rem;
    background: #c79b61;
    border: 0;
    color: #17130f;
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none;
    transition: var(--transition);
}
.footer.footer--light .footer-artist-btn:hover {
    background: #b88d56;
    color: #111;
}
.footer.footer--light .footer-artist-btn--static {
    cursor: default;
}
.footer.footer--light .footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer.footer--light .footer-menu li {
    margin-bottom: .62rem;
}
.footer.footer--light .footer-menu a {
    color: #625c54;
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
    gap: .55rem;
}
.footer.footer--light .footer-menu a::before {
    color: #8f8a82;
    opacity: .9;
    transition: var(--transition);
}
.footer.footer--light .footer-menu a:hover {
    color: #b88d56;
    padding-right: .25rem;
}
.footer.footer--light .footer-menu a:hover::before {
    color: #b88d56;
}
.footer.footer--light .footer-contact-list {
    margin-bottom: 1rem;
}
.footer.footer--light .footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .9rem;
    color: #625c54;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.85;
}
.footer.footer--light .footer-contact-item i {
    color: #c8c3bd;
    width: 18px;
    margin-top: .35rem;
    flex: 0 0 18px;
    text-align: center;
}
.footer.footer--light .footer-contact-item a,
.footer.footer--light .footer-contact-item span {
    color: inherit;
    text-decoration: none;
}
.footer.footer--light .footer-contact-item a:hover {
    color: #b88d56;
}
.footer.footer--light .footer-newsletter-text {
    color: #777168;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1.8;
    margin: 0 0 .85rem;
}
.footer.footer--light .newsletter-form {
    display: flex;
    max-width: 360px;
    margin-top: .6rem;
    border: 1px solid #ded8d0;
    background: #fff;
}
.footer.footer--light .newsletter-input {
    flex: 1;
    min-height: 36px;
    padding: 0 .95rem;
    background: #fff;
    border: 0;
    border-left: 1px solid #ded8d0;
    color: #4f4a43;
    font-size: .9rem;
    font-weight: 600;
    outline: none;
}
.footer.footer--light .newsletter-input::placeholder {
    color: #a49e96;
}
.footer.footer--light .newsletter-btn {
    width: 58px;
    min-height: 48px;
    padding: 0;
    background: #d6d3cf;
    color: #111;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
}
.footer.footer--light .newsletter-btn:hover {
    background: #c79b61;
    color: #111;
}
.footer.footer--light .footer-dynamic-widgets {
    border-top: 1px solid #e4ded6;
}
.footer.footer--light .footer-bottom {
    border-top: 1px solid #ded8d0;
    margin-top: 2.2rem;
    padding-top: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    direction: ltr;
}
.footer.footer--light .footer-bottom p {
    color: #928b82;
    font-size: .78rem;
    margin: 0 0 0 auto;
    font-weight: 500;
    order: 2;
    direction: rtl;
    text-align: right;
}
.footer.footer--light .footer-bottom-socials {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .65rem;
    margin-top: 0;
    order: 1;
}
.footer.footer--light .footer-social {
    width: 38px;
    height: 38px;
    background: #fff;
    border: 1px solid #ded8d0;
    color: #5f5a52;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    text-decoration: none;
    transition: var(--transition);
}
.footer.footer--light .footer-social:hover {
    background: #c79b61;
    border-color: #c79b61;
    color: #111;
}
.footer.footer--light + .back-top,
.back-top {
    background: #d6d3cf;
    color: #111;
}
@media (max-width: 991.98px) {
    .footer.footer--light {
        padding-top: 3rem;
    }
    .footer.footer--light .footer-desc,
    .footer.footer--light .newsletter-form {
        max-width: 100%;
    }
    .footer.footer--light .footer-about-heading {
        color: #d8d2ca;
        user-select: auto;
    }
}
@media (max-width: 575.98px) {
    .footer.footer--light .footer-bottom {
        align-items: flex-start;
    }
    .footer.footer--light .footer-bottom p {
        width: 100%;
        margin-left: 0;
        text-align: right;
    }
    .footer.footer--light .footer-bottom-socials {
        width: 100%;
        justify-content: flex-start;
    }
    .footer.footer--light .footer-artist-btn {
        width: 100%;
        min-width: 0;
    }
}


/* v21: order tracking page template */
.bonart-order-tracking-page {
    direction: rtl;
    background: #f7f5f1;
    color: #2f2a24;
    padding: 4.8rem 0 5.5rem;
}
.bonart-order-tracking-page .bonart-track-wrap {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 1rem;
}
.bonart-track-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: 1.4rem;
    align-items: stretch;
}
.bonart-track-card,
.bonart-track-result,
.bonart-track-help {
    background: #fff;
    border: 1px solid #e6dfd5;
    box-shadow: 0 18px 45px rgba(31, 25, 18, .06);
}
.bonart-track-card {
    padding: 2.2rem;
}
.bonart-track-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #c09156;
    font-size: .78rem;
    font-weight: 800;
    margin-bottom: .8rem;
}
.bonart-track-title {
    color: #241f1a;
    font-size: clamp(1.65rem, 4vw, 2.55rem);
    line-height: 1.55;
    font-weight: 900;
    margin: 0 0 .85rem;
}
.bonart-track-desc {
    color: #736c63;
    font-size: .96rem;
    line-height: 2.05;
    margin: 0 0 1.5rem;
}
.bonart-track-form {
    display: flex;
    gap: .65rem;
    align-items: stretch;
    margin: 0;
}
.bonart-track-form label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
.bonart-track-input {
    flex: 1;
    min-height: 54px;
    border: 1px solid #d8d0c5;
    background: #fbfaf8;
    color: #2f2a24;
    padding: 0 1rem;
    font-size: .95rem;
    font-weight: 700;
    outline: none;
    transition: border-color .25s ease, background .25s ease;
}
.bonart-track-input:focus {
    border-color: #c09156;
    background: #fff;
}
.bonart-track-submit {
    min-height: 54px;
    border: 0;
    background: #c79b61;
    color: #17130f;
    padding: 0 1.55rem;
    font-size: .92rem;
    font-weight: 900;
    cursor: pointer;
    transition: background .25s ease, transform .25s ease;
}
.bonart-track-submit:hover {
    background: #b88d56;
    transform: translateY(-1px);
}
.bonart-track-help {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}
.bonart-track-help-item {
    display: flex;
    gap: .85rem;
    align-items: flex-start;
    color: #625c54;
    line-height: 1.9;
    font-size: .9rem;
    font-weight: 600;
}
.bonart-track-help-item i {
    color: #c09156;
    margin-top: .42rem;
    width: 18px;
    text-align: center;
}
.bonart-track-message {
    margin-top: 1.2rem;
    padding: .95rem 1rem;
    border: 1px solid #ead7b9;
    background: #fff8eb;
    color: #76572f;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.9;
}
.bonart-track-message.is-error {
    border-color: #f0c7c7;
    background: #fff1f1;
    color: #8f2525;
}
.bonart-track-result {
    margin-top: 1.4rem;
    padding: 1.7rem;
}
.bonart-track-result-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}
.bonart-track-result-title {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.7;
    color: #2f2a24;
    font-weight: 900;
}
.bonart-track-status-badge {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .9rem;
    background: #f4eee5;
    color: #71512f;
    font-size: .82rem;
    font-weight: 900;
    white-space: nowrap;
}
.bonart-track-status-badge::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}
.bonart-track-status-badge.status-completed {
    background: #e8f6ec;
    color: #166534;
}
.bonart-track-status-badge.status-processing {
    background: #eef4ff;
    color: #1d4ed8;
}
.bonart-track-status-badge.status-on-hold,
.bonart-track-status-badge.status-pending {
    background: #fff7df;
    color: #946200;
}
.bonart-track-status-badge.status-cancelled,
.bonart-track-status-badge.status-failed,
.bonart-track-status-badge.status-refunded {
    background: #fff1f1;
    color: #991b1b;
}
.bonart-track-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-bottom: 1.25rem;
}
.bonart-track-meta-item {
    background: #fbfaf8;
    border: 1px solid #eee8df;
    padding: .85rem .95rem;
}
.bonart-track-meta-item span {
    display: block;
    color: #989188;
    font-size: .72rem;
    font-weight: 800;
    margin-bottom: .3rem;
}
.bonart-track-meta-item strong {
    display: block;
    color: #39332c;
    font-size: .9rem;
    font-weight: 900;
    line-height: 1.7;
}
.bonart-track-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    margin: 1.25rem 0 0;
}
.bonart-track-step {
    position: relative;
    min-height: 76px;
    padding: .85rem .75rem;
    background: #f6f1ea;
    border: 1px solid #e7ded4;
    color: #8a8177;
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.7;
}
.bonart-track-step::before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #c8c0b6;
    margin-bottom: .45rem;
}
.bonart-track-step.is-active {
    background: #c79b61;
    border-color: #c79b61;
    color: #17130f;
}
.bonart-track-step.is-active::before {
    background: #17130f;
}
.bonart-track-note {
    margin: 1rem 0 0;
    color: #736c63;
    font-size: .88rem;
    line-height: 2;
}
.bonart-track-actions {
    margin-top: 1.15rem;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}
.bonart-track-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 1.1rem;
    background: #2f2a24;
    color: #fff;
    font-size: .84rem;
    font-weight: 900;
    text-decoration: none;
}
.bonart-track-link:hover {
    color: #fff;
    background: #17130f;
}
@media (max-width: 767.98px) {
    .bonart-order-tracking-page {
        padding: 3.2rem 0 4rem;
    }
    .bonart-track-hero,
    .bonart-track-meta,
    .bonart-track-steps {
        grid-template-columns: 1fr;
    }
    .bonart-track-card,
    .bonart-track-result,
    .bonart-track-help {
        padding: 1.35rem;
    }
    .bonart-track-form {
        flex-direction: column;
    }
    .bonart-track-submit {
        width: 100%;
    }
    .bonart-track-result-head {
        flex-direction: column;
    }
}

/* v22: reusable social links shortcode */
.bonart-inline-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    flex-wrap: wrap;
    direction: ltr;
}
.bonart-inline-social {
    width: 48px;
    height: 48px;
    background: #fff;
    border: 1px solid #ded8d0;
    color: #171717;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    text-decoration: none;
    transition: var(--transition);
}
.bonart-inline-social:hover {
    background: #c79b61;
    border-color: #c79b61;
    color: #111;
    transform: translateY(-2px);
}


/* v6.0.7 - Local Bale social icon fallback */
.footer-social .bonart-bale-icon,
.bonart-inline-social .bonart-bale-icon {
    display: block;
    width: 18px;
    height: 18px;
    color: currentColor;
    flex: 0 0 auto;
}
.bonart-inline-social .bonart-bale-icon {
    width: 21px;
    height: 21px;
}

/* ============================================================
   v26 - Premium WooCommerce + order tracking polish
   Cart / Checkout / Order Tracking pages
============================================================ */
:root {
    --bonart-premium-gold: #c79b61;
    --bonart-premium-gold-dark: #9f7440;
    --bonart-premium-ink: #17130f;
    --bonart-premium-text: #342d25;
    --bonart-premium-muted: #8a8177;
    --bonart-premium-line: #e7ded4;
    --bonart-premium-bg: #f8f5f1;
    --bonart-premium-card: #ffffff;
    --bonart-premium-shadow: 0 28px 80px -54px rgba(31, 22, 13, .56);
    --bonart-premium-shadow-sm: 0 16px 46px -36px rgba(31, 22, 13, .42);
}

body.woocommerce-cart,
body.woocommerce-checkout {
    background: var(--bonart-premium-bg) !important;
}

body.woocommerce-cart .bonart-woocommerce-page-template,
body.woocommerce-checkout .bonart-woocommerce-page-template,
.bonart-order-tracking-page {
    position: relative;
    isolation: isolate;
    min-height: 62vh;
    padding: clamp(64px, 6vw, 92px) 0 clamp(72px, 8vw, 112px) !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(199, 155, 97, .13) 0, transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(23, 19, 15, .045) 0, transparent 30%),
        linear-gradient(180deg, #fff 0%, var(--bonart-premium-bg) 100%) !important;
    overflow: hidden;
}

body.woocommerce-cart .bonart-woocommerce-page-template::before,
body.woocommerce-checkout .bonart-woocommerce-page-template::before,
.bonart-order-tracking-page::before {
    content: '';
    position: absolute;
    width: 440px;
    height: 440px;
    inset-block-start: 38px;
    inset-inline-end: -210px;
    border: 1px solid rgba(199, 155, 97, .14);
    border-radius: 50%;
    box-shadow: inset 0 0 0 28px rgba(255,255,255,.35), inset 0 0 0 58px rgba(199,155,97,.045);
    pointer-events: none;
    z-index: -1;
}

body.woocommerce-cart .bonart-woocommerce-page-template::after,
body.woocommerce-checkout .bonart-woocommerce-page-template::after,
.bonart-order-tracking-page::after {
    content: '';
    position: absolute;
    width: 170px;
    height: 170px;
    inset-inline-start: 32px;
    inset-block-start: 310px;
    opacity: .32;
    background-image: radial-gradient(rgba(199, 155, 97, .42) 1px, transparent 1px);
    background-size: 13px 13px;
    pointer-events: none;
    z-index: -1;
}

/* Step bar */
body.woocommerce-cart .steps-bar,
body.woocommerce-checkout .steps-bar {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    width: auto !important;
    max-width: 1220px;
    margin: 0 auto clamp(24px, 3vw, 34px) !important;
    padding: 0 1.25rem !important;
    background: transparent !important;
    border: 0 !important;
}

body.woocommerce-cart .steps-inner,
body.woocommerce-checkout .steps-inner {
    max-width: 720px;
    min-height: 58px;
    margin: 0 auto;
    padding: .55rem .8rem;
    border: 1px solid rgba(199, 155, 97, .22);
    border-radius: 999px;
    background: rgba(255,255,255,.86);
    backdrop-filter: blur(14px);
    box-shadow: var(--bonart-premium-shadow-sm);
}

body.woocommerce-cart .step,
body.woocommerce-checkout .step {
    color: var(--bonart-premium-muted);
    font-size: .82rem;
    font-weight: 800;
}

body.woocommerce-cart .step.active,
body.woocommerce-checkout .step.active,
body.woocommerce-cart .step.done,
body.woocommerce-checkout .step.done {
    color: var(--bonart-premium-ink);
}

body.woocommerce-cart .step-num,
body.woocommerce-checkout .step-num {
    width: 32px;
    height: 32px;
    border-color: #dfd4c8;
    background: #fff;
    color: var(--bonart-premium-muted);
}

body.woocommerce-cart .step.active .step-num,
body.woocommerce-checkout .step.active .step-num {
    border-color: var(--bonart-premium-gold);
    background: linear-gradient(135deg, #d8ad72, var(--bonart-premium-gold-dark));
    color: #fff;
    box-shadow: 0 10px 24px -15px rgba(159, 116, 64, .9);
}

body.woocommerce-cart .step.done .step-num,
body.woocommerce-checkout .step.done .step-num {
    border-color: #2f7d51;
    background: #2f7d51;
    color: #fff;
}

body.woocommerce-cart .step-sep,
body.woocommerce-checkout .step-sep {
    background: linear-gradient(90deg, transparent, #d8cbbd, transparent);
}

/* Shared Woo panels */
body.woocommerce-cart .wc-panel,
body.woocommerce-checkout .wc-panel,
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout .order-sidebar .wc-panel {
    overflow: hidden;
    border: 1px solid rgba(199, 155, 97, .20) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: var(--bonart-premium-shadow) !important;
}

body.woocommerce-cart .wc-panel-head,
body.woocommerce-checkout .wc-panel-head {
    padding: 1.2rem 1.45rem !important;
    border-bottom: 1px solid var(--bonart-premium-line) !important;
    background:
        linear-gradient(135deg, rgba(199, 155, 97, .12), rgba(255,255,255,.85) 50%, rgba(23, 19, 15, .025));
}

body.woocommerce-cart .wc-panel-title,
body.woocommerce-checkout .wc-panel-title {
    color: var(--bonart-premium-ink);
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: -.01em;
}

body.woocommerce-cart .wc-panel-title i,
body.woocommerce-checkout .wc-panel-title i {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(199,155,97,.25);
    border-radius: 50%;
    background: #fbf7f1;
    color: var(--bonart-premium-gold-dark) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
}

body.woocommerce-cart .wc-panel-body,
body.woocommerce-checkout .wc-panel-body {
    padding: 1.45rem !important;
}

/* Cart */
body.woocommerce-cart .bonart-cart-shell {
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 0 1.25rem !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: clamp(18px, 2.5vw, 30px);
    align-items: start;
    direction: rtl;
}

body.woocommerce-cart .bonart-cart-table-panel {
    min-width: 0;
}

body.woocommerce-cart .bonart-cart-collaterals {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 132px;
    align-self: start;
    min-width: 0;
}

body.woocommerce-cart .bonart-cart-count {
    color: var(--bonart-premium-muted);
    font-weight: 800;
}

body.woocommerce-cart .bonart-cart-shell .shop_table.cart {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}

body.woocommerce-cart .bonart-cart-shell .shop_table.cart thead th {
    padding: .2rem 1rem .55rem !important;
    border: 0 !important;
    background: transparent !important;
    color: #9a8f83 !important;
    font-size: .74rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody tr.woocommerce-cart-form__cart-item {
    background: #fff;
    outline: 1px solid #eee6dc;
    box-shadow: 0 16px 34px -30px rgba(23, 19, 15, .55);
    transition: transform .22s ease, box-shadow .22s ease, outline-color .22s ease;
}

body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody tr.woocommerce-cart-form__cart-item:hover {
    transform: translateY(-2px);
    outline-color: rgba(199, 155, 97, .45);
    box-shadow: 0 20px 44px -32px rgba(23, 19, 15, .65);
}

body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody td {
    padding: 1rem .95rem !important;
    border-bottom: 0 !important;
    color: var(--bonart-premium-text);
}

body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody td:first-child {
    border-start-start-radius: 16px;
    border-end-start-radius: 16px;
}

body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody td:last-child {
    border-start-end-radius: 16px;
    border-end-end-radius: 16px;
}

body.woocommerce-cart .bonart-cart-shell .product-thumbnail img,
body.woocommerce-cart .bonart-cart-shell .bonart-cart-thumb {
    width: 82px !important;
    height: 82px !important;
    border-radius: 14px;
    border: 1px solid #eadfd3 !important;
    background: #f7f2ec;
    object-fit: cover;
}

body.woocommerce-cart .bonart-cart-shell .product-name a {
    color: var(--bonart-premium-ink) !important;
    font-size: .95rem;
    font-weight: 950;
    line-height: 1.8;
}

body.woocommerce-cart .bonart-cart-shell .product-name a:hover {
    color: var(--bonart-premium-gold-dark) !important;
}

body.woocommerce-cart .bonart-cart-shell .product-price,
body.woocommerce-cart .bonart-cart-shell .product-subtotal,
body.woocommerce-cart .bonart-cart-totals-table .order-total td {
    color: var(--bonart-premium-gold-dark) !important;
    font-weight: 950 !important;
}

body.woocommerce-cart .bonart-cart-shell .quantity {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid #e5dacd;
    border-radius: 999px;
    background: #fbf8f4;
    overflow: hidden;
}

body.woocommerce-cart .bonart-cart-shell .quantity .qty {
    width: 62px !important;
    min-height: 40px;
    border: 0 !important;
    background: transparent !important;
    font-weight: 900;
}

body.woocommerce-cart .bonart-cart-shell .product-remove .remove {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1px solid #ead9d9 !important;
    background: #fff8f8;
    color: #b91c1c !important;
    font-size: 1.15rem;
}

body.woocommerce-cart .bonart-cart-actions {
    margin-top: .2rem;
    padding: 1rem !important;
    border: 1px dashed #e3d5c5;
    border-radius: 18px;
    background: #fbf7f1 !important;
}

body.woocommerce-cart .bonart-cart-actions .coupon {
    gap: .7rem;
}

body.woocommerce-cart .coupon-input,
body.woocommerce-checkout .coupon-input,
body.woocommerce-cart .shipping-calculator-form .input-text,
body.woocommerce-cart .shipping-calculator-form select {
    min-height: 48px;
    border: 1px solid #e2d7ca !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--bonart-premium-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

body.woocommerce-cart .coupon-btn,
body.woocommerce-cart .cart-update-btn,
body.woocommerce-checkout .coupon-btn,
body.woocommerce-cart .btn-proceed-checkout,
body.woocommerce-cart .checkout-button,
body.woocommerce-checkout #place_order {
    min-height: 48px;
    border: 0 !important;
    border-radius: 12px !important;
    clip-path: none !important;
    background: linear-gradient(135deg, #d7ad72, #b88649) !important;
    color: #fff !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 34px -26px rgba(159, 116, 64, .9);
}

body.woocommerce-cart .coupon-btn:hover,
body.woocommerce-cart .cart-update-btn:hover,
body.woocommerce-checkout .coupon-btn:hover,
body.woocommerce-cart .btn-proceed-checkout:hover,
body.woocommerce-cart .checkout-button:hover,
body.woocommerce-checkout #place_order:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #c79b61, #9f7440) !important;
    color: #fff !important;
}

body.woocommerce-cart .bonart-cart-totals-table th,
body.woocommerce-cart .bonart-cart-totals-table td {
    padding: .9rem 0 !important;
    border-color: #eee6dc !important;
}

body.woocommerce-cart .bonart-cart-totals-table th {
    color: #6d6258 !important;
    font-weight: 850 !important;
}

body.woocommerce-cart .bonart-cart-totals-table .order-total th,
body.woocommerce-cart .bonart-cart-totals-table .order-total td {
    padding-top: 1.25rem !important;
    font-size: 1.15rem !important;
}

/* Checkout */
body.woocommerce-checkout .checkout-layout,
body.woocommerce-checkout .checkout-coupon-shell {
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 0 1.25rem !important;
    gap: clamp(18px, 2.5vw, 30px) !important;
    grid-template-columns: minmax(0, 1fr) 410px !important;
    direction: rtl;
}

body.woocommerce-checkout .checkout-coupon-shell {
    margin-bottom: 1.25rem !important;
}

body.woocommerce-checkout .checkout-col-left,
body.woocommerce-checkout .order-sidebar {
    min-width: 0;
}

body.woocommerce-checkout .order-sidebar {
    top: 132px !important;
}

body.woocommerce-checkout #customer_details {
    gap: 1.35rem !important;
}

body.woocommerce-checkout .checkout-address-link {
    padding: .48rem .7rem;
    border: 1px solid #e3d8cc;
    border-radius: 999px;
    background: #fff;
    color: var(--bonart-premium-muted) !important;
    font-weight: 850;
}

body.woocommerce-checkout .checkout-address-link:hover {
    border-color: rgba(199,155,97,.45);
    color: var(--bonart-premium-gold-dark) !important;
}

body.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem !important;
    max-width: none !important;
    margin: 0 !important;
}

body.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper {
    max-width: none !important;
    margin: 0 !important;
}

body.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row,
body.woocommerce-checkout .checkout-shipping-panel .woocommerce-shipping-fields__field-wrapper .form-row,
body.woocommerce-checkout .checkout-additional-panel .woocommerce-additional-fields__field-wrapper .form-row {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper .form-row.form-row-wide,
body.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper .form-row.form-row-wide {
    grid-column: 1 / -1;
}

body.woocommerce-checkout .woocommerce-form__label,
body.woocommerce-checkout .form-row label,
body.woocommerce-cart .shipping-calculator-form label {
    color: #6d6258 !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    margin-bottom: .45rem !important;
}

body.woocommerce-checkout .form-row .input-text,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .woocommerce-Input,
body.woocommerce-checkout .woocommerce-input,
body.woocommerce-checkout .select2-container .select2-selection--single,
body.woocommerce-checkout .checkout-billing-panel .woocommerce-input-wrapper strong,
body.woocommerce-checkout .checkout-shipping-panel .woocommerce-input-wrapper strong {
    min-height: 52px !important;
    border: 1px solid #e2d7ca !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: var(--bonart-premium-ink) !important;
    font-size: .9rem !important;
    box-shadow: 0 10px 28px -26px rgba(23,19,15,.45), inset 0 1px 0 rgba(255,255,255,.95) !important;
    transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout textarea.woocommerce-Input {
    min-height: 112px !important;
}

body.woocommerce-checkout .form-row .input-text:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .form-row textarea:focus,
body.woocommerce-checkout .woocommerce-Input:focus,
body.woocommerce-checkout .woocommerce-input:focus,
body.woocommerce-checkout .select2-container--open .select2-selection--single {
    border-color: rgba(199,155,97,.75) !important;
    box-shadow: 0 0 0 4px rgba(199,155,97,.12), 0 15px 34px -28px rgba(23,19,15,.45) !important;
    outline: 0 !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
    border: 0 !important;
    padding: .1rem .65rem .45rem !important;
    color: #9a8f83 !important;
    font-size: .72rem !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item td {
    border: 0 !important;
    background: #fbf8f4;
    padding: .75rem .65rem !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item td:first-child {
    border-start-start-radius: 14px;
    border-end-start-radius: 14px;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item td:last-child {
    border-start-end-radius: 14px;
    border-end-end-radius: 14px;
}

body.woocommerce-checkout .cart-thumb {
    width: 58px !important;
    height: 58px !important;
    border-radius: 12px;
    border-color: #e8ded2 !important;
}

body.woocommerce-checkout .cart-item-name {
    color: var(--bonart-premium-ink);
    font-weight: 950;
}

body.woocommerce-checkout .cart-item-price,
body.woocommerce-checkout .order-total td:last-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total .amount {
    color: var(--bonart-premium-gold-dark) !important;
    font-weight: 950 !important;
}

body.woocommerce-checkout .cart-subtotal td,
body.woocommerce-checkout .shipping td,
body.woocommerce-checkout .order-total td,
body.woocommerce-checkout .tax-total td,
body.woocommerce-checkout .discount-total td {
    border-color: #eee6dc !important;
}

body.woocommerce-checkout .woocommerce-shipping-choice,
body.woocommerce-checkout .payment_method,
body.woocommerce-checkout .trust-badge {
    border: 1px solid #e6dace !important;
    border-radius: 14px !important;
    background: #fbf8f4 !important;
}

body.woocommerce-checkout .woocommerce-shipping-choice:hover,
body.woocommerce-checkout .woocommerce-shipping-choice.selected,
body.woocommerce-checkout .payment_method.selected {
    border-color: rgba(199,155,97,.58) !important;
    background: #fff !important;
}

body.woocommerce-checkout .trust-badges {
    gap: .75rem !important;
}

body.woocommerce-checkout .trust-badge {
    color: var(--bonart-premium-muted) !important;
    font-weight: 850 !important;
}

body.woocommerce-checkout .trust-badge i {
    color: var(--bonart-premium-gold-dark) !important;
}

/* Order tracking page */
.bonart-order-tracking-page {
    padding-top: clamp(72px, 7vw, 104px) !important;
}

.bonart-track-wrap {
    width: min(100% - 2.5rem, 1120px) !important;
    margin: 0 auto !important;
}

.bonart-track-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(310px, .82fr) !important;
    gap: clamp(18px, 2.5vw, 30px) !important;
    align-items: stretch !important;
    direction: rtl;
}

.bonart-track-card,
.bonart-track-help,
.bonart-track-result {
    position: relative;
    overflow: hidden;
    border: 0px solid rgba(199,155,97,.22) !important;
    border-radius: 0px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: none !important;
}

.bonart-track-card::before,
.bonart-track-help::before,
.bonart-track-result::before {
    content: '';
    position: absolute;
    inset-inline-end: -72px;
    inset-block-start: -72px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(199,155,97,.13), transparent 68%);
    pointer-events: none;
}

.bonart-track-card {
    padding: clamp(2rem, 4vw, 3.35rem) !important;
    text-align: center !important;
}

.bonart-track-eyebrow {
    justify-content: center !important;
    color: var(--bonart-premium-gold-dark) !important;
    font-size: .82rem !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    margin-bottom: .65rem !important;
}

.bonart-track-title {
    position: relative;
    display: inline-block;
    margin: 0 auto 1.15rem !important;
    color: var(--bonart-premium-ink) !important;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.35;
}

.bonart-track-title::after {
    content: '';
    display: block;
    width: 86px;
    height: 3px;
    margin: .65rem auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--bonart-premium-gold), transparent);
}

.bonart-track-desc {
    max-width: 650px;
    margin: 0 auto 1.7rem !important;
    color: #5f554b !important;
    font-size: .95rem;
    line-height: 2.2;
}

.bonart-track-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    max-width: 680px;
    margin: 0 auto !important;
}

.bonart-track-input-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
    min-height: 72px;
    padding: .72rem 1rem .72rem 3.4rem;
    border: 1px solid #e2d7ca;
    border-radius: 15px;
    background: #fff;
    text-align: right;
    box-shadow: 0 14px 34px -30px rgba(23,19,15,.48), inset 0 1px 0 rgba(255,255,255,.95);
}

.bonart-track-input-wrap label {
    margin: 0 !important;
    color: var(--bonart-premium-muted);
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.35;
}

.bonart-track-input-wrap > i {
    position: absolute;
    inset-inline-start: 1.05rem;
    top: 50%;
    transform: translateY(-50%);
    color: #c7b8a7;
    font-size: 1.05rem;
}

.bonart-track-input {
    width: 100% !important;
    min-height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bonart-premium-ink) !important;
    font-size: 1.05rem !important;
    font-weight: 950 !important;
    outline: 0 !important;
    box-shadow: none !important;
    direction: ltr;
    text-align: right;
}

.bonart-track-submit {
    width: 100% !important;
    min-height: 58px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #d7ad72, #b88649) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    font-size: 1rem;
    font-weight: 950;
    box-shadow: 0 20px 40px -28px rgba(159, 116, 64, .95);
}

.bonart-track-submit:hover {
    transform: translateY(-1px) !important;
    background: linear-gradient(135deg, #c79b61, #9f7440) !important;
}

.bonart-track-message {
    margin: 1.25rem auto 0 !important;
    max-width: 680px;
    min-height: 56px;
    padding: .9rem 1rem !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .7rem;
    text-align: center;
    line-height: 1.9 !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
}

.bonart-track-message.is-error {
    border: 1px solid #f2b8b8 !important;
    background: linear-gradient(135deg, #fff8f8, #fff0f0) !important;
    color: #b42323 !important;
}

.bonart-track-message:not(.is-error) {
    border: 1px solid #bfe8cd !important;
    background: linear-gradient(135deg, #f5fff8, #eefaf2) !important;
    color: #17663a !important;
}

.bonart-track-help {
    padding: clamp(1.4rem, 2.7vw, 2.2rem) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 0 !important;
}

.bonart-track-help-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.bonart-track-help-head h2 {
    margin: 0;
    color: var(--bonart-premium-ink);
    font-size: 1.08rem;
    font-weight: 950;
}

.bonart-track-help-head > i,
.bonart-track-help-item > i {
    width: 44px;
    height: 44px;
    border: 1px solid #e6dace;
    border-radius: 50%;
    background: #fbf7f1;
    color: var(--bonart-premium-gold-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
}

.bonart-track-help-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: .9rem !important;
    padding: 1.05rem 0 !important;
    border-top: 1px solid #eee6dc;
    color: var(--bonart-premium-text) !important;
}

.bonart-track-help-item strong {
    display: block;
    margin-bottom: .24rem;
    color: var(--bonart-premium-ink);
    font-size: .9rem;
    font-weight: 950;
    line-height: 1.8;
}

.bonart-track-help-item span {
    display: block;
    color: #6f655c;
    font-size: .82rem;
    font-weight: 650;
    line-height: 2;
}

.bonart-track-result {
    margin-top: 1.55rem !important;
    padding: clamp(1.4rem, 2.5vw, 2rem) !important;
}

.bonart-track-result-head {
    border-bottom: 1px solid #eee6dc;
    padding-bottom: 1rem;
}

.bonart-track-status-badge {
    border-radius: 999px !important;
    padding: .55rem 1rem !important;
}

.bonart-track-meta-item,
.bonart-track-step {
    border-radius: 16px !important;
}

.bonart-track-step.is-active {
    background: linear-gradient(135deg, #d7ad72, #b88649) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.bonart-track-step.is-active::before {
    background: #fff !important;
}

@media (max-width: 1100px) {
    body.woocommerce-cart .bonart-cart-shell,
    body.woocommerce-checkout .checkout-layout,
    body.woocommerce-checkout .checkout-coupon-shell,
    .bonart-track-hero {
        grid-template-columns: 1fr !important;
    }
    body.woocommerce-cart .bonart-cart-collaterals,
    body.woocommerce-checkout .order-sidebar {
        position: static !important;
    }
}

@media (max-width: 767.98px) {
    body.woocommerce-cart .bonart-woocommerce-page-template,
    body.woocommerce-checkout .bonart-woocommerce-page-template,
    .bonart-order-tracking-page {
        padding-top: 44px !important;
    }
    body.woocommerce-cart .steps-inner,
    body.woocommerce-checkout .steps-inner {
        border-radius: 22px;
        justify-content: space-between;
    }
    body.woocommerce-cart .bonart-cart-shell,
    body.woocommerce-checkout .checkout-layout,
    body.woocommerce-checkout .checkout-coupon-shell,
    .bonart-track-wrap {
        width: auto !important;
        padding-inline: .9rem !important;
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart {
        border-spacing: 0 12px !important;
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart tr {
        border: 1px solid #eee6dc !important;
        border-radius: 18px !important;
        background: #fff !important;
        box-shadow: var(--bonart-premium-shadow-sm);
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody td:first-child,
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody td:last-child {
        border-radius: 0;
    }
    body.woocommerce-checkout .checkout-billing-panel .woocommerce-billing-fields__field-wrapper,
    body.woocommerce-checkout .checkout-billing-panel .ship-fields-inline .woocommerce-shipping-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
    .bonart-track-card,
    .bonart-track-help,
    .bonart-track-result {
        border-radius: 20px !important;
    }
    .bonart-track-card {
        padding: 1.45rem !important;
    }
    .bonart-track-message {
        align-items: flex-start !important;
        text-align: right;
        justify-content: flex-start !important;
    }
}

/* ============================================================
   Bonart premium order received page - final polish
============================================================ */
body.woocommerce-order-received {
    background:
        radial-gradient(920px 420px at 50% 130px, rgba(194, 157, 106, .10), transparent 68%),
        radial-gradient(780px 360px at 8% 14%, rgba(255, 255, 255, .82), transparent 70%),
        #f6f3ee !important;
}
body.woocommerce-order-received .woocommerce {
    max-width: 1160px !important;
    width: calc(100% - 36px) !important;
    margin: 4.75rem auto 4.8rem !important;
    padding: 0 !important;
}
body.woocommerce-order-received .bonart-thankyou-page {
    direction: rtl;
    color: #171717;
    animation: bonartOrderFadeUp .45s ease both;
}
body.woocommerce-order-received .bonart-order-received-success {
    max-width: 980px;
    margin: 0 auto 3rem;
    min-height: 70px;
    padding: 1.1rem 1.55rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .85rem;
    border: 1px solid #cfe8d6;
    border-radius: 10px;
    background: linear-gradient(180deg, #f7fff9 0%, #eefaf1 100%);
    color: #18733f;
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.9;
    box-shadow: 0 18px 42px rgba(20, 83, 45, .08);
}
body.woocommerce-order-received .bonart-order-received-success__icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #2f9e55;
    border-radius: 50%;
    background: rgba(255, 255, 255, .65);
    color: #218047;
}
body.woocommerce-order-received .bonart-order-received-success__icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}
body.woocommerce-order-received .bonart-order-overview-cards {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.15rem;
    margin: 0 auto 2.35rem;
}
body.woocommerce-order-received .bonart-order-overview-card {
    position: relative;
    min-height: 136px;
    padding: 1.2rem .9rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .42rem;
    border: 1px solid #e6d9c8;
    border-top: 4px solid #c69b5d;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff 0%, #fffdf9 100%);
    box-shadow: 0 18px 36px rgba(20, 20, 20, .075);
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.woocommerce-order-received .bonart-order-overview-card:hover {
    transform: translateY(-3px);
    border-color: #d0b58f;
    box-shadow: 0 22px 44px rgba(20, 20, 20, .105);
}
body.woocommerce-order-received .bonart-order-overview-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% 0%, rgba(198, 155, 93, .10), transparent 52%);
}
body.woocommerce-order-received .bonart-order-overview-card__icon {
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .25rem;
    color: #c69b5d;
}
body.woocommerce-order-received .bonart-order-overview-card__icon svg {
    width: 30px;
    height: 30px;
    fill: currentColor;
}
body.woocommerce-order-received .bonart-order-overview-card__label {
    display: block;
    color: #6f6253;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.7;
}
body.woocommerce-order-received .bonart-order-overview-card__value {
    display: block;
    color: #111827;
    font-size: .98rem;
    font-weight: 900;
    line-height: 1.75;
    overflow-wrap: anywhere;
}
body.woocommerce-order-received .bonart-order-overview-card__value--small {
    font-size: .8rem;
    direction: ltr;
}
body.woocommerce-order-received .bonart-thankyou-extra-note {
    max-width: 980px;
    margin: -.55rem auto 1.65rem;
    text-align: right;
}
body.woocommerce-order-received .bonart-thankyou-extra-note:empty {
    display: none;
}
body.woocommerce-order-received .bonart-thankyou-extra-note p {
    margin: 0;
    padding: .95rem 1.15rem;
    border: 1px solid #eadfce;
    border-radius: 10px;
    background: rgba(255, 255, 255, .72);
    color: #5e554a;
    font-size: .9rem;
    font-weight: 700;
    box-shadow: 0 14px 32px rgba(20, 20, 20, .045);
}
body.woocommerce-order-received .bonart-order-details-card,
body.woocommerce-order-received .woocommerce-order-downloads {
    max-width: 980px;
    margin: 0 auto 1.6rem !important;
    padding: 1.55rem 1.85rem 1.75rem !important;
    border: 1px solid #e2d5c2 !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffdf9 100%) !important;
    box-shadow: 0 20px 48px rgba(20, 20, 20, .075) !important;
}
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-order-downloads__title {
    margin: 0 0 1.35rem !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .7rem;
    text-align: right;
    color: #111827;
    font-size: clamp(1.35rem, 2vw, 1.85rem) !important;
    font-weight: 900 !important;
    letter-spacing: -.03em;
}
body.woocommerce-order-received .woocommerce-order-details__title::after,
body.woocommerce-order-received .woocommerce-order-downloads__title::after {
    content: "";
    display: block;
    height: 3px;
    flex: 1;
    margin: 0 .7rem 0 0;
    border-radius: 99px;
    background: linear-gradient(90deg, rgba(198, 155, 93, .12) 0%, rgba(198, 155, 93, .92) 100%) !important;
}
body.woocommerce-order-received .bonart-order-details__title-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9c5aa;
    border-radius: 10px;
    color: #c69b5d;
    background: #fffaf2;
}
body.woocommerce-order-received .bonart-order-details__title-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table,
body.woocommerce-order-received .woocommerce-order-downloads .woocommerce-table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
    border: 1px solid #eadfce !important;
    border-radius: 8px !important;
    background: #fff;
}
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table thead th,
body.woocommerce-order-received .woocommerce-order-downloads .woocommerce-table thead th {
    padding: .95rem 1rem !important;
    border-bottom: 1px solid #e9dfd0 !important;
    background: #fbf8f2 !important;
    color: #5d5247 !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
    text-align: right !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table thead th:last-child,
body.woocommerce-order-received .woocommerce-order-downloads .woocommerce-table thead th:last-child {
    text-align: left !important;
}
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tbody td,
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot th,
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot td,
body.woocommerce-order-received .woocommerce-order-downloads .woocommerce-table tbody td,
body.woocommerce-order-received .woocommerce-order-downloads .woocommerce-table tfoot th,
body.woocommerce-order-received .woocommerce-order-downloads .woocommerce-table tfoot td {
    padding: 1.05rem 1rem !important;
    border-bottom: 1px solid #f0e8dd !important;
    color: #222;
    font-size: .92rem !important;
    line-height: 1.9;
}
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tbody tr:last-child td,
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot tr:last-child th,
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot tr:last-child td {
    border-bottom: none !important;
}
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tbody td.product-name,
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot th {
    text-align: right !important;
    color: #222 !important;
    font-weight: 800 !important;
}
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tbody td.product-total,
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot td {
    text-align: left !important;
    color: #111827 !important;
    font-weight: 850 !important;
    white-space: nowrap;
}
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot tr:last-child th,
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot tr:last-child td {
    background: #fffaf2;
    color: #111827 !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
}
body.woocommerce-order-received .bonart-order-details-card .woocommerce-table a {
    color: #111827;
    font-weight: 900;
}
body.woocommerce-order-received .bonart-order-addresses {
    max-width: 980px;
    margin: 1.75rem auto 2.1rem !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.woocommerce-order-received .bonart-order-addresses__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.55rem;
    align-items: stretch;
}
body.woocommerce-order-received .bonart-order-address-card {
    margin: 0 !important;
    padding: 1.2rem 1.25rem !important;
    border: 1px solid #e2d5c2 !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #fff 0%, #fffdf9 100%) !important;
    box-shadow: 0 18px 42px rgba(20, 20, 20, .06) !important;
}
body.woocommerce-order-received .bonart-order-address-card__title,
body.woocommerce-order-received .woocommerce-column__title.bonart-order-address-card__title {
    margin: 0 0 1rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    color: #111827;
    font-size: clamp(1.18rem, 1.65vw, 1.55rem) !important;
    font-weight: 900 !important;
    text-align: center;
    letter-spacing: -.025em;
}
body.woocommerce-order-received .bonart-order-address-card__title::after,
body.woocommerce-order-received .woocommerce-column__title.bonart-order-address-card__title::after {
    content: none !important;
}
body.woocommerce-order-received .bonart-order-address-card__icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #c69b5d;
}
body.woocommerce-order-received .bonart-order-address-card__icon svg {
    width: 25px;
    height: 25px;
    fill: currentColor;
}
body.woocommerce-order-received .bonart-order-address-card__body,
body.woocommerce-order-received .woocommerce-customer-details address.bonart-order-address-card__body {
    min-height: 202px;
    margin: 0 !important;
    padding: 1.25rem 1rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .15rem;
    border: 1px solid #eadfce !important;
    border-radius: 8px !important;
    background: #fffefa !important;
    color: #3f3b36 !important;
    text-align: center;
    font-style: normal;
    font-size: .9rem !important;
    font-weight: 650;
    line-height: 2.05 !important;
}
body.woocommerce-order-received .bonart-order-address-card__contact,
body.woocommerce-order-received .woocommerce-customer-details--phone.bonart-order-address-card__contact,
body.woocommerce-order-received .woocommerce-customer-details--email.bonart-order-address-card__contact {
    width: 100%;
    margin: .25rem 0 0 !important;
    padding-top: .45rem !important;
    border-top: 1px dashed #eadfce !important;
    color: #111827 !important;
    font-weight: 850 !important;
    direction: ltr;
    text-align: center;
}
body.woocommerce-order-received .bonart-thankyou-failed {
    max-width: 760px;
    margin: 0 auto 2rem;
    padding: 2.4rem 2rem;
    border: 1px solid #f3c6c6;
    border-radius: 14px;
    background: linear-gradient(180deg, #fffafa 0%, #fff 100%);
    text-align: center;
    box-shadow: 0 20px 50px rgba(127, 29, 29, .08);
}
body.woocommerce-order-received .bonart-thankyou-failed__icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fee2e2;
    color: #991b1b;
    font-size: 1.4rem;
    font-weight: 900;
}
body.woocommerce-order-received .bonart-thankyou-failed h1 {
    margin: 0 0 .75rem;
    font-size: 1.7rem;
    font-weight: 900;
    color: #111827;
}
body.woocommerce-order-received .bonart-thankyou-failed p {
    margin: 0 auto 1.25rem;
    max-width: 560px;
    color: #5f5550;
    line-height: 2;
    font-weight: 650;
}
body.woocommerce-order-received .bonart-thankyou-failed__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    flex-wrap: wrap;
}
body.woocommerce-order-received .bonart-thankyou-failed__actions .button,
body.woocommerce-order-received .order-actions-button,
body.woocommerce-order-received .woocommerce-button.button {
    min-height: 44px;
    padding: .75rem 1.25rem !important;
    border: 1px solid #c69b5d !important;
    border-radius: 8px !important;
    background: #c69b5d !important;
    color: #fff !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 24px rgba(198, 155, 93, .18);
}
body.woocommerce-order-received .bonart-thankyou-failed__actions .button:hover,
body.woocommerce-order-received .order-actions-button:hover,
body.woocommerce-order-received .woocommerce-button.button:hover {
    background: #1f2328 !important;
    border-color: #1f2328 !important;
    color: #fff !important;
    transform: translateY(-1px);
}

@media (max-width: 1180px) {
    body.woocommerce-order-received .bonart-order-overview-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 860px) {
    body.woocommerce-order-received .woocommerce {
        width: calc(100% - 24px) !important;
        margin-top: 2.6rem !important;
    }
    body.woocommerce-order-received .bonart-order-received-success {
        margin-bottom: 1.6rem;
        padding: .95rem 1rem;
        font-size: .92rem;
    }
    body.woocommerce-order-received .bonart-order-overview-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }
    body.woocommerce-order-received .bonart-order-details-card,
    body.woocommerce-order-received .woocommerce-order-downloads {
        padding: 1.15rem !important;
    }
    body.woocommerce-order-received .bonart-order-addresses__grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
@media (max-width: 560px) {
    body.woocommerce-order-received .bonart-order-overview-cards {
        grid-template-columns: 1fr;
    }
    body.woocommerce-order-received .bonart-order-overview-card {
        min-height: 116px;
    }
    body.woocommerce-order-received .woocommerce-order-details__title,
    body.woocommerce-order-received .woocommerce-order-downloads__title {
        font-size: 1.25rem !important;
    }
    body.woocommerce-order-received .woocommerce-order-details__title::after,
    body.woocommerce-order-received .woocommerce-order-downloads__title::after {
        display: none;
    }
    body.woocommerce-order-received .bonart-order-details-card .woocommerce-table thead th,
    body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tbody td,
    body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot th,
    body.woocommerce-order-received .bonart-order-details-card .woocommerce-table tfoot td {
        padding: .78rem .65rem !important;
        font-size: .78rem !important;
        white-space: normal;
    }
}
@keyframes bonartOrderFadeUp {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ============================================================
   Bonart checkout/order received hotfix - 2026-06-20
   Fixes checkout centering/top spacing and order address card width.
============================================================ */
body.woocommerce-checkout .bonart-woocommerce-page-template--checkout {
    padding-top: calc(var(--navbar-h, 90px) + 48px) !important;
    padding-bottom: clamp(72px, 8vw, 112px) !important;
}

body.admin-bar.woocommerce-checkout .bonart-woocommerce-page-template--checkout {
    padding-top: calc(var(--navbar-h, 90px) + 80px) !important;
}

body.woocommerce-checkout .bonart-woocommerce-page-template--checkout > .woocommerce,
body.woocommerce-checkout form.checkout.woocommerce-checkout {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.woocommerce-checkout .steps-bar,
body.woocommerce-checkout .checkout-layout,
body.woocommerce-checkout .checkout-coupon-shell {
    width: min(calc(100% - 48px), 1220px) !important;
    max-width: 1220px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-checkout .steps-bar {
    margin-top: 0 !important;
    margin-bottom: clamp(30px, 3.2vw, 44px) !important;
}

body.woocommerce-checkout .checkout-layout {
    margin-top: clamp(28px, 3.2vw, 46px) !important;
    margin-bottom: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 410px) !important;
    gap: clamp(22px, 2.6vw, 34px) !important;
    align-items: start !important;
}

body.woocommerce-checkout .checkout-col-left,
body.woocommerce-checkout .order-sidebar {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-checkout .order-sidebar {
    position: sticky !important;
    top: calc(var(--navbar-h, 90px) + 42px) !important;
    align-self: start !important;
}

body.admin-bar.woocommerce-checkout .order-sidebar {
    top: calc(var(--navbar-h, 90px) + 74px) !important;
}

body.woocommerce-order-received .woocommerce {
    margin-top: clamp(6.25rem, 7.2vw, 8.25rem) !important;
}

body.woocommerce-order-received .bonart-order-addresses {
    width: min(100%, 1060px) !important;
    max-width: 1060px !important;
    margin: 2.25rem auto 2.6rem !important;
    clear: both !important;
}

body.woocommerce-order-received .bonart-order-addresses__grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(320px, 1fr)) !important;
    gap: clamp(18px, 2.4vw, 32px) !important;
    align-items: stretch !important;
}

body.woocommerce-order-received .bonart-order-address-card,
body.woocommerce-order-received .woocommerce-column.bonart-order-address-card,
body.woocommerce-order-received .woocommerce-column--billing-address.bonart-order-address-card,
body.woocommerce-order-received .woocommerce-column--shipping-address.bonart-order-address-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    flex: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received .bonart-order-address-card__body,
body.woocommerce-order-received .woocommerce-customer-details address.bonart-order-address-card__body {
    width: 100% !important;
    min-height: 214px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    text-wrap: pretty;
}

body.woocommerce-order-received .bonart-order-address-card__contact,
body.woocommerce-order-received .woocommerce-customer-details--phone.bonart-order-address-card__contact,
body.woocommerce-order-received .woocommerce-customer-details--email.bonart-order-address-card__contact {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

@media (max-width: 900px) {
    body.woocommerce-checkout .bonart-woocommerce-page-template--checkout {
        padding-top: calc(var(--navbar-h, 72px) + 32px) !important;
    }

    body.woocommerce-checkout .steps-bar,
    body.woocommerce-checkout .checkout-layout,
    body.woocommerce-checkout .checkout-coupon-shell {
        width: min(calc(100% - 28px), 1220px) !important;
    }

    body.woocommerce-checkout .checkout-layout {
        grid-template-columns: 1fr !important;
        margin-top: 24px !important;
    }

    body.woocommerce-checkout .order-sidebar {
        position: static !important;
        top: auto !important;
    }

    body.woocommerce-order-received .bonart-order-addresses__grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    body.woocommerce-checkout .steps-bar,
    body.woocommerce-checkout .checkout-layout,
    body.woocommerce-checkout .checkout-coupon-shell {
        width: min(calc(100% - 20px), 1220px) !important;
    }

    body.woocommerce-order-received .woocommerce {
        margin-top: 5.25rem !important;
    }

    body.woocommerce-order-received .bonart-order-address-card__body,
    body.woocommerce-order-received .woocommerce-customer-details address.bonart-order-address-card__body {
        min-height: auto !important;
        padding: 1rem .85rem !important;
        font-size: .84rem !important;
        line-height: 1.95 !important;
    }
}

/* ============================================================
   Bonart cart page render/style hotfix - 2026-06-20
   Forces premium cart spacing after switching page output to classic cart shortcode.
============================================================ */
body.woocommerce-cart .bonart-woocommerce-page-template--cart {
    padding-top: calc(var(--navbar-h, 90px) + 52px) !important;
    padding-bottom: clamp(72px, 8vw, 112px) !important;
}

body.admin-bar.woocommerce-cart .bonart-woocommerce-page-template--cart {
    padding-top: calc(var(--navbar-h, 90px) + 84px) !important;
}

body.woocommerce-cart .bonart-woocommerce-page-template--cart > .woocommerce {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .steps-bar,
body.woocommerce-cart .bonart-cart-shell {
    width: min(calc(100% - 48px), 1220px) !important;
    max-width: 1220px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .steps-bar {
    margin-top: 0 !important;
    margin-bottom: clamp(30px, 3.2vw, 44px) !important;
}

body.woocommerce-cart .bonart-cart-shell {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 410px) !important;
    gap: clamp(22px, 2.6vw, 34px) !important;
    align-items: start !important;
}

body.woocommerce-cart .bonart-cart-table-panel,
body.woocommerce-cart .bonart-cart-collaterals,
body.woocommerce-cart .cart_totals {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .bonart-cart-collaterals {
    position: sticky !important;
    top: calc(var(--navbar-h, 90px) + 42px) !important;
    align-self: start !important;
}

body.admin-bar.woocommerce-cart .bonart-cart-collaterals {
    top: calc(var(--navbar-h, 90px) + 74px) !important;
}

body.woocommerce-cart .bonart-cart-shell .shop_table.cart {
    width: 100% !important;
    margin: 0 !important;
}

body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.actions.bonart-cart-actions {
    border-radius: 18px !important;
}

@media (max-width: 900px) {
    body.woocommerce-cart .bonart-woocommerce-page-template--cart {
        padding-top: calc(var(--navbar-h, 72px) + 32px) !important;
    }
    body.woocommerce-cart .steps-bar,
    body.woocommerce-cart .bonart-cart-shell {
        width: min(calc(100% - 28px), 1220px) !important;
    }
    body.woocommerce-cart .bonart-cart-shell {
        grid-template-columns: 1fr !important;
    }
    body.woocommerce-cart .bonart-cart-collaterals {
        position: static !important;
        top: auto !important;
    }
}

@media (max-width: 560px) {
    body.woocommerce-cart .steps-bar,
    body.woocommerce-cart .bonart-cart-shell {
        width: min(calc(100% - 20px), 1220px) !important;
    }
}


/* ============================================================
   Bonart cart hard layout fix - 2026-06-20 v2
   Fixes squeezed cart totals, table overflow and excessive top gap.
============================================================ */
body.woocommerce-cart .bonart-woocommerce-page-template--cart {
    padding-top: clamp(56px, 6vw, 92px) !important;
    padding-bottom: clamp(72px, 8vw, 112px) !important;
}
body.admin-bar.woocommerce-cart .bonart-woocommerce-page-template--cart {
    padding-top: clamp(64px, 6vw, 102px) !important;
}
body.woocommerce-cart .bonart-woocommerce-page-template--cart > .woocommerce {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
}
body.woocommerce-cart .steps-bar,
body.woocommerce-cart .bonart-cart-shell {
    width: min(calc(100% - 64px), 1240px) !important;
    max-width: 1240px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}
body.woocommerce-cart .steps-bar {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
}
body.woocommerce-cart .bonart-cart-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 390px !important;
    gap: 28px !important;
    align-items: start !important;
    direction: rtl !important;
    overflow: visible !important;
}
body.woocommerce-cart .bonart-cart-table-panel,
body.woocommerce-cart .bonart-cart-collaterals,
body.woocommerce-cart .bonart-cart-collaterals .cart_totals,
body.woocommerce-cart .bonart-cart-collaterals .cart_totals.bonart-cart-totals {
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}
body.woocommerce-cart .bonart-cart-collaterals,
body.woocommerce-cart .cart-collaterals.bonart-cart-collaterals {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: sticky !important;
    top: 124px !important;
    align-self: start !important;
}
body.admin-bar.woocommerce-cart .cart-collaterals.bonart-cart-collaterals {
    top: 156px !important;
}
body.woocommerce-cart .bonart-cart-collaterals::before,
body.woocommerce-cart .bonart-cart-collaterals::after,
body.woocommerce-cart .cart-collaterals.bonart-cart-collaterals::before,
body.woocommerce-cart .cart-collaterals.bonart-cart-collaterals::after {
    content: none !important;
    display: none !important;
}
body.woocommerce-cart .bonart-cart-collaterals .cart_totals,
body.woocommerce-cart .bonart-cart-collaterals .cart_totals.bonart-cart-totals,
body.woocommerce-cart.woocommerce-page .bonart-cart-collaterals .cart_totals {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.woocommerce-cart .bonart-cart-collaterals .cart_totals .wc-panel-body {
    padding: 22px !important;
}
body.woocommerce-cart .bonart-cart-totals-table {
    table-layout: fixed !important;
    width: 100% !important;
}
body.woocommerce-cart .bonart-cart-totals-table th,
body.woocommerce-cart .bonart-cart-totals-table td {
    width: 50% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    vertical-align: top !important;
    line-height: 1.9 !important;
}
body.woocommerce-cart .bonart-cart-totals-table th {
    text-align: right !important;
}
body.woocommerce-cart .bonart-cart-totals-table td {
    text-align: left !important;
}
body.woocommerce-cart .bonart-cart-table-wrap,
body.woocommerce-cart .bonart-cart-shell .wc-panel-body.bonart-cart-table-wrap {
    overflow-x: hidden !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-remove { width: 58px !important; }
body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-thumbnail { width: 112px !important; }
body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-name { width: auto !important; }
body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-price { width: 140px !important; }
body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-quantity { width: 112px !important; }
body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-subtotal { width: 150px !important; }
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td {
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    vertical-align: middle !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-price,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-subtotal,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th.product-price,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th.product-subtotal {
    white-space: nowrap !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-name,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-name a {
    line-height: 1.75 !important;
    text-align: right !important;
}
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-thumbnail,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th.product-thumbnail,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-remove,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th.product-remove,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart td.product-quantity,
body.woocommerce-cart .bonart-cart-shell .shop_table.cart th.product-quantity {
    text-align: center !important;
}
body.woocommerce-cart .bonart-cart-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
body.woocommerce-cart .bonart-cart-actions .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 1 420px !important;
    min-width: 0 !important;
}
body.woocommerce-cart .bonart-cart-actions .coupon-input {
    flex: 1 1 220px !important;
    min-width: 180px !important;
}
body.woocommerce-cart .bonart-cart-actions .cart-update-btn {
    flex: 0 0 auto !important;
    margin-right: 0 !important;
}

@media (max-width: 1180px) {
    body.woocommerce-cart .bonart-cart-shell {
        grid-template-columns: minmax(0, 1fr) 350px !important;
        gap: 22px !important;
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-thumbnail { width: 98px !important; }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-price { width: 126px !important; }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-quantity { width: 100px !important; }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart col.bonart-cart-col-subtotal { width: 132px !important; }
    body.woocommerce-cart .bonart-cart-shell .product-thumbnail img,
    body.woocommerce-cart .bonart-cart-shell .bonart-cart-thumb {
        width: 70px !important;
        height: 70px !important;
    }
}
@media (max-width: 980px) {
    body.woocommerce-cart .steps-bar,
    body.woocommerce-cart .bonart-cart-shell {
        width: min(calc(100% - 32px), 1240px) !important;
    }
    body.woocommerce-cart .bonart-cart-shell {
        grid-template-columns: 1fr !important;
        direction: rtl !important;
    }
    body.woocommerce-cart .cart-collaterals.bonart-cart-collaterals {
        position: static !important;
        top: auto !important;
        order: 2 !important;
    }
    body.woocommerce-cart .bonart-cart-table-panel {
        order: 1 !important;
    }
}
@media (max-width: 760px) {
    body.woocommerce-cart .bonart-woocommerce-page-template--cart {
        padding-top: 36px !important;
    }
    body.woocommerce-cart .bonart-cart-table-wrap,
    body.woocommerce-cart .bonart-cart-shell .wc-panel-body.bonart-cart-table-wrap {
        overflow-x: visible !important;
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart colgroup {
        display: none !important;
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart,
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody,
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart tr,
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart td {
        display: block !important;
        width: 100% !important;
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart thead {
        display: none !important;
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart tr.woocommerce-cart-form__cart-item {
        padding: 16px !important;
        border: 1px solid #eee6dc !important;
        border-radius: 18px !important;
        margin-bottom: 12px !important;
        outline: none !important;
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody td {
        padding: 8px 0 !important;
        border: 0 !important;
        text-align: right !important;
    }
    body.woocommerce-cart .bonart-cart-shell .shop_table.cart tbody td.actions {
        padding: 16px !important;
    }
    body.woocommerce-cart .bonart-cart-actions .coupon,
    body.woocommerce-cart .bonart-cart-actions .coupon-input,
    body.woocommerce-cart .bonart-cart-actions .coupon-btn,
    body.woocommerce-cart .bonart-cart-actions .cart-update-btn {
        width: 100% !important;
        flex-basis: 100% !important;
    }
}

/* ============================================================
   Bonart cart / checkout final alignment fix - 2026-06-20 v3
   Fixes step numbers placement and totals amount overflow.
============================================================ */
body.woocommerce-cart .steps-inner,
body.woocommerce-checkout .steps-inner {
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(8px, 1vw, 16px) !important;
}

body.woocommerce-cart .step,
body.woocommerce-checkout .step {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .38rem !important;
    min-width: 90px !important;
    padding: .15rem .4rem !important;
    text-align: center !important;
    line-height: 1.25 !important;
}

body.woocommerce-cart .step-num,
body.woocommerce-checkout .step-num {
    margin: 0 auto !important;
    position: relative !important;
    inset: auto !important;
    order: 0 !important;
    flex: 0 0 auto !important;
}

body.woocommerce-cart .step-label,
body.woocommerce-checkout .step-label {
    display: block !important;
    order: 1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    line-height: 1.35 !important;
}

body.woocommerce-cart .step-sep,
body.woocommerce-checkout .step-sep {
    align-self: center !important;
    margin-inline: .15rem !important;
}

body.woocommerce-cart .bonart-cart-collaterals .cart_totals .wc-panel-body,
body.woocommerce-cart .bonart-cart-collaterals .cart_totals.bonart-cart-totals .wc-panel-body {
    overflow: hidden !important;
    padding-inline: 20px !important;
}

body.woocommerce-cart .bonart-cart-totals-table {
    table-layout: auto !important;
}

body.woocommerce-cart .bonart-cart-totals-table th {
    width: 34% !important;
}

body.woocommerce-cart .bonart-cart-totals-table td {
    width: 66% !important;
    padding-inline-start: 10px !important;
}

body.woocommerce-cart .bonart-cart-totals-table .order-total th,
body.woocommerce-cart .bonart-cart-totals-table .order-total td {
    vertical-align: middle !important;
}

body.woocommerce-cart .bonart-cart-totals-table .order-total td {
    font-size: 1.02rem !important;
    line-height: 1.6 !important;
}

body.woocommerce-cart .bonart-cart-totals-table td .woocommerce-Price-amount,
body.woocommerce-cart .bonart-cart-totals-table td .amount,
body.woocommerce-cart .bonart-cart-totals-table td strong {
    display: inline-block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
}

body.woocommerce-cart .bonart-cart-totals-table td .woocommerce-Price-currencySymbol {
    margin-inline-start: .18em !important;
}

@media (max-width: 980px) {
    body.woocommerce-cart .step,
    body.woocommerce-checkout .step {
        min-width: 74px !important;
    }
}

@media (max-width: 640px) {
    body.woocommerce-cart .steps-inner,
    body.woocommerce-checkout .steps-inner {
        gap: 6px !important;
        padding-inline: .5rem !important;
    }

    body.woocommerce-cart .step,
    body.woocommerce-checkout .step {
        min-width: 0 !important;
        padding-inline: .2rem !important;
    }

    body.woocommerce-cart .step-label,
    body.woocommerce-checkout .step-label {
        white-space: normal !important;
        font-size: .72rem !important;
    }

    body.woocommerce-cart .bonart-cart-totals-table th,
    body.woocommerce-cart .bonart-cart-totals-table td {
        width: auto !important;
        display: table-cell !important;
    }
}

/* ============================================================
   Bonart cart final repair - 2026-06-20 v4
   Fix cart stepper to match checkout style and repair totals/shipping box.
============================================================ */
body.woocommerce-cart .steps-bar {
    width: min(calc(100% - 64px), 640px) !important;
    max-width: 640px !important;
    margin: 0 auto 30px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.woocommerce-cart .steps-inner {
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: .65rem 1rem !important;
    border: 1px solid rgba(199, 155, 97, .22) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: var(--bonart-premium-shadow-sm) !important;
}

body.woocommerce-cart .step {
    color: var(--bonart-premium-muted) !important;
    min-width: 104px !important;
}

body.woocommerce-cart .step.active,
body.woocommerce-cart .step.done {
    color: var(--bonart-premium-ink) !important;
}

body.woocommerce-cart .step-num {
    width: 32px !important;
    height: 32px !important;
    border-color: #dfd4c8 !important;
    background: #fff !important;
    color: var(--bonart-premium-muted) !important;
}

body.woocommerce-cart .step.active .step-num {
    background: linear-gradient(135deg, #d8ad72, var(--bonart-premium-gold-dark)) !important;
    border-color: var(--bonart-premium-gold) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px -15px rgba(159, 116, 64, .9) !important;
}

body.woocommerce-cart .step.done .step-num {
    background: #2f7d51 !important;
    border-color: #2f7d51 !important;
    color: #fff !important;
}

body.woocommerce-cart .step-sep {
    background: linear-gradient(90deg, transparent, #d8cbbd, transparent) !important;
}

body.woocommerce-cart .bonart-cart-shell {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 340px) !important;
    gap: 24px !important;
    margin-top: 0 !important;
}

body.woocommerce-cart .bonart-cart-collaterals,
body.woocommerce-cart .bonart-cart-collaterals .cart_totals,
body.woocommerce-cart .bonart-cart-collaterals .cart_totals .wc-panel-body {
    overflow: visible !important;
}

body.woocommerce-cart .bonart-cart-totals-table {
    table-layout: fixed !important;
}

body.woocommerce-cart .bonart-cart-totals-table tr.shipping th,
body.woocommerce-cart .bonart-cart-totals-table tr.shipping td {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
}

body.woocommerce-cart .bonart-cart-totals-table tr.shipping th {
    padding-bottom: .3rem !important;
    border-bottom: 0 !important;
}

body.woocommerce-cart .bonart-cart-totals-table tr.shipping td {
    padding-top: 0 !important;
    padding-inline-start: 0 !important;
}

body.woocommerce-cart .bonart-cart-totals-table tr.shipping .woocommerce-shipping-methods {
    width: 100% !important;
    margin: 0 !important;
}

body.woocommerce-cart .bonart-cart-totals-table tr.shipping .woocommerce-shipping-methods li {
    width: 100% !important;
}

body.woocommerce-cart .woocommerce-shipping-choice {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: .55rem !important;
    line-height: 1.7 !important;
    white-space: normal !important;
}

body.woocommerce-cart .woocommerce-shipping-choice .woocommerce-Price-amount,
body.woocommerce-cart .woocommerce-shipping-choice .amount {
    margin-right: 0 !important;
    margin-inline-start: auto !important;
    white-space: nowrap !important;
}

body.woocommerce-cart .woocommerce-shipping-destination,
body.woocommerce-cart .woocommerce-shipping-contents {
    margin: .75rem 0 0 !important;
    font-size: .84rem !important;
    line-height: 1.9 !important;
    color: var(--bonart-premium-text) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body.woocommerce-cart .shipping-calculator-button.coupon-btn {
    margin-top: .8rem !important;
}

body.woocommerce-cart .bonart-cart-totals-table .order-total td,
body.woocommerce-cart .bonart-cart-totals-table .cart-subtotal td,
body.woocommerce-cart .bonart-cart-totals-table .fee td,
body.woocommerce-cart .bonart-cart-totals-table .tax-total td,
body.woocommerce-cart .bonart-cart-totals-table .discount-total td {
    text-align: left !important;
    white-space: nowrap !important;
}

@media (max-width: 980px) {
    body.woocommerce-cart .steps-bar {
        width: min(calc(100% - 32px), 640px) !important;
    }

    body.woocommerce-cart .bonart-cart-shell {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    body.woocommerce-cart .steps-bar {
        width: min(calc(100% - 20px), 640px) !important;
    }

    body.woocommerce-cart .steps-inner {
        padding: .6rem .55rem !important;
    }

    body.woocommerce-cart .step {
        min-width: 0 !important;
    }
}


/* ============================================================
   Bonart cart final repair - 2026-06-20 v5
   Move stepper up, stop overlap, and polish cart totals sidebar.
============================================================ */
body.woocommerce-cart .bonart-woocommerce-page-template--cart {
    padding-top: clamp(44px, 5vw, 72px) !important;
}

body.woocommerce-cart .steps-bar {
    position: relative !important;
    z-index: 5 !important;
    margin-top: 0 !important;
    margin-bottom: 42px !important;
}

body.woocommerce-cart .steps-inner {
    padding: .75rem 1.15rem !important;
    box-shadow: 0 18px 46px -34px rgba(31, 22, 13, .30) !important;
}

body.woocommerce-cart .bonart-cart-shell {
    margin-top: 0 !important;
    align-items: start !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 350px) !important;
    gap: 26px !important;
}

body.woocommerce-cart .bonart-cart-collaterals,
body.woocommerce-cart .bonart-cart-totals {
    border-radius: 26px !important;
}

body.woocommerce-cart .bonart-cart-totals .wc-panel-head {
    padding: 1.15rem 1.35rem !important;
}

body.woocommerce-cart .bonart-cart-totals .wc-panel-title {
    font-size: 1.06rem !important;
}

body.woocommerce-cart .bonart-cart-collaterals .cart_totals .wc-panel-body {
    padding: 18px !important;
}

body.woocommerce-cart .bonart-cart-totals-table th,
body.woocommerce-cart .bonart-cart-totals-table td {
    padding: .9rem .2rem !important;
}

body.woocommerce-cart .bonart-cart-totals-table tr.shipping td {
    padding-top: .35rem !important;
}

body.woocommerce-cart .woocommerce-shipping-methods {
    gap: .65rem !important;
}

body.woocommerce-cart .woocommerce-shipping-choice {
    padding: .85rem 1rem !important;
    border-radius: 14px !important;
    border: 1px solid #eadfce !important;
    background: #fbf8f4 !important;
}

body.woocommerce-cart .woocommerce-shipping-choice:hover,
body.woocommerce-cart .woocommerce-shipping-choice.selected {
    border-color: var(--bonart-premium-gold) !important;
    background: #fffdf9 !important;
}

body.woocommerce-cart .woocommerce-shipping-choice input {
    margin: 0 !important;
}

body.woocommerce-cart .woocommerce-shipping-destination {
    margin-top: .9rem !important;
    padding: .7rem .85rem !important;
    border-radius: 14px !important;
    background: #faf6f0 !important;
    border: 1px dashed #eadfce !important;
}

body.woocommerce-cart .shipping-calculator-button.coupon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: .85rem !important;
}

body.woocommerce-cart .wc-proceed-to-checkout {
    margin-top: 1.3rem !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout .btn-proceed-checkout {
    width: 100% !important;
    justify-content: center !important;
}

body.woocommerce-cart .bonart-cart-totals-table .order-total th,
body.woocommerce-cart .bonart-cart-totals-table .order-total td {
    padding-top: 1.15rem !important;
}

body.woocommerce-cart .bonart-cart-totals-table .order-total td {
    font-size: 1.12rem !important;
}

@media (max-width: 980px) {
    body.woocommerce-cart .steps-bar {
        margin-bottom: 30px !important;
    }
    body.woocommerce-cart .bonart-cart-shell {
        grid-template-columns: 1fr !important;
    }
}

/* v22: footer Firefox-safe contact icons, dynamic menu headings layout, and full-width artist CTA */
.footer.footer--light .footer-about-col,
.footer.footer--light .footer-menu-col,
.footer.footer--light .footer-contact-col {
    min-width: 0;
}
.footer.footer--light .footer-artist-action {
    width: 100%;
}
.footer.footer--light .footer-artist-btn {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.footer.footer--light .footer-contact-icon,
.footer.footer--light .footer-newsletter-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: #c8c3bd;
    line-height: 1;
}
.footer.footer--light .footer-contact-icon svg,
.footer.footer--light .footer-newsletter-icon svg {
    display: block;
    width: 18px;
    height: 18px;
    overflow: visible;
}
.footer.footer--light .newsletter-btn .footer-newsletter-icon {
    color: #111;
    flex-basis: 18px;
}
.footer.footer--light .footer-contact-list,
.footer.footer--light .footer-contact-item {
    min-width: 0;
}
.footer.footer--light .footer-contact-item a,
.footer.footer--light .footer-contact-item span:not(.footer-contact-icon) {
    min-width: 0;
}

/* v23: align newsletter submit button and SVG icon with the footer input row */
.footer.footer--light .newsletter-form {
    align-items: stretch;
    overflow: hidden;
}
.footer.footer--light .newsletter-input {
    height: 36px;
    min-height: 36px;
    line-height: normal;
    box-sizing: border-box;
}
.footer.footer--light .newsletter-btn {
    flex: 0 0 36px;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    margin: 0;
    padding: 0;
    line-height: 0;
    box-sizing: border-box;
    align-self: stretch;
}
.footer.footer--light .newsletter-btn .footer-newsletter-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 0;
    line-height: 0;
}
.footer.footer--light .newsletter-btn .footer-newsletter-icon svg {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
}

/* v25: footer newsletter width alignment and artist CTA color update */
.footer.footer--light .footer-contact-col .newsletter-form {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}
.footer.footer--light .footer-contact-col .newsletter-input {
    min-width: 0;
}
.footer.footer--light .footer-contact-col .newsletter-btn {
    flex: 0 0 36px;
    width: 36px;
    min-width: 36px;
}
.footer.footer--light .footer-artist-btn,
.footer.footer--light .footer-artist-btn--static {
    background: #f7f5f1;
    border: 1px solid #ded8d0;
    color: #17130f;
}
.footer.footer--light .footer-artist-btn:hover {
    background: #ffffff;
    border-color: #c79b61;
    color: #17130f;
}


/* ============================================================
   BonArt shop archive clean header overrides
   - white/transparent archive header
   - smaller non-italic title
   - black text inside archive header
   - stats moved to toolbar
============================================================ */
.shop-archive-hero {
    background: var(--dark-bg) !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(0,0,0,.10) !important;
    box-shadow: none !important;
}
.shop-archive-hero::before,
.shop-archive-hero::after {
    content: none !important;
    display: none !important;
}
.shop-archive-hero .shop-hero-inner {
    color: #000;
}
.shop-archive-hero .woocommerce-breadcrumb,
.shop-archive-hero .shop-breadcrumb,
.shop-archive-hero .woocommerce-breadcrumb a,
.shop-archive-hero .shop-breadcrumb a,
.shop-archive-hero .bc-sep,
.shop-archive-hero .woocommerce-result-count,
.shop-archive-hero .result-count,
.shop-archive-hero .woocommerce-result-count strong,
.shop-archive-hero .result-count strong {
    color: #000 !important;
}
.shop-archive-hero .shop-title-row {
    padding: 1.05rem 0 1.15rem;
}
.shop-archive-hero .shop-page-title {
    color: #000 !important;
    font-size: clamp(1.55rem, 2.45vw, 2.35rem);
    font-style: normal !important;
    font-weight: 800;
    text-shadow: none !important;
}
.shop-archive-hero .shop-page-title .gold {
    color: #000 !important;
    font-style: normal !important;
    font-weight: 800;
}
.shop-archive-hero .shop-toolbar {
    border-top: 1px solid rgba(0,0,0,.12);
}
.shop-archive-hero .toolbar-right {
    gap: .55rem;
    flex-wrap: wrap;
}
.shop-archive-hero .shop-toolbar-meta {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}
.shop-archive-hero .shop-toolbar-meta .shop-meta-pill {
    background: transparent;
    border: 1px solid rgba(0,0,0,.16);
    color: #000 !important;
    backdrop-filter: none;
}
.shop-archive-hero .shop-toolbar-meta .shop-meta-pill strong,
.shop-archive-hero .shop-toolbar-meta .shop-meta-pill i {
    color: #000 !important;
}
.shop-archive-hero .woocommerce-ordering select,
.shop-archive-hero .sort-select,
.shop-archive-hero .view-btn,
.shop-archive-hero .filter-toggle-mobile {
    background: transparent !important;
    border-color: rgba(0,0,0,.18) !important;
    color: #000 !important;
}
.shop-archive-hero .woocommerce-ordering select:focus,
.shop-archive-hero .sort-select:focus,
.shop-archive-hero .view-btn.active,
.shop-archive-hero .view-btn:hover,
.shop-archive-hero .filter-toggle-mobile:hover {
    border-color: rgba(0,0,0,.42) !important;
    color: #000 !important;
    background: rgba(0,0,0,.035) !important;
}
.shop-archive-hero .view-btn i,
.shop-archive-hero .filter-toggle-mobile i {
    color: #000 !important;
}
@media (max-width: 600px) {
    .shop-archive-hero .toolbar-right {
        justify-content: flex-start;
    }
    .shop-archive-hero .shop-toolbar-meta {
        width: 100%;
    }
}

/* ============================================================
   v27: Minimal artwork archive cards + hover actions
   - cleaner artwork box close to the supplied reference
   - quick view / wishlist / add-to-cart are revealed on hover
============================================================ */
.shop-layout .products-grid.products {
    gap: 2.4rem 2rem !important;
    align-items: start;
}

.shop-layout .products-grid.products > li.product,
.shop-layout .products-grid.products > .product-card,
.shop-layout .products-grid.products .product-card.bonart-loop-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    cursor: default;
    height: auto;
}

.shop-layout .products-grid.products > li.product:hover,
.shop-layout .products-grid.products > .product-card:hover,
.shop-layout .products-grid.products .product-card.bonart-loop-card:hover {
    transform: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.shop-layout .products-grid.products .product-card-img {
    aspect-ratio: 1 / 1 !important;
    background: #f1eee8;
    border-radius: 0 !important;
    overflow: hidden;
}

.shop-layout .products-grid.products .product-card-image-link {
    display: block;
    height: 100%;
}

.shop-layout .products-grid.products .product-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none !important;
    transition: filter .28s ease, transform .45s ease;
}

.shop-layout .products-grid.products .product-card:hover .product-card-img img {
    transform: scale(1.025) !important;
    filter: saturate(.96) contrast(.98);
}

.shop-layout .products-grid.products .product-card-img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(0,0,0,.28);
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;
}

.shop-layout .products-grid.products .product-card:hover .product-card-img::after {
    opacity: 1;
}

.shop-layout .products-grid.products .product-card-cat {
    display: none !important;
}

.shop-layout .products-grid.products .product-card-media-actions,
.shop-layout .products-grid.products .product-card .related-actions {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 5 !important;
    width: min(82%, 230px);
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 8px !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -50%) translateY(10px) !important;
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
}

.shop-layout .products-grid.products .product-card:hover .product-card-media-actions,
.shop-layout .products-grid.products .product-card:hover .related-actions {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%) translateY(0) !important;
}

.shop-layout .products-grid.products .product-card .related-actions a,
.shop-layout .products-grid.products .product-card .related-actions button,
.shop-layout .products-grid.products .product-card-action-btn,
.shop-layout .products-grid.products .product-card-icon-cart,
.shop-layout .products-grid.products .product-card .related-actions a.add_to_cart_button {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 .9rem !important;
    border-radius: 0 !important;
    border: 1px solid rgba(0,0,0,.14) !important;
    background: rgba(255,255,255,.95) !important;
    color: #14110e !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .45rem !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    transform: none !important;
}

.shop-layout .products-grid.products .product-card .related-actions a span,
.shop-layout .products-grid.products .product-card .related-actions button span,
.shop-layout .products-grid.products .product-card-action-btn span,
.shop-layout .products-grid.products .product-card-icon-cart span {
    display: inline-block !important;
}

.shop-layout .products-grid.products .product-card .related-actions a:hover,
.shop-layout .products-grid.products .product-card .related-actions button:hover,
.shop-layout .products-grid.products .product-card-action-btn:hover,
.shop-layout .products-grid.products .product-card-icon-cart:hover,
.shop-layout .products-grid.products .product-card .related-actions a.add_to_cart_button:hover {
    background: #7a6030 !important;
    border-color: #7a6030 !important;
    color: #fff !important;
    transform: none !important;
}

.shop-layout .products-grid.products .product-card .related-actions a.add_to_cart_button.added,
.shop-layout .products-grid.products .product-card .related-actions a.add_to_cart_button.is-added-ui {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
}

.shop-layout .products-grid.products .product-card-action-btn.related-wishlist-btn.active,
.shop-layout .products-grid.products .product-card-action-btn.overlay-btn-icon.active {
    background: rgba(255,255,255,.95) !important;
    border-color: rgba(239,68,68,.45) !important;
    color: #ef4444 !important;
}

.shop-layout .products-grid.products .product-card-body {
    padding: .78rem 0 0 !important;
    border-top: 0 !important;
    background: transparent !important;
    gap: .18rem !important;
    flex: initial !important;
}

.shop-layout .products-grid.products .woocommerce-loop-product__title,
.shop-layout .products-grid.products .product-card-title {
    margin: 0 !important;
}

.shop-layout .products-grid.products .product-card-title a,
.shop-layout .products-grid.products .woocommerce-loop-product__title a {
    min-height: 0 !important;
    color: #181410 !important;
    font-size: .94rem !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.shop-layout .products-grid.products .product-card-title a:hover,
.shop-layout .products-grid.products .woocommerce-loop-product__title a:hover {
    color: #000 !important;
}

.shop-layout .products-grid.products .product-card-meta.artwork-card-meta {
    display: block !important;
    margin: .12rem 0 0 !important;
    padding: 0 !important;
}

.shop-layout .products-grid.products .product-card-meta.artwork-card-meta .product-card-meta-item,
.shop-layout .products-grid.products .product-card-meta.artwork-card-meta .product-card-size-under-title {
    display: block !important;
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #4d453d !important;
    font-size: .9rem !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
    letter-spacing: 0 !important;
}

.shop-layout .products-grid.products .product-card-meta.artwork-card-meta .product-card-artist,
.shop-layout .products-grid.products .product-card-meta.artwork-card-meta .artwork-card-artist {
    color: #222 !important;
    font-weight: 500 !important;
}

.shop-layout .products-grid.products .product-card-meta.artwork-card-meta a {
    color: inherit !important;
    text-decoration: none !important;
}

.shop-layout .products-grid.products .product-card-size-label {
    color: inherit !important;
    font-weight: 400 !important;
}

.shop-layout .products-grid.products .artwork-card-price-row {
    width: 100%;
    margin-top: .18rem !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: .55rem !important;
    text-align: left !important;
}

.shop-layout .products-grid.products .old-price {
    color: #8b8176 !important;
    font-size: .76rem !important;
    font-weight: 400 !important;
    text-decoration: line-through !important;
}

.shop-layout .products-grid.products .product-card-price,
.shop-layout .products-grid.products .product-card .price {
    margin: 0 !important;
    color: #17130f !important;
    font-size: .8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: .25rem !important;
    flex-wrap: wrap !important;
    text-align: left !important;
}

.shop-layout .products-grid.products .product-card-footer {
    display: none !important;
}

@media (hover: none) {
    .shop-layout .products-grid.products .product-card-media-actions,
    .shop-layout .products-grid.products .product-card .related-actions {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, -50%) !important;
    }
    .shop-layout .products-grid.products .product-card-img::after {
        opacity: .18;
    }
}

@media (max-width: 900px) {
    .shop-layout .products-grid.products {
        gap: 1.8rem 1.25rem !important;
    }
}

@media (max-width: 520px) {
    .shop-layout .products-grid.products .product-card .related-actions a,
    .shop-layout .products-grid.products .product-card .related-actions button,
    .shop-layout .products-grid.products .product-card-action-btn,
    .shop-layout .products-grid.products .product-card-icon-cart,
    .shop-layout .products-grid.products .product-card .related-actions a.add_to_cart_button {
        height: 36px !important;
        min-height: 36px !important;
        font-size: .7rem !important;
    }
}

/* ============================================================
   v28: Fix archive list-view card breakage after artwork-card update
   - prevents hover-action button labels from overlapping in list mode
   - keeps list cards readable if the list toggle is used
   - grid artwork cards remain the default visual style
============================================================ */
.shop-layout .products-list {
    display: none;
    flex-direction: column;
    gap: 1.15rem;
}

.shop-layout .products-list.active {
    display: flex;
}

.shop-layout .products-list .product-list-card {
    display: grid !important;
    grid-template-columns: minmax(190px, 240px) minmax(0, 1fr) !important;
    background: #fff !important;
    border: 1px solid rgba(24, 20, 16, .12) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transform: none !important;
    min-height: 210px;
}

.shop-layout .products-list .product-list-card:hover {
    transform: none !important;
    border-color: rgba(24, 20, 16, .28) !important;
    box-shadow: 0 16px 34px rgba(24, 20, 16, .08) !important;
}

.shop-layout .products-list .list-card-img {
    position: relative !important;
    overflow: hidden !important;
    background: #f2eee8 !important;
    min-height: 210px;
}

.shop-layout .products-list .list-card-img-link,
.shop-layout .products-list .list-card-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.shop-layout .products-list .list-card-img img {
    min-height: 210px !important;
    object-fit: cover !important;
    transform: none !important;
    filter: none !important;
}

.shop-layout .products-list .product-list-card:hover .list-card-img img {
    transform: scale(1.02) !important;
}

.shop-layout .products-list .list-card-cat {
    display: none !important;
}

.shop-layout .products-list .list-card-body {
    min-width: 0;
    padding: 1.15rem 1.35rem 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: .9rem !important;
    background: #fff !important;
}

.shop-layout .products-list .list-card-main {
    display: flex !important;
    flex-direction: column !important;
    gap: .35rem !important;
    min-width: 0;
}

.shop-layout .products-list .list-card-artist {
    margin: 0 !important;
    color: #5d544a !important;
    font-size: .74rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.7 !important;
}

.shop-layout .products-list .list-card-title {
    margin: 0 !important;
    color: #181410 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
}

.shop-layout .products-list .list-card-title a {
    color: inherit !important;
    text-decoration: none !important;
}

.shop-layout .products-list .list-card-size,
.shop-layout .products-list .list-card-meta,
.shop-layout .products-list .list-card-meta .product-card-meta-item,
.shop-layout .products-list .list-card-meta .product-card-size-under-title {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #5d544a !important;
    font-size: .76rem !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
}

.shop-layout .products-list .list-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .2rem .7rem !important;
}

.shop-layout .products-list .list-card-excerpt {
    display: none !important;
}

.shop-layout .products-list .list-card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .9rem !important;
    margin-top: auto !important;
    padding-top: .85rem !important;
    border-top: 1px solid rgba(24,20,16,.12) !important;
}

.shop-layout .products-list .list-card-price {
    color: #181410 !important;
    font-size: .96rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.shop-layout .products-list .list-card-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .55rem !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
}

.shop-layout .products-list .list-quick-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: .35rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.shop-layout .products-list .list-quick-actions .product-card-action-btn,
.shop-layout .products-list .list-quick-actions .product-card-icon-cart,
.shop-layout .products-list .list-quick-actions a.add_to_cart_button,
.shop-layout .products-list .list-quick-actions button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: 1px solid rgba(24,20,16,.15) !important;
    background: #fff !important;
    color: #181410 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    line-height: 1 !important;
    font-size: .82rem !important;
    overflow: hidden !important;
    text-indent: 0 !important;
}

.shop-layout .products-list .list-quick-actions .product-card-action-btn span,
.shop-layout .products-list .list-quick-actions .product-card-icon-cart span,
.shop-layout .products-list .list-quick-actions a.add_to_cart_button span,
.shop-layout .products-list .list-quick-actions button span {
    display: none !important;
}

.shop-layout .products-list .list-quick-actions .product-card-action-btn:hover,
.shop-layout .products-list .list-quick-actions .product-card-icon-cart:hover,
.shop-layout .products-list .list-quick-actions a.add_to_cart_button:hover,
.shop-layout .products-list .list-quick-actions button:hover {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
    transform: none !important;
}

.shop-layout .products-list .list-card-actions > .list-card-add-btn,
.shop-layout .products-list .list-card-actions > .product-card-add,
.shop-layout .products-list .list-card-actions > .product-cart-btn,
.shop-layout .products-list .list-card-actions > .add_to_cart_button {
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 .95rem !important;
    border-radius: 0 !important;
    border: 1px solid rgba(24,20,16,.18) !important;
    background: #f7f3ed !important;
    color: #181410 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .35rem !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

.shop-layout .products-list .list-card-actions > .list-card-add-btn:hover,
.shop-layout .products-list .list-card-actions > .product-card-add:hover,
.shop-layout .products-list .list-card-actions > .product-cart-btn:hover,
.shop-layout .products-list .list-card-actions > .add_to_cart_button:hover {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
    transform: none !important;
}

@media (max-width: 740px) {
    .shop-layout .products-list .product-list-card {
        grid-template-columns: 1fr !important;
    }
    .shop-layout .products-list .list-card-img,
    .shop-layout .products-list .list-card-img img {
        min-height: 240px !important;
    }
    .shop-layout .products-list .list-card-footer {
        align-items: stretch !important;
        flex-direction: column !important;
    }
    .shop-layout .products-list .list-card-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}


/* v29 shop archive header background + remove count icons */
body .shop-hero,
body .shop-archive-hero {
    background-color: var(--dark-surface, #f7f5f2) !important;
    background-image: none !important;
    border-bottom: 1px solid #ded8cf !important;
    box-shadow: none !important;
}
body .shop-hero::before,
body .shop-hero::after,
body .shop-archive-hero::before,
body .shop-archive-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}
body .shop-hero-inner {
    background: transparent !important;
}
body .shop-hero .woocommerce-breadcrumb,
body .shop-hero .shop-breadcrumb,
body .shop-hero .woocommerce-breadcrumb a,
body .shop-hero .shop-breadcrumb a,
body .shop-hero .bc-sep,
body .shop-page-title,
body .shop-page-title .gold,
body .woocommerce-result-count,
body .result-count,
body .woocommerce-result-count strong,
body .result-count strong {
    color: #1a1612 !important;
    text-shadow: none !important;
}
body .shop-page-title .gold {
    font-style: normal !important;
    font-weight: inherit !important;
}
body .shop-toolbar {
    border-top: 1px solid #ded8cf !important;
}
body .shop-meta-pill {
    background: transparent !important;
    border-color: #d7cfc4 !important;
    color: #1a1612 !important;
    backdrop-filter: none !important;
}
body .shop-meta-pill strong {
    color: #1a1612 !important;
}
body .shop-toolbar-meta .shop-meta-pill i {
    display: none !important;
}
body .toolbar-right .woocommerce-ordering select,
body .toolbar-right .sort-select,
body .view-btn,
body .filter-toggle-mobile {
    background: transparent !important;
    border-color: #d7cfc4 !important;
    color: #1a1612 !important;
}
body .view-btn.active,
body .view-btn:hover,
body .filter-toggle-mobile:hover {
    background: #fff !important;
    color: #1a1612 !important;
    border-color: #bfb4a6 !important;
}


/* v30: make shop product/list card backgrounds match page body */
body .shop-layout,
body .shop-layout .products-grid.products,
body .shop-layout .products-list {
    background: var(--dark-surface, #f7f5f2) !important;
}

body .shop-layout .products-list .product-list-card,
body .shop-layout .products-list .list-card-body {
    background: var(--dark-surface, #f7f5f2) !important;
}

body .shop-layout .products-list .product-list-card:hover {
    background: var(--dark-surface, #f7f5f2) !important;
}

body .shop-layout .products-list .list-card-footer {
    border-top-color: rgba(24,20,16,.10) !important;
}


/* v31: normalize toolbar result-count pill height */
body .shop-archive-hero .shop-toolbar-meta .shop-meta-pill,
body .shop-hero .shop-toolbar-meta .shop-meta-pill {
    height: 36px !important;
    min-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

body .shop-archive-hero .shop-toolbar-meta .shop-meta-result-count,
body .shop-hero .shop-toolbar-meta .shop-meta-result-count {
    height: 36px !important;
    min-height: 36px !important;
    white-space: nowrap !important;
}


/* v32: normalize sorting select height with toolbar buttons/pills */
body .shop-archive-hero .toolbar-right .woocommerce-ordering,
body .shop-hero .toolbar-right .woocommerce-ordering,
body .shop-archive-hero .toolbar-right .woocommerce-ordering form,
body .shop-hero .toolbar-right .woocommerce-ordering form {
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

body .shop-archive-hero .toolbar-right .woocommerce-ordering select,
body .shop-hero .toolbar-right .woocommerce-ordering select,
body .shop-archive-hero .toolbar-right .sort-select,
body .shop-hero .toolbar-right .sort-select {
    height: 36px !important;
    min-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}


/* v31: replace sidebar with top horizontal archive filters */
.shop-layout.shop-layout--no-sidebar {
    grid-template-columns: minmax(0, 1fr) !important;
}
.shop-layout.shop-layout--no-sidebar .products-col {
    min-width: 0;
}
.shop-layout.shop-layout--no-sidebar .filter-sidebar {
    display: none !important;
}
#filterOffcanvas,
#offcanvasOverlay,
#filterToggleMobile {
    display: none !important;
}

.archive-top-filters {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1.2rem 1.75rem 0;
}
.archive-top-filters__inner {
    background: transparent;
    border-top: 1px solid #ded8cf;
    padding-top: 1.2rem;
}
.archive-top-filters__heading {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a1612;
    text-align: center;
    margin-bottom: 1rem;
}
.archive-cat-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    justify-content: center;
    margin-bottom: 1rem;
}
.archive-cat-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    min-height: 44px;
    padding: .65rem 1.25rem;
    border: 1px solid #d7cfc4;
    border-radius: 12px;
    background: transparent;
    color: #4c463f;
    font-size: .88rem;
    font-weight: 600;
    transition: var(--transition);
}
.archive-cat-pill:hover,
.archive-cat-pill.is-active {
    color: #111;
    border-color: #cdbca5;
    background: #fff;
}
.archive-inline-filter-form {
    display: grid;
    grid-template-columns: minmax(220px,1.2fr) repeat(3, minmax(160px, 1fr)) auto;
    gap: .8rem;
    align-items: stretch;
}
.archive-inline-field,
.archive-inline-actions {
    min-width: 0;
}
.archive-inline-field input,
.archive-inline-field select {
    width: 100%;
    min-height: 46px;
    padding: .7rem 1rem;
    border: 1px solid #d7cfc4;
    border-radius: 12px;
    background: #fff;
    color: #1a1612;
    font-size: .85rem;
    font-family: var(--font);
    outline: none;
}
.archive-inline-field input:focus,
.archive-inline-field select:focus {
    border-color: #b8aa98;
}
.archive-inline-actions {
    display: flex;
    gap: .6rem;
}
.archive-inline-btn {
    min-height: 46px;
    padding: 0 1.1rem;
    border-radius: 12px;
    font-size: .82rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border: 1px solid #d7cfc4;
}
.archive-inline-btn--primary {
    background: #1a1612;
    color: #fff;
    border-color: #1a1612;
}
.archive-inline-btn--ghost {
    background: #fff;
    color: #1a1612;
}
.shop-archive-hero .shop-toolbar {
    justify-content: flex-start !important;
}
.shop-archive-hero .toolbar-right {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start !important;
}
@media (max-width: 1200px) {
    .archive-inline-filter-form {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}
@media (max-width: 768px) {
    .archive-top-filters {
        padding: 1rem 1rem 0;
    }
    .archive-top-filters__heading {
        font-size: 1.05rem;
    }
    .archive-cat-pills {
        justify-content: stretch;
    }
    .archive-cat-pill {
        flex: 1 1 calc(50% - .5rem);
        min-width: 0;
    }
    .archive-inline-filter-form {
        grid-template-columns: 1fr;
    }
    .archive-inline-actions {
        flex-direction: column;
    }
}


/* v32: place category/filter controls on the left side of the archive title */
.shop-title-row.shop-title-row--with-filters {
    align-items: flex-start !important;
    gap: 1.5rem !important;
    flex-wrap: nowrap !important;
}
.shop-title-row--with-filters .shop-title-main {
    flex: 0 0 auto;
    min-width: 260px;
}
.shop-title-row--with-filters .archive-top-filters {
    flex: 1 1 auto;
    max-width: 930px;
    margin: 0 !important;
    padding: 0 !important;
    align-self: flex-start;
}
.shop-title-row--with-filters .archive-top-filters__inner {
    border-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
}
.shop-title-row--with-filters .archive-top-filters__heading {
    display: none !important;
}
.shop-title-row--with-filters .archive-cat-pills {
    margin-bottom: .72rem !important;
    gap: .55rem !important;
    justify-content: flex-start !important;
}
.shop-title-row--with-filters .archive-cat-pill {
    min-width: 92px !important;
    min-height: 34px !important;
    padding: .45rem .85rem !important;
    border-radius: 0 !important;
    font-size: .76rem !important;
}
.shop-title-row--with-filters .archive-inline-filter-form {
    grid-template-columns: minmax(180px, 1.15fr) repeat(2, minmax(150px, .9fr)) auto !important;
    gap: .55rem !important;
}
.shop-title-row--with-filters .archive-inline-field input,
.shop-title-row--with-filters .archive-inline-field select,
.shop-title-row--with-filters .archive-inline-btn {
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 0 !important;
    font-size: .74rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.shop-title-row--with-filters .archive-inline-actions {
    gap: .45rem !important;
}
.shop-title-row--with-filters .archive-inline-btn {
    padding-inline: .8rem !important;
}
.shop-title-row--with-filters .archive-inline-field:nth-of-type(4) {
    display: none !important;
}
@media (max-width: 1180px) {
    .shop-title-row.shop-title-row--with-filters {
        flex-wrap: wrap !important;
    }
    .shop-title-row--with-filters .archive-top-filters {
        max-width: 100%;
        flex-basis: 100%;
    }
}
@media (max-width: 768px) {
    .shop-title-row--with-filters .shop-title-main {
        min-width: 0;
    }
    .shop-title-row--with-filters .archive-inline-filter-form {
        grid-template-columns: 1fr !important;
    }
    .shop-title-row--with-filters .archive-inline-actions {
        flex-direction: row !important;
    }
}


/* v33: move category section into filter row and convert categories to dropdown */
.shop-title-row--with-filters .archive-top-filters__heading,
.shop-title-row--with-filters .archive-cat-pills {
    display: none !important;
}
.shop-title-row--with-filters .archive-top-filters--compact {
    margin-right: auto !important;
}
.shop-title-row--with-filters .archive-inline-filter-form--compact {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(150px, 1fr)) minmax(220px, 1.2fr) auto !important;
    gap: .55rem !important;
    align-items: stretch !important;
}
.shop-title-row--with-filters .archive-inline-filter-form--compact .archive-inline-field:nth-of-type(4) {
    display: block !important;
}
.shop-title-row--with-filters .archive-inline-field--category {
    min-width: 170px;
}
.shop-title-row--with-filters .archive-inline-field--search {
    min-width: 220px;
}
.shop-title-row--with-filters .archive-inline-field input,
.shop-title-row--with-filters .archive-inline-field select,
.shop-title-row--with-filters .archive-inline-btn {
    min-height: 36px !important;
    height: 36px !important;
}
@media (max-width: 1320px) {
    .shop-title-row--with-filters .archive-inline-filter-form--compact {
        grid-template-columns: repeat(2, minmax(170px, 1fr)) minmax(220px, 1.1fr) auto !important;
    }
}
@media (max-width: 1180px) {
    .shop-title-row--with-filters .archive-inline-filter-form--compact {
        grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
    }
}
@media (max-width: 768px) {
    .shop-title-row--with-filters .archive-inline-filter-form--compact {
        grid-template-columns: 1fr !important;
    }
    .shop-title-row--with-filters .archive-inline-actions {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
}


/* v34: swap toolbar with top filter row + masonry grid for 3/4 columns */
.shop-title-row.shop-title-row--with-toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: nowrap;
}
.shop-title-row--with-toolbar .shop-title-main {
    flex: 0 0 auto;
    min-width: 260px;
}
.shop-title-row--with-toolbar .shop-toolbar {
    flex: 1 1 auto;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    justify-content: flex-start !important;
}
.shop-title-row--with-toolbar .toolbar-right {
    width: 100%;
    justify-content: flex-start !important;
    flex-wrap: wrap;
}
.shop-archive-hero > .shop-hero-inner > .archive-top-filters {
    padding: 1rem 0 0 !important;
    max-width: none !important;
}
.shop-archive-hero > .shop-hero-inner > .archive-top-filters .archive-top-filters__inner {
    border-top: 1px solid #ded8cf !important;
    padding-top: 1rem !important;
}
@media (max-width: 1180px) {
    .shop-title-row.shop-title-row--with-toolbar {
        flex-wrap: wrap;
    }
}

/* Masonry-ish columns for archive grid modes */
.shop-layout .products-grid.products.active {
    display: block !important;
    column-count: 3;
    column-gap: 2rem;
}
.shop-layout .products-grid.products.active.grid-4 {
    column-count: 4;
}
.shop-layout .products-grid.products.active > li.product,
.shop-layout .products-grid.products.active > .product-card,
.shop-layout .products-grid.products.active .product-card.bonart-loop-card {
    display: inline-block !important;
    width: 100% !important;
    margin: 0 0 2.4rem !important;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    vertical-align: top;
}
@media (max-width: 1280px) {
    .shop-layout .products-grid.products.active.grid-4 {
        column-count: 3;
    }
}
@media (max-width: 900px) {
    .shop-layout .products-grid.products.active,
    .shop-layout .products-grid.products.active.grid-4 {
        column-count: 2;
        column-gap: 1.25rem;
    }
    .shop-layout .products-grid.products.active > li.product,
    .shop-layout .products-grid.products.active > .product-card,
    .shop-layout .products-grid.products.active .product-card.bonart-loop-card {
        margin-bottom: 1.8rem !important;
    }
}
@media (max-width: 520px) {
    .shop-layout .products-grid.products.active,
    .shop-layout .products-grid.products.active.grid-4 {
        column-count: 1;
    }
}


/* v35: align toolbar opposite the title on the far left and vertically centered */
.shop-title-row.shop-title-row--with-toolbar {
    align-items: center !important;
}
.shop-title-row--with-toolbar .shop-toolbar {
    flex: 1 1 auto !important;
    align-self: center !important;
    margin: 0 !important;
}
.shop-title-row--with-toolbar .toolbar-right {
    width: 100% !important;
    justify-content: flex-end !important;
    align-items: center !important;
}
@media (max-width: 1180px) {
    .shop-title-row--with-toolbar .toolbar-right {
        justify-content: flex-start !important;
    }
}


/* v36: true masonry for 3-column and 4-column archive views */
.shop-layout .products-grid.products.active {
    display: block !important;
    column-count: 3 !important;
    column-gap: 2rem !important;
    grid-template-columns: none !important;
    gap: 0 !important;
}
.shop-layout .products-grid.products.active.grid-4 {
    column-count: 4 !important;
}
.shop-layout .products-grid.products.active > li.product,
.shop-layout .products-grid.products.active > .product-card,
.shop-layout .products-grid.products.active .product-card.bonart-loop-card {
    display: inline-block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2.35rem !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    page-break-inside: avoid !important;
    vertical-align: top !important;
}
.shop-layout .products-grid.products .product-card-img {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
}
.shop-layout .products-grid.products .product-card-image-link {
    height: auto !important;
    display: block !important;
}
.shop-layout .products-grid.products .product-card-img img,
.shop-layout .products-grid.products img.attachment-woocommerce_thumbnail {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: initial !important;
    display: block !important;
}
.shop-layout .products-grid.products .product-card-body {
    display: block !important;
}
.shop-layout .products-grid.products .product-card:hover .product-card-img img {
    transform: none !important;
    filter: saturate(.96) contrast(.98);
}
@media (max-width: 1280px) {
    .shop-layout .products-grid.products.active.grid-4 {
        column-count: 3 !important;
    }
}
@media (max-width: 900px) {
    .shop-layout .products-grid.products.active,
    .shop-layout .products-grid.products.active.grid-4 {
        column-count: 2 !important;
        column-gap: 1.25rem !important;
    }
    .shop-layout .products-grid.products.active > li.product,
    .shop-layout .products-grid.products.active > .product-card,
    .shop-layout .products-grid.products.active .product-card.bonart-loop-card {
        margin-bottom: 1.8rem !important;
    }
}
@media (max-width: 520px) {
    .shop-layout .products-grid.products.active,
    .shop-layout .products-grid.products.active.grid-4 {
        column-count: 1 !important;
    }
}


/* v36: remove bottom border under the archive header/filter section */
body .shop-hero,
body .shop-archive-hero {
    border-bottom: 0 !important;
}


/* v37: fix masonry card image stretching and add clean spacing between artwork boxes */
.shop-layout .products-grid.products.active {
    column-gap: 2.25rem !important;
}
.shop-layout .products-grid.products.active > li.product,
.shop-layout .products-grid.products.active > .product-card,
.shop-layout .products-grid.products.active .product-card.bonart-loop-card {
    margin: 0 0 3rem !important;
    padding: 0 !important;
}
.shop-layout .products-grid.products.active .product-card-img {
    display: block !important;
    width: 100% !important;
    line-height: 0 !important;
    overflow: hidden !important;
    aspect-ratio: auto !important;
    height: auto !important;
}
.shop-layout .products-grid.products.active .product-card-image-link {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}
.shop-layout .products-grid.products.active .product-card-img img,
.shop-layout .products-grid.products.active img.attachment-woocommerce_thumbnail {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}
.shop-layout .products-grid.products.active .product-card-body {
    display: block !important;
    padding: .9rem 0 0 !important;
}
.shop-layout .products-grid.products.active .product-card-meta.artwork-card-meta {
    margin-top: .18rem !important;
}
.shop-layout .products-grid.products.active .artwork-card-price-row {
    margin-top: .45rem !important;
}
@media (max-width: 900px) {
    .shop-layout .products-grid.products.active {
        column-gap: 1.35rem !important;
    }
    .shop-layout .products-grid.products.active > li.product,
    .shop-layout .products-grid.products.active > .product-card,
    .shop-layout .products-grid.products.active .product-card.bonart-loop-card {
        margin-bottom: 2.1rem !important;
    }
}


/* v38: fix empty column in 4-column masonry view */
.shop-layout .products-grid.products.active,
.shop-layout .products-grid.products.active.grid-4 {
    direction: ltr !important;
    column-fill: balance !important;
    -webkit-column-fill: balance !important;
}
.shop-layout .products-grid.products.active > li.product,
.shop-layout .products-grid.products.active > .product-card,
.shop-layout .products-grid.products.active .product-card.bonart-loop-card {
    direction: rtl !important;
    text-align: right !important;
}
.shop-layout .products-grid.products.active .product-card-body,
.shop-layout .products-grid.products.active .product-card-meta,
.shop-layout .products-grid.products.active .artwork-card-price-row {
    text-align: right !important;
}


/* v39: add a subtle border around each artwork card box */
.shop-layout .products-grid.products > li.product,
.shop-layout .products-grid.products > .product-card,
.shop-layout .products-grid.products .product-card.bonart-loop-card,
.shop-layout .products-list .product-list-card {
    border: 1px solid #d9d0c4 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

.shop-layout .products-grid.products .product-card-body {
    padding-top: 1rem !important;
}

.shop-layout .products-grid.products.active > li.product,
.shop-layout .products-grid.products.active > .product-card,
.shop-layout .products-grid.products.active .product-card.bonart-loop-card {
    margin-bottom: 3rem !important;
}


/* v40: add horizontal padding for artwork card texts */
.shop-layout .products-grid.products .product-card-body,
.shop-layout .products-grid.products.active .product-card-body {
    padding: 1rem 14px .95rem !important;
    box-sizing: border-box !important;
}

.shop-layout .products-grid.products .product-card-title,
.shop-layout .products-grid.products .product-card-meta.artwork-card-meta,
.shop-layout .products-grid.products .artwork-card-price-row {
    padding-inline: 0 !important;
    box-sizing: border-box !important;
}

.shop-layout .products-grid.products .artwork-card-price-row {
    width: 100% !important;
}

.shop-layout .products-list .list-card-body {
    padding-inline: 1.6rem !important;
}


/* v41: keep filter form above product card links and use safe query params */
.archive-top-filters,
.archive-inline-filter-form {
    position: relative;
    z-index: 10;
}
.archive-inline-filter-form button,
.archive-inline-filter-form a,
.archive-inline-filter-form input,
.archive-inline-filter-form select {
    position: relative;
    z-index: 11;
}


/* v41: AJAX archive filter states */
.archive-inline-filter-form {
    position: relative;
    z-index: 20;
}
.archive-inline-filter-form.is-loading {
    opacity: .72;
    pointer-events: none;
}
.products-loading.loading #productsGrid,
.products-loading.loading #productsListView {
    opacity: .42;
    transition: opacity .2s ease;
}


/* v42: remove apply button spacing and fix cramped filter/toolbar text */
.archive-inline-filter-form--compact {
    grid-template-columns: repeat(3, minmax(170px, 1fr)) minmax(240px, 1.25fr) auto !important;
    align-items: center !important;
}
.archive-inline-filter-form .archive-inline-field input,
.archive-inline-filter-form .archive-inline-field select {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    line-height: 40px !important;
    text-align: right !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.archive-inline-filter-form .archive-inline-field--search input {
    padding-inline: 18px !important;
}
.archive-inline-actions {
    display: flex !important;
    align-items: center !important;
    gap: .5rem !important;
}
.archive-inline-btn--primary {
    display: none !important;
}
.archive-inline-btn--ghost {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    min-width: 92px !important;
    background: transparent !important;
    color: #1a1612 !important;
    border: 1px solid #d7cfc4 !important;
    white-space: nowrap !important;
}
.shop-title-row--with-toolbar .toolbar-right,
.shop-toolbar .toolbar-right {
    gap: .65rem !important;
    align-items: center !important;
}
.shop-toolbar-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: .55rem !important;
    flex-wrap: nowrap !important;
}
body .shop-meta-pill,
body .shop-archive-hero .shop-toolbar-meta .shop-meta-pill,
body .shop-hero .shop-toolbar-meta .shop-meta-pill {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
body .shop-meta-result-count {
    min-width: 132px !important;
}
body .woocommerce-ordering,
body .toolbar-right .woocommerce-ordering {
    margin: 0 !important;
}
body .woocommerce-ordering select,
body .toolbar-right .woocommerce-ordering select,
body .toolbar-right .sort-select {
    height: 36px !important;
    min-height: 36px !important;
    min-width: 220px !important;
    padding: 0 14px !important;
    line-height: 36px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    text-align: right !important;
    box-sizing: border-box !important;
}
@media (max-width: 1180px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
    }
}
@media (max-width: 768px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: 1fr !important;
    }
    body .woocommerce-ordering select,
    body .toolbar-right .woocommerce-ordering select,
    body .toolbar-right .sort-select {
        min-width: 180px !important;
        width: 100% !important;
    }
}


/* v43: stronger inner spacing for toolbar/filter text and artwork card text */
body .shop-toolbar .toolbar-right {
    gap: .9rem !important;
}
body .shop-toolbar-meta {
    gap: .75rem !important;
}
body .shop-meta-pill,
body .shop-archive-hero .shop-toolbar-meta .shop-meta-pill,
body .shop-hero .shop-toolbar-meta .shop-meta-pill {
    padding-right: 22px !important;
    padding-left: 22px !important;
    min-width: 84px !important;
    justify-content: center !important;
    text-align: center !important;
}
body .shop-meta-result-count,
body .shop-archive-hero .shop-toolbar-meta .shop-meta-result-count,
body .shop-hero .shop-toolbar-meta .shop-meta-result-count {
    min-width: 170px !important;
}
body .woocommerce-ordering select,
body .toolbar-right .woocommerce-ordering select,
body .toolbar-right .sort-select,
.archive-inline-filter-form .archive-inline-field select {
    -webkit-appearance: none !important;
    appearance: none !important;
    direction: rtl !important;
    text-align: right !important;
    text-align-last: right !important;
    padding-right: 26px !important;
    padding-left: 44px !important;
    background-image: linear-gradient(45deg, transparent 50%, #222 50%), linear-gradient(135deg, #222 50%, transparent 50%) !important;
    background-position: left 18px center, left 12px center !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
}
.archive-inline-filter-form .archive-inline-field input {
    padding-right: 26px !important;
    padding-left: 26px !important;
    text-align: right !important;
}
.archive-inline-btn--ghost,
.archive-inline-filter-form .archive-inline-btn--ghost {
    padding-right: 22px !important;
    padding-left: 22px !important;
    min-width: 108px !important;
    justify-content: center !important;
}
.shop-layout .products-grid.products .product-card-body,
.shop-layout .products-grid.products.active .product-card-body,
.shop-layout .products-grid.products .bonart-loop-card .product-card-body {
    padding: 18px 22px 20px !important;
    box-sizing: border-box !important;
}
.shop-layout .products-grid.products .woocommerce-loop-product__title,
.shop-layout .products-grid.products .product-card-title,
.shop-layout .products-grid.products .product-card-meta.artwork-card-meta,
.shop-layout .products-grid.products .artwork-card-price-row {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.shop-layout .products-grid.products .product-card-title a,
.shop-layout .products-grid.products .woocommerce-loop-product__title a,
.shop-layout .products-grid.products .product-card-meta.artwork-card-meta .product-card-meta-item,
.shop-layout .products-grid.products .product-card-price,
.shop-layout .products-grid.products .product-card .price {
    word-break: normal !important;
    overflow-wrap: anywhere;
}
.shop-layout .products-list .list-card-body {
    padding-right: 22px !important;
    padding-left: 22px !important;
}


/* v43: four-column view is fixed square grid + persist view handled in JS */
.shop-layout .products-grid.products.active.grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 2.1rem 1.7rem !important;
    column-count: initial !important;
    column-gap: initial !important;
    direction: rtl !important;
}
.shop-layout .products-grid.products.active.grid-4 > li.product,
.shop-layout .products-grid.products.active.grid-4 > .product-card,
.shop-layout .products-grid.products.active.grid-4 .product-card.bonart-loop-card {
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    break-inside: auto !important;
    -webkit-column-break-inside: auto !important;
    page-break-inside: auto !important;
}
.shop-layout .products-grid.products.active.grid-4 .product-card-img {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    line-height: 0 !important;
    overflow: hidden !important;
    background: #f1eee8 !important;
}
.shop-layout .products-grid.products.active.grid-4 .product-card-image-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.shop-layout .products-grid.products.active.grid-4 .product-card-img img,
.shop-layout .products-grid.products.active.grid-4 img.attachment-woocommerce_thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}
.shop-layout .products-grid.products.active.grid-4 .product-card-body {
    padding: .95rem 1rem 0 !important;
}
@media (max-width: 1280px) {
    .shop-layout .products-grid.products.active.grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 1.8rem 1.35rem !important;
    }
}
@media (max-width: 1024px) {
    .shop-layout .products-grid.products.active.grid-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 760px) {
    .shop-layout .products-grid.products.active.grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 520px) {
    .shop-layout .products-grid.products.active.grid-4 {
        grid-template-columns: 1fr !important;
    }
}


/* v44: stronger spacing for 4-column square grid cards */
.shop-layout .products-grid.products.active.grid-4 {
    gap: 2.4rem 2.1rem !important;
    align-items: start !important;
}
.shop-layout .products-grid.products.active.grid-4 > li.product,
.shop-layout .products-grid.products.active.grid-4 > .product-card,
.shop-layout .products-grid.products.active.grid-4 .product-card.bonart-loop-card {
    margin: 0 !important;
}
@media (max-width: 1280px) {
    .shop-layout .products-grid.products.active.grid-4 {
        gap: 2rem 1.6rem !important;
    }
}
@media (max-width: 760px) {
    .shop-layout .products-grid.products.active.grid-4 {
        gap: 1.4rem 1rem !important;
    }
}


/* v46: add clearer spacing between artwork cards, especially in 4-column mode */
.shop-layout .products-grid.products.active.grid-4 {
    gap: 2.8rem 2.4rem !important;
    padding-top: .35rem !important;
}

.shop-layout .products-grid.products.active.grid-4 > li.product,
.shop-layout .products-grid.products.active.grid-4 > .product-card,
.shop-layout .products-grid.products.active.grid-4 .product-card.bonart-loop-card {
    margin: 0 !important;
    align-self: start !important;
}

.shop-layout .products-grid.products.active.grid-4 .product-card.bonart-loop-card,
.shop-layout .products-grid.products.active.grid-4 > li.product {
    box-sizing: border-box !important;
}

.shop-layout .products-grid.products.active.grid-4 .product-card-body {
    padding-top: 1rem !important;
}

@media (max-width: 1280px) {
    .shop-layout .products-grid.products.active.grid-4 {
        gap: 2.2rem 1.8rem !important;
    }
}

@media (max-width: 760px) {
    .shop-layout .products-grid.products.active.grid-4 {
        gap: 1.5rem 1.1rem !important;
    }
}


/* v47: make first grid mode a 4-column masonry, tighten top spacing, and remove dark hover overlay */
.shop-layout .products-col {
    padding-top: .2rem !important;
}
#productsWrapper {
    margin-top: .55rem !important;
}

/* first grid mode (grid3 button) now behaves as 4-column masonry */
.shop-layout .products-grid.products.active:not(.grid-4) {
    display: block !important;
    column-count: 4 !important;
    column-gap: 2rem !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    direction: ltr !important;
}
.shop-layout .products-grid.products.active:not(.grid-4) > li.product,
.shop-layout .products-grid.products.active:not(.grid-4) > .product-card,
.shop-layout .products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    display: inline-block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2.2rem !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    page-break-inside: avoid !important;
    vertical-align: top !important;
    direction: rtl !important;
}
.shop-layout .products-grid.products.active:not(.grid-4) .product-card-body,
.shop-layout .products-grid.products.active:not(.grid-4) .product-card-meta,
.shop-layout .products-grid.products.active:not(.grid-4) .artwork-card-price-row {
    text-align: right !important;
}
@media (max-width: 1280px) {
    .shop-layout .products-grid.products.active:not(.grid-4) {
        column-count: 3 !important;
        column-gap: 1.6rem !important;
    }
}
@media (max-width: 900px) {
    .shop-layout .products-grid.products.active:not(.grid-4) {
        column-count: 2 !important;
        column-gap: 1.1rem !important;
    }
    .shop-layout .products-grid.products.active:not(.grid-4) > li.product,
    .shop-layout .products-grid.products.active:not(.grid-4) > .product-card,
    .shop-layout .products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
        margin-bottom: 1.6rem !important;
    }
}
@media (max-width: 520px) {
    .shop-layout .products-grid.products.active:not(.grid-4) {
        column-count: 1 !important;
    }
}

/* remove gray darkening overlay but keep hover buttons visible */
.shop-layout .products-grid.products .product-card-img::after {
    display: none !important;
    opacity: 0 !important;
    background: transparent !important;
}
.shop-layout .products-grid.products .product-card:hover .product-card-img::after {
    opacity: 0 !important;
}
.shop-layout .products-grid.products .product-card:hover .product-card-media-actions,
.shop-layout .products-grid.products .product-card:hover .related-actions {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* keep active wishlist theme-colored */
.product-card-action-btn.related-wishlist-btn.active,
.product-card-action-btn.overlay-btn-icon.active,
.related-section.related .related-actions .related-wishlist-btn.active,
.shop-layout .products-grid.products .product-card-action-btn.related-wishlist-btn.active,
.shop-layout .products-grid.products .product-card-action-btn.overlay-btn-icon.active,
.shop-layout .products-list .list-quick-actions .related-wishlist-btn.active,
.btn-wishlist.active,
.btn-wishlist:hover {
    border-color: var(--gold-dark) !important;
    background: rgba(204,204,204,.16) !important;
    color: var(--gold-dark) !important;
    box-shadow: none !important;
}
.product-card-action-btn.related-wishlist-btn.active i,
.product-card-action-btn.overlay-btn-icon.active i,
.related-section.related .related-actions .related-wishlist-btn.active i,
.shop-layout .products-grid.products .product-card-action-btn.related-wishlist-btn.active i,
.shop-layout .products-list .list-quick-actions .related-wishlist-btn.active i,
.btn-wishlist.active i,
.btn-wishlist:hover i {
    color: var(--gold-dark) !important;
}


/* v48: dropdown arrows, add subject/price filters, and icon-only hover actions */
.archive-inline-filter-form--compact {
    grid-template-columns: repeat(5, minmax(150px, 1fr)) minmax(240px, 1.2fr) auto !important;
    align-items: center !important;
}
.archive-inline-field--select {
    position: relative !important;
}
.archive-inline-field--select::after,
.woocommerce-ordering::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #5d544a;
    font-size: 12px;
    line-height: 1;
    pointer-events: none;
}
.woocommerce-ordering {
    position: relative !important;
}
.archive-inline-field--select select,
body .woocommerce-ordering select,
body .toolbar-right .woocommerce-ordering select,
body .toolbar-right .sort-select {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    padding-left: 38px !important;
    padding-right: 14px !important;
}
.archive-inline-field--search input {
    padding-inline: 16px !important;
}
.archive-inline-actions,
.archive-inline-filter-form .archive-inline-actions {
    display: inline-flex !important;
    justify-content: flex-start !important;
}
.archive-inline-btn--ghost {
    min-width: 46px !important;
    width: 46px !important;
    padding: 0 !important;
}
.archive-inline-btn--ghost i {
    font-size: 14px !important;
}
@media (max-width: 1480px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: repeat(4, minmax(160px, 1fr)) minmax(220px, 1.2fr) auto !important;
    }
}
@media (max-width: 1200px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: repeat(3, minmax(160px, 1fr)) minmax(220px, 1.2fr) auto !important;
    }
}
@media (max-width: 900px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
    }
}

/* icon-only hover action buttons on one line */
.shop-layout .products-grid.products .product-card .related-actions,
.shop-layout .products-grid.products .product-card-media-actions {
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: .45rem !important;
    flex-wrap: nowrap !important;
}
.shop-layout .products-grid.products .product-card .related-actions a,
.shop-layout .products-grid.products .product-card .related-actions button,
.shop-layout .products-grid.products .product-card-media-actions a,
.shop-layout .products-grid.products .product-card-media-actions button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.shop-layout .products-grid.products .product-card .related-actions a span,
.shop-layout .products-grid.products .product-card .related-actions button span,
.shop-layout .products-grid.products .product-card-media-actions a span,
.shop-layout .products-grid.products .product-card-media-actions button span {
    display: none !important;
}
.shop-layout .products-grid.products .product-card .related-actions > .quick-view-trigger,
.shop-layout .products-grid.products .product-card .related-actions > .related-wishlist-btn,
.shop-layout .products-grid.products .product-card .related-actions > .overlay-btn-icon,
.shop-layout .products-grid.products .product-card .related-actions > .product-card-icon-cart {
    flex: 0 0 auto !important;
}


/* v49: fix empty masonry column and force compact icon-only hover actions */
.shop-layout .products-grid.products.active:not(.grid-4) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 8px !important;
    gap: 1.9rem 2rem !important;
    direction: rtl !important;
    align-items: start !important;
    justify-items: stretch !important;
    column-count: initial !important;
    column-gap: initial !important;
    padding-top: .2rem !important;
}
.shop-layout .products-grid.products.active:not(.grid-4) > li.product,
.shop-layout .products-grid.products.active:not(.grid-4) > .product-card,
.shop-layout .products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    break-inside: initial !important;
    -webkit-column-break-inside: initial !important;
    page-break-inside: initial !important;
    vertical-align: top !important;
    direction: rtl !important;
    align-self: start !important;
    grid-row-end: span 1;
}
@media (max-width: 1280px) {
    .shop-layout .products-grid.products.active:not(.grid-4) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 1.7rem 1.6rem !important;
    }
}
@media (max-width: 900px) {
    .shop-layout .products-grid.products.active:not(.grid-4) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1.3rem 1.1rem !important;
    }
}
@media (max-width: 520px) {
    .shop-layout .products-grid.products.active:not(.grid-4) {
        grid-template-columns: 1fr !important;
    }
}

.shop-layout .products-grid.products .product-card-media-actions,
.shop-layout .products-grid.products .product-card .related-actions {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}
.shop-layout .products-grid.products .product-card .related-actions a,
.shop-layout .products-grid.products .product-card .related-actions button,
.shop-layout .products-grid.products .product-card-action-btn,
.shop-layout .products-grid.products .product-card-icon-cart,
.shop-layout .products-grid.products .product-card .related-actions a.add_to_cart_button {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    flex: 0 0 42px !important;
    border-radius: 0px !important;
    overflow: hidden !important;
    gap: 0 !important;
}
.shop-layout .products-grid.products .product-card .related-actions a span,
.shop-layout .products-grid.products .product-card .related-actions button span,
.shop-layout .products-grid.products .product-card-action-btn span,
.shop-layout .products-grid.products .product-card-icon-cart span {
    display: none !important;
}
.shop-layout .products-grid.products .product-card .related-actions a i,
.shop-layout .products-grid.products .product-card .related-actions button i,
.shop-layout .products-grid.products .product-card-action-btn i,
.shop-layout .products-grid.products .product-card-icon-cart i {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}


/* v50: polished dropdown arrows using inline SVG, hide broken native arrows */
.archive-inline-field--select,
.woocommerce-ordering,
.toolbar-right .woocommerce-ordering {
    position: relative !important;
}
.archive-inline-field--select::after,
.woocommerce-ordering::after,
.toolbar-right .woocommerce-ordering::after {
    content: none !important;
}
.archive-inline-field--select select,
body .woocommerce-ordering select,
body .toolbar-right .woocommerce-ordering select,
body .toolbar-right .sort-select,
.archive-toolbar select,
.shop-toolbar select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23706659' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 13px 13px !important;
    padding-left: 36px !important;
    padding-right: 14px !important;
    cursor: pointer !important;
}
.archive-inline-field--select select:hover,
body .woocommerce-ordering select:hover,
body .toolbar-right .woocommerce-ordering select:hover,
body .toolbar-right .sort-select:hover,
.archive-toolbar select:hover,
.shop-toolbar select:hover {
    border-color: #b7aa9a !important;
}
.archive-inline-field--select select:focus,
body .woocommerce-ordering select:focus,
body .toolbar-right .woocommerce-ordering select:focus,
body .toolbar-right .sort-select:focus,
.archive-toolbar select:focus,
.shop-toolbar select:focus {
    outline: none !important;
    border-color: #a28b69 !important;
    box-shadow: 0 0 0 2px rgba(162,139,105,.08) !important;
}
.archive-inline-field--select select::-ms-expand,
body .woocommerce-ordering select::-ms-expand,
body .toolbar-right .woocommerce-ordering select::-ms-expand,
body .toolbar-right .sort-select::-ms-expand,
.archive-toolbar select::-ms-expand,
.shop-toolbar select::-ms-expand {
    display: none !important;
}

/* v51: stronger visible gaps between artwork cards in both grid modes */
.shop-layout .products-grid.products.active.grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    row-gap: 26px !important;
    column-gap: 24px !important;
    align-items: start !important;
    padding-top: 10px !important;
}
.shop-layout .products-grid.products.active.grid-4 > li.product,
.shop-layout .products-grid.products.active.grid-4 > .product-card,
.shop-layout .products-grid.products.active.grid-4 .product-card.bonart-loop-card {
    margin: 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
}

.shop-layout .products-grid.products.active:not(.grid-4) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 8px !important;
    row-gap: 26px !important;
    column-gap: 24px !important;
    gap: 26px 24px !important;
    align-items: start !important;
    padding-top: 10px !important;
}
.shop-layout .products-grid.products.active:not(.grid-4) > li.product,
.shop-layout .products-grid.products.active:not(.grid-4) > .product-card,
.shop-layout .products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    margin: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1280px) {
    .shop-layout .products-grid.products.active.grid-4,
    .shop-layout .products-grid.products.active:not(.grid-4) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 20px !important;
        row-gap: 22px !important;
        column-gap: 20px !important;
    }
}
@media (max-width: 900px) {
    .shop-layout .products-grid.products.active.grid-4,
    .shop-layout .products-grid.products.active:not(.grid-4) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        row-gap: 18px !important;
        column-gap: 16px !important;
    }
}
@media (max-width: 520px) {
    .shop-layout .products-grid.products.active.grid-4,
    .shop-layout .products-grid.products.active:not(.grid-4) {
        grid-template-columns: 1fr !important;
    }
}


/* v52: active wishlist color matches Bonart organizational yellow */
.product-card-action-btn.related-wishlist-btn.active,
.product-card-action-btn.overlay-btn-icon.active,
.related-section.related .related-actions .related-wishlist-btn.active,
.shop-layout .products-grid.products .product-card-action-btn.related-wishlist-btn.active,
.shop-layout .products-grid.products .product-card-action-btn.overlay-btn-icon.active,
.shop-layout .products-list .list-quick-actions .related-wishlist-btn.active,
.btn-wishlist.active,
.product-card-wish.active,
#qvWish.active {
    background: #b8943a !important;
    border-color: #b8943a !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(184,148,58,.22) !important;
}

.product-card-action-btn.related-wishlist-btn.active i,
.product-card-action-btn.overlay-btn-icon.active i,
.related-section.related .related-actions .related-wishlist-btn.active i,
.shop-layout .products-grid.products .product-card-action-btn.related-wishlist-btn.active i,
.shop-layout .products-grid.products .product-card-action-btn.overlay-btn-icon.active i,
.shop-layout .products-list .list-quick-actions .related-wishlist-btn.active i,
.btn-wishlist.active i,
.product-card-wish.active i,
#qvWish.active i {
    color: #fff !important;
}

.product-card-action-btn.related-wishlist-btn.active:hover,
.product-card-action-btn.overlay-btn-icon.active:hover,
.shop-layout .products-grid.products .product-card-action-btn.related-wishlist-btn.active:hover,
.shop-layout .products-grid.products .product-card-action-btn.overlay-btn-icon.active:hover,
.btn-wishlist.active:hover,
.product-card-wish.active:hover,
#qvWish.active:hover {
    background: #9a7a3a !important;
    border-color: #9a7a3a !important;
    color: #fff !important;
}


/* v53: keep AJAX filtered products on Bonart archive card layout */
#productsGrid.products-grid.products.active > li.product,
#productsGrid.products-grid.products.active > .product-card,
#productsGrid.products-grid.products.active .product-card.bonart-loop-card {
    background: transparent !important;
    border: 1px solid #d9d0c4 !important;
    box-sizing: border-box !important;
}
#productsGrid.products-grid.products.active .button:not(.product-card-icon-cart):not(.quick-view-trigger):not(.related-wishlist-btn),
#productsGrid.products-grid.products.active .added_to_cart.wc-forward {
    display: none !important;
}
#productsGrid.products-grid.products.active .product-card-footer {
    display: none !important;
}
#productsGrid.products-grid.products.active .ajax-no-products {
    list-style: none !important;
    grid-column: 1 / -1 !important;
    padding: 2rem !important;
    text-align: center !important;
    border: 1px solid #d9d0c4 !important;
    background: transparent !important;
}


/* v52: final custom select arrows - remove broken glyph arrows and use a real chevron element */
.archive-inline-field--select {
    position: relative !important;
}
.archive-inline-field--select::before,
.archive-inline-field--select::after {
    content: none !important;
    display: none !important;
}
.archive-inline-field--select .archive-select-chevron {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #6f6254 !important;
    border-bottom: 2px solid #6f6254 !important;
    transform: translateY(-65%) rotate(45deg) !important;
    pointer-events: none !important;
    z-index: 4 !important;
    opacity: .9 !important;
}
.archive-inline-field--select:hover .archive-select-chevron {
    border-color: #3f372f !important;
}
.archive-inline-field--select select,
.archive-inline-filter-form .archive-inline-field--select select,
.archive-inline-filter-form .archive-inline-field select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #fff !important;
    background-image: none !important;
    padding-left: 42px !important;
    padding-right: 16px !important;
    text-align: right !important;
    text-align-last: right !important;
    cursor: pointer !important;
}
.archive-inline-field--select select::-ms-expand,
.archive-inline-filter-form .archive-inline-field select::-ms-expand {
    display: none !important;
}

/* sorting dropdown arrow */
body .woocommerce-ordering,
body .toolbar-right .woocommerce-ordering {
    position: relative !important;
}
body .woocommerce-ordering::before,
body .toolbar-right .woocommerce-ordering::before {
    content: '' !important;
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #6f6254 !important;
    border-bottom: 2px solid #6f6254 !important;
    transform: translateY(-65%) rotate(45deg) !important;
    pointer-events: none !important;
    z-index: 4 !important;
    opacity: .9 !important;
}
body .woocommerce-ordering::after,
body .toolbar-right .woocommerce-ordering::after {
    content: none !important;
    display: none !important;
}
body .woocommerce-ordering select,
body .toolbar-right .woocommerce-ordering select,
body .toolbar-right .sort-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #fff !important;
    background-image: none !important;
    padding-left: 42px !important;
    padding-right: 16px !important;
    cursor: pointer !important;
}


/* v52: custom multi-select dropdown filters */
.archive-inline-filter-form--compact {
    grid-template-columns: repeat(5, minmax(150px, 1fr)) minmax(230px, 1.15fr) auto !important;
    align-items: start !important;
    overflow: visible !important;
}
.archive-top-filters,
.archive-top-filters__inner,
.archive-inline-filter-form {
    overflow: visible !important;
}
.archive-multi-filter {
    position: relative !important;
    z-index: 40;
}
.archive-multi-filter.is-open {
    z-index: 120;
}
.archive-multi-filter__toggle {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    border: 1px solid #d7cfc4 !important;
    background: transparent !important;
    color: #1a1612 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .6rem !important;
    padding: 0 14px !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
  
    cursor: pointer !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.archive-multi-filter__toggle:hover,
.archive-multi-filter.is-open .archive-multi-filter__toggle,
.archive-multi-filter.has-selection .archive-multi-filter__toggle {
    border-color: #b7aa9a !important;
    background: rgba(255,255,255,.45) !important;
}
.archive-multi-filter__label {
    display: block;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
}
.archive-multi-filter__chevron {
    width: 8px;
    height: 8px;
    border-left: 2px solid #6f6558;
    border-bottom: 2px solid #6f6558;
    transform: rotate(-45deg);
    flex: 0 0 auto;
    margin-top: -3px;
    transition: transform .18s ease;
}
.archive-multi-filter.is-open .archive-multi-filter__chevron {
    transform: rotate(135deg);
    margin-top: 3px;
}
.archive-multi-filter__panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(280px, 94vw);
    max-height: 340px;
    background: #fff;
    border: 1px solid #d7cfc4;
    box-shadow: 0 18px 40px rgba(0,0,0,.13);
    padding: .7rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}
.archive-multi-filter.is-open .archive-multi-filter__panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.archive-multi-filter__search-wrap {
    margin-bottom: .55rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid #eee7dd;
}
.archive-multi-filter__search {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 .75rem !important;
    border: 1px solid #d7cfc4 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #1f1b16 !important;
    font-size: .78rem !important;
    line-height: 36px !important;
    box-shadow: none !important;
    outline: none !important;
}
.archive-multi-filter__search:focus {
    border-color: var(--gold, #9a7a3a) !important;
    box-shadow: 0 0 0 3px rgba(154, 122, 58, .12) !important;
}
.archive-multi-filter__option[hidden],
.archive-multi-filter__option.is-filter-hidden {
    display: none !important;
}
.archive-multi-filter__options {
    max-height: 230px;
    overflow: auto;
    padding: .15rem .05rem .2rem;
}
.archive-multi-filter__option {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .55rem;
    min-height: 32px;
    padding: .35rem .25rem;
    margin: 0;
    cursor: pointer;
    color: #342d26;
    font-size: .8rem;
    line-height: 1.6;
    user-select: none;
}
.archive-multi-filter__option:hover {
    background: #f7f4ef;
}
.archive-multi-filter__option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.archive-multi-filter__box {
    width: 15px;
    height: 15px;
    border: 1px solid #bdb2a3;
    background: #fff;
    position: relative;
    flex: 0 0 auto;
}
.archive-multi-filter__option input:checked + .archive-multi-filter__box {
    background: var(--gold, #a3833a);
    border-color: var(--gold, #a3833a);
}
.archive-multi-filter__option input:checked + .archive-multi-filter__box::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    top: 3px;
    left: 3px;
    transform: rotate(-45deg);
}
.archive-multi-filter__option-text {
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
}
.archive-multi-filter--product-cat .archive-multi-filter__panel {
    min-width: 230px;
}
.archive-multi-filter--product-cat .archive-multi-filter__option-text {
    font-weight: 600;
}
.archive-multi-filter--product-cat.has-selection .archive-multi-filter__label {
    color: #1a1612;
}
.archive-multi-filter__footer {
    display: flex;
    align-items: center;
    gap: .55rem;
    border-top: 1px solid #eee7dd;
    padding-top: .7rem;
    margin-top: .55rem;
}
.archive-multi-filter__apply,
.archive-multi-filter__clear {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 1rem !important;
    border-radius: 7px !important;
    border: 1px solid #d7cfc4 !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}
.archive-multi-filter__apply {
    background: #1a1612 !important;
    color: #fff !important;
    border-color: #1a1612 !important;
}
.archive-multi-filter__clear {
    background: #fff !important;
    color: #1a1612 !important;
}
.archive-multi-filter__empty {
    padding: .8rem;
    color: #7f7569;
    font-size: .78rem;
    text-align: center;
}
.archive-inline-field--search input {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 0 !important;
}
.archive-inline-actions {
    align-self: start !important;
}
@media (max-width: 1480px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: repeat(4, minmax(150px, 1fr)) minmax(220px, 1.15fr) auto !important;
    }
}
@media (max-width: 1180px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
    }
}
@media (max-width: 768px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: 1fr !important;
    }
    .archive-multi-filter__panel {
        width: 100%;
    }
}


/* v53: archive multi-select visibility/click safety */
.shop-archive-hero,
.shop-hero-inner,
.archive-top-filters,
.archive-top-filters__inner,
.archive-inline-filter-form,
.archive-inline-filter-form--compact,
.archive-inline-field,
.archive-multi-filter {
    overflow: visible !important;
}
.archive-top-filters {
    position: relative !important;
    z-index: 250 !important;
}
.archive-inline-filter-form--compact {
    position: relative !important;
    z-index: 260 !important;
}
.archive-multi-filter {
    position: relative !important;
    isolation: isolate;
}
.archive-multi-filter.is-open {
    z-index: 9999 !important;
}
.archive-multi-filter.is-open .archive-multi-filter__panel {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
.archive-multi-filter__panel {
    z-index: 10000 !important;
}
.archive-multi-filter__toggle {
    touch-action: manipulation;
}


/* v54: fixed-position multi-select panel; prevents layout/footer shifting and clipping */
.archive-multi-filter__panel {
    position: fixed !important;
    inset: auto !important;
    top: var(--multi-panel-top, 0) !important;
    left: var(--multi-panel-left, 12px) !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--multi-panel-width, min(300px, calc(100vw - 24px))) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: var(--multi-panel-max-height, 340px) !important;
    overflow: hidden !important;
    z-index: 2147483000 !important;
    margin: 0 !important;
    contain: layout paint !important;
}
.archive-multi-filter.is-open .archive-multi-filter__panel {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
}
.archive-multi-filter__options {
    max-height: calc(var(--multi-panel-max-height, 340px) - 142px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
}
.archive-multi-filter__panel:not(:has(.archive-multi-filter__search-wrap)) .archive-multi-filter__options {
    max-height: calc(var(--multi-panel-max-height, 340px) - 78px) !important;
}
.archive-multi-filter__footer {
    flex-shrink: 0 !important;
    background: #fff !important;
}
.archive-multi-filter,
.archive-multi-filter.is-open {
    isolation: auto !important;
}


/* v55: keep archive multi-select dropdown above artwork cards */
body .shop-archive-hero,
body .shop-archive-hero .shop-hero-inner,
body .archive-top-filters,
body .archive-top-filters__inner,
body .archive-inline-filter-form,
body .archive-multi-filter.is-open {
    position: relative !important;
    overflow: visible !important;
}
body .shop-archive-hero {
    z-index: 2147483000 !important;
}
body .shop-archive-hero .shop-hero-inner {
    z-index: 2147483001 !important;
}
body .archive-top-filters {
    z-index: 2147483010 !important;
}
body .archive-inline-filter-form {
    z-index: 2147483020 !important;
}
body .archive-multi-filter.is-open {
    z-index: 2147483030 !important;
}
body .archive-multi-filter.is-open .archive-multi-filter__panel,
body .archive-multi-filter__panel {
    position: fixed !important;
    z-index: 2147483647 !important;
    transform: none !important;
}
body .shop-layout,
body .products-col,
body .products-loading,
body #productsGrid,
body .products-grid.products {
    position: relative !important;
    z-index: 1 !important;
}
body .products-grid.products > li.product,
body .products-grid.products > .product-card,
body .products-grid.products .product-card.bonart-loop-card,
body .products-grid.products .product-card-img {
    position: relative !important;
    z-index: auto !important;
}


/* =========================================================
   CLEAN FIX: Product boxes only - 3 column Masonry first mode
   Scope: only #productsGrid cards in shop/product category archives.
   Header, filters, title, toolbar and other sections are not touched.
========================================================= */

/* First view button = masonry */
body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
    display: block !important;
    column-count: 3 !important;
    column-gap: 24px !important;
    grid-template-columns: none !important;
    grid-auto-rows: auto !important;
    gap: 0 !important;
    direction: rtl !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Prevent WooCommerce clearfix/grid pseudo elements from creating layout gaps */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4)::before,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4)::after,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4)::before,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4)::after {
    content: none !important;
    display: none !important;
}

/* Each product card becomes one masonry tile */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    display: inline-block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    float: none !important;
    vertical-align: top !important;
    direction: rtl !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    page-break-inside: avoid !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-row-end: auto !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(120, 94, 65, .20) !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 24px rgba(30, 24, 18, .05) !important;
    transform: none !important;
}

/* Hover should not move the layout */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product:hover,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card:hover,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card:hover,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product:hover,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card:hover,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card:hover {
    transform: none !important;
    box-shadow: 0 10px 28px rgba(30, 24, 18, .075) !important;
}

/* Remove fixed square image frame */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-img,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-img {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    background: #f7f3ee !important;
    border-radius: 0 !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-image-link,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-image-link {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
}

/* Keep original artwork ratio; no crop, no stretch */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-img img,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) img.attachment-woocommerce_thumbnail,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-img img,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) img.attachment-woocommerce_thumbnail {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card:hover .product-card-img img,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card:hover .product-card-img img {
    transform: none !important;
    filter: none !important;
}

/* Text/meta below image */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-body,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-body {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 18px 20px !important;
    text-align: right !important;
    background: #fff !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-title,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-meta,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .artwork-card-price-row,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-title,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-meta,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .artwork-card-price-row {
    text-align: right !important;
}

/* Keep action icons positioned over the image only */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-media-actions,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card .related-actions,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-media-actions,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card .related-actions {
    z-index: 4 !important;
}

/* Responsive */
@media (max-width: 1200px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 3 !important;
        column-gap: 20px !important;
    }

    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 900px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 2 !important;
        column-gap: 16px !important;
    }
}

@media (max-width: 520px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 1 !important;
        column-gap: 0 !important;
    }

    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card {
        margin-bottom: 16px !important;
    }
}


/* =========================================================
   SPACING TUNE: add horizontal gutters between masonry cards
   and a little inner left/right breathing room for the product grid only
========================================================= */
body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
    column-gap: 32px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    margin: 0 0 28px !important;
    box-sizing: border-box !important;
}

@media (max-width: 1200px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-gap: 24px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 900px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-gap: 18px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media (max-width: 520px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* =========================================================
   EQUAL SPACING TUNE: equal top / bottom / left / right spacing
   for masonry product boxes only
========================================================= */
body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
    column-gap: 24px !important;
    padding: 24px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    margin: 0 0 24px !important;
    box-sizing: border-box !important;
}

@media (max-width: 1200px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-gap: 20px !important;
        padding: 20px !important;
    }

    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 900px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-gap: 16px !important;
        padding: 16px !important;
    }

    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card {
        margin-bottom: 16px !important;
    }
}

@media (max-width: 520px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        padding: 14px !important;
        column-gap: 14px !important;
    }

    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card {
        margin-bottom: 14px !important;
    }
}


/* =========================================================
   FILTER GAP TUNE: reduce vertical space between filters and products
   Scope: shop archive product area only
========================================================= */
body .shop-layout.shop-layout--no-sidebar,
body .shop-layout {
    padding-top: 16px !important;
}

body .shop-layout .products-col,
body .shop-layout--no-sidebar .products-col {
    padding-top: 0 !important;
}

body #productsWrapper.products-loading,
body .shop-layout #productsWrapper,
body .shop-layout--no-sidebar #productsWrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Keep card spacing equal, but reduce the top breathing space under filters */
body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
    padding-top: 12px !important;
    padding-right: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 24px !important;
}

@media (max-width: 1200px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        padding-top: 14px !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        padding-top: 10px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 20px !important;
    }
}

@media (max-width: 900px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        padding-top: 12px !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        padding-top: 8px !important;
        padding-right: 16px !important;
        padding-bottom: 16px !important;
        padding-left: 16px !important;
    }
}


/* =========================================================
   4 COLUMN TUNE: first masonry product view = 4 columns desktop
   Scope: only product boxes in archive grid
========================================================= */
body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
    column-count: 4 !important;
    column-gap: 24px !important;
}

/* keep equal spacing around cards */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    margin-bottom: 24px !important;
}

@media (max-width: 1366px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 4 !important;
        column-gap: 22px !important;
    }
}

@media (max-width: 1200px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 3 !important;
        column-gap: 20px !important;
    }
}

@media (max-width: 900px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 2 !important;
        column-gap: 16px !important;
    }
}

@media (max-width: 520px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 1 !important;
        column-gap: 0 !important;
    }
}


/* =========================================================
   ALIGN TUNE: align product masonry left/right with top filters
   Scope: shop archive product area only
========================================================= */

/* Make the products area use the same horizontal frame as the upper filter rows */
body .shop-layout.shop-layout--no-sidebar,
body .shop-layout {
    max-width: 1240px !important;
    width: calc(100% - 48px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

body .shop-layout .products-col,
body .shop-layout--no-sidebar .products-col,
body .shop-layout #productsWrapper,
body .shop-layout--no-sidebar #productsWrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

/* Product grid starts and ends exactly on the same line as the filter bar */
body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
    column-count: 4 !important;
    column-gap: 24px !important;
}

/* Keep equal visual distance between cards */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    margin: 0 0 24px !important;
}

/* responsive alignment */
@media (max-width: 1366px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        max-width: 1160px !important;
        width: calc(100% - 40px) !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 4 !important;
        column-gap: 22px !important;
    }
}

@media (max-width: 1200px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        width: calc(100% - 32px) !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 3 !important;
        column-gap: 20px !important;
    }
}

@media (max-width: 900px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        width: calc(100% - 24px) !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 2 !important;
        column-gap: 16px !important;
    }
}

@media (max-width: 520px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        width: calc(100% - 20px) !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 1 !important;
        column-gap: 0 !important;
    }
}


/* =========================================================
   STABLE WIDTH FIX: 4-column CSS-column masonry, no overlap
   This intentionally avoids CSS Grid row-span masonry because it caused cards to overlap.
   Scope: product archive product boxes only
========================================================= */

body .shop-layout.shop-layout--no-sidebar,
body .shop-layout {
    max-width: 1370px !important;
    width: calc(100% - 48px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

body .shop-layout .products-col,
body .shop-layout--no-sidebar .products-col,
body .shop-layout #productsWrapper,
body .shop-layout--no-sidebar #productsWrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

/* First mode: safe masonry with CSS columns */
body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
    display: block !important;
    column-count: 4 !important;
    column-gap: 24px !important;
    grid-template-columns: none !important;
    grid-auto-rows: auto !important;
    grid-auto-flow: initial !important;
    gap: 0 !important;
    direction: rtl !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 0 24px !important;
    box-sizing: border-box !important;
}

/* Remove pseudo elements that can create false gaps */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4)::before,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4)::after,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4)::before,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4)::after {
    content: none !important;
    display: none !important;
}

/* Product tiles: stable, no overlap */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    display: inline-block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    float: none !important;
    vertical-align: top !important;
    direction: rtl !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    page-break-inside: avoid !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-row-end: auto !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(120, 94, 65, .20) !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 24px rgba(30, 24, 18, .05) !important;
    transform: none !important;
    box-sizing: border-box !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product:hover,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card:hover,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card:hover,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product:hover,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card:hover,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card:hover {
    transform: none !important;
    box-shadow: 0 10px 28px rgba(30, 24, 18, .075) !important;
}

/* Image: natural ratio, no square crop */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-img,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-img {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    background: #f7f3ee !important;
    border-radius: 0 !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-image-link,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-image-link {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-img img,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) img.attachment-woocommerce_thumbnail,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-img img,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) img.attachment-woocommerce_thumbnail {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card:hover .product-card-img img,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card:hover .product-card-img img {
    transform: none !important;
    filter: none !important;
}

body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-body,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-body {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 18px 20px !important;
    text-align: right !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* Responsive */
@media (max-width: 1400px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        max-width: 1320px !important;
        width: calc(100% - 40px) !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 4 !important;
        column-gap: 22px !important;
    }
}

@media (max-width: 1200px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        max-width: 100% !important;
        width: calc(100% - 32px) !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 3 !important;
        column-gap: 20px !important;
    }
}

@media (max-width: 900px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        width: calc(100% - 24px) !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 2 !important;
        column-gap: 16px !important;
    }
}

@media (max-width: 520px) {
    body .shop-layout.shop-layout--no-sidebar,
    body .shop-layout {
        width: calc(100% - 20px) !important;
    }

    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-count: 1 !important;
        column-gap: 0 !important;
    }
}


/* =========================================================
   CARD SPACING FIX: visible gap between masonry columns/cards
   + safer inner spacing for product info text
   Scope: ONLY archive product cards
========================================================= */

/* Give the masonry columns clear horizontal distance */
body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
    column-gap: 0.8rem !important;
    -webkit-column-gap: 0.8rem !important;
    padding-top: 0px !important;
    padding-bottom: 28px !important;
}

/* Add bottom spacing between cards */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card.bonart-loop-card {
    margin-bottom: 0.8rem !important;
}

/* Product info should not stick to card edges */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-body,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-body {
    padding:15px !important;
    box-sizing: border-box !important;
}
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-body h3{padding-top:0px !important;}
/* Add breathing room for meta/size/year lines */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-meta,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-size-under-title,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .artwork-card-price-row,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-meta,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-size-under-title,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .artwork-card-price-row {
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
}

/* Keep price and size away from the card border */
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-price,
body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .price,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-price,
body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .price {
    display: inline-block !important;
    margin-top: 8px !important;
}

/* Responsive spacing */
@media (max-width: 1400px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-gap: 28px !important;
        -webkit-column-gap: 28px !important;
    }

    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) > .product-card,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > li.product,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) > .product-card {
        margin-bottom: 28px !important;
    }
}

@media (max-width: 1200px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-gap: 22px !important;
        -webkit-column-gap: 22px !important;
    }

    body .shop-layout #productsGrid.products-grid.products.active:not(.grid-4) .product-card-body,
    body .shop-layout--no-sidebar #productsGrid.products-grid.products.active:not(.grid-4) .product-card-body {
        padding: 20px 20px 22px !important;
    }
}

@media (max-width: 900px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-gap: 18px !important;
        -webkit-column-gap: 18px !important;
    }
}

@media (max-width: 520px) {
    body .shop-layout #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4),
    body .shop-layout--no-sidebar #productsWrapper #productsGrid.products-grid.products.active:not(.grid-4) {
        column-gap: 0 !important;
        -webkit-column-gap: 0 !important;
    }
}


/* ============================================================
   Bonart artist taxonomy header spacing hotfix - 2026-07-01
   Prevents artist profile/directory content from sitting under the fixed navbar.
============================================================ */
body.tax-artist,
body.tax-artist-directory {
    --bonart-artist-navbar-offset: 100px;
    --bonart-artist-top-gap: 52px;
    scroll-padding-top: calc(var(--bonart-artist-navbar-offset) + var(--bonart-artist-top-gap));
}

body.tax-artist .shop-layout.ts-artist-layout {
    padding-top: calc(var(--bonart-artist-navbar-offset) + var(--bonart-artist-top-gap)) !important;
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
}

body.admin-bar.tax-artist .shop-layout.ts-artist-layout {
    padding-top: calc(var(--bonart-artist-navbar-offset) + var(--bonart-artist-top-gap) + 32px) !important;
}

body.tax-artist-directory .shop-hero.ts-artist-directory-hero {
    margin-top: calc(var(--bonart-artist-navbar-offset) + 28px) !important;
    position: relative !important;
    z-index: 1 !important;
}

body.admin-bar.tax-artist-directory .shop-hero.ts-artist-directory-hero {
    margin-top: calc(var(--bonart-artist-navbar-offset) + 60px) !important;
}

@media (max-width: 768px) {
    body.tax-artist,
    body.tax-artist-directory {
        --bonart-artist-navbar-offset: 72px;
        --bonart-artist-top-gap: 28px;
    }

    body.admin-bar.tax-artist .shop-layout.ts-artist-layout {
        padding-top: calc(var(--bonart-artist-navbar-offset) + var(--bonart-artist-top-gap) + 46px) !important;
    }

    body.tax-artist-directory .shop-hero.ts-artist-directory-hero {
        margin-top: calc(var(--bonart-artist-navbar-offset) + 20px) !important;
    }

    body.admin-bar.tax-artist-directory .shop-hero.ts-artist-directory-hero {
        margin-top: calc(var(--bonart-artist-navbar-offset) + 66px) !important;
    }
}

/* ============================================================
   BonArt v56 - Mobile/header stacking fix
   Fixes archive/filter layers covering the fixed header or mobile menu.
============================================================ */
.navbar-arta {
    z-index: 30000 !important;
    isolation: isolate;
}

.mobile-overlay {
    z-index: 30010 !important;
}

.mobile-nav {
    z-index: 30020 !important;
}

.cart-drawer-backdrop {
    z-index: 30030 !important;
}

.cart-drawer {
    z-index: 30040 !important;
}

.search-overlay,
.modal-backdrop,
.lightbox {
    z-index: 50000 !important;
}

/* Keep archive filters above product cards, but below the site header/menu. */
body .shop-archive-hero {
    position: relative !important;
    z-index: 10 !important;
}

body .shop-archive-hero .shop-hero-inner {
    position: relative !important;
    z-index: 11 !important;
}

body .archive-top-filters {
    position: relative !important;
    z-index: 20 !important;
}

body .archive-inline-filter-form,
body .archive-inline-filter-form--compact {
    position: relative !important;
    z-index: 30 !important;
}

body .archive-multi-filter.is-open {
    position: relative !important;
    z-index: 40 !important;
}

body .archive-multi-filter.is-open .archive-multi-filter__panel,
body .archive-multi-filter__panel {
    z-index: 12000 !important;
}

body .shop-layout,
body .products-col,
body .products-loading,
body #productsGrid,
body .products-grid.products {
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 768px) {
    .navbar-arta {
        z-index: 30000 !important;
    }

    .mobile-overlay {
        z-index: 30010 !important;
    }

    .mobile-nav {
        z-index: 30020 !important;
        box-shadow: -10px 0 36px rgba(0,0,0,.18) !important;
    }

    body .shop-archive-hero {
        z-index: 10 !important;
    }

    body .archive-multi-filter.is-open .archive-multi-filter__panel,
    body .archive-multi-filter__panel {
        z-index: 12000 !important;
    }
}

/* Bonart v6.0.13: single-product related card cleanup */
.related-section.related .product-card .related-actions a span,
.related-section.related .product-card .related-actions button span,
.related-section.related .product-card-media-actions a span,
.related-section.related .product-card-media-actions button span,
.related-section.related .product-card-action-btn span,
.related-section.related .product-card-icon-cart span,
.related-carousel .product-card .related-actions a span,
.related-carousel .product-card .related-actions button span,
.related-carousel .product-card-action-btn span,
.related-carousel .product-card-icon-cart span {
    display: none !important;
}

.related-section.related .product-card .related-actions a,
.related-section.related .product-card .related-actions button,
.related-section.related .product-card-media-actions a,
.related-section.related .product-card-media-actions button,
.related-section.related .product-card-action-btn,
.related-section.related .product-card-icon-cart,
.related-carousel .product-card .related-actions a,
.related-carousel .product-card .related-actions button,
.related-carousel .product-card-action-btn,
.related-carousel .product-card-icon-cart {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.related-section.related .product-card .related-actions a i,
.related-section.related .product-card .related-actions button i,
.related-section.related .product-card-media-actions a i,
.related-section.related .product-card-media-actions button i,
.related-section.related .product-card-action-btn i,
.related-section.related .product-card-icon-cart i,
.related-carousel .product-card .related-actions a i,
.related-carousel .product-card .related-actions button i,
.related-carousel .product-card-action-btn i,
.related-carousel .product-card-icon-cart i {
    margin: 0 !important;
    line-height: 1 !important;
}

.product-card-meta-item.artwork-card-year,
.product-card-meta-item.artwork-card-size,
.product-card-size-under-title,
.product-card-size-under-title .product-card-size-value,
.related-section.related .product-card-meta-item.artwork-card-year,
.related-section.related .product-card-meta-item.artwork-card-size,
.related-section.related .product-card-size-under-title,
.related-section.related .product-card-size-under-title .product-card-size-value,
.related-carousel .product-card-meta-item.artwork-card-year,
.related-carousel .product-card-meta-item.artwork-card-size,
.related-carousel .product-card-size-under-title,
.related-carousel .product-card-size-under-title .product-card-size-value {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Bonart v6.0.28: frame add-on approved style - actual enqueued stylesheet */
.bonart-frame-addon[data-bonart-frame-addon],
.woocommerce div.product form.cart .bonart-frame-addon[data-bonart-frame-addon] {
    direction: rtl !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 18px 0 16px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(181, 135, 56, .42) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #fffdf9 0%, #fffaf1 100%) !important;
    box-shadow: 0 10px 28px rgba(69, 51, 20, .06) !important;
    overflow: visible !important;
    color: #2b2418 !important;
}

.bonart-frame-addon[data-bonart-frame-addon]::before,
.bonart-frame-addon[data-bonart-frame-addon]::after {
    content: none !important;
    display: none !important;
}

.bonart-frame-addon[data-bonart-frame-addon].is-selected {
    border-color: #b58738 !important;
    background: linear-gradient(180deg, #fffefa 0%, #fff4df 100%) !important;
    box-shadow: 0 14px 34px rgba(181, 135, 56, .14) !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__head span {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #2f2920 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    letter-spacing: -.03em !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__head span::before {
    content: none !important;
    display: none !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__head-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    border: 1px solid rgba(181, 135, 56, .26) !important;
    background: #fff6e6 !important;
    color: #b58738 !important;
    font-style: normal !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__head-icon::before {
    content: '\f096' !important;
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free' !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.bonart-frame-addon[data-bonart-frame-addon].is-selected .bonart-frame-addon__head-icon::before {
    content: '\f14a' !important;
    font-weight: 900 !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transform: none !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice:hover,
.bonart-frame-addon[data-bonart-frame-addon].is-selected .bonart-frame-addon__choice {
    background: rgba(255, 255, 255, .48) !important;
    box-shadow: none !important;
    transform: none !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__mark {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 7px !important;
    border: 1.5px solid rgba(181, 135, 56, .56) !important;
    background: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    box-shadow: inset 0 0 0 3px #fff !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice input[type="checkbox"]:checked + .bonart-frame-addon__mark {
    background: #b58738 !important;
    border-color: #b58738 !important;
    box-shadow: inset 0 0 0 3px #fff, 0 0 0 3px rgba(181, 135, 56, .15) !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice input[type="checkbox"]:checked + .bonart-frame-addon__mark::after {
    content: '\f00c' !important;
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice-content {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice-content b,
.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice b {
    display: block !important;
    margin: 0 0 7px !important;
    color: #3a3124 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.7 !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice-content small,
.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice small {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #746653 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice small::before {
    content: none !important;
    display: none !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: rgba(181, 135, 56, .11) !important;
    color: #9d7330 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__badge::before {
    content: '\f005' !important;
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    font-size: 10px !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice strong[data-bonart-frame-price] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 5px 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(181, 135, 56, .10) !important;
    color: #9d7330 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__size-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #766a5a !important;
}

.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__size-text em,
.bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice em {
    display: inline !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #403628 !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.bonart-frame-addon[data-bonart-frame-addon] p {
    display: block !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #70685d !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 2 !important;
    box-shadow: none !important;
}

.bonart-frame-addon[data-bonart-frame-addon] p::before {
    content: none !important;
    display: none !important;
}

@media (max-width: 575px) {
    .bonart-frame-addon[data-bonart-frame-addon] {
        padding: 13px 12px !important;
    }

    .bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__head span {
        font-size: 19px !important;
    }

    .bonart-frame-addon[data-bonart-frame-addon] .bonart-frame-addon__choice {
        padding-inline: 0 !important;
    }
}

/* Bonart v6.0.29: unified button hover behavior */
:root {
    --bonart-btn-hover-gold: #b1843b;
    --bonart-btn-hover-gold-light: #cfaa63;
    --bonart-btn-hover-gold-soft: rgba(177, 132, 59, .14);
    --bonart-btn-hover-dark: #1f1b16;
}

:is(
    .ba-about-btn,
    .btn-gold,
    .btn-outline-light-custom,
    .btn-outline-light,
    .btn-submit,
    .btn-proceed-checkout,
    .nav-auth-btn-gold,
    .elementor-button,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce #respond input#submit,
    .single_add_to_cart_button,
    .add_to_cart_button,
    .product_type_simple,
    .product_type_variable,
    .coupon-btn,
    .cart-update-btn,
    .shipping-calculator-button,
    .checkout-button,
    .wc-forward,
    .button,
    button[type="submit"]
) {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, filter .22s ease !important;
    will-change: transform;
}

:is(
    .ba-about-btn,
    .btn-gold,
    .btn-outline-light-custom,
    .btn-outline-light,
    .btn-submit,
    .btn-proceed-checkout,
    .nav-auth-btn-gold,
    .elementor-button,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce #respond input#submit,
    .single_add_to_cart_button,
    .add_to_cart_button,
    .product_type_simple,
    .product_type_variable,
    .coupon-btn,
    .cart-update-btn,
    .shipping-calculator-button,
    .checkout-button,
    .wc-forward,
    .button,
    button[type="submit"]
):not(:disabled):not([disabled]):hover {
    transform: translateY(-2px) !important;
    filter: saturate(1.03) brightness(1.02);
    text-decoration: none !important;
}

/* Gold / primary buttons keep the brand-gold behavior */
:is(
    .btn-gold,
    .ba-about-btn-primary,
    .nav-auth-btn-gold,
    .coupon-btn,
    .btn-submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce #respond input#submit,
    .checkout-button,
    .wc-forward,
    .cart-update-btn,
    .shipping-calculator-form .button
):not(:disabled):not([disabled]):hover {
    background-color: var(--bonart-btn-hover-gold-light) !important;
    border-color: var(--bonart-btn-hover-gold-light) !important;
    color: #111 !important;
    box-shadow: 0 12px 28px rgba(177, 132, 59, .22) !important;
}

/* Secondary / contact-style buttons use the same hover pattern without forcing unrelated colors */
:is(
    .btn-outline-light-custom,
    .ba-about-btn-secondary,
    .btn-outline-light,
    .shipping-calculator-button,
    .btn-proceed-checkout
):not(:disabled):not([disabled]):hover {
    background-color: var(--bonart-btn-hover-gold) !important;
    border-color: var(--bonart-btn-hover-gold) !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(177, 132, 59, .20) !important;
}

/* Dark purchase buttons keep their own dark identity */
:is(
    .single_add_to_cart_button,
    button.single_add_to_cart_button.button.alt,
    .summary .single_add_to_cart_button,
    .product .single_add_to_cart_button
):not(:disabled):not([disabled]):hover {
    background-color: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(17, 17, 17, .18) !important;
}

/* Icon-only action buttons: same movement, softer color treatment */
:is(
    .btn-wishlist,
    .btn-share,
    .related-actions button,
    .list-quick-actions button,
    .product-card .related-actions button
):not(:disabled):not([disabled]):hover {
    transform: translateY(-2px) !important;
    border-color: var(--bonart-btn-hover-gold) !important;
    color: var(--bonart-btn-hover-gold) !important;
    background-color: var(--bonart-btn-hover-gold-soft) !important;
    box-shadow: 0 10px 22px rgba(177, 132, 59, .13) !important;
}

/* Keep inner icons moving consistently like the contact button */
:is(
    .ba-about-btn,
    .btn-gold,
    .btn-outline-light-custom,
    .elementor-button,
    .woocommerce a.button,
    .woocommerce button.button,
    .single_add_to_cart_button,
    .add_to_cart_button,
    .button
):not(:disabled):not([disabled]):hover :is(i, svg, .elementor-button-icon) {
    transform: translateX(-3px) !important;
    transition: transform .22s ease !important;
}

@media (prefers-reduced-motion: reduce) {
    :is(.ba-about-btn, .btn-gold, .btn-outline-light-custom, .elementor-button, .button, button[type="submit"]):hover {
        transform: none !important;
    }
}



/* Bonart v6.0.30: normalize all theme button heights to 36px */
:where(
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button,
	.btn,
	.elementor-button,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	.woocommerce #respond input#submit,
	body .bonart-btn,
	body .ba-about-btn,
	body .checkout-button,
	body .single_add_to_cart_button,
	body .add_to_cart_button,
	body .coupon-btn,
	body .cart-update-btn,
	body .shipping-calculator-button,
	body .wc-forward
) {
	height: 36px !important;
	min-height: 36px !important;
	max-height: 36px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 36px !important;
	box-sizing: border-box !important;
}

:where(
	button,
	.button,
	.btn,
	.elementor-button,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	body .bonart-btn,
	body .ba-about-btn,
	body .checkout-button,
	body .single_add_to_cart_button,
	body .add_to_cart_button,
	body .coupon-btn,
	body .cart-update-btn,
	body .shipping-calculator-button,
	body .wc-forward
) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

:where(
	button i,
	.button i,
	.btn i,
	.elementor-button i,
	body .bonart-btn i,
	body .ba-about-btn i,
	body .checkout-button i,
	body .single_add_to_cart_button i,
	body .add_to_cart_button i
) {
	line-height: 1 !important;
}

body .quantity button,
body .bonart-qty-btn,
body .qty-btn,
body button.plus,
body button.minus {
	width: 36px !important;
	min-width: 36px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* Bonart v6.0.32: show hamburger only on mobile/tablet */
@media (min-width: 1025px) {
    body .navbar-arta .navbar-center {
        display: flex !important;
    }

    body .navbar-arta .hamburger,
    body .navbar-arta button.hamburger,
    body .navbar-actions .hamburger,
    body button#hamburger {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body .mobile-nav,
    body .mobile-overlay {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

@media (max-width: 1024px) {
    body .navbar-arta .navbar-center {
        display: none !important;
    }

    body .navbar-arta .hamburger,
    body .navbar-arta button.hamburger,
    body .navbar-actions .hamburger,
    body button#hamburger {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}


/* Bonart v6.0.33: fix cart coupon form after 36px button normalization */
body.woocommerce-cart .bonart-cart-actions,
body.woocommerce-cart .bonart-cart-actions-row td.actions {
    overflow: visible !important;
}

body.woocommerce-cart .bonart-cart-actions .coupon,
body.woocommerce-cart .bonart-cart-actions .bonart-coupon-box,
body.woocommerce-cart .bonart-coupon-box {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 520px !important;
    min-width: 0 !important;
    flex: 1 1 520px !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .bonart-cart-actions .coupon-input,
body.woocommerce-cart .bonart-coupon-box .coupon-input,
body.woocommerce-cart .bonart-cart-actions input.input-text[name="coupon_code"],
body.woocommerce-cart .bonart-cart-actions #coupon_code {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 36px !important;
    flex: 1 1 240px !important;
    min-width: 180px !important;
    max-width: none !important;
    padding: 0 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .bonart-cart-actions .coupon-btn,
body.woocommerce-cart .bonart-cart-actions button[name="apply_coupon"],
body.woocommerce-cart .bonart-coupon-box .coupon-btn,
body.woocommerce-cart .bonart-coupon-box button[name="apply_coupon"] {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 1 !important;
    width: auto !important;
    min-width: 126px !important;
    max-width: none !important;
    flex: 0 0 126px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
}

body.woocommerce-cart .bonart-cart-actions .coupon-btn *,
body.woocommerce-cart .bonart-cart-actions button[name="apply_coupon"] * {
    white-space: nowrap !important;
    line-height: 1 !important;
}

body.woocommerce-cart .bonart-cart-actions .cart-update-btn {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    padding: 0 16px !important;
}

@media (max-width: 760px) {
    body.woocommerce-cart .bonart-cart-actions .coupon,
    body.woocommerce-cart .bonart-cart-actions .bonart-coupon-box,
    body.woocommerce-cart .bonart-coupon-box {
        max-width: none !important;
        flex-basis: 100% !important;
    }

    body.woocommerce-cart .bonart-cart-actions .coupon-input,
    body.woocommerce-cart .bonart-coupon-box .coupon-input,
    body.woocommerce-cart .bonart-cart-actions input.input-text[name="coupon_code"] {
        min-width: 0 !important;
    }

    body.woocommerce-cart .bonart-cart-actions .coupon-btn,
    body.woocommerce-cart .bonart-cart-actions button[name="apply_coupon"] {
        flex: 0 0 118px !important;
        min-width: 118px !important;
    }
}


/* Bonart v6.0.35: make About page contact button hover match the artist collaboration button */
.ba-about-widget .ba-about-buttons .ba-about-btn-secondary,
.ba-about-widget .ba-about-buttons .btn-outline-light-custom {
    transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease, filter .22s ease !important;
}

.ba-about-widget .ba-about-buttons .ba-about-btn-secondary:not(:disabled):not([disabled]):hover,
.ba-about-widget .ba-about-buttons .btn-outline-light-custom:not(:disabled):not([disabled]):hover {
    transform: translateY(-2px) !important;
    background-color: var(--bonart-btn-hover-gold-light, #cfaa63) !important;
    border-color: var(--bonart-btn-hover-gold-light, #cfaa63) !important;
    color: #111 !important;
    box-shadow: 0 12px 28px rgba(177, 132, 59, .22) !important;
    filter: saturate(1.03) brightness(1.02) !important;
    text-decoration: none !important;
}

.ba-about-widget .ba-about-buttons .ba-about-btn-secondary:not(:disabled):not([disabled]):hover :is(i, svg, .elementor-button-icon),
.ba-about-widget .ba-about-buttons .btn-outline-light-custom:not(:disabled):not([disabled]):hover :is(i, svg, .elementor-button-icon) {
    transform: translateX(-3px) !important;
    transition: transform .22s ease !important;
}


/* Bonart v6.0.36: stable cart coupon/actions layout and no cart radii */
body.woocommerce-cart .bonart-cart-actions-row,
body.woocommerce-cart .bonart-cart-table tr.bonart-cart-actions-row {
    display: table-row !important;
    width: 100% !important;
}

body.woocommerce-cart .bonart-cart-actions-row td.bonart-cart-actions,
body.woocommerce-cart .bonart-cart-table tr.bonart-cart-actions-row td.actions.bonart-cart-actions {
    display: table-cell !important;
    width: 100% !important;
    max-width: none !important;
    padding: 20px 24px !important;
    overflow: visible !important;
    text-align: initial !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .bonart-cart-actions-inner {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    direction: rtl !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.woocommerce-cart .bonart-cart-actions-inner .coupon,
body.woocommerce-cart .bonart-cart-actions-inner .bonart-coupon-box {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex: 1 1 460px !important;
    width: auto !important;
    max-width: 560px !important;
    min-width: 320px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.woocommerce-cart .bonart-cart-actions-inner .coupon-input,
body.woocommerce-cart .bonart-cart-actions-inner input.input-text[name="coupon_code"],
body.woocommerce-cart .bonart-cart-actions-inner #coupon_code {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 180px !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 36px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.woocommerce-cart .bonart-cart-actions-inner .coupon-btn,
body.woocommerce-cart .bonart-cart-actions-inner button[name="apply_coupon"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 132px !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 1 !important;
    padding: 0 10px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.woocommerce-cart .bonart-cart-actions-inner .cart-update-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 118px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

body.woocommerce-cart .bonart-cart-page,
body.woocommerce-cart .bonart-cart-page *,
body.woocommerce-cart .bonart-cart-page *::before,
body.woocommerce-cart .bonart-cart-page *::after,
body.woocommerce-cart .bonart-cart-layout,
body.woocommerce-cart .bonart-cart-layout *,
body.woocommerce-cart .bonart-cart-layout *::before,
body.woocommerce-cart .bonart-cart-layout *::after,
body.woocommerce-cart .bonart-cart-shell,
body.woocommerce-cart .bonart-cart-shell *,
body.woocommerce-cart .bonart-cart-shell *::before,
body.woocommerce-cart .bonart-cart-shell *::after {
    border-radius: 0 !important;
}

@media (max-width: 760px) {
    body.woocommerce-cart .bonart-cart-actions-row td.bonart-cart-actions,
    body.woocommerce-cart .bonart-cart-table tr.bonart-cart-actions-row td.actions.bonart-cart-actions {
        padding: 14px !important;
    }

    body.woocommerce-cart .bonart-cart-actions-inner {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body.woocommerce-cart .bonart-cart-actions-inner .coupon,
    body.woocommerce-cart .bonart-cart-actions-inner .bonart-coupon-box {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }

    body.woocommerce-cart .bonart-cart-actions-inner .coupon-btn,
    body.woocommerce-cart .bonart-cart-actions-inner button[name="apply_coupon"],
    body.woocommerce-cart .bonart-cart-actions-inner .cart-update-btn {
        width: 100% !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }
}


/* Bonart v6.0.38: about contact button copies collaboration button structure with gray identity */
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray,
.ba-about-widget .ba-about-buttons .btn-gray {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 18px !important;
    border: 1px solid #cfcfcf !important;
    background: #d1d1d1 !important;
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease, filter .22s ease !important;
}

.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray:hover,
.ba-about-widget .ba-about-buttons .btn-gray:hover {
    transform: translateY(-2px) !important;
    background: #bdbdbd !important;
    border-color: #bdbdbd !important;
    color: #111 !important;
    box-shadow: 0 12px 28px rgba(90, 90, 90, .18) !important;
    filter: saturate(1.03) brightness(1.02) !important;
    text-decoration: none !important;
}

.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray:hover :is(i, svg, .elementor-button-icon),
.ba-about-widget .ba-about-buttons .btn-gray:hover :is(i, svg, .elementor-button-icon) {
    transform: translateX(-3px) !important;
    transition: transform .22s ease !important;
}


/* Bonart v6.0.40: copy the artist-collaboration button style to Contact only, keeping it gray */
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-copy,
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray.btn-gray {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .55rem !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 1.75rem !important;
    background: #d1d1d1 !important;
    color: #111 !important;
    font-size: .86rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    border: none !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

.ba-about-widget .ba-about-buttons .ba-about-btn-contact-copy::before,
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray.btn-gray::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: #eeeeee !important;
    transform: scaleX(0) !important;
    transform-origin: right !important;
    transition: transform .4s ease !important;
    z-index: 0 !important;
}

.ba-about-widget .ba-about-buttons .ba-about-btn-contact-copy:hover,
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray.btn-gray:hover {
    transform: translateY(-2px) !important;
    background: #d1d1d1 !important;
    color: #111 !important;
    box-shadow: 0 12px 28px rgba(90, 90, 90, .18) !important;
    filter: saturate(1.03) brightness(1.02) !important;
    text-decoration: none !important;
}

.ba-about-widget .ba-about-buttons .ba-about-btn-contact-copy:hover::before,
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray.btn-gray:hover::before {
    transform: scaleX(1) !important;
    transform-origin: left !important;
}

.ba-about-widget .ba-about-buttons .ba-about-btn-contact-copy span,
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-copy i,
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-copy svg,
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray.btn-gray span,
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray.btn-gray i,
.ba-about-widget .ba-about-buttons .ba-about-btn-contact-gray.btn-gray svg {
    position: relative !important;
    z-index: 1 !important;
}

.ba-about-widget .ba-about-buttons .ba-about-btn-primary.btn-gold {
    /* Explicitly left untouched: primary collaboration button keeps its own gold styling. */
}


/* Bonart v6.0.42: auth OTP countdown, resend code and editable random username */
.auth-username-field small {
    display: block;
    margin-top: .35rem;
    font-size: .72rem;
    line-height: 1.7;
    color: var(--text-muted);
}
.auth-otp-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin: -.25rem 0 .85rem;
    padding: .65rem .75rem;
    border: 1px solid var(--dark-border);
    background: #fafafa;
}
.auth-otp-timer {
    flex: 1 1 auto;
    font-size: .76rem;
    line-height: 1.7;
    color: var(--text-secondary);
}
.auth-resend-btn {
    flex: 0 0 auto;
    min-width: 126px;
    height: 36px;
    padding: 0 .85rem;
    border: 1px solid var(--gold);
    background: #fff;
    color: var(--gold-dark);
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
}
.auth-resend-btn:not(:disabled):hover {
    background: var(--gold);
    color: #111;
    transform: translateY(-1px);
}
.auth-resend-btn:disabled {
    opacity: .62;
    cursor: not-allowed;
}
@media (max-width: 480px) {
    .auth-otp-tools {
        flex-direction: column;
        align-items: stretch;
    }
    .auth-resend-btn {
        width: 100%;
    }
}


/* Bonart v6.0.43: do not show username field in auth modal; username is generated server-side. */
.auth-modal .auth-username-field,
#authUsernameWrap {
    display: none !important;
}

/* v68: footer artist collaboration CTA color */
.footer.footer--light .footer-artist-btn,
.footer.footer--light .footer-artist-btn--static {
    background: #9a7a3a !important;
    border-color: #9a7a3a !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(154, 122, 58, .16) !important;
}
.footer.footer--light a.footer-artist-btn:hover,
.footer.footer--light a.footer-artist-btn:focus-visible {
    background: #876931 !important;
    border-color: #876931 !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(154, 122, 58, .26) !important;
    transform: translateY(-2px) !important;
    text-decoration: none !important;
}
.footer.footer--light .footer-artist-btn--static:hover {
    background: #9a7a3a !important;
    border-color: #9a7a3a !important;
    color: #ffffff !important;
    transform: none !important;
}

/* v56: custom image icons for configurable social links */
.footer-social .bonart-social-image-icon,
.bonart-inline-social .bonart-social-image-icon {
    width: 14px;
    height: 14px;
    display: block;
    object-fit: contain;
    flex: 0 0 auto;
}

.bonart-inline-social .bonart-social-image-icon {
    width: 22px;
    height: 22px;
}

/* ============================================================
   Bonart Elementor page title lines
   - Applies the same centered title between two lines on Elementor pages.
   - Automatic for Elementor Post Title widget and H1 Heading widgets.
   - For any custom Elementor heading, add CSS class: bonart-page-title-lines
============================================================ */
body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-theme-post-title h1.elementor-heading-title,
body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading h1.elementor-heading-title,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines .elementor-heading-title,
body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading.bonart-page-title-lines .elementor-heading-title,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h1,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h2,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h3 {
    width: min(100%, 860px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    text-align: center !important;
    line-height: 1.55 !important;
    color: var(--text-primary, #111111) !important;
}
.elementor-widget-heading h1{font-size: 1.5rem;    margin-top: 60px !important;}
body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-theme-post-title h1.elementor-heading-title::before,
body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-theme-post-title h1.elementor-heading-title::after,
body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading h1.elementor-heading-title::before,
body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading h1.elementor-heading-title::after,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines .elementor-heading-title::before,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines .elementor-heading-title::after,
body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading.bonart-page-title-lines .elementor-heading-title::before,
body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading.bonart-page-title-lines .elementor-heading-title::after,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h1::before,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h1::after,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h2::before,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h2::after,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h3::before,
body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h3::after {
    content: "" !important;
    display: block !important;
    height: 1px !important;
    flex: 1 1 90px !important;
    max-width: 230px !important;
    background: rgba(154, 122, 58, .28) !important;
}

@media (max-width: 767px) {
    body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-theme-post-title h1.elementor-heading-title,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading h1.elementor-heading-title,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines .elementor-heading-title,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading.bonart-page-title-lines .elementor-heading-title,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h1,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h2,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h3 {
        gap: 12px !important;
    }

    body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-theme-post-title h1.elementor-heading-title::before,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-theme-post-title h1.elementor-heading-title::after,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading h1.elementor-heading-title::before,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading h1.elementor-heading-title::after,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines .elementor-heading-title::before,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines .elementor-heading-title::after,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading.bonart-page-title-lines .elementor-heading-title::before,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .elementor-widget-heading.bonart-page-title-lines .elementor-heading-title::after,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h1::before,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h1::after,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h2::before,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h2::after,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h3::before,
    body.page:not(.elementor-editor-active) .bonart-page--elementor .bonart-page-title-lines h3::after {
        flex-basis: 34px !important;
        max-width: 74px !important;
    }
}



/* v56: top archive stock-status filter */
.archive-inline-filter-form--compact {
    grid-template-columns: repeat(6, minmax(140px, 1fr)) minmax(220px, 1.15fr) auto !important;
    align-items: center !important;
}
.archive-multi-filter--stock .archive-multi-filter__option-text {
    font-weight: 600;
}
@media (max-width: 1480px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: repeat(4, minmax(150px, 1fr)) minmax(220px, 1.2fr) auto !important;
    }
}
@media (max-width: 1200px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: repeat(3, minmax(150px, 1fr)) minmax(220px, 1.2fr) auto !important;
    }
}
@media (max-width: 900px) {
    .archive-inline-filter-form--compact {
        grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
    }
}

/* v31: footer trust / eNamad HTML badges under newsletter */
.footer.footer--light .footer-trust-html-items {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: .8rem;
	margin-top: 1rem;
}
.footer.footer--light .footer-trust-html-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	max-width: 100%;
}
.footer.footer--light .footer-trust-html-item a,
.footer.footer--light .footer-trust-html-item span,
.footer.footer--light .footer-trust-html-item div {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}
.footer.footer--light .footer-trust-html-item img {
	display: block;
	max-width: 118px;
	max-height: 118px;
	height: auto;
	object-fit: contain;
}
@media (max-width: 575.98px) {
	.footer.footer--light .footer-trust-html-items {
		justify-content: flex-start;
	}
}

/* Bonart vNext: single product gallery carousel */
body.single-product .woocommerce-product-gallery {
    position: relative;
    opacity: 1 !important;
}
body.single-product .woocommerce-product-gallery.bonart-product-gallery-slider .woocommerce-product-gallery__wrapper {
    overflow: hidden;
}
body.single-product .woocommerce-product-gallery.bonart-product-gallery-slider .woocommerce-product-gallery__image {
    width: 100%;
}
body.single-product .bonart-product-thumbs-shell {
    width: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    align-items: center;
    gap: .55rem;
    margin-top: .75rem;
    direction: ltr;
}
body.single-product .bonart-product-thumbs-viewport {
    min-width: 0;
    overflow: hidden;
    direction: rtl;
}
body.single-product .bonart-product-gallery-slider .flex-control-thumbs {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: .6rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
body.single-product .bonart-product-gallery-slider .flex-control-thumbs::-webkit-scrollbar {
    display: none;
}
body.single-product .woocommerce div.product div.images .flex-control-thumbs li,
body.single-product .bonart-product-gallery-slider .flex-control-thumbs li {
    width: auto !important;
    float: none !important;
    flex: 0 0 calc(25% - .45rem) !important;
    max-width: calc(25% - .45rem) !important;
    margin: 0 !important;
    list-style: none !important;
    aspect-ratio: 1 / 1;
    scroll-snap-align: start;
    overflow: hidden;
    border: 1px solid rgba(33, 27, 20, .12);
    background: #f7f4ef;
}
body.single-product .bonart-product-gallery-slider .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover;
    border: 0 !important;
    opacity: .52;
    transition: opacity .22s ease, transform .22s ease, filter .22s ease;
}
body.single-product .bonart-product-gallery-slider .flex-control-thumbs li img:hover,
body.single-product .bonart-product-gallery-slider .flex-control-thumbs li img.flex-active {
    opacity: 1;
    transform: scale(1.035);
}
body.single-product .bonart-product-gallery-slider .flex-control-thumbs li:has(img.flex-active) {
    border-color: #9a7a3a;
}
body.single-product .bonart-gallery-nav-btn,
body.single-product .bonart-product-gallery-main-arrow {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(33, 27, 20, .18);
    background: rgba(255, 255, 255, .92);
    color: #211b14;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, opacity .2s ease;
    padding: 0;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(33, 27, 20, .06);
}
body.single-product .bonart-gallery-nav-btn:hover,
body.single-product .bonart-product-gallery-main-arrow:hover {
    background: #9a7a3a;
    border-color: #9a7a3a;
    color: #fff;
    transform: translateY(-1px);
}
body.single-product .bonart-gallery-nav-btn.is-disabled,
body.single-product .bonart-product-gallery-main-arrow.is-disabled {
    opacity: .35;
    pointer-events: none;
}
body.single-product .bonart-product-gallery-main-arrow {
    position: absolute;
    top: 42%;
    z-index: 15;
    transform: translateY(-50%);
}
body.single-product .bonart-product-gallery-main-arrow:hover {
    transform: translateY(-50%) translateY(-1px);
}
body.single-product .bonart-product-gallery-main-arrow.bonart-gallery-prev {
    right: 12px;
}
body.single-product .bonart-product-gallery-main-arrow.bonart-gallery-next {
    left: 12px;
}
body.single-product .bonart-product-gallery-slider .woocommerce-product-gallery__trigger {
    z-index: 20;
}
@media (max-width: 640px) {
    body.single-product .bonart-product-thumbs-shell {
        grid-template-columns: 30px minmax(0, 1fr) 30px;
        gap: .45rem;
    }
    body.single-product .bonart-gallery-nav-btn,
    body.single-product .bonart-product-gallery-main-arrow {
        width: 30px;
        height: 30px;
        font-size: .78rem;
    }
    body.single-product .bonart-product-gallery-slider .flex-control-thumbs li {
        flex-basis: calc(33.333% - .4rem) !important;
        max-width: calc(33.333% - .4rem) !important;
    }
}

/* Bonart vNext: mobile single product layout/overflow fix */
@media (max-width: 900px) {
    html,
    body.single-product {
        max-width: 100%;
        overflow-x: hidden !important;
    }

    body.single-product #page,
    body.single-product .site,
    body.single-product main,
    body.single-product .product-page-wrap,
    body.single-product div.product,
    body.single-product .product-main-grid,
    body.single-product .product-gallery-col,
    body.single-product .product-info-col,
    body.single-product .woocommerce-product-gallery,
    body.single-product .woocommerce-product-gallery__wrapper,
    body.single-product .woocommerce-product-gallery__image,
    body.single-product .summary,
    body.single-product .entry-summary {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.single-product .product-page-wrap,
    body.single-product.admin-bar .product-page-wrap {
        margin-top: 96px !important;
        padding: 1rem 12px 3rem !important;
        overflow-x: hidden !important;
    }

    body.single-product .product-page-wrap > .product-breadcrumb-wrap {
        margin-bottom: .85rem !important;
        overflow: hidden !important;
    }

    body.single-product .product-breadcrumb,
    body.single-product .woocommerce-breadcrumb {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        gap: .32rem;
    }

    body.single-product .product-main-grid {
        display: block !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    body.single-product .product-gallery-col {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        z-index: 1 !important;
        transform: none !important;
        margin: 0 0 1.25rem !important;
        overflow: hidden !important;
    }

    body.single-product .product-info-col,
    body.single-product .product-info-col > div,
    body.single-product .summary,
    body.single-product .entry-summary {
        position: relative !important;
        z-index: 2 !important;
        transform: none !important;
        clear: both !important;
        float: none !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    body.single-product .product-gallery-col[data-aos],
    body.single-product .product-info-col[data-aos],
    body.single-product .woocommerce-product-gallery[data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    body.single-product div.product div.images,
    body.single-product .woocommerce div.product div.images,
    body.single-product div.product div.summary,
    body.single-product .woocommerce div.product div.summary {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin: 0 !important;
    }

    body.single-product .woocommerce-product-gallery {
        position: relative !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper {
        transform: none !important;
        margin: 0 !important;
    }

    body.single-product .woocommerce-product-gallery__image,
    body.single-product .woocommerce-product-gallery__image a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body.single-product .woocommerce-product-gallery__image img,
    body.single-product div.product div.images img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    body.single-product .bonart-product-gallery-main-arrow {
        z-index: 5 !important;
    }

    body.single-product .bonart-product-thumbs-shell {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 28px minmax(0, 1fr) 28px !important;
        gap: .35rem !important;
        overflow: hidden !important;
    }

    body.single-product .bonart-product-thumbs-viewport,
    body.single-product .bonart-product-gallery-slider .flex-control-thumbs {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.single-product .product_title.entry-title,
    body.single-product .product-title,
    body.single-product .product-page-wrap .product-subtitle {
        font-size: 1.05rem !important;
        line-height: 1.75 !important;
        margin-bottom: .75rem !important;
        overflow-wrap: anywhere;
    }

    body.single-product .price-block,
    body.single-product .price-block .price,
    body.single-product div.product .summary .price {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        white-space: normal !important;
    }

    body.single-product .price-block {
        padding: .85rem !important;
        margin: 1rem 0 !important;
        display: flex !important;
        align-items: flex-start !important;
    }

    body.single-product .price-block .price,
    body.single-product .price-block .woocommerce-Price-amount,
    body.single-product div.product .summary .price,
    body.single-product div.product .summary .woocommerce-Price-amount {
        font-size: 1rem !important;
        line-height: 1.9 !important;
    }

    body.single-product .price del,
    body.single-product .price ins {
        display: inline-flex !important;
        max-width: 100% !important;
        white-space: normal !important;
    }

    body.single-product .trust-badges {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body.single-product .bonart-artwork-details-list .meta-row,
    body.single-product .bonart-product-meta-list .meta-row,
    body.single-product .product_meta .sku_wrapper,
    body.single-product .product_meta .posted_in,
    body.single-product .product_meta .tagged_as {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 480px) {
    body.single-product .product-page-wrap,
    body.single-product.admin-bar .product-page-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.single-product .bonart-product-gallery-slider .flex-control-thumbs li {
        flex-basis: calc(50% - .3rem) !important;
        max-width: calc(50% - .3rem) !important;
    }
}

/* Bonart fix: quick view modal scroll on mobile */
@media (max-width: 768px) {
    .quick-view-modal {
        align-items: flex-start !important;
        justify-content: center !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        padding: max(10px, env(safe-area-inset-top)) 10px max(16px, env(safe-area-inset-bottom)) !important;
    }

    .quick-view-modal.open {
        overflow-y: auto !important;
        pointer-events: auto !important;
    }

    .quick-view-backdrop {
        position: fixed !important;
    }

    .quick-view-box {
        width: min(100%, calc(100vw - 20px)) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: none !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        margin: 10px auto !important;
        border-radius: 16px !important;
    }

    .quick-view-inner {
        display: block !important;
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
    }

    .qv-img {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
        max-height: 46vh !important;
        overflow: hidden !important;
    }

    .qv-img img,
    #qvImg {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    .qv-info {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        padding: 16px 14px 18px !important;
        gap: .65rem !important;
    }

    .qv-title,
    .qv-price,
    .qv-artist,
    .qv-details,
    .qv-btn-row,
    .qv-full-link {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
    }

    .qv-detail-row {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        gap: .25rem .65rem !important;
    }

    .qv-btn-row {
        display: flex !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
    }

    .qv-btn-row > .btn-gold {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }

    .quick-view-close {
        position: sticky !important;
        top: 10px !important;
        margin-inline-start: auto !important;
        z-index: 5 !important;
    }

    body:has(.quick-view-modal.open) {
        overflow-x: hidden !important;
    }
}


/* ============================================================
   Bonart final fix: mobile quick view must stay above header and scroll internally
   ============================================================ */
@media (max-width: 768px) {
    html.quick-view-open,
    body.quick-view-open {
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .quick-view-modal,
    .quick-view-modal.open {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483000 !important;
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        opacity: 1;
        pointer-events: auto !important;
        transform: none !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .quick-view-modal:not(.open) {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .quick-view-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 0 !important;
    }

    .quick-view-box {
        position: fixed !important;
        z-index: 2 !important;
        top: max(8px, env(safe-area-inset-top)) !important;
        right: 8px !important;
        bottom: max(8px, env(safe-area-inset-bottom)) !important;
        left: 8px !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        border-radius: 16px !important;
        transform: none !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        touch-action: pan-y !important;
    }

    .quick-view-modal.open .quick-view-box {
        transform: none !important;
    }

    .quick-view-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .quick-view-close {
        position: sticky !important;
        top: 8px !important;
        inset-inline-end: auto !important;
        margin: 8px 8px -50px auto !important;
        z-index: 25 !important;
        width: 40px !important;
        height: 40px !important;
        background: rgba(255,255,255,.96) !important;
        box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
    }

    .qv-img {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 4 / 3 !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    .qv-img img,
    #qvImg {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        display: block !important;
    }

    .qv-info {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 16px 14px 22px !important;
    }

    .qv-title,
    .qv-price,
    .qv-artist,
    .qv-details,
    .qv-detail-row,
    .qv-btn-row,
    .qv-full-link {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .qv-detail-row {
        flex-wrap: wrap !important;
        gap: .25rem .65rem !important;
    }

    .qv-btn-row {
        position: static !important;
        display: flex !important;
        width: 100% !important;
        transform: none !important;
    }

    .qv-btn-row > .btn-gold,
    .qv-btn-row > .button,
    .qv-btn-row > .add_to_cart_button {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }
}

/* Bonart fix: reduce mobile footer top gap on product single/archive */
@media (max-width: 767.98px) {
    body.single-product .product-page-wrap,
    body.single-product.admin-bar .product-page-wrap {
        padding-bottom: 1rem !important;
    }

    body.woocommerce-shop .shop-layout,
    body.post-type-archive-product .shop-layout,
    body.tax-product_cat .shop-layout,
    body.tax-product_tag .shop-layout,
    body.tax-product_brand .shop-layout,
    body.archive.woocommerce .shop-layout {
        padding-bottom: 1rem !important;
        margin-bottom: 0 !important;
    }

    body.single-product footer.footer.footer--light,
    body.woocommerce-shop footer.footer.footer--light,
    body.post-type-archive-product footer.footer.footer--light,
    body.tax-product_cat footer.footer.footer--light,
    body.tax-product_tag footer.footer.footer--light,
    body.tax-product_brand footer.footer.footer--light,
    body.archive.woocommerce footer.footer.footer--light {
        margin-top: 0 !important;
        padding-top: 1.15rem !important;
    }

    body.single-product footer.footer.footer--light .footer-main-row,
    body.woocommerce-shop footer.footer.footer--light .footer-main-row,
    body.post-type-archive-product footer.footer.footer--light .footer-main-row,
    body.tax-product_cat footer.footer.footer--light .footer-main-row,
    body.tax-product_tag footer.footer.footer--light .footer-main-row,
    body.tax-product_brand footer.footer.footer--light .footer-main-row,
    body.archive.woocommerce footer.footer.footer--light .footer-main-row {
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }
}

@media (max-width: 480px) {
    body.single-product footer.footer.footer--light,
    body.woocommerce-shop footer.footer.footer--light,
    body.post-type-archive-product footer.footer.footer--light,
    body.tax-product_cat footer.footer.footer--light,
    body.tax-product_tag footer.footer.footer--light,
    body.tax-product_brand footer.footer.footer--light,
    body.archive.woocommerce footer.footer.footer--light {
        padding-top: .85rem !important;
    }

    body.single-product .product-page-wrap,
    body.single-product.admin-bar .product-page-wrap,
    body.woocommerce-shop .shop-layout,
    body.post-type-archive-product .shop-layout,
    body.tax-product_cat .shop-layout,
    body.tax-product_tag .shop-layout,
    body.tax-product_brand .shop-layout,
    body.archive.woocommerce .shop-layout {
        padding-bottom: .75rem !important;
    }
}

/* Bonart patch: hide archive product view-mode buttons on tablet/mobile */
@media (max-width: 1024px) {
    body.post-type-archive-product .shop-title-row .view-toggle,
    body.tax-product_cat .shop-title-row .view-toggle,
    body.tax-product_tag .shop-title-row .view-toggle,
    body.tax-product_brand .shop-title-row .view-toggle,
    body.woocommerce-shop .shop-title-row .view-toggle,
    body.woocommerce.archive .shop-title-row .view-toggle {
        display: none !important;
    }

    body.post-type-archive-product .shop-toolbar .toolbar-right,
    body.tax-product_cat .shop-toolbar .toolbar-right,
    body.tax-product_tag .shop-toolbar .toolbar-right,
    body.tax-product_brand .shop-toolbar .toolbar-right,
    body.woocommerce-shop .shop-toolbar .toolbar-right,
    body.woocommerce.archive .shop-toolbar .toolbar-right {
        gap: 8px !important;
    }
}

/* Quantity input height fix */
.woocommerce .quantity .qty {
    height: 36px !important;
}


/* =========================================================
   Bonart fix: archive filters responsive 2-column layout
   Keeps product archive filter controls from stacking one-by-one
   on mobile and tablet.
========================================================= */
@media (max-width: 1024px) {
    body.post-type-archive-product .archive-inline-filter-form--compact,
    body.tax-product_cat .archive-inline-filter-form--compact,
    body.tax-product_tag .archive-inline-filter-form--compact,
    body.tax-product_brand .archive-inline-filter-form--compact,
    body.woocommerce-shop .archive-inline-filter-form--compact,
    body.woocommerce.archive .archive-inline-filter-form--compact,
    .shop-archive-hero .archive-inline-filter-form--compact {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        align-items: start !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.post-type-archive-product .archive-inline-filter-form--compact > .archive-inline-field,
    body.tax-product_cat .archive-inline-filter-form--compact > .archive-inline-field,
    body.tax-product_tag .archive-inline-filter-form--compact > .archive-inline-field,
    body.tax-product_brand .archive-inline-filter-form--compact > .archive-inline-field,
    body.woocommerce-shop .archive-inline-filter-form--compact > .archive-inline-field,
    body.woocommerce.archive .archive-inline-filter-form--compact > .archive-inline-field,
    .shop-archive-hero .archive-inline-filter-form--compact > .archive-inline-field,
    .shop-archive-hero .archive-inline-filter-form--compact > .archive-multi-filter {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .shop-archive-hero .archive-multi-filter__toggle,
    .shop-archive-hero .archive-inline-field input,
    .shop-archive-hero .archive-inline-field select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 38px !important;
        min-height: 38px !important;
        padding-inline: 10px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
    }

    .shop-archive-hero .archive-multi-filter__label {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .shop-archive-hero .archive-inline-field--search {
        grid-column: 1 / -1 !important;
    }

    .shop-archive-hero .archive-inline-actions {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    .shop-archive-hero .archive-inline-btn--ghost {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        flex: 0 0 40px !important;
    }

    .shop-archive-hero .archive-multi-filter__panel {
        width: min(320px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
    }
}

@media (max-width: 420px) {
    .shop-archive-hero .archive-inline-filter-form--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .shop-archive-hero .archive-multi-filter__toggle,
    .shop-archive-hero .archive-inline-field input,
    .shop-archive-hero .archive-inline-field select {
        font-size: 10.5px !important;
        padding-inline: 8px !important;
    }
}

/* =========================================================
   Bonart fix: mobile/tablet archive dropdown panel viewport-safe
   Keeps multi-select filter panels inside the viewport on phones/tablets.
========================================================= */
@media (max-width: 1024px) {
    html,
    body,
    body.woocommerce-shop,
    body.post-type-archive-product,
    body.tax-product_cat,
    body.tax-product_tag,
    body.tax-product_brand {
        overflow-x: hidden !important;
    }

    body.woocommerce-shop .archive-top-filters,
    body.post-type-archive-product .archive-top-filters,
    body.tax-product_cat .archive-top-filters,
    body.tax-product_tag .archive-top-filters,
    body.tax-product_brand .archive-top-filters,
    .shop-archive-hero .archive-top-filters {
        position: relative !important;
        z-index: 12000 !important;
        overflow: visible !important;
    }

    body.woocommerce-shop .archive-inline-filter-form--compact,
    body.post-type-archive-product .archive-inline-filter-form--compact,
    body.tax-product_cat .archive-inline-filter-form--compact,
    body.tax-product_tag .archive-inline-filter-form--compact,
    body.tax-product_brand .archive-inline-filter-form--compact,
    .shop-archive-hero .archive-inline-filter-form--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        overflow: visible !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-shop .archive-multi-filter,
    body.post-type-archive-product .archive-multi-filter,
    body.tax-product_cat .archive-multi-filter,
    body.tax-product_tag .archive-multi-filter,
    body.tax-product_brand .archive-multi-filter,
    .shop-archive-hero .archive-multi-filter {
        position: relative !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.woocommerce-shop .archive-multi-filter__panel,
    body.post-type-archive-product .archive-multi-filter__panel,
    body.tax-product_cat .archive-multi-filter__panel,
    body.tax-product_tag .archive-multi-filter__panel,
    body.tax-product_brand .archive-multi-filter__panel,
    .shop-archive-hero .archive-multi-filter__panel {
        position: fixed !important;
        left: 12px !important;
        right: auto !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 10px !important;
        overflow: hidden !important;
        z-index: 12000 !important;
    }

    body.woocommerce-shop .archive-multi-filter__options,
    body.post-type-archive-product .archive-multi-filter__options,
    body.tax-product_cat .archive-multi-filter__options,
    body.tax-product_tag .archive-multi-filter__options,
    body.tax-product_brand .archive-multi-filter__options,
    .shop-archive-hero .archive-multi-filter__options {
        max-height: calc(var(--multi-panel-max-height, 360px) - 145px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }

    body.woocommerce-shop .archive-multi-filter__panel:not(:has(.archive-multi-filter__search-wrap)) .archive-multi-filter__options,
    body.post-type-archive-product .archive-multi-filter__panel:not(:has(.archive-multi-filter__search-wrap)) .archive-multi-filter__options,
    body.tax-product_cat .archive-multi-filter__panel:not(:has(.archive-multi-filter__search-wrap)) .archive-multi-filter__options,
    body.tax-product_tag .archive-multi-filter__panel:not(:has(.archive-multi-filter__search-wrap)) .archive-multi-filter__options,
    body.tax-product_brand .archive-multi-filter__panel:not(:has(.archive-multi-filter__search-wrap)) .archive-multi-filter__options,
    .shop-archive-hero .archive-multi-filter__panel:not(:has(.archive-multi-filter__search-wrap)) .archive-multi-filter__options {
        max-height: calc(var(--multi-panel-max-height, 360px) - 82px) !important;
    }

    body.woocommerce-shop .archive-multi-filter__option,
    body.post-type-archive-product .archive-multi-filter__option,
    body.tax-product_cat .archive-multi-filter__option,
    body.tax-product_tag .archive-multi-filter__option,
    body.tax-product_brand .archive-multi-filter__option,
    .shop-archive-hero .archive-multi-filter__option {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        align-items: flex-start !important;
    }

    body.woocommerce-shop .archive-multi-filter__option-text,
    body.post-type-archive-product .archive-multi-filter__option-text,
    body.tax-product_cat .archive-multi-filter__option-text,
    body.tax-product_tag .archive-multi-filter__option-text,
    body.tax-product_brand .archive-multi-filter__option-text,
    .shop-archive-hero .archive-multi-filter__option-text {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        line-height: 1.8 !important;
        text-align: right !important;
    }

    body.woocommerce-shop .archive-multi-filter__footer,
    body.post-type-archive-product .archive-multi-filter__footer,
    body.tax-product_cat .archive-multi-filter__footer,
    body.tax-product_tag .archive-multi-filter__footer,
    body.tax-product_brand .archive-multi-filter__footer,
    .shop-archive-hero .archive-multi-filter__footer {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 8px !important;
        background: #fff !important;
    }
}

/* =========================================================
   Bonart final fix: mobile/tablet archive dropdown layering
   Keeps the opened filter panel above the other filter buttons
   and prevents the lower filter rows from showing through it.
========================================================= */
@media (max-width: 1024px) {
    body.woocommerce-shop .archive-top-filters,
    body.post-type-archive-product .archive-top-filters,
    body.tax-product_cat .archive-top-filters,
    body.tax-product_tag .archive-top-filters,
    body.tax-product_brand .archive-top-filters,
    .shop-archive-hero .archive-top-filters {
        position: relative !important;
        z-index: 2147483200 !important;
        overflow: visible !important;
    }

    body.woocommerce-shop .archive-inline-filter-form--compact,
    body.post-type-archive-product .archive-inline-filter-form--compact,
    body.tax-product_cat .archive-inline-filter-form--compact,
    body.tax-product_tag .archive-inline-filter-form--compact,
    body.tax-product_brand .archive-inline-filter-form--compact,
    .shop-archive-hero .archive-inline-filter-form--compact {
        position: relative !important;
        z-index: 2147483210 !important;
        overflow: visible !important;
    }

    body.woocommerce-shop .archive-multi-filter,
    body.post-type-archive-product .archive-multi-filter,
    body.tax-product_cat .archive-multi-filter,
    body.tax-product_tag .archive-multi-filter,
    body.tax-product_brand .archive-multi-filter,
    .shop-archive-hero .archive-multi-filter {
        z-index: auto !important;
        isolation: auto !important;
    }

    body.woocommerce-shop .archive-multi-filter.is-open,
    body.post-type-archive-product .archive-multi-filter.is-open,
    body.tax-product_cat .archive-multi-filter.is-open,
    body.tax-product_tag .archive-multi-filter.is-open,
    body.tax-product_brand .archive-multi-filter.is-open,
    .shop-archive-hero .archive-multi-filter.is-open {
        z-index: 2147483230 !important;
    }

    body.woocommerce-shop .archive-multi-filter.is-open .archive-multi-filter__panel,
    body.post-type-archive-product .archive-multi-filter.is-open .archive-multi-filter__panel,
    body.tax-product_cat .archive-multi-filter.is-open .archive-multi-filter__panel,
    body.tax-product_tag .archive-multi-filter.is-open .archive-multi-filter__panel,
    body.tax-product_brand .archive-multi-filter.is-open .archive-multi-filter__panel,
    .shop-archive-hero .archive-multi-filter.is-open .archive-multi-filter__panel {
        position: fixed !important;
        display: flex !important;
        flex-direction: column !important;
        left: 12px !important;
        right: auto !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        max-height: min(var(--multi-panel-max-height, 420px), calc(100dvh - var(--multi-panel-top, 160px) - 12px)) !important;
        overflow: hidden !important;
        background: #fff !important;
        border: 1px solid #d7cfc4 !important;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .18) !important;
        box-sizing: border-box !important;
        z-index: 2147483640 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        contain: none !important;
    }

    body.woocommerce-shop .archive-multi-filter.is-open .archive-multi-filter__search-wrap,
    body.post-type-archive-product .archive-multi-filter.is-open .archive-multi-filter__search-wrap,
    body.tax-product_cat .archive-multi-filter.is-open .archive-multi-filter__search-wrap,
    body.tax-product_tag .archive-multi-filter.is-open .archive-multi-filter__search-wrap,
    body.tax-product_brand .archive-multi-filter.is-open .archive-multi-filter__search-wrap,
    .shop-archive-hero .archive-multi-filter.is-open .archive-multi-filter__search-wrap {
        flex: 0 0 auto !important;
        position: relative !important;
        z-index: 2 !important;
        background: #fff !important;
    }

    body.woocommerce-shop .archive-multi-filter.is-open .archive-multi-filter__options,
    body.post-type-archive-product .archive-multi-filter.is-open .archive-multi-filter__options,
    body.tax-product_cat .archive-multi-filter.is-open .archive-multi-filter__options,
    body.tax-product_tag .archive-multi-filter.is-open .archive-multi-filter__options,
    body.tax-product_brand .archive-multi-filter.is-open .archive-multi-filter__options,
    .shop-archive-hero .archive-multi-filter.is-open .archive-multi-filter__options {
        flex: 1 1 auto !important;
        min-height: 120px !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        background: #fff !important;
        padding: 4px 0 8px !important;
    }

    body.woocommerce-shop .archive-multi-filter.is-open .archive-multi-filter__footer,
    body.post-type-archive-product .archive-multi-filter.is-open .archive-multi-filter__footer,
    body.tax-product_cat .archive-multi-filter.is-open .archive-multi-filter__footer,
    body.tax-product_tag .archive-multi-filter.is-open .archive-multi-filter__footer,
    body.tax-product_brand .archive-multi-filter.is-open .archive-multi-filter__footer,
    .shop-archive-hero .archive-multi-filter.is-open .archive-multi-filter__footer {
        flex: 0 0 auto !important;
        position: relative !important;
        z-index: 2 !important;
        background: #fff !important;
        margin-top: 6px !important;
        padding-top: 8px !important;
    }
}

/* Bonart feature value color swatches */
.bonart-feature-value-list,
.qv-feature-value-list {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .35rem;
    width: 100%;
}

.bonart-feature-value-chip,
.qv-feature-value-chip {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    max-width: 100%;
    padding: .18rem 0rem .18rem .46rem;
    color: inherit;
    line-height: 1.55;
    white-space: nowrap;
}

.bonart-feature-color-swatch,
.qv-feature-color-swatch {
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 50%;
    border: 1px solid rgba(31, 26, 19, .2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72);
}

.qv-detail-row > span:last-child {
    min-width: 0;
    text-align: right;
}

body.single-product .bonart-artwork-details-list .meta-row-feature .meta-value .bonart-feature-value-list {
    justify-content: flex-start;
}

@media (max-width: 575px) {
    .bonart-feature-value-list,
    .qv-feature-value-list {
        justify-content: flex-start;
    }

    .bonart-feature-value-chip,
    .qv-feature-value-chip {
        white-space: normal;
    }
}

/* Bonart patch: dynamic shop archive filter layout */
body .archive-top-filters .archive-inline-filter-form--auto-width,
body .archive-inline-filter-form.archive-inline-filter-form--auto-width,
body .archive-inline-filter-form--compact.archive-inline-filter-form--auto-width {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

body .archive-inline-filter-form--auto-width > .archive-multi-filter,
body .archive-inline-filter-form--auto-width > .archive-inline-field,
body .archive-inline-filter-form--auto-width > .archive-inline-field--search {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

body .archive-inline-filter-form--auto-width > .archive-inline-actions {
    flex: 0 0 92px !important;
    width: 92px !important;
    min-width: 72px !important;
    max-width: 110px !important;
    display: flex !important;
}

body .archive-inline-filter-form--auto-width .archive-inline-actions .archive-inline-btn,
body .archive-inline-filter-form--auto-width .archive-inline-actions .archive-inline-btn--ghost {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body .archive-inline-filter-form--auto-width .archive-multi-filter__toggle,
body .archive-inline-filter-form--auto-width .archive-inline-field input,
body .archive-inline-filter-form--auto-width .archive-inline-field select {
    width: 100% !important;
    min-width: 0 !important;
}

body .archive-inline-filter-form--auto-width .archive-multi-filter__label,
body .archive-inline-filter-form--auto-width .archive-inline-field input {
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 1024px) {
    body .archive-inline-filter-form.archive-inline-filter-form--auto-width,
    body .archive-inline-filter-form--compact.archive-inline-filter-form--auto-width {
        flex-wrap: wrap !important;
    }

    body .archive-inline-filter-form--auto-width > .archive-multi-filter,
    body .archive-inline-filter-form--auto-width > .archive-inline-field,
    body .archive-inline-filter-form--auto-width > .archive-inline-field--search {
        flex: 1 1 calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
    }

    body .archive-inline-filter-form--auto-width > .archive-inline-actions {
        flex: 1 1 calc(50% - 6px) !important;
        width: auto !important;
        max-width: none !important;
    }
}

@media (max-width: 575px) {
    body .archive-inline-filter-form--auto-width > .archive-multi-filter,
    body .archive-inline-filter-form--auto-width > .archive-inline-field,
    body .archive-inline-filter-form--auto-width > .archive-inline-field--search,
    body .archive-inline-filter-form--auto-width > .archive-inline-actions {
        flex: 1 1 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        max-width: none !important;
    }
}


/* BonArt corporate gold for every frontend sign-in and registration submit button. */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.bonart-myaccount-auth .auth-submit {
    background: #b8943a !important;
    border-color: #b8943a !important;
    color: #111 !important;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-login__submit:focus-visible,
.woocommerce-form-register__submit:hover,
.woocommerce-form-register__submit:focus-visible,
.bonart-myaccount-auth .auth-submit:hover,
.bonart-myaccount-auth .auth-submit:focus-visible {
    background: #9b762f !important;
    border-color: #9b762f !important;
    color: #fff !important;
}

/* BonArt v6.0.64: remove decorative frame behind about image and enforce true 50/50 split */
.featured-img-frame::before,
.featured-img-frame::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
}

.featured-img-frame {
  overflow: hidden;
}

.ba-about-widget .featured-img-frame img,
.ba-about-widget .ba-about-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

@media (min-width: 1025px) {
  .featured-artist-inner,
  .ba-about-widget .ba-about-inner,
  .ba-about-widget.ba-about-reverse .ba-about-inner {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 0;
    row-gap: var(--ba-about-gap, 60px);
    align-items: stretch;
  }

  .ba-about-widget .ba-about-media,
  .ba-about-widget .ba-about-content,
  .ba-about-widget.ba-about-reverse .ba-about-media,
  .ba-about-widget.ba-about-reverse .ba-about-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .ba-about-widget .ba-about-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline-start: clamp(24px, 3vw, 56px);
    padding-inline-end: 0;
  }

  .ba-about-widget.ba-about-reverse .ba-about-content {
    padding-inline-start: 0;
    padding-inline-end: clamp(24px, 3vw, 56px);
  }
}

/* BonArt v6.0.67: prevent About section text overflow */
.ba-about-widget,
.ba-about-widget * {
  box-sizing: border-box;
}

.ba-about-widget .ba-about-content,
.ba-about-widget .ba-about-title,
.ba-about-widget .ba-about-quote,
.ba-about-widget .ba-about-description,
.ba-about-widget .ba-about-stats,
.ba-about-widget .ba-about-buttons,
.ba-about-widget .ba-about-stat,
.ba-about-widget .ba-about-stat-label,
.ba-about-widget .ba-about-stat-number,
.ba-about-widget .ba-about-btn {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.ba-about-widget .ba-about-content,
.ba-about-widget .ba-about-title,
.ba-about-widget .ba-about-quote,
.ba-about-widget .ba-about-description,
.ba-about-widget .ba-about-stat-label,
.ba-about-widget .ba-about-btn {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.ba-about-widget .ba-about-content {
  overflow: hidden;
}

.ba-about-widget .ba-about-title,
.ba-about-widget .ba-about-quote,
.ba-about-widget .ba-about-description {
  display: block;
}

.ba-about-widget .ba-about-buttons {
  display: flex;
}

.ba-about-widget .ba-about-btn {
  width: auto;
  max-width: 100%;
}

@media (min-width: 1025px) {
  .ba-about-widget .ba-about-content {
    padding-inline-start: clamp(20px, 2.4vw, 44px);
  }

  .ba-about-widget.ba-about-reverse .ba-about-content {
    padding-inline-end: clamp(20px, 2.4vw, 44px);
  }
}

/* BonArt v6.0.68: reduce About section right-side inner spacing in RTL/desktop */
@media (min-width: 1025px) {
  .rtl .ba-about-widget .ba-about-content {
    padding-inline-start: clamp(8px, 1.2vw, 18px) !important;
    padding-inline-end: 0 !important;
  }

  .rtl .ba-about-widget.ba-about-reverse .ba-about-content {
    padding-inline-end: clamp(8px, 1.2vw, 18px) !important;
    padding-inline-start: 0 !important;
  }
}

/* BonArt v6.0.69: remove Elementor-generated About column gap */
@media (min-width: 1025px) {
  .ba-about-widget .ba-about-inner,
  .ba-about-widget.ba-about-reverse .ba-about-inner,
  .featured-artist-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
}

@media (max-width: 1024px) {
  .ba-about-widget .ba-about-inner,
  .ba-about-widget.ba-about-reverse .ba-about-inner,
  .featured-artist-inner {
    gap: 34px !important;
  }
}

/* BonArt v6.0.70: remove RTL right-side outer padding from About section so image sits flush */
@media (min-width: 1025px) {
  .rtl .ba-about-widget > .container-xl,
  .rtl .ba-about-widget > .container-xl.px-4,
  .rtl .ba-about-widget > .container,
  .rtl .ba-about-widget > .container.px-4 {
    padding-right: 0 !important;
    padding-inline-end: 0 !important;
  }

  .rtl .ba-about-widget .ba-about-media,
  .rtl .ba-about-widget .featured-img-frame,
  .rtl .ba-about-widget .ba-about-image {
    margin-right: 0 !important;
    margin-inline-end: 0 !important;
  }

  .rtl .ba-about-widget .ba-about-content {
    padding-right: 0 !important;
    padding-inline-end: 0 !important;
  }
}

/* BonArt v6.0.71: set About text right padding to 7px in RTL desktop */
@media (min-width: 1025px) {
  .rtl .ba-about-widget .ba-about-content {
    padding-right: 7px !important;
    padding-inline-start: 7px !important;
  }

  .rtl .ba-about-widget.ba-about-reverse .ba-about-content {
    padding-right: 7px !important;
    padding-inline-start: 7px !important;
  }
}

/* BonArt v6.0.72: set About text right padding to 20px in RTL desktop */
@media (min-width: 1025px) {
  .rtl .ba-about-widget .ba-about-content {
    padding-right: 20px !important;
    padding-inline-start: 20px !important;
  }

  .rtl .ba-about-widget.ba-about-reverse .ba-about-content {
    padding-right: 20px !important;
    padding-inline-start: 20px !important;
  }
}

/* BonArt v6.0.74: rich About editor, independent text alignment, and equal content padding */
.ba-about-widget .ba-about-content,
.ba-about-widget.ba-about-reverse .ba-about-content,
.rtl .ba-about-widget .ba-about-content,
.rtl .ba-about-widget.ba-about-reverse .ba-about-content {
  padding: 20px !important;
}

.ba-about-widget .ba-about-description {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  line-height: 1.85;
}

.ba-about-widget .ba-about-description > :first-child {
  margin-top: 0 !important;
}

.ba-about-widget .ba-about-description > :last-child {
  margin-bottom: 0 !important;
}

.ba-about-widget .ba-about-description p,
.ba-about-widget .ba-about-description h1,
.ba-about-widget .ba-about-description h2,
.ba-about-widget .ba-about-description h3,
.ba-about-widget .ba-about-description h4,
.ba-about-widget .ba-about-description h5,
.ba-about-widget .ba-about-description h6,
.ba-about-widget .ba-about-description ul,
.ba-about-widget .ba-about-description ol,
.ba-about-widget .ba-about-description blockquote {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.ba-about-widget .ba-about-description ul,
.ba-about-widget .ba-about-description ol {
  padding-inline-start: 1.4em;
}

.ba-about-widget .ba-about-description img,
.ba-about-widget .ba-about-description video,
.ba-about-widget .ba-about-description iframe,
.ba-about-widget .ba-about-description table {
  max-width: 100%;
}

.ba-about-widget .ba-about-description img,
.ba-about-widget .ba-about-description video {
  height: auto;
}


/* Category-first archive filters: subject and technique unlock after category selection. */
.archive-multi-filter--dependent.is-disabled {
  opacity: .58;
}
.archive-multi-filter--dependent.is-disabled .archive-multi-filter__toggle,
.archive-multi-filter--dependent.is-disabled .archive-multi-filter__toggle:hover,
.archive-multi-filter--dependent.is-disabled .archive-multi-filter__toggle:focus {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  filter: grayscale(.12);
}
.archive-multi-filter--dependent.is-disabled .archive-multi-filter__chevron {
  opacity: .45;
}
.archive-multi-filter--dependent.is-loading .archive-multi-filter__toggle {
  cursor: wait;
  pointer-events: none;
  opacity: .68;
}

/* ============================================================
   v6.0.82 - Reusable Elementor order tracking widget
   Square-corner layout requested for the tracking experience.
============================================================ */
.bonart-track-hero--single {
    grid-template-columns: minmax(0, 1fr) !important;
}

.bonart-order-tracking-page .bonart-track-wrap {
    max-width: 780px !important;
}

.bonart-order-tracking-widget {
    width: 100%;
    direction: rtl;
}

.bonart-order-tracking-widget .bonart-track-card,
.bonart-order-tracking-widget .bonart-track-result {
    width: 100%;
}

.bonart-order-tracking-widget .bonart-track-desc > :first-child {
    margin-top: 0;
}

.bonart-order-tracking-widget .bonart-track-desc > :last-child {
    margin-bottom: 0;
}

.bonart-order-tracking-widget .bonart-track-card,
.bonart-order-tracking-widget .bonart-track-result,
.bonart-order-tracking-widget .bonart-track-input-wrap,
.bonart-order-tracking-widget .bonart-track-input,
.bonart-order-tracking-widget .bonart-track-submit,
.bonart-order-tracking-widget .bonart-track-message,
.bonart-order-tracking-widget .bonart-track-status-badge,
.bonart-order-tracking-widget .bonart-track-meta-item,
.bonart-order-tracking-widget .bonart-track-step,
.bonart-order-tracking-widget .bonart-track-link {
    border-radius: 0 !important;
}

.bonart-order-tracking-widget .bonart-track-card::before,
.bonart-order-tracking-widget .bonart-track-result::before {
    border-radius: 50%;
}

.elementor-widget-bonart_order_tracking > .elementor-widget-container {
    width: 100%;
}

@media (max-width: 767.98px) {
    .bonart-order-tracking-widget .bonart-track-card,
    .bonart-order-tracking-widget .bonart-track-result,
    .bonart-order-tracking-widget .bonart-track-input-wrap,
    .bonart-order-tracking-widget .bonart-track-submit,
    .bonart-order-tracking-widget .bonart-track-message,
    .bonart-order-tracking-widget .bonart-track-status-badge,
    .bonart-order-tracking-widget .bonart-track-meta-item,
    .bonart-order-tracking-widget .bonart-track-step,
    .bonart-order-tracking-widget .bonart-track-link {
        border-radius: 0 !important;
    }
}

/* ============================================================
   v6.0.83 - Two-column order tracking widget refinement
   Tracking form on the right, selectable image on the left.
============================================================ */
.bonart-order-tracking-widget .bonart-track-split {
    display: block;
    width: 100%;
    direction: ltr;
}

.bonart-order-tracking-widget .bonart-track-split.has-media {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.bonart-order-tracking-widget .bonart-track-split--image-left .bonart-track-hero {
    grid-column: 2;
    grid-row: 1;
}

.bonart-order-tracking-widget .bonart-track-split--image-left .bonart-track-media {
    grid-column: 1;
    grid-row: 1;
}

.bonart-order-tracking-widget .bonart-track-split--image-right .bonart-track-hero {
    grid-column: 1;
    grid-row: 1;
}

.bonart-order-tracking-widget .bonart-track-split--image-right .bonart-track-media {
    grid-column: 2;
    grid-row: 1;
}

.bonart-order-tracking-widget .bonart-track-hero,
.bonart-order-tracking-widget .bonart-track-media {
    min-width: 0;
    height: 100%;
    direction: rtl;
}

.bonart-order-tracking-widget .bonart-track-hero {
    display: block !important;
}

.bonart-order-tracking-widget .bonart-track-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 430px;
    text-align: right !important;
}

.bonart-order-tracking-widget .bonart-track-media {
    min-height: 430px;
    overflow: hidden;
    background: #eceff2;
    border: 0;
    border-radius: 0 !important;
}

.bonart-order-tracking-widget .bonart-track-media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    object-position: center center;
    border-radius: 0 !important;
}

.bonart-order-tracking-widget .bonart-track-eyebrow {
    display: none !important;
}

.bonart-order-tracking-widget .bonart-track-title {
    display: block;
    width: 100%;
    margin: 0 0 18px !important;
    text-align: right;
}

.bonart-order-tracking-widget .bonart-track-title::after {
    display: none !important;
    content: none !important;
}

.bonart-order-tracking-widget .bonart-track-desc {
    width: 100%;
    max-width: none;
    margin: 0 0 20px !important;
    text-align: right;
}

.bonart-order-tracking-widget .bonart-track-form {
    width: 100%;
    max-width: none;
    gap: 10px !important;
    margin: 0 !important;
}

.bonart-order-tracking-widget .bonart-track-input-wrap {
    display: block;
    width: 100%;
    height: 36px;
    min-height: 36px;
    padding: 0 12px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.bonart-order-tracking-widget .bonart-track-input-wrap label {
    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;
}

.bonart-order-tracking-widget .bonart-track-input-wrap > i {
    display: none !important;
}

.bonart-order-tracking-widget .bonart-track-input {
    display: block;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    line-height: 34px !important;
    border: 0 !important;
    box-shadow: none !important;
}

.bonart-order-tracking-widget .bonart-track-submit {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 16px !important;
    border-radius: 0 !important;
    box-shadow: none;
}

.bonart-order-tracking-widget .bonart-track-card::before,
.bonart-order-tracking-widget .bonart-track-media::before {
    display: none !important;
    content: none !important;
}

@media (max-width: 767.98px) {
    .bonart-order-tracking-widget .bonart-track-split.has-media {
        grid-template-columns: minmax(0, 1fr);
    }

    .bonart-order-tracking-widget .bonart-track-split--image-left .bonart-track-hero,
    .bonart-order-tracking-widget .bonart-track-split--image-left .bonart-track-media,
    .bonart-order-tracking-widget .bonart-track-split--image-right .bonart-track-hero,
    .bonart-order-tracking-widget .bonart-track-split--image-right .bonart-track-media {
        grid-column: 1;
        grid-row: auto;
    }

    .bonart-order-tracking-widget .bonart-track-card,
    .bonart-order-tracking-widget .bonart-track-media {
        min-height: 280px;
    }
}
#gform_wrapper_1 .gform_title{display:none}
.gform-theme input{border-radius:0 !important;background:none !important;border-color:#d6d3cf !important;color: #d6d3cf !important;}
.gform-footer input.gform_button{background: #9a7a3a !important;    border-color: #9a7a3a !important;    color: #ffffff !important;font-weight:bold !important   }
.gform_button:hover{background: #876931 !important;    border-color: #876931 !important;    color: #ffffff !important;   }