/* Match the existing mobile header breakpoint, including unfolded phones. */
@media (max-width: 991px) {
    .sCatalog .sCatalog--leftBlock { display: none !important; }
    .sCatalog .sCatalog--rightBlock { width: 100%; min-width: 0; margin-left: 0; }
}

/* Keep the two-column home promotion compact on the large phone screen. */
@media (min-width: 576px) and (max-width: 991px) {
    .sSpecial { padding: 24px 0 32px; }
    .sSpecial .sSpecial--leftBlock,
    .sSpecial .sSpecial--rightBlock { min-width: 0; }
    .sSpecial .sSpecial--leftBlock .item-saleProduct { height: auto; padding: 16px; }
    .sSpecial .sSpecial--leftBlock .item-saleProduct .item--header { margin-bottom: 16px; }
    .sSpecial .sSpecial--leftBlock .item-saleProduct .item--body img {
        width: 100%; height: auto; max-height: 320px; object-fit: contain;
    }
    .sSpecial .sSpecial--leftBlock .item-saleProduct .item--footer .footer--name {
        max-width: 100%; margin-top: 16px; line-height: 1.3;
    }
    .sSpecial .linkMore { margin-top: 24px; }
    .sSpecial .sSpecial--rightBlock .item--product { max-height: none; }
    .sSpecial .sSpecial--rightBlock .item--product > a > img {
        width: 100%; height: auto; max-height: 320px; object-fit: contain;
        background: #fff;
    }
}

/* Compact banners without cropping or changing the image proportions. */
@media (min-width: 576px) {
    .sBanner .item { width: min(88vw, 760px); border-radius: 15px; overflow: hidden; }
    .sBanner .item img { display: block; width: 100%; height: auto; }
}