@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600&display=swap");
:root {
	--theme: #e9a644;
	--theme-text: #ffffff;
	--dark: #e69b2d;
	--bg-dark: #333333;
	--green: #2daf53;
	--blue: #1760e7;
	--blue-focus: rgba(23, 96, 231, 0.3);
	--bg-grey: #f6f6f9;
	--border-shadow: rgba(255, 21, 21, 0.3);
	--bg-active: rgba(166, 190, 246, 0.2);
	--text: rgba(25, 36, 61, 0.55);
	--text-dark: #19243d;
	--border: #e7e7e7;
	--logo-height: 5rem;
	--admin-bar: 0px;
	--fz: 1.5rem;
	--smaller: 1.4rem;
	--small: 1.35rem;
	--v-small: 1rem;
	--large: calc(var(--fz) * 1.1);
	--v-large: calc(var(--fz) * 1.2);
	--field: 5rem;
	--field-padding: 0 calc(var(--field) / 2);
	--field-bg: var(--bg-grey);
	--admin-bar: 0px;
	--header-top: 3.75rem;
	--header-main: 7.5rem;
	--header-bottom: 3.75rem;
	--padding: 2.4rem;
}

@media (max-width: 767.98px) {
	:root {
		--field: 3rem;
	}
}

html {
	font-size: 0.7vw;
}

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

body {
	font-family: "Exo 2", serif;
	color: #36393c;
}

body.admin-bar {
	--admin-bar: 32px;
}

a {
	color: inherit;
	text-decoration: none;
}

ul li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	font-weight: normal;
	font-size: inherit;
}

button {
	border: none;
	border-radius: 0;
	line-height: inherit;
}

section {
	padding: 6rem 0;
}

body::-webkit-scrollbar {
	width: 6px;
}

body::-webkit-scrollbar-thumb {
	background-color: #e8a543;
}

body::-webkit-scrollbar-track {
	background-color: #e7e7e7;
}

.container {
	max-width: 80vw;
	width: 100%;
	margin: 0 auto;
}

.lock {
	overflow: hidden;
}

@media (min-width: 1599.98px) {
	html {
		font-size: 1.1vw;
	}
}

@media (max-width: 1599.98px) {
	html {
		font-size: 1.3vw;
	}
}

@media (max-width: 1439.98px) {
	html {
		font-size: 1.5vw;
	}
}

@media (max-width: 1231.98px) {
	html {
		font-size: 1.8vw;
	}
}

@media (max-width: 1023.98px) {
	html {
		font-size: 2vw;
	}
}

@media (max-width: 895.98px) {
	html {
		font-size: 2.5vw;
	}
}

@media (max-width: 767.98px) {
	html {
		font-size: 3vw;
	}
}

@media (max-width: 575.98px) {
	html {
		font-size: 4vw;
	}
}

@media (max-width: 424.98px) {
	html {
		font-size: 5vw;
	}
}

@media (max-width: 319.98px) {
	html {
		font-size: 7vw;
	}
}

@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon.eot?7xxdmv");
	src: url("../fonts/icomoon.eot?7xxdmv#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?7xxdmv") format("truetype"), url("../fonts/icomoon.woff?7xxdmv") format("woff"), url("../fonts/icomoon.svg?7xxdmv#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-left-menu:before {
	content: "\e900";
}

.icon-display:before {
	content: "\e901";
}

.icon-case:before {
	content: "\e902";
}

.icon-business:before {
	content: "\e903";
}

.icon-rocket:before {
	content: "\e904";
}

.icon-coin:before {
	content: "\e905";
}

.icon-reply-left:before {
	content: "\e906";
}

.icon-reply-right:before {
	content: "\e907";
}

.icon-seo:before {
	content: "\e908";
}

.icon-view-list:before {
	content: "\e909";
}

.icon-folder-open:before {
	content: "\e90a";
}

.icon-upload:before {
	content: "\e90b";
}

.icon-folder:before {
	content: "\e90c";
}

.icon-download:before {
	content: "\e90d";
}

.icon-place:before {
	content: "\e90e";
}

.icon-light:before {
	content: "\e90f";
}

.icon-dark:before {
	content: "\e910";
}

.icon-arrow-down:before {
	content: "\e911";
}

.icon-arrow-up:before {
	content: "\e912";
}

.icon-arrow-right:before {
	content: "\e913";
}

.icon-arrow-left:before {
	content: "\e914";
}

.icon-up:before {
	content: "\e915";
}

.icon-login:before {
	content: "\e916";
}

.icon-left:before {
	content: "\e917";
}

.icon-right:before {
	content: "\e918";
}

.icon-down:before {
	content: "\e919";
}

.icon-drag:before {
	content: "\e91a";
}

.icon-bookmark:before {
	content: "\e91b";
}

.icon-power:before {
	content: "\e91c";
}

.icon-code:before {
	content: "\e91d";
}

.icon-chat:before {
	content: "\e91e";
}

.icon-history:before {
	content: "\e91f";
}

.icon-user:before {
	content: "\e920";
}

.icon-open:before {
	content: "\e921";
}

.icon-error:before {
	content: "\e922";
}

.icon-dashboard:before {
	content: "\e923";
}

.icon-like:before {
	content: "\e924";
}

.icon-event:before {
	content: "\e925";
}

.icon-help:before {
	content: "\e926";
}

.icon-internet:before {
	content: "\e927";
}

.icon-time:before {
	content: "\e928";
}

.icon-lock:before {
	content: "\e929";
}

.icon-fav-solid:before {
	content: "\e92a";
}

.icon-fav:before {
	content: "\e92b";
}

.icon-document:before {
	content: "\e92c";
}

.icon-logout:before {
	content: "\e92d";
}

.icon-show:before {
	content: "\e92e";
}

.icon-cart:before {
	content: "\e92f";
}

.icon-trash:before {
	content: "\e930";
}

.icon-success:before {
	content: "\e931";
}

.icon-warning:before {
	content: "\e932";
}

.icon-check:before {
	content: "\e933";
}

.icon-settings:before {
	content: "\e934";
}

