.sales-banner{position:relative;overflow:hidden;background-color:var(--sb-bg);padding:var(--sb-padding-top) 20px var(--sb-padding-bottom)}.sales-banner__stage{position:relative;max-width:1400px;margin:0 auto}.sales-banner__deco{position:absolute;z-index:0;pointer-events:none;max-width:none;height:auto}.sales-banner__deco--left{right:100%;left:-110px;bottom:-39%;margin-right:-16px;width:152px;transform:rotate(-12deg)}.sales-banner__deco--right{left:98%;top:-38%;margin-left:-14px;width:147px;transform:rotate(13deg)}.sales-banner__headline,.sales-banner__divider,.sales-banner__cta{position:relative;z-index:1}.sales-banner__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:82px;padding:10px 24px;border-radius:8px}.sales-banner__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--sb-border);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect x='0' y='0' width='100%25' height='100%25' rx='8' ry='8' fill='none' stroke='%23000' stroke-width='3' stroke-dasharray='4 4'/%3E%3C/svg%3E"),linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-size:100% 100%,100% 100%;-webkit-mask-repeat:no-repeat,no-repeat;-webkit-mask-composite:source-in;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect x='0' y='0' width='100%25' height='100%25' rx='8' ry='8' fill='none' stroke='%23000' stroke-width='3' stroke-dasharray='4 4'/%3E%3C/svg%3E"),linear-gradient(90deg,transparent 0%,#000 40%,#000 40%,transparent 100%);mask-size:100% 100%,100% 100%;mask-repeat:no-repeat,no-repeat;mask-composite:intersect}.sales-banner__content{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;padding:0 24px}.sales-banner__headline{font-family:Playfair Display,serif;font-weight:400;font-size:48px;display:flex;justify-content:center;gap:12px;align-items:center;line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--sb-headline-color);white-space:nowrap;margin:0}.sales-banner__headline strong,.sales-banner__headline b{font-weight:400;color:var(--sb-accent-color)}.sales-banner__discount{color:var(--sb-accent-color)}.sales-banner__discount-img{height:calc(var(--sb-discount-scale, 1.3) * 1em);width:auto;vertical-align:-.14em;margin-right:-.08em;max-width:90px}.sales-banner__divider{flex:0 0 auto;width:2px;height:50px;background:var(--sb-divider)}.sales-banner__cta{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:2px}.sales-banner__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:4px;background-color:var(--sb-button-bg);color:var(--sb-button-text);border:1px solid var(--sb-button-bg);font-family:Gotham,sans-serif;font-weight:700;font-size:15px;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .3s ease,color .3s ease;min-width:202px}.sales-banner__button:hover{background-color:transparent;color:var(--sb-button-bg)}.sales-banner__caption{font-family:Gotham-Book,sans-serif;font-weight:400;font-size:14px;line-height:1.4;letter-spacing:-.04em;text-align:center;color:var(--sb-caption-color);margin:0}@media screen and (max-width:1000px){.sales-banner__button{min-width:182px}.sales-banner__headline{font-size:36px}.sales-banner__content{gap:18px}.sales-banner__deco--right{left:95%;top:-26%;margin-left:-7px;width:131px;transform:rotate(13deg)}}@media screen and (max-width:767px){.sales-banner{padding:var(--sb-padding-top-mobile) 16px var(--sb-padding-bottom-mobile)}.sales-banner__inner{padding:16px;min-height:0}.sales-banner__content{width:100%;flex-direction:column;gap:4px}.sales-banner__headline{align-items:unset;font-size:40px}.sales-banner__divider{display:none}.sales-banner__caption{font-size:12px}.sales-banner__discount-img{max-width:75px}.sales-banner__deco--left{right:auto;left:-58px;bottom:-55px;margin:0;width:160px;transform:translate(-22px) rotate(6deg)}.sales-banner__deco--right{left:auto;right:-58px;top:auto;bottom:-70px;margin:0;width:166px;transform:translate(14px) rotate(-37deg)}}@media screen and (max-width:392px){.sales-banner__headline{font-size:36px}.sales-banner__button{min-width:unset}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-sales-banner.css.map */