* {
    margin: 0;
    padding: 0;
    outline: none !important;
}
html{
    scroll-behavior: smooth;
}
a, li{
    list-style: none !important;
    text-decoration: none !important;
}
html {
    scroll-behavior: smooth;
    margin: 0 !important;
}
/* Если JS нет — показываем все блоки 
html:not(.js) .grid_el_anim, html:not(.js) .grid_el_anim_left, html:not(.js) .grid_el_anim_right {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
    transition: none !important;
}*/
#wpadminbar{
    display: none !important;
}
body{
    background: #ffffff;
    overflow-y: auto;
}
body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
body::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
    background-color: rgb(126, 108, 108);
    border-radius: 4px;
    border: 2px solid #f0f0f0;
}
.breadcrumbs span{
    color: black;
}
.wpcf7-spinner{
    display: none !important;
}
.wpcf7 form .wpcf7-response-output{
    width: fit-content;
    margin: 0;
}
#wpcf7-f38-o3 .wpcf7-response-output, #wpcf7-f90-o4 .wpcf7-response-output{
    color: white;
    margin-top: 5px;
}
.modal a.close-modal{
    top: 2.5px;
    right: 2.5px;
}
.panel1 {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: #ffffff;
    display: block;
}
#services{
    background-color: #fff;
    border-radius: 50px;

}
@font-face {
    font-family: 'Regular';
    src: url('/wp-content/themes/gpp2/fonts/Mulish-Regular.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'Medium';
    src: url('/wp-content/themes/gpp2/fonts/Mulish-Medium.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'Bold';
    src: url('/wp-content/themes/gpp2/fonts/Mulish-Bold.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Bold';
    font-size: 30px;
}
p, span{
    font-family: 'Medium';
}
a{
    font-family: 'Regular';
}
a:hover{
    color: white;
}
section{
    /* overflow: hidden; */
}
.zaglushka-m{
    margin-top: 10vh;
}
.breadcrumbs span, .breadcrumbs{
    color: #A5A5A5;
    font-weight: 400;
}
.privacy-policy{
    display: none;
    font-size: 10px !important;
    font-weight: 400 !important;
    text-align: end !important;
    margin-top: 5px !important;
    margin: 0;
    color: #000;
}
.wpcf7-acceptance label{
    display: inline;
    line-height: 1;
    font-size: 12px;
}
.wpcf7-acceptance input{
    width: 15px !important;
    height: 15px !important;
    margin-bottom: 0px !important;
}
.wpcf7-acceptance .wpcf7-list-item{
    display: inline;
}
.privacy-policy-a{
    color: #1b68bc !important;
}
#UpForm .content .content, #UpForm1 .content .content{
    text-align: center;
}
#UpForm .content .content h4, #UpForm1 .content .content h4{
    font-size: 30px;
    color: #212121;
}
#UpForm .content .content p, #UpForm1 .content .content p{
    font-size: 18px;
    color: #212121;
}
#UpForm .input-form p, #UpForm1 .content .content h4{
    width: 100%;
    display: flex;
    flex-direction: column;
}
#UpForm .input-form p br, #UpForm1 .input-form p br{
    display: none;
}
#UpForm .input-form p input, #UpForm1 .input-form p input{
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #f0f4ff;
    border: none;
    background: #f0f4ff;
    margin-bottom: 10px;
}
#UpForm .input-form p .send-form, #UpForm1 .input-form p .send-form{
    background: #616161;
    color: white;
    cursor: pointer;
    border: none;
    margin: 0;
    transition: .3s ease-in-out;
    background: #002467;
}
#UpForm .input-form p .send-form:hover, #UpForm1 .input-form p .send-form:hover{
    background: #001f58;
    transform: scale(1.02);
}
#UpForm .input-form p .send-form:active, #UpForm1 .input-form p .send-form:active{
    transform: scale(1);
}
#UpForm .wpcf7-response-output, #UpForm1 .wpcf7-response-output{
    color: black;
}
.input-form p .send-title1, .input-form p .send-title, .input-form p .send-title2{
    display: none;
}
.input-form .send-form{
    height: fit-content !important;
}