.icon-avatar:before {
	content: "\e935";
}

.icon-home:before {
	content: "\e936";
}

.icon-search:before {
	content: "\e937";
}

.icon-inventory:before {
	content: "\e938";
}

.icon-text:before {
	content: "\e939";
}

.icon-inbox:before {
	content: "\e93a";
}

.icon-email:before {
	content: "\e93b";
}

.icon-phone:before {
	content: "\e93c";
}

.icon-call:before {
	content: "\e93d";
}

.icon-notif:before {
	content: "\e93e";
}

.icon-move:before {
	content: "\e93f";
}

.icon-unfold-more:before {
	content: "\e940";
}

.icon-chevron-left-solid:before {
	content: "\e941";
}

.icon-add:before {
	content: "\e942";
}

.icon-add-circle:before {
	content: "\e943";
}

.icon-remove:before {
	content: "\e944";
}

.icon-remove-circle:before {
	content: "\e945";
}

.icon-filter:before {
	content: "\e946";
}

.icon-mic:before {
	content: "\e947";
}

.icon-attach:before {
	content: "\e948";
}

.icon-emoji:before {
	content: "\e949";
}

.icon-cancel:before {
	content: "\e94a";
}

.icon-close:before {
	content: "\e94b";
}

.icon-menu:before {
	content: "\e94c";
}

.icon-more-h:before {
	content: "\e94d";
}

.icon-more-v:before {
	content: "\e94e";
}

.icon-send:before {
	content: "\e94f";
}

.icon-sync:before {
	content: "\e950";
}

.icon-refresh:before {
	content: "\e951";
}

.icon-person-add:before {
	content: "\e952";
}

.icon-group:before {
	content: "\e953";
}

.icon-group-add:before {
	content: "\e954";
}

.icon-done:before {
	content: "\e955";
}

.icon-checklist:before {
	content: "\e956";
}

.icon-checkbox:before {
	content: "\e957";
}

.icon-list:before {
	content: "\e958";
}

.icon-flag:before {
	content: "\e959";
}

.icon-click:before {
	content: "\e95a";
}

.icon-mouse:before {
	content: "\e95b";
}

.icon-align-right:before {
	content: "\e95c";
}

.icon-underlined:before {
	content: "\e95d";
}

.icon-align-center:before {
	content: "\e95e";
}

.icon-align-left:before {
	content: "\e95f";
}

.icon-through:before {
	content: "\e960";
}

.icon-italic:before {
	content: "\e961";
}

.icon-bold:before {
	content: "\e962";
}

.icon-table:before {
	content: "\e963";
}

.icon-view-grid:before {
	content: "\e964";
}

.icon-verified:before {
	content: "\e965";
}

.icon-play:before {
	content: "\e966";
}

.icon-pause:before {
	content: "\e967";
}

.icon-mic-off:before {
	content: "\e968";
}

.icon-star:before {
	content: "\e969";
}

.icon-star-outline:before {
	content: "\e96a";
}

.icon-coin1:before {
	content: "\e96b";
}

.icon-calculate:before {
	content: "\e96c";
}

.icon-long-arrow-right:before {
	content: "\e96d";
}

.icon-tik-tok:before {
	content: "\e96e";
}

.icon-youtube:before {
	content: "\e96f";
}

.icon-whatsapp:before {
	content: "\e970";
}

.icon-instagram:before {
	content: "\e971";
}

.icon-telegram:before {
	content: "\e972";
}

.icon-twitter:before {
	content: "\e973";
}

.icon-facebook:before {
	content: "\e974";
}

.icon-vk:before {
	content: "\e975";
}

.icon-kaspi:before {
	content: "\e976";
}

.icon-stream:before {
	content: "\e977";
}

.icon-quote:before {
	content: "\e978";
}

.icon-gift:before {
	content: "\e979";
}

.icon-shield:before {
	content: "\e97a";
}

.icon-server:before {
	content: "\e97b";
}

.icon-behance-icon:before {
	content: "\e97c";
}

.icon-edit:before {
	content: "\e97d";
}

.icon-cc-discover:before {
	content: "\e97e";
}

.icon-cc-mastercard:before {
	content: "\e97f";
}

.icon-visa:before {
	content: "\e980";
}

.icon-home2:before {
	content: "\e981";
}

.icon-home3:before {
	content: "\e982";
}

.icon-file-zip:before {
	content: "\e983";
}

.icon-copy:before {
	content: "\e984";
}

.icon-paste:before {
	content: "\e985";
}

.icon-stack:before {
	content: "\e986";
}

.icon-ticket:before {
	content: "\e987";
}

.icon-cart1:before {
	content: "\e988";
}

.icon-coin-dollar:before {
	content: "\e989";
}

.icon-coin-euro:before {
	content: "\e98a";
}

.icon-location2:before {
	content: "\e98b";
}

.icon-compass:before {
	content: "\e98c";
}

.icon-compass2:before {
	content: "\e98d";
}

.icon-cc-paypal:before {
	content: "\e98e";
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Regular.eot");
	src: local("Gilroy Regular"), local("Gilroy-Regular"), url("../fonts/Gilroy-Regular.eot") format("embedded-opentype"), url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-RegularItalic.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Regular.eot");
	src: local("Gilroy Regular"), local("Gilroy-Regular"), url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Light.eot");
	src: local("Gilroy Light"), local("Gilroy-Light"), url("../fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Medium.eot");
	src: local("Gilroy Medium"), local("Gilroy-Medium"), url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/Gilroy-Semibold.eot");
	src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url("../fonts/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Semibold.woff2") format("woff2"), url("../fonts/Gilroy-Semibold.woff") format("woff"), url("../fonts/Gilroy-Semibold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

.header {
	width: 100%;
	background: white;
	position: fixed;
	top: var(--admin-bar);
	z-index: 100;
	border-bottom: 1px solid var(--border);
}

.header__wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
}

.header__logo {
	width: 20%;
}

.header__main {
	width: 80%;
}

.header__top {
	width: 100%;
	height: var(--header-top);
	display: flex;
	border-left: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}

.header__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-right: 1px solid var(--border);
	position: relative;
}

