@font-face {
    font-family: 'Regular';
    src: url('/wp-content/themes/NkH/fonts/Nunito-Regular.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'Medium';
    src: url('/wp-content/themes/NkH/fonts/Nunito-Medium.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'Bold';
    src: url('/wp-content/themes/NkH/fonts/Nunito-Bold.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}

body{
    background: #fffbf5;
}

#UpForm.inv .url{
    display: flex;
    flex-direction: column;
}
#UpForm.inv .url input{
    background: transparent;
    border: none;
    border-bottom: 1px solid #3333334d;
    padding: 6px 10px;
    background: #33333308;
    border-radius: .4rem;
    font-size: 1rem;
}
#UpForm.inv .url input::placeholder{
    background: #f9f5ef;
}
#UpForm.inv button.but1{
    background: #f5948d;
    color: #fff;
    border: none;
}

/*Шапка сайта*/
#shapka{
    padding: 0 !important;
    border-radius: 0 !important;
    background-size: cover;
}
#PC-header{
    position: fixed;
    z-index: 407;
    top: 0px;
    width: 100%;
    /* background: #00000050; */
    /* box-shadow: rgba(255, 255, 255, 0.25) 0px 25px 50px -12px; */
    margin-bottom: 8vh;
    padding-bottom: 2rem;
}
.shapan{
    width: 100%;
    /*background: #548ae8;*/
}
.shapans{
    transition: 0.3s ease-in-out; /* Плавное изменение фона */
}
.shapans.scrolled .top {
    /* top: -150px !important; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.shapan .top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;    
    margin: 15px 0;
    background: #fdedec;
    padding: .8rem 1.2rem;
    border-radius: 800px;
    transition: .3s ease-in-out;
}
.shapan .top .content{
    width: 14rem;
    display: inherit;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.shapan .top .content p, .shapan .top .content a{
    color: white;
    font-size: .9rem;
    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: 1rem;
}
.shapka-logo{
    width: 13rem;
}
.shapka-logo:hover{
    transform: scale(1.02);
}
.shapka-logo:active{
    transform: scale(1);
}
#PC-header .shapka .logo{
    display: flex;
    width: 2.8rem;
    align-items: center;
}
#PC-header .top .content .logo{
    width: 100% !important;
    box-shadow: none !important;
    padding: 0;
}
.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: 80%;
}
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: .9rem;
    color: #333333;
    font-weight: 400;
    margin: 0;
}
nav.main-navigation .menu-menu-container .menu-item{
    transition: .3s ease-in-out;

    &:hover{
        color: rgb(224, 207, 207);
        transform: translateY(-2px);
    }

    &: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: .9rem;
    font-weight: 400;
    color: white;
    visibility: hidden !important;
}
.shapan .container nav{
    margin: 0;
}
#menu-item-8{ /* Делает меню поверх всего (Главный элемент) */
    z-index: 3;
    position: relative;
}
.menu-item .sub-menu {
    position: absolute;
    left: 100%;
    top: 10px;
    display: none;
    opacity: 0;
    transform: translateY(10px);
    background: #fff;
    padding: 15px;
    border: 1px solid #f2eae7;
    border-radius: 15px;
    width: 200px;
    z-index: 2;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.menu-item:hover > .sub-menu, .menu-item.active > .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 15px;
    opacity: 1;
    transform: translateY(0);
}
.menu-item {
    position: relative;
}
.shapan .main-navigation .menu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}
.shapan .main-navigation .menu .menu-item{
    font-size: .9rem;
    font-weight: 400;
    color: white;
    z-index: 2;
}
.shapan .container nav{
    margin: 0;
}
#menu-item-11 li a:hover{
    text-decoration: underline !important;
}
#menuToggle{
	display: none;
}
#PC-header .top .but-cont{
    display: flex;
    flex-direction: row;
    gap: .5rem;
}
#PC-header .top .but-cont a{
    width: 3rem !important;
    height: 3rem;
    padding: 0;
    border-radius: 800px;
    overflow: hidden;
}
#PC-header .top .but-cont a img{
    width: 100%;
    height: 100%;
}






#shapka{
    background: #fdedec;
    position: relative;
    overflow: visible;
}
#shapka .shapka_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 70%;
}
#shapka .fortochka_cont{
    position: absolute;
    z-index: 0;
    background: #fdedec;
    width: 100%;
    border-radius: 0px;
    margin: 0px;
    overflow: hidden;
    height: 100%;
}
#shapka .fortochka{
    width: 100%;
    opacity: 1; /* Прозрачность фонового изображения */
    object-fit: contain;
    background: transparent;
    width: 39rem;
    height: 34rem;
    bottom: -4rem;
    right: -6rem;
    position: absolute;
}
#shapka .shapka_content{
    height: 100vh;
}
#shapka .shapka_content .advantages .ikonka_1{
    width: 1.01rem;
    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;
}
#shapka .shapka_content p{
    font-size: 1.4rem;
    font-weight: 500;
    color: #333333;
    width: 39rem;
}
#shapka .shapka_content h1{
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333333;
}
#shapka .shapka_content .advantages p{
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: 7px;
}
#shapka .shapka_content .cont-form{
    margin-top: 15px;
    width: 100%;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
#shapka .shapka_content .cont-form a, #shapka .shapka_content .cont-form button{
    padding: 1.1rem 2.5rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 40px;
    transition: .3s ease-in-out;
}
#shapka .shapka_content .cont-form .bottom1{
    color: white;
    border: 1px solid #f5948d;
    transition: .3s ease-in-out;
    position: relative;
    overflow: hidden;
    background: #f5948d;
    border-radius: 800px;
}
#shapka .shapka_content .cont-form .bottom2{
    background: transparent;
    color: #5d5d5d;
    border: 1px solid #5d5d5d;
}
#shapka .shapka_content .cont-form .bottom2:hover{
    background: #f5948d;
    color: #fff;
    border: 1px solid #f5948d;
}
#shapka .content-z{
    position: relative;
    z-index: 2;
}
#shapka .krivaya_line{
    position: absolute;
    bottom: -3rem;
    left: 0;
    transform: rotate(180deg);
}






#katalog{
    /* padding: 1.4rem; */
}
#katalog .contnent{
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
#katalog .contnent h2{
    font-size: 3rem;
}
#katalog .contnent .inforu p{
    margin: 0;
}
#katalog .contnent .arrow{
    width: 8rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
/* Сам слайдер */
#katalog .swiper-container {
    width: 100%;
    height: auto; /* ВАЖНО: нужна фиксированная или ограниченная высота */
    position: relative; /* ВАЖНО: иначе скроллбар будет вести себя как обычный div */
}
#katalog .swiper-wrapper{
    height: auto;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 380px));
    gap: 15px;
}
#katalog .swiper-slide {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    transition: .3s ease-in-out;
}
#katalog .swiper-button-prev, #katalog .swiper-button-next {
    color: #000000; /* или свой цвет */
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff7a;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
#katalog .swiper-button-next:after{
    content: 'next';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 2.5rem !important;
}
#katalog .swiper-button-prev:after{
    content: 'prev';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 2.5rem !important;
}
#katalog .swiper-button-prev, #katalog .swiper-button-next{ 
    left: 10px;
    transition: .3s ease-in-out;
    transform: translateY(0);
    top: 0;
}
#katalog .swiper-button-next:hover, #katalog .swiper-button-prev:hover {
    filter: drop-shadow(0 0 4px #fbecec);
}
/* Сам слайдер */
#katalog .swipe-cont .katalog-cont{
    border-radius: .9rem;
    background: #f3f1f0;
    overflow: hidden;
    min-height: 30rem;
    position: relative;
    transition: .3s ease-in-out;
}
#katalog .swipe-cont .katalog-cont:hover{
    transform: translateY(-10px) scale(1.02);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#katalog .swipe-cont .katalog-cont .info{
    position: relative;
    z-index: 2;
}
#katalog .swipe-cont .katalog-cont img{
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 19rem;
}
#katalog .swipe-cont .katalog-cont .title{
    font-size: 1.5rem;
    color: #333333;
}
#katalog .swipe-cont .katalog-cont .desk{
    font-size: 1rem;
    color: #333333;
}
#katalog .swipe-cont .katalog-cont span{
    font-family: 'Bold';
    font-size: 1.4rem;
    color: #333333;
}
#katalog .swipe-cont .katalog-cont .baton, #katalog .gokatalog{
    background: #f5948d;
    color: #fff;
    border-radius: 800px;
    font-size: 1rem;
    padding: .8rem 1.4rem;
    margin-top: .6rem;
    font-family: 'Bold';
    overflow: hidden !important;
    display: flex;
    width: fit-content;
}
#katalog .gokatalog{
    margin-top: 2rem;
}