/*Шапка сайта*/
#shapka{
    padding: 0 !important;
    border-radius: 0 !important;
    background-size: cover;
}
#PC-header{
    position: relative;
    z-index: 407;
    top: 0px;
    width: 100%;
    background: #ffffff00;
    /* box-shadow: rgba(255, 255, 255, 0.25) 0px 25px 50px -12px; */
    margin-bottom: 4vh;
}
.shapan{
    width: 100%;
    /*background: #548ae8;*/
}
.shapans{
    transition: 0.3s ease-in-out; /* Плавное изменение фона */
    color: white !important;
}
.shapans.scrolled {
    /* top: -150px !important; */
    background: #ffffff !important;
    /* box-shadow: rgb(18 0 255 / 46%) 0px 20px 50px -18px; */
    top: 0px !important;
}
.shapan .top{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;    
    margin: 15px 0;
}
.shapan .top .content{
    width: fit-content;
    display: inherit;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.shapan .top .content p, .shapan .top .content a{
    color: white;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.shapka{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*border-bottom: 1px solid white;*/
    /*background: #e7e7e7;
    border-radius: 80px;*/
    align-items: center;
    padding: 10px;
    margin: 0;
}
.shapka .left{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding-top: 15px;
}
li nav a{
    color: white;
    font-size: 18px;
}
.shapka-logo{
    width: 100%;
    transition: .3s ease-in-out;
}
.shapka-logo:hover{
    transform: scale(1.02);
}
.shapka-logo:active{
    transform: scale(1);
}
#PC-header .shapka .logo{
    display: flex;
    width: 50px;
    align-items: center;
}
#PC-header .top .content .logo{
    width: 110px;
}
.shapka_button{
    background: rgb(29,130,249);
    background: linear-gradient(90deg, rgb(26, 39, 221) 0%, rgba(9, 108, 199, 1) 90%);
    border-radius: 40px;
    padding: 10px 40px;
    font-weight: 500;
    color: white;
    font-size: 15px;
    transition: 0.5s;
    display: block;
    width: max-content;
    text-align: center;
    height: max-content;
    transition: .3s ease-in-out;
    background-size: 300% 300%;
}
.shapka_button:hover{
    color: white;
    animation: linear-bg-bt 6s infinite linear;
    transform: scale(1.02);
}
.shapka_button:active{
    transform: scale(1);
}
#buthead{
    text-align: center;
}
#buthead .input-form p{
    width: 100%;
    margin: 0;
}
#buthead .input-form .num-head, #buthead .input-form .tel-head, #buthead .input-form .but-head{
    width: 100%;
    padding: 15px;
    color: #4C545E;
    background: #f7f7f5;
    border-radius: 15px;
    border: 1px solid #f7f7f5;
    margin-bottom: 10px;
}
#buthead .input-form .but-head{
    cursor: pointer;
    background: #c5a47e;
    color: black;
    margin: 0;
}
nav.main-navigation-PC{
    width: 40%;
}
nav.main-navigation div.menu ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
nav.main-navigation .menu-menu-container .menu-item a {
    font-size: 16px;
    color: #282828;
    font-weight: 500;
    margin: 0;
}
nav.main-navigation .menu-menu-container .menu-item{
    transition: .3s ease-in-out;
}
nav.main-navigation .menu-menu-container .menu-item:hover{
    color: rgb(224, 207, 207);
    transform: translateY(-2px);
}
nav.main-navigation .menu-menu-container .menu-item:active{
    transform: translateY(0);
}
.shapan .main-navigation .menu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
    align-items: center;
}
.shapan .main-navigation .menu .menu-item{
    font-size: 16px;
    font-weight: 400;
    color: white;
}
.shapan .container nav{
    margin: 0;
}
.sub-menu{
    display: none;
}
#menu-item-32:hover > .sub-menu{
    display: block;
    position: fixed;
    z-index: 2;
    background: #e7e7e7;
    border-radius: 15px;
    padding: 15px;
}
#menuToggle{
    display: none;
}
.shapan .main-navigation .menu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}
.shapan .main-navigation .menu .menu-item{
    font-size: 16px;
    font-weight: 400;
    color: white;
}
.shapan .container nav{
    margin: 0;
}
.sub-menu{
    display: none;
}
#menu-item-11:hover > .sub-menu{
    display: block;
    position: fixed;
    z-index: 2;
    background: #1C1C28;
    border-radius: 5px;
    padding: 25px 15px;
    
}
#menu-item-11 li a:hover{
    text-decoration: underline !important;
}
.shapan .top .phone-cont{
    width: 18%;
}
.shapan .top .phone-zaglushka{
    width: 98% !important;
}
.shapan .top .inform{
    display: flex;
    flex-direction: row;
    gap: 15px;
}
.shapan .top .inform a{
    font-size: 18px;
    font-weight: 500;
    color: #282828;
}
.shapan .top .inform a:hover{
    transform: scale(1.04);
}
.shapan .top .inform a:active{
    transform: scale(1);
}







#shapka{
    margin-bottom: 65px;
}
#shapka .shapka_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#shapka .fortochka_cont{
    position: absolute;
    z-index: -1;
    background: black;
    width: 99%;
    border-radius: 30px;
    margin: 15px;
}
#shapka .fortochka{
    width: 100%;
    opacity: .3; /* Прозрачность фонового изображения */
    object-fit: cover;
    background: transparent;
    border-radius: 30px;
}
#shapka .fortochka_cont, #shapka .fortochka, #shapka .shapka_content{
    height: 98vh;
}
#shapka .shapka_content .advantages .ikonka_1{
    width: 19px;
    box-shadow: rgba(3, 119, 224, 0.2) 0px 7px 29px 0px;
    border-radius: 40px;
    margin-right: 3px;
}
#shapka .shapka_content p, #shapka .shapka_content h1, #shapka .shapka_content .advantages p{
    margin: 0;
    color: #ffffff !important;
}
#shapka .shapka_content p{
    font-size: 16px;
    font-weight: 500;
    color: #A5A5A5;
}
#shapka .shapka_content h1{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #002467;
}
#shapka .shapka_content .advantages p{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 7px;
    color: #303030;
}
#shapka .shapka_content .lefs{
    padding: 25px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
#shapka .shapka_content .lefs, #shapka .shapka_content .rigts{
    border-radius: 25px;
    /* background: #F3F9FF; */
}
#shapka .shapka_content .centers{
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
}
#shapka .shapka_content .cont-form{
    margin-top: 15px;
    width: 100%;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
#shapka .shapka_content .cont-form a{
    padding: 20px 45px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    transition: .3s ease-in-out;
}
#shapka .shapka_content .cont-form .bottom1{
    color: white;
    border: 1px solid white;
    transition: .3s ease-in-out;
    position: relative;
    overflow: hidden;
    padding: 15px 30px !important;

    &:hover{
        background: white;
        color: #212121;
    }
    &::after{
        content: "";
        display: block;
        width: 20px;
        height: 200px;
        margin-left: 50px;
        background: #fff;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%);
        left: -40px;
        top: -80px;
        z-index: 1;
        transform: rotate(45deg);
        position: absolute;
        animation: movingFlare 3s ease-in-out 0.05s infinite;
    }
}
#shapka .shapka_content .cont-form .bottom2{
    background: transparent;
    color: #303030;
    border: 1px solid #303030;
}
#shapka .shapka_content .cont-form .bottom2:hover{
    background: #303030;
    color: white;
}
#shapka .content-z{
    position: relative;
    z-index: 2;
}
#shapka .shapka_content .okompan{
    background: transparent;
    border-radius: 25px;
    padding: 25px;
    margin-top: 30px;
}
#shapka .shapka_content .okompan .zag{
    color: white;
    font-size: 28px;
    font-weight: 600;
}
#shapka .shapka_content .okompan .center{
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between;
}
#shapka .shapka_content .okompan .podzag{
    font-size: 18px;
    font-weight: 600;
    color: white;
}
#shapka .shapka_content .okompan .opi{
    font-size: 16px;
    font-weight: 300;
    color: #464646;
}










