/* Mobile category copy stays in the photograph's negative space. */
@media screen and (max-width:767px) {
    body .blocks-promo .block-promo:is(.new-main,.mens-main,.gear-main,.new-performance,.new-eco,.gear-fitnes,.mens-pants) {
        display:block; position:relative; float:none; width:100%; max-width:100%; height:clamp(260px,65vw,400px); margin-bottom:16px; box-sizing:border-box;
    }
    body .blocks-promo .block-promo:is(.new-main,.mens-main,.gear-main,.new-performance,.new-eco,.gear-fitnes,.mens-pants) > img {
        display:block; position:absolute; inset:0; width:100%; max-width:100%; height:100%; margin:0; object-fit:cover; object-position:15% center;
    }
    body .blocks-promo .block-promo:is(.new-main,.mens-main,.gear-main,.new-performance,.new-eco,.gear-fitnes,.mens-pants) > .content {
        position:absolute; display:block; top:12px; right:8px; bottom:auto; left:auto; width:52%; max-width:none; margin:0; padding:10px; background:transparent; box-sizing:border-box; overflow:visible;
        text-shadow:0 1px 6px rgba(255,255,255,.95);
    }
    body .blocks-promo .block-promo:is(.new-main,.mens-main,.gear-main,.new-performance,.new-eco,.gear-fitnes,.mens-pants) .title {
        font-size:clamp(18px,4.6vw,26px); line-height:1.2; white-space:normal; margin-bottom:8px;
    }
    body .blocks-promo .block-promo:is(.new-main,.mens-main,.gear-main,.new-performance,.new-eco,.gear-fitnes,.mens-pants) .info {
        font-size:clamp(12px,3.2vw,16px); line-height:1.3; margin-bottom:10px;
    }
    body .blocks-promo .block-promo:is(.new-main,.mens-main,.gear-main,.new-performance,.new-eco,.gear-fitnes,.mens-pants) .more {
        font-size:clamp(12px,3vw,14px); line-height:1.3; white-space:normal; text-shadow:none;
    }
    body .blocks-promo .block-promo:is(.new-main,.mens-main,.gear-main) .button.more { padding:9px 10px; }
    body .blocks-promo .gear-main > img { object-position:40% center; }
    body .blocks-promo .gear-main > .content { width:49%; }
    body .blocks-promo .block-promo:is(.new-eco,.mens-pants) > img { object-position:80% center; }
    body .blocks-promo .block-promo:is(.new-eco,.mens-pants) > .content { left:8px; right:auto; width:47%; }
}