/*
 * TheLuxuryShop by Charu — private colour preview, 1 October 2026
 * Load LAST, after inline catalogue styles and both shared CSS files.
 * Opt in ONLY the preview homepage and MK Men page with:
 *   <html lang="en" class="theme-black-gold">
 * Colour-only overlay: no layout, visibility, typography, image filter,
 * content, navigation, interaction, timing, or image-byte changes.
 * The Canada flag emoji and all logo/product-photo pixels are untouched.
 */
html.theme-black-gold {
  --lux-black: #111111;
  --lux-charcoal: #282722;
  --lux-gold: #C8B27A;
  --lux-gold-hover: #D8C89F;
  --lux-gold-deep: #695329;
  --lux-gold-line: #AC955F;
  --lux-warm-white: #FAF8F3;
  --lux-surface: #FFFDF8;
  --lux-soft: #EFE8D8;
  --lux-border: #D9D0BC;
  --lux-muted: #625E55;
  --lux-light-muted: #D9D2C3;
  --lux-shadow: rgba(17, 17, 17, .14);
  color-scheme: light;
  accent-color: var(--lux-black);
}

/* Quiet, warm-white canvas and product surfaces. */
html.theme-black-gold body {
  background: var(--lux-warm-white) !important;
  color: var(--lux-black) !important;
}
html.theme-black-gold :is(.card, .item, .featured-product, .featured-card,
  .collection-tile, .global-product, .saved-favourite-card, .shared-size,
  .about-details section, .global-empty) {
  background: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-border) !important;
}
html.theme-black-gold :is(.photo, .photo img, .card img,
  .collection-photo, .featured-card img, .global-product-photo,
  .saved-favourite-photo img) {
  background-color: var(--lux-surface) !important;
}
html.theme-black-gold :is(.card-foot small, .card-foot span, .count,
  .catalog-controls-status, .sort-status, .product-photo-count,
  .global-shop-description, .global-product-brand, .budget-summary,
  .saved-favourites-note, .featured-info strong) {
  color: var(--lux-muted) !important;
}
html.theme-black-gold :is(.eyebrow, .showcase-kicker, .featured-info small,
  .saved-favourite-category, .join-note) {
  color: var(--lux-gold-deep) !important;
}
html.theme-black-gold :is(.collection-heading h2, .collection-tile h3,
  .global-product-price, .global-product h2 a, .card-foot strong,
  .card-foot b, .home-quick-links a, .hero-text-link, .back) {
  color: var(--lux-black) !important;
}
html.theme-black-gold :is(.promise, .shared-size-grid span, .home-hero,
  .community-header-row, .catalog-scroll-cue) {
  background: var(--lux-soft) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-border) !important;
}
html.theme-black-gold .logo-art {
  background: var(--lux-soft) !important;
  border-color: var(--lux-border) !important;
}

