.me-2{
	margin-left:5px;
}
.btn_dark{
	color:white;
	background-color:#292933;
}
.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: 1px solid #B69B89;
    height: 54px !important;
    border-radius: 0 !important;

    display: flex!important;
    align-items: center;      /* вертикальне центрування */
    justify-content: space-between; /* рівномірно розділити текст і стрілку */
    padding: 0 12px;          /* відступи зліва і справа */
    box-sizing: border-box;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow{ 
	position:relative!important;
	height:100%
} 
.select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-right:15px;
}
.select2-search__field {
	background-color:#f6f3f1;
}
.select2-results__option{
	background-color:#f6f3f1;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	background-color:#ded8d4;
}
@media only screen and (min-width: 600px) {
	.mobile_navigation{
		display:none;
	} 
} 
.d-none{
	display:none;
}
.d-flex{
	display:flex!important;
}
.clear_border{
	border:none!important;
}
.address_content{
	border:1px solid #B69B89;
	padding:24px; 
	background-color:rgba(246, 243, 241, .5);
	 
}
.personal-address__items-first{
	border:none;
}
@media only screen and (min-width: 600px) {
	.address_content{
		
		width:240px;
		height:240px;
		padding:24px;
	}
}
.pb-5{
	padding-bottom:25px;
}
.address_content{
	display:flex;
	flex-direction:column;
	justify-content:space-around;
}
.btn-trash {
  position: relative; 
  padding:17px 25px;
  color:#292933;
} 
.btn-trash:after {
  content: "";
  position: absolute; 
  left:0px;
  width: 20px;
  height: 20px;
  background-image: url('../assets/img/svg_trash.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; 
}
.btn-check{
	position: relative; 
  padding:17px 25px;
}
.btn-check:after{
	content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    background-image: url(../assets/img/svg-sprite.svg);
    background-size: 135px 2451px;
    width: 18px;
    height: 18px;
    background-position: -2px -568px;
}
.dashed-line {
  border: none;
  border-top: 2px dashed #B69B89; /* або dotted для крапок */
  margin: 20px 0;
}
.title_city{
	font-weight:600;
	font-size:14px;
	color:#333333;
}
.address_inf{
	font-weight:500;
	color:#4F4F4F;
}
.general_address{ 
	color:#333333;
	font-weight:500;
	position:relative;
	top:10px;
}
.personal-content__holder{
	flex-wrap:wrap;
	/* justify-content:space-between; */
	gap:10px;
}
 @media only screen and (max-width: 600px) {
	.notViewed{
		color:#4F4F65CC;
		padding-left:20px;
	}
 }
 .input_personal_data{
	 background-color:#DBCDC41A;
	 height:48px;
	 border:1px solid #B69B8952;
	 padding:10px 20px;
 }
 .label_personal_data{
	 font-weight:400;
	 color:#292933;
 }
 .btn_dark{
	 height:48px;
 }
 .personal-address__item.no-address{
		background:none;
 }
 .mt-20{
	 margin-top:20px!important;
 }
 .personal-content{
	 /* background:0 0; */ 
 }
 .personal-content__holder{
	 background:#fff;
	 /* padding:40px; */
 }
 .badge {
  display: inline-block;
  padding: 0.3em 0.6em;
  font-size: 18px;
  font-weight: 500;
  border-radius: 50px;
  color: white;
  background-color: #e9aa81d6;
}

.success {
  background-color: #28a745;
}

.danger {
  background-color: #dc3545;
}

.warning {
  background-color: #ffc107;
  color: #212529;
}
.fw-600{
	font-weight:600;
}
.shadow-text{
	color:#00000061;
	font-weight:100;
}
.w-100{
	width:100%;
}
.img_order{
	max-height:80px;
	object-fit:fill;
	width:100%;
}
 @media only screen and (max-width: 600px) {
	 .img_order{
		max-height:275px;
		object-fit:cover; 
		
	}
 }
 .text-end{
	 text-align:end;
 }
 
@media (min-width: 1201px) {
    .filter-fixed .filter {
		top:107px;
	}
	 .filter-fixed .sort {
		 top:107px;
	 }
	
}
@media (min-width: 1201px) {
    .fixed-header .header-bottom {
		top:66px;
	} 
}  

.filter_tags{
	padding:10px 20px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.tagfilter{
	padding:0px 10px;
	color:black;
	background-color:#B69B8952;
	border-radius:50px; 
	font-weight:400;
	font-size:14px;
	cursor:pointer;
	height:29px;
}
.tagfilter >svg {
	position:relative;
	top:6px;
}
 
.tagfilterclear{
	padding:0px 10px;
	color:#B69B89; 
	border-radius:50px; 
	font-weight:400;
	font-size:14px;
	cursor:pointer; 
} 
 .rating-form {
    direction: rtl;
    /* display: inline-flex; */
    gap: 5px;
    /* unicode-bidi: bidi-override; */
  }

  .rating-form button {
    font-size: 40px;
    background: none;
    border: none;
    cursor: pointer;
    color: #ccc;
    padding: 0;
    transition: color 0.3s;
  }
 
  .rating-form:not(.rated) button:hover,
  .rating-form:not(.rated) button:hover ~ button {
    color: #FF417A;
  } 
  .rating-form.rated button {
    cursor: default;
  } 
  .rating-form.rated button {
    color: #ccc;
  }
  .rating-form.rated button.selected{
	   color: #FF417A; 
	   cursor:pointer;
  }
  .rating-form.rated button.selected ~ button {
    /* color: #FF417A;  */
  }
.offcanvas-end {
  right: 0;
  transform: translateX(100%);
}

/* Клас show — оффканвас показаний, з'їжджає в екран */
.offcanvas-end.show {
  transform: translateX(0);
}
#reviewOffcanvas{
	background-color:#f6f3f1;
	width:570px;
}
.review_form{
	display:flex;
	justify-content:space-evenly;
	flex-direction:column;
	height:70vh;
}
.modal-title {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 25px;
    font-family: "Museo Sans Cyrl 500", sans-serif;
    text-align: center;
}
#reviewOffcanvas > .offcanvas-body{
	padding:100px;
}
@media (max-width: 600px) {
	
	#reviewOffcanvas{ 
		width:350px;
	}
	#reviewOffcanvas > .offcanvas-body{
		padding:50px;
	}
}
.close-review_offcanvas{
	position:relative;
	right:17px;
}
.close-share_offcanvas{
	position:relative;
	right:17px;
}
.fs-18{
	font-size:18px!important;
}
.review {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
  background-color: #f6f3f1; 
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  
}

