/* Approved bottle cards. Activated only on selectors with the matching markup. */
.pd-top .pd-bottle-offers{gap:12px;align-items:stretch}
.pd-top .pd-bottle-offers .variant{margin:0;min-width:0;container-type:inline-size}
.pd-top .pd-bottle-offers .variant>span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;box-sizing:border-box;width:100%;height:100%;min-height:0;padding:32px 8px 12px;border:1px solid #ccc;border-radius:16px;background:#fff;text-align:center}
.pd-top .pd-bottle-offers .variant input:checked+span{border-width:1px;border-color:#0fb259;background:#eaf9f2;box-shadow:inset 0 0 0 1px #0fb259}
.pd-top .pd-bottle-offers .pd-offer-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;max-width:calc(100% - 8px);padding:7px 12px;border-radius:9px;background:#08783f;color:white;line-height:1}
.pd-top .pd-bottle-offers .pd-offer-badge b{font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:1}
.pd-top .pd-bottle-offers .pd-offer-badge em{font-size:10px;font-style:normal;font-weight:700;line-height:1}
.pd-top .pd-bottle-offers .variant:last-child .pd-offer-badge{background:#9019ff}
.pd-top .pd-bottle-offers .pd-pack-size{font-size:clamp(12px,10cqw,16px);line-height:1.4;padding:0;margin:0}
.pd-top .pd-bottle-offers .pd-offer-price{font-size:clamp(22px,20cqw,34px);line-height:1.15;letter-spacing:-.035em;white-space:nowrap;margin:0;color:#191919}
.pd-top .pd-bottle-offers .pd-offer-total{margin-top:auto;padding:0;font-size:clamp(11px,7.5cqw,14px);line-height:1.4;color:#675972;font-weight:400}
@container (max-width:160px){.pd-top .pd-bottle-offers .pd-offer-total{display:flex;flex-direction:column;align-items:center;font-size:clamp(10px,9cqw,13px);line-height:1.35}.pd-top .pd-bottle-offers .pd-offer-divider{display:none}}
@media(max-width:480px){.pd-top .pd-bottle-offers{gap:8px}.pd-top .pd-bottle-offers .variant>span{height:100%;min-height:0;padding:30px 4px 12px;border-radius:13px}.pd-top .pd-bottle-offers .pd-offer-badge{top:-14px;padding:6px 9px;gap:3px}.pd-top .pd-bottle-offers .pd-offer-badge b{font-size:16px}.pd-top .pd-bottle-offers .pd-offer-badge em{font-size:8px}}
/* Preserve the familiar glow without changing any layout geometry. */
@media(hover:hover) and (pointer:fine){
 .pd-top .pd-bottle-offers .variant:hover>span{border-color:#69c985;box-shadow:0 0 5px 2px rgba(15,178,89,.28)}
 .pd-top .pd-bottle-offers .variant:hover input:checked+span{border-color:#0fb259;box-shadow:inset 0 0 0 1px #0fb259,0 0 5px 2px rgba(15,178,89,.28)}
}
.pd-top .pd-bottle-offers .variant input:focus-visible+span{outline:2px solid #0fb259;outline-offset:3px}
/* Neutralise legacy rules that treated every nested span as a pack card. */
.pd-top .pd-bottle-offers .variant .pd-pack-size{color:#706c75;display:block;flex:none;width:auto;height:auto;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin:0}
.pd-top .pd-bottle-offers .variant .pd-offer-total>span{display:inline;border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin:0;font-size:inherit;line-height:inherit}
.pd-top .pd-bottle-offers .variant .pd-offer-badge{height:auto;min-height:0;border:0;box-shadow:none}
.pd-top .pd-bottle-offers .variant .pd-offer-price{color:#5a5860;flex:none;max-width:100%;font-size:clamp(14px,14cqw,27px);margin:0;line-height:1.25}
.pd-top .pd-bottle-offers .variant .pd-offer-total{flex:none;margin-top:auto}
@container (max-width:160px){.pd-top .pd-bottle-offers .variant .pd-offer-total .pd-offer-divider{display:none}}

/* Align the purchase button exactly with the pack selector above it. */
.pd-top #product-form .purchase-row{width:100%;max-width:none}
.pd-top #product-form .purchase-row>.button{width:100%;max-width:none;flex:1}

/* Pack labels above the cards; equivalent-quantity savings below the price. */
.pd-top .pd-bottle-offers .variant .pd-offer-badge b{font-size:clamp(10px,9cqw,16px);letter-spacing:0;line-height:1.15}
.pd-top .pd-bottle-offers .variant .pd-offer-saving{display:block;flex:none;width:auto;height:auto;min-height:0;margin:5px 0 0;padding:4px 12px;border:0;border-radius:999px;background:#08783f;box-shadow:none;color:#fff;font-size:clamp(11px,9cqw,16px);font-weight:700;line-height:1.2;white-space:nowrap}

/* Requested green for Popular and saving badges. */
.pd-top .pd-bottle-offers .variant:not(:last-child) .pd-offer-badge,.pd-top .pd-bottle-offers .variant .pd-offer-saving{background:#17b92f}