.related-products{margin-top:38px;padding:26px 0 8px;border-top:1px solid var(--line)}.related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.related-heading span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.related-heading h2{margin:4px 0 0;font-size:26px}.related-controls{display:flex;gap:8px}.related-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-size:20px;font-weight:800;cursor:pointer}.related-controls button:hover{border-color:var(--blue);background:var(--blue);color:#fff}.related-viewport{overflow:hidden;padding:2px 1px 28px}.related-track{display:flex;gap:18px;will-change:transform}.related-card{flex:0 0 calc((100% - 36px)/3);min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;box-shadow:0 5px 18px #0f172a0b}.related-card:hover{border-color:#bfd0e2;box-shadow:0 10px 25px #0f172a16}.related-image{height:220px;padding:16px;display:flex;align-items:center;justify-content:center;background:#fff}.related-image img{width:100%;height:100%;object-fit:contain}.related-card b{display:block;padding:14px 16px 17px;border-top:1px solid #f1f5f9;text-align:center;font-size:16px}@media(max-width:900px){.related-card{flex-basis:calc((100% - 18px)/2)}}@media(max-width:600px){.related-heading{align-items:center}.related-heading h2{font-size:21px}.related-card{flex-basis:82%}.related-image{height:210px}}