/** Shopify CDN: Minification failed

Line 22:32 Expected ":"
Line 22:37 Unexpected "}"
Line 34:32 Expected ":"
Line 34:37 Unexpected "}"
Line 51:32 Expected ":"
Line 51:37 Unexpected "}"

**/
/* Custom Product Grid for Dawn Theme - FIXED MOBILE VERSION */
/* Only targets product cards, not navigation or other elements */

/* Target only product grids in collections and featured sections */
.collection .product-grid.grid,
.collection .grid--1-col, 
.collection .grid--2-col, 
.collection .grid--3-col, 
.collection .grid--4-col,
.featured-collection .grid,
.search__grid,
.section-template--\#\{{ section.id }} .product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Only target product card wrappers, not navigation cards */
.collection .card--product,
.featured-collection .card--product,
.search__grid .card--product,
.section-template--\#\{{ section.id }} .card--product,
.card-wrapper[data-product-card] {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  transition: all 0.3s ease !important;
  height: 100% !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Hover effects only for product cards */
.collection .card--product:hover,
.featured-collection .card--product:hover,
.search__grid .card--product:hover,
.section-template--\#\{{ section.id }} .card--product:hover,
.card-wrapper[data-product-card]:hover {
  transform: translateY(-8px) !important;
  border-color: #d1d1d1 !important;
  background: #fafafa !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
}

/* Target only product media */
.collection .card--product .card__media,
.featured-collection .card--product .card__media,
.search__grid .card--product .card__media {
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
}

.collection .card--product .card__media .media,
.featured-collection .card--product .card__media .media,
.search__grid .card--product .card__media .media {
  border-radius: 8px !important;
  transition: transform 0.5s ease !important;
}

.collection .card--product:hover .card__media .media,
.featured-collection .card--product:hover .card__media .media,
.search__grid .card--product:hover .card__media .media {
  transform: scale(1.08) !important;
}

/* Product-specific content */
.collection .card--product .card__content,
.featured-collection .card--product .card__content,
.search__grid .card--product .card__content {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex-grow: 1 !important;
}

.collection .card--product .card__information,
.featured-collection .card--product .card__information,
.search__grid .card--product .card__information {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Product titles only */
.collection .card--product .card__heading,
.featured-collection .card--product .card__heading,
.search__grid .card--product .card__heading {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin-bottom: 12px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 44px !important;
  flex-grow: 1 !important;
}

.collection .card--product .card__heading a,
.featured-collection .card--product .card__heading a,
.search__grid .card--product .card__heading a {
  text-decoration: none !important;
  color: inherit !important;
}

.collection .card--product:hover .card__heading a,
.featured-collection .card--product:hover .card__heading a,
.search__grid .card--product:hover .card__heading a {
  color: #2563eb !important;
}

/* Product prices only */
.collection .card--product .price,
.featured-collection .card--product .price,
.search__grid .card--product .price {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
  color: #1f2937 !important;
}

.collection .card--product .price--on-sale .price-item--regular,
.featured-collection .card--product .price--on-sale .price-item--regular,
.search__grid .card--product .price--on-sale .price-item--regular {
  text-decoration: line-through !important;
  color: #9ca3af !important;
  margin-right: 8px !important;
}

.collection .card--product .price--on-sale .price-item--sale,
.featured-collection .card--product .price--on-sale .price-item--sale,
.search__grid .card--product .price--on-sale .price-item--sale {
  color: #dc2626 !important;
  font-weight: 800 !important;
}

/* Product vendors only */
.collection .card--product .card__vendor,
.featured-collection .card--product .card__vendor,
.search__grid .card--product .card__vendor {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

/* ===== PROFESSIONAL MOBILE LAYOUT ===== */
@media screen and (max-width: 989px) {
  .collection .product-grid.grid,
  .collection .grid--1-col, 
  .collection .grid--2-col, 
  .collection .grid--3-col, 
  .collection .grid--4-col,
  .featured-collection .grid,
  .search__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    padding: 0 12px !important;
    justify-items: center !important; /* ADDED: Center grid items */
  }
  
  .collection .card--product,
  .featured-collection .card--product,
  .search__grid .card--product {
    padding: 16px !important;
    border-radius: 10px !important;
    max-width: 280px !important; /* ADDED: Limit card width for better centering */
    width: 100% !important; /* ADDED: Ensure full width within max-width constraint */
  }
  
  .collection .card--product .card__heading,
  .featured-collection .card--product .card__heading,
  .search__grid .card--product .card__heading {
    font-size: 15px !important;
    min-height: 42px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
  }
  
  .collection .card--product .price,
  .featured-collection .card--product .price,
  .search__grid .card--product .price {
    font-size: 16px !important;
    margin-bottom: 14px !important;
  }
  
  .collection .card--product .card__vendor,
  .featured-collection .card--product .card__vendor,
  .search__grid .card--product .card__vendor {
    font-size: 12px !important;
    margin-bottom: 6px !important;
  }
}

@media screen and (max-width: 749px) {
  .collection .product-grid.grid,
  .collection .grid--1-col, 
  .collection .grid--2-col, 
  .collection .grid--3-col, 
  .collection .grid--4-col,
  .featured-collection .grid,
  .search__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 0 10px !important;
    justify-items: center !important; /* ADDED: Center grid items */
  }
  
  .collection .card--product,
  .featured-collection .card--product,
  .search__grid .card--product {
    padding: 14px !important;
    border-radius: 8px !important;
    max-width: 260px !important; /* ADDED: Limit card width for better centering */
    width: 100% !important; /* ADDED: Ensure full width within max-width constraint */
  }
  
  .collection .card--product:hover,
  .featured-collection .card--product:hover,
  .search__grid .card--product:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
  }
  
  .collection .card--product .card__heading,
  .featured-collection .card--product .card__heading,
  .search__grid .card--product .card__heading {
    font-size: 14px !important;
    min-height: 38px !important;
    margin-bottom: 8px !important;
    -webkit-line-clamp: 2 !important;
  }
  
  .collection .card--product .price,
  .featured-collection .card--product .price,
  .search__grid .card--product .price {
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }
  
  .collection .card--product .card__vendor,
  .featured-collection .card--product .card__vendor,
  .search__grid .card--product .card__vendor {
    font-size: 11px !important;
    margin-bottom: 4px !important;
  }
  
  .collection .card--product .card__media,
  .featured-collection .card--product .card__media,
  .search__grid .card--product .card__media {
    margin-bottom: 12px !important;
    border-radius: 6px !important;
  }
}