/* Black masthead. Champagne is reserved for the navigation band and actions. */
html.theme-black-gold .shop-sticky-header,
html.theme-black-gold .shop-sticky-header > header,
html.theme-black-gold body > header {
  background: var(--lux-black) !important;
  color: var(--lux-gold) !important;
}
html.theme-black-gold header :is(.brand, .home-link) {
  color: var(--lux-gold) !important;
}
html.theme-black-gold header :is(.header-collection, .header-date) {
  color: var(--lux-warm-white) !important;
}
html.theme-black-gold .compact-catalog-actions,
html.theme-black-gold .compact-catalog-actions > .catalog-switcher,
html.theme-black-gold .compact-catalog-actions > .catalog-switcher summary,
html.theme-black-gold .catalog-switcher > summary,
html.theme-black-gold .other-collection > :is(h2, strong, .catalog-toggle) {
  background: var(--lux-gold) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold .global-shop-actions > .catalog-switcher {
  border-top-color: var(--lux-gold-line) !important;
}
html.theme-black-gold .catalog-favourites-bar {
  background: var(--lux-surface) !important;
  border-color: var(--lux-border) !important;
}
html.theme-black-gold .compact-catalog-actions > .catalog-favourites-bar,
html.theme-black-gold .community-header-row > .catalog-favourites-bar {
  background: transparent !important;
}
html.theme-black-gold :is(.all-shop-menu, .explicit-home-link,
  .my-favourites-link, .community-announcement,
  .community-announcement a) {
  color: var(--lux-black) !important;
}
html.theme-black-gold .favourites-count {
  background: var(--lux-black) !important;
  color: var(--lux-gold) !important;
}
html.theme-black-gold .favourites-status {
  color: var(--lux-muted) !important;
}
html.theme-black-gold .favourites-status:not(:empty) {
  background: var(--lux-surface) !important;
}

/* Both dropdown systems: cream panels, readable black links, gold selection. */
html.theme-black-gold .all-shop-menu > nav,
html.theme-black-gold .compact-catalog-actions > .catalog-switcher > nav,
html.theme-black-gold .catalog-switcher > nav,
html.theme-black-gold .other-collection {
  background: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-border) !important;
}
html.theme-black-gold .catalog-switcher > nav a,
html.theme-black-gold .all-shop-menu nav a,
html.theme-black-gold .other-collection .collection-links a {
  background: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-border) !important;
}
html.theme-black-gold .shop-menu-group {
  border-color: var(--lux-border) !important;
}
html.theme-black-gold .catalog-switcher > nav a:is(:hover, :focus-visible),
html.theme-black-gold .all-shop-menu nav a:is(:hover, :focus-visible),
html.theme-black-gold .other-collection .collection-links a:is(:hover, :focus-visible),
html.theme-black-gold .shop-menu-group > summary:is(:hover, :focus-visible) {
  background: var(--lux-soft) !important;
  color: var(--lux-black) !important;
}
html.theme-black-gold .catalog-switcher > nav a[aria-current="page"],
html.theme-black-gold .all-shop-menu nav a[aria-current="page"],
html.theme-black-gold .collection-links a.pinned-collection {
  background: var(--lux-gold) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold .all-shop-menu > summary:is(:hover, :focus-visible),
html.theme-black-gold .compact-catalog-actions > .catalog-switcher summary:is(:hover, :focus-visible) {
  background: var(--lux-gold-hover) !important;
}

/* Search, filters and catalogue controls. */
html.theme-black-gold .global-site-search,
html.theme-black-gold .global-site-search input,
html.theme-black-gold .catalog-search-row input,
html.theme-black-gold .catalog-controls select,
html.theme-black-gold .price-sort-bar select,
html.theme-black-gold .global-shop-filters select,
html.theme-black-gold .custom-budget,
html.theme-black-gold .custom-budget input,
html.theme-black-gold .favourites-retry {
  background: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold input::placeholder {
  color: var(--lux-muted) !important;
  opacity: 1;
}
html.theme-black-gold :is(.global-site-search button,
  .catalog-search-row button, .custom-budget button, .global-load-more,
  .hero-button, .browse-link) {
  background: var(--lux-black) !important;
  color: var(--lux-gold) !important;
  border-color: var(--lux-black) !important;
}
html.theme-black-gold :is(.global-site-search button,
  .catalog-search-row button, .custom-budget button, .global-load-more,
  .hero-button, .browse-link):hover {
  background: var(--lux-charcoal) !important;
}
html.theme-black-gold :is(.global-shop-toolbar a,
  .global-product-delivery, #budget-error) {
  color: var(--lux-gold-deep) !important;
}
html.theme-black-gold .global-shop-ready input {
  accent-color: var(--lux-black);
}

/* Gold collection and enquiry buttons with black lettering. */
html.theme-black-gold :is(.collection-view, .featured-open,
  .product-enquiry, .saved-favourite-enquiry, .community-link,
  .footer-community-join, #home-community-cta a),
html.theme-black-gold .home-showcase .featured-open,
html.theme-black-gold .footer-community-message .footer-community-join,
html.theme-black-gold .global-product-actions a.product-enquiry {
  background: var(--lux-gold) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold :is(.collection-view, .featured-open,
  .product-enquiry, .saved-favourite-enquiry, .community-link,
  .footer-community-join, #home-community-cta a):hover,
html.theme-black-gold .home-showcase .featured-card:hover .featured-open,
html.theme-black-gold .footer-community-message .footer-community-join:hover,
html.theme-black-gold .global-product-actions a.product-enquiry:hover {
  background: var(--lux-gold-hover) !important;
  color: var(--lux-black) !important;
}
html.theme-black-gold :is(.carousel-navigation > button,
  .featured-controls button, #all-collections-toggle, .product-size-chart,
  .remove-favourite, .global-product-actions a:not(.product-enquiry)) {
  background: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold :is(.carousel-navigation > button,
  .featured-controls button, #all-collections-toggle, .product-size-chart,
  .remove-favourite, .global-product-actions a:not(.product-enquiry)):hover {
  background: var(--lux-soft) !important;
}
html.theme-black-gold #carousel-dots button::before {
  background: var(--lux-border) !important;
}
html.theme-black-gold #carousel-dots button[aria-current="true"]::before {
  background: var(--lux-black) !important;
}
html.theme-black-gold .photo-position {
  background: rgba(255, 253, 248, .94) !important;
  color: var(--lux-black) !important;
}
html.theme-black-gold .product-favourite {
  background: rgba(255, 253, 248, .97) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold .product-favourite[aria-pressed="true"] {
  background: var(--lux-gold) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-black) !important;
}

/* Footer retains every community, availability and order link. */
html.theme-black-gold footer {
  background: var(--lux-black) !important;
  color: var(--lux-light-muted) !important;
}
html.theme-black-gold .footer-community-message,
html.theme-black-gold footer .community-section,
html.theme-black-gold footer .instagram,
html.theme-black-gold #home-community-cta {
  background: var(--lux-warm-white) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-border) !important;
}
html.theme-black-gold .footer-tagline,
html.theme-black-gold footer .community-section h2,
html.theme-black-gold footer .community-section h2 .join-note,
html.theme-black-gold footer .community-section .community-grid a,
html.theme-black-gold footer .community-section .community-grid a strong {
  color: var(--lux-black) !important;
}
html.theme-black-gold .community-grid a {
  background: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-border) !important;
}
html.theme-black-gold .community-grid a:is(:hover, :focus-visible) {
  background: var(--lux-soft) !important;
}
html.theme-black-gold footer .community-section .community-grid a span {
  color: var(--lux-muted) !important;
}
html.theme-black-gold footer .instagram a,
html.theme-black-gold .footer-community-message a:not(.footer-community-join) {
  color: var(--lux-gold-deep) !important;
}
html.theme-black-gold footer :is(.process-link, .order-links a,
  .order-contacts > strong) {
  color: var(--lux-gold) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold footer .order-contacts {
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold footer .order-links a:is(:hover, :focus-visible) {
  background: var(--lux-gold) !important;
  color: var(--lux-black) !important;
}

/* Current product gallery and legacy photo viewer. No photo pixels altered. */
html.theme-black-gold #product-gallery,
html.theme-black-gold #product-gallery .gallery-header,
html.theme-black-gold #product-gallery .gallery-footer,
html.theme-black-gold #viewer,
html.theme-black-gold #viewer .catalog-viewer-price {
  background: var(--lux-black) !important;
  color: var(--lux-warm-white) !important;
}
html.theme-black-gold #product-gallery::backdrop,
html.theme-black-gold #viewer::backdrop {
  background: var(--lux-black) !important;
}
html.theme-black-gold #product-gallery .gallery-image-area {
  background: var(--lux-surface) !important;
}
html.theme-black-gold #product-gallery .gallery-close,
html.theme-black-gold #viewer .close,
html.theme-black-gold #viewer .viewer-actions button {
  background: var(--lux-black) !important;
  color: var(--lux-gold) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold #product-gallery .gallery-arrow,
