.gnp-related {
    margin-top: 1.25rem;
}
.gnp-related__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.gnp-related__item {
    background: transparent;
}
.gnp-related__link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 8px;
    border-radius: 10px;
    transition: transform 220ms ease, box-shadow 220ms ease;
}
.gnp-related__link:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
.gnp-related__thumb { width: 100%; padding-top: 56.25%; position: relative; overflow: hidden; border-radius: 8px; background:#f2f4f8; }
.gnp-related__thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.gnp-related__title { margin: 8px 0 0 0; font-size: 0.95rem; font-weight:700; }
.gnp-related__more { display:inline-block; margin-top:10px; padding:8px 12px; border-radius:999px; background:var(--geeknplay-theme-surface); border:1px solid var(--geeknplay-theme-border); cursor:pointer; }

@media (max-width: 1100px) {
    .gnp-related__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .gnp-related__list { grid-template-columns: 1fr; }
}