/** Shopify CDN: Minification failed

Line 15:0 Unexpected "{"
Line 15:1 Expected identifier but found "%"
Line 17:50 Expected identifier but found whitespace
Line 20:1 Expected identifier but found "%"
Line 22:0 Unexpected "<"
Line 82:0 Unexpected "<"
Line 127:0 Unexpected "<"
Line 146:0 Unexpected "<"
Line 148:1 Expected identifier but found "%"
Line 150:1 Expected identifier but found "%"

**/
{% comment %}
Main Product Section — cleaned version
This file consolidates product card CSS and logic.
All redundant overrides removed, corners tied to theme slider (--border-radius),
images sized consistently, glow/enlarge unified.
{% endcomment %}

<style>
/* --- Product Card Wrapper --- */
.card-wrapper {
  color: inherit;
  height: 100%;
  position: relative;
  text-decoration: none;
}
.card {
  text-decoration: none;
  text-align: var(--text-alignment);
}
.card:not(.ratio) {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card.card--horizontal {
  --text-alignment: left;
  --image-padding: 0rem;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.5rem;
}
.card--card,
.card--standard .card__inner {
  position: relative;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity));
}
.card .card__inner .card__media {
  overflow: hidden;
  z-index: 0;
  border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding));
}
.card__inner {
  width: 100%;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.card__media,
.card .media {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.card__media {
  margin: var(--image-padding);
  width: calc(100% - 2 * var(--image-padding));
}
.card__media .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: var(--border-radius);
  transition: transform 0.45s ease, box-shadow 0.45s ease;
}
</style>
<style>
/* --- Glow + Enlarge on Hover --- */
.card__media img:hover {
  transform: scale(1.2);
  box-shadow:
    0 0 70px 30px rgba(0, 255, 255, 0.95),
    0 0 140px 60px rgba(0, 180, 180, 0.85);
  z-index: 3;
}
.card__media { overflow: visible; }

/* --- Secondary Image Hover Logic --- */
.media--hover-effect img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.4s ease;
}
.media--hover-effect img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.media--hover-effect:hover img:first-child { opacity: 0; }
.media--hover-effect:hover img:nth-child(2) { opacity: 1; }

/* --- Product Card Background on Hover --- */
.product-card-wrapper .card:hover {
  background: #000 !important;
  color: inherit;
  transform: scale(1.12);
  box-shadow:
    0 0 80px 35px rgba(0, 255, 255, 0.95),
    0 0 160px 70px rgba(0, 180, 180, 0.85);
  z-index: 5;
}

/* --- Text colors on hover (blue accent) --- */
.product-card-wrapper .card:hover .card__heading a,
.product-card-wrapper .card:hover .button,
.product-card-wrapper .card:hover .price {
  color: #4da6ff !important;
}
</style>
<style>
/* --- Remove "Reduced" Badges --- */
.price .badge,
.price .price__badge,
.card__badge .badge,
.card__badge--sale,
.card__badge--reduced,
.card__badge--discount {
  display: none !important;
}

/* --- Ensure glow not clipped --- */
.card-wrapper,
.product-card-wrapper,
.card__inner,
.card__media {
  overflow: visible !important;
}
</style>

{% comment %}
End of cleaned main-product.liquid
{% endcomment %}