html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
@font-face {
font-family: InterB;
font-display: swap;
src: url(//kosmamk.ru/wp-content/themes/navidu/assets/fonts/Inter-Bold.otf) format('opentype');
font-style: normal;
}
@font-face {
font-family: InterR;
font-display: swap;
src: url(//kosmamk.ru/wp-content/themes/navidu/assets/fonts/Inter-Regular.otf) format('opentype');
font-style: normal;
}
@font-face {
font-family: InterM;
font-display: swap;
src: url(//kosmamk.ru/wp-content/themes/navidu/assets/fonts/Inter-Medium.otf) format('opentype');
font-style: normal;
}
.wrapper{
display: flex;
flex-direction: column;
min-height: 100%;
overflow-x: hidden;
}
html {
scroll-behavior: smooth;
}
main{
flex: 0 0 100%;
}
html,
body {
height: 100%;
background: #E8E8E8;
}
body::before { content: 'mobile';
display: none;
}
.container {
max-width: 1640px;
padding: 0px 15px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
}
header{
position: fixed;
z-index: 99;
width: 100%;
background-color: #e8e8e8;
}
.haeder-anim{
transform: translatey(-50px);
opacity:0;
transition: all 0.4s ease-in-out 0s;
}
.haeder-anim._active{
transform: translatey(0px);
opacity:1;
}
.header__flex {
display: flex;
align-items: center;
justify-content: left;
gap: 60px;
padding: 20px 0px;
}
.logo:hover .logo-img{
transform: translateX(-5px);
}
.logo:hover .logo__header{
color: #000;
}
.logo__header {
font-size: calc(22px + 18 * (100vw / 1900));
font-family: MontserratBold;
line-height: calc(24px + 20 * (100vw / 1900));
color: #EEAA9C;
transition: all 0.4s ease 0s;
}
.logo-img{
max-height: 42px;
transition: all 0.5s ease 0s;
}
.menu__body__glav {
}
.menu__list__glav {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
}
.header__link-link, ul.menu__list__glav a {
text-decoration: none;
color: #000000;
text-transform: uppercase;
cursor: pointer;
transition: all 0.4s ease 0s;
font-size: calc(12px + 2 * (100vw / 1900));
font-family:InterM;
position: relative;
}
.header__link-link::before, .header__link-link::after,
ul.menu__list__glav li a::before, ul.menu__list__glav li a::after{
position: absolute;
width: 100%;
height: 1px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
content: '';
opacity: 0;
}
.header__link-link::before,
ul.menu__list__glav li a::before {
height: 10px;
top: 100%;
}
.header__link-link::after,
ul.menu__list__glav li a::after {
transition: opacity 300ms;
transition-delay: 0s;
}
.header__link-link:hover::before,
ul.menu__list__glav li:hover a::before {
opacity: 1;
animation: lineUp 300ms ease forwards;
}
.link-otziv{
display: flex;
flex-wrap: wrap;
margin: 0px;
justify-content: flex-start;
}
@keyframes lineUp {
0% {
transform-origin: 50% 100%;
transform: scale3d(1, 0.045, 1);
}
50% {
transform-origin: 50% 100%;
transform: scale3d(1, 1, 1);
}
51% {
transform-origin: 50% 0%;
transform: scale3d(1, 1, 1);
}
100% {
transform-origin: 50% 0%;
transform: scale3d(1, 0.045, 1);
}
}
.header__link-link:nth-child(1):hover::after,
ul.menu__list__glav a:nth-child(1):hover::after {
opacity: 1;
transition-delay: 300ms;
}
.header__link-link:hover,
ul.menu__list__glav a:hover{
color: #000000;
}
.header__link-link:hover::before,
ul.menu__list__glav a:hover::before{
scale: 1;
}
.form__scroll{
transition: all 0.4s ease 0s;
}
.form__scroll a:hover{
background-color: #c96518;
border-radius: 0px;
}
.number-block{
display: flex;
gap: 10px;
align-items: center;
padding: 7px 17px;
border-radius: 30px;
box-shadow:0px 3px 5px #00000038;
}
.number-block a{
font-family: InterR;
font-size: 16px;
color: #000;
white-space: nowrap;
}
.burger {
display: none;
}
.burger._active .burger__line{
transform: rotate(45deg);
background-color: transparent;
}
.burger._active .burger__line::before{
transform: translate(0px, 7px) rotate(-90deg);
}
.burger._active .burger__line::after{
transform:translate(0px, -7px)  rotate(0deg);
}
@media (max-width:992px) {
.burger {
display: block;
}
.burger__line {
width: 25px;
height: 2px;
background-color: #000;
transition: all 0.4s ease 0s;
position: relative;
}
.burger__line::before {
width: 30px;
height: 2px;
top: -7px;
left: -5px;
position: absolute;
content: "";
background-color:#000;
transition: all 0.4s ease 0s;
}
.burger__line::after {
width: 30px;
height: 2px;
top: 7px;
left: -5px;
position: absolute;
content: "";
background-color: #000;
transition: all 0.4s ease 0s;
}
.menu__body__glav{
position: absolute;
left: -115%;
top: 72px;
background-color: #fff;
width: 100%;
height: 100vh;
transition: all 0.4s ease 0s;
padding: 20px;
z-index: 13;
}
.menu__body__glav._active{
left: 0px;
}
.menu__body__glav ul{
flex-direction: column;
gap: 20px;
align-items: start;
}
}
.page_title h1 {
text-align: center;
font-size: 3.5em;
color: #484848;
}
.fuulscreean{
background-color: #fff;
padding-top: 84px;
padding-bottom: 20px;
}
.w60{
width: 60%;
}
.btn-main{
margin-top: 30px;
display: flex;
}
.btn-main a{
padding: 15px 30px;
border-radius: 100px;
background-color: #FEC619;
color: #484848;
font-family: InterM;
font-weight: 600;
text-decoration: none;
transition: all 0.5s ease 0s;
border: 1px solid #FEC619;
}
.btn-main a:hover{
background-color: transparent;
}
.btn-first{
opacity: 0;
transform: translatex(-70px);
transition: all 0.5s ease 0.2s;
}
.btn-first._active{
opacity: 1;
transform: translatex(0px);
}
.row{
display:flex;
}
.gap20{
gap: 20px;
}
.al-center{
align-items: center;
}
.col3{
flex:0 1 33%;
}
.block-utp{
margin-top: 30px;
max-width: 900px;
overflow: hidden;
}
.utp-item{
position: relative;
padding: 20px;
font-weight: 600;
font-size: 20px;
font-family: InterM;
transform: translatey(200px);
opacity: 0;
}
.utp-item:nth-child(1){
background: url(https://kosmamk.ru/wp-content/uploads/2025/10/fon1.png);
background-size: contain;
background-repeat: no-repeat;
flex: 0 1 29%;
transition: 0.8s ease 0.3s;
}
.utp-item:nth-child(2){
background: url(https://kosmamk.ru/wp-content/uploads/2025/10/rectangle6.png);
background-size: contain;
background-repeat: no-repeat;
flex: 0 1 42%;
transition: 0.8s ease 0.6s;
}
.utp-item:nth-child(3){
background: url(https://kosmamk.ru/wp-content/uploads/2025/10/rectangle-5.png);
background-size: contain;
background-repeat: no-repeat;
flex: 0 1 29%;
transition: 0.8s ease 0.9s;
}
.utp-item._active{
transform: translatey(0px);
opacity: 1;
}
.utp-item p{
margin-top: 15px;
font-size: 16px;
font-family: InterR;
font-weight: 400;
color: #3A3A3A;
}
.m30{
margin: 30px 0px;
}
.overlay-text{
overflow: hidden;
}
.overlay-text .t1{
margin: 0px;
font-family: InterB;
font-size:calc(26px + 24 * (100vw / 1900));
transform: translatey(100px);
transition: all 0.6s ease 0s;
color: #484848;
}
.overlay-text .t1._active{
transform: translatey(0px);
}
.max-600{
max-width: 600px;
}
.p1{
color: #484848;
font-family: InterR;
font-size:calc(16px + 2 * (100vw / 1900));
line-height: 120%;
transform: translatex(-100px);
transition: all 0.6s ease 0.3s;
opacity: 0;
}
.p1._active{
transform: translatex(0px);
opacity: 1;
}
.overflow-img{
overflow: hidden;
}
.overflow-img img{
transform: translatey(150px);
scale: 1.3;
opacity: 0;
transition: all 0.8s ease 0.6s;
}
.overflow-img._active img{
transform: translatey(0px);
scale: 1;
opacity: 1;
}
.z4{
z-index: 4;
position: relative;
}
.about-section{
padding: 100px 0px;
background-color: #E8E8E8;
}
.col2{
flex: 0 1 50%;
}
.g50{
gap: 50px;
}
.z-in{
position: relative;
z-index: 2;
}
.about-big{
position: relative;
box-sizing: border-box;
transform: translatex(-300px);
opacity: 0;	
transition: all 0.8s ease 0s;
}
.about-big._active{
transform: translatex(0px);
opacity: 1;
}
.svg-big{
position: absolute;
left: 0px;
top: 0px;
content: "";
}
.about-big p{
color: #3A3A3A;
font-family: InterR;
font-size: 16px;
margin: 20px 30px 20px 50px;
max-width: 600px;
}
.about-big h2{
font-size: calc(20px + 6 * (100vw / 1900)) !important;
padding: 60px 30px 0px 50px;
}
.about-big img{
display: flex;
max-width: 660px;
width: 100%;
margin: 0 auto;
}
.text-elem{
flex-direction: column;
display: flex;
gap: 20px;
}
.text-elem h3{
color: #3A3A3A;
font-family: InterM;
font-size: 20px !important;
}
.text-elem p{
color: #3A3A3A;
font-family: InterR;
font-size: 16px;
}
.about-mini{
display: flex;
gap: 20px;
flex-direction: column;
}
.mini-item-about{
align-items: center;
gap: 30px;
padding: 20px;
position:  relative;
transform: translatex(300px);
opacity: 0;
transition: all 0.8s ease 0s;
}
.mini-item-about._active{
transform: translatex(0px);
opacity: 1;
}
.mini-item-about .text-elem,
.mini-item-about img{
position: relative;
z-index: 2;
}
.mini-item-about img{
border-radius: 10px;
}
.svg-mini1{
position: absolute;
content: "";
left: -30px;
top: 0px;	
}
.svg-mini2{
position: absolute;
content: "";
left: -63px;
top: 0px;	
}
.svg-mini3{
position: absolute;
content: "";
left: -30px;
top: 0px;	
}
.gallery-block1{
background: #E8E8E8;
}
.gallery-block{
background: #FEC619;
padding: 40px 0px 10px 0px;
}
.swiper-tovar .swiper-wrapper{
padding-bottom: 50px;
}
.block-title{
padding: 20px;
background: #fff;
color: #484848;
text-align: center;
display: flex;
font-family: InterM;
width: fit-content;
border-radius: 20px 20px 0px 0px;
border-top: 10px solid #FEC619;
border-left: 10px solid #FEC619; 
border-right: 10px solid #FEC619;
}
.swiper-tovar .swiper-slide{
border-radius: 20px;
background-color: #fff;
overflow: hidden;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
.swiper-tovar .swiper-slide img{
width: 100%;
height: 350px;
object-fit: cover;
}
.title-tovar{
color: #484848;
text-align: center;
font-family: InterM;
font-size: 20px;
padding-bottom: 15px;
}
.blog-block{
padding: 100px 0px;
background-color: #E8E8E8;
}
.container-news{
position: relative;
padding: 25px;
max-width: 1500px;
margin: 0 auto;
}
.container-news .col2{
position: relative;
z-index: 2;
}
.container-news .col2 img{
border-radius: 30px;
}
.news-svg{
position: absolute;
content: "";
left: 0px;
top: 0px;
}
.title-news{
font-family: InterB;
font-size: 28px;
color: #484848;
padding: 25px 50px 25px 20px;
position: relative;
margin-bottom: 100px;
transform: translatey(50px);
opacity:0;
transition: all 0.5s ease 0s;
}
.title-news._active{
transform: translatey(0px);
opacity:1;
}
.title-news span{
position: relative;
z-index: 2;
}
.subtitle-news{
padding: 40px 30px;
background-color: #fff;
font-family: InterR;
font-size: 16px;
color: #484848;
overflow: hidden;
}
.subtitle-news h3{
font-family: InterM;
font-size: 23px;
margin-bottom: 15px;
}
.title-svg{
position: absolute;
content: "";
left: 0px;
top: 0px;
}
.gallery-block2{
background-color: #E8E8E8;
}
.gallery-block3{
background-color: #fff;
padding: 40px 0px;
margin-bottom: 50px;
}
.swiper-gal .swiper-wrapper{
padding-bottom: 30px;
}
.form-section{
padding: 100px 0px;
}
.form-block{
padding: 30px 30px 10px 30px;
background-color: #FEC619;
border-radius: 20px;
}
.mb30{
margin-bottom: 30px;
}
.subttitle{
font-family: InterR;
font-size: 16px;
color: #484848; 
margin-bottom: 15px;
max-width: 650px;
}
.wpcf7-form input{
padding: 10px;
border-radius: 10px;
margin-bottom: 10px;
border: none;
}
.checkbox .wpcf7-list-item-label{
font-family: InterR;
font-size: 16px;
color: #484848; 
}
.checkbox .wpcf7-list-item{
margin-left: 0px;
}
.checkbox .wpcf7-list-item-label a{
color: #484848; 
}
.checkbox{
margin-bottom: 10px;
}
.wpcf7 .wpcf7-submit{
background-color: #fff;
font-family: InterM;
font-size: 18px;
border-radius: 10px;
display: flex;
margin-left: auto;
color: #484848; 
position: relative;
padding: 22px 50px 5px 50px;
cursor: pointer;
clip-path: path("M4 27.0303C4 22.2082 7.44122 18.0729 12.1831 17.1968L103.468 0.330119C104.649 0.111827 105.86 0.108216 107.043 0.31946L201.758 17.2367C206.527 18.0885 210 22.2363 210 27.0809V37C210 42.5228 205.523 47 200 47H14C8.47715 47 4 42.5228 4 37V27.0303Z");
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.wpcf7 .wpcf7-submit:hover{
background-color: #484848;
color:#FEC619;
}
.wpcf7-spinner{
display: none;
}
.center-image{
display: flex;
justify-content: center;
}
.form-block img{
max-width: 600px;
width: 100%;
}
footer{
padding: 30px 0px 0px 0px;
background-color: #fff;
}
.text{
font-family: InterR;
font-size: 16px; 
color: #484848;
max-width: 600px;
}
.footer-menu{
display: flex; 
gap: 10px;
margin-bottom: 20px;
}
.footer-menu li a{
font-family: InterM;
font-size: 18px; 
color: #484848;
padding: 10px 20px;
text-decoration: none;
transition: all 0.4s ease 0s;
}
.footer-menu li.active a{
border-radius: 40px;
padding: 10px 20px;
background-color: #FEC619;
}
.footer-menu li:hover a{
border-radius: 40px;
padding: 10px 20px;
background-color: #FEC619;
}
.contact{
background-color: #FEC619;
border-radius: 20px 20px 0px 0px;
padding: 40Px; 
}
.title-contact{
font-family: InterM;
font-size: 20px; 
margin-bottom: 20px;
color: #484848;
}
.contact-list{
margin-left: 20px;
}
.contact-list li{
list-style: disc;
font-family: InterM;
font-size: 16px; 
color: #484848;
margin-top: 10px
}
.contact-list li a{
font-family: InterM;
font-size: 16px; 
color: #484848;
}
.about_block {
margin: 50px 0;
background: #fff;
border-radius: 15px;
padding: 20px 10%;
display: flex;
flex-direction: column;
gap: 20px;
}
.about_item {
display: flex;
align-items: center;
flex-wrap: wrap;
border-radius: 20px;
position: relative;
}
.about_item_img {
width: 50%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
z-index: 1;
}
.about_item_title, .contacts_block_title {
font-weight: 600;
font-size: 3em;
color: #484848;
line-height: 100%;
}
.about_item_subtitle, .contacts_block_subtitle {
font-size: 1.2em;
color: #484848;
font-weight: 600;
}
.about_item_text {
position: relative;
z-index: 2;
width: 50%;
padding: 20px 10% 20px 20px;
display: flex;
flex-direction: column;
gap: 15px;
background: #fec619;
clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
min-height: 250px;
justify-content: center;
}
.about_item_desc, .contacts_block_desc {
line-height: 1.3;
color: #484848;
font-size: 1.2em;
}
.about_item:nth-child(2n) {
flex-direction: row-reverse;
}
.about_item:nth-child(2n) .about_item_text{
clip-path: polygon(0.00% 50%, 10% 0.00%, 100.00% 0.00%, 100% 100%, 10% 100%);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
text-align: right;
padding: 20px 20px 20px 10%;
}
.about_item:nth-child(2n) .about_item_img {
right: auto;
left: 0;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.contacts_block {
margin: 50px 0 80px;
background: #fff;
border-radius: 15px;
display: flex;
gap: 20px;
align-items: center;
}
.contacts_block_text {
position: relative;
z-index: 2;
box-sizing: border-box;
width: 50%;
padding: 50px 10% 50px 50px;
display: flex;
flex-direction: column;
gap: 15px;
background: #fec619;
clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
min-height: 250px;
justify-content: center;
}
.contacts_block_desc a {
color: #484848;
}
.contacts_block_map {
width: 45%;
padding: 20px;
}
.contacts_block_map iframe {
width: 100% !important;
border-radius: 30px;
height: 350px !important;
}
.page_title{
padding: 40px 0px;
}
.contacts_block{
overflow: hidden;
}
.contacts_block_text{
transition: all 0.6s ease 0.2s;
transform: translatex(-100%);
}
.contacts_block_text._active{
transform: translatex(0%);
}
.contacts_block_subtitle{
transition: all 0.4s ease 0.6s;
opacity: 0;
}
.contacts_block_title{
transition: all 0.4s ease 0.8s;
opacity: 0;
transform: translatey(40px);
}
.contacts_block_text._active .contacts_block_subtitle{
opacity: 1;
}
.contacts_block_text._active .contacts_block_title{
opacity: 1;
transform: translatey(0px);
}
.contacts_block_desc{
transition: all 0.4s ease 1s;
opacity: 0;
}
.contacts_block_text._active .contacts_block_desc{
opacity: 1;
}
.contacts_block_map iframe{
opacity: 0;
transition: all 0.4s ease 0.2s;
}
.contacts_block_map._active iframe{
opacity: 1;
}
@media (max-width:1302px){
.block-utp{
flex-direction: column;
}
.utp-item{
background: #E8E8E8 !important;
border-radius: 15px;
}
.about-section .fl-col{
flex-direction: column;
}
.about-big{
background-color: #FEC619;
width: 100%;
}
.mini-item-about{
background-color: #fff;
justify-content: space-between;
border-radius: 20px 0px 0px 20px;
}
.about-big svg,
.mini-item-about svg{
display: none;
}
.container-news{
align-items: center;
}
.container-news .col2 img{
width: 100%;
}
}
@media (max-width:992px){
.fl-col{
flex-direction: column;
}
.block-utp{
flex-direction: row;
}
.wpcf7 .wpcf7-submit{
margin-left: inherit;
margin: 10px auto;
}
.w60{
width: 100%;
}
.footer-menu{
margin-top: 30px;
flex-wrap: wrap;
}
.about-big img {
width: 100%;
}
.utp-item .row{
align-items: center;
}
.contacts_block{
flex-wrap: wrap; 
}
.contacts_block_map{
width: 100%;
}
.about_item_text,.contacts_block_text {
width: 100%;
clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
padding: 20px 20px 50px 20px;
margin-bottom: -40px;
border-top-right-radius: 15px;
min-height: 120px;
text-align: center;
}
}
@media (max-width:592px){
.mini-item-about{
background: #fff;
border-radius: 15px;
flex-direction: column;
}
.block-utp{
flex-direction: column;
}
.mini-item-about img{
width: 100%;
}
.mini-item-about svg{
display: none;
}
.form-section,
.blog-block{
padding: 50px 0px;
}
.subtitle-news{
padding: 12px;
}
.news-svg{
left: -40px;
}
.container-news{
padding: 10px;
}
.title-news{
margin-bottom: 35px;
}
}
@media (max-width: 767px){
.about_item:nth-child(2n) .about_item_text {
clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
padding: 20px 20px 50px 20px;
border-top-left-radius: 15px;
text-align: center;
}
.about_item_img {
width: 100%;
position: relative;
height: 300px;
border-bottom-left-radius: 15px;
border-top-right-radius: 0;
}
.about_item:nth-child(2n) .about_item_img {
border-top-left-radius: 0;
border-bottom-left-radius: 15px;
border-top-right-radius: 0;
border-bottom-right-radius: 15px;
}
.about_item_desc, .contacts_block_desc {
font-size: 1em;
}
.page_title h1 {
font-size: 2em;
}
.swiper-slide img {
max-width: 100%;
width: 100%;
}
.title-news {padding: 30px 50px 20px 20px;}
.title-news svg {
width: 100%;
left: -30%;
}
}
@media (max-width: 600px){
.header__flex {
justify-content: space-between;
}
.title-news svg {
left: -25%;
}
.header__flex .number-block {
display: none;
}
}
@media (max-width:492px){
.title-news svg {
left: -20%;
}
}
@media (max-width:400px){
.title-news svg {
left: -15%;
}
}
.about_item{
overflow: hidden;
}
.about_item:nth-child(odd) .about_item_text{
transform: translatex(-100%);
transition: all 0.6s ease 0s;
}
.about_item:nth-child(even) .about_item_text{
transform: translatex(100%);
transition: all 0.6s ease 0s;
}
.about_item._active .about_item_text{
transform: translatex(0%);
}
.about_item_subtitle{
opacity: 0;
transition: all 0.6s ease 0.4s;
}
.about_item._active .about_item_subtitle{
opacity: 1;
}
.about_item_title{
opacity: 0;
transform: translatey(30px);
transition: all 0.6s ease 0.6s;
}
.about_item._active .about_item_title{
opacity: 1;
transform: translatey(0px);
}
.about_item_desc{
opacity: 0;
transform: translatey(30px);
transition: all 0.6s ease 0.9s;
}
.about_item._active .about_item_desc{
opacity: 1;
transform: translatey(0px);
}
.about_item_img{
transition: all 0.6s ease 0.4s;
opacity: 0;
scale: 1.3;
}
.about_item._active .about_item_img{
opacity: 1;
scale: 1;
}
.swiper-gal .swiper-slide{
text-align: center;
}
.swiper-button-prev, .swiper-button-next{
background-color: #FEC619;
width: 45px !important;
height: 45px !important;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
}
.swiper-pagination-bullet-active{
background-color: #FEC619 !important;
}
.swiper-button-prev:after, .swiper-button-next:after{
font-size: 22px !important;
color: #fff !important;
}
.swiper-tovar .swiper-button-prev,
.swiper-tovar .swiper-button-next{
background-color: #fff;
width: 45px !important;
height: 45px !important;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-tovar .swiper-button-prev::after,
.swiper-tovar .swiper-button-next::after{
color:#FEC619 !important;
font-size: 22px !important;
}
.fuulscreean .overflow-img img{
width: 100%;
border-radius: 20px;
}
.btn-abs{
display: none;
}
.overflow-img {
position: relative;
}
.block-info-contact{
max-width: 500px;
gap: 10px;
align-items: center;
}
.contacts_block_desc{
text-align: left;
}
.block-info-contact img{
width:32px;
height: 32px;
}
@media(max-width:1300px){
.swiper-gal .swiper-slide img{
width: 100%;
}
}
@media(max-width:992px){
.btn-first{
display: none;
}
.btn-abs {
display: flex;
position: absolute;
left: 25%;
bottom: 20px;
z-index: 20;
}
.fuulscreean .fl-col{
flex-direction: column-reverse;
}
}
@media(max-width:592px){
.about-section{
display: none;
}
}
.shop-header {
margin-bottom: 40px;
}
.shop-title {
font-size: 64px;
color: #484848;
font-weight: 700;
margin-bottom: 10px;
font-family: InterB;
}
.shop-subtitle {
font-size: 1.2rem;
color: #666;
margin: 0;
}
.shop-categories-wrapper {
display: flex;
align-items: flex-start;
gap: 30px;
}
.product-categories-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
gap: 20px;
flex: 0 1 70%; }
.shop-side-image{
flex: 0 1 30%;
align-self: stretch; 
}
.shop-side-image img {
width: 100%;
height: 100% !important;
border-radius: 20px;
}
.woocommerce-breadcrumb{
max-width: 1610px;
margin: 0 auto;
font-family: InterR;
color: #484848;
}
.woocommerce-breadcrumb a{
color: #000;
} .category-item {
background: #FFC300;
border-radius: 25px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px;
transition: transform 0.3s, box-shadow 0.3s;
}
.category-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.category-title {
font-size: 20px;
color: #fff;
font-weight: 600;
margin-bottom: 10px;
}
.category-thumb {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 10px;
margin-bottom: 15px;
}
.category-button {
display: inline-block;
padding: 10px 20px;
background-color: #fff;
color: #000;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.4s ease 0s;
box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.25);
}
.category-button:hover {
box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0);
} @media (max-width: 768px) {
.category-thumb {
height: 150px;
}
.category-title {
font-size: 1.1rem;
}
}
@media (max-width: 480px) {
.product-categories-grid {
gap: 15px;
}
}
.site-main{
padding-top: 100px;
padding-bottom: 60px;
background: #fff;
}
.subcategory-slider{
padding: 25px;
background: #FFC300;
border-radius: 25px;
}
.subcategory-slider .swiper-tovar{
background: #fff;
border-radius: 25px;
padding: 20px;
}
.subcategory-slider .swiper-wrapper{
padding-bottom: 0px;
}
.category-filters{
background-color: #FFC300;
border-radius: 20px;
padding: 20px;
align-self: baseline;
}
.wp-block-heading{
font-family: InterM;
color: #434343;
font-size: 24px;
}
.subcategory-slider { margin: 40px 0; }
.swiper-tovar .swiper-slide {
text-align: center;
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.swiper-tovar img {
width: 100%;
height: 200px;
object-fit: cover;
}
.title-tovar {
padding: 10px;
font-weight: 600;
background: #f8f8f8;
}
.category-products-wrapper {
display: grid;
grid-template-columns: 300px 1fr;
gap: 30px;
margin-top: 50px;
}
.wc-block-product-filter-checkbox-list__label{
color: #fff;
font-family: InterR;
}
.wc-block-product-filter-checkbox-list__input{
background-color: #FFf !important;
}
.category-products .products{
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.category-products .products li{
width: auto !important;
margin-right: 0px !important;
background-color: #fff;
box-shadow: 0px 0px 15px #00000014;
border-radius: 20px;
padding: 20px !important;
box-sizing: border-box;
border: none;
}
.category-products .products li img{
border-radius: 20px;
}
.woocommerce-loop-product__title{
font-family: InterM;
font-size: 16px;
text-align: center;
margin: 15px 0px;
color: #000;
}
.product_type_simple{
background-color: #FFC300 !important;
border-radius: 20px !important;
color: #fff !important;
text-decoration: none !important;
padding: 12px 30px !important;
font-family: InterM;
font-size: 16px !important;
text-align: center;
box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.15) !important;
transition: all 0.4s 
ease 0s;
}
.product_type_simple:hover{
box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0);
color: #fff;
} .custom-product-layout {
display: flex;
flex-direction: column;
gap: 50px;
margin-bottom: 80px;
margin-top: 20px;
padding: 20px;
border-radius: 30px;
background-color: #ffffff;
box-shadow: 0px 0px 10px #00000024;
}
.product-columns {
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
.product-sku {
margin-top: 5px;
color: #666;
font-size: 14px;
}
.discuss-button {
display: inline-block !important;
background-color: #ffc300 !important;
border: 2px solid #ffc300 !important;
color: #fff !important;
padding: 14px 30px !important;
border-radius: 30px !important;
text-decoration: none !important; 
font-weight: 600 !important;
margin: 20px 0 !important;
transition: background-color 0.3s ease;
}
.discuss-button:hover{
background-color: #fff !important;
color: #000 !important;
border: 2px solid #ffc300 !important;
}
.product-left{
align-self: stretch; 
}
.woocommerce div.product div.images.woocommerce-product-gallery{
min-width: 100%;
border-radius: 20px;
background: #fff;
overflow: hidden;
}
.discuss-button:hover {
background-color: #444;
}
.woocommerce div.product div.summary{
width: 100% !important;
}
.product-bottom {
margin-top: 60px;
}
.wc-tabs{
flex-direction: column;
width: 100%;
display: flex !important;
padding-left: 0px !important;
margin: 20px 0px !important;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-radius: 15px;
overflow: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
background-color: #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
display: flex !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
border: none;
}
.wc-tabs li{
font-family: InterR;
padding: 15px !important;
border-bottom: 1px solid #000 !important;
background-color: #ffffff00 !important;
transition: all 0.4s ease 0s;
cursor: pointer;
}
.wc-tabs li:hover{
background-color: #fff;
}
.wc-tabs li:hover a{
color: #000;
}
.wc-tabs li a{
padding: 0px !important;
color: #000;
}
.additional_information_tab.active,
.description_tab.active,
.reviews_tab.active{
background-color:#FFf;
color: #000 !important;
}
.additional_information_tab.active a,
.description_tab.active a,
.reviews_tab.active a{
color: #000 !important;
}
.woocommerce-Tabs-panel{
box-shadow: 0px 0px 10px #0000001f;
font-family: InterR;
padding: 15px !important;
background-color: #Fff;
color: #000; 
border-radius: 15px;
}
.entry-content table{
margin-top: 15px;
border-left: 1px solid #000 !important;
border-bottom: 1px solid #000 !important;
margin-bottom: 0px !important;
}
.entry-content table th, .entry-content table td{
border-right: 1px solid #000 !important;
border-top: 1px solid #000 !important;
}
.woocommerce-product-attributes-item__label{
font-family: InterM;
font-size: 18px;
padding: 5px !important;
font-weight: 500 !important;
border-right: 1px solid #000 !important;
border-top: 1px solid #000 !important;
background: transparent !important;
}
.woocommerce-tabs .panel h2:first-of-type{
font-size: 24px;
font-family: InterM;
}
.related.products{
font-size: 24px;
font-family: InterM;
}
input:focus, textarea:focus, button:focus, .form-control:focus, .btn.focus, .btn:focus, a:focus, button:focus, .search-box input.form-control:focus, button.close-search:focus{
border: none !important;
}
.flex-control-nav{
display: flex;
gap: 10px;
}
.flex-control-nav li{
padding: 10px;
background: #fff; 
border-radius: 10px;
}
.discuss-button{
background-color: #fff;
color: #000;
transition: all 0.4s ease 0s;
border-radius: 20px;
}
.discuss-button:hover{
background-color: #000;
color: #fff;
}
.comment-form-rating{
display: flex;
gap: 20px;
margin: 10px 0px;
}
.comment-form-comment{
display: flex;
flex-direction: column;
}
.comment-form input, .comment-form textarea{
border-radius: 20px !important;
padding: 12px !important;
background-color: #fff !important;
margin-top: 10px !important; 
transition: all 0.4s ease 0s;
border: 1px solid #000;
}
.comment-form textarea:focus{
border: 1px solid #000 !important;
}
.comment-form input[type=submit]{
width: 100% !important;
margin-top: 20px !important;
padding: 12px 30px !important;
border-radius: 20px !important;
background-color: #000 !important;
color: #fff !important;
}
.woocommerce-noreviews{
display: none;
}
.comment_container{
margin-bottom: 10px;
display: flex;
gap: 10px;
align-items: center;
}
.product-related{
background: #FEC619;
margin-top: 0px;
}
.product-related h2{
display: none;
}
.product-related .product{
background: #fff;
border-radius: 20px !important;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 10px !important;
}
.product-related  .woocommerce-loop-product__title{
font-size: 20px !important;
display: block !important; 
text-align: center;
}
.product-related .products{
padding-top: 10px !important;
}
.product-template-default .gallery-block1{
margin-top: 40px;
}
.product-template-default .site-main {
padding-top: 100px;
padding-bottom: 30px;
background:  #ffffff00;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb{
padding: 20px 10px;
background: #fff;
border-radius: 0px;
width: 100%;
text-align: center;
justify-content: center;
max-width: 100%;
box-sizing: border-box;
}
#pum-798{
background: #00000085;
}
.pum-theme-8 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
background: none !important;
box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0) !important;
font-size: 24px;
color: #000 !important;
}
#wpcf7-f7-o1 label{
width: 100%;
}
#wpcf7-f7-o1 label input{
border: 1px solid #000 !important;
}
.form-control:focus{
box-shadow: 0 0 0 0.2rem rgb(255 195 0 / 25%);
}
.category-products .star-rating{
display: none !important;
}
.post-type-archive .widget-area{
display: none !important;
}
html.wc-block-product-filters__lock-scroll,
body.wc-block-product-filters__lock-scroll {
overflow: auto !important;
position: static !important;
}
.type-product{
display: flex;
flex-direction: column;
align-items: center;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
display: none;
}
.related .products{
display: flex;
}
.swiper-tovar a{
text-decoration: none;
transition: all 0.4s ease 0s;
}
.swiper-tovar a .title-tovar{
transition: all 0.4s ease 0s;
}
.swiper-tovar a:hover .title-tovar{
color: #FFC300;
}
.pagination{
display: flex;
gap: 10px;
justify-content: center;
}
.page-numbers{
padding: 10px;
background-color: #fec619;
border: 1px solid #fec619;
border-radius: 7px;
text-decoration: none;
transition: all 0.4s ease 0s;
font-family: InterR;
color: #fff;
}
.page-numbers:hover{
background-color: transparent;
color: #000;
}
.page-numbers.current{
background-color: transparent;
color: #000;
border: 1px solid #fec619;
}
.woocommerce-Reviews-title,
.woocommerce-Tabs-panel--description h2{
margin-bottom: 15px;
}
.woocommerce p.stars a::before{
color:#ffc300 ;
}
.comment-form-author,
.comment-form-email{
display: flex;
flex-direction: column;
}
.product-download-link{
display: inline-flex;
flex-direction: column;
background-color: #ffc300;
border-radius: 10px;
padding: 10px;
gap: 10px;
font-size: 18px;
color: #fff;
text-decoration: none;
transition: all 0.4s ease 0s;
font-family: InterR;
}
.product-download-link:hover{
background-color: #ffd447;
color: #000;
}
.product-download-link img{
width: 64px;
height: 64px;
}
.product-download-block{
background: #fff;
padding: 15px;
border-radius: 15px;
}
.product-download-block h3{
font-size: 24px;
font-family: InterM;
margin-bottom: 15px;
}
.woocommerce ul.products li.product a img{
max-height: 300px;
object-fit: cover;
} .category-filters form {
display: flex;
flex-wrap: wrap;
gap: 15px; font-family: InterR;
align-items: center;
} .category-filters input[type="number"],
.category-filters select {
padding: 10px 12px;
border: 1px solid #000; border-radius: 6px;
font-family: 'Inter', sans-serif;
font-size: 14px;
width: 100%;
box-sizing: border-box;
} .category-filters button {
padding: 8px 16px;
background-color: #000;
color: #FFC300;
border: none;
border-radius: 6px;
font-family: 'Inter', sans-serif;
cursor: pointer;
font-weight: 500;
transition: background-color 0.3s;
}
.category-filters button:hover {
background-color: #333;
} .category-filters label {
font-family: InterR;
font-size: 14px;
margin-right: 5px;
}
.dir-inpit{
display: flex;
flex-direction: column;
gap: 10px;
}
.fl-input{
display: flex;
gap: 10px;
align-items: center;
}
.category-products .product .product-sku,
.related .product .product-sku{
display: flex;
margin-bottom: 10px;
justify-content: center;
gap: 5px;
}
.category-products .product .product-dimensions,
.related .product .product-dimensions{
display: flex;
justify-content: center;
gap: 5px;
}
.reviews_tab{
display: none !important;
}
#popmake-798{
border-radius: 20px;
}
#popmake-798 .pum-theme-8 .pum-title, .pum-theme-default-theme .pum-title{
text-align:center;
}
#popmake-798 #wpcf7-f7-o1 label input{
width: 100%;
height: 50px;
}
#popmake-798 .checkbox input{
width: 22px !important;
height: 22px !important;
margin-bottom: 0px !important;
}
#popmake-798 .wpcf7 .wpcf7-submit{
clip-path: none;
background-color: #FFC300 !important;
padding: 11px 33px;
margin: 0 auto;
border: 2px solid #FFC300;
border-radius: 30px; 
}
#popmake-798 .wpcf7 .wpcf7-submit:hover{
background-color: #fff !important;
color: #000 !important;
}
.filter-mobile{
display: none;
align-items: center;
font-family: InterR;
gap: 10px;
font-size: 16px;
color: #000;
}
.filter-mobile img{
width: 32px;
height: 32px;
} @media (max-width: 992px) {
.filter-desctop {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
} .filter-desctop.active {
max-height: 1000px; }
.filter-mobile {
display: flex;
align-items: center;
cursor: pointer;
margin-bottom: 10px;
}
}
@media(max-width:992px){
.shop-categories-wrapper{
flex-direction: column-reverse;
}
.category-products-wrapper{
flex-direction: column;
display: flex;
}
.woocommerce .products ul, .woocommerce ul.products{
justify-content: center;
}
.shop-title{
font-size: 26px;
}
.product-columns{
display: flex;
flex-direction: column;
}
.related.products .products{
display: flex;
flex-wrap: wrap;
}
.related.products .products .product{
width: 100%;
flex: 0 1 45%;
margin-bottom: 20px !important;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
margin-bottom: 20px !important;
}
}
@media(max-width:592px){
.fuulscreean .overflow-img img{
min-height: 700px;
object-fit: cover;
}
.header__link-link, ul.menu__list__glav a{
font-size: 18px;
}
.fuulscreean .w60{
margin-top: 40px;
}
.related.products .products .product{
width: 100%;
flex: 0 1 100%;
}
}