@font-face{font-family:BFWide;src:url('../fonts/MTS-Wide-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:BFCompact;src:url('../fonts/MTSCompact-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
.intro-sale.bf-active{container-type:inline-size;padding:0!important;background:#000!important;color:#fff!important}
.intro-sale.bf-active>:not(.bf-banner){display:none!important}
.intro-sale>.bf-banner[hidden]{display:none!important}
.intro-sale>.bf-banner{box-sizing:border-box;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:110px;width:100%;padding:0 40px;overflow:hidden;background:#000 url('../images/black-friday/desktop.png') center/cover no-repeat;color:#fff;font-family:BFWide,sans-serif;font-weight:500;line-height:normal;text-align:center;cursor:default}
.bf-banner *{box-sizing:border-box}
.bf-message{display:flex;align-items:center;flex-shrink:0}
.bf-dates{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border:1.5px solid #fff;border-radius:10px;background:#ff0032;filter:drop-shadow(0 0 9px #fff);font-size:20px;white-space:nowrap}
.bf-title{display:block;padding:4px 10px;font-size:33px;white-space:nowrap;text-transform:uppercase}
.bf-timer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:10px;width:281px;height:110px;padding:0 40px 10px}
.bf-timer:before{content:'';position:absolute;z-index:-1;left:0;top:0;width:283px;height:110px;background:url('../images/black-friday/timer-desktop.svg') left top/283px 110px no-repeat}
.bf-label{display:block;padding:0 24px;border-bottom:1px solid #fff;font-size:22px;line-height:1.4;white-space:nowrap}
.bf-units{display:flex;gap:12px}
.bf-unit{display:flex;flex-direction:column;align-items:center;width:59px;white-space:nowrap}
.bf-value{font-size:22px;line-height:22px;font-variant-numeric:tabular-nums}
.bf-unit-label{font-family:BFCompact,sans-serif;font-weight:400;font-size:16px;line-height:16px}
@container (max-width:1100px){
 .intro-sale>.bf-banner{background-image:url('../images/black-friday/tablet.png');padding:0 4.4%;justify-content:space-between}
 .bf-message{gap:8px}.bf-dates{padding:5.16px 13.76px;border-width:1.29px;border-radius:8.6px;font-size:16px;min-height:45.88px;filter:drop-shadow(0 0 7.74px #fff)}
 .bf-title{padding:3.44px 8.6px;font-size:28px}
 .bf-timer{width:241.66px;height:94.6px;padding:0 34.4px 8.6px;gap:8.6px}
 .bf-timer:before{left:-4.87px;top:-7.7px;width:248px;background-image:url('../images/black-friday/timer-tablet.svg');background-size:248px 110px}
 .bf-label{padding:0 20.64px;font-size:20px}.bf-units{gap:10.32px}.bf-unit{width:50.74px}.bf-value{font-size:20px;line-height:18.92px}.bf-unit-label{font-size:14px;line-height:13.76px}
}
@container (max-width:829px){
 .intro-sale>.bf-banner{height:216px;flex-direction:column;justify-content:flex-start;padding:22px 0 0;background-image:url('../images/black-friday/mobile.png')}
 .bf-message{flex-direction:column;gap:4px}.bf-dates{min-height:0;padding:4.68px 12.48px;border-width:1.17px;border-radius:7.8px;filter:drop-shadow(0 0 7.02px #fff)}
 .bf-title{padding:3.12px 7.8px;font-size:26px}
 .bf-timer{position:absolute;top:106px;left:calc(50% - .5px);transform:translateX(-50%);width:281px;height:110px;padding:0 40px 10px;gap:10px}
 .bf-timer:before{left:-38px;top:0;width:321px;background-image:url('../images/black-friday/timer-mobile.svg');background-size:321px 110px}
 .bf-timer:after{content:'';position:absolute;z-index:-1;top:0;right:calc(100% + 37px);width:100cqw;height:110px;background:#000}
 .bf-label{padding:0 24px}.bf-units{gap:12px}.bf-unit{width:59px}.bf-value{line-height:22px}.bf-unit-label{line-height:16px}
}
@container (max-width:339px){.bf-title{font-size:23px}}

/* Keep the existing popup, form nodes and submit/close listeners. */
@font-face{font-family:BFText;src:url('../fonts/MTSText-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:BFCompact;src:url('../fonts/MTSCompact-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
.bf-popup-picture[hidden]{display:none!important}
.promo-popup.bf-popup-active .page-popup__content{box-sizing:border-box;width:676px!important;max-width:calc(100vw - 32px)!important;padding:0!important;border-radius:28px;background:#fff;box-shadow:6px 6px 22px #00000026;overflow:hidden}
.promo-popup.bf-popup-active .page-popup__img-wrap{width:100%;height:232px!important;min-height:232px!important;max-height:232px!important}
.promo-popup.bf-popup-active .page-popup__img-wrap>:not(.bf-popup-picture){display:none!important}
.promo-popup.bf-popup-active .bf-popup-picture{display:block;width:100%;height:100%}
.promo-popup.bf-popup-active .bf-popup-picture img{display:block;width:100%;height:232px!important;min-height:232px!important;max-height:232px!important;object-fit:cover!important;object-position:center!important;border-radius:28px 28px 0 0}
.promo-popup.bf-popup-active .popup-form{box-sizing:border-box;width:100%;height:auto!important;min-height:0!important;padding:24px 60px 30px!important;margin:0;display:flex;flex-direction:column;align-items:center;gap:30px}
.promo-popup.bf-popup-active .popup-form__form-heading{width:100%;max-width:none;margin:0!important;padding:0;font:500 30px/36px BFText,sans-serif;color:#000;letter-spacing:-.24px;text-align:center}
.promo-popup.bf-popup-active .popup-form__form-fieldsBlock{box-sizing:border-box;width:430px;max-width:100%;margin:0;padding:0}
.promo-popup.bf-popup-active .popup-form__field{box-sizing:border-box;display:block;width:100%;height:53px!important;margin:0!important;padding:0 14px!important;border:1.5px solid #adafaf;border-radius:8px;background:#fff;font:400 18px/36px BFCompact,sans-serif;color:#000;letter-spacing:-.24px}
.promo-popup.bf-popup-active .popup-form__field::placeholder{color:#adafaf;opacity:1}
.promo-popup.bf-popup-active .popup-form__field[type="tel"]{margin-top:18px!important}
.promo-popup.bf-popup-active .orderConsultationSection__labeled-checkbox-group{box-sizing:border-box;width:100%;margin:32px 0 0!important;padding:0;border:0;min-width:0}
.promo-popup.bf-popup-active label.labeled-checkbox{display:flex;align-items:center;width:100%;padding:0;margin:0;color:#000;font:400 12px/1.15 BFCompact,sans-serif;text-align:left}
.promo-popup.bf-popup-active label.labeled-checkbox .checkbox{appearance:none;position:static!important;opacity:1!important;display:block!important;flex:0 0 20px;width:20px!important;height:20px!important;margin:0 10px 0 2px!important;padding:0;border:1px solid #000;border-radius:5px;background:#fff;cursor:pointer}
.promo-popup.bf-popup-active label.labeled-checkbox .checkbox:checked{border:0;background:transparent url('../images/black-friday/checkbox-selected.svg') center/20px 20px no-repeat}
.promo-popup.bf-popup-active label.labeled-checkbox .checkbox:before,.promo-popup.bf-popup-active label.labeled-checkbox .checkbox:after{display:none!important}
.promo-popup.bf-popup-active label.labeled-checkbox .checkbox:focus-visible{outline:2px solid #327bff;outline-offset:3px}
.promo-popup.bf-popup-active label.labeled-checkbox>span{font:inherit;color:inherit}
.promo-popup.bf-popup-active label.labeled-checkbox>span:before,.promo-popup.bf-popup-active label.labeled-checkbox>span:after{display:none!important}
.promo-popup.bf-popup-active label.labeled-checkbox a{font:inherit;color:#000;text-decoration:underline}
.promo-popup.bf-popup-active .popup-form__form-buttonsBlock{position:static!important;width:256px;max-width:100%;margin:0!important;padding:0}
.promo-popup.bf-popup-active .popup-form .popup-form__button{box-sizing:border-box;width:100%;max-width:none;height:auto;min-height:66px;padding:16px 12px!important;border:0;border-radius:10px;background:#ff0032;color:#fff;font:500 24px/1.4 BFCompact,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
.promo-popup.bf-popup-active .popup-form__form-closingBlock{z-index:2;top:10px!important;right:10px!important}
.promo-popup.bf-popup-active .popup__success{padding:30px}
@media(max-width:767px){
 .promo-popup.bf-popup-active .page-popup__content{width:328px!important;max-width:calc(100vw - 32px)!important;margin-inline:auto}
 .promo-popup.bf-popup-active .page-popup__img-wrap{height:218px!important;min-height:218px!important;max-height:218px!important}
 .promo-popup.bf-popup-active .bf-popup-picture img{height:218px!important;min-height:218px!important;max-height:218px!important}
 .promo-popup.bf-popup-active .popup-form{padding:11px 16px 20px!important}
 .promo-popup.bf-popup-active .popup-form__form-heading{font-size:24px;line-height:28px}
 .promo-popup.bf-popup-active .popup-form__field[type="tel"]{margin-top:12px!important}
 .promo-popup.bf-popup-active .orderConsultationSection__labeled-checkbox-group{margin-top:14px!important}
 .promo-popup.bf-popup-active .popup-form__form-buttonsBlock{width:100%}
}
