#payMask,#retentionMask,#retentionSecondMask{padding:10px!important;overflow:hidden!important}
.offerLayout3.offerDesign{display:flex!important;flex-direction:column;width:min(100%,500px)!important;max-height:calc(100dvh - 20px)!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;background:#fff9ec!important}
.offerLayout3 .close{top:2px!important;right:3px!important;background:transparent!important;z-index:6!important}
.offerHero3{flex:none;box-sizing:border-box;height:174px;padding:10px 12px 0;background:#fff8e7 url('./assets/offer-landscape-mobile-v3.webp') center bottom/100% 100% no-repeat;position:relative;text-align:center;overflow:hidden}
.offerLayout3 .offerBrand{font:600 14px/20px serif;margin:0 30px 5px!important;color:#872215}
.offerLayout3 h2{font:700 clamp(19px,5.5vw,28px)/1.35 "Noto Serif SC","Songti SC",serif!important;margin:4px 4px!important;text-shadow:0 1px 3px #fff9ec;color:#82170f;letter-spacing:0!important}
.offerLayout3 .offerPersonal{font:600 17px/1.4 serif;margin:5px 0!important;color:#6b251a}
.offerLayout3 .offerHero3 .confetti{display:inline-block;margin:0 26px 5px!important;padding:3px 12px!important;font-size:13px!important;line-height:20px!important}
.offerLayout3 .offerSubtitle{font-size:15px!important;line-height:1.5!important}
.offerBody3{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 0;text-align:center}
.offerLayout3 .deliver,.offerLayout3 .payGrid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px!important;margin:0 0 7px!important}
.offerLayout3 .deliver>b{display:flex!important;align-items:center;justify-content:flex-start!important;gap:6px;min-height:37px!important;padding:4px 6px!important;border:1px solid #eed7ae;border-radius:9px;background:#fff6e5!important;color:#5b2c1e!important;font:600 clamp(12px,3.4vw,17px)/1.3 sans-serif!important;white-space:nowrap}
.offerIcon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;color:#9f2b12;background:#ffe4aa;border-radius:50%}.offerIcon svg{display:block;width:21px;height:21px}
.offerLayout3 .payGrid>b{display:flex!important;align-items:center;justify-content:center;gap:9px;border:3px double #eac078;border-radius:6px;background:linear-gradient(110deg,#d63d20,#a91713)!important;color:#fff0c8!important;min-height:39px;padding:4px 3px!important;font-size:16px!important;line-height:1.3}
.offerLayout3 .payGrid .offerIcon{background:transparent;color:#ffe5a3;border-radius:0;width:28px;height:28px}.offerLayout3 .payGrid svg{width:25px;height:25px}
.offerBody3>p{font-size:14px!important;line-height:1.5!important;text-align:center!important;margin:5px 0!important;color:#503725}
.offerLayout3 .price{display:flex!important;justify-content:center;align-items:center;gap:10px;flex-wrap:nowrap!important;background:linear-gradient(100deg,#f9dfb1,#fff8e9,#f9dfb1)!important;border:0!important;border-radius:6px!important;font:700 34px/1.25 Georgia,serif!important;margin:7px 0 5px!important;padding:7px 4px!important;white-space:nowrap;color:#99180f}
.offerLayout3 .price small{font:600 13px/1.4 sans-serif!important;padding:5px 6px!important;background:#b32118;color:#fff3d3}
.offerLayout3 aside{font:12px/1.5 sans-serif!important;background:#faebc9!important;padding:5px 7px!important;color:#725137!important;border-radius:5px}.offerLayout3 aside .offerIcon{display:inline-flex;vertical-align:middle;width:18px;height:18px;flex-basis:18px;background:none;margin-right:3px}.offerLayout3 aside svg{width:17px;height:17px}
.offerActions3{flex:none;padding:6px 12px 10px;background:#fff9ec;box-shadow:0 -3px 8px #fff9ec}
.offerLayout3 #pay,.offerLayout3 .primary{display:block;width:100%;min-height:48px!important;height:auto!important;padding:8px 4px!important;margin:0!important;font:700 clamp(15px,4.4vw,21px)/1.4 sans-serif!important;border:3px double #ffdc85!important;box-shadow:0 2px 0 #c7964e,0 4px 8px #bc581922!important;white-space:nowrap}
.offerLayout3 footer{font-size:11px!important;line-height:1.4!important;margin:8px 0 0!important;color:#735c47!important}
.offerLayout3.retentionCard .offerHero3{height:145px}.offerLayout3.retentionCard .coupon{min-height:90px!important;padding:12px!important;margin:0 0 8px!important;border-radius:9px}
.offerLayout3 .coupon>strong{font-size:58px!important}.offerLayout3 .coupon>small{font-size:15px!important;padding:0 9px 0 2px!important}.offerLayout3 .coupon>span{font-size:13px!important;padding-left:10px!important}.offerLayout3 .coupon>span>b{font-size:19px!important}
.offerLayout3 .offerCouponPrice{padding:3px 0 6px!important;margin:5px 0 8px!important}.offerLayout3 .offerCouponPrice strong{font-size:38px!important}.offerLayout3 .offerCouponPrice small,.offerLayout3 .offerCouponPrice>span{font-size:13px!important}
.offerLayout3.retentionCard .offerBody3>p{padding:6px!important;background:#fbefda;border-radius:6px;font-size:13px!important}
.offerLayout3 .ghost{display:block;margin:6px auto 0!important;padding:5px 10px!important;min-height:32px!important;font-size:14px!important}.offerActions3>small{display:block;margin:2px 0 0;font-size:11px;line-height:1.4;color:#795d45}
@media(max-height:740px){.offerHero3{height:150px}.offerLayout3.retentionCard .offerHero3{height:126px}.offerLayout3 h2{font-size:21px!important}.offerLayout3 .offerPersonal{font-size:15px!important}}
@media(max-width:350px){.offerBody3,.offerActions3{padding-left:9px;padding-right:9px}.offerLayout3 .deliver>b{font-size:11px!important;gap:3px}.offerIcon{flex-basis:24px;width:24px;height:24px}.offerLayout3 h2{font-size:19px!important}.offerLayout3 .payGrid>b{font-size:14px!important;gap:4px}}