.review-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.review-author {
  font-weight: 700;
  font-size: 1.1em;
  color: #333;
}

.review-rating {
  font-size: 1.2em;
  color: #f5a623; /* Золотистий для зірок */
}

.review-date {
  font-size: 0.85em;
  color: #888;
  margin-bottom: 12px;
}

.review-comment {
  font-size: 1em;
  line-height: 1.4;
  color: #444;
  margin-bottom: 12px;
}

.review-image img {
  max-width: 100%;
  max-height:150px;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}






.footer_title{ 
	color:#FFF4F5;
	font-size: 48px;
	line-height: 1.3; 
	font-weight: 600;  
	text-align: center; 
}
.footer_span{ 
	font-weight: 400; 
	font-size: 18px;
	text-align: center; 
	color:#F6F3F1;
	padding:20px;

}
.footer_container{
  max-width:880px;
  margin: 0 auto; /* центр по горизонталі */
  padding: 80px 20px; 
  display: flex;
  flex-direction: column;
  align-items: center; /* вирівнює внутрішні елементи по центру */
  text-align: center;  /* вирівнює текст */
}
/* .email_footer{ */
	/* height:56px;  */
	/* max-width:560px; */
/* } */
.p-20{
	padding:20px!important;
}
.btn-footer{
	margin:0 auto;
}
 
 .footer__title{
	 font-weight:500;
	 font-size:24px;
	 color:#F6F3F1;
 }
 .footer_phone a{
	 color:#F6F3F1;
	 font-weight:500;
	 font-size:20px;
 }
 .section_footer{
	 color:#F6F3F1;
	 font-weight:600;
	 font-size:16px;
 }
 .footer a{
	 color:#FFFFFFCC;
	 font-size:16px;
	 font-weight:400;
	 
 }
 .other_footer{
	 display:flex;
	 gap:8px;
	 flex-direction:column;
	 color:#F6F3F1;
	 font-size:16px;
 }
 .footer-col-1 {display:block;}
 .footer-col-2 {display:block;}
 .footer-col-3 {display:block;}
 .footer-col-4 {display:block;}
 @media (max-width: 1200px) {
    .footer__title {
        display: block;
    }
}
 @media (max-width: 768px) {
	.footer__info{
		max-width:100%;
	 }
	  .footer-col-1 {width:100%;}
	  .footer-col-2 {width:100%;}
	  .footer-col-3 {width:100%;}
	  .footer-col-4 {width:100%;}
	  .footer-col-1 {width:100%;} 
 }
 
 @media (max-width: 768px) {
  .footer-col-3 {
    text-align: left;
    padding: 20px;
  }

  .footer-col-3 .row {
    display: flex;
    flex-wrap: wrap;
	padding:15px;
  }

  .footer-col-3 .col-6 {
    width: 50%;
    padding: 5px 0;
  }

  .footer_phone,
  .section_footer,
  .other_footer {
    display: block;
    margin-top: 10px;
  }

  .footer__link {
    display: inline-block;
    margin-top: 5px;
  }

  .other_footer div {
    margin-bottom: 5px;
  }
}
.footer_copyting{
	text-align:center;
	margin-top:20px;
	color:#CFCFD7;
	font-size:16px;
	font-weight:400;
}
.ic-arrow-filter.active{
	width:18px;
	height:18px;
	background-position:-6px -502px;
}

 @media (max-width: 768px) {
	 .ic-arrow-filter.active{
		 -webkit-transform:rotate(0deg);
	 } 
 }
 
 .wishlist-heart path {
  fill: #00000057; /* чорний за замовчуванням */
  transition: fill 0.3s;
}

