/* New card wrapper has no desktop box; original offer children remain siblings. */
body.retail-storefront .price-box > .velugi-offer-price { display: contents; }
body.retail-storefront .price-box .velugi-offer-title--compact { display: none; }

@media (max-width: 767px) {
    /* Matching header, amount and comparison rows keep facts and actions aligned. */
    body.retail-storefront .price-box > .velugi-offer-price,
    body.retail-storefront .price-box > .velugi-regular-price {
        box-sizing: border-box;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 24px minmax(27.3px, auto) minmax(18px, auto);
        align-items: center;
        align-content: start;
        justify-content: normal;
        gap: 4px;
        width: 100%;
        min-width: 0;
        min-height: 100px;
        margin: 0;
        padding: 8px;
        border: 1px solid #d5dbd0;
        border-left: 3px solid var(--velugi-forest-sage, #4F6354);
        border-radius: 8px;
        background: var(--velugi-warm-cream, #F4F1E8);
    }
    body.retail-storefront .price-box > .velugi-offer-price {
        border-left-color: var(--velugi-mustard, #C5A13A);
    }
    /* Reserve the comparison row in regular cards without adding a claim. */
    body.retail-storefront .price-box > .velugi-regular-price::after {
        content: "";
        display: block;
        min-height: 18px;
    }
    body.retail-storefront .price-box > .velugi-card-fact {
        min-height: 33px;
        margin-bottom: 8px;
    }
    body.retail-storefront .price-box .velugi-regular-price__header {
        min-height: 24px;
    }
    body.retail-storefront .price-box .velugi-offer-price > .velugi-offer-banner {
        flex-wrap: nowrap;
        gap: 4px;
        width: 100%;
        height: 24px;
        margin: 0;
        padding: 3px 5px;
        border-left-width: 0;
        border-radius: 4px;
        font-size: 10px;
        line-height: 1.4;
    }
    body.retail-storefront .price-box .velugi-offer-price .velugi-offer-banner__title { gap: 3px; }
    body.retail-storefront .price-box .velugi-offer-price .velugi-offer-banner__title svg {
        flex-basis: 11px;
        width: 11px;
        height: 11px;
    }
    body.retail-storefront .price-box .velugi-offer-price .velugi-offer-banner__saving {
        flex-shrink: 0;
        padding: 1px 4px;
        border-radius: 3px;
        font-size: 10px;
        line-height: 1.4;
    }
    body.retail-storefront .price-box .velugi-offer-price .velugi-offer-title--full { display: none; }
    body.retail-storefront .price-box .velugi-offer-price .velugi-offer-title--compact { display: inline; }
    body.retail-storefront .price-box .velugi-offer-price > .special-price {
        display: block;
        margin: 0;
        min-width: 0;
        line-height: 27.3px;
    }
    body.retail-storefront .price-box .velugi-offer-price > .special-price .price-label {
        font-size: 10px;
        letter-spacing: 0;
        margin-right: 3px;
    }
    body.retail-storefront .price-box .velugi-offer-price > .special-price .price {
        font-size: 21px;
        line-height: 1.3;
    }
    body.retail-storefront .price-box .velugi-offer-price > .old-price {
        display: block;
        margin: 0;
        padding: 0;
        min-width: 0;
        background: none;
        font-size: 12px;
        line-height: 18px;
    }
    body.retail-storefront .price-box .velugi-offer-price > .old-price .price-label { font-size: 11px; }
    body.retail-storefront .price-box .velugi-offer-price > .old-price .price {
        font-size: 12px;
        line-height: 18px;
    }
}
@media (max-width: 359px) {
    body.retail-storefront .price-box .velugi-offer-price .velugi-offer-banner__title svg { display: none; }
}