/* A quiet announcement strip using the existing site's blue and typography. */
body.iceyu-banner-open {
    --iceyu-banner-height: 52px;
    padding-top: var(--iceyu-banner-height);
}
body.iceyu-banner-open .p_nav { top: var(--iceyu-banner-height) !important; }
.iceyu-merchant-banner {
    position: fixed;
    inset: 0 0 auto;
    z-index: 10020;
    height: var(--iceyu-banner-height, 52px);
    color: #35465d;
    background: #edf4ff;
    border-bottom: 1px solid #d6e3f8;
    animation: iceyu-banner-enter .35s ease-out both;
}
.iceyu-merchant-banner[hidden], .iceyu-merchant-banner [hidden] { display: none !important; }
.iceyu-merchant-banner__inner {
    display: flex;
    align-items: center;
    gap: 22px;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
}
.iceyu-merchant-banner__label {
    flex: none;
    padding-right: 22px;
    border-right: 1px solid #cbdaf0;
    font-size: 13px;
    color: #52657f;
}
.iceyu-merchant-banner__viewport { flex: 1; min-width: 0; overflow: hidden; }
.iceyu-merchant-banner__track {
    display: flex;
    width: max-content;
    animation: iceyu-banner-scroll 22s linear infinite;
}
.iceyu-merchant-banner__copy {
    display: inline-flex;
    align-items: center;
    flex: none;
    gap: 18px;
    padding-right: 80px;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    letter-spacing: 0;
}
.iceyu-merchant-banner__copy strong { color: #2459b3; font-weight: 600; }
.iceyu-merchant-banner__copy i { width: 3px; height: 3px; border-radius: 50%; background: #8ba2c1; }
.iceyu-merchant-banner__join {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    min-height: 34px;
    padding: 0 15px;
    border: 1px solid #3977f3;
    border-radius: 4px;
    background: #3977f3;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: background .15s;
}
.iceyu-merchant-banner__join:hover { background: #2964dc; }
.iceyu-merchant-banner__close {
    flex: none;
    width: 28px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #65758b;
    font: 24px/1 Arial, sans-serif;
    cursor: pointer;
}
.iceyu-merchant-banner__close:hover { color: #253e61; }
.iceyu-merchant-banner:hover .iceyu-merchant-banner__track,
.iceyu-merchant-banner:focus-within .iceyu-merchant-banner__track { animation-play-state: paused; }
.iceyu-merchant-banner :focus-visible { outline: 2px solid #2459b3; outline-offset: 2px; }
@keyframes iceyu-banner-scroll { to { transform: translateX(-25%); } }
@keyframes iceyu-banner-enter { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 767px) {
    body.iceyu-banner-open { --iceyu-banner-height: 64px; }
    .iceyu-merchant-banner__inner { gap: 10px; padding: 0 12px; }
    .iceyu-merchant-banner__label { display: none; }
    .iceyu-merchant-banner__copy { gap: 14px; padding-right: 44px; font-size: 13px; }
    .iceyu-merchant-banner__join { min-height: 40px; padding: 0 10px; font-size: 12px; }
    .iceyu-merchant-banner__close { width: 28px; height: 40px; }
}
@media (max-width: 767px) {
    body.iceyu-banner-open .p_nav { top: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
    .iceyu-merchant-banner, .iceyu-merchant-banner__track { animation: none; }
    .iceyu-merchant-banner__track { width: auto; }
    .iceyu-merchant-banner__copy { flex-wrap: wrap; gap: 0 14px; padding-right: 0; white-space: normal; font-size: 12px; line-height: 20px; }
    .iceyu-merchant-banner__copy + .iceyu-merchant-banner__copy, .iceyu-merchant-banner__copy i { display: none; }
}