/* Review Form
   ========================================================================== */

.modal-wrapper__title {
	font-weight: 600;
	font-size: 1.3;
	color: #1C1C1C;
	text-align: center;
}

.modal-wrapper__form-group.images-group {
	margin-top: 15px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0 20px;
}


.modal-wrapper__rating-list {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 0 12px;
	width: fit-content;
}

.modal-wrapper__response-message  {
	font-size: 10px;
	text-align: center;
	line-height: 1.2;
	color: #EB3028;
	display: block;
}

.modal-wrapper__rating-item {
	display: block;
	position: relative;
}

.modal-wrapper__rating-item-input {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}

.modal-wrapper__rating-label {
	display: block;
}

.modal-wrapper__rating-label path {
	fill: #DDDDDD;
}

.modal-wrapper__rating-item:hover .rating-label path,
.modal-wrapper__rating-item.checked .rating-label path,
.modal-wrapper__rating-item:hover ~ .rating-item .rating-label path,
.modal-wrapper__rating-item.checked ~ .rating-item .rating-label path {
	fill: #F6E200;
}

.modal-wrapper__rating-label svg {
	display: block;
	width: 14px;
	height: 14px;
}

.modal-wrapper__image-group {
	display: block;
}

.modal-wrapper .image-group__img {
	display: block;
	width: 40px;
	height: 40px;
	object-fit: cover;
}

.modal-wrapper .image-group__title {
	font-size: 13px;
	font-weight: 500;
	display: grid;
	grid-gap: 0 10px;
	align-items: center;
	grid-template-columns: max-content auto;
	cursor: pointer;
	border-radius: 6px;
	border: 1px solid transparent;
	padding: 10px;
	box-sizing: border-box;
}

.modal-wrapper .image-group__title:hover {
	border-color: #54B435;
}

.modal-wrapper .image-group__input {
	display: none;
}


.review-form-wrapper__submit {
	width: 100%;
}

/* Tabs
   ========================================================================== */


.tabs__main-block {
	padding: 30px;
	background: #FFFFFF;
	overflow: hidden;
	border-radius: 20px;
}

.tabs__buttons-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 60px;
}

.tabs__button {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-height: 35px;
	font-weight: 600;
	font-size: 22px;
	color: #262626;
	position: relative;
}

.tabs__button.active,
.tabs__button:not(.active):hover {
	color: #54B435;
}

.tabs__button:after {
	position: absolute;
	bottom: 0;
	content: '';
	width: 0;
	background: #54B435;
	height: 3px;
	transition: all .4s;
}

.tabs__button.active:after,
.tabs__button:not(.active):hover:after {
	width: 60%;
}

.tabs__tab-content {
	margin-top: 15px;
}

.tabs__empty-text {
	display: block;
	text-align: center;
	font-size: 16px;
}