html.theme-black-gold #viewer .catalog-nav,
html.theme-black-gold #viewer .nav-arrow {
  background: var(--lux-gold) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold #product-gallery .gallery-price,
html.theme-black-gold #viewer .viewer-price {
  color: var(--lux-gold) !important;
}
html.theme-black-gold #product-gallery :is(.gallery-note, .gallery-counter),
html.theme-black-gold #viewer :is(.viewer-note, .counter, .viewer-help) {
  color: var(--lux-light-muted) !important;
}
html.theme-black-gold #product-gallery .gallery-thumb {
  background: var(--lux-charcoal) !important;
}
html.theme-black-gold #product-gallery .gallery-thumb[aria-current="true"] {
  border-color: var(--lux-gold) !important;
}

/* Preserve existing focus dimensions and offsets; replace only their colour. */
html.theme-black-gold :is(a, button, summary, input, select):focus-visible {
  outline-color: var(--lux-black) !important;
}
html.theme-black-gold .catalog-switcher > summary:focus-visible,
html.theme-black-gold .other-collection > .catalog-toggle:focus-visible {
  outline-color: var(--lux-black) !important;
}
html.theme-black-gold footer > a:focus-visible,
html.theme-black-gold footer .order-links a:focus-visible,
html.theme-black-gold #product-gallery :is(button, a):focus-visible,
html.theme-black-gold #viewer :is(button, a):focus-visible {
  outline-color: var(--lux-gold) !important;
}

