/* Bonuses page — image layout (top full-width banner + 2-column grid). */
.bonuses-page .container-main { padding-top: 0 !important; min-height: 0 !important; }
.bonuses-page .bn-wrap { max-width: 1180px; margin: 0 auto; padding: 18px 14px 40px; }

/* Full-width top banner */
.bonuses-page .bn-top {
    display: block;
    margin-bottom: 18px;
    border-radius: 16px;
    overflow: hidden;
    line-height: 0;
    box-shadow: 0 10px 30px rgba(16, 24, 32, .10);
    transition: transform .18s ease, box-shadow .18s ease;
}
.bonuses-page .bn-top:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(16, 24, 32, .16); }
.bonuses-page .bn-top__img { display: block; width: 100%; height: auto; }

/* 2-column grid of bonus images */
.bonuses-page .bn-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.bonuses-page .bn-item {
    display: block;
    border-radius: 14px;
    overflow: hidden;
    line-height: 0;
    box-shadow: 0 8px 22px rgba(16, 24, 32, .10);
    transition: transform .18s ease, box-shadow .18s ease;
}
.bonuses-page .bn-item:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(16, 24, 32, .18); }
.bonuses-page .bn-item__img { display: block; width: 100%; height: auto; }

/* Responsive */
@media (max-width: 767.98px) {
    .bonuses-page .bn-grid { grid-template-columns: 1fr; gap: 12px; }
    .bonuses-page .bn-wrap { padding: 12px 12px 32px; }
    .bonuses-page .bn-top { margin-bottom: 12px; }
    .bonuses-page.isMobile .container-main { padding-top: 0 !important; }
}