@charset "utf-8";

/* ====================================================================================================
	@font-face
==================================================================================================== */

/* Forum
================================================================================ */
@font-face{font-family:"Forum";src:url("../fonts/forum/forum.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

/* Open Sans
================================================================================ */
@font-face{font-family:"Open Sans";src:url("../fonts/opensans/opensans-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url("../fonts/opensans/opensans-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url("../fonts/opensans/opensans-semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url("../fonts/opensans/opensans-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url("../fonts/opensans/opensans-extrabold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}


/* ====================================================================================================
	reset styles
==================================================================================================== */
*,*::before,*::after{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html{height:100%}body{min-height:100%;margin:0;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,p,table,address,pre,iframe,form){margin-block:0}:where(ul,ol){padding-left:0;list-style:none}:where(dd){margin-left:0}:where(blockquote,figure){margin:0}:where(sub),:where(sup){position:relative;vertical-align:baseline;font-size:75%;line-height:0}:where(sub){bottom:-.25rem}:where(sup){top:.5rem}:where(a){background-color:transparent;color:inherit;text-decoration:none}:where(address){font-style:normal}:where(pre),:where(code),:where(kbd),:where(samp){font-family:monospace}:where(abbr[title]){border-bottom:none;text-decoration:underline;text-decoration:underline dotted}:where(img){display:block;width:100%;max-width:100%;border-style:none}:where(table){width:100%;border-collapse:collapse;border-spacing:0}:where(fieldset){margin-left:0;padding:0;border:none}input,textarea,select,button{outline:none}label[for]{cursor:pointer}button,[type="button"],[type="reset"],[type="submit"]{border:none;user-select:none;-webkit-appearance:none;appearance:none;cursor:pointer}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;height:auto;margin:0}[type="search"]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}textarea{resize:vertical}svg *[fill]{fill:currentColor}svg *[stroke]{stroke:currentColor}svg *{transition-property:fill,stroke}:where(iframe){border:none}[hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){html,:has(:target){scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* ====================================================================================================
	variables
==================================================================================================== */
:root {
	--white-color: hsl(0 0% 100%);
	--black-color: hsl(60 1% 17%);
	--text-color: hsl(0 0% 23%);
	--accent-color: hsl(205 62% 53%);
	--accent-color-dark: hsl(210 67% 40%);
	--accent-color-light: hsl(193 56% 61%);
	--red-color: hsl(340 100% 49%);
	--green-color: hsl(154 100% 36%);
	--orange-color: hsl(34, 100%, 50%);
	--light-bg: hsl(0 0% 95%);
	--border-color: hsl(220 5% 89%);
	--grey-color: hsl(0 0% 64%);
	--form-disabled: hsl(0 0% 0% / .42);
	--container-center-padding-inline : .875rem;
	--container-center-padding-block-index : clamp(2.875rem, 2.195rem + 3.4vw, 5rem);
	--border-radius : .25rem;
	--th-td-padding-block : 1.25rem;
	--th-td-padding-inline : .938rem;
	--main-font: "Open Sans";
	--accent-font: "Forum";
	--height-rd-navbar: 3.125rem;
}


/* ====================================================================================================
	layouts
==================================================================================================== */
body {
	min-width: 20rem; /* 320px */
	color: var(--text-color);
	font: normal normal 400 1rem/1.2 var(--main-font), sans-serif;
}

@media (max-width: 74.98rem) {

	body {
		padding-top: calc(var(--height-rd-navbar) - .125rem);
	}

}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
}

:where(.container-center) {
	width: 100%;
	max-width: 82.5rem;
	margin-inline: auto;
	padding-inline: var(--container-center-padding-inline);
}

/* @media desktop-first
================================================================================ */
@media (max-width: 87.48rem) {

	:where(.container-center) {
		max-width: 71.25rem;
	}

}

@media (max-width: 74.98rem) {

	:where(.container-center) {
		max-width: 60rem;
	}

}

@media (max-width: 61.98rem) {

	:where(.container-center) {
		max-width: none;
	}

}

/* container-flex
================================================================================ */
:where(.container-flex) {
	display: flex;
	flex-wrap: wrap;
}

:where(.container-flex) > * {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	max-width: none;
	align-self: auto;
	order: 0;
}

/* main
================================================================================ */
.main {
	flex-grow: 1;
	padding-block: 3.75rem;


	/* background: #FFCCFF; */
}


/* ====================================================================================================
	common elements and effects
==================================================================================================== */

/* up-page
================================================================================ */
.up-page {
	display: block;
	position: fixed;
	right: 1.875rem;
	bottom: 6.25rem;
	z-index: 200;
	width: 3.75rem;
	height: 3.75rem;
	border: .063rem solid hsl(0 0% 100% / .2);
	border-radius: var(--border-radius);
	background: var(--black-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z'/%3E%3C/svg%3E") no-repeat center / auto 1.875rem;
	visibility: hidden;
	opacity: 0;
	transition: visibility .2s linear .02s,
				opacity .2s linear .02s,
				background-color .2s linear .02s;
	cursor: pointer;
}

@media (max-width: 74.98rem) {

	.up-page {
		display: none;
	}

}

@media (hover: hover) and (pointer: fine) {

	.up-page:hover {
		background-color: var(--accent-color);
	}

}

.up-page:active {
	background-color: var(--grey-color);
}

/* mess
================================================================================ */
:where(.max) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none'%3E%3Cpath stroke='%232B2B2A' stroke-width='1.7' d='M7.145.85c3.388 0 6.066 2.748 6.066 6.17v.003a6.066 6.066 0 0 1-6.032 6.086c-.652 0-1.055-.048-1.406-.16-.35-.112-.704-.306-1.229-.685l-.665-.48-.504.647c-.198.254-.732.577-1.25.686a1.4 1.4 0 0 1-.27.031 8.8 8.8 0 0 0-.287-1.899l-.167-.635C1.132 9.591.85 8.531.85 6.984.85 3.501 3.705.85 7.145.85Z'/%3E%3C/svg%3E");

	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.061' height='14' fill='none'%3E%3Cpath fill='hsl(60 1% 17%)' fill-rule='evenodd' d='M7.182 13.96c-1.38 0-2.021-.201-3.136-1.007-.705.906-2.937 1.615-3.035.402 0-.91-.202-1.679-.43-2.518C.309 9.803 0 8.651 0 6.983 0 2.998 3.27 0 7.145 0s6.916 3.146 6.916 7.02a6.916 6.916 0 0 1-6.879 6.94M7.24 3.445c-1.887-.097-3.358 1.208-3.683 3.257-.269 1.695.208 3.76.614 3.867.195.047.685-.349.99-.654.506.349 1.094.558 1.706.608a3.594 3.594 0 0 0 3.757-3.348A3.59 3.59 0 0 0 7.24 3.448z'/%3E%3C/svg%3E"); */

	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.max):hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none'%3E%3Cpath stroke='hsl(270 100% 50%)' stroke-width='1.7' d='M7.145.85c3.388 0 6.066 2.748 6.066 6.17v.003a6.066 6.066 0 0 1-6.032 6.086c-.652 0-1.055-.048-1.406-.16-.35-.112-.704-.306-1.229-.685l-.665-.48-.504.647c-.198.254-.732.577-1.25.686a1.4 1.4 0 0 1-.27.031 8.8 8.8 0 0 0-.287-1.899l-.167-.635C1.132 9.591.85 8.531.85 6.984.85 3.501 3.705.85 7.145.85Z'/%3E%3C/svg%3E");

		/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.061' height='14' fill='none'%3E%3Cpath fill='hsl(270 100% 50%)' fill-rule='evenodd' d='M7.182 13.96c-1.38 0-2.021-.201-3.136-1.007-.705.906-2.937 1.615-3.035.402 0-.91-.202-1.679-.43-2.518C.309 9.803 0 8.651 0 6.983 0 2.998 3.27 0 7.145 0s6.916 3.146 6.916 7.02a6.916 6.916 0 0 1-6.879 6.94M7.24 3.445c-1.887-.097-3.358 1.208-3.683 3.257-.269 1.695.208 3.76.614 3.867.195.047.685-.349.99-.654.506.349 1.094.558 1.706.608a3.594 3.594 0 0 0 3.757-3.348A3.59 3.59 0 0 0 7.24 3.448z'/%3E%3C/svg%3E"); */
	}

}


:where(.tg) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' fill='none'%3E%3Cpath fill='%232B2B2A' stroke='%232B2B2A' stroke-width='.3' d='M11.124 11.806c-.466-.082-.898-.293-1.745-.847-2.195-1.439-3.068-2.06-3.306-2.354-.362-.446-.358-1.004.01-1.446.05-.06.237-.243.416-.407a137 137 0 0 0 1.493-1.387c0-.003-.702.461-1.56 1.03-.86.57-1.619 1.063-1.688 1.095-.395.185-.99.223-1.557.1-.392-.084-2.44-.74-2.574-.825a1.4 1.4 0 0 1-.33-.33.9.9 0 0 1-.086-.755c.112-.31.421-.58.912-.794.092-.04 1.217-.501 2.5-1.024a939 939 0 0 0 5.75-2.358C10.856.876 12.424.244 12.581.207c.492-.117.895-.054 1.197.186.156.124.289.337.34.543.055.224.036.7-.05 1.28-.207 1.386-.94 6.023-1.294 8.19-.074.45-.154.667-.343.924-.295.402-.765.573-1.308.476Zm.427-1.077c.1-.078.135-.236.331-1.46l.44-2.744c.498-3.1.778-4.975.778-5.201v-.118l-.142.01c-.125.01-.262.06-1.12.41-.537.219-1.284.527-1.66.684-.834.348-3.902 1.607-6.57 2.695-1.086.443-2.032.831-2.101.862l-.126.057.241.082c.4.135 1.478.473 1.698.532.17.046.253.056.489.058.191.001.318-.008.389-.028.108-.031 2.141-1.368 4.11-2.703.516-.349 1.044-.695 1.174-.769.5-.283.823-.354 1.122-.244.139.05.161.067.253.189.084.11.105.157.124.271.044.262-.035.519-.257.838-.163.234-1.482 1.515-3.017 2.928-.311.288-.632.587-.712.665l-.146.142.072.075c.169.174 1.007.774 1.985 1.42 1.718 1.133 1.77 1.165 2.08 1.286.294.116.472.136.565.063Z'/%3E%3C/svg%3E");

	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(60 1% 17%)' viewBox='0 0 543.001 450'%3E%3Cpath d='M37.329 193.722c145.76-63.505 242.957-105.372 291.59-125.6C467.774 10.367 496.626.335 515.432.004c4.137-.073 13.385.952 19.375 5.813 5.059 4.104 6.45 9.649 7.117 13.54.666 3.892 1.495 12.757.836 19.684-7.525 79.06-40.084 270.924-56.648 359.474-7.01 37.47-20.81 50.033-34.17 51.262-29.036 2.672-51.085-19.19-79.208-37.624-44.006-28.847-68.867-46.804-111.583-74.953-49.366-32.531-17.364-50.411 10.77-79.631 7.36-7.65 135.294-124.013 137.77-134.57.31-1.32.597-6.24-2.326-8.84-2.924-2.597-7.24-1.71-10.353-1.002-4.413 1.002-74.714 47.468-210.902 139.4-19.955 13.702-38.03 20.378-54.223 20.028-17.853-.386-52.194-10.094-77.723-18.393-31.313-10.178-56.2-15.56-54.032-32.846 1.128-9.003 13.527-18.211 37.196-27.624z'/%3E%3C/svg%3E"); */

	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.tg):hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' fill='none'%3E%3Cpath fill='hsl(200 100% 40%)' stroke='hsl(200 100% 40%)' stroke-width='.3' d='M11.124 11.806c-.466-.082-.898-.293-1.745-.847-2.195-1.439-3.068-2.06-3.306-2.354-.362-.446-.358-1.004.01-1.446.05-.06.237-.243.416-.407a137 137 0 0 0 1.493-1.387c0-.003-.702.461-1.56 1.03-.86.57-1.619 1.063-1.688 1.095-.395.185-.99.223-1.557.1-.392-.084-2.44-.74-2.574-.825a1.4 1.4 0 0 1-.33-.33.9.9 0 0 1-.086-.755c.112-.31.421-.58.912-.794.092-.04 1.217-.501 2.5-1.024a939 939 0 0 0 5.75-2.358C10.856.876 12.424.244 12.581.207c.492-.117.895-.054 1.197.186.156.124.289.337.34.543.055.224.036.7-.05 1.28-.207 1.386-.94 6.023-1.294 8.19-.074.45-.154.667-.343.924-.295.402-.765.573-1.308.476Zm.427-1.077c.1-.078.135-.236.331-1.46l.44-2.744c.498-3.1.778-4.975.778-5.201v-.118l-.142.01c-.125.01-.262.06-1.12.41-.537.219-1.284.527-1.66.684-.834.348-3.902 1.607-6.57 2.695-1.086.443-2.032.831-2.101.862l-.126.057.241.082c.4.135 1.478.473 1.698.532.17.046.253.056.489.058.191.001.318-.008.389-.028.108-.031 2.141-1.368 4.11-2.703.516-.349 1.044-.695 1.174-.769.5-.283.823-.354 1.122-.244.139.05.161.067.253.189.084.11.105.157.124.271.044.262-.035.519-.257.838-.163.234-1.482 1.515-3.017 2.928-.311.288-.632.587-.712.665l-.146.142.072.075c.169.174 1.007.774 1.985 1.42 1.718 1.133 1.77 1.165 2.08 1.286.294.116.472.136.565.063Z'/%3E%3C/svg%3E");

		/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(200 100% 40%)' viewBox='0 0 543.001 450'%3E%3Cpath d='M37.329 193.722c145.76-63.505 242.957-105.372 291.59-125.6C467.774 10.367 496.626.335 515.432.004c4.137-.073 13.385.952 19.375 5.813 5.059 4.104 6.45 9.649 7.117 13.54.666 3.892 1.495 12.757.836 19.684-7.525 79.06-40.084 270.924-56.648 359.474-7.01 37.47-20.81 50.033-34.17 51.262-29.036 2.672-51.085-19.19-79.208-37.624-44.006-28.847-68.867-46.804-111.583-74.953-49.366-32.531-17.364-50.411 10.77-79.631 7.36-7.65 135.294-124.013 137.77-134.57.31-1.32.597-6.24-2.326-8.84-2.924-2.597-7.24-1.71-10.353-1.002-4.413 1.002-74.714 47.468-210.902 139.4-19.955 13.702-38.03 20.378-54.223 20.028-17.853-.386-52.194-10.094-77.723-18.393-31.313-10.178-56.2-15.56-54.032-32.846 1.128-9.003 13.527-18.211 37.196-27.624z'/%3E%3C/svg%3E"); */
	}

}


/* :where(.wa) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(60 1% 17%)' viewBox='0 0 16 16'%3E%3Cpath d='M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.wa):hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(142 70% 49%)' viewBox='0 0 16 16'%3E%3Cpath d='M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z'/%3E%3C/svg%3E");
	}

} */


:where(.vk) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none'%3E%3Cpath fill='%232B2B2A' stroke='%232B2B2A' stroke-width='.3' d='M7.207 9.502C5.556 9.3 3.977 8.237 2.594 6.395A15.3 15.3 0 0 1 .431 2.288C.058 1.173.057.705.424.382.664.17.72.162 1.899.162c.755 0 1.074.01 1.163.037.312.095.577.392.728.815.319.9.752 1.866 1.128 2.52.22.384.547.871.7 1.042l.108.123-.002-1.228c-.002-1.423.012-1.344-.322-1.844-.216-.323-.293-.539-.267-.753a.87.87 0 0 1 .31-.54c.244-.187.279-.19 1.84-.181 1.59.01 1.554.005 1.766.246.126.142.202.35.24.647.012.106.016.825.006 1.597-.012 1.012-.007 1.405.016 1.405.042 0 .37-.389.607-.719.404-.564 1.014-1.672 1.323-2.405.142-.335.371-.583.642-.692.175-.07.184-.07 1.232-.07 1.185 0 1.243.008 1.478.21.175.148.245.302.26.567.011.187 0 .262-.078.501-.201.624-.97 1.97-1.855 3.244a7 7 0 0 0-.289.435c0 .01.263.298.583.64 1.501 1.598 1.992 2.352 1.929 2.962a.8.8 0 0 1-.28.554c-.26.233-.297.24-1.396.251-1.074.012-1.215-.002-1.496-.15-.199-.105-.559-.45-1.138-1.09-.523-.578-1.037-1.03-1.384-1.214-.109-.058-.118-.059-.137-.01-.012.028-.021.414-.022.857 0 .964-.018 1.048-.263 1.27-.154.139-.253.188-.526.26-.262.068-.941.096-1.296.053Zm1.107-.954.066-.02-.006-.84c-.006-.722 0-.866.044-1.03.068-.252.178-.404.358-.497.13-.067.18-.075.454-.074.365.002.514.05.872.283.468.304.992.793 1.734 1.615.214.238.438.469.496.513l.106.081.892.009.892.008-.02-.067c-.038-.128-.217-.423-.413-.685-.333-.442-.7-.86-1.523-1.733-.435-.462-.493-.544-.558-.799a.6.6 0 0 1-.015-.328c.043-.206.092-.292.565-.998.507-.758.826-1.266 1.16-1.85.244-.427.476-.919.476-1.007 0-.037-.114-.043-.818-.043-.923 0-.886-.01-.986.234a20 20 0 0 1-.76 1.525c-.447.779-1.017 1.572-1.329 1.85a2.8 2.8 0 0 1-.646.419c-.264.102-.595.045-.76-.132-.217-.232-.24-.477-.243-2.496v-1.4H6.173l.047.066c.124.174.267.458.33.655.117.368.134.662.121 2.065-.01 1.1-.019 1.327-.059 1.447-.159.478-.597.648-1.064.414-.207-.103-.594-.476-.85-.819-.568-.762-1.246-2.096-1.701-3.345a3 3 0 0 0-.184-.432c-.04-.047-.122-.051-.89-.051-.466 0-.846.01-.846.022.002.085.13.575.22.843.515 1.54 1.493 3.278 2.51 4.458.7.814 1.43 1.404 2.177 1.76.457.218.891.35 1.34.406.144.019.91-.002.99-.027Z'/%3E%3C/svg%3E");

	/* background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 38.462463 24' fill='hsl(60 1% 17%)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.949 24C7.808 24 .312 14.991 0 0h6.583c.216 11.003 5.069 15.664 8.912 16.625V0h6.199v9.49C25.49 9.08 29.477 4.756 30.822 0h6.199c-1.033 5.862-5.358 10.186-8.433 11.964 3.075 1.441 8 5.213 9.874 12.036H31.64c-1.465-4.565-5.116-8.096-9.945-8.577V24Z' fill='hsl(60 1% 17%)' style='stroke-width:1.2012'/%3E%3C/svg%3E"); */

	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.vk):hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none'%3E%3Cpath fill='hsl(212 100% 50%)' stroke='hsl(212 100% 50%)' stroke-width='.3' d='M7.207 9.502C5.556 9.3 3.977 8.237 2.594 6.395A15.3 15.3 0 0 1 .431 2.288C.058 1.173.057.705.424.382.664.17.72.162 1.899.162c.755 0 1.074.01 1.163.037.312.095.577.392.728.815.319.9.752 1.866 1.128 2.52.22.384.547.871.7 1.042l.108.123-.002-1.228c-.002-1.423.012-1.344-.322-1.844-.216-.323-.293-.539-.267-.753a.87.87 0 0 1 .31-.54c.244-.187.279-.19 1.84-.181 1.59.01 1.554.005 1.766.246.126.142.202.35.24.647.012.106.016.825.006 1.597-.012 1.012-.007 1.405.016 1.405.042 0 .37-.389.607-.719.404-.564 1.014-1.672 1.323-2.405.142-.335.371-.583.642-.692.175-.07.184-.07 1.232-.07 1.185 0 1.243.008 1.478.21.175.148.245.302.26.567.011.187 0 .262-.078.501-.201.624-.97 1.97-1.855 3.244a7 7 0 0 0-.289.435c0 .01.263.298.583.64 1.501 1.598 1.992 2.352 1.929 2.962a.8.8 0 0 1-.28.554c-.26.233-.297.24-1.396.251-1.074.012-1.215-.002-1.496-.15-.199-.105-.559-.45-1.138-1.09-.523-.578-1.037-1.03-1.384-1.214-.109-.058-.118-.059-.137-.01-.012.028-.021.414-.022.857 0 .964-.018 1.048-.263 1.27-.154.139-.253.188-.526.26-.262.068-.941.096-1.296.053Zm1.107-.954.066-.02-.006-.84c-.006-.722 0-.866.044-1.03.068-.252.178-.404.358-.497.13-.067.18-.075.454-.074.365.002.514.05.872.283.468.304.992.793 1.734 1.615.214.238.438.469.496.513l.106.081.892.009.892.008-.02-.067c-.038-.128-.217-.423-.413-.685-.333-.442-.7-.86-1.523-1.733-.435-.462-.493-.544-.558-.799a.6.6 0 0 1-.015-.328c.043-.206.092-.292.565-.998.507-.758.826-1.266 1.16-1.85.244-.427.476-.919.476-1.007 0-.037-.114-.043-.818-.043-.923 0-.886-.01-.986.234a20 20 0 0 1-.76 1.525c-.447.779-1.017 1.572-1.329 1.85a2.8 2.8 0 0 1-.646.419c-.264.102-.595.045-.76-.132-.217-.232-.24-.477-.243-2.496v-1.4H6.173l.047.066c.124.174.267.458.33.655.117.368.134.662.121 2.065-.01 1.1-.019 1.327-.059 1.447-.159.478-.597.648-1.064.414-.207-.103-.594-.476-.85-.819-.568-.762-1.246-2.096-1.701-3.345a3 3 0 0 0-.184-.432c-.04-.047-.122-.051-.89-.051-.466 0-.846.01-.846.022.002.085.13.575.22.843.515 1.54 1.493 3.278 2.51 4.458.7.814 1.43 1.404 2.177 1.76.457.218.891.35 1.34.406.144.019.91-.002.99-.027Z'/%3E%3C/svg%3E");

		/* background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 38.462463 24' fill='hsl(212 100% 50%)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.949 24C7.808 24 .312 14.991 0 0h6.583c.216 11.003 5.069 15.664 8.912 16.625V0h6.199v9.49C25.49 9.08 29.477 4.756 30.822 0h6.199c-1.033 5.862-5.358 10.186-8.433 11.964 3.075 1.441 8 5.213 9.874 12.036H31.64c-1.465-4.565-5.116-8.096-9.945-8.577V24Z' fill='hsl(212 100% 50%)' style='stroke-width:1.2012'/%3E%3C/svg%3E"); */
	}

}


:where(.mail) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' fill='none'%3E%3Cpath fill='hsl(60 1% 17%)' d='M1.5 12q-.62 0-1.06-.44A1.45 1.45 0 0 1 0 10.5v-9Q0 .88.44.44T1.5 0h12q.619 0 1.06.44.44.44.44 1.06v9q0 .619-.44 1.06-.442.44-1.06.44zm6-5.25L1.5 3v7.5h12V3zm0-1.5 6-3.75h-12zM1.5 3V1.5v9z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.mail):hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' fill='none'%3E%3Cpath fill='hsl(205 62% 53%)' d='M1.5 12q-.62 0-1.06-.44A1.45 1.45 0 0 1 0 10.5v-9Q0 .88.44.44T1.5 0h12q.619 0 1.06.44.44.44.44 1.06v9q0 .619-.44 1.06-.442.44-1.06.44zm6-5.25L1.5 3v7.5h12V3zm0-1.5 6-3.75h-12zM1.5 3V1.5v9z'/%3E%3C/svg%3E");
	}

}

/* typography
================================================================================ */
/* h1 - h6
============================================================ */
.main :where(h1),
.main :where(.h1) {
	margin: 0 0 2.875rem;
	color: var(--black-color);
	font-weight: 400;
	font-size: clamp(1.625rem, 1.425rem + 1vw, 2.25rem);
	line-height: 1.3;
	font-family: var(--accent-font);
	text-transform: uppercase;
}


.main :where(h2),
.main :where(.h2) {
	margin: 2.5rem 0 1.875rem;
	color: var(--black-color);
	font-weight: 400;
	font-size: clamp(1.5rem, 1.38rem + 0.6vw, 1.875rem);
	line-height: 1.3;
	font-family: var(--accent-font);
	text-transform: uppercase;
}


.main :where(h3),
.main :where(.h3) {
	margin: 2.5rem 0 1.625rem;
	color: var(--black-color);
	font-weight: 400;
	font-size: clamp(1.25rem, 1.17rem + 0.4vw, 1.5rem);
	line-height: 1.3;
	font-family: var(--accent-font);
	text-transform: uppercase;
}


.main :where(h4),
.main :where(.h4) {
	margin: 2.5rem 0 1.5rem;
	color: var(--black-color);
	font-weight: 400;
	font-size: clamp(1.25rem, 1.17rem + 0.4vw, 1.5rem);
	line-height: 1.3;
	font-family: var(--accent-font);
}

/* text elements
============================================================ */
.main :where(p) {
	margin: 0 0 1rem;
	line-height: 1.5;
}

.main :where(p) a {
	color: var(--accent-color);
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {

	.main :where(p) a:hover {
		text-decoration: none;
	}

}

.main :where(p) a:active {
	color: var(--grey-color);
}

.bold-500 {
	font-weight: 500;
}

.bold-600 {
	font-weight: 600;
}

strong,
.bold-700 {
	font-weight: 700;
}

.bold-800 {
	font-weight: 800;
}

.italic {
	font-style: italic;
}

.center {
	text-align: center;
}

.upp {
	text-transform: uppercase;
}

.att {
	margin-block: 1.5rem;
	padding: clamp(1.375rem, 1.215rem + 0.8vw, 1.875rem);
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--light-bg);
	font-weight: 600;
	font-size: clamp(0.875rem, 0.835rem + 0.2vw, 1rem);
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
}

.signature {
	margin-block: 1.875rem;
}

.rub {
	display: inline-block;
}

.rub::after {
	content: "р.";
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem;
	text-transform: lowercase;
}

mark {
	padding: 0 .25rem;
	background: hsl(50, 81%, 94%);
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}

sub {
	bottom: -.25rem;
}

sup {
	top: -.5rem;
}


.text-middle {
	max-width: 60rem;
	margin-inline: auto;
	margin-bottom: 2.875rem;
}

/* ul
============================================================ */
.main :where(ul:not([class])) {
	margin-block: 1.25rem;
}

.main :where(ul:not([class])) li {
	position: relative;
	z-index: 1;
	margin-bottom: .313rem;
	padding-left: 1.25rem;
	line-height: 1.3;
}

.main :where(ul:not([class])) li::before {
	content: "";
	position: absolute;
	top: .563rem;
	left: 0;
	width: .5rem;
	height: .125rem;
	background: var(--accent-color);
}

.main :where(ul:not([class])) li a {
	display: inline-block;
	color: var(--accent-color);
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {

	.main :where(ul:not([class])) li a:hover {
		text-decoration: none;
	}

}

.main :where(ul:not([class])) li a:active {
	color:  var(--grey-color);
}

.main :where(ul:not([class])) ul {
	margin-block: .625rem;
}

/* list-anchors
============================================================ */
.list-anchors {
	display: flex;
	flex-wrap: wrap;
	gap: .875rem;
	margin-bottom: 2.5rem;
}

.list-anchors li {
	flex-basis: calc((100% - .875rem * (4 - 1)) / 4);
	width: calc((100% - .875rem * (4 - 1)) / 4);
}

@media (max-width: 61.98rem) {

	.list-anchors li {
		flex-basis: calc((100% - .875rem * (3 - 1)) / 3);
		width: calc((100% - .875rem * (3 - 1)) / 3);
	}

}

@media (max-width: 35.98rem) {

	.list-anchors li {
		flex-basis: calc((100% - .875rem * (2 - 1)) / 2);
		width: calc((100% - .875rem * (2 - 1)) / 2);
	}

}

.list-anchors li a {
	display: flex;
	position: relative;
	height: 100%;
	padding: 1.25rem 1.25rem 1.25rem 2.25rem;
	border-radius: var(--border-radius);
	border: .063rem solid var(--border-color);
	background: var(--light-bg);
	color: var(--text-color);
	font-weight: 600;
	font-size: clamp(0.875rem, 0.835rem + 0.2vw, 1rem);
	line-height: 1.2;
	transition: all .3s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.list-anchors li a:hover {
		border-color: var(--accent-color);
		background-color: var(--white-color);

	}

}

.list-anchors li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 1.75rem;
	left: 1.125rem;
	width: .5rem;
	height: .125rem;
	background: var(--accent-color);
}



/* btn
============================================================ */
:where(.btn) {
	display: flex;
	flex-wrap: wrap;
	margin-block: 1.875rem;
}

/* a-btn
======================================== */
:where(.a-btn) {
	margin: 0 .625rem .625rem 0;
	padding: 1rem 1.75rem;
	border-radius: var(--border-radius);
	background: var(--accent-color-dark);
	color: var(--white-color);
	font-weight: 400;
	font-size: clamp(0.75rem, 0.71rem + 0.2vw, 0.875rem);
	text-transform: uppercase;
	transition: background .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.a-btn):hover {
		background: var(--accent-color);
	}

}

:where(.a-btn-second) {
	background: var(--accent-color-light);
}

/* old */
:where(.buttons) {
	display: flex;
	flex-wrap: wrap;
	margin-block: 1.875rem;
}

:where(.btn-buttons) {
	margin: 0 .625rem .625rem 0;
	padding: 1rem 1.75rem;
	border-radius: var(--border-radius);
	background: var(--accent-color-dark);
	color: var(--white-color);
	font-weight: 400;
	font-size: clamp(0.75rem, 0.71rem + 0.2vw, 0.875rem);
	text-transform: uppercase;
	transition: background .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.btn-buttons):hover {
		background: var(--accent-color);
	}

}
/* /old */

/* a-link
======================================== */
:where(.a-link) {
	margin: 0 1rem 1rem 0;
	border-bottom: .063rem dotted var(--accent-color);
	color: var(--accent-color);
	font-weight: 500;
	font-size: 1rem;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.a-link):hover {
		border-bottom-color: transparent;
		color: var(--text-color);
	}

}

:where(.a-link):active {
	color: var(--grey-color);
}

/* button
======================================== */
:where(.button) {
	margin: 0 .625rem .625rem 0;
	padding: 1rem 1.75rem;
	border-radius: var(--border-radius);
	background: var(--accent-color-dark);
	color: var(--white-color);
	font-weight: 400;
	font-size: clamp(0.75rem, 0.71rem + 0.2vw, 0.875rem);
	text-transform: uppercase;
	transition: background .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.button):hover {
		background: var(--accent-color);
	}

}

:where(.button-second) {
	background-color: var(--accent-color);
}

:where(.button):active {
	background: var(--grey-color);
}


/* img
================================================================================ */
img {
	border-radius: var(--border-radius);
}

.img-one {
	width: 70%;
	margin: 2.5rem auto;
	overflow: hidden;
}

@media (max-width: 47.98rem) {

	.img-one {
		width: 80%;
	}

}

@media (max-width: 35.98rem) {

	.img-one {
		width: 100%;
	}

}

.img-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .625rem;
	margin: 2.5rem 0 1.25rem;
	overflow: hidden;
}

.img-center a {
	position: relative;
	z-index: 1;
	flex-basis: calc((100% - .625rem * (3 - 1) ) / 3);
	width: calc((100% - .625rem * (3 - 1) ) / 3);
	margin-bottom: 1.25rem;
	overflow: hidden;
}

@media (max-width: 35.98rem) {

	.img-center a {
		flex-basis: calc((100% - .625rem * (2 - 1) ) / 2);
		width: calc((100% - .625rem * (2 - 1) ) / 2);
	}

}


.img-one figcaption,
.img-center figcaption {
	margin: .625rem 0 0;
	color: var(--grey-color);
	transition: color .3s .02s linear;
	font-size: 1rem;
	line-height: 1.2;
	text-align: right;
}

@media (hover: hover) and (pointer: fine) {

	.img-center a:hover figcaption {
		color: var(--accent-color);
	}

}

/* magnifier
============================================================ */
.magnifier {
	position: relative;
}

.magnifier::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.75rem;
	height: 3.75rem;
	border-radius: var(--border-radius);
	background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.magnifier:hover::before {
		visibility: visible;
		opacity: 1;
	}

}

/* glightbox
============================================================ */
.glightbox-container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999 !important;
	overflow: hidden;
	touch-action: none;
	text-size-adjust: 100%;
	backface-visibility: hidden;
	outline: none;
}

.glightbox-container.inactive {
	display: none;
}

