/* Coordinates measured on the supplied 740 × 430 card, shared by both placements. */
.reference-offer{position:relative;container-type:inline-size;width:100%;max-width:740px;aspect-ratio:740/430;margin:28px auto;color:#fff;font-family:'Instrument Sans',sans-serif;text-align:left;isolation:isolate}
.reference-offer::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/offer/reference-frame-generated-v1.webp') center/100% 100% no-repeat;mask:url('/assets/offer/reference-frame.svg') center/100% 100% no-repeat;pointer-events:none}
.reference-offer .ticket-logo{position:absolute;left:12.5%;top:11.5%;display:block;width:9cqw;height:9cqw;max-width:none;margin:0;transform-origin:50% 50%}
.reference-offer .reference-header{position:absolute;left:48%;right:5%;top:15.3%;margin:0;color:#fff;font-size:2cqw;font-weight:600;line-height:1.2;letter-spacing:0;white-space:nowrap}
.reference-offer .offer-price{position:absolute;left:5.7%;top:35%;width:39.4%;margin:0;padding:0;display:block;color:#fff}
.reference-offer .offer-price .price-offer{display:block;margin:0;padding:0;color:inherit}
.reference-offer .price-kicker{display:block;margin:0 0 .7cqw 9.6cqw;padding:0;font-size:2.6cqw;font-weight:600;letter-spacing:0;line-height:1.2;white-space:nowrap}
.reference-offer .price-values{display:flex;align-items:baseline;gap:1cqw;margin:0}
.reference-offer .price-offer .price-now{font-size:17.6cqw;font-weight:500;letter-spacing:-.05em;line-height:.9;color:#fff}
.reference-offer .price-offer .price-was{font-size:4.6cqw;font-weight:400;letter-spacing:-.04em;line-height:1;color:#ccd3dd;opacity:1;text-decoration-thickness:2px}
.reference-offer .offer-bonus{position:absolute;left:48.2%;top:37.2%;width:46.7%;height:28%;margin:0;padding:0 3.7cqw;display:flex;align-items:center;border:2px dashed #75aeef8c;border-radius:3cqw;background:none;box-sizing:border-box;gap:0}
.reference-offer .offer-bonus>svg{position:absolute;left:-2.9cqw;top:-2.1cqw;width:6.2cqw;height:6.2cqw;padding:1cqw;border-radius:1.5cqw;color:#28341e;background:#d4f68b;stroke-width:1.8;box-sizing:border-box}
.reference-offer .offer-bonus>span{display:grid;grid-template-columns:auto 1fr;column-gap:1.8cqw;row-gap:.5cqw;align-items:center;width:100%;min-width:0}
.reference-offer .offer-bonus strong{grid-row:1/3;margin:0;font-size:9.5cqw;font-weight:400;line-height:1;letter-spacing:-.05em;color:#fff;opacity:1}
.reference-offer .offer-bonus>span>span{grid-column:2;margin:0;padding:0;font-size:3.1cqw;font-weight:600;line-height:1;white-space:nowrap;color:#fff;background:none}
.reference-offer .offer-bonus small{grid-column:2;margin:0;font-size:2.35cqw;font-weight:400;line-height:1.15;letter-spacing:0;color:#b8d7fc;white-space:nowrap}
.reference-offer .purchase-actions{position:absolute;left:5.7%;top:75.7%;width:88.8%;height:15.5%;display:grid;grid-template-columns:44.4fr 53.5fr;gap:1.8cqw;max-width:none;margin:0;padding:0}
.reference-offer .purchase-actions .store-button{width:100%;height:100%;min-height:0;margin:0;padding:0 .7cqw;border-radius:1cqw;font-size:2.2cqw;font-weight:600;gap:1.2cqw;border:0;box-shadow:none}
.reference-offer .store-button-dark{background:#20272d;color:#fff}
.reference-offer .store-button-outline{background:#fff;color:#20272d}
.reference-offer .store-button>svg{width:3.3cqw;height:3.3cqw;flex:0 0 3.3cqw}
.final-offer .reference-offer{margin:45px auto 0}
@media(max-width:760px){
 .reference-offer{margin:24px auto;max-width:520px}
 .reference-offer .reference-header{font-size:max(7px,2cqw)}
 .reference-offer .price-kicker{font-size:max(10px,2.5cqw)}
 .reference-offer .offer-bonus>span>span{font-size:max(11px,3.1cqw)}
 .reference-offer .offer-bonus small{font-size:max(8px,2.15cqw)}
 .reference-offer .purchase-actions .store-button{font-size:max(10px,2.2cqw);gap:1cqw;min-height:40px}
}


/* Original values use subdued gray-white ink. */
.reference-offer .price-was::after{height:max(2px,.35cqw)}
.reference-offer .bonus-price{position:relative}
.reference-offer .bonus-value{color:#ccd3dd;position:relative;display:inline-block;text-decoration:none}
.reference-offer .bonus-value::after{content:'';position:absolute;left:-5%;top:48%;width:110%;height:max(2px,.45cqw);background:#ccd3dd;transform:rotate(-17deg);border-radius:2px;pointer-events:none}

.free-pack-badge{position:absolute;right:0;top:-.6cqw;z-index:2;display:inline-block;padding:1.1cqw 1.8cqw;background:#d4f68b;color:#20272d;border-radius:2cqw;font-size:1.9cqw;font-weight:800;line-height:1;white-space:nowrap;transform:translateY(-50%) rotate(10deg);box-shadow:0 .6cqw 0 #b3d56c;pointer-events:none}
.section-purchase{grid-column:1/-1;display:flex;justify-content:center;margin-top:28px}
.section-purchase .store-button{min-width:190px;min-height:48px}

.purchase-actions:not(.reference-offer .purchase-actions) .free-pack-badge{font-size:11px;top:-4px;right:6px;padding:6px 10px;border-radius:12px}

.reference-offer .offer-bonus>span{row-gap:.25cqw}
.reference-offer .offer-bonus>span>span{align-self:end;transform:translateY(.4cqw)}
.reference-offer .offer-bonus small{align-self:start;transform:translateY(.4cqw)}