.announcement-bar{position:relative;width:100%;overflow:hidden}.announcement-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:20px}.announcement-bar .announcement-nav{width:28px;height:28px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;flex-shrink:0;padding:0;z-index:10}.announcement-bar .announcement-nav:hover{opacity:.6}.announcement-bar .announcement-nav:disabled{opacity:.3;cursor:default}.announcement-bar .announcement-nav svg{width:18px;height:18px;stroke:var(--announcement-nav-color, #555);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.announcement-slider{flex:1;max-width:800px;position:relative;overflow:hidden}.announcement-slides{display:flex;transition:transform .5s ease}.announcement-slide{min-width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.announcement-text{font-size:13px;letter-spacing:.3px;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.announcement-bar .announcement-text a:not(.announcement-link){text-decoration:underline;text-underline-offset:2px;font-weight:500;margin-left:4px;transition:color .3s ease}.announcement-bar .announcement-text a:not(.announcement-link):hover{color:var(--announcement-highlight, #000)}.announcement-bar .highlight{font-weight:600}.announcement-bar .announcement-link{color:var(--announcement-link, #333);text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:color .3s ease;font-size:inherit}.announcement-bar .announcement-link:hover{color:var(--announcement-highlight, #000)}.announcement-slider .announcement-slide:only-child~.announcement-nav,.announcement-slider .announcement-slide:only-child~.announcement-nav.prev{display:none}@media(max-width:768px){.announcement-container{gap:10px}.announcement-bar .announcement-nav{width:24px;height:24px}.announcement-bar .announcement-nav svg{width:14px;height:14px}.announcement-text{font-size:12px}}@media(max-width:480px){.announcement-bar .announcement-nav{width:20px;height:20px}.announcement-bar .announcement-nav svg{width:12px;height:12px}.announcement-text{font-size:11px;line-height:1.4}.announcement-container{gap:8px}}.announcement-bar[dir=rtl] .announcement-nav svg{transform:scaleX(-1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.announcement-slide{animation:fadeIn .3s ease}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-announcement-bar.css.map */