.mea-template { width: 100%; }
.mea-sticky-header { position: sticky; top: 0; z-index: 999; transition: background-color .2s ease, box-shadow .2s ease; }
.mea-sticky-header.mea-is-stuck { background-color: #fff; box-shadow: 0 3px 14px rgba(0,0,0,.12); }
.mea-product-card { box-sizing: border-box; padding: 16px; border: 1px solid #e5e5e5; border-radius: 4px; background: #fff; }
.mea-product-image img, .mea-grid-image img { display: block; max-width: 100%; height: auto; margin: 0 auto 12px; }
.mea-product-title { margin: 0 0 8px; }
.mea-product-price { margin: 0 0 12px; }
.mea-product-grid { display: grid; grid-template-columns: repeat(var(--mea-columns, 4), minmax(0, 1fr)); gap: 20px; }
.mea-product-grid .mea-product-title a { color: inherit; text-decoration: none; }
.mea-view-cart { display: inline-block; margin-inline-start: 8px; font-size: .9em; }
@media (max-width: 767px) { .mea-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .mea-product-grid { grid-template-columns: 1fr; } }



/*
 * Full-bleed site-part output.
 * Hello Elementor and some page templates can place wp_body_open output
 * inside a constrained layout. Break the reusable header/footer out of
 * that parent so its background can reach both viewport edges.
 */
body .mea-template {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-left: 0;
    padding-right: 0;
    clear: both;
}
body .mea-template > .elementor,
body .mea-template > .elementor-section-wrap,
body .mea-template > .elementor > .elementor-section-wrap {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body .mea-template > .elementor > .elementor-element,
body .mea-template > .elementor-section-wrap > .elementor-element {
    max-width: 100%;
}