.glightbox-container .gcontainer {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: hidden;
}

.glightbox-container .gslider {
	transition: transform 0.4s ease;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex !important;
	justify-content: center;
	align-items: center;
	transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
	width: 100%;
	position: absolute;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.glightbox-container .gslide.current {
	opacity: 1;
	z-index: 99999;
	position: relative;
}

.glightbox-container .gslide.prev {
	opacity: 1;
	z-index: 9999;
}

.glightbox-container .gslide-inner-content {
	width: 100%;
}

.glightbox-container .ginner-container {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	max-width: 100%;
	margin: auto;
	height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
	width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
	flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
	max-width: 100% !important;
}

.gslide iframe,
.gslide video {
	outline: none !important;
	border: none;
	min-height: 165px;
	touch-action: auto;
}

.gslide:not(.current) {
	pointer-events: none;
}

.gslide-image {
	align-items: center;
	overflow: hidden;
	border-radius: var(--border-radius);
}

.gslide-image img {
	max-height: 100vh;
	display: block;
	padding: 0;
	float: none;
	outline: none;
	border: none;
	user-select: none;
	max-width: 100vw;
	width: auto;
	height: auto;
	object-fit: cover;
	touch-action: none;
	margin: auto;
	min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
	width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
	width: auto;
	max-width: 100%;
}

.gslide-image img.zoomable {
	position: relative;
}

.gslide-image img.dragging {
	cursor: grabbing !important;
	transition: none;
}

.gslide-video {
	position: relative;
	max-width: 100vh;
	width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
	display: none;
}

.gslide-video .gvideo-wrapper {
	width: 100%;
	/* max-width: 160vmin; */
	margin: auto;
}

.gslide-video::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 0, 0, 0.34);
	display: none;
}

.gslide-video.playing::before {
	display: none;
}

.gslide-video.fullscreen {
	max-width: 100% !important;
	min-width: 100%;
	height: 75vh;
}

.gslide-video.fullscreen video {
	max-width: 100% !important;
	width: 100% !important;
}

.gslide-inline {
	background: var(--white-color);
	text-align: left;
	max-height: calc(100vh - 40px);
	overflow: auto;
	max-width: 100%;
	margin: auto;
}

.gslide-inline .ginlined-content {
	padding: 20px;
	width: 100%;
}

.gslide-inline .dragging {
	cursor: grabbing !important;
	transition: none;
}

.ginlined-content {
	overflow: auto;
	display: block !important;
	opacity: 1;
}

.gslide-external {
	display: flex;
	width: 100%;
	min-width: 100%;
	background: var(--white-color);
	padding: 0;
	overflow: auto;
	max-height: 75vh;
	height: 100%;
}

.gslide-media {
	display: flex;
	width: auto;
}

.zoomed .gslide-media {
	box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
	margin: 0 auto;
	flex-direction: column;
}

.gslide-description {
	position: relative;
	flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
	max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
	margin: 0 auto;
	width: 100%;
}

.gslide-description p {
	margin-bottom: 12px;
}

.gslide-description p:last-child {
	margin-bottom: 0;
}

.zoomed .gslide-description {
	display: none;
}

.glightbox-button-hidden {
	display: none;
}


/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
	height: auto !important;
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 19px 11px;
	max-width: 100vw !important;
	order: 2 !important;
	max-height: 78vh;
	overflow: auto !important;
	background: linear-gradient(to bottom, hsl(0 0% 9% / 0) 0%, hsl(0 0% 9% /.75) 100%);
	transition: opacity 0.3s linear;
	padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
	color: var(--white-color);
	font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
	color: var(--border-color);
}

.glightbox-mobile .glightbox-container .gslide-desc a {
	color: var(--white-color);
	font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
	color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
	color: var(--white-color);
	opacity: 0.4;
}

.gdesc-open .gslide-media {
	transition: opacity 0.5s ease;
	opacity: 0.4;
}

.gdesc-open .gdesc-inner {
	padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
	transition: opacity 0.5s ease;
	opacity: 1;
}

.greset {
	transition: all 0.3s ease;
}

.gabsolute {
	position: absolute;
}

.grelative {
	position: relative;
}

.glightbox-desc {
	display: none !important;
}

.glightbox-open {
	overflow: hidden;
}

.gloader {
	height: 25px;
	width: 25px;
	animation: lightboxLoader 0.8s infinite linear;
	border: 2px solid var(--white-color);
	border-right-color: transparent;
	border-radius: 50%;
	position: absolute;
	display: block;
	z-index: 9999;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 47%;
}

.goverlay {
	width: 100%;
	height: calc(100vh + 1px);
	position: fixed;
	top: -1px;
	left: 0;
	background: var(--black-color);
	will-change: opacity;
}

.glightbox-mobile .goverlay {
	background: var(--black-color);
}

.gprev,
.gnext,
.gclose {
	z-index: 99999;
	cursor: pointer;
	width: 26px;
	height: 44px;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
	display: block;
	width: 25px;
	height: auto;
	margin: 0;
	padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
	opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
	stroke: var(--white-color);
}

.gbtn.focused {
	outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
	opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
	opacity: 0 !important;
}


/*Skin */

.glightbox-clean .gslide-description {
	background: var(--white-color);
}

.glightbox-clean .gdesc-inner {
	padding: 22px 20px;
}

.glightbox-clean .gslide-title {
	font-size: 1em;
	font-weight: normal;
	font-family: arial;
	color: var(--black-color);
	margin-bottom: 19px;
	line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
	font-size: 0.86em;
	margin-bottom: 0;
	font-family: arial;
	line-height: 1.4em;
}

.glightbox-clean .gslide-video {
	background: var(--black-color);
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
	background-color: hsl(0 0% 9% /.75);
	border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
	fill: var(--white-color);
}

.glightbox-clean .gprev {
	position: absolute;
	top: -100%;
	left: 30px;
	width: 40px;
	height: 50px;
}

.glightbox-clean .gnext {
	position: absolute;
	top: -100%;
	right: 30px;
	width: 40px;
	height: 50px;
}

.glightbox-clean .gclose {
	width: 35px;
	height: 35px;
	top: 15px;
	right: 10px;
	position: absolute;
}

.glightbox-clean .gclose svg {
	width: 18px;
	height: auto;
}

.glightbox-clean .gclose:hover {
	opacity: 1;
}


/*CSS Animations*/

.gfadeIn {
	animation: gfadeIn 0.5s ease;
}

.gfadeOut {
	animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
	animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
	animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
	animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
	animation: gslideInRight 0.3s ease;
}

.gzoomIn {
	animation: gzoomIn 0.5s ease;
}

.gzoomOut {
	animation: gzoomOut 0.5s ease;
}

@keyframes lightboxLoader {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes gfadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes gfadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes gslideInLeft {
	from {
		opacity: 0;
		transform: translate3d(-60%, 0, 0);
	}

	to {
		visibility: visible;
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes gslideOutLeft {
	from {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(-60%, 0, 0);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes gslideInRight {
	from {
		opacity: 0;
		visibility: visible;
		transform: translate3d(60%, 0, 0);
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes gslideOutRight {
	from {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(60%, 0, 0);
		opacity: 0;
	}
}

@keyframes gzoomIn {
	from {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 1;
	}
}

@keyframes gzoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

@media (min-width: 769px) {
	.glightbox-container .ginner-container {
		width: auto;
		height: auto;
		flex-direction: row;
	}

	.glightbox-container .ginner-container.desc-top .gslide-description {
		order: 0;
	}

	.glightbox-container .ginner-container.desc-top .gslide-image,
	.glightbox-container .ginner-container.desc-top .gslide-image img {
		order: 1;
	}

	.glightbox-container .ginner-container.desc-left .gslide-description {
		order: 0;
	}

	.glightbox-container .ginner-container.desc-left .gslide-image {
		order: 1;
	}

	.gslide-image img {
		max-height: 97vh;
		max-width: 100%;
	}

	.gslide-image img.zoomable {
		cursor: zoom-in;
	}

	.zoomed .gslide-image img.zoomable {
		cursor: grab;
	}

	.gslide-inline {
		max-height: 95vh;
	}

	.gslide-external {
		max-height: 100vh;
	}

	.gslide-description.description-left,
	.gslide-description.description-right {
		max-width: 275px;
	}

	.glightbox-open {
		height: auto;
	}

	.goverlay {
		background: hsl(0 0% 9% /.92);
	}

	.glightbox-clean .gslide-media {
		box-shadow: 1px 2px 9px 0px hsl(0 0% 9% /.65);
	}

	.glightbox-clean .description-left .gdesc-inner,
	.glightbox-clean .description-right .gdesc-inner {
		position: absolute;
		height: 100%;
		overflow-y: auto;
	}

	.glightbox-clean .gprev,
	.glightbox-clean .gnext,
	.glightbox-clean .gclose {
		background-color: hsl(0 0% 9% /.32);
	}

	.glightbox-clean .gprev:hover,
	.glightbox-clean .gnext:hover,
	.glightbox-clean .gclose:hover {
		background-color: hsl(0 0% 9% /.7);
	}

	.glightbox-clean .gprev {
		top: 45%;
	}

	.glightbox-clean .gnext {
		top: 45%;
	}
}

@media (min-width: 992px) {
	.glightbox-clean .gclose {
		opacity: 0.7;
		right: 20px;
	}
}

@media screen and (max-height: 420px) {
	.goverlay {
		background: var(--black-color);
	}
}


.glightbox {
	position: relative;
	z-index: 1;
}

.glightbox::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	width: 3.75rem;
	height: 3.75rem;
	border-radius: var(--border-radius);
	background: hsl(0 0% 9% / .5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(0 0% 100%)' viewBox='0 -960 960 960'%3E%3Cpath d='M779.38-153.85 528.92-404.31q-30 25.54-69 39.54t-78.38 14q-96.1 0-162.67-66.53-66.56-66.53-66.56-162.57 0-96.05 66.53-162.71 66.53-66.65 162.57-66.65 96.05 0 162.71 66.56Q610.77-676.1 610.77-580q0 41.69-14.77 80.69t-38.77 66.69l250.46 250.47zM381.54-390.77q79.61 0 134.42-54.81 54.81-54.8 54.81-134.42t-54.81-134.42q-54.81-54.81-134.42-54.81-79.62 0-134.42 54.81-54.81 54.8-54.81 134.42t54.81 134.42q54.8 54.81 134.42 54.81m-20-93.85V-560h-75.39v-40h75.39v-75.38h40V-600h75.38v40h-75.38v75.38z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;

	/* background: red; */
}

@media (hover: hover) and (pointer: fine) {

	.glightbox:hover::before {
		visibility: visible;
		opacity: 1;
	}

}

/* video
================================================================================ */
:where(.video) {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .938rem;
	margin-block: 1.875rem;
}

:where(.video) h2 {
	margin-top: 1.875rem !important;
}

:where(.video) figure {
	position: relative;
	flex-basis: calc((100% - .938rem * (2 - 1)) / 2);
	width: calc((100% - .938rem * (2 - 1)) / 2);
	height: 100%;
	margin-block: 0;
	padding-bottom: 30%;
	overflow: hidden;
	border-radius: var(--border-radius);

	/* background: red; */
}

@media (max-width: 47.98rem) {

	.video figure {
		flex-basis: 100%;
		max-width: 100%;
		padding-bottom: 55%;
	}

}

:where(.video) figure iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* table
================================================================================ */
:where(.scroll-table) {
	margin-block: 2.5rem;
	padding-bottom: .625rem;
	overflow: auto clip;
}

:where(.scroll-table)::-webkit-scrollbar {
		-webkit-appearance: none;
	appearance: none;
	height: .125rem;
}

:where(.scroll-table)::-webkit-scrollbar-track {
	border-radius: var(--border-radius);
	background-color: var(--border-color);
}

:where(.scroll-table)::-webkit-scrollbar-thumb {
	border-radius: .25rem;
	background-color: var(--accent-color);
}


.main :where(table:not([class])) {
	border-bottom: .063rem solid var(--border-color);
	background: var(--white-color);
}

/* .main :where(table:not([class])) thead {
} */

.main :where(table:not([class])) thead th {
	padding: var(--th-td-padding-block) var(--th-td-padding-inline);
	background: var(--black-color);
	vertical-align: top;
	color: var(--white-color);
	font-weight: 500;
	text-align: left;
}

.main :where(table:not([class])) thead th:first-child {
	border-top-left-radius: var(--border-radius);
}

.main :where(table:not([class])) thead th:last-child {
	border-top-right-radius: var(--border-radius);
}

/* .main table:not([class]) thead th:nth-child(2n) {
	background: blue;
} */


.main :where(table:not([class])) tbody td {
	padding: var(--th-td-padding-block) var(--th-td-padding-inline);
	vertical-align: top;
}

.main :where(table:not([class])) tbody tr:nth-child(even) {
	background-color: var(--light-bg);
}

/* tabs-js
================================================================================ */
:where(.tabs) {
	margin-block: 2.5rem;
}


:where(.btns-tabs-js) {
	display: flex;
	margin-bottom: 1.25rem;
}

@media (max-width: 61.98rem) {

	:where(.btns-tabs-js) {
		display: none;
	}

}

:where(.btns-tabs-js) li {
	padding: .938rem 1.875rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--light-bg);
	cursor: pointer;
	transition: all .2s linear .02s;
}

:where(.btns-tabs-js) li + li {
	margin-left: .625rem;
}

@media (hover: hover) and (pointer: fine) {

	:where(.btns-tabs-js) li:not(.active-btns-tabs-js):hover {
		background: var(--white-color);
	}

}

:where(.btns-tabs-js) .active-btns-tabs-js {
	border-color: var(--accent-color-dark);
	background: var(--accent-color-dark);
	color: var(--white-color);
}


:where(.container-tabs-js) {
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	overflow: hidden;
}


:where(.tabs-js) .content-tab-js {
	position: relative;
}

/* :where(.tabs-js) .content-tab-js.active-content-tab-js {
} */


:where(.tabs-js) .content-tab-js::before {
	display: none;
}

@media (max-width: 61.98rem) {

	:where(.tabs-js) .content-tab-js::before {
		content: attr(data-title);
		display: block;
		padding: 1.125rem 1.25rem;
		border-top: .063rem solid var(--border-color);
		background: var(--light-bg);
		cursor: pointer;
			-webkit-touch-callout: none;
		user-select: none;
		font-size: 1.125rem;
		transition: all .2s .02s linear;
	}

	:where(.tabs-js) .content-tab-js:first-child::before {
		border-top: none
	}

	:where(.tabs-js) .content-tab-js.active-content-tab-js::before {
		background: var(--accent-color-dark);
		color: var(--white-color);
	}

	:where(.tabs-js) .content-tab-js::after {
		content: "";
		display: block;
		position: absolute;
		top: 1.625rem;
		right: 1.25rem;
		transform: rotate(-45deg);
		height: .5rem;
		width: .5rem;
		border: .125rem solid var(--text-color);
		border-right-width: 0;
		border-top-width: 0;
		transition: rotate .2s linear .02s;

		/* background: palegreen; */
	}

	:where(.tabs-js) .content-tab-js.active-content-tab-js::after {
		border: .125rem solid var(--white-color);
		border-left-width: 0;
		border-bottom-width: 0;

		/* border-color: red; */
	}

}

:where(.tabs-js) .content-tab-js .item-content-tab-js {
	opacity: 0;
	visibility: hidden;
	height: 0;
	transition: opacity .2s linear .02s;

	/* background: palegoldenrod; */
}

:where(.tabs-js) .item-content-tab-js > * {
	margin-bottom: 0;
}

:where(.tabs-js) .content-tab-js.active-content-tab-js .item-content-tab-js {
	padding: 1.25rem;
	opacity: 1;
	visibility: visible;
	height: auto;
}

/* accordion native
================================================================================ */
:where(.accordion-native) {
	margin-bottom: 2.875rem;
}


:where(.details) {
	display: block;
	position: relative;
	margin-bottom: .5rem;
	overflow: hidden;
	transition: all .2s linear .02s;

	/* background: #425995; */
}

:where(.details)::after {
	content: "+";
	display: block;
	position: absolute;
	top: clamp(0.375rem, 0.295rem + 0.4vw, 0.625rem);
	right: 1.25rem;
	cursor: pointer;
	color: var(--black-color);
	font-weight: 400;
	font-size: 2rem;
	transition: all .2s linear .02s;

	/* background: palegoldenrod; */
}

:where(.details[open]) {
	padding-bottom: 3.125rem;
	background: var(--white-color);
}

:where(.details[open])::after {
	color: var(--accent-color);
	transform: rotate(45deg);
	transform-origin: center;
}

:where(.details[open]) .summary {
	margin-bottom: 1.5rem;
	border-bottom: .063rem solid var(--border-color);
	color: var(--accent-color);
}


:where(.summary) {
	list-style: none;
	padding: clamp(1rem, 0.92rem + 0.4vw, 1.25rem) 3.75rem clamp(1rem, 0.92rem + 0.4vw, 1.25rem) clamp(1rem, 0.92rem + 0.4vw, 1.25rem);
	border-radius: var(--border-radius);
	background: var(--light-bg);
	cursor: pointer;
	color: var(--text-color);
	font-weight: 500;
	font-size: clamp(0.875rem, 0.835rem + 0.2vw, 1rem);
	text-transform: uppercase;
	text-align: left;
	transition: all .2s linear .02s;

	/* background: palegreen; */
}

:where(.summary)::-webkit-details-marker {
	display: none;
}

@media (hover: hover) and (pointer: fine) {

	:where(.summary):hover {
		color: var(--accent-color);
	}

}


:where(.summary-content) {
	padding-inline: 1.5rem;
	margin-bottom: -1.5rem;

	/* background: #999; */
}

:where(.summary-content) p:last-child {
	margin-bottom: 0;
}

/* form
================================================================================ */
/* label.text-input
============================================================ */
:where(.text-input) {
	display: block;
	position: relative;
	margin-bottom: 1.25rem;

	/* border: 1px solid red; */
}

/* :where(.text-input):last-of-type {
	margin-bottom: 0;
} */

:where(.label-input) + input {
	margin-bottom: 1.25rem;
}


:where(.text-input) span {
	display: flex;
	align-items: baseline;
	position: absolute;
	top: 50%;
	left: 1.25rem;
	transform: translateY(-50%);
	cursor: text;
	transition: top .2s ease,
				transform .2s ease;
}

:where(.text-input) textarea + span {
	top: 1rem;
	transform: none;
}

:where(.text-input) span::before {
	content: attr(data-first);
	color: var(--grey-color);
	font-size: 1rem;
	white-space: nowrap;
	transition: color .2s ease;
}

:where(.text-input) span::after {
	content: attr(data-second);
	margin-left: .313rem;
	color: transparent;
	font-weight: 400;
	font-size: .875rem;
	white-space: nowrap;
	transition: color .2s ease;
}

:where(.text-input.ico-label) span {
	left: 2.75rem;
}

:where(.text-input.ico-label)::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: .938rem;
	transform: translateY(-50%);
	width: 1.125rem;
	height: 1.125rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;

	/* background-color: #08C; */
}

:where(.text-input.ico-label) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]) {
	padding-left: 2.75rem;
}

:where(.text-input.ico-label-name)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14.616' fill='hsl(210 67% 40%)' viewBox='0 -960 600 584.62'%3E%3Cpath d='M300-680q-57.75 0-98.87-41.12Q160-762.25 160-820t41.13-98.87Q242.25-960 300-960t98.87 41.13Q440-877.75 440-820t-41.13 98.88Q357.75-680 300-680M0-375.38v-88.93q0-29.38 15.96-54.42t42.66-38.5q59.3-29.07 119.65-43.61T300-615.38t121.73 14.54 119.65 43.61q26.7 13.46 42.66 38.5T600-464.31v88.93zm60-60h480v-28.93q0-12.15-7.04-22.5-7.04-10.34-19.11-16.88-51.7-25.46-105.42-38.58Q354.7-555.38 300-555.38t-108.43 13.11q-53.72 13.12-105.42 38.58-12.07 6.54-19.11 16.88Q60-476.46 60-464.31zM300-740q33 0 56.5-23.5T380-820t-23.5-56.5T300-900t-56.5 23.5T220-820t23.5 56.5T300-740m0 304.62'/%3E%3C/svg%3E");
	background-size: 1rem auto;
}

:where(.text-input.ico-label-phone)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='hsl(210 67% 40%) ' viewBox='0 -960 680 680'%3E%3Cpath d='M643-280h37v-205.77l-175-35.61-110.23 112.15q-45.77-25.69-83.15-53.54-37.39-27.84-67.93-59.15-31.38-30.77-59.54-67.89-28.15-37.11-52.84-80.34l110.92-107.7L206.77-960H0v37q0 116.39 52.08 232.04t147.46 211.42q95.77 95.77 211.34 147.65Q526.46-280 643-280M102.92-726.92q-18.07-41.77-28.65-84.73Q63.69-854.62 60.62-900h97.07l20.08 101.69zm348 345.69 74.31-75.08 94.77 19v96.08q-43.46-1.85-87.04-12.04t-82.04-27.96m0 0'/%3E%3C/svg%3E");
	background-size: 1rem auto;
}

:where(.text-input.ico-label-mail)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' fill='none'%3E%3Cpath fill='hsl(210 67% 40%)' d='M1.5 12q-.62 0-1.06-.44A1.45 1.45 0 0 1 0 10.5v-9Q0 .88.44.44T1.5 0h12q.619 0 1.06.44.44.44.44 1.06v9q0 .619-.44 1.06-.442.44-1.06.44zm6-5.25L1.5 3v7.5h12V3zm0-1.5 6-3.75h-12zM1.5 3V1.5v9z'/%3E%3C/svg%3E");
	background-size: auto .875rem;
}

:where(.text-input.ico-label-pin)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.096' height='19.01' fill='hsl(210 67% 40%)' viewBox='0 -960 603.84 760.38'%3E%3Cpath d='M301.99-585.39q29.85 0 51.04-21.26 21.2-21.26 21.2-51.11t-21.26-51.05Q331.71-730 301.85-730q-29.85 0-51.04 21.26-21.2 21.26-21.2 51.12 0 29.85 21.26 51.04t51.12 21.19m-.07 305.93Q419.3-384.54 481.57-481.04t62.27-169.04q0-109.38-69.5-179.84t-172.42-70.46-172.42 70.46T60-650.08q0 72.54 62.27 169.04t179.65 201.58m0 79.84q-151-130.84-226.46-243.53Q0-555.85 0-650.08q0-138.46 89.57-224.19Q179.15-960 301.92-960t212.35 85.73q89.57 85.73 89.57 224.19 0 94.23-75.46 206.93-75.46 112.69-226.46 243.53m0-458.07'/%3E%3C/svg%3E");
	background-size: auto 1.125rem;
}

:where(.text-input.ico-label-mes)::before {
	top: 1.625rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='15' fill='hsl(210 67% 40%)' viewBox='0 -960 760 600'%3E%3Cpath d='M114.62-482.31h530.76v-60H114.62Zm0-147.69h530.76v-60H114.62Zm0-147.69H490v-60H114.62ZM72.31-360Q42-360 21-381T0-432.31v-455.38Q0-918 21-939t51.31-21h615.38Q718-960 739-939t21 51.31v455.38Q760-402 739-381t-51.31 21zm0-60h615.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-455.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H72.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v455.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85M60-420v-480z'/%3E%3C/svg%3E");
	background-size: 1.125rem auto;
}

/* input - common styles
============================================================ */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])),
:where(textarea) {
	display: block;
	width: 100%;
	height: 3.125rem;
	padding-inline: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);
	user-select: none;
	color: var(--text-color);
	font-size: 1rem;
	line-height: 1;
	transition: border-color .2s linear .02s,
				box-shadow .2s linear .02s;
}

:where(textarea) {
	height: 11.250rem;
	padding: 1rem 1.25rem 1.25rem;
	line-height: 1.3;

	/* background: #eee; */
}

:where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])):focus-visible,
:where(textarea):focus-visible {
	border-color: var(--accent-color-dark);
}

/* .text-input input
============================================================ */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])):focus-visible + span,
:where(textarea):focus-visible + span,
:where(.text-input) .filled-input + span {
	top: -.625rem;
	transform: none;
	margin-left: -.25rem;
	padding-inline: .25rem;
	background: var(--white-color);
}

:where(.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])):focus-visible + span::before,
:where(.text-input textarea):focus-visible + span::before {
	color: var(--text-color);
	font-weight: 500;
	font-size: .875rem;
}

:where(.text-input .filled-input):not(:focus-visible) + span::before {
	color: var(--text-color);
	font-weight: 500;
	font-size: .875rem;
}


:where(.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])):focus-visible + span::after,
:where(.text-input textarea):focus-visible + span::after {
	color: var(--grey-color);
	font-size: .75rem;
}

:where(.text-input .filled-input):not(:focus-visible) + span::after {
	display: none;

	/* background: blue; */
}

/* классическое исчезновение placeholder ========== */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::placeholder,
textarea::placeholder {
	color: var(--grey-color);
	font-size: 1rem;
	transition: color .2s linear .02s;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus-visible::placeholder,
textarea:focus-visible::placeholder {
	color: transparent;
}
/* /классическое исчезновение placeholder ========== */

/* checkbox-input
============================================================ */
.checkbox-input input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

:where(.checkbox-input) {
	display: flex;
	position: relative;
	margin-bottom: 1.25rem;
	user-select: none;
	/* cursor: pointer; */

	/* background: palegreen; */
}

:where(.checkbox-input):last-of-type {
	margin-bottom: 0;
}

:where(.checkbox-input) .ico-cbx {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.375rem;
	height: 1.375rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	/* cursor: pointer; */
	transform: scale(1);
	transition: border-color .2s linear .02s;
}

:where(.checkbox-input) .ico-cbx svg {
	position: relative;
	top: -.125rem;
	left: -.125rem;
	z-index: 100;
	width: calc(100% + .25rem);
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: transparent;
	stroke-width: 1;
	transition: stroke .2s linear .02s;
}

:where(.checkbox-input) .ico-cbx svg path {
	stroke-dasharray: 60;
	stroke-dashoffset: 0;
}

:where(.checkbox-input) .ico-cbx svg polyline {
	stroke-dasharray: 22;
	stroke-dashoffset: 66;
}

:where(.checkbox-input) .label-cbx {
	padding-left: 2.25rem;
	line-height: 1.3;
}

@media (hover: hover) and (pointer: fine) {

	:where(.checkbox-input):hover .ico-cbx {
		border-color: transparent;
	}

	/* :where(.checkbox-input):hover input[type="checkbox"]:checked + .ico-cbx {
		border-color: var(--accent-color-dark);
	} */

	:where(.checkbox-input):hover input[type="checkbox"]:disabled + .ico-cbx {
		border-color: var(--border-color);
		box-shadow: none;
	}

	:where(.checkbox-input):hover .ico-cbx svg {
		stroke: var(--accent-color-dark);
	}

}

:where(.checkbox-input) input[type="checkbox"]:checked + .ico-cbx {
	border-color: transparent;
}

:where(.checkbox-input) input[type="checkbox"]:checked + .ico-cbx svg {
	stroke: var(--accent-color-dark);
}

:where(.checkbox-input) input[type="checkbox"]:checked + .ico-cbx svg path {
	stroke-dashoffset: 60;
	transition: all .2s linear .02s;
}

:where(.checkbox-input) input[type="checkbox"]:checked + .ico-cbx svg polyline {
	stroke-dashoffset: 42;
	transition: all .2s linear .02s;
}


:where(.checkbox-input) .label-cbx a {
	color: var(--accent-color-dark);
	text-decoration: underline;
}

:where(.checkbox-input) .label-cbx a:hover,
:where(.checkbox-input) .label-cbx a:active {
	text-decoration: none;
}


.checkbox-fl-152 {
	margin-bottom: 1.875rem;
}

.checkbox-fl-152 .label-cbx {
	padding-left: 1.875rem;
	line-height: 1.2;
	color: var(--grey-color);
	font-size: .875rem;
	text-align: left;
}

/* input-radio
============================================================ */
.input-radio input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

:where(.input-radio) {
	display: block;
	margin-bottom: 1.25rem;

	/* background: #08C; */
}

:where(.input-radio):last-of-type {
	margin-bottom: 0;
}

:where(.input-radio) .label-radio {
	display: inline-block;
	position: relative;
	padding-left: 2.25rem;
	/* cursor: pointer; */
	user-select: none;
	font-size: 1rem;
	line-height: 1.3;

	/* background: green; */
}

:where(.input-radio) .label-radio::before,
:where(.input-radio) .label-radio::after {
	content: "";
	position: absolute;
	top: -.063rem;
	left: 0;
	width: 1.375rem;
	height: 1.375rem;
	border-radius: 50%;
	border: .063rem solid var(--border-color);
	z-index: 100;
	transition: all .2s linear .02s;

	/* background: red; */
}

:where(.input-radio) input[type="radio"] + .label-radio::after {
	transform: scale(0);
}

@media (hover: hover) and (pointer: fine) {

	:where(.input-radio) .label-radio:hover::before,
	:where(.input-radio) .label-radio:hover::after {
		border-color: transparent;
	}

}

:where(.input-radio) input[type="radio"]:checked + .label-radio::after {
	border: .063rem solid var(--accent-color-dark);
	background-color: var(--accent-color-dark);
	transform: scale(1.02);
}

/* radio with gap
======================================== */
:where(.input-radio) input[type="radio"].radio-gap:checked + .label-radio::before,
:where(.input-radio) input[type="radio"].radio-gap:checked + .label-radio::after {
	border: .063rem solid var(--accent-color-dark);
}

:where(.input-radio) input[type="radio"].radio-gap:checked + .label-radio::after {
	transform: scale(.5);
}

/* disabled style
======================================== */
:where(.input-radio) input[type="radio"]:disabled + .label-radio::before,
:where(.input-radio) input[type="radio"]:disabled + .label-radio::after {
	border-color: var(--border-color);
	background: transparent;
}

:where(.input-radio) input[type="radio"]:disabled + .label-radio {
	cursor: default;
	color: var(--form-disabled);
}

/* disabled radio with gap
======================================== */
:where(.input-radio) input[type="radio"].radio-gap:disabled + .label-radio::before {
	border: .063rem solid var(--form-disabled);
}

:where(.input-radio) input[type="radio"].radio-gap:disabled + .label-radio::after {
	border: none;
	background: var(--form-disabled);
}


@media (hover: hover) and (pointer: fine) {

	:where(.input-radio) input[type="radio"]:disabled + .label-radio:hover::before,
	:where(.input-radio) input[type="radio"]:disabled + .label-radio:hover::after {
		box-shadow: none;
	}

}

/* file-input
============================================================ */
.input-file input[type=file] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}


:where(.input-file) .btn-input-file {
	margin-right: .625rem;
	padding: 1rem 1.75rem;
	/* border: .063rem solid var(--border-color); */
	border-radius: var(--border-radius);
	background: var(--accent-color-dark);
	user-select: none;
	/* cursor: pointer; */
	color: var(--white-color);
	font-weight: 400;
	font-size: 1rem;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.input-file):hover .btn-input-file {
		background: var(--accent-color);
	}

}

:where(.input-file):active .btn-input-file {
	background: var(--grey-color);
}

:where(.input-file) .text-input-file {
	margin-left: 1.25rem;
	user-select: none;
}


:where(.input-file) input[type=file]:disabled + .btn-input-file {
	background: var(--border-color);
	color: var(--grey-color);
	cursor: default;
}

/* one file ========== */
:where(.one-input-file) {
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 1.25rem;
}

/* .input-file:last-of-type {
	margin-bottom: 0;
} */

/* file list ========== */
:where(.input-file-wrap) {
	display: block;
	margin-bottom: 1.25rem;
}

:where(.input-file-list) {
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 1.25rem;
}


:where(.list-input-file) {
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
}

:where(.list-input-file):empty {
	display: none;
}

:where(.list-input-file-item) {
	display: flex;
	align-items: flex-start;
	margin-bottom: .625rem;
}

:where(.list-input-file-item):last-child {
	margin-bottom: 0;
}

:where(.list-input-file-remove) {
	flex-basis: 1.875rem;
	max-width: 1.875rem;
	height: 1.875rem;
	margin: -.25rem .75rem 0 0;
	border: none;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: var(--light-bg);
	color: var(--accent-color-dark);
	font-weight: 600;
	font-size: .75rem;
	line-height: 0;
	transition: color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.list-input-file-remove):hover {
		color: var(--accent-color);
	}

}

:where(.list-input-file-name) {
	color: var(--grey-color);
}

/* with preview ========== */
:where(.input-file-wrap) {
	display: block;
	margin-bottom: 1.25rem;
}

:where(.input-file-previews) {
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 1.25rem;
}