.header__item--search {
	flex-grow: 1;
}

.header__item--dropdown:hover .header__sub-menu,
.header__item--dropdown:hover .header__text--tel,
.header__item--dropdown:hover .sub-menu__text--tel {
	display: flex;
}

.header__item--dropdown:hover .header__sub-menu {
	flex-direction: column;
}

.header__link, .sub-menu__link {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 1.25rem;
	transition: 0.3s;
}

.header__link:hover, .sub-menu__link:hover {
	background-color: var(--theme);
	color: #fff;
}

.header__link:hover .header__icon, .sub-menu__link:hover .header__icon {
	color: #fff;
}

.header__icon {
	color: var(--theme);
}

.header__text, .sub-menu__text {
	font-weight: 700;
	margin-inline: 0.5rem;
}

.header__text--tel {
	white-space: nowrap;
}

.header__bottom {
	width: 100%;
	display: flex;
	align-items: center;
	border-left: 1px solid var(--border);
}

.header__nav {
	height: inherit;
	display: flex;
	flex-grow: 1;
}

.header__burger {
	display: none;
	align-items: center;
	cursor: pointer;
	padding: 1rem;
}

.header__button {
	max-height: var(--header-bottom);
	font-size: 0.8rem;
	text-transform: uppercase;
	background: var(--theme);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
	position: relative;
	border-bottom: 1px solid var(--border);
}

.header__button:hover .header__strip, .header__button:hover .burger__strip {
	background-color: #fff;
}

.header__button:hover .header__strip::before, .header__button:hover .burger__strip::before, .header__button:hover .header__strip::after, .header__button:hover .burger__strip::after {
	background-color: #fff;
}

.header__strip, .burger__strip {
	background: white;
	display: flex;
	position: relative;
	width: 1.5rem;
	height: 2px;
}

.header__strip::before, .burger__strip::before, .header__strip::after, .burger__strip::after {
	content: "";
	background-color: white;
	position: absolute;
	width: 100%;
	height: 2px;
}

.header__strip::before, .burger__strip::before {
	bottom: 0.3rem;
}

.header__strip::after, .burger__strip::after {
	top: 0.3rem;
}

.header__strip.active, .active.burger__strip {
	height: 0;
}

.header__strip.active:before, .active.burger__strip:before {
	transform: rotate(45deg);
	bottom: -1px;
}

.header__strip.active:after, .active.burger__strip:after {
	transform: rotate(-45deg);
	top: -1px;
}

.header__dropdown {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	justify-content: end;
	height: calc(100vh - var(--header-main));
	background: white;
	top: calc(var(--header-main) + 1px);
	z-index: 5;
	overflow: auto;
}

.header__dropdown::-webkit-scrollbar {
	width: 5px;
}

.header__dropdown::-webkit-scrollbar-thumb {
	background-color: var(--theme);
}

.header__dropdown::-webkit-scrollbar-track {
	background-color: #e7e7e7;
}

.header__dropdown--show {
	display: flex;
}

.header__brands {
	border-right: 1px solid var(--border);
}

.header__brands.brands {
	width: 20.1%;
	height: calc(100% - var(--header-main));
	overflow: auto;
	position: fixed;
	left: 0;
}

.header__brands .brands__menu {
	min-height: 37rem;
	height: 100%;
}

.header__brands .brands__tab {
	width: 50%;
}

.header__brands .brands__tab:nth-child(even) {
	border-right: none;
}

.header__cards {
	width: 79.9%;
	display: flex;
	flex-wrap: wrap;
	height: fit-content;
	justify-content: space-between;
	padding: 1rem;
}

.header__category.category {
	width: 20%;
	filter: grayscale(0);
}

@media (max-width: 1599.98px) {
	.header__category.category {
		padding: 2.5rem 0.5rem;
	}
}

@media (max-width: 1439.98px) {
	.header__text, .sub-menu__text {
		font-size: 0.75rem;
	}
	.header__category.category {
		width: 25%;
	}
}

@media (max-width: 1231.98px) {
	.header__icon.icon-down {
		display: none;
	}
	.header__text, .sub-menu__text {
		display: none;
		margin-right: 0;
	}
	.header__bottom {
		position: absolute;
		width: 100%;
		left: 0;
	}
	.header__burger {
		display: flex;
	}
	.header__button {
		width: 100%;
		flex-grow: 1;
	}
	.header__category.category {
		width: 33.33%;
	}
	.header .brands__image-wrapper {
		height: 4rem;
	}
	.header .brands__image {
		padding: 0 0.5rem;
	}
}

@media (max-width: 1023.98px) {
	.header .brands__tab {
		width: 100%;
	}
}

@media (max-width: 895.98px) {
	.header__category.category {
		width: 50%;
	}
}

@media (max-width: 767.98px) {
	.header__brands .brands__menu {
		min-height: auto;
	}
	.header__link, .sub-menu__link {
		padding: 0.6rem;
	}
	.header__burger {
		padding: 0.5rem;
	}
	.header__top {
		border-left: 0;
	}
	.header__cards {
		width: 80%;
		padding: 0;
	}
	.header__category.category {
		width: 50%;
		padding: .5rem;
	}
	.header .brands__image-wrapper {
		height: 3rem;
	}
	.header__dropdown {
		top: calc(var(--header-main) - 1px);
	}
}

@media (max-width: 575.98px) {
	.header__link, .sub-menu__link {
		padding: 0.6rem;
	}
	.header__burger {
		padding: 0.5rem;
	}
}

@media (max-width: 424.98px) {
	.header__logo {
		width: 40%;
	}
	.header__top {
		justify-content: flex-end;
	}
	.header__item {
		display: none;
	}
}

.footer {
	padding-bottom: 6rem;
}

.footer__wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 0.8rem;
}

.footer__dropdown {
	width: 100%;
	height: 100%;
	background: #fff;
	display: none;
	padding: 2rem;
	position: fixed;
	top: var(--header-main);
	left: 0;
	z-index: 4;
}