#about{
    overflow: visible;
}
#about .title h2{
    font-size: 3rem;
    margin-bottom: 1.5rem;
    overflow: visible;
}
#about .content .left{
    position: relative;
    flex: 1 1 clamp(320px, 28%, 680px);
}
#about .content .right{
    flex: 1 1 clamp(320px, 48%, 680px);
}
#about .content .left img{
    position: sticky;
    top: 7.3rem;
    border-radius: 1.5rem;
    height: 26rem;
    object-fit: cover;
}
#about .content .right .advantages{
    display: flex;
    flex-direction: column;
    gap: .8rem;
}
#about .content .right .advantagess{
    padding: 2.5rem;
    border-radius: 1.5rem;
    transition: .3s ease-in-out;
}
#about .content .right .advantagess:hover{
    transform: translateY(-10px) scale(1.02);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#about .content .right .advantagess p{
    font-size: 1rem;
    color: #4b4b4b;
}








#free_dostavka{
    margin-top: 14rem;
    overflow: visible;
}
#free_dostavka .conteiner{
    position: relative;
}
#free_dostavka .content{
    border-radius: 2.5rem;
    background: #fdedec;
    position: relative; 
}
#free_dostavka .content .content_info{
    display: flex;
    flex-direction: column;
    gap: .6rem;
    width: 50%;
    position: relative;
    z-index: 1;
    height: 40rem;
    justify-content: center;
    padding: 3rem;
    overflow: hidden;
    border-radius: 2.5rem;
}
#free_dostavka .content .content_info .zagluahka{
    position: relative;
    z-index: 2;
}
#free_dostavka .content .content_info h2{
    font-size: 2.5rem;
}
#free_dostavka .content .content_info h2 img{
    width: 6rem;
}
#free_dostavka .content .content_info p{
    font-size: 1.5rem;
    margin: 0;
}
#free_dostavka .content .content_info .podpis{
    color: #686868;
    font-size: .8rem;
}
#free_dostavka .content .content_info a{
    font-size: 1rem;
    background: #f5948d;
    color: #fff;
    border-radius: 800px;
    padding: 1rem 1.8rem;
    margin-top: 1rem;
}
#free_dostavka .content .ads{
    position: relative;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
#free_dostavka .content .klyaksa{
    position: absolute;
    top: -9rem;
    left: -9rem;
}
#free_dostavka .content .devushka{
    position: absolute;
    bottom: 0;
    right: 1rem;
    width: 32rem;
}
#free_dostavka.account .content .content_info .battos{
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
}
#free_dostavka.account .content .content_info .battos .baton2{
    color: #333333;
    border: 1px solid #333333;
    background: transparent;
}
#free_dostavka.account .content .content_info .battos .baton2:hover{
    background: #333333;
    color: #fff;
}








#lichno_cake h2{
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
}
#lichno_cake .advantages{
    grid-template-columns: repeat(auto-fit, minmax(266px, 1fr));
}
#lichno_cake .advantages .advantagess{
    overflow: hidden;
    border-radius: .9rem;
    background: #F3F1F0;
    position: relative;
    transition: .3s ease-in-out;
}
#lichno_cake .advantages .advantagess:hover{
    transform: translateY(-10px) scale(1.02);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#lichno_cake .advantages .advantagess img{
    height: 100%;
    object-fit: cover;
}
#lichno_cake .advantages .advantagess.img img{
    position: absolute;
    top: 0;
    left: 0;
}
#lichno_cake .advantages .advantagess .info{
    padding: 1.8rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
#lichno_cake .advantages .advantagess .info h3{
    margin: 0;
    color: #000;
    font-size: 1.4rem;
}
#lichno_cake .advantages .advantagess .info p{
    margin: 0;
    font-size: 1rem;
    color: #333333;
}









#feedback .content{
    border-radius: 2.5rem;
    padding: 2.5rem;
    background: #F3F1F0;
}
#feedback .content h2{
    margin-bottom: 1.5rem;
    color: #333333;
    font-size: 2.5rem;
}
/* Сам слайдер */
#feedback .swiper-container-feedback {
    width: 100%;
    height: auto; /* ВАЖНО: нужна фиксированная или ограниченная высота */
    position: relative; /* ВАЖНО: иначе скроллбар будет вести себя как обычный div */
    overflow: hidden;
}
#feedback .swiper-wrapper{
    height: auto;
}
#feedback .swiper-slide {
    display: flex;
    font-size: 24px;
    padding-bottom: 20px;
    transition: .3s ease-in-out;
    flex-direction: column;
}
#feedback .swipe-paginate{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}
#feedback .swipe-paginate .swiper-pagination-feedback{
    background: #fff;
    padding: 10px 10px;
    border-radius: 10px;
    width: max-content;
    position: relative;
    bottom: 0;
}
#feedback .swipe-paginate .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #a1a1a1;
    transition: .3s ease-in-out;
}
#feedback .swipe-paginate .swiper-pagination-bullet-active{
    background-color: #97DAF5;
    width: 11px;
    height: 11px;
    pointer-events: none;
}
/* Сам слайдер */
#feedback .swiped .swiper-slide, #feedback .swiped .swiper-{
    background: #FFFBF5;
    padding: 1.5rem;
}
#feedback .swiped .img_S{
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    margin-bottom: .6rem;
}
#feedback .swiped .img_S img{
    width: 2rem;
    object-fit: contain;
}
#feedback .swiped  .img_S .logo{
    width: 12rem;
}
#feedback .swiped .img_S p{
    font-size: 2.5rem;
    color: #333333;
    margin: 0;
    font-family: 'Bold';
}
#feedback .swiped .text_S p{
    margin: 0;
    color: #333333;
    font-size: 1rem;
}
#feedback .swiped .text_S span{
    font-family: 'Bold';
    font-size: 2.5rem;
}
#feedback .swiped .swiper-slide{
    border-radius: 1.5rem;
}
#feedback .swiped .swiper-slide h3{
    font-size: 1.5rem;
}
#feedback .swiped .swiper-slide p{
    font-size: 1rem;
    color: #333333;
}
#feedback .swiped .mobile{
    display: none !important;
}








#gallary span{
    font-size: .9rem;
    margin: 0;
}
#gallary h2{
    font-size: 2.5rem;
}
#gallary .galereya_grin{
    grid-template-columns: repeat(auto-fit, minmax(266px, 1fr));
}
#gallary a{
    display: block;
    height: 20rem;
    overflow: hidden;
    border-radius: 1rem;
    transition: .3s ease-in-out;
    background: #F3F1F0;
}
#gallary a:hover{
    transform: translateY(-5px) scale(1.02);
}
#gallary a img{
    height: 100%;
    object-fit: cover;
}









