@font-face{font-family:Vazir;src:url('../fonts/Vazir-Regular.woff2') format('woff2');font-display:swap}
.spu-related-box{font-family:Vazir,sans-serif;direction:rtl;clear:both;margin:32px 0;padding:22px;border-radius:18px;background:linear-gradient(125deg,#f1f8fa,#f8f6ff);border:1px solid #dce9ed;box-shadow:0 10px 30px rgba(20,61,77,.08)}
.spu-related-head span{color:#147889;font-size:13px;font-weight:700}.spu-related-head h2{color:#163e56!important;font-size:clamp(18px,2vw,23px)!important;margin:5px 0 18px!important}
.spu-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.spu-related-card{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none!important;color:#183f53!important;background:#fff;border:1px solid #e2ebee;border-radius:12px;padding:12px;transition:transform .15s,box-shadow .15s}
.spu-related-card:hover,.spu-related-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,61,77,.13)}
.spu-related-card img.spu-related-image,.spu-related-placeholder{width:45px;height:45px;flex:none;object-fit:cover;border-radius:9px}
.spu-related-placeholder{display:grid;place-items:center;background:#e1f2f1;color:#147889;font-size:23px}
.spu-related-title{font-weight:700;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.spu-related-arrow{margin-inline-start:auto;color:#147889;font-size:18px}
@media(max-width:850px){.spu-related-grid{grid-template-columns:1fr}}