/** Shopify CDN: Minification failed

Line 25:15 Unexpected "{"
Line 25:27 Expected ":"
Line 25:31 Unexpected "{"
Line 39:15 Unexpected "{"
Line 39:27 Expected ":"
Line 40:15 Unexpected "{"
Line 40:27 Expected ":"
Line 41:15 Unexpected "{"
Line 41:27 Expected ":"
Line 51:15 Unexpected "{"
... and 88 more hidden warnings

**/
/* =============================================================================
   OPTIMISED PRODUCT CARD STYLES
   Drop-in replacement for the <style> block at the bottom of card-product.liquid
   All rules scoped to .card-product-{{ section_id }} to avoid conflicts
   ============================================================================= */

/* ----------------------------------------------------------------------------
   Base card — bare, no chrome
   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  width: 100%;
}

.product-grid {
  row-gap: 2rem;
}

/* Remove any card-level styling Dawn injects */
.card-product-{{ section_id }} .card,
.card-product-{{ section_id }} .card--standard,
.card-product-{{ section_id }} .card--card {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  display: block;
}

/* Force the card wrapper padding to zero so it doesn't eat into card width */
.card-product-{{ section_id }}.card-wrapper {
  padding: 0;
}

/* ----------------------------------------------------------------------------
   Image — square 1:1, full bleed, no radius
   component-card.css sets .card__media to position: absolute which relies on
   a padding-bottom ratio trick. Override to relative + aspect-ratio instead.
   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} .image-container {
  width: 100%;
  height: 100%;
  display: block;
}

.card-product-{{ section_id }} .card__media img.product-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: var(--media-radius, 0.4rem);
}

/* ----------------------------------------------------------------------------
   Force card content visible — Dawn hides .card__content on .card--standard
   .card--media cards expecting content inside .card__inner. Our layout puts
   content outside as a sibling so we force it visible here.
   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} .card__content,
.card-product-{{ section_id }} .card__information,
.card-product-{{ section_id }} .card-information {
  display: block !important;
}

/* ----------------------------------------------------------------------------
   Card content area — tight padding, no background
   component-card.css adds margin-top: 0.5rem to every child of .card-information
   via the > * + * selector. We reset this and control spacing ourselves.
   component-card.css also sets card__content to a grid with a 1fr row above
   card__information which pushes content down — we override to simple block.
   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} .card__content {
  padding: 0;
  background: transparent;
  display: block;
}

.card-product-{{ section_id }} .card__information {
  padding: 6px 0 0;
}

.card-product-{{ section_id }} .card-information {
  display: block;
}

.card-product-{{ section_id }} .card-information > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.card-product-{{ section_id }} .card-information > * + * {
  margin-top: 2px !important;
}

/* ----------------------------------------------------------------------------
   Product title — 2-line clamp, regular weight
   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} .card__heading {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.35;
  color: rgb(var(--color-foreground));
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 749px) {
    
    .card-product-{{ section_id }} .card__heading{
        font-size: 1.4rem;
    }
}

.card-product-{{ section_id }} .card__heading a {
  text-decoration: none;
  color: inherit;
}

.card-product-{{ section_id }} .card__heading a:hover {
  text-decoration: none;
}

/* ----------------------------------------------------------------------------
   Vendor — hidden (removed from display per requirements)
   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} .caption-with-letter-spacing {
  display: none;
}

/* ----------------------------------------------------------------------------
   Judge.me preview badge — size override scoped to card
   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} .jdgm-preview-badge {
  font-size: 12px !important;
}

.card-product-{{ section_id }} .jdgm-preview-badge * {
  font-size: 12px !important;
  line-height: 1.3;
}


   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} .card-information .price {
  font-size: 1.6rem;
  margin: 0;
}

.card-product-{{ section_id }} .price__container {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 8px;
}

/* Regular price (no sale) */
.card-product-{{ section_id }} .price__regular .price-item--regular {
  font-size: 1.6rem;
  font-weight: 500;
  color: rgb(var(--color-foreground));
}

/* Sale price */
.card-product-{{ section_id }} .price--on-sale .price-item--sale {
  font-size: 1.6rem;
  font-weight: 500;
  color: #A22302;
}

/* Compare-at (was) price — inline, smaller, struck through */
.card-product-{{ section_id }} .price--on-sale .price-item--regular {
  font-size: 1.5rem;
  font-weight: 400;
  color: rgba(var(--color-foreground), 0.45);
  text-decoration: line-through;
}

/* March Madness qualifier — shown when toggle is on, styled compact for card context */
.card-product-{{ section_id }} .march-madness-qualifier {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  color: #c0392b;
  margin-top: 4px;
  line-height: 1.3;
}

/* Hide unit price in card context */
.card-product-{{ section_id }} .unit-price {
  display: none;
}

/* ----------------------------------------------------------------------------
   Color swatches
   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} .card-color-swatches {
  margin-top: 8px;
}

.card-product-{{ section_id }} .color-swatches-container {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

@media screen and (max-width: 749px) {
  .card-product-{{ section_id }} .color-swatch-btn.hide-mobile {
    display: none;
  }
}

.card-product-{{ section_id }} .color-swatch-btn {
  background: none;
  border: 1.5px solid transparent;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.15s ease;
}

.card-product-{{ section_id }} .color-swatch-btn:hover {
  border-color: rgba(var(--color-foreground), 0.3);
}

.card-product-{{ section_id }} .color-swatch-btn.active {
  border-color: rgb(var(--color-foreground));
}

.card-product-{{ section_id }} .color-swatch-btn .swatch {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--swatch--background);
  background-size: cover;
  background-position: var(--swatch-focal-point, center);
  border: 0.5px solid rgba(var(--color-foreground), 0.12);
  display: block;
}

.card-product-{{ section_id }} .color-swatch-btn .swatch--unavailable {
  background: #ebebeb;
  position: relative;
}

.card-product-{{ section_id }} .color-swatch-btn .swatch--unavailable::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    transparent calc(50% - 0.5px),
    rgba(var(--color-foreground), 0.3) calc(50% - 0.5px),
    rgba(var(--color-foreground), 0.3) calc(50% + 0.5px),
    transparent calc(50% + 0.5px)
  );
}

.card-product-{{ section_id }} .color-swatch-more {
  background: rgba(var(--color-foreground), 0.06);
  border: none;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  color: rgba(var(--color-foreground), 0.6);
  text-decoration: none;
}

.card-product-{{ section_id }} .color-swatch-more .more-mobile { display: none; }
.card-product-{{ section_id }} .color-swatch-more .more-desktop { display: block; }
.card-product-{{ section_id }} .color-swatch-more.hide-desktop { display: none; }

@media screen and (max-width: 749px) {
  .card-product-{{ section_id }} .color-swatch-more .more-mobile { display: block; }
  .card-product-{{ section_id }} .color-swatch-more .more-desktop { display: none; }
  .card-product-{{ section_id }} .color-swatch-more.hide-mobile-indicator { display: none; }
  .card-product-{{ section_id }} .color-swatch-more.hide-mobile-indicator:not(.hide-desktop) { display: flex; }
}

/* ----------------------------------------------------------------------------
   Quick add button
   ---------------------------------------------------------------------------- */
.card-product-{{ section_id }} .quick-add {
  margin-top: 10px;
}

.card-product-{{ section_id }} .quick-add__submit {
  background: #002F63;
  color: #fff;
  border: none;
  border-radius: 3px;
  font-weight: 600;
  width: 100%;
  min-height: 42px;
  font-size: 1.3rem;
}