.osp-related-wrapper{margin:25px 0;text-align:center}
.osp-related-title{font-family:"Playfair Display",serif;color:#f5d478;font-size:18px;font-weight:600;margin:0 0 14px;display:inline-block;line-height:1.2}
.osp-related-title::after{content:"";display:block;width:80px;height:2px;background:linear-gradient(90deg,#ffd70000,#ffd70099 50%,#ffd70000 100%);margin:6px auto 0}
.osp-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;justify-items:center}
@media (max-width:1024px) {
.osp-related{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px) {
.osp-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:420px) {
.osp-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
.osp-related-item{position:relative;overflow:hidden;border-radius:10px;background:#0b0b0b;width:100%;max-width:220px;transition:transform .25s}
.osp-related-item:hover{transform:translateY(-3px)}
.osp-related-thumb{position:relative;width:100%;padding-top:100%}
.osp-related-thumb-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.osp-related-overlay{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#000000bf,#0000000d);color:#fff;padding:6px 8px;text-align:center}
.osp-related-overlay h3{margin:0;font-size:12px;line-height:1.3;color:#f5d478;transition:color .3s,text-shadow .3s}
.osp-related-item:hover .osp-related-overlay h3{color:#ffeaa7;text-shadow:0 0 8px #ffd700cc 0 14px #ffd70099}
.sidebar .osp-related,.widget .osp-related{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-items:center}
.sidebar .osp-related-item,.widget .osp-related-item{max-width:160px}
.sidebar .osp-related-overlay h3,.widget .osp-related-overlay h3{font-size:11px}
.osp-related-thumb-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}