:where(.previews-input-file) {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.625rem;
}

:where(.previews-input-file):empty {
	display: none;
}


:where(.previews-input-file-item) {
	position: relative;
	flex-basis: 8.375rem;
	max-width: 8.375rem;
	margin: 0 .625rem .625rem;
	padding-top: 2.25rem;
}

:where(.previews-input-file-img) {
	margin-bottom: .313rem;
	border-radius: var(--border-radius);
}

:where(.previews-input-file-name) {
	display: block;
	font-size: .875rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

:where(.previews-input-file-remove) {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1.875rem;
	height: 1.875rem;
	border: none;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: var(--light-bg);
	color: var(--accent-color);
	font-weight: 600;
	font-size: .75rem;
	line-height: 0;
	transition: color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.previews-input-file-remove):hover {
		color: var(--main-color);
	}

}

/* input-number
============================================================ */
:where(.input-number) {
	display: flex;
}

:where(.input-number-input) {
	flex-basis: 6.25rem;
	width: 6.25rem;
	border-radius: 0;
	text-align: center;
}

.input-number-input {
	-moz-appearance: textfield;
}

:where(.input-number-minus),
:where(.input-number-plus) {
	flex-basis: 3.125rem;
	width: 3.125rem;
	height: 3.125rem;
	border: .063rem solid var(--border-color) !important;
	background: var(--light-bg);
    cursor: default;
    user-select: none;
	font-size: 1.25rem;
}

:where(.input-number-minus) {
	border-radius: var(--border-radius) 0 0 var(--border-radius);
	border-right: none !important;
}

:where(.input-number-plus) {
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	border-left: none !important;
}

/* input-range-native
============================================================ */
:where(.input-range-native) {
	display: flex;
	align-items: center;
	margin-bottom: 2.5rem;
}

:where(.input-range-native) input[type="range"] {
		-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	flex-basis: 18.75rem;
	max-width: 18.75rem;
	margin-right: 1.25rem;
}

/* дорожка слайдера ========== */
:where(.input-range-native) input[type="range"]::-webkit-slider-runnable-track {
	background-color: var(--border-color);
	border-radius: var(--border-radius);
	height: .375rem;
}

:where(.input-range-native) input[type="range"]::-moz-range-track {
	background-color: var(--border-color);
	border-radius: var(--border-radius);
	height: .375rem;
}

/* ползунок слайдера ========== */
:where(.input-range-native) input[type="range"]::-webkit-slider-thumb {
	width: 1rem;
	height: 2rem;
	margin-top: -.75rem;
	border-radius: calc(var(--border-radius) / 2);
	background-color: var(--accent-color-dark);
		-webkit-appearance: none;
	appearance: none;
}

:where(.input-range-native) input[type="range"]::-moz-range-thumb {
	width: 1rem;
	height: 2rem;
	border: none;
	border-radius: calc(var(--border-radius) / 2);
	background-color: var(--accent-color-dark);
}


:where(.input-range-native) input[type="range"]:focus-visible::-webkit-slider-thumb {
	border: .063rem solid var(--accent-color-dark);
	outline: .188rem solid var(--accent-color-dark);
	outline-offset: .125rem;
}

:where(.input-range-native) input[type="range"]:focus-visible::-moz-range-thumb {
	border: .063rem solid var(--accent-color-dark);
	outline: .188rem solid var(--accent-color-dark);
	outline-offset: .125rem;
}

/* output ========== */
:where(.input-range-native) output {
	flex-basis: 6.25rem;
	max-width: 6.25rem;
	height: 2.5rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	display: flex;
	justify-content: center;
	align-items: center;
}

/* double range
============================================================ */
:where(.double-input-range-wrap) {
	max-width: 31.25rem;

	/* background: red; */
}

:where(.track-double-input-range) {
	position: relative;
	margin-bottom: 1.875rem;

	/* background: palegreen; */
}

:where(.track-double-input-range) input[type="range"] {
		-webkit-appearance: none;
		-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	margin: auto;
	outline: none;
	background-color: transparent;
	pointer-events: none;
}


:where(.inner-track-double-input-range) {
	/* position: absolute;
	top: 0;
	bottom: 0; */
	width: 100%;
	height: .375rem;
	margin: auto;
	border-radius: var(--border-radius);

	/* border: 2px solid red; */
}

:where(.track-double-input-range) input[type="range"]::-webkit-slider-runnable-track {
		-webkit-appearance: none;
	height: .375rem;
}

:where(.track-double-input-range) input[type="range"]::-moz-range-track {
		-moz-appearance: none;
	height: .375rem;
}

:where(.track-double-input-range) input[type="range"]::-ms-track {
	appearance: none;
	height: .375rem;
}

:where(.track-double-input-range) input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
	height: 2rem;
	width: 1rem;
	margin-top: -.75rem;
	border-radius: calc(var(--border-radius) / 2);
	background-color: var(--accent-color-dark);
	pointer-events: auto;
}

:where(.track-double-input-range) input[type="range"]::-moz-range-thumb {
		-webkit-appearance: none;
	height: 2rem;
	width: 1rem;
	margin-top: -.75rem;
	border-radius: calc(var(--border-radius) / 2);
	background-color: var(--accent-color-dark);
	pointer-events: auto;
}

:where(.track-double-input-range) input[type="range"]::-ms-thumb {
	appearance: none;
	height: 2rem;
	width: 1rem;
	margin-top: -.75rem;
	border-radius: calc(var(--border-radius) / 2);
	background-color: var(--accent-color-dark);
	pointer-events: auto;
}

:where(.track-double-input-range) input[type="range"]:active::-webkit-slider-thumb {
	background-color: var(--accent-color);
}


:where(.values-min-max) {
	display: flex;
	align-items: center;
	font-size: 1.125rem;

	/* background: pink; */
}

:where(.values-min-max)::before {
	content: "₽";
	margin-right: .5rem;
}

/* :where(.values-min-max) span:not(:nth-child(2)) {
	padding: .625rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
} */

:where(.values-min-max) span:nth-child(2) {
	margin-inline: .5rem;
}

/* select (sumoselect)
============================================================ */
.select {
	display: block;
	margin-bottom: 1.25rem;

	/* background: pink; */
}

.select:last-of-type {
	margin-bottom: 0;
}

.title-select {
	margin-bottom: .875rem;
	font-weight: 600;
}


.SumoSelect {
	position: relative;
	user-select: none;
	touch-action: manipulation;
}

.SumoSelect > .CaptionCont,
.SumoSelect > .optWrapper > .options li.opt {
		-webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.sumoStopScroll {
	overflow: hidden;
}

.SumoSelect .hidden {
	display: none;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,
.SumoUnder {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	border: none;
	opacity: 0;
}

.SelectClass {
	z-index: 1;
}

/* main field ========== */
.SumoSelect > .CaptionCont {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 3.125rem;
	padding-inline: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);
	user-select: none;
	color: var(--text-color);
	font-size: 1rem;
	line-height: 1;
	transition: border-color .2s linear .02s,
				box-shadow .2s linear .02s;
}

.SumoSelect:focus-visible > .CaptionCont,
.SumoSelect.open > .CaptionCont {
	border-color: var(--accent-color-dark);
}

@media (hover: hover) and (pointer: fine) {

	.SumoSelect:hover > .CaptionCont {
		border-color: var(--accent-color-dark);
	}

}

/* selected item in the main field ========== */
.SumoSelect > .CaptionCont > span {
	padding-right: 2.875rem;
}

/* placeholder ========== */
.SumoSelect > .CaptionCont > span.placeholder {
	color: var(--grey-color);
}

/* ico-select ========== */
.SumoSelect > .CaptionCont > .ico-select {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 2.5rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='hsl(0 0% 20%)'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E") no-repeat center / auto 1rem;
	transition: all .2s linear .02s;
}

.SumoSelect.open > .CaptionCont > .ico-select {
	transform: rotate(180deg);
}

/* dropdown field ========== */
.SumoSelect > .optWrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	overflow: hidden;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);

	/* background: yellow; */
}

.SumoSelect.open > .optWrapper {
	display: block;
	top: calc(100% + .188rem);
}

/* .SumoSelect.open > .optWrapper.up {
	top: auto;
	bottom: 100%;
	margin-bottom: 5px;
} */

/* dropdown list ========== */
.SumoSelect > .optWrapper ul {
	display: block;
	margin-bottom: 0;
	overflow: auto;
	list-style: none;

	/* background: green; */
}

.SumoSelect > .optWrapper > .options {
	position: relative;
	/*Set the height of pop up here (only for desktop mode)*/
	max-height: 18.75rem;

	/* background: red; */
}

.SumoSelect > .optWrapper > .options::-webkit-scrollbar {
		-webkit-appearance: none;
	width: .25rem;
}

.SumoSelect > .optWrapper > .options::-webkit-scrollbar-track {
	border-radius: .125rem;
	background-color: var(--white-color);
}

.SumoSelect > .optWrapper > .options::-webkit-scrollbar-thumb {
	border-radius: .125rem;
	background-color: var(--accent-color-dark);
}


.SumoSelect > .optWrapper > .options li.opt {
	position: relative;
	margin-bottom: 0;
	padding: 0;
	border-bottom: .063rem solid var(--border-color);
	background: none;
	transition: all .2s linear .02s;
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
	border-bottom: none;
}

@media (hover: hover) and (pointer: fine) {

	.SumoSelect > .optWrapper > .options li.opt:hover {
		background: var(--light-bg);
	}

}


.SumoSelect > .optWrapper > .options li .item-select {
	display: block;
	padding: .75rem 1.25rem;

	/* background: palegreen; */
}


.SumoSelect > .optWrapper > .options li.group > .label-optgroup {
	display: block;
	padding: .875rem 1.25rem;
	font-weight: 700;

	/* background: #7799D0; */
}

.SumoSelect > .optWrapper > .options li ul {
	margin-block: 0;
}

.SumoSelect > .optWrapper > .options li ul li.opt {
	padding-left: 1.25rem;

	/* background: palevioletred; */
}


.SumoSelect > .optWrapper > .options li .cbx-select {
	display: none;
}

/* multiple ========== */
.SumoSelect > .optWrapper.multiple > .options li.opt .cbx-select {
	display: block;
	position: absolute;
	top: .75rem;
	left: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background-color: var(--white-color);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 1rem;
	transition: all .2s linear .02s;

	/* background: purple; */
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected .cbx-select {
	border-color: var(--accent-color-dark);
	background-color: var(--accent-color-dark);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='hsl(0 0% 100%)'%3E%3Cpath d='M382-208 122-468l90-90 170 170 366-366 90 90-456 456Z'/%3E%3C/svg%3E");
}

.SumoSelect > .optWrapper.multiple > .options li.opt {
	padding-left: 2.25rem;

	/* background: #7799D0; */
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt .cbx-select {
	left: 2.5rem;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
	padding-left: 3.25rem;

	/* background: red; */
}

/* MultiControls ========== */
.SumoSelect > .optWrapper > .MultiControls {
	display: none;

	/* background: palevioletred; */
}

/* disabled ========== */
.SumoSelect.disabled {
	color: var(--form-disabled);
	cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
	color: var(--form-disabled);
}

.SumoSelect > .optWrapper > .options li.opt.disabled {
	background-color: inherit;
	pointer-events: none;
}

.SumoSelect > .optWrapper > .options li.opt.disabled * {
	color: var(--form-disabled);
}

.SumoSelect > .optWrapper > .options li.group.disabled > .label-optgroup {
	color: var(--form-disabled);
}

/* reset-all ========== */
.SumoSelect .reset-all {
	padding: .875rem 1.25rem;
	border-bottom: .063rem solid var(--border-color);

	/* background: #7799D0; */
}

.SumoSelect .reset-all label {
	display: inline-block;
	cursor: pointer;
	font-size: .875rem;
	transition: all .2s linear .02s;
}

.SumoSelect[is-selected="false"] .reset-all label {
	border-bottom: .063rem dotted var(--grey-color);
	pointer-events: none;
	color: var(--grey-color);
}

.SumoSelect[is-selected="true"] .reset-all label {
	border-bottom: .063rem dotted var(--accent-color-dark);
	color: var(--accent-color-dark);
}

@media (hover: hover) and (pointer: fine) {

	.SumoSelect[is-selected="true"] .reset-all label:hover {
		border-bottom-color: transparent;
		color: var(--black-color);
	}

}

.SumoSelect[is-selected="true"] .reset-all label:active {
	color: var(--grey-color);
}

/* btn-form
============================================================ */
:where(.btn-form) [type="submit"] {
	margin: 0 .625rem .625rem 0;
	padding: 1rem 1.75rem;
	border-radius: var(--border-radius);
	background: var(--accent-color-dark);
	color: var(--white-color);
	font-weight: 400;
	font-size: clamp(0.75rem, 0.71rem + 0.2vw, 0.875rem);
	text-transform: uppercase;
	transition: background .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	:where(.btn-form) [type="submit"]:hover {
		background: var(--accent-color);
	}

}

:where(.btn-form) [type="submit"]:active {
	background: var(--grey-color);
}


:where(.btn-form) .reset-lnk {
	display: inline-block;
	padding: .75rem 0 .125rem;
	border-bottom: .063rem dotted var(--grey-color);
	background: none;
	color: var(--grey-color);
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	transition: border-color .3s .02s ease,
				color .3s .02s ease;
}

@media (hover: hover) and (pointer: fine) {

	:where(.btn-form) .reset-lnk:hover {
		border-color: transparent;
		color: var(--text-color) !important;
	}

}

/* form-info
============================================================ */
.form-info {
	margin-top: 3.75rem;
	border-top: .063rem solid var(--border-color);
}

.form-info p {
	margin: 0 0 1.25rem;
}

/* cookies
================================================================================ */
.cookies {
	position: fixed;
	bottom: .625rem;
	left: 0;
	z-index: 5;
	display: none;
	width: 100%;
}

.cookies-active {
	display: block;
}


.inner-cookies {
	display: flex;
	align-items: center;
	max-width: 82.5rem;
	margin-inline: auto;
	padding: var(--container-center-padding-inline);
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--light-bg);
}

@media (max-width: 35.98rem) {

	.inner-cookies {
		flex-wrap: wrap;
	}

}

.text-cookies {
	margin-right: 1.875rem;

	/* background: #999; */
}

@media (max-width: 35.98rem) {

	.text-cookies {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: .875rem;
	}

}

.text-cookies p {
	margin: 0;
	line-height: 1.2;
}

.text-cookies p:first-child {
	margin-bottom: .313rem;
	font-weight: 600;
	
	/* background: palegreen; */
}

/* .text-cookies p:last-child {
	background: palegreen;
} */

.text-cookies p a {
	color: var(--accent-color);
	text-decoration: underline;
}

.text-cookies p a:hover,
.text-cookies p a:active {
	text-decoration: none;
}


.inner-cookies .button {
	margin-block: 0;
	margin-left: auto;
	white-space: nowrap;
}

@media (max-width: 35.98rem) {

	.inner-cookies .button {
		margin-left: 0;
	}

}

/* modal
================================================================================ */
.reveal-modal-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8888;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, .8);
}

.reveal-modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: 100%;
	max-width: 46.25rem;
	visibility: hidden;
	overflow: hidden;
}

@media (max-height: 43.75rem) {

	.reveal-modal {
		top: 1.25rem;
		transform: none;
		transform: translateX(-50%);
	}

}

@media (max-width: 35.98rem) {

	.reveal-modal {
		max-width: calc(100% - 1.75rem);
	}

}


.close-reveal-modal {
	display: block;
	position: absolute;
	top: 1.25rem;
	right: 1.875rem;
	z-index: 2;
	cursor: pointer;
	color: var(--black-color);
	font-weight: 400;
	font-size: 1.5rem;
	transition: color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.close-reveal-modal:hover {
		color: var(--accent-color);
	}

}


.wrap-modal {
	position: relative;
	z-index: 1;
	border-radius: var(--border-radius);
	overflow: hidden;
	background: var(--white-color);
}

.wrap-modal::before {
	content: "";
	display: block;
	position: absolute;
	inset: 1rem;
	z-index: -1;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
}


.title-modal {
	margin-bottom: 1.5rem;
	padding: 2.875rem 1.875rem 0;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.5rem;
	font-family: var(--accent-font);
	text-align: center;
	text-transform: uppercase;

	/* background: palegoldenrod; */
}

.title-modal span {
	display: block;
	margin-top: .625rem;
	color: var(--grey-color);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3;
	font-family: var(--main-font);
	text-transform: none;
}


.content-modal {
	margin-bottom: 2.5rem;
	padding-inline: clamp(1.875rem, 1.675rem + 1vw, 2.5rem);

	/* background: palegoldenrod; */
}

.content-modal .text-input {
	max-width: 25rem;
	margin: 0 auto 1.5rem;
}

.content-modal p {
	margin: 0 0 1rem;
	font-size: .875rem;
}

.content-modal .text-input textarea {
	height: 7rem;
}

.content-modal .btn-form {
	text-align: center;
}


#success-modal {
	margin: 1.5rem 0 0;
	padding: .938rem 1.25rem;
	background: hsl(29 43% 59%);
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.3;
}

/* slick
================================================================================ */
.slick-loading .slick-list {
	background: var(--white-color) url("../images/loading.gif") no-repeat center;
}

.slick-slider {
	display: block;
	position: relative;
	user-select: none;
		-webkit-touch-callout: none;
	touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
}

.slick-list {
	display: block;
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}

.slick-track {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.slick-track::before,
.slick-track::after {
	content: "";
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* carousel
============================================================ */
.carousel {
	position: relative;
	margin: 0 -.625rem;
	padding: 0 0 5rem;

	/* background: palevioletred; */
}

.carousel .slick-track {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;

	/* background: red; */
}

.carousel .slick-slide {
	position: relative;
	height: auto;
	overflow: hidden;
	border-radius: var(--border-radius);
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	margin: 0 .625rem;
}

.carousel a {
	display: block;
	overflow: hidden;
}

.carousel .slick-slide iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* slick-slider arrows
============================================ */
.slick-slider .slick-prev,
.slick-slider .slick-next {
	display: block;
	position: absolute;
	z-index: 1;
	width: 2.5rem;
	height: 2.5rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);
	color: transparent;
	font-size: 0;
	line-height: 0;
	transition: border-color .2s .02s linear;

	/* background: gold; */
}

.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
}

.slick-slider .slick-prev::before {
	background: url("data:image/svg+xml,%3Csvg width='11' height='21' viewBox='0 0 11 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.63003' y1='11.6637' x2='10.63' y2='0.663664' stroke='black'/%3E%3Cline x1='1.3737' y1='11.6678' x2='9.3737' y2='20.6678' stroke='black'/%3E%3C/svg%3E%0A") no-repeat center / auto 1.25rem;
}

.slick-slider .slick-next::before {
	background: url("data:image/svg+xml,%3Csvg width='11' height='21' viewBox='0 0 11 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='10.37' y1='9.33634' x2='0.36997' y2='20.3363' stroke='black'/%3E%3Cline x1='9.6263' y1='9.33218' x2='1.6263' y2='0.332182' stroke='black'/%3E%3C/svg%3E%0A") no-repeat center / auto 1.25rem;
}

@media (hover: hover) and (pointer: fine) {

	.slick-slider .slick-prev:hover,
	.slick-slider .slick-next:hover {
		border-color: var(--accent-color-dark);
	}

}

.slick-slider .slick-prev:active,
.slick-slider .slick-next:active {
	border-color: var(--accent-color-dark);
}

/* carousel arrows
============================================ */
.carousel .slick-prev,
.carousel .slick-next {
	bottom: 0;
}

.carousel .slick-prev {
	left: calc(50% - 3.125rem);
}

.carousel .slick-next {
	right: calc(50% - 3.125rem);
}

/* slick dots
============================================ */
/* .slick .slick-dots {
	display: flex;
	position: absolute;
	bottom: -1.875rem;
	width: 100%;
}

.slick .slick-dots li {
	margin-right: .313rem;
}

.slick .slick-dots li button {
	display: block;
	width: 1.5rem;
	height: .313rem;
	background: var(--light-bg);
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	transition: background .3s .02s ease;
}

@media (hover: hover) and (pointer: fine) {

	.slick .slick-dots li:hover button {
		background: var(--accent-color-dark);
	}

}

.slick .slick-dots li.slick-active button {
	background: var(--accent-color-dark);
} */

/* vidget-reviews
================================================================================ */
.vidget-reviews {
	position: relative;
	width: 100%;
	max-width: 47.5rem;
	height: 50rem;
	margin-top: 2.875rem;
	overflow: hidden;
}

.vidget-reviews iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
}

.vidget-reviews a {
	box-sizing: border-box;
	text-decoration: none;
	color: #b3b3b3;
	font-size: 10px;
	font-family: YS Text, sans-serif;
	padding: 0 20px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
	left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-height: 14px;
	white-space: nowrap;
	padding: 0 16px;
	box-sizing: border-box
}

/* pagination
================================================================================ */
.pagination {
	display: flex;
	justify-content: center;
	margin: 5rem 0 1.5rem;

	/* background: #777; */
}

.pagination li {
	margin: 0 .313rem;
}

.pagination a {
	display: flex;
	width: 2.5rem;
	height: 2.5rem;
	justify-content: center;
	align-items: center;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);
	color: var(--text-color);
	font-weight: 400;
	font-size: 1rem;
	text-decoration: none;
	transition: all 0.2s 0.02s ease;
}

@media (hover: hover) and (pointer: fine) {

	.pagination a:hover {
		background: var(--accent-color);
		color: var(--white-color);
	}

}

.pagination a.active {
	background: var(--accent-color);
	color: var(--white-color);
}

.pagination a.prev-pgn,
.pagination a.next-pgn {
	border: none;
	background: none;

}

.pagination a.prev-pgn,
.pagination a.next-pgn {
	color: var(--black-color);
	font-size: 1.125rem;
	line-height: 1.125;
	transition: color .3s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.pagination a.prev-pgn:hover,
	.pagination a.next-pgn:hover {
		color: var(--accent-color);
	}

}

.pagination a.prev-pgn:active,
.pagination a.next-pgn:active {
	color: var(--grey-color);
}

/* grid-catalog
================================================================================ */
.grid-catalog {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
	margin-bottom: 3.75rem;
}

.cell-catalog {
	position: relative;
	z-index: 1;
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (3 - 1)) / 3);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (3 - 1)) / 3);
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	background: var(--light-bg);
	text-align: center;
}

@media (max-width: 74.98rem) {

	.cell-catalog {
		flex-basis: 100%;
		width: 100%;
		max-width: 47.98rem;
		margin-inline: auto;
	}

}

.cell-catalog::after {
	--indent: -.625rem;
	content: "";
	display: block;
	position: absolute;
	top: var(--indent);
	right: var(--indent);
	bottom: var(--indent);
	left: var(--indent);
	z-index: -1;
	border: .125rem solid transparent;
	border-radius: var(--border-radius);
	transition: border-color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.cell-catalog:hover::after {
		border-color: var(--accent-color);
	}

}

.title-catalog {
	position: relative;
	z-index: 1;
	padding: 5rem 1.5rem 5rem;
	overflow: hidden;
	border-radius: var(--border-radius);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: var(--white-color);
	font-weight: 500;
	font-size: clamp(1.25rem, 1.17rem + 0.4vw, 1.5rem);
}

.cc-1 .title-catalog {
	background-image: url(../images/cc-1.jpg);
}

.cc-2 .title-catalog {
	/* background-image: url(../images/cc-2.jpg); */

	background-image: url(../images/cc-11.jpg);
}

.cc-3 .title-catalog {
	/* background-image: url(../images/cc-3.jpg); */

	background-image: url(../images/ldc-2.jpg);
}


.cc-11 .title-catalog {
	background-image: url(../images/cc-11.jpg);
}

.cc-22 .title-catalog {
	background-image: url(../images/cc-22.jpg);
}

.cc-33 .title-catalog {
	background-image: url(../images/cc-33.jpg);
}


.title-catalog::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--black-color);
	opacity: .4;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.cell-catalog:hover .title-catalog::before {
		background:var(--accent-color);
	}

}

.descr-catalog {
	padding: 1.25rem 2.5rem;
}

/* double-catalog
============================================================ */
.double-catalog {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
	margin-bottom: 3.75rem;
}

.block-double-catalog {
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	display: flex;
	flex-direction: column;
}

@media (max-width: 74.98rem) {

	.block-double-catalog {
		flex-basis: 100%;
		width: 100%;
		max-width: 47.98rem;
		margin-inline: auto;
	}
	
	.block-double-catalog:first-of-type {
		margin-bottom: 3.75rem;
	}

}

/* .block-double-catalog h2 {
} */

.link-double-catalog {
	position: relative;
	z-index: 1;
	padding: 5rem 1.5rem 5rem;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: var(--white-color);
	font-weight: 500;
	font-size: clamp(1.25rem, 1.17rem + 0.4vw, 1.5rem);
	text-align: center;
}

.ldc-1 {
	background-image: url(../images/ldc-1.jpg);
}

.ldc-2 {
	background-image: url(../images/ldc-2.jpg);
}

.link-double-catalog::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--black-color);
	opacity: .4;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.link-double-catalog:hover::before {
		background:var(--accent-color);
		opacity: .4;
	}

}

.link-double-catalog::after {
	--indent: -.625rem;
	content: "";
	display: block;
	position: absolute;
	top: var(--indent);
	right: var(--indent);
	bottom: var(--indent);
	left: var(--indent);
	z-index: -1;
	border: .125rem solid transparent;
	border-radius: var(--border-radius);
	transition: border-color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.link-double-catalog:hover::after {
		border-color: var(--accent-color);
	}

}

.link-double-catalog span {
	display: block;
	font-weight: 400;
	font-size: 1.25rem;
}

/* color-n
================================================================================ */
.color-1 {
	background: #fff;
}

.color-2 {
	background: #fdf4e3;
}

.color-3 {
	background: #EBDCC9;
}

.color-4 {
	background: linear-gradient(rgb(151, 135, 86) 0%, rgb(214, 197, 139) 52%, rgb(151, 135, 86) 100%);
}

.color-5 {
	background: #FBFF4A;
}

.color-6 {
	background: #F9A02F;
}

.color-7 {
	background: #FC93C3;
}

.color-8 {
	background: #F8001D;
}

.color-9 {
	background: url(../images/color-filter-last.jpg) no-repeat center;
	background-size: cover
}

.color-10 {
	background: #71C9FB;
}

.color-11 {
	background: #44C9C6;
}

.color-12 {
	background: #8E8E8D;
}

.color-13 {
	background: linear-gradient(rgb(123, 123, 123) 0%, rgb(197, 197, 197) 51%, rgb(123, 123, 123) 100%);
}

.color-14 {
	background: #9800C0;
}

.color-15 {
	background: #5202D3;
}

.color-16 {
	background: #399841;
}

.color-17 {
	background: #65340C;
}

.color-18 {
	background: #000;
}

/* tags
============================================================================= */
.tags {
	position: absolute;
	top: .938rem;
	right: .938rem;
	z-index: 1;
}

.new-tag {
	display: inline-block;
	margin: 0 0 0 .25rem;
	padding: .25rem .625rem .375rem;
	border-radius: var(--border-radius);
	background: var(--green-color);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	text-transform: lowercase;

	/* padding: 1.5rem 2.25rem;
	background: url(../images/new-tag-ny.svg) no-repeat center / auto 100%; */
}

.sale-tag {
	display: inline-block;
	margin: 0 0 0 .25rem;
	padding: .25rem .625rem .375rem;
	border-radius: var(--border-radius);
	background: var(--red-color);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	text-transform: lowercase;

	/* padding: 1.750rem 1.750rem 1rem;
	background: url(../images/sale-tag-ny.svg) no-repeat center bottom / auto 100%; */
}

.hit-tag {
	display: inline-block;
	margin: 0 0 0 .25rem;
	padding: .25rem .625rem .375rem;
	border-radius: var(--border-radius);
	background: var(--orange-color);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	text-transform: lowercase;

	/* padding: 1.875rem 1.25rem .750rem 1.5rem;
	background: url(../images/hit-tag-ny.svg) no-repeat center bottom / auto 100%; */
}

/* ====================================================================================================
	header
==================================================================================================== */
/* .header {
	background: red;
} */

/* rd-navbar - common
================================================================================ */
.rd-navbar-static.rd-navbar--is-clone,
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fixed .rdn-nav,
.rd-navbar-fixed .rd-navbar-submenu,
.rd-navbar-fixed .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-navbar-search .form-group {
	transition: all 0.3s cubic-bezier(.785, .135, .15, .86);
}

/* .rd-navbar {
} */

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
	display: none;
}

.rd-navbar-fixed,
.rd-navbar-static,
.rd-navbar-fullwidth,
.rd-navbar-sidebar {
	display: block;
}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {
	transition: none !important;
}

/* .rd-navbar-static {
} */

.rd-navbar-static.rd-navbar--is-clone {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	transform: translateY(-105%);

	/* display: none !important;
	background: red; */
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
	transform: translateY(0);
}

.rd-navbar-static.rd-navbar--is-stuck {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 20;
}

	.rd-navbar-fixed .rdn-fixed-panel {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 16;
		width: 100%;
		height: var(--height-rd-navbar);
		box-shadow: 0 .063rem .125rem hsl(60 1% 17% / .3);
		background: var(--light-bg);

		/* background: palegreen; */
	}