#komp-info{
    position: relative;
    padding: 40px 0;
    background-color: #fff;
    border-radius: 30px;
    /* box-shadow: 0px -7px 22px 1px rgba(0, 0, 0, .10); */
    margin-bottom: 65px;
}
#komp-info .drel{
    position: absolute;
    left: -280px;
}
#komp-info .center{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
#komp-info .left{
    width: 48%;
}
#komp-info .left p, #komp-info .left h2{
    color: #212121;
}
#komp-info .right{
    width: 48%;
    display: flex;
}
#komp-info .right img{
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}











#block_tab{
    margin-bottom: 65px;
}
#block_tab .h3{
    font-size: 34px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 25px;
}
#block_tab .tabs{
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: #f0f4ff;
    border-radius: 20px;
    margin-bottom: 15px;
    width: max-content;
}
#block_tab .tabs button{
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 10px 40px;
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    transition: 0.5s;
}
#block_tab .tabs .but1{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
#block_tab .tabs .but1:hover{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#block_tab .tabs .but2{
    border-left: 1px solid #6a92f6;
    border-right: 1px solid  #6a92f6;
}
#block_tab .tabs .but2:hover{
    border-radius: 0;
}
#block_tab .tabs .but4{
    border-left: 1px solid #6a92f6;
    border-right: 1px solid  #6a92f6;
}
#block_tab .tabs .but4:hover{
    border-radius: 0;
}
#block_tab .tabs .but5{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
#block_tab .tabs button:hover{
    background: #6a92f6;
    color: white;
    transition: 0.5s;
}
#block_tab .tabs .active{
    background: #6a92f6 !important;
    color: white;
}
#block_tab .center{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 20px;
}
#block_tab .price-item .price-cont{
    margin: 5px 0;
}
#block_tab .price-item .content{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background: #f0f4ff;
    align-items: center;
    padding: 20px 15px;
    border-radius: 10px;
}
#block_tab .price-list h6{
    width: 70%;
    margin: 0;
    color: #212121;
}
#block_tab .price-list p{
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #000;
}
#block_tab .price-list{
    width: 63%;
}
#block_tab .special-offer{
    width: 34%;
}
#block_tab .special-offer{
    background: rgb(97,139,244);
    background: linear-gradient(90deg, rgba(97,139,244,1) 0%, rgba(146,177,255,1) 100%);
    display: flex;
    flex-direction: column;
    padding: 37px;
    align-items: flex-start;
    border-radius: 15px;
    text-align: left;
    justify-content: flex-start;
    height: fit-content;
}
#block_tab .special-offer .zag{
    font-size: 14px;
    font-weight: 400;
    color: white;
    margin: 0;
    text-align: start;
}
#block_tab .special-offer .info{
    font-size: 20px;
    font-weight: 700;
    color: white;
    margin: 0;
    text-align: start;
}
#block_tab .special-offer .price{
    font-size: 32px;
    font-weight: 700;
    color: white;
    text-align: start;
}
#block_tab .special-offer a{
    display: block;
    background: white;
    color: black;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    border-radius: 10px;
}
#Pediatric_dentistry .botton{
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-top: 10px;
}
#Pediatric_dentistry .botton a{
    display: block;
    width: fit-content;
    padding: 15px 45px;
    border-radius: 5px;
}
#Pediatric_dentistry .botton .zapis{
    background: rgb(97,139,244);
    background: linear-gradient(90deg, rgba(97,139,244,1) 0%, rgba(146,177,255,1) 100%);
    color: white;
    font-weight: 700;
    transition: .22s ease;
}
#Pediatric_dentistry .botton .zapis:hover{
    transform: scale(1.1);
}
#Pediatric_dentistry .botton .podbnee{
    border: 1px solid #000;
    color: #000;
    transition: .33s ease;
}
#Pediatric_dentistry .botton .podbnee:hover{
    border: 1px solid #3070ff;
    background-color: #3070ff ;
    color: #fff;
    font-weight: 700;
}








.subitems_wrap{
    display: none;
}
.products{
    display: flex;
    gap: 15px;
}
.product_meta{
    display: flex;
    flex-direction: column;
}
.flex-viewport{
    border-radius: 10px;
    margin-bottom: 10px;
}
.woocommerce ul.products li.product a img{
    border-radius: 10px;
    margin-bottom: 3px;
}






#categories{
    margin-bottom: 65px;
}
#categories h2{
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 600;
    color: #002467;
}
#categories .grid-box{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    justify-content: center;
    gap: 15px;
}
#categories .grid-box .category-box{
    padding: 15px;
    border-radius: 10px;
    background: #f3f9ff;
    margin: 0;
}
#categories .grid-box .category-box img{
    width: 80px;
    margin-bottom: 15px;
}
#categories .grid-box .category-box .category-content h4{
    font-size: 20px;
    font-weight: 400;
    color: #002467;
}
#categories .grid-box .category-box{
    transition: .3s;
}
#categories .grid-box .category-box:hover{
    transform: scale(1.04);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#categories .category-box.half-width {
    grid-column: span 2; /* Половина от 4 колонок */
}
#categories .bottom-box {
    display: flex;
    margin-top: 15px;
}
#categories .bottom-category.half-width {
    flex: 1;
}
#categories .BATON{
    padding: 8px 15px;
    color: #616161;
    border: 1px solid #616161;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
}
#categories .BATON:hover{
    background: #616161;
    color: white;
}