@media (max-width: 580.99px) {
	.tabs__buttons-group {
		padding: 0;
	}

	.tabs__button {
		font-size: 18px;
		min-height: auto;
	}


	.tabs__main-block {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	.tabs__button:after {
		content: unset;
	}

	.tabs__main-block {
		padding-left: 12px;
		padding-right: 12px;
	}

}



/* Descr Tab
   ========================================================================== */
.tab-content.description {
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.tab-content__descr-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
}

.tab-content__descr-content:not(.expanded):after {
	 content: '';
    width: 100%;
    height: 60px;
    opacity: .6;
    background: #FFFFFF;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 11;
}


.tab-content__descr-content li,
.tab-content__descr-content p {
    font-size: 16px;
    color: #717171;
    line-height: 20px; /* Збільшений line-height для кращої читабельності */
    margin: 0;
}


.tab-content__descr-content p + img {
	margin-top: 15px;
}


.tab-content__descr-content img + p {
	margin-top: 15px;
}


.tab-content__descr-content ul {
	display: flex;
	flex-direction: column;
	gap: 7px 0;
	padding-left: 20px;
	margin-bottom: 15px;
}


.tab-content__descr-content li {
	display: list-item;
	list-style-type: inherit;
}


.tab-content__descr-content p + p {
	margin-top: 15px;	
}

.tab-content__show-more-btn {
	margin-top: 10px;
	display: grid;
	align-items: center;
	grid-template-columns: auto max-content;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #54B435;
}

.tab-content__show-more-btn:after {
	width: 20px;
	height: 20px;
	content: '';
	background-size: 20px;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7238 8.13142L10.8198 11.9737C10.7346 12.058 10.6196 12.1052 10.4998 12.1052C10.38 12.1052 10.265 12.058 10.1798 11.9737L6.27582 8.13225C6.19011 8.04803 6.07475 8.00083 5.95458 8.00083C5.83442 8.00083 5.71906 8.04803 5.63335 8.13225C5.59115 8.1734 5.5576 8.22258 5.5347 8.27689C5.5118 8.3312 5.5 8.38954 5.5 8.44848C5.5 8.50743 5.5118 8.56577 5.5347 8.62008C5.5576 8.67439 5.59115 8.72357 5.63335 8.76472L9.5365 12.6062C9.79359 12.8586 10.1395 13 10.4998 13C10.8601 13 11.206 12.8586 11.4631 12.6062L15.3662 8.76471C15.4086 8.72356 15.4422 8.67433 15.4652 8.61994C15.4882 8.56555 15.5 8.50711 15.5 8.44807C15.5 8.38902 15.4882 8.33058 15.4652 8.27619C15.4422 8.22181 15.4086 8.17258 15.3662 8.13142C15.2805 8.04719 15.1652 8 15.045 8C14.9248 8 14.8095 8.04719 14.7238 8.13142Z' fill='%2354B435'/%3E%3C/svg%3E%0A");
}

.tab-content__show-more-btn.active:after {
	transform: scale(1,-1);
	padding-top: 3px;
}

.tab-content__descr-content h1,
.tab-content__descr-content h2,
.tab-content__descr-content h3,
.tab-content__descr-content h4 {
	margin-bottom: 15px;
}

.tab-content__descr-content * + h1,
.tab-content__descr-content * + h2,
.tab-content__descr-content * + h3,
.tab-content__descr-content * + h4 {
	margin-top: 20px;
}

.tab-content__descr-content h2,
.tab-content__descr-content h3 {
	font-size: 24px;
	font-weight: 600;
}

@media (max-width: 580.99px) {
	.tab-content__descr-content li,
	.tab-content__descr-content p {
		font-size: 14px;
	}

	.tab-content__descr-content h2,
	.tab-content__descr-content h3 {
		font-size: 21px;
	}

}


@media (max-width: 430.99px) {
	.tab-content__descr-content li,
	.tab-content__descr-content p {
		font-size: 13px;
	}

	.tab-content__show-more-btn {
		font-size: 14px;
	}

	.tab-content__descr-content h2,
	.tab-content__descr-content h3 {
		font-size: 20px;
	}
}

/* Attr Tab
   ========================================================================== */

.tabs__characteristics-block {
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.tabs__characteristics-list {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
}

.characteristics-list__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 20px;
}

.tabs .characteristics-list__name,
.tabs .characteristics-list__value {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #262626;
}

.tabs .characteristics-list__name {
	font-weight: 600;
}

.tabs .characteristics-list__value.has-link {
	color: #54B435;
}

.tabs .characteristics-list__value.has-link:hover {
	text-decoration: underline;
}


/* Reviews Tab
   ========================================================================== */

.tabs__reviews-block {
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}


.tabs__review-btn {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

.tabs__reviews-list {
	display: flex;
	flex-direction: column;
}

.tabs__review-item {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tabs .review-item__date {
	display: flex;
	align-items: center;
	gap: 0 4px;
	font-weight: 400;
	font-size: 14px;
	color: #4B4B4B;
}

.tabs .review-item__date * {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	display: block;
}

.tabs .review-item__stars-block {
	display: flex;
	align-items: center;
	gap: 0 8px;
}

.tabs .review-item__stars-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #565656;
}

.tabs .review-item__stars-list {
	display: flex;
	align-items: center;
	gap: 0 4px;
}


.tabs .review-item__star-item {
	display: block;
	width: 12px;
	height: 12px;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.29659 11.629L6.29109 11.63L6.25559 11.6475L6.24559 11.6495L6.23859 11.6475L6.20309 11.63C6.19775 11.6283 6.19375 11.6291 6.19109 11.6325L6.18909 11.6375L6.18059 11.8515L6.18309 11.8615L6.18809 11.868L6.24009 11.905L6.24759 11.907L6.25359 11.905L6.30559 11.868L6.31159 11.86L6.31359 11.8515L6.30509 11.638C6.30375 11.6326 6.30092 11.6296 6.29659 11.629ZM6.42909 11.5725L6.42259 11.5735L6.33009 11.62L6.32509 11.625L6.32359 11.6305L6.33259 11.8455L6.33509 11.8515L6.33909 11.855L6.43959 11.9015C6.44592 11.9031 6.45075 11.9018 6.45409 11.8975L6.45609 11.8905L6.43909 11.5835C6.43742 11.5775 6.43409 11.5738 6.42909 11.5725ZM6.07159 11.5735C6.06938 11.5721 6.06675 11.5717 6.06423 11.5723C6.06172 11.5728 6.05952 11.5743 6.05809 11.5765L6.05509 11.5835L6.03809 11.8905C6.03842 11.8965 6.04125 11.9005 6.04659 11.9025L6.05409 11.9015L6.15459 11.855L6.15959 11.851L6.16159 11.8455L6.17009 11.6305L6.16859 11.6245L6.16359 11.6195L6.07159 11.5735Z' fill='%23F7E200'%3E%3C/path%3E%3Cpath d='M5.45963 1.43397C5.51465 1.33955 5.59347 1.26121 5.68822 1.20676C5.78297 1.15231 5.89034 1.12366 5.99963 1.12366C6.10891 1.12366 6.21628 1.15231 6.31103 1.20676C6.40579 1.26121 6.4846 1.33955 6.53963 1.43397L7.93713 3.83297L10.6511 4.42097C10.7579 4.44417 10.8567 4.49495 10.9377 4.56824C11.0187 4.64153 11.0791 4.73478 11.1129 4.83869C11.1466 4.94259 11.1525 5.05353 11.13 5.16043C11.1075 5.26734 11.0574 5.36648 10.9846 5.44797L9.13463 7.51847L9.41463 10.281C9.42567 10.3898 9.40799 10.4995 9.36334 10.5993C9.31869 10.6991 9.24865 10.7855 9.16019 10.8498C9.07174 10.914 8.96797 10.954 8.85925 10.9656C8.75053 10.9772 8.64067 10.9601 8.54063 10.916L5.99963 9.79597L3.45863 10.916C3.35859 10.9601 3.24872 10.9772 3.14 10.9656C3.03129 10.954 2.92752 10.914 2.83906 10.8498C2.75061 10.7855 2.68056 10.6991 2.63591 10.5993C2.59126 10.4995 2.57358 10.3898 2.58463 10.281L2.86463 7.51847L1.01463 5.44847C0.94174 5.36699 0.891504 5.26781 0.868933 5.16083C0.846362 5.05386 0.852247 4.94284 0.885998 4.83885C0.91975 4.73486 0.980188 4.64155 1.06128 4.56822C1.14237 4.4949 1.24128 4.44412 1.34813 4.42097L4.06213 3.a%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.29659 11.629L6.29109 11.63L6.25559 11.6475L6.24559 11.6495L6.23859 11.6475L6.20309 11.63C6.19775 11.6283 6.19375 11.6291 6.19109 11.6325L6.18909 11.6375L6.18059 11.8515L6.18309 11.8615L6.18809 11.868L6.24009 11.905L6.24759 11.907L6.25359 11.905L6.30559 11.868L6.31159 11.86L6.31359 11.8515L6.30509 11.638C6.30375 11.6326 6.30092 11.6296 6.29659 11.629ZM6.42909 11.5725L6.42259 11.5735L6.33009 11.62L6.32509 11.625L6.32359 11.6305L6.33259 11.8455L6.33509 11.8515L6.33909 11.855L6.43959 11.9015C6.44592 11.9031 6.45075 11.9018 6.45409 11.8975L6.45609 11.8905L6.43909 11.5835C6.43742 11.5775 6.43409 11.5738 6.42909 11.5725ZM6.07159 11.5735C6.06938 11.5721 6.06675 11.5717 6.06423 11.5723C6.06172 11.5728 6.05952 11.5743 6.05809 11.5765L6.05509 11.5835L6.03809 11.8905C6.03842 11.8965 6.04125 11.9005 6.04659 11.9025L6.05409 11.9015L6.15459 11.855L6.15959 11.851L6.16159 11.8455L6.17009 11.6305L6.16859 11.6245L6.16359 11.6195L6.07159 11.5735Z' fill='%23F7E200'%3E%3C/path%3E%3Cpath d='M5.45963 1.43397C5.51465 1.33955 5.59347 1.26121 5.68822 1.20676C5.78297 1.15231 5.89034 1.12366 5.99963 1.12366C6.10891 1.12366 6.21628 1.15231 6.31103 1.20676C6.40579 1.26121 6.4846 1.33955 6.53963 1.43397L7.93713 3.83297L10.6511 4.42097C10.7579 4.44417 10.8567 4.49495 10.9377 4.56824C11.0187 4.64153 11.0791 4.73478 11.1129 4.83869C11.1466 4.94259 11.1525 5.05353 11.13 5.16043C11.1075 5.26734 11.0574 5.36648 10.9846 5.44797L9.13463 7.51847L9.41463 10.281C9.42567 10.3898 9.40799 10.4995 9.36334 10.5993C9.31869 10.6991 9.24865 10.7855 9.16019 10.8498C9.07174 10.914 8.96797 10.954 8.85925 10.9656C8.75053 10.9772 8.64067 10.9601 8.54063 10.916L5.99963 9.79597L3.45863 10.916C3.35859 10.9601 3.24872 10.9772 3.14 10.9656C3.03129 10.954 2.92752 10.914 2.83906 10.8498C2.75061 10.7855 2.68056 10.6991 2.63591 10.5993C2.59126 10.4995 2.57358 10.3898 2.58463 10.281L2.86463 7.51847L1.01463 5.44847C0.94174 5.36699 0.891504 5.26781 0.868933 5.16083C0.846362 5.05386 0.852247 4.94284 0.885998 4.83885C0.91975 4.73486 0.980188 4.64155 1.06128 4.56822C1.14237 4.4949 1.24128 4.44412 1.34813 4.42097L4.06213 3.83297L5.45963 1.43397Z' fill='%23F7E200'%3E%3C/path%3E%3C/svg%3E83297L5.45963 1.43397Z' fill='%23F7E200'%3E%3C/path%3E%3C/svg%3E");
}

.tabs .review-item__star-item.active{
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.29659 11.629L6.29109 11.63L6.25559 11.6475L6.24559 11.6495L6.23859 11.6475L6.20309 11.63C6.19775 11.6283 6.19375 11.6291 6.19109 11.6325L6.18909 11.6375L6.18059 11.8515L6.18309 11.8615L6.18809 11.868L6.24009 11.905L6.24759 11.907L6.25359 11.905L6.30559 11.868L6.31159 11.86L6.31359 11.8515L6.30509 11.638C6.30375 11.6326 6.30092 11.6296 6.29659 11.629ZM6.42909 11.5725L6.42259 11.5735L6.33009 11.62L6.32509 11.625L6.32359 11.6305L6.33259 11.8455L6.33509 11.8515L6.33909 11.855L6.43959 11.9015C6.44592 11.9031 6.45075 11.9018 6.45409 11.8975L6.45609 11.8905L6.43909 11.5835C6.43742 11.5775 6.43409 11.5738 6.42909 11.5725ZM6.07159 11.5735C6.06938 11.5721 6.06675 11.5717 6.06423 11.5723C6.06172 11.5728 6.05952 11.5743 6.05809 11.5765L6.05509 11.5835L6.03809 11.8905C6.03842 11.8965 6.04125 11.9005 6.04659 11.9025L6.05409 11.9015L6.15459 11.855L6.15959 11.851L6.16159 11.8455L6.17009 11.6305L6.16859 11.6245L6.16359 11.6195L6.07159 11.5735Z' fill='%23F7E200'%3E%3C/path%3E%3Cpath d='M5.45963 1.43397C5.51465 1.33955 5.59347 1.26121 5.68822 1.20676C5.78297 1.15231 5.89034 1.12366 5.99963 1.12366C6.10891 1.12366 6.21628 1.15231 6.31103 1.20676C6.40579 1.26121 6.4846 1.33955 6.53963 1.43397L7.93713 3.83297L10.6511 4.42097C10.7579 4.44417 10.8567 4.49495 10.9377 4.56824C11.0187 4.64153 11.0791 4.73478 11.1129 4.83869C11.1466 4.94259 11.1525 5.05353 11.13 5.16043C11.1075 5.26734 11.0574 5.36648 10.9846 5.44797L9.13463 7.51847L9.41463 10.281C9.42567 10.3898 9.40799 10.4995 9.36334 10.5993C9.31869 10.6991 9.24865 10.7855 9.16019 10.8498C9.07174 10.914 8.96797 10.954 8.85925 10.9656C8.75053 10.9772 8.64067 10.9601 8.54063 10.916L5.99963 9.79597L3.45863 10.916C3.35859 10.9601 3.24872 10.9772 3.14 10.9656C3.03129 10.954 2.92752 10.914 2.83906 10.8498C2.75061 10.7855 2.68056 10.6991 2.63591 10.5993C2.59126 10.4995 2.57358 10.3898 2.58463 10.281L2.86463 7.51847L1.01463 5.44847C0.94174 5.36699 0.891504 5.26781 0.868933 5.16083C0.846362 5.05386 0.852247 4.94284 0.885998 4.83885C0.91975 4.73486 0.980188 4.64155 1.06128 4.56822C1.14237 4.4949 1.24128 4.44412 1.34813 4.42097L4.06213 3.83297L5.45963 1.43397Z' fill='%23F7E200'%3E%3C/path%3E%3C/svg%3E");
}

.tabs .reivew-item__review {
	margin-top: 12px;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #4B4B4B;
}

.tabs .review-item__date-time-author {
	display: flex;
	flex-direction: column;
	gap: 7px 0;
}

.tabs .review-item__top-group.has-grid {
	display: grid;
	grid-template-columns: max-content auto;
	align-items: center;
	grid-gap: 0 12px;
	min-width: 150px;
}

.tabs .review-item__avatar {
	display: block;
	object-fit: cover;
	object-position: center;
}

.tabs .review-item__initials {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: 1;
	font-weight: 500;
}

.tabs .review-item__initials,
.tabs .review-item__avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}


/* Product
   ========================================================================== */
.product__columns {
	display: grid;
	grid-template-columns: 35% calc(65% - 22px);
	grid-gap: 0 20px;
	background: #FFFFFF;
	border-radius: 12px;
	padding: 20px 15px;
	overflow: hidden;
}

@media (max-width: 1080.99px) {
	.product__columns {
		display: block;
	}
}

@media (max-width: 580.99px) {
	section.product {
		margin-bottom: 0;
	}

	.product__columns {
		border-top-right-radius: 12px;
		border-top-left-radius: 12px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		padding: 12px;
	}

	.product__content {
		margin-top: 24px;
	}
}

/* Start Thumbnails */

.product__slider-block {
	overflow: hidden;
	position: relative;
	max-height: 500px;
}

.product__slider-block:not(.no-thumbs) {
	display: grid;
	grid-template-columns: 70px calc(100% - 86px);
	grid-gap: 0 16px;
}
.product__compare-btn,
.product__wishlist-btn {
	position: absolute;
	
	top: 10px;
	z-index: 11;
	font-size: 0;
}

.product__compare-btn {
	right: 45px;
}
.product__wishlist-btn {
	right: 10px;
}

.product__slider-block .swiper-slide__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
}