/* rdn-nav-toggle
============================================================ */
.rdn-nav-toggle {
	display: none;
}

	.rd-navbar-fixed .rdn-nav-toggle {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: .375rem;
		right: var(--container-center-padding-inline);
		z-index: 17;
		width: 1.625rem;
		height: 2.25rem;
		padding: 0;
		border: none;
		background: transparent;
		cursor: pointer;

		/* background: palegreen; */
	}

	.rd-navbar-fixed .rdn-nav-toggle span,
	.rd-navbar-fixed .rdn-nav-toggle span::before,
	.rd-navbar-fixed .rdn-nav-toggle span::after {
		display: block;
		position: absolute;
		width: 100%;
		height: .125rem;
		background: var(--black-color);
		transition: all .2s .02s linear;
	}

	.rd-navbar-fixed .rdn-nav-toggle span::before,
	.rd-navbar-fixed .rdn-nav-toggle span::after {
		content: "";
		width: 100%;
	}

	.rd-navbar-fixed .rdn-nav-toggle span::before {
		top: -.5rem;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-nav-toggle span::after {
		top: .5rem;
		width: 80%;
		background: var(--accent-color);

		/* background: greenyellow; */
	}

	/* .rd-navbar-fixed .rdn-nav-toggle:hover,
	.rd-navbar-fixed .rdn-nav-toggle:active,
	.rd-navbar-fixed .rdn-nav-toggle:focus {
		background: var(--blue);
	} */


	.rd-navbar-fixed .rdn-nav-toggle.active {
		top: .75rem;
		right: 1rem;
		width: 1.5rem;
		height: 1.5rem;
	}

	.rd-navbar-fixed .rdn-nav-toggle.active span,
	.rd-navbar-fixed .rdn-nav-toggle.active span::before,
	.rd-navbar-fixed .rdn-nav-toggle.active span::after {
		height: .125rem;
	}

	.rd-navbar-fixed .rdn-nav-toggle.active span {
		transform: rotate(45deg);
		background: var(--accent-color);
	}

	.rd-navbar-fixed .rdn-nav-toggle.active span::before {
		top: 0;
		transform: rotate(0);
		background: var(--accent-color);
	}

	.rd-navbar-fixed .rdn-nav-toggle.active span::after {
		top: 0;
		transform: rotate(90deg);
		width: 100%;
		background: var(--accent-color);
	}

/* rdn-search-toggle-fixed
============================================================ */
.rdn-search-toggle-fixed {
	display: none;
}

	.rd-navbar-fixed .rdn-search-toggle-fixed {
		display: block;
		position: fixed;
		top: .375rem;
		right: calc(2.5rem + var(--container-center-padding-inline));
		z-index: 17;
		width: 2.25rem;
		height: 2.25rem;

		/* background: palegreen; */
	}

	.rd-navbar-fixed .rdn-search-toggle-fixed span {
		display: inline-block;
		position: relative;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='hsl(60 1% 17%)' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.97 17.031c-1.479 1.238-3.384 1.985-5.461 1.985-4.697 0-8.509-3.812-8.509-8.508s3.812-8.508 8.509-8.508c4.695 0 8.508 3.812 8.508 8.508 0 2.078-.747 3.984-1.985 5.461l4.749 4.75c.146.146.219.338.219.531 0 .587-.537.75-.75.75-.192 0-.384-.073-.531-.22zm-5.461-13.53c-3.868 0-7.007 3.14-7.007 7.007s3.139 7.007 7.007 7.007c3.866 0 7.007-3.14 7.007-7.007s-3.141-7.007-7.007-7.007z' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat center / auto 1.625rem;
		transition: all .3s ease;

		/* background: peru; */
	}

	.rd-navbar-fixed .rdn-search-toggle-fixed.active span {
		transform: rotate(90deg);
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='hsl(205 62% 53%)'%3E%3Cpath d='M256-227.69 227.69-256l224-224-224-224L256-732.31l224 224 224-224L732.31-704l-224 224 224 224L704-227.69l-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / auto 1.875rem;
	}

/* rdn-mobile-phone-btn
============================================================ */
.rdn-mobile-phone-btn {
	display: none;
}

	.rd-navbar-fixed .rdn-mobile-phone-btn {
		display: block;
		position: fixed;
		top: .375rem;
		right: calc(5.5rem + var(--container-center-padding-inline));
		z-index: 17;
		width: 2.25rem;
		height: 2.25rem;
	}

	.rd-navbar-fixed .rdn-mobile-phone-btn a {
		display: block;
		height: 100%;
		border-radius: var(--border-radius);
		border: .063rem solid var(--border-color);
		background: var(--black-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(0 0% 100%)' viewBox='0 -960 960 960'%3E%3Cpath d='M798-120q-125 0-247-54.5T329-329 174.5-551 120-798q0-18 12-30t30-12h162q14 0 25 9.5t13 22.5l26 140q2 16-1 27t-11 19l-97 98q20 37 47.5 71.5T387-386q31 31 65 57.5t72 48.5l94-94q9-9 23.5-13.5T670-390l138 28q14 4 23 14.5t9 23.5v162q0 18-12 30t-30 12M241-600l66-66-17-94h-89q5 41 14 81t26 79m358 358q39 17 79.5 27t81.5 13v-88l-94-19zm0 0'/%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
	}

	.rd-navbar-fixed .rdn-mobile-phone-btn a:active {
		background-color: var(--accent-color);
	}

/* rdn-top-panel
================================================================================ */
.rdn-top-panel {
	background: var(--light-bg);
}

	.rd-navbar-fixed .rdn-top-panel {
		display: none;
	}

.rdn-top-panel .container-center {
	display: flex;
	align-items: center;
	padding-block: .625rem;

	/* background: palegreen; */
}

/* left-rdn-top-panel
============================================================ */
.left-rdn-top-panel {
	display: flex;
	align-items: center;

	/* background: #999; */
}

.left-rdn-top-panel a {
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.left-rdn-top-panel a:hover {
		color: var(--accent-color);
	}

}


.left-rdn-top-panel .phone {
	margin-right: 1.25rem;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1rem;
}


.left-rdn-top-panel .modal-link {
	margin-right: 1.25rem;
	border-bottom: .063rem dotted var(--accent-color);
	color: var(--accent-color);
	font-size: .875rem;
	text-transform: lowercase;
}

@media (hover: hover) and (pointer: fine) {

	.left-rdn-top-panel .modal-link:hover {
		border-bottom: transparent;
		color: var(--black-color);
	}

}


.left-rdn-top-panel :where(:not(.phone, .modal-link)) {
	flex-basis: 1.875rem;
	width: 1.875rem;
	height: .875rem;

	/* background-color: palevioletred; */
}

.left-rdn-top-panel .max {
	flex-basis: 1.25rem;
	width: 1.25rem;
}

.left-rdn-top-panel .tg {
	height: .75rem;
}

.left-rdn-top-panel .vk {
	height: .75rem;
}

.left-rdn-top-panel .mail {
	height: .75rem;
}

/* right-rdn-top-panel
============================================================ */
.right-rdn-top-panel {
	margin-left: auto;

	/* background: #777; */
}

.nav-top {
	display: flex;
}

.nav-top li {
	margin-left: 1.25rem;
}

.nav-top li a {
	color: var(--black-color);
	font-size: .875rem;
	transition: color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.nav-top li a:hover {
		color: var(--accent-color);
	}

}

/* rdn-main-panel
================================================================================ */
.rdn-main-panel {
	--height-rdn-search: 2.875rem;
	--rdn-logo-width: 10rem;

	/* background: #ccc; */
}

.rdn-main-panel .container-center {
	display: flex;
	padding-block: 2.5rem;
	align-items: center;
}

@media (max-width: 74.98rem) {

	.rdn-main-panel .container-center {
		padding-block: 0;
	}

}

/* rdn-logo
============================================================ */
.rd-navbar-static .rdn-logo {
	flex-basis: var(--rdn-logo-width);
	width: var(--rdn-logo-width);

	/* background: red; */
}

	.rd-navbar-fixed .rdn-logo {
		display: block;
		position: fixed;
		top: .25rem;
		left: var(--container-center-padding-inline);
		z-index: 17;
		width: 50%;

		/* background: #00bfa5; */
	}

	.rd-navbar-fixed .rdn-logo img {
		display: block;
		width: auto;
		max-width: none;
		height: 2.5rem;
	}


/* rdn-nav
============================================================ */
.rdn-nav {
	margin-inline: auto;
	margin-bottom: .375rem;

	/* background: blue; */
}

	.rd-navbar-fixed .rdn-nav {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 15;
		width: 100%;
		margin: 0;
		padding: 5rem 0 2.5rem 1.25rem;
		box-shadow: .125rem 1.25rem .125rem hsl(30 100% 6% / .2);
		overflow-y: auto;
		background: var(--white-color);
		transform: translateX(-105%);
		transition: all .3s ease;

		/* background: #ccc; */
	}

	/* .rd-navbar-fixed .rdn-nav nav {
		background: #4caf50;
	} */

	.rd-navbar-fixed .rdn-nav.active {
		transform: translateX(0)
	}

	.rd-navbar-fixed .ul-rdn-nav {
		overflow: auto;

		/* background: pink; */
	}

/* rnd-mobile-contacts
======================================== */
.rnd-mobile-contacts {
	display: none;
}

	.rd-navbar-fixed .rnd-mobile-contacts {
		display: block;
		position: relative;
		padding: .938rem 6.25rem .938rem .938rem;
		margin-right: .625rem;
		margin-bottom: 1.5rem;
		border: .063rem solid var(--border-color);
		border-radius: var(--border-radius);
		background: var(--light-bg);
	}

	.rnd-mobile-contacts .phone {
		font-weight: 600;
		font-size: 1.25rem;
	}

	.rnd-mobile-contacts .phone:active {
		color: var(--grey-color);
	}


	.mess-rnd-mobile-contacts {
		width: 100%;
		margin-block: 1.25rem;
		display: flex;
		align-items: center;

		/* background: red; */
	}

	.mess-rnd-mobile-contacts a:where(:not(.phone)) {
		flex-basis: 2.5rem;
		width: 2.5rem;
		height: 2.5rem;
		margin-right: .25rem;
		border: .063rem solid var(--border-color);
		border-radius: var(--border-radius);
		background-color: var(--white-color);
		transition: none;
	}

	.mess-rnd-mobile-contacts a:where(:not(.phone)):active {
		border-color: var(--black-color);
	}

	.mess-rnd-mobile-contacts .max {
		background-size: auto 1rem;
	}

	.mess-rnd-mobile-contacts .tg {
		background-size: auto .875rem;
	}

	/* .mess-rnd-mobile-contacts .wa {
		background-size: auto 1rem;
	} */

	.mess-rnd-mobile-contacts .vk {
		background-size: auto .75rem;
	}


	.link-rnd-mobile-contacts .a-link {
		font-size: 1rem;
	}


	.rnd-mobile-contacts .rdn-mobile-login {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		flex-basis: 5rem;
		width: 5rem;
		height: 100%;
		margin: 0;
		border-radius: var(--border-radius);
		background: var(--accent-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(0 0% 100%)' viewBox='0 -960 960 960'%3E%3Cpath d='M480-504.62q-49.5 0-84.75-35.25T360-624.62t35.25-84.75T480-744.62t84.75 35.25T600-624.62t-35.25 84.75T480-504.62M200-215.38v-65.85q0-24.77 14.42-46.35 14.43-21.57 38.81-33.5 56.62-27.15 113.31-40.73 56.69-13.57 113.46-13.57t113.46 13.57q56.69 13.58 113.31 40.73 24.38 11.93 38.81 33.5Q760-306 760-281.23v65.85zm40-40h480v-25.85q0-13.31-8.58-25-8.57-11.69-23.73-19.77-49.38-23.92-101.83-36.65T480-375.38t-105.86 12.73T272.31-326q-15.16 8.08-23.73 19.77-8.58 11.69-8.58 25zm240-289.24q33 0 56.5-23.5t23.5-56.5-23.5-56.5-56.5-23.5-56.5 23.5-23.5 56.5 23.5 56.5 56.5 23.5m0 289.24'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;
	}

	.rnd-mobile-contacts .rdn-mobile-login:active {
		background-color: var(--grey-color)
	}

/* nav-rdn-nav
======================================== */
/* .nav-rdn-nav {
	background: palevioletred;
} */

.rd-navbar-static .ul-rdn-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;

	/* background: palegreen; */
}

.rd-navbar-static .ul-rdn-nav > li:not(:first-child) {
	margin-left: 1rem;
}

.rd-navbar-static .ul-rdn-nav > li > a {
	color: var(--black-color);
	font-weight: 500;
	font-size: 1rem;
	transition: color .3s .02s linear;

	/* background: #ccc; */
}

.bg-index .ul-rdn-nav > li > a {
	color: var(--white-color);
}

.rd-navbar-static .right-rdn-top-panel .ul-rdn-nav > li > a {
	text-transform: none;
}

@media (hover: hover) and (pointer: fine) {

	.rd-navbar-static .ul-rdn-nav > li > a:hover {
		color: var(--accent-color);
	}

}

.rd-navbar-static .ul-rdn-nav > li.parent > a {
	padding-right: 1rem;

	/* background: palegoldenrod; */
}

.rd-navbar-static .ul-rdn-nav > li.active > a,
.rd-navbar-static .ul-rdn-nav > li.opened > a,
.rd-navbar-static .ul-rdn-nav > li.focus > a {
	color: var(--accent-color);
}

@media (hover: hover) and (pointer: fine) {

	.rd-navbar-static .ul-rdn-nav > li > a:hover {
		color: var(--accent-color);
	}

}

/* .rd-navbar-static .ul-rdn-nav > li.focus > a:hover {
	color: var(--white-color);
} */

/* ======= arrows inside the menu ======= */
.rd-navbar-static .rd-navbar-submenu-toggle {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 1;
	width: .875rem;
	height: .875rem;
	cursor: pointer;

	/* background: red; */
}

.rd-navbar-static .rd-navbar-submenu-toggle::after {
	content: "";
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(60 1% 17%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto 100%;
	transition: background .2s linear,
				transform .2s linear;

	/* background: palegreen; */
}

.rd-navbar-static .ul-rdn-nav > li.focus > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .ul-rdn-nav > li.opened > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .ul-rdn-nav > li > a:hover + .rd-navbar-submenu-toggle::after {
	transform: rotate(180deg);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(205 62% 53%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center;
}

/* ======= rd-navbar-static rd-navbar-dropdown ======= */
.rd-navbar-static .rd-navbar-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	width: 18.75rem;
	padding: .5rem 0 0;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transform: translateY(1.875rem);
	transition: all .3s ease;

	/* background: red; */
}

@media (max-width: 87.48rem) {

	.rd-navbar-static .rd-navbar-dropdown {
		width: 15rem;
	}

}

/* .rd-navbar-static .ul-rdn-nav > li.parent:last-child .rd-navbar-dropdown {
	right: 0;
	left: auto;
} */

.rd-navbar-static .rd-navbar-dropdown > li a {
	display: block;
	position: relative;
	padding: 1rem 1rem 1rem 1.25rem;
	border-bottom: .063rem solid hsl(220 5% 89% / .75);
	background: var(--white-color);
	color: var(--text-color);
	font-weight: 400;
	font-size: .875rem;
	line-height: 1.2;
	transition: all .2s linear;

	/* background: pink; */
}

.rd-navbar-static .rd-navbar-dropdown > li:first-child a {
	border-radius: var(--border-radius) var(--border-radius) 0 0;

	/* background: palegreen; */
}

.rd-navbar-static .rd-navbar-dropdown > li:last-child a {
	border-radius: 0 0 var(--border-radius) var(--border-radius);

	/* background: peru; */
}

.rd-navbar-static .rd-navbar-dropdown > li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -1.125rem;
	transform: translateY(-50%);
	width: .625rem;
	height: .063rem;
	background: var(--accent-color);
	transition: all .125s linear;
}

@media (hover: hover) and (pointer: fine) {

	.rd-navbar-static .rd-navbar-dropdown > li a:hover {
		padding-left: 2.25rem;
		background-position: left 1rem center;
		color: var(--accent-color);
	}

	.rd-navbar-static .rd-navbar-dropdown > li a:hover:before {
		left: 1rem;
	}

}

.rd-navbar-static .ul-rdn-nav > li.rd-navbar--has-dropdown {
	position: relative;
}

.rd-navbar-static .ul-rdn-nav > li.focus > .rd-navbar-dropdown,
.rd-navbar-static .ul-rdn-nav > li.opened > .rd-navbar-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


	.rd-navbar-fixed .nav-rdn-nav {
		margin-inline: 0;
	}

	.rd-navbar-fixed .ul-rdn-nav > li > a {
		display: block;
		padding: .625rem 1rem;
		color: var(--black-color);
		font-weight: 500;
		font-size: 1.125rem;
		line-height: 1.2;
		transition: all .2s .02s ease;

		/* background: cadetblue; */
	}

	.rd-navbar-fixed .rd-navbar-dropdown {
		display: none;
	}

	.rd-navbar-fixed .rd-navbar-submenu {
		position: relative;
	}

	.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown {
		display: block;
		margin: 1rem;
	}

	.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li {
		margin-bottom: .75rem;
	}

	.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li a {
		font-weight: 400;
		font-size: 1rem;
		text-transform: none;

		/* background: pink; */
	}

	.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li a:active {
		color: var(--accent-color);
	}

/* ======= arrows inside the menu ======= */
	.rd-navbar-fixed .rd-navbar-submenu-toggle {
		display: block;
		position: absolute;
		top: .25rem;
		right: .625rem;
		z-index: 100;
		width: 2rem;
		height: 2rem;
		overflow: hidden;
		border: .063rem solid var(--black-color);
		border-radius: var(--border-radius);
		cursor: pointer;
		transition: all .2s .02s linear;

		/* background: #26A69A; */
	}

	.rd-navbar-fixed .rd-navbar-submenu-toggle::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(60 1% 17%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center;
		background-size: auto 1.375rem;
		transition: all .3s ease;
	}

	.rd-navbar-fixed .ul-rdn-nav li.opened .rd-navbar-submenu-toggle {
		border-color: var(--white-color);
		background: transparent;
	}

	.rd-navbar-fixed .ul-rdn-nav li > a:active + .rd-navbar-submenu-toggle {
		border-color: var(--white-color);
	}

	.rd-navbar-fixed .ul-rdn-nav > li > a:active {
		border-radius: var(--border-radius) 0 0 var(--border-radius);
		background: var(--accent-color);
		color: var(--white-color);

		/* background: red; */
	} 

	.rd-navbar-fixed .ul-rdn-nav li > a:active + .rd-navbar-submenu-toggle::before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center;
		background-size: auto 1.375rem;
	}

	.rd-navbar-fixed .ul-rdn-nav li.opened > a {
		border-radius: var(--border-radius) 0 0 var(--border-radius);
		background: var(--accent-color);
		color: var(--white-color);
	}

	.rd-navbar-fixed .ul-rdn-nav li.opened > .rd-navbar-submenu-toggle::before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center;
		background-size: auto 1.375rem;
		transform: rotate(180deg);
	}

/* rdn-search-panel
============================================================ */
.rdn-search-panel {
	position: relative;
	z-index: 1;
	flex-basis: var(--height-rdn-search);
	width: var(--height-rdn-search);
	height: var(--height-rdn-search);
	margin-bottom: .375rem;

	/* background: green; */
}

/* rdn-search-toggle ========== */
.rdn-search-toggle {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: none;

	/* background-color: pink; */
}

.rdn-search-toggle span {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;

	/* background: peru; */
}

.rdn-search-toggle span,
.rdn-search-toggle span::before,
.rdn-search-toggle span::after {
	transition: all .3s ease;
}

.rdn-search-toggle span::before,
.rdn-search-toggle span::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.rdn-search-toggle span::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='hsl(60 1% 17%)' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.97 17.031c-1.479 1.238-3.384 1.985-5.461 1.985-4.697 0-8.509-3.812-8.509-8.508s3.812-8.508 8.509-8.508c4.695 0 8.508 3.812 8.508 8.508 0 2.078-.747 3.984-1.985 5.461l4.749 4.75c.146.146.219.338.219.531 0 .587-.537.75-.75.75-.192 0-.384-.073-.531-.22zm-5.461-13.53c-3.868 0-7.007 3.14-7.007 7.007s3.139 7.007 7.007 7.007c3.866 0 7.007-3.14 7.007-7.007s-3.141-7.007-7.007-7.007z' fill-rule='nonzero'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 1.75rem;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-search-toggle span:hover:before {
		background-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='hsl(205 62% 53%)' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.97 17.031c-1.479 1.238-3.384 1.985-5.461 1.985-4.697 0-8.509-3.812-8.509-8.508s3.812-8.508 8.509-8.508c4.695 0 8.508 3.812 8.508 8.508 0 2.078-.747 3.984-1.985 5.461l4.749 4.75c.146.146.219.338.219.531 0 .587-.537.75-.75.75-.192 0-.384-.073-.531-.22zm-5.461-13.53c-3.868 0-7.007 3.14-7.007 7.007s3.139 7.007 7.007 7.007c3.866 0 7.007-3.14 7.007-7.007s-3.141-7.007-7.007-7.007z' fill-rule='nonzero'/%3E%3C/svg%3E");
	}

}

.rdn-search-toggle span::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='hsl(60 1% 17%)' viewBox='0 96 960 960' width='48'%3E%3Cpath d='m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 2rem;
	transform: rotate(-90deg) scale(0);
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-search-toggle span:hover::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='hsl(205 62% 53%)' viewBox='0 96 960 960' width='48'%3E%3Cpath d='m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z'/%3E%3C/svg%3E");
	}

}

.rdn-search-toggle.active span::before {
	opacity: 0;
	visibility: hidden;
	transform: rotate(90deg) scale(0);
}

.rdn-search-toggle.active span::after {
	transform: rotate(0deg) scale(1);
	opacity: 1;
	visibility: visible;
}

	.rd-navbar-fixed .rdn-search-toggle {
		display: none
	}

/* .rdn-search-form
==================== */
.rd-navbar-static .rdn-search-form {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: flex;
	width: 0;
	height: var(--height-rdn-search);
	overflow: hidden;
	z-index: 1;
	transition: all .3s ease;

	/* background: chartreuse; */
}

.rdn-search-input {
	flex-basis: calc(100% - var(--height-rdn-search));
	width: calc(100% - var(--height-rdn-search));
	height: var(--height-rdn-search);
	margin: 0;
	padding: 0 .938rem 0 .938rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);
	color: var(--text-color);

	/* background: blue; */
}

/* ======= классическое исчезновение placeholder-а ======= */
.rdn-search-input::-webkit-input-placeholder {
	color: var(--white-color);
}

.rdn-search-input::-moz-placeholder {
	color: var(--white-color);
}

.rdn-search-input::-moz-placeholder {
	color: var(--white-color);
}

.rdn-search-input::-ms-input-placeholder {
	color: var(--white-color);
}

.rdn-search-input::-ms-input-placeholder {
	color: var(--white-color);
}

.rdn-search-input::placeholder {
	color: var(--white-color);
}
/* ======= /классическое исчезновение placeholder-а ======= */

.rdn-search-submit {
	flex-basis: var(--height-rdn-search);
	width: var(--height-rdn-search);
	height: var(--height-rdn-search);
	padding: 0;
	overflow: hidden;
	background: var(--white-color);
	cursor: pointer;

	/* background: green; */
}

.rdn-search-submit::before {
	content: "";
	display: block;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='hsl(60 1% 17%)' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.97 17.031c-1.479 1.238-3.384 1.985-5.461 1.985-4.697 0-8.509-3.812-8.509-8.508s3.812-8.508 8.509-8.508c4.695 0 8.508 3.812 8.508 8.508 0 2.078-.747 3.984-1.985 5.461l4.749 4.75c.146.146.219.338.219.531 0 .587-.537.75-.75.75-.192 0-.384-.073-.531-.22zm-5.461-13.53c-3.868 0-7.007 3.14-7.007 7.007s3.139 7.007 7.007 7.007c3.866 0 7.007-3.14 7.007-7.007s-3.141-7.007-7.007-7.007z' fill-rule='nonzero'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 1.75rem;
	transition: all .3s ease;

	/* background-color: orange; */
}

@media (hover: hover) and (pointer: fine) {

	.rdn-search-submit:hover::before {
		background-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='hsl(205 62% 53%)' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.97 17.031c-1.479 1.238-3.384 1.985-5.461 1.985-4.697 0-8.509-3.812-8.509-8.508s3.812-8.508 8.509-8.508c4.695 0 8.508 3.812 8.508 8.508 0 2.078-.747 3.984-1.985 5.461l4.749 4.75c.146.146.219.338.219.531 0 .587-.537.75-.75.75-.192 0-.384-.073-.531-.22zm-5.461-13.53c-3.868 0-7.007 3.14-7.007 7.007s3.139 7.007 7.007 7.007c3.866 0 7.007-3.14 7.007-7.007s-3.141-7.007-7.007-7.007z' fill-rule='nonzero'/%3E%3C/svg%3E");
	}

}

.rd-navbar-static .rdn-search-form.active {
	right: var(--height-rdn-search);
	width: 55rem;
}

@media (max-width: 87.48rem) {

	.rd-navbar-static .rdn-search-form.active {
		width: 48.5rem;
	}

}

	.rd-navbar-fixed .rdn-search-panel {
		display: block;
		position: fixed;
		top: 3.125rem;
		right: 0;
		left: 0;
		z-index: 15;
		flex-basis: 100%;
		width: 100%;
		height: auto;
		padding: 1.25rem;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 .063rem .188rem 0 rgba(0, 0, 0, .3);
		background: var(--light-bg);
		transition: opacity .3s ease-in-out, 
					visibility .3s ease-in-out;
	}

	.rd-navbar-fixed .rdn-search-panel.active {
		opacity: 1;
		visibility: visible;
		z-index: 5555;
	}

	.rd-navbar-fixed .rdn-search-form {
		display: flex;

		/* background: chartreuse; */
	}

	.rd-navbar-fixed .rdn-search-input {
		flex-basis: calc(100% - var(--height-rdn-search));
		width: calc(100% - var(--height-rdn-search));
		height: var(--height-rdn-search);
		padding: 0 .938rem;
		border-bottom: none;
		border-radius: var(--border-radius);
		background: var(--white-color);
		color: var(--text-color);
	}


	.rdn-search-input::-webkit-input-placeholder {
		color: var(--text-color);
	}

	.rdn-search-input:-moz-placeholder {
		color: var(--text-color);
	}

	.rdn-search-input::-moz-placeholder {
		color: var(--text-color);
	}

	.rdn-search-input:-ms-input-placeholder {
		color: var(--text-color);
	}

	.rdn-search-input::-ms-input-placeholder {
		color: var(--text-color);
	}

	.rdn-search-input::placeholder {
		color: var(--text-color);
	}


	.rd-navbar-fixed .rdn-search-submit {
		background: transparent;
	}

/* rdn-search-hint
==================== */
.rdn-search-hint {
	display: block;
	position: absolute;
	top: 2.875rem;
	left: 0;
	z-index: 3;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s .02s linear;
	overflow: hidden;
	border-radius: .25rem;
	box-shadow: 0 0 .125rem .125rem rgb(0 0 0 / .1),
				0 .188rem .313rem .125rem rgb(0 0 0 / .1);
	background: var(--white-color);

	/* background: red; */
}

.rdn-search-input:focus + .rdn-search-submit + .rdn-search-hint {
	display: block;
	opacity: 1;
	visibility: visible;

	/* background: pink; */
}

.collection-rdn-search-hint {
	padding: 0 0 .625rem;
}

.product-rdn-search-hint {
	padding: 0 0 .625rem;
}

.title-rdn-search-hint {
	padding: .75rem .625rem;
	background: var(--grey-bg);
	font-weight: 600;
	font-size: .75rem;
	text-transform: uppercase;
}

.list-rdn-search-hint {
	max-height: 11.25rem;
	padding: .625rem;
	overflow-y: auto;
}

.list-rdn-search-hint::-webkit-scrollbar {
	width: .25rem;
}

.list-rdn-search-hint::-webkit-scrollbar-thumb {
	background: var(--border-color);
}

.item-rdn-search-hint {
	display: flex;
	margin: 0 0 .625rem;
	padding: 0 0 .625rem;
	border-bottom: .063rem solid var(--border-color);
}

.item-rdn-search-hint:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.left-item-rdn-search-hint {
	flex-basis: 3.125rem;
	max-width: 3.125rem;
}

.right-item-rdn-search-hint {
	padding: 0 0 0 .938rem;
}

.title-item-rdn-search-hint {
	display: block;
	margin: 0 0 .625rem;
	color: var(--accent-color);
	transition: color .3s .02s linear;
	font-size: .875rem;
	line-height: 1.2;
	text-decoration: underline;

	/* background: #ccc; */
}

.title-item-rdn-search-hint:hover,
.title-item-rdn-search-hint:focus,
.title-item-rdn-search-hint:active {
	color: var(--accent-color);
	text-decoration: none;
}

.price-item-rdn-search-hint {
	display: block;
	font-weight: 600;
	font-size: .875rem;
}

.price-item-rdn-search-hint .rub::after {
	font-size: .875rem;
}

/* rdn-login
============================================================ */
.rdn-login {
	margin-bottom: .375rem;
	flex-basis: var(--height-rdn-search);
	width: var(--height-rdn-search);
	height: var(--height-rdn-search);

	/* background: peru; */
}

@media (max-width: 74.98rem) {

	.rdn-login {
		display: none;
	}

}

.rdn-login a {
	display: block;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(60 1% 17%)' viewBox='0 -960 960 960'%3E%3Cpath d='M480-504.62q-49.5 0-84.75-35.25T360-624.62t35.25-84.75T480-744.62t84.75 35.25T600-624.62t-35.25 84.75T480-504.62M200-215.38v-65.85q0-24.77 14.42-46.35 14.43-21.57 38.81-33.5 56.62-27.15 113.31-40.73 56.69-13.57 113.46-13.57t113.46 13.57q56.69 13.58 113.31 40.73 24.38 11.93 38.81 33.5Q760-306 760-281.23v65.85zm40-40h480v-25.85q0-13.31-8.58-25-8.57-11.69-23.73-19.77-49.38-23.92-101.83-36.65T480-375.38t-105.86 12.73T272.31-326q-15.16 8.08-23.73 19.77-8.58 11.69-8.58 25zm240-289.24q33 0 56.5-23.5t23.5-56.5-23.5-56.5-56.5-23.5-56.5 23.5-23.5 56.5 23.5 56.5 56.5 23.5m0 289.24'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 2.5rem;
	transition: background-image .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-login a:hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(205 62% 53%)' viewBox='0 -960 960 960'%3E%3Cpath d='M480-504.62q-49.5 0-84.75-35.25T360-624.62t35.25-84.75T480-744.62t84.75 35.25T600-624.62t-35.25 84.75T480-504.62M200-215.38v-65.85q0-24.77 14.42-46.35 14.43-21.57 38.81-33.5 56.62-27.15 113.31-40.73 56.69-13.57 113.46-13.57t113.46 13.57q56.69 13.58 113.31 40.73 24.38 11.93 38.81 33.5Q760-306 760-281.23v65.85zm40-40h480v-25.85q0-13.31-8.58-25-8.57-11.69-23.73-19.77-49.38-23.92-101.83-36.65T480-375.38t-105.86 12.73T272.31-326q-15.16 8.08-23.73 19.77-8.58 11.69-8.58 25zm240-289.24q33 0 56.5-23.5t23.5-56.5-23.5-56.5-56.5-23.5-56.5 23.5-23.5 56.5 23.5 56.5 56.5 23.5m0 289.24'/%3E%3C/svg%3E");
	}

}


.rdn-login .login-in {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='hsl(205 62% 53%)' viewBox='0 -960 760 760'%3E%3Cpath d='M140.92-368.31q51-37.84 111.12-59.77Q312.15-450 380-450t127.96 21.92q60.12 21.93 111.12 59.77 37.3-41 59.11-94.92T700-580q0-133-93.5-226.5T380-900t-226.5 93.5T60-580q0 62.85 21.81 116.77t59.11 94.92M380.01-550q-54.78 0-92.39-37.6Q250-625.21 250-679.99t37.6-92.39Q325.21-810 379.99-810t92.39 37.6Q510-734.79 510-680.01t-37.6 92.39Q434.79-550 380.01-550M380-200q-79.15 0-148.5-29.77t-120.65-81.08q-51.31-51.3-81.08-120.65T0-580t29.77-148.5 81.08-120.65q51.3-51.31 120.65-81.08T380-960t148.5 29.77 120.65 81.08q51.31 51.3 81.08 120.65T760-580t-29.77 148.5-81.08 120.65q-51.3 51.31-120.65 81.08T380-200m0-60q54.15 0 104.42-17.42 50.27-17.43 89.27-48.73-39-30.16-88.11-47Q436.46-390 380-390t-105.77 16.65q-49.31 16.66-87.92 47.2 39 31.3 89.27 48.73Q325.85-260 380-260m0-350q29.85 0 49.92-20.08Q450-650.15 450-680t-20.08-49.92Q409.85-750 380-750t-49.92 20.08Q310-709.85 310-680t20.08 49.92Q350.15-610 380-610m0 285'/%3E%3C/svg%3E");
	background-size: auto 1.625rem;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-login .login-in:hover {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='hsl(210 67% 40%)' viewBox='0 -960 760 760'%3E%3Cpath d='M140.92-368.31q51-37.84 111.12-59.77Q312.15-450 380-450t127.96 21.92q60.12 21.93 111.12 59.77 37.3-41 59.11-94.92T700-580q0-133-93.5-226.5T380-900t-226.5 93.5T60-580q0 62.85 21.81 116.77t59.11 94.92M380.01-550q-54.78 0-92.39-37.6Q250-625.21 250-679.99t37.6-92.39Q325.21-810 379.99-810t92.39 37.6Q510-734.79 510-680.01t-37.6 92.39Q434.79-550 380.01-550M380-200q-79.15 0-148.5-29.77t-120.65-81.08q-51.31-51.3-81.08-120.65T0-580t29.77-148.5 81.08-120.65q51.3-51.31 120.65-81.08T380-960t148.5 29.77 120.65 81.08q51.31 51.3 81.08 120.65T760-580t-29.77 148.5-81.08 120.65q-51.3 51.31-120.65 81.08T380-200m0-60q54.15 0 104.42-17.42 50.27-17.43 89.27-48.73-39-30.16-88.11-47Q436.46-390 380-390t-105.77 16.65q-49.31 16.66-87.92 47.2 39 31.3 89.27 48.73Q325.85-260 380-260m0-350q29.85 0 49.92-20.08Q450-650.15 450-680t-20.08-49.92Q409.85-750 380-750t-49.92 20.08Q310-709.85 310-680t20.08 49.92Q350.15-610 380-610m0 285'/%3E%3C/svg%3E");
	}

}

/* rdn-cart-wrap
============================================================ */
.rd-navbar-static .rdn-cart-wrap {
	position: relative;
	margin-bottom: .375rem;
	flex-basis: var(--height-rdn-search);
	width: var(--height-rdn-search);
	height: var(--height-rdn-search);

	/* background: palegreen; */
}

/* rdn-cart-toggle
======================================== */
.rdn-cart-toggle {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(60 1% 17%)' %3E%3Cpath d='M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") no-repeat center / auto 1.5rem;
	transition: background .2s .02s linear;
	cursor: pointer;

	/* background: red; */
}

@media (hover: hover) and (pointer: fine) {

	.rdn-cart-toggle:hover {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(205 62% 53%)' %3E%3Cpath d='M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") no-repeat center / auto 1.5rem;
	}

}

.rdn-cart-toggle.active {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(205 62% 53%)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / auto 1.5rem;
}

/* rdn-cart-toggle-quantity
==================== */
.rdn-cart-toggle .rdn-cart-toggle-quantity {
	display: block;
	position: absolute;
	top: -.5rem;
	left: 50%;
	transform: translateX(-50%);
	padding: .125rem .25rem;
	border-radius: var(--border-radius);
	background: var(--accent-color);
	color: var(--white-color);
	font-size: .75rem;
}

