/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
 *
 * ── Semantic class hooks (sa-*) ────────────────────────────────────────────
 * Every section, snippet and key element carries a stable `sa-` class you can
 * target with plain CSS — no Tailwind rebuild needed. These classes ship with
 * NO styles of their own; they exist purely as selectors for you to hook onto.
 *
 * Page scope   body.sa-tpl-<template>      e.g. .sa-tpl-product, .sa-tpl-shop
 *              body.sa-no-product-images / .sa-no-category-images when the
 *              matching theme setting is off
 * Chrome       .sa-header .sa-navbar .sa-footer
 *              .sa-navbar-link .sa-navbar-logo .sa-navbar-cart .sa-footer-link
 * Sections     .sa-<component>             e.g. .sa-hero, .sa-features, .sa-faq
 *   variant    .sa-<component>--<variant>  e.g. .sa-hero--split-media
 *   inner      .sa-<component>-title / -subtitle / -eyebrow / -media /
 *              -items / -item / -actions / -link / -price / -badge / -icon
 * Primitives   .sa-btn (+ .sa-btn--<variant>), .sa-section-header
 *              (.sa-section-title / -eyebrow / -subtitle),
 *              .sa-product-card (+ .sa-product-card--<style>,
 *              .sa-product-card-title / -price / -stock / -status / -badges),
 *              .sa-product-form + .sa-add-to-cart, .sa-product-gallery,
 *              .sa-cart-panel + .sa-cart-item, .sa-searchbar, .sa-pagination,
 *              .sa-breadcrumbs, .sa-toasts + .sa-toast, .sa-feedback-card
 *
 * Example — bigger hero heading only on the product page:
 *   .sa-tpl-product .sa-hero-title { font-size: 3rem; }
 * ───────────────────────────────────────────────────────────────────────────
*/


/* Unique Market — contained product and feedback marquees */
.sa-ticker-compact {
  padding-block: 12px !important;
  overflow: hidden;
}

/* Keep both moving rows aligned with the same centered content width as the site. */
.sa-products--marquee,
.sa-feedbacks--marquee {
  overflow: hidden;
}

.sa-products--marquee .sa-section-header,
.sa-feedbacks--marquee .sa-section-header {
  margin-bottom: 20px;
}

.sa-marquee-track {
  width: max-content;
  will-change: transform;
  animation: um-marquee-left 68s linear infinite;
}

.sa-marquee-track--right {
  animation-name: um-marquee-right;
}

.sa-products-marquee-window {
  width: 100%;
}

.sa-products-marquee-track {
  align-items: stretch;
  gap: 0;
  padding: 3px 0 8px;
  /* 20% slower than v8: 101.4 × 1.2 = 121.68s */
  animation-duration: 121.68s;
}

.sa-products-marquee-card {
  width: 18rem;
  flex: 0 0 18rem;
  margin-right: 16px;
}

.sa-products--marquee .sa-product-card {
  height: 100%;
  border-color: rgba(255, 138, 50, 0.18);
  background: linear-gradient(145deg, rgba(24, 17, 11, 0.97), rgba(13, 10, 7, 0.99));
}

.sa-feedbacks--marquee .sa-feedbacks-marquee-track {
  gap: 0;
  padding: 3px 0 8px;
  animation-duration: 68s;
}

.sa-feedbacks--marquee .sa-feedbacks-item {
  width: 20rem;
  flex: 0 0 20rem;
  margin-right: 16px;
}

.sa-feedbacks--marquee .sa-feedback-card {
  border: 1px solid rgba(255, 138, 50, 0.18);
  background: linear-gradient(145deg, rgba(22, 16, 11, 0.98), rgba(11, 8, 6, 0.99));
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.13);
}

.sa-feedbacks--marquee .sa-feedback-card .text-warning,
.sa-feedbacks--marquee .sa-feedback-card [class*="star"] {
  color: #FF8A32;
}

.sa-marquee-clone {
  pointer-events: none;
  user-select: none;
}

.sa-navbar .currency-selector > button {
  border-color: rgba(255, 138, 50, 0.26);
  background: rgba(255, 138, 50, 0.055);
}