.product .slider-small .swiper-slide .img {
	max-width: 70px;
	height: 70px;
}

.product .slider-big .swiper-slide .img {
	height: 100%;
} 

.product__slider-block .slider-big__swiper {
	height: 100%;
}

.product__slider-block .slider-small .swiper-slide {
	position: relative;
	padding-left: 7px;
	cursor: pointer;
}

.product__slider-block .slider-small .swiper-slide:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 1;
	background: #54B435;
	width: 3px;
	height: 0;
	border-radius: 4px;
	transition: height .5s;
}


.product__slider-block .slider-small .swiper-slide-thumb-active:after {
	height: 40px;
}

@media (max-width: 1080.99px) {

}

@media (max-width: 580.99px) {
	.product__compare-btn,
	.product__wishlist-btn {
		
		top: 0;
	}
	.product__wishlist-btn {
		right: 0;
	}
}

/* End Thumbnails */

/* Start About */
.product__about-main {
	display: flex;
	flex-direction: column;
}

.about-group__top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0 12px;
	width: 100%;
	margin-bottom: 20px;
}
.about-group .latest-sticker,
.about-group .sku-sticker {
	height: 32px;
	padding: 0 12px;
}

.product .attributes-group__list-group {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
}


.product .about-group__attributes-group  {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 30px;
}

