.elementor-462 .elementor-element.elementor-element-ab72f3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-462 .elementor-element.elementor-element-ab72f3d:not(.elementor-motion-effects-element-type-background), .elementor-462 .elementor-element.elementor-element-ab72f3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-grid{--evg-columns:4;--evg-gap:24px;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card{background-color:#ffffff;padding:0px 0px 18px 0px;border-radius:8px;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__image{aspect-ratio:4 / 5;border-radius:8px;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__image img{object-fit:cover;object-position:center center;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__body{text-align:left;gap:10px;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__category{color:#6b7280;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__title, .elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__title a{color:#111827;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__price{color:#111827;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-options{gap:10px;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-options__items{gap:8px;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-swatch--color{height:28px;width:28px;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-swatch--image span{background-size:cover;background-position:center center;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-swatch--text{padding:8px 12px 8px 12px;color:#111827;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-swatch{border-radius:999px;background-color:#ffffff;border-color:#d1d5db;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-swatch.is-selected.emargy-variant-swatch--text{background-color:#111827;border-color:#111827;color:#ffffff;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__actions{gap:10px;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__button{padding:12px 18px 12px 18px;border-radius:999px;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__button--cart{background-color:#111827;border-color:#111827;color:#ffffff;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__button--quick, .elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-card__button--details{background-color:transparent;color:#111827;border-color:#111827;}@media(max-width:1024px){.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-grid{--evg-columns:3;}}@media(max-width:767px){.elementor-462 .elementor-element.elementor-element-ab72f3d{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:110%;--padding-left:5%;--padding-right:5%;}.elementor-462 .elementor-element.elementor-element-8f2b3d3 .emargy-variant-grid{--evg-columns:1;}}/* Start custom CSS for emargy_variant_product_grid, class: .elementor-element-8f2b3d3 *//* ==========================================
   FAREL - Variant Product Grid
   Light Background Version
   Final + Fixed View Bag Button
========================================== */

.emargy-variant-grid-wrap,
.elementor-widget-emargy_variant_product_grid,
.elementor-widget-emargy_variant_product_grid .elementor-widget-container {
  --farel-maroon: #6f0800;
  --farel-dark: #320300;
  --farel-linen: #f2ebe4;
  --farel-soft: #eee2d8;
  --farel-gold: #d8b38a;
  --farel-card: rgba(255, 255, 255, 0.24);
  --farel-border: rgba(111, 8, 0, 0.16);
  --farel-border-hover: rgba(111, 8, 0, 0.32);

  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Grid */
.emargy-variant-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card */
.emargy-variant-card {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 12px 12px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--farel-card) !important;
  border: 1px solid var(--farel-border) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: all 0.35s ease !important;
}

.emargy-variant-card:hover {
  transform: translateY(-5px) !important;
  border-color: var(--farel-border-hover) !important;
  box-shadow: 0 22px 42px rgba(70, 20, 10, 0.10) !important;
}

/* Image */
.emargy-variant-card__image {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  margin: 0 0 16px !important;
  background: var(--farel-soft) !important;
  text-decoration: none !important;
  flex: 0 0 auto !important;
}

.emargy-variant-card__image img,
.emargy-variant-card__image img[data-emargy-variant-image="true"],
.emargy-variant-card__image .emargy-variant-card__image-hover {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: opacity 0.35s ease, transform 0.45s ease, filter 0.45s ease !important;
}

.emargy-variant-card__image img[data-emargy-variant-image="true"] {
  opacity: 1 !important;
  z-index: 1 !important;
}

.emargy-variant-card__image .emargy-variant-card__image-hover {
  opacity: 0 !important;
  z-index: 2 !important;
}

.emargy-variant-card:hover .emargy-variant-card__image img[data-emargy-variant-image="true"],
.emargy-variant-card:hover .emargy-variant-card__image .emargy-variant-card__image-hover {
  transform: scale(1.025) !important;
  filter: saturate(1.04) contrast(1.02) !important;
}

.emargy-variant-card:hover .emargy-variant-card__image .emargy-variant-card__image-hover {
  opacity: 1 !important;
}

/* Sale badge */
.emargy-variant-card__badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #1f1a17 !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
}

/* Body */
.emargy-variant-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Title */
.emargy-variant-card__title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  text-align: center !important;
}

