/* Shared compact related-products rail; covers hardware and software product pages.
   The source rail uses grid-auto-columns:minmax(190px,1fr), stretching a two-item
   list across the page. Fixed maximum card widths prevent giant image areas. */
.commerce-product-page .commerce-related-products,
.product-page .commerce-related-products{min-width:0;max-width:100%;padding:clamp(12px,1.5vw,19px)!important;margin-block-start:22px!important;box-sizing:border-box}
.commerce-product-page .commerce-related-products__head,
.product-page .commerce-related-products__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-block-end:12px!important;min-width:0}
.commerce-product-page .commerce-related-products__head h2,
.product-page .commerce-related-products__head h2{font-size:clamp(.94rem,1.35vw,1.1rem)!important;line-height:1.6!important}
.commerce-product-page .commerce-related-products__rail,
.product-page .commerce-related-products__rail{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:clamp(148px,19vw,188px)!important;justify-content:start!important;align-items:stretch!important;gap:11px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scroll-padding-inline:5px;min-width:0;max-width:100%;box-sizing:border-box}
.commerce-product-page .commerce-related-card,
.product-page .commerce-related-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;max-width:188px!important;height:auto!important;margin:0!important;border-radius:13px!important;overflow:hidden!important;box-sizing:border-box!important}
.commerce-product-page .commerce-related-card__image,
.product-page .commerce-related-card__image{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 138px!important;width:100%!important;height:138px!important;min-height:0!important;max-height:138px!important;aspect-ratio:auto!important;padding:10px!important;overflow:hidden!important;background:#fff!important;box-sizing:border-box!important}
.commerce-product-page .commerce-related-card__image img,
.product-page .commerce-related-card__image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:116px!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.commerce-product-page .commerce-related-card>div,
.product-page .commerce-related-card>div{display:flex;flex-direction:column;flex:1 1 auto;gap:3px;min-width:0;padding:9px 10px 11px!important}
.commerce-product-page .commerce-related-card h3,
.product-page .commerce-related-card h3{margin:0!important;min-height:0!important;font-size:.74rem!important;line-height:1.75!important;overflow-wrap:anywhere}
.commerce-product-page .commerce-related-card h3 a,
.product-page .commerce-related-card h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.commerce-product-page .commerce-related-card footer,
.product-page .commerce-related-card footer{min-width:0;flex-wrap:wrap;justify-content:flex-start;margin-block-start:auto!important;padding-block-start:6px;gap:3px 8px}
.commerce-product-page .commerce-related-card footer strong,
.product-page .commerce-related-card footer strong{min-width:0;max-width:100%;font-size:.72rem!important;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:600px){
  .commerce-product-page .commerce-related-products__rail,
  .product-page .commerce-related-products__rail{grid-auto-columns:clamp(140px,43vw,170px)!important;gap:9px!important}
  .commerce-product-page .commerce-related-card__image,
  .product-page .commerce-related-card__image{height:124px!important;max-height:124px!important;flex-basis:124px!important}
  .commerce-product-page .commerce-related-card__image img,
  .product-page .commerce-related-card__image img{max-height:104px!important}
}