.black-friday-banner{position:relative;overflow:hidden;width:100%;background:radial-gradient(circle at 0% 50%,rgba(69,0,8,.88),transparent 34%),radial-gradient(circle at 100% 50%,rgba(69,0,8,.72),transparent 31%),linear-gradient(105deg,#270008,#080808 32% 70%,#270008);color:#fff}.black-friday-banner[hidden]{display:none}.black-friday-banner:before,.black-friday-banner:after{position:absolute;top:-70px;z-index:0;width:190px;height:260px;background:linear-gradient(135deg,transparent 18%,rgba(166,0,24,.3) 18%,rgba(166,0,24,.3) 37%,transparent 37%);content:"";pointer-events:none;transform:rotate(8deg)}.black-friday-banner:before{left:-92px}.black-friday-banner:after{right:-92px;transform:rotate(188deg)}.black-friday-banner__product-image{position:absolute;top:0;right:48px;z-index:1;width:min(390px,30vw);height:100%;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 24%,#000000 52%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 24%,#000000 52%)}.black-friday-banner__product-image:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(8,8,8,.58),transparent 48%);content:""}.black-friday-banner__product-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.78}.black-friday-banner__inner{display:grid;position:relative;z-index:2;min-height:124px;grid-template-columns:minmax(390px,1fr) auto;align-items:center;gap:34px;padding-top:20px;padding-right:58px;padding-bottom:20px}.black-friday-banner--has-product-image .black-friday-banner__inner{padding-right:min(390px,29vw)}.black-friday-banner__copy{display:grid;min-width:0;gap:8px}.black-friday-banner__headline{margin:0;color:#fff;font-size:24px;font-weight:700;line-height:30px;letter-spacing:.2px}.black-friday-banner__headline-highlight{color:#f4e342}.black-friday-banner__headline--mobile{display:none}.black-friday-banner__description{max-width:650px;margin:0;color:#e6e6e6;font-size:15px;line-height:21px}.black-friday-banner__actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-left:28px;border-left:1px solid rgba(255,255,255,.16)}.black-friday-banner__date{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#270008ad;color:#fff;font-size:13px;font-weight:600;line-height:18px;text-align:center;white-space:nowrap}.black-friday-banner__date svg{width:16px;height:16px;flex:0 0 16px;color:#f0445a}.black-friday-banner__date--mobile{display:none}.black-friday-banner__cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;background:#b8eb4e;color:#101010;font-size:15px;font-weight:700;line-height:22px;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,transform .16s ease}.black-friday-banner__cta:hover{background:#d1f57a;color:#101010;text-decoration:none;transform:translateY(-1px)}.black-friday-banner__cta:focus-visible,.black-friday-banner__dismiss:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}.black-friday-banner__cta svg{width:18px;height:18px;flex:0 0 18px;transition:transform .16s ease}.black-friday-banner__cta:hover svg{transform:translate(2px)}.black-friday-banner__dismiss{display:flex;position:absolute;top:50%;right:12px;width:38px;height:38px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#08080861;color:#fff;cursor:pointer;transform:translateY(-50%);transition:background-color .16s ease}.black-friday-banner__dismiss:hover{background:#ffffff24}.black-friday-banner__dismiss svg{width:18px;height:18px}@media screen and (max-width:1399px){.black-friday-banner__inner{grid-template-columns:minmax(340px,1fr) auto;gap:24px}.black-friday-banner__headline{font-size:22px;line-height:28px}.black-friday-banner__actions{gap:11px;padding-left:20px}.black-friday-banner__date--desktop{display:none}.black-friday-banner__date--mobile{display:inline-flex}}@media screen and (max-width:1199px){.black-friday-banner__inner{min-height:120px;grid-template-columns:minmax(310px,1fr) auto;gap:18px;padding-top:18px;padding-bottom:18px}.black-friday-banner--has-product-image .black-friday-banner__inner{padding-right:min(285px,28vw)}.black-friday-banner__headline{font-size:20px;line-height:26px}.black-friday-banner__description{font-size:14px;line-height:20px}.black-friday-banner__actions{padding-left:16px}}@media screen and (max-width:989px){.black-friday-banner__product-image{display:none}.black-friday-banner__inner,.black-friday-banner--has-product-image .black-friday-banner__inner{min-height:128px;grid-template-columns:minmax(0,1fr) auto;padding-right:58px}.black-friday-banner__actions{border-left-color:#ffffff1f}}@media screen and (max-width:749px){.black-friday-banner__inner,.black-friday-banner--has-product-image .black-friday-banner__inner{min-height:0;grid-template-columns:minmax(0,1fr);gap:13px;padding:17px 52px 18px 16px}.black-friday-banner__copy{gap:7px}.black-friday-banner__headline--desktop{display:none}.black-friday-banner__headline--mobile{display:block;font-size:18px;line-height:23px}.black-friday-banner__description{display:block;font-size:13px;line-height:18px}.black-friday-banner__actions{justify-content:flex-start;gap:9px;padding-left:0;border-left:0}.black-friday-banner__date{min-height:36px;gap:5px;padding:7px 9px;font-size:10px;line-height:15px}.black-friday-banner__date svg{width:14px;height:14px;flex-basis:14px}.black-friday-banner__cta{min-height:44px;padding:10px 14px;font-size:14px;line-height:20px}.black-friday-banner__dismiss{top:12px;right:8px;transform:none}}@media screen and (max-width:359px){.black-friday-banner__inner,.black-friday-banner--has-product-image .black-friday-banner__inner{padding-right:46px;padding-left:13px}.black-friday-banner__headline--mobile{font-size:17px;line-height:22px}.black-friday-banner__description{font-size:12px;line-height:17px}.black-friday-banner__actions{gap:6px}.black-friday-banner__date{padding-right:7px;padding-left:7px;font-size:9px}.black-friday-banner__cta{padding-right:11px;padding-left:11px;font-size:13px}}@media(prefers-reduced-motion:reduce){.black-friday-banner__cta,.black-friday-banner__cta svg,.black-friday-banner__dismiss{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-black-friday-banner.css.map */