.rdn-cart-toggle .rdn-cart-toggle-quantity i {
	display: inline-block;
	font-style: normal;
	font-weight: 600;
}

/* rdn-cart-buy
======================================== */
.rdn-cart-buy {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 1rem;
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	background: var(--accent-color);
	transition: background .3s .02s ease;
	color: var(--white-color);
	font-weight: 500;
	font-size: .875rem;
	text-transform: uppercase;
	text-align: center;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-cart-buy:hover {
		background: var(--accent-color-dark);
	}

}

.rdn-cart-buy::before {
	content: "";
	flex-basis: 1.375rem;
	width: 1.375rem;
	height: 1.375rem;
	margin: 0 .375rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(0 0% 100%)' width='24'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}


.rd-navbar-static .rdn-cart-floating .rdn-cart-buy {
	display: none;
}

	.rd-navbar-fixed .rdn-cart .rdn-cart-buy {
		display: none;
	}

/* rdn-cart
======================================== */
.rdn-cart {
	display: none;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 20.5rem;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	background: var(--white-color);
	color: var(--text-color);
	text-align: left;

	/* background: paleturquoise; */
}

.rdn-cart::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;	
	z-index: -1;
	width: 100%;
	height: 3.125rem;
	background: linear-gradient(var(--white-color), hsl(0 0% 100% / 0));
}


.rd-navbar-static .rdn-cart {
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 2;
	transform: translateY(1.25rem);
	width: 20rem;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	transition: .3s all ease;
}

