/** Shopify CDN: Minification failed

Line 130:1 Expected "*/" to terminate multi-line comment

**/
/* ========================================
   FULL-BLEED PRODUCT GRID
   Products bleed to screen edges with portrait aspect ratios
   ======================================== 

/* Remove all horizontal constraints from collection containers 
.collection,
.template-collection,
.template-search {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Remove padding from all page-width containers 
.page-width,
.collection .page-width {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Remove horizontal spacing between grid items 
.grid {
  --grid-mobile-horizontal-spacing: 0;
  --grid-desktop-horizontal-spacing: 0;
  column-gap: 0;
  margin-left: 0;
  margin-right: 0;
}

/* Ensure grid items fill available width with no horizontal gaps 
.grid__item {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* Product card styling - remove horizontal margins 
.card-wrapper,
.card-wrapper .card {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

/* Force consistent card heights - target the actual card containers 
.card-wrapper,
.product-card-wrapper {
  height: auto;
}

/* Make all cards the same total height 
.card-wrapper .card,
.product-card-wrapper .card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 500px; /* Set minimum card height - adjust as needed 
}

/* Make image areas consistent and fill properly 
.card__media,
.media {
  width: 100% !important;
  flex: 1 !important; /* Take up available space above text 
  min-height: 350px !important; /* Minimum image height 
  position: relative !important;
  overflow: hidden !important;
  padding-bottom: 0 !important; /* Remove aspect ratio padding 
}

/* Make images fill their containers properly 
.card__media img,
.card__media .media img,
.media img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Keep text areas consistent 
.card__content,
.card-information {
  flex-shrink: 0 !important; /* Don't shrink text area 
  padding: 1rem 0 !important;
}

/* Keep vertical spacing only for product info 
.product-grid .grid__item {
  margin-bottom: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .product-grid .grid__item {
    margin-bottom: var(--grid-desktop-vertical-spacing);
  }
}

/* Override any section-specific containers 
.shopify-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* For older Safari support - remove negative margins 
@supports not (inset: 10px) {
  .grid {
    margin-left: 0 !important;
  }
  
  .grid__item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}