/**
 * Single-product section spacing.
 *
 * The gap between the purchase area (ending with the "Free shipping" row) and
 * the product tabs is the sum of two paddings:
 *
 *   .theme-shop           { padding: 50px 0 100px }        -> 100px, all widths
 *   .theme-product-tabs   { padding-top: 20px }            -> desktop
 *   @media (max-width: 991px) .theme-product-tabs { padding-top: 80px }
 *
 * The mobile override raises the tabs' top padding to 80px while desktop keeps
 * 20px, so small screens ended up with 180px of empty space against desktop's
 * 120px - the spacing scale was inverted. Both paddings are reduced here at the
 * same 991px breakpoint the theme already uses, leaving desktop untouched.
 *
 * Padding, not negative margins: the tabs stay in flow and cannot overlap the
 * purchase UI or the gallery.
 */

@media (max-width: 991px) {
    .theme-shop.theme-single-product-wrap {
        padding-bottom: 32px;
    }

    .theme-product-tabs {
        padding-top: 32px;
    }
}