.rd-navbar-static .rdn-cart.active {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

	.rd-navbar-fixed .rdn-cart {
		display: block;
		position: fixed;
		top: 100%;
		left: 0;
		z-index: 22;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-cart.active {
		transform: translateY(-100%);
	}

/* rdn-cart-items
======================================== */
.rdn-cart-items {
	max-height: 100%;
	height: 100%;
	padding: 1.313rem 0 0;
	overflow: auto;
}

.rdn-cart-items::-webkit-scrollbar {
	width: .25rem;
}

.rdn-cart-items::-webkit-scrollbar-thumb {
	background: var(--border-color);
}

.rdn-cart-item {
	display: table;
	position: relative;
	width: 100%;
	padding: .5rem 0;
}

.rdn-cart-item::after {
	content: "";
	display: block;
	position: absolute;
	right: .625rem;
	bottom: 0;
	left: .625rem;
	height: .063rem;
	background: var(--border-color);
}


.rdn-cart-item-left {
	display: table-cell;
	width: 3.75rem;
	height: auto;
	padding: 0 0 0 .625rem;
	vertical-align: top;
}

.rdn-cart-item-left a {
	display: block;
	margin: .188rem 0 0;
}


.rdn-cart-item-body {
	display: table-cell;
	padding: 0 .625rem;
	vertical-align: top;
}

.rdn-cart-item-title {
	display: inline-block;
	color: var(--accent-color);
	transition: color .3s .02s linear;
	font-size: .875rem;
	line-height: 1.2;
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-cart-item-title:hover {
		color: var(--text-color);
		text-decoration: none;
	}

}

.rdn-cart-item-counter {
	display: block;
	margin: .313rem 0 0;
	font-size: .875rem;
	line-height: 1.3;
}


.rdn-cart-item-remove {
	display: table-cell;
	width: 2.125rem;
	padding: 0;
	vertical-align: middle;
	text-align: center;

	/* background: blueviolet; */
}

.rdn-cart-item-remove button {
	display: block;
	padding: .75rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(0 0% 64%)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 1rem auto;
	transition: all .2s .02s ease;
}

@media (hover: hover) and (pointer: fine) {

	.rdn-cart-item-remove button:hover {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(0 0% 23%)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 1rem auto;
	}

}


.rdn-cart-empty {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	font-weight: 500;
	text-align: center;

	/* background: palegoldenrod; */
}

.rdn-cart-empty span {
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	margin: 0 auto 1.25rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(0 0% 64%)' %3E%3Cpath fill-rule='evenodd' d='M8 7.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0v-1.5H6a.5.5 0 0 1 0-1h1.5V8a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

	.rd-navbar-fixed .rdn-cart-floating {
		display: block;
		position: fixed;
		bottom: .938rem;
		right: .938rem;
		z-index: 5555 !important;
		width: 3.5rem;
		height: 3.5rem;
		overflow: hidden;
		border-radius: 100%;
		box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		transition: .3s all ease;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-cart {
		border-top: .063rem solid var(--border-color);
	}

	.rd-navbar-fixed .rdn-cart-floating .rdn-cart-toggle {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--accent-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(0 0% 100%)' %3E%3Cpath d='M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") no-repeat center / auto 1.5rem;
	}

	.rd-navbar-fixed .rdn-cart-toggle .rdn-cart-toggle-quantity {
		display: none !important;
	}

	.rd-navbar-fixed .rdn-cart-floating.active .rdn-cart-toggle {
		visibility: hidden;
		opacity: 0;
	}

	.rd-navbar-fixed .rdn-cart-floating .rdn-cart-buy {
		opacity: 0;
		visibility: hidden;
	}

	.rd-navbar-fixed .rdn-cart-floating.active {
		right: 0;
		bottom: 0 !important;
		width: 100%;
		border-radius: 0;
		box-shadow: none;
	}

	.rd-navbar-fixed .rdn-cart-floating.active .rdn-cart-buy {
		bottom: -.25rem;
		opacity: 1;
		visibility: visible;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-cart-item-remove {
		width: 2.875rem;
	}


/* ====================================================================================================
	bread-crumbs
==================================================================================================== */
.bread-crumbs {
	background: var(--light-bg);
}

.bread-crumbs ul {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-block: .875rem;

	/* background: #1bbc9b; */
}

@media (max-width: 47.98rem) {

	.bread-crumbs ul {
		justify-content: flex-start;
		overflow-x: auto;
			-webkit-overflow-scrolling: touch;

		/* background: #1bbc9b; */
	}

	.bread-crumbs ul::-webkit-scrollbar {
			-webkit-appearance: none;
		height: .125rem;
	}

	.bread-crumbs ul::-webkit-scrollbar-track {
		background-color: var(--light-bg);
	}

	.bread-crumbs ul::-webkit-scrollbar-thumb {
		background-color: var(--accent-color);
	}

}


.bread-crumbs li {
	display: flex;
	align-items: center;
	color: var(--grey-color);
	font-weight: 500;
	font-size: .875rem;
	white-space: nowrap;
}

.bread-crumbs li::after {
	content: "/";
	margin-inline: .625rem;
	font-size: .75rem;
}

.bread-crumbs li:last-child:after {
	display: none;
}

.bread-crumbs li a {
	color: var(--text-color);
	font-size: .875rem;
	white-space: nowrap;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.bread-crumbs li a:hover {
		color: var(--accent-color);
	}

}

.home-bread-crumbs {
	width: .75rem;
	height: .75rem;
	background: url("data:image/svg+xml,%3Csvg width='14.299' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.21 9.45V6.91l2.47-1.9 2.46-1.9 2.47 1.9 2.47 1.9V12H8.29V8.27H6.16V12H2.21V9.45zM.48 6.18C.21 5.83 0 5.54 0 5.52c0-.01 1.6-1.26 3.57-2.77L7.14 0l1.52 1.16c.83.64 1.52 1.16 1.52 1.16.01 0 .02-.22.03-.48v-.49h1.03l1.04-.01v2.6l1 .78c.56.42 1.01.79 1.01.8 0 .02-.21.31-.48.66-.42.54-.49.62-.52.59-.03-.02-1.42-1.09-3.1-2.38L7.14 2.04 4.1 4.39C2.42 5.68 1.03 6.75 1 6.77c-.03.03-.1-.05-.52-.59z' fill='hsl(0 0% 20%)'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

@media (hover: hover) and (pointer: fine) {

	.home-bread-crumbs:hover {
		background: url("data:image/svg+xml,%3Csvg width='14.299' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.21 9.45V6.91l2.47-1.9 2.46-1.9 2.47 1.9 2.47 1.9V12H8.29V8.27H6.16V12H2.21V9.45zM.48 6.18C.21 5.83 0 5.54 0 5.52c0-.01 1.6-1.26 3.57-2.77L7.14 0l1.52 1.16c.83.64 1.52 1.16 1.52 1.16.01 0 .02-.22.03-.48v-.49h1.03l1.04-.01v2.6l1 .78c.56.42 1.01.79 1.01.8 0 .02-.21.31-.48.66-.42.54-.49.62-.52.59-.03-.02-1.42-1.09-3.1-2.38L7.14 2.04 4.1 4.39C2.42 5.68 1.03 6.75 1 6.77c-.03.03-.1-.05-.52-.59z' fill='hsl(205 62% 53%)'/%3E%3C/svg%3E") no-repeat center / auto 100%;
	}

}


/* ====================================================================================================
	footer
==================================================================================================== */
.footer {
	flex: 0 0 auto;
	background: var(--white-color);
}

/* top-footer
================================================================================ */
.top-footer {
	position: relative;
	z-index: 1;
	background: var(--light-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(205 62% 53%/ .2)' viewBox='0 0 543.001 450'%3E%3Cpath d='M37.329 193.722c145.76-63.505 242.957-105.372 291.59-125.6C467.774 10.367 496.626.335 515.432.004c4.137-.073 13.385.952 19.375 5.813 5.059 4.104 6.45 9.649 7.117 13.54.666 3.892 1.495 12.757.836 19.684-7.525 79.06-40.084 270.924-56.648 359.474-7.01 37.47-20.81 50.033-34.17 51.262-29.036 2.672-51.085-19.19-79.208-37.624-44.006-28.847-68.867-46.804-111.583-74.953-49.366-32.531-17.364-50.411 10.77-79.631 7.36-7.65 135.294-124.013 137.77-134.57.31-1.32.597-6.24-2.326-8.84-2.924-2.597-7.24-1.71-10.353-1.002-4.413 1.002-74.714 47.468-210.902 139.4-19.955 13.702-38.03 20.378-54.223 20.028-17.853-.386-52.194-10.094-77.723-18.393-31.313-10.178-56.2-15.56-54.032-32.846 1.128-9.003 13.527-18.211 37.196-27.624z'/%3E%3C/svg%3E") no-repeat right 25% center / auto 200%;
}

@media (max-width: 47.98rem) {

	.top-footer {
		background-position: right 10% center;
		background-size: auto 120%;
	}

}

.top-footer .container-center {
	padding: 2.25rem var(--container-center-padding-inline);

	/* background: #5e35b1; */
}

.chanel-tg-f {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	/* background: pink; */
}

.title-chanel-tg-f {
	margin: 0 5rem 0 0;
	color: var(--black-color);
	font-size: clamp(1.25rem, 1.21rem + 0.2vw, 1.375rem);
	font-weight: 600;
	line-height: 1.4;

	/* background: palegreen; */
}

@media (max-width: 47.98rem) {

	.title-chanel-tg-f {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
		text-align: center;
	}

}

.title-chanel-tg-f span {
	display: block;
	font-weight: 400;
	font-size: 1rem;
}

@media (max-width: 47.98rem) {

	.title-chanel-tg-f span {
		margin: .625rem 0 0;
	}

}

.chanel-tg-f a {
	padding: 1.125rem 1.875rem 1.125rem 3.5rem;
	border-radius: .25rem;
	background: hsl(200 80% 53%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(0 0% 100%)' viewBox='0 0 543.001 450'%3E%3Cpath d='M37.329 193.722c145.76-63.505 242.957-105.372 291.59-125.6C467.774 10.367 496.626.335 515.432.004c4.137-.073 13.385.952 19.375 5.813 5.059 4.104 6.45 9.649 7.117 13.54.666 3.892 1.495 12.757.836 19.684-7.525 79.06-40.084 270.924-56.648 359.474-7.01 37.47-20.81 50.033-34.17 51.262-29.036 2.672-51.085-19.19-79.208-37.624-44.006-28.847-68.867-46.804-111.583-74.953-49.366-32.531-17.364-50.411 10.77-79.631 7.36-7.65 135.294-124.013 137.77-134.57.31-1.32.597-6.24-2.326-8.84-2.924-2.597-7.24-1.71-10.353-1.002-4.413 1.002-74.714 47.468-210.902 139.4-19.955 13.702-38.03 20.378-54.223 20.028-17.853-.386-52.194-10.094-77.723-18.393-31.313-10.178-56.2-15.56-54.032-32.846 1.128-9.003 13.527-18.211 37.196-27.624z'/%3E%3C/svg%3E") no-repeat left 1.5rem center /auto 1rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
	transition: background-color .2s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.chanel-tg-f a:hover {
		background-color: var(--accent-color-dark);
	}

}

.chanel-tg-f a:active {
	background-color: var(--grey-color);
}

/* main-footer
================================================================================ */
.main-footer {
	border-bottom: .063rem solid var(--border-color);

	/* background: paleturquoise; */
}

.main-footer .container-center {
	display: flex;
	flex-wrap: wrap;
	padding: 3.75rem var(--container-center-padding-inline);

	/* background: #5e35b1; */
}

/* logo-f
============================================================ */
.logo-f {
	flex-basis: 20%;
	width: 20%;

	/* background: peru; */
}

@media (max-width: 74.98rem) {

	.logo-f {
		display: none;
	}

}

.logo-f a {
	display: block;
	width: 10rem;
}

/* contacts-f
============================================================ */
.contacts-f {
	flex-basis: 25%;
	width: 25%;
	display: flex;
	flex-direction: column;

	/* background: palegoldenrod; */
}

@media (max-width: 74.98rem) {

	.contacts-f {
		flex-basis: 33.333%;
		width: 33.333%;
	}

}

@media (max-width: 61.98rem) {

	.contacts-f {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: 1.5rem;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

}

.contacts-f .phone {
	margin-right: 1.25rem;
	margin-bottom: .5rem;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.125rem;
	transition: color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.contacts-f .phone:hover {
		color: var(--accent-color);
	}

}

.contacts-f > span {
	margin-right: 1.25rem;
	margin-bottom: 1rem;
}

.contacts-f .modal-link {
	border-bottom: .063rem dotted var(--accent-color);
	color: var(--accent-color);
	font-size: 1rem;
	text-transform: lowercase;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.contacts-f .modal-link:hover {
		border-bottom-color: transparent;
		color: var(--black-color);
	}

}

.mess-contacts-f {
	display: flex;
	margin-bottom: 1.5rem;

	/* background: palegoldenrod; */
}

@media (max-width: 61.98rem) {

	.mess-contacts-f {
		margin-bottom: .875rem;
	}

}

.mess-contacts-f a {
	flex-basis: 1.875rem;
	width: 1.875rem;
	height: .875rem;

	/* background-color: palevioletred; */
}

.mess-contacts-f .max {
	margin-top: -.063rem;
	flex-basis: 1.25rem;
	width: 1.25rem;
}

.mess-contacts-f .tg {
	height: .75rem;
}

.mess-contacts-f .vk {
	height: .75rem;
}

.mess-contacts-f .mail {
	height: .75rem;
}


.addres-f {
	line-height: 1.3;
}

@media (max-width: 61.98rem) {

	.addres-f {
		flex-basis: 100%;
		width: 100%;
		margin-top: .875rem;
	}

}

.addres-f span {
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
}

/* review-f
============================================================ */
.review-f {
	flex-basis: 27.5%;
	width: 27.5%;
	padding-right: 2.5rem;
	font-weight: 500;

	/* background: paleturquoise; */
}

@media (max-width: 74.98rem) {

	.review-f {
		flex-basis: 33.333%;
		width: 33.333%;
	}

}

@media (max-width: 61.98rem) {

	.review-f {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: 1.5rem;
	}

}

.review-f iframe {
	display: block;
	margin-top: 1.25rem;
	margin-bottom: .625rem;
}

.review-f a {
	display: block;
	color: var(--accent-color);
	transition: color .3s .02s linear;
	font-weight: 500;
	font-size: 1rem;
}

@media (hover: hover) and (pointer: fine) {

	.review-f a:hover {
		color: var(--green-color);
	}

}

/* payment-f
============================================================ */
.payment-f {
	flex-basis: 27.5%;
	width: 27.5%;

	/* background: peachpuff; */
}

@media (max-width: 74.98rem) {

	.payment-f {
		flex-basis: 33.333%;
		width: 33.333%;
	}

}

@media (max-width: 61.98rem) {

	.payment-f {
		flex-basis: 100%;
		width: 100%;
	}

}

.bank-f {
	width: auto;
	max-width: none;
	height: 1.625rem;
	margin-block: 1.25rem;
}

.cards-f {
	width: auto;
	max-width: none;
	height: 1.625rem;
	margin-top: 1.25rem;
}

/* bottom-footer
================================================================================ */
/* .bottom-footer {
	background: paleturquoise;
} */

.bottom-footer .container-center {
	display: flex;
	flex-wrap: wrap;
	padding: 2.5rem var(--container-center-padding-inline);
	line-height: 1.4;

	/* background: #5e35b1; */
}

/* copyright
============================================================ */
.copyright {
	flex-basis: 25%;
	width: 25%;

	/* background: palegoldenrod; */
}

@media (max-width: 74.98rem) {

	.copyright {
		flex-basis: auto;
		width: auto;
		margin-right: 5rem;
		margin-bottom: 1.5rem;
	}

}

.made-f a {
	display: inline-block;
	color: var(--accent-color);
	font-weight: 500;
	text-decoration: underline;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.made-f a:hover {
		color: var(--black-color);
		text-decoration: none;
	}

}

/* fl-152
============================================================ */
.fl-152 {
	flex-basis: 25%;
	width: 25%;

	/* background: paleturquoise; */
}

@media (max-width: 74.98rem) {

	.fl-152 {
		flex-basis: auto;
		width: auto;
		margin-bottom: 1.5rem;
	}

}

.fl-152 a {
	display: inline-block;
	color: var(--accent-color);
	font-weight: 500;
	text-decoration: underline;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.fl-152 a:hover {
		color: var(--black-color);
		text-decoration: none;
	}

}

/* fl-146
============================================================ */
.fl-146 {
	flex-basis: 50%;
	width: 50%;
	padding-left: 2.5rem;
	font-size: .875rem;

	/* background: palevioletred; */
}

@media (max-width: 74.98rem) {

	.fl-146 {
		flex-basis: 100%;
		width: 100%;
		padding-left: 0;
	}

}


/* INNER PAGES */


/* ====================================================================================================
	about
==================================================================================================== */
.about {
	display: flex;
	margin-bottom: 3.75rem;
}

/* left-about
============================================================ */
.left-about {
	flex-basis: 60%;
	width: 60%;
	padding-right: 2.5rem;

	/* background: paleturquoise; */
}

@media (max-width: 61.98rem) {

	.left-about {
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 0;
	}

}

/* right-about
============================================================ */
.right-about {
	flex-basis: 40%;
	width: 40%;
	flex-direction: column;
	margin: -.625rem 0;
	padding-left: 2.5rem;

	/* background: palevioletred; */
}

@media (max-width: 61.98rem) {

	.right-about {
		display: none;
	}

}

.right-about img {
	flex-basis: calc(50% - 1.25rem);
	height: calc(50% - 1.25rem);
	margin: .625rem 0;
	object-fit: cover;
}

/* table-requisites
============================================================ */
.table-requisites {
	width: auto;
	line-height: 1.2;
}

.table-requisites tr {
	border-bottom: .063rem solid var(--border-color);
}

.table-requisites th {
	padding: var(--th-td-padding-block);
	padding-left: 0;
	font-weight: 600;
	text-align: left;
	vertical-align: top;
}

.table-requisites td {
	padding: var(--th-td-padding-block);
	padding-left: 0;
	vertical-align: top;
}

/* ====================================================================================================
	articles
==================================================================================================== */
/* grid-info
============================================================================= */
.grid-info {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);

	/* background: peachpuff; */
}

.cell-info {
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 1.5rem;
	border-radius: var(--border-radius);
	color: var(--white-color);
}

@media (max-width: 47.98rem) {

	.cell-info {
		flex-basis: 100%;
		width: 100%;
	}

}

.cell-info::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: var(--border-radius);
	background: hsl(60 1% 17% / .5);
	transition: all .3s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.cell-info:hover::before {
		background: hsl(205 62% 53% / .4);
	}

}

.cell-info::after {
	--indent: -.625rem;
	content: "";
	display: block;
	position: absolute;
	top: var(--indent);
	right: var(--indent);
	bottom: var(--indent);
	left: var(--indent);
	z-index: -1;
	border: .125rem solid transparent;
	border-radius: var(--border-radius);
	transition: border-color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.cell-info:hover::after {
		border-color: var(--accent-color);
	}

}

.cell-info img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	height: 100%;
	object-fit: cover;
}

.title-grid-info {
	margin: 0 0 .625rem;
	font-weight: 500;
	font-size: clamp(1.25rem, 1.21rem + 0.2vw, 1.375rem);
	line-height: 1.2;
	text-transform: uppercase;
}

.date-grid-info {
	margin: 0 0 1.875rem;
}

.text-grid-info {
	flex: 1 0 auto;
	margin: 0 0 2.5rem;
	line-height: 1.5;
}

.btn-grid-info {
	flex: 0 0 auto;
	margin: auto 0 0 0;
}

.btn-grid-info span {
	border-bottom: .063rem dotted var(--white-color);
	color: var(--white-color);
	font-weight: 500;
	font-size: .875rem;
	text-transform: uppercase;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.btn-grid-info span:hover {
		border-bottom-color: transparent;
	}

}

/* inner articles
============================================================================= */
.required-icons-articles-fabric-care {
	margin: 0 0 2.5rem;
	border: .063rem solid var(--border-color);
	border-right: none;
}

@media (max-width: 47.98rem) {

	.required-icons-articles-fabric-care {
		border: none;
	}

}

.required-icons-articles-fabric-care .element-flex {
	flex-basis: 20%;
	max-width: 20%;
	padding: 1.25rem;
	border-right: .063rem solid var(--border-color);
}

@media (max-width: 47.98rem) {

	.required-icons-articles-fabric-care .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		padding: .938rem 0;
		border-right: none;
		border-bottom: .063rem solid var(--border-color);
		display: flex;
		align-items: center;
	}

}

/* .required-icons-articles-fabric-care span:first-child {
} */

@media (max-width: 47.98rem) {

	.required-icons-articles-fabric-care span:first-child {
		flex-basis: 4.375rem;
		max-width: 4.375rem;
	}

}

.required-icons-articles-fabric-care img {
	max-width: 2.5rem;
	margin: 0 auto 1.25rem;
}

@media (max-width: 47.98rem) {

	.required-icons-articles-fabric-care img {
		margin: 0;
	}

}

.required-icons-articles-fabric-care span:last-child {
	display: block;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}

@media (max-width: 47.98rem) {

	.required-icons-articles-fabric-care span:last-child {
		text-align: left;
	}

}


.articles-fabric-care {
	margin: 2.5rem 0;
}

.block-articles-fabric-care {
	display: flex;
	margin: 0 0 1.25rem;
	padding: 0 0 1.25rem;
	border-bottom: .063rem solid var(--border-color);
}

.block-articles-fabric-care span:first-child {
	flex-basis: 5rem;
	max-width: 5rem;

	/* background: red; */
}

.block-articles-fabric-care img {
	max-width: 2.5rem;
}

.block-articles-fabric-care span:last-child {
	flex-basis: calc(100% - 5rem);
	max-width: calc(100% - 5rem);
	align-self: center;
	line-height: 1.3;
}

/* ====================================================================================================
	contacts
==================================================================================================== */
.contacts {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1.875rem;
	padding: 0 0 1.875rem;
	border-bottom: .063rem solid var(--border-color);
}

@media (max-width: 47.98rem) {

	.contacts {
		margin: 0;
		padding: 0;
		border-bottom: none;
	}

}

.contacts > div {
	position: relative;
	flex-basis: 50%;
	width: 50%;
}

@media (max-width: 47.98rem) {

	.contacts > div {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 1.875rem;
	}

}

.contacts > div:first-child {
	padding-right: 2.5rem;
	border-right: .063rem solid var(--border-color);

	/* background: papayawhip; */
}

@media (max-width: 47.98rem) {

	.contacts > div:first-child {
		padding-right: 0;
		border-right: none;
	}

}

.contacts > div:last-child {
	padding-left: 4.5rem;

	/* background: peachpuff; */
}

@media (max-width: 47.98rem) {

	.contacts > div:last-child {
		padding-left: 1.875rem;
	}

}

:where(.contacts > div)::before {
	content: "";
	display: block;
	position: absolute;
	top: .125rem;
	left: 0;
	width: .875rem;
	height: .875rem;
}

:where(.contacts > div):last-child::before {
	left: 2.5rem;
}

@media (max-width: 47.98rem) {

	:where(.contacts > div):last-child::before {
		left: 0;
	}

}

.contacts > div span:first-of-type {
	display: block;
	position: relative;
	margin: 0 0 .938rem;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;

	/* background: red; */
}

:where(.contacts > div) span:last-of-type a {
	display: inline-block;
	margin: 0 .313rem 0 0;
	color: var(--accent-color);
	transition: color .3s .02s linear;
	font-size: 1rem;
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {

	:where(.contacts > div) span:last-of-type a:hover {
		color: var(--text-color);
		text-decoration: none;
	}

}

/* tel-cont
============================================ */
.tel-cont {
	padding-left: 1.875rem;

	/* background: palegoldenrod; */
}

.tel-cont::before {
	width: 1.125rem;
	height: 1.125rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(60 1% 17%)' viewBox='0 -960 960 960'%3E%3Cpath d='M798-120q-125 0-247-54.5T329-329 174.5-551 120-798q0-18 12-30t30-12h162q14 0 25 9.5t13 22.5l26 140q2 16-1 27t-11 19l-97 98q20 37 47.5 71.5T387-386q31 31 65 57.5t72 48.5l94-94q9-9 23.5-13.5T670-390l138 28q14 4 23 14.5t9 23.5v162q0 18-12 30t-30 12M241-600l66-66-17-94h-89q5 41 14 81t26 79m358 358q39 17 79.5 27t81.5 13v-88l-94-19zm0 0'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

.tel-cont > span:last-of-type {
	display: block;
	color: var(--grey-color);
	font-size: .875rem;
	line-height: 1.5;
}

.tel-cont > span:last-of-type a {
	display: inline-block;
	margin: 0 .313rem 0 0;
	color: var(--black-color);
	font-weight: 600;
	font-size: 1rem;
	text-decoration: none;
	transition: color .2s linear .02s;

	/* background: red; */
}

@media (hover: hover) and (pointer: fine) {

	.tel-cont > span:last-of-type a:hover {
		color: var(--accent-color);
	}

}

/* mess-cont
============================================ */
.mess-cont {
	display: flex;
	position: relative;
	left: -1.875rem;
	align-items: center;

	/* background: red; */
}

@media (max-width: 47.98rem) {

	.mess-cont {
		left: 0;
	}

}

.mess-cont::before {
	display: none;
}

.mess-cont a {
	flex-basis: 1.875rem;
	width: 1.875rem;
	height: .875rem;

	/* background-color: palevioletred; */
}

.mess-cont .max {
	flex-basis: 1.25rem;
	width: 1.25rem;
}

.mess-cont .tg {
	height: .75rem;
}

.mess-cont .vk {
	height: .75rem;
}

.mess-cont .mail {
	height: .75rem;
}

/* mail-cont
============================================ */
.mail-cont {
	padding-left: 2rem;

	/* background: pink; */
}

.mail-cont::before {
	width: 1rem;
	height: 1rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' fill='none'%3E%3Cpath fill='hsl(60 1% 17%)' d='M1.5 12q-.62 0-1.06-.44A1.45 1.45 0 0 1 0 10.5v-9Q0 .88.44.44T1.5 0h12q.619 0 1.06.44.44.44.44 1.06v9q0 .619-.44 1.06-.442.44-1.06.44zm6-5.25L1.5 3v7.5h12V3zm0-1.5 6-3.75h-12zM1.5 3V1.5v9z'/%3E%3C/svg%3E") no-repeat center / 100% auto;
}

/* dir-cont
============================================ */
/* .dir-cont {
	background: red;
} */

@media (max-width: 47.98rem) {

	.dir-cont {
		padding: 0 0 2.5rem;
		border-bottom: .063rem solid var(--border-color);
	}

}

/* maps-contacts
============================================ */
/* .maps-contacts {
	background: pink;
} */

.row-maps-contacts {
	display: flex;
	flex-wrap: wrap;
}

.left-maps-contacts {
	flex-basis: 45%;
	width: 45%;
	padding-right: 2.5rem;
}

@media (max-width: 61.98rem) {

	.left-maps-contacts {
		flex-basis: 100%;
		width: 100%;
		padding-right: 0;
	}

}

.center-maps-contacts {
	flex-basis: 27.5%;
	width: 27.5%;
	padding-right: 2.5rem;
}

@media (max-width: 61.98rem) {

	.center-maps-contacts {
		flex-basis: 100%;
		width: 100%;
		padding-right: 0;
	}

}

.right-maps-contacts {
	flex-basis: 27.5%;
	width: 27.5%;
	padding-right: 2.5rem;
}

@media (max-width: 61.98rem) {

	.right-maps-contacts {
		flex-basis: 100%;
		width: 100%;
		padding-right: 0;
	}

}

/* ======= pin-cont======= */
.pin-cont {
	position: relative;
	margin: 0 0 1.25rem;
	padding-left: 1.75rem;
	line-height: 1.3;

	/* background: red; */
}

.pin-cont::before {
	content: "";
	display: block;
	position: absolute;
	top: .188rem;
	left: 0;
	width: 1rem;
	height: 1rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(60 1% 17%)' viewBox='0 -960 960 960'%3E%3Cpath d='M480-477.61q34.2 0 58.29-24.1 24.1-24.09 24.1-58.29t-24.1-58.29q-24.09-24.1-58.29-24.1t-58.29 24.1q-24.1 24.09-24.1 58.29t24.1 58.29q24.09 24.1 58.29 24.1m0 285.15q120.33-110.08 178.73-198.59 58.4-88.52 58.4-161.91 0-107.31-68.67-175.74t-168.47-68.43q-99.79 0-168.46 68.43-68.66 68.43-68.66 175.74 0 73.39 58.4 161.79 58.4 88.39 178.73 198.71m0 120.59Q315.17-211.26 233.52-329.36t-81.65-223.6q0-153.28 98.95-244.22 98.95-90.95 229.18-90.95t229.18 90.95q98.95 90.94 98.95 244.22 0 105.5-81.65 223.6T480-71.87M480-560'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

.pin-cont > span:first-child {
	display: block;
	position: relative;
	margin: 0 0 .938rem;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;
}


.pin-cont + p {
	margin-left: 2rem;
	font-size: .875rem;
}

/* ======= time-cont======= */
.time-cont {
	position: relative;
	margin: 0 0 1.25rem;
	padding-left: 2rem;
	line-height: 1.3;

	/* background: red; */
}

.time-cont::before {
	content: "";
	display: block;
	position: absolute;
	top: .188rem;
	left: 0;
	width: 1.125rem;
	height: 1.125rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(60 1% 17%)' viewBox='0 -960 960 960'%3E%3Cpath d='m608.41-290.57 61.5-61.02-146.32-146.32V-678.8h-87.18v216.13zM480-71.87q-84.91 0-159.34-32.12-74.44-32.12-129.5-87.17-55.05-55.06-87.17-129.5Q71.87-395.09 71.87-480t32.12-159.34q32.12-74.44 87.17-129.5 55.06-55.05 129.5-87.17 74.43-32.12 159.34-32.12t159.34 32.12q74.44 32.12 129.5 87.17 55.05 55.06 87.17 129.5 32.12 74.43 32.12 159.34t-32.12 159.34q-32.12 74.44-87.17 129.5-55.06 55.05-129.5 87.17Q564.91-71.87 480-71.87m0-91q131.8 0 224.47-92.54 92.66-92.55 92.66-224.59t-92.66-224.59Q611.81-797.13 480-797.13q-131.8 0-224.47 92.54-92.66 92.55-92.66 224.59t92.66 224.59q92.66 92.54 224.47 92.54'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

.time-cont > span:first-child {
	display: block;
	position: relative;
	margin: 0 0 .938rem;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;
}


.time-cont + p {
	margin-left: 2rem;
	font-size: .875rem;
}

/* ======= map-yandex ======= */
.map-yandex {
	width: 100%;
	height: 28.125rem;
	margin: 2.5rem 0;
	overflow: hidden;
	border-radius: .25rem;
}


/* ====================================================================================================
	filters + grid-products
==================================================================================================== */
/* name-filtters
============================================ */
@media (min-width: 61.98rem) {

	.name-filtters {
		display: none;
	}

}

@media (max-width: 61.98rem) {

	.name-filtters {
		position: relative;
		margin-bottom: 2.5rem;
		padding: .875rem 1.125rem;
		border: .063rem solid transparent;
		border-radius: var(--border-radius);
		background: var(--light-bg);
		cursor: pointer;
		font-weight: 500;
		transition: all .3s .02s linear;
	}

	.name-filtters::after {
		content: "";
		position: absolute;
		top: 1.125rem;
		right: 1.25rem;
		width: .5rem;
		height: .5rem;
		border-bottom: .125rem solid var(--black-color);
		border-right: .125rem solid var(--black-color);
		transform: rotate(45deg);
		transition: all .3s .02s linear;
	}

	.name-filtters-active {
		margin: 0 0 1.875rem;
		color: var(--accent-color);

		/* background: red; */
	}

	.name-filtters-active::after {
		top: 1.25rem;
		border-color: var(--accent-color);
		transform: rotate(-135deg);
	}

}

/* filters
============================================ */
/* .filters {
	background: palegoldenrod;
} */

.filters .grid-filters {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.25rem 1.25rem;

	/* background: seagreen; */
}

.filters .cell-filters {
	flex-basis: calc(33.3333% - 2.5rem);
	max-width: calc(33.3333% - 2.5rem);
	margin: 0 1.25rem 1.25rem;

	/* background: powderblue; */
}

@media (max-width: 61.98rem) {

	.filters .cell-filters {
		flex-basis: calc(50% -2.5rem);
		max-width: calc(50% -2.5rem);
	}

	.filters .cell-filters:first-child {
		flex-basis: calc(33.3333% -2.5rem);
		max-width: calc(33.3333% -2.5rem);
	}

}

@media (max-width: 47.98rem) {

	.filters .cell-filters {
		flex-basis: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
	}

	.filters .cell-filters:first-child {
		flex-basis: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
	}

}

.filters .cell-filters:nth-child(2) {
	flex-basis: calc(66.6666% - 2.5rem);
	max-width: calc(66.6666% - 2.5rem);
	margin: 0 1.25rem 1.25rem;
	display: flex;
	flex-direction: column;

	/* background: plum; */
}

@media (max-width: 47.98rem) {

	.filters .cell-filters:nth-child(2) {
		flex-basis: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
	}

}

/* .filters .cell-filters:nth-child(2n) {
	background: peachpuff;
} */

.filters .cell-filters:last-child {
	flex-basis: 100% !important;
	max-width: 100% !important;
}

/* ======= filters-2 ======= */
.filters-2 .cell-filters {
	flex-basis: calc(25% - 2.5rem);
	max-width: calc(25% - 2.5rem);
}

@media (max-width: 61.98rem) {

	.filters-2 .cell-filters {
		flex-basis: calc(50% - 2.5rem);
		max-width: calc(50% - 2.5rem);
	}

}

@media (max-width: 47.98rem) {

	.filters-2 .cell-filters {
		flex-basis: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
	}

}

.filters-2 .cell-filters:first-child {
	flex-basis: calc(33.3333% - 2.5rem);
	max-width: calc(33.3333% - 2.5rem);
}

@media (max-width: 47.98rem) {

	.filters-2 .cell-filters:first-child {
		flex-basis: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
	}

}

.filters-2 .cell-filters:nth-child(2) {
	flex-basis: calc(66.6666% - 2.5rem);
	max-width: calc(66.6666% - 2.5rem);
}

@media (max-width: 47.98rem) {

	.filters-2 .cell-filters:nth-child(2) {
		flex-basis: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
	}

}

/* ======= filters-3 ======= */
.filters-3 .cell-filters:nth-child(2) {
	flex-basis: calc(33.3333% - 2.5rem);
	max-width: calc(33.3333% - 2.5rem);

	/* background: red; */
}

.filters-3 .cell-filters:nth-child(3) {
	flex-basis: calc(33.3333% - 2.5rem);
	max-width: calc(33.3333% - 2.5rem);

	/* background: blueviolet; */
}


.title-filters {
	margin: 0 0 .625rem;
	font-weight: 600;
	font-size: .875rem;
}

/* ======= filters range ======= */
.filters .double-input-range-wrap {
	max-width: none;
	margin-top: 1.5rem;
}

/* ======= sale-filters ======= */
.sale-filters {
	margin: 1.5rem 0;

	/* background: plum; */
}

.sale-filters .checkbox-input {
	display: inline-block;
	margin: 0 clamp(0.625rem, 0.425rem + 1vw, 1.25rem) .625rem 0;

	/* background: palegoldenrod; */
}

.sale-filters .checkbox-input:last-of-type {
	margin-right: 0;
}

.sale-filters .label-cbx {
	padding-left: 2rem;
	font-size: clamp(0.875rem, 0.835rem + 0.2vw, 1rem);
}

/* ======= color-filter ======= */
.grid-color-filter {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.313rem;

	/* background: rebeccapurple; */
}

.cell-color-filter {
	flex-basis: calc(11.1% - .625rem);
	max-width: calc(11.1% - .625rem);
	margin: 0 .313rem .625rem;

	/* background: pink; */
}

@media (max-width: 61.98rem) {

	.cell-color-filter {
		flex-basis: calc(16.6667% - .625rem);
		max-width: calc(16.6667% - .625rem);
	}

}

@media (max-width: 47.98rem) {

	.cell-color-filter {
		flex-basis: calc(25% - .625rem);
		max-width: calc(25% - .625rem);
	}

}

/* .cell-color-filter:nth-child(2n) {
	background: powderblue;
} */

.color-filter {
	display: block;
	position: relative;
	width: 100%;
	margin: auto;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	text-align: center;

	/* background: red; */
}

.color-filter input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.color-filter span {
	display: inline-block;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}

.color-filter .ico-cbx-color {
	display: block;
	width: 100%;
	height: 2.5rem;
	margin: 0 0 .25rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	/* background: red; */
}

.color-filter .ico-cbx-color svg {
	position: absolute;
	top: calc(50% - .5rem);
	left: calc(50% - .5rem);
	width: 1.125rem;
	height: 1.125rem;
	fill: none;
	stroke: transparent;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1.25rem;
	stroke-dashoffset: 1.25rem;
	transition: all .3s ease;
	transition-delay: .1s;
	transform: translate3d(0, 0, 0);

	/* background: powderblue; */
}

.color-filter .ico-cbx-color::before {
	content: "";
	display: block;
	position: relative;
	top: calc(50% - .938rem);
	left: calc(50% - .938rem);
	width: 1.875rem;
	height: 1.875rem;
	opacity: 1;
	border-radius: 50%;
	background: rgb(51 51 51 / .3);
	transform: scale(0);
}

.color-filter .label-cbx-color {
	display: block;
	color: var(--text-color);
	font-size: .75rem;
	line-height: 1.3;

	/* background: seagreen; */
}

.color-filter input[type="checkbox"]:checked + .ico-cbx-color svg {
	stroke-dashoffset: 2;
	stroke: var(--light-bg);
}

.color-filter input[type="checkbox"]:checked + .ico-cbx-color.black-ico-cbx svg {
	stroke: var(--text-color);
}

.color-filter input[type="checkbox"]:checked + .ico-cbx-color::before {
	transform: scale(3.5);
	opacity: 0;
	transition: all .28s linear;
}

/* grid-products
============================================ */
.grid-products {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
	margin-bottom: 2.5rem;
}

.cell-grid-products {
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (3 - 1)) / 3);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (3 - 1)) / 3);
}

@media (max-width: 47.98rem) {

	.cell-grid-products {
		flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
		width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	}

}

/* item-grid-products
==================== */
.item-grid-products {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);

	/* background: #ccc; */
}

.item-grid-products::after {
	--indent: -.625rem;
	content: "";
	display: block;
	position: absolute;
	top: var(--indent);
	right: var(--indent);
	bottom: var(--indent);
	left: var(--indent);
	z-index: -1;
	border: .125rem solid transparent;
	border-radius: var(--border-radius);
	transition: border-color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.item-grid-products:hover::after {
		border-color: var(--accent-color);
	}

}

/* img-grid-products
==================== */
.img-grid-products {
	position: relative;
	z-index: 1;
	margin: 0 0 .938rem;

	/* background: #ccc; */
}

.img-grid-products > a {
	display: block;
	position: relative;
	height: clamp(10rem, 7.8rem + 11vw, 16.875rem);
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	overflow: hidden;

	/* border: 2px solid red; */
}

.img-grid-products > a img {
	object-fit: cover;
}

.img-grid-products-accessory > a img {
	object-fit: contain;
}

.img-grid-products > a::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	border-radius: var(--border-radius);
	background: hsl(205 62% 53% / .4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(0 0% 100%)' viewBox='0 -960 640 640'%3E%3Cpath d='M64.62-320Q37-320 18.5-338.5T0-384.62v-510.76Q0-923 18.5-941.5T64.62-960h224.61v40H64.62q-9.24 0-16.93 7.69T40-895.38v510.76q0 9.24 7.69 16.93T64.62-360h510.76q9.24 0 16.93-7.69t7.69-16.93v-224.61h40v224.61q0 27.62-18.5 46.12T575.38-320Zm164.92-201.23-28.31-28.31L571.69-920H400v-40h240v240h-40v-171.69z'/%3E%3C/svg%3E") no-repeat center / auto 1.875rem;
	/* background: hsl(60 1% 17% / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='hsl(0 0% 100%)' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-320q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm0-80q33 0 56.5-23.5T560-480q0-33-23.5-56.5T480-560q-33 0-56.5 23.5T400-480q0 33 23.5 56.5T480-400Zm0-80ZM200-120q-33 0-56.5-23.5T120-200v-160h80v160h160v80H200Zm400 0v-80h160v-160h80v160q0 33-23.5 56.5T760-120H600ZM120-600v-160q0-33 23.5-56.5T200-840h160v80H200v160h-80Zm640 0v-160H600v-80h160q33 0 56.5 23.5T840-760v160h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem; */
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.img-grid-products > a:hover::before {
		visibility: visible;
		opacity: 1;
	}

}

.img-grid-products > a:active::before {
	visibility: visible;
	opacity: 1;
}

/* title-grid-products
==================== */
.title-grid-products {
	margin: 0 0 .938rem;
	padding: 0 1.25rem;
}

.title-grid-products a {
	display: inline-block;
	color: var(--accent-color-dark);
	transition: color .3s .02s linear;
	font-weight: 600;
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	line-height: 1.3;
	text-transform: uppercase;
}

@media (hover: hover) and (pointer: fine) {

	.title-grid-products a:hover {
		color: var(--black-color);
	}

}

/* price-grid-products
==================== */
.price-grid-products {
	margin: 0 0 1.875rem;
	padding: 0 1.25rem;
	color: var(--black-color);
	font-weight: 600;
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	line-height: 1.2;
	text-transform: uppercase;
}

/* btn-grid-products
==================== */
.btn-grid-products {
	margin: auto .625rem .625rem;
}

.btn-grid-products a {
	display: block;
	padding: 1rem 1.25rem;
	border-radius: var(--border-radius);
	background: var(--accent-color-dark);
	color: var(--white-color);
	font-weight: 400;
	font-size: clamp(0.75rem, 0.71rem + 0.2vw, 0.875rem);
	text-transform: uppercase;
	text-align: center;
	transition: background .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.btn-grid-products a:hover {
		background: var(--accent-color);
	}

}

.btn-grid-products a:active {
	background: var(--accent-color);
}


/* ====================================================================================================
	card
==================================================================================================== */
.card {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3.75rem;

	/* background: red; */
}

/* img-card
============================================ */
.img-card {
	position: relative;
	flex-basis: 50%;
	max-width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;

	/* border: 2px solid blue; */
}

@media (max-width: 61.98rem) {

	.img-card {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
	}

}


.img-card > a,
.slick-slider-img-card a {
	display: block;
	width: 100%;
	height: 100%;
	/* max-height: 28.75rem; */
	overflow: hidden;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);

	/* border: 2px solid red; */
}

/* @media (max-width: 61.98rem) {

	.img-card > a,
	.slick-slider-img-card {
		max-width: 38rem;
		margin-inline: auto;
	}

} */

@media (max-width: 47.98rem) {

	.img-card > a,
	.slick-slider-img-card {
		max-height: 25rem;
	}

}

.img-card img {
	height: 100%;
	object-fit: contain;
}


.slick-slider-img-card {
	width: 100%;
	height: 100%;
	max-height: 28.75rem;

	/* border: 3px solid blueviolet; */
}

/* slick-slider-img-card arrows
============================================ */
.slick-slider-img-card .slick-prev,
.slick-slider-img-card .slick-next {
	top: 50%;
	transform: translateY(-50%);
}

.slick-slider-img-card .slick-prev {
	left: 1rem;
}

.slick-slider-img-card .slick-next {
	right: 1rem;
}


.img-card .tags {
	right: auto;
	left: .938rem;
}


.img-card .buttons {
	text-align: center;
}

.all-coll-card {
	margin: 0 .625rem;
	vertical-align: top;
}

/* info-card
============================================ */
.info-card {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 3.125rem;

	/* background-color: peru; */
}

@media (max-width: 61.98rem) {

	.info-card {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.info-card h1 {
	margin-bottom: .625rem;
}

.info-card h2 {
	margin-bottom: .625rem;
	font-size: clamp(1rem, 0.92rem + 0.4vw, 1.25rem);
	font-family: var(--main-font);
	text-transform: none;
}

.info-card h1 a {
	display: inline-block;
	color: var(--accent-color-dark);
	transition: color .3s .02s linear;

	/* background: paleturquoise; */
}

@media (hover: hover) and (pointer: fine) {

	.info-card h1 a:hover {
		color: var(--accent--color);
	}

}

.info-card h1 a:active {
	color: var(--accent--color);
}

.info-card h1 + h2 {
	margin-top: 0;
}

.info-card h2 span {
	display: inline-block;
	margin: 0 .313rem 0 0;
	color: var(--grey-color);
	font-size: 1.25rem;
}

/* ======= prices-card ======= */
.prices-card {
	margin: 1.5rem 0 1.5rem;

	/* background: rebeccapurple; */
}

.coast-card {
	display: inline-block;
	color: var(--black--color);
	font-weight: 600;
	font-size: clamp(1.375rem, 1.175rem + 1vw, 2rem);
}

/* .coast-card .rub::after {
	font-size: 2rem;
} */

.old-coast-card {
	display: inline-block;
	position: relative;
	margin: 0 0 0 1.25rem;
	color: var(--grey-color);
	font-weight: 600;
	font-size: clamp(1rem, 0.88rem + 0.6vw, 1.375rem);
}

/* .old-coast-card .rub::after {
	font-size: 1.375rem;
} */

.old-coast-card::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -.313rem;
	transform: translateY(-50%);
	width: calc(100% + .625rem);
	height: .063rem;
	background: var(--grey-color);
}


.note-prices-card {
	display: block;
	margin: 1.25rem 0 0;
}

.note-prices-card span {
	display: inline-block;
	margin: 0 .625rem 0 0;
	color: var(--red-color);
	font-weight: 600;
}

.note-prices-card a {
	display: inline-block;
	padding: 0 0 .125rem;
	border-bottom: .063rem dotted var(--accent-color-dark);
	color: var(--accent-color-dark);
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

@media (hover: hover) and (pointer: fine) {

	.note-prices-card a:hover {
		border-bottom-color: transparent;
		color: var(--black-color);
	}

}

.note-prices-card a:active {
	border-bottom-color: transparent;
	color: var(--black-color);
}

/* ======= delivery-time-card ======= */
.delivery-time-card {
	margin: 0 0 1.5rem;
}

.delivery-time-card span {
	padding: .313rem .875rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);
	font-weight: 500;
}

.in-stock-delivery-time-card {
	color: var(--green-color);
}

.date-delivery-time-card {
	color: var(--orange-color);
}

.correction-delivery-time-card {
	color: var(--red-color);
}

/* ======= buy-card ======= */
.buy-card {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1.5rem;

	/* background: palegoldenrod; */
}

@media (max-width: 35.98rem) {

	.buy-card {
		margin: 0 0 1.5rem;
	}

}


.title-buy-card {
	flex-basis: 100%;
	width: 100%;
	margin: 0 0 .625rem;
	font-weight: 600;

	/* background: palevioletred; */
}


.buy-card .input-number {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 1.25rem .938rem 0;

	/* background: palegreen; */
}

@media (max-width: 35.98rem) {

	.buy-card .number-input {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .938rem;
	}

}


.buy-card .input-number-input {
	flex-basis: 6.25rem;
	width: 6.25rem;
	height: 2.875rem;
}

.buy-card .input-number-minus,
.buy-card .input-number-plus {
	flex-basis: 2.875rem;
	width: 2.875rem;
	height: 2.875rem;
}

/* = add-to-cart-product-card = */
.add-to-cart-product-card {
	margin: auto 0 .625rem;

	/* background: palevioletred; */
}

.add-to-cart-product-card a {
	height: 2.875rem;
}

/* = in-cart-product-card = */
.in-cart-product-card {
	margin: auto 0 .625rem;
}

.in-cart-product-card a {
	height: 2.875rem;
	border: .063rem solid var(--accent-color-dark);
	background: var(--white-color);
	color: var(--black-color);
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.in-cart-product-card a:hover {
		border-color: var(--accent-color);
		color: var(--accent-color);
	}

}

.in-cart-product-card a:active {
	border-color: var(--accent-color);
	color: var(--accent-color);
}

/* ======= table-spec-card ======= */
.table-spec-card {
	position: relative;
	width: calc(100% - 2rem);
	margin: 0 auto 1.875rem;
	background: var(--white-color);
	font-size: .875rem;
	line-height: 1.3;

	/* background: red; */
}

.table-spec-card::after {
	content: "";
	display: block;
	position: absolute;
	top: -.5rem;
	right: -1rem;
	bottom: -.5rem;
	left: -1rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
}

.table-spec-card tr:not(:last-of-type) {
	border-bottom: .063rem solid var(--border-color);
}

.table-spec-card th {
	width: 50%;
	padding: .625rem .625rem .625rem 0;
	vertical-align: top;
	font-weight: 600;
	text-align: left;
}

.table-spec-card td {
	padding: .625rem;
	border-left: .063rem solid var(--border-color);
	vertical-align: top;
}

/* ======= links-card ======= */
.links-card {
	display: flex;
	flex-wrap: wrap;
}

.links-card > span {
	margin: 0 1.5rem .938rem 0;
}

.links-card > span:last-child {
	margin-right: 0;
}

.links-card a {
	display: inline-block;
	border-bottom: .063rem dotted var(--accent-color-dark);
	color: var(--accent-color-dark);
	font-weight: 600;
	font-size: 1rem;
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

@media (hover: hover) and (pointer: fine) {

	.links-card a:hover {
		border-bottom-color: transparent;
		color: var(--black-color);
	}

}

.links-card a:active {
	border-bottom-color: transparent;
	color: var(--black-color);
}

/* grid-colors-collection
============================================ */
.grid-colors-collection {
	position: relative;
	z-index: 1;
	margin-bottom: 1.875rem;
}

.grid-colors-collection {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;

	/* background: greenyellow; */
}

.cell-grid-colors-collection {
	flex-basis: calc((100% - 1.25rem * (4 - 1) ) / 4);
	width: calc((100% - 1.25rem * (4 - 1) ) / 4);
	margin-bottom: 1.875rem;

	/* background: red; */
}

@media (max-width: 47.98rem) {

	.cell-grid-colors-collection {
		flex-basis: calc((100% - 1.25rem * (3 - 1) ) / 3);
		width: calc((100% - 1.25rem * (3 - 1) ) / 3);
	}

}

@media (max-width: 35.98rem) {

	.cell-grid-colors-collection {
		flex-basis: calc((100% - 1.25rem * (2 - 1) ) / 2);
		width: calc((100% - 1.25rem * (2 - 1) ) / 2);
	}

}

.item-grid-colors-collection {
	display: flex;
	position: relative;
	height: 100%;
	flex-direction: column;

	/* background: red; */
}

/* ======= img-grid-colors-collection ======= */
.img-grid-colors-collection {
	margin: 0 0 .938rem;

	/* border: 2px solid red; */
}

.img-grid-colors-collection a {
	display: block;
	position: relative;
	z-index: 1;
	height: 10rem;
	overflow: hidden;
	border-radius: var(--border-radius);

	/* background: palegreen; */
}

@media (max-width: 47.98rem) {

	.img-grid-colors-collection a {
		height: 8.5rem;
	}

}

.img-grid-colors-collection a::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	border-radius: var(--border-radius);
	background: hsl(205 62% 53% / .4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(0 0% 100%)' viewBox='0 -960 640 640'%3E%3Cpath d='M64.62-320Q37-320 18.5-338.5T0-384.62v-510.76Q0-923 18.5-941.5T64.62-960h224.61v40H64.62q-9.24 0-16.93 7.69T40-895.38v510.76q0 9.24 7.69 16.93T64.62-360h510.76q9.24 0 16.93-7.69t7.69-16.93v-224.61h40v224.61q0 27.62-18.5 46.12T575.38-320Zm164.92-201.23-28.31-28.31L571.69-920H400v-40h240v240h-40v-171.69z'/%3E%3C/svg%3E") no-repeat center / auto 1.875rem;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.img-grid-colors-collection a:hover::before {
		visibility: visible;
		opacity: 1;
	}

}

.img-grid-colors-collection a:hover::before {
	visibility: visible;
	opacity: 1;
}

.img-grid-colors-collection img {
	height: 100%;
	object-fit: cover;
}

.img-grid-colors-collection-accessory img {
	object-fit: contain;
}

/* ======= title-grid-colors-collection ======= */
.title-grid-colors-collection {
	height: 100%;
	margin: 0 0 .938rem;
}

.title-grid-colors-collection a {
	display: block;
	color: var(--black-color);
	transition: color .3s .02s linear;
	font-weight: 600;
	font-size: .875rem;
	line-height: 1.2;
	text-align: center;
}

@media (hover: hover) and (pointer: fine) {

	.title-grid-colors-collection a:hover {
		color: var(--accent-color);
	}

}

.title-grid-colors-collection a:active {
	color: var(--accent-color);
}

/* ======= data-grid-colors-collection-accessory ======= */
.data-grid-colors-collection-accessory {
	margin: 0 0 .938rem;
	color: var(--grey-color);
	font-size: .875rem;
	line-height: 1.3;

	/* background: palegreen; */
}

.data-grid-colors-collection-accessory > div:not(.price-poduct-grid-colors-collection-accessory) {
	position: relative;
	padding: 0 0 0 5.875rem;
}

.data-grid-colors-collection-accessory span:not(.rub) {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 600;

	/* background: paleturquoise; */
}

.price-poduct-grid-colors-collection-accessory {
	margin: .625rem 0 0;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;
	text-align: center;
}

/* ======= btn-grid-colors-collection ======= */
.btn-grid-colors-collection {
	text-align: center;
}

.btn-grid-colors-collection a {
	display: inline-block;
	padding: .625rem 1.25rem;
	border-radius: var(--border-radius);
	background: var(--accent-color-dark);
	transition: all .3s .02s linear;
	color: var(--white-color);
	font-weight: 600;
	font-size: .75rem;
	text-transform: uppercase;
}

@media (hover: hover) and (pointer: fine) {

	.btn-grid-colors-collection a:hover {
		background: var(--accent-color);
	}

}

.btn-grid-colors-collection a:active {
	background: var(--accent-color);
}

/* combinatorics
============================================ */
.combinatorics {
	padding-bottom: 5rem;
}


.zoom {
	display: block;
	position: absolute;
	right: .938rem;
	bottom: .938rem;
	z-index: 2;
	border-radius: var(--border-radius);
	background: var(--light-bg);
}

.zoom a {
	display: block;
	position: relative;
	z-index: 1;
	width: 2.5rem;
	height: 2.5rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(210 67% 40%)' viewBox='0 -960 960 960'%3E%3Cpath d='M779.38-153.85 528.92-404.31q-30 25.54-69 39.54t-78.38 14q-96.1 0-162.67-66.53-66.56-66.53-66.56-162.57 0-96.05 66.53-162.71 66.53-66.65 162.57-66.65 96.05 0 162.71 66.56Q610.77-676.1 610.77-580q0 41.69-14.77 80.69t-38.77 66.69l250.46 250.47zM381.54-390.77q79.61 0 134.42-54.81 54.81-54.8 54.81-134.42t-54.81-134.42q-54.81-54.81-134.42-54.81-79.62 0-134.42 54.81-54.81 54.8-54.81 134.42t54.81 134.42q54.8 54.81 134.42 54.81m-20-93.85V-560h-75.39v-40h75.39v-75.38h40V-600h75.38v40h-75.38v75.38z'/%3E%3C/svg%3E") no-repeat center / 1.875rem auto;
	transition: background .3s .02s linear;

	/* background: palegoldenrod; */
}

@media (hover: hover) and (pointer: fine) {

	.zoom a:hover {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='hsl(60 1% 17%)' viewBox='0 -960 960 960'%3E%3Cpath d='M779.38-153.85 528.92-404.31q-30 25.54-69 39.54t-78.38 14q-96.1 0-162.67-66.53-66.56-66.53-66.56-162.57 0-96.05 66.53-162.71 66.53-66.65 162.57-66.65 96.05 0 162.71 66.56Q610.77-676.1 610.77-580q0 41.69-14.77 80.69t-38.77 66.69l250.46 250.47zM381.54-390.77q79.61 0 134.42-54.81 54.81-54.8 54.81-134.42t-54.81-134.42q-54.81-54.81-134.42-54.81-79.62 0-134.42 54.81-54.81 54.8-54.81 134.42t54.81 134.42q54.8 54.81 134.42 54.81m-20-93.85V-560h-75.39v-40h75.39v-75.38h40V-600h75.38v40h-75.38v75.38z'/%3E%3C/svg%3E") no-repeat center / 1.875rem auto;
	}

}

.zoom .glightbox::before {
	display: none;
}


.buy-grid-products {
	display: flex;
	flex-wrap: wrap;
	padding: 0 1.25rem;
	margin: auto 0 .938rem;
}

.buy-grid-products .input-number-input {
	flex-basis: 3.75rem;
	width: 3.75rem;
	height: 2.5rem;
	padding-inline: .5rem;
}

.buy-grid-products .input-number-minus,
.buy-grid-products .input-number-plus {
	flex-basis: 2rem;
	width: 2rem;
	height: 2.5rem;
}


.add-to-card-grid-products {
	width: 5rem;
	height: 2.5rem;
	margin: 0 0 0 auto;
}

.add-to-card-grid-products a {
	display: block;
	height: 100%;
	border: .063rem solid var(--accent-color-dark);
	border-radius: var(--border-radius);
	background: var(--accent-color-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(0 0% 100%)' %3E%3Cpath d='M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
	transition: all .2s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.add-to-card-grid-products a:hover {
		border-color: var(--accent-color);
		background: var(--accent-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(0 0% 100%)' %3E%3Cpath d='M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
	}

}

.add-to-card-grid-products a:active {
	border-color: var(--accent-color);
	background: var(--accent-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(0 0% 100%)' %3E%3Cpath d='M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
}


.in-card-grid-products {
	width: 5rem;
	height: 2.5rem;
	margin: 0 0 0 auto;
}

.in-card-grid-products a {
	display: flex;
	align-items: center;
	height: 100%;
	border-radius: var(--border-radius);
	border: .063rem solid var(--accent-color-dark);
	background: var(--white-color);
	color: var(--black-color);
	font-size: .75rem;
	line-height: .9;
	text-align: center;
	transition: all .2s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.in-card-grid-products a:hover {
		border-color: var(--accent-color);
		color: var(--accent-color);
	}

}

.in-card-grid-products a:active {
	background: var(--accent-color);
	color: var(--accent-color);
}

/* gallery-collection
============================================ */
.gallery-collection {
	padding-bottom: 5rem;

	/* background: #ccc; */
}

/* fabric-care
============================================ */
.grid-fabric-care {
	display: flex;
	flex-wrap: wrap;
	gap: .938rem;
	margin-top: 3.75rem;
}

.cell-fabric-care {
	flex-basis: calc((100% - .938rem * (3 - 1) ) / 3);
	width: calc((100% - .938rem * (3 - 1) ) / 3);
	min-height: 3.125rem;
	margin-bottom: 1.875rem;
	padding-left: 4.438rem;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: auto 2.5rem;
	line-height: 1.4;
	display: flex;
	align-items: center;

	/* background-color: #ccc; */
}

@media (max-width: 74.98rem) {

	.cell-fabric-care {
		flex-basis: calc((100% - .938rem * (2 - 1) ) / 2);
		width: calc((100% - .938rem * (2 - 1) ) / 2);
	}

}

@media (max-width: 47.98rem) {

	.cell-fabric-care {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 .625rem;
	}

}

.fc-1 {
	background-image: url(../images/ico-fc-1.svg);
}

.fc-2 {
	background-image: url(../images/ico-fc-2.svg);
}

.fc-3 {
	background-image: url(../images/ico-fc-3.svg);
}

.fc-4 {
	background-image: url(../images/ico-fc-4.svg);
}

.fc-5 {
	background-image: url(../images/ico-fc-5.svg);
}

.fc-6 {
	background-image: url(../images/ico-fc-6.svg);
}

.fc-7 {
	background-image: url(../images/ico-fc-7.svg);
}

.fc-8 {
	background-image: url(../images/ico-fc-8.svg);
}

.fc-9 {
	background-image: url(../images/ico-fc-9.svg);
}

.fc-10 {
	background-image: url(../images/ico-fc-10.svg);
}

.fc-11 {
	background-image: url(../images/ico-fc-11.svg);
}

.fc-12 {
	background-image: url(../images/ico-fc-12.svg);
}

.fc-13 {
	background-image: url(../images/ico-fc-13.svg);
}

.fc-14 {
	background-image: url(../images/ico-fc-14.svg);
}

.fc-15 {
	background-image: url(../images/ico-fc-15.svg);
}

.fc-16 {
	background-image: url(../images/ico-fc-16.svg);
}

.fc-17 {
	background-image: url(../images/ico-fc-17.svg);
}

.fc-18 {
	background-image: url(../images/ico-fc-18.svg);
}

.fc-19 {
	background-image: url(../images/ico-fc-19.svg);
}

.fc-20 {
	background-image: url(../images/ico-fc-20.svg);
}

.fc-21 {
	background-image: url(../images/ico-fc-21.svg);
}

.fc-22 {
	background-image: url(../images/ico-fc-22.svg);
}

.fc-23 {
	background-image: url(../images/ico-fc-23.svg);
}

.fc-24 {
	background-image: url(../images/ico-fc-24.svg);
}

.fc-25 {
	background-image: url(../images/ico-fc-25.svg);
}

.fc-26 {
	background-image: url(../images/ico-fc-26.svg);
}

/* text
============================================ */
.text {
	margin: 0 0 3.125rem;
}

/* presentation-pdf
============================================ */
.presentation-pdf {
	margin: 2.5rem 0;
}

.presentation-pdf a {
	display: flex;
	align-items: center;
	margin-bottom: 1.25rem;
	padding: clamp(1.125rem, 0.845rem + 1.4vw, 2rem) 1.25rem clamp(1.125rem, 0.845rem + 1.4vw, 2rem) clamp(5rem, 4.6rem + 2vw, 6.25rem);
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='hsl(60 1% 17%)' viewBox='0 -960 680 680'%3E%3Cpath d='M206.15-584.62h30.77v-80h49.23q13.16 0 21.97-8.8 8.8-8.81 8.8-21.96v-49.24q0-13.15-8.8-21.96-8.81-8.8-21.97-8.8h-80zm30.77-110.76v-49.24h49.23v49.24zm121.54 110.76h76.92q13.16 0 21.97-8.8 8.8-8.81 8.8-21.96v-129.24q0-13.15-8.8-21.96-8.81-8.8-21.97-8.8h-76.92zm30.77-30.76v-129.24h46.15v129.24zm126.15 30.76h30.77v-80h55.39v-30.76h-55.39v-49.24h55.39v-30.76h-86.16ZM184.62-400q-27.62 0-46.12-18.5T120-464.62v-430.76q0-27.62 18.5-46.12t46.12-18.5h430.76q27.62 0 46.12 18.5t18.5 46.12v430.76q0 27.62-18.5 46.12T615.38-400zm0-40h430.76q9.24 0 16.93-7.69t7.69-16.93v-430.76q0-9.24-7.69-16.93T615.38-920H184.62q-9.24 0-16.93 7.69T160-895.38v430.76q0 9.24 7.69 16.93t16.93 7.69m-120 160Q37-280 18.5-298.5T0-344.61v-470.77h40v470.77q0 9.23 7.69 16.92T64.62-320h470.76v40zM160-920v480z'/%3E%3C/svg%3E") no-repeat clamp(1.125rem, 0.845rem + 1.4vw, 2rem) 1.5rem / auto 2.5rem;
	transition: border-color .3s .02s linear;

	/* background-color: #44C9C6; */
}

@media (hover: hover) and (pointer: fine) {

	.presentation-pdf a:hover {
		border-color: var(--accent-color);
	}

}

.presentation-pdf a:active {
	border-color: var(--accent-color);
}


.presentation-pdf a span {
	color: var(--accent-color);
	font-weight: 600;
	font-size: clamp(1.125rem, 1.085rem + 0.2vw, 1.25rem);
	transition: color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.presentation-pdf a:hover span {
		color: var(--text-color);
	}

}

.presentation-pdf a:active span {
	color: var(--text-color);
}


/* ====================================================================================================
	cart
==================================================================================================== */

/* cart-empty
================================================================================ */
/* .cart-empty {
	padding-right: 12.5rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(0 0% 64%)' %3E%3Cpath fill-rule='evenodd' d='M8 7.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0v-1.5H6a.5.5 0 0 1 0-1h1.5V8a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") no-repeat right center / auto 100%;
} */

.cart-empty p:nth-child(2) {
	margin: 0 0 .625rem;
	font-weight: 600;
	font-size: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
}

/* table-cart
============================================ */
.table-cart {
	width: 100%;
	margin: 0 0 1.25rem;
	background: var(--white-color);
}

@media (max-width: 61.98rem) {

	.table-cart {
		display: block;
	}

}

@media (max-width: 61.98rem) {

	.table-cart thead {
		display: none;
	}

}

.table-cart tr {
	border-bottom: .063rem solid var(--border-color);
}

.table-cart th {
	padding: 1.25rem .938rem;
	border-bottom: .063rem solid var(--black-color);
	vertical-align: middle;
	font-weight: 500;
	white-space: nowrap;
	text-align: center;
}

.table-cart th:first-child {
	text-align: left;
}

.table-cart th .rub::after {
	font-size: .875rem;
}

@media (max-width: 61.98rem) {

	.table-cart tbody tr {
		display: flex;
		padding-top: .5rem;
		padding-bottom: .5rem;
		flex-wrap: wrap;
		border-bottom: .063rem solid var(--border-color);

		/* background: palegreen; */
	}

	.table-cart tbody tr:nth-child(2n) {
		background: rgb(245 245 245 / .5) !important;
	}

}

.table-cart td {
	padding: 1.25rem .938rem;
	vertical-align: middle;
	text-align: center;
}

@media (max-width: 61.98rem) {

	.table-cart td {
		flex-basis: 20%;
		max-width: 20%;
		text-align: left;
	}

}

@media (max-width: 47.98rem) {

	.table-cart td {
		flex-basis: 50%;
		max-width: 50%;
		padding: .625rem .5rem;
	}

}


.title-table-cart {
	display: none;
}

@media (max-width: 61.98rem) {

	.title-table-cart {
		display: block;
		margin: 0 0 1.375rem;
		color: var(--grey-color);
		font-weight: 500;
		font-size: 1rem;

		/* background: skyblue; */
	}

}

.title-table-cart .rub::after {
	font-size: .875rem;
}

/* ======= img-product-cart ======= */
.img-product-cart {
	text-align: left !important;

	/* background: pink; */
}

@media (max-width: 61.98rem) {

	.img-product-cart {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}

}

.img-product-cart a {
	display: flex;
	align-items: center;
}

.img-cart {
	flex-basis: 3.75rem;
	width: 3.75rem;
	height: 3.75rem;
	margin: 0 1.25rem 0 0;

	/* background: peachpuff; */
}

.img-cart img {
	width: auto;
	max-width: auto;
	height: 100%;
	object-fit: contain;	
	margin: 0 auto;
}

.product-cart {
	display: inline-block;
	width: calc(100% - 5.938rem);
	color: var(--accent-color);
	transition: color .2s .02s linear;
	line-height: 1.5;
	text-decoration: underline;

	/* background: peru; */
}

@media (hover: hover) and (pointer: fine) {

	.product-cart:hover {
		color: var(--text-color);
		text-decoration: none;
	}

}

/* ======= price-cart ======= */
/* .price-cart {
	background: powderblue;
} */

/* ======= quantity-cart ======= */
.quantity-cart {
	padding-left: .625rem !important;
	padding-right: .625rem !important;

	/* background: peru; */
}

.quantity-cart .input-number-input {
	flex-basis: 5.875rem;
	width: 5.875rem;
	height: 2.875rem;
}

.quantity-cart .input-number-minus,
.quantity-cart .input-number-plus {
	flex-basis: 2.875rem;
	width: 2.875rem;
	height: 2.875rem;
}

/* ======= sum-cart ======= */
/* .sum-cart {
	background: rosybrown;
} */

/* ======= delete-cart ======= */
/* .delete-cart {
	background: sandybrown;
} */

.delete-cart button {
	width: 1.25rem;
	height: 1.25rem;
	border: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(249 0 82)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 100% auto;
	transition: all .2s .02s linear;
}

@media (hover: hover) and (pointer: fine) {

	.delete-cart button:hover {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='var(--black--color)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 100% auto;
	}

}

/* total-sum-without-delivey-cart
============================================ */
.total-sum-without-delivey-cart {
	margin: 0 0 2.5rem;
	text-align: right;
}

.total-sum-without-delivey-cart span {
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.25rem;
}

.total-sum-without-delivey-cart p {
	margin: 0;
}

.total-sum-without-delivey-cart p:last-child {
	margin: 0;
	color: var(--grey-color);
	font-size: .875rem;
}

.total-sum-without-delivey-cart .rub {
	display: inline-block;
	margin: 0 0 0 .25rem;
}


.preparation-cart .btn-form {
	text-align: right;
}

.preparation-cart .btn-form [type="submit"] {
	margin: 0;
}

/* delivey-cart
============================================ */
.delivery-cart .tabs-radio {
	display: flex;
	gap: .625rem;
	margin-bottom: 1.25rem;

	/* background: yellow; */
}

.delivery-cart .tab-radio {
	flex-basis: calc((100% - .625rem * (2 - 1) ) / 2);
	width: calc((100% - .625rem * (2 - 1) ) / 2);

	/* background: palegreen; */
}

.delivery-cart .tab-radio input {
	position: absolute;
	width: .063rem;
	height: .063rem;
	margin: -.063rem;
	border: 0;
	padding: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(100%);
			clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.delivery-cart .tab-radio label {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);
	cursor: pointer;
	color: var(--grey-color);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3;
	text-align: center;
	transition: all 0.15s ease-in-out;
}

.delivery-cart .tab-radio label span {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 auto 1.25rem;
	

	/* background: red; */
}

.delivery-cart .tab-radio label span::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: 50%;

	/* background: red; */
}

.delivery-cart .tab-radio input:checked + label {
	border-color: var(--accent-color);
	background: var(--white-color);
	color: var(--text-color);
}

.delivery-cart .tab-radio input:checked + label span::before {
	border-color: transparent;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(205 62% 53%)' width='24'%3E%3Cpath d='M480-280q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Zm0 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat center / 120% auto;
}


.delivery-cart .content-tabs-radio {
	padding: 0;
	border: none;
}


.pickup-cart {
	margin: 0 0 1.25rem;
}


.pickup-cart input {
	position: absolute;
	width: .063rem;
	height: .063rem;
	margin: -.063rem;
	border: 0;
	padding: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(100%);
			clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.pickup-cart label {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.25rem 1.25rem 1.25rem 2.25rem;
	border: .063rem solid var(--border-color);
	background: var(--white-color);
	cursor: pointer;
	transition: all 0.15s ease-in-out;

	/* background: pink; */
}

.pickup-cart label::before {
	display: block;
	position: absolute;
	top: 1.375rem;
	left: 1.25rem;
	width: 1.375rem;
	height: 1.375rem;
	margin: 0 auto 1.25rem;

	/* background: red; */
}

.pickup-cart label::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: 50%;
}

.pickup-cart input:checked + label::before {
	border-color: var(--accent-color);
	background: var(--white-color);
	color: var(--text-color);
}

.pickup-cart input:checked + label::before {
	border-color: transparent;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(205 62% 53%)' width='24'%3E%3Cpath d='M480-280q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Zm0 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat center / 120% auto;
}


.pickup-cart p {
	position: relative;
	margin: 0 0 .625rem;
	padding: 0 0 0 1.875rem;
	color: var(--grey-color);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3;
}

.pickup-cart p:first-of-type {
	color: var(--black--color);
}

.pickup-cart p:last-of-type {
	margin: 0 !important;
}


.ring-road-delivery-cart .text-input {
	margin: 0 0 .625rem;
}

.ring-road-delivery-cart p {
	margin: 0 0 .625rem !important;
}

.ring-road-delivery-cart span {
	color: var(--black--color);
	font-weight: 600;
}

.region-delivery-cart .text-input,
.region-delivery-cart #cdek-map {
	margin: 0 0 .625rem;
}

.region-delivery-cart span {
	color: var(--black--color);
	font-weight: 500;
}

/* pay-cart
============================================ */
.pay-cart .tabs-radio {
	display: flex;
	gap: .625rem;
	margin-bottom: 1.25rem;

	/* background: yellow; */
}

.pay-cart .tab-radio {
	flex-basis: calc((100% - .625rem * (2 - 1) ) / 2);
	width: calc((100% - .625rem * (2 - 1) ) / 2);

	/* background: palegreen; */
}

.pay-cart .tab-radio input {
	position: absolute;
	width: .063rem;
	height: .063rem;
	margin: -.063rem;
	border: 0;
	padding: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(100%);
			clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.pay-cart .tab-radio label {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);
	cursor: pointer;
	color: var(--grey-color);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3;
	text-align: center;
	transition: all 0.15s ease-in-out;
}

.pay-cart .tab-radio label span {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 auto 1.25rem;

	/* background: red; */
}

.pay-cart .tab-radio label span::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: 50%;
}

.pay-cart .tab-radio input:checked+label {
	border-color: var(--accent-color);
	background: var(--white-color);
	color: var(--text-color);
}

.pay-cart .tab-radio input:checked+label span::before {
	border-color: transparent;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(205 62% 53%)' width='24'%3E%3Cpath d='M480-280q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Zm0 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat center / 120% auto;
}


.pay-cart .content-tabs-radio {
	padding: 0;
	border: none;
}

/* total-sum-with-delivey-cart
============================================ */
.total-sum-with-delivey-cart {
	margin: 1.5rem 0 1.5rem;
	padding: .938rem 1.25rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);
}

.total-sum-with-delivey-cart p {
	display: inline-block;
	margin: 0;
}

.total-sum-with-delivey-cart span {
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.25rem;
}

.total-sum-with-delivey-cart .rub {
	display: inline-block;
	margin: 0 0 0 .25rem;
}


/* ====================================================================================================
	result
==================================================================================================== */
/* .order-result {
	background: blue;
} */

/* status-order-result
================================================================================ */
/* .status-order-result {
	background: paleturquoise;
} */

.status-order-result p {
	margin: 0 0 .313rem;
}

.status-order-result p span {
	font-weight: 700;
}


.status-order-result + .att {
	color: var(--red-color);
	font-weight: 700;
}

/* table-order-result
================================================================================ */
.table-order-result {
	width: 100%;
	background: var(--white-color);
}

@media (max-width: 47.98rem) {

	.table-order-result {
		display: block;
	}

	.table-order-result thead {
		display: none;
	}

}

.table-order-result tr {
	border-bottom: .063rem solid var(--border-color);
}

.table-order-result th {
	padding: 1.25rem .938rem;
	border-bottom: .063rem solid var(--black-color);
	vertical-align: middle;
	font-weight: 600;
	white-space: nowrap;
	text-align: center;
}

.table-order-result tr th:first-child {
	text-align: left;
}

@media (max-width: 47.98rem) {

	.table-order-result tbody tr {
		display: flex;
		flex-wrap: wrap;
	}

	.table-order-result tbody tr:nth-child(2n) {
		background: var(--light-bg);
	}

}

.table-order-result td {
	padding: 1.25rem .938rem;
	vertical-align: middle;
	text-align: center;
}

@media (max-width: 47.98rem) {
	
	.table-order-result td{
		flex-basis: 33.3333%;
		width: 33.3333%;
		text-align: left;
	}

}

.table-order-result td:first-child {
	text-align: left;
}

@media (max-width: 47.98rem) {

	.table-order-result td:first-child {
		flex-basis: 100%;
		width: 100%;
		padding-bottom: 0;
	}

}

.table-order-result td span {
	display: none;
}

@media (max-width: 47.98rem) {

	.table-order-result td span {
		display: block;
		margin: 0 0 .625rem;
		color: var(--grey-color);
		font-weight: 600;
		white-space: nowrap;
	}

}

/* info-order-result
================================================================================ */
.info-order-result {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 2.5rem;

	/* background: #399841; */
}

@media (max-width: 47.98rem) {

	.info-order-result h3 {
		margin-bottom: .938rem;
	}

}

.delivery-info-order-result {
	flex-basis: 50%;
	width: 50%;
	padding: 0 2.5rem 0 0;
}

@media (max-width: 47.98rem) {

	.delivery-info-order-result {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

.recipient-info-order-result {
	flex-basis: 50%;
	width: 50%;
	padding: 0 0 0 2.5rem;

	/* background: #44C9C6; */
}

@media (max-width: 47.98rem) {

	.recipient-info-order-result {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

.info-order-result p {
	margin: 0 0 .313rem;
}

.info-order-result p span {
	font-weight: 700;
}

@media (max-width: 47.98rem) {

	.info-order-result p span {
		display: block;
	}

}

/* payment-order-result
================================================================================ */
.payment-order-result {
	display: flex;
	flex-wrap: wrap;
	margin: 1.875rem 0 0;

	/* background: red; */
}

@media (max-width: 47.98rem) {

	.payment-order-result {
		margin: 1.875rem 0 0;
	}

}


.payment-order-result-ur {
	align-items: flex-start;

	/* background: peachpuff; */
}


.payment-order-result .buttons {
	margin: 0;
}

/* ======= summ-payment-order-result ======= */
.summ-payment-order-result {
	flex-basis: calc(100% - 1.25rem);
	max-width: calc(100% - 1.25rem);
	margin: 0 .625rem 1.25rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);

	/* background: papayawhip; */
}

@media (max-width: 47.98rem) {

	.summ-payment-order-result {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

.summ-payment-order-result .total-sum-with-delivey-cart {
	margin: 0;
	padding: 1.25rem;
	background: var(--light-bg);
	text-align: center;
}

/* ======= card-payment-order-result ======= */
.card-payment-order-result {
	flex-basis: calc(33.3333% - 1.25rem);
	max-width: calc(33.3333% - 1.25rem);
	margin: 0 .625rem;
	padding: 1.875rem 1.25rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);

	/* background: papayawhip; */
}

@media (max-width: 47.98rem) {

	.card-payment-order-result {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

.title-card-payment-order-result {
	margin: 0 0 1.5rem;
	font-weight: 600;
	font-size: 1.125rem;
	text-align: center;
}

.title-card-payment-order-result img {
	margin: 1.5rem auto 1.25rem;
	max-width: 10rem;
}

.card-payment-order-result .buttons {
	margin: 0;
	text-align: center;
}


.payment-button {
	display: inline-flex !important;
	align-items: center;
	width: auto !important;
	height: auto !important;
	margin: 0 auto 1.25rem;
	padding: 1.125rem 2.875rem;
	border: .063rem solid var(--red-color) !important;
	border-radius: .25rem !important;
	background: var(--red-color) !important;
	cursor: pointer;
	color: var(--white-color);
	font-weight: 600 !important;
	font-size: 1rem !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

@media (hover: hover) and (pointer: fine) {

	.payment-button:hover {
		border-color: var(--red-color) !important;
		background: var(--white-color) !important;
		color: var(--text-color) !important;
	}

}

.payment-button:active {
	border-color: var(--red-color) !important;
	background: var(--white-color) !important;
	color: var(--text-color) !important;
}


.card-payment-order-result .buttons p {
	display: block;
	margin: 0;
	font-weight: 600;
	font-size: .875rem;
	line-height: 1.3;
}

/* ======= sbp-payment-order-result ======= */
.sbp-payment-order-result {
	flex-basis: calc(66.6667% - 1.25rem);
	max-width: calc(66.6667% - 1.25rem);
	margin: 0 .625rem;
	padding: 1.875rem 1.25rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);

	/* background: papayawhip; */
}

@media (max-width: 47.98rem) {

	.sbp-payment-order-result {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0;
	}

}

.qr-payment {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.img-qr-payment {
	flex-basis: 20%;
	max-width: 20%;
}

@media (max-width: 35.98rem) {

	.img-qr-payment {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

	.img-qr-payment img {
		width: 12.5rem;
		margin: 0 auto;
	}

}

.text-qr-payment {
	flex-basis: 80%;
	max-width: 80%;
	padding: 0 0 0 2.5rem;
	line-height: 1.5;
}

@media (max-width: 35.98rem) {

	.text-qr-payment {
		flex-basis: 100%;
		max-width: 100%;
	}

}

.text-qr-payment span {
	display: block;
	margin: 0 0 .625rem;
	font-weight: 600;
}

.text-qr-payment li {
	font-size: .875rem;
}


/* ====================================================================================================
	index
==================================================================================================== */
.main-index .container-center {
	padding-block: var(--container-center-padding-block-index);
}

.main-index h2 {
	margin-top: 0;
	margin-bottom: clamp(1.875rem, 1.675rem + 1vw, 2.5rem);
	font-size: clamp(2rem, 1.68rem + 1.6vw, 3rem);
	text-align: center;

	/* background: #ccc; */
}

.main-index h2::after {
	background-position: center 0;
}

.main-index h3 {
	text-align: center;
}

/* hero-index
================================================================================ */
:where(.hero-index) {
	position: relative;
	z-index: 1;
}

:where(.hero-index)::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url(../images/hero.jpg) no-repeat 50% 20% / cover;
	background-attachment: fixed;
	/* filter: brightness(75%); */
}

:where(.hero-index) .container-center {
	padding: clamp(5rem, 0.6rem + 22vw, 18.75rem) var(--container-center-padding-inline);
	color: var(--black-color);
	text-align: center;
}


:where(.over-title-hero-index) {
	margin-bottom: 1rem;
}

:where(.title-hero-index) {
	margin-bottom: 1rem;
	font-size: clamp(2.5rem, 1.86rem + 3.2vw, 4.5rem);
	line-height: 1.3;
	font-family: var(--accent-font);
	text-transform: uppercase;
}

:where(.under-title-hero-index) {
	margin-bottom: 2.5rem;
}

:where(.sub-title-hero-index) {
	margin-bottom: clamp(3.75rem, 2.95rem + 4vw, 6.25rem);
	font-weight: 500;
	font-size: clamp(0.875rem, 0.795rem + 0.4vw, 1.125rem);
	line-height: 1.4;
	text-transform: uppercase;
}

@media (max-width: 35.98rem) {

	:where(.sub-title-hero-index) br {
		display: none;
	}

}

@media (max-height: 46.25rem) {

	:where(.sub-title-hero-index) {
		padding: .875rem 1.25rem;
		border-radius: var(--border-radius);
		background: hsl(0 0% 100% / .8);
	}

}


:where(.btn-hero-index) {
	margin-block: 0;
	justify-content: center;
}

:where(.btn-hero-index) .a-btn {
	background-color: var(--accent-color-dark);
}

@media (hover: hover) and (pointer: fine) {

	:where(.btn-hero-index) .a-btn:hover {
		background-color: var(--accent-color);
	}

}

/* catalog-index
================================================================================ */
.catalog-index {
	padding-top: calc(var(--container-center-padding-block-index) / 2) !important;

	/* background: red; */
}

/* cta-index
================================================================================ */
.cta-index {
	position: relative;
	z-index: 1;
}

.cta-index .container-center {
	padding-block: calc(var(--container-center-padding-block-index) * 2);
}

.cta-index::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url(../images/cta-index-1-bg.jpg) no-repeat 50% 0 / cover;
	background-attachment: fixed;
	filter: brightness(75%);
}

.cta-index-2::after {
	background: url(../images/cta-index-2-bg.jpg) no-repeat 50% 50% / cover;
	background-attachment: fixed;
	filter: none;
}

@media (max-width: 74.98rem) {

	.cta-index-2::after {
		background: url(../images/cta-index-2-bg.jpg) no-repeat 50% 50% / cover;
		background-attachment: fixed;
		filter: brightness(75%);
	}

}


.wrap-cta-index {
	display: flex;
	flex-wrap: wrap;
	color: var(--white-color);
}

.cta-index-2 .wrap-cta-index {
	flex-direction: column;
	color: var(--black-color);
}

@media (max-width: 74.98rem) {

	.cta-index-2 .wrap-cta-index {
		color: var(--white-color);
	}

}

/* left-cta-index
============================================================ */
.left-cta-index {
	flex-basis: 50%;
	width: 50%;
	font-size: 1.25rem;
}

@media (max-width: 74.98rem) {

	.left-cta-index {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: 2.5rem;
		text-align: center;
	}

}

.cta-index-2 .left-cta-index {
	margin-bottom: 2.5rem;
}

.left-cta-index h2 {
	margin-bottom: 1.25rem;
	color: var(--white-color);
	text-align: left;
}

@media (max-width: 74.98rem) {

	.left-cta-index h2 {
		text-align: center;
	}

}

@media (max-width: 35.98rem) {

	.left-cta-index h2 br {
		display: none;
	}

}

.cta-index-2 .left-cta-index h2 {
	color: var(--black-color);
}

@media (max-width: 74.98rem) {

	.cta-index-2 .left-cta-index h2 {
		color: var(--white-color);
	}

}

.cta-index .btn {
	margin: clamp(1.5rem, 0.38rem + 5.6vw, 5rem) 0 0;
}

@media (max-width: 74.98rem) {

	.cta-index .btn {
		justify-content: center;
	}

}

@media (max-width: 74.98rem) {

	.cta-index-2 .btn {
		margin-top: 3.125rem;
	}

}

/* right-cta-index
============================================================ */
.right-cta-index {
	flex-basis: 50%;
	width: 50%;
	padding-left: 5rem;
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	line-height: 1.4;
}

@media (max-width: 74.98rem) {

	.right-cta-index {
		flex-basis: 100%;
		width: 100%;
		padding-left: 0;
		text-align: center;
	}

}

.cta-index-2 .right-cta-index {
	padding-left: 0;
	font-size: 1rem;
}

/* shop-catalog-index
================================================================================ */
.container-center.shop-catalog-index {
	padding-bottom: calc(var(--container-center-padding-block-index) / 2);

	/* background: red; */
}

/* grid-catalog
============================================================ */
.grid-shop-catalog {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
	margin-bottom: 3.75rem;
}

.cell-shop-catalog {
	position: relative;
	z-index: 1;
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (3 - 1)) / 3);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (3 - 1)) / 3);
	padding-top: 10rem;
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	border-radius: var(--border-radius);
}

@media (max-width: 61.98rem) {

	.cell-shop-catalog {
		flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
		width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	}

}

@media (max-width: 35.98rem) {

	.cell-shop-catalog {
		flex-basis: 100%;
		width: 100%;
	}

}

.cell-shop-catalog::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	background: transparent;
	opacity: .4;
	transition: background .2s linear .02s;
}

.cell-shop-catalog::after {
	--indent: -.625rem;
	content: "";
	display: block;
	position: absolute;
	top: var(--indent);
	right: var(--indent);
	bottom: var(--indent);
	left: var(--indent);
	z-index: -1;
	border: .125rem solid transparent;
	border-radius: var(--border-radius);
	transition: border-color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.cell-shop-catalog:hover::before {
		background:var(--accent-color);
	}

	.cell-shop-catalog:hover::after {
		border-color: var(--accent-color);
	}

}

.csc-1 {
	background: url(../images/csc-1.jpg) no-repeat center / cover;
}

.csc-2 {
	background: url(../images/csc-2.jpg) no-repeat center / cover;
}

.csc-3 {
	background: url(../images/csc-3.jpg) no-repeat center / cover;
}

.csc-4 {
	background: url(../images/csc-4.jpg) no-repeat center / cover;
}


.textile-1 {
	background: url(../images/tkani-1.jpg) no-repeat center / cover;
}

.textile-2 {
	background: url(../images/tkani-2.jpg) no-repeat center / cover;
}

.textile-3 {
	background: url(../images/tkani-3.jpg) no-repeat center / cover;
}

.textile-4 {
	background: url(../images/tkani-4.jpg) no-repeat center / cover;
}


.accessories-1 {
	background: url(../images/pozument-1.jpg) no-repeat center / cover;
}

.accessories-2 {
	background: url(../images/pozument-2.jpg) no-repeat center / cover;
}


.sun-protection-1 {
	background: url(../images/solntsezachzhita-1.jpg) no-repeat center / cover;
}

.sun-protection-2 {
	background: url(../images/solntsezachzhita-2.jpg) no-repeat center / cover;
}

.sun-protection-3 {
	background: url(../images/solntsezachzhita-3.jpg) no-repeat center / cover;
}

.sun-protection-4 {
	background: url(../images/solntsezachzhita-4.jpg) no-repeat center / cover;
}



.title-shop-catalog {
	padding: 1rem 1.25rem;
	background: var(--light-bg);
	font-weight: 500;
	font-size: 1.125rem;
	text-align: center;
	transition: color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.cell-shop-catalog:hover .title-shop-catalog {
		color: var(--accent-color);
	}

}

/* about-index
================================================================================ */
/* .about-index {
} */

.about-index .container-center {
	position: relative;
	z-index: 1;
	padding-block: 0;

	/* background: pink; */
}

.about-index .container-center::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -50%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: var(--light-bg);

	/* background: blue; */
}

.about-index .container-center::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -50%;
	z-index: -1;
	width: 50%;
	height: 100%;
	border-radius: var(--border-radius) 0 0 var(--border-radius);
	background: var(--light-bg);

	/* background: red; */
}

@media (max-width: 61.98rem) {

	.about-index .container-center::after {
		right: -(var(--container-center-padding-inline));
		width: 100%;
		border-radius: 0;
	}

}


.wrap-about-index {
	display: flex;
	flex-wrap: wrap;
	background: var(--white-color);
}

/* left-about-index
============================================================ */
.left-about-index {
	flex-basis: 24%;
	width: 24%;
	padding-block: var(--container-center-padding-block-index);
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	background: var(--light-bg);
	font-size: 1.125rem;
	display: flex;
	flex-direction: column;
	align-items: center;

	/* background: palegreen; */
}

@media (max-width: 61.98rem) {

	.left-about-index {
		display: none;
	}

}

.left-about-index img {
	max-width: 10.625rem;
	margin-top: .5rem;
	margin-bottom: 1.25rem;
}

/* right-about-index
============================================================ */
.right-about-index {
	position: relative;
	z-index: 1;
	flex-basis: calc(76% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem));
	width: calc(76% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem));
	margin-left: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
	padding-block: var(--container-center-padding-block-index);
	padding-inline: 5rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);

	/* background: peachpuff; */
}

