html.mp-promotion-modal-open,html.mp-promotion-modal-open body{overflow:hidden!important}
body mcd-header-desktop.layout-desktop__header-inner{display:none!important}
body .header-inner-promotion{position:relative!important;width:100%!important;height:54px!important;min-height:54px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#275fc5 0%,#1d4fa8 100%)!important;box-sizing:border-box!important;box-shadow:0 1px 4px rgba(0,0,0,.24)!important}
body .header-inner-promotion .header-left-btn-group.promotion{position:relative!important;width:100%!important;height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 52px!important;box-sizing:border-box!important}
.mp-promotion-page-back{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;color:#fff!important;text-decoration:none!important;font:300 31px/1 Arial,sans-serif;border-radius:50%}
.mp-promotion-page-back:active{background:rgba(255,255,255,.1)}
.mp-promotion-page-title{display:block;color:#fff!important;font-size:18px!important;font-weight:400!important;line-height:1!important;text-align:center!important}
.mp-promotion-mobile-titlebar{position:relative!important;height:51px!important;min-height:51px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 48px!important;background:linear-gradient(180deg,#275fc5 0%,#1d4fa8 100%)!important;color:#fff!important;box-sizing:border-box!important;box-shadow:0 1px 4px rgba(0,0,0,.24)!important}
.mp-promotion-mobile-titlebar>strong{font-size:16px!important;font-weight:400!important;line-height:1!important}
.mp-promotion-mobile-titlebar .mp-promotion-back{position:absolute!important;left:9px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;color:#fff!important;text-decoration:none!important;font:300 31px/1 Arial,sans-serif!important}
.mp-promotion-mobile-content{padding-top:10px!important}
.mp-promotion-mobile-content .search-tab,.layout-desktop .content-box .search-tab{scroll-behavior:smooth;overscroll-behavior-x:contain}
.mp-promotion-mobile-content .search-tab li,.layout-desktop .content-box .search-tab li{cursor:pointer!important;user-select:none;-webkit-user-select:none}
.mp-promotion-mobile-content .search-tab li.active,.layout-desktop .content-box .search-tab li.active{background:#f7b900!important;color:#17304e!important}
.mp-promo-hidden{display:none!important}
@keyframes mpPromoCardIn{from{opacity:0;transform:translate3d(-18px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.promotion-box.mp-promo-enter{animation:mpPromoCardIn .34s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--mp-promo-order,0) * 18ms)}
.promotion-box .button__apply,.promotion-box .button__detail{cursor:pointer!important}
.mp-promotion-end,.mp-promotion-empty-state{grid-column:1/-1;width:100%;box-sizing:border-box;text-align:center;color:#c8d4df;font-size:13px;line-height:1.4;padding:22px 8px 28px}
.mp-promotion-empty-state{padding:34px 12px;color:#d6e0e9}
.mp-promotion-details-overlay{position:fixed;z-index:240;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,25,48,.82);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-sizing:border-box;animation:mpPromoModalIn .18s ease both}
.mp-promotion-details-overlay.is-closing{animation:mpPromoModalOut .16s ease both}
.mp-promotion-details-dialog{width:min(520px,100%);max-height:88vh;overflow:auto;background:#135aa5;color:#fff;border-radius:7px;box-shadow:0 18px 50px rgba(0,0,0,.42)}
.mp-promotion-details-head{position:relative;min-height:50px;display:flex;align-items:center;padding:10px 48px 10px 14px;background:#174b89;box-sizing:border-box}
.mp-promotion-details-head strong{font-size:16px;font-weight:600;line-height:1.25}
.mp-promotion-details-close{position:absolute;right:6px;top:5px;width:40px;height:40px;border:0;background:transparent;color:#fff;font:300 32px/38px Arial;cursor:pointer}
.mp-promotion-details-image{display:block;width:100%;height:auto;aspect-ratio:16/5;object-fit:cover}
.mp-promotion-details-body{padding:14px 16px 5px;font-size:14px;line-height:1.45}
.mp-promotion-details-body p{margin:0 0 8px}
.mp-promotion-details-meta{color:#c6d8e8;margin:5px 0 10px}
.mp-promotion-details-tag{display:inline-block;padding:4px 8px;border-radius:4px;background:#55d1c4;color:#fff;font-size:11px}
.mp-promotion-details-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px 16px}
.mp-promotion-details-actions button{height:42px;border:0;border-radius:5px;font-size:14px;cursor:pointer}
.mp-promotion-details-apply{background:#f7b900;color:#17304e}
.mp-promotion-details-done{background:#f3f3f3;color:#17304e}
@keyframes mpPromoModalIn{from{opacity:0}to{opacity:1}}@keyframes mpPromoModalOut{from{opacity:1}to{opacity:0}}
@media(max-width:768px){
body>.layout-desktop{display:none!important}
.mp-promotion-mobile-content .promotion-main-scroll-wrapper{padding-bottom:0!important}
.mp-promotion-mobile-content .promotion-box.mp-promo-enter{animation-duration:.32s}
.mp-promotion-end,.mp-promotion-empty-state{font-size:12px;padding-top:24px}
.mp-promotion-details-overlay{align-items:flex-end;padding:0}
.mp-promotion-details-dialog{width:100%;max-height:88vh;border-radius:10px 10px 0 0}
}
@media(min-width:769px){
body .layout-desktop{padding-top:0!important}
body .layout-desktop__inner,body .layout-desktop__main{padding-top:0!important;margin-top:0!important}
body .content-main{padding-top:0!important}
body .content-main>.header-inner-promotion{position:sticky!important;top:0!important;z-index:40!important}
.layout-desktop .content-box .promotion-main-scroll-wrapper{overflow:visible!important}
}
@media(min-width:769px){
body mcd-left-menu.layout-desktop__menu{display:none!important}
body .layout-desktop__inner{display:block!important;width:100%!important}
body .layout-desktop__main{width:100%!important;max-width:none!important;padding-left:0!important;box-sizing:border-box!important}
body .layout-desktop__body{width:100%!important;box-sizing:border-box!important}
}
.mp-promo-code-status{margin:5px 2px 0;padding:5px 8px;border-radius:4px;font-size:11px;line-height:1.35}.mp-promo-code-status:empty{display:none}.mp-promo-code-status.is-success{background:rgba(40,190,110,.16);color:#a9f4c8}.mp-promo-code-status.is-error{background:rgba(230,70,70,.17);color:#ffd0d0}.promo-code-add-btn.is-loading{opacity:.6;pointer-events:none}.mp-promotion-details-copy{white-space:pre-line}.mp-promotion-details-code{margin:10px 0 3px;padding:8px 10px;border-radius:4px;background:#0e4c8d;color:#ffd05a;font-weight:700}