/*
 * Private black-and-gold accent direction, 1 October 2026.
 * Load AFTER black-gold.css INSTEAD OF metallic-gold-refinement.css.
 * Opt-in: html.theme-black-gold. Colour/finish only; no layout, text,
 * visibility, image pixels, event handlers, or interaction changes.
 */
html.theme-black-gold {
  --lux-black: #101010;
  --lux-charcoal: #282828;
  --lux-gold: #DAC491;
  --lux-gold-hover: #E8D5A8;
  --lux-gold-deep: #6C5427;
  --lux-gold-line: #A98B4F;
  --lux-warm-white: #FFFFFF;
  --lux-surface: #FFFFFF;
  --lux-soft: #F6F6F5;
  --lux-border: #E2DFD8;
  --lux-muted: #5B5955;
  --lux-light-muted: #DAD5CA;
  --lux-shadow: rgba(0, 0, 0, .12);
  --lux-black-gloss: linear-gradient(180deg, #282828 0%, #171717 45%, #101010 54%, #151515 100%);
  --lux-accent-edge: inset 0 0 0 1px var(--lux-gold-line), inset 0 2px 0 rgba(255, 255, 255, .07);
}

/* A quiet black navigation strip, with gold lettering and a fine gold edge. */
html.theme-black-gold .compact-catalog-actions,
html.theme-black-gold .catalog-switcher > summary,
html.theme-black-gold .other-collection > :is(h2, strong, .catalog-toggle) {
  background: var(--lux-black-gloss) !important;
  color: var(--lux-gold) !important;
  border-color: var(--lux-gold-line) !important;
  box-shadow: var(--lux-accent-edge) !important;
}
html.theme-black-gold .compact-catalog-actions > .catalog-switcher,
html.theme-black-gold .compact-catalog-actions > .catalog-switcher > summary {
  background: transparent !important;
  color: var(--lux-gold) !important;
  border-color: var(--lux-gold-line) !important;
  box-shadow: none !important;
}
html.theme-black-gold .compact-catalog-actions :is(.all-shop-menu,
  .explicit-home-link, .my-favourites-link),
html.theme-black-gold .all-shop-menu > summary {
  color: var(--lux-gold) !important;
}
html.theme-black-gold .compact-catalog-actions .favourites-count {
  background: var(--lux-black) !important;
  color: var(--lux-gold) !important;
  box-shadow: inset 0 0 0 1px var(--lux-gold-line) !important;
}
html.theme-black-gold .all-shop-menu > summary:is(:hover, :focus-visible),
html.theme-black-gold .compact-catalog-actions > .catalog-switcher > summary:is(:hover, :focus-visible),
html.theme-black-gold .catalog-switcher > summary:is(:hover, :focus-visible),
html.theme-black-gold .compact-catalog-actions :is(.explicit-home-link, .my-favourites-link):is(:hover, :focus-visible),
html.theme-black-gold .other-collection > .catalog-toggle:is(:hover, :focus-visible) {
  background: var(--lux-charcoal) !important;
  color: var(--lux-gold-hover) !important;
}

/* White dropdowns, including nested summaries and the current-page state. */
html.theme-black-gold .all-shop-menu > nav,
html.theme-black-gold .compact-catalog-actions > .catalog-switcher > nav,
html.theme-black-gold .catalog-switcher > nav,
html.theme-black-gold .other-collection,
html.theme-black-gold .catalog-switcher > nav a,
html.theme-black-gold .all-shop-menu nav a,
html.theme-black-gold .other-collection .collection-links a,
html.theme-black-gold .all-shop-menu .shop-menu-group > summary,
html.theme-black-gold .compact-catalog-actions > .catalog-switcher > nav .shop-menu-group > summary {
  background: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-border) !important;
  box-shadow: none !important;
}
html.theme-black-gold .catalog-switcher > nav a[aria-current="page"],
html.theme-black-gold .all-shop-menu nav a[aria-current="page"],
html.theme-black-gold .other-collection .collection-links a.pinned-collection {
  background: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-gold-line) !important;
  box-shadow: inset 3px 0 0 var(--lux-gold-line) !important;
}
html.theme-black-gold .catalog-switcher > nav a:is(:hover, :focus-visible),
html.theme-black-gold .all-shop-menu nav a:is(:hover, :focus-visible),
html.theme-black-gold .other-collection .collection-links a:is(:hover, :focus-visible),
html.theme-black-gold .all-shop-menu .shop-menu-group > summary:is(:hover, :focus-visible),
html.theme-black-gold .compact-catalog-actions > .catalog-switcher > nav .shop-menu-group > summary:is(:hover, :focus-visible) {
  background: var(--lux-soft) !important;
  color: var(--lux-black) !important;
}

