/* ════════════════════════════════════════════════════════════════════════
 * Wager Shop + Product Modal skin
 * Targets FluentCart shop app classes (.fct-*, .fluent-cart-*). Safe to
 * load globally — the selectors only match when FC markup is on the page.
 *
 * Color tokens mirror checkout.css so the two surfaces feel continuous.
 * ════════════════════════════════════════════════════════════════════════ */

:root {
  --wmw-steel-900: #0F0E0D;
  --wmw-steel-800: #141311;
  --wmw-steel-700: #1A1917;
  --wmw-steel-600: #2A2824;
  --wmw-steel-500: #3A3732;
  --wmw-steel-300: #A9A49C;
  --wmw-steel-100: #ECEAE7;
  --wmw-orange:    #F66332;
  --wmw-orange-dk: #C44E24;
  --wmw-row-line:  rgba(236, 234, 231, 0.06);
  --wmw-head-line: rgba(236, 234, 231, 0.10);
}

/* ── Shop page layout container ───────────────────────────────────── */
.wp-block-fluent-cart-products {
  background: var(--wmw-steel-900);
  color: var(--wmw-steel-100);
}
.fct-products-wrapper {
  max-width: 72rem !important;
  margin: 0 auto !important;
  padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 40px) !important;
  color: var(--wmw-steel-100);
}
.fct-products-wrapper-inner {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 32px !important;
  align-items: flex-start !important;
}

/* Make filter dropdowns and their option labels wrap instead of clipping when
 * brand / category names run longer than the 280px sidebar. */
.fct-shop-filter-item label,
.fct-shop-filter-item .fct-filter-option,
.fct-shop-filter-item [class*="option-item"] {
  white-space: normal !important;
  word-break: break-word !important;
  line-height: 1.3 !important;
}
.fct-shop-filter-item select option,
.fct-shop-filter-item ul li,
.fct-shop-filter-item [class*="dropdown"] {
  white-space: normal !important;
}
@media (max-width: 900px) {
  .fct-products-wrapper-inner {
    grid-template-columns: 1fr !important;
  }
}

/* ── View switcher (grid/list toggle) ─────────────────────────────── */
.fct-shop-view-switcher,
.fluent-product-view-switcher {
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
}
.fct-shop-view-switcher button,
.fluent-product-view-switcher button {
  background: transparent !important;
  color: var(--wmw-steel-300) !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-radius: 0 !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: color 0.12s, border-color 0.12s !important;
}
.fct-shop-view-switcher button:hover,
.fluent-product-view-switcher button:hover,
.fct-shop-view-switcher button[aria-pressed="true"],
.fluent-product-view-switcher button.active {
  color: var(--wmw-orange) !important;
  border-color: var(--wmw-orange) !important;
}

/* ── Filter sidebar ───────────────────────────────────────────────── */
.fct-shop-filter-wrapper,
.fluent-cart-product-filter-wrapper {
  background: var(--wmw-steel-800) !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-radius: 0 !important;
  padding: 20px !important;
  position: sticky;
  top: calc(var(--wmw-top-offset, 96px) + 16px);
}
.fct-shop-filter-wrapper-inner {
  gap: 20px !important;
}
.fct-shop-filter-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* Filter section label — "Search", "Price", "Brand", etc. */
.fct-shop-filter-item {
  padding: 0 0 16px !important;
  border-bottom: 1px solid var(--wmw-row-line) !important;
}
.fct-shop-filter-item:last-of-type { border-bottom: 0 !important; padding-bottom: 0 !important; }
.fct-shop-filter-item legend,
.fct-shop-filter-item h3,
.fct-shop-filter-item h4,
.fct-shop-filter-item .fct-shop-filter-label,
.fct-shop-filter-item [class*="label"] {
  font: 700 11px/1 'Chakra Petch', system-ui, sans-serif !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--wmw-steel-100) !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

/* Filter header with "FILTERS" eyebrow so the purpose reads at a glance */
.fct-shop-filter-wrapper-inner::before,
.fluent-cart-product-filter-wrapper::before {
  content: 'Filters';
  display: block;
  font: 400 18px/1 'Bebas Neue', system-ui, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wmw-steel-100);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--wmw-head-line);
  margin-bottom: 16px;
}

