.sale-banner__media{width:100%}.sale-banner__inner{position:relative;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--sale-bg);color:var(--sale-text);border-radius:var(--sale-radius);isolation:isolate}.sale-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02)}.sale-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0000007a,#00000038 45%,#0000000d);z-index:2}.sale-banner__content{position:absolute;left:7%;top:50%;z-index:5;width:100%;max-width:750px;transform:translateY(-50%);animation:saleTextReveal 1s .2s ease both;display:flex;flex-direction:column;gap:25px}.sale-banner__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--sale-accent);color:#fff;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.16em;animation:saleBadge 2.5s ease-in-out infinite;width:fit-content}.sale-banner__eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:saleDot 1.2s ease-in-out infinite}.sale-banner__heading{margin:0;color:#fff;line-height:.95;letter-spacing:-.04em;font-weight:700;text-shadow:0 3px 20px rgba(0,0,0,.18);animation:saleHeading 1s .35s ease both}.sale-banner__text{max-width:560px;margin:0;color:#fff;font-size:16px;text-shadow:0 2px 12px rgba(0,0,0,.2)}.sale-banner__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 28px;overflow:hidden;background:var(--sale-button-bg);color:var(--sale-button-text);border:1px solid var(--sale-button-bg);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:transform .35s ease,background .35s ease}.sale-banner__button:before{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);transition:left .6s ease}.sale-banner__button:hover{transform:translateY(-4px)}.sale-banner__button:hover:before{left:140%}.sale-banner__button-arrow{display:inline-flex;transition:transform .35s ease}.sale-banner__button:hover .sale-banner__button-arrow{transform:translate(6px)}.sale-banner__sticker{position:absolute;z-index:8;right:8%;top:12%;width:110px;height:110px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:var(--sale-accent);color:#fff;font-size:14px;font-weight:800;line-height:1.15;transform:rotate(10deg);text-transform:uppercase;animation:saleSticker 4s ease-in-out infinite}.sale-banner__sticker span{display:block;font-size:30px}.sale-banner__content .use-custom-btn{justify-content:flex-start}@keyframes saleImageReveal{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes saleTextReveal{0%{opacity:0;transform:translate(-40px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes saleHeading{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes saleBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes saleDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@keyframes saleSticker{0%,to{transform:rotate(10deg) scale(1)}50%{transform:rotate(4deg) scale(1.08)}}@media screen and (max-width:989px){.sale-banner__sticker{width:80px;height:80px;right:4%;top:4%;font-weight:500}.sale-banner__sticker span{font-size:20px}}@media(max-width:750px){.sale-banner__content{gap:18px;padding:10px;left:0;justify-content:center;align-items:center;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/sale-bannere.css.map */