/** Shopify CDN: Minification failed

Line 158:28 Unexpected "{"
Line 158:37 Expected ":"
Line 164:30 Unexpected "{"
Line 164:39 Expected ":"

**/
/* Related Products UI Fix */

/* Ensure related products section is full width */
.related-products {
  width: 98vw !important;
  max-width: 98vw !important;
  margin: 50px 0 0 5px !important;
  padding: 0 !important;
  overflow-x: hidden;
}

/* Full width container */
.related-products .page-width {
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 2rem !important;
  margin: 0 !important;
}

@media screen and (min-width: 750px) {
  .related-products .page-width {
    padding: 3rem !important;
  }
}

/* Grid layout for 4 products */
.related-products .product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.5rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media screen and (min-width: 750px) {
  .related-products .product-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem !important;
  }
}

/* Grid items */
.related-products .grid__item {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Product cards */
.related-products .card {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  transition: all 0.3s ease !important;
}

.related-products .card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Card media */
.related-products .card__media {
  width: 100% !important;
  height: 200px !important;
  overflow: hidden !important;
  position: relative !important;
}

@media screen and (min-width: 750px) {
  .related-products .card__media {
    height: 250px !important;
  }
}

.related-products .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}

.related-products .card:hover .card__media img {
  transform: scale(1.05) !important;
}

/* Card content */
.related-products .card__content {
  padding: 1rem !important;
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Product title */
.related-products .card__heading {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin: 0 0 0.5rem 0 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Product price */
.related-products .price {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #059669 !important;
  margin: 0 !important;
}

.related-products .price__regular {
  color: #1f2937 !important;
}

.related-products .price__sale {
  color: #dc2626 !important;
}

/* Section heading */
.related-products__heading {
  font-size: 15px !important;
  font-weight: normal !important;
  color: #1f2937 !important;
  text-align: left !important;
  margin: 0 0 2rem 0 !important;
  padding: 0 !important;
}

@media screen and (min-width: 750px) {
  .related-products__heading {
    font-size: 15px !important;
    margin: 0 0 3rem 0 !important;
  }
}

/* Ensure proper spacing */
.related-products .section-{{ section.id }}-padding {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

@media screen and (min-width: 750px) {
  .related-products .section-{{ section.id }}-padding {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

/* Override any theme styles that might interfere */
.related-products * {
  box-sizing: border-box !important;
}

.related-products .grid {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Force 4 columns on desktop */
@media screen and (min-width: 990px) {
  .related-products .product-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* Mobile responsive */
@media screen and (max-width: 749px) {
  .related-products .product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }
  
  .related-products .card__media {
    height: 180px !important;
  }
  
  .related-products .card__content {
    padding: 0.75rem !important;
  }
  
  .related-products .card__heading {
    font-size: 0.9rem !important;
  }
  
  .related-products .price {
    font-size: 1rem !important;
  }
}

/* Ensure no horizontal scroll */
.related-products {
  overflow-x: hidden !important;
}

/* Color scheme override */
.related-products.color-scheme-1 {
  background: #f8f9fa !important;
}

.related-products.color-scheme-2 {
  background: #ffffff !important;
}

/* Loading state */
.related-products[data-loading="true"] {
  opacity: 0.7 !important;
}

/* Empty state */
.related-products:empty {
  display: none !important;
}