.wa-detail__related{margin:56px 0}
.wa-detail__related>h2{font-size:26px;font-weight:700;margin:0 0 16px}
.wa-detail__related-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:stretch}
.wa-detail__related .wa-card{min-width:0;box-sizing:border-box;padding:8px;border-color:#EBEBEB;transition:box-shadow .18s,border-color .18s}
.wa-detail__related .wa-card:hover,.wa-detail__related .wa-card:focus-within{box-shadow:0 2px 6px rgba(0,0,0,.08);border-color:#D9D9D9}
.wa-detail__related .wa-card__media{border-radius:12px}
.wa-detail__related .wa-card__photo{aspect-ratio:302/210;border-radius:12px}
.wa-detail__related .wa-card__badges{top:0;left:0;gap:4px}
.wa-detail__related .wa-card__kolok,.wa-detail__related .wa-card__badge{padding:4px 8px;font-size:13px}
.wa-detail__related .wa-card__fav{top:18px;right:18px}
.wa-detail__related .wa-card__body{padding:14px 6px 0}
.wa-detail__related .wa-card__title{font-size:15px;min-height:2.7em}
.wa-detail__related .wa-card__rating{font-size:13px;min-height:20px;line-height:20px}
.wa-detail__related .wa-card__body:not(:has(>.wa-card__rating))::before{content:"";display:block;flex:none;height:20px}
.wa-detail__related .wa-card__pick-head,.wa-detail__related .wa-card__opt,.wa-detail__related .wa-card__more,.wa-detail__related .wa-card__row{font-size:13px}
/* Keep typography local even when theme price/button rules carry !important. */
.wa-detail__related .wa-card .wa-card__price-row,.wa-detail__related .wa-card .wa-card__price{font-size:17px!important}
.wa-detail__related .wa-card__stock,.wa-detail__related .wa-card__points{font-size:13px}
.wa-detail__related .wa-card .wa-card__btn{height:auto;padding:8px 6px;font-size:15px!important;line-height:1.5!important;text-transform:none;letter-spacing:normal;white-space:normal;text-align:center}
.wa-detail__related .wa-card__qty-val{font-size:15px!important;line-height:1.5!important}
/* Retain native flex alignment, option fitting, disclosures and quantity hit areas. */
@media(max-width:1199px){.wa-detail__related-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:959px){.wa-detail__related-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.wa-detail__related-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wa-detail__related>h2{font-size:22px}}