/** Shopify CDN: Minification failed

Line 2263:0 Expected "}" to go with "{"

**/
/* ==========================================================================
   RFLXNS Theme — Collection Stylesheet (clean rebuild)
   ==========================================================================
   Canonical visual owner for the custom collection/catalogue:
   - dark catalogue surface (#0d0d0d)
   - editorial header and filter rail
   - product card presentation
   - quick-add tray and inline size guide
   - responsive collection-specific overrides

   JS-coupled selectors are documented inline.
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS custom properties — collection scope
   -------------------------------------------------------------------------- */
body.template-collection {
  --rflxns-cream: #f5f0e8;
  --rflxns-ink: #0a0a0c;
  --rflxns-panel: #0a0a0c;
  --rflxns-image-stage: #0a0a0c;
  --rflxns-text: #f0ede8;
  --rflxns-muted: #9a9690;
  --rflxns-faint: #4a4845;
  --rflxns-crimson: #6b0000;
  --rflxns-crimson-hover: #8b0000;
  --rflxns-line: rgba(240, 237, 232, 0.08);
  --rflxns-catalog-font: var(--rflxns-font-body);
  --rflxns-catalog-font-condensed: var(--rflxns-font-body);
  --rflxns-catalog-surface: #0a0a0c;
  --rflxns-catalog-surface-soft: #0a0a0c;
  --rflxns-catalog-copy: #E0E0E0;
  --rflxns-catalog-copy-muted: rgba(224, 224, 224, 0.58);
  --rflxns-catalog-copy-faint: rgba(224, 224, 224, 0.38);
  --rflxns-catalog-line: rgba(224, 224, 224, 0.1);
  --rflxns-catalog-ink: #E0E0E0;
  --rflxns-catalog-muted: rgba(224, 224, 224, 0.62);
  --rflxns-catalog-panel: rgba(10, 10, 12, 0.6);
  background: #0a0a0c !important;
  overflow-x: hidden !important;
}

/* Desktop: flip dark-theme vars to light values */
@media screen and (min-width: 750px) {
  body.template-collection {
    --rflxns-catalog-copy: #111111;
    --rflxns-catalog-copy-muted: #777777;
    --rflxns-catalog-copy-faint: #aaaaaa;
    --rflxns-catalog-ink: #111111;
    --rflxns-catalog-muted: #777777;
    background: #ffffff !important;
  }
}

body.template-collection.gradient,
body.template-collection .gradient {
  background: transparent !important;
  background-image: none !important;
}

/* --------------------------------------------------------------------------
   Page chrome — MainContent, announcement bar
   -------------------------------------------------------------------------- */
body.template-collection #MainContent {
  padding-top: 68px !important;
  background: #0a0a0c !important;
  max-width: 100vw !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.template-collection .rflxns-announcement-bar {
  display: none !important;
}

/* --------------------------------------------------------------------------
   Announcement bar (marquee) — hidden on collection, kept for global use
   -------------------------------------------------------------------------- */
.rflxns-announcement-bar {
  display: none;
}

.rflxns-announcement-bar__track {
  display: flex;
  align-items: center;
  min-width: max-content;
  animation: rflxns-announcement-marquee 24s linear infinite;
}