#map span{
    font-size: .9rem;
    color: #333333;
    margin: 0;
}
#map h2{
    font-size: 2.5rem;
    color: #333333;
}
#map iframe{
    border-radius: 1.5rem;
}







#foooer h2{
    font-size: 2.5rem;
    color: #333333;
}
#foooer h3{
    font-size: 2rem;
    color: #333333;
    font-family: 'Medium';
}
#foooer .content .left, #foooer .content .right{
    border-radius: 2.5rem;
    background: #F3F1F0;
    padding: 2rem;
    overflow: hidden;
    position: relative;
}
#foooer .content .left .info, #foooer .content .right .info{
    position: relative;
    z-index: 2;
}
#foooer .left .info{
    display: flex;
    flex-direction: column;
    gap: .9rem;
}
#foooer .left .info a, #foooer .left .info p{
    color: #000;
    font-size: 1.2rem;
}
#foooer .left .info .icon{
    display: flex;
    flex-direction: row;
    gap: .8rem;
}
#foooer .left .info .icon a{
    border-radius: 800px;
    overflow: hidden;
    width: 3rem !important;
    height: 3rem;
    padding: 0;
    width: fit-content;
}
#foooer .imgesetch{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35rem;
}
#foooer .content .right .info .input-form p{
    display: flex;
    flex-direction: column;
    gap: .4rem;
}
#foooer .content .right .info .input-form input, #foooer .content .right .info .input-form textarea{
    width: 100%;
    border: 1px solid #B8B8B8;
    border-radius: 800px;
    background: #F3F1F0;
    color: #6D6D6D;
    padding: 15px 35px;
}
#foooer .content .right .info .input-form textarea{
    border-radius: 1.5rem;
}
#foooer .content .right .info .input-form input::placeholder{
    background: #F3F1F0;
}
#foooer .content .right .info .input-form .send-form{
    color: #fff;
    background: #F5948D;
    border: 1px solid #F5948D;
}






#do_fooer{
    background: #f3f1f0;
    margin: 0;
    padding: 2.4rem;
    padding-bottom: 3rem;
}
#do_fooer .info{
    display: flex;
    flex-direction: column;
    gap: .6rem;
}
#do_fooer .info .BGA{
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
#do_fooer h2{
    font-size: 2.5rem;
    color: #000;
    font-family: 'Regular';
}
#do_fooer a, #do_fooer span{
    font-size: 1rem;
    color: #6E6E6E;
    transition: .3s ease-in-out;
}
#do_fooer a:hover{
    transform: scale(1.02);
}
#do_fooer .info2 .menu{
    display: flex;
    flex-direction: column;
    gap: .6rem;
}








#shapka.catcat .shapka_content{
    margin-top: 10rem;
    height: 100%;
}
#shapka.catcat{
    background: transparent;
}
#shapka.catcat .shapka_content{
    width: 100%;
}
#shapka.catcat h1{
    font-size: 2.5rem;
}
#shapka.catcat .cont-cat{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
#shapka.catcat .cont-cat .cat_item{
    background: #f3f1f0;
    padding: .6rem 2rem;
    padding-right: 4rem;
    position: relative;
    overflow: hidden;
    border-radius: 800px;
    cursor: pointer;
    transition: .3s ease-in-out;
}
#shapka.catcat .cont-cat .cat_item:hover, #shapka.catcat .cont-cat .cat_item.active{
    background: #f5948d;
}
#shapka.catcat .cont-cat .cat_item:hover > .cat-card p, #shapka.catcat .cont-cat .cat_item.active > .cat-card p{
    color: #fff !important;
}
#shapka.catcat .cont-cat .cat_item p{
    width: 100%;
    font-size: 1.4rem;
    color: #000;
    transition: .3s ease-in-out;
}
#shapka.catcat .cont-cat .cat_item .imgcat{
    height: 4rem;
    width: 4rem;
    object-fit: contain;
    position: absolute;
    right: -.6rem;
    bottom: -0.6rem;
}








#tovar{
    overflow: visible;
}
#tovar .content{
    grid-template-columns: repeat(auto-fit, minmax(19rem, 404px));
    justify-content: start;
}
#tovar .content .tovar{
    border-radius: 1.2rem;
    overflow: hidden;
    background: #f3f1f0;
    transition: .3s ease-in-out;
}
#tovar .content .tovar:hover{
    transform: translateY(-10px) scale(1.02);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#tovar .content .tovar .image{
    height: 16rem;
    object-fit: cover;
    border-radius: 1.2rem;
}
#tovar .content .tovar .info{
    padding: 1.2rem;
}
#tovar .content .tovar .info h2{
    font-size: 1.1rem;
}
#tovar .content .tovar .info p{
    font-size: .9rem;
    color: #4B4B4B;
}
#tovar .content .tovar .info .baton{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .8rem;
    justify-content: space-between;
}
#tovar .content .tovar .info .baton .baton_read{
    padding: 15px 35px;
    font-size: .9rem;
    border-radius: 800px;
    border: 1px solid #f5948d;
    background: #f5948d;
    color: #fff;
}
#tovar .content .tovar .info .baton .baton_read2{
    background: transparent;
    border: 1px solid #333333;
    color: #333333;
}
#tovar .content .tovar .info .baton .baton_read2:hover{
    color: #fff;
    background: #333333;
}
#tovar #load-more.BABA{
    display: none !important;
}
#tovar #load-more.SHOW{
    display: block !important;
}
#tovar .bat{
    margin-top: 2rem;
    width: 100%;
    display: flex;
    justify-content: center;
}
#tovar .bat #load-more{
    background: #f5948d;
    font-size: 1.2rem;
    color: #fff;
    padding: 15px 45px;
    border: none;
    font-family: 'Bold';
}







#shapka.about{
    background: transparent;
}
#shapka .breadcrumbs img{
    display: none !important;
    opacity: 0 !important;
}
#shapka.about .shapka_content{
    margin-top: 10rem;
    height: 100%;
    width: 100%;
}
#shapka.about .shapka_content h2{
    font-size: 2.5rem;
    color: #333333;
}
#shapka.about .shapka_content p{
    width: 100%;
    font-size: 1rem;
    color: #4b4b4b;
}
#shapka.about .shapka_content .right{
    display: flex;
}
#shapka.about .shapka_content img{
    border-radius: 1.2rem;
    object-fit: cover;
}






#shapka.exclusive h1{
    font-size: 3rem;
}
#shapka.exclusive .excllusive{
    font-size: 2rem;
    font-family: 'Bold';
}







#job{
    margin-top: 10rem;
}
#job h2{
    font-size: 2.5rem;
    color: #333333;
    margin-bottom: 1.5rem;
}
#job .advantages{
    display: flex;
    flex-direction: column;
    gap: .8rem;
    align-items: center;
}
#job .advantages .advantagess{
    align-items: center;
}
#job .advantages .advantagess h3{
    font-size: 2rem;
    color: #333333;
}
#job .advantages .advantagess p{
    font-size: 1.2rem;
    color: #4b4b4b;
}
#job .advantages .advantagess img{
    border-radius: 1.2rem;
}
#job .advantages .advantagess .left{
    flex: 1 1 clamp(320px, 5%, 420px);
}
#job .advantages .advantagess .right{
    flex: 3 1 clamp(320px, 48%, 580px);
}
#job .advantages .advantagess{
    gap: 1.2rem;
}







#gallary_ex h2{
    font-size: 2.5rem;
    color: #333333;
}
#gallary_ex .BGA{
    grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
}
#gallary_ex a{
    width: 100%;
    height: 100%;
    display: block;
}
#gallary_ex img{
    height: 24rem;
    object-fit: cover;
    border-radius: .8rem;
}
#gallary_ex p{
    font-size: .9rem;
    color: #4b4b4b;
    margin: 0;
}
#gallary_ex .advantagess{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .4rem;
}






