/* Add custom CSS styles below */ 

.s-cart-summary-count {
  background: #414042;
  background: #f00;
  padding-top: 0.2rem;
  height: 1rem;
  width: 1rem;
}

.s-product-card-discount {
  left: 0rem;
  top: 1.5rem;
  width: 40px;
  border-radius: 0 20px 20px 0px;
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: #fae7f0;
}

.s-block--faqs .faqs-list input:checked + div label {
  color: #000;
}

.s-block--faqs .faqs-list input:checked + div .open-badge::before {
  --tw-content: "";
  content: var(--tw-content);
  color: black;
}

.contact-links a {
  min-width: 3.5rem;
  border-radius: 0.375rem;
  background-color: rgb(169, 189, 170);
  --tw-bg-opacity: 0.5;
  padding: 0.5rem;
  color: #f1f6f1;
}

.contact-links a:hover {
  background-color: #d3dad3;
  color: white !important;
}

.s-product-card-category, .s-product-card-brand {
  background-color: #d3dad3;
}

@media(max-width:900px){
.s-product-card-content-footer salla-add-product-button .s-button-outline {
  border-color: var(--color-primary);
  background-color: rgb(169, 189, 170);
  color: white;
  height: 33px;
  margin-top: 10px;
}
}

@media(min-width:900px){
.s-product-card-content-footer salla-add-product-button .s-button-outline {
  border-color: var(--color-primary);
  background-color: rgb(169, 189, 170);
  color: white;
  height: 40px;
  margin-top: 10px;
}
}

.s-products-list-wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 0.25rem;
  gap: 1rem;
  }
  
  .text-primary {
  color: #000;
}

salla-products-list .s-products-list-vertical-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.25rem;
  gap: 1rem;
}