.rflxns-announcement-bar__track span {
  display: inline-flex;
  align-items: center;
  padding-inline: 24px;
  font-family: var(--rflxns-font-accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

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

/* --------------------------------------------------------------------------
   Drop hero — disabled by default, enabled by premium pass
   -------------------------------------------------------------------------- */
body.template-collection .collection-hero,
body.template-collection .rflxns-drop-hero {
  display: none !important;
}

body.template-collection .collection-hero.rflxns-drop-hero {
  display: block !important;
  margin: 0 !important;
  padding: clamp(7.25rem, 10vw, 9rem) 0 clamp(2.5rem, 4vw, 3.5rem) !important;
  background: linear-gradient(180deg, rgba(6, 6, 6, 0.98) 0%, rgba(8, 10, 14, 0.94) 55%, rgba(6, 6, 6, 1) 100%) !important;
  border: 0 !important;
}

body.template-collection .collection-hero.rflxns-drop-hero::before,
body.template-collection .collection-hero.rflxns-drop-hero::after {
  opacity: 0 !important;
}

body.template-collection .rflxns-drop-hero__inner {
  max-width: min(1320px, calc(100vw - 56px)) !important;
  gap: clamp(2rem, 4vw, 4rem) !important;
}

body.template-collection .rflxns-drop-hero__chapter-row,
body.template-collection .rflxns-drop-hero__eyebrow,
body.template-collection .rflxns-drop-hero__stats,
body.template-collection .rflxns-drop-hero__actions,
body.template-collection .rflxns-drop-hero__feature-label,
body.template-collection .rflxns-drop-hero__feature-cta {
  opacity: 0.72 !important;
}

body.template-collection .rflxns-drop-hero__title {
  font-size: clamp(2.8rem, 5vw, 4.8rem) !important;
}

body.template-collection .rflxns-drop-hero__kicker,
body.template-collection .rflxns-drop-hero__intro,
body.template-collection .rflxns-drop-hero__feature-meta span:last-child {
  color: var(--rflxns-catalog-copy-muted) !important;
}

body.template-collection .rflxns-drop-hero__feature {
  transform: scale(0.96) !important;
  transform-origin: center top !important;
}

/* --------------------------------------------------------------------------
   Grid shell — overflow visible so quick-add tray can escape card bounds
   JS coupling: .rflxns-quick-add-open is toggled by rflxns-collection.js
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-collection-grid-shell,
body.template-collection .rflxns-collection-frame,
body.template-collection #product-grid.rflxns-product-grid--asymmetric,
body.template-collection .rflxns-product-grid__item,
body.template-collection .product-card-wrapper,
body.template-collection .rflxns-product-card-wrapper,
body.template-collection .rflxns-product-card {
  overflow: visible !important;
}

body.template-collection .rflxns-collection-grid-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1.5vw 80px !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   RFLXNS Minimalist Filter & Sort Buttons
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-clean-filter-bar {
  width: 100% !important;
  margin: 0 auto 32px !important;
  padding: 10px 0 !important;
  display: flex !important;
  justify-content: center !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.template-collection .rflxns-clean-filter-bar__pills {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  max-width: 100% !important;
  padding: 4px 0 !important;
}

body.template-collection .rflxns-clean-filter-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 20px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #e0deda !important;
  font-family: var(--rflxns-font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.template-collection .rflxns-clean-filter-pill:hover {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

body.template-collection .rflxns-clean-filter-pill.is-active {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(255, 255, 255, 0.15) !important;
}

@media (max-width: 768px) {
  body.template-collection .rflxns-clean-filter-bar {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin-bottom: 20px !important;
    padding-bottom: 8px !important;
  }
  body.template-collection .rflxns-clean-filter-bar::-webkit-scrollbar {
    display: none !important;
  }
  body.template-collection .rflxns-clean-filter-bar__pills {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding: 0 1rem !important;
  }
}

/* Reset widths on inner Shopify wrappers that would cap the grid */
body.template-collection .rflxns-collection-grid-shell .page-width,
body.template-collection .rflxns-collection-grid-shell .collection,
body.template-collection .rflxns-collection-grid-shell .rflxns-collection-frame,
body.template-collection .rflxns-collection-grid-shell .product-grid-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Filter bar
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-collection-filter-bar {
  position: relative !important;
  z-index: 100 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 12px 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.template-collection .rflxns-collection-filter-bar__top {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.template-collection .rflxns-collection-filter-bar__editorial {
  display: grid !important;
  gap: 6px !important;
}

body.template-collection .rflxns-collection-filter-bar__eyebrow,
body.template-collection .rflxns-collection-filter-bar__count {
  margin: 0 !important;
}

body.template-collection .rflxns-collection-filter-bar__eyebrow {
  color: rgba(244, 239, 232, 0.88) !important;
  font-family: var(--rflxns-font-body) !important;
  font-size: clamp(0.64rem, 0.62vw, 0.76rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.22em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

body.template-collection .rflxns-collection-filter-bar__count {
  color: rgba(244, 239, 232, 0.46) !important;
  font-family: var(--rflxns-font-body) !important;
  font-size: clamp(0.5rem, 0.5vw, 0.58rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.22em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

body.template-collection .rflxns-collection-filter-bar__pills-wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.template-collection .rflxns-collection-filter-bar__pills {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Filter pills — final refinement pass values */
body.template-collection .rflxns-collection-filter-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0.7rem 1.1rem !important;
  border: 1px solid var(--rflxns-catalog-line) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--rflxns-catalog-copy-muted) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.template-collection .rflxns-collection-filter-pill:hover,
body.template-collection .rflxns-collection-filter-pill:focus-visible {
  border-color: var(--rflxns-catalog-copy) !important;
  background: transparent !important;
  color: var(--rflxns-catalog-copy) !important;
}

body.template-collection .rflxns-collection-filter-pill.is-active {
  border: 1px solid #E10600 !important;
  background: #E10600 !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Color filter swatch rail
   JS coupling: .is-active toggled by rflxns-collection.js on swatch click
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-color-filter {
  position: relative !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  margin-left: auto !important;
  padding: 0 12px 0 14px !important;
  border: 1px solid var(--rflxns-catalog-line) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body.template-collection .rflxns-color-filter__label {
  color: var(--rflxns-catalog-copy-muted) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.template-collection .rflxns-color-filter__items {
  display: flex !important;
  align-items: center !important;
  transform-style: preserve-3d !important;
  transform: perspective(1000px) !important;
}

body.template-collection .rflxns-color-filter__swatch {
  position: relative !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 17px !important;
  height: 25px !important;
  border: 0 !important;
  outline: none !important;
  cursor: pointer !important;
  transition: 420ms cubic-bezier(0.175, 0.885, 0.32, 1.1) !important;
}

body.template-collection .rflxns-color-filter__swatch::after {
  content: "" !important;
  position: absolute !important;
  inset: 3px 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 7px !important;
  background: var(--color) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
  transform: scale(1.08) !important;
  pointer-events: none !important;
  transition: 420ms cubic-bezier(0.175, 0.885, 0.32, 1.1) !important;
}

body.template-collection .rflxns-color-filter__swatch.is-active::after {
  border-color: rgba(255, 255, 255, 0.92) !important;
  box-shadow:
    0 0 0 2px rgba(13, 13, 13, 0.98),
    0 0 0 4px rgba(255, 255, 255, 0.72),
    0 8px 18px rgba(0, 0, 0, 0.22) !important;
}

body.template-collection .rflxns-color-filter__swatch span {
  position: absolute !important;
  left: 65% !important;
  bottom: 36px !important;
  z-index: 10 !important;
  display: inline-flex !important;
  padding: 3px 6px !important;
  border: 1px solid rgba(17, 17, 17, 0.08) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(-50%) translateY(4px) !important;
  pointer-events: none !important;
  transition: 220ms ease !important;
}

body.template-collection .rflxns-color-filter__swatch:hover,
body.template-collection .rflxns-color-filter__swatch:focus-visible {
  z-index: 12 !important;
  transform: scale(1.45) !important;
}

body.template-collection .rflxns-color-filter__swatch:hover span,
body.template-collection .rflxns-color-filter__swatch:focus-visible span {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

body.template-collection .rflxns-color-filter__swatch:hover + .rflxns-color-filter__swatch,
body.template-collection .rflxns-color-filter__swatch:focus-visible + .rflxns-color-filter__swatch {
  z-index: 8 !important;
  transform: scale(1.24) !important;
}

body.template-collection .rflxns-color-filter__swatch:has(+ .rflxns-color-filter__swatch:hover),
body.template-collection .rflxns-color-filter__swatch:has(+ .rflxns-color-filter__swatch:focus-visible) {
  z-index: 8 !important;
  transform: scale(1.24) !important;
}

/* --------------------------------------------------------------------------
   Product grid
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-collection-grid-shell #product-grid,
body.template-collection .rflxns-collection-grid-shell #product-grid:not(.rflxns-product-grid--asymmetric),
body.template-collection ul.product-grid:not(.rflxns-product-grid--asymmetric),
body.template-collection ul.product-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 2px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

body.template-collection .rflxns-product-grid__item,
body.template-collection .rflxns-product-grid__item:nth-child(n),
body.template-collection .rflxns-product-grid__item--featured,
body.template-collection .rflxns-product-grid__item--featured:nth-child(n) {
  position: relative !important;
  display: flex !important;
  inset: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  translate: none !important;
}

/* Disable Shopify scroll-trigger animations on grid items */
body.template-collection .rflxns-product-grid__item.scroll-trigger,
body.template-collection .rflxns-product-grid__item.animate--slide-in {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* --------------------------------------------------------------------------
   Product card wrapper — clean slate
   -------------------------------------------------------------------------- */
body.template-collection .product-card-wrapper,
body.template-collection .rflxns-product-card-wrapper,
body.template-collection .rflxns-product-card-wrapper .card-wrapper,
body.template-collection .card-wrapper,
body.template-collection .rflxns-product-card {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.template-collection .rflxns-product-card-wrapper,
body.template-collection .rflxns-product-card-wrapper .card-wrapper,
body.template-collection .rflxns-product-card {
  display: flex !important;
  flex: 1 1 auto !important;
}

body.template-collection .rflxns-product-card {
  position: relative !important;
  z-index: 1;
  flex-direction: column !important;
  padding: 0 !important;
}

/* z-index elevation when tray is open — keeps tray above sibling cards */
body.template-collection .rflxns-product-card.rflxns-quick-add-open,
body.template-collection .rflxns-product-card.rflxns-quick-add-open:focus-within {
  z-index: 80 !important;
}

/* --------------------------------------------------------------------------
   Card inner / image shell — rounded images, overflow hidden
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-product-card .card__inner,
body.template-collection .rflxns-product-card .card__media,
body.template-collection .rflxns-product-card__stage,
body.template-collection .rflxns-product-card__stage-link,
body.template-collection .rflxns-product-card__image-shell,
body.template-collection .rflxns-product-card__image-shell.media,
body.template-collection .rflxns-product-card__inner,
body.template-collection .rflxns-product-card .media {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* Images inside the shell get no radius (parent clips them) */
body.template-collection .rflxns-product-card .card__media img,
body.template-collection .rflxns-product-card .card__media .media img,
body.template-collection .rflxns-product-card__image-shell img,
body.template-collection .rflxns-product-card__image-shell .placeholder-svg,
body.template-collection .rflxns-product-card .media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: cover !important;
}

/* Disable Shopify pseudo-element padding hacks in favour of aspect-ratio */
body.template-collection .rflxns-product-card__inner.ratio,
body.template-collection .rflxns-product-card .card__inner.ratio {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
}

body.template-collection .rflxns-product-card__inner.ratio::before,
body.template-collection .rflxns-product-card .ratio::before {
  display: none !important;
  content: none !important;
  padding-bottom: 0 !important;
}

/* --------------------------------------------------------------------------
   Gallery image panels — JS toggles .rflxns-product-card--show-alt
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-product-card__panel.first-content {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.template-collection .rflxns-product-card__panel.second-content {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.template-collection .rflxns-product-card.rflxns-product-card--show-alt .rflxns-product-card__panel.first-content {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.template-collection .rflxns-product-card.rflxns-product-card--show-alt .rflxns-product-card__panel.second-content {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (hover: hover) {
  body.template-collection .product-card-wrapper:hover .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt) .rflxns-product-card__panel.first-content,
  body.template-collection .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt):hover .rflxns-product-card__panel.first-content {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body.template-collection .product-card-wrapper:hover .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt) .rflxns-product-card__panel.second-content,
  body.template-collection .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt):hover .rflxns-product-card__panel.second-content {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Suppress decorative stage pseudo-elements from older passes */
body.template-collection .rflxns-product-card__stage::before,
body.template-collection .rflxns-product-card__stage::after,
body.template-collection .rflxns-product-card__cta {
  display: none !important;
  content: none !important;
}

.rflxns-product-card__media,
.rflxns-product-card__stage-link,
.rflxns-product-card__stage,
.rflxns-product-card__panel,
.rflxns-product-card__image-shell,
body.template-collection .rflxns-product-card__stage {
  touch-action: pan-y pinch-zoom !important;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.rflxns-product-card__stage-link img,
.rflxns-product-card__stage img,
.rflxns-product-card__panel img {
  pointer-events: none !important;
  -webkit-user-drag: none !important;
  -webkit-touch-callout: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: pan-y pinch-zoom !important;
}

/* --------------------------------------------------------------------------
   Product image pagination dots (Mobile & Desktop indicator)
   -------------------------------------------------------------------------- */
.rflxns-product-card__dots,
body.template-collection .rflxns-product-card__dots {
  position: absolute !important;
  bottom: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  z-index: 28 !important;
  pointer-events: auto !important;
  padding: 6px 12px !important;
  background: transparent !important;
}

.rflxns-product-card__dot,
body.template-collection .rflxns-product-card__dot {
  width: 6px !important;
  height: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.28) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
  cursor: pointer !important;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.22s ease !important;
  display: block !important;
  position: relative !important;
}

/* 36px touch hit target for comfortable mobile tap */
.rflxns-product-card__dot::after,
body.template-collection .rflxns-product-card__dot::after {
  content: '' !important;
  position: absolute !important;
  top: -12px !important;
  bottom: -12px !important;
  left: -10px !important;
  right: -10px !important;
}

.rflxns-product-card__dot.is-active,
body.template-collection .rflxns-product-card__dot.is-active {
  background: #000000 !important;
  transform: scale(1.35) !important;
  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.85) !important;
}

/* --------------------------------------------------------------------------
   Gallery arrows — appear on hover for desktop, completely hidden on touch/mobile
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-product-card__gallery-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 31 !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.36) !important;
  color: rgba(17, 17, 17, 0.86) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.14) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-50%) scale(0.94) !important;
  transition:
    opacity 180ms ease,
    transform 180ms cubic-bezier(0.16, 1, 0.3, 1),
    visibility 180ms step-end,
    background 160ms ease,
    color 160ms ease !important;
}

body.template-collection .rflxns-product-card__gallery-arrow--prev {
  left: 14px !important;
}

body.template-collection .rflxns-product-card__gallery-arrow--next {
  right: 14px !important;
}

body.template-collection .rflxns-product-card:hover .rflxns-product-card__gallery-arrow,
body.template-collection .rflxns-product-card:focus-within .rflxns-product-card__gallery-arrow {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(-50%) scale(1) !important;
  transition:
    opacity 180ms ease,
    transform 180ms cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0s,
    background 160ms ease,
    color 160ms ease !important;
}

body.template-collection .rflxns-product-card__gallery-arrow:hover,
body.template-collection .rflxns-product-card__gallery-arrow:focus-visible,
body.template-collection .rflxns-product-card__gallery-arrow[aria-pressed='true'] {
  background: rgba(17, 17, 17, 0.9) !important;
  border-color: rgba(17, 17, 17, 0.9) !important;
  color: #ffffff !important;
}

/* Hide arrow navigation entirely on touch and mobile devices */
@media screen and (max-width: 768px), (hover: none), (pointer: coarse) {
  body.template-collection .rflxns-product-card__gallery-arrow {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* --------------------------------------------------------------------------
   Product card info panel
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-product-card .card__content {
  position: relative !important;
  z-index: 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  row-gap: 7px !important;
  column-gap: 0 !important;
  min-height: 60px !important;
  width: 100% !important;
  padding: 14px 0 10px !important;
  border-top: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

body.template-collection .rflxns-product-card .card__information {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  row-gap: 7px !important;
  padding: 0 !important;
}

body.template-collection .rflxns-product-card .card__heading {
  grid-column: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.template-collection .rflxns-product-card .card__heading a {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--rflxns-catalog-copy) !important;
  font-family: var(--rflxns-font-body) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Card copy stack (descriptor + reveal) */
body.template-collection .rflxns-product-card__copy-stack {
  display: grid !important;
  gap: 3px !important;
}

body.template-collection .rflxns-product-card__descriptor,
body.template-collection .rflxns-product-card__detail-reveal {
  margin: 0 !important;
}

body.template-collection .rflxns-product-card__descriptor {
  color: var(--rflxns-catalog-copy-muted) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-size: 10.5px !important;
  font-weight: 300 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  -webkit-font-smoothing: antialiased;
}

body.template-collection .rflxns-product-card__detail-reveal {
  color: var(--rflxns-catalog-copy-faint) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-size: 9.5px !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.35 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transform: translateY(-4px) !important;
  transition:
    opacity 180ms ease,
    max-height 180ms ease,
    transform 180ms ease !important;
}

body.template-collection .rflxns-product-card:hover .rflxns-product-card__detail-reveal,
body.template-collection .rflxns-product-card:focus-within .rflxns-product-card__detail-reveal {
  max-height: 22px !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* card-information holds price-shell + quickadd trigger */
body.template-collection .rflxns-product-card .card-information {
  grid-column: 1 !important;
  display: grid !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
}

/* Price shell (custom element, not Shopify .price) */
body.template-collection .rflxns-product-card__price-shell {
  display: inline-flex !important;
  justify-self: flex-start !important;
  align-items: baseline !important;
  gap: 7px !important;
  font-size: 9.5px !important;
  color: rgba(244, 239, 232, 0.5) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  -webkit-font-smoothing: antialiased;
}

body.template-collection .rflxns-product-card__price-compare {
  color: rgba(244, 239, 232, 0.26) !important;
  font-size: 10px !important;
}

body.template-collection .rflxns-product-card__price-current,
body.template-collection .rflxns-product-card .price,
body.template-collection .rflxns-product-card .price__regular .price-item,
body.template-collection .rflxns-product-card .price__sale .price-item {
  color: rgba(244, 239, 232, 0.5) !important;
}

/* Hide extra Shopify price wrappers — price-shell is the canonical display */
body.template-collection .rflxns-product-card .price,
body.template-collection .rflxns-product-card .price__container,
body.template-collection .rflxns-product-card .price__regular,
body.template-collection .rflxns-product-card .price__sale {
  display: none !important;
}

/* Meta row: type label + size dots (hidden on final pass) */
body.template-collection .rflxns-product-card__meta-row {
  display: none !important;
}

body.template-collection .rflxns-product-card__type {
  color: var(--rflxns-catalog-copy-faint) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.template-collection .rflxns-product-card__size-dots {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Hide Shopify's own badge/rating elements */
body.template-collection .rflxns-product-card .card__badge,
body.template-collection .rflxns-product-card .caption-large,
body.template-collection .rflxns-product-card .rating,
body.template-collection .rflxns-product-card .rating-text,
body.template-collection .rflxns-product-card .rating-count,
body.template-collection .rflxns-collection-grid-shell .rflxns-product-card__type,
body.template-collection .rflxns-collection-grid-shell .rflxns-product-card__meta {
  display: none !important;
}

/* Badges */
body.template-collection .rflxns-product-card__badges {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 8;
  display: flex;
  gap: 4px;
  pointer-events: none;
}

body.template-collection .rflxns-product-card__badge {
  display: inline-flex;
  align-items: center;
  min-height: 17px;
  padding: 2px 6px;
  border-radius: 0;
  background: #E8E3DA !important;
  color: #111111 !important;
  font-family: var(--rflxns-font-accent);
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
}

body.template-collection .rflxns-product-card__badge.is-low-stock,
body.template-collection .rflxns-product-card__badge.is-sale {
  background: var(--rflxns-crimson);
  color: var(--rflxns-text);
}

body.template-collection .rflxns-product-card__badge.is-sold-out {
  background: #1a1a1a;
  color: var(--rflxns-faint);
}

/* --------------------------------------------------------------------------
   Wishlist trigger
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-product-card__wishlist-trigger {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 25 !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(244, 239, 232, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(12, 12, 12, 0.42) !important;
  color: rgba(244, 239, 232, 0.86) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22) !important;
  opacity: 0.2 !important;
  transition: opacity 180ms ease !important;
}

body.template-collection .rflxns-product-card__wishlist-trigger svg {
  width: 18px !important;
  height: 18px !important;
}

body.template-collection .rflxns-product-card:hover .rflxns-product-card__wishlist-trigger,
body.template-collection .rflxns-product-card:focus-within .rflxns-product-card__wishlist-trigger,
body.template-collection .rflxns-product-card__wishlist-trigger:hover,
body.template-collection .rflxns-product-card__wishlist-trigger:focus-visible {
  opacity: 1 !important;
}

body.template-collection .rflxns-product-card__wishlist-trigger:hover,
body.template-collection .rflxns-product-card__wishlist-trigger:focus-visible {
  border-color: rgba(17, 17, 17, 0.9) !important;
  background: rgba(17, 17, 17, 0.92) !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Quick-add trigger button ("+") — positioned statically next to price
   JS coupling: clicking triggers rflxns-quick-add-open on parent card
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-product-card__quickadd-trigger--image {
  position: absolute !important;
  bottom: 12px !important;
  right: 12px !important;
  top: auto !important;
  left: auto !important;
  z-index: 25 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(240, 237, 232, 0.25) !important;
  border-radius: 50% !important;
  background: rgba(10, 10, 12, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #f0ede8 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  opacity: 0.7 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  transition: opacity 200ms ease, background-color 200ms ease, border-color 200ms ease, transform 200ms ease !important;
}

body.template-collection .rflxns-product-card:hover .rflxns-product-card__quickadd-trigger--image,
body.template-collection .rflxns-product-card__quickadd-trigger--image:hover,
body.template-collection .rflxns-product-card__quickadd-trigger--image:focus-visible,
body.template-collection .rflxns-product-card.rflxns-quick-add-open .rflxns-product-card__quickadd-trigger--image {
  opacity: 1 !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  color: #ffffff !important;
  transform: scale(1.08) !important;
}

body.template-collection .rflxns-product-card__quickadd-trigger--image span {
  display: block !important;
  color: #f0ede8 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transform: none !important;
}

/* --------------------------------------------------------------------------
   Quick-add tray (popover)
   Visibility is JS-only: .rflxns-quick-add-open on the parent card.
   Hover/focus states on the tray itself do NOT open it — prevents scroll leak.
   -------------------------------------------------------------------------- */

/* All hover/focus states force-hidden — only JS class opens the tray */
body.template-collection .rflxns-product-card:hover .quick-add,
body.template-collection .rflxns-product-card:focus-within .quick-add,
body.template-collection .rflxns-product-card .rflxns-product-card__quickadd-trigger:hover + .quick-add,
body.template-collection .rflxns-product-card .rflxns-product-card__quickadd-trigger:focus-visible + .quick-add,
body.template-collection .rflxns-product-card .quick-add:hover,
body.template-collection .rflxns-product-card .quick-add:focus-within,
body.template-collection .rflxns-product-card:not(.rflxns-quick-add-open) .quick-add {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) scale(0.98) !important;
}

/* Tray base styles */
body.template-collection .rflxns-product-card .quick-add {
  position: absolute !important;
  right: 10px !important;
  bottom: 60px !important;
  left: auto !important;
  z-index: 90 !important;
  display: grid !important;
  width: min(296px, calc(100vw - 32px)) !important;
  max-width: 296px !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 12px !important;
  border: 1px solid rgba(244, 239, 232, 0.12) !important;
  border-radius: 18px !important;
  background: rgba(10, 10, 12, 0.6) !important;
  color: rgba(244, 239, 232, 0.92) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.44) !important;
  overflow: hidden !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  transform-origin: 100% 100% !important;
  transition:
    opacity 150ms ease,
    transform 150ms ease,
    visibility 0s linear 150ms !important;
}

/* Open state */
body.template-collection .rflxns-product-card.rflxns-quick-add-open .quick-add,
body.template-collection .rflxns-product-card.rflxns-quick-add-open:hover .quick-add,
body.template-collection .rflxns-product-card.rflxns-quick-add-open:focus-within .quick-add,
body.template-collection .rflxns-product-card.rflxns-quick-add-success .quick-add {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  transition-delay: 0s !important;
}

/* Suppress ::before label from old passes */
body.template-collection .rflxns-product-card .quick-add::before {
  content: none !important;
  display: none !important;
}

/* Children of tray — always visible when tray is open */
body.template-collection .rflxns-product-card .quick-add > *,
body.template-collection .rflxns-product-card .quick-add form,
body.template-collection .rflxns-product-card .quick-add product-form,
body.template-collection .rflxns-product-card .quick-add .button {
  opacity: 1 !important;
  visibility: visible !important;
}

body.template-collection .rflxns-product-card.rflxns-quick-add-open .quick-add .quick-add__submit[aria-disabled='true'] {
  cursor: wait !important;
}

/* --------------------------------------------------------------------------
   Tray header row (title + price + size guide)
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-product-card__popover-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.template-collection .rflxns-product-card__popover-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body.template-collection .rflxns-product-card__popover-title {
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(244, 239, 232, 0.94) !important;
  font-family: var(--rflxns-catalog-font) !important;
  font-size: 0.96rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.template-collection .rflxns-product-card__popover-price {
  margin: 0.15rem 0 0 !important;
  color: rgba(244, 239, 232, 0.56) !important;
  font-family: var(--rflxns-catalog-font) !important;
  font-size: 0.74rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
}

body.template-collection .rflxns-product-card__popover-note {
  margin: 0 0 0.75rem !important;
  color: rgba(244, 239, 232, 0.62) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.04em !important;
  line-height: 1.45 !important;
}

/* --------------------------------------------------------------------------
   Size guide — opens via .is-open on .rflxns-product-card__size-guide
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-product-card__size-guide {
  position: relative !important;
  display: flex !important;
  justify-content: flex-end !important;
}

body.template-collection .rflxns-product-card__popover-guide {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(244, 239, 232, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(244, 239, 232, 0.08) !important;
  color: rgba(244, 239, 232, 0.74) !important;
  font-family: var(--rflxns-catalog-font) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* Size guide panel — hidden by default; hover/focus do NOT open it */
body.template-collection .rflxns-product-card__size-guide-panel,
body.template-collection .rflxns-product-card__size-guide:hover .rflxns-product-card__size-guide-panel,
body.template-collection .rflxns-product-card__size-guide:focus-within .rflxns-product-card__size-guide-panel {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(6px) !important;
}

body.template-collection .rflxns-product-card__size-guide.is-open .rflxns-product-card__size-guide-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 95 !important;
  width: min(238px, calc(100vw - 56px)) !important;
  padding: 12px !important;
  border: 1px solid rgba(244, 239, 232, 0.12) !important;
  border-radius: 14px !important;
  background: rgba(8, 8, 8, 0.98) !important;
  color: rgba(244, 239, 232, 0.88) !important;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.42) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

body.template-collection .rflxns-product-card__size-guide-title {
  margin: 0 0 5px !important;
  color: rgba(244, 239, 232, 0.92) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body.template-collection .rflxns-product-card__size-guide-note {
  margin: 0 0 8px !important;
  color: rgba(244, 239, 232, 0.58) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body.template-collection .rflxns-product-card__size-guide-table {
  display: grid !important;
  grid-template-columns: repeat(5, auto) !important;
  gap: 5px 8px !important;
  margin-top: 9px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
}

body.template-collection .rflxns-product-card__size-guide-table span {
  color: rgba(244, 239, 232, 0.76) !important;
  font-family: var(--rflxns-catalog-font, var(--rflxns-font-body)) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

body.template-collection .rflxns-product-card__size-guide-table span:nth-child(-n + 5) {
  font-size: 8px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* --------------------------------------------------------------------------
   Variant form inside tray
   -------------------------------------------------------------------------- */
body.template-collection .rflxns-product-card__variant-form,
body.template-collection .rflxns-product-card .quick-add > product-form,
body.template-collection .rflxns-product-card .quick-add > product-form > .form,
body.template-collection .rflxns-product-card .quick-add > .rflxns-product-card__action-group {
  display: grid !important;
  gap: 9px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.template-collection .rflxns-product-card__variant-shell {
  display: grid !important;
  gap: 7px !important;
}

body.template-collection .rflxns-product-card__variant-label {
  display: none !important;
}

body.template-collection .rflxns-product-card__variant-options {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

body.template-collection .rflxns-product-card__variant-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(244, 239, 232, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(244, 239, 232, 0.06) !important;
  color: rgba(244, 239, 232, 0.76) !important;
  font-family: var(--rflxns-catalog-font) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.template-collection .rflxns-product-card__variant-chip.is-active,
body.template-collection .rflxns-product-card__variant-chip:hover,
body.template-collection .rflxns-product-card__variant-chip:focus-visible {
  border-color: rgba(244, 239, 232, 0.92) !important;
  background: rgba(244, 239, 232, 0.92) !important;
  color: #0c0c0c !important;
}

body.template-collection .rflxns-product-card__variant-chip[disabled],
body.template-collection .rflxns-product-card__variant-chip[aria-disabled='true'] {
  opacity: 0.45 !important;
  text-decoration: line-through !important;
}

/* Action group */
body.template-collection .rflxns-product-card__action-group,
body.template-collection .rflxns-product-card__action-group--variant,
body.template-collection .rflxns-product-card__action-group--single,
body.template-collection .rflxns-product-card__action-group--redirect {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.55rem !important;
}

/* Submit button */
body.template-collection .rflxns-product-card .rflxns-product-card__submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(244, 239, 232, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(244, 239, 232, 0.92) !important;
  color: #0c0c0c !important;
  font-family: var(--rflxns-catalog-font) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.template-collection .rflxns-product-card .rflxns-product-card__submit--checkout {
  background: transparent !important;
  color: rgba(244, 239, 232, 0.8) !important;
}

body.template-collection .rflxns-product-card__submit--redirect {
  justify-content: center !important;
}

body.template-collection .rflxns-product-card .rflxns-product-card__submit span {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Error message */
body.template-collection .rflxns-product-card .product-form__error-message-wrapper {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  color: rgba(255, 132, 132, 0.9) !important;
  font-size: 9px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.template-collection .rflxns-product-card .product-form__error-message-wrapper[hidden] {
  display: none !important;
}

/* Spinner hidden — not used in this flow */
body.template-collection .rflxns-product-card .loading__spinner {
  display: none !important;
}

/* Support link hidden */
body.template-collection .rflxns-product-card__support-link {
  display: none !important;
}

/* Empty collection state */
body.template-collection .rflxns-collection-grid-shell .collection--empty {
  min-height: 42vh;
  display: grid;
  place-items: center;
  padding: 64px 24px;
}

body.template-collection .rflxns-collection-grid-shell .collection--empty .title {
  color: var(--rflxns-catalog-copy);
  font-family: var(--rflxns-font-accent);
  font-size: clamp(28px, 5vw, 58px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ==========================================================================
   Responsive breakpoints
   ========================================================================== */

/* ≥990px — 3-column full-width grid */
@media screen and (min-width: 990px) {
  body.template-collection .rflxns-collection-grid-shell #product-grid,
  body.template-collection .rflxns-collection-grid-shell #product-grid:not(.rflxns-product-grid--asymmetric),
  body.template-collection ul.product-grid:not(.rflxns-product-grid--asymmetric),
  body.template-collection ul.product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2px !important;
  }
}

/* ≤989px */
@media screen and (max-width: 989px) {
  body.template-collection .rflxns-collection-grid-shell #product-grid,
  body.template-collection .rflxns-collection-grid-shell #product-grid:not(.rflxns-product-grid--asymmetric),
  body.template-collection ul.product-grid:not(.rflxns-product-grid--asymmetric),
  body.template-collection ul.product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2px !important;
  }

  body.template-collection .rflxns-collection-grid-shell {
    padding: 0 0 44px !important;
  }

  body.template-collection .rflxns-product-card .quick-add {
    width: min(320px, calc(100vw - 40px)) !important;
  }

  body.template-collection .collection-hero.rflxns-drop-hero {
    padding-top: 6.5rem !important;
  }

  body.template-collection .rflxns-drop-hero__feature {
    transform: none !important;
  }
}

/* ≤900px — compact filter bar */
@media screen and (max-width: 900px) {
  body.template-collection .rflxns-collection-filter-bar {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    gap: 10px !important;
    min-height: 0 !important;
  }

  /* Pills wrapper clips the scroll rail so it never leaks to the page */
  body.template-collection .rflxns-collection-filter-bar__pills-wrapper {
    overflow: hidden !important;
    max-width: 100vw !important;
  }

  body.template-collection .rflxns-collection-filter-bar__pills {
    gap: 6px !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 4px 2px 8px !important;
    /* Hide scrollbar visually — scroll still works */
    scrollbar-width: none !important;
  }
  body.template-collection .rflxns-collection-filter-bar__pills::-webkit-scrollbar {
    display: none !important;
  }

  body.template-collection .rflxns-collection-filter-pill {
    min-height: 32px !important;
    min-width: auto !important;
    padding: 0 12px !important;
    font-size: 10px !important;
  }

  body.template-collection .rflxns-collection-filter-bar__top {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  body.template-collection .rflxns-collection-filter-bar__editorial {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  body.template-collection .rflxns-collection-filter-bar__eyebrow {
    order: -1 !important;
    align-self: flex-end !important;
    text-align: right !important;
  }

  body.template-collection .rflxns-collection-filter-bar__count {
    order: 1 !important;
    text-align: left !important;
    font-size: 9px !important;
    margin-bottom: 4px !important;
  }

  body.template-collection .rflxns-collection-grid-shell {
    padding-top: 12px !important;
  }

  /* Color swatches consume too much horizontal space on small screens */
  body.template-collection .rflxns-color-filter {
    display: none !important;
  }
}

/* ≤749px — mobile */
@media screen and (max-width: 749px) {
  body.template-collection #MainContent {
    padding-top: 60px !important;
  }

  body.template-collection .rflxns-collection-grid-shell {
    width: 100% !important;
    padding: 0 0 44px !important;
    border-radius: 0 !important;
  }

  body.template-collection .rflxns-collection-filter-bar {
    gap: 14px !important;
    padding: 0 0 20px !important;
  }

  body.template-collection .rflxns-collection-filter-bar__eyebrow {
    font-size: 0.6rem !important;
    letter-spacing: 0.18em !important;
  }

  body.template-collection .rflxns-collection-filter-bar .rflxns-collection-filter-bar__count {
    font-size: 0.48rem !important;
    letter-spacing: 0.18em !important;
  }

  body.template-collection .rflxns-collection-filter-pill {
    padding: 0.62rem 0.95rem !important;
  }

  body.template-collection .rflxns-collection-filter-pill.is-active {
    padding: 0.62rem 0.95rem !important;
  }

  body.template-collection .rflxns-collection-grid-shell #product-grid:not(.rflxns-product-grid--asymmetric),
  body.template-collection ul.product-grid:not(.rflxns-product-grid--asymmetric) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.template-collection .rflxns-product-card .card__content {
    min-height: 70px !important;
    padding: 8px 10px 8px !important;
  }

  body.template-collection .rflxns-product-card .card__heading a {
    font-size: 13px !important;
  }

  body.template-collection .rflxns-product-card__descriptor {
    font-size: 10px !important;
  }

  body.template-collection .rflxns-product-card__detail-reveal {
    max-height: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.template-collection .rflxns-product-card__wishlist-trigger,
  body.template-collection .rflxns-product-card__quickadd-trigger--image {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }

  body.template-collection .rflxns-product-card__wishlist-trigger {
    top: 10px !important;
    left: 10px !important;
  }

  body.template-collection .rflxns-product-card .quick-add {
    right: 8px !important;
    bottom: 56px !important;
    width: min(272px, calc(100vw - 28px)) !important;
    max-width: 272px !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }

  body.template-collection .rflxns-product-card__popover-title {
    font-size: 11px !important;
  }

  body.template-collection .rflxns-product-card__variant-options {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.template-collection .rflxns-product-card__gallery-arrow {
    width: 32px !important;
    height: 32px !important;
  }

  body.template-collection .rflxns-product-card__gallery-arrow--prev {
    left: 10px !important;
  }

  body.template-collection .rflxns-product-card__gallery-arrow--next {
    right: 10px !important;
  }

  body.template-collection .rflxns-color-filter {
    margin-left: 0 !important;
  }

  body.template-collection .collection-hero.rflxns-drop-hero {
    padding: 5.9rem 0 2rem !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   Cinematic Floating Experience Overrides
   ────────────────────────────────────────────────────────────────────────── */
body.template-collection,
body.template-collection #MainContent,
body.template-collection .product-grid-container,
body.template-collection ul.product-grid,
body.template-collection .card-wrapper,
body.template-collection .card,
body.template-collection .card__inner,
body.template-collection .card__media,
body.template-collection .card__media img,
body.template-collection .card__content,
body.template-collection .media,
body.template-collection .rflxns-product-card,
body.template-collection .rflxns-product-card .card__content,
body.template-collection .card-wrapper,
body.template-collection .rflxns-product-card__inner,
body.template-collection .card__inner,
body.template-collection .product-grid-container {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

body.template-collection ul.product-grid {
  background: transparent !important;
  gap: 24px !important;
}

body.template-collection .card,
body.template-collection .card-wrapper,
body.template-collection .card__inner,
body.template-collection .card--card {
  border: none !important;
  box-shadow: none !important;
}

body.template-collection .card::after,
body.template-collection .card-wrapper::after,
body.template-collection .card__inner::after,
body.template-collection .card--card::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
}

/* Borderless luxury presentation: cover fit, no padding, transparent backgrounds */
body.template-collection .rflxns-product-card .card__media img,
body.template-collection .rflxns-product-card .card__media .media img,
body.template-collection .rflxns-product-card__image-shell img,
body.template-collection .rflxns-product-card .media img {
  object-fit: cover !important;
  padding: 0 !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
body.template-collection .rflxns-product-card:hover .card__media img,
body.template-collection .rflxns-product-card:hover .card__media .media img,
body.template-collection .rflxns-product-card:hover .rflxns-product-card__image-shell img,
body.template-collection .rflxns-product-card:hover .media img {
  transform: scale(1.04) !important;
}

/* ==========================================================================
   RFLXNS Product Grid
   ========================================================================== */
/* ==========================================================================
   RFLXNS Product Grid (Fear of God Luxury Catalogue Layout)
   ========================================================================== */
.rflxns-collection-grid-shell,
body.template-collection .rflxns-collection-grid-shell,
body.template-collection .page-width,
body.template-collection .product-grid-container {
  max-width: 1720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 3.5vw, 48px) !important;
  padding-right: clamp(20px, 3.5vw, 48px) !important;
  background: #ffffff !important;
}

body.template-collection #product-grid.rflxns-product-grid--asymmetric,
#product-grid,
ul.product-grid {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: clamp(16px, 1.8vw, 28px) !important;
  row-gap: clamp(36px, 4vw, 56px) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

/* Tablet & Mobile columns */
@media screen and (max-width: 989px) {
  body.template-collection #product-grid,
  body.template-collection #product-grid.rflxns-product-grid--asymmetric,
  #product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 32px !important;
  }
}

/* ============================================================
   FEAR OF GOD STYLE: Universal Card & Typography Styles
   ============================================================ */

/* White page background */
body.template-collection,
body.template-collection .rflxns-collection-grid-shell,
body.template-collection .rflxns-collection-grid-shell.gradient,
body.template-collection .rflxns-collection-frame,
body.template-collection .product-grid-container {
  --rflxns-catalog-copy: #111111 !important;
  --rflxns-catalog-text: #111111 !important;
  --rflxns-catalog-copy-muted: #777777 !important;
  --rflxns-catalog-copy-faint: #aaaaaa !important;
  --rflxns-catalog-ink: #111111 !important;
  --rflxns-catalog-muted: #777777 !important;
  --rflxns-catalog-display: var(--rflxns-font-body) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Uniform light-grey image stage with locked 4:5 aspect ratio */
.rflxns-product-card__inner,
.rflxns-product-card__inner.ratio,
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card__inner,
.card__inner {
  background: #f2f2f2 !important;
  background-color: #f2f2f2 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

.rflxns-product-card__inner.ratio::before,
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card__inner.ratio::before,
.card__inner.ratio::before {
  padding-bottom: 125% !important; /* Fixed 4:5 portrait ratio */
}

.rflxns-product-card .card__media img,
.rflxns-product-card .card__media .media img,
.rflxns-product-card__image-shell img,
.rflxns-product-card .media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* Card wrapper transparent / white */
.rflxns-product-card-wrapper,
.product-card-wrapper,
.rflxns-product-card,
.card-wrapper {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Text content block below image */
.rflxns-product-card .card__content,
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card .card__content,
.product-card-wrapper .card__content,
.card__content {
  display: block !important;
  position: static !important;
  padding: 12px 0 0 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Fear of God Vertical Information Stack */
.rflxns-product-card .card__information,
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card .card__information,
.product-card-wrapper .card__information,
.card__information {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  gap: 2px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Line 1: Brand / Category */
.rflxns-card-brand {
  font-family: var(--font-body-family, var(--font-body, -apple-system, BlinkMacSystemFont, sans-serif)) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Line 2: Product Name */
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card .card__heading,
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card .card__heading a,
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card .card__heading *,
.rflxns-product-card .card__heading,
.rflxns-product-card .card__heading a,
.rflxns-product-card .card__heading *,
.product-card-wrapper .card__heading,
.product-card-wrapper .card__heading a,
.product-card-wrapper .card__heading *,
.card__heading,
.card__heading a,
.card__heading *,
.card__heading .full-unstyled-link {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-family: var(--font-body-family, var(--font-body, -apple-system, BlinkMacSystemFont, sans-serif)) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Line 3: Price */
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card .price,
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card .price *,
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card .rflxns-product-card__price-shell,
.rflxns-collection-grid-shell .product-card-wrapper .rflxns-product-card .rflxns-product-card__price-current,
.rflxns-product-card__price-shell,
.rflxns-product-card__price-current,
.rflxns-product-card .price,
.rflxns-product-card .price *,
.rflxns-product-card .price__regular .price-item,
.rflxns-product-card .price__sale .price-item,
.product-card-wrapper .price,
.product-card-wrapper .price *,
.price,
.price * {
  color: #777777 !important;
  -webkit-text-fill-color: #777777 !important;
  font-family: var(--font-body-family, var(--font-body, -apple-system, BlinkMacSystemFont, sans-serif)) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  text-align: left !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card Rating (Stars & Reviews) */
.rflxns-card-rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 2px 0 !important;
  padding: 0 !important;
  font-family: var(--font-body-family, var(--font-body, -apple-system, BlinkMacSystemFont, sans-serif)) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  text-align: left !important;
}

.rflxns-card-rating__stars {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-size: 8.5px !important;
  letter-spacing: 0.5px !important;
  line-height: 1 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

.rflxns-card-rating__stars.rflxns-desktop-stars {
  display: inline-block !important;
}

.rflxns-card-rating__stars.rflxns-mobile-stars {
  display: none !important;
}

.rflxns-card-rating__score {
  font-weight: 700 !important;
  font-size: 10px !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  line-height: 1 !important;
}

.rflxns-card-rating__count {
  font-size: 9px !important;
  font-weight: 400 !important;
  color: #777777 !important;
  -webkit-text-fill-color: #777777 !important;
  line-height: 1 !important;
}

@media (max-width: 768px) {
  .rflxns-card-rating {
    font-size: 9px !important;
    gap: 3px !important;
    margin: 1px 0 !important;
  }
  .rflxns-card-rating__stars.rflxns-desktop-stars {
    display: none !important;
  }
  .rflxns-card-rating__stars.rflxns-mobile-stars {
    display: inline-block !important;
    font-size: 9px !important;
  }
  .rflxns-card-rating__score {
    font-size: 9.5px !important;
  }
  .rflxns-card-rating__count {
    font-size: 8.5px !important;
  }
}

/* Clean up clutter */
.rflxns-product-card__wishlist-trigger,
.rflxns-product-card__quickadd-trigger,
.rflxns-product-card__quickadd-trigger--image,
.rflxns-product-card__gallery-arrow,
.rflxns-product-card__copy-stack,
.rflxns-product-card__detail-reveal,
.rflxns-product-card__meta-row,
.rflxns-product-card__cta,
.quick-add {
  display: none !important;
}

/* Pill-shaped filter chips with frosted glass aesthetics */
.rflxns-clean-filter-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  font-family: var(--rflxns-font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.rflxns-clean-filter-pill:hover {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.rflxns-clean-filter-pill.is-active {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(255, 255, 255, 0.2) !important;
}

@media screen and (min-width: 750px) {
  .rflxns-clean-filter-pill {
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  }
  .rflxns-clean-filter-pill:hover {
    border-color: #000000 !important;
    background: rgba(0, 0, 0, 0.08) !important;
    color: #000000 !important;
  }
  .rflxns-clean-filter-pill.is-active {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  }
}

.rflxns-clean-filter-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

@media screen and (min-width: 750px) {
  .rflxns-clean-filter-bar {
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
  }
}

/* Mobile clearance for floating navigation pill dock */
@media screen and (max-width: 768px) {
  body.template-collection .rflxns-collection-grid-shell,
  body.template-collection #ProductGridContainer,
  body.template-collection .collection {
    padding-bottom: calc(6.5rem + env(safe-area-inset-bottom)) !important;
  }
}

/* Universal Smooth secondary image hover & swipe reveal */
.rflxns-product-card__panel.first-content {
  position: absolute !important;
  inset: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s !important;
  z-index: 2 !important;
}

.rflxns-product-card__panel.second-content,
body.template-collection .rflxns-product-card__panel.second-content,
.product-card-wrapper .rflxns-product-card__panel.second-content {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s !important;
  z-index: 3 !important;
}

.rflxns-product-card__panel.second-content.rflxns-product-card__panel--single,
body.template-collection .rflxns-product-card__panel.second-content.rflxns-product-card__panel--single,
.product-card-wrapper .rflxns-product-card__panel.second-content.rflxns-product-card__panel--single {
  display: none !important;
}

.rflxns-product-card.rflxns-product-card--show-alt .rflxns-product-card__panel.first-content {
  opacity: 0 !important;
  visibility: hidden !important;
}

.rflxns-product-card.rflxns-product-card--show-alt .rflxns-product-card__panel.second-content {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (hover: hover) and (min-width: 750px) {
  .product-card-wrapper:hover .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt) .rflxns-product-card__panel.first-content,
  .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt):hover .rflxns-product-card__panel.first-content,
  .card-wrapper:hover .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt) .rflxns-product-card__panel.first-content {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .product-card-wrapper:hover .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt) .rflxns-product-card__panel.second-content:not(.rflxns-product-card__panel--single),
  .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt):hover .rflxns-product-card__panel.second-content:not(.rflxns-product-card__panel--single),
  .card-wrapper:hover .rflxns-product-card--has-back-face:not(.rflxns-product-card--show-alt) .rflxns-product-card__panel.second-content:not(.rflxns-product-card__panel--single) {
    opacity: 1 !important;
    visibility: visible !important;
  }
}