.sa-navbar .currency-selector > button:hover {
  border-color: rgba(255, 138, 50, 0.55);
  background: rgba(255, 138, 50, 0.12);
}

@keyframes um-marquee-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes um-marquee-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

@media (max-width: 640px) {
  .sa-products-marquee-card {
    width: 15.5rem;
    flex-basis: 15.5rem;
  }

  .sa-feedbacks--marquee .sa-feedbacks-item {
    width: 17.5rem;
    flex-basis: 17.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sa-marquee-track {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Keep Marble's original per-section effects strictly attached to their own sections.
   The vein lines render only where the section's original bg_effect is "veins". */
.component:has(> .sfx) {
  position: relative;
  isolation: isolate;
}

.component > .sfx {
  position: absolute;
  inset: 0;
  max-width: 100%;
  overflow: hidden;
  pointer-events: none;
}

.component > .sfx .sfx-veins {
  position: absolute;
  inset: 0;
  max-width: 100%;
}

/* Product-page description is intentionally compact so bulk savings can sit directly below it. */
.sa-product-description-card .sa-product-description-content {
  max-height: 13rem;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.sa-product-description-card .sa-product-description-content > :first-child {
  margin-top: 0;
}

.sa-product-description-card .sa-product-description-content > :last-child {
  margin-bottom: 0;
}


/* Refined pink-violet accent and soft feedback for instant search. */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.sa-page-products .input:focus-visible { outline-color: rgba(255, 138, 50, .55); }


/* Unique Market v9 refinements */
.um-market-accent {
  color: rgb(var(--cl-accent));
  text-shadow: 0 0 20px rgba(var(--cl-accent), .18);
}
.um-account-icon { flex-shrink: 0; }
.um-account-icon:hover { transform: translateY(-1px); box-shadow: 0 0 18px rgba(var(--cl-accent), .16); }

/* Bring the Why us (trust badges) and Popular right now sections closer. */
.sa-trust-badges + .sa-products,
.sa-products + .sa-trust-badges {
  padding-top: 20px !important;
}

.um-collection-tabs { margin-bottom: 1.1rem; }
.um-collection-tab {
  transform: translateZ(0);
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.um-collection-tab:hover { transform: translateY(-1px); border-color: rgba(var(--cl-accent), .42); }
.um-collection-tab:active { transform: scale(.96); }
.um-collection-tab.is-active {
  color: rgb(var(--cl-on-accent));
  background: linear-gradient(var(--grad-accent-from), var(--grad-accent-to));
  border-color: rgba(var(--cl-accent), .7);
  box-shadow: 0 4px 16px rgba(var(--cl-accent), .16);
}

/* Small Discord invite notification; it stays out of the way until shown. */
.um-discord-toast[hidden] { display: none !important; }
.um-discord-toast {
  position: fixed; left: 1rem; bottom: 1rem; z-index: 70;
  width: min(23rem, calc(100vw - 2rem));
  display: grid; grid-template-columns: 2.8rem minmax(0, 1fr) auto; gap: .75rem;
  align-items: center; padding: .85rem;
  border: 1px solid rgba(88, 101, 242, .36); border-radius: 16px;
  background: color-mix(in srgb, var(--cl-surface-raised, #150817) 92%, #5865F2 8%);
  box-shadow: 0 14px 48px rgba(0, 0, 0, .35);
  opacity: 0; transform: translateY(12px) scale(.985);
  transition: opacity 240ms ease, transform 240ms ease;
}
.um-discord-toast.is-visible { opacity: 1; transform: translateY(0) scale(1); }
.um-discord-toast-icon { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; border-radius: 12px; background: rgba(88, 101, 242, .17); color: #8b96ff; font-size: 1.45rem; }
.um-discord-toast-title { display:block; color: var(--cl-text-primary, #fff); font-weight: 700; font-size: .9rem; line-height: 1.25; }
.um-discord-toast-copy { display:block; color: var(--cl-text-muted, #aaa); font-size: .75rem; line-height: 1.4; margin-top: .2rem; }
.um-discord-toast-join { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; padding:.48rem .65rem; border-radius:9px; color:#fff; background:#5865F2; font-size:.75rem; font-weight:700; transition: transform 160ms ease, background 160ms ease; }
.um-discord-toast-join:hover { background:#4752c4; transform:translateY(-1px); }
.um-discord-toast-close { position:absolute; top:.35rem; right:.35rem; width:1.35rem; height:1.35rem; display:grid; place-items:center; border-radius:6px; color:var(--cl-text-muted,#aaa); background:rgba(255,255,255,.04); font-size:.9rem; }
.um-discord-toast-close:hover { color:var(--cl-text-primary,#fff); }
@media (max-width: 480px) {
  .um-discord-toast { left:.65rem; bottom:.65rem; width:calc(100vw - 1.3rem); }
}

/* Tactile feedback on clickable product cards and brand shortcuts. */
.um-logo-product-link { transition: transform 180ms ease, opacity 180ms ease; }
.um-logo-product-link:active { transform: scale(.96); }
.sa-product-card, .sa-status-card { transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.sa-product-card:active { transform: scale(.985); }
@media (prefers-reduced-motion: reduce) {
  .um-logo-product-link, .um-collection-tab, .sa-product-card, .sa-status-card { transition: none !important; }
}


/* v10 layout fixes: left-side service categories, tighter home sections and a cleaner account icon. */
.um-collection-sidebar-tab {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.35rem;
  padding: .55rem .7rem;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--cl-text-muted, #aaa0ad);
  text-align: left;
  font-size: .82rem;
  font-weight: 600;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.um-collection-sidebar-tab:hover {
  color: var(--cl-text-primary, #f5f0f6);
  background: rgba(var(--cl-accent), .075);
  border-color: rgba(var(--cl-accent), .16);
  transform: translateX(2px);
}
.sa-page-products aside .rounded-card { max-height: calc(100vh - 8.5rem); overflow-y: auto; scrollbar-width: thin; }
.um-collection-sidebar-tab.is-active {
  color: rgb(var(--cl-on-accent));
  background: linear-gradient(110deg, var(--grad-accent-from), var(--grad-accent-to));
  border-color: rgba(var(--cl-accent), .42);
  box-shadow: 0 4px 14px rgba(var(--cl-accent), .12);
}
.um-collection-sidebar-tab:active { transform: scale(.985); }

/* Keep the featured carousel visually connected to the next home section. */
.sa-products--marquee { padding-bottom: 12px !important; margin-bottom: 0 !important; }
.sa-products--marquee + .sa-trust-badges,
.sa-trust-badges { padding-top: 18px !important; }
.sa-products--marquee + .sa-categories,
.sa-products--marquee + .sa-bento { padding-top: 20px !important; }

/* Compact, polished user/login control in the top navigation. */
.sa-navbar .um-account-icon {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 13px !important;
  color: rgb(var(--cl-accent));
  border-color: rgba(var(--cl-accent), .26) !important;
  background: linear-gradient(145deg, rgba(var(--cl-accent), .095), rgba(255,255,255,.018));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  transition: transform 180ms ease, color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.sa-navbar .um-account-icon:hover {
  color: rgb(var(--cl-on-accent));
  border-color: rgba(var(--cl-accent), .6) !important;
  background: linear-gradient(135deg, var(--grad-accent-from), var(--grad-accent-to));
  box-shadow: 0 5px 16px rgba(var(--cl-accent), .18);
  transform: translateY(-1px);
}
.sa-navbar .um-account-icon:focus-visible { outline: 2px solid rgba(var(--cl-accent), .8); outline-offset: 3px; }
@media (max-width: 640px) {
  .sa-products--marquee { padding-bottom: 6px !important; }
  .sa-products--marquee + .sa-trust-badges,
  .sa-trust-badges { padding-top: 12px !important; }
}


/* v11: reference-style left filter rail, recolored to the store's pink-lilac theme. */
.sa-page-products aside .rounded-card {
  background: linear-gradient(165deg, rgba(var(--cl-accent), .045), rgba(12, 5, 14, .20)), var(--cl-surface-raised, #0d0710) !important;
  border-color: rgba(var(--cl-accent), .17) !important;
  border-radius: 16px !important;
  padding: .25rem !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.018) !important;
}
.um-sidebar-filter-form { color: var(--cl-text-primary, #f7f0f8); }
.um-filter-section { padding: .9rem .8rem; }
.um-filter-section-title {
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
  margin: 0; color: var(--cl-text-primary, #f7f0f8); font-size: .91rem; line-height: 1.35;
  font-weight: 750; letter-spacing: -.018em; text-align: left;
}
.um-filter-divider { height: 1px; width: 100%; background: rgba(var(--cl-accent), .14); }
.um-filter-options { display: flex; flex-direction: column; gap: .58rem; padding-top: .85rem; }
.um-filter-option {
  display: flex; align-items: center; gap: .62rem; min-height: 1.55rem;
  color: var(--cl-text-muted, #aaa0ad); font-size: .84rem; line-height: 1.35;
  font-weight: 550; cursor: pointer; transition: color 150ms ease;
}
.um-filter-option:hover { color: var(--cl-text-primary, #fff); }
.um-filter-option input[type="radio"] {
  width: 18px; height: 18px; margin: 0; flex: 0 0 18px;
  accent-color: rgb(var(--cl-accent)); cursor: pointer;
}
.um-sidebar-filter-form .peer:checked + span { color: rgb(var(--cl-accent)); border-color: rgba(var(--cl-accent), .75); }
.um-sidebar-filter-form .um-filter-section .faq-panel { min-height: 0; }
.um-native-category-list { display: flex; flex-direction: column; gap: .24rem; }
.um-native-category-row {
  position: relative; display: flex; align-items: center; gap: .6rem; width: 100%; min-height: 2.05rem;
  padding: .38rem .55rem; border: 1px solid transparent; border-radius: 9px;
  color: var(--cl-text-muted, #aaa0ad); font-size: .82rem; line-height: 1.25; font-weight: 550;
  transition: color 150ms ease, background 150ms ease, border-color 150ms ease, transform 150ms ease;
}
.um-native-category-row::before {
  content: ""; display: block; width: 18px; height: 18px; flex: 0 0 18px; border-radius: 50%;
  border: 2px solid rgba(210, 190, 213, .32); background: transparent;
  transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}
.um-native-category-row:hover { color: var(--cl-text-primary, #fff); background: rgba(var(--cl-accent), .055); border-color: rgba(var(--cl-accent), .12); transform: translateX(1px); }
.um-native-category-row.is-active { color: var(--cl-text-primary, #fff); background: rgba(var(--cl-accent), .10); border-color: rgba(var(--cl-accent), .26); }
.um-native-category-row.is-active::before { border-color: rgb(var(--cl-accent)); background: radial-gradient(circle, rgb(var(--cl-accent)) 0 4px, transparent 4.5px); box-shadow: 0 0 0 3px rgba(var(--cl-accent), .08); }
.um-native-category-label { min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.um-native-category-count { flex: 0 0 auto; padding-left: .3rem; color: var(--cl-text-muted, #a89daa); font-size: .74rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.um-collection-sidebar-tab { border-radius: 9px; min-height: 2.1rem; padding: .42rem .55rem; }
.um-collection-sidebar-tab::before {
  content: ""; display: block; width: 18px; height: 18px; flex: 0 0 18px; border-radius: 50%;
  border: 2px solid rgba(210, 190, 213, .32); background: transparent; transition: all 150ms ease;
}
.um-collection-sidebar-tab.is-active { color: var(--cl-text-primary, #fff); background: rgba(var(--cl-accent), .10); border-color: rgba(var(--cl-accent), .28); box-shadow: none; }
.um-collection-sidebar-tab.is-active::before { border-color: rgb(var(--cl-accent)); background: radial-gradient(circle, rgb(var(--cl-accent)) 0 4px, transparent 4.5px); }
.um-collection-sidebar-tab:hover { background: rgba(var(--cl-accent), .06); border-color: rgba(var(--cl-accent), .16); transform: translateX(1px); }
.um-sidebar-filter-form input.input { border-color: rgba(var(--cl-accent), .22); background: rgba(0, 0, 0, .12); }
.um-sidebar-filter-form input.input:focus { border-color: rgba(var(--cl-accent), .7); box-shadow: 0 0 0 3px rgba(var(--cl-accent), .10); }
.um-filter-reset { color: var(--cl-text-primary, #f7f0f8); background: rgba(var(--cl-accent), .035); border: 1px solid rgba(var(--cl-accent), .20); }
.um-filter-reset:hover { background: rgba(var(--cl-accent), .10); border-color: rgba(var(--cl-accent), .45); }
.um-filter-apply { box-shadow: 0 6px 20px rgba(var(--cl-accent), .12); }

/* The person icon keeps its meaning but matches the currency selector's size and rounded rectangle. */
.sa-navbar .um-account-icon {
  width: 4.5rem; min-width: 4.5rem; height: 2.5rem; min-height: 2.5rem;
  padding: .5rem 1rem; border-radius: 12px !important;
  color: rgb(var(--cl-accent)); border-color: rgba(var(--cl-accent), .26) !important;
  background: rgba(var(--cl-accent), .055); box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.sa-navbar .um-account-icon svg { width: 1.25rem; height: 1.25rem; }
.sa-navbar .um-account-icon:hover { background: rgba(var(--cl-accent), .12); box-shadow: 0 5px 16px rgba(var(--cl-accent), .15); }

/* The status page is a product list, never a grid of anonymous numeric tiles. */
.sa-page-status .sa-page-status-items { width: 100%; }
.sa-page-status .st-row { min-height: 3.7rem; background: rgba(var(--cl-accent), .025); border-color: rgba(var(--cl-accent), .13); }
.sa-page-status .st-row:hover { background: rgba(var(--cl-accent), .055); border-color: rgba(var(--cl-accent), .28); }
@media (max-width: 1023px) {
  .sa-page-products aside .rounded-card { max-height: none; }
}
@media (prefers-reduced-motion: reduce) {
  .um-native-category-row, .um-filter-option, .um-collection-sidebar-tab { transition: none !important; }
}


/* v14: restore Marble's floating filters while keeping the reference sidebar beside products. */
.sa-page-products > .wrap > .grid {
  align-items: start;
}
.sa-page-products aside {
  min-width: 0;
  z-index: 2;
}
.sa-page-products .um-sidebar-filter-form {
  overflow: visible;
}
.sa-page-products .um-filter-section > [x-show] {
  position: relative;
  z-index: 1;
}
.um-mobile-filters-overlay {
  position: fixed;
  inset: 0;
  overscroll-behavior: contain;
}
.um-mobile-filters-sheet {
  background: linear-gradient(160deg, rgba(var(--cl-accent), .055), rgba(10, 4, 12, .22)), var(--cl-surface-raised, #0d0710) !important;
  border-top-color: rgba(var(--cl-accent), .3) !important;
  box-shadow: 0 -20px 70px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255,255,255,.03) !important;
  overflow: hidden;
}
.um-mobile-filters-sheet > .overflow-y-auto {
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.um-mobile-filters-sheet .um-sidebar-filter-form {
  padding-bottom: max(.75rem, env(safe-area-inset-bottom));
}
html.um-search-loading .sa-page-products [data-um-products-results] {
  transition: opacity 100ms ease;
}
@media (min-width: 1024px) {
  .um-mobile-filters-overlay { display: none !important; }
}

/* Halloween edition. Keep the palette consistent even when SellAuth retains
   the shop owner's previously saved settings during a theme import. */
:root, html[data-scheme] {
  --cl-accent: 255, 138, 50 !important;
  --cl-on-accent: 33, 16, 6 !important;
  --cl-background: 11, 9, 7 !important;
  --cl-surface: 19, 16, 13 !important;
  --cl-surface-raised: 28, 22, 17 !important;
  --cl-t-primary: 255, 245, 235 !important;
  --cl-t-muted: 185, 169, 154 !important;
  --cl-star: 255, 177, 90 !important;
  --cl-border: rgba(196, 139, 94, .17) !important;
  --grad-accent-from: #ffad58 !important;
  --grad-accent-to: #e96518 !important;
  color-scheme: dark !important;
  background-color: #0b0907 !important;
}
body {
  background-color: #0b0907 !important;
  background-image: radial-gradient(ellipse 65% 560px at 50% 0, rgba(158, 69, 16, .16), transparent 80%),
    repeating-linear-gradient(118deg, transparent 0 74px, rgba(255, 166, 88, .025) 74px 75px) !important;
}
.sa-navbar > div > .backdrop-blur, .sa-navbar > .backdrop-blur {
  background: linear-gradient(130deg, rgba(58, 34, 18, .72), rgba(17, 14, 11, .86)) !important;
  backdrop-filter: blur(22px) saturate(125%);
  -webkit-backdrop-filter: blur(22px) saturate(125%);
  border-color: rgba(255, 171, 93, .18) !important;
  box-shadow: 0 8px 35px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 219, 173, .04);
}
.um-language-pills { display: inline-flex; align-items: center; flex-shrink: 0; padding: 3px; gap: 2px; border-radius: 999px; border: 1px solid rgba(255, 185, 112, .18); background: rgba(39, 26, 16, .45); }
.um-language-pill { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 10px; border-radius: 999px; font-size: 11px; line-height: 1; font-weight: 650; color: #b8a28b; border: 1px solid transparent; text-decoration: none; transition: background .2s, color .2s, border-color .2s; }
.um-language-pill svg { width: 21px; height: 14px; border-radius: 2px; overflow: hidden; }
.um-language-pill.is-active { background: rgba(255, 144, 53, .12); border-color: rgba(255, 159, 70, .28); color: #ffe1bb; box-shadow: inset 0 1px 0 rgba(255, 234, 203, .07); }
.um-language-pill[href]:hover { background: rgba(255, 144, 53, .16); color: #fff4e7; }
.um-language-pill:focus-visible { outline: 2px solid #ffad58; outline-offset: 3px; }
.um-language-pill.is-unavailable { opacity: .45; cursor: help; }
.sa-navbar--pills .nav-shrink { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; }
.sa-navbar--pills .nav-pills { position: relative; left: auto; transform: none; grid-column: 2; justify-self: center; max-width: 100%; overflow-x: auto; }
.sa-navbar--pills .nav-pills .sa-navbar-link { white-space: nowrap; flex-shrink: 0; }
.sa-navbar--pills .nav-shrink > .flex:last-child { grid-column: 3; }

/* Give the radio decoration its own grid column: it can never overlap a label. */
.um-collection-sidebar .um-collection-sidebar-tab,
.um-native-category-list .um-native-category-row {
  position: relative; display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr); column-gap: 11px !important;
  align-items: center; width: 100%; min-height: 38px; text-align: left;
  padding: 8px 10px; line-height: 1.4; border: 1px solid transparent;
}
.um-native-category-list .um-native-category-row { grid-template-columns: 18px minmax(0, 1fr) auto; }
.um-collection-sidebar-tab::before, .um-native-category-row::before {
  position: static !important; inset: auto !important; transform: none !important;
  box-sizing: border-box; width: 18px; height: 18px; margin: 0 !important;
  border-color: rgba(214, 181, 149, .32);
}
.um-collection-sidebar-tab > span { min-width: 0; white-space: normal; }
.um-collection-sidebar-tab.is-active { background: rgba(255, 138, 50, .09) !important; color: #fff1e2 !important; border-color: rgba(255, 138, 50, .26) !important; }
.um-filter-option { gap: 11px; min-height: 29px; }
.um-filter-option input[type="radio"] { appearance: auto; position: static; margin: 0; }
.sa-page-products aside .rounded-card,
.um-mobile-filters-sheet { background: linear-gradient(155deg, rgba(255, 138, 50, .035), transparent 65%), #13100d !important; }
.um-filter-section-title { color: #fff1e2; }
.um-filter-option, .um-native-category-row, .um-sidebar-filter-form { color: #b9a99a; }
.um-filter-error { padding: 12px 16px; margin-bottom: 16px; border: 1px solid rgba(255, 138, 50, .3); border-radius: 12px; font-size: 13px; color: #e7cbb0; background: #25190e; }
.um-filter-error button { text-decoration: underline; margin-left: 8px; }
[data-um-product-result][hidden], [data-um-no-results][hidden], [data-um-server-empty][hidden], [data-um-search-pending-message][hidden] { display: none !important; }

.sa-hero { padding: 26px 0 85px; isolation: isolate; }
.sa-hero > .wrap { border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.sa-hero .max-w-2xl { max-width: 880px; }
.um-hero-heading { font-size: clamp(2.4rem, 5.7vw, 5rem); line-height: 1.06; font-weight: 800; letter-spacing: -.045em; }
.um-hero-heading > span { display: block; }
.um-hero-highlight { color: #ff9c4d; background: linear-gradient(110deg, #ffe0bd, #ff9b4d 55%, #f47a23); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.sa-hero-subtitle { max-width: 660px; margin-inline: auto; line-height: 1.7; }
.um-hero-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.um-hero-shop, .um-hero-discord { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 46px; padding: 12px 24px; border-radius: 999px; font-size: 14px; font-weight: 650; }
.um-hero-discord { color: #fff0e2; background: rgba(255,255,255,.025); border: 1px solid rgba(255, 203, 152, .17); transition: background .2s, border-color .2s, transform .2s; }
.um-hero-discord:hover { background: rgba(255, 149, 56, .07); border-color: rgba(255, 170, 98, .35); transform: translateY(-2px); }
.um-hero-buttons svg { width: 16px; height: 16px; flex-shrink: 0; }
.sa-hero-title { text-wrap: balance; }
.sa-hero-eyebrow { background: rgba(255, 145, 57, .07) !important; border: 1px solid rgba(255, 171, 93, .22); color: #fdb777 !important; box-shadow: none !important; }
.sa-hero-eyebrow > span:first-child { color: #ffcb8d; }
.sa-product-card, .sa-feedback-card, .sa-features-item { transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.sa-product-card:hover { transform: translateY(-5px); border-color: rgba(255, 156, 74, .36); box-shadow: 0 15px 36px rgba(0, 0, 0, .24); }
.sa-product-card img { transition: transform .55s cubic-bezier(.2,.65,.3,1); }
.sa-product-card:hover img { transform: scale(1.025); }
.sa-navbar-link, .sa-btn, .btn-primary { transition: transform .22s ease, background-color .22s ease, box-shadow .22s ease; }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 7px 22px rgba(210, 90, 21, .17); }
.footer-wordmark span { font-size: min(14.72rem, calc(92vw / (var(--fwm-len, 8) * .62))); color: rgba(255, 165, 87, .12); letter-spacing: -.055em; font-weight: 800; }

.um-halloween-scene { position: absolute; inset: 0 0 auto; height: 880px; overflow: hidden; pointer-events: none; z-index: 0; }
body.sa-tpl-cart .um-halloween-scene { display: none; }
.sa-navbar-logo img, .sa-footer img[alt="Unique Market"] { filter: grayscale(1) sepia(1) saturate(3) hue-rotate(345deg); }
.um-web { position: absolute; width: clamp(105px, 15vw, 210px); top: 95px; color: #bd9368; opacity: .28; }
.um-web-left { left: 0; }
.um-web-right { right: 0; transform: scaleX(-1); }
.um-moon { position: absolute; width: clamp(75px, 9vw, 132px); top: 155px; right: 5%; opacity: .87; filter: drop-shadow(0 0 28px rgba(243, 177, 94, .22)); animation: um-moon-breathe 8s ease-in-out infinite alternate; }
.um-spider { position: absolute; width: 28px; height: 150px; top: 120px; left: 7%; color: #9b7854; transform-origin: top center; animation: um-spider-sway 7s ease-in-out infinite alternate; }
.um-bat { position: absolute; color: #7c4a28; width: 42px; opacity: .48; animation: um-bat-float 9s ease-in-out infinite; }
.um-bat-0 { top: 255px; left: 14%; transform: rotate(-12deg); }
.um-bat-1 { top: 330px; right: 9%; width: 28px; animation-delay: -3s; }
.um-bat-2 { top: 140px; left: 31%; width: 22px; animation-delay: -6s; }
.um-autumn-leaf { position: absolute; top: -25px; left: var(--leaf-x); width: var(--leaf-size); height: calc(var(--leaf-size) * 1.6); border-radius: 2px 90% 2px 90%; background: #b65e23; opacity: 0; animation: um-leaf-fall var(--leaf-duration) linear var(--leaf-delay) infinite; }
.um-halloween-landscape { position: absolute; bottom: 0; inset-inline: 0; height: 96px; pointer-events: none; z-index: -1; overflow: hidden; background: radial-gradient(ellipse at bottom, rgba(169, 72, 18, .14), transparent 70%); }
.um-graveyard { position: absolute; width: 100%; height: 92px; bottom: -1px; color: #1d130c; }
.um-pumpkin { position: absolute; bottom: 10px; width: 63px; opacity: .8; filter: drop-shadow(0 0 12px rgba(201, 96, 26, .10)); animation: um-pumpkin-glow 6s ease-in-out infinite alternate; }
.um-pumpkin-left { left: 9%; transform: rotate(-8deg); }
.um-pumpkin-right { right: 10%; width: 44px; transform: rotate(9deg); animation-delay: -3s; }
@keyframes um-moon-breathe { to { opacity: 1; filter: drop-shadow(0 0 40px rgba(243,177,94,.3)); } }
@keyframes um-spider-sway { from { transform: rotate(-5deg); } to { transform: rotate(5deg); } }
@keyframes um-bat-float { 0%,100% { translate: 0 0; } 50% { translate: 14px -12px; } }
@keyframes um-leaf-fall { 0% { transform: translate3d(0,0,0) rotate(0); opacity: 0; } 12%,78% { opacity: .33; } 100% { transform: translate3d(65px,850px,0) rotate(300deg); opacity: 0; } }
@keyframes um-pumpkin-glow { to { filter: drop-shadow(0 0 17px rgba(201,96,26,.22)); } }
@keyframes um-results-in { from { opacity: .65; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.um-results-enter { animation: um-results-in .3s ease both; }
@media (max-width: 767px) {
  .sa-hero { padding: 18px 16px 75px; }
  .sa-hero > .wrap { border-radius: 0; padding: 58px 0 48px; }
  .um-moon { top: 125px; right: -15px; width: 82px; opacity: .4; }
  .um-web { top: 83px; width: 105px; opacity: .18; }
  .um-spider { left: 4%; top: 110px; height: 110px; }
  .um-bat-0 { top: 170px; left: 3%; width: 30px; }
  .um-bat-1, .um-bat-2 { display: none; }
  .sa-navbar .um-account-icon { width: 38px; min-width: 38px; padding: 7px; height: 38px; }
  .um-language-pill { padding: 7px 8px; gap: 5px; }
  .um-language-pill svg { width: 18px; height: 12px; }
  .um-halloween-scene { height: 730px; }
}
@media (max-width: 480px) {
  .sa-navbar-logo > span { display: none; }
  .sa-navbar .nav-shrink { padding-inline: 8px; gap: 6px; }
  .sa-navbar .nav-shrink > .flex:last-child { gap: 3px; }
  .sa-navbar .um-language-pills { padding: 2px; }
  .um-language-pill { padding: 7px 5px; gap: 4px; font-size: 10px; }
  .um-language-pill svg { width: 16px; height: 11px; }
  .sa-navbar .um-account-icon { min-width: 30px; width: 30px; }
  .sa-navbar-cart, .sa-navbar button[aria-label] { padding: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .um-halloween-scene *, .um-halloween-landscape *, .um-results-enter { animation: none !important; }
  .um-autumn-leaf { display: none; }
  .sa-product-card, .sa-product-card img, .sa-navbar-link, .btn-primary, .um-language-pill { transition: none !important; }
  .sa-product-card:hover, .sa-product-card:hover img, .btn-primary:hover { transform: none; }
}