.product .attributes-group__title {
	font-weight: 500;
	font-size: 16px;
	color: #262626;
	display: block;
}

.product .attributes-group__color-list,
.product .attributes-group__select-list {
	display: flex;
	gap: 0 4px;
}


.product .attributes-group__select-list {
	height: 36px;
	padding: 0 4px;
	display: flex;
	align-items: center;
	border: 1px solid #D9D9D9;
	border-radius: 20px;
}

.product .color-list__item,
.product .select-list__item {
	display: block;
	position: relative;
}

.product .color-list__color {
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #D9D9D9;
	border-radius: 23px;
}

.product .color-list__item:not(.checked):hover .color,
.product .color-list__item.checked .color {
	border-color: #54B435;
	border-width: 2px;
}

.product .color-list__color i {
	border-radius: 50%;
	display: block;
	width: 24px;
	height: 24px;
}

.product .select-list__select {
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	min-width: 60px;
	font-weight: 500;
	font-size: 14px;
	color: #6F6F6F;
	line-height: 1;
	border: 1px solid transparent;
	border-radius: 20px;
}

.product .select-list__item:not(.checked):hover .select,
.product .select-list__item.checked .select {
	background: #54B435;
	border: 1px solid #54B435;
	color: #FFFFFF;
}


.product__availability {
	margin-top: 24px;
	margin-bottom: 40px;
	font-weight: 500;
	font-size: 15px;
	
}
.product__availability.in-availability {
	display: grid;
	align-items: center;
	grid-gap: 0 8px;
	grid-template-columns: repeat(2, max-content);
	color: #4AA72C;
}