#gallary{
    margin-bottom: 65px;
}
#gallary h2{
    font-size: 32px;
    font-weight: 600;
    color: #002467;
}
#gallary .contnent{
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
#gallary .contnent .inforu p{
    margin: 0;
}
#gallary .contnent .arrow{
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Сам слайдер */
#gallary .swiper-container, #gallary .swiper-container-onas, #gallary .swiper-container-onass {
    width: 100%;
    height: auto; /* ВАЖНО: нужна фиксированная или ограниченная высота */
    position: relative; /* ВАЖНО: иначе скроллбар будет вести себя как обычный div */
    overflow: hidden;
}
#gallary .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    height: 100%;
}
#gallary .swiper-slide .brand-info{
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow: auto;
}
#gallary .swiper-slide .brandbut{
    font-size: 16px;
    font-weight: 300;
    color: #002467;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    padding: 14px 35px !important;
    transform: none !important;
}
#gallary .swiper-slide .brandbut:hover{
    background-color: #002467;
    color: white;
}
#gallary .swiper-scrollbar {
    position: relative !important; /* ВАЖНО: чтобы скроллбар позиционировался относительно контейнера */
    bottom: 0px !important; /* Прикрепляем к низу .swiper-container */
    left: 0 !important;
    width: 100% !important;
    height: 8px !important;
    margin-top: 15px;
}
#gallary .swiper-scrollbar-drag{
    background: #ffffff;
}
#gallary .Swipers-Sliders-a{
    width: 100%;
}
#gallary .Swipers-Sliders{
    width: 100%;
    border-radius: 10px;
    height: 270px;
    object-fit: contain;
    border: 1px solid #002467;
    padding: 30px;
    border: none;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
#gallary .swiper-button-prev, .swiper-button-next {
    color: #575757; /* или свой цвет */
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
#gallary .swiper-button-prev, .swiper-button-next{ 
    left: 10px;
    transition: .3s ease-in-out;
}
#gallary .swiper-button-next:hover, .swiper-button-prev:hover {
  filter: drop-shadow(0 0 4px #575757);
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: .25;
}
#gallary .swipe-paginate{
    display: flex;
    justify-content: center;
}
#gallary .swipe-paginate .swiper-pagination{
    background: #c8d7e0;
    padding: 5px 10px;
    border-radius: 10px;
    width: max-content;
    position: relative;
    bottom: 0;
    margin-top: 15px;
}
#gallary .swipe-paginate .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #615d5d;
    transition: .3s ease-in-out;
}
#gallary .swipe-paginate .swiper-pagination-bullet-active{
    background-color: rgb(255, 255, 255);
    width: 11px;
    height: 11px;
    pointer-events: none;
}
/* Сам слайдер */
#gallary .swiper-wrapper1{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 30px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */





#brand-products{
    margin-bottom: 65px;
}
#brand-products .product-item{
    width: min-content;
    width: 100%;
}
#brand-products h1{
    color: #002467;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}
#brand-products .product-item img{
    border-radius: 10px;
    margin-bottom: 10px;
}
#brand-products .product-item .bottom{
    padding: 8px 15px;
    color: #616161;
    border: 1px solid #616161;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
}
#brand-products .product-item .bottom:hover{
    background: #616161;
    color: white    ;
}
#brand-products .brand-products{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    justify-content: center;
    gap: 25px;
}
#brand-products .brand-products img{
    width: 100%;
    height: 250px;
    object-fit: contain;
}
#brand-products .pagination{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}
#brand-products .pagination .page-numbers{
    border: 1px solid #616161;
    padding: 2px 10px;
    border-radius: 5px;
    transition: .3s ease-in-out;
    color: #616161;
}
#brand-products .pagination .page-numbers:hover{
    background: #535353;
    color: white;
    transform: scale(1.02);
}
#brand-products .pagination .page-numbers:active{
    transform: scale(1);
}
#brand-products .pagination .page-numbers.current{
    background: #686868;
    color: white;
    pointer-events: none
}









#content .cont #usercontent .products{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 15px;
    justify-content: center;
}
#content .cont #usercontent .products::before, #content .cont #usercontent .products::after{
    display: none;
}
#content .cont #usercontent .products .product-card h2{
    font-size: 18px;
    color: #242424;
    font-weight: 600;
}
#content .cont #usercontent .products .product-card .brands{
    color: #242424;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
#content .cont #usercontent .products .product-card .brands a{
    padding: 0 !important;
    box-shadow: none !important;
    display: inline !important;
    color: #242424;
}
#content .cont #usercontent .products .product-card .brands a:hover{
    text-decoration: underline !important;
}
#content h1{
    font-size: 42px;
    font-weight: 600;
    color: #002467;
}
#content .cont .orderby{
    display: none !important;
}
#content .cont #usercontent .products .product-card .more-button a{
    color: #616161;
    border: 1px solid #616161;
    border-radius: 10px;
    background: transparent;
    font-size: 16px;
    font-weight: 300;
}
#content .cont #usercontent .products .product-card .more-button a:hover{
    background: #616161;
    color: white;
}











.product-content .single-product .product_title{
    font-size: 36px;
    font-weight: 600;
    color: #002467;
}
.product-content .single-product .price{
    display: none;
}
.product-content .top{
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 35px;
}
.product-content .top .left{
    width: 49%;
}
.product-content .top .right{
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.product-content .top .left img{
    width: 100%;
    border-radius: 10px;
    height: 500px;
    object-fit: contain;
}
.product-content .top p{
    font-size: 16px;
    font-weight: 300;
    color: #797979;
}
.product-content .top .posted_in, .product-content .top .posted_in a{
    color: #797979;
    font-size: 16px;
    font-weight: 300;
}
.product-content .top .posted_in a{
    display: inline !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.product-content .top .posted_in a:hover{
    text-decoration: underline !important;
}
.product-content .product-tabs h2, .product-content .product-tabs h3, .product-content .product-tabs h4, .product-content .product-tabs h5, .product-content .product-tabs h6{
    color: #002467;
    font-size: 32px;
    font-weight: 600;
}
.product-content .product-tabs p{
    color: #797979;
    font-size: 16px;
    font-weight: 500;
}











#katalog .content{
    display: flex;
    flex-direction: row;
    gap: 15px;
    position: relative;
}
#katalog .content .category-list{
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: sticky;
    top: 0;
}
#katalog .content .category-list .category-item .category-link{
    color: #242424;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 25px;
    background: #e8f0ff;
    cursor: pointer;
    border-radius: 15px;
    display: block;
    transition: .3s ease-in-out;
}
#katalog .content .category-list .category-item .category-link:hover{
    background: #bad2ff;
}
#katalog .content .category-list .category-item.active .category-link{
    background: #bad2ff;
}
#katalog .content .product-list{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 15px;
    justify-content: center;
    width: 80%;
}
#katalog .content .product-list img{
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#katalog .content .product-list h2{
    color: #242424;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}
