/*
 * Theme Name: Clean WP
 * Description: Clean WP Theme
*/

@import url('fonts/font.css');

*{
    box-sizing: border-box;
    padding:0;
    margin: 0;
}

body{
    box-sizing: border-box;
    padding:0;
    margin: 0;
    font-family: "Palatino Nova";
    color:#111b21;
}

header{
    margin-top: 30px;
}

.top-navigation-wrapper{
	height: 95px;
    background: #2D2828;
    padding: 10px 15px;
    border-radius: 50px;
    display: flex;
    align-items: center;
}

.banner{
	padding: 40px 0 75px;
}

.banner .owl-item:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: linear-gradient(90deg, rgba(252,226,238,0) 0%, rgba(252,226,238,1) 100%);
	z-index: -1;
}

.banner .owl-carousel{
	border: 1px solid #F4E3E3;
    border-radius: 50px;
	overflow: hidden;
	position:relative;
}

.banner .item{
	padding: 46px;
    background-size: 35%;
    background-position: center right;
    background-repeat: no-repeat;
}

.banner h1{
	font-size: 75px;
    font-weight: 700;
    max-width: 640px;
    line-height: 82px;
    margin-bottom: 40px;
	color: #514949;

}

.banner p{
	font-size: 18px;
    font-weight: 400;
    max-width: 550px;
    line-height: 28px;
	color: #514949;
}

.banner .banner-btn{
	background: #9E7F89;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 18px 35px;
    border-radius: 30px;
    display: inline-block;
    margin-top: 44px;
}

.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -25px !important;
    width: 100%;
	display: flex;
    justify-content: space-between;
	height:0;
}

.owl-nav img{
	width: 40px;
    opacity: 0.3;
    transition: 0.3s;
    background: #fff;
    border-radius: 100px;
    padding: 10px;
}

.owl-nav img:hover{
	opacity:1;
	transition:0.3s;
}

.owl-nav .owl-prev{
	left:0;
}

.owl-nav .owl-next{
	right:0;
}

.owl-theme .owl-nav [class*=owl-]:hover{
	background:transparent!important;
}

.owl-dots{
	position: absolute;
    bottom: 15px;
    width: 100%;
}

.banner-news{
	padding: 40px 0 75px;
}

.banner-news .border{
	padding: 50px 30px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
    background: url(/wp-content/uploads/2025/02/news.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    position: relative;
}

.banner-news .border:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   	background: linear-gradient(90deg, rgb(252 226 238 / 28%) 0%, rgb(252 226 238 / 28%) 0%);
    /* z-index: -1; */
    border-radius: 50px;
}

.banner-news .banner-btn {
    background: #9E7F89;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 18px 35px;
    border-radius: 30px;
    display: inline-block;
    margin-top: 44px;
	position: relative;
}

.banner-news h1 {
    font-size: 75px;
    font-weight: 700;
    max-width: 750px;
    line-height: 82px;
    margin-bottom: 40px;
    color: #514949;
	position: relative;
}

.category-carousel{
    margin-top: 30px;
}

.category-carousel .owl-dots{
	bottom: -50px;
}

.category-carousel .gallery-item img{
	border-radius:25px;
}

.category-carousell .owl-item img {
    border-radius: 25px;
}

.owl-theme .owl-dots .owl-dot span{
	background: hsl(0deg 5.88% 16.67% / 30%)!important;
}

.owl-theme .owl-dots .owl-dot.active span{
	background: #2d2828!important;
}

.asort-list {
    display: flex;
    justify-content: space-between;
    align-items: center; 
}

.category-item{
	max-width: 340px;
    width: 100%;
    height: 340px;
    background-size: cover;
    background-position: 50% 50%;
    border: 3px solid #F4E3E3;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    text-decoration: none;
    overflow: hidden;
}

.asort{
	padding-bottom: 75px;
}

.asort .border{
	padding:50px 30px;
	border: 1px solid #F4E3E3;
    border-radius: 50px;
}

.asort h2{
	text-align: center;
    margin-bottom: 28px;
    font-size: 26px;
    font-weight: 700;
	color: #514949;
}

.asort p{
	text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 28px;
	color: #514949;
}

.category-item h3{
	width: 100%;
    text-align: center;
    background: #fff;
    padding: 10px 0;
    color: #9E7F89;
    font-size: 17px;
    transition: 0.4s;
    overflow: hidden;
    text-transform: uppercase;
}

.category-item:hover{
	border-radius: 160px;
	transition:0.4s;
}

.category-item:hover h3{
	background: #9E7F89;
    color: #fff;
	transition:0.4s;
}

.category-desc{
	line-height: 24px;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 колонок однакової ширини */
  gap: 20px; /* відстань між колонками і рядками */
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
}

.steps{
	padding-bottom: 75px;
}

.steps .border {
    padding: 50px 30px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
}

.steps h2 {
    text-align: center;
    margin-bottom: 45px !important;
    font-size: 26px;
    font-weight: 700;
    color: #514949;
}

