@import url("../fonts/HeliosCondBlack_0.ttf");

/* @import url("../fonts/HeliosCondBlack_silaby.ttf"); */

@font-face {
    font-family: "HeliosCondBlack_0";
    src: local("HeliosCondBlack_0"), url("../fonts/HeliosCondBlack_0.ttf.ttf") format("truetype"),
}

@import url("../fonts/HeliosCondBlack_1.otf");

/* @import url("../fonts/HeliosCondBlack_silaby.ttf"); */

@font-face {
    font-family: "HeliosCondBlack_1";
    src: local("HeliosCondBlack_1"), url("../fonts/HeliosCondBlack_1.otf");
    font-weight: 900;
}

@font-face {
    font-family: 'Helios';
    src: local('Helios Condensed Black'), local('Helios-Condensed-Black'), url('../fonts/HeliosCondBlackC.woff2') format('woff2'), url('HeliosCondBlackC.woff') format('woff'), url('../fonts/HeliosCondBlackC.ttf') format('truetype');
    font-style: normal;
}

@import url(../fonts/HeliosCondBlack_2?family=HeliosCondBlack_2);
@font-face {
    font-family: "HeliosCondBlack_2";
    src: url("../fonts/HeliosCondBlack_2.eot");
    src: url("../fonts/HeliosCondBlack_2.eot?#iefix")format("embedded-opentype"), url("../fonts/HeliosCondBlack_2.woff2")format("woff2"), url("../fonts/HeliosCondBlack_2.woff")format("woff"), url("../fonts/HeliosCondBlack_2.ttf")format("truetype"), url("../fonts/HeliosCondBlack_2.svg#HeliosCondBlack_2")format("svg");
}
@font-face {
  font-family: "Lobster";
  src: url("../fonts/LOBSTER.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
}



html,
body,
.wrap_lp_bf {
    height: 100%;
    width: 100%;
    margin: 0;
    font-family: Helios!important;
}

.wrap_lp_bf {
    display: flex;
    background: #FCCA00;
    background-size: 100%;
    width: 1128px;
    height: auto;
    margin: 0 auto;
    position: relative;
    flex-direction: column;
}

.wrap_lp_bf a {
    text-decoration: none;
}

.header_right.header_load_img a {
    display: flex;
    position: relative;
}

/* .header_right.header_load_img a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 180px;
    background: url(../img/black_friday_img//lp_bf_2024/oblako_1.webp) no-repeat;
    top: 265px;
    left: 28px;
    background-size: contain;
    z-index: 3;
    animation: light 15s infinite;
}

.header_right.header_load_img a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    background: url(../img/black_friday_img//lp_bf_2024/oblako_2.webp) no-repeat;
    top: 207px;
    left: -67px;
    background-size: contain;
    z-index: 1;
    animation: light 25s infinite;
} */

div.main div.txt .header_right.header_load_img img {
    margin-left: 60px;
    position: relative;
    z-index: 2;
}

.logo_lp_bf {
    width: 1128px;
    height: 470px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transform-style: inherit;
    background-size: 100%;
    overflow: hidden;

}



.header_left,
.header_right {
    position: relative;
    flex: 50%;
}

.header_left img {
    max-width: 615px;
    position: relative;
    left: calc(50% - 247px);
    top: 5px;
    transform-origin: 50% 50%;
    /* animation: swinging 2s ease-in-out forwards infinite; */
    z-index: 10;
}

div.main div.txt p.date_header_left {
    position: absolute;
    font-size: 37px;
    text-align: center;
    color: #fff;
    font-family: Helios!important;
    left: calc(50% - 103px);
    top: -73px;
    margin: 0;
}




.header_percent_left,
.header_percent_center,
.header_percent_right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
}