#shapka.tovar{
    background: transparent;
}
#shapka.tovar .shapka_content{
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
}
#shapka.tovar .shapka_content h1{
    font-size: 3.5rem;
}
#shapka.tovar .shapka_content p{
    width: 100%;
}
#shapka.tovar .shapka_content .left .image{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 1.2rem;
}
#shapka.tovar .shapka_content .left .image img{
    height: 100%;
    object-fit: cover;
}
#shapka.tovar .shapka_content .right{
    display: flex;
    flex-direction: column;
}
#shapka.tovar .shapka_content .right .ZAG{
    font-size: 1rem;
    color: #333333;
}
#shapka.tovar .shapka_content .right p{
    font-size: .9rem;
    color: #4b4b4b;
}
#shapka.tovar .shapka_content .right .price{
    font-family: 'Bold';
    font-size: 2rem;
    margin-top: .6rem;
}
#shapka.tovar .shapka_content .right .cont-form{
    margin-top: .3rem;
}
#shapka.tovar .shapka_content .right .multi-variations{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group{
    position: relative;
    transition: .3s ease-in-out;
    width: fit-content;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group .noselect{
    font-size: 1.1rem;
    color: #333333;
    margin-bottom: .2rem;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group .selected{
    min-width: 20rem;
    background: #f3f1f0;
    border-radius: 60px;
    color: #4b4b4b;
    margin: 0;
    border: none;
    padding: 15px 20px;
    text-align: start;
    font-size: .9rem;
    font-family: 'Medium';
    cursor: pointer;
    position: relative;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group .selected svg{
    position: absolute;
    right: 15px;
    top: 33%;
    transition: .3s ease-in-out;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group.active > .selected{
    border-radius: 1.1rem 1.1rem 0 0 !important;
    transition: .3s ease-in-out;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group.active > .selected svg{
    transform: rotate(180deg);
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group .menu{
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 2;
    min-width: 20rem;
    padding: 1.1rem;
    border-radius: 0 0 1.1rem 1.1rem;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group .menu {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    z-index: 10;
    min-width: 20rem;
    padding: 1.1rem;
    border-radius: 0 0 1.1rem 1.1rem;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    display: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group .menu.active {
    display: block;
    opacity: 1;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group .variation-item {
    cursor: pointer;
    padding: 0.5rem .8rem;
    transition: background 0.2s;
}
#shapka.tovar .shapka_content .right .multi-variations .variation-group .variation-item:hover, #shapka.tovar .shapka_content .right .multi-variations .variation-group .variation-item.active {
    background: #f0f0f0;
    border-radius: 8px;
}








#pohozhee{
    padding: 1.4rem;
}
#pohozhee .contnent{
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
#pohozhee .contnent h2{
    font-size: 2.5rem;
}
#pohozhee .contnent .inforu p{
    margin: 0;
}
#pohozhee .contnent .arrow{
    width: 8rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
/* Сам слайдер */
#pohozhee .swiper-container {
    width: 100%;
    height: auto; /* ВАЖНО: нужна фиксированная или ограниченная высота */
    position: relative; /* ВАЖНО: иначе скроллбар будет вести себя как обычный div */
}
#pohozhee .swiper-wrapper{
    height: auto;
}
#pohozhee .swiper-slide {
    display: flex;
    flex-direction: column;
    transition: .3s ease-in-out;
}
#pohozhee .swiper-button-prev, #pohozhee .swiper-button-next {
    color: #000000; /* или свой цвет */
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff7a;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
#pohozhee .swiper-button-next:after{
    content: 'next';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 2.5rem !important;
}
#pohozhee .swiper-button-prev:after{
    content: 'prev';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 2.5rem !important;
}
#pohozhee .swiper-button-prev, #pohozhee .swiper-button-next{ 
    left: 10px;
    transition: .3s ease-in-out;
    transform: translateY(0);
    top: 0;
}
#pohozhee .swiper-button-next:hover, #pohozhee .swiper-button-prev:hover {
    filter: drop-shadow(0 0 4px #fbecec);
}
/* Сам слайдер */
#pohozhee .swiper-container .swiper-wrapper .tovar{
    overflow: hidden;
    border-radius: 1rem;
    background: #f3f1f0;
    transition: .3s ease-in-out;
}
#pohozhee .swiper-container .swiper-wrapper .tovar:hover{
    transform: translateY(-10px) scale(1.02);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#pohozhee .swiper-container .swiper-wrapper .tovar img{
    border-radius: 1rem;
    height: 16rem;
}
#pohozhee .swiper-container .swiper-wrapper .tovar .info{
    padding: 1.2rem;
}
#pohozhee .swiper-container .swiper-wrapper .tovar .info h2{
    font-size: 1.2rem;
    color: #333333;
}
#pohozhee .swiper-container .swiper-wrapper .tovar .info p{
    font-size: .9rem;
    color: #4b4b4b;
}
#pohozhee .swiper-container .swiper-wrapper .tovar .info .baton{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem;
}
#pohozhee .swiper-container .swiper-wrapper .tovar .info .baton .baton_read{
    padding: 15px 35px;
    font-size: .9rem;
    border-radius: 800px;
    border: 1px solid #f5948d;
    background: #f5948d;
    color: #fff;
}
#pohozhee .swiper-container .swiper-wrapper .tovar .info .baton .baton_read2{
    background: transparent;
    border: 1px solid #333333;
    color: #333333;
}
#pohozhee .swiper-container .swiper-wrapper .tovar .info .baton .baton_read2:hover{
    color: #fff;
    background-color: #333333;
}








#gallary_tovar{
    overflow: visible;
}
#gallary_tovar h2{
    font-size: 2.5rem;
    margin-bottom: .9rem;
}
#gallary_tovar .variation-gallery .var-img{
    transition: .3s ease-in-out;
    overflow: hidden;
    border-radius: .6rem;
    cursor: pointer;
}
#gallary_tovar .variation-gallery .var-img:hover{
    transform: translateY(-10px) scale(1.02);
}
#gallary_tovar .variation-gallery .var-img img{
    border-radius: .6rem;
    height: 18rem;
    object-fit: cover;
}
#gallary_tovar .variation-gallery .var-img p{
    text-align: center;
    margin: 0;
}
#gallary_tovar .variation-gallery .var-img .desk{
    display: flex;
    justify-content: center;
    font-family: 'Regular';
}


#shapka.tovar .oformleny .text{
    font-size: 1rem;
    color: #333333;
    margin-bottom: .4rem;
}
#shapka.tovar .oformleny .center{
    display: flex;
    flex-direction: row;
    gap: .6rem;
}
#shapka.tovar .oformleny .batons .but{
    display: flex;
    flex-direction: row;
    border-radius: 800px;
    background: #f3f1f0;
    width: fit-content;
}
#shapka.tovar .oformleny .batons .but{
    margin-bottom: 15px;
}
#shapka.tovar .oformleny .batons .but button{
    background: transparent;
    border: none;
    border-radius: 800px;
    transform: scale(1) !important;
    box-shadow: none !important;
    padding: 13px 20px;
}
#shapka.tovar .oformleny .batons .but button.but1.active{
    color: #fff;
    background: #97daf5;
    font-family: 'Medium';
}
#shapka.tovar .oformleny .batons .but button.but2.active{
    color: #fff;
    background: #f5948d;
    font-family: 'Medium';
}
#shapka.tovar .oformleny .center .left textarea{
    width: 100%;
    min-height: 100px;
    background: #f3f1f0;
    border-radius: .6rem;
    border: none;
    padding: 10px 12px;
}
#shapka.tovar .oformleny .center .left textarea::placeholder{
    color: #898989;
}
#shapka.tovar .oformleny .center .right .cont_item{
    display: flex;
    flex-direction: row;
    gap: .2rem;
}
#shapka.tovar .oformleny .center .right .cont_item .item{
    width: 2rem;
    height: 2rem;
    border-radius: 800px;
    cursor: pointer;
    transition: .3s ease-in-out;
}
#shapka.tovar .oformleny .center .right .cont_item .item.active{
    transition: .5s ease-in-out;
}
#shapka.tovar .oformleny .center .right .cont_item .item.active{
    padding: 3px;
    border: 1px solid #4b4b4b !important;
}
#shapka.tovar .oformleny .center .right .cont_item .item.standart{
    border: 1px solid red;
}
#shapka.tovar .contents .variables{
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}
#shapka.tovar .contents .variables label{
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
#shapka.tovar .contents .variables input{
    width: 1rem;
    height: 1rem;
    margin: 0;
}
#shapka.tovar .contents .variables span{
    color: #333333;
    font-size: .9rem;
}







