.portal-header .commerce-banner{position:relative;min-width:0;height:139px;border-radius:18px;background:#514b77;box-shadow:0 6px 18px #194c5012}
.portal-header .commerce-banner .commerce{display:block;position:relative;width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:hidden;border-radius:18px;background:transparent;box-shadow:none;color:#fff;text-align:left}
.portal-header .commerce-banner .commerce::after{display:none}
.portal-header .commerce-banner .commerce-scene{position:absolute;inset:0;display:flex;align-items:center;gap:18px;padding:12px 188px 12px 22px;background:linear-gradient(115deg,#14555a,#286d6c 65%,#6d6589)}
.portal-header .commerce-banner .commerce-scene-two{background:linear-gradient(115deg,#49496f,#6b537c 55%,#885b7f);opacity:0}
.portal-header .commerce-banner .commerce-scene>img,.portal-header .commerce-banner .commerce-scene>svg{display:block;width:85px;height:100px;flex:0 0 85px;object-fit:contain;padding:0;border:0;background:none;box-shadow:none}
.portal-header .commerce-banner .commerce-copy{min-width:0;display:flex;flex-direction:column;line-height:1.4}
.portal-header .commerce-banner .commerce-copy small{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#e6f2ed}
.portal-header .commerce-banner .commerce-copy strong{font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.6px;color:#fff;margin:5px 0 3px}
.portal-header .commerce-banner .commerce-copy>span{font-size:13px;color:#edf5f1}
.portal-header .commerce-banner .commerce-cta{position:absolute;top:47px;right:24px;left:auto;bottom:auto;margin:0;padding:12px 16px;border-radius:30px;background:#f6f3e9;color:#264c50;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.3}
.portal-header .commerce-banner .commerce-pause{position:absolute;right:9px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;min-width:0;min-height:0;margin:0;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#183647;color:#fff;font:14px/1 Arial,sans-serif;box-shadow:none;cursor:pointer;transform:none}
.portal-header .commerce-banner .commerce-pause:focus-visible{outline:2px solid #fff;outline-offset:2px}
.portal-header .commerce-banner .commerce:focus-visible{outline:3px solid #fff0b3;outline-offset:-5px}
.portal-header .commerce-banner .commerce:hover .commerce-cta{background:#fff}
.portal-header .commerce-banner.is-ready .commerce-scene-one{animation:commerce-first-scene 14s infinite}
.portal-header .commerce-banner.is-ready .commerce-scene-two{animation:commerce-second-scene 14s infinite}
.portal-header .commerce-banner:not(.is-ready) .commerce-pause{display:none}
.portal-header .commerce-banner.is-paused .commerce-scene{animation-play-state:paused}
@keyframes commerce-first-scene{0%,43%{opacity:1}50%,93%{opacity:0}100%{opacity:1}}
@keyframes commerce-second-scene{0%,43%{opacity:0}50%,93%{opacity:1}100%{opacity:0}}
@media(max-width:1100px){
 .portal-header .commerce-banner .commerce-scene{padding:12px 148px 12px 14px;gap:10px}
 .portal-header .commerce-banner .commerce-scene>img,.portal-header .commerce-banner .commerce-scene>svg{width:52px;flex-basis:52px;height:90px}
 .portal-header .commerce-banner .commerce-copy strong{font-size:20px}
 .portal-header .commerce-banner .commerce-copy small{font-size:9px;letter-spacing:.6px}
 .portal-header .commerce-banner .commerce-cta{right:15px;font-size:11px;padding:11px}
}
@media(max-width:560px){
 .portal-header .commerce-banner{height:168px;border-radius:13px}
 .portal-header .commerce-banner .commerce{border-radius:13px}
 .portal-header .commerce-banner .commerce-scene{padding:12px 12px 48px;gap:10px}
 .portal-header .commerce-banner .commerce-scene>img,.portal-header .commerce-banner .commerce-scene>svg{width:48px;flex-basis:48px;height:76px}
 .portal-header .commerce-banner .commerce-copy small{font-size:8px;letter-spacing:.6px}
 .portal-header .commerce-banner .commerce-copy strong{font-size:19px}
 .portal-header .commerce-banner .commerce-copy>span{font-size:11px}
 .portal-header .commerce-banner .commerce-cta{top:auto;left:70px;right:auto;bottom:14px;font-size:10px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){
 .portal-header .commerce-banner.is-ready .commerce-scene{animation:none}
 .portal-header .commerce-banner .commerce-scene-two,.portal-header .commerce-banner .commerce-pause{display:none}
}