/* Same single-phone presentation and controls as the perk sequence. */
.offers-working-case :is(#gift-card-design,#loyalty-design){align-items:center}
:is(#gift-card-design,#loyalty-design)>.tap-animation-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
:is(#gift-card-design,#loyalty-design) .tap-animation-art>.story-screen{grid-column:1/-1;width:calc((100% - 20px)/2);max-width:270px;justify-self:center}
:is(#gift-card-design,#loyalty-design) .tap-animation-art figcaption{margin:0 0 12px;color:#39474f}
:is(#gift-card-design,#loyalty-design) .tap-auto-screen{position:relative;overflow:hidden!important;aspect-ratio:750/1620;background:#fff}
#loyalty-design .tap-auto-screen{aspect-ratio:auto;height:calc(100cqw * 1550 / 720 - 30px)}
[data-tap-phone-animation]{container-type:inline-size}
.tap-screen-layer{position:absolute;inset:0;background:#fff;pointer-events:none}
.tap-screen-layer img{width:100%;height:auto}
.tap-indicator{top:auto;left:auto}
@media(max-width:750px){:is(#gift-card-design,#loyalty-design)>.tap-animation-art{grid-template-columns:1fr}:is(#gift-card-design,#loyalty-design) .tap-animation-art>.story-screen{width:100%}}
/* Preserved gift-card artwork and the previously approved redemption-code pattern. */
.gift-redemption-art{position:relative;width:100%;height:100%;container-type:inline-size;background:#fff}
.gift-redemption-art>p{margin:4.4444cqw;color:#000;font:400 4.4444cqw/1.3 Arial,sans-serif}
.gift-redemption-actions{position:absolute;left:0;bottom:5.3333cqw;width:100%}
/* Match the transfer-PIN headline scale and shared left inset. */
#loyalty-design .loyalty-review-compact>h4{font-size:6.6667cqw;line-height:1.08;left:4.4444%;text-align:left;top:22.7901cqw}
#loyalty-design .loyalty-review-details{top:35.3333cqw}
#loyalty-design .loyalty-review-terms{top:84.2222cqw}

/* Keep shared artwork and text anchors fixed across gift-card frames. */
.gift-redemption-body-heading{margin-top:25px;width:100%;height:68cqw;overflow:hidden}
.gift-redemption-art>p{position:absolute;top:calc(89.3333cqw + 26px);left:4.2667%;width:91.4666%;margin:0;font:400 4.2667cqw/1.25 Arial,sans-serif}
.gift-redemption-actions-crop{position:absolute;left:0;bottom:5.3333cqw;width:100%;height:61.8667cqw;overflow:hidden}
.gift-redemption-actions-crop>img{display:block;width:100%;height:auto}
/* Align review copy to the inset used by the first frame's offer message. */
#loyalty-design .loyalty-review-compact>h4{left:11.1111%;width:77.7778%}
#loyalty-design .loyalty-review-details{left:11.1111%;width:77.7778%;top:43.3333cqw}
#loyalty-design .loyalty-review-terms{top:100cqw;left:5.5556%;width:88.8888%;height:auto;margin:0;padding:5.5556cqw;border:0;border-radius:3.3333cqw;background:#f5f5f3;color:#656565;box-sizing:border-box;font:400 4.4444cqw/1.3 Arial,sans-serif;letter-spacing:0}
/* Both loyalty frames share one natural-flow introduction below the same header. */
#loyalty-design .loyalty-slide-content{position:absolute;top:24.7901cqw;left:0;width:100%}
#loyalty-design .loyalty-slide-intro{margin:0 5.5556%;text-align:left}
#loyalty-design .loyalty-slide-intro>h4{position:static;width:auto;margin:0 0 3.3333cqw;color:#000;font:700 6.6667cqw/1.08 Arial,sans-serif;letter-spacing:-.04em;text-align:left}
#loyalty-design .loyalty-slide-intro>:is(.loyalty-transfer-copy,.loyalty-review-details){position:static;width:auto;margin:0;color:#000;font:400 4.4444cqw/1.25 Arial,sans-serif;letter-spacing:0}
#loyalty-design .loyalty-slide-intro p{margin:0 0 3.3333cqw;font:inherit;color:inherit;letter-spacing:0}
#loyalty-design .loyalty-slide-intro p:last-child{margin-bottom:0}
#loyalty-design .loyalty-transfer-offer{position:relative;width:100%;height:69.0608cqw;margin-top:6.6667cqw;overflow:hidden}
#loyalty-design .loyalty-transfer-offer>img{position:absolute;top:-20.7182cqw;left:0;width:100%;height:auto}
#loyalty-design .loyalty-slide-content>.loyalty-review-terms{position:static;width:88.8888%;margin:8cqw 5.5556% 0;padding:5.5556cqw}