/* MoonLight_X — products-grid.css
   Styles for the MLX Products Grid Elementor widget (v2).
   Also used by WPBakery element and native shop archive. */

/* ─── Grid ────────────────────────────────────────────────────── */
.mlx-pg-grid {
  display: grid;
  gap: 1.5rem;
  width: 100%;
}
@media (max-width: 767px) {
  .mlx-pg-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 479px) {
  .mlx-pg-grid { grid-template-columns: 1fr !important; }
}

/* ─── Card shell ──────────────────────────────────────────────── */
.mlx-pg-item { display: flex; }

.mlx-pg-card__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow .25s ease, transform .25s ease;
}
.mlx-pg-card__inner:hover {
  box-shadow: 0 10px 32px rgba(0,0,0,.10);
  transform: translateY(-3px);
}

/* ─── Thumbnail area ──────────────────────────────────────────── */
.mlx-pg-card__thumb {
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  flex-shrink: 0;
}
.mlx-pg-card__thumb-link {
  display: block;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.mlx-pg-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .45s ease, filter .3s ease, opacity .3s ease;
}

/* ─── Image hover effects ─────────────────────────────────────── */
.mlx-pg-card__inner:hover .mlx-img-fx--zoom      { transform: scale(1.07); }
.mlx-pg-card__inner:hover .mlx-img-fx--zoom_out  { transform: scale(.94); }
.mlx-pg-card__inner:hover .mlx-img-fx--move_left { transform: translateX(-4%); }
.mlx-pg-card__inner:hover .mlx-img-fx--grayscale { filter: grayscale(100%); }
.mlx-pg-card__inner:hover .mlx-img-fx--fade      { opacity: .7; }
.mlx-img-fx--none { transition: none; }

