@charset "UTF-8";
.btn-to-fav {
		flex: 0 0 auto !important;
		width: 84px;
		padding: 0;
		position: relative;
}
@media only screen and (max-width: 767px) {
		.btn-to-fav svg {
				width: 28px;
				height: 28px;
		}
}
@media (pointer:fine) {
		.btn-to-fav:not(.active):hover svg {
				fill: var(--hover-dark);
		}
}
.btn-to-fav:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		color: var(--sec-dark);
		background: linear-gradient(to bottom, #FBFBFC 17.86%, #F3F7FC 112.69%);
		background-color: #FBFBFC;
		background-position: 50% 0;
		background-repeat: repeat-x;
		border: 0.5px solid rgba(0, 0, 0, 0.07);
		box-shadow: 0px 1px 0px #BDCADD, 0px 8px 12px rgba(20, 37, 63, 0.02);
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn-to-fav.active:before {
		opacity: 0;
}
.btn-to-fav:not(.active) svg {
		fill: var(--sec-dark);
		filter: none;
}
.btn-to-fav svg {
		position: relative;
}
.btn-to-fav.active svg {
		fill: var(--white);
}
@media only screen and (min-width: 768px) {
		.btn-to-fav {
				width: 90px;
		}
}
.product-price {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px 20px;
		font-family: var(--fontg);
		font-weight: bold;
		color: var(--grey600);
		position: relative;
}
.product-price:has(.status) {
		padding-left: 25px;
}
.product-price > * {
		flex: 0 0 auto;
}
.product-price > *:not(strong):first-child {
		width: 100%;
}
.product-price .note {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		align-items: center;
		margin: -10px 0 0 0;
}
.product-price .note > * {
		flex: 0 0 auto;
		max-width: 100%;
		position: relative;
		background: rgba(228, 236, 247, 0.3);
		border-radius: 5px;
		font: 500 13px/24px var(--fontg);
		color: #7E8693;
		padding: 10px 31px 10px 45px;
		letter-spacing: 0.005em;
}
.product-price .note img {
		position: absolute;
		top: 50%;
		left: 12px;
		width: auto;
		height: auto;
		max-width: 18px;
		max-height: 18px;
		transform: translate3d(0, -50%, 0);
}
.product-price .txt {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0.03em;
		text-transform: uppercase;
		width: 100%;
		margin-bottom: -5px;
}
.product-price strong {
		font-weight: bold;
		font-size: 24px;
		line-height: 24px;
		letter-spacing: -0.02em;
		color: var(--grey800);
		position: relative;
}
.product-price .no-price, .product-price .sold-out {
		position: relative;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -0.015em;
}
.product-price .no-price {
		font-weight: 600;
		color: var(--grey800);
		margin-top: 6px;
}
.product-price .no-price .status {
		top: 12px;
}
.product-price .sold-out {
		font-weight: bold;
		letter-spacing: -0.005em;
		color: var(--deep-blue);
		top: 6px;
}
.product-price .status {
		position: absolute;
		top: 12px;
		left: -25px;
		transform: translate3d(0, -50%, 0);
		width: 10px;
		height: 10px;
}
.product-price del {
		text-decoration: line-through;
		font-weight: normal;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.01em;
		color: var(--darker);
}
.product-cheaper {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: flex-end;
		font-weight: 300;
		font-size: 13px;
		line-height: 22px;
		align-self: center;
		letter-spacing: -0.01em;
		color: var(--grey700);
		gap: 0 0.3em;
		text-align: right;
}
.product-price:has(.sold-out) ~ .product-cheaper {
		display: none;
}
.product-cheaper > * {
		flex: 0 0 auto;
}
@media only screen and (min-width: 768px) {
		.product-price {
				gap: 0 20px;
		}
		.product-price .txt {
				font-weight: bold;
				font-size: 18px;
				line-height: 24px;
				color: var(--grey800);
				letter-spacing: normal;
				text-transform: none;
				margin: -2px 0 0 0;
		}
		.product-price strong {
				order: 1;
				font-size: 30px;
				line-height: 36px;
				letter-spacing: 0.01em;
		}
		.product-price .status {
				top: 18px;
		}
		.product-price del {
				order: 2;
				font-weight: normal;
				font-size: 20px;
				line-height: 24px;
		}
		.product-price .note {
				margin: 0;
		}
		.product-price .no-price {
				margin: 0;
		}
		.product-price .sold-out {
				font-size: 24px;
				line-height: 36px;
				top: 10px;
		}
		.product-cheaper {
				font-size: 15px;
				line-height: 20px;
		}
}
@media only screen and (min-width: 1024px) {
		.product-price .sold-out {
				margin-bottom: 10px;
		}
}
@media only screen and (min-width: 1280px) {
		.product-price {
				gap: 5px 25px;
		}
		.product-price .txt {
				width: 100%;
				font-size: 20px;
				margin-bottom: 5px;
		}
		.product-price del {
				order: 3;
		}
		.product-price .no-price {
				margin-top: 6px;
				margin-bottom: 10px;
		}
}
.product-buttons {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 15px;
}
.product-buttons .btn {
		flex: 1 1 auto;
		box-shadow: none;
		padding-left: 16px;
		padding-right: 16px;
}
.product-buttons .btn svg:not(:first-child) {
		display: none;
}
.product-buttons .btn-cm {
		order: 3;
}
.product-buttons .for-tab {
		display: none;
}
@media only screen and (min-width: 768px) {
		.product-buttons .btn-orange, .product-buttons .btn-green, .product-buttons .btn-yellow {
				text-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.45);
		}
		.product-buttons .btn-orange svg, .product-buttons .btn-green svg, .product-buttons .btn-yellow svg {
				filter: drop-shadow(0px 0.5px 0px rgba(0, 0, 0, 0.45));
		}
		.product-buttons .btn-cm {
				font-size: 17px;
		}
		.product-buttons .btn-add {
				font-size: 18px;
		}
		.product-buttons .btn-to-fav {
				order: 2;
		}
		.product-buttons .for-tab {
				display: inline;
		}
		.product-buttons .for-mob {
				display: none;
		}
		.product-buttons .btn svg:not(:first-child) {
				display: block;
		}
		.product-buttons .btn svg:first-child:not(:only-of-type) {
				display: none;
		}
}
.product-info {
		margin: 0;
		padding: 0;
		flex: 0 0 auto;
		width: 100%;
		font-weight: 300;
		font-size: 14px;
		line-height: 25px;
		letter-spacing: -0.015em;
		color: var(--grey900);
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 20px 20px;
}
@media only screen and (max-width: 767px) {
		.product-info .hide-mob {
				display: none;
		}
}
.product-info li {
		flex: 0 0 auto;
		max-width: 100%;
		margin: 0;
		padding: 0 0 0 43px;
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0 5px;
}
.product-info li:before {
		display: none;
}
.product-info .pic {
		width: 28px;
		height: 28px;
		position: absolute;
		top: -2px;
		left: 0;
}
.product-info .pic:before, .product-info .pic:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
}
.product-info .pic:after {
		opacity: 0;
}
@media (pointer:fine) {
		.product-info a:hover .pic:before {
				opacity: 0;
		}
		.product-info a:hover .pic:after {
				opacity: 1;
		}
}
.product-info .pic.bg-bookmark:before {
		background-image: url(../img/icons/product/bookmark.svg);
}
.product-info .pic.bg-calendar:before {
		background-image: url(../img/icons/product/calendar.svg);
}
.product-info a .pic.bg-calendar:after {
		background-image: url(../img/icons/product/calendar-hover.svg);
}
.product-info .pic.bg-box:before {
		background-image: url(../img/icons/product/package.svg);
}
.product-info a .pic.bg-box:after {
		background-image: url(../img/icons/product/package-hover.svg);
}
.product-info .pic.bg-settings:before {
		background-image: url(../img/icons/product/settings.svg);
}
.product-info a .pic.bg-settings:after {
		background-image: url(../img/icons/product/settings-hover.svg);
}
.product-info .code {
		padding-left: 0;
		display: block;
		color: var(--grey600);
		letter-spacing: -0.02em;
}
.product-info strong {
		letter-spacing: -0.01em;
		font-weight: 600;
		color: var(--grey800);
}
.product-info .pic-help {
		margin-left: 11px;
}
@media only screen and (min-width: 768px) {
		.product-info {
				font-size: 15px;
				letter-spacing: normal;
				color: var(--grey800);
		}
		.product-info li {
				padding-left: 43px;
				gap: 0 6px;
		}
		.product-info .pic {
				top: -1px;
				width: 28px;
				height: 28px;
		}
		.product-info strong {
				color: var(--grey900);
		}
		.product-info .pic-help {
				margin-left: 4px;
		}
}
@media only screen and (min-width: 1280px) {
		.product-info {
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
		}
}
.product-colors {
		display: flex;
		flex-direction: column;
		gap: 21px 0;
		padding: 0 4px;
}
.product-colors-title {
		font-weight: 300;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -0.01em;
		color: var(--darker);
		margin: 0 0 16px 0;
}
.product-colors-title strong {
		font-weight: 600;
		letter-spacing: -0.02em;
		color: var(--grey900);
}
.product-colors .list1, .product-colors .list2 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
}
.product-colors .list1 label, .product-colors .list2 label {
		flex: 0 0 auto;
		cursor: pointer;
		user-select: none;
		position: static;
}
.product-colors .list1 > *, .product-colors .list2 > * {
		flex: 0 0 auto;
}
.product-colors .list1 label input, .product-colors .list2 label input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
		visibility: hidden;
}
.product-colors .list1 {
		margin: 18px 0 0 0;
		gap: 8px;
		position: relative;
}
.product-colors .list1 label {
		padding: 4px;
		margin: -4px;
}
.product-colors .list1:not(.open) .folded {
		display: none;
}
.product-colors .col:last-child .list1:last-child {
		margin-bottom: 7px;
}
.product-colors .list1 label > span:not(.popup) {
		display: block;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		border-style: solid;
		border-width: 1px;
		border-color: transparent;
		transition-property: box-shadow, margin;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: calc(100% + 2px) auto;
}
.product-colors .list1 label input:checked ~ span:not(.popup) {
		box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--grey500);
}
.product-colors .list1 label input:disabled ~ span:not(.popup) {
		pointer-events: none;
		border-style: dashed;
}
.product-colors .list1 .more {
		cursor: pointer;
		user-select: none;
		width: 32px;
		height: 32px;
		text-align: center;
		line-height: 31px;
		color: var(--blue);
		text-decoration: none;
		transition-property: color, border, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		background: rgba(220, 243, 255, 0.5);
		border: 0.5px dashed #1DA1F2;
		font: normal 12px/31px var(--fontg);
		border-radius: 50%;
}
.product-colors .list1.open .more {
		display: none;
}
@media only screen and (max-width: 767px) {
		.product-colors .list1 .more .show-tab {
				display: none;
		}
}
@media (pointer:fine) {
		.product-colors .list1 .more:hover {
				background-color: transparent;
				border-color: var(--hover);
				color: var(--hover);
		}
}
.product-colors .popup {
		pointer-events: none;
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		width: 100%;
		max-width: 240px;
		z-index: 30;
		background: var(--white);
		box-shadow: -5px 0px 25px rgba(0, 0, 0, 0.25);
		padding: 15px;
		border-radius: 5px;
		margin: 15px 0;
		opacity: 0;
}
.product-colors .popup, .product-colors-popup {
		font: normal 10px/14px var(--fonti);
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 7px 10px;
		color: var(--grey500);
}
@media only screen and (min-width: 1280px) {
		.product-colors .popup {
				top: 50%;
				right: 100%;
				transform: translate3d(0, -50%, 0);
				margin: 0 30px;
				left: auto;
				bottom: auto;
		}
}
.product-colors .popup .status, .product-colors-popup .status {
		flex: 0 0 auto;
		width: 6px;
		height: 6px;
}
.product-colors .popup img, .product-colors-popup img {
		flex: 0 0 auto;
		width: 100%;
		border-radius: 3px;
		height: 120px;
		/* object-fit: contain; */
		object-position: center;
		margin: 0 0 3px 0;
}
.product-colors .popup-color img, .product-colors-popup.popup-color img,
.one_sku .product-colors-popup .tree-img  {
		object-fit: cover;
}
.product-colors-popup .tree-img {
	object-fit: contain;
}
.product-colors-popup.product-colors-seria img {
	aspect-ratio: 2 / 1;
}
.product-colors .popup .tags, .product-colors-popup .tags, .product-colors .popup .text, .product-colors-popup .text {
		flex: 0 0 auto;
		width: 100%;
}
.product-colors .popup .tags > *, .product-colors-popup .tags > * {
		font-size: 10px;
}
.product-colors .popup strong, .product-colors-popup strong {
		font-weight: 600;
}
.product-colors .popup .price, .product-colors-popup .price {
		font-weight: 600;
		font-size: 16px;
		line-height: 23px;
		color: var(--grey900);
}
.product-colors .popup .price.small, .product-colors-popup .price.small {
		font-size: 12px;
}
.product-colors .list2 {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		margin: -6px 0 0 0;
}
.product-colors .list2 label {
		padding: 4px;
		margin: -4px;
}
.product-colors .list2 label > span:not(.popup) {
		display: block;
		text-align: center;
		font-weight: 300;
		font-size: 14px;
		letter-spacing: -0.01em;
		color: var(--grey800);
		height: 36px;
		background: var(--input-bg);
		border: 1px solid var(--sec-dark50);
		line-height: 34px;
		padding: 0 15px;
		border-radius: 18px;
		transition-property: border, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.product-colors .list2 label:hover > span:not(.popup) {
				border-color: var(--hover-input);
				background-color: transparent;
		}
}
.product-colors .list2 label input:checked ~ span:not(.popup) {
		background-color: #FFF2C5;
		border-color: #F35C00;
		color: var(--grey900);
		font-weight: 500;
}
.product-colors .list2 label.disabled {
		pointer-events: none;
}
.product-colors .list2 label input:disabled ~ span:not(.popup), .product-colors .list2 label.disabled > span:not(.popup) {
		border-style: dashed;
		color: var(--grey600);
}
.product-colors-selected {
		display: block;
		cursor: pointer;
		user-select: none;
		text-align: left;
		text-decoration: none;
		background: var(--input-bg) url(../img/colors-selected.svg) no-repeat calc(100% - 24px) 50%;
		background-size: auto 13px;
		border: 0.5px solid var(--sec-dark50) !important;
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 5px 15px -2px rgba(50, 50, 71, 0.05);
		border-radius: 5px;
		padding: 10px 60px 10px 72px;
		position: relative;
		margin: 32px -4px 0 -4px;
		font-weight: 300;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: -0.01em;
		color: var(--darker) !important;
		transition-property: border, background, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.product-colors-selected:hover {
				border-color: var(--hover-input);
				background-color: transparent;
				box-shadow: none;
		}
}
.product-colors-selected strong {
		display: block;
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		color: var(--grey900);
}
.product-colors-selected .rounded {
		position: absolute;
		top: 50%;
		left: 15px;
		width: 40px;
		height: 40px;
		margin: -20px 0;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
}
@media only screen and (min-width: 768px) {
		.product-colors {
				gap: 25px 35px;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: space-between;
		}
		.product-colors .col {
				flex: 0 0 auto;
				width: auto;
				min-width: 44%;
				max-width: 100%;
		}
		.product-colors-title {
				font-size: 15px;
				line-height: 20px;
				margin-bottom: 15px;
		}
		.product-colors-title strong {
				font-weight: 500;
				letter-spacing: -0.01em;
		}
		.product-colors .list1 {
				margin-top: 20px;
		}
		.product-colors .col:last-child .list1:last-child {
				margin-bottom: 9px;
		}
		.product-colors .list1 label > span:not(.popup) {
				width: 36px;
				height: 36px;
		}
		.product-colors .list1 label input:checked ~ span:not(.popup) {
				box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--grey500);
		}
		.product-colors .list1 .more {
				width: auto;
				height: auto;
				padding: 0 15px;
				font: 300 14px/25px var(--fonti);
				letter-spacing: -0.01em;
				border-radius: 0;
				border: 0 !important;
				background: none !important;
		}
		.product-colors .popup .tags {
				gap: 10px;
		}
		.product-colors .popup .tags > * {
				font-size: 12px;
				line-height: 18px;
				padding: 7px 16px;
				border-radius: 3px;
		}
		.product-colors .list2 {
				gap: 10px;
				margin-top: 15px;
		}
		.product-colors .list2 label {
				padding: 5px;
				margin: -5px;
		}
		.product-colors .list2 label > span:not(.popup) {
				font-size: 14px;
				letter-spacing: -0.01em;
				padding: 0 14.5px;
				border-radius: 3px;
		}
}
@media only screen and (min-width: 1280px) {
		.product-colors {
				flex-direction: column;
				align-items: stretch;
				justify-content: flex-start;
				gap: 25px 0;
		}
		.product-colors .col {
				min-width: 0;
				max-width: none;
				width: 100%;
		}
		.product-colors-selected {
				margin-top: 28px;
		}
}