/* The initial HTML remains a useful, compact catalogue without JavaScript/API. */
#catalogGrid[data-ssr-catalog="true"] {row-gap:12px!important}
#catalogGrid[data-ssr-catalog="true"] .ed-product>a {
  display:grid; grid-template-columns:140px minmax(0,1fr); column-gap:24px;
  align-content:center; align-items:start; padding:22px; min-height:190px;
}
#catalogGrid[data-ssr-catalog="true"] .ed-product img,
#catalogGrid[data-ssr-catalog="true"] .ed-image-empty {
  grid-column:1; grid-row:1 / span 6; width:140px; height:140px;
  max-width:100%; object-fit:contain; align-self:center; background:#f7f9f6;
}
#catalogGrid[data-ssr-catalog="true"] .ed-product small,
#catalogGrid[data-ssr-catalog="true"] .ed-product h3,
#catalogGrid[data-ssr-catalog="true"] .ed-product strong,
#catalogGrid[data-ssr-catalog="true"] .ed-stock {grid-column:2; min-width:0; overflow-wrap:anywhere}
#catalogGrid[data-ssr-catalog="true"] .ed-product h3 {margin:8px 0 12px; font-size:17px; line-height:1.4}
#catalogGrid[data-ssr-catalog="true"] .ed-product strong {font-size:22px; margin-bottom:4px}
#catalogGrid[data-ssr-catalog="true"] .ed-stock {font-size:12px; color:#326050; margin-top:8px}
#catalogGrid[data-ssr-catalog="true"] .ed-product a:focus-visible {outline:3px solid #bf4c13; outline-offset:-5px}
#catalogNetworkNotice {padding:14px 18px; border:1px solid #d8e5dd; border-radius:12px; background:#f4f8f4; color:#315347; font-size:14px; line-height:1.55}
@media(max-width:600px) {
  #catalogGrid[data-ssr-catalog="true"] .ed-product>a {grid-template-columns:96px minmax(0,1fr); gap:0 14px; padding:16px; min-height:154px}
  #catalogGrid[data-ssr-catalog="true"] .ed-product img,
  #catalogGrid[data-ssr-catalog="true"] .ed-image-empty {width:96px; height:110px}
  #catalogGrid[data-ssr-catalog="true"] .ed-product h3 {font-size:14px; margin:5px 0 9px}
  #catalogGrid[data-ssr-catalog="true"] .ed-product strong {font-size:19px}
}