.header_percent_left:after {
    content: "";
    position: absolute;
    width: 125px;
    height: 106px;
    background: url(../img/black_friday_img//lp_bf_2024/zvezdy_1.webp) no-repeat;
    top: 57px;
    left: 56px;
    background-size: contain;
    z-index: 10;
    animation: zvezd 3s infinite;
    background-size: contain;
    animation-delay: 0.5s;
    /* filter: drop-shadow(0 0 10px #ff0) brightness(1.2) saturate(1.3); */
}

.header_percent_left:before {
    content: "";
    position: absolute;
    width: 125px;
    height: 180px;
    background: url(../img/black_friday_img//lp_bf_2024/zvezdy_2.webp) no-repeat;
    top: 46px;
    left: 487px;
    background-size: contain;
    z-index: 10;
    animation: zvezd 2s infinite;
    animation-delay: 1s;
}

.header_percent_center:after {
    content: "";
    position: absolute;
    width: 111px;
    height: 150px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    top: -74px;
    left: 453px;
    background-size: contain;
    z-index: 10;
    animation: light 3s infinite;
    transform: rotate(30deg);
    animation: percentBounce30 3s ease-in-out infinite;
    /* filter: brightness(1.1) saturate(1.5) drop-shadow(0 0 10px rgba(230, 0, 0, 0.8)); */
}

.header_percent_right:after {
    content: "";
    position: absolute;
    width: 110px;
    height: 125px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    top: 213px;
    left: 88px;
    background-size: contain;
    z-index: 10;
    /* animation: light 9s infinite; */
    animation: percentBounce 5s ease-in-out infinite;
    /* filter: brightness(1.2) saturate(1.3) drop-shadow(0 0 12px rgba(255,215,0,0.9)); */
}

.header_right {
    flex: 40%;
}

/* .header_right img {
    width: 0;
    position: relative;
    width: auto;
    left: 35px;
    transform: scale(1.2);
}

.header_right.header_load_img img {
    width: 100%;
    max-width: 455px;
    animation: rotate_circle 2s ease-in-out;
    left: -21px;
}

.header_load_img:before {
    content: '';
    position: absolute;
    width: 327px;
    height: 327px;
    background-size: contain;
    top: 64px;
    left: 80px;
    z-index: 1;
    border-radius: 50%;
    animation: rotate_circle_gif 1.95s ease-in-out;

} */

.header_load_img::after {
    content: "";
    position: absolute;
    width: 125px;
    height: 98px;
    background: url(../img/black_friday_img//lp_bf_2024/zvezdy_3.webp) no-repeat;
    top: 248px;
    left: 392px;
    background-size: contain;
    z-index: 10;
    animation: zvezd 4s infinite;
    animation-delay: 2s;
}

.block_sale_wrap {
    overflow: hidden;
    position: relative;
    overflow: hidden;
    position: relative;
    padding: 0 43px;
    /* margin: 0 18px; */
    margin: 0;
}




.block_wrap_tovar_bf {
    background: #f9b224;
    border-radius: 6px;
    display: flex;
    margin: 33px;
    padding: 15px;
    box-sizing: border-box;
}

.block_item_tovar_bf {
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
}

.block_item_tovar_bf a {
    color: #2b2a29;
    display: flex;
    flex-direction: column;
}

.price_wrap_tovar_bf {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.block_name_tovar_bf {
    font-size: 20px;
    display: inline-block;
    text-align: center;
    margin-bottom: 11px;
}

.block_price_tovar_bf {
    padding: 10px;
    box-sizing: border-box;
    background: #000;
    color: #fff;
    height: 33px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-size: 22px;
}

.main_bf_wrap {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 115px;
    /* padding-top: 24px; */
}

.main_bf_item {
    display: flex;
    justify-content: space-between;
    min-width: 956px;
    align-items: center;
    position: relative;
}
.main_bf_item_line_left{
    position: absolute;
    display: flex;
    height: 8px;
    width: calc(80% + 4px);
    box-shadow: -11px -6px 10px -1px #e60000;
    bottom: 0;
    left: 0;
}
.main_bf_item_line_left::before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    width: calc(100% - 4px);
    height: 4px;
    background-color: #ff0;
    z-index: 1;
    clip-path: polygon(0 0, 99.5% 0, 100% 100%, 0% 100%);
}

.main_bf_item_line_left::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #fff;
  z-index: 0;
  clip-path: polygon(0 0, 99.5% 0, 100% 100%, 0% 100%);
}

.main_bf_item_line_right{
    position: absolute;
    display: flex;
    height: 8px;
    width: calc(80% + 4px);
    box-shadow: 11px -4px 10px -1px #e60000;
    bottom: 0;
    right: 0;
}
.main_bf_item_line_right::before {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 0px;
    width: calc(100% - 4px);
    height: 4px;
    background-color: #ff0;
    z-index: 1;
    clip-path: polygon(0.5% 0, 100% 0, 100% 100%, 0% 100%);
}

.main_bf_item_line_right::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 4px;
    width: 100%;
    background-color: #fff;
    z-index: 0;
    clip-path: polygon(0.5% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.main_bf_bg {
    margin: 44px auto;
    display: flex;
    min-width: 1014px;
    align-items: center;
    position: relative;
    justify-content: center;
}



.main_button_bf_link {
    /* color: #222222; */
    color: #000000;
    font-size: 32px;
    /* line-height: 42px; */
    background: #FFFF00;
    height: 55px;
    width: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 2px solid transparent;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    font-weight: 900;
    font-family: HeliosCondBlack_2!important;
    position: relative;
    z-index: 15;
    /* font-family: HeliosCondBlack!important; */
}

.wrap_lp_bf .main_bf_item a {
    position: relative;
    z-index: 1;
    background: #ffff00;
    color: #fff;
    font-size: 32px;
    line-height: 25px;
    font-weight: 900;
    font-family: HeliosCondBlack_2, sans-serif;
    text-transform: uppercase;
    height: 66px;
    width: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    padding-bottom: 12px;
    box-sizing: border-box;
    clip-path: polygon(50% 0%, 100% 0, 100% 67%, 147px 100%, 50% 100%, 0 100%, 0% 70%, 0 20px, 22px 0);
    transition: all 0.3s ease-in-out;
}
.wrap_lp_bf .main_bf_item a::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #e60000;
  clip-path: polygon(50% 0%, 100% 0, 100% 67%, 144px 100%, 50% 100%, 0 100%, 0% 70%, 0 20px, 22px 0);
  z-index: -1;
  bottom: 4px;
  right: 4px;
}
.shadow_btn{
    position: relative;
}
.wrap_lp_bf .main_bf_item .shadow_btn::after{
    content: "";
    position: absolute;
    background: #000;
    bottom: -10px;
    right: 4px;
    width: 95%;
    height: 90%;
    filter: blur(12px);
    opacity: 0.2;

}

.main_button_bf_link {
    margin: 12px auto;
    line-height: 179px;
    margin-left: auto;
    position: absolute;
    right: -108px;
    top: 13px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.main_bf_item .main_bf_img {
    position: relative;
    min-width: 370px;
    min-height: 300px;

}

.main_bf_bg:hover img:last-child {
    animation: percentBounce 4s ease-in-out infinite
    
}

.main_bf_item img {
    width: 100%;
    /* position: absolute; */
    z-index: 14;
}





.main_button_bf_link:hover {
    border: 2px solid #fff;
    /* text-decoration: underline; */
    color: #fff;
    transform: scale(1.05);
    transition: all 0.6s ease-in-out;
}
.main_bf_item a:hover{

    /* text-decoration: underline; */
    color: #fff;
    transform: scale(1.05);
    transition: all 0.6s ease-in-out;
}

.bf_title_wrap {
    display: flex;
    flex-direction: column;
align-items: center;
flex:  0 0 50% ;
}

.main_bf_title {
    font-size: 80px;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    font-family: "Lobster", cursive !important;
    line-height: 54px;
    position: relative;
    margin-bottom: 44px;
    
}
.main_bf_title_left{
    flex: 1 1 100%;
     font-family: "Lobster", cursive !important;
}
.main_bf_title_right{
margin-left: auto;
flex: 1 1 100%;
text-align: right;
 font-family: "Lobster", cursive !important;
}



/* div.main div.txt .main_bf_wrap span {
    font-family: "Lobster", cursive!important;
    animation: lights 5s 750ms linear infinite;
} */



.main_bf_item .light { 
     font-family: "Lobster", cursive !important;
    /* animation: light 7s infinite; */
    /* font-family: "Lobster", cursive!important; */
 }

@keyframes light {
    20%,
    24%,
    55% {
        color: #fff;
        opacity: 0.5;
        text-shadow: none;
    }
    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    100% {
        opacity: 1;
        color: #fff;
    }
}

@keyframes fade_light {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 0.75;
    }
    66% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

.main_bf_item:nth-child(1) .main_bf_img:before {
    content: "";
    position: absolute;
    width: 148px;
    height: 148px;
    top: 0px;
    right: -44px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    background-size: contain;
    transform: rotate(45deg);
    animation: percentBounce45 6s ease-in-out infinite;
}

.main_bf_item:nth-child(2) .bf_title_wrap:before {
    left: 0;
    content: "";
    position: absolute;
    width: 148px;
    height: 148px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    top: 69px;
    background-size: contain;
    animation: percentBounce 4s ease-in-out infinite;
}

.main_bf_item:nth-child(3) .bf_title_wrap:before {
    content: "";
    position: absolute;
    width: 148px;
    height: 148px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    top: -154px;
    left: -19px;
    background-size: contain;
    animation: percentBounce 5s ease-in-out infinite;

}
.main_bf_item:nth-child(4) .bf_title_wrap:before {
    content: "";
    position: absolute;
    width: 148px;
    height: 148px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    top: -154px;
    right: -109px;
    background-size: contain;
    transform: rotate(25deg);
    animation: percentBounce25 3s ease-in-out infinite;
}



.main_bf_item:nth-child(5) .main_bf_img:before {
    content: "";
    position: absolute;
    width: 148px;
    height: 148px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    top: -47px;
    background-size: contain;
    background-position: 50%;
    left: -56px;
     transform: rotate(45deg);
     animation: percentBounce45 7s ease-in-out infinite;
}

.main_bf_item:nth-child(6) .main_bf_img:before {
    content: "";
    position: absolute;
    width: 148px;
    height: 148px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    top: 0;
    right: -60px;
    background-size: contain;
    background-position: 50%;
     transform: rotate(60deg);
     animation: percentBounce60 4s ease-in-out infinite;
}
.main_bf_item:nth-child(7) .main_bf_img:before {
    content: "";
    position: absolute;
    width: 148px;
    height: 148px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    bottom: 62px;
    background-size: contain;
    background-position: 50%;
    left: -84px;
    animation: percentBounce 6s ease-in-out infinite;
}

.main_bf_item:nth-child(8) .main_bf_img:before {
    content: "";
    position: absolute;
    width: 148px;
    height: 148px;
    background: url(../img/black_friday_img//lp_bf_2025/Procent.webp) no-repeat;
    top: -47px;
    background-size: contain;
    background-position: 50%;
    right:  0;
    animation: percentBounce 3s ease-in-out infinite;
}


.main_bf_text {
    color: #fff;
    position: relative;
    margin-top: 14px;
    font-size: 41px;
    font-family: Helios !important;
}

.footer_button_bf {
    /* background: url(../img/black_friday_img//svet_10.png) no-repeat;
  background-size: cover; */
    padding-bottom: 28px;
}

.footer__button_bf_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* div.main div.txt .footer_button_bf p,
div.main div.txt .main_bf_wrap p {
    font-size: 56px;
    text-align: center;
    text-transform: uppercase;
    color: #e60000;
    font-family: Helios !important;
    margin: 44px auto 33px;
    position: relative;
} */
div.main div.txt .footer_button_bf p {
    font-size: 56px;
    text-align: center;
    text-transform: uppercase;
    color: #e60000;
    font-family: Helios !important;
    margin: 44px auto 33px;
    position: relative;
}

div.main div.txt .main_bf_wrap p {
    margin: 0px auto 40px;
}

.main_bf_wrap .main_button_bf_img {
    display: inline-block;
    width: 187px;
    height: 96px;
    position: relative;
}

.footer_button_bf .footer_button_bf_img {
    font-family: Helios !important;
    color: #000;
    position: relative;
}



.footer__button_bf_wrap a {
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    flex: 0 0 17%;
    margin-right: 22px;
    margin-bottom: 22px;
    color: #fff;
    font-size: 20px;
    background: #000000;
    border: 2px solid transparent;
    font-family: Helios!important;
}



.footer__button_bf_wrap a:nth-child(5),
.footer__button_bf_wrap a:nth-child(10) {
    margin-right: 0px;
}

@keyframes circle-animation {
    50% {
        transform: translateZ(-100px) scale(0.8);
    }
}

@keyframes spin {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: rotateX(90deg) rotateY(180deg);
    }
    90% {
        transform: rotateX(0deg) rotateY(0deg);
    }
}

@keyframes swinging {
    0% {
        transform: rotate(1.5deg);
    }
    50% {
        transform: rotate(-3deg)
    }
    100% {
        transform: rotate(1.5deg);
    }
}



@keyframes rotate_circle {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes rotate_circle_gif {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes zvezd {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.25;

    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 0;
    }
}
/* .main_bf_bg a, */
.block_sale_wrap a,
.footer__button_bf_wrap a,
.block_news_bf_wrap .block_sale_item {
    position: relative;
    overflow: hidden;
    transition: 0.2s;
    z-index: 11;
    font-family: Helios !important;
}
.footer__button_bf_wrap a{
    color: #FCCA00;
}
/* .main_bf_bg a:hover, */
.block_sale_wrap a:hover,
.footer__button_bf_wrap a:hover,
.block_news_bf_wrap .block_sale_item:hover {
    color: #000;
    background: #FCCA00;
    box-shadow: 0 0 5px #c5b087, 0 0 15px #877043, 0 0 25px #F9B224;
    transition-delay: 0.1s;
}

.main_bf_bg a span,
.block_sale_wrap a span,
.footer__button_bf_wrap a span,
.block_news_bf_wrap .block_sale_item span{
    position: absolute;
    display: block;
}

.main_bf_bg a span:nth-child(1),
.block_sale_wrap a span:nth-child(1),
.footer__button_bf_wrap a span:nth-child(1),
.block_news_bf_wrap .block_sale_item span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, transparent, #fff);
}

.main_bf_bg a:hover span:nth-child(1),
.block_sale_wrap a:hover span:nth-child(1),
.footer__button_bf_wrap a:hover span:nth-child(1),
.block_news_bf_wrap .block_sale_item:hover+span:nth-child(1)  {
    left: 100%;
    transition: 0.5s;
}

.main_bf_bg a span:nth-child(3),
.block_sale_wrap a span:nth-child(3),
.footer__button_bf_wrap a span:nth-child(3),
.block_news_bf_wrap .block_sale_item span:nth-child(3)  {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 4px;
    background: linear-gradient(270deg, transparent, #fff);
}

.main_bf_bg a:hover span:nth-child(3),
.block_sale_wrap a:hover span:nth-child(3),
.footer__button_bf_wrap a:hover span:nth-child(3),
.block_news_bf_wrap .block_sale_item:hover span:nth-child(1)  {
    right: 100%;
    transition: 0.5s;
    transition-delay: 0.25s;
}

.main_bf_bg a span:nth-child(2),
.block_sale_wrap a span:nth-child(2),
.footer__button_bf_wrap a span:nth-child(2),
.block_news_bf_wrap .block_sale_item span:nth-child(2)  {
    top: -100%;
    right: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #fff);
}

.main_bf_bg a:hover span:nth-child(2),
.block_sale_wrap a:hover span:nth-child(2),
.footer__button_bf_wrap a:hover span:nth-child(2),
.block_news_bf_wrap .block_sale_item:hover span:nth-child(2)  {
    top: 100%;
    transition: 0.5s;
    transition-delay: 0.125s;
}

.main_bf_bg a span:nth-child(4),
.block_sale_wrap a span:nth-child(4),
.footer__button_bf_wrap a span:nth-child(4),
.block_news_bf_wrap .block_sale_item span:nth-child(4)  {
    bottom: -100%;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #fff);
}

.main_bf_bg a:hover span:nth-child(4),
.block_sale_wrap a:hover span:nth-child(4),
.footer__button_bf_wrap a:hover span:nth-child(4),
.block_news_bf_wrap .block_sale_item:hover span:nth-child(4)  {
    bottom: 100%;
    transition: 0.5s;
    transition-delay: 0.375s;
}

.block_sale_wrap a {
    color: #000000;
    font-size: 32px;
    line-height: 42px;
    background: #ffff00;
    /* border-radius: 6px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border: 2px solid transparent;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    font-weight: bold;
    /* width: 227px; */
    margin: 20px 0;
}

.block_sale_wrap a img {
    position: relative;
}

.block_sale_wrap a:hover {
    color: #fff;
    background: #F9B224;
    box-shadow: 0 0 5px #c5b087, 0 0 15px #877043, 0 0 25px #F9B224;
    transition-delay: 0.1s;
    border: 2px solid #fff;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fab220;
    height: 100%;
    top: 18px;
}

div.main div.txt .block_sale_item img {
    width: 100%;
}



 .footer_button_bf p {
    font-size: 56px;
    text-align: center;
    text-transform: uppercase;
    color: #e60000;
    font-family: Helios !important;
    margin: 44px auto 33px;
    position: relative;
}


div.txt .footer_button_bf p {
    overflow: visible;
}

div.bf_title_wrap {
    position: relative;
}


.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    max-width: max-content;
    margin-right: 34px;
}
.block_news_bf_wrap {
    overflow: hidden;
    position: relative;
    padding: 33px 38px 52px 38px;
}
.block_news_bf_wrap .block_sale_item{
    display: flex;
    border: 4px solid #f9b224;
    flex-wrap: wrap;
    height: 195px;
    /* max-width: 273px; */
    box-shadow: 0 3px 40px -3px #f9b227;
}
.block_news_bf_wrap .item_bf_title{
    background: #fff;
    color: #2b2a29;
    font-size: 16px;
    font-family: Helios !important;
    padding:11px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.block_news_bf_wrap .item_bf_date,
.block_news_bf_wrap .item_bf_action{
    color: #565656;
    font-size: 13px;
    font-family: Helios !important;
    padding: 20px 0 0 0;
}
.block_news_bf_wrap .item_bf_action{
    margin-left: auto;
}
.news_bf-prev{
    left: 4px;
}
.news_bf-next{
    right: 0;
}
.block_news_bf_wrap{
    display: block !important;
}
@keyframes lights {
    0% {
      color: hsl(230, 40%, 80%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.2),
        0 0 0.125em hsla(320, 100%, 60%, 0.3),
        -1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
        1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
    }
    
    30% { 
      color: hsl(230, 80%, 90%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.5),
        0 0 0.125em hsla(320, 100%, 60%, 0.5),
        -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
        0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
    }
    
    40% { 
      color: hsl(230, 100%, 95%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.5),
        0 0 0.125em hsla(320, 100%, 90%, 0.5),
        -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2),
        0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4);
    }
    
    70% {
      color: hsl(230, 80%, 90%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.5),
        0 0 0.125em hsla(320, 100%, 60%, 0.5),
        0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
        -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
    }
    
    100% {
      color: hsl(230, 40%, 80%);
      text-shadow:
        0 0 1em hsla(320, 100%, 50%, 0.2),
        0 0 0.125em hsla(320, 100%, 60%, 0.3),
        1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
        -1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
    }
    
  }
  
  /*animation*/
  .header_left {
    position: relative;
    perspective: 1000px;
}

.header_left img {
    max-width: 615px;
    position: relative;
    left: calc(50% - 247px);
    top: 5px;
    transform-origin: 50% 50%;
    animation:  floating 3s ease-in-out infinite ;
    filter: drop-shadow(0 0 20px rgba(255, 230, 0, 0.7));
    z-index: 10;
}
.header_right.header_load_img img  {
 animation:  floating_right 3.7s ease-in-out infinite;
}
/* Анимация появления логотипа */
@keyframes logoEntrance {
    0% {
        opacity: 0;
        transform: translateY(-100px) rotateX(-90deg) scale(0.5);
    }
    70% {
        opacity: 1;
        transform: translateY(10px) rotateX(10deg) scale(1.05);
    }
    100% {
        opacity: 1;
        transform: translateY(0) rotateX(0) scale(1);
    }
}

/* Плавающий эффект */
@keyframes floating {
    0%, 100% {
        transform: translateY(0) rotate(0.5deg);
    }
    50% {
        transform: translateY(-10px) rotate(-0.5deg);
    }
}

@keyframes floating_right {
    0%, 100% {
        transform: translateY(0) rotate(0.75deg);
    }
    50% {
        transform: translateY(-15px) rotate(-0.75deg);
    }
}

/* Улучшенные анимации для процентов */
.header_percent_left:after {
    content: "";
    position: absolute;
    width: 125px;
    height: 106px;
    background: url(../img/black_friday_img/lp_bf_2024/zvezdy_1.webp) no-repeat;
    top: 57px;
    left: 56px;
    background-size: contain;
    z-index: 10;
    animation: percentOrbit 8s linear infinite, pulse 2s ease-in-out infinite;
}

.header_percent_center:after {
    content: "";
    position: absolute;
    width: 111px;
    height: 150px;
    background: url(../img/black_friday_img/lp_bf_2025/Procent.webp) no-repeat;
    top: -74px;
    left: 453px;
    background-size: contain;
    z-index: 10;
    /* animation: percentBounce 6s ease-in-out infinite, shimmer 4s linear infinite; */
    animation: percentBounce 6s ease-in-out infinite;
}

.header_percent_right:after {
    content: "";
    position: absolute;
    width: 110px;
    height: 125px;
    background: url(../img/black_friday_img/lp_bf_2025/Procent.webp) no-repeat;
    top: 213px;
    left: 88px;
    background-size: contain;
    z-index: 10;
    /* animation: percentBounce 4s ease-in-out infinite, shimmer 2s linear infinite; */
    animation: percentBounce 4s ease-in-out infinite;
}


@keyframes percentOrbit {
    0% {
        transform: rotate(0deg) translateX(20px) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translateX(20px) rotate(-360deg);
    }
}

@keyframes percentSpin {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.2);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes percentBounce {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-15px) rotate(5deg);
    }
    75% {
        transform: translateY(10px) rotate(-5deg);
    }
}
@keyframes percentBounce45 {
    0%, 100% {
        transform: translateY(0) rotate(45deg);
    }
    25% {
        transform: translateY(-15px) rotate(50deg);
    }
    75% {
        transform: translateY(10px) rotate(35deg);
    }
}
@keyframes percentBounce30 {
    0%, 100% {
        transform: translateY(0) rotate(30deg);
    }
    25% {
        transform: translateY(-15px) rotate(35deg);
    }
    75% {
        transform: translateY(10px) rotate(25deg);
    }
}
@keyframes percentBounce25 {
    0%, 100% {
        transform: translateY(0) rotate(25deg);
    }
    25% {
        transform: translateY(-15px) rotate(30deg);
    }
    75% {
        transform: translateY(10px) rotate(15deg);
    }
}
@keyframes percentBounce60 {
    0%, 100% {
        transform: translateY(0) rotate(60deg);
    }
    25% {
        transform: translateY(-15px) rotate(65deg);
    }
    75% {
        transform: translateY(10px) rotate(55deg);
    }
}
@keyframes pulse {
    0%, 100% {
        opacity: 0.7;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
}

@keyframes glow {
    0%, 100% {
        filter: drop-shadow(0 0 5px #ff0);
    }
    50% {
        filter: drop-shadow(0 0 20px #ff0) drop-shadow(0 0 30px #f9b224);
    }
}

@keyframes shimmer {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

/******/
.main_bf_title {
    font-size: 85px;
    font-family: "Lobster", cursive !important;
    color: #000;
    position: relative;
    z-index: 10;
    animation: quantumVibration 6s ease-in-out infinite;
    text-shadow: 
        0 0 1px rgba(255, 230, 0, 0.3),
        0 0 2px rgba(249, 178, 36, 0.2);
    transition: all 0.3s ease;
}

.bf_title_wrap {
    position: relative ;
}
.large-floating-particle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    filter: blur(2px);
    opacity: 0.7;
    pointer-events: none;
}