/* Glossy near-black actions. Inset edges preserve every existing dimension. */
html.theme-black-gold :is(.collection-view, .featured-open,
  .product-enquiry, .saved-favourite-enquiry, .community-link,
  .footer-community-join, #home-community-cta a,
  .global-site-search button, .catalog-search-row button,
  .custom-budget button, .global-load-more, .hero-button, .browse-link),
html.theme-black-gold .home-showcase .featured-open,
html.theme-black-gold .footer-community-message .footer-community-join,
html.theme-black-gold .global-product-actions a.product-enquiry {
  background: var(--lux-black-gloss) !important;
  color: var(--lux-gold) !important;
  border-color: var(--lux-gold-line) !important;
  box-shadow: var(--lux-accent-edge) !important;
}
html.theme-black-gold :is(.collection-view, .featured-open,
  .product-enquiry, .saved-favourite-enquiry, .community-link,
  .footer-community-join, #home-community-cta a,
  .global-site-search button, .catalog-search-row button,
  .custom-budget button, .global-load-more, .hero-button, .browse-link):is(:hover, :focus-visible),
html.theme-black-gold .home-showcase .featured-card:hover .featured-open,
html.theme-black-gold .footer-community-message .footer-community-join:is(:hover, :focus-visible),
html.theme-black-gold .global-product-actions a.product-enquiry:is(:hover, :focus-visible) {
  background: var(--lux-charcoal) !important;
  color: var(--lux-gold-hover) !important;
  border-color: var(--lux-gold-line) !important;
}

/* Remove the remaining gold fills without touching product photography. */
html.theme-black-gold .photo-position,
html.theme-black-gold .product-favourite:not([aria-pressed="true"]) {
  background: rgba(255, 255, 255, .97) !important;
}
html.theme-black-gold .product-favourite[aria-pressed="true"],
html.theme-black-gold #product-gallery .gallery-arrow,
html.theme-black-gold #viewer .catalog-nav,
html.theme-black-gold #viewer .nav-arrow {
  background: var(--lux-black) !important;
  color: var(--lux-gold) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold footer .order-links a:is(:hover, :focus-visible) {
  background: var(--lux-charcoal) !important;
  color: var(--lux-gold-hover) !important;
}

/* Gold focus indicators on black surfaces; dark focus stays on white panels. */
html.theme-black-gold .compact-catalog-actions :is(a, button, summary):focus-visible,
html.theme-black-gold .catalog-switcher > summary:focus-visible,
html.theme-black-gold .other-collection > .catalog-toggle:focus-visible,
html.theme-black-gold header :is(a, button):focus-visible {
  outline-color: var(--lux-gold-hover) !important;
}
html.theme-black-gold .all-shop-menu nav :is(a, button, summary):focus-visible,
html.theme-black-gold .compact-catalog-actions > .catalog-switcher > nav :is(a, button, summary):focus-visible {
  outline-color: var(--lux-black) !important;
}

/* Site-wide colour coverage for the approved black-and-gold accent theme.
 * Load after black-gold.css and black-gold-accents.css.
 * Only existing controls outside the preview coverage are addressed here.
 * No dimensions, visibility, content, photos, prices or interaction changes.
 */