.wishlist-heart.active path {
  fill: red;
}

.share-dropdown {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  top: 100%;
  left: 0;
  z-index: 100;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.share-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.share-dropdown ul li {
  margin-bottom: 5px;
}

.share-dropdown ul li a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
}

.share-dropdown ul li a:hover {
  color: #007bff;
}
.not_reviews{
	font-size:24px;
	font-weight:600;
}
.heateor_sss_sharing_ul{
	display:flex;
	justify-content:space-around;
	gap:10px;
}
.product_desc{
	font-size:18px;
	font-weight:500;
}
.product-tab__list{
	justify-content:space-between;
}
.d-none{
	display:none!important;
}
.offcanvas{
	width:360px;
}
.w-80{
	width:80%!important;
}  
.w-100{
	width:100%!important;
}
#all_bonuse{
	position:absolute;
	right:60px;
	cursor:pointer;
	font-size:16px;
	font-weight:600;
}
.text-danger{
	color:red!important;
}




.no-comment-block{
	justify-content: space-between;
	background-color: #b69b8912;
	border: 1px solid #B69B89;
	padding: 80px 40px;
	margin: 90px 48px;
	display: flex;
	flex-wrap: wrap;
	gap: 80px;
}
.review-block button,
.no-comment-block button{
	border-radius: 200px;
	border: 1px solid #B69B89;
	background-color: #B69B89;
	padding: 8px 20px;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	
	transition: background-color .3s;
}
.review-block button:hover,
.no-comment-block button:hover{
	background-color: #faf8f7;
	color: unset;
}
.no-comment-block h4{
	font-size: 24px;
	font-weight: 500;
	text-align: center;
}






.review-block{
	margin: 90px 48px;
	display: flex;
}
.review-block>div:nth-child(1){
	background-color: rgba(219, 205, 196, 0.10);
	border: 1px solid #B69B89;
	position:relative;
	min-width: 300px;
	max-width: 33.3%;
	padding:40px;
}
.review-block>div:nth-child(1) p{
	color:rgba(79, 79, 101, 0.80);
	
}
.review-block>div:nth-child(1) p span{
	color:initial;
}
.review-block>div:nth-child(1) h4{
	font-weight: 500;
	font-size: 16px;
	/* text-wrap: auto; */
	display: flex;
	gap: 10px;
}
.review-block>div:nth-child(2){
	flex: 1 1 auto !important;
	background-color: rgba(219, 205, 196, 0.10);
	border: 1px solid #B69B89;
	border-left: none;
	display: flex;
	overflow: hidden;
}
.review-block>div:nth-child(2)>div{
	border-right: 1px solid #B69B89;
	padding:40px;
	min-width:50%;
	max-width:50%;
}
.review-block>div:nth-child(2)>div:last-child{
	border-right: none;
}


.review-block>div:nth-child(2)>div{
	transition: transform .5s;
	transform: translateX(0);
}



.review-block .name-block{
	display: flex;
	justify-content: space-between;
}
.review-block .date-block{
	margin-top: 5px;
	font-size: 12px;
	color: #333;
}
/* .review-block p{ */
	/* margin-top: 15px; */
/* } */
.review-block .name-block h4{
	display: flex;
	align-items:center;
	font-size: 20px;
	gap:10px;
}









.review-block .btn-block{
	margin-top:40px;
	display:flex;
	gap:10px;
}
.review-block .btn-block .btn:hover{
	background-color: #B69B89;
}
.review-block .btn-block .btn{
	transition: background-color .3s;
	background-color: #292933;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	display: flex;
	height:48px;
	padding: 0;
	width:48px;
}
/* .review-block>div:nth-child(1)>.btn.prev{ */
	/* bottom:0; */
	/* left:40%; */
/* } */
/* .review-block>div:nth-child(1)>.btn.next{ */
	/* bottom:0; */
	/* right:40%; */
/* } */

.review-block .rev-img{
	height: 250px;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 20px;
}

.name-block span{
	white-space: nowrap;
	font-weight: 600;
	/* color:rgb(182, 155, 137); */
}





@media (max-width: 700px) {
	.review-block>div:nth-child(1) {
		min-width: 100%;
		max-width: 100%;
	}
	.review-block {
		flex-flow: column;
		margin: 18px;
	}
	.no-comment-block{
		margin: 18px;
	}
	.review-block>div:nth-child(2){
		border: 1px solid #B69B89;
		border-top:none;
	}
	.review-block>div:nth-child(2)>div{
		border:none;
	}
	.review-block .btn-block {
		position: absolute;
		bottom: -24px;
		right: 10px;
		z-index: 1;
	}
}

@media (max-width: 991px) {
	.review-block>div:nth-child(2)>div{
		min-width:100%;
		max-width:100%;
		border:none;
	}
}


@media (max-width: 900px) {
	.no-comment-block{
		justify-content: center;
		gap: 40px;
	}
}