#katalog .content .product-list .product-brand, #katalog .content .product-list .product-brand a{
    color: #555555;
    font-size: 16px;
}
#katalog .content .product-list .product_type_simple{
    color: #525252;
    border-radius: 10px;
    border: 1px solid #525252;
    font-size: 18px;
    font-weight: 300;
    display: block;
    width: fit-content;
    padding: 10px 25px;
    transition: .3s ease-in-out;
}
#katalog .content .product-list .product_type_simple:hover{
    color: white;
    background: #525252;
}







#BD-products{
    margin-bottom: 65px;
}
#BD-products .BD-products{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    justify-content: center;
    gap: 15px;
}
#BD-products .BD-products .product-thumb img{
    width: 100%;
    border-radius: 15px;
    height: 250px;
    object-fit: cover;
}
#BD-products .BD-products .product-info{
    padding: 15px;
}
#BD-products .BD-products .product-info .product-title{
    font-size: 20px;
    margin: 0;
    color: #002467;
    font-size: 18px;
    font-weight: 600;
}
#BD-products .BD-products .product-info p{
    color: #002467;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
}
#BD-products .BD-products .product-info .product-button{
    display: block;
    width: fit-content;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #626262;
    padding: 0 !important;
}
#BD-products .BD-products .product-info .product-button:hover{
    color: #121212;
    padding: 0 !important;
    box-shadow: none !important;
}
#BD-products .pagination{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}
#BD-products .pagination .page-numbers{
    border: 1px solid #121212;
    color: #121212;
    padding: 2px 10px;
    border-radius: 5px;
    transition: .3s ease-in-out;
}
#BD-products .pagination .page-numbers:hover{
    background: #464646;
    color: white;
    transform: scale(1.02);
}
#BD-products .pagination .page-numbers:active{
    transform: scale(1);
}
#BD-products .pagination .page-numbers.current{
    background: #464646;
    color: white;
    pointer-events: none
}
#BD-products .grid_el_anim {
    opacity: 0;
    transform: translateY(140px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
#BD-products .grid_el_anim.visible {
    opacity: 1;
    transform: translateY(0);
}
#BD-products .BD-products .product-info .tablo{
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}
#BD-products .BD-products .product-info .tablo p{
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    color: #626262;
    font-size: 14px;
    font-weight: 300;
}
#BD-products .BD-products .product-info .tablo img{
    width: 20px;
}













#the_footer{
    background: #eaeef5;
    height: 350px;
}
#the_footer .center{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
    justify-content: space-around;
    height: 100%;
    align-items: center;
}
#the_footer .center img{
    width: 50px;
}
#the_footer .center .text{
    width: 40%;
}
#the_footer .center .text p{
    font-size: 14px;
    font-weight: 400;
    color: black;
    width: 100%;
    margin: 0;
}
#the_footer .center #UpForm, #the_footer .center #UpForm1{
    width: 410px;
}
#the_footer .center .mobiles{
    display: flex;
    flex-direction: row;
    gap: 15px;
}
#the_footer .center a nones{
    font-size: 22px;
    color: #000;
    font-weight: 400;
    display: flex !important;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    border: 1px solid black;
    height: 80px;
    border-radius: 0 !important;
    transform: scale(1) !important;
}
#the_footer .center a:hover{
    background: #242424;
    color: white;
    border: 1px solid white;
}
#the_footer .center a svg path{
    fill: black;
    transition: .3s;
}
#the_footer .center a:hover svg path{
    fill: white !important;
}





#Footer{
    background: #eaeef5;
}
#Footer .top{
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    padding-top: 45px;
}
#Footer .top .icons{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
#Footer ul.menu{
    display: flex;
    flex-direction: row;
    margin: 0;
    justify-content: space-around;
}
#Footer ul.menu li:last-child{
    display: none;
}
#Footer .menuss{
    width: 400px;
}
#footer nav.main-navigation-PC1{
    width: 100% !important;
}
#Footer .info{
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}
#Footer nav.main-navigation .menu-menu-container .menu-item a{
    color: #242424;
    font-size: 16px;
    font-weight: 400;
}
#Footer .top .icons a{
    padding: 0 !important;
    box-shadow: none !important;
}
#Footer .top .nomer{
    font-size: 16px;
    font-weight: 400;
    color: #242424;
    padding: 0 !important;
    display: flex !important;
    box-shadow: none !important;
    align-items: center;
}
#Footer .top .icons img{
    width: 35px;
    box-shadow: none !important;
}
#Footer .shapka-logo{
    width: 150px;
}
#Footer .top .svaz{
    background: rgb(0, 36, 103);
    border: 1px #242424;
    border-radius: 5px;
    color: #ffffff;
}
#Footer .bottom{
    display: flex;
    flex-direction: row;
    gap: 15px;
    border-bottom: 1px solid #242424;
    padding-bottom: 10px;
}
#Footer .bottom p{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #ACACAC !important;
}
#Footer .bottom .minopi{
    width: 200px;
}
#Footer .bottom .info{
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
}
#Footer .bottom .adres{
    width: 310px;
}
#Footer .bobtom{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px 0;
}
#Footer .bobtom p{
    color: #ACACAC;
    font-size: 10px;
    font-weight: 400;
}
#Footer .bobtom a{
    color: #242424;
    font-size: 10px;
    font-weight: 400;
    padding: 0 !important;
    box-shadow: none !important;
}