#korzina .korzina_zag{
    font-size: 3rem;
    color: #333333;
}
#korzina .info_user{
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
#korzina .info_user span{
    font-size: 1rem;
    color: #333333;
    font-family: 'Bold';
}
#korzina .content{
    display: flex;
    flex-direction: column;
    gap: .9rem;
}
#korzina .content .tovar_item{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .9rem;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#korzina .content .tovar_item .remove-item{
    position: absolute;
    top: 15px;
    right: 15px;
    background: red;
    color: #fff;
    font-family: 'Bold';
}
#korzina .content .tovar_item .image{
    width: 100%;
    height: 100%;
    border-radius: 1rem;
}
#korzina .content .tovar_item .name{
    font-size: 1.2rem;
    color: #333333;
}
#korzina .content .tovar_item .item-attributes{
    margin-bottom: 5px;
}
#korzina .content .tovar_item .item-attributes p, #korzina .content .tovar_item .item-attributes p span, #korzina .content .tovar_item .item-dops span, #korzina .content .tovar_item .custom-text{
    margin: 0;
    font-size: .9rem;
    color: #4b4b4b;
}
#korzina .content .tovar_item .content{
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}
#korzina .content .tovar_item .item-dops{
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
}
#korzina .content .tovar_item .total span, #korzina .content .tovar_item .pre_total span, #korzina .content .pre_total{
    font-size: 1.2rem;
    color: #333333;
    font-family: 'Bold';
}
#korzina .content .tovar_item .quantity-wrapper{
    display: flex;
    flex-direction: column;
}
#korzina .content .tovar_item .quantity-wrapper label{
    color: #808080;
    font-size: .8rem;
    font-family: 'Medium';
    margin-bottom: 5px;
}
#korzina .content .tovar_item .quantity-wrapper input{
    font-size: 1rem;
    padding: 5px 15px;
    width: 150px;
    background: #f7f5f2;
    color: #333333;
    border: 1px solid #9A9A9A;
}
#korzina .content .tovar_item .quantity-wrapper input::placeholder{
    background: #f7f5f2;
}
#korzina .infosetts{
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: .9rem;
    margin-bottom: 15px;
}
#korzina .infosetts .continue{
    display: flex;
    flex-direction: column;
    gap: .9rem;
    flex-wrap: wrap;
}
#korzina .infosetts .continue .but{
    display: flex;
    flex-direction: row;
    gap: .4rem;
    flex-wrap: wrap;
}
#korzina .infosetts .continue a, #korzina .infosetts .continue button{
    font-size: 1rem;
    border-radius: 800px;
    border: 1px solid #5d5d5d;
    padding: 15px 35px;
    color: #5d5d5d;
    font-family: 'Bold';
}
#korzina .infosetts .continue a.but1, #korzina .infosetts .continue button.but1{
    color: #fff;
    border: 1px solid #f5948d;
    background: #f5948d;
}
#korzina .infosetts .continue a.but2:hover{
    background: #5d5d5d;
    color: #fff;
}
#korzina .infosetts .continue button.but1:disabled{
    opacity: 0.5;
    cursor: not-allowed;
}
#korzina .woocommerce-form-coupon-toggle{
    display: none !important;
}
#korzina .checkout_coupon{
    display: flex !important;
    gap: .4rem;
}






#gallary.korz .contnent{
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
/* Сам слайдер */
#gallary.korz .swiper-container-korz {
    width: 100%;
    height: auto; /* ВАЖНО: нужна фиксированная или ограниченная высота */
    position: relative; /* ВАЖНО: иначе скроллбар будет вести себя как обычный div */
    overflow: hidden;
}
#gallary.korz .swiper-wrapper{
    height: auto;
}
#gallary.korz .swiper-slide {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    transition: .3s ease-in-out;
    overflow: hidden;
    border-radius: .8rem;
    background: #f3f1f0;
}
#gallary.korz .swipe-paginate{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-top: .9rem;
}
#gallary.korz .swipe-paginate .swiper-pagination-korz{
    background: #f3f1f0;
    padding: 10px 10px;
    border-radius: 10px;
    width: max-content;
    position: relative;
    bottom: 0;
    display: flex;
    gap: .4rem;
}
#gallary.korz .swipe-paginate .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #ff372c;
    transition: .3s ease-in-out;
}
#gallary.korz .swipe-paginate .swiper-pagination-bullet-active{
    background-color: #ffb3af;
    width: 11px;
    height: 11px;
    pointer-events: none;
}
/* Сам слайдер */
#gallary.korz .swiper-slide img{
    width: 100%;
    height: 250px;
    border-radius: .8rem;
    object-fit: cover;
}
#gallary.korz .swiper-slide .info{
    padding: 25px;
}
#gallary.korz .swiper-slide .info h3{
    font-size: 1rem;
    color: #333333;
}
#gallary.korz .swiper-slide .info span{
    font-size: .9rem;
    color: #333333;
    font-family: 'Bold';
}
#gallary.korz .swiper-slide .info .bottom1{
    background: #f5948d;
    color: #fff;
    font-size: .8rem;
    font-family: 'Bold';
    border: none;
    margin-top: .8rem;
}




#UpForm.auth .popup-window{
    position: relative;
    background: #f3f1f0;
    overflow: hidden;
}
#UpForm.auth img{
    position: absolute;
    left: -58px;
    bottom: -100px;
}
#UpForm.auth .content .info, #UpForm.auth .content .contat{
    position: relative;
    z-index: 2;
}
#UpForm.auth .input-form input, #UpForm.auth .input-form textarea{
    background: #f3f1f0;
    color: #6d6d6d;
    width: 100%;
    border: 1px solid #B8B8B8;
    border-radius: .9rem;
    padding: 15px 20px;
    font-family: 'Medium';
}
#UpForm.auth .input-form input::placeholder, #UpForm.auth .input-form textarea::placeholder{
    background: #f3f1f0;
}
#UpForm.auth .input-form .send-form{
    background: #f5948d;
    color: #fff;
    font-size: .9rem;
    font-family: 'Bold';
    border: 1px solid #f5948d;
}
#UpForm.auth .input-form .send-form:hover{
    background: #f5948d;
}
#UpForm.auth .input-form .wpcf7-acceptance input{
    width: 13px !important;
    height: 13px !important;
    cursor: pointer;
}
#UpForm.auth .input-form .wpcf7-acceptance span{
    color: #6D6D6D;
    font-size: .8rem;
    cursor: pointer;
}
#UpForm.auth .popup-window .popup-close-btn{
    background: transparent;
    color: #000;
    font-size: 1.5rem;
}