@media (max-width: 61.98rem) {

	.right-about-index {
		flex-basis: 100%;
		width: 100%;
		margin-left: 0;
		padding-inline: clamp(0.875rem, 0.1012rem + 3.869vw, 2.5rem);
	}

}

.right-about-index::after {
	content: "Finist";
	display: block;
	position: absolute;
	/* bottom: calc(var(--container-center-padding-block-index) / 1.5); */
	bottom: .25rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	color: hsl(0 0% 23% / .04);
	font-size: 22rem;
	line-height: .6;
	font-family: var(--accent-font);
	text-transform: uppercase;

	/* background: palegreen; */
}

@media (max-width: 87.48rem) {

	.right-about-index::after {
		font-size: 20rem;
	}

}

@media (max-width: 74.98rem) {

	.right-about-index::after {
		font-size: 16.5rem;
	}

}

@media (max-width: 61.98rem) {

	.right-about-index::after {
		font-size: clamp(8rem, 0.8571rem + 35.7143vw, 23rem);
	}

}

.right-about-index .signature {
	margin-top: 5rem;
}


/* projects-index
================================================================================ */
.projects-index {
	padding-block: var(--container-center-padding-block-index);
	padding-inline: var(--container-center-padding-inline);
}

.projects-index .btns-tabs-js {
	justify-content: center;
}

.projects-index .container-tabs-js {
	border: none;
}

.projects-index .content-tab-js.active-content-tab-js .item-content-tab-js {
	padding: 1.25rem 0 0;
}

.projects-index .btn {
	margin-block-start: 2.5rem;
	justify-content: center;
}

.projects-index .a-link {
	text-transform: uppercase;
}

/* adv-index
================================================================================ */
.adv-index {
	background: var(--light-bg);
}

/* .adv-index .container-center {
	background: pink;
} */

.adv-index h2 + p {
	margin-top: -1.25rem;
	margin-bottom: 2.875rem;
	text-align: center;
}


.grid-adv {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
}

.cell-adv {
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (4 - 1)) / 4);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (4 - 1)) / 4);
	padding: 1.5rem;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .25rem -.125rem hsl(60 1% 17% / .8);
	background: var(--white-color);
	text-align: center;
	line-height: 1.4;
}

@media (max-width: 74.98rem) {

	.cell-adv {
		flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
		width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	}

}

@media (max-width: 35.98rem) {

	.cell-adv {
		flex-basis: 100%;
		width: 100%;
	}

}

.title-adv {
	font-weight: 500;
	text-transform: uppercase;
}

.title-adv::after {
	content: "";
	display: block;
	width: 3.125rem;
	height: .063rem;
	margin: 1.25rem auto;
	background: var(--accent-color);
}

.text-adv {
	color: var(--grey-color);
	font-size: .875rem;
}

/* reviews-index
================================================================================ */
/* .reviews-index {
} */

/* .reviews-index .container-center {
	background: pink;
} */

.reviews-index h2 + p {
	margin-top: -1.25rem;
	text-align: center;
}

.reviews-index .vidget-reviews {
	margin-inline: auto;
}

/* articles-index
================================================================================ */
.articles-index {
	padding-block-start: var(--container-center-padding-block-index);
	padding-inline: var(--container-center-padding-inline);

	/* background: palegoldenrod; */
}

.articles-index h2 + p {
	margin-top: -1.25rem;
	margin-bottom: 2.875rem;
	text-align: center;
}

.articles-index .cell-info {
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (4 - 1)) / 4);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (4 - 1)) / 4);
}

@media (max-width: 87.48rem) {

	.articles-index .cell-info {
		flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
		width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	}

}

@media (max-width: 47.98rem) {

	.articles-index .cell-info {
		flex-basis: 100%;
		width: 100%;
	}

}

.articles-index .btn {
	margin-top: 3.75rem;
	justify-content: center;
}

.articles-index .a-link {
	text-transform: uppercase;
}


/* ====================================================================================================
	sewing
==================================================================================================== */
/* hero-sewing
================================================================================ */
.hero-sewing::after {
	background-image: url(../images/hero-sewing.jpg);
	filter: brightness(.7);
}

.hero-sewing .container-center {
	color: var(--white-color);
}

/* catalog-sewing
================================================================================ */
.catalog-sewing .container-center {
	padding-block: calc(var(--container-center-padding-block-index) / 2);

	/* background: palegreen; */
}


.grid-catalog-sewing {
	justify-content: center;
}

.grid-catalog-sewing .cell-catalog:not(:last-child) {
	pointer-events: none;
}

.grid-catalog-sewing .cell-catalog:not(:last-child)::after {
	display: none;
}

.ccs-1 .title-catalog {
	background: url(../images/ccs-1.jpg) no-repeat center / cover;
}

.ccs-2 .title-catalog {
	background: url(../images/ccs-2.jpg) no-repeat center / cover;
}

.ccs-3 .title-catalog {
	background: url(../images/ccs-3.jpg) no-repeat center / cover;
}

.ccs-4 .title-catalog {
	background: url(../images/ccs-4.jpg) no-repeat center / cover;
}

.ccs-5 .title-catalog {
	background: url(../images/ccs-5.jpg) no-repeat center / cover;
}

.ccs-6 .title-catalog {
	background: url(../images/ccs-6.jpg) no-repeat center / cover;
}

.ccs-7 .title-catalog {
	background: url(../images/ccs-7.jpg) no-repeat center / cover;
}

/* .ccs-8 .title-catalog {
} */

.ccs-8 .title-catalog::before {
	background: var(--accent-color-dark);
	opacity: 1;
}

/* adv-sewing
================================================================================ */
.adv-sewing .container-center {
	position: relative;
	z-index: 1;
	padding-block: 0;

	/* background: palegoldenrod; */
}

.adv-sewing .container-center::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -50%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: var(--light-bg);

	/* background: blue; */
}

