.promo-banner{background-color:#000;color:#fff;padding:10px 0;width:100%;position:relative;overflow:hidden}.promo-banner-container{display:flex;justify-content:space-around;align-items:center;max-width:1200px;margin:0 auto;padding:0 15px;gap:10px}.promo-item{flex:1;min-width:0;text-align:center;padding:5px}.promo-separator{width:1px;height:20px;background-color:#ffffff4d;flex-shrink:0}.promo-text{font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promo-image{display:flex;justify-content:center;align-items:center;height:30px}.promo-image img{max-height:100%;max-width:100%;object-fit:contain}.placeholder-image{font-size:20px}.promo-coupon{display:flex;flex-direction:column;align-items:center;gap:3px}.coupon-text{font-size:11px;opacity:.9;white-space:nowrap}.coupon-code{background-color:#ffffff26;padding:4px 8px;border-radius:3px;font-weight:700;cursor:pointer;transition:all .3s ease;border:1px dashed rgba(255,255,255,.4);font-size:12px;white-space:nowrap}.coupon-code:hover{background-color:#ffffff40}.coupon-code.copied{background-color:#10b981;color:#fff}.promo-icon-text{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.promo-icon-text .icon{flex-shrink:0}.promo-icon-text .icon img{max-height:16px;max-width:16px;object-fit:contain}.promo-icon-text .icon.emoji{font-size:16px;line-height:1}.promo-icon-text .text{font-size:12px;font-weight:500;white-space:nowrap}@media (max-width: 768px){.promo-banner{padding:8px 0}.promo-banner-container{padding:0 10px;gap:8px;justify-content:space-between;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.promo-banner-container::-webkit-scrollbar{display:none}.promo-item{flex:0 0 auto;min-width:min-content;padding:3px 5px}.promo-text{font-size:11px;letter-spacing:.3px}.promo-image{height:24px}.coupon-text{font-size:10px}.coupon-code{font-size:11px;padding:3px 6px}.promo-icon-text{gap:4px}.promo-icon-text .text{font-size:11px}.promo-icon-text .icon.emoji{font-size:14px}.promo-separator{height:16px;flex-shrink:0}}@media (max-width: 480px){.promo-banner-container{justify-content:flex-start}.promo-item{flex-shrink:0}.promo-item:not(:last-child){margin-right:8px}}@media (max-width: 320px){.promo-banner-container{padding:0 5px}.promo-text,.promo-icon-text .text{font-size:10px}}.promo-banner-container,.promo-item{will-change:transform}.promo-banner.loading .promo-item{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/promo-banner.css.map */
