/* A consistent, readable product card across homepage offers and category sections. */
#root .ref-home-offers-grid{gap:16px}
#root .ref-home-product-carousel .shop-product-card,
#root .ref-home-offers-grid .shop-product-card{
  display:flex;flex-direction:column;gap:0;min-width:0;overflow:hidden;padding:0;
  border:1px solid #d9e3eb;border-radius:8px;background:#fff;box-shadow:0 3px 12px #18324712;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#root .ref-home-product-carousel .shop-product-card:hover,
#root .ref-home-offers-grid .shop-product-card:hover,
#root .ref-home-product-carousel .shop-product-card:focus-within,
#root .ref-home-offers-grid .shop-product-card:focus-within{
  border-color:#9eb7c9;box-shadow:0 8px 22px #18324718;transform:translateY(-2px);
}
#root .ref-home-product-carousel .shop-product-card .shop-product-card-image,
#root .ref-home-offers-grid .shop-product-card .shop-product-card-image{
  display:grid;place-items:center;width:100%;height:auto;flex:none;aspect-ratio:4/3;overflow:hidden;
  border:0;border-bottom:1px solid #e8edf1;border-radius:0;background:#f8fafb;
}
#root .ref-home-product-carousel .shop-product-card .shop-product-card-image img,
#root .ref-home-offers-grid .shop-product-card .shop-product-card-image img{
  display:block;width:100%;height:100%;margin:0;object-fit:contain;
}
#root .ref-home-product-carousel .shop-product-card .shop-product-card-body,
#root .ref-home-offers-grid .shop-product-card .shop-product-card-body{
  display:flex;flex:1;flex-direction:column;align-items:stretch;gap:12px;width:100%;min-height:112px;box-sizing:border-box;padding:15px 15px 17px;background:#fff;
}
#root .ref-home-product-carousel .shop-product-card .shop-product-title-row,
#root .ref-home-offers-grid .shop-product-card .shop-product-title-row{display:block;width:100%;height:auto;min-height:2.8em}
#root .ref-home-product-carousel .shop-product-card h3,
#root .ref-home-offers-grid .shop-product-card h3{
  display:-webkit-box;width:100%;height:auto;min-height:0;max-height:2.8em;margin:0;overflow:hidden;overflow-wrap:anywhere;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;color:#173b56;font-size:16px;line-height:1.4;font-weight:700;
}
#root .ref-home-product-carousel .shop-product-card h3 a,
#root .ref-home-offers-grid .shop-product-card h3 a{color:inherit;text-decoration:none}
#root .ref-home-product-carousel .shop-product-card .shop-product-price,
#root .ref-home-offers-grid .shop-product-card .shop-product-price{
  display:flex;flex-flow:row wrap;align-items:baseline;justify-content:center;gap:3px 8px;width:100%;height:auto;min-height:0;margin:auto 0 0;
  color:#bf2c22;font-size:18px;line-height:1.35;font-weight:750;text-align:center;white-space:normal;
}
#root .ref-home-product-carousel .shop-product-card .shop-product-price>span:not(.shop-product-discount),
#root .ref-home-offers-grid .shop-product-card .shop-product-price>span:not(.shop-product-discount){font-size:18px!important;line-height:1.35!important;font-weight:750!important;white-space:nowrap}
#root .ref-home-product-carousel .shop-product-card .shop-product-price .shop-product-original-price,
#root .ref-home-offers-grid .shop-product-card .shop-product-price .shop-product-original-price{
  color:#758491;font-size:13px!important;line-height:1.4!important;font-weight:500!important;text-decoration:line-through;white-space:nowrap;
}
@media(max-width:760px){
  #root .ref-home-offers-grid{gap:10px}
  #root .ref-home-product-carousel .shop-product-card .shop-product-card-body,
  #root .ref-home-offers-grid .shop-product-card .shop-product-card-body{gap:8px;min-height:94px;padding:11px 12px 13px}
  #root .ref-home-product-carousel .shop-product-card h3,
  #root .ref-home-offers-grid .shop-product-card h3{font-size:13px}
  #root .ref-home-product-carousel .shop-product-card .shop-product-price,
  #root .ref-home-offers-grid .shop-product-card .shop-product-price{font-size:14px}
  #root .ref-home-product-carousel .shop-product-card .shop-product-price>span:not(.shop-product-discount),
  #root .ref-home-offers-grid .shop-product-card .shop-product-price>span:not(.shop-product-discount){font-size:14px!important}
  #root .ref-home-product-carousel .shop-product-card .shop-product-price .shop-product-original-price,
  #root .ref-home-offers-grid .shop-product-card .shop-product-price .shop-product-original-price{font-size:10px!important}
}