/**
 * Phone product lists — same look as the breadcrumb Quick browse sheet (modules/ift_quickbrowse).
 * Loaded with media="(max-width: 575.98px)" after the product-card CSS, for every product miniature:
 * category / search / brand / new / specials grids, product-page accessories, home carousels.
 */

/* —— Full-width lists: no gutter, cards touch the screen edge, hairline dividers.
      Only lists that span the page; grids inside layout columns (home page) keep their column. —— */
#wrapper #js-product-list .products.row.products-grid,
#wrapper #product-infos-tabs-content .products.row.products-grid,
#wrapper #content-wrapper > section > .products.row.products-grid {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  width: 100vw;
  max-width: 100vw;
  margin: 0 0 0 calc(50% - 50vw) !important;
  padding: 0;
  border-top: 1px solid #e5e9ee;
}
#wrapper #js-product-list .products-grid > .js-product-miniature-wrapper,
#wrapper #product-infos-tabs-content .products-grid > .js-product-miniature-wrapper,
#wrapper #content-wrapper > section > .products-grid > .js-product-miniature-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
#wrapper #js-product-list .products-grid .product-miniature.product-miniature-grid,
#wrapper #product-infos-tabs-content .products-grid .product-miniature.product-miniature-grid,
#wrapper #content-wrapper > section > .products-grid .product-miniature.product-miniature-grid {
  border: 0;
  border-bottom: 1px solid #e5e9ee;
  border-radius: 0;
}
#wrapper #js-product-list .products-grid > .js-product-miniature-wrapper:nth-child(odd) .product-miniature-grid,
#wrapper #product-infos-tabs-content .products-grid > .js-product-miniature-wrapper:nth-child(odd) .product-miniature-grid,
#wrapper #content-wrapper > section > .products-grid > .js-product-miniature-wrapper:nth-child(odd) .product-miniature-grid {
  border-right: 1px solid #e5e9ee;
}
#wrapper .products-grid > .js-product-miniature-wrapper {
  margin: 0 0 6px !important;
  padding: 0 3px !important;
}

/* —— Card —— */
#wrapper .product-miniature.product-miniature-grid {
  border: 1px solid #e5e9ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}
#wrapper .product-miniature.product-miniature-grid:hover,
#wrapper .product-miniature.product-miniature-grid:focus-within {
  border-color: #e5e9ee;
  box-shadow: none;
  transform: none;
}
#wrapper .product-miniature-grid .thumbnail-container {
  border-bottom: 0;
  box-shadow: none;
}
#wrapper .product-miniature-grid .thumbnail-container > a.thumbnail {
  padding: 8px 9px 2px;
}
#wrapper .product-miniature-grid:hover .thumbnail-container img {
  transform: none;
}
#wrapper .product-miniature-grid .product-functional-buttons {
  display: none !important;
}
#wrapper .product-miniature-grid .product-flags.js-product-flags {
  top: 6px;
  left: 6px;
}
#wrapper .product-miniature-grid .product-flags .product-flag {
  padding: 2px 6px !important;
  font-size: 10px !important;
  box-shadow: none;
}

/* —— Text: two-line name, price, no SKU or brand (as in Quick browse) —— */
#wrapper .product-miniature-grid .product-description {
  gap: 0;
  padding: 6px 9px 9px;
  background: #fff;
}
#wrapper .product-miniature-grid .product-category-name,
#wrapper .product-miniature-grid .product-brand,
#wrapper .product-miniature-grid .product-reference,
#wrapper .product-miniature-grid .product-description-short {
  display: none !important;
}
#wrapper .product-miniature-grid .product-title,
#wrapper .product-miniature-grid .product-title a {
  color: #0f172a !important;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
}
#wrapper .product-miniature-grid .product-title {
  display: -webkit-box;
  margin: 0 0 6px;
  min-height: calc(1.3em * 2);
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#wrapper .product-miniature-grid .product-description > .product-price-and-shipping {
  align-items: baseline;
  gap: 2px 8px;
  margin: auto 0 0;
  padding: 0;
  border: 0;
}
#wrapper .product-miniature-grid .product-price,
#wrapper .product-miniature-grid .product-price-and-shipping .product-price {
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
}
#wrapper .product-miniature-grid .regular-price {
  color: #94a3b8 !important;
  font-size: 12px;
}

/* —— Outlined cart button, fills on tap —— */
#wrapper .product-miniature-grid .ift-product-card-cta {
  margin: 8px 0 0;
  padding: 0;
}
#wrapper .product-miniature-grid .product-add-cart .btn.btn-product-list.add-to-cart,
#wrapper .product-miniature-grid .product-add-cart .btn-product-list.add-to-cart,
#wrapper .product-miniature-grid .product-add-cart a.btn-product-list {
  gap: 6px;
  width: 100% !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 8px !important;
  border: 1.5px solid #0f172a !important;
  border-radius: 9px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #0f172a !important;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  transform: none !important;
  filter: none !important;
}
#wrapper .product-miniature-grid .product-add-cart .btn.btn-product-list.add-to-cart:active,
#wrapper .product-miniature-grid .product-add-cart a.btn-product-list:active {
  background: #0f172a !important;
  color: #fff !important;
}
#wrapper .product-miniature-grid .product-add-cart .btn-product-list.add-to-cart .bag-icon,
#wrapper .product-miniature-grid .product-add-cart .btn-product-list.add-to-cart .fa {
  margin: 0;
  color: inherit !important;
  font-size: 13px;
}
#wrapper .product-miniature-grid .ift-product-card-cta:has(.price-countdown-wrapper) {
  box-shadow: none;
}