.footer__about {
	width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer__logo {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.footer__img {
	width: 100%;
	padding-bottom: 1rem;
	filter: grayscale(1);
}

.footer__img:hover {
	filter: grayscale(0);
}

.footer__text {
	padding-bottom: 1rem;
}

.footer__nav {
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer__item {
	width: 50%;
	display: flex;
}

.footer__link {
	padding-bottom: 1.5rem;
	transition: 0.3s;
}

.footer__link--policy {
	color: #828282;
	padding-bottom: 0;
}

.footer__link:hover {
	color: var(--theme);
}

.footer__address {
	width: 30%;
}

.footer__contact {
	font-weight: 700;
	font-size: 1rem;
}

.footer__social {
	padding-bottom: 1rem;
}

.footer__rights {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.footer__rights .footer__text {
	width: 20%;
	font-size: 0.8rem;
	padding-bottom: 0;
}

.footer__rights .footer__link {
	font-size: 0.7rem;
	color: #828282;
	padding-bottom: 0.5rem;
	width: 45%;
}

.footer__rights .footer__link:last-child {
	width: 30%;
}

@media (max-width: 767.98px) {
	.footer__about {
		width: 100%;
	}
	.footer__img {
		width: 30%;
	}
	.footer__nav {
		width: 100%;
	}
	.footer__address {
		width: 100%;
	}
	.footer__rights {
		flex-direction: column;
	}
	.footer__rights .footer__text {
		order: 1;
		width: 100%;
	}
	.footer__rights .footer__link {
		width: 100%;
	}
	.footer__rights .footer__link:last-child {
		width: 100%;
	}
}

.show {
	display: block;
}

.btn {
	background: var(--bg-dark);
	color: var(--theme-text);
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	border-radius: 0;
	font-weight: 700;
	font-family: inherit;
	font-size: var(--v-small);
	text-transform: uppercase;
	cursor: pointer;
	height: var(--field);
	padding: 0 calc(var(--field) / 2);
	gap: 0.8rem;
	transition: 0.2s;
}

.btn--small {
	width: 100%;
}

.btn--medium {
	--field: 3.8rem;
}

.btn--outline {
	background: var(--bg);
	border: 1px solid var(--border);
	color: var(--text);
	transition: 0.2s;
}

.btn--outline:hover {
	background: var(--theme);
	color: #fff;
}

.btn:hover {
	background: var(--theme);
	color: #fff;
}

.logo {
	flex-shrink: 0;
}

.logo__link {
	display: flex;
	justify-content: center;
}

.logo__img {
	width: 90%;
}

@media (max-width: 1440px) {
	.logo {
		max-height: var(--header-top);
	}
}

.sub-menu {
	width: 100%;
	display: none;
	background: white;
	border: 1px solid var(--border);
	border-top: none;
	position: absolute;
	top: 100%;
	z-index: 6;
}

.sub-menu__link:hover .sub-menu__icon {
	color: white;
}

.sub-menu__icon {
	color: var(--theme);
}

.sub-menu__text--tel {
	white-space: nowrap;
}

.burger__button {
	background: none;
	width: 2rem;
	height: 2rem;
	position: relative;
	padding: 0;
}

.burger__strip {
	background: var(--theme);
	width: 100%;
	margin-left: 0;
}

.burger__strip::before, .burger__strip::after {
	background-color: var(--theme);
}

.burger__strip::before {
	bottom: 0.4rem;
}

.burger__strip::after {
	top: 0.4rem;
}

.main {
	padding-top: var(--header-main);
}

.archive {
	padding: 0;
}

.archive__wrapper {
	display: flex;
	flex-wrap: wrap;
	padding: 1rem;
	padding-bottom: 4rem;
}

.archive__item {
	width: 25%;
	padding: 2rem 1rem;
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: 0.3s;
}

.archive__item:hover {
	color: white;
	box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.2);
	filter: grayscale(0);
	background: linear-gradient(to bottom, #ffc578 0%, #fb9d23 100%);
}

.archive__link {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-bottom: 3px solid black;
}

.archive__img {
	width: 100%;
	transition: 0.3s;
}

.archive__name {
	font-size: 1.2rem;
	font-weight: 900;
}

@media (max-width: 767.98px) {
	.archive__wrapper {
		padding: 1rem 0;
	}
	.archive__item {
		width: 50%;
		padding: 1rem;
	}
	.archive__link {
		gap: .5rem;
		padding-bottom: 0.3rem;
	}
	.archive__name {
		font-size: .8rem;
		font-weight: 600;
	}
}

.lang {
	height: 100%;
	display: flex;
	justify-content: space-between;
}

.lang__item {
	color: #000;
}

.lang__item--active {
	background-color: var(--bg-dark);
	color: #fff;
}

.lang__link {
	width: 4.375rem;
	display: flex;
	justify-content: center;
	padding: 1.25rem;
}

.lang__link:hover {
	background-color: var(--theme);
	color: #fff;
}

@media (max-width: 895.98px) {
	.lang.header__lang {
		display: none;
	}
	.lang__link {
		width: 3.875rem;
	}
}

.nav__list {
	width: 100%;
	display: flex;
}

.nav__item {
	display: flex;
	flex-grow: 1;
	position: relative;
}

.nav__item.submenu:hover .nav__sub-menu {
	display: block;
}

.nav__link {
	width: 100%;
	text-align: center;
	white-space: nowrap;
	padding: 1.2rem;
	height: var(--header-bottom);
	transition: 0.3s;
}

.nav__link:hover {
	background-color: var(--theme);
	color: #fff;
}

@media (max-width: 1231.98px) {
	.nav {
		display: none;
	}
}

.button {
	background: none;
	border: 1px solid var(--theme);
	display: flex;
	text-transform: uppercase;
	padding: 0.5rem 2.5rem;
}

.button:hover {
	background: var(--theme);
	color: white;
}

@media (max-width: 319.98px) {
	.button {
		font-size: 0.75rem;
		padding: 0.5rem 1rem;
	}
}

.headline__title {
	font-size: 2.5rem;
	font-weight: 700;
	padding-bottom: 1rem;
}

.headline__title--consultation {
	font-size: 2rem;
	font-weight: 400;
}

.headline__subtitle {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 700;
}

.headline__subtitle--consultation {
	text-transform: none;
	padding-bottom: 1rem;
}

@media (max-width: 767.98px) {
	.headline__title {
		font-size: 1.5rem;
	}
}

.specification {
	background: var(--gray);
	box-shadow: var(--shadow-feature);
	padding: 4rem 0;
}

.specification__title {
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 700;
}

.specification__img {
	width: 2rem;
	height: 2rem;
}

.specification__link {
	display: flex;
	align-items: center;
	gap: .5rem;
}

.specification__wrapper {
	display: flex;
	justify-content: space-between;
	gap: 5rem;
}

.specification__column {
	width: 50%;
	max-height: 100%;
	display: flex;
	flex-direction: column;
}

.specification__technique {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.specification__tractor-size {
	width: 100%;
}

.specification__files {
	display: flex;
	gap: 2rem;
}

.specification__item {
	display: flex;
	gap: 6rem;
}

.specification__params:first-child .specification__label, .specification__value {
	font-weight: 600;
}

.specification__label {
	width: 60%;
}

.specification__value {
	width: 40%;
}

.specification__title-m {
	padding-bottom: 1rem;
}

.slider {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.slider__wrapper {
	display: flex;
}

.slider__slide {
	flex-shrink: 0;
}

.slider__slide img {
	width: 100%;
	object-fit: cover;
}

.slider__thumbnails {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	display: flex;
	gap: 2rem;
}

.slider__thumbnail {
	height: 4rem;
	cursor: pointer;
	width: 5rem;
	display: flex;
	box-shadow: 1px 1px 10px 10px rgba(0, 0, 0, 0.112);
	overflow: hidden;
}

.slider__thumbnail img {
	width: 100%;
	object-fit: cover;
}

.tabs {
	display: none;
	padding: 1rem 0;
}

.tabs__wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4rem;
}

.tabs__link {
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 2px solid var(--theme);
}

.init {
	height: calc(100vh - var(--header-main) - var(--admin-bar));
	min-height: 24rem;
	transition: 0.3s ease-in-out;
	padding: 0;
}

.init__wrapper {
	height: 100%;
	display: flex;
}

.init__subtitle {
	font-size: 1.5rem;
	padding-bottom: 1.5rem;
}

/* Оранжевый бренда (#e69b2d) на белом даёт контраст 2,3 — мало даже для
 * крупного текста, где достаточно 3. Затемняем только сам текст, а дашевое
 * подчёркивание оставляем брендовым: строка читается, акцент виден, палитра
 * сайта не меняется. */
.init__underline {
	color: #a96a12;
	border-bottom: 2px dashed var(--dark);
}

.init__aside {
	position: relative;
	width: 50%;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.init__aside:first-child {
	padding: 5rem;
}

.init__title {
	font-size: 3rem;
	font-weight: 900;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	position: absolute;
	top: 50%;
	transition: 0.3s ease-in-out;
	transform: translate(50%, -50%) rotate(-90deg) translate(0, -50%);
	cursor: default;
}

.init__title--r {
	right: 0;
}

.init__title--l {
	color: white;
	-webkit-text-stroke-color: white;
	transform: translate(-50%, -50%) rotate(90deg) translate(0, -50%);
}

.init__btn {
	display: flex;
	gap: 1rem;
}

.init__btn .icon {
	padding: 1rem;
	transition: 0.3s ease-in-out;
	border: 1px solid black;
	cursor: pointer;
}

.init__thumbnails {
	width: 80%;
	left: 50%;
	z-index: 4;
	display: flex;
	justify-content: center;
	gap: 1rem;
	position: absolute;
	bottom: 1rem;
	transform: translate(-50%, 0);
}

.init__thumbnail {
	width: 30%;
	object-fit: cover;
	height: 5rem;
	transition: 0.3s ease-in-out;
}

.init__thumbnail:hover {
	transform: scale(1.1);
}

.init__title-slider {
	z-index: 10;
	overflow: hidden;
	width: 5rem;
	position: absolute;
	height: 100%;
}

.init__slider {
	height: 100%;
	overflow: hidden;
}

.init__bg {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: right;
	filter: brightness(0.7);
}

@media (max-width: 895.98px) {
	.init__aside:first-child {
		padding: 2rem;
	}
}

@media (max-width: 767.98px) {
	.init {
		height: auto;
	}
	.init__wrapper {
		flex-wrap: wrap;
	}
	.init__title-slider {
		top: 0;
		width: 100%;
		height: 3.5rem;
	}
	.init__aside {
		width: 100%;
	}
	.init__title--r {
		top: 100%;
		left: 50%;
		width: fit-content;
		transform: translate(-50%, -100%);
	}
	.init__title--l {
		width: 100%;
		text-align: center;
		transform: translate(0%, -50%);
	}
	.init__thumbnail {
		height: 100%;
	}
}

@media (max-width: 424.98px) {
	.init__aside:first-child {
		padding: 3rem;
		padding-bottom: 3rem;
	}
	.init__title {
		font-size: 2rem;
	}
	.init__thumbnail {
		height: 3rem;
	}
}

.swiper-wrapper {
	height: 100%;
	display: flex;
}

.swiper-vertical .swiper-wrapper {
	flex-direction: column;
}

.swiper-slide {
	height: 100%;
	width: 100%;
	flex-shrink: 0;
	position: relative;
}

.consultation__feedback {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.consultation__title {
	font-size: 1.5rem;
	padding-bottom: 1.5rem;
}

.consultation__subtitle {
	padding-bottom: 1.5rem;
}

.consultation__form {
	width: 100%;
	display: flex;
	padding-bottom: 2rem;
}

.consultation__input {
	width: 45%;
	height: 3rem;
	background-color: transparent;
	border: 1px solid black;
	margin-right: 1rem;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	transition: 0.3s ease-in-out;
}

.consultation__button {
	width: 40%;
	height: 3rem;
	border: 1px solid black;
	color: black;
	display: flex;
	margin-right: 1rem;
	transition: 0.3s ease-in-out;
	cursor: pointer;
}

.consultation__icon {
	height: calc(3rem - 2px);
	width: calc(3rem - 2px);
	display: flex;
	font-size: 1rem;
	justify-content: center;
	align-items: center;
}

.consultation__link {
	border: 1px solid black;
	transition: 0.3s ease-in-out;
}

.consultation__link:hover {
	color: white;
	background-color: green;
}

@media (max-width: 1231.98px) {
	.consultation__form {
		flex-wrap: wrap;
	}
	.consultation__input {
		width: 100%;
		margin-bottom: 1rem;
	}
	.consultation__input {
		margin-right: 0;
	}
	.consultation__button {
		flex-grow: 1;
	}
}

@media (max-width: 767.98px) {
	.consultation__form {
		flex-wrap: nowrap;
	}
	.consultation__input {
		margin-right: 1rem;
		margin-bottom: 0;
	}
	.consultation__button {
		padding: 0.5rem 1.5rem;
	}
}

@media (max-width: 575.98px) {
	.consultation__form {
		flex-wrap: wrap;
	}
	.consultation__input {
		margin-bottom: 1rem;
		margin-right: 0;
	}
}

.lineup {
	padding-bottom: 0;
}

.lineup__wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.lineup__headline {
	text-align: center;
}

@media (max-width: 767.98px) {
	.lineup__brands {
		display: none;
	}
}

.brands {
	width: 100%;
}

.brands__menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}

.brands__tab {
	width: 10%;
	border-right: 1px solid var(--border);
	padding: 0.5rem 0;
	filter: grayscale(1);
}

.brands__tab:last-child {
	border-right: none;
}

.brands__tab:hover {
	color: var(--theme);
	filter: none;
	box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
}

.brands__logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.brands__image-wrapper {
	width: 100%;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.brands__image {
	width: 100%;
	padding: 1rem;
}

.brands::-webkit-scrollbar {
	width: 2px;
}

.brands::-webkit-scrollbar-thumb {
	background-color: var(--theme);
}

.brands::-webkit-scrollbar-track {
	background-color: var(--border);
}

@media (max-width: 1023.98px) {
	.brands__tab {
		width: 20%;
	}
}

@media (max-width: 767.98px) {
	.brands {
		width: 20%;
	}
	.brands__title {
		display: none;
	}
	.brands__tab {
		padding: 0;
	}
	.brands__image-wrapper {
		height: 3rem;
	}
	.brands__menu {
		min-height: auto;
	}
}

@media (max-width: 575.98px) {
	.brands__tab {
		width: 50%;
	}
}

.categories {
	width: 100%;
	overflow: hidden;
	padding: 2rem 2rem;
}

.categories__wrapper {
	display: flex;
	height: 100%;
}

.categories__slide {
	height: 100%;
	flex-shrink: 0;
}

.categories__slide .categories__item {
	transition: 0.7s;
}

.categories__slide--active .categories__item {
	transform: skewY(2deg) translateY(-1%);
}

.categories__slide--next .categories__item {
	transform: skewY(1deg) translateY(1%);
}

.categories__slide--next + .categories__slide--visible .categories__item {
	transform: skewY(-1deg) translateY(1%);
}

.categories__slide--next + .categories__slide--visible + .categories__slide--visible .categories__item {
	transform: skewY(-2deg) translateY(-1%);
}

.categories__slide--next + .categories__slide--visible + .categories__slide--visible + .categories__slide--visible .categories__item {
	transform: skewY(-2deg) translateY(2%);
}

.categories__pagination {
	display: flex;
	justify-content: center;
}

.categories__pagination-bullet {
	width: 45px;
	height: 10px;
	border-radius: 5px;
	background-color: var(--theme);
	opacity: 0.5;
	margin: 0.5rem;
	cursor: pointer;
}

.categories__pagination-bullet--active {
	opacity: 1;
}

@media (min-width: 1439.98px) {
	.categories__slide--active .categories__item {
		transform: skewY(2deg) translateY(-1%);
	}
	.categories__slide--next + .categories__slide--visible .categories__item {
		transform: translateY(2%);
	}
	.categories__slide--next + .categories__slide--visible + .categories__slide--visible .categories__item {
		transform: skewY(-1deg) translateY(1%);
	}
	.categories__slide--next + .categories__slide--visible + .categories__slide--visible + .categories__slide--visible .categories__item {
		transform: skewY(-2deg) translateY(-1%);
	}
}

@media (max-width: 1023.98px) {
	.categories__slide--active .categories__item {
		transform: skewY(1deg);
	}
	.categories__slide--next .categories__item {
		transform: skewY(-1deg);
	}
}

@media (max-width: 575.98px) {
	.categories__slide--active .categories__item {
		transform: none;
	}
}

.category {
	width: 100%;
	padding: 2rem 1rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	filter: grayscale(1);
	transition: 0.3s;
}

.category:hover {
	color: white;
	box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.2);
	filter: grayscale(0);
	background: linear-gradient(to bottom, #ffc578 0%, #fb9d23 100%);
}

.category__link {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-bottom: 3px solid black;
}

.category__img {
	width: 100%;
	transition: 0.3s;
}

.category__headline {
	min-height: 5.75rem;
	text-align: center;
	margin-inline: auto;
	padding: 1rem 0;
}

.category__name {
	font-size: 1.2rem;
	font-weight: 900;
}

.category__subtitle {
	font-size: 0.7rem;
	font-weight: 400;
}

@media (max-width: 767.98px) {
	.category__headline {
		min-height: auto;
		text-align: left;
		margin-inline: inherit;
	}
	.category__name {
		font-size: 1rem;
		padding: 0;
	}
}

@media (max-width: 575.98px) {
	.category__name {
		font-size: .6rem;
		padding: 0;
	}
}

.gallery__title {
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 2rem;
}

.gallery__flex {
	display: flex;
	gap: 0.3rem;
	overflow: hidden;
}

.gallery__grid {
	width: calc(100% / 3);
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 9rem;
	grid-gap: 0.3rem;
}

.gallery__item {
	object-fit: contain;
	background-repeat: no-repeat;
	background-size: contain;
}

.gallery__item:hover {
	transform: scale(0.9);
	transition: 0.5s;
	box-shadow: 0px 0px 15px 7px rgba(0, 0, 0, 0.8);
}

.gallery__grid:first-child .gallery__item:first-child {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
	background: url("/wp-content/themes/init/img/gallery/1.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery__grid:first-child .gallery__item:nth-child(2) {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 4;
	background: url("/wp-content/themes/init/img/gallery/2.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery__grid:first-child .gallery__item:nth-child(3) {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	background: url("/wp-content/themes/init/img/gallery/7.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery__grid:nth-child(2) .gallery__item:nth-child(1) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
	background: url("/wp-content/themes/init/img/gallery/4.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery__grid:nth-child(2) .gallery__item:nth-child(2) {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 4;
	background: url("/wp-content/themes/init/img/gallery/5.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery__grid:nth-child(2) .gallery__item:nth-child(3) {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	background: url("/wp-content/themes/init/img/gallery/6.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery__grid:last-child .gallery__item:nth-child(1) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
	background: url("/wp-content/themes/init/img/gallery/3.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery__grid:last-child .gallery__item:nth-child(2) {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 4;
	background: url("/wp-content/themes/init/img/gallery/8.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery__grid:last-child .gallery__item:last-child {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	background: url("/wp-content/themes/init/img/gallery/9.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

@media (max-width: 767.98px) {
	.gallery__flex {
		flex-wrap: wrap;
	}
	.gallery__grid {
		grid-auto-rows: 12rem;
		width: 100%;
	}
}

.service {
	padding-top: 0;
}

.service__wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.service__list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
}

@media (max-width: 1023.98px) {
	.service__list {
		flex-wrap: nowrap;
		justify-content: start;
		gap: 0;
	}
}

.service__title {
	font-size: 1.2rem;
	word-wrap: break-word;
	padding-bottom: 1rem;
	position: relative;
}

.service__title::after {
	content: "";
	position: absolute;
	bottom: 0;
	display: none;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #000;
	animation: stretchLine 0.3s linear forwards;
}

@keyframes stretchLine {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.service__item {
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	padding: 2rem;
}

.service__item:nth-child(even) {
	color: white;
	background: rgba(0, 0, 0, 0.8);
}

.service__item:hover .service__title:after {
	display: block;
}

.service__item:hover:nth-child(even) .service__title:after {
	display: block;
	background-color: white;
}

@media (max-width: 1023.98px) {
	.service__item {
		flex-shrink: 0;
	}
}

.service__next, .service__prev {
	position: absolute;
	display: none;
	background: rgba(0, 0, 0, 0.8);
	color: white;
	top: 50%;
	transform: translate(0, -50%);
	padding: 0.3rem;
	cursor: pointer;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
	transition: .3s ease-in-out;
}

.service__next--even, .service__prev--even {
	background: white;
	color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 1023.98px) {
	.service__next, .service__prev {
		display: block;
	}
}

.service__next {
	right: 0;
}

.service__prev {
	left: 0;
}

.service__footer {
	margin-top: 1rem;
	width: 100% !important;
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	padding: 2rem;
}

.service__footer:nth-child(even) {
	color: white;
	background: rgba(0, 0, 0, 0.8);
}

.service__footer:hover .service__title:after {
	display: block;
}

.service__footer:hover:nth-child(even) .service__title:after {
	display: block;
	background-color: white;
}

.service__headline {
	padding-bottom: 1.5rem;
}

.service__description {
	font-size: 0.8rem;
}

.dropdown {
	overflow: auto;
}

.dropdown__menu {
	position: relative;
}

.dropdown__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 1.5rem;
}

.dropdown__tel {
	display: flex;
	flex-direction: column;
}

.dropdown__link {
	color: #828282;
	font-size: 1rem;
	padding-bottom: 1.5rem;
}

.dropdown__link--active {
	color: black;
}

.dropdown__link--number {
	padding-bottom: 1rem;
}

.dropdown__link--number:hover {
	color: var(--theme);
}

.dropdown__link:hover {
	color: var(--theme);
}

.dropdown__nav {
	display: flex;
	flex-direction: column;
}

@media (max-width: 424.98px) {
	.dropdown__tel {
		order: 2;
	}
	.dropdown__lang {
		margin-inline: auto;
		padding-bottom: 1.5rem;
	}
}

.contacts__wrapper {
	display: flex;
}

.contacts__content {
	width: 50%;
	padding: 0 2rem;
}

.contacts__map {
	width: 50%;
	height: 390px;
}

.about__content {
	padding-bottom: 2rem;
}

.about__headline {
	text-align: center;
	padding-bottom: 2rem;
}

.reviews {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}

.reviews__item {
	width: 100%;
	height: 100%;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid var(--border);
}

.reviews__item:hover {
	box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.2);
}

.reviews__headline {
	padding-bottom: 1rem;
}

.reviews__title {
	font-size: 1.5rem;
	width: 100%;
	position: relative;
	padding-bottom: 1.5rem;
}

.reviews__title::after {
	content: "";
	position: absolute;
	bottom: 0.5rem;
	display: block;
	width: 50%;
	left: 0;
	height: 2px;
	background-color: var(--theme);
}

.reviews__stars {
	display: flex;
	align-items: center;
}

.reviews__icon {
	color: var(--theme);
	font-size: 1.5rem;
	margin-right: 0.5rem;
}

.reviews-slider {
	display: flex;
	width: 100%;
	overflow: hidden;
	flex-wrap: wrap;
	padding: 1rem;
}

.reviews-slider__wrapper {
	display: flex;
	height: 95%;
	padding-bottom: 1.5rem;
}

.reviews-slider__slide {
	flex-shrink: 0;
}

.reviews-slider__pagination {
	display: flex;
	justify-content: center;
	width: 100%;
}

.reviews-slider__pagination-bullet {
	width: 45px;
	height: 10px;
	border-radius: 5px;
	background-color: var(--theme);
	opacity: 0.5;
	margin: 0.5rem;
	cursor: pointer;
}

.reviews-slider__pagination-bullet--active {
	opacity: 1;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
	margin-top: 1em;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 2rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 3rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 2rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 3rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 1rem;
}

.article:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article.all-mb > *:not(.mb0) {
	margin-bottom: 2rem;
}

.article.all-mb > *:not(.mb0).bm {
	margin-bottom: 3rem;
}

.article.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 2rem;
}

.article.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 3rem;
}

.article.half {
	width: var(--article-half);
}

.article.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 0.3rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 0.6rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 0.3rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 0.6rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 0.15rem;
}

.article-mc:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-mc.all-mb > *:not(.mb0) {
	margin-bottom: 0.3rem;
}

.article-mc.all-mb > *:not(.mb0).bm {
	margin-bottom: 0.6rem;
}

.article-mc.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 0.3rem;
}

.article-mc.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 0.6rem;
}

.article-mc.half {
	width: var(--article-half);
}

.article-mc.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 1rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 2rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 1rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 2rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 0.5rem;
}

.article-sm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-sm.all-mb > *:not(.mb0) {
	margin-bottom: 1rem;
}

.article-sm.all-mb > *:not(.mb0).bm {
	margin-bottom: 2rem;
}

.article-sm.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 1rem;
}

.article-sm.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 2rem;
}

.article-sm.half {
	width: var(--article-half);
}

.article-sm.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 1.5rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 2.5rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 1.5rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 2.5rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 0.75rem;
}

.article-nm:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-nm.all-mb > *:not(.mb0) {
	margin-bottom: 1.5rem;
}

.article-nm.all-mb > *:not(.mb0).bm {
	margin-bottom: 2.5rem;
}

.article-nm.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 1.5rem;
}

.article-nm.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 2.5rem;
}

.article-nm.half {
	width: var(--article-half);
}

.article-nm.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 3rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 4rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 3rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 4rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 1.5rem;
}