/* ─── Sale / Out-of-stock badges ──────────────────────────────── */
.mlx-pg-badge {
  position: absolute;
  top: .75rem;
  left: .75rem;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  padding: .2rem .625rem;
  font-size: .6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  border-radius: 4px;
  line-height: 1.4;
}
.mlx-pg-badge--sale    { background: #e84545; color: #fff; }
.mlx-pg-badge--new     { background: #22c55e; color: #fff; }
.mlx-pg-badge--hot     { background: #f97316; color: #fff; }
.mlx-pg-badge--out     { background: #888; color: #fff; }

/* Multiple badges stack vertically */
.mlx-pg-badge:nth-child(2) { top: calc(.75rem + 28px); }
.mlx-pg-badge:nth-child(3) { top: calc(.75rem + 56px); }

/* ─── Action buttons (quick view, wishlist) ───────────────────── */
.mlx-pg-actions {
  position: absolute;
  display: flex;
  z-index: 10;
  transition: opacity .25s, transform .25s;
}

/* Position: hover overlay (center bottom of image) */
.mlx-pg-actions--hover_overlay {
  bottom: .875rem;
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  gap: .5rem;
  opacity: 0;
}
.mlx-pg-card__inner:hover .mlx-pg-actions--hover_overlay {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Position: side stack (right edge) */
.mlx-pg-actions--side_stack {
  top: .75rem;
  right: .75rem;
  flex-direction: column;
  gap: .4rem;
  opacity: 0;
  transform: translateX(6px);
}
.mlx-pg-card__inner:hover .mlx-pg-actions--side_stack {
  opacity: 1;
  transform: translateX(0);
}

/* Position: below image (always visible) */
.mlx-pg-actions--below_image {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  transform: none;
  opacity: 1;
  justify-content: center;
  padding: .5rem .75rem;
  gap: .5rem;
  background: transparent;
}
.mlx-pg-card__inner:hover .mlx-pg-actions--below_image {
  opacity: 1;
  transform: none;
}

/* Individual action button */
.mlx-pg-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .375rem;
  width: 38px;
  height: 38px;
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: .8rem;
  font-weight: 500;
  color: #333;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  transition: background .2s, color .2s, transform .2s;
  white-space: nowrap;
}
.mlx-pg-action:hover {
  background: var(--mlx-color-primary, #0a0a0a);
  color: #fff;
  transform: scale(1.1);
}
.mlx-pg-action svg { flex-shrink: 0; }

/* Wishlist active state */
/* Wishlist active state — white bg circle, red heart icon */
.mlx-pg-action.mlx-action--wishlist.is-active {
  background: #fff !important;
  color: var(--mlx-color-accent, #e84545) !important;
}
.mlx-pg-action.mlx-action--wishlist.is-active svg path { fill: #e84545; stroke: #e84545; }

/* Icon+text action buttons (below_image or text mode) */
.mlx-pg-actions--below_image .mlx-pg-action,
.mlx-pg-action:has(span) {
  width: auto;
  padding: .4rem .875rem;
  border-radius: 9999px;
}

/* ─── Card body ───────────────────────────────────────────────── */
.mlx-pg-card__body {
  padding: .875rem 1rem 1.125rem;
  display: flex;
  flex-direction: column;
  gap: .375rem;
  flex: 1;
}

/* ─── Category ────────────────────────────────────────────────── */
.mlx-pg-card__cats {
  font-size: .7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--mlx-color-accent, #e84545);
  line-height: 1;
}
.mlx-pg-card__cats a {
  color: inherit;
  text-decoration: none;
}
.mlx-pg-card__cats a:hover { opacity: .7; }

/* ─── Title ───────────────────────────────────────────────────── */
.mlx-pg-card__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  margin: .125rem 0 0;
}
.mlx-pg-card__title a {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mlx-pg-card__title a:hover { color: var(--mlx-color-accent, #e84545); }

/* ─── Rating ──────────────────────────────────────────────────── */
.mlx-pg-card__rating { margin: .125rem 0; }
.mlx-pg-card__rating .star-rating { font-size: .875rem; }

/* ─── Price ───────────────────────────────────────────────────── */
.mlx-pg-card__price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .3rem .5rem;
  margin-top: auto;
  padding-top: .375rem;
}
.mlx-pg-card__price .woocommerce-Price-amount {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--mlx-color-primary, #0a0a0a);
}
.mlx-pg-card__price del {
  font-size: .875rem;
  font-weight: 400;
  opacity: 1;
}
.mlx-pg-card__price del .woocommerce-Price-amount {
  color: #aaa;
  font-size: inherit;
  font-weight: 400;
}
.mlx-pg-card__price ins {
  text-decoration: none;
}
.mlx-pg-card__price ins .woocommerce-Price-amount {
  color: var(--mlx-color-accent, #e84545);
}

/* ─── Add to cart button ──────────────────────────────────────── */
.mlx-pg-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  width: 100%;
  padding: .625rem .875rem;
  margin-top: .625rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  border: 2px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color .22s, color .22s, border-color .22s;
}
.mlx-pg-card__btn svg { width: 15px; height: 15px; flex-shrink: 0; }

/* Filled (default) */
.mlx-pg-btn--filled {
  background: var(--mlx-btn-cart-bg, #0a0a0a);
  color: var(--mlx-btn-cart-color, #fff);
  border-color: var(--mlx-btn-cart-bg, #0a0a0a);
}
.mlx-pg-btn--filled:hover {
  background: var(--mlx-btn-cart-hover-bg, #e84545);
  color: var(--mlx-btn-cart-hover-color, #fff);
  border-color: var(--mlx-btn-cart-hover-bg, #e84545);
}

/* Outline */
.mlx-pg-btn--outline {
  background: transparent;
  color: var(--mlx-btn-cart-bg, #0a0a0a);
  border-color: currentColor;
}
.mlx-pg-btn--outline:hover {
  background: var(--mlx-btn-cart-bg, #0a0a0a);
  color: var(--mlx-btn-cart-color, #fff);
  border-color: var(--mlx-btn-cart-bg, #0a0a0a);
}

/* Ghost */
.mlx-pg-btn--ghost {
  background: rgba(255,255,255,.85);
  color: var(--mlx-color-primary, #0a0a0a);
  border-color: rgba(0,0,0,.12);
  backdrop-filter: blur(4px);
}
.mlx-pg-btn--ghost:hover {
  background: var(--mlx-btn-cart-bg, #0a0a0a);
  color: #fff;
  border-color: var(--mlx-btn-cart-bg, #0a0a0a);
}

/* Text only */
.mlx-pg-btn--text {
  background: transparent;
  color: var(--mlx-color-accent, #e84545);
  border-color: transparent;
  padding-inline: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mlx-pg-btn--text:hover { text-decoration: none; }

/* ─── Card style variants ─────────────────────────────────────── */
/* Standard - already the default */
.mlx-pg-card--standard {
  border: 1px solid rgba(0,0,0,.07);
}

/* Shadow - no border, floating shadow */
.mlx-pg-card--shadow {
  border: none;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
}
.mlx-pg-card--shadow:hover {
  box-shadow: 0 16px 40px rgba(0,0,0,.14);
  transform: translateY(-4px);
}

/* Flat - no border, no shadow */
.mlx-pg-card--flat {
  border: none;
  box-shadow: none;
  background: #f8f8f8;
}
.mlx-pg-card--flat:hover {
  box-shadow: none;
  transform: none;
  background: #f0f0f0;
}

/* Bordered thick - accent border on hover */
.mlx-pg-card--bordered {
  border: 2px solid rgba(0,0,0,.1);
}
.mlx-pg-card--bordered:hover {
  border-color: var(--mlx-color-accent, #e84545);
  transform: none;
  box-shadow: none;
}

/* ─── MAGAZINE style ──────────────────────────────────────────── */
/* Image fills entire card, info overlays at bottom via gradient  */
.mlx-pg-card--magazine {
  border: none;
  background: transparent;
  overflow: hidden;
  position: relative;
}
.mlx-pg-card--magazine .mlx-pg-card__thumb {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.mlx-pg-card--magazine .mlx-pg-card__thumb-link {
  aspect-ratio: auto;
  height: 100%;
  display: block;
}
.mlx-pg-card--magazine .mlx-pg-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mlx-pg-card--magazine .mlx-pg-card__body {
  position: relative;
  z-index: 2;
  margin-top: 280px; /* card height - visible body area */
  background: linear-gradient(to top, rgba(0,0,0,.85) 80%, transparent);
  color: #fff;
  padding: 1.5rem 1rem 1rem;
  gap: .25rem;
}
.mlx-pg-card--magazine .mlx-pg-card__cats a,
.mlx-pg-card--magazine .mlx-pg-card__title a { color: #fff; }
.mlx-pg-card--magazine .mlx-pg-card__price .woocommerce-Price-amount { color: #fff; }
.mlx-pg-card--magazine .mlx-pg-card__btn {
  background: #fff;
  color: #0a0a0a;
  border-color: #fff;
  margin-top: .5rem;
}
.mlx-pg-card--magazine .mlx-pg-card__btn:hover { background: var(--mlx-color-accent, #e84545); color: #fff; border-color: var(--mlx-color-accent, #e84545); }
/* Title + price always visible, ATC appears on hover */
.mlx-pg-card--magazine .mlx-pg-card__btn { opacity: 0; transform: translateY(6px); transition: opacity .3s, transform .3s; }
.mlx-pg-card--magazine:hover .mlx-pg-card__btn { opacity: 1; transform: translateY(0); }
.mlx-pg-card--magazine:hover .mlx-pg-card__img { transform: scale(1.05); }

/* ── Magazine + hover_overlay: icons go to TOP-right so they don't
   overlap the gradient body at the bottom of the image ─────────── */
.mlx-pg-card--magazine .mlx-pg-actions--hover_overlay {
  bottom: auto;
  top: .75rem;
  right: .75rem;
  left: auto;
  transform: translateY(-4px);
  flex-direction: column;
  gap: .4rem;
}
.mlx-pg-card--magazine:hover .mlx-pg-actions--hover_overlay {
  transform: translateY(0);
  opacity: 1;
}
/* Magazine: ensure actions are above the gradient body (z-index:2) */
.mlx-pg-card--magazine .mlx-pg-actions { z-index: 5; }

/* ─── GLASS style ─────────────────────────────────────────────── */
/* Frosted-glass look: semi-transparent bg + backdrop blur          */
.mlx-pg-card--glass {
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(255,255,255,.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 24px rgba(0,0,0,.08);
}
.mlx-pg-card--glass:hover {
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 40px rgba(0,0,0,.13);
  transform: translateY(-3px);
}
/* Dark bg pages: glass looks better with slightly tinted bg */
[data-theme="dark"] .mlx-pg-card--glass,
.dark .mlx-pg-card--glass {
  background: rgba(30,30,30,.55);
  border-color: rgba(255,255,255,.08);
}

/* ─── OUTLINED style ──────────────────────────────────────────── */
/* Transparent bg, visible border — minimal ink, max whitespace    */
.mlx-pg-card--outlined {
  background: transparent;
  border: 1.5px solid rgba(0,0,0,.15);
  box-shadow: none;
}
.mlx-pg-card--outlined:hover {
  border-color: var(--mlx-color-accent, #e84545);
  box-shadow: 0 0 0 3px rgba(232,69,69,.08);
  transform: none;
}
.mlx-pg-card--outlined .mlx-pg-card__thumb { border-radius: 8px 8px 0 0; }

/* ─── ELEVATED style ──────────────────────────────────────────── */
/* Always casts a strong shadow, lifts dramatically on hover       */
.mlx-pg-card--elevated {
  border: none;
  box-shadow: 0 6px 20px rgba(0,0,0,.12), 0 1px 4px rgba(0,0,0,.08);
}
.mlx-pg-card--elevated:hover {
  box-shadow: 0 20px 60px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.10);
  transform: translateY(-6px);
}

/* ─── MINIMAL style ───────────────────────────────────────────── */
/* No card border, clean spacing, price is the hero */
.mlx-pg-card--minimal {
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}
.mlx-pg-card--minimal:hover { box-shadow: none; transform: none; }
.mlx-pg-card--minimal .mlx-pg-card__thumb { border-radius: 8px; }
.mlx-pg-card--minimal .mlx-pg-card__body { padding: .75rem 0 0; }
.mlx-pg-card--minimal .mlx-pg-card__cats { font-size: .65rem; }
.mlx-pg-card--minimal .mlx-pg-card__title { font-size: .9375rem; }
.mlx-pg-card--minimal .mlx-pg-card__price .woocommerce-Price-amount { font-size: 1.25rem; }
.mlx-pg-card--minimal .mlx-pg-card__btn {
  background: transparent;
  color: var(--mlx-color-primary, #0a0a0a);
  border: 1.5px solid currentColor;
  border-radius: 0;
  font-size: .8125rem;
  padding: .5rem .75rem;
  opacity: 0;
  transition: opacity .25s;
  margin-top: .375rem;
}
.mlx-pg-card--minimal:hover .mlx-pg-card__thumb { box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.mlx-pg-card--minimal:hover .mlx-pg-card__btn { opacity: 1; }

/* ─── HORIZONTAL style ────────────────────────────────────────── */
/* Image left, info right — great for lists/search results        */
.mlx-pg-card--horizontal {
  flex-direction: row !important;
  border: 1px solid rgba(0,0,0,.07);
}
.mlx-pg-card--horizontal .mlx-pg-card__thumb {
  width: 40%;
  flex-shrink: 0;
}
.mlx-pg-card--horizontal .mlx-pg-card__thumb-link {
  aspect-ratio: auto;
  height: 100%;
}
.mlx-pg-card--horizontal .mlx-pg-card__img { height: 100%; }
.mlx-pg-card--horizontal .mlx-pg-card__body {
  flex: 1;
  padding: 1.25rem;
  justify-content: center;
}
.mlx-pg-card--horizontal .mlx-pg-card__btn { width: auto; align-self: flex-start; }
@media (max-width: 479px) {
  .mlx-pg-card--horizontal { flex-direction: column !important; }
  .mlx-pg-card--horizontal .mlx-pg-card__thumb { width: 100%; }
  .mlx-pg-card--horizontal .mlx-pg-card__thumb-link { aspect-ratio: 4/3; height: auto; }
}

/* ─── Fix: hover overlay action buttons centering ─────────────── */
.mlx-pg-actions--hover_overlay {
  left: 0;
  right: 0;
  bottom: .875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(8px);
  opacity: 0;
  gap: .5rem;
}
.mlx-pg-card__inner:hover .mlx-pg-actions--hover_overlay {
  opacity: 1;
  transform: translateY(0);
}

/* ─── Sale badge — ensure always visible ─────────────────────── */
.mlx-pg-badge--sale {
  background: var(--mlx-badge-sale-bg, #e84545);
  color: var(--mlx-badge-sale-color, #fff);
}

/* ═══════════════════════════════════════════════════════════════
   HOVER STYLES (card-level) — mlx-pg-hover--*
   Applied to .mlx-pg-card__inner via Elementor widget control
═══════════════════════════════════════════════════════════════ */

/* ── ZOOM ─────────────────────────────────────────────────────── */
.mlx-pg-hover--zoom .mlx-pg-card__img--primary { transition: transform .45s ease; }
.mlx-pg-hover--zoom:hover .mlx-pg-card__img--primary { transform: scale(1.08); }
.mlx-pg-hover--zoom:hover {
  box-shadow: 0 12px 32px rgba(0,0,0,.10);
  transform: translateY(-4px);
}

/* ── NONE ─────────────────────────────────────────────────────── */
.mlx-pg-hover--none,
.mlx-pg-hover--none:hover { transform: none !important; box-shadow: none !important; }

/* ── SWAP ─────────────────────────────────────────────────────── */
.mlx-pg-card__img--swap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .4s ease;
  z-index: 1;
}
.mlx-pg-hover--swap .mlx-pg-card__img--primary { transition: opacity .4s ease; }
.mlx-pg-hover--swap:has(.mlx-pg-card__img--swap):hover .mlx-pg-card__img--primary { opacity: 0; }
.mlx-pg-hover--swap:hover .mlx-pg-card__img--swap { opacity: 1; }
.mlx-pg-hover--swap:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

/* ── SLIDE: info panel slides up from bottom of image ─────────── */
.mlx-pg-slide-overlay {
  position: absolute;
  inset: auto 0 0 0;
  background: rgba(10,10,10,.88);
  color: #fff;
  padding: 1rem 1.125rem;
  transform: translateY(100%);
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.mlx-pg-hover--slide:hover .mlx-pg-slide-overlay { transform: translateY(0); }

.mlx-pg-slide-overlay__title {
  font-size: .9375rem;
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mlx-pg-slide-overlay__price { margin: 0; font-size: .875rem; opacity: .85; }
.mlx-pg-slide-overlay__price .woocommerce-Price-amount { color: #fff; }
/* ATC button inside slide overlay */
.mlx-pg-slide-overlay .mlx-pg-card__btn {
  background: #fff;
  color: #0a0a0a;
  border-color: #fff;
  margin-top: 0;
}
.mlx-pg-slide-overlay .mlx-pg-card__btn:hover {
  background: var(--mlx-color-accent, #e84545);
  color: #fff;
  border-color: var(--mlx-color-accent, #e84545);
}
/* Hide normal card body when slide is active — info shown in overlay */
.mlx-pg-hover--slide .mlx-pg-card__body { display: none; }
.mlx-pg-hover--slide .mlx-pg-card__img--primary { transition: transform .45s ease; }
.mlx-pg-hover--slide:hover .mlx-pg-card__img--primary { transform: scale(1.04); }

/* ── OVERLAY: full image overlay with title + price + ATC ─────── */
.mlx-pg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 1.25rem;
  transition: background .3s;
  z-index: 3;
}
.mlx-pg-hover--overlay:hover .mlx-pg-overlay { background: rgba(0,0,0,.55); }

.mlx-pg-overlay__title,
.mlx-pg-overlay__price,
.mlx-pg-overlay__btn {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .3s, transform .3s;
  color: #fff;
  text-align: center;
}
.mlx-pg-hover--overlay:hover .mlx-pg-overlay__title,
.mlx-pg-hover--overlay:hover .mlx-pg-overlay__price,
.mlx-pg-hover--overlay:hover .mlx-pg-overlay__btn {
  opacity: 1;
  transform: translateY(0);
}
.mlx-pg-overlay__title { font-weight: 700; font-size: 1rem; margin: 0; }
.mlx-pg-overlay__price .woocommerce-Price-amount { color: #fff; }
.mlx-pg-overlay__btn {
  background: #fff;
  color: #0a0a0a;
  padding: .5rem 1.25rem;
  border-radius: 4px;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}
.mlx-pg-overlay__btn:hover {
  background: var(--mlx-color-accent, #e84545);
  color: #fff;
}
/* Hide normal card body — content lives in overlay */
.mlx-pg-hover--overlay .mlx-pg-card__body { display: none; }

/* ── ATC: full-width bar slides up from image bottom ─────────── */
.mlx-pg-atc-bar {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: var(--mlx-color-primary, #0a0a0a);
  color: #fff;
  text-align: center;
  padding: .625rem;
  font-size: .875rem;
  font-weight: 600;
  transform: translateY(100%);
  transition: transform .3s ease;
  z-index: 4;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.mlx-pg-hover--atc:hover .mlx-pg-atc-bar { transform: translateY(0); }

/* ── TILED: ATC button fades/slides in below image on hover ───── */
.mlx-pg-hover--tiled .mlx-pg-card__btn {
  width: 100%;
  border-radius: 0;
  background: var(--mlx-color-primary, #0a0a0a);
  color: #fff;
  border-color: transparent;
  padding: .625rem;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .25s, transform .25s;
}
.mlx-pg-hover--tiled:hover .mlx-pg-card__btn { opacity: 1; transform: translateY(0); }

/* ── ICONS (default) — action buttons already handled by .mlx-pg-actions */

/* ═══════════════════════════════════════════════════════════════
   COLOR SCHEME
═══════════════════════════════════════════════════════════════ */
.mlx-pg-scheme--dark .mlx-pg-card__inner {
  background: #1a1a1a;
  color: #fff;
}
.mlx-pg-scheme--dark .mlx-pg-card__title a { color: #fff; }
.mlx-pg-scheme--dark .mlx-pg-card__cats,
.mlx-pg-scheme--dark .mlx-pg-card__cats a { color: rgba(255,255,255,.6); }
.mlx-pg-scheme--dark .mlx-pg-card__price .woocommerce-Price-amount { color: #fff; }
.mlx-pg-scheme--dark .mlx-pg-card__inner { border-color: rgba(255,255,255,.08); }

.mlx-pg-scheme--light .mlx-pg-card__inner { background: #fafafa; }

/* ═══════════════════════════════════════════════════════════════
   CARD DECORATION OPTIONS (border / bg / shadow)
═══════════════════════════════════════════════════════════════ */
.mlx-pg-card-border  .mlx-pg-card__inner { border: 1px solid rgba(0,0,0,.1); }
.mlx-pg-card-no-bg   .mlx-pg-card__inner { background: transparent; box-shadow: none; }
.mlx-pg-card-shadow  .mlx-pg-card__inner { box-shadow: 0 4px 20px rgba(0,0,0,.08); }
.mlx-pg-card-shadow  .mlx-pg-card__inner:hover { box-shadow: 0 12px 36px rgba(0,0,0,.14); }