/* Stage 4.4: cross-service related products on the right below specs & shops. */
@media(min-width:1281px) {
  .product-grid.with-related{grid-template-rows:auto auto;column-gap:32px;row-gap:18px;align-items:start}
  .product-grid.with-related .product-media{grid-column:1;grid-row:1 / span 2}
  .product-grid.with-related .specs{grid-column:2;grid-row:1;min-width:0}
  .product-grid.with-related .summary{grid-column:3;grid-row:1;position:static}
  .product-grid.with-related .related-slot{grid-column:2 / 4;grid-row:2;min-width:0}
}
.related-slot{min-width:0;padding:15px 0 20px;border-top:1px solid #e9edf5}
.related-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.related-heading h2{font-size:20px;font-weight:790;line-height:1.25;margin:0 0 3px;color:#23334a;letter-spacing:-.035em}
.related-heading p{margin:0;color:#8595ad;font-size:12px}
.related-controls{display:flex;gap:7px;flex-shrink:0}
.related-control{width:33px;height:33px;border-radius:9px;background:#fff;border:1px solid #dae3f4;color:#6389d9;font-size:24px;line-height:1;cursor:pointer}
.related-control:hover{background:#eaf1ff}
.related-control:focus-visible,.related-track:focus-visible{outline:2px solid #648ef0;outline-offset:2px}
.related-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:3px 2px 11px;scrollbar-width:thin;scrollbar-color:#ccdaf2 transparent}
.related-card{min-width:190px;max-width:218px;flex:0 0 34%;display:flex;flex-direction:column;color:#1c2d45;border:1px solid #e5eaf3;border-radius:13px;background:white;overflow:hidden;text-decoration:none;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s}
.related-card:hover{border-color:#a5bee8;box-shadow:0 8px 25px rgba(62,96,160,.08)}
.related-photo{height:135px;display:flex;align-items:center;justify-content:center;padding:10px;background:#fff}
.related-photo img{width:100%;height:100%;object-fit:contain}
.related-no-photo{font-size:11px;color:#9ba5b5}
.related-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:9px;flex:1}
.related-name{font-size:12px;color:#2b3952;line-height:1.35;font-weight:620;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-bottom{display:flex;flex-direction:column;gap:2px;margin-top:auto}
.related-bottom strong{font-size:19px;letter-spacing:-.035em;color:#13294b}
.related-bottom small{font-size:11px;color:#8697b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.related-preview-empty{background:#f7f9fe;border:1px dashed #c6d5ef;padding:32px 18px;border-radius:14px;color:#8292aa;font-size:13px;margin:10px 0}
/* A price tie must never receive best-price labeling or first-place emphasis. */
.seller-item:not(.first) .seller-price{color:#182a41}
@media(max-width:1280px){.related-slot{grid-column:1 / -1;width:100%}.related-card{flex-basis:215px}}
@media(max-width:700px){.related-slot{order:4;width:100%;padding-top:22px}.related-card{flex:0 0 185px}.related-photo{height:115px}}

/* Stage 5: legally marked Takprodam related cards */
.related-card .related-ad-label{display:block;margin-top:6px;font-size:10px;line-height:1.3;color:#727b89;overflow-wrap:anywhere}