/* Extra Small Phones - Perfect for mobile */
@media screen and (max-width: 480px) {
  .collection .product-grid.grid,
  .collection .grid--1-col, 
  .collection .grid--2-col, 
  .collection .grid--3-col, 
  .collection .grid--4-col,
  .featured-collection .grid,
  .search__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 8px !important;
    justify-items: center !important; /* ADDED: Center grid items */
  }
  
  .collection .card--product,
  .featured-collection .card--product,
  .search__grid .card--product {
    padding: 16px !important;
    border-radius: 10px !important;
    margin: 0 auto !important; /* CHANGED: Center with auto margins */
    max-width: 320px !important; /* ADDED: Limit card width for better centering */
    width: 100% !important; /* ADDED: Ensure full width within max-width constraint */
  }
  
  .collection .card--product .card__heading,
  .featured-collection .card--product .card__heading,
  .search__grid .card--product .card__heading {
    font-size: 15px !important;
    min-height: auto !important;
    margin-bottom: 10px !important;
    -webkit-line-clamp: 2 !important;
  }
  
  .collection .card--product .price,
  .featured-collection .card--product .price,
  .search__grid .card--product .price {
    font-size: 16px !important;
    margin-bottom: 14px !important;
  }
  
  .collection .card--product .card__vendor,
  .featured-collection .card--product .card__vendor,
  .search__grid .card--product .card__vendor {
    font-size: 12px !important;
    margin-bottom: 6px !important;
  }
  
  /* Better touch targets for mobile */
  .collection .card--product .card__heading a,
  .featured-collection .card--product .card__heading a,
  .search__grid .card--product .card__heading a {
    padding: 4px 0 !important;
    display: block !important;
  }
}

/* Very Small Phones (iPhone SE, etc) */
@media screen and (max-width: 360px) {
  .collection .product-grid.grid,
  .collection .grid--1-col, 
  .collection .grid--2-col, 
  .collection .grid--3-col, 
  .collection .grid--4-col,
  .featured-collection .grid,
  .search__grid {
    gap: 12px !important;
    padding: 0 6px !important;
    justify-items: center !important; /* ADDED: Center grid items */
  }
  
  .collection .card--product,
  .featured-collection .card--product,
  .search__grid .card--product {
    padding: 12px !important;
    border-radius: 8px !important;
    max-width: 280px !important; /* ADDED: Limit card width for better centering */
    width: 100% !important; /* ADDED: Ensure full width within max-width constraint */
  }
  
  .collection .card--product .card__heading,
  .featured-collection .card--product .card__heading,
  .search__grid .card--product .card__heading {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }
  
  .collection .card--product .price,
  .featured-collection .card--product .price,
  .search__grid .card--product .price {
    font-size: 15px !important;
    margin-bottom: 10px !important;
  }
}

/* Tablet Optimization */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .collection .product-grid.grid,
  .collection .grid--1-col, 
  .collection .grid--2-col, 
  .collection .grid--3-col, 
  .collection .grid--4-col,
  .featured-collection .grid,
  .search__grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
    padding: 0 15px !important;
    justify-items: center !important; /* ADDED: Center grid items */
  }
  
  .collection .card--product,
  .featured-collection .card--product,
  .search__grid .card--product {
    max-width: 240px !important; /* ADDED: Limit card width for better centering */
    width: 100% !important; /* ADDED: Ensure full width within max-width constraint */
  }
}

/* RESET for navigation and other non-product elements */
.card:not(.card--product),
.card-wrapper:not([data-product-card]) {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.card:not(.card--product):hover,
.card-wrapper:not([data-product-card]):hover {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
}