.swairishx-notice {
    position: relative;
    z-index: 9990;
    width: 100%;
    background: var(--swx-bg, #10261f);
    color: var(--swx-fg, #f5fbf7);
    font-family: inherit;
    transform: translateY(-8px);
    opacity: 0;
    transition: transform 260ms cubic-bezier(.23,1,.32,1), opacity 220ms cubic-bezier(.23,1,.32,1);
}
.swairishx-notice[data-position="bottom"] { transform: translateY(8px); }
.swairishx-notice.is-visible { transform: translateY(0); opacity: 1; }
.swairishx-notice.is-sticky { position: sticky; top: 0; }
.swairishx-notice__inner { display: flex; min-height: 58px; max-width: 1320px; margin: 0 auto; padding: 10px 18px; align-items: center; justify-content: center; gap: 18px; }
.swairishx-notice__image { order: 0; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 12px; object-fit: cover; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); }
.swairishx-notice__image.is-end { order: 2; }
.swairishx-notice__copy { order: 1; display: flex; align-items: baseline; gap: 9px; min-width: 0; }
.swairishx-notice__copy strong { flex: 0 0 auto; font-size: 14px; }
.swairishx-notice__copy span { color: inherit; font-size: 13px; line-height: 1.4; opacity: .82; }
.swairishx-notice__cta { order: 3; flex: 0 0 auto; display: inline-flex; min-height: 36px; padding: 8px 13px; align-items: center; border-radius: 8px; background: var(--swx-accent, #6ee7b7); color: #10261f; font-size: 12px; font-weight: 700; text-decoration: none; transition: transform 130ms cubic-bezier(.23,1,.32,1), filter 180ms cubic-bezier(.23,1,.32,1); }
.swairishx-notice__cta:hover, .swairishx-notice__cta:focus-visible { color: #10261f; filter: brightness(.94); }
.swairishx-notice__cta:focus-visible, .swairishx-notice__close:focus-visible { outline: 3px solid color-mix(in srgb, var(--swx-accent, #6ee7b7) 55%, transparent); outline-offset: 2px; }
.swairishx-notice__cta:active, .swairishx-notice__close:active { transform: scale(.97); }
.swairishx-notice__close { order: 4; flex: 0 0 auto; display: grid; width: 40px; height: 40px; place-items: center; border: 0; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; font: inherit; font-size: 22px; opacity: .74; }
.swairishx-notice__close:hover { background: rgba(255,255,255,.09); opacity: 1; }
.swairishx-theme-paper { --swx-bg: #f5f7f6; --swx-fg: #18231e; --swx-accent: #cdeedf; box-shadow: 0 1px 0 rgba(24,35,30,.08); }
.swairishx-theme-contrast { --swx-bg: #1c1f1d; --swx-fg: #fbfcfb; --swx-accent: #f4d35e; }

@media (max-width: 720px) {
    .swairishx-notice__inner { align-items: stretch; flex-direction: column; gap: 9px; padding: 13px 50px 13px 15px; }
    .swairishx-notice__image { width: 42px; height: 42px; align-self: flex-start; border-radius: 10px; }
    .swairishx-notice__image.is-end { order: 2; }
    .swairishx-notice__copy { align-items: flex-start; flex-direction: column; gap: 2px; }
    .swairishx-notice__cta { justify-content: center; width: 100%; }
    .swairishx-notice__close { position: absolute; top: 9px; right: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .swairishx-notice, .swairishx-notice * { transition-duration: .01ms !important; }
}