/* Search box inside filter or top of shop */
.fct-shop-product-search,
.fct-shop-filter-search-box {
  width: 100% !important;
  margin: 0 !important;
}
.fct-shop-product-search input,
.fct-shop-filter-search-box input,
.fct-shop-filter-item input[type="text"],
.fct-shop-filter-item input[type="search"] {
  background: var(--wmw-steel-900) !important;
  color: var(--wmw-steel-100) !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-left: 2px solid var(--wmw-steel-500) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  min-height: 44px !important;
  width: 100% !important;
  font: 500 15px/1.3 'Rajdhani', system-ui, sans-serif !important;
  transition: border-left-color 0.12s !important;
}
.fct-shop-product-search input::placeholder,
.fct-shop-filter-search-box input::placeholder { color: var(--wmw-steel-500) !important; }
.fct-shop-product-search input:focus,
.fct-shop-filter-search-box input:focus {
  border-left-color: var(--wmw-orange) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(246, 99, 50, 0.2) !important;
}

/* Dropdown selects inside filter (brands, categories) */
.fct-shop-filter-item select {
  background: var(--wmw-steel-900) !important;
  color: var(--wmw-steel-100) !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-radius: 0 !important;
  padding: 10px 40px 10px 14px !important;
  min-height: 44px !important;
  width: 100% !important;
  font: 500 15px/1.3 'Rajdhani', system-ui, sans-serif !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23A9A49C' d='M6 8L0 0h12z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}