.emargy-variant-card__title a {
  display: block !important;
  color: var(--farel-maroon) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Price */
.emargy-variant-card__price {
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-height: 20px !important;
  margin: 0 0 14px !important;
  color: var(--farel-maroon) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.emargy-variant-card__price del {
  color: rgba(50, 3, 0, 0.48) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

.emargy-variant-card__price ins {
  color: var(--farel-maroon) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.emargy-variant-card__price .woocommerce-Price-amount,
.emargy-variant-card__price .woocommerce-Price-currencySymbol,
.emargy-variant-card__price bdi {
  color: inherit !important;
  font-weight: inherit !important;
}

.emargy-variant-card__price .screen-reader-text {
  display: none !important;
}

/* Options */
.emargy-variant-options {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 78px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.emargy-variant-options__row {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.emargy-variant-options__label {
  display: block !important;
  color: rgba(50, 3, 0, 0.62) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.emargy-variant-options__label span {
  color: inherit !important;
  font: inherit !important;
}

.emargy-variant-options__items {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Swatches */
.emargy-variant-swatch {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(111, 8, 0, 0.28) !important;
  background: transparent !important;
  color: var(--farel-maroon) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.emargy-variant-swatch:hover,
.emargy-variant-swatch[aria-pressed="true"],
.emargy-variant-swatch.is-selected {
  background: var(--farel-maroon) !important;
  border-color: var(--farel-maroon) !important;
  color: var(--farel-linen) !important;
}

/* Color swatches */
.emargy-variant-swatch--color {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 3px !important;
  border-radius: 50% !important;
  background: transparent !important;
}

.emargy-variant-swatch--color span {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  background: var(--evg-swatch-color) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.34) !important;
}

.emargy-variant-swatch--color:hover,
.emargy-variant-swatch--color[aria-pressed="true"],
.emargy-variant-swatch--color.is-selected {
  background: transparent !important;
  border-color: var(--farel-maroon) !important;
  box-shadow: 0 0 0 2px rgba(111, 8, 0, 0.18) !important;
}

/* Message */
.emargy-variant-card__message {
  display: none !important;
}

/* Actions */
.emargy-variant-card__actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  width: 100% !important;
  margin-top: auto !important;
  padding: 0 !important;
}

/* Main button */
.emargy-variant-card__button,
.emargy-variant-card__button:visited {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid var(--farel-maroon) !important;
  background: transparent !important;
  color: var(--farel-maroon) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.65px !important;
  text-decoration: none !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.emargy-variant-card__button:hover,
.emargy-variant-card__button:focus {
  background: var(--farel-maroon) !important;
  color: var(--farel-linen) !important;
  border-color: var(--farel-maroon) !important;
  text-decoration: none !important;
}

/* Keep button readable after WooCommerce adds .added */
.emargy-variant-card__button.added,
.emargy-variant-card__button.added:visited {
  background: transparent !important;
  color: var(--farel-maroon) !important;
  border-color: var(--farel-maroon) !important;
}

.emargy-variant-card__button.added:hover,
.emargy-variant-card__button.added:focus {
  background: var(--farel-maroon) !important;
  color: var(--farel-linen) !important;
  border-color: var(--farel-maroon) !important;
}

/* FIX: WooCommerce View Bag button */
.emargy-variant-card__actions .added_to_cart,
.emargy-variant-card__actions .added_to_cart:visited,
.emargy-variant-card__actions a.added_to_cart.wc-forward,
.emargy-variant-card__actions a.added_to_cart.wc-forward:visited {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid var(--farel-maroon) !important;
  background: var(--farel-maroon) !important;
  color: var(--farel-linen) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.65px !important;
  text-decoration: none !important;
  text-align: center !important;
  box-shadow: 0 12px 26px rgba(111, 8, 0, 0.14) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: all 0.3s ease !important;
}

.emargy-variant-card__actions .added_to_cart:hover,
.emargy-variant-card__actions .added_to_cart:focus,
.emargy-variant-card__actions a.added_to_cart.wc-forward:hover,
.emargy-variant-card__actions a.added_to_cart.wc-forward:focus {
  background: transparent !important;
  color: var(--farel-maroon) !important;
  border-color: var(--farel-maroon) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Remove WooCommerce/theme arrows/icons */
.emargy-variant-card__actions .added_to_cart::before,
.emargy-variant-card__actions .added_to_cart::after,
.emargy-variant-card__actions a.added_to_cart.wc-forward::before,
.emargy-variant-card__actions a.added_to_cart.wc-forward::after {
  display: none !important;
  content: none !important;
}

/* Focus */
.emargy-variant-card a:focus,
.emargy-variant-card button:focus {
  outline: none !important;
}

.emargy-variant-card a:focus-visible,
.emargy-variant-card button:focus-visible {
  outline: 2px solid var(--farel-maroon) !important;
  outline-offset: 3px !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .emargy-variant-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .emargy-variant-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    align-items: start !important;
  }

  .emargy-variant-card {
    height: auto !important;
    padding: 10px 10px 14px !important;
  }

  .emargy-variant-card__body {
    flex: 0 0 auto !important;
  }

  .emargy-variant-card__title {
    min-height: 0 !important;
    margin-bottom: 8px !important;
  }

  .emargy-variant-options {
    min-height: 0 !important;
    margin-bottom: 12px !important;
  }

  .emargy-variant-card__actions {
    margin-top: 0 !important;
    gap: 8px !important;
  }

  .emargy-variant-card__button,
  .emargy-variant-card__actions .added_to_cart,
  .emargy-variant-card__actions a.added_to_cart.wc-forward {
    min-height: 41px !important;
    font-size: 11px !important;
  }
}

/* ==========================================
   FAREL - Variant Product Filters
   Light Luxury Style
========================================== */

.emargy-variant-filters {
  --farel-maroon: #6f0800;
  --farel-dark: #320300;
  --farel-linen: #f2ebe4;
  --farel-soft: #eee2d8;
  --farel-border: rgba(111, 8, 0, 0.18);

  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 34px !important;
  padding: 18px !important;
  background: rgba(255, 255, 255, 0.24) !important;
  border: 1px solid var(--farel-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 42px rgba(70, 20, 10, 0.06) !important;
}

/* Field */
.emargy-variant-filters__field {
  display: grid !important;
  gap: 8px !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Label */
.emargy-variant-filters__field span {
  display: block !important;
  color: rgba(50, 3, 0, 0.66) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

/* Select */
.emargy-variant-filters__field select {
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 42px 0 16px !important;
  border: 1px solid rgba(111, 8, 0, 0.24) !important;
  border-radius: 999px !important;
  background-color: rgba(255, 255, 255, 0.42) !important;
  color: var(--farel-maroon) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--farel-maroon) 50%),
    linear-gradient(135deg, var(--farel-maroon) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50% !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
  transition: all 0.25s ease !important;
}

.emargy-variant-filters__field select:hover {
  border-color: rgba(111, 8, 0, 0.42) !important;
  background-color: rgba(255, 255, 255, 0.58) !important;
}

.emargy-variant-filters__field select:focus {
  border-color: var(--farel-maroon) !important;
  box-shadow: 0 0 0 3px rgba(111, 8, 0, 0.10) !important;
}

/* Reset button */
.emargy-variant-filters__reset {
  appearance: none !important;
  -webkit-appearance: none !important;
  flex: 0 0 auto !important;
  min-width: 118px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  margin: 0 !important;
  border: 1px solid var(--farel-maroon) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--farel-maroon) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.emargy-variant-filters__reset:hover {
  background: var(--farel-maroon) !important;
  color: var(--farel-linen) !important;
  border-color: var(--farel-maroon) !important;
  box-shadow: 0 12px 28px rgba(111, 8, 0, 0.16) !important;
}

/* Focus */
.emargy-variant-filters__reset:focus {
  outline: none !important;
}

.emargy-variant-filters__reset:focus-visible {
  outline: 2px solid var(--farel-maroon) !important;
  outline-offset: 3px !important;
}

/* Mobile Filters */
@media (max-width: 767px) {
  .emargy-variant-filters {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-bottom: 26px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .emargy-variant-filters__field {
    width: 100% !important;
  }

  .emargy-variant-filters__field select {
    min-height: 44px !important;
    font-size: 13px !important;
  }

  .emargy-variant-filters__reset {
    width: 100% !important;
    min-height: 44px !important;
  }
}/* End custom CSS */