#shapka.account{
    background: transparent;
}
#shapka.account h1{
    font-family: 'Regular';
    font-size: 3rem;
    color: #333333;
}
#shapka.account .content .left{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
#shapka.account .content .left .info{
    margin-bottom: 10px;
}
#shapka.account .content .left .info .nametag{
    color: #000;
    font-size: 1rem;
}
#shapka.account .content .left .info .place_user{
    color: #000;
    font-size: 1.2rem;
    margin: 0;
}
#shapka.account .content .right a{
    color: #888888;
    text-decoration-color: #888888 !important;
    text-underline-offset: 3px !important;
}
#shapka.account .baton{
    display: flex;
    gap: .8rem;
    margin-top: 1.2rem;
    flex-wrap: wrap;
}
#shapka.account .baton button, #shapka.account .baton a{
    background: transparent;
    border-radius: 800px;
    border: 1px solid #888888;
    color: #888888;
    font-size: .9rem;
    padding: 12px 25px;
}
#shapka.account .baton button:hover, #shapka.account .baton a:hover{
    background: #888888;
    color: #fff;
}
#shapka.account .baton a.inv{
    border: 1px solid #f5948d;
    color: #f5948d;
}
#shapka.account .baton a.inv:hover{
    background: #f5948d;
    color: #fff;
}
#shapka.account input{
    min-width: 350px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #3333334d;
    padding: 6px 10px;
    background: #33333308;
    border-radius: .4rem;
    font-size: 1.1rem;
}
#shapka.account .edit-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #333333;
}
#shapka.account .edit-buttons button{
    border: none;
    background: transparent;
    border: 1px solid #888888;
    border-radius: 800px;
    font-size: .8rem;
}
#shapka.account .edit-buttons button.safe{
    background: #f5948d;
    color: #fff;
    border: 1px solid #f5948d;
}
#shapka.account .edit-buttons button.cancel{
    color: #888888;
}
#shapka.account .edit-buttons button.cancel:hover{
    background: #888888;
    color: #fff;
}








#log_reg{
    padding-bottom: 35px;
}
#log_reg .auth-page{
    display: flex;
    justify-content: center;
}
#log_reg .content{
    width: 400px;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background: #fff;
    border-radius: 2rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#log_reg .content .tabs{
    background: #f3f1f0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: fit-content;
    border-radius: 1.2rem;
    overflow: hidden;
    margin-bottom: 1.2rem;
}
#log_reg .content .tabs .tab-btn{
    background: transparent;
    border: none;
    border-radius: 1.2rem;
    font-size: 1rem;
}
#log_reg .content .tabs .tab-btn.active{
    background: #f5948d;
    color: #fff;
}
#log_reg .content .auth-form .info{
    display: flex;
    flex-direction: column;
    gap: .6rem;
    margin-bottom: 15px;
}
#log_reg .content .auth-form .info input{
    margin: 0;
    border: none;
    background: #88888012;
    border-bottom: 1px solid #888888;
    padding: 10px 15px;
    border-radius: .4rem;
}
#log_reg .content .auth-form .baton_log{
    background: #f5948d;
    color: #fff;
    border: none;
}
#log_reg .content .auth-form #resend-btn{
    margin-top: 15px;
    background: transparent;
    border: none;
    border: 1px solid #888888;
    color: #888888;
}
#log_reg .content .auth-form #resend-btn:hover{
    color: #fff;
    background: #888888;
}
#log_reg .content .auth-form{
    display: none;
}
#log_reg .content .auth-form.active{
    display: block;
}








#myzakaz h2{
    font-size: 3rem;
    color: #333333;
}
#myzakaz .content .items{
    display: flex;
    flex-direction: column;
    gap: .8rem;
}
#myzakaz .content .items .item{
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    align-items: center;
}
#myzakaz .content .items .item img{
    border-radius: .8rem;
    height: 100%;
    object-fit: cover;
}
#myzakaz .content .items .item h3{
    font-size: 1rem;
    color: #333333;
}
#myzakaz .content .items .item .item-attributes p, #myzakaz .content .items .item .item-dops span, #myzakaz .content .items .item .custom-text{
    font-size: .8rem;
    margin-bottom: 5px;
    color: #4b4b4b;
}
#myzakaz .content .items .item .date, #myzakaz .content .items .item .amount{
    text-align: center;
    font-family: 'Bold';
    font-size: 1rem;
    color: #333333;
    margin: 0;
}
#myzakaz .content .items .item .buy{
    color: #fff;
    background: #f5948d;
    border-radius: 800px;
    margin: 0 auto;
    border: none;
    padding: 1.2rem 2.8rem;
    font-size: .8rem;
}










#korzina.checkout{
    overflow: visible;
}
#korzina.checkout .form_content{
    position: relative;
}
#korzina.checkout .left.content .tovar_item{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
#korzina.checkout .left.content .tovar_item .info .info_dop{
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
}
#korzina.checkout .right{
    flex: 1 1 clamp(220px, 48%, 280px);
    margin: 0;
    background: #fff;
    padding: 2rem;
    border-radius: 2rem;
    height: fit-content;
    position: sticky;
    top: 12rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#korzina.checkout .right h3{
    font-size: 1.3rem;
}
#korzina.checkout .right .billing-fields .billing{
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    justify-content: space-around;
}
#korzina.checkout .right .billing-fields .billing p{
    margin: 0;
}
#korzina.checkout .right .billing-fields .billing p#billing_address_1_field{
    width: 250px;
}
#korzina.checkout .right .billing-fields .billing span{
    width: 100%;
    display: block;
}
#korzina.checkout .right .billing-fields .billing input, #korzina.checkout .right .billing-fields .billing textarea{
    width: 11rem;
    margin: 0;
    padding: .3rem .6rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid #3333334d;
    background: #33333308;
    border-radius: .4rem;
    color: #000;
    font-size: .9rem;
}
#korzina.checkout .right .billing-fields .billing input::placeholder, #korzina.checkout .right .billing-fields .billing textarea::placeholder{
    background: transparent;
    color: #000;
}
#korzina.checkout .right .shipping-block #shipping_method{
    display: flex;
    gap: .6rem;
    gap: .6rem;
}
#korzina.checkout .right .shipping-block #shipping_method li{
    display: flex;
    flex-direction: row;
    gap: .3rem;
    cursor: pointer;
}
#korzina.checkout .right .shipping-block #shipping_method li input{
    margin: 0;
    cursor: pointer;
}
#korzina.checkout .right .shipping-block #shipping_method li label{
    font-family: 'Medium';
    cursor: pointer;
}
#korzina.checkout .right .payment-methods-block .payment_methods{
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}
#korzina.checkout .right .payment-methods-block .payment_methods p{ /* Описание чего-то нам не надо */
    display: none !important;
}
#korzina.checkout .right .payment-methods-block .payment_methods .wc_payment_method{
    width: 30%;
    cursor: pointer;
    display: flex;
    gap: .2rem;
    border-radius: 10px;
    padding: 2px;
}
#korzina.checkout .right .payment-methods-block .payment_methods .wc_payment_method.active{
    border: 1px solid #333333;
}
#korzina.checkout .right .payment-methods-block .payment_methods input{
    margin: 0;
    opacity: .3;
    display: none;
}
#korzina.checkout .right .payment-methods-block .payment_methods .name_field{
    font-size: 1rem;
    width: 100%;
    display: flex;
    text-align: center;
    line-height: 1.1rem;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#korzina.checkout .right .payment-methods-block .payment_methods label{
    cursor: pointer;
}
#korzina.checkout .right .payment-methods-block .payment_methods label img{
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
#korzina .right .coupon-block .cupon{
    display: flex;
    flex-direction: row;
    gap: .6rem;
    flex-wrap: wrap;
}
#korzina .coupon-block .cupon input{
    margin: 0;
    padding: .3rem .6rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid #3333334d;
    background: #33333308;
    border-radius: .4rem;
    color: #000;
    font-size: .9rem;
}
#korzina .coupon-block .cupon p{
    margin: 0;
}
#korzina .coupon-block .cupon input::placeholder{
    background: transparent;
    color: #000;
}
#korzina .coupon-block .cupon button{
    margin: 0;
    padding: .3rem .6rem;
    background: transparent;
    border: none;
    border: 1px solid #5d5d5d;
    background: transparent;
    border-radius: .4rem;
    color: #5d5d5d;
    font-size: .9rem;
    cursor: pointer;
    transition: .3s ease-in-out;
}
#korzina .coupon-block .cupon button:hover{
    background: #5d5d5d;
    color: #fff;
}