/* Checkbox / radio filters */
.fct-shop-filter-item label,
.fct-shop-filter-item .fct-filter-option,
.fct-shop-filter-item [class*="option-item"] {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 0 !important;
  font: 500 14px/1.3 'Rajdhani', system-ui, sans-serif !important;
  color: var(--wmw-steel-100) !important;
  cursor: pointer !important;
}
.fct-shop-filter-item input[type="checkbox"],
.fct-shop-filter-item input[type="radio"] {
  accent-color: var(--wmw-orange) !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

/* Price range slider track + thumb */
.fct-shop-filter-item [class*="range"],
.fct-shop-filter-item [class*="slider"] {
  accent-color: var(--wmw-orange) !important;
}
.fct-shop-filter-item input[type="range"] {
  width: 100% !important;
  accent-color: var(--wmw-orange) !important;
}

/* Filter Apply button */
.fct-shop-filter-item button,
.fluent-cart-product-filter-wrapper button[type="submit"],
.fct-shop-filter-form button[type="submit"] {
  background: var(--wmw-orange) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  min-height: 44px !important;
  font: 700 11px/1 'Chakra Petch', system-ui, sans-serif !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  width: 100% !important;
  box-shadow: 0 2px 0 0 var(--wmw-orange-dk) !important;
}
.fct-shop-filter-item button:hover,
.fluent-cart-product-filter-wrapper button[type="submit"]:hover { background: #FF7742 !important; }

/* Filter toggle button (mobile) */
.fct-shop-filter-toggle-button {
  background: transparent !important;
  color: var(--wmw-orange) !important;
  border: 1px solid var(--wmw-orange) !important;
  border-radius: 0 !important;
  padding: 10px 18px !important;
  font: 700 11px/1 'Chakra Petch', system-ui, sans-serif !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
.fct-shop-filter-toggle-button.hide { display: none !important; }

/* ── Product cards ────────────────────────────────────────────────── */
.fluent-cart-shopapp-product-list,
.fct-products-grid,
[data-fluent-cart-product-list] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 16px !important;
}
.fct-product-card {
  background: var(--wmw-steel-800) !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transition: border-color 0.12s, transform 0.12s !important;
  display: flex !important;
  flex-direction: column !important;
}
.fct-product-card:hover {
  border-color: var(--wmw-orange) !important;
}
.fct-product-card-image-wrap,
.fct-product-card a[class*="image"] {
  aspect-ratio: 1 / 1 !important;
  background: #ffffff !important;
  overflow: hidden !important;
  display: block !important;
}
.fct-product-card-image-wrap img,
.fct-product-card [class*="image"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 16px !important;
  transition: transform 0.3s ease !important;
}
.fct-product-card:hover .fct-product-card-image-wrap img { transform: scale(1.03) !important; }

.fct-product-card-content,
.fct-product-card-body,
.fct-product-card > div:not([class*="image"]) {
  padding: 14px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  flex: 1 !important;
}
.fct-product-card-title,
.fct-product-card [class*="title"] {
  font: 700 13px/1.3 'Chakra Petch', system-ui, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--wmw-steel-100) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.fct-product-card-title:hover,
.fct-product-card-title a:hover { color: var(--wmw-orange) !important; }

.fct-product-card [class*="price"],
.fct-product-card-price {
  font: 400 22px/1 'Bebas Neue', system-ui, sans-serif !important;
  letter-spacing: 0.02em !important;
  color: var(--wmw-orange) !important;
  font-variant-numeric: tabular-nums !important;
  margin: 4px 0 0 !important;
}

.fct-product-view-button,
.fct-single-product-card-view-button {
  background: transparent !important;
  color: var(--wmw-orange) !important;
  border: 1px solid var(--wmw-orange) !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
  margin-top: 10px !important;
  font: 700 11px/1 'Chakra Petch', system-ui, sans-serif !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: background 0.12s, color 0.12s !important;
  width: 100% !important;
  display: inline-block !important;
}
.fct-product-view-button:hover,
.fct-single-product-card-view-button:hover {
  background: var(--wmw-orange) !important;
  color: #ffffff !important;
}

/* ── Product modal (View Options) ─────────────────────────────────── */
.fluent-cart-shop-app-single-product-modal {
  z-index: 9999 !important;
}
.fct-product-modal {
  background: transparent !important;
}
.fct-product-modal-overlay {
  background: rgba(15, 14, 13, 0.82) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}
.fct-product-modal-body {
  background: var(--wmw-steel-800) !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-radius: 0 !important;
  box-shadow: 0 24px 64px -12px rgba(0, 0, 0, 0.7) !important;
  color: var(--wmw-steel-100) !important;
  padding: 36px !important;
  max-width: 1040px !important;
  width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 64px) !important;
  overflow-y: auto !important;
}
.fct-product-modal-close {
  background: transparent !important;
  color: var(--wmw-steel-300) !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-radius: 0 !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: color 0.12s, border-color 0.12s !important;
  z-index: 2 !important;
}
.fct-product-modal-close:hover {
  color: var(--wmw-orange) !important;
  border-color: var(--wmw-orange) !important;
}
.fct-product-modal-close svg path {
  stroke: currentColor !important;
}

/* Inner single-product page content repainted to match */
.fct-product-modal-body .fct-single-product-page,
.fct-product-modal-body .fct-single-product-page-row {
  color: var(--wmw-steel-100) !important;
}
.fct-product-modal-body .fct-single-product-page-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important;
  gap: 32px !important;
  align-items: flex-start !important;
}
@media (max-width: 780px) {
  .fct-product-modal-body .fct-single-product-page-row { grid-template-columns: 1fr !important; }
  .fct-product-modal-body { padding: 24px !important; }
}