#zag{
    margin-top: 65px;
    margin-bottom: 65px;
}
#zag .center{
    display: flex;
    flex-direction: row;
}
#zag .center .left, #zag .center .right{
    width: 49%;
}
#zag .center .left h1{
    font-size: 32px;
    font-weight: 600;
    color: #002467;
    width: 95%;
}
#zag .center .left p{
    font-weight: 400;
    font-size: 16px;
    color: #797979;
    margin: 0;
    width: 98%;
}
#zag .center .left .prem{
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 5px;
}
#zag .center .left .opi{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
}
#zag .center .left .rospis{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
#zag .center .left .rospis .text{
    display: flex;
    flex-direction: column;
}
#zag .center .left .rospis .text p{
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}
#zag .center .left .rospis .text .fio{
    font-size: 16px;
}
#zag .center .right{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#zag .center .right .slick-dots{
    display: flex;
    gap: 5px;
    flex-direction: row;
    width: fit-content;
    align-self: center;
    background: #232425;
    padding: 10px;
    border-radius: 10px;
}
#zag .center .right .slick-dots button {
    background: #464849;
    border-radius: 45px;
    border: none;
    padding: 5px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    width: 10px;
    height: 10px;
    font-size: 0;
}
#zag .center .right .slick-dots li{
    display: flex;
    align-items: center;
}
#zag .center .right .slick-dots li.slick-active button {
    background: #0077e7;
    transition: 0.5s;
    pointer-events: none;
}
#zag .center .right img{
    border-radius: 15px;
    width: 95%;
    object-fit: contain;
}
#zag .center .right .gallary{
    display: flex;
    justify-content: center;
}
#zag .center .right .slick-track{
    display: flex;
    gap: 15px;
}
#zag .content{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 15px;
    padding: 15px;
    /*border-radius: 15px;
    border: 1px solid #d9d9d9;*/
}
#zag .content{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px;
    justify-content: center;
    text-align: center;
    align-items: stretch; /* Растягиваем все элементы */
}
#zag .content .content{
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Распределение внутри */
    flex-grow: 1; /* Растягиваем */
    margin-top: 10px;
}
#zag .content .content .con{
    display: flex;
    justify-content: center;
    flex-grow: 1; /* Позволяет .con заполнить всё пространство */
}
#zag .content .content .cont1{
    position: relative;
    width: 116px;
    height: 116px;
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}
#zag .content .content .cont1 p{
    font-size: 27px;
    font-weight: 700;
    color: #5872b6;
    margin: 0;
}
#zag .content .content .cont1 span{
    position: absolute;
    top: 0;
    right: 0;
    top: -7px;
    right: -11px;
    background: #5872b6;
    padding: 4px 11px;
    color: white;
    border-radius: 86px;
}







#gallary .Slide_o_nas{
    height: 100%;
}
#gallary .Swipers-Sliders-onas{
    height: auto;
    border: none;
}





#content h1{
    margin-top: 0vh;
}





#bloggg{
    margin-bottom: 65px;
}
#bloggg .center{
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
}
#bloggg .center .left{
    width: 60%;
}
#bloggg .center .right{
    width: 38%;
    position: relative;
}
#bloggg .center .right-on{
    position: sticky;
    top: 200px;
    background: #f3f9ff;
    border-radius: 15px;
}
#bloggg .ikonka_1{
    width: 20px;
}
#bloggg .fontan{
    width: 100%;
    border-radius: 15px;
    margin-bottom: 25px;
}
#bloggg .left p{
    font-size: 16px;
    font-weight: 300;
    color: #797979;
}
#bloggg .right .right-on{
    padding: 25px;
}
#bloggg .right h2{
    font-size: 24px;
    font-weight: 600;
    color: #242424;
}
#bloggg .right a{
    width: 100% !important;
    padding: 10px !important;
}
#bloggg .right h3{
    font-size: 16px;
    font-weight: 300;
    color: #002467;
}
#bloggg .right p{
    font-size: 16px;
    font-weight: 300;
    color: #626262;
    margin: 0;
}








.BD-products .swiper-container .brand-card .product-thumb img{
    width: 100%;
    border-radius: 10px;
}
.BD-products .swiper-container .swiper-slide{
    height: 470px !important;
}
.BD-products .brand-info .product-info .product-title{
    font-size: 22px;
    color: #242424;
    font-weight: 600;
}
.BD-products .brand-info .product-info .minopi{
    font-size: 14px;
    color: #242424;
    font-weight: 300;
}
.BD-products .brand-info .product-info .tablo{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.BD-products .brand-info .product-info .tablo .product-date img{
    width: 24px;
    height: 24px;
}
.BD-products .brand-info .product-info .tablo .product-date{
    display: flex;
    flex-direction: row;
    gap: 5px;
    font-size: 14px;
    color: #626262;
    font-weight: 300;
    margin: 0;
}
.BD-products .brand-info .product-info .tablo a{
    font-size: 16px;
    font-weight: 300;
    color: #626262;
    padding: 0 !important;
    box-shadow: none !important;
}









#gallary .container1 .brand-card .Swipers-Sliders{
    border: none;
}
#gallary .container1 .brand-card h3{
    font-size: 18px;
    font-weight: 600;
    color: #242424;
    margin: 0;
}
#gallary .container1 .swiper-slide{
    height: 100%;
    padding-bottom: 20px;
}
#gallary .container1 .brand-card .brand-name{
    font-size: 14px;
    color: #242424;
    margin: 0;
}
#gallary .container1 .brand-card .brand-name .url{
    display: inline !important;
    color: #282828;
    padding: 0 !important;
    box-shadow: none !important;
}
#gallary .container1 .brand-card .brand-name .url:hover{
    text-decoration: underline !important;
}
#gallary .container1 .brand-card .brandbut{
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    border: 1px solid #626262;
}
#gallary .container1 .brand-card .brandbut:hover{
    background: #626262;
    color: white;
}