.product__availability.in-availability:before {
	content: '';
	width: 15px;
	height: 15px;
	background-size: 15px;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 6.01088 0.790176 4.10322 2.1967 2.6967C3.60322 1.29018 5.51088 0.5 7.5 0.5C9.48912 0.5 11.3968 1.29018 12.8033 2.6967C14.2098 4.10322 15 6.01088 15 8C15 9.98912 14.2098 11.8968 12.8033 13.3033C11.3968 14.7098 9.48912 15.5 7.5 15.5C5.51088 15.5 3.60322 14.7098 2.1967 13.3033C0.790176 11.8968 0 9.98912 0 8ZM7.072 11.21L11.39 5.812L10.61 5.188L6.928 9.789L4.32 7.616L3.68 8.384L7.072 11.21Z' fill='%234AA72C'/%3E%3C/svg%3E%0A");
}

.product__price {
	display: block;
	line-height: 1.25;
	font-weight: 700;
	font-size: 32px;
	color: #262626;
}

.product__new-price {
	font-weight: 700;
	font-size: 32px;
	line-height: 39px;
	color: #FF4141;
}

.product__old-price {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	text-decoration: line-through;
	color: #999999;
	padding-bottom: 5px;
}

.product__new-price,
.product__old-price {
	display: block;
}