/* Gallery */
.fct-product-modal-body .fct-product-gallery-thumb {
  background: #ffffff !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.fct-product-modal-body .fct-product-gallery-thumb img {
  object-fit: contain !important;
  padding: 16px !important;
}
.fct-product-modal-body .fct-gallery-thumb-controls {
  display: flex !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
.fct-product-modal-body .fct-gallery-thumb-controls button,
.fct-product-modal-body .fct-gallery-thumb-controls [role="button"] {
  background: #ffffff !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-radius: 0 !important;
  padding: 2px !important;
  width: 64px !important;
  height: 64px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
}
.fct-product-modal-body .fct-gallery-thumb-controls [aria-current="true"],
.fct-product-modal-body .fct-gallery-thumb-controls [aria-selected="true"],
.fct-product-modal-body .fct-gallery-thumb-controls .active {
  border-color: var(--wmw-orange) !important;
  border-width: 2px !important;
  padding: 1px !important;
}

/* Title + price column */
.fct-product-modal-body [class*="product-title"],
.fct-product-modal-body .fct-single-product-title,
.fct-product-modal-body h1 {
  font: 400 34px/1.05 'Bebas Neue', system-ui, sans-serif !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--wmw-steel-100) !important;
  margin: 0 0 10px !important;
}
.fct-product-modal-body [class*="product-price"],
.fct-product-modal-body .fct-single-product-price {
  font: 400 30px/1 'Bebas Neue', system-ui, sans-serif !important;
  color: var(--wmw-orange) !important;
  letter-spacing: 0.02em !important;
  font-variant-numeric: tabular-nums !important;
  margin: 0 0 18px !important;
}

/* Variant picker: FC tile list — convert to a cleaner dense grid */
.fct-product-modal-body .fct-product-variants,
.fct-product-modal-body [class*="product-variant"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  list-style: none !important;
  max-height: 260px;
  overflow-y: auto;
  padding-right: 4px !important;
}
.fct-product-modal-body .fct-product-variant-item,
.fct-product-modal-body [class*="variant-item"],
.fct-product-modal-body [class*="variation-item"] {
  background: var(--wmw-steel-900) !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-left: 2px solid var(--wmw-steel-500) !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
  font: 600 12px/1.25 'Rajdhani', system-ui, sans-serif !important;
  color: var(--wmw-steel-100) !important;
  cursor: pointer !important;
  transition: border-color 0.12s, color 0.12s !important;
  text-align: left !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
}
.fct-product-modal-body .fct-product-variant-item:hover,
.fct-product-modal-body [class*="variant-item"]:hover,
.fct-product-modal-body [class*="variation-item"]:hover {
  border-left-color: var(--wmw-orange) !important;
}
.fct-product-modal-body .fct-product-variant-item[aria-pressed="true"],
.fct-product-modal-body .fct-product-variant-item.active,
.fct-product-modal-body .fct-product-variant-item.selected,
.fct-product-modal-body [class*="variant-item"].active,
.fct-product-modal-body [class*="variation-item"].active {
  border-color: var(--wmw-orange) !important;
  border-left-width: 2px !important;
  color: var(--wmw-orange) !important;
}
/* Scrollbar for variant grid */
.fct-product-modal-body .fct-product-variants::-webkit-scrollbar { width: 6px; }
.fct-product-modal-body .fct-product-variants::-webkit-scrollbar-track { background: var(--wmw-steel-900); }
.fct-product-modal-body .fct-product-variants::-webkit-scrollbar-thumb { background: var(--wmw-steel-500); border-radius: 0; }
.fct-product-modal-body .fct-product-variants::-webkit-scrollbar-thumb:hover { background: var(--wmw-orange); }

