.black-friday-banner{--bf-bg-color: #000000;--bf-text-color: #ffffff;--bf-timer-bg: #ffffff;--bf-timer-text: #000000;--bf-overlay-opacity: .3;--bf-height-desktop: 500px;--bf-height-mobile: 500px;--container-max-width: 1200px;--spacing-mobile: 1rem;--spacing-desktop: 2rem}.black-friday-banner{position:relative;width:100%;background-color:var(--bf-bg-color);overflow:hidden;display:block;transition:opacity .5s ease,max-height .5s ease;margin:50px 0}.black-friday-banner.banner-hidden{opacity:0;max-height:0;overflow:hidden;margin:0;padding:0}.black-friday-banner__wrapper{position:relative;width:100%;min-height:var(--bf-height-mobile);display:flex;align-items:center;justify-content:center}.black-friday-banner__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.black-friday-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.black-friday-banner__image--desktop{display:none}.black-friday-banner__image--mobile{display:block}.black-friday-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,var(--bf-overlay-opacity));z-index:2}.black-friday-banner__content{position:relative;z-index:3;width:100%;padding:var(--spacing-mobile);color:var(--bf-text-color)}.black-friday-banner__content .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-mobile)}.black-friday-banner__content-inner{display:flex;flex-direction:column;gap:1.5rem}.black-friday-banner__content--top{align-items:flex-start}.black-friday-banner__content--center{align-items:center}.black-friday-banner__content--bottom{align-items:flex-end}.black-friday-banner__content--left .black-friday-banner__content-inner{align-items:flex-start;text-align:left}.black-friday-banner__content--center .black-friday-banner__content-inner{align-items:center;text-align:center}.black-friday-banner__content--right .black-friday-banner__content-inner{align-items:flex-end;text-align:right}.black-friday-banner__title{font-size:clamp(1.75rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin:0;text-transform:uppercase;letter-spacing:.05em;animation:fadeInUp .8s ease-out;color:var(--bf-text-color)}.black-friday-banner__subtitle{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.5;margin:0;animation:fadeInUp .8s ease-out .2s both}.black-friday-banner__subtitle strong{font-weight:700;font-size:1.2em}.black-friday-banner__countdown{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s both}.countdown__item{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bf-timer-bg);color:var(--bf-timer-text);padding:.75rem 1rem;border-radius:.5rem;min-width:4rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.countdown__item:hover{transform:translateY(-2px)}.countdown__value{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:700;line-height:1;display:block;font-variant-numeric:tabular-nums}.countdown__label{font-size:clamp(.852rem,1.5vw,.75rem);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;opacity:.8}.countdown__separator{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--bf-text-color);line-height:1;margin:0 .25rem}.black-friday-banner__button-wrapper{animation:fadeInUp .8s ease-out .6s both}.black-friday-banner__button{display:inline-flex;padding:1rem 2.5rem;background-color:var(--bf-text-color);color:var(--bf-bg-color);text-decoration:none;font-weight:700;font-size:clamp(1.2rem,2vw,1.125rem);text-transform:uppercase;letter-spacing:.05em;border-radius:.5rem;transition:all .3s ease;border:2px solid var(--bf-text-color);cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown__value{animation:pulse 1s ease-in-out infinite}@media screen and (min-width: 768px){.black-friday-banner__wrapper{min-height:var(--bf-height-desktop)}.black-friday-banner__content{padding:var(--spacing-desktop)}.black-friday-banner__content .container{padding:0 var(--spacing-desktop)}.black-friday-banner__content-inner{gap:2rem}.countdown__item{padding:1rem 1.5rem;min-width:5rem}.black-friday-banner__countdown{gap:.75rem}.countdown__separator{margin:0 .5rem}.black-friday-banner__image--desktop{display:block}.black-friday-banner__image--mobile{display:none}}@media screen and (min-width: 1024px){.black-friday-banner__content-inner{gap:2.5rem}.countdown__item{padding:1.25rem 2rem;min-width:6rem}.black-friday-banner__countdown{gap:1rem}.black-friday-banner__button{padding:1.25rem 3rem}}@media screen and (min-width: 1440px){.black-friday-banner__content-inner{gap:3rem}}@media (prefers-reduced-motion: reduce){.black-friday-banner *,.black-friday-banner *:before,.black-friday-banner *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.black-friday-banner{display:none}}.black-friday-banner--full-width .black-friday-banner__content .container{max-width:100%}.black-friday-banner__wrapper:not(:has(.black-friday-banner__image)){background-color:var(--bf-bg-color)}.black-friday-banner[data-loading=true]{opacity:.5;pointer-events:none}.black-friday-banner[data-expired=true]{display:none}
/*# sourceMappingURL=/cdn/shop/t/132/assets/black-friday-banner.css.map */