.product__price-block {
	display: flex;
	gap: 0 20px;
	justify-content: flex-start;
	align-items: flex-end;
}

.product__buttons-group {
	display: flex;
	justify-content: flex-start;
	gap: 0 16px;
	margin-top: 16px;
}

.product__onclick-btn {
	border: 1px solid #54B435;
	color: #262626;	
}

.product__onclick-btn:hover {
	border-color: #54B435;
	background: #D5EBCD;
}

@media (max-width: 768.99px) {
	.product .about-group__attributes-group {
		flex-direction: column;
		gap: 20px 0;
	}

	.product .attributes-group__select-list {
		width: fit-content;
	}

	.product__availability {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.product__buttons-group {
		margin-top: 20px;
		display: grid;
		grid-gap: 0 16px;
		grid-template-columns: repeat(2, 1fr);
	}

	.product__price-block {
		gap: 0 10px;
	}
}

@media (max-width: 580.99px) {
	.product__new-price {
		font-size: 28px;
	}
	.product__buttons-group {
		display: flex;
		flex-direction: column;
		gap: 20px 0;
	}
}

/* End About */

/* Start Similiar */
.product__similiar-group {
	margin-top: 60px;
	padding: 20px;
	border: 1px solid #E3E3E3;
	border-radius: 20px;
}

.similiar-group .prev-btn,
.similiar-group .next-btn {
	width: 20px;
	height: 20px;
	background: #F0F0F0;
}


.similiar-group .prev-btn:after,
.similiar-group .next-btn:after {
	background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' viewBox='0 0 5 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.131419 9.22375L3.97369 5.31977C4.05796 5.23459 4.10522 5.11961 4.10522 4.99979C4.10522 4.87997 4.05796 4.76498 3.97369 4.6798L0.132253 0.77582C0.0480279 0.690111 0.000833923 0.574752 0.000833929 0.454585C0.000833934 0.334419 0.0480279 0.21906 0.132253 0.13335C0.173398 0.0911453 0.222575 0.0576036 0.276885 0.0347011C0.331196 0.0117996 0.389543 7.52145e-07 0.448484 7.54721e-07C0.507426 7.57298e-07 0.565772 0.0117996 0.620082 0.0347012C0.674393 0.0576036 0.72357 0.0911453 0.764715 0.13335L4.60615 4.0365C4.85858 4.29359 5 4.63949 5 4.99979C5 5.36008 4.85858 5.70599 4.60615 5.96307L0.764715 9.86622C0.723557 9.90855 0.674328 9.94221 0.61994 9.96518C0.565553 9.98816 0.507109 10 0.448067 10C0.389024 10 0.330582 9.98816 0.276194 9.96518C0.221806 9.94221 0.172577 9.90855 0.131419 9.86622C0.047194 9.78051 1.46366e-08 9.66515 1.98892e-08 9.54499C2.51419e-08 9.42482 0.047194 9.30946 0.131419 9.22375Z' fill='%236F6F6F'/%3E%3C/svg%3E%0A");
	background-size: 5px 10px;
	width: 5px;
	height: 10px;
}

.similiar-group .swiper-slide {
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-gap: 0 10px;
	align-items: center;
	height: 100%;
}

.similiar-group .swiper-slide__thumb {
	display: block;
}

.similiar-group .swiper-slide__img {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: contain;
	object-position: center;
}

.similiar-group .swiper-slide__content {
	height: 100%;
	display: flex;
	gap: 15px 0;
	flex-direction: column;
	justify-content: center;
}


.similiar-group .swiper-slide__price-block {
  display: flex;
  flex-direction: column;
  gap: 3px 0;
}


.similiar-group .swiper-slide__old-price,
.similiar-group .swiper-slide__new-price,
.similiar-group .swiper-slide__price {
  display: inline-block;
  line-height: 1;
}


.similiar-group .swiper-slide__new-price,
.similiar-group .swiper-slide__price {
  font-weight: 500;
  font-size: 18px;
}


.similiar-group .swiper-slide__new-price {
  color: #FF4141;
}


.similiar-group .swiper-slide__old-price {
  font-weight: 500;
  font-size: 14px;
  text-decoration: line-through;
  color: #999999;
}

.similiar-group .swiper-slide__name {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Максимум 2 рядки */
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    color: #262626;
}

.similiar-group .swiper-slide__bottom {
	display: flex;
	align-items: center;
	gap: 0 35px;
}

.similiar-group .swiper-slide__cart-btn {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #54B435;
	border-radius: 10px;
	font-size: 0;
}
.similiar-group .swiper-slide__cart-btn[data-status="update"],
.similiar-group .swiper-slide__cart-btn:hover {
	background: #3D8227;
}

.similiar-group .swiper-slide__cart-btn:after {
	content: '';
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.4181 3.25C8.6981 2.66 9.3011 2.25 10.0001 2.25H14.0001C14.6981 2.25 15.3011 2.66 15.5821 3.25C16.2651 3.256 16.7981 3.287 17.2741 3.473C17.8423 3.69527 18.3365 4.07301 18.7001 4.563C19.0671 5.056 19.2391 5.69 19.4761 6.561L19.5131 6.697L20.1031 8.864C20.4965 9.06248 20.8413 9.34518 21.1131 9.692C21.7351 10.489 21.8451 11.438 21.7351 12.526C21.6271 13.582 21.2951 14.912 20.8791 16.577L20.8521 16.682C20.5891 17.735 20.3751 18.59 20.1221 19.257C19.8561 19.953 19.5201 20.523 18.9651 20.956C18.4111 21.389 17.7761 21.576 17.0371 21.666C16.3281 21.75 15.4471 21.75 14.3621 21.75H9.6381C8.5531 21.75 7.6711 21.75 6.9631 21.665C6.2231 21.577 5.5891 21.389 5.0341 20.955C4.4801 20.523 4.1441 19.953 3.8781 19.257C3.6241 18.59 3.4111 17.735 3.1481 16.682L3.1211 16.577C2.7051 14.912 2.3721 13.582 2.2651 12.527C2.1551 11.437 2.2651 10.489 2.8861 9.692C3.1691 9.33 3.5081 9.062 3.8961 8.864L4.4861 6.697L4.5241 6.561C4.7611 5.69 4.9331 5.056 5.3001 4.562C5.66383 4.07238 6.15799 3.695 6.7261 3.473C7.2021 3.287 7.7341 3.255 8.4181 3.25ZM8.4191 4.753C7.7571 4.76 7.4921 4.785 7.2721 4.871C6.96606 4.99068 6.69991 5.19411 6.5041 5.458C6.3281 5.695 6.2241 6.026 5.9341 7.093L5.5801 8.389C6.6181 8.25 7.9581 8.25 9.6221 8.25H14.3771C16.0421 8.25 17.3821 8.25 18.4191 8.389L18.0661 7.092C17.7751 6.025 17.6721 5.694 17.4961 5.457C17.3003 5.19311 17.0341 4.98968 16.7281 4.87C16.5081 4.784 16.2421 4.759 15.5801 4.752C15.438 5.05066 15.2141 5.30293 14.9345 5.47956C14.6548 5.6562 14.3309 5.74996 14.0001 5.75H10.0001C9.66934 5.74996 9.34537 5.6562 9.06573 5.47956C8.78609 5.30293 8.56223 5.05066 8.4201 4.752M10.0001 3.75C9.93379 3.75 9.87021 3.77634 9.82332 3.82322C9.77644 3.87011 9.7501 3.9337 9.7501 4C9.7501 4.0663 9.77644 4.12989 9.82332 4.17678C9.87021 4.22366 9.93379 4.25 10.0001 4.25H14.0001C14.0664 4.25 14.13 4.22366 14.1769 4.17678C14.2238 4.12989 14.2501 4.0663 14.2501 4C14.2501 3.9337 14.2238 3.87011 14.1769 3.82322C14.13 3.77634 14.0664 3.75 14.0001 3.75H10.0001ZM5.7001 9.886C4.7901 10.018 4.3491 10.258 4.0701 10.616C3.7901 10.973 3.6651 11.458 3.7581 12.374C3.8531 13.31 4.1581 14.534 4.5921 16.274C4.8701 17.382 5.0621 18.15 5.2821 18.724C5.4921 19.278 5.6991 19.571 5.9591 19.774C6.2181 19.976 6.5521 20.105 7.1421 20.176C7.7521 20.249 8.5421 20.25 9.6861 20.25H14.3161C15.4591 20.25 16.2511 20.249 16.8601 20.176C17.4501 20.106 17.7841 19.976 18.0431 19.774C18.3031 19.571 18.5091 19.278 18.7211 18.724C18.9391 18.15 19.1321 17.382 19.4091 16.274C19.8441 14.534 20.1491 13.31 20.2431 12.374C20.3371 11.458 20.2111 10.972 19.9321 10.615C19.6531 10.258 19.2121 10.018 18.3011 9.886C17.3711 9.752 16.1091 9.75 14.3161 9.75H9.6861C7.8931 9.75 6.6311 9.752 5.7011 9.886' fill='white'/%3E%3Cline x1='9' y1='14.5' x2='16' y2='14.5' stroke='white'/%3E%3Cline y1='-0.5' x2='7' y2='-0.5' transform='matrix(0 -1 -1 0 12 18)' stroke='white'/%3E%3C/svg%3E%0A");
}

@media (max-width: 768.99px) {
	.product__similiar-group {
		margin-top: 50px;
		padding: 20px;
	}
}

@media (max-width: 580.99px) {
	.product__similiar-group {
		padding: 12px;
		border-radius: 20px;
	}

	.product .similiar-group .swiper-slide__bottom {
		justify-content: space-between;
	}
}

/* End Similiar */

/* Start Services */
.product .product__services-group {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
	padding: 20px;
	border: 1px solid #E3E3E3;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}

.product .services-group__title {
	font-weight: 600;
	font-size: 15px;
	color: #151917;
	display: block;
}

.product .services-group__item {
	display: grid;
	grid-template-columns: max-content 1fr max-content;
	grid-gap: 0 8px;
	padding: 8px;
	border-radius: 8px;
	position: relative;
	cursor: pointer;
}

.product .services-group__item:not([data-checked="checked"]):hover {
	background: #F5F5F5;
}

.product .services-group .item__content {
	display: flex;
	flex-direction: column;
	gap: 4px 0;
}

.product .services-group .item__name,
.product .services-group .item__descr {
	display: block;
	line-height: 1.25;
}

.product .services-group .item__name {
	font-weight: 600;
	font-size: 15px;
	color: #151917;
}

.product .services-group .item__descr {
	font-weight: 500;
	font-size: 13px;
	color: #818181;
}

.product .services-group .item__price {
	display: block;
	font-weight: 600;
	font-size: 14px;
	min-width: max-content;
	color: #151917;
	line-height: 1;
}

.product .services-group .item__checkbox-i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}


.product .services-group .item__checkbox-i:after {
  content: '';
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}

.product .services-group .item:not([data-checked="checked"]):hover .checkbox-i:after,
.product .services-group .item[data-checked="checked"] .checkbox-i:after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8.25L7 12.25L12.5 3.75' stroke='white'/%3E%3C/svg%3E%0A");
  background-size: 16px;
  background-position: center;
  background-color: #54B435;
  border-color: #54B435;
}

@media (max-width: 580.99px) {
	.product .product__services-group {
		padding: 12px 6px;
		border-radius: 20px;
		gap: 10px 0;
	}

	.product .services-group__title {
		font-size: 14px;
		padding-left: 6px;
	}

	.product .services-group .item__name {
		font-size: 14px;
	}

	.product .services-group .item__descr {
		font-size: 12px;
	}
}


/* End sevices */

/* Viewed
   ========================================================================== */
.viewed__top-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.viewed__swiper {
	margin-top: 40px;
}

.viewed__slider-block {
	display: flex;
	gap: 0 12px;
	justify-content: flex-start;
}

.viewed .slider-block .prev-btn,
.viewed .slider-block .next-btn {
	transform: unset;
	position: unset;
}

.viewed .slider-block .prev-btn {
	transform: scale(-1,1);
}