/* Cookie notice: keep out of document flow (CLS fix) */
.notification {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    pointer-events: none;
    margin: 0 !important;
    padding: 0;
    width: 100%;
    height: 0;
    overflow: visible;
}

.notification .alert {
    pointer-events: auto;
}

:not(.is-mobile-menu) .notification .alert {
    margin-left: 0 !important;
}

/* Hero / LCP area: reserve space before background + A/B copy loads */
.ci-background {
    min-height: clamp(220px, 42vw, 520px);
    background-size: contain !important;
    background-position: center top !important;
    contain: layout style paint;
}

.hero-message,
.sub-hero {
    min-height: 2.8em;
}

@media (max-width: 767px) {
    .ci-background {
        min-height: clamp(180px, 55vw, 320px);
    }
}

/* Checkout: decorative hero banner is not needed above the form on mobile */
@media (max-width: 767px) {
    .benjaruk-checkout .wpb_single_image:has(img[src*="happiness-begins"]) {
        display: none !important;
    }
}

/* Checkout product list: keep thumbnail height aligned with product details */
@media (max-width: 767px) {
    .benjaruk-checkout .product-image img,
    .benjaruk-checkout .upsell-image img,
    .products-container .product-image img {
        width: auto !important;
        height: 80px !important;
        max-width: 80px;
        object-fit: cover;
        border-radius: 9px;
    }

    .benjaruk-checkout .product.selected .product-image img,
    .products-container .product.selected .product-image img {
        transform: scale(1.3);
        margin-right: 11px;
    }
}