.notification-banner-popup{display:none;position:fixed;top:64px;left:0;width:100vw;height:100vh;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.notification-banner-popup.show{display:block;opacity:1;visibility:visible;align-items:center;justify-content:center}.notification-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.notification-banner-content{position:relative;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto;padding:2rem;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-banner-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;z-index:1}.notification-banner-close:hover{background:#f3f4f6;color:#374151}.notification-banner-items{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.notification-banner-item{padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;transition:all .2s ease}.notification-banner-item:hover{background:#f3f4f6;border-color:#d1d5db}.notification-banner-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.4}.notification-banner-subtitle{font-size:.95rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.notification-banner-link{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:#000;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;font-size:.9rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:.025em}.notification-banner-link:hover{background:#374151;transform:translateY(-1px)}@media (min-width: 640px){.notification-banner-content{padding:2.5rem}.notification-banner-items{grid-template-columns:repeat(3,1fr);gap:2rem}.notification-banner-popup{top:48px}}@media (min-width: 768px){.notification-banner-title{font-size:1.375rem}.notification-banner-subtitle{font-size:1rem}}@media (min-width: 1024px){.notification-banner-content{padding:3rem}}@media (max-width: 639px){.notification-banner-items{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.notification-banner-content{padding:2.5rem}.notification-banner-close{top:.75rem;right:.75rem;padding:.375rem}.notification-banner-items{grid-template-columns:1fr;gap:1rem}.notification-banner-item{padding:1rem}.notification-banner-title{font-size:1.125rem}.notification-banner-subtitle{font-size:.875rem}.notification-banner-link{padding:.625rem 1.25rem;font-size:.85rem}}
/*# sourceMappingURL=/cdn/shop/t/330/assets/announcement-banner.css.map */