/** Shopify CDN: Minification failed

Line 172:8 Expected identifier but found whitespace
Line 172:10 Unexpected "{"
Line 172:19 Expected ":"
Line 172:60 Expected ":"

**/
/* Regular product price */
.card .price,
.card .price * {
  font-weight: 400 !important;  /* Keep consistent weight */
 
}

/* Compare-at price */
.price-item--compare,
.price__compare,
.price--compare {
  font-weight: 300 !important;  /* Match main price weight */
  color: #888 !important;
}

/* Money spans inside variant-updated prices */
.money,
.money * {
  font-weight: 300 !important;
}



/* Keep button styles independent */
.card-add-button {
  all: unset;
  display: inline-block;
  font-size: 14px !important;
  padding: 6px 10px !important;
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 99px !important;
  text-align: center;
  cursor: pointer;
  line-height: normal !important;
  transition: none !important; /* remove theme transitions */
  position: relative;
  z-index: 2;
  margin-top: 24px;
}

/* Prevent wrapper hover from affecting button */
.card:hover .card-add-button,
.card__inner:hover .card-add-button,
.product-card:hover .card-add-button {
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 99px !important;
  box-shadow: none !important;
}


/* Only change style when hovering directly on the button */
.card-add-button:hover {
  background-color: #333 !important;
}

/* Remove any effect when hovering on the card */
.card:hover .card-add-button {
  background-color: #000 !important;
  color: #fff !important;
}

/* Remove underline from product titles */
.card-wrapper .card__heading a {
  font-size:16px !important;
  font-weight:bold;
  color:#000 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;

}

/* Prevent underline/border on hover too */
.card-wrapper .card__heading a:hover,
.card-wrapper .card__heading a:focus,
.card-wrapper .card__heading a:active {
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}


/* Product Card Description */
.card-information .caption-large.light {
  font-family: 'Inter', sans-serif !important;
  margin-top:-6px;
  margin-bottom:18px;
  font-size: 14px !important;    
  line-height: 1.2 !important;    
  display: block !important;    
  color:#4D4D4D;   
}


/* Variant pills */
.card-variants {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 12px;
 
}
.card-variants .variant-pill {
    font-family: 'Inter', sans-serif;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 12px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.12s ease;
  line-height: 1;
}
.card-variants .variant-pill.active {
  background: #111;
  color: #fff;
  border-color: #111;
}
.card-variants .variant-pill[disabled] {
  opacity: .45;
  cursor: not-allowed;
}

/* Wrapper */
.card-actions-wrapper {
  position: relative;
  z-index: 999;
  pointer-events: auto;
}
.card-actions-wrapper, .card-actions-wrapper * {
  pointer-events: auto;
}


.card__media img {
  border-radius: 12px;
}

.card__media {
  border-radius: 12px !important;  /* set desired radius */
  overflow: hidden;     /* ensures image doesn’t spill outside */
}

.card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;    /* keeps image scaled properly */
  transition: transform 0.3s ease;
}

.card__media:hover img {
  transform: scale(1.1); /* zoom effect */
}

/* Simple product card spacing */
.collection .grid {
  gap: 10px !important; /* change this number for spacing */
}
.collection .grid {
    gap: {{ section.settings.card_spacing | default: 24 }}px !important;
  }

  /* Styles for screens smaller than 768px (mobile) */
@media (max-width: 768px) {
  .card-add-button{
    margin-top:12px;
  }
  .card-information .caption-large.light{
    margin-bottom:9px;

  }

}