.promotion-marquee-container{width:100%;height:16px;overflow:hidden;position:relative;background:transparent;border-radius:4px}.promotion-marquee-content{display:flex;flex-direction:column;animation:promotion-step-show 12s ease-in-out infinite;white-space:nowrap;gap:12px;width:100%}@keyframes promotion-step-show{0%{transform:translateY(0);opacity:1}10%{transform:translateY(0);opacity:1}20%{transform:translateY(-36px);opacity:1}30%{transform:translateY(-36px);opacity:1}40%{transform:translateY(-72px);opacity:1}50%{transform:translateY(-72px);opacity:1}60%{transform:translateY(-108px);opacity:1}70%{transform:translateY(-108px);opacity:1}80%{transform:translateY(-110px);opacity:.8}to{transform:translateY(-120px);opacity:0}}.promotion-marquee-container:hover .promotion-marquee-content{animation-play-state:paused}.promotion-badge{display:block;width:100%;padding:2px 0;font-size:12px;font-weight:700;white-space:nowrap;transition:all .3s ease;background:none;border:none;box-shadow:none;height:24px;line-height:14px}.promotion-badge i{font-size:14px;margin-left:4px;font-weight:900}.promotion-badge.shipping{color:#047857;font-weight:600}.promotion-badge.shipping:hover{color:#065f46;font-weight:700}.promotion-badge.discount{color:#b91c1c;font-weight:600}.promotion-badge.discount:hover{color:#991b1b;font-weight:700}.promotion-badge.gift{color:#6d28d9;font-weight:600}.promotion-badge.gift:hover{color:#5b21b6;font-weight:700}.promotion-badge.special{color:#b45309;font-weight:600}.promotion-badge.special:hover{color:#92400e;font-weight:700}.promotion-badge.general{color:#1d4ed8;font-weight:600}.promotion-badge.general:hover{color:#1e40af;font-weight:700}.promotion-marquee-container[dir=ltr]{text-align:left;direction:ltr}.promotion-marquee-container[dir=ltr] .promotion-marquee-content{align-items:flex-start}.promotion-marquee-container[dir=ltr] .promotion-badge{text-align:left;direction:ltr}.promotion-marquee-container[dir=ltr] .promotion-badge i{margin-left:0;margin-right:4px}@media (max-width: 640px){.promotion-marquee-content{animation-duration:10s;gap:20px}.promotion-marquee-container{height:20px}.promotion-marquee-content{animation-duration:8s;gap:20px}@keyframes promotion-step-show{0%{transform:translateY(0);opacity:1}15%{transform:translateY(0);opacity:1}20%{transform:translateY(-20px);opacity:1}35%{transform:translateY(-20px);opacity:1}40%{transform:translateY(-40px);opacity:1}55%{transform:translateY(-40px);opacity:1}60%{transform:translateY(-60px);opacity:1}75%{transform:translateY(-60px);opacity:1}80%{transform:translateY(-80px);opacity:.8}to{transform:translateY(-100px);opacity:0}}.promotion-badge{font-size:12px;height:20px;line-height:16px;font-weight:700}.promotion-badge i{font-size:10px}}.promotion-marquee-content.slow{animation-duration:16s}.promotion-marquee-content.fast{animation-duration:8s}.promotion-marquee-content.very-fast{animation-duration:6s}.promotion-marquee-container.paused .promotion-marquee-content{animation-play-state:paused}.featured-star-box{position:absolute;top:8px;left:8px;width:26px;height:26px;background:#f59e0b;border:2px solid #d97706;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.featured-star-box i{color:#fff;font-size:12px;font-weight:900}.corner-ribbon{position:absolute;top:40px;left:-15px;background:#2563eb;color:#fff;font-size:11px;font-weight:800;padding:4px 20px 4px 10px;text-transform:uppercase;letter-spacing:.3px;z-index:10;transform:rotate(-45deg);transform-origin:top left;box-shadow:0 2px 4px #0000004d;width:100px;text-align:center;white-space:nowrap}.corner-ribbon:before{content:"";position:absolute;top:100%;left:0;width:0;height:0;border-style:solid;border-width:0 0 4px 4px;border-color:transparent transparent #1d4ed8 transparent}.corner-ribbon:after{content:"";position:absolute;top:100%;right:0;width:0;height:0;border-style:solid;border-width:4px 4px 0 0;border-color:#1d4ed8 transparent transparent transparent}@media (max-width: 640px){.featured-star-box{width:22px;height:22px;top:6px;left:6px}.featured-star-box i{font-size:10px}.corner-ribbon{font-size:10px;padding:2px 12px 2px 6px;top:35px;left:-15px;width:70px}.corner-ribbon:before,.corner-ribbon:after{border-width:3px 3px 0 0}}