@media (max-width: 74.98rem) {

	.adv-sewing .container-center::before {
		display: none;
	}

}

.adv-sewing .container-center::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -51%;
	z-index: -1;
	width: 50%;
	height: 100%;
	border-radius: var(--border-radius) 0 0 var(--border-radius);
	background: var(--light-bg);

	/* background: red; */
}

@media (max-width: 74.98rem) {

	.adv-sewing .container-center::after {
		display: none;
	}

}


.wrap-adv-sewing {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
	background: var(--white-color);
}

/* left-adv-sewing
============================================ */
.left-adv-sewing {
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	padding-block: var(--container-center-padding-block-index);
	padding-right: 3.75rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);
}

@media (max-width: 74.98rem) {

	.left-adv-sewing {
		flex-basis:100%;
		width: 100%;
		padding: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
	}

}

.main-index .left-adv-sewing h2 {
	font-size: clamp(1.5rem, 1.38rem + 0.6vw, 1.875rem);
	text-align: left;
}

/* right-adv-sewing
============================================ */
.right-adv-sewing {
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);

	/* background: #44C9C6; */
}

@media (max-width: 74.98rem) {

	.right-adv-sewing {
		flex-basis:100%;
		width: 100%;
		padding: 0;
	}

}

.grid-adv-sewing {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	height: 100%;

	/* background: palegoldenrod; */
}

.cell-adv-sewing {
	position: relative;
	flex-basis: calc((100% - 1rem * (2 - 1) ) / 2);
	width: calc((100% - 1rem * (2 - 1) ) / 2);
	padding: clamp(1.25rem, 0.05rem + 6vw, 5rem) clamp(1.25rem, 1.05rem + 1vw, 1.875rem) 0;
	border-radius: var(--border-radius);
	box-shadow: 0 .063rem .188rem 0 hsl(60 1% 17% .15);
	background: var(--light-bg);
	line-height: 1.4;
	display: flex;
	flex-direction: column;
}

@media (max-width: 35.98rem) {

	.cell-adv-sewing {
		flex-basis: 100%;
		width: 100%;
	}

}

.cell-adv-sewing::after {
	content: "";
	margin-top: auto;
	color: hsl(220 5% 89% / .7);
	font-size: clamp(5rem, 4.6rem + 2vw, 6.25rem);
	line-height: 1;
	font-family: var(--accent-font);

	/* background: #ccc; */
}

@media (max-width: 74.98rem) {

	.cell-adv-sewing::after {
		margin-top: 1.875rem;
	}

}

.cell-adv-sewing:first-child::after {
	content: "01";
}

.cell-adv-sewing:nth-child(2)::after {
	content: "02";
}

.cell-adv-sewing:nth-child(3)::after {
	content: "03";
}

.cell-adv-sewing:last-child::after {
	content: "04";
}

.cell-adv-sewing span {
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.2;
}

/* cta-sewing
================================================================================ */
/* .cta-sewing {
} */

.cta-sewing .container-center {
	padding-bottom: 0;

	/* background: #399841; */
}


.wrap-cta-sewing {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1.5rem, 1.18rem + 1.6vw, 2.5rem);

	/* background: #44C9C6; */
}

.wrap-cta-sewing > div {
	flex-basis: calc((100% - clamp(1.5rem, 1.18rem + 1.6vw, 2.5rem) * (2 - 1) ) / 2);
	width: calc((100% - clamp(1.5rem, 1.18rem + 1.6vw, 2.5rem) * (2 - 1) ) / 2);
	padding: 5rem 2.875rem;
	border-radius: var(--border-radius);
	display: flex;
	flex-direction: column;
}

@media (max-width: 47.98rem) {

	.wrap-cta-sewing > div {
		flex-basis: 100%;
		width: 100%;
		padding: 3.75rem 1.875rem;
	}

}

/* left-cta-sewing
============================================ */
.left-cta-sewing {
	background: linear-gradient(to right bottom, var(--accent-color-dark), var(--accent-color));
}

@media (max-width: 47.98rem) {

	.left-cta-sewing {
		margin: 0 0 1.5rem;
	}

}

/* right-cta-sewing
============================================ */
.right-cta-sewing {
	margin: 0 0 0 auto;
	background: linear-gradient(to left bottom, var(--accent-color-dark), var(--accent-color));
}

.cta-sewing .h2 {
	margin: 0 0 2.875rem;
	color: var(--white-color);
}


.text-cta-sewing {
	margin: 0 0 2.875rem;
	color: var(--white-color);
	line-height: 1.5;
}

.cta-sewing .btn {
	margin: auto 0 0;
}

.cta-sewing .a-btn {
	border: .063rem solid hsl(0 0% 100% / .5);
}

/* types-curtains-sewing
================================================================================ */
/* .types-curtains-sewing {
} */

.types-curtains-sewing .container-center {
	padding-bottom: 0;

	/* background: palegoldenrod; */
}

.grid-types-curtains-sewing {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
}

.cell-types-curtains-sewing {
	flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (4 - 1)) / 4);
	width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (4 - 1)) / 4);
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .25rem hsl(60 1% 17% / .15);
	background: var(--white-color);

	/* background: red; */
}

@media (max-width: 61.98rem) {

	.cell-types-curtains-sewing {
		flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (3 - 1)) / 3);
		width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (3 - 1)) / 3);
	}

}

@media (max-width: 47.98rem) {

	.cell-types-curtains-sewing {
		flex-basis: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
		width: calc((100% - clamp(1rem, 0.84rem + 0.8vw, 1.5rem) * (2 - 1)) / 2);
	}

}


/* .img-types-curtains-sewing {
} */


.title-types-curtains-sewing {
	padding: 1rem 1.25rem;
	font-weight: 500;
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	text-align: center;

	/* background: red; */
}


.cell-types-curtains-sewing:last-of-type a {
	display: flex;
	position: relative;
	z-index: 1;
	border-radius: var(--border-radius);
	height: 100%;
	justify-content: center;
	align-items: center;
	background: var(--accent-color-dark);
	transition: background .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.cell-types-curtains-sewing:last-of-type a:hover {
		background: var(--accent-color);
	}

}

.cell-types-curtains-sewing:last-of-type a::after {
	--indent: -.625rem;
	content: "";
	display: block;
	position: absolute;
	top: var(--indent);
	right: var(--indent);
	bottom: var(--indent);
	left: var(--indent);
	z-index: -1;
	border: .125rem solid transparent;
	border-radius: var(--border-radius);
	transition: border-color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.cell-types-curtains-sewing:last-of-type a:hover::after {
		border-color: var(--accent-color);
	}

}

.cell-types-curtains-sewing:last-of-type .title-types-curtains-sewing {
	color: var(--white-color);
}

/* price-sewing
================================================================================ */
/* .price-sewing {
} */

/* .price-sewing .container-center {
	background: red;
} */

.wrap-price-sewing {
	display: flex;
	flex-wrap: wrap;

	/* background: #44C9C6; */
}

/* title-price-sewing
============================================ */
.title-price-sewing {
	flex-basis: 100%;
	width: 100%;
	margin: 0 0 1.875rem;
	padding: 1.125rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);
	font-weight: 600;
	font-size: 1.25rem;
	text-align: center;
}

/* img-price-sewing
============================================ */
.img-price-sewing {
	flex-basis: 30%;
	width: 30%;
	padding: 0 2.5rem 0 0;
}

@media (max-width: 47.98rem) {

	.img-price-sewing {
		flex-basis: 100%;
		width: 20rem;
		margin: 0 auto 1.875rem;
		padding: 0;
	}

}

.img-price-sewing img {
	border: .063rem solid var(--border-color);
}

/* text-price-sewing
============================================ */
.text-price-sewing {
	flex-basis: 70%;
	width: 70%;
	padding: 0 0 0 2.5rem;
	border-left: .063rem solid var(--border-color);
	font-size: 1.125rem;
	display: flex;
	flex-direction: column;

	/* background: #44C9C6; */
}

@media (max-width: 47.98rem) {

	.text-price-sewing {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
		border-left: none;
	}

}

.text-price-sewing p {
	padding: 0 0 .938rem;
	border-bottom: .063rem solid var(--border-color);
}

.text-price-sewing p:first-child {
	font-weight: 600;
	text-transform: uppercase;
}

.text-price-sewing p:first-child span {
	display: inline-block;
	margin: 0 1.25rem 0 0;
}

.text-price-sewing p:nth-child(2) em {
	display: block;
	color: var(--red-color);
	font-style: normal;
	font-size: .875rem;
	text-transform: lowercase;
}

.text-price-sewing p:nth-child(3) .bold-700 {
	white-space: nowrap;
}

.text-price-sewing p:last-of-type {
	margin: 0 0 2.5rem;
}

.text-price-sewing .btn {
	margin: auto 0 0;
}

@media (max-width: 47.98rem) {

	.text-price-sewing .btn {
		text-align: center;
	}

}


.price-sewing h3 {
	margin-top: 3.75rem;
}

/* services-sewing
================================================================================ */
.services-sewing {
	background: var(--light-bg);
}

/* .services-sewing .container-center {
	background: #399841;
} */

.wrap-services-sewing {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.cell-services-sewing {
	flex-basis: calc((100% - 1rem * (2 - 1) ) / 2);
	width: calc((100% - 1rem * (2 - 1) ) / 2);
}

@media (max-width: 47.98rem) {

	.cell-services-sewing {
		flex-basis: 100%;
		width: 100%;
	}

}

.cell-services-sewing span {
	display: flex;
	align-items: center;
	padding: clamp(2.875rem, 2.595rem + 1.4vw, 3.75rem) clamp(1.875rem, 1.555rem + 1.6vw, 2.875rem) clamp(2.875rem, 2.595rem + 1.4vw, 3.75rem) clamp(8rem, 7.36rem + 3.2vw, 10rem);
	border-radius: var(--border-radius);
	font-size: 1.25rem;
}

.css-1 span {
	background: var(--white-color) url(../images/services-sewing-1.svg) no-repeat left 2.5rem center / clamp(3.75rem, 3.35rem + 2vw, 5rem) auto;
}

.css-2 span {
	background: var(--white-color) url(../images/services-sewing-2.svg) no-repeat left 2.5rem center / clamp(3.75rem, 3.35rem + 2vw, 5rem) auto;
}

.css-3 span {
	background: var(--white-color) url(../images/services-sewing-3.svg) no-repeat left 2.5rem center / clamp(3.75rem, 3.35rem + 2vw, 5rem) auto;
}

.css-4 span {
	background: var(--white-color) url(../images/services-sewing-4.svg) no-repeat left 2.5rem center / clamp(3.75rem, 3.35rem + 2vw, 5rem) auto;
}

/* work-sewing
================================================================================ */
/* .work-sewing {
} */

.work-sewing .container-center {
	padding-bottom: 0;
}

.grid-work-sewing {
	display: flex;
	flex-wrap: wrap;
}

.cell-work-sewing {
	flex-basis: 25%;
	width: 25%;
	margin: 0 0 1.875rem;
	padding: 0 1.875rem 0 0;
	font-weight: 600;
	line-height: 1.3;
}

@media (max-width: 61.98rem) {

	.cell-work-sewing {
		flex-basis: 33.3333%;
		width: 33.3333%;
	}

}

@media (max-width: 47.98rem) {

	.cell-work-sewing {
		flex-basis: 50%;
		width: 50%;
	}

}

.cell-work-sewing::before {
	content: "";
	display: block;
	position: relative;
	top: .625rem;
	color: var(--accent-color-dark);
	font-weight: 600;
	font-size: clamp(3.75rem, 2.95rem + 4vw, 6.25rem);
	font-family: var(--accent-font);
}

.cell-work-sewing:first-child::before {
	content: "01";
}

.cell-work-sewing:nth-child(2)::before {
	content: "02";
}

.cell-work-sewing:nth-child(3)::before {
	content: "03";
}

.cell-work-sewing:nth-child(4)::before {
	content: "04";
}

.cell-work-sewing:nth-child(5)::before {
	content: "05";
}

.cell-work-sewing:nth-child(6)::before {
	content: "06";
}

.cell-work-sewing:nth-child(7)::before {
	content: "07";
}

.cell-work-sewing:nth-child(8)::before {
	content: "08";
}

/* portfolio-sewing
================================================================================ */
.portfolio-sewing {
	padding: 5rem 1rem 5rem;
}

/* .video-portfolio-sewing {
	position: relative;
	max-width: 45rem;
	height: clamp(12.5rem, 8.5rem + 20vw, 25rem);
	margin: 0 auto 3.75rem;
	overflow: hidden;
	border-radius: .25rem;
}

.video-portfolio-sewing iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */

/* text-sewing
================================================================================ */
/* .text-sewing {
} */

.text-sewing .container-center {
	padding-top: 0;
	/* max-width: 60rem; */
}

/* faq-sewing
================================================================================ */
/* .faq-sewing {
} */

.faq-sewing .container-center {
	padding-block: 0;

	/* background: #CCFFFF; */
}

.faq-sewing h2 {
	margin-bottom: 3.75rem;
}


.faq-sewing .accordion-native {
	padding: 0 0 0 40%;
	background: url("data:image/svg+xml,%3Csvg width='300' height='522' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M124.423 270.544c21.149-38.178 61.799-60.701 85.42-94.484 24.995-35.432 10.987-101.626-59.876-101.626-46.419 0-69.216 35.157-78.829 64.271L0 108.767C19.501 50.264 72.511 0 149.692 0c64.546 0 108.767 29.39 131.289 66.194 19.227 31.586 30.488 90.639.824 134.586-32.959 48.615-64.546 63.447-81.575 94.759-6.866 12.634-9.613 20.874-9.613 61.524h-79.378c-.275-21.423-3.571-56.306 13.184-86.519zm80.476 196.385c0 30.213-24.719 54.933-54.932 54.933s-54.933-24.72-54.933-54.933 24.72-54.933 54.933-54.933 54.932 24.72 54.932 54.933z' fill='hsl(210 67% 40%)'/%3E%3C/svg%3E") no-repeat 8.75rem 0 / auto 20rem;
}

@media (max-width: 61.98rem) {

	.faq-sewing .accordion-native {
		padding: 0;
		background: none;
	}

}

/* ====================================================================================================
	restretching
==================================================================================================== */
/* hero-restretching
================================================================================ */
.hero-restretching::after {
	background-image: url(../images/hero-restretching.jpg);
	filter: brightness(.7);
}

.hero-restretching .container-center {
	color: var(--white-color);
}

/* catalog-restretching
================================================================================ */
.catalog-restretching .container-center {
	padding-block: calc(var(--container-center-padding-block-index) / 2);

	/* background: palegreen; */
}


.grid-catalog-restretching {
	justify-content: center;
}

.grid-catalog-restretching .cell-catalog {
	pointer-events: none;
}

.grid-catalog-restretching .cell-catalog::after {
	display: none;
}

.ccr-1 .title-catalog {
	background: url(../images/ccr-1.jpg) no-repeat center / cover;
}

.ccr-2 .title-catalog {
	background: url(../images/ccr-2.jpg) no-repeat center / cover;
}

.ccr-3 .title-catalog {
	background: url(../images/ccr-3.jpg) no-repeat center / cover;
}

.ccr-4 .title-catalog {
	background: url(../images/ccr-4.jpg) no-repeat center / cover;
}

.ccr-5 .title-catalog {
	background: url(../images/ccr-5.jpg) no-repeat center / cover;
}

.ccr-6 .title-catalog {
	background: url(../images/ccr-6.jpg) no-repeat center / cover;
}

.ccr-7 .title-catalog {
	background: url(../images/ccr-7.jpg) no-repeat center / cover;
}

.ccr-8 .title-catalog {
	background: url(../images/ccr-8.jpg) no-repeat center / cover;
}

/* cta-restretching
================================================================================ */
.mess-cta-restretching {
	display: flex;
}

.mess-cta-restretching a {
	flex-basis: 3.125rem;
	width: 3.125rem;
	height: 3.125rem;
	margin-right: .5rem;
	border: .063rem solid hsl(0 0% 100% / .5);
	border-radius: var(--border-radius);
	background-color: var(--accent-color-dark);
	background-repeat: no-repeat;
	background-position: center;
	transition: all .2s linear .02s;

	/* background-color: palevioletred; */
}


.mess-cta-restretching .max {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.061' height='14' fill='none'%3E%3Cpath fill='hsl(0 0% 100%)' fill-rule='evenodd' d='M7.182 13.96c-1.38 0-2.021-.201-3.136-1.007-.705.906-2.937 1.615-3.035.402 0-.91-.202-1.679-.43-2.518C.309 9.803 0 8.651 0 6.983 0 2.998 3.27 0 7.145 0s6.916 3.146 6.916 7.02a6.916 6.916 0 0 1-6.879 6.94M7.24 3.445c-1.887-.097-3.358 1.208-3.683 3.257-.269 1.695.208 3.76.614 3.867.195.047.685-.349.99-.654.506.349 1.094.558 1.706.608a3.594 3.594 0 0 0 3.757-3.348A3.59 3.59 0 0 0 7.24 3.448z'/%3E%3C/svg%3E");
	background-size: auto 1.25rem;
}

@media (hover: hover) and (pointer: fine) {

	.mess-cta-restretching .max:hover {
		background-color: var(--white-color);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.061' height='14' fill='none'%3E%3Cpath fill='hsl(270 100% 50%)' fill-rule='evenodd' d='M7.182 13.96c-1.38 0-2.021-.201-3.136-1.007-.705.906-2.937 1.615-3.035.402 0-.91-.202-1.679-.43-2.518C.309 9.803 0 8.651 0 6.983 0 2.998 3.27 0 7.145 0s6.916 3.146 6.916 7.02a6.916 6.916 0 0 1-6.879 6.94M7.24 3.445c-1.887-.097-3.358 1.208-3.683 3.257-.269 1.695.208 3.76.614 3.867.195.047.685-.349.99-.654.506.349 1.094.558 1.706.608a3.594 3.594 0 0 0 3.757-3.348A3.59 3.59 0 0 0 7.24 3.448z'/%3E%3C/svg%3E");
	}

}


.mess-cta-restretching .tg {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(0 0% 100%)' viewBox='0 0 543.001 450'%3E%3Cpath d='M37.329 193.722c145.76-63.505 242.957-105.372 291.59-125.6C467.774 10.367 496.626.335 515.432.004c4.137-.073 13.385.952 19.375 5.813 5.059 4.104 6.45 9.649 7.117 13.54.666 3.892 1.495 12.757.836 19.684-7.525 79.06-40.084 270.924-56.648 359.474-7.01 37.47-20.81 50.033-34.17 51.262-29.036 2.672-51.085-19.19-79.208-37.624-44.006-28.847-68.867-46.804-111.583-74.953-49.366-32.531-17.364-50.411 10.77-79.631 7.36-7.65 135.294-124.013 137.77-134.57.31-1.32.597-6.24-2.326-8.84-2.924-2.597-7.24-1.71-10.353-1.002-4.413 1.002-74.714 47.468-210.902 139.4-19.955 13.702-38.03 20.378-54.223 20.028-17.853-.386-52.194-10.094-77.723-18.393-31.313-10.178-56.2-15.56-54.032-32.846 1.128-9.003 13.527-18.211 37.196-27.624z'/%3E%3C/svg%3E");
	background-size: auto 1rem;
}

@media (hover: hover) and (pointer: fine) {

	.mess-cta-restretching .tg:hover {
		background-color: var(--white-color);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(200 100% 40%)' viewBox='0 0 543.001 450'%3E%3Cpath d='M37.329 193.722c145.76-63.505 242.957-105.372 291.59-125.6C467.774 10.367 496.626.335 515.432.004c4.137-.073 13.385.952 19.375 5.813 5.059 4.104 6.45 9.649 7.117 13.54.666 3.892 1.495 12.757.836 19.684-7.525 79.06-40.084 270.924-56.648 359.474-7.01 37.47-20.81 50.033-34.17 51.262-29.036 2.672-51.085-19.19-79.208-37.624-44.006-28.847-68.867-46.804-111.583-74.953-49.366-32.531-17.364-50.411 10.77-79.631 7.36-7.65 135.294-124.013 137.77-134.57.31-1.32.597-6.24-2.326-8.84-2.924-2.597-7.24-1.71-10.353-1.002-4.413 1.002-74.714 47.468-210.902 139.4-19.955 13.702-38.03 20.378-54.223 20.028-17.853-.386-52.194-10.094-77.723-18.393-31.313-10.178-56.2-15.56-54.032-32.846 1.128-9.003 13.527-18.211 37.196-27.624z'/%3E%3C/svg%3E");
	}

}


.mess-cta-restretching .mail {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' fill='none'%3E%3Cpath fill='hsl(0 0% 100%)' d='M1.5 12q-.62 0-1.06-.44A1.45 1.45 0 0 1 0 10.5v-9Q0 .88.44.44T1.5 0h12q.619 0 1.06.44.44.44.44 1.06v9q0 .619-.44 1.06-.442.44-1.06.44zm6-5.25L1.5 3v7.5h12V3zm0-1.5 6-3.75h-12zM1.5 3V1.5v9z'/%3E%3C/svg%3E");
	background-size: auto 1rem;
}

@media (hover: hover) and (pointer: fine) {

	.mess-cta-restretching .mail:hover {
		background-color: var(--white-color);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' fill='none'%3E%3Cpath fill='hsl(60 1% 17%)' d='M1.5 12q-.62 0-1.06-.44A1.45 1.45 0 0 1 0 10.5v-9Q0 .88.44.44T1.5 0h12q.619 0 1.06.44.44.44.44 1.06v9q0 .619-.44 1.06-.442.44-1.06.44zm6-5.25L1.5 3v7.5h12V3zm0-1.5 6-3.75h-12zM1.5 3V1.5v9z'/%3E%3C/svg%3E");
	}

}

/* price-restretching
================================================================================ */
.price-restretching {

}

.price-restretching .container-center {

}


.grid-price-restretching {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	max-width: 60rem;
	margin-inline: auto;
}

.cell-price-restretching {
	flex-basis: calc((100% - 1rem * (2 - 1) ) / 2);
	width: calc((100% - 1rem * (2 - 1) ) / 2);
	padding: 2.5rem 1.5rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);
	text-align: center;
}

@media (max-width: 35.98rem) {

	.cell-price-restretching {
		flex-basis: 100%;
		width: 100%;
	}

}

.title-cell-price-restretching {
	margin-bottom: 1.25rem;
	font-weight: 600;
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	text-transform: uppercase;
}

.content-cell-price-restretching {
	color: var(--accent-color);
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
}

/* additionally-restretching
================================================================================ */
/* .additionally-restretching {
} */

.additionally-restretching .container-center {
	padding-top: 0;
}


.grid-additionally-restretching {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	max-width: 60rem;
	margin-inline: auto;
}

.cell-additionally-restretching {
	flex-basis: calc((100% - 1rem * (2 - 1) ) / 2);
	width: calc((100% - 1rem * (2 - 1) ) / 2);
	border-radius: var(--border-radius);
	background: var(--light-bg);
}

@media (max-width: 35.98rem) {

	.cell-additionally-restretching {
		flex-basis: 22.5rem;
		width: 22.5rem;
	}

}

.additionally-restretching span {
	display: block;
	padding: 1.875rem;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
	text-align: center;
}

/* choice-restretching
================================================================================ */
.choice-restretching {
	background: var(--light-bg);
}

/* .choice-restretching .container-center {
} */

.wrap-choice-restretching {
	display: flex;
	flex-wrap: wrap;
	/* max-width: 60rem;
	margin-inline: auto; */

	/* background: red; */
}

/* left-choice-restretching
============================================ */
.left-choice-restretching {
	flex-basis: 45%;
	width: 45%;

	/* background: #399841; */
}

@media (max-width: 47.98rem) {

	.left-choice-restretching {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 1.875rem;
	}

}

.img-choice-restretching {
	display: block;
	position: relative;
	z-index: 1;
	margin: 0 0 1.25rem;
	padding-block: clamp(5rem, 4.08rem + 4.6vw, 7.875rem);
	padding-inline: 1.5rem;
	border-radius: var(--border-radius);
	background: url(../images/left-choice-restretching.jpg) no-repeat center / cover;
	color: var(--white-color);
	font-weight: 500;
	font-size: clamp(1.25rem, 1.17rem + 0.4vw, 1.5rem);
	text-align: center;
}

.img-choice-restretching::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: var(--border-radius);
	background: var(--black-color);
	opacity: .4;
	transition: all .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.img-choice-restretching:hover::before {
		background:var(--accent-color);
	}

}

.img-choice-restretching::after {
	--indent: -.625rem;
	content: "";
	display: block;
	position: absolute;
	top: var(--indent);
	right: var(--indent);
	bottom: var(--indent);
	left: var(--indent);
	z-index: -1;
	border: .125rem solid transparent;
	border-radius: var(--border-radius);
	transition: border-color .2s linear .02s;
}

@media (hover: hover) and (pointer: fine) {

	.img-choice-restretching:hover::after {
		border-color: var(--accent-color);
	}

}


.left-choice-restretching ul {
	display: flex;
	flex-wrap: wrap;
}

.left-choice-restretching ul li {
	margin: 0 1.25rem .625rem 0;
	padding-left: 1.125rem;
}

/* right-choice-restretching
============================================ */
.right-choice-restretching {
	flex-basis: 55%;
	width: 55%;
	padding: 0 0 0 3.75rem;
}

@media (max-width: 47.98rem) {

	.right-choice-restretching {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

.right-choice-restretching h3 {
	margin-block-start: 0;
	text-align: left;
}

.right-choice-restretching .btn {
	margin-top: 3.125rem;
	margin-bottom: 0;
}

/* portfolio-restretching
================================================================================ */
/* .portfolio-restretching {
} */

/* .portfolio-restretching .container-center {
	background: #399841;
} */

.portfolio-restretching .slick-slide {
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
}

/* how-work-restretching
================================================================================ */
/* .how-work-restretching {
	background: red;
} */

.how-work-restretching .container-center {
	display: flex;
	flex-wrap: wrap;
}

/* left-how-work-restretching
============================================ */
.left-how-work-restretching {
	flex-basis: 50%;
	width: 50%;
	padding: 0 2.5rem 0 0;
}

@media (max-width: 61.98rem) {

	.left-how-work-restretching {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 1.875rem;
		padding: 0;
	}

}

.left-how-work-restretching h2 {
	text-align: left;
}

.left-how-work-restretching .btn {
	margin-top: 2.5rem;
	margin-bottom: 0;
}

/* right-how-work-restretching
============================================ */
.right-how-work-restretching {
	flex-basis: 50%;
	width: 50%;
	padding: 0 0 0 2.5rem;
}

@media (max-width: 61.98rem) {

	.right-how-work-restretching {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

.grid-how-work-restretching {
	display: flex;
	flex-wrap: wrap;
}

.cell-how-work-restretching {
	flex-basis: 50%;
	width: 50%;
	padding: 6.25rem 1.25rem 1.875rem;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
	text-align: center;
}

.cell-how-work-restretching:first-child {
	background: url(../images/ico-how-work-restretching-1.svg) no-repeat center top 1.875rem / auto 3.125rem;
}

.cell-how-work-restretching:nth-child(2) {
	background: var(--light-bg) url(../images/ico-how-work-restretching-2.svg) no-repeat center top 1.875rem / auto 3.125rem;
}

.cell-how-work-restretching:nth-child(3) {
	background: var(--light-bg) url(../images/ico-how-work-restretching-3.svg) no-repeat center top 1.875rem / auto 3.125rem;
}

.cell-how-work-restretching:last-child {
	background: url(../images/ico-how-work-restretching-4.svg) no-repeat center top 1.875rem / auto 3.125rem;
}

/* warranty-restretching
================================================================================ */
.warranty-restretching {
	margin-bottom: var(--container-center-padding-block-index);
}

.warranty-restretching .container-center {
	padding-block: 6.25rem;
	border-radius: var(--border-radius);
	background: linear-gradient(
			to bottom right,
			var(--accent-color-dark) 0%,
			var(--accent-color) 100%);
	color: var(--white-color);
	font-size: 1.875rem;
	line-height: 1.5;
	text-align: center;
}












/* ====================================================================================================
	lk
==================================================================================================== */

/* login-pa
================================================================================ */

.login-pa {
	display: flex;
	flex-wrap: wrap;

	/* background: yellow; */
}


.new-user-pa {
	flex-basis: 50%;
	width: 50%;
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--light-bg);
}

@media (max-width: 47.98rem) {

	.new-user-pa {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 2.5rem;
	}

}

.new-user-pa p {
	margin: 0 0 1.875rem;
}

.new-user-pa .buttons {
	margin-block: 0;
}


.authorization-pa {
	flex-basis: 50%;
	width: 50%;
	padding: 1.25rem 0 0 3.125rem;

	/* background: #777; */
}

@media (max-width: 47.98rem) {

	.authorization-pa {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

.login-pa h2 {
	margin-top: 0;
	font-size: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
}


.alert-login {
	margin: .063rem 0 1.25rem;
	padding: .938rem;
	background: var(--red-color);
	color: var(--white-color);
	text-align: center;
}

.authorization-pa .text-input {
	margin: 0 0 1.125rem;
}

.authorization-pa a {
	display: inline-block;
	margin-bottom: 1.5rem;
	color: var(--accent-color);
	font-size: .875rem;
	transition: color .2s .02s linear;
	text-decoration: underline;

	/* background: red; */
}

@media (hover: hover) and (pointer: fine) {

	.authorization-pa a:hover {
		color: var(--text-color);
		text-decoration: none;
	}

}


.login-pa-success {
	font-size: clamp(1.125rem, 1.085rem + 0.2vw, 1.25rem);
}

/* registration-pa
================================================================================ */
.registration-pa {
	max-width: 60rem;
	margin-inline: auto;
}

.registration-pa .tabs-radio {
	display: flex;
	gap: .625rem;
	margin-bottom: 2.5rem;

	/* background: yellow; */
}

.registration-pa .tab-radio {
	flex-basis: calc((100% - .625rem * (2 - 1) ) / 2);
	width: calc((100% - .625rem * (2 - 1) ) / 2);

	/* background: palegreen; */
}

.registration-pa .tab-radio input {
	position: absolute;
	width: .063rem;
	height: .063rem;
	margin: -.063rem;
	border: 0;
	padding: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(100%);
			clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.registration-pa .tab-radio label {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	background: var(--white-color);
	cursor: pointer;
	color: var(--grey-color);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3;
	text-align: center;
	transition: all 0.15s ease-in-out;
}

.registration-pa .tab-radio label span {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 auto 1.25rem;

	/* background: red; */
}

.registration-pa .tab-radio label span::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: 50%;
}

.registration-pa .tab-radio input:checked + label {
	border-color: var(--accent-color-dark);
	background: var(--white-color);
	color: var(--text-color);
}

.registration-pa .tab-radio input:checked+label span::before {
	border-color: transparent;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='hsl(210 67% 40%)' width='24'%3E%3Cpath d='M480-280q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Zm0 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat center / 120% auto;
}

/* order-history-pa
================================================================================ */
.order-history-pa .summary-content {
	background: var(--white-color);
}


.total-bonuses-order-history-pa {
	margin: 0 0 1.25rem;
	color: var(--black-color);
	font-weight: 500;
	font-size: 1.125rem;
}


.order-history-pa ul {
	display: flex;
	flex-wrap: wrap;
	gap: .875rem;
}

.order-history-pa ul li {
	flex-basis: calc((100% - .875rem * (3 - 1) ) / 3);
	width: calc((100% - .875rem * (3 - 1) ) / 3);
	margin: 0;
	padding: 0;
}

@media (max-width: 47.98rem) {

	.order-history-pa ul li {
		flex-basis: calc((100% - .875rem * (2 - 1) ) / 2);
		width: calc((100% - .875rem * (2 - 1) ) / 2);
	}

}

@media (max-width: 35.98rem) {

	.order-history-pa ul li {
		flex-basis: 100%;
		width: 100%;
	}

}

.order-history-pa ul li::before {
	display: none;
}

.order-history-pa ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: .938rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	transition: border-color .3s .02s linear;
	color: var(--text-color) !important;
	line-height: 1.5;
	text-decoration: none !important;
}

.number-order-history-pa {
	display: block;
	margin: 0 0 .25rem;
	color: var(--black-color);
	font-weight: 600;
}

.summ-order-history-pa {
	display: block;
	color: var(--grey-color);
}

.summ-order-history-pa span {
	color: var(--text-color);
	font-weight: 600;
}

.bonuses-order-history-pa {
	display: block;
	color: var(--grey-color);
}

.bonuses-order-history-pa span {
	color: var(--text-color);
	font-weight: 600;
}

@media (hover: hover) and (pointer: fine) {

	.order-history-pa ul li a:hover {
		border-color: var(--accent-color);
	}

}