/*
 * Copied verbatim from William's pasted <style> block for page 869016
 * ("Coupon Freebie", https://valentte.com/coupon-freebie/) — confirmed via
 * WP REST API. Verified against the live page: `#freebie`,
 * `.free_products_item`, and `span.free-label` all match real markup
 * there.
 *
 * No `.woocommerce`/`ul.products` conflict — the product tiles here
 * (`ul.products_free_main_container` / `li.free_products_item`) are
 * rendered by the WooCommerce Free Gift Coupons plugin's own shortcode
 * markup, not the theme's standard `.product-card` grid, so the usual
 * product-grid conflict (see temp-legacy/shop-by-scent/README.md) doesn't
 * apply here. No `alignfull`/`.no-sidebar`/`.entry-content` full-bleed
 * attempt in the source either. Copied in unmodified.
 *
 * NOT part of this fix (already fine, not touched): the tab-switching
 * (`openCategory()`) and live search (`searchProducts()`) behavior on this
 * page is vanilla JS embedded directly in the page's own post_content
 * (inline `<script>`/`onclick` handlers, not the removed page template),
 * so it should keep working regardless of theme. Confirmed no jQuery
 * dependency in that script.
 */

#freebie .wp-block-group-is-layout-constrained {
    text-align: center;
    color: var(--text);
}

#freebie h2 {
    font-size: 55px;
    line-height: 1.0;
    letter-spacing: 0px;
    margin-bottom: 15px;
}

#freebie h3 {
    font-size: 30px;
    line-height: 1.0;
    letter-spacing: 0px;
    margin-bottom: 15px;
    padding-top: 15px;
}

#freebie .free_products_item {
    text-align: left;
}

#freebie span.free-label {
    font-size: 25px;
    font-weight: 500 !important;
}

@media screen and (max-width: 781px) {
    
    #freebie h2 {
        font-size: 35px;
    }

    #freebie h3 {
        font-size: 25px;
    }

    #freebie .tabcontent,
    #freebie .products_free_main_container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}