.catalog-card{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(18,52,77,.10);
  border-radius:9px;
  background:#fff;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.catalog-card:focus-visible{outline:2px solid #168ed8;outline-offset:2px}
.catalog-card:hover{
  transform:translateY(-2px);
  border-color:#a9cfe6;
  box-shadow:0 8px 20px rgba(12,71,110,.09);
}
.catalog-card__image{
  height:220px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:12px;
  background:#fff;
}
.catalog-card__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .2s ease;
}
.catalog-card:hover .catalog-card__image img{transform:scale(1.025)}
.catalog-card__body{
  position:relative;
  z-index:1;
  min-height:118px;
  display:flex;
  flex:1;
  flex-direction:column;
  gap:4px;
  padding:9px 10px 8px;
  background:#eff8fd;
}
.catalog-card__category{
  overflow:hidden;
  color:#4b6478;
  font-size:10.5px;
  font-weight:600;
  line-height:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.catalog-card h2{
  height:38px;
  margin:0;
  overflow:hidden;
  color:#172f43;
  font-size:13px;
  font-weight:650;
  line-height:19px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.catalog-card h2 a:hover{color:#0873c4}
.catalog-card__price{
  min-height:20px;
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:2px;
  overflow:hidden;
  white-space:nowrap;
}
.catalog-card__price strong{color:#e81736;font-size:15.5px;line-height:20px}
.catalog-card__price del{color:#7f8d98;font-size:10.5px}
.catalog-card__price span{padding:2px 5px;border-radius:4px;background:#e81736;color:#fff;font-size:9px;font-weight:750;line-height:12px}
.catalog-card__availability{margin-top:auto;color:#1685c7;font-size:9.5px;font-style:normal;font-weight:600}

@media(max-width:760px){
  .catalog-card{border-radius:8px}
  .catalog-card__image{height:154px;padding:8px}
  .catalog-card__body{min-height:120px;padding:8px}
  .catalog-card__category{font-size:10px}
  .catalog-card h2{height:38px;font-size:12px;line-height:19px}
  .catalog-card__price{align-items:flex-start;flex-wrap:wrap;gap:3px 5px;white-space:normal}
  .catalog-card__price strong{font-size:15px}
  .catalog-card__price del{font-size:9.5px}
  .catalog-card__price span{font-size:8.5px}
}

.catalog-card__price{overflow:visible;flex-wrap:wrap;white-space:normal}
.catalog-card>.catalog-card__discount{position:absolute;top:10px;left:10px;z-index:3;margin:0;padding:4px 8px;border-radius:999px;background:#cc1233;color:#fff;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap}

/* Keep a brand and two title lines on every card, including unbranded items. */
.catalog-card .catalog-card__category{display:block;min-height:18px;flex:0 0 18px;line-height:18px}
.catalog-card h2{height:42px;min-height:42px;flex:0 0 42px;line-height:21px}
.catalog-card__price{align-items:baseline;align-content:flex-start;min-height:26px}
/* Reserve the badge row above the image so it cannot cover artwork or logos. */
.catalog-card .catalog-card__image{height:250px;padding-top:38px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.catalog-card .catalog-card__image img{min-width:0;min-height:0}
@media(max-width:760px){.catalog-card .catalog-card__image{height:184px}}