.singgall .swiper-container-onass a{
    height: 100%;
}
.singgall .swiper-container-onass img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: .3s ease-in-out;
}
.singgall .swiper-slide{
    height: 450px !important;
}
.singgall .swipe-paginate{
    padding-top: 15px;
}






.woocommerce img, .woocommerce-page img{
    height: 270px;
    width: 100%;
}






/* Открытие окна Pop-up */
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 1000;
    backdrop-filter: blur(3px);     /* вот оно — размытие! */
    -webkit-backdrop-filter: blur(3px); /* для Safari */
}
.popup-overlay.active {
    opacity: 1;
    pointer-events: auto;
}
.popup-window {
    background: white;
    padding: 2em;
    margin: 0 10px;
    max-width: 500px;
    border-radius: 1em;
    transform: scale(0.8);
    transition: transform 0.4s ease;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.popup-window .popup-close-btn{
    position: absolute;
    top: 5px;
    right: 6px;
    font-size: 18px;
    cursor: pointer;
    border: none;
    background: #000000;
    color: rgb(255 255 255);
    user-select: none;
    padding: 1px 7px;
    border-radius: 195px;
}
.popup-overlay.active .popup-window {
    transform: scale(1);
}
.pop-upNoscroll{
    overflow: hidden;
    height: 100vh;
}






.nomob{
    display: none;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 1400px) {
    .container {
        max-width: 1340px;
    }
}
@media screen and (max-width: 1200px) {
    .container {
        max-width: 1140px;
    }
    #shapka .fortochka_cont, #shapka .fortochka, #shapka .shapka_content{
        height: 120vh;
    }
}
@media screen and (max-width: 1100px) {
    #the_footer .center .mobiles{
        flex-direction: column;
    }
    #the_footer .center .mobiles a{
        width: 100% !important;
    }
    #Footer .top .nomer{
        font-size: 18px;
    }
    #Footer .info{
        flex-direction: column;
    }
}
@media screen and (max-width: 992px) {
    .container {
        max-width: 960px;
    }
    #shapka .shapka_content h1{
        font-size: 28px;
    }
    #categories .grid-box{
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    #BD-products .BD-products{
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    }


    /*Toggler-menu*/
    #PC-header{
        display: none !important;
    }
    #menuToggle
    {
    display: block;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 15;
    left: 0px;
    background: #ffffffe1;
}
    #menuToggle input
    {
    display: block;
    width: 50px;
    height: 41px;
    position: absolute;
    top: -7px;
    left: -5px;
    
    cursor: pointer;
    
    opacity: 0; /* hide this */
    z-index: 17; /* and place it over the hamburger */
    
    -webkit-touch-callout: none;
    }

    #menuToggle .class_menu{
        position: fixed;
        top: 25px;
        right: 20px;
    }
    /*
    * Just a quick hamburger
    */
    #menuToggle span
    {
    display: block;
    width: 30px;
    height: 2px;
    margin-bottom: 7px;
    position: relative;
    
    background: #2C2C2C;
    
    z-index: 16;
    
    transform-origin: 4px 0px;
    
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
    }

    #menuToggle span:first-child
    {
    transform-origin: 0% 0%;
    }
    #menuToggle span:nth-last-child(2)
    {
    transform-origin: 0% 100%;
    }
    #menuToggle input:checked ~ span
    {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
    }
    #menuToggle input:checked ~ span:nth-last-child(3)
    {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
    }
    #menuToggle input:checked ~ span:nth-last-child(2)
    {
    transform: rotate(-45deg) translate(0, -1px);
    }
    #overlay{
        position: absolute;
    width: 100vw;
    height: 100vh;
    margin: -100px 0 0 55px;
    padding: 50px;
    padding-top: 125px;
    z-index: 14;
    background: #FFFFFF;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }
    #overlay li > a{
        text-align: right;
        width: 100%;
        display: block;
        font-size: 20px;
        font-family: 'Inter_medium' sans-serif;
        margin-bottom: 10px;
    }
    #overlay a.header-cta{
        margin: auto;
        margin-bottom: 15px;
    }
    .main-navigation{
        margin-bottom: 70%;
        text-align: end;
    }
    #overlay a.mob-link{
        width: 100%;
        display: block;
    }
    #menuToggle input:checked ~ #overlay
    {
    transform: translate(calc(30px - 100%), 0);
    }
    #shapka .fortochka_cont, #shapka .fortochka{
        width: 100%;
        margin: 0;
        border-radius: 0px;
    }
    #menuToggle{
        padding: 15px;
    }
    #menuToggle .content{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    #menuToggle .logo{
        width: 100px;
    }
    #menuToggle .tel-con{
        display: flex;
        width: 30%;
        align-items: center;
    }
    #menuToggle .tel{
        display: flex;
        flex-direction: row;
        gap: 5px;
        color: #000000;
        width: 100%;
        align-items: center;
    }
    #menuToggle .tel img{
        height: 20%;
        width: 8%;
    }
    #menuToggle #menu-item-27:hover > .sub-menu{
        display: block;
        position: fixed;
        z-index: 2;
        background: #c1c1c3;
        border-radius: 15px;
        padding: 15px;
    }
    #menuToggle #menu-item-27::after {
        content: '';
        background-image: url('/wp-content/uploads/2025/04/ep_arrow-up-bold.png');
        width: 16px; /* Размер стрелки */
        height: 16px;
        display: inline-block;
        background-size: contain;
        background-position: center;
        transition: .3s ease-in-out;
        position: absolute;
        top: 5px;
        right: -19px;
    }
    #menuToggle #menu-item-27:hover::after {
        transform: rotate(180deg);
    }
    #menuToggle .shapan .main-navigation .menu{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    #menuToggle .shapan .main-navigation .menu .menu-item{
        font-size: 16px;
        font-weight: 400;
        color: white;
        transition: 0.3s ease-in-out;
        position: relative;
    }
    #menuToggle .shapan .main-navigation .menu .menu-item:hover{
        transform: translateY(-2px);
    }
    #menuToggle .tel-con:hover > .tel img{
        transform: rotate(180deg);
    }
    .upwindow{
        transition: .3s ease-in-out;
    }
    #menuToggle .sub-menu, .upwindow{
        display: none;
        position: absolute;
        background: #c1c1c3;
        padding: 15px 25px;
        width: max-content;
        border-radius: 5px;
        top: 60px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    #menuToggle .upmenu .sub-menu{
        top: 112px;
    }
    #menuToggle #menu-item-27:hover > .sub-menu, #menuToggle .tel-con:hover > .upwindow{
        display: block;
        position: fixed;
        z-index: 2;
        background: #d3d3d4;
        border-radius: 5px;
        padding: 25px 15px;
    }
    #menuToggle .shapka_button{
        background: #f01a3b;
    }
    #menuToggle .upmenu .main-navigation-mob .menu{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0;
        margin-top: 15px;
        flex-wrap: wrap;
    }
    #menuToggle .upmenu .menu a{
        color: #000000;
    }
    #menuToggle .upmenu .menu span{
        display: flex;
        background: transparent;
        width: 100%;
        height: 100%;
        margin: 0;
    }


    .main-navigation-PC1{
        margin: 0;
    }
    #menuToggle .content .nomer{
        font-size: 18px;
        font-weight: 500;
        color: #282828;
        height: fit-content;
    }
    #menuToggle .mobile .nomer{
        font-size: 18px;
        font-weight: 500;
        color: #282828;
        height: fit-content;
        text-align: end;
    }
    #shapka{
        margin-top: 120px;
    }
    #shapka .centers .rigts img{
        width: 100%;
    }
    #gallary .swipe-paginate{
        padding-top: 15px;
    }
    #zag{
        margin-top: 120px;
    }
    #zag .center{
        flex-direction: column;
        gap: 15px;
    }
    #zag .center .left{
        width: 100%;
    }
    #zag .center .right{
        width: 100%;
    }
    #zag .center .right .gallary{
        justify-content: start;
    }
    #zag .center .right img{
        width: 50%;
    }
    #content{
        margin-top: 120px;
    }
    .single-prod{
        margin-top: 120px;
        flex-direction: column;
    }
    .product-content .top{
        flex-direction: column-reverse;
    }
    .product-content .top .right{
        width: 100%;
    }
    #bloggg{
        margin-top: 120px;
    }
    .BD-products .swiper-container .swiper-slide{
        height: 100% !important;
    }
    #shapka .fortochka_cont, #shapka .fortochka, #shapka .shapka_content{
        height: 140vh;
    }
}
@media screen and (max-width: 768px) {
    .container {
        max-width: 720px;
    }
    #the_footer .center{
        flex-direction: column;
    }
    #the_footer .center p{
        width: 100%;
    }
    #the_footer{
        padding: 25px 0;
        height: 100%;
    }
    #shapka .shapka_content .advantages p{
        font-size: 14px;
    }
    #shapka .shapka_content h1{
        font-size: 20px;
    }
    #shapka .shapka_content .okompan .opi{
        font-size: 14px;
    }
    #shapka .shapka_content .centers{
        gap: 15px;
    }
    #shapka .shapka_content .okompan{
        margin-top: 15px;
    }
    #Footer ul.menu{
        flex-direction: column;
        gap: 5px;
        text-align: start;
    }
    .main-navigation-PC1{
        width: 80px;
    }
    #Footer .menuss{
        width: fit-content;
    }
    #content .cont #usercontent .products{
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
    #bloggg .center{
        flex-direction: column;
    }
    #bloggg .center .left{
        width: 100%;
    }
    #bloggg .center .right{
        width: 100%;
    }
}
@media screen and (max-width: 576px) {
    .container {
        max-width: 540px;
    }
    #content h1{
        margin-top: 4vh;
    }
    #shapka{
        margin-top: 0;
    }
    #menuToggle{
        background: #ffffff;
    }
    #the_footer .center .text{
        width: 100%;
    }
    #the_footer .center #UpForm, #the_footer .center #UpForm1{
        width: 100%;
    }
    #shapka .shapka_content .centers{
        flex-direction: column;
    }
    #shapka .shapka_content .rigts{
        height: 400px;
    }
    #shapka .centers .rigts img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
    }
    #shapka .shapka_content h1{
        font-size: 24px;
    }
    #shapka .shapka_content .okompan .center{
        flex-direction: column;
    }
    #BD-products .BD-products{
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    #Footer .bottom{
        flex-direction: column;
        gap: 10px;
    }
    .mob{
        display: none !important;
    }
    .nomob{
        display: block !important;
    }
    #Footer .top{
        flex-direction: column;
        align-items: start;
    }
    #Footer .bottom{
        margin-top: 15px;
    }
    #Footer .top .minopi{
        margin: 0;
    }
    #categories .bottom-box{
        flex-direction: column;
    }
    #menuToggle .content{
        width: 90%;
    }
    #the_footer .center a{
        font-size: 16px;
    }
    #zag .center .right img{
        width: 100%;
    }
    .product-content .top .left{
        width: 100%;
    }
    #categories, #brand-products{
        margin-top: 120px;
    }
    #the_footer .center .text p{
        width: 100%;
    }
    #UpForm .input-form .wpcf7-list-item input, #UpForm1 .input-form .wpcf7-list-item input{
        width: 15px;
        height: 15px;
    }
    #shapka .fortochka_cont, #shapka .fortochka, #shapka .shapka_content{
        height: 140vh;
    }
}