.sale-promotion-banner{position:relative;width:100%;min-height:var(--banner-height, 70px);max-height:calc(var(--banner-height, 70px) + 30px);background:linear-gradient(135deg,#ff6b35,#ff8e53,#ffa726);color:var(--text-color, white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;z-index:1000;box-shadow:0 2px 10px #0000001a;animation:slideDown .5s ease-out}.sale-promotion-banner[data-style=solid]{background:var(--banner-bg-color, #FF6B35)!important}.sale-promotion-banner[data-style=gradient]{background:linear-gradient(135deg,var(--banner-bg-color, #FF6B35) 0%,#FF8E53 50%,#FFA726 100%)!important}.sale-promotion-banner[data-style=animated]{background:linear-gradient(135deg,var(--banner-bg-color, #FF6B35) 0%,#FF8E53 25%,#FFA726 50%,var(--banner-bg-color, #FF6B35) 75%,#FF8E53 100%)!important;background-size:200% 200%;animation:slideDown .5s ease-out,gradientShift 3s ease-in-out infinite}.promotion-container{position:relative;max-width:1200px;margin:0 auto;padding:12px 20px;height:100%;display:flex;align-items:center}.promotion-close{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:#fff3;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:10}.promotion-close:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.promotion-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:40px}.promotion-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.promotion-icon{font-size:20px;line-height:1;flex-shrink:0}.promotion-text{display:flex;flex-direction:column;gap:2px;min-width:0}.promotion-title{font-size:14px;font-weight:600;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-description{font-size:12px;font-weight:400;line-height:1.2;opacity:.9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-highlight{flex-shrink:0;display:flex;align-items:center}.highlight-badge{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;animation:pulse 2s ease-in-out infinite}.promotion-right{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}.discount-badge{background:#fff3!important;border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:4px 10px;display:flex!important;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important}.discount-text{font-size:12px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.promotion-btn{display:inline-flex!important;align-items:center;gap:6px;background:#ffffffe6!important;color:#ff6b35!important;text-decoration:none;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;transition:all .3s ease;white-space:nowrap;border:1px solid rgba(255,255,255,.5);visibility:visible!important;opacity:1!important}.promotion-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-text{line-height:1}.btn-arrow{width:12px;height:12px;transition:transform .3s ease}.promotion-btn:hover .btn-arrow{transform:translate(2px)}.promotion-bg-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.bg-particle{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:50%;animation:float 6s ease-in-out infinite}.bg-particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.bg-particle:nth-child(2){top:60%;left:80%;animation-delay:2s}.bg-particle:nth-child(3){top:40%;left:50%;animation-delay:4s}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-10px) rotate(180deg);opacity:.6}}@media (max-width: 768px){.sale-promotion-banner{min-height:70px}.promotion-container{padding:15px}.promotion-content{gap:12px;padding-right:40px}.promotion-left{gap:10px;flex:1;min-width:0}.promotion-title{font-size:14px;font-weight:600}.promotion-description{font-size:12px}.highlight-badge{padding:4px 12px;font-size:11px;white-space:nowrap}.discount-text{font-size:12px}.promotion-btn{padding:6px 14px;font-size:12px;gap:5px}.btn-arrow{width:12px;height:12px}.promotion-close{right:12px;width:22px;height:22px}}@media (max-width: 480px){.sale-promotion-banner{min-height:100px!important;max-height:none!important;height:auto!important;padding:0!important}.promotion-container{padding:15px!important;height:auto!important;min-height:100px;display:flex!important;align-items:stretch!important}.promotion-content{width:100%!important;display:grid!important;grid-template-columns:1fr!important;grid-gap:12px!important;align-items:start!important;justify-content:stretch!important;padding-right:45px!important}.promotion-left{width:100%!important;display:flex!important;align-items:flex-start!important;gap:12px!important;order:1!important;grid-row:1!important}.promotion-icon{font-size:18px!important;flex-shrink:0!important;margin-top:2px!important}.promotion-text{flex:1!important;min-width:0!important}.promotion-title{font-size:14px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 4px!important;display:block!important;word-wrap:break-word!important}.promotion-description{font-size:12px!important;opacity:.9!important;line-height:1.4!important;margin:0!important;display:block!important;word-wrap:break-word!important}.promotion-highlight{width:100%!important;display:flex!important;justify-content:flex-start!important;order:2!important;grid-row:2!important;margin:0!important}.highlight-badge{padding:6px 12px!important;font-size:11px!important;font-weight:600!important;border-radius:15px!important;display:inline-block!important;white-space:nowrap!important}.promotion-right{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;order:3!important;grid-row:3!important;flex-wrap:nowrap!important}.discount-badge{flex-shrink:0!important;border-radius:12px!important;padding:6px 10px!important;display:flex!important;align-items:center!important}.discount-text{font-size:12px!important;font-weight:700!important;white-space:nowrap!important}.promotion-btn{padding:10px 16px!important;font-size:12px!important;font-weight:600!important;border-radius:18px!important;gap:6px!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;min-height:36px!important}.btn-text{font-weight:600!important}.btn-arrow{width:12px!important;height:12px!important}.promotion-close{position:absolute!important;right:12px!important;top:12px!important;width:26px!important;height:26px!important;z-index:10!important}}.sale-promotion-banner.hidden{transform:translateY(-100%);opacity:0;transition:all .5s ease-out}@media (max-width: 360px){.sale-promotion-banner{min-height:110px!important}.promotion-container{padding:12px!important}.promotion-content{grid-gap:10px!important;padding-right:40px!important}.promotion-left{gap:10px!important}.promotion-icon{font-size:16px!important}.promotion-title{font-size:13px!important}.promotion-description{font-size:11px!important}.highlight-badge{font-size:10px!important;padding:5px 10px!important}.promotion-right{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;grid-row:3!important}.discount-badge{align-self:flex-start!important;margin-bottom:4px!important}.promotion-btn{align-self:flex-start!important;padding:8px 14px!important;font-size:11px!important}.promotion-close{right:8px!important;top:8px!important;width:24px!important;height:24px!important}}.promotion-btn,.discount-badge,.highlight-badge{display:flex!important;visibility:visible!important;opacity:1!important}.promotion-right{display:flex!important;visibility:visible!important}@media screen and (max-device-width: 480px),screen and (max-width: 480px) and (orientation: portrait),screen and (max-width: 640px) and (orientation: landscape){.sale-promotion-banner{display:block!important}.promotion-container{display:flex!important;flex-direction:column!important}.promotion-content{display:grid!important;grid-template-rows:auto auto auto!important;width:100%!important}.promotion-left{grid-row:1!important;order:1!important}.promotion-highlight{grid-row:2!important;order:2!important}.promotion-right{grid-row:3!important;order:3!important}}.sale-promotion-banner.mobile-layout{min-height:100px!important;height:auto!important}.sale-promotion-banner.mobile-layout .promotion-container{padding:15px!important;height:auto!important;display:flex!important;align-items:stretch!important}.sale-promotion-banner.mobile-layout .promotion-content{width:100%!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;grid-gap:12px!important;align-items:start!important;padding-right:45px!important}.sale-promotion-banner.mobile-layout .promotion-left{grid-row:1!important;order:1!important;width:100%!important;display:flex!important;align-items:flex-start!important;gap:12px!important}.sale-promotion-banner.mobile-layout .promotion-highlight{grid-row:2!important;order:2!important;width:100%!important;display:flex!important;justify-content:flex-start!important}.sale-promotion-banner.mobile-layout .promotion-right{grid-row:3!important;order:3!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}@media (prefers-reduced-motion: reduce){.sale-promotion-banner,.promotion-btn,.highlight-badge,.bg-particle{animation:none}.promotion-btn:hover{transform:none}}@media (prefers-contrast: high){.sale-promotion-banner{background:#000;color:#fff;border:2px solid #ffffff}.promotion-btn{background:#fff;color:#000;border:2px solid #000000}.countdown-item{background:#ffffffe6;color:#000}}@media print{.sale-promotion-banner{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sale-promotion.css.map */