.rel-wrapper{max-width:1240px;margin:0 auto;padding:56px 20px}
.rel-heading{font-size:clamp(22px,2.6vw,30px);margin:0 0 24px}
.rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:750px){.rel-grid{grid-template-columns:repeat(4,1fr);gap:20px}}
.rel-card{display:block;text-decoration:none;color:inherit}
.rel-card-media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1/1;background:rgba(12,12,12,.05);margin-bottom:10px}
.rel-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.rel-card:hover .rel-card-img{transform:scale(1.05)}
.rel-card-badge{position:absolute;top:10px;left:10px;background:rgb(255,92,0);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:100px}
.rel-card-title{font-size:14px;margin:0 0 4px;font-weight:500}
.rel-card-price{font-size:14px;font-weight:600;margin:0}
.rel-card-price-compare{text-decoration:line-through;color:rgba(12,12,12,.4);font-weight:400;margin-left:6px}
.rel-card--skeleton .rel-card-media{background:rgba(12,12,12,.06);animation:relPulse 1.4s ease-in-out infinite}
@keyframes relPulse{0%,100%{opacity:1}50%{opacity:.5}}