.steps .step-content{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.steps .step-box{
	border: 1px solid #F5F5F5;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    text-align: center;
    padding: 30px 15px;
	position: relative;
	border-radius: 10px;
	transition:0.4s;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.steps .step-box:hover{
	transform: translateY(-10px);
	transition:0.4s;
}

.steps .step-box span{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: #9e7f89;
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: -2px;
    top: 0;
    border-radius: 0 15px 0;
}

.steps .step-box p{
	text-align: center;
    font-size: 17px;
    line-height: 24px;
    color: #514949;
}

.steps .step-box img{
	height: 60px;
    margin-bottom: 15px;
}

.reviews-slider{
	padding-bottom: 75px;
}

.reviews-slider h2 {
    text-align: center;
    margin-bottom: 45px !important;
    font-size: 26px;
    font-weight: 700;
    color: #514949;
}

.reviews-slider img{
	object-fit: cover;
    object-position: center;
    height: 300px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.reviews-slider .owl-prev {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.owl-prev img{
	height:auto;
	width: 30px;
    opacity: 1;
    transition: 0.3s;
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.owl-next img{
	height:auto;
	width: 30px;
    opacity: 1;
    transition: 0.3s;
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.reviews-slider .owl-next {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.about-us{
	padding-bottom:70px;
}

.about-us p{
	max-width: 1010px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 33px;
    color: #514949;
    position: relative;
    padding: 0 75px;
}

.about-us .open_quote{
	position: absolute;
	width: 50px;
	left:0;
	top:0;
}

.about-us .close_quote{
	position: absolute;
	width: 50px;
	right:0;
	bottom:0;
}

.messg{
	display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.messg img{
	width: 19px;
}

.messg .tg img{
	position: relative;
    bottom: -4px;
}

.messg .vb img{
	position: relative;
    bottom: -4px;
}

.why-we-are{
	padding-bottom: 75px;
}

.why-we-are .border {
    padding: 50px 30px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
}

.why-we-are h2 {
    text-align: center;
    margin-bottom: 45px !important;
    font-size: 26px;
    font-weight: 700;
    color: #514949;
}

.asort-wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.asort-image img {
	max-width: 240px;
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.asort-content {
  flex: 1 1 400px;
}

.asort-content h2 {
  font-size: 28px;
  margin-bottom: 20px;
}

.features-list {
	list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.features-list li {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0px;
    background: rgb(255 237 242 / 50%);
    padding: 10px 20px;
    border-radius: 15px;
    width: 100%;
    color: #514949;
    border: 1px solid #F4E3E3;
	display: flex;
    align-items: center;
    gap: 12px;
}

.features-list li img {
	width: 50px;
}

.asort-image{
	padding: 0 40px;
}

.instagram{
	
}

.instagram .border{
	padding: 50px 30px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
	background: radial-gradient(98.75% 144.31% at 98.78% 1.25%, #FFEDF2 0%, rgba(255, 237, 242, 0.26) 50%, rgba(255, 237, 242, 0.37) 100%) ;
}

.instagram h2{
	text-align: center;
    margin-bottom: 28px;
    font-size: 26px;
    font-weight: 700;
	color: #514949;
}

.instagram p{
	text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 28px;
	color: #514949;
}

.instagram .inst_btn{
	text-align:center;
}

.instagram .inst_btn a{
	text-decoration: none;
    color: #9e7f89;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 700;
}

.instagram .inst_btn a span{
	width: 40px;
    height: 40px;
    background: #9E7F89;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}
.instagram .inst_btn a span img{
	width: 22px;
    height: 22px;
}

.bottom-navigation-wrapper{
    background: #2D2828;
    padding: 50px;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
  	align-items: center; /
}

.logo-box{
	width:15%;
	float:left;
}

.logo-box img{
	max-width:75px;
	width:100%;
}

.top-navigation{
	width:70%;
	float:left;
}

.contact-form{
	padding: 75px 0;
}

.form{
	border:1px solid #F4E3E3;
	border-radius:50px;
	padding:50px;
}

.form h2{
	text-align: center;
    margin-bottom: 37px;
    font-size: 26px;
    font-weight: 700;
    color: #514949;
}

.pum h2{
	text-align: center;
    margin-bottom: 30px;
    font-size: 23px;
    font-weight: 700;
    color: #514949;
}

.form form{
	max-width:968px;
	width:100%;
	margin:0 auto;
	position: relative;
}

.form form input, .pum form input{
	width:100%;
	border: 1px solid #F4E3E3;
    border-radius: 25px;
    padding: 15px 50px;
    font-size: 16px;
	margin-bottom:10px;
	outline:none;
	color: #514949;
	height: 50px;
	background:#FFF8FA;
	font-family: "Palatino Nova";
}

.form form input::placeholder, .pum form input::placeholder {
    color: #514949;
}

.form form input[type="submit"], .pum form input[type="submit"]{
	background: #9E7F89;
    max-width: 220px;
    width: 100%;
    display: block;
    margin: 28px auto 0;
    font-size: 20px;
    color: #fff;
    font-family: "Palatino Nova";
    padding: 10px 0;
    height: 52px;
    cursor: pointer;
}

select{
	width: 100%;
    border: 1px solid #F4E3E3;
    border-radius: 25px;
    padding: 15px 50px;
    font-size: 16px;
    margin-bottom: 10px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #514949;
    font-weight: 700;
    height: 50px;
    background: #FFF8FA;
    font-family: "Palatino Nova";
    background-image: url(/wp-content/uploads/2025/02/select.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 54%;
	cursor: pointer;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-left: 15px;
    margin-top: -5px;
}

.form .wpcf7-spinner, .pum .wpcf7-spinner{
	position: absolute;
    bottom: 0;
}

.pum-container{
	border: 8px solid #2D2828!important;
	box-shadow: 0px 0px 30px 0px rgb(45 40 40)!important;
}

.pum-close{
	box-shadow: 0px 0px 15px 1px rgb(45 40 40 / 75%)!important;
    background-color: rgb(45 40 40)!important;
}

.footer-info{
	width:70%;
	text-align:center;
}

.footer-info a{
	display: block;
    color: #fff;
    margin-bottom: 13px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.footer-info p{
	display:block;
	color:#fff;
	margin-bottom:0px;
	font-size: 16px;
    font-weight: 700;
	line-height: 28px;
}

.footer-info .inst{
	font-size: 14px;
}

.footer-info .inst img{
position: relative;
    bottom: -3px;
    width: 15px;
}

.scroll-top{
	width: 15%;
    text-align: right;
    color: #fff;
    text-decoration: none;
	cursor:pointer;
}

.nav{
	display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 40px;
}

.nav li a{
	color: #fff;
    text-decoration: none;
    font-size: 16px;
	font-weight:700;
}

.nav .current-menu-item{
	background: #FFEDF2;
    color: #2d2828;
    padding: 10px 20px;
    border-radius: 30px;
}

.nav .order-item a{
	padding: 10px 20px;
	display: inline-block;
}

.nav .current-menu-item a{
    color: #2d2828;
}

.nav .order-item{
	background: #9E7F89;
    color: #2d2828;
    padding: 0;
    border-radius: 30px;
}

.head-number{
	width: 15%;
    float: left;
    text-align: right;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
	padding-right: 15px;
}

.gallery-large {
    width: 100%;
    height: 320px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.gallery-large img {
    width: 100%;
    height: 100%;
    object-fit: cover;      
    object-position: center;
	border-radius: 10px;
}

.gallery-thumbnails .gallery-thumb {
    transition: all 0.3s ease;
}

.gallery-thumbnails .gallery-thumb.selected img {
    border: 3px solid #2d2828;
    opacity: 0.8;              
}

.gallery-thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    justify-content: left;           
}

.gallery-thumb {
    width: 30%;
}

.gallery-thumb img {
    width: 100%;      
    height: 90px;         
    object-fit: cover; 
    object-position: center;
	border-radius: 10px;
}

.logo-mobile, .menu, .close, .mob-head-number{
	display:none;
}

.asort-page .asort{
	padding-top: 40px;
}

.category-content{
	padding: 40px 0 75px;
}

.category-product{
	padding: 0px 0 75px 0;
}

.realised{
	padding: 0px 0 75px;
}

.category-content .border{
	padding: 50px 30px 35px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
}

.realised .border{
	padding:40px 30px 70px;
}
   
.category-content h2{
	text-align: center;
    margin-bottom: 28px;
    font-size: 40px;
    font-weight: 700;
    color: #514949;
}

.category-desc h3{
	text-align: left;
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 700;
    color: #514949;
}

.category-desc ul{
	padding-left: 20px;
}

.category-desc ul li{
	text-align: left;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 24px;
    color: #514949;
}

.category-product .border{
	padding: 40px 25px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
    display: inline-block;
    width: 100%;
}

.category-product h2{
	text-align: center;
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: 700;
    color: #514949;
}

.subcategory-product{
	padding-bottom:75px;
}

.subcategory-product .border{
	padding: 25px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
    display: inline-block;
    width: 100%;
}

.subcategory-product h2{
	text-align: center;
    margin-bottom: 37px;
    font-size: 26px;
    font-weight: 700;
    color: #514949;
}

.category-page .contact-form{
	padding: 0px 0;
}

.product-list{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
	justify-content: normal;
}

.product-item{
    border: 1px solid #F4E3E3;
    border-radius: 25px;
    padding: 10px 10px 0px 10px;
}

.img-product-cont{
	height: 185px;
    display: inline-block;
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
}

.img-product-cont img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product-link{
	display: inline-block;
    width: 23%;
    text-decoration: none;
}

.product-item h3{
	text-align: left;
    margin: 15px 0;
    font-size: 20px;
    font-weight: 700;
    color: #514949;
	min-height: 50px;
    display: flex;
    align-items: center;
}

.product-item .ingrid{
	font-size: 14px;
    line-height: 19px;
    color: #514949;
    margin-bottom: 15px;
	min-height: 57px;
	/*max-height: 4em;
    overflow: hidden;
    position: relative;
    line-height: 1.5em;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0));*/
}

.product-item .price{
	color: #9E7F89;
    font-weight: 700;
    font-size: 20px;
}

.product-item .quantity{
	color: #9E7F89;
    font-weight: 500;
    font-size: 14px;
    margin-top: 9px;
}

.new-product .category-product{
	padding: 75px 0 0;
}

.new-product .category-product h2{
	text-align: center;
    margin-bottom: 37px;
    font-size: 26px;
    font-weight: 700;
    color: #514949;
}

.new-product .description-page{
	margin-bottom: 60px;
    font-size: 18px;
    line-height: 28px;
    color: #514949;
}

.product-list-see .product-link{
	width:100%;
}

.product-list-see .owl-dots {
    bottom: -40px;
}

.reviews-page .reviews-grid{
	display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
}

.reviews-page .reviews-grid .review-item img {
    object-fit: cover;
    object-position: center;
    height: 300px;
    width: 100%;
	border-radius: 10px;
}

.reviews-page .reviews-slider{
	padding-top: 40px;
}

.last-see h2{
	text-align: center;
    margin-bottom: 37px;
    font-size: 26px;
    font-weight: 700;
    color: #514949;
}

.last-see .border{
	padding: 25px 25px 50px 25px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
    display: inline-block;
    width: 100%;
}

.single-post-block{
	padding: 40px 0 70px;
}

.single-post-block .border{
	padding: 50px 30px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
    display: inline-block;
	width: 100%;
}

.single-post-block h1{
	margin-bottom: 28px;
    font-size: 40px;
    font-weight: 700;
    color: #514949;
}

.single-post-block .post-content .ingr{
	font-weight: 700;
    margin-bottom: 20px;
}

.single-post-block .post-body p{
	text-align: left;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 24px;
    color: #514949;
}

.single-post-block .price{
	color: #9E7F89;
    font-weight: 700;
    font-size: 24px;
}

.price-info{
	margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 10px;
}
	

.single-post-block .dekor {
   color: #9E7F89;
    font-weight: 700;
    font-size: 20px;
}

.single-post-block .button a{
	background: #9E7F89;
   	display: inline-block;
    margin: 10px auto 0;
    font-size: 20px;
    color: #fff;
    font-family: "Palatino Nova";
    padding: 12px 45px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border-radius: 100px;
}

.thank-you-page .banner .border{
	border: 1px solid #F4E3E3;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    padding: 30px 50px;
	background-image:url('/wp-content/uploads/2025/02/pattern.svg');
	background-size: cover;
}
.thank-you-page .banner .border:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 237 242 / 88%);
}

.thank-you-page .banner h1{
	z-index: 9;
    position: relative;
}
.thank-you-page .banner p{
	z-index: 9;
    position: relative;
}

.thank-you-page .asort{
	padding-top:75px;
}

.thank-you-page .last-see{
	padding-bottom:75px;
}

.asort-page .contact-form {
    padding: 0 0 75px 0;
}

.category-page .contact-form {
    padding: 0px 0 75px;
}

.last-element{
	padding-bottom:0;
}

.about-page-top{
	padding: 40px 0 75px 0;
}

.about-page-top .border {
	border: 1px solid #F4E3E3;
    border-radius: 50px;
    padding: 50px 30px;
    display: inline-block;
    width: 100%;
}

.about-page-top img{
	width: 100%;
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
    max-width: 85%;
    margin: 40px auto 0;
    display: block;
	border-radius: 5px;
}

.about-page-top strong{
    font-weight: 600;
}

.about-page-top p{
	text-align: left;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 28px;
    color: #514949;
}

.about-page-top .best-phil{
	background: #ffedf2;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 0;
}

.about-page-top h3{
	margin: 25px 0 20px;
}

.about-page-top h2{
	margin-bottom: 20px;
}

.about-page-top .col-md-8{
	padding:0;
}

.about-page-top .col-md-4{
	padding:0;
}

.values{
	padding-bottom: 75px;
}

.values h2{
	text-align: center;
	margin-bottom:40px;
}

.values-container{
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.values-container .value-box{
	display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
	text-align:center;
	position: relative;
}

.value-box:before{
	content: '';
    position: absolute;
    left: 50%;
    top: 18px;
    width: 100%;
    height: 0px;
    border: 1px dotted rgb(45 40 40 / 25%);
}

.values-container .value-box img{
	width: 40px;
    background: #fff;
    z-index: 9;
}

.values-container .value-box strong{
	font-size: 17px;
}

.values-container .value-box p{
	line-height: 20px;
}

.border-none-box:before{
	display:none;
}

.what-we-do{
	padding: 0px 0 75px 0;
}

.what-we-do h2{
	text-align:center;
	margin-bottom: 20px;
}

.what-we-do .border {
    border: 1px solid #F4E3E3;
    border-radius: 50px;
    padding: 50px 30px;
    display: inline-block;
    width: 100%;
}

.what-we-do .what-we{
	width: 100%;
}

.what-we-do ul{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.what-we-do ul li{
	background-image: url(/wp-content/uploads/2025/02/mini-torty.jpg);
    list-style: none;
    height: 220px;
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    text-align: center;
	border-radius: 10px 0 10px 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

.what-we-do ul li:nth-child(1){
	background-image: url(/wp-content/uploads/2025/07/what-3-min.jpg);
}

.what-we-do ul li:nth-child(2){
	background-image: url(/wp-content/uploads/2025/07/what-2-min.jpg);
}

.what-we-do ul li:nth-child(3){
	background-image: url(/wp-content/uploads/2025/07/what-1-min.jpg);
}

.what-we-do ul li:nth-child(4){
	background-image: url(/wp-content/uploads/2025/02/torty-vid-2-kg-2-10.jpg);
}

.what-we-do ul li:nth-child(5){
	background-image: url(/wp-content/uploads/2025/07/what-4-min.jpg);
}

.what-we-do ul li:nth-child(6){
	background-image: url(/wp-content/uploads/2025/07/what-5-min.jpg);
}

.what-we-do ul li span{
	background: hsl(343.33deg 100% 96.47% / 84%);
    display: inline-block;
    max-width: 330px;
    padding: 10px;
    color: #111b21;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #111b21;
}

.all-can{
	text-align: center;
    margin-top: 30px;
    font-weight: 600;
    max-width: 500px;
    margin: 50px auto 0;
    line-height: 26px;
    text-transform: uppercase;
}

.oportunity{
	padding: 0px 0 75px 0;
}

.oportunity .oportunity-cont{
	display:flex;
	gap:20px;
}

.oportunity .oportunity-cont > img{
	border-radius: 10px 0 10px 0;
}

.oportunity .oport-box{
	display: flex;
    align-items: center;
    justify-content: center;
    background: #ffedf2;
    text-align: center;
    padding: 20px 40px;
    line-height: 22px;
    border-radius: 10px 0 10px 0;
	flex-direction: column;
	gap: 20px;
}

.oportunity .oport-box img{
	height:70px;
}

.oportunity .oport-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.what-we-do .oportunity-cont{
	width: 55%;
    float: left;
    padding: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    gap: 20px;
}

.message-box{
	padding-bottom: 75px;
}

.single-message-box{
	padding-bottom:0;
}

.blog-bost-box{
	padding: 20px;
    border-radius: 10px;
    border: 1px solid #ffedf2;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	margin-bottom: 20px;
}

.blog-bost-box img{
	width:100%;
	height:200px;
	object-fit: cover;
    object-position: center;
}
.blog-bost-box h3{
	font-size: 20px;
    margin: 15px 0 15px 0;
}

.blog-bost-box p{
	font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

.blog-bost-box a{
	background: #ffedf2;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 8px 5px;
    text-decoration: none;
    color: #514949;
    border-radius: 10px;
}

.single-blog-content{
	padding-top:40px;
	padding-bottom: 60px;
}

.single-blog-content .border{
	padding: 50px 30px 20px;
    border: 1px solid #F4E3E3;
    border-radius: 50px;
    display: inline-block;
    width: 100%;
}

.single-blog-container .single-img{
	max-width: 300px;
    width: 100%;
    height: 342px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    float: left;
    margin: 0 20px 10px 0;
}

.single-blog-container h1{
	margin-bottom: 28px;
    font-size: 40px;
    font-weight: 700;
    color: #514949;
}

.single-blog-container p{
	text-align: left;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 24px;
    color: #514949;
}

.single-blog-container blockquote{
	background: #ffedf2;
    padding: 20px 20px 5px 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 1px solid #9e7f89;
}

.message-box .border{
	border: 1px solid #F4E3E3;
    border-radius: 50px;
    padding: 50px 30px;
    display: inline-block;
    width: 100%;
}

.message-box h2{
	text-align:center;
	max-width:600px;
	margin:0 auto;
	margin-bottom: 40px;
}

.message-box .msg-box-container{
	display: flex;
	align-items: center;
    justify-content: center;
    gap: 30px;
}

.message-box .msg-box-container a{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    background: #a48689;
    gap: 10px;
    flex-direction: column;
    color: #fff;
    text-decoration: none;
    border-radius: 100px;
    font-size: 13px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	transition:0.4s;
}

.message-box .msg-box-container a:hover{
	transition:0.4s;
	transform: translateY(-10px);
}

.message-box .msg-box-container img{
	width: 30px;
}

.contacts{
	padding:40px 0 0 0;
}

.contacts .border{
	border: 1px solid #F4E3E3;
    border-radius: 50px;
    padding: 50px 30px;
}

.contacts h2 {
    text-align: center;
    margin-bottom: 37px;
    font-size: 26px;
    font-weight: 700;
    color: #514949;
}

.contacts .contact-box{
	display:flex;
	justify-content: space-between;
	gap: 30px;
}

.contact-info {
    background: #ffedf2;
    padding: 15px 21px;
    margin-top: 10px;
    border-radius: 15px;
    transition: all 0.4s ease-in-out;
    display: flex;
    gap: 25px;
    align-items: center;
}

.first-info{
	margin-top:0;
}

.contact-info-block{
	width: 100%;
}

.contact-img {
    width: 45px;
    text-align: center;
    line-height: 45px;
    background: #9e7f89;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    flex-shrink: 0;
}

.contact-img img {
    width: 20px;
}

.contact-content p {
    margin-bottom: 7px;
    font-weight: 600;
    color: #0a0b0d;
}

.contact-content a {
    text-decoration: none;
    color: #0a0b0d;
}

.contact-map iframe{
	height: 415px;
    border-radius: 15px;
}

#contact-widget {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  width: 90px;
  height: 90px;
}

/* Кнопка */
#contact-toggle {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 1px solid #9e7f89;
  background-color: #ffedf2;
  color: #514949;
  font-size: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  z-index: 2;
  outline: none;
  padding: 0;
}

/* Три концентричні пульсуючі кола */
.pulse-button.pulsating::before,
.pulse-button.pulsating::after,
.pulse-button.pulsating > span.pulse-circle {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 2px solid rgb(255 237 242 / 70%);
  width: 90px;
  height: 90px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  animation: pulse-ring 3s infinite ease-out;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
}

.pulse-button.pulsating::after {
  animation-delay: 1s;
  width: 70px;
  height: 70px;
  border-width: 2px;
}

.pulse-button.pulsating > span.pulse-circle {
  animation-delay: 2s;
  width: 50px;
  height: 50px;
  border-width: 2px;
}

/* Анімація пульсації */
@keyframes pulse-ring {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}

/* Іконки кнопки */
#contact-toggle .plus,
#contact-toggle .close {
	position: relative;
	z-index: 10;
	transition: opacity 0.3s ease;
	user-select: none;
	font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contact-toggle .close {
  display: none;
}

#contact-widget.open #contact-toggle .plus {
  display: none;
}

#contact-widget.open #contact-toggle .close {
  display: inline;
}

/* Месенджери */
.messenger-buttons {
  position: absolute;
  bottom: 100px;
  right: -15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 10;
}

#contact-widget.open .messenger-buttons {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.messenger-btn {
  background-color: #9e7f89 !important;
  color: #333;
  padding: 8px 14px;
  border-radius: 20px;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  font-size: 14px;
  transition: background 0.3s;
  white-space: nowrap;
}

.messenger-buttons a{
	display: flex;
    align-items: center;
    gap: 8px;
	transition: 0.4s;
}

.messenger-buttons a img{
	width: 20px;
    height: 20px;
}

.messenger-btn.telegram { background: #0088cc; color: white; }
.messenger-btn.viber { background: #7360f2; color: white; }
.messenger-btn.instagram { background: #e1306c; color: white; }

.container{
    width:100%;
    margin:0 auto;
}

.row{
    display: inline-block;
    width:100%;
}

.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-12{
    padding:0 15px;
    float: left;
}

.col-md-1 {
    width: 8.33%;
}

.col-md-2 {
    width: 16.67%;
}

.col-md-3 {
    width: 25%;
}

.col-md-4 {
    width: 33.33%;
}

.col-md-5 {
    width: 41.67%;
}

.col-md-6 {
    width: 50%;
}

.col-md-7 {
    width: 58.33%;
}

.col-md-8 {
    width: 66.67%;
}

.col-md-9 {
    width: 75%;
}

.col-md-10 {
    width: 83.33%;
}

.col-md-11 {
    width: 91.67%;
}

.col-md-12 {
    width: 100%;
}

@media(max-width:1700px){
	.category-item{max-width: 300px;height: 300px;}
}

@media(max-width:1550px){
	.category-item{max-width: 280px;height: 280px;}
	.contact-map iframe{width:600px;}
}

@media(max-width:1400px){
	.category-item {max-width: 100%;height: 210px;border-radius: 60px;width: 22%;}
	.asort-list {display: flex;align-items: center;flex-wrap: wrap;gap: 30px;justify-content: center;}
	.contact-map iframe {width: 550px;}
	.nav{gap:20px;}
	.logo-box {width: 10%;float: left;}
	.top-navigation {width: 75%;float: left;}
	.reviews-page .reviews-grid .review-item img{height:205px;}
}


@media(max-width:1200px){
	.logo-box {width: 12%;}
	.head-number{width: 17%;}
	.nav{gap: 25px;}
	.product-link{width: 31%;}
	.gallery-large{height: 280px;}
	.gallery-thumb img{height: 80px;}
	.contact-map iframe {width: 480px;}
	.head-number{padding-right:10px;}
	.logo-box {width: 9%;}
	.top-navigation {width: 78%;float: left;}
	.nav {gap: 7px;}
	.reviews-page .reviews-grid .review-item img{height:170px;}
	.features-list li{padding: 5px 15px;font-size: 16px;}
	.asort-image img{max-width: 150px;margin-top: 84px;}
	.oportunity .oportunity-cont{flex-direction: column;}
}

@media(max-width:992px){
	.top-navigation{position: fixed;top: -150%;left: 0;width: 100%;height: 100%;background-color: #2D2828;padding-top: 0px;transition: top 0.3s ease-in-out;border-left: 1px solid #c4c4c4;z-index: 999;padding: 25px 0;box-shadow: 0px 0px 20px rgb(0 0 0 / 24%);overflow-y: scroll;}
	.top-navigation.active {top: 0;}
	.close {display: block;width: 30px;position: absolute;right: 20px;top: 20px;}
	.logo-mobile {display: flex;justify-content: center;margin-bottom: 40px;width: auto;float: none;align-items: center;}
	.logo-mobile img {max-width: 120px;}
	.top-navigation .nav {gap: 25px;flex-direction: column;align-items: center;padding: 0;}
	.menu {display: inline-block;width: 40px;}
	.top-navigation-wrapper{display: flex;align-items: center;justify-content: space-between;}
	.head-number {width: auto;}
	.logo-box {width: auto;}
	.mob-head-number{display: block!important;width: 100%;text-align: center;margin-top: 42px;position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);font-size: 20px;}
	html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:0!important;}
	.banner h1{text-align: center;font-size: 55px;line-height: 53px;}
	.banner-news h1{text-align: center;font-size: 55px;line-height: 53px;}
	.banner .banner-btn{display: block;text-align: center;margin-top: 40px;}
	.banner-news .banner-btn{display: block;text-align: center;margin-top: 40px;}
	.banner p{background: #fdf0f6;padding: 5px 10px;max-width: 90%;display: block;margin: 0 auto;border-radius: 4px;}
	.owl-dots{bottom: 4px;}
	.category-item {width: 47%;height: 250px;}
	.product-link{width: 47%;}
	.single-post-block .col-md-4{width:100%;padding: 0;}
	.single-post-block .col-md-8{width:100%;padding: 0;}
	.gallery-large {height: 500px;}
	.post-content{margin-top: 25px;}
	.single-post-block h1 {margin-bottom: 25px;font-size: 28px;}
	.single-post-block .post-body p{font-size: 15px;line-height: 24px;}
	.single-post-block .price{text-align:center;}
	.single-post-block .button a{width:100%;margin: 0px auto 0;}
	.single-post-block {padding: 40px 0;}
	.price-info {margin-bottom: 30px;display: flex;justify-content: center;flex-direction: column;gap: 10px;}
	.contact-map iframe {width: 100%;}
	.contacts .contact-box {flex-direction: column;}
	.contacts .border {padding: 25px 15px;}
	.head-number{padding-right:0px;}
	.reviews-page .reviews-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
	.reviews-slider {padding-bottom: 40px;}
	.asort-image{display:none;}
	.steps .step-content{grid-template-columns: repeat(2, 1fr);}
	.about-page-top .col-md-8{width:100%;}
	.about-page-top .col-md-4{width:100%;}
	.values-container {display: grid;grid-template-columns: repeat(1, 1fr);gap: 25px;}
	.value-box:before{display:none;}
	.what-we-do ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
	.what-we-do ul li span{max-width: 250px;}
	.new-product .col-md-4{width: 50%;}
	.single-blog-container .single-img{float:none;max-width: 100%;}
	.single-blog-container h1{margin-bottom: 20px;font-size: 26px;}
}

@media(max-width:767px){
	.bottom-navigation-wrapper{flex-direction: column;gap: 35px;padding: 30px 15px;}
	.scroll-top {width: auto;text-align: center;}
	footer .logo-box img {max-width: 100px;width: 100%;}
	.banner h1{text-align: center;font-size: 38px;line-height: 42px;}
	.category-item {width: 100%;}
	.asort {padding-bottom: 45px;}
	.asort .border{padding: 25px 15px;}
	.asort h2{font-size: 21px;margin-bottom: 20px;}
	.asort p{font-size: 15px;line-height: 24px;}
	.instagram .border{padding: 25px 15px;}
	.instagram h2{font-size: 21px;margin-bottom: 20px;}
	.instagram p{font-size: 15px;line-height: 24px;}
	.instagram .inst_btn a{font-size: 16px;}
	.instagram .inst_btn a span{width: 35px;height: 35px;}
	.instagram p{margin-bottom: 20px;}
	.form {padding: 25px 15px;}
	.form h2{font-size: 21px;margin-bottom: 30px;}
	select{font-size: 15px;background-size: 8px;background-position: 89% 53%;}
	.form form input, .pum form input{font-size: 15px;}
	.form form input[type="submit"], .pum form input[type="submit"]{font-size: 16px;margin: 20px auto 0;}
	.banner {padding: 40px 0 45px;}
	.contact-form {padding: 45px 0;}
	.description-page{margin-bottom: 0px;}
	.description-page p {font-size: 15px;line-height: 24px;}
	.new-product .category-product {padding: 45px 0 0;}
	.asort-page .contact-form {padding: 0px 0;}
	.category-content h2{font-size: 21px;margin-bottom: 20px;}
	.category-content .border{padding: 25px 15px 10px 15px}
	.category-desc ul li{font-size: 15px;line-height: 24px;}
	.category-desc h3{font-size: 17px;}
	.category-content {padding: 40px 0 45px;}
	.category-page .contact-form {padding: 0px 0 45px;}
	.subcategory-product {padding-bottom: 45px;}
	.last-element {padding-bottom: 0;}
	.single-post-block .border{padding: 25px 15px;}
	.thank-you-page .asort {padding-top: 45px;}
	.category-product h2{font-size: 21px;margin-bottom: 20px;}
	.category-product {padding: 0px 0 45px 0;}
	.last-see .border{padding: 25px 15px 50px 15px;}
	.banner-news {padding: 40px 0 45px;}
	.contacts h2 {font-size: 21px;margin-bottom: 30px;}
	.realised{padding: 0px 0 75px;}
	.realised .border {padding: 25px 15px 65px;}
	.reviews-page .reviews-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
	.message-box .border{padding: 25px 15px;}
	.message-box h2 {font-size: 16px;margin-bottom: 20px;}
	.message-box .msg-box-container{gap: 20px;}
	.message-box .msg-box-container a{font-size: 0px;width: 60px;height: 60px;}
	.message-box .msg-box-container img {width: 30px;position: relative;top: 5px;}
	.message-box {padding-bottom: 40px;}
	.features-list{grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.why-we-are .border{padding: 25px 15px;}
	.why-we-are {padding-bottom: 40px;}
	.steps .step-content{grid-template-columns: repeat(1, 1fr);}
	.steps .border{padding: 25px 15px;}
	.steps {padding-bottom: 40px;}
	.about-us .open_quote{width: 25px;}
	.about-us .close_quote{width: 25px;}
	.about-us p {font-size: 17px;line-height: 28px;color: #514949;position: relative;padding: 0px 29px;}
	.about-us {padding-bottom: 40px;}
	.about-page-top .border{padding: 25px 15px;}
	.values {padding-bottom: 40px;}
	.about-page-top {padding: 40px 0 40px 0;}
	.what-we-do ul {display: grid;grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.what-we-do ul li{border-radius:10px;}
	.what-we-do .border{padding: 25px 15px;}
	.what-we-do {padding: 0px 0 40px 0;}
	.oportunity {padding: 0px 0 40px 0;}
	.oportunity .oport-list {display: grid;grid-template-columns: repeat(1, 1fr);gap: 15px;}
	.oportunity .oport-box{padding: 15px 15px;}
	.new-product .description-page{margin-bottom:30px;}
	.new-product .col-md-4{width: 100%;}
	.single-blog-content{padding-bottom: 40px;}
}

@media(max-width:576px){
	.banner .item{padding: 30px 20px 56px 20px;}
	.banner p{font-size: 16px;line-height: 25px;text-align: center;}
	.product-link{width: 100%;}
	.img-product-cont{height:200px;}
	.gallery-large {height: 420px;}
	.product-item .ingrid{min-height:auto;}
	.contact-info{padding:15px 15px;gap:15px;}
	.contact-img{width:50px;height:50px;}
	.contact-content{font-size:14px;}
	.contact-img img {width: 23px;}
	.reviews-page .reviews-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
}

@media(max-width:480px){
	.banner h1{font-size: 32px;line-height: 42px;}
	.banner p{font-size: 15px;line-height: 23px;}
	.gallery-large {height: 370px;}
	.reviews-page .reviews-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;}
}

@media(max-width:420px){
	.gallery-large {height: 320px;}
	.reviews-page .reviews-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
	.reviews-page .reviews-grid .review-item img{height:250px;}
	.reviews-slider img{height: 170px;}
	.owl-prev img{height:auto!important;}
	.owl-next img{height:auto!important;}
}

@media(max-width:380px){
	.banner h1{font-size: 30px;line-height: 40px;}
	.gallery-large {height: 280px;}
	.reviews-page .reviews-grid .review-item img{height:190px;}
}

@media(max-width:380px){
	.head-number{display:none;}
}

@media(max-width:340px){
	.gallery-large {height: 250px;}
}

@media(max-width:992px) and (max-height:620px){
	.mob-head-number {display: block !important;width: 100%;text-align: center;margin-top: 35px;position: relative;left: 0;bottom: 0;transform: translateX(0);font-size: 18px;}
}

@media(min-width:576px){
    .container{
        max-width: 540px;
    }
}

@media(min-width:768px){
    .container{
        max-width: 720px;
    }
}

@media(min-width:992px){
    .container{
        max-width: 960px;
    }
}

@media(min-width:1200px){
    .container{
        max-width: 1140px;
    }
}

@media(min-width:1400px){
    .container{
        max-width: 1320px;
    }
}

@media(min-width:1550px){
    .container{
        max-width: 1450px;
    }
}

@media(min-width:1700px){
    .container{
        max-width: 1600px;
    }
}