.trueanim{
    position: relative;
    box-sizing: border-box;
    transition: .3s ease-in-out !important;
    overflow: hidden;
}
.trueanim::after{
    content: '';
    position: absolute;
    background: #fff;
    border-radius: 50%;
    width: 80%;
    height: 300%;
    top: 100%;
    left: 10%;
    z-index: -1;
    transition: .3s ease-in-out !important; 
}
.trueanim:hover::after{
    transform: scale(2.5);
}
.trueanim:hover{
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #5d5d5d !important;
}






#cart.cart{
    position: fixed;
    right: 1.2rem;
    bottom: 1.2rem;
    width: 4.7rem;
    height: 4.7rem;
    transition: .3s ease-in-out;
    z-index: 999;
    border-radius: 50%;
}
#cart.cart .img1, #cart.cart .img2{
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s ease-in-out;
}
#cart.cart .img2{
    opacity: 0;
}
#cart.cart:hover > .img1{
    opacity: 0;
}
#cart.cart:hover > .img2{
    opacity: 1;
}




#free_dostavka .content .content_info h2 img.mobile{
    display: none !important;
}

#UpForm.auth .popup-window.feed a{
    color: white;
    border: 1px solid #f5948d;
    transition: .3s ease-in-out;
    position: relative;
    overflow: hidden;
    background: #f5948d;
    border-radius: 800px;
    font-size: 1.4rem;
}
#UpForm.auth .popup-window.feed .content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}