/* Quantity + add-to-cart row */
.fct-product-modal-body [class*="quantity"],
.fct-product-modal-body input[type="number"] {
  background: var(--wmw-steel-900) !important;
  color: var(--wmw-steel-100) !important;
  border: 1px solid var(--wmw-steel-600) !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
  min-height: 44px !important;
  font: 500 15px 'Rajdhani', system-ui, sans-serif !important;
}
.fct-product-modal-body [data-fluent-cart-add-to-cart],
.fct-product-modal-body .fct-add-to-cart-btn,
.fct-product-modal-body button[class*="add-to-cart"],
.fct-product-modal-body button[type="submit"] {
  background: var(--wmw-orange) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  min-height: 52px !important;
  font: 700 13px/1 'Chakra Petch', system-ui, sans-serif !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px -4px rgba(246, 99, 50, 0.45), 0 2px 0 0 var(--wmw-orange-dk) !important;
  transition: background 0.12s, transform 0.08s !important;
}
.fct-product-modal-body button[type="submit"]:hover,
.fct-product-modal-body [data-fluent-cart-add-to-cart]:hover { background: #FF7742 !important; }
.fct-product-modal-body button[type="submit"]:active { transform: translateY(1px) !important; }

/* Product description inside modal */
.fct-product-modal-body [class*="description"],
.fct-product-modal-body [class*="product-content"],
.fct-product-modal-body [class*="product-short"] {
  color: var(--wmw-steel-300) !important;
  font: 500 14px/1.55 'Rajdhani', system-ui, sans-serif !important;
  margin: 12px 0 0 !important;
}
.fct-product-modal-body h2,
.fct-product-modal-body h3,
.fct-product-modal-body h4 {
  color: var(--wmw-steel-100) !important;
  font-family: 'Chakra Petch', system-ui, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Variant-attribute label above each selector (Glock Model, Finish, etc.) */
.fct-product-modal-body [class*="variant-label"],
.fct-product-modal-body [class*="variation-label"],
.fct-product-modal-body [class*="attribute-label"] {
  font: 700 11px/1 'Chakra Petch', system-ui, sans-serif !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--wmw-steel-300) !important;
  margin: 8px 0 8px !important;
  display: block !important;
}

/* Scroll the modal body itself if variants + description get long */
.fct-product-modal-body { scrollbar-width: thin; scrollbar-color: var(--wmw-steel-500) var(--wmw-steel-900); }

/* ── Global FC dark-on-dark text rescue ────────────────────────────────
 * Same offenders as in checkout.css but applied sitewide so cart, shop
 * modal, receipt, and any other page that renders FC chrome don't show
 * #2F3448 or #565865 text unreadable on our dark surfaces. */
body .fct-toggle-control,
body .fct_order_note_toggle,
body .fct_summary_items_total,
body .fct_summary_items_subtotal,
body .fct_summary_items_list > li,
body .fct-empty-state,
body [class*="order_note"],
body [class*="toggle-control"] {
  color: var(--wmw-steel-100) !important;
}
body .fct-toggle-control svg,
body .fct-toggle-control svg *,
body .fct_order_note_toggle svg,
body .fct_order_note_toggle svg *,
body svg[stroke="#2F3448"],
body svg[stroke="#565865"],
body svg[stroke="#2F3448"] *,
body svg[stroke="#565865"] * {
  color: var(--wmw-steel-100) !important;
  stroke: var(--wmw-steel-100) !important;
  fill: var(--wmw-steel-100) !important;
}
body [class*="_muted"],
body [class*="text-muted"],
body [class*="label_sub"],
body .fct_label_muted {
  color: var(--wmw-steel-300) !important;
}

/* ── Buy Now + Add to Cart: normalized height + consistent box model ──
 * FC renders Buy Now as <a> and Add to Cart as <button>. Default border
 * and box-sizing differences cause a 1px mismatch. Force identical height
 * on all pages (single-product, modal, shop cards). */
.fluent-cart-direct-checkout-button,
.fluent-cart-add-to-cart-button,
a.fluent-cart-direct-checkout-button,
button.fluent-cart-add-to-cart-button {
  box-sizing: border-box !important;
  min-height: 48px !important;
  padding: 14px 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  font: 700 13px/1 'Chakra Petch', system-ui, sans-serif !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.12s, transform 0.08s !important;
}
.fluent-cart-add-to-cart-button {
  background: var(--wmw-orange) !important;
  color: var(--wmw-steel-900) !important;
  box-shadow: 0 4px 16px -4px rgba(246, 99, 50, 0.4), 0 2px 0 0 var(--wmw-orange-dk) !important;
}
.fluent-cart-add-to-cart-button:hover { background: #FF7742 !important; }
.fluent-cart-add-to-cart-button:active { transform: translateY(1px) !important; }
.fluent-cart-direct-checkout-button {
  background: var(--wmw-steel-700) !important;
  color: var(--wmw-steel-100) !important;
  box-shadow: 0 2px 0 0 var(--wmw-steel-600) !important;
}
.fluent-cart-direct-checkout-button:hover { background: var(--wmw-steel-600) !important; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .fct-product-card,
  .fct-product-card-image-wrap img,
  .fct-product-view-button,
  .fct-product-modal-body button { transition: none !important; }
}