/* Karl's original local filters use different names from other collections. */
html.theme-black-gold .karl-search-row input,
html.theme-black-gold .karl-filter-control select,
html.theme-black-gold .karl-categories button {
  background-color: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold .karl-reset {
  background: var(--lux-black-gloss) !important;
  color: var(--lux-gold) !important;
  border-color: var(--lux-gold-line) !important;
  box-shadow: var(--lux-accent-edge) !important;
}
html.theme-black-gold .karl-reset:is(:hover, :focus-visible),
html.theme-black-gold .karl-categories button[aria-pressed="true"] {
  background: var(--lux-charcoal) !important;
  color: var(--lux-gold-hover) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold .karl-filters [role="status"] {
  color: var(--lux-muted) !important;
}

/* Supplied measurement charts and the existing chart modal. */
html.theme-black-gold :is(.size-guide, .size-chart),
html.theme-black-gold #product-size-popup,
html.theme-black-gold #product-size-popup .size-popup-content > section {
  background-color: var(--lux-surface) !important;
  color: var(--lux-black) !important;
  border-color: var(--lux-border) !important;
}
html.theme-black-gold :is(.size-table div, .sizes span, .size-chart th),
html.theme-black-gold .size-chart :is(th, td):last-child {
  background-color: var(--lux-soft) !important;
}
html.theme-black-gold :is(.size-guide p, .size-reminder) {
  color: var(--lux-muted) !important;
}
html.theme-black-gold .size-chart :is(th, td),
html.theme-black-gold #product-size-popup :is(th, td) {
  border-color: var(--lux-border) !important;
}
html.theme-black-gold #product-size-popup .size-popup-bar,
html.theme-black-gold #product-size-popup .size-popup-close {
  background-color: var(--lux-black) !important;
  color: var(--lux-gold) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold #product-size-popup .size-popup-close:focus-visible {
  outline-color: var(--lux-gold-hover) !important;
}

/* Legacy viewers vary in close-button markup and coloured text strips. */
html.theme-black-gold #viewer .viewer-bar button,
html.theme-black-gold #viewer > button:not(.catalog-nav):not(.nav-arrow) {
  background-color: var(--lux-black) !important;
  color: var(--lux-gold) !important;
  border-color: var(--lux-gold-line) !important;
}
html.theme-black-gold #viewer :is(.viewer-price, .counter, .viewer-size-reminder) {
  background-color: var(--lux-black) !important;
}
html.theme-black-gold #viewer .viewer-size-reminder {
  color: var(--lux-light-muted) !important;
}

/*
 * Shop by Brand & Category — isolated black/gold dropdown preview.
 * Load after the existing inline styles and brand-theme CSS.
 * Only the expanded dropdown panel and its links are affected.
 */
html.theme-black-gold .catalog-switcher[open] > nav {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 8px !important;
  padding: 12px !important;
  background: #101010 !important;
  color: #DAC491 !important;
  border: 1px solid #A98B4F !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 16px 30px rgba(0, 0, 0, .36),
              0 4px 8px rgba(0, 0, 0, .26) !important;
  max-height: 50vh !important;
  max-height: 50dvh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #A98B4F #101010;
  scroll-padding: 12px;
  z-index: 10;
}

html.theme-black-gold .catalog-switcher[open] > nav a {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 11px 13px !important;
  background: #171717 !important;
  color: #DAC491 !important;
  border: 1px solid #806A3F !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  white-space: normal;
  overflow-wrap: anywhere;
}

html.theme-black-gold .catalog-switcher[open] > nav a:is(:hover, :focus-visible) {
  background: #282828 !important;
  color: #E8D5A8 !important;
  border-color: #DAC491 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

html.theme-black-gold .catalog-switcher[open] > nav a:focus-visible {
  outline: 2px solid #E8D5A8 !important;
  outline-offset: 2px !important;
}

html.theme-black-gold .catalog-switcher[open] > nav a[aria-current="page"] {
  background: #282828 !important;
  color: #E8D5A8 !important;
  border-color: #DAC491 !important;
  box-shadow: inset 3px 0 0 #DAC491 !important;
}

@media (max-width: 720px) {
  html.theme-black-gold .catalog-switcher[open] > nav {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 10px !important;
    gap: 7px !important;
    scroll-padding: 10px;
  }
}