/* One surface for the catalogue and sidebar, aligned with the roulette slot. */
.blog-area > .container > .row > .cscom-catalog-slot {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
}
.cscom-catalog-frame {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 40px;
    padding: 16px;
    border: 1px solid #ffffff14;
    border-radius: 16px;
    background: #10131a;
    box-shadow: 0 14px 38px #0005;
}
.cscom-catalog-frame > .cscom-main,
.cscom-catalog-frame > .cscom-catalog-sidebar {
    box-sizing: border-box;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}
.cscom-catalog-frame .cscom-listing-shell {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.cscom-catalog-frame > .cscom-catalog-sidebar > .blog-sidebar {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
/* The existing navigation moves ahead of the listing on compact screens. */
.cscom-catalog-frame > .cscom-mobile-categories {
    box-sizing: border-box;
    grid-column: 1 / -1;
    min-width: 0;
    padding: 0;
}
.cscom-catalog-frame .cscom-mobile-categories .cscom-categories {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .cscom-catalog-frame { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575px) {
    .cscom-catalog-frame { gap: 20px; padding: 12px; border-radius: 14px; }
}