.announcement-carousel{position:relative;width:100%;overflow:hidden;z-index:10}.carousel-container{position:relative;width:100%;overflow:hidden}.carousel-wrapper{display:flex;transition:transform .5s ease-in-out;width:100%;will-change:transform}.carousel-slide{flex:0 0 100%;width:100%;min-height:var(--slide-height, 60px);display:flex;align-items:center;justify-content:center;padding:12px 40px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-color .3s ease}.slide-content{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;max-width:1200px;margin:0 auto;width:100%}.slide-icon{font-size:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.slide-text{font-size:14px;font-weight:500;line-height:1.4}.slide-text p{margin:0}.slide-link{display:inline-block;color:inherit;text-decoration:underline;font-size:14px;font-weight:500;padding:4px 8px;border-radius:4px;transition:opacity .3s ease;flex-shrink:0}.slide-link:hover{opacity:.8;text-decoration:none}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;color:#fff;padding:0}.carousel-btn:hover{transform:translateY(-50%) scale(1.1)}.prev-btn{left:16px}.next-btn{right:16px}.carousel-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:2}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot.active{background:#fff;transform:scale(1.2)}.dot:hover{background:#fff;transform:scale(1.1)}@media(max-width:768px){.carousel-slide{padding:12px 32px}.slide-content{gap:8px}.slide-text{font-size:12px}.slide-icon{font-size:18px}.carousel-btn{width:28px;height:28px}.prev-btn{left:8px}.next-btn{right:8px}}@media(max-width:480px){.carousel-slide{padding:10px 32px}.slide-content{flex-direction:column;gap:6px}.slide-text{font-size:11px}.slide-icon{font-size:16px}.carousel-btn{width:26px;height:26px}.prev-btn{left:5px}.next-btn{right:5px}.carousel-btn svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/announcement-carousel.css.map */