.announcement-bar-custom{--ann-bg: var(--announcement-bg, #22c55e);--ann-bg-end: var(--announcement-bg-end, #16a34a);--ann-text: var(--announcement-text, #ffffff);--ann-accent: var(--announcement-accent, #fbbf24);position:relative;overflow:hidden;z-index:100;width:100%}.announcement-bar-custom[data-style=solid]{background:var(--ann-bg)}.announcement-bar-custom[data-style=gradient]{background:linear-gradient(135deg,var(--ann-bg) 0%,var(--ann-bg-end) 100%)}.announcement-bar-custom[data-style=premium]{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.announcement-bar-custom[data-style=urgent]{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b);animation:urgent-pulse 2s ease-in-out infinite}.announcement-bar-custom[data-style=success]{background:linear-gradient(135deg,#059669,#047857,#065f46)}.announcement-bar-custom[data-style=minimal]{background:#fff;border-bottom:1px solid #e5e7eb}.announcement-bar-custom[data-style=custom]{background:linear-gradient(135deg,var(--ann-bg) 0%,var(--ann-bg-end) 100%)}@keyframes urgent-pulse{0%,to{opacity:1}50%{opacity:.92}}.announcement-wrapper{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.announcement-container{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 50px;white-space:nowrap}.marquee-wrapper{display:flex!important;overflow:hidden;width:100%}.marquee-wrapper .marquee-content{display:flex;align-items:center;gap:16px;padding:10px 30px;flex-shrink:0;animation:marquee-scroll var(--marquee-speed, 15s) linear infinite}.marquee-wrapper .marquee-content:nth-child(2){animation:marquee-scroll var(--marquee-speed, 15s) linear infinite}.marquee-wrapper:hover .marquee-content{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.announcement-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon-svg{width:20px;height:20px;color:var(--ann-text, #fff);flex-shrink:0}.icon-svg.icon-animated{animation:icon-pulse 1.5s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.9}}[data-style=minimal] .icon-svg{color:#22c55e}[data-style=premium] .icon-svg{color:#fbbf24}.badge-label{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:.6rem;font-weight:800;letter-spacing:.05em;border-radius:4px;animation:badge-pulse 1.5s ease-in-out infinite;line-height:1}.badge-new{background:#3b82f6;color:#fff}.badge-hot{background:#ef4444;color:#fff}.badge-sale{background:#f59e0b;color:#fff}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.announcement-text{display:flex;align-items:center;gap:8px;white-space:nowrap}.announcement-pre{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:4px;background:#fff3;color:var(--ann-text, #fff);line-height:1}[data-style=minimal] .announcement-pre{background:#22c55e;color:#fff}.announcement-main{font-size:.88rem;font-weight:600;color:var(--ann-text, #fff);line-height:1.3}[data-style=minimal] .announcement-main{color:#1f2937}[data-style=premium] .announcement-main{color:#fff}.text-highlight{display:inline;font-weight:800;padding:2px 8px;margin:0 2px;border-radius:4px;background:#fffffff2;color:#22c55e}[data-style=premium] .text-highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a}[data-style=urgent] .text-highlight{background:#fff;color:#dc2626}[data-style=minimal] .text-highlight{background:#22c55e;color:#fff}.announcement-countdown{display:inline-flex;align-items:center;gap:2px;padding:4px 10px;background:#00000040;border-radius:6px;flex-shrink:0}[data-style=minimal] .announcement-countdown{background:#f3f4f6}.countdown-item{display:inline-flex;align-items:baseline;gap:1px}.countdown-value{font-size:.85rem;font-weight:800;color:var(--ann-text, #fff);font-variant-numeric:tabular-nums;line-height:1}[data-style=minimal] .countdown-value{color:#1f2937}[data-style=premium] .countdown-value{color:#fbbf24}.countdown-label{font-size:.55rem;font-weight:600;color:#ffffffb3;text-transform:lowercase}[data-style=minimal] .countdown-label{color:#6b7280}.countdown-separator{font-size:.85rem;font-weight:700;color:#fff9;margin:0 1px;animation:blink 1s ease-in-out infinite}[data-style=minimal] .countdown-separator{color:#9ca3af}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.announcement-cta{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;color:var(--ann-bg, #22c55e);font-size:.75rem;font-weight:700;text-decoration:none;border-radius:50px;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.announcement-cta svg{width:12px;height:12px;transition:transform .3s ease}.announcement-cta:hover{transform:scale(1.05);box-shadow:0 4px 15px #0003}.announcement-cta:hover svg{transform:translate(3px)}[data-style=premium] .announcement-cta{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a}[data-style=urgent] .announcement-cta{background:#fff;color:#dc2626}[data-style=custom] .announcement-cta{background:var(--ann-accent, #fbbf24);color:var(--ann-bg, #22c55e)}[data-style=minimal] .announcement-cta{background:#22c55e;color:#fff}.announcement-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;transition:all .2s ease;z-index:10}.announcement-close svg{width:14px;height:14px}.announcement-close:hover{background:#fff3;color:#fff}[data-style=minimal] .announcement-close{background:#f3f4f6;color:#6b7280}[data-style=minimal] .announcement-close:hover{background:#e5e7eb;color:#1f2937}.announcement-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0003}.progress-fill{height:100%;background:linear-gradient(90deg,#fffc,#fff);border-radius:0 3px 3px 0;animation:progress-pulse 2s ease-in-out infinite}[data-style=minimal] .announcement-progress{background:#e5e7eb}[data-style=minimal] .progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}[data-style=urgent] .progress-fill{background:linear-gradient(90deg,#fef2f2,#fecaca)}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.announcement-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),rgba(255,255,255,.2),rgba(255,255,255,.1),transparent);animation:shine-move 3s ease-in-out infinite;pointer-events:none}@keyframes shine-move{0%{left:-100%}to{left:200%}}@media screen and (max-width:768px){.announcement-container{padding:10px 50px;gap:10px}.announcement-text{gap:6px}.announcement-pre{font-size:.6rem;padding:2px 6px}.announcement-main{font-size:.8rem}.text-highlight{padding:2px 6px;font-size:.8rem}.icon-svg{width:18px;height:18px}.announcement-countdown{padding:3px 8px;gap:2px}.countdown-item{gap:1px}.countdown-value{font-size:.8rem}.countdown-label{font-size:.45rem}.countdown-separator{font-size:.75rem;margin:0}.announcement-cta{padding:6px 12px;font-size:.72rem}.announcement-close{right:8px;width:24px;height:24px}.announcement-close svg{width:12px;height:12px}.badge-label{padding:3px 6px;font-size:.55rem}.marquee-wrapper{animation-duration:15s}}@media screen and (max-width:480px){.announcement-container{padding:8px 44px;gap:8px}.announcement-main{font-size:.72rem}.text-highlight{padding:1px 4px;font-size:.72rem}.announcement-cta{display:none}.announcement-countdown{padding:3px 8px;gap:2px}.countdown-value{font-size:.75rem}.countdown-label{font-size:.45rem}.countdown-separator{font-size:.7rem}.marquee-wrapper{animation-duration:12s}}.announcement-bar-custom{animation:slideDown .4s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/announcement-bar-custom.css.map */