@media screen and (max-width: 1280px){
    #lichno_cake .advantages, #gallary .galereya_grin{
        grid-template-columns: repeat(auto-fit, minmax(242px, 1fr));
        gap: 10px;
    }
    #gallary a{
        height: 16rem;
    }
    #katalog .swiper-wrapper{
        grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    }
    #shapka .fortochka{
        width: 34rem;
        height: 32rem;
    }
}
@media screen and (max-width: 1028px){
    #korzina.checkout .right .billing-fields .billing input{
        width: 100%;
    }
    #lichno_cake .advantages{
        grid-template-columns: repeat(auto-fit, minmax(191px, 1fr));
    }
    #shapka .shapka_content h1, #shapka.catcat .shapka_content .bigtext{
        font-size: 3.2rem !important;
    }
    #shapka .shapka_content p{
        font-size: 1.2rem;
        width: 33rem;
    }
    #shapka .fortochka{
        bottom: -8rem;
        right: -10rem;
    }
    #free_dostavka .content .content_info{
        width: 60%;
    }
    #free_dostavka .content .devushka{
        width: 28rem;
    }
    #free_dostavka{
        margin-top: 0;
    }
    #lichno_cake .advantages .advantagess .info p{
        font-size: .8rem;
    }
    #lichno_cake .advantages .advantagess .info h3{
        font-size: 1.2rem;
    }
    #menuToggle .but-cont{
        display: flex;
        flex-direction: row;
        gap: .4rem;
    }
    #menuToggle .but-cont a{
        width: 3rem;
        height: 3rem;
        display: block;
        overflow: hidden;
        padding: 0;
    }
    #menuToggle .but-cont a img{
        height: 100%;
        object-fit: cover;
    }
    #menuToggle .content{
        width: 100%;
        justify-content: start;
        padding-left: 2rem;
    }
    #menuToggle .mobilemob .logo{
        width: 140px;
    }
    #menuToggle .class_menu{
        top: 20px;
    }
    #menuToggle span{
        background: #f5948d;
        border-radius: 800px;
    }
    #do_fooer .main-navigation{
        margin: 0;
    }
    #menuToggle{
        background: rgb(255 255 255 / 90%);
    }
}
@media screen and (max-width: 900px){
    #shapka .shapka_content h1, #shapka.catcat .shapka_content .bigtext{
        font-size: 2.6rem !important;
    }
    #shapka .fortochka{
        width: 40rem;
        height: 37rem;
    }
    #lichno_cake .advantages, #gallary .galereya_grin{
        grid-template-columns: repeat(auto-fit, minmax(159px, 1fr));
    }
    #lichno_cake .advantages .advantagess .info h3{
        font-size: 1.4rem;
    }
    #lichno_cake .advantages .advantagess .info p{
        font-size: 1rem;
    }
    #lichno_cake .advantages, #gallary .galereya_grin{
        grid-template-columns: repeat(auto-fit, minmax(130px, 180px));
    }
    #gallary a{
        height: 14rem;
        border-radius: .8rem;
    }
    #shapka.catcat .shapka_content, #shapka.about .shapka_content, #shapka .shapka_content{
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media screen and (max-width: 780px){
    #shapka .fortochka{
        width: 34rem;
        height: 31rem;
    }
}
@media screen and (max-width: 768px){
    #shapka{
        padding-top: 14rem !important;
    }
    #shapka .fortochka_cont{
        display: none;
    }
    #shapka .shapka_content h1, #shapka.catcat .shapka_content .bigtext{
        font-size: 2rem !important;
    }
    #shapka .shapka_content p{
        width: 100%;
    }
    #shapka .krivaya_line{
        display: none;
    }
    #shapka .krivaya_line2{
        display: block;
        bottom: -5rem !important;
    }
    #about .content .left img{
        height: 100%;
    }
    #free_dostavka .content .devushka{
        display: none;
    }
    #free_dostavka .content .content_info{
        width: 100%;
    }
    #lichno_cake .advantages, #gallary .galereya_grin{
        grid-template-columns: repeat(auto-fit, minmax(130px, 210px));
    }
    #shapka .shapka_content{
        height: 100%;
        padding-top: 14rem;
        width: 100%;
    }
    #lichno_cake .advantages, #gallary .galereya_grin{
        grid-template-columns: repeat(auto-fit, minmax(130px, 194px));
    }
    h2{
        font-size: 2rem !important;
    }
    #menuToggle .mobilemob .logo img{
        height: 100%;
    }
    #menuToggle .mobilemob .logo{
        width: 110px;
        height: 32px;
    }
    #menuToggle .but-cont a{
        width: 35px !important;
        height: 35px !important;
    }
    #shapka.catcat .shapka_content .bigtext{
        width: 100% !important;
    }
    #shapka.catcat .shapka_content .bigtext img{
        width: 6rem;
    }
}
@media screen and (max-width: 568px){
    #lichno_cake .advantages, #gallary .galereya_grin{
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }
    #lichno_cake .advantages{
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
    #lichno_cake .advantages .advantagess{
        height: 18rem;
    }
    #map iframe{
        height: 250px !important;
    }
    #gallary_tovar .variation-gallery{
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    #myzakaz .content .items .item{
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    #myzakaz .content .items .item .date, #myzakaz .content .items .item .amount, #myzakaz .content .items .item .buy{
        margin: 0;
        text-align: start;
    }
    #free_dostavka .content .content_info{
        padding: 2rem;
    }
    #free_dostavka.account .content .content_info h2{
        font-size: 1.5rem !important;
    }
    #free_dostavka.account .content .content_info p{
        font-size: 1.2rem;
    }
    #myzakaz .content .items .item .item-attributes p{
        font-size: 1rem;
    }
    #shapka.account .content .left .info .place_user{
        font-size: 1.6rem;
    }
    #tovar .content{
        justify-content: center;
    }
    #korzina .infosetts .continue a, #korzina .infosetts .continue button{
        padding: 10px 20px;
        font-size: 1rem;
    }
    #korzina.checkout .right .billing-fields .billing input{
        font-size: 1.1rem;
    }
    #shapka .shapka_content .cont-form{
        flex-direction: column;
        gap: 8px;
    }
    #shapka .shapka_content .cont-form a, #shapka .shapka_content .cont-form button{
        width: 100% !important;
        text-align: center;
        padding: 1.4rem 2.5rem;
        font-size: 1.2rem;
    }
    #shapka .krivaya_line{
        bottom: .9rem;
        display: block;
    }
    #shapka .shapka_content{
        justify-content: start;
    }
    #shapka .fortochka_cont{
        display: block;
    }
    #shapka .fortochka{
        width: 32rem;
        height: 31rem !important;
    }
    #shapka .fortochka_cont, #shapka .fortochka, #shapka .shapka_content{
        height: 750px;
    }
    #shapka .shapka_content h1, #shapka.catcat .shapka_content .bigtext{
        font-size: 3rem !important;
        line-height: 4rem;
    }
    #shapka .shapka_content p{
        font-size: 1.6rem;
    }
    #katalog{
        margin-top: 0 !important;
    }
    #katalog .contnent h2, #about .title h2, #lichno_cake h2, #map h2, #foooer h2, #job h2, #gallary_ex h2{
        font-size: 3rem !important;
    }
    h1, h2{
        font-family: 'Regular';
    }
    #katalog .swipe-cont .katalog-cont .title{
        font-size: 2rem;
    }
    #about .content .right .advantagess p{
        font-size: 1.1rem;
    }
    #shapka.catcat .cont-cat .cat_item p{
        font-size: 1.6rem;
    }
    #korzina .info_user span{
        font-size: 1.4rem;
    }
    #katalog .swipe-cont .katalog-cont .baton, #katalog .gokatalog{
        font-size: 1.3rem;
        padding: 1rem 2.2rem;
    }
    #korzina.checkout .right h3{
        font-size: 1.8rem;
    }
    #korzina.checkout .right .billing-fields .billing{
        gap: .8rem;
    }
    #korzina.checkout .right .billing-fields .billing input, #korzina.checkout .right .billing-fields .billing textarea{
        font-size: 1.2rem;
    }
    #korzina.checkout .right .shipping-block #shipping_method li label{
        font-size: 1.4rem;
    }
    #katalog .swiper-wrapper{
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }
    #katalog .swipe-cont .katalog-cont{
        min-height: 28rem;
    }
    #katalog .swipe-cont .katalog-cont .title{
        font-size: 1.8rem;
        text-align: center;
    }
    #katalog .swipe-cont .katalog-cont span{
        font-size: 1.3rem;
        text-align: center;
    }
    #katalog .swipe-cont .katalog-cont .baton{
        font-size: 1.2rem;
        padding: 1rem 2.2rem;
        width: 100% !important;
        text-align: center;
    }
    #katalog .swipe-cont .katalog-cont .info{
        display: flex;
        flex-direction: column;
    }
    #about h3{
        font-family: 'Regular';
    }
    #free_dostavka .content .content_info h2 img.mobile{
        display: block !important;
        width: 8rem !important;
    }
    #free_dostavka .content .content_info h2 img.nomobile{
        display: none !important;
    }
    #free_dostavka .content .content_info a{
        padding: 1.5rem 3.5rem;
        font-size: 1.4rem;
        font-family: 'Bold';
    }
    #about .content{
        flex-direction: column-reverse;
    }
    #lichno_cake .advantages{
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    #lichno_cake .advantages .advantagess{
        height: 30rem;
    }
    #lichno_cake .advantages .advantagess .info h3{
        font-size: 2rem;
    }
    #lichno_cake .advantages .advantagess .info p{
        font-size: 1.4rem;
    }
    #lichno_cake .advantages .advantagess .info{
        padding: 2.6rem;
    }
    #feedback .swiper-container-feedback{
        flex-direction: column;
        gap: 15px;
        display: flex;
    }
    #feedback .swiped .mobile{
        display: block !important;
    }
    #feedback .swiped .nomobile{
        display: none !important;
    }
    #feedback .swiped .svezda{
        display: none !important;
    }
    #feedback .swiped .swiper-slide h3{
        font-size: 1.8rem;
    }
    #feedback .swiped .swiper-slide p{
        font-size: 1.2rem;
    }
    #feedback .swiped .swiper-slide, #feedback .swiped .swiper-{
        padding: 2rem;
    }
    #map iframe{
        height: 450px !important;
    }
    #foooer .left .info a, #foooer .left .info p{
        font-size: 1.5rem;
    }
    #tovar .content .tovar .info p{
        font-size: 1.1rem;
    }
    #shapka.account .baton button, #shapka.account .baton a{
        font-size: 1.1rem;
    }
    #free_dostavka.account .content .content_info .battos a{
        font-size: 1.1rem;
        padding: 1.2rem 3rem;
        margin: 0;
    }
    #myzakaz .content .items .item .buy{
        font-size: 1.4rem;
    }
    #myzakaz .content .items .item .item-attributes p, #myzakaz .content .items .item .item-dops span, #myzakaz .content .items .item .custom-text, #myzakaz .content .items .item span{
        font-size: 1.2rem;
    }
    #myzakaz .name{
        font-size: 2.2rem;
    }
    #myzakaz .content .items .item .date, #myzakaz .content .items .item .amount, #myzakaz .content .items .item .amount span{
        font-size: 1.5rem;
        font-family: 'Bold';
    }
    #shapka.account .content .left .info .nametag{
        font-size: 1.2rem;
    }
    #shapka.account .content .left .info .place_user{
        font-size: 1.6rem !important;
        color: #000 !important;
    }
    #shapka.tovar .shapka_content .right p{
        font-size: 1.5rem;
    }
    #korzina .content .tovar_item .name{
        font-size: 2.2rem;
    }
    #korzina .content .tovar_item .item-attributes p, #korzina .content .tovar_item .item-attributes p span, #korzina .content .tovar_item .item-dops span, #korzina .content .tovar_item .custom-text{
        font-size: 1.4rem;
    }
    #korzina .content .tovar_item .total span, #korzina .content .tovar_item .pre_total span, #korzina .content .pre_total, #korzina .content .tovar_item .total.amount{
        font-size: 1.4rem;
    }
    #korzina .coupon-block .cupon input{
        font-size: 1.2rem;
    }
    #korzina .infosetts .continue a, #korzina .infosetts .continue button{
        font-size: 1.3rem;
        padding: 10px 25px;
    }
    #about .content .right .advantagess:hover, #tovar .content .tovar:hover{
        transform: none;
        box-shadow: none;
    }
    #shapka.catcat .cont-cat .cat_item .imgcat{
        height: 6rem;
        width: 6rem;
        object-fit: contain;
        position: absolute;
        right: -.6rem;
        bottom: -0.6rem;
    }
    #shapka.catcat .cont-cat .cat_item{
        background: #f3f1f0;
        padding: 1.4rem 2rem;
        padding-right: 7rem;
        position: relative;
        overflow: hidden;
        border-radius: 800px;
        cursor: pointer;
        transition: .3s ease-in-out;
    }
}