.article-md:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-md.all-mb > *:not(.mb0) {
	margin-bottom: 3rem;
}

.article-md.all-mb > *:not(.mb0).bm {
	margin-bottom: 4rem;
}

.article-md.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 3rem;
}

.article-md.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 4rem;
}

.article-md.half {
	width: var(--article-half);
}

.article-md.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 4rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 5rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 4rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 5rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 2rem;
}

.article-bg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-bg.all-mb > *:not(.mb0) {
	margin-bottom: 4rem;
}

.article-bg.all-mb > *:not(.mb0).bm {
	margin-bottom: 5rem;
}

.article-bg.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 4rem;
}

.article-bg.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 5rem;
}

.article-bg.half {
	width: var(--article-half);
}

.article-bg.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup) {
	margin-bottom: 6rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bm {
	margin-bottom: 7rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn) {
	border-bottom: 1px solid var(--border);
	padding-bottom: 6rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).bm {
	padding-bottom: 7rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).bordered:not(.btn).small-pb {
	padding-bottom: 3rem;
}

.article-lg:not(.all-mb) > *:not(:last-child):not(.mb0):not(.dashboard-sidebar-popup).mt {
	margin-top: auto;
}

.article-lg.all-mb > *:not(.mb0) {
	margin-bottom: 6rem;
}

.article-lg.all-mb > *:not(.mb0).bm {
	margin-bottom: 7rem;
}

.article-lg.all-mb > *:not(.mb0).bordered {
	border-bottom: 1px solid var(--border);
	padding-bottom: 6rem;
}

.article-lg.all-mb > *:not(.mb0).bordered.bm {
	padding-bottom: 7rem;
}

.article-lg.half {
	width: var(--article-half);
}

.article-lg.center {
	width: var(--article-half);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*# sourceMappingURL=theme.css.map */
/* Марка и ключевые характеристики в карточке каталога. Скомпилированный файл
   правится вместе с sass/blocks/_archive.scss и sass/blocks/_brands.scss:
   полная пересборка node-sass здесь не запускается, чтобы не переписать весь
   theme.css другой версией компилятора. */
.archive__brand {
	align-self: flex-start;
	margin-bottom: 0.25rem;
	padding: 0.1rem 0.45rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.archive__specs {
	margin-top: 0.2rem;
	font-size: 0.8rem;
	font-weight: 500;
	opacity: 0.75;
}

.archive__dot {
	padding: 0 0.35rem;
}

.brands__count {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.7rem;
	opacity: 0.6;
}

@media (max-width: 767.98px) {
	.archive__specs {
		font-size: 0.7rem;
	}
}

/* Язык без контента: виден, но не кликается. Правится вместе с
   sass/blocks/_lang.scss — полная пересборка node-sass не запускается, чтобы
   не переписать весь theme.css другой версией компилятора. */
.lang__item--empty {
	opacity: 0.45;
}

.lang__item--empty .lang__link {
	cursor: default;
}

/* Пункт меню без раздела: виден, но не ссылка.
 *
 * Здесь стояло opacity: 0.55, и это оказалось дефектом доступности, причём
 * моим же: прозрачность перемножается с тем, что под ней, поэтому пункты
 * подвала получали контраст 3,12, а строки политики (базовый #828282) — 1,94
 * вместо нужных 4,5. Приглушаем цветом: его можно посчитать и проверить один
 * раз, а прозрачность ломается на каждом новом фоне.
 *
 * Правка внесена и в sass/blocks/footer.scss, чтобы сборка не откатила её. */
.footer__link--soon,
.dropdown__link--soon,
.header__link--soon {
	cursor: default;
	color: #5c6570;
}

/* Строки политики в подвале: у них свой серый #828282 с большей
 * специфичностью (`.footer__rights .footer__link`), и он не проходит даже без
 * прозрачности. */
.footer__link--policy.footer__link--soon {
	color: #5c6570;
}