/* Compact colourful banners: about half the previous height. */
body.page-id-298 .er-my-promo{position:relative;display:block;min-height:185px;box-sizing:border-box;padding:16px 20px;border:2px solid #fff;border-radius:14px;background:#ffe1a5;color:#503143!important;text-decoration:none!important;font-family:Niramit,system-ui,sans-serif;line-height:1.45;overflow:hidden;box-shadow:0 5px 18px #78280d18;transition:transform .2s,box-shadow .2s;isolation:isolate}
body.page-id-298 .er-my-promo *{box-sizing:border-box}
body.page-id-298 .er-my-promo--newcustomer{background:#c2f4e9;color:#113e4e!important}
body.page-id-298 .er-my-promo-artwork{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover;object-position:center 56%;z-index:-2;transition:transform .35s;display:block;margin:0}
body.page-id-298 .er-my-promo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0d8f2 0%,#fff0d8e6 42%,#fff0d899 61%,#fff0d800 80%);z-index:-1}
body.page-id-298 .er-my-promo--newcustomer:before{background:linear-gradient(90deg,#e3fff9f5 0%,#dffff6eb 42%,#dffff699 61%,#dffff600 80%)}
body.page-id-298 .er-my-promo:hover{transform:translateY(-2px);box-shadow:0 8px 22px #78280d2b}
body.page-id-298 .er-my-promo:hover .er-my-promo-artwork{transform:scale(1.025)}
body.page-id-298 .er-my-promo:focus-visible{outline:3px solid #cf2166;outline-offset:4px}
body.page-id-298 .er-my-promo-copy{position:relative;width:68%;max-width:360px;text-align:left}
body.page-id-298 .er-my-promo h2{font:700 24px/1.15 Niramit,system-ui,sans-serif;letter-spacing:-.035em;color:#a11c50;margin:0 0 6px;padding:0;text-shadow:0 1px #fff8}
body.page-id-298 .er-my-promo--newcustomer h2{color:#004c60}
body.page-id-298 .er-my-promo p{font-size:13px;line-height:1.45;margin:0 0 8px;padding:0;color:inherit;max-width:330px}
body.page-id-298 .er-my-promo p strong{font-weight:700;color:#822343}
body.page-id-298 .er-my-promo--newcustomer p strong{color:#004c60}
body.page-id-298 .er-my-promo-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:17px;min-height:32px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1.4;margin-bottom:8px;border-radius:6px;color:#fff;background:#be225c;box-shadow:0 3px 0 #83143d}
body.page-id-298 .er-my-promo--newcustomer .er-my-promo-cta{background:#006b70;box-shadow:0 3px 0 #00484e}
body.page-id-298 .er-my-promo-cta>span{font-size:19px;line-height:1;flex:0 0 18px}
body.page-id-298 .er-my-promo small{display:block;font-size:9.5px;line-height:1.4;font-weight:500;color:inherit;max-width:330px}
body.page-id-298 .er-my-promo-art{position:absolute;right:18px;bottom:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:86px;height:86px;background:#c82669;color:#fff9b3;border:3px solid #ffed9a;border-radius:50%;box-shadow:0 4px 12px #782a1455;transform:rotate(8deg);text-align:center;line-height:1.1}
body.page-id-298 .er-my-promo-art strong{display:block;font-size:38px;font-weight:700;letter-spacing:-.065em;line-height:1}
body.page-id-298 .er-my-promo-currency{display:block;font-size:11px;font-weight:700;line-height:1}
body.page-id-298 .er-my-promo-kind{display:block;font-size:8px;font-weight:700;line-height:1.2;margin-top:2px}
body.page-id-298 .er-my-promo-spark{display:none}
body.page-id-298 .er-my-promo--newcustomer .er-my-promo-art{transform:rotate(-8deg);background:#ffdf38;color:#005565;border-color:#fff9c4}
body.page-id-298 .er-my-promo--newcustomer .er-my-promo-art strong{font-size:31px;white-space:nowrap}
body.page-id-298 .er-my-promo-art strong>span{font-size:18px}
body.page-id-298.er-my-promos-in-view .buttonizer-group{display:none!important}
@media(max-width:1100px) and (min-width:1000px){body.page-id-298 .er-my-promo{padding:14px 15px}body.page-id-298 .er-my-promo-copy{width:72%}body.page-id-298 .er-my-promo h2{font-size:22px}body.page-id-298 .er-my-promo-art{width:72px;height:72px;right:10px;bottom:15px}body.page-id-298 .er-my-promo-art strong{font-size:30px}body.page-id-298 .er-my-promo--newcustomer .er-my-promo-art strong{font-size:26px}body.page-id-298 .er-my-promo-art strong>span{font-size:15px}body.page-id-298 .er-my-promo-currency{font-size:9px}body.page-id-298 .er-my-promo-kind{font-size:7px}}
@media(max-width:999px) and (min-width:641px){body.page-id-298 .er-my-promo{padding:16px 24px}body.page-id-298 .er-my-promo-copy{width:65%;max-width:390px}body.page-id-298 .er-my-promo-art{right:24px;bottom:18px}}
@media(max-width:640px){body.page-id-298 .er-my-promo{padding:82px 16px 14px;min-height:240px;border-radius:13px;background:linear-gradient(145deg,#fff5df,#ffdfbd)}body.page-id-298 .er-my-promo--newcustomer{background:linear-gradient(145deg,#e2fff3,#bceee2)}body.page-id-298 .er-my-promo-artwork{height:72px;object-position:center 58%}body.page-id-298 .er-my-promo:before{inset:55px 0 auto;height:18px;background:linear-gradient(0deg,#fff0d2,transparent)}body.page-id-298 .er-my-promo--newcustomer:before{background:linear-gradient(0deg,#d6faee,transparent)}body.page-id-298 .er-my-promo-copy{width:100%;max-width:none}body.page-id-298 .er-my-promo h2{font-size:22px;margin-bottom:5px}body.page-id-298 .er-my-promo p{font-size:12.5px;line-height:1.4;margin-bottom:7px;max-width:none}body.page-id-298 .er-my-promo-cta{margin-bottom:8px}body.page-id-298 .er-my-promo small{font-size:9.5px;line-height:1.35;max-width:none}body.page-id-298 .er-my-promo-art{left:15px;top:7px;right:auto;bottom:auto;width:62px;height:62px;border-width:2px;transform:rotate(-8deg)}body.page-id-298 .er-my-promo-art strong{font-size:27px}body.page-id-298 .er-my-promo--newcustomer .er-my-promo-art strong{font-size:23px}body.page-id-298 .er-my-promo-art strong>span{font-size:14px}body.page-id-298 .er-my-promo-currency{font-size:8px}body.page-id-298 .er-my-promo-kind{font-size:6px;line-height:1.1;margin-top:1px}}
@media(max-width:360px){body.page-id-298 .er-my-promo{padding-left:13px;padding-right:13px}body.page-id-298 .er-my-promo h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){body.page-id-298 .er-my-promo,body.page-id-298 .er-my-promo-artwork{transition:none}body.page-id-298 .er-my-promo:hover,body.page-id-298 .er-my-promo:hover .er-my-promo-artwork{transform:none}}