.ribbon-alert{position:fixed;left:0;right:0;top:60px;width:100vw;z-index:990;transform:translateY(-140%);opacity:0;transition:transform 0.35s ease,opacity 0.25s ease;background:var(--alert-bg);color:var(--alert-text);border-bottom:1px solid rgb(0 0 0 / .15);box-shadow:0 10px 24px rgb(0 0 0 / .1)}@media (min-width:600px){.ribbon-alert{top:40px}}@media (min-width:900px){.ribbon-alert{top:50px}}.ribbon-alert.show{transform:translateY(0);opacity:1}.ribbon-inner{width:100%;padding:14px clamp(16px, 4vw, 40px);display:flex;align-items:center;justify-content:space-between}.ribbon-tag{flex:0 0 auto;background:var(--alert-pill-bg);color:var(--alert-pill-text);padding:6px 14px;border-radius:999px;font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ribbon-text{flex:1 1 auto;max-width:80%;margin:0 auto;padding-left:10px;text-align:center;line-height:1.4;font-size:1.1rem}.ribbon-inline-link{margin-left:6px;font-weight:700;text-decoration:underline;color:var(--alert-text)}.ribbon-close{flex:0 0 auto;border:none;background:#fff0;cursor:pointer;font-size:18px;padding:6px 10px;color:var(--alert-text);opacity:.75;border-radius:10px}.ribbon-close:hover{opacity:1;background:rgb(0 0 0 / .08)}@media (max-width:640px){.ribbon-inner{flex-direction:column;align-items:center;gap:10px}.ribbon-text{max-width:100%}.ribbon-close{position:absolute;right:10px;top:10px}}