@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}.coupon-bar{width:100%;padding:.8rem 0;text-align:center;font-size:.9rem;font-weight:500;position:relative;z-index:100}@media (max-width: 991px){.coupon-bar{font-size:.85rem}}.coupon-bar .coupon-bar-content{margin:0 auto;display:flex;justify-content:center;align-items:center;gap:1rem;position:relative;flex-wrap:nowrap}@media (max-width: 991px){.coupon-bar .coupon-bar-content{gap:.8rem;justify-content:center;flex-direction:row}}.coupon-bar .coupon-bar-content .coupon-text{line-height:1.3;color:#fff;font-size:1.2rem}@media (max-width: 991px){.coupon-bar .coupon-bar-content .coupon-text{font-size:1.1rem;text-align:center}}.coupon-bar .coupon-bar-content .coupon-text p{margin:0;line-height:inherit;font-size:inherit;font-weight:inherit;color:inherit}.coupon-bar .coupon-bar-content .coupon-text strong{font-weight:700}.coupon-bar .coupon-bar-content .coupon-text em{font-style:italic}.coupon-bar .coupon-bar-content .coupon-text *{margin:0;padding:0}.coupon-bar .coupon-bar-content .coupon-text>*:first-child{margin-top:0}.coupon-bar .coupon-bar-content .coupon-text>*:last-child{margin-bottom:0}.coupon-bar .coupon-bar-content .coupon-copy-btn{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:inherit;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;min-width:70px}@media (max-width: 991px){.coupon-bar .coupon-bar-content .coupon-copy-btn{padding:.35rem .6rem;font-size:1.1rem;gap:.3rem;min-width:60px}}.coupon-bar .coupon-bar-content .coupon-copy-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.coupon-bar .coupon-bar-content .coupon-copy-btn:active{transform:translateY(0)}.coupon-bar .coupon-bar-content .coupon-copy-btn.coupon-copied{background:#28a745e6;border-color:#28a745}.coupon-bar .coupon-bar-content .coupon-copy-btn.coupon-copied:hover{background:#28a745e6}.coupon-bar .coupon-bar-content .coupon-copy-btn svg{width:14px;height:14px;flex-shrink:0;opacity:.8}@media (max-width: 991px){.coupon-bar .coupon-bar-content .coupon-copy-btn svg{width:12px;height:12px}}.coupon-bar .coupon-bar-content .coupon-copy-btn .coupon-copy-text,.coupon-bar .coupon-bar-content .coupon-copy-btn .coupon-copy-success{transition:all .3s ease;white-space:nowrap}.coupon-bar .coupon-bar-content .coupon-copy-btn .coupon-copy-success{color:inherit;font-weight:600}.coupon-bar.sticky{position:sticky;top:0;box-shadow:0 2px 4px #0000001a}@keyframes couponBarSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.coupon-bar{animation:couponBarSlideDown .5s ease-out}.coupon-bar[style*="background: #000"] .coupon-copy-btn,.coupon-bar[style*="background: rgb(0, 0, 0)"] .coupon-copy-btn,.coupon-bar[style*="background:#000"] .coupon-copy-btn{background:#ffffff26;border-color:#ffffff40}.coupon-bar[style*="background: #000"] .coupon-copy-btn:hover,.coupon-bar[style*="background: rgb(0, 0, 0)"] .coupon-copy-btn:hover,.coupon-bar[style*="background:#000"] .coupon-copy-btn:hover{background:#ffffff40}.coupon-bar[style*="background: #000"] .btn-primary,.coupon-bar[style*="background: rgb(0, 0, 0)"] .btn-primary,.coupon-bar[style*="background:#000"] .btn-primary{padding:.5rem 1rem;width:fit-content;height:initial}.coupon-bar[style*="background: #000"] .btn-primary span,.coupon-bar[style*="background: rgb(0, 0, 0)"] .btn-primary span,.coupon-bar[style*="background:#000"] .btn-primary span{font-size:1.2rem}.coupon-bar[style*="background: #000"] .btn-primary svg,.coupon-bar[style*="background: rgb(0, 0, 0)"] .btn-primary svg,.coupon-bar[style*="background:#000"] .btn-primary svg{margin-right:.5rem;width:1.6rem;height:1.6rem}.coupon-bar[style*="background: #fff"] .coupon-copy-btn,.coupon-bar[style*="background: rgb(255, 255, 255)"] .coupon-copy-btn,.coupon-bar[style*="background:#fff"] .coupon-copy-btn{background:#0000001a;border-color:#0003}.coupon-bar[style*="background: #fff"] .coupon-copy-btn:hover,.coupon-bar[style*="background: rgb(255, 255, 255)"] .coupon-copy-btn:hover,.coupon-bar[style*="background:#fff"] .coupon-copy-btn:hover{background:#00000026}
/*# sourceMappingURL=/cdn/shop/t/3/assets/coupon-bar.css.map */