.discount-bar{margin:1.5rem 0 0;width:100%}.discount-bar__track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.discount-bar__track::-webkit-scrollbar{display:none}.discount-bar__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:1.5rem;background:linear-gradient(160deg,#2e2e2e,#0a0a0a 65%);border:1px solid rgba(245,197,24,.18);box-shadow:0 12px 32px #00000061;overflow:hidden;isolation:isolate}.discount-bar__slide:before{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.03) 35%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.03) 65%,transparent 100%);transform:skew(-20deg);animation:discount-bar-shine 3.2s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes discount-bar-shine{0%{left:-60%}55%{left:130%}to{left:130%}}.discount-bar__top-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:0 0 .55rem;max-width:100%}.discount-bar__badge{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,#ff6a3d,#ff3d5a);color:#fff;font-weight:800;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;padding:.45rem .9rem;border-radius:999px;box-shadow:0 0 0 4px #ff5a3d33;margin:0;line-height:1;flex-shrink:0;white-space:nowrap}.discount-bar__content{z-index:1;min-width:0;max-width:100%}.discount-bar__title{display:inline-flex;align-items:center;margin:0;color:#171100;font-weight:900;font-size:1.5rem;line-height:1;letter-spacing:-.01em;background:linear-gradient(135deg,#f5c518,#ffe08a);padding:.45rem .85rem;border-radius:.6rem;flex-shrink:1;min-width:0;max-width:100%}.discount-bar__price{margin:0 0 .25rem;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.discount-bar__price-now{color:#4dea9e;font-weight:900;font-size:1.55rem;letter-spacing:-.02em}.discount-bar__price-was{color:#8a8a8a;font-size:1rem;text-decoration:line-through}.discount-bar__subtitle{margin:0;color:#b8b8b8;font-size:.95rem;font-weight:500}.discount-bar__code-wrap{z-index:1;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.4rem}.discount-bar__code{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;background:#f5c5181f;border:1.5px solid rgba(245,197,24,.6);border-radius:1rem;padding:.8rem 1.4rem;cursor:pointer;font-family:inherit;transition:background-color .2s ease,transform .15s ease,border-color .2s ease}.discount-bar__code:hover{background:#f5c51838;border-color:#f5c518d9}.discount-bar__code:active{transform:scale(.96)}.discount-bar__code-text{color:#fff;font-weight:900;font-size:1.3rem;letter-spacing:.02em;white-space:nowrap}.discount-bar__code-action{color:#f5c518;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.discount-bar__code.is-copied{border-color:#4dea9e;background:#4dea9e2e}.discount-bar__code.is-copied .discount-bar__code-action{color:#4dea9e}.discount-bar__code-hint{color:#8f8f8f;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.discount-bar__dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.9rem}.discount-bar__dot{width:.55rem;height:.55rem;padding:0;border:none;border-radius:999px;background:#ffffff8c;cursor:pointer;transition:width .25s ease,background-color .25s ease,transform .15s ease}.discount-bar__dot:hover{background:#ffffffd9;transform:scale(1.2)}.discount-bar__dot.is-active{width:1.6rem;background:#f5c518}.discount-bar__dot.is-active:hover{background:#f5c518;transform:none}@media screen and (max-width:480px){.discount-bar__slide{flex-wrap:wrap;padding:.8rem .9rem}.discount-bar__top-row{flex-wrap:nowrap;width:100%}.discount-bar__title{font-size:1.2rem;padding:.4rem .7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discount-bar__badge{font-size:.75rem;padding:.4rem .75rem}.discount-bar__price-now{font-size:1.2rem}.discount-bar__code{padding:.65rem 1.1rem}.discount-bar__code-text{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/discount-bar.css.map */