/*--- ICONS ---*/

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  max-width: 24px;
  overflow: hidden;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

/*--- END ICONS ---*/

/*--- TAGS ---*/

.tags {
	display: flex;
	white-space: nowrap;
	overflow: auto;
	padding: 0 0 var(--gap-med) 0;
	gap: var(--gap-sm);
}
.tag {
	text-decoration: none;
  font-size: var(--fs-base);
  font-weight: var(--fw-btn);
  margin: 0;
  transition: .3s ease;
  border-radius: var(--br-btn);
  padding: 0 var(--gap-med);
  line-height: 100%;
  width: auto;
  min-width: unset;
  height: 40px;
  z-index: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--gap-sm);
  background: var(--light);
  border: unset;
  color: var(--base);
}
.tag:hover {
	cursor: pointer;
	color: var(--primary-hover);
}
.tag_sm {
	font-size: .9rem;
  height: 28px;
}
.tag.active	{
	background: var(--primary);
	color: var(--white);
}
.tag.active:hover	{
	background: var(--primary);
	color: var(--white);
}
.tag.active.active-grad	{
	background: var(--gradient);
	color: var(--white);
}
.tag.active.active-grad:hover	{
	background: var(--gradient);
	color: var(--white);
}
.tag.disabled {
	background: var(--light);
	color: var(--mid-gray);
}
.tag.disabled:hover {
	cursor: default;
}
.tag_warning {
	background: var(--warning);
	color: var(--white);
}

@media screen and (max-width: 1200px) {
	.tags {padding: 0 15px var(--gap-med) 15px;width: calc(100% + 30px);margin: 0 -15px;}
}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END TAGS ---*/

/*--- LABELS ---*/

.labels {
	display: flex;
	gap: var(--gap-sm);
}
.label {
	font-size: .8rem;
  font-weight: var(--fw-bold);
	line-height: 100%;
	margin: 0;
  transition: .3s ease;
  border-radius: var(--br-btn);
  padding: 0 var(--gap-sm);
  line-height: 100%;
  width: auto;
  min-width: unset;
  height: 24px;
  z-index: 1;
  position: relative;
	display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--gap-sm);
  background: var(--gradient);
  border: unset;
  color: var(--white);
}
.label.label-sm {
    font-size: .65rem;
  height: 18px;
}
.label.label-sm.label-sale {
    padding-left: calc(var(--gap-sm) / 2);
    padding-right: calc(var(--gap-sm) / 2);
}
.label.label-new,
.label.label-success {
	background: var(--success);
	color: var(--white);
}
.label.label-hit,
.label.label-warning {
	background: var(--warning);
	color: var(--white);
}
.label.label-sale,
.label.label-danger {
	background: var(--danger);
	color: var(--white);
}
.label.label-info {
	background: var(--info);
	color: #36F;
}
.label.label-gray {
	background: var(--light);
	color: #444;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.label {padding: 0 var(--gap-sm);height: 16px;font-size: .7rem;}
	.label-sale {font-size: .8rem;}
}

/*--- END LABELS ---*/

/*--- PAGINATION ---*/

.pagination-wrapper {
	padding: var(--gap-med) 0 0;
}
.pagination {
	list-style: none!important;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	gap: var(--gap-sm);
}
.page-item {
	margin: 0;
	padding: 0;
}
.page-item::before {
	display: none;
}
.page-link {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--secondary);
	border-radius: var(--br-50);
	border: none;
	font-size: 1rem;
	line-height: 100%;
	font-weight: var(--fw-bold);
	text-decoration: none;
	color: var(--base);
}
.page-link:hover {
	text-decoration: none;
	color: var(--primary-hover);
	background: var(--secondary);
	border-color: var(--primary-hover);
}
.page-item.active .page-link {
	color: var(--white);
	background: var(--primary);
	border-color: var(--primary);
	pointer-events: none;
}
.page-item.active .page-link:hover {
	pointer-events: none;
}
.page-link span {
	font-size: 1.8rem;
}

@media screen and (max-width: 576px) {
	.page-link {width: 36px;height: 36px;}
}

/*--- END PAGINATION ---*/

/*--- HEADER ---*/

.header {
	position: relative;
	width: 100%;
	transition: box-shadow .3s ease;
	z-index: 999;
	background: var(--white);
}
.header::before {
	display: none;
	content: '';
  background: white;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: -9999999;
  width: 100vw;
}
body.fixed .header::before {
	display: block;
}
.header.sticky {
	position: sticky;
  top: -40px;
  box-shadow: var(--bs-med);
}
.header__inner {}
.header__top {
	background: var(--light);
}
.header__top-inner {
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__top-menu {
	margin: 0;
  padding: 0;
  display: flex;
  gap: var(--gap-med)
}
.header__top-menu-item {}
.header__top-menu-link {
	font-size: .85rem;
	color: var(--gray);
	line-height: 100%;
}
.header__top-menu-link.active {
	color: var(--primary);
}
.header__top-actions {
	display: flex;
	gap: var(--gap-big);
	position: relative;
}
.header__top-action {
	font-size: .85rem;
  color: var(--gray);
  gap: var(--gap-sm);
  line-height: 100%;
  display: flex;
  align-items: center;
}
.header__top-action-icon {
	font-size: 20px;
	max-width: 20px;
}
.header__top-action-title {}
.header__bottom {}
.header__bottom-inner {
	display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--gap-med) 0;
  margin: 0;
  gap: var(--gap-med);
}
.header__logo {
	margin: 0 var(--gap-big) 0 0;
}
.header__top .header__logo {
	display: none;
}
.header__logo a {
	height: 40px;
  width: auto;
  padding: 0;
  margin: 0;
  display: block;
}
.header__logo img {
	height: 100%;
  width: auto;
  padding: 0;
  margin: 0;
}
.header__menu-btn {
	margin: 0;
	height: 50px;
	padding: 0 var(--gap-big);
	min-width: unset;
	width: auto;
}
.header__menu-btn .header__menu-btn-title {
	width: auto;
  height: auto;
}
.header__menu-btn .header__menu-btn-icon {
	position: relative;
	width: 24px;
	height: 24px;
}
.header__menu-btn .header__menu-btn-icon span {
	position: absolute;
	left: 0;
	top: 0;
	transition: .3s ease;
}
.header__menu-btn .header__menu-btn-icon span:first-child {opacity: 1;}
.header__menu-btn .header__menu-btn-icon span:last-child {opacity: 0;}
.header__menu-btn.active .header__menu-btn-icon span:first-child {opacity: 0;}
.header__menu-btn.active .header__menu-btn-icon span:last-child {opacity: 1;}
.header-search {
	width: 100%;
	max-width: 100%;
}
.header-search .search-form {
	position: relative;
}
.header-search .search-form__input {
	border-color: var(--light);
	padding-left: var(--gap-big);
}
.search-form__btn {
	position: absolute;
  background: transparent;
	width: 32px;
  height: 32px;
  top: 8px;
  right: var(--gap-med);
  left: unset;
  cursor: pointer!important;
}
.search-form__btn span {
	font-size: 32px;
	max-width: 32px;
	color: var(--light-gray);
	transition: .3s ease;
}
.header-search .search-form__input:hover ~ .search-form__btn span {
	color: var(--mid-gray);
}
.header-search .search-form__input:focus ~ .search-form__btn span {
	color: var(--gray);
}
.search-placeholder {
	position: absolute;
	background: transparent;
	width: calc(100% - 100px);
	height: 100%;
	overflow: hidden;
	top: 0;
	left: var(--gap-big);
	pointer-events: none!important;
	transition: .1s ease;
	opacity: 1;
}
.search-placeholder.hide {
	opacity: 0;
}
.search-placeholder__items {
	animation: search-placeholder 32.5s cubic-bezier(.83,0,.17,1) .1s infinite;
}
.search-placeholder__item {
	height: 50px;
	font-size: .9rem;
	line-height: 50px;
	color: var(--mid-gray);
	opacity: 1;
	padding: 0;
	margin: 0;
}
@keyframes search-placeholder {
  0%,8%   {transform:translateY(0)}
  10%,18% {transform:translateY(-9.09%)}
  20%,28% {transform:translateY(-18.18%)}
  30%,38% {transform:translateY(-27.27%)}
  40%,48% {transform:translateY(-36.36%)}
  50%,58% {transform:translateY(-45.45%)}
  60%,68% {transform:translateY(-54.54%)}
  70%,78% {transform:translateY(-63.63%)}
  80%,88% {transform:translateY(-72.72%)}
  90%,98% {transform:translateY(-81.81%)}
  to {transform:translateY(-90.9%)}
}
.header__bottom-actions {
	display: flex;
	gap: var(--gap-big);
	margin: 0 0 0 var(--gap-big);
}
.header__bottom-action {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--base);
	gap: 0;
}
.header__bottom-action:hover {
	color: var(--mid-gray);
}
.header__bottom-action-marker {
	display: block;
  width: 8px;
  height: 8px;
  border-radius: var(--br-50);
  background: var(--primary);
  position: absolute;
  left: calc(50% + 9px);
  top: 0px;
}
.header__bottom-action-icon {
	font-size: 32px;
	max-width: 32px;
}
.header__bottom-action-title {
	line-height: 110%;
	font-size: .9rem;
	max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header__bottom-action-label {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary);
	color: var(--white);
	border-radius: var(--br-50);
	height: 14px;
	width: 22px;
	text-align: center;
	font-size: 11px;
	line-height: 100%;
	padding: 0 0 1px 0;
	position: absolute;
	top: -3px;
	right: 0;
}
.header__bottom-action-label.disabled {
	background: var(--light);
	color: var(--mid-gray);
}
.popup-location {
	position: absolute;
  background: var(--white);
  box-shadow: var(--bs-med);
  border-radius: var(--br-med);
  padding: var(--gap-med);
  z-index: 9;
  top: 40px;
  left: 0;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.popup-location_show {
	pointer-events: all;
	opacity: 1;
  visibility: visible;
}
.popup-location_show:hover {
	pointer-events: all;
}
.popup-location__title {
	text-align: center;
  font-size: 1rem;
  color: var(--base);
  margin: 0 0 var(--gap-med) 0;
  pointer-events: none;
}
.popup-location__title span {
	font-weight: var(--fw-bold);
}
.popup-location__content {
	display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-sm);
}
.popup-location__content .btn {
	width: 80px;
	margin: 0;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {
	.header__logo {margin: 0 var(--gap-med) 0 0;}
	.header__logo a {height: 30px;}
	.header__menu-btn {padding: 0 var(--gap-med);height: 40px;}
	.header-search .search-form__input {height: 40px;}
	.search-placeholder__item {height: 40px;line-height: 40px;}
	.search-form__btn {top: 5px;width: 28px;height: 28px;}
	.search-form__btn span {font-size: 28px;max-width: 28px;}
	.header__bottom-actions {margin: 0 0 0 var(--gap-med);gap: var(--gap-med);}
	.header__bottom-action-icon {font-size: 28px;max-width: 28px;}
	.header__bottom-action-title {font-size: .75rem;}
}
@media screen and (max-width: 850px) {
	.header__top-action-title {display: none;}
}
@media screen and (max-width: 700px) {
	.header__top {background: var(--white);}
	.header__top-menu {display: none;}
	.header__bottom .header__logo {display: none;}
	.header__top .header__logo {display: block;}
	.header__logo a {height: 24px;}
}
@media screen and (max-width: 576px) {
	.header__menu-btn .header__menu-btn-title {display: none;}
	.header__bottom-actions {display: none;}
	.header__menu-btn {padding: 0 var(--gap-big);border: unset;}
	.header__top-action-icon {font-size: 24px;max-width: 24px;}
	.popup-location {position: fixed;top: unset;left: 15px;bottom: 75px;width: calc(100vw - 30px);transform: unset;padding: var(--gap-big);border: 1px solid var(--light);}
	.popup-location__title {text-align: center;font-size: 1.1rem;margin: 0 0 var(--gap-big) 0;}
	.popup-location__content {width: 100%;max-width: 250px;margin: 0 auto;}
	.popup-location__content .btn {width: 100%;}
}

/*--- END HEADER ---*/

/*--- MENU ---*/

#menu {
	position: fixed;
	z-index: 9;
	top: 0px;
	width: 100%;
	height: auto;
	padding: 120px 0 0 0;
	transition: 0s;
	background: transparent;
	opacity: 0;
	pointer-events: none;
  visibility: hidden;
}
#menu.sticky {
	padding: 80px 0 0 0;
}
#menu.active {
	opacity: 1;
	pointer-events: all;
  visibility: visible;
  transition: opacity .4s, padding .25s;
}
#menu-back {
	background: rgba(0,0,0,.06);
  width: 100vw;
  height: 100vh;
  position: absolute;
  opacity: 1;
  z-index: -1;
  top: 0;
  pointer-events: none;
  visibility: hidden;
}
#menu.active #menu-back {
  pointer-events: all;
  visibility: visible;
}
.menu__inner {
	background: var(--white);
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: var(--gap-big);
	padding: var(--gap-big);
	margin: var(--gap-med) 0 0 0;
	border-radius: var(--gap-big);
	box-shadow: var(--bs-big);
}
.menu-category {
	display: grid;
  grid-template-columns: 70px auto;
  grid-template-rows: 70px auto;
  gap: var(--gap-med);
}
.menu-category__image {
	width: 100%;
	visibility: visible;
}
.menu-category__title {
	color: var(--base);
	margin: 0;
  display: flex;
  align-items: center;
}
.menu-category__title:hover {
	color: var(--mid-gray);
}
.menu-category__items {
	grid-column-start: 2;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}
.menu-category__item {}
.menu-category__link {
	color: var(--base);
  font-weight: var(--fw-btn);
  font-size: 1.1rem;
}
.menu-category__link:hover {
	color: var(--mid-gray);
}

@media screen and (max-width: 1400px) {
	.menu__inner {grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {
	#menu {padding: 110px 0 0 0;}
	#menu.sticky {padding: 70px 0 0 0;}
	.menu__inner {grid-template-columns: repeat(2,1fr);}
	.menu-category[data-id="18"] {grid-row: span 2;}
}
@media screen and (max-width: 700px) {
	#menu {display: none;}
}
@media screen and (max-width: 576px) {}

/*--- END MENU ---*/

/*--- MOB-NAV ---*/

.mob-nav {
	display: none;
	position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: var(--white);
  box-shadow: var(--bs-big);
  /*border-radius: var(--br-big) var(--br-big) 0 0;*/
}
.mob-nav__items {
	display: grid;
  gap: var(--gap-sm);
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  padding: var(--gap-med) 0;
  margin: 0;
}
.mob-nav__item {
	position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--base);
  gap: 0;
}
.mob-nav__item-marker {
	display: block;
  width: 8px;
  height: 8px;
  border-radius: var(--br-50);
  background: var(--primary);
  position: absolute;
  left: calc(50% + 9px);
  top: 0px;
}
.mob-nav__item-icon {
  font-size: 28px;
  max-width: 28px;
}
.mob-nav__item-title {
	line-height: 100%;
  font-size: .75rem;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mob-nav__item-label {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary);
	color: var(--white);
	border-radius: var(--br-50);
	height: 14px;
	width: 22px;
	text-align: center;
	font-size: 11px;
	line-height: 100%;
	padding: 0 0 1px 0;
	position: absolute;
	top: -3px;
	right: calc(50% - 25px);
}
.mob-nav__item-label.disabled {
	background: var(--light);
	color: var(--mid-gray);
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 700px) {
	.mob-nav {display: block;}
}

/*--- END MOB-NAV ---*/

/*--- MOB-MENU ---*/

.mob-menu {
	position: fixed;
  top: 0;
  left: -100%;
  z-index: 9;
  height: 100dvh;
  height: 100%!important;
  width: 100vw;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: var(--white);
  transition: .4s ease;
  display: none;
}
.mob-menu.active {
	left: 0;
}
.mob-menu .container {
	height: 100%;
	padding-top: 120px;
	padding-bottom: 80px;
}
.mob-menu.sticky .container {
	padding-top: 80px;
}
.mob-menu__inner {
	padding: 0;
  height: 100%;
  width: 100%;
  position: relative;
}
.mob-menu__base {
	display: flex;
  flex-direction: column;
  height: 100%;
}
.mob-menu__catalog {
	padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-med);
}
.mob-menu__catalog li {}
.mob-menu__catalog a {
	width: 100%;
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: var(--fw-bold);
  color: var(--base);
  line-height: var(--lh-base);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-sm);
}
.mob-menu__catalog a:hover {
	color: var(--mid-gray);
}
.mob-menu__catalog span {}
.mob-menu__items {
	position: relative;
  padding: var(--gap-big) 0 0 0;
  margin: var(--gap-big) 0 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}
.mob-menu__items li {}
.mob-menu__items a {
	width: 100%;
  position: relative;
  display: block;
  font-size: 1.1rem;
  font-weight: var(--fw-base);
  color: var(--base);
  line-height: var(--lh-base);
}
.mob-menu__items a:hover {
	color: var(--mid-gray);
}
.mob-menu__category-wrap {
	background: var(--white);
	position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  z-index: -999;
}
.mob-menu__category-wrap.active {
	opacity: 1;
  pointer-events: all;
  z-index: 1;
}
.mob-menu__category-title {
	width: 100%;
  position: relative;
  font-size: 1.2rem;
  font-weight: var(--fw-bold);
  color: var(--base);
  line-height: var(--lh-base);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-med);
  margin: 0 0 var(--gap-big) 0;
  padding: 0 0 var(--gap-smg) 0;
}
.mob-menu__category-title:hover {
	color: var(--mid-gray);
}
.mob-menu__category-title span {}
.mob-menu__category {
	padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-med);
}
.mob-menu__category li {}
.mob-menu__category a {
	width: 100%;
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: var(--fw-bold);
  color: var(--base);
  line-height: var(--lh-base);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mob-menu__category a:hover {
	color: var(--mid-gray);
}
.mob-menu__category-all {
	width: 100%;
  position: relative;
  display: block;
  font-size: 1.1rem;
  font-weight: var(--fw-base);
  color: var(--base);
  line-height: var(--lh-base);
  margin: var(--gap-big) 0 0 0;
  padding: var(--gap-sm) 0 0 0;
}
.mob-menu__category-all:hover {
	color: var(--mid-gray);
}
.mob-menu__contacts {
	margin: auto 0 0 0;
	display: flex;
	flex-direction: column;
	gap: var(--gap-med);
}
.mob-menu__contact {
	font-size: 1.1rem;
  color: var(--base);
  gap: var(--gap-med);
  line-height: 100%;
  display: flex;
  align-items: center;
}
.mob-menu__contact-icon {
	font-size: 24px;
	max-width: 24px;
}
.mob-menu__contact-title {}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 700px) {
	.mob-menu {display: block;}
}
@media screen and (max-width: 576px) {}

/*--- END MOB-MENU ---*/

/*--- FOOTER ---*/

.footer {
	z-index: 0;
  position: relative;
	background: var(--gray);
  padding: var(--gap-section) 0;
  margin: 0;
}
.footer__top {
	position: relative;
  padding: var(--gap-section) 0;
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  gap: var(--gap-big);
}
.footer__logo {
	position: relative;
  width: 90%;
}
.footer__logo img {
	width: 100%;
  max-width: 220px;
}
.footer__items {
	display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--gap-med);
}
.footer__menu-title {
	padding: 0;
  margin: 0 0 var(--gap-med) 0;
  color: var(--white);
  font-size: 1.1rem;
  font-weight: var(--fw-bold);
}
.footer__menu {
	margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}
.footer__menu li {}
.footer__menu a {
	color: var(--white);
	text-decoration: none;
}
.footer__menu a:hover {
	opacity: .5;
	text-decoration: none;
}
.footer__socials {
	display: flex;
  flex-wrap: wrap;
  gap: var(--gap-sm);
  justify-content: flex-end;
}
.footer__social {
	width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  text-decoration: none !important;
  border-radius: var(--br-50);
  overflow: hidden;
}
.footer__social:hover {
	opacity: .75;
	text-decoration: none;
}
.footer__social img {
	width: 100%;
  pointer-events: none;
}
.footer__bottom {
	width: 100%;
	padding: var(--gap-big) 0 0 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.footer__copy {
	color: var(--white);
  margin: 0;
  font-size: .8rem;
}
.footer__dev {
	color: var(--white);
  margin: 0;
  font-size: .8rem;
  text-decoration: none;
}
.footer__dev:hover {
	color: var(--white);
	opacity: .5;
}
.footer__dev b {
	font-weight: 900;
}
.footer__dev img {
	display: inline-block;
	width: 18px;
  height: 18px;
  transform: translateY(4px);
}

@media screen and (max-width: 1200px) {
	.footer__top {grid-template-columns: 1fr;}
	.footer__menu a {font-size: .9rem;line-height: var(--lh-title);display: block;width: fit-content;}
	.footer__socials {justify-content: flex-start;margin: var(--gap-big) 0 0 0;gap: var(--gap-med);}
}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 700px) {
	.footer {padding-bottom: 100px;}
	.footer__items {grid-template-columns: 1fr 1fr;gap: var(--gap-big);}
	.footer__item:nth-child(3) {grid-column: span 2;}
	.footer__menu {gap: var(--gap-med);}
	.footer__menu-title {margin: var(--gap-med) 0 var(--gap-big) 0;}
	.footer__menu a {font-size: 1rem;}
}
@media screen and (max-width: 450px) {
	.footer__bottom {flex-direction: column;align-items: flex-start;gap: var(--gap-med);}
}

/*--- END FOOTER ---*/

/*--- BREADCRUMBS ---*/

.breadcrumbs {
	padding: 0 0 var(--gap-big) 0;
	margin: 0;
}
.breadcrumbs__wrap {
	margin: 0 0 var(--gap-sm) 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.breadcrumbs__title {
	color: var(--base);
	margin: 0;
}
.breadcrumbs__item {
	padding: 0;
	width: max-content;
	line-height: 100%;
}
.breadcrumbs__item:before {
	display: none;
}
.breadcrumbs__item:last-child {
	padding: 0;
}
.breadcrumbs__item:last-child .breadcrumbs__link {
	pointer-events: none;
	padding: 0;
}
.breadcrumbs__link {
	position: relative;
	line-height: 100%;
	color: var(--base);
	text-decoration: none;
	font-size: .9rem;
	padding: 0 var(--gap-med) 0 0;
}
.breadcrumbs__link span {
	opacity: 1;
	transition: .3s ease;
}
.breadcrumbs__link:hover {
	text-decoration: none;
	color: var(--mid-gray);
}
.breadcrumbs__link:hover span {
	opacity: 1;
}
.breadcrumbs__link::after {
	content: '/';
	position: absolute;
	font-size: 1rem;
	top: 2px;
  right: calc((var(--gap-med) / 2) - 2px);
	color: var(--base);
}
.breadcrumbs__item:last-child .breadcrumbs__link::after {
	display: none;
}
.breadcrumbs__item:last-child .breadcrumbs__link {
	color: var(--mid-gray);
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 850px) {
	.breadcrumbs__wrap {width: calc(100% + 30px);max-width: 100dvw;margin: 0 -15px;padding: 0 15px var(--gap-sm) 15px;white-space: nowrap;overflow: auto;}
}
@media screen and (max-width: 576px) {}

/*--- END BREADCRUMBS ---*/

/*--- MODAL ---*/

.modal {
	display: none;
	border-radius: var(--br-sm);
  overflow: hidden;
  background: var(--white);
  width: 100%;
  max-width: 840px;
  height: auto;
  min-height: 100px;
  z-index: 99;
  padding: var(--gap-big);
}
.modal-close-btn {
	position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: var(--light-gray);
  transition: .3s;
}
.modal-close-btn:hover {
	cursor: pointer;
	color: var(--primary-hover);
}
.modal-close-btn span {
	font-size: 24px;
}
.modal__inner {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: left;
	gap: var(--gap-med);
}
.modal__inner-title {
	margin: 0;
	width: 100%;
}
.modal__inner-content {
	width: 100%;
}
.modal__inner-content p {}
.modal__inner-content a:not(.btn) {}
.modal__inner-content *:last-child {
	margin-bottom: 0;
}
#modal-success {
	max-width: 350px;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.modal {border-radius: var(--br-med);}
}

/*--- END MODAL ---*/

/*--- MODAL-LOCATION ---*/

.location-wrap {
	margin: var(--gap-big) 0 0 0;
}
.city-items {
	display: flex;
  flex-flow: column wrap;
  height: 400px;
  gap: var(--gap-med) 0;
}
.city-items_search {
	flex-wrap: nowrap;
	overflow: auto;
}
.city-item {
	position: relative;
	width: calc(100% / 3);
  margin: 0;
  padding: 0 0 0 calc(22px + var(--gap-sm));
  font-size: 1rem!important;
  color: var(--mid-gray)!important;
  transition: .3s;
}
.city-items_search .city-item {
	width: 100%;
}
.city-item:hover {
	cursor: pointer;
}
.city-item span {
	color: var(--base)!important;
}
.city-item.active {}
.city-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0;
  border-radius: var(--br-50);
  background: var(--white);
  border: 1px solid var(--light-gray);
  transition: .3s ease;
}
.city-item:hover::before {
	border-color: var(--primary);
}
.city-item.active::before {
	border-color: var(--primary);
  background: var(--white);
}
.city-item::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	display: block;
  border-radius: var(--br-50);
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0;
  background: var(--primary);
  opacity: 0;
  transition: .3s ease;
}
.city-item.active::after {
	opacity: 1;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {
	.city-items {height: 380px}
}
@media screen and (max-width: 768px) {
	.city-items {height: 330px;}
}
@media screen and (max-width: 576px) {
	.city-items {height: 490px;overflow: auto;flex-wrap: unset;gap: var(--gap-big);}
	.city-item {width: 100%;}
}

/*--- END MODAL-LOCATION ---*/

/*--- MODAL ---*/

#modal-backcall {
	max-width: 450px;
}
#modal-inform-product {
	max-width: 450px;
}

/*--- END MODAL ---*/


/*--- MODAL-PVZ ---*/

#modal-widget-pvz {
	padding: 0;
  height: 516px;
  max-width: 1000px;
  border-radius: var(--br-med);
}
#modal-widget-pvz #delivery-widget {
	width: 100%;
}
#modal-widget-pvz .modal-close-btn {
	background: var(--white);
  width: 40px;
  height: 40px;
  right: 20px;
  top: 20px;
  box-shadow: var(--bs-med);
  border-radius: 13px;
  color: var(--base);
}
#modal-widget-pvz .modal-close-btn span {
	font-size: 28px;
	max-width: 28px;
  font-weight: var(--fw-bold);
  padding: 4px 0 0 0;
}
#modal-widget-pvz .ydw-widget {
	border-radius: unset!important;
}
#modal-widget-pvz .widget__map {
	border-radius: var(--br-med)!important;
  overflow: hidden!important;
}
#modal-widget-pvz .widget__list-button {
	cursor: pointer!important;
}

@media screen and (max-width: 576px) {
	#modal-widget-pvz {height: 95dvh;}
	#modal-widget-pvz .modal__inner {height: 100%;}
	#modal-widget-pvz .modal-close-btn {right: 10px;top: 10px;}
	#delivery-widget {height: 100%!important;}
	#delivery-widget .ymaps_maps-zoom {width: 40px!important;}
	#delivery-widget .ymaps-2-1-79-controls__control {inset: calc(60dvh - 100px) 12px auto auto!important;}
	#delivery-widget .ymaps-2-1-79-controls__control.ymaps-2-1-79-user-selection-none {inset: 60dvh 12px auto auto!important;}
	#delivery-widget .widget__header {width: 100%!important;}
	#delivery-widget .widget__header .widget__title-text {font-size: 20px;line-height: 100%;}
}

/*--- END MODAL-PVZ ---*/


/*--- SLIDER-SETTINGS ---*/

.navigation-wrapper {
	position: relative;
}
.navigation-wrapper .dots {
	position: absolute;
  bottom: -15px;
  margin: 0;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
}
.navigation-wrapper .dots .dot {
	width: 10px;
  height: 10px;
  border-radius: var(--br-50);
  background: var(--light-gray);
  box-shadow: var(--bs-sm);
  opacity: 1;
  transition: .3s;
  cursor: pointer;
}
.navigation-wrapper .dots .dot.dot--active {
  transform: scale(1);
  background: var(--gray);
  opacity: 1;
}
.navigation-wrapper .arrow {
	background: var(--white);
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: var(--br-50);
  box-shadow: var(--bs-med);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  max-width: 40px;
  transition: .3s;
  opacity: 0;
  user-select: none;
}
.navigation-wrapper .arrow span {font-size: inherit;max-width: inherit;}
.navigation-wrapper .arrow.arrow--left span {padding-right: 3px;}
.navigation-wrapper .arrow.arrow--right span {padding-left: 3px;}
.navigation-wrapper:hover .arrow {opacity: .25;}
.navigation-wrapper .arrow:hover {opacity: 1;}
.navigation-wrapper .arrow.arrow--left {left: var(--gap-med);}
.navigation-wrapper .arrow.arrow--right {right: var(--gap-med);}
@media screen and (max-width: 992px) {
	.navigation-wrapper .dots .dot {width: 5px;height: 5px;}
	.navigation-wrapper .dots .dot.dot--active {width: 5px;height: 5px;}
	.navigation-wrapper .arrow {display: none;}
}

/*--- SLIDER-SETTINGS ---*/

/*--- MAIN-SLIDER ---*/

.main-slider {
	position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  aspect-ratio: 16/6;
  overflow: hidden;
  border-radius: var(--br-big);
}
.main-slider__item {
	position: relative;
  width: 100%!important;
  min-width: 100% !important;
  border-radius: var(--br-big);
}
.main-slider__item-back {
	position: absolute;
  inset: 0;
  z-index: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: var(--light);
}
.main-slider__item-back img,
.main-slider__item-back video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}
.main-slider__item-inner {
	width: 100%;
  height: 100%;
  display: flex;
  padding: calc(var(--gap-section) * 2);
  justify-content: flex-start;
  align-items: center;
}
.main-slider__item-content {
  z-index: 1;
  width: 100%;
  max-width: 40%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  justify-content: inherit;
  text-align: inherit;
  gap: var(--gap-med);
}
.main-slider__item-title {
	width: 100%;
	font-size: 2.25rem;
	margin: 0;
	color: inherit;
}
.main-slider__item-text {
	width: 100%;
	font-size: 1.2rem;
	margin: 0;
	color: inherit;
}
.main-slider__item-btn {
	margin: 0;
}
.main-slider__item_top {
	align-items: flex-start;
}
.main-slider__item_middle {
	align-items: center;
}
.main-slider__item_bottom {
	align-items: flex-end;
}
.main-slider__item_left {
	justify-content: flex-start;
	text-align: left;
}
.main-slider__item_center {
	justify-content: center;
	text-align: center;
}
.main-slider__item_right {
	justify-content: flex-end;
	text-align: right;
}
.main-slider__item_black {
	color: var(--base);
}
.main-slider__item_white {
	color: var(--white);
}

@media screen and (max-width: 1200px) {
	.main-slider__item-content {max-width: 60vw;}
	.main-slider__item-title {font-size: 1.75rem;}
	.main-slider__item-text {font-size: 1rem;}
}
@media screen and (max-width: 992px) {
	.main-slider {aspect-ratio: 2/1;}
	.main-slider__item-inner {padding: var(--gap-section);}
}
@media screen and (max-width: 700px) {
	.main-slider {aspect-ratio: 70/55;}
	.main-slider__item-btn {position: absolute !important;inset: 0;width: 100% !important;height: 100% !important;opacity: 0;}
}
@media screen and (max-width: 576px) {
	.main-slider__item-title {font-size: 1.5rem;}
	.main-slider__item-text {font-size: .9rem;}
}

/*--- END MAIN-SLIDER ---*/

/*--- CATEGORIES ---*/

.categories {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gap-med);
}
.categories_6 {
	grid-template-columns: repeat(6, 1fr);
}
.categories_5 {
	grid-template-columns: repeat(5, 1fr);
}
.categories_3 {
	grid-template-columns: repeat(3, 1fr);
}
.category {
	position: relative;
  background: transparent;
  border-radius: unset;
  height: max-content;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: var(--base);
  gap: var(--gap-sm);
}
.category:hover {
	color: var(--mid-gray);
}
.category__back {
	position: relative;
  width: 100%;
  height: 100%;
  min-height: 100px;
  max-height: 180px;
  aspect-ratio: 2/1;
  background: var(--light);
  border-radius: var(--br-med);
  overflow: hidden;
}
.category__back img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	pointer-events: none;
	user-select: none;
}
.category__title {
	position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  color: inherit;
  line-height: 100%;
  font-size: 1.15rem;
  text-align: center;
}

@media screen and (max-width: 1300px) {
	.category__title {font-size: 1rem;}
}
@media screen and (max-width: 1100px) {
	.category__back {aspect-ratio: 3/2;}
}
@media screen and (max-width: 992px) {
	.categories_6 {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 850px) {
	.categories_5 {grid-template-columns: repeat(6, 1fr);}
	.categories_5 .category:nth-child(1) {grid-column: span 3;}
	.categories_5 .category:nth-child(2) {grid-column: span 3;}
	.categories_5 .category:nth-child(3) {grid-column: span 2;}
	.categories_5 .category:nth-child(4) {grid-column: span 2;}
	.categories_5 .category:nth-child(5) {grid-column: span 2;}
}
@media screen and (max-width: 700px) {
	.categories {grid-template-columns: repeat(2, 1fr);}
	.category {grid-column: unset!important;}
}
@media screen and (max-width: 576px) {
	.categories {gap: var(--gap-big) var(--gap-med);}
	.category {gap: var(--gap-med);}
	.categories_3 .category:nth-child(1) {grid-column: span 2!important;}
	.categories_5 .category:nth-child(1) {grid-column: span 2!important;}
}

/*--- END CATEGORIES ---*/

/*--- PRODUCT ---*/

.products {
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: calc(var(--gap-section) * 2) var(--gap-big);
}
#mse2_results.products {
	grid-template-columns: repeat(4, 1fr);
}
.products-head {
	display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 var(--gap-med) 0;
}
.product {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
	overflow: hidden;
}
.product_first {
	order: -1;
}
.product__gallery {
	position: relative;
  aspect-ratio: 3/4;
  display: block;
  border-radius: var(--br-med);
  background: var(--light);
  overflow: hidden;

  aspect-ratio: 30/42;
  background: var(--white);
}
.product__gallery-items {
	position: relative;
	overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  aspect-ratio: 3/4;

  height: auto;
  background: var(--light);
  border-radius: var(--br-med);
}
.product__gallery-item {
	position: absolute;
	border-radius: var(--br-med);
	user-select: none;
	transition: 0s;
	z-index: 0;
	opacity: 0;
	width: 100%;
  height: 100%;
  object-fit: cover;
}
.product__gallery-item.active {
	z-index: 5;
	opacity: 1;
}
.product__gallery-item.keen-slider__slide {
	z-index: 5;
	opacity: 1;
}
.product__gallery-cells {
	width: 100%;
  height: 100%;
  background: transparent;
  z-index: 9;
  position: relative;
  display: flex;
  aspect-ratio: 3/4;
  overflow: hidden;

  height: auto;
}
.product__gallery-cells span {
	flex-grow: 1;
}
.product__gallery-dots {
	background: transparent;
	position: absolute;
	width: 100%;
	z-index: 99;
	bottom: -10px;
	display: flex;
	justify-content: center;
	gap: 4px;

	bottom: 4px;
}
.product__gallery-dots span {
	display: block;
	width: 5px;
	height: 5px;
	border-radius: var(--br-50);
	background: var(--light-gray);
}
.product__gallery-dots span.active {
	background: var(--gray);
}
.product__price {
	margin: var(--gap-sm) 0 0 0;
  line-height: 100%;
  font-weight: var(--fw-bold);
  font-size: 1.3rem;
  color: var(--base);
  display: flex;
  align-items: flex-end;
  gap: var(--gap-sm);
  white-space: nowrap;

  margin: -2px 0 0 0;
}
.product__price_sale {}
.product__price_base {}
.product__price_base span {
	font-size: 1rem;
}
.product__price_trouth {
	font-size: .9rem;
  color: var(--mid-gray);
  font-weight: var(--fw-base);
  text-decoration: line-through;
  margin: 0;
}
.product__title {
	font-size: .95rem;
	line-height: var(--lh-title);
	font-weight: var(--fw-btn);
	color: var(--base);
	margin: 0;
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product__reiews {
	display: flex;
  gap: var(--gap-sm);
  font-size: .8rem;
  margin: 0;
  line-height: 100%;
}
.product__reiews-icon {
	display: block;
  width: 12px;
  height: 12px;
	background: url('../icons/star-fill.svg');
	background-size: 100%;
	background-repeat: no-repeat;
}
.product__reiews-rating {
	font-weight: var(--fw-bold);
}
.product__reiews-count {
	color: var(--mid-gray);
}
.product__buy-in-click {
	display: flex;
	align-items: center;
	justify-content: left;
	gap: var(--gap-sm);
	color: var(--primary);
	font-size: .85rem;
	font-weight: var(--fw-bold);
	margin: auto 0 0 0;
	outline: unset;
  border: unset;
  background: transparent;
  padding: 0;
  cursor: pointer!important;
  transition: .3s ease;
}
.product__buy-in-click:hover {
	color: var(--primary-hover);
}
.product__buy-in-click.disabled {
	color: var(--mid-gray);
	pointer-events: none;
}
.product__buy-in-click span {
	font-size: 22px;
	max-width: 22px;
}
.product__btn {
	width: 100%;
	margin: 0;
	padding: 0;
	min-width: unset;
}
.product__atc-form {
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 9;
	position: relative;
}
.product__atc-form_with-btn {
	display: flex;
  gap: var(--gap-med);
}
.product__atc-form_with-btn .input-group + .btn {
	width: 140px;
  min-width: unset;
  padding: 0 var(--gap-sm);
  margin: 0;
  flex: 0 0 140px;
}
.product__atc-form_with-btn .ms-dpa-group-add + .btn {
	display: none;
}
.product__gallery .labels {
	position: absolute;
	left: var(--gap-sm);
	top: var(--gap-sm);
	z-index: 9;
}
.product__gallery .dots {
	z-index: 9;
	margin: 0;
  bottom: -10px;
}
.product__gallery .arrow {
	display: none!important;
}

#product-reviews-items.products {grid-template-columns: repeat(6, 1fr);}
.product__review-wait-title {
	font-size: .8rem;
  color: var(--mid-gray);
  line-height: 100%;
  margin: 0;
}
.product__review-wait-stars {
	display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 160px;
  margin: 0;
}
.product__review-wait-stars span {
	display: block;
  height: 26px;
  width: 20%;
  position: relative;
  background-image: url(../icons/star-gray-dark.svg);
  background-size: 22px 22px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
.product__review-wait-stars span::after {
	display: block;
	content: '';
  height: 100%;
  width: 100%;
  position: relative;
  background-image: url(../icons/star-fill.svg);
  background-size: 22px 22px;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: left center;
  opacity: 0;
  transition: .1s ease;
}
.product__review-wait-stars span.active::after {
	opacity: 1;
}
.product__review-wait-stars span.filled::after {
	opacity: 1;
}

@media screen and (max-width: 1500px) {
	.products {grid-template-columns: repeat(4, 1fr);}
	#mse2_results.products {grid-template-columns: repeat(3, 1fr);}
	#product-reviews-items.products {grid-template-columns: repeat(4, 1fr);}
	.product__price {font-size: 1.1rem;}
}
@media screen and (max-width: 992px) {
	.products {grid-template-columns: repeat(3, 1fr);}
	#mse2_results.products {grid-template-columns: repeat(2, 1fr);}
	#product-reviews-items.products {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 768px) {
	.products {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 650px) {
	.products-head {margin: 0 0 var(--gap-big) 0;}
}
@media screen and (max-width: 576px) {
	.products {grid-template-columns: repeat(2, 1fr);}
	#mse2_results.products {grid-template-columns: repeat(2, 1fr);}
	#product-reviews-items.products {grid-template-columns: repeat(2, 1fr);}
	.product__price {margin: 0;}
}
@media screen and (max-width: 450px) {
	.product__btn {height: 40px;}
}

/*--- END PRODUCT ---*/


/*--- PRODUCTS-SLIDER ---*/

.products-slider > .navigation-wrapper {
	padding-bottom: 40px;
}
.products-slider > .navigation-wrapper .dots {
	bottom: 4px;
}
.products-slider > .navigation-wrapper .arrow {
	display: flex;
	opacity: 1;
  top: -85px;
  left: unset;
  right: 55px;
  box-shadow: unset;
  background: var(--light);
  border: 1px solid var(--light);
}
.products-slider > .navigation-wrapper .arrow.arrow--right {
	right: 0;
}
.products-slider > .navigation-wrapper .arrow:hover {
	background: var(--white);
}
.products.keen-slider {
	display: flex;
	gap: unset;
	width: calc(100% + var(--gap-big));
}
.products.keen-slider > .keen-slider__slide {
	min-width: 25%;
	padding-right: var(--gap-big);
}
@media screen and (max-width: 1500px) {
	.products.keen-slider > .keen-slider__slide {min-width: calc(100% / 3);}
}
@media screen and (max-width: 768px) {
	.products.keen-slider > .keen-slider__slide {min-width: 50%;}
}
@media screen and (max-width: 576px) {
	.products-slider > .navigation-wrapper .arrow {top: -65px;}
}

/*--- END PRODUCTS-SLIDER ---*/

/*--- NEW MS-DPA ---*/

.ms-dpa-group {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ms-dpa-group-add {}
.ms-dpa-group-change {
	background: var(--white);
	border: 1px solid var(--light);
	border-radius: var(--br-btn);
}
.ms-dpa-group-disable {}
.ms-dpa-count-btn {
	width: 50px;
	height: 50px;
	max-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
	border: none;
	background: var(--white);
	border: 1px solid var(--white);
	color: var(--base);
	border-radius: var(--br-50);
	cursor: pointer;
	font-size: 1.75rem;
}
.ms-dpa-count-btn:hover {
	border-color: var(--white);
	background: var(--white);
	color: var(--primary-hover);
}
.ms-dpa-count-btn-minus {}
.ms-dpa-count-btn-plus {}
.ms-dpa-count {
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	padding: 0;
	width: calc(100% - 100px);
	height: 50px;
	text-align: center;
	font-size: 1rem;
	color: var(--base);
	font-weight: var(--fw-btn);
	pointer-events: none;
}
.ms-dpa-input {
	display: none;
}
.ms-dpa-btn-default {}
.ms-dpa-btn-default:hover {}
.ms-dpa-group-add .ms-dpa-count-btn,
.ms-dpa-group-add .ms-dpa-count,
.ms-dpa-group-add .ms-dpa-in-cart {
	display: none;
}
.ms-dpa-group-change .ms-dpa-btn-default {
	display: none;
}
@media screen and (max-width: 450px) {
	.ms-dpa-in-cart {height: 40px;line-height: 40px;}
	.ms-dpa-count-btn {width:40px;height: 40px;max-width: 40px;line-height: 40px;}
	.ms-dpa-count {height: 40px;}
}

/*--- END ADD TO CART ---*/

/*--- BENEFITS ---*/

.benefits {
	display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--gap-med);
}
.benefit {
	width: 100%;
  border-radius: var(--br-med);
  background: var(--white);
  border: 1px solid var(--light);
  padding: var(--gap-med);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-med) var(--gap-sm);
}
.benefit__icon {
	font-size: 40px;
	max-width: 40px;
	border-radius: var(--br-0);
}
.benefit__title {
	width: calc(100% - 50px);
	margin: auto 0;
  font-size: 1.25rem;
  font-weight: var(--fw-btn);
}
.benefit__subtitle {
	width: 100%;
  margin: 0;
  font-size: .9rem;
  max-width: 350px;
}
.benefit__btn {
	margin: 0;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {
	.benefits {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 576px) {
	.benefits {grid-template-columns: 1fr;}
}

/*--- END BENEFITS ---*/


/*--- BENEFITS-3 ---*/

.benefits-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: var(--gap-big);
	gap: var(--gap-big);
}
.benefits-3_4 {
	grid-template-columns: repeat(4, 1fr);
}
.benefits-3_5 {
	grid-template-columns: repeat(5, 1fr);
	gap: var(--gap-med);
}
.benefits-3__item {
	display: grid;
	grid-template-columns: 75px auto;
	gap: var(--gap-med);
	align-items: center;
	width: 100%;
}
.benefits-3__item-img {
	background: var(--light);
	border-radius: var(--br-med);
	width: 75px;
	height: 75px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.benefits-3__item-img img {
	width: 45px;
	height: 45px;
	margin: 0;
	border-radius: 0;
}
.benefits-3__item-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
}
.benefits-3__item-title {
	width: 100%;
	padding: 0;
	margin: 0;
	font-weight: var(--fw-bold);
	color: var(--base);
	font-size: 1rem;
}
.benefits-3__item-text {
	width: 100%;
	font-size: 0.9rem;
	font-weight: var(--fw-base);
	padding: 0;
	margin: 0;
}

.benefits-3__item_sm {
	grid-template-columns: 60px auto;
	gap: var(--gap-sm);
}
.benefits-3__item_sm .benefits-3__item-img {
	width: 60px;
	height: 60px;
	border-radius: var(--br-sm);
}
.benefits-3__item_sm .benefits-3__item-content {
	gap: calc(var(--gap-sm) / 2);
}
.benefits-3__item_sm .benefits-3__item-title {
	font-size: .95rem;
  line-height: var(--lh-title);
}
.benefits-3__item_sm .benefits-3__item-text {
	line-height: var(--lh-title);
}

@media screen and (max-width: 1450px) {
	.benefits-3__item_sm .benefits-3__item-title {font-size: .9rem;}
}
@media screen and (max-width: 1200px) {
	.benefits-3 {grid-template-columns: repeat(2, 1fr);}
	.benefits-3_4 {grid-template-columns: repeat(2, 1fr);}
	.benefits-3_5 {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 650px) {
	.benefits-3_5 {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 576px) {
	.benefits-3 {grid-template-columns: 1fr;}
	.benefits-3_5 {grid-template-columns: repeat(2, 1fr);}
	.benefits-3__item_sm {grid-template-columns: 50px auto;}
	.benefits-3__item_sm:first-child {grid-column: span 2;}
	.benefits-3__item_sm .benefits-3__item-img {width: 50px;height: 50px;}
	.benefits-3__item_sm .benefits-3__item-img img {width: 36px;height: 36px;}
}

/*--- END BENEFITS-3 ---*/

/*--- CTA ---*/

.cta {
	position: relative;
}
.cta__inner {
	position: relative;
  background: var(--light);
  border-radius: var(--br-big);
  padding: var(--gap-section);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: var(--gap-big);
}
.cta__content {}
.cta__content-title {}
.cta__content-subtitle {
	margin: 0;
}
.cta__actions {
	display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-big) var(--gap-med);
}
.cta__actions-items {
	display: flex;
  gap: var(--gap-big);
  flex-wrap: wrap;
}
.cta__actions-item {
	margin: 0;
}
.cta__actions-item-title {
	color: var(--mid-gray);
  font-size: .9rem;
  padding: 0;
  margin: 0 0 var(--gap-sm) 0;
}
.cta__actions-item-link {
	text-decoration: none;
  font-size: 1.2rem;
  font-weight: var(--fw-bold);
  text-decoration: none;
  color: var(--base);
}
.cta__actions-item-link:hover {
	text-decoration: none;
	color: var(--primary-hover);
}
.cta__actions-btns {
	display: flex;
  gap: var(--gap-med);
  flex-wrap: wrap;
}
.cta__actions-btn {
	margin: 0;
}
.cta__actions-btn_whatsapp {
	background: #37c263!important;
  border-color: #37c263!important;
}
.cta__actions-btn_whatsapp:hover {
	filter: brightness(1.1);
}
.cta__actions-btn_telegram {
	background: #16abf2!important;
  border-color: #16abf2!important;
}
.cta__actions-btn_telegram:hover {
	filter: brightness(1.1);
}
.cta__actions-btn_max {
  background: linear-gradient(143deg,rgb(96, 156, 235) 0%, rgb(0, 122, 255) 25%, rgb(141, 40, 200) 100%)!important;
  border: unset!important;
}
.cta__actions-btn_max:hover {
	filter: brightness(1.15);
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {
	.cta__inner {padding: var(--gap-big);}
}
@media screen and (max-width: 768px) {
	.cta__inner {grid-template-columns: 1fr;}
}
@media screen and (max-width: 576px) {
	.cta__inner {padding: var(--gap-section) var(--gap-big) var(--gap-big) var(--gap-big);}
}
@media screen and (max-width: 450px) {
	.cta__actions-item {width: 100%;}
	.cta__actions-btns {margin: var(--gap-med) 0 0 0;}
	.cta__actions-btn {width: 100%;}
}

/*--- END CTA ---*/

/*--- CONTENT ---*/

.content-page {
	display: grid;
  grid-template-columns: 225px auto;
  gap: var(--gap-big);
}
.content-page__aside {
	width: 100%;
}
.content-page__base {
	width: 100%;
}
.content-page__menu {
	position: sticky;
	top: 120px;
	margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}
.content-page__menu li {}
.content-page__menu li a {
	color: var(--base);
  text-decoration: none;
  font-weight: var(--fw-btn);
}
.content-page__menu li a:hover {
	text-decoration: none;
	color: var(--primary-hover);
}
.content-page__menu li a.active {
	color: var(--primary-hover);
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {
	.content-page {grid-template-columns: 1fr;}
	.content-page__aside {width: calc(100% + 30px);margin: 0 -15px;overflow: hidden;}
	.content-page__menu {position: relative;top:unset;flex-direction: row;gap: var(--gap-big);overflow: auto;white-space: nowrap;padding: 0 15px 6px 15px;}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END CONTENT ---*/

/*--- ERROR-404 ---*/

.error-404 {
	display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-big);
  margin: var(--gap-big) 0;
}
.error-404__icon {
	width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--light);
  color: var(--gray);
  font-weight: var(--fw-bold);
  font-size: 2rem;
  margin: 0;
}
.error-404__icon span {
	font-size: 44px;
	max-width: 44px;
}
.error-404__title {
  margin: 0;
}

/*--- END ERROR-404 ---*/

/*--- CONTACTS ---*/

.contacts {
	display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-big);
}
.contacts__main {}
.contacts__title {
	grid-column: span 2;
  margin: 0 0 var(--gap-big); 0;
}
.contacts__items {
	display: flex;
  gap: var(--gap-big) var(--gap-section);
  flex-wrap: wrap;
  margin: 0 0 var(--gap-med) 0;
}
.contacts__item {
	margin: 0;
}
.contacts__item-title {
	color: var(--mid-gray);
  font-size: .9rem;
  padding: 0;
  margin: 0 0 var(--gap-sm) 0;
}
.contacts__item-value {
	text-decoration: none;
  font-size: 1.1rem;
  font-weight: var(--fw-bold);
  text-decoration: none;
  color: var(--base);
  margin: 0;
}
.contacts__item-value a {
	text-decoration: none;
	font-weight: var(--fw-bold);
  color: var(--base);
}
.contacts__item-value a:hover {
	text-decoration: none;
  color: var(--primary-hover);
}
.contacts__offices {
	display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--gap-big) var(--gap-big);
}
.contacts__office {
	width: 100%;
}
.contacts__office .contacts__title {
	margin: 0 0 var(--gap-med) 0;
}
.contacts__office .contacts__items {
	margin: 0;
  gap: var(--gap-med);
  flex-wrap: nowrap;
  flex-direction: column;
}
.contacts__office .contacts__item-value {
	font-size: 1rem;
  font-weight: var(--fw-base);
}
.contacts__map {
	width: 100%;
	background: var(--light);
	height: 350px;
	margin: var(--gap-section) 0;
	border-radius: var(--br-big);
	overflow: hidden;
}
.contacts__map #map {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1200px) {
	.contacts__offices {grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {
	.contacts {grid-template-columns: unset;}
}
@media screen and (max-width: 576px) {
	.contacts__offices {grid-template-columns: 1fr;}
}

/*--- END CONTACTS ---*/

/*--- BACKCALL WIDGETS ---*/

.backcall-fixed-btn {
  position: fixed;
  right: 5vh;
  bottom: 5vh;
  z-index: 998;
}
.backcall-main-btn {
  background: var(--primary);
  box-shadow: var(--bs-big);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  fill: var(--white);
  z-index: 3;
  position: relative;
  transition: .3s ease;
}
.backcall-main-btn:hover {
  cursor: pointer;
  fill: var(--white);
  transition: .3s ease;
  background: var(--primary-hover);
}
.backcall-fixed-btn.active .backcall-main-btn {
  fill: var(--white);
  background: var(--primary-hover);
}
.backcall-main-btn-marker {
	display: block;
  width: 6px;
  height: 6px;
  border-radius: var(--br-50);
  background: var(--white);
  position: absolute;
  right: 12px;
  top: 12px;
}
.backcall-main-btn svg {
  width: 32px;
  height: 32px;
  margin: 0 0 -1px -1px;
  fill: inherit;
  z-index: 1;
}
.backcall-inner-wrap {
  position: absolute;
  top: -270px;
  width: max-content;
  right: 0;
  opacity: 1;
  visibility: visible;
  transition: .4s ease;
}
.backcall-inner-wrap-2 {
  top: -130px;
}
.backcall-inner-wrap-3 {
  top: -190px;
}
.backcall-inner-wrap-4 {
  top: -250px;
}
.backcall-inner-wrap-5 {
  top: -310px;
}
.backcall-inner-wrap-6 {
  top: -400px;
}
.backcall-inner-item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  transition: .4s ease;
}
.backcall-inner-item-text {
  background: var(--light);
  color: var(--base);
  border-radius: var(--br-med);
  opacity: 1;
  visibility: visible;
  transition: .4s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  height: 38px;
  padding: 0 var(--gap-big);
}
.backcall-inner-item-text p {
  margin: 0;
  font-size: .9rem;
  font-weight: var(--fw-btn);
  line-height: 100%;
}
.backcall-inner-item-link {
  background: transparent;
  box-shadow: var(--bs-big);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  order: 1;
  margin-left: 20px;
  transition: .3s ease;
}
.backcall-inner-item-link:hover {
  margin-left: 10px;
}
.backcall-inner-item-link svg {
  width: 26px;
  height: 26px;
}
.backcall-inner-item-link.backcall-inner-item-link-whatsapp {
  color: var(--white);
  fill: var(--white);
  stroke: transparent;
  background: #37C263;
}
.backcall-inner-item-link.backcall-inner-item-link-whatsapp:hover {
  color: var(--white);
  background: #2EA554;
}
.backcall-inner-item-link.backcall-inner-item-link-telegram {
  background: #16ABF2;
  color: var(--white);
}
.backcall-inner-item-link.backcall-inner-item-link-telegram:hover {
  background: #1493CF;
  color: var(--white);
}
.backcall-inner-item-link.backcall-inner-item-link-telegram svg {
  margin: 0 0 -1px -1px;
}
.backcall-inner-item-link.backcall-inner-item-link-phone {
  background: var(--mid-gray);
  color: var(--white);
  fill: var(--white);
  stroke: transparent;
}
.backcall-inner-item-link.backcall-inner-item-link-phone:hover {
  background: #707070;
  color: var(--white);
  cursor: pointer;
}
.backcall-inner-item-link.backcall-inner-item-link-phone svg {
  width: 25px;
  height: 25px;
}
.backcall-inner-item-link.backcall-inner-item-link-support {
  background: var(--mid-gray);
  color: var(--white);
  fill: var(--white);
  stroke: transparent;
}
.backcall-inner-item-link.backcall-inner-item-link-support:hover {
  background: #707070;
  color: var(--white);
  cursor: pointer;
}
.backcall-inner-item-link.backcall-inner-item-link-support svg {
  width: 30px;
  height: 30px;
}
.backcall-inner-item-link.backcall-inner-item-link-max:hover {
  filter: brightness(.85);
}
.backcall-inner-wrap.backcall-inner-wrap-hide {
  top: 15px;
  opacity: 0;
  visibility: hidden;
}
.backcall-inner-wrap.backcall-inner-wrap-hide .backcall-inner-item {
  margin-bottom: -50px;
}
.backcall-inner-wrap.backcall-inner-wrap-hide .backcall-inner-item:last-child {
  margin-bottom: 0px;
}
.backcall-inner-item-text.backcall-inner-item-text-hide {
  opacity: 0;
  visibility: hidden;
}
.backcall-inner-item-text-marker {
	line-height: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  gap: 3px;
}
.backcall-inner-item-text-marker span {
	display: block;
  width: 6px;
  height: 6px;
  border-radius: var(--br-50);
  background: var(--primary);
  position: relative;
  top: 1px;
}

@media screen and (max-width: 700px) {
	.backcall-fixed-btn {right: 15px;bottom: 80px;}
	.backcall-fixed-btn::before {display: none;}
	.backcall-main-btn {width: 50px;height: 50px;background: var(--primary);fill: var(--white);}
	.backcall-main-btn svg {width: 22px;height: 22px;}
	.backcall-inner-item {margin-bottom: 15px;position: relative;}
	.backcall-inner-item-link {border: none;width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: 0;padding-left: calc(100% - 36px);background: transparent;color: var(--primary);height: 100%;z-index: 1;border-radius: var(--br-50);box-shadow: unset;}
	.backcall-inner-item-link:hover {margin: 0;}
	.backcall-inner-item-link::before {content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 36px;height: 36px;padding: 7px;background: var(--white);border: 1px solid var(--light-gray);border-radius: 50%;}
	.backcall-inner-item-link svg {width: 16px;height: 16px;z-index: 1;}
	.backcall-inner-item-link img {width: 18px;height: 18px;z-index: 1;position: relative;}
	.backcall-inner-item-link.backcall-inner-item-link-whatsapp {background: transparent;color: #37C263;}
	.backcall-inner-item-link.backcall-inner-item-link-whatsapp:hover {background: transparent;color: #37C263;}
	.backcall-inner-item-link.backcall-inner-item-link-telegram {background: transparent;color: var(--base);}
	.backcall-inner-item-link.backcall-inner-item-link-telegram:hover {background: transparent;color: #16ABF2}
	.backcall-inner-item-link.backcall-inner-item-link-phone {background: transparent;color: var(--base);}
	.backcall-inner-item-link.backcall-inner-item-link-phone:hover {background: transparent;color: var(--base);}
	.backcall-inner-item-link.backcall-inner-item-link-phone svg {width: 14px;height: 14px;}
	.backcall-inner-item-link.backcall-inner-item-link-support {background: transparent;color: var(--base);}
	.backcall-inner-item-link.backcall-inner-item-link-support:hover {background: transparent;color: var(--base);}
	.backcall-inner-item-link.backcall-inner-item-link-support svg {width: 20px;height: 20px;}
	.backcall-inner-item-text {padding: 5px 40px 5px 15px;height: 36px;z-index: 0;width: 100%;border-radius: var(--br-50);border: 1px solid var(--light-gray);}
	.backcall-inner-item-text p {font-size: .8rem;}
	.backcall-inner-wrap-2 {top: -110px;}
	.backcall-inner-wrap-3 {top: -160px;}
	.backcall-inner-wrap-4 {top: -210px;}
	.backcall-inner-wrap-5 {top: -260px;}
	.backcall-inner-wrap-6 {top: -340px;}
}
@media screen and (max-width: 650px) {
	.backcall-fixed-btn.hide {z-index: 0;}
}
@media screen and (max-width: 576px) {
	.backcall-fixed-btn_prod {bottom: 115px;}
	.backcall-main-btn-marker {right: 9px;top: 9px;width: 5px;height: 5px;}
}

/*--- END BACKCALL WIDGETS ---*/

/*--- BANNER ---*/

.banner {
	width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  border-radius: var(--br-med);
}
.banner img {
	position: absolute;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
  border-radius: 0;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 700px) {
	.banner {height: unset;aspect-ratio: 7/3;}
}
@media screen and (max-width: 576px) {}

/*--- END BANNER ---*/

/*--- FILTERS ---*/

.filters-wrap {}
.filters {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin:0;
	gap:var(--gap-med);
}
.filter {
	position: relative;
	width: 100%;
	margin:0;
	padding:0;
	border: none;
}
.filter__head {
	background: var(--white);
	padding: 0;
	margin: 0;
	cursor: pointer;
	position: relative;
	display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-sm);
}
.filter__title {
	margin: 0;
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: var(--lh-title);
}
.filter__btn {
	width: 20px;
  height: 20px;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
	transform: scaleY(1);
	transition: .3s;
}
.filter.active .filter__btn {
	transform: scaleY(-1);
}
.filter__body {
	width: 100%;
	padding:0;
	margin:0;
}
.filter__items {
	padding: var(--gap-med) 0 0 0;
	margin: 0;
	list-style: none;
	opacity: 0;
	transition: .3s ease opacity;
	will-change: opacity;
}
.filter.active .filter__items {
	opacity: 1;
	transition: .3s ease opacity;
}
.filter__item {
	position: relative;
	margin: 0;
	padding: 0;
}
.filter__categories {
	display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-sm);
	margin: 0;
	padding: var(--gap-med) 0 0 0;
	list-style: none;
	will-change: opacity;
	opacity: 0;
	transition: .3s ease opacity;
}
.filter.active .filter__categories {
	opacity: 1;
	transition: .3s ease opacity;
}
.filter__category {
	position: relative;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.filter__category a {
	font-size: .9rem;
	font-weight: var(--fw-btn);
	line-height: var(--lh-title);
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: block;
	width: fit-content;
	color: var(--base);
}
.filter__category a:hover {
	color: var(--primary-hover);
}
.filter__category a.active {
	color: var(--primary-hover);
	font-weight: var(--fw-bold);
}
.filter__category_parent {}
.filter__category_parent .filter__categories {
	padding: var(--gap-sm) 0 var(--gap-sm) var(--gap-med);
}
.filter-toggle {}
.filter-toggle .form-group.toggle {
	/*width: calc(100% - var(--gap-big));*/
  justify-content: space-between;
}
.filter-toggle .form-group label.toggle-control__wrap {
	order: 1;
}
.filter-toggle .form-group .toggle-control__desc {
	font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: var(--lh-title);
}
.filter__number {
	display: grid;
  grid-template-columns: 1fr var(--gap-med) 1fr;
  gap: var(--gap-sm);
  align-items: center;
  padding: var(--gap-med) 0;
}
.filter__number > span {
	width: 100%;
  height: 1px;
  background: var(--light-gray);
  display: block;
}
.filter__number .form-group {}
.filter__number .form-control-wrap {}
.filter__number .form-control-wrap::before {
	content: 'от';
  position: absolute;
  left: var(--gap-sm);
  top: 50%;
  transform: translateY(-50%);
  font-size: .85rem;
  color: var(--mid-gray);
  z-index: 1;
}
.filter__number .form-group:nth-child(3) .form-control-wrap::before {
	content: 'до';
}
.filter__number .form-control-wrap::after {
	content: '₽';
  position: absolute;
  right: var(--gap-sm);
  top: 50%;
  transform: translateY(-50%);
  font-size: .85rem;
  color: var(--mid-gray);
}
.filter__number .form-control {
	-webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  min-width: unset;
  padding: 0 calc(var(--gap-med) + 5px);
  text-align: right;
}

.filters__btn {
	display: flex;
  align-items: center;
  gap: var(--gap-sm);
  color: var(--base);
  text-decoration: none;
  font-size: 1rem;
  font-weight: var(--fw-btn);
}
.filters__btn:hover {}


.btn-filters__wrap {
	margin: var(--gap-med) 0 0 0;
	position: relative;
}
.btn-filters__wrap .btn {
	margin: 0;
	width: 100%;
	min-width: unset;
}
.btn-filter-apply {
	display: none;
}
.subcategory__filter-btn {
	display: none;
}
.filter .mse2_number_slider {display: none!important;}

@media screen and (min-width: 651px) {
	.filters__btn {display: none;}

}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 850px) {}
@media screen and (max-width: 768px) {
	.filter__title {font-size: .9rem;}
	.filter-toggle .form-group .toggle-control__desc {font-size: .9rem;}
}
@media screen and (max-width: 650px) {
	.filter {width: 100%;margin: 0;}
	.filter__body {position: relative;visibility: visible;opacity: 1;top: 5px;box-shadow: none;width: 100%;left: 0;display: none_;transition: unset;}
	.filters {padding: 110px 15px 170px;margin: 0;position: fixed;z-index: 999;width: 100dvw;height: 100dvh;left: -110vw;top: 0;background: #fff;justify-content: flex-start;align-items: flex-start;overflow-y: scroll;flex-wrap: nowrap;flex-direction: column;transition: .3s;}
	.filters.active {left: 0vw;}
	.btn-filters__wrap {position: fixed;bottom: 60px;width: 100%;padding: var(--gap-med) 15px;left: -110vw;z-index: 99;transition: .3s;cursor: pointer;display: grid;grid-template-columns: 1fr 1fr;gap: var(--gap-med);background: var(--white);border-top: 1px solid var(--light);}
	.btn-filter-apply {display: inline-flex;}
	.filters.active .btn-filters__wrap {left: 0;}
}

/*--- END FILTERS ---*/

/*--- SORT ---*/

.sort-wrap {
	position: relative;
}
.sort {
	display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  gap: var(--gap-sm) var(--gap-med);
  padding: 0;
}
.sort__item {
	display: inline-block;
	font-size: .9rem;
  font-weight: var(--fw-btn);
  text-decoration: none;
  color: var(--mid-gray);
}
.sort__item:hover {
	text-decoration: none;
	color: var(--base);
}
.sort__item.active {
	color: var(--base);
	pointer-events: none!important;
}
.sort-title {
	display: flex;
  align-items: center;
  gap: var(--gap-sm);
  color: var(--base);
  text-decoration: none;
  font-size: 1rem;
  font-weight: var(--fw-btn);
  cursor: pointer;
}

@media screen and (min-width: 651px) {
	.sort-title {display: none;}
}
@media screen and (max-width: 1200px) {
	.sort {padding: 0 15px var(--gap-med) 15px;width: calc(100% + 30px);margin: 0 -15px;}
}
@media screen and (max-width: 650px) {
	.sort {
		position: absolute;
		display: flex;
		width: auto;
		margin: 0;
		margin-bottom: 0px;
		left: 0;
		top: 30px;
		z-index: 99;
		background: var(--white);
		box-shadow: var(--bs-big);
		border-radius: var(--br-med);
		padding: var(--gap-med) var(--gap-big);
		opacity: 0;
		visibility: hidden;
		transition: 0s;
	}
	.sort.active {
		opacity: 1;
		visibility: visible;
		transition: 0s;
	}
}

/*--- END SORT ---*/

/*--- CATALOG ---*/

.catalog-grid {
	display: grid;
	grid-template-columns: 250px auto;
	gap:20px;
}
.catalog {

}
.catalog__wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 0 15px;
}

@media screen and (max-width: 1200px) {
	.catalog-grid {grid-template-columns: 220px auto;gap:15px;}
}
@media screen and (max-width: 992px) {
	.catalog-grid {grid-template-columns: 200px auto;gap:15px;}
}
@media screen and (max-width: 768px) {
	.catalog-grid {grid-template-columns: 185px auto;gap:15px;}
}
@media screen and (max-width: 650px) {
	.catalog-grid {grid-template-columns: 1fr;gap: unset;}
}
@media screen and (max-width: 576px) {
	.catalog__wrap {padding: 0 10px;}
}
@media screen and (max-width: 450px) {}

/*--- END CATALOG ---*/

/*--- PRODUCT-DETAIL ---*/

.product-detail {
	display: grid;
	grid-template-columns: 500px auto 360px;
	grid-template-rows: auto 1fr;
	gap: var(--gap-med) var(--gap-big);
	grid-auto-flow: dense;
}
.product-detail__gallery {
	position: relative;
	grid-row: span 2;
	width: 100%;
	height: auto;
  overflow: hidden;
	grid-column: 1;
	display: flex;
  flex-direction: column;
  gap: var(--gap-med);
}
.gallery-main {
	background: var(--white);
	aspect-ratio: 3/4;
	border-radius: var(--br-med);
	overflow: hidden;
}
.gallery-main__item {
	background: var(--light);
	border-radius: var(--br-med);
	overflow: hidden;
	transition: unset;
}
.gallery-main__item img,
.gallery-main__item video {
	width: 100%;
	height: 100%;
}
.gallery-nav {
	order: 1;
  width: 100%;
}
.gallery-nav__item {
	background: var(--light);
	border-radius: var(--br-sm);
	overflow: hidden;
	cursor: pointer;
	max-height: 80px!important;
}
.gallery-nav__item_video span {
	position: absolute;
  font-size: 26px;
  max-width: 26px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: var(--gradient);
  color: var(--white);
  border-radius: var(--br-50);
}
.gallery-nav__item img {
	border-radius: var(--br-sm);
	width: 100%;
	height: 100%;
  object-fit: cover;
}
.gallery-nav__item::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: var(--br-sm);
	border: 2px solid transparent;
	transition: .3s;
}
.gallery-nav__item.active::before {
	border-color: var(--primary);
}
.product-detail__gallery .dots {
	display: none;
}
.product-detail__title {
	position: relative;
	/*grid-column: span 2;*/
	width: 100%;
	height: fit-content;
}
.product-detail__subtitle {
	font-size: 1rem;
	font-weight: var(--fw-bold);
	margin: var(--gap-big) 0 var(--gap-med) 0;
}
.product-detail__info {
	position: relative;
	grid-column: 2;
	grid-row: 2;
	display: block;
	width: 100%;
	height: 100%;
}
.product-detail__info-head {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-big);
}
.product-detail__info-head .product__reiews {
	font-size: 1rem;
}
.product-detail__info-head .product__reiews-icon {
	width: 14px;
	height: 14px;
}
.product-detail__bundle {
	margin: 0;
}
.bundle {
	display: flex;
  gap: var(--gap-sm);
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.bundle__item {
	width: 70px;
  aspect-ratio: 3/4;
  position: relative;
}
.bundle__item::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--br-sm);
  border: 2px solid transparent;
  transition: .3s;
}
.bundle__item.active::before {
  border-color: var(--primary);
}
.bundle__item > img {
	border-radius: var(--br-sm);
}
.bundle__item-inner {
	position: absolute;
  top: calc(100% + var(--gap-sm));
  width: calc(100% + 80px);
  left: -40px;
  background: var(--white);
  border-radius: var(--br-med);
  overflow: hidden;
  box-shadow: var(--bs-med);
  padding: var(--gap-sm);
  transform: translateY(var(--gap-med));
  opacity: 0;
  transition: .3s;
  pointer-events: none;
  user-select: none;
  z-index: 9;
}
.bundle__item:hover .bundle__item-inner {
	transform: translateY(0);
  opacity: 1;
}
.bundle__item-inner img {
	border-radius: var(--br-sm);
}
.bundle__item-price {
	margin: var(--gap-sm) 0;
	line-height: 100%;
  font-weight: var(--fw-bold);
  font-size: .8rem;
  color: var(--base);
  display: flex;
  align-items: flex-end;
  gap: var(--gap-sm);
  white-space: nowrap;
}
.bundle__item-price_base {}
.bundle__item-price_trouth {
	font-size: .7rem;
  color: var(--mid-gray);
  font-weight: var(--fw-base);
  text-decoration: line-through;
  margin: 0;
}
.bundle__item-title {
	margin: 0;
	font-size: .7rem;
  line-height: var(--lh-title);
  font-weight: var(--fw-btn);
  color: var(--base);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-detail__characs .product-charac {
	width: 100%;
}
.product-characs {
	display: flex;
	flex-wrap: wrap;
  gap: var(--gap-med) 0;
}
.product-charac {
	width: 50%;
	height: fit-content;
	display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.product-charac span {
	
  font-size: .9rem;
  line-height: var(--lh-title);
  background: var(--white);
  display: block;
  z-index: 1;
}
.product-charac span:nth-child(1) {
	width: fit-content;
	color: var(--mid-gray);
	padding: 0 var(--gap-sm) 0 0;
}
.product-charac span:nth-child(2) {
	color: var(--base);
	width: 40%;
	flex: 0 0 40%;
	padding: 0 var(--gap-sm);
}
.product-charac::before {
	content: '';
  background-image: linear-gradient(90deg,#d3d4dd 50%,#fff 0%);
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 4px 1px;
  width: calc(100% - var(--gap-sm));
  display: block;
  height: 1px;
  z-index: -1;
  position: absolute;
  bottom: 2px;
  left: 0;
}
.product-characs-link {
	margin: var(--gap-med) 0 0 0;
	order: 9999;
}
.product-detail__widgets {
	position: relative;
	grid-column: 3;
	grid-row: span 2;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--gap-med);
}
.product-detail__widget {
	width: 100%;
	height: auto;
	position: relative;
	background: var(--white);
	border-radius: var(--br-med);
	box-shadow: var(--bs-sm);
	padding: var(--gap-big) var(--gap-med);
}
.product-detail__widget .product__price_base {
	font-size: 1.3rem;
}
.product-detail__widget .product__price_trouth {
	font-size: 1rem;
}
.product-detail__widget .product__buy-in-click {
	font-size: 1rem;
  margin: var(--gap-med) 0;
}
.product-detail__widget-title {
	font-size: 1rem;
  font-weight: bold;
}
.product-detail__widget-subtitle {
	font-size: .85rem;
}
.storages {
	display: flex;
  flex-direction: column;
  gap: var(--gap-med);
}
.storage__item {
	display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-med);
}
.storage__item-title {
	width: auto;
  flex-grow: 1;
}
.storage__item-title-name {
	font-size: .9rem;
  font-weight: var(--fw-btn);
  margin: 0;
  line-height: var(--lh-title);
}
.storage__item-title-address {
	font-size: .75rem;
  font-weight: var(--fw-base);
  margin: 0;
  line-height: var(--lh-title);
  color: var(--mid-gray);
}
.storage__item-count {
	width: max-content;
	white-space: nowrap;
  font-size: .9rem;
}
.product-detail__head {
	position: fixed;
	width: 100%;
	height: 82px;
	top: 0;
	left: 0;
	z-index: 999;
	padding: 0;
	transform: translateY(-100%);
	transition: .2s;
}
.product-detail__head.active {
	transform: translateY(0%);
}
.product__line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap-big);
  height: 100%;
}
.product__line-image {
	width: 50px;
	flex: 0 0 50px;
	height: auto;
	aspect-ratio: 3/4;
}
.product__line-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--br-sm);
}
.product__line-title-wrap {
	flex-grow: 1;
}
.product__line-title {
	margin: 0 0 var(--gap-sm) 0;
}
.product__line-reiews {}
.product__line-price {
	width: 220px;
  flex: 0 0 220px;
  justify-content: flex-end;
}
.product__line-form {
	width: 200px;
  flex: 0 0 200px;
}
.product__line-buy-in-click {
	display: none;
}

@media screen and (max-width: 1400px) {
	.product-detail {grid-template-columns: 400px auto 300px;gap: var(--gap-med);}
	.gallery-nav__item {max-height: 64px!important;}
}
@media screen and (max-width: 1200px) {
	.product-detail-wrap {overflow: visible;}
	.product-detail {grid-template-columns: 400px 1fr;}
	.product-detail__gallery {grid-row: span 3;position: sticky;top: 100px;height: fit-content;}
	.product-detail__info {grid-row: 3;}
	.product-detail__widgets {grid-row: 2;grid-column: 2;}
}
@media screen and (max-width: 992px) {
	.product-detail {grid-template-columns: 300px 1fr;}
	.gallery-nav__item {max-height: 45px!important;}
}
@media screen and (max-width: 800px) {
	.product-detail-wrap {overflow: hidden;}
	.product-detail {display: flex;flex-direction: column;width: 100%;overflow: unset;}
	.product-detail__gallery {grid-row: unset;position: relative;top: unset;height: auto;}
	.gallery-nav__item {max-height: 17vw !important;}
	.product-detail__info {grid-row: unset;grid-column: unset;}
	.product-detail__widgets {grid-row: unset;grid-column: unset;display: grid;grid-template-columns: 1fr 1fr;}
	.product-detail__head {display: none;}
	.product-detail__title {margin: var(--gap-big) 0 0 0;}
	.product-charac {width: 100%;}
	.bundle__item-inner {left: calc(var(--gap-sm) * (-1));}
	.bundle__item:nth-child(4) .bundle__item-inner {left:unset;right: calc(var(--gap-sm) * (-1));}
	.bundle__item:nth-child(5) .bundle__item-inner {left:unset;right: calc(var(--gap-sm) * (-1));}
	.bundle__item:nth-child(6) .bundle__item-inner {left:unset;right: calc(var(--gap-sm) * (-1));}
}
@media screen and (max-width: 600px) {
	.product-detail__widgets {grid-template-columns: 1fr;}
	.product-detail__widget {box-shadow: var(--bs-med);}
	.product-detail__widget-price {display: none;}
	.product-detail__head {display: block;transform: unset !important;top: unset;bottom: 0;z-index: 1;padding-bottom: 58px;height: auto;box-shadow: var(--bs-big);}
	.product__line {display: grid;grid-template-columns: 1fr 1fr;gap: var(--gap-sm) var(--gap-big);padding: var(--gap-med) 0;}
	.product__line-image {display: none;}
	.product__line-title-wrap {display: none;}
	.product__line-price {width: 100%;justify-content: flex-start;}
	.product__line-buy-in-click {display: flex;}
	.product__line-form {width: 100%;grid-row: 1/3;grid-column: 1;}
}
@media screen and (max-width: 576px) {}

/*--- END PRODUCT-DETAIL ---*/

/*--- PRODUCT-CONTENT ---*/

.product-content {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100px;
}
.product-video-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gap-med);
}
.product-video {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1000px;
	cursor: pointer;
}
.product-video span {
	position: absolute;
  font-size: 70px;
  max-width: 70px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: var(--gradient);
  color: var(--white);
  border-radius: var(--br-50);
  z-index: 1;
  transition: .3s ease;
  opacity: 1;
}
.product-video:hover span {
	filter: brightness(1.1);
}
.product-video img {}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.product-video-grid {grid-template-columns: 1fr;}
	.product-video span {font-size: 50px;max-width: 50px;}
}

/*--- END PRODUCT-CONTENT ---*/

/*--- FILES ---*/

.files {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--gap-med);
}
.file {
	display: grid;
	grid-template-columns: 50px auto;
	gap: var(--gap-med);
	color: var(--base);
}
.file:hover {
	/*color: var(--base);*/
}
.file__icon {
	width: 100%;
	aspect-ratio: 3/4;
	background: var(--light);
	border-radius: var(--br-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s ease;
}
.file__icon span {
	font-size: 28px;
	max-width: 28px;
	color: var(--mid-gray);
	transition: .3s ease;
}
.file__content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-sm);
}
.file__title {
	margin: 0;
	font-size: 1rem;
	line-height: var(--lh-title);
	font-weight: var(--fw-base);
}
.file__info {
	font-size: .8rem;
  line-height: var(--lh-title);
  color: var(--mid-gray);
  margin: 0;
}

@media screen and (max-width: 1200px) {
	.file__title {font-size: .9rem;}
}
@media screen and (max-width: 992px) {
	.files {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.files {grid-template-columns: 1fr;}
	.file {grid-template-columns: 36px auto;}
	.file__icon span {font-size: 24px;max-width: 24px;}
}

/*--- END FILES ---*/

/*--- LINK-CARDS ---*/

.link-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gap-med);
}
.link-card {
	position: relative;
	width: 100%;
	height: 150px;
	background: var(--light);
  border-radius: var(--br-med);
  overflow: hidden;
  padding: var(--gap-med) var(--gap-big);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0;
}
.link-card__title {
  margin: 0 0 var(--gap-sm) 0;
  line-height: 100%;
  color: var(--base);
  font-size: 1.3rem;
  font-weight: var(--fw-title);
}
.link-card__info {
	display: flex;
  align-items: center;
  gap: var(--gap-sm);
	font-size: .9rem;
  line-height: var(--lh-title);
  color: var(--gray);
  margin: 0;
}
.link-card__info-marker {
	display: block;
  width: 8px;
  height: 8px;
  border-radius: var(--br-50);
  background: var(--primary);
}
.link-card__link {
	display: inline-flex;
	align-items: center;
	gap: var(--gap-sm);
	margin: auto 0 0 0;
	color: var(--gray);
	transition: .3s ease;
}
.link-card:hover .link-card__link {
	color: var(--primary-hover);
}
.link-card__link span {
	font-size: 1.2rem;
}

@media screen and (max-width: 1200px) {
	.link-cards {grid-template-columns: repeat(3, 1fr);}
	.link-card__title {font-size: 1.2rem;}
	.link-card__link {font-size: .9rem}
}
@media screen and (max-width: 992px) {
	.link-cards {grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 768px) {
	.link-cards {grid-template-columns: repeat(3, 1fr);}
	.link-card__title {font-size: 1.1rem;}
}
@media screen and (max-width: 576px) {
	.link-cards {grid-template-columns: repeat(2, 1fr);}
	.link-card {height: 120px;}
	.link-card__title {font-size: 1rem;}
	.link-card__info {font-size: .8rem;}
	.link-card__info-marker {width: 6px;height: 6px;margin: 2px 0 0 0;}
}

/*--- END LINK-CARDS ---*/

/*--- PERSONAL ---*/

.personal {}
.personal-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-flow: dense;
	gap: var(--gap-med);
}
.personal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-big);
}
.personal-grid__address {
	grid-template-columns: 90px 1fr 1fr 90px 90px 90px;
	grid-template-areas: 'zip city street entrance floor room';
}
.personal-grid__address .form-group input {min-width: unset;}
.form-group_zip {grid-area: zip}
.form-group_city {grid-area: city}
.form-group_street {grid-area: street}
.form-group_entrance {grid-area: entrance}
.form-group_floor {grid-area: floor}
.form-group_room {grid-area: room}

@media screen and (min-width: 577px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {
	.personal-grid__address {grid-template-columns: 90px 90px 90px auto auto auto;grid-template-areas: 'zip city city city street street' 'entrance floor room . . .';}
}
@media screen and (max-width: 768px) {
	.personal-grid {grid-template-columns: repeat(2, 1fr);}
	.personal-grid__address {grid-template-columns: 90px 90px 90px auto auto auto;}
}
@media screen and (max-width: 576px) {
	.personal-grid {grid-template-columns: 1fr;}
	.personal-grid__address {grid-template-columns: repeat(4, 1fr);grid-template-areas: 'city city street street' 'zip entrance floor room';}
}
@media screen and (max-width: 450px) {
	.personal__actions .btn {width: 100%;}
	.personal-grid__address {grid-template-columns: repeat(3, 1fr);grid-template-areas: 'zip zip zip' 'city city city' 'street street street' 'entrance floor room';}
}

/*--- END PERSONAL ---*/

/*--- AUTH ---*/

.auth {
	padding: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0;
  display: flex;
}
.auth .section-back {
	position: absolute;
  inset: 0;
  overflow: hidden;
}
.auth .section-back img {
	width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.auth-form-wrap {
	position: relative;
  background: var(--white);
  border-radius: var(--br-sm);
  overflow: hidden;
  width: 90%;
  max-width: 450px;
  height: auto;
  z-index: 99;
  padding: var(--gap-big);
  margin: auto;
}
.auth-form {
	display: flex;
  flex-direction: column;
  align-items: center;
}
.auth-form__logo {
	width: 100%;
	margin: 0 0 var(--gap-med) 0;
	display: block;
}
.auth-form__logo img {
	width: 130px;
	height: auto;
	margin: 0 auto;
	border-radius: var(--br-0);
}
.auth-form__title {
	text-align: center;
}
.auth-form__subtitle {
	margin: 0 0 var(--gap-med) 0;
	font-size: .9rem;
	text-align: center;
}
.auth-form__btn {
	margin: var(--gap-med) 0 0 0;
	max-width: 100%;
	width: calc(300px + (var(--gap-sm) * 5));
}
.auth-form__privacy {
	margin: var(--gap-sm) 0 0 0;
	font-size: .7rem;
	text-align: center;
}
.auth-form__change-form {
	margin: var(--gap-med) 0 0 0;
  font-size: .8rem;
  text-align: center;
}
.auth-form__change-form a {
	color: var(--base);
	font-weight: var(--fw-bold);
	text-decoration: underline;
}
.auth-form__change-form a:hover {
	color: var(--mid-gray);
	text-decoration: underline;
}
.code-inputs {
	display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: var(--gap-sm);
}
.code-inputs .code-input {
	min-width: unset;
  width: 100%;
  padding: 0;
  text-align: center;
  aspect-ratio: 1/1;
  height: auto;
  font-size: 1.5rem;
  font-weight: var(--fw-btn);
}
#office-auth-form .form-group {
	width: calc(300px + (var(--gap-sm) * 5));
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END AUTH ---*/

/*--- CART ---*/

.cart {}
.cart__items {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	background: var(--white);
	overflow: hidden;
	/*border-radius: var(--br-med);*/
  /*border: 1px solid var(--light);*/
}
.cart__item {
	width: 100%;
	display: grid;
	grid-template-columns: 105px auto 180px 150px 40px;
	grid-template-areas: "a b c d e";
	position: relative;
	border-bottom: 1px solid var(--light);
	margin: 0;
	overflow: hidden;
	padding: var(--gap-med) 0;
	background: transparent;
}
.cart__item:last-child {
	border-bottom: none;
}
.cart__item-image {
	width: 100%;
	padding: 0;
	grid-area: a;
}
.cart__item-image img {
	height: auto;
	width: 75px;
	margin: 0;
	padding: 0;
	border-radius: var(--br-sm);
}
.cart__item-content {
	display: flex;
	flex-wrap: wrap;
	align-self: flex-start;
	width: 100%;
	padding: 0 15px 0 0;
	grid-area: b;
}
.cart__item-title {
	text-decoration: none;
	font-size: .95rem;
  line-height: var(--lh-title);
  font-weight: var(--fw-btn);
	margin: 0 0 10px 0;
	width: 100%;
}
.cart__item-title:hover {
	text-decoration: none;
	color: var(--primary-hover);
}
.cart__item-param {
	font-size: .8rem;
	line-height: 130%;
	margin: 0;
	width: 100%;
	color: var(--base);
	font-weight: 300;
}
.cart__item-param-prices {
	display: flex;
  flex-direction: column;
  gap: calc(var(--gap-sm) / 2);
}
.cart__item-param-price {
	display: flex;
  align-items: center;
  gap: var(--gap-sm);
}
.cart__item-param span {}
.cart__item-param-price-sale {
	color: var(--red);
	font-weight: var(--fw-bold);
}
.cart__item-param-price-sale_label {
	font-size: .65rem;
  height: 16px;
  padding: 0 calc(var(--gap-sm) / 2);
}
.cart__item-param-old-price {
	text-decoration: line-through;
}
.cart__item-product_error {
	color: var(--danger);
  font-size: .8rem;
  font-weight: var(--fw-bold);
  margin: var(--gap-sm) 0 0 0;
}
.cart__item-count-wrap {
	width: 150px;
	height: 100%;
	margin: 0;
	grid-area: c;
}
.cart__item-count-wrap form {
	display: flex;
}
.cart__item-count {
	width: 100%;
	height: fit-content;
  background: var(--white);
  border: 1px solid var(--light);
  border-radius: var(--br-btn);
  margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cart__item-btn {}
.cart__item-btn button {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
	border: 1px solid var(--white);
	background: var(--white);
	color: var(--base);
	border-radius: 50%;
	cursor: pointer!important;
}
.cart__item-btn button span {
	font-size: 1.75rem;
}
.cart__item-btn button:hover {
	border-color: var(--white);
  background: var(--white);
  color: var(--primary-hover);
}
.cart__item-btn_minus {}
.cart__item-btn_plus {}
.cart__item-input {}
.cart__item-count-text {
	background: transparent;
	border: none;
	padding: 0;
	width: 50px;
	height: auto;
	text-align: center;
	font-size: 1rem;
	color: var(--base);
	font-weight: var(--fw-btn);
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 100%;
}
.cart__item-price-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	grid-area: d;
}
.cart__item-price {
	margin: 0;
	width: 100%;
	font-size: 1rem;
	font-weight: var(--fw-bold);
	line-height: 100%;
	color: var(--base);
}
.cart__item-price span {}
.cart__item-remove {
	position: absolute;
	right: 10px;
	top: calc(50% - 16px);
}
.cart__item-remove-btn {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	transition: 0s;
	transform: rotate(45deg);
	color: var(--base);
	opacity: .25;
	cursor: pointer!important;
}
.cart__item-remove-btn:hover {
	transition: .3s;
	opacity: .5;
}
.cart__item-remove-btn svg {
	width: 32px;
	height: 32px;
}
.cart__summary {
	margin: 0;
	padding: var(--gap-med) 0;
	background: transparent;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.cart__summary-title {
	width: 145px;
	line-height: 100%;
	text-align: right;
  padding: 0 30px 0 0;
	margin: 0;
}
.cart__summary-total {
	width: 190px;
	padding: 0;
	margin: 0;
	font-size: 1rem;
	font-weight: var(--fw-bold);
	line-height: 100%;
	color: var(--base);
}

@media screen and (max-width: 1200px) {
	.cart__item {grid-template-columns: 105px auto 170px 120px 50px;}
	.cart__summary-title {width: 135px;}
	.cart__summary-total {width: 170px;}
}
@media screen and (max-width: 992px) {

}
@media screen and (max-width: 768px) {
	.cart__item {grid-template-areas: "a b c e" "a b d e";grid-template-columns: 105px auto 130px 60px;}
	.cart__item-title {font-size: 1rem;}
	.cart__item-price-wrap {text-align: center;}
	.cart__item-price {font-size: .9rem;}
	.cart__summary {justify-content: flex-start;gap: var(--gap-med);}
	.cart__summary-title {padding: 0;width: fit-content;}
	.cart__summary-total {width: 110px;margin: unset;text-align: left;}
}
@media screen and (max-width: 700px) {
	.cart__item-title {font-size: .9rem;margin: 0 0 5px 0;}
	.cart__item-count-wrap {margin-right: 50px;width: 110px;}
	.cart__item-remove {right: 15px;}
	.cart__item-image {width: 105px;padding: 0 15px 0 0;}
}
@media screen and (max-width: 576px) {
	.cart__item {grid-template-columns: 90px auto 110px 40px;}
	.cart__item-content {width: 100%;}
	.cart__item-title {font-size: .8rem;}
	.cart__item-param {font-size: .75rem;}
	.cart__item-image {padding: 0;width: 60px;height: 80px;}
	.cart__item-image img {width: 60px;height: 80px;}
	.cart__item-price {font-size: .75rem;}
	.cart__item-remove {right: 0px;top: 0px;}
	.cart__item-count-wrap {width: 110px;margin: 0;}
	.cart__item-count-text {font-size: .95rem;}
}
@media screen and (max-width: 500px) {
	.cart__items {margin: 0 0 30px 0;}
	.cart__item {grid-template-columns: 70px 1fr 1fr;grid-template-areas: "a b b" "a c d";}
	.cart__item-content {margin: 0 0 15px 0;}
	.cart__item-price {font-size: .95rem;}
	.cart__item-remove-btn svg {width: 26px;height: 26px;}
	.btn-cart-back {display: none;}
	.btn-cart-next {width: 100%;}
	.btn-order-back {width: 100%;}
	.btn-order {width: 100%;}
}


/*--- END CART ---*/

/*--- CHECKOUT ---*/

.checkout {}
.checkout__item {
	margin: 0;
}
.checkout__item_disabled {
	filter: blur(1px)!important;
  opacity: .5!important;
  pointer-events: none!important;
  user-select: none!important;
}
.checkout__item_disabled * {
	pointer-events: none!important;
	user-select: none!important;
}
.checkout__item-head {
	background: var(--white);
	width: 100%;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	border-radius: 0px;
	transition: .3s;
}
.checkout__item-title {
	margin: 0;
	width: 100%;
}
.checkout__item-body {
	padding: var(--gap-big) 0 0 0;
	background: var(--white);
}
.checkout__item-products {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.checkout__item-product {
	width: 100%;
	border-bottom: 1px solid var(--light);
	margin: -1px 0 0 0;
	display: flex;
	padding: 8px 0;
}
.checkout__item-product:last-child {
	border: none;
}
.checkout__item-product-title {
	flex: 1 1 0;
	margin: 0;
	text-decoration: none;
	font-size: .95rem;
	width: 100%;
	line-height: var(--lh-title);
	font-weight: var(--fw-btn);
	color: var(--base);
}
.checkout__item-product-title:hover {
	text-decoration: none;
	color: var(--mid-gray);
}
.checkout__item-product_error .checkout__item-product-title {
	padding-left: var(--gap-big);
	position: relative;
}
.checkout__item-product_error .checkout__item-product-title::before {
	content: '';
	position: absolute;
  left: 0;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  background: var(--danger);
  border-radius: var(--br-50);
}
.checkout__item-product_error .checkout__item-product-title_error {
	color: var(--danger);
  font-size: .8rem;
  font-weight: var(--fw-bold);
}
.checkout__item-product-article {
	width: 130px;
	font-size: .9rem;
	line-height: 130%;
	margin: 0;
}
.checkout__item-product-qty {
	width: 70px;
	text-align: right;
	font-size: .9rem;
	line-height: 130%;
	margin: 0;
}
.checkout__item-product-cost {
	width: 140px;
	text-align: right;
	font-size: .9rem;
	line-height: 130%;
	margin: 0;
	font-weight: var(--fw-bold);
}
.order-radio__wrap {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-big);
}
#msOrder .order-radio__item {
	align-items: flex-start;
}
#msOrder .order-radio__item.radio > span {
	margin-top: 28px;
}
#msOrder .order-radio__item.radio input:disabled ~ span {
	opacity: .25;
  filter: grayscale(1);
}
.order-radio__item-inner {
	display: grid;
	grid-template-columns: 75px auto;
	gap: var(--gap-med);
	align-items: flex-start;
	width: 100%;
}
.order-radio__item-img {
	background: var(--light);
	border-radius: var(--br-med);
	width: 75px;
	height: 75px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.order-radio__item-img::before {
	content: 'progress_activity';
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  position: absolute;
  z-index: 1;
  color: var(--gray);
  animation: rotate 1s linear infinite;
  opacity: 0;
}
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.order-radio__item-img img {
	width: 45px;
	height: 45px;
	padding: 0 !important;
  margin: 0 !important;
  max-height: unset !important;
	border-radius: 0;
	transition: .3s ease;
}
.order-radio__item-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap-sm) / 2.5);
	transition: .3s ease;
}
.order-radio__item-title {
	width: 100%;
	padding: 0;
	margin: 0;
	font-weight: var(--fw-bold);
	color: var(--base);
	font-size: 1rem;
}
.order-radio__item-text {
	width: 100%;
	font-size: 0.9rem;
	font-weight: var(--fw-base);
	padding: 0;
	margin: 0;
}
.order-radio__item-text span {
	display: block;
	font-weight: var(--fw-title);
}
.order-radio__item-text span del {opacity: .5;}
.order-radio__item-link {
	font-weight: var(--fw-title);
	font-weight: var(--fw-title);
}

#msOrder .order-radio__item.load {}
#msOrder .order-radio__item.load .order-radio__item-content {
	opacity: .25;
  pointer-events: none;
}
#msOrder .order-radio__item.load .order-radio__item-img img {
	opacity: .25;
  pointer-events: none;
}
#msOrder .order-radio__item.load .order-radio__item-img::before {
	opacity: 1;
}

@media screen and (max-width: 1200px) {
	.order-radio__wrap {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 768px) {
	.checkout__item-product {flex-wrap: wrap;padding: 10px 0}
	.checkout__item-product-title {flex: unset;margin: 0 0 5px 0;}
}
@media screen and (max-width: 576px) {
	.checkout__item-body {padding: var(--gap-big) 0 var(--gap-med);}
	.checkout__item-product-title {font-size: .8rem;}
	.checkout__item-product-article {font-size: .8rem;width: calc(100% - 160px);}
	.checkout__item-product-qty {width: fit-content;margin: 0 var(--gap-big) 0 0;font-size: .8rem;}
	.checkout__item-product-cost {width: fit-content;font-size: .8rem;}
	.order-radio__wrap {grid-template-columns: 1fr;}
}

/*--- END CHECKOUT ---*/

/*--- COLLAPSE ---*/

.collapse {}
.collapse__item {
	background: var(--white);
	border: 1px solid var(--light);
	margin-bottom: var(--gap-med);
	border-radius: var(--br-med);
	overflow: hidden;
}
.collapse__item:last-child {
	margin-bottom: 0;
}
.collapse_light .collapse__item {
	background: transparent;
}
.collapse__item.active {}
.collapse__head {
	padding: var(--gap-med);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--base);
	transition: .3s ease;
	background: var(--white);
}
.collapse__item.active .collapse__head {
	color: var(--base);
}
.collapse__head:hover,
.collapse__item.active .collapse__head:hover {
	cursor: pointer;
	color: var(--primary-hover);
}
.collapse__title {
	margin: 0;
	padding: 0;
	flex: 0 0 calc(100% - 80px);
	color: inherit;
	font-weight: var(--fw-bold);
	font-size: 1rem;
	line-height: var(--lh-title);
}
.collapse__content {
	padding: var(--gap-sm) var(--gap-med) var(--gap-med) var(--gap-med);
	display: none;
	opacity: 0;
}
.collapse__content p {}
.collapse__content img {
    border-radius: var(--br-sm);
    border: 1px solid var(--light);
}
.collapse__content .img-alt {
    width: 100%;
    display: block;
    text-align: center;
    font-size: .8rem;
    font-style: italic;
    color: var(--mid-gray);
    line-height: var(--lh-title);
    margin: var(--gap-sm) 0 var(--gap-med) 0;
}
.collapse__content > *:last-child {
	margin: 0;
}
.collapse__btn {
	position: relative;
	z-index: 1;
	width: 36px;
	height: 36px;
	max-width: 36px;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--br-50);
	flex: 0 0 36px;
	background: var(--light);
	border: 1px solid var(--light);
	color: var(--base);
	font-size: 1.75rem;
	transition: .3s ease;
}
.collapse__item.active .collapse__btn {
	transform: rotate(45deg);
}


/* COLLAPSE__ORDER */


.collapse__order-title {
	display: flex;
	flex-wrap: wrap;
  gap: var(--gap-sm) var(--gap-med);
  align-items: center;
  color: var(--base);
}
.collapse__order-number {
	margin: 0;
  font-weight: var(--fw-base);
}
.collapse__order-date {
	margin: 0;
  font-weight: var(--fw-base);
}
.collapse__order-cost {
	margin: 0;
  font-weight: var(--fw-base);
}
.collapse__order-status {
	margin: 0;
  font-weight: var(--fw-base);
}
.collapse__order-status span {
	display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: var(--br-50);
  padding: 0;
  margin: 0 3px;
  background: var(--gray);
}
.collapse__order-labels {
	margin: 0;
	width: 100%;
	order: 2;
}
.collapse__content-note {
	width: 100%;
	max-width: max-content;
  height: auto;
  background: var(--light);
  padding: var(--gap-med);
  border-radius: var(--br-med);
  border: 1px solid var(--light-gray);
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  color: var(--base);
}
.collapse__content-note_danger {
	background: var(--secondary);
	border-color: var(--danger);
	color: var(--danger);
}
.collapse__content-note .material-symbols-rounded {
	flex: 0 0 24px;
}
.collapse__content-note a.text-underline {
	text-decoration: underline;
}
.collapse__content-title {
	padding: 0;
  margin: 20px 0 10px 0;
  font-size: 1rem;
  font-weight: var(--fw-bold);
}
.collapse__content-title:first-child {
	margin-top: 0;
}
.collapse__products {
	display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.collapse__product {
	width: 100%;
  border-bottom: 1px solid var(--light);
  margin: -1px 0 0 0;
  display: flex;
  padding: 5px 0;
}
.collapse__product-title {
	flex: 1 1 0;
  margin: 0;
  text-decoration: none;
  font-size: .8rem;
  width: 100%;
  line-height: 130%;
  color: var(--base);
}
.collapse__product-title:hover {
	color: var(--primary);
	text-decoration: none;
}
.collapse__product-article {
	width: 240px;
  font-size: .8rem;
  line-height: 130%;
  margin: 0;
}
.collapse__product-qty {
	width: 60px;
  font-size: .8rem;
  line-height: 130%;
  margin: 0;
}
.collapse__product-cost {
	width: 60px;
  font-size: .8rem;
  line-height: 130%;
  margin: 0;
}
.collapse__user {
	display: flex;
}
.collapse__user-info {
	width: 50%;
  margin: 0;
  padding: 0;
  padding-inline-end: 15px;
}
.collapse__user-info p {
	margin: 0;
  font-size: .9rem;
}
.collapse__user-info a {
	color: var(--vase);
	text-decoration: underline;
}
.collapse__user-info a:hover {
	color: var(--primary-hover);
}
.collapse__history {}
.collapse__history-item {
	margin: 0;
  font-size: .9rem;
}
.collapse__actions {
	margin: 20px 0 0 0!important;
	display: flex;
  flex-wrap: wrap;
  gap: var(--gap-sm);
}
.collapse__comment * {
	font-size: .9rem;
}
.collapse__order .collapse__content {
    padding: var(--gap-med);
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 900px) {
	.collapse__product {flex-wrap: wrap;}
	.collapse__product-title {width: 100%;flex: 0 0 100%;margin: 0 0 5px 0;}
	.collapse__product-article {flex: 1 1 0;}
	.collapse__user {flex-wrap: wrap;}
	.collapse__user-info {width: 100%;padding-inline-end:0;}
}
@media screen and (max-width: 769px) {
	.collapse-grid {grid-template-columns: 1fr;}
	.collapse__title {flex: 0 0 calc(100% - 60px);font-size: 1.1rem;}
	.collapse__btn {width: 40px;height: 40px;max-width: 40px;flex: 0 0 40px;margin-right: -10px;}
}
@media screen and (max-width: 768px) {
	.collapse__title {flex: 0 0 calc(100% - 50px);font-size: .9rem;}
	.collapse__btn {width: 32px;height: 32px;max-width: 32px;flex: 0 0 32px;margin-right: -5px;}
	.collapse__btn::before {width: 16px;height: 16px;}
	.collapse__order-title {flex-wrap: wrap;gap: 0 var(--gap-big);}
	.collapse__order-date {order: 1;width: 100%;}
	.collapse__order-status {width: 100%;}
	.collapse__user-info p {margin: 0 0 var(--gap-sm) 0;}
}
@media screen and (max-width: 768px) {
    .collapse__order-label {order:1;margin-top: var(--gap-sm);}
}

/*--- END COLLAPSE ---*/

/*--- MSRB ---*/

.msrb-wrap {
	margin: 0 0 30px 0;
}
.msrb-form {
	display: flex;
  align-items: center;
  gap: var(--gap-med);
}
.msrb-form .form-group {
	width: 100%;
	max-width: 400px;
}
.msrb-info {
	font-size: .8rem;
  margin: var(--gap-sm) 0 0 0;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END MSRB ---*/

/*--- REF-PANEL ---*/

.ref-panel {}
.ref-panel__grid {
	display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: var(--gap-sm);
}
.ref-panel__head {
	position: relative;
  width: 100%;
  height: 130px;
  background: var(--gradient);
  border-radius: var(--br-med);
  border: 1px solid var(--gradient);
  overflow: hidden;
  padding: var(--gap-med);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap-sm);
  grid-column: span 2;
}
.ref-panel__head.disabled::before {
	content: '';
  position: absolute;
  inset: 0;
  background: var(--white);
  opacity: .3;
  z-index: 0;
}
.ref-panel__head-title {
	margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 100%;
  gap: var(--gap-sm);
  color: var(--white);
  text-transform: uppercase;
  z-index: 1;
}
.ref-panel__head-copy {
	display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--br-50);
  background: var(--light);
  width: 28px;
  height: 28px;
  transition: .3s ease;
  z-index: 1;
}
.ref-panel__head-copy span {
	width: 18px;
  height: 18px;
  font-size: 18px;
  color: var(--gray);
  transition: .3s ease;
}
.ref-panel__head-copy:hover {
	cursor: pointer;
	background: var(--light);
}
.ref-panel__head-copy:hover span {
	color: var(--mid-gray);
}
.ref-panel__head-subtitle {
	display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-sm);
	margin: 0;
  font-size: .8rem;
  color: var(--white);
  line-height: var(--lh-title);
  z-index: 1;
}
.ref-panel__head-subtitle span {
	display: block;
  border: 1px solid var(--white);
  width: 12px;
  height: 12px;
  background: var(--success);
  border-radius: var(--br-50);	
}
.ref-panel__head-subtitle.disabled span {
	background: var(--danger);
}
.ref-panel__item {
	position: relative;
  width: 100%;
  height: 130px;
  background: var(--white);
  border-radius: var(--br-med);
  border: 1px solid var(--light);
  overflow: hidden;
  padding: var(--gap-med);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap-sm);
}
.ref-panel__item-count {
	font-size: 1.6rem;
  color: var(--base);
}
.ref-panel__item-count_big {
	font-size: 2.25rem;
	font-weight: var(--fw-bold);
}
.ref-panel__item-title {
	margin: 0;
  font-size: .8rem;
  color: var(--mid-gray);
  line-height: var(--lh-title);
}
.ref-panel__item_primary {
	background: var(--primary);
  border-color: var(--primary);
}
.ref-panel__item_primary .ref-panel__item-count {
	color: var(--white);
}
.ref-panel__item_primary .ref-panel__item-title {
	color: var(--white);
}
.ref-panel__item_gray {
	background: var(--gray);
  border-color: var(--gray);
}
.ref-panel__item_gray .ref-panel__item-count {
	color: var(--white);
}
.ref-panel__item_gray .ref-panel__item-title {
	color: var(--white);
}
.ref-panel__item_light {
	background: var(--light);
  border-color: var(--light);
}
.ref-panel__item_light .ref-panel__item-count {
	color: var(--base);
}
.ref-panel__item_light .ref-panel__item-title {
	color: var(--base);
}
.ref-panel__item_link {}
.ref-panel__item_link .ref-panel__item-count {
	font-size: 1.1rem;
  font-weight: var(--fw-btn);
}

.ref-history-grid {
	display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: var(--gap-big) var(--gap-sm);
}
.ref-history {
	position: relative;
  width: 100%;
  height: fit-content;
  background: var(--white);
  border-radius: var(--br-med);
  border: 1px solid var(--light);
  padding: var(--gap-med);
}
.ref-history__title {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-med);
}
.ref-history__link {
	height: fit-content;
  padding: 0;
}
.ref-history__items {
	width: 100%;
}
.ref-history__item {
	display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-med);
  padding: calc(var(--gap-sm) / 2) 0;
  border-bottom: 1px solid var(--light);
}
.ref-history__item:last-child {
	border: unset;
}
.ref-history__item-date {
	font-size: .85rem;
  line-height: var(--lh-title);
  margin: 0;
  width: 70px;
  flex: 0 0 70px;
  display: inline-block;
  color: var(--mid-gray);
}
.ref-history__item-title {
	font-size: .85rem;
  line-height: var(--lh-title);
  margin: 0;
}
.ref-history__item-count {
	font-size: .85rem;
  line-height: var(--lh-title);
  margin: 0 0 0 auto;
}
.ref-history__item-id {
	font-size: .85rem;
  line-height: var(--lh-title);
  margin: 0;
	width: auto;
	flex: unset;
	min-width: 30px;
  display: inline-block;
  color: var(--mid-gray);
}
.ref-history__item-status {
	font-size: .85rem;
  line-height: var(--lh-title);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-sm);
}
.ref-history__item-status span {
	display: block;
  width: 8px;
  height: 8px;
  background: var(--info);
  border-radius: var(--br-50);
}
.ref-history__item-status span.check {
	background: var(--warning);
}
.ref-history__item-status span.completed {
	background: var(--success);
}
.ref-history__item-status span.cancelled {
	background: var(--danger);
}
.ref-panel__item-help {
	position: absolute;
  right: calc(var(--gap-med) - 3px);
  top: calc(var(--gap-med) - 4px);
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mid-gray);
  transition: .3s ease;
  z-index: 1;
  cursor: pointer;
}
.ref-panel__item-help-content {
	position: absolute;
  inset: 0;
  padding: var(--gap-med);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  background: linear-gradient(0deg, #FFFFFF,#FFFFFF33);
  backdrop-filter: blur(5px);
  opacity: 0;
  transition: .3s ease;
}
.ref-panel__item_light .ref-panel__item-help-content {
	background: linear-gradient(0deg, #F2F2F5,#F2F2F599);
}
.ref-panel__item-help-content p {
	margin: 0;
  font-size: .75rem;
  color: var(--base);
  line-height: var(--lh-title);
}
.ref-panel__item-help:hover ~ .ref-panel__item-help-content {
	opacity: 1;
}
#msrbs-withdrawn {
	max-width: 450px;
}

@media screen and (max-width: 1400px) {
	.ref-panel__item-count {font-size: 1.3rem;}
	.ref-panel__item-count_big {font-size: 1.7rem;}
	.ref-panel__item-title {font-size: .7rem;}
	.ref-panel__item_link .ref-panel__item-count {font-size: .9rem;}
}
@media screen and (max-width: 1200px) {
	.ref-panel__grid {grid-template-columns: repeat(4,1fr);}
	.ref-panel__item:nth-child(2) {grid-column-start: 1;}
	.ref-history-grid {grid-template-columns: 1fr;}
	.ref-history:nth-child(1) {order: 1;}
}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 850px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.ref-panel__grid {grid-template-columns: repeat(2,1fr);}
	.ref-panel__item {height: 110px;}
	.ref-panel__item-title {font-size: .8rem;}
	.ref-history__item {padding: var(--gap-sm);}
	.ref-history__item-date {width: 60px;flex: 0 0 60px;}
}

/*--- END REF-PANEL ---*/


/*--- WIDGET-DOORDELIVERY ---*/

#modal-widget-doordelivery {
	max-width: 450px;
}
.doordelivery-widget__address {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-flow: dense;
	gap: var(--gap-med);
	grid-template-areas: 'index index index' 'city city city' 'street street street' 'entrance floor room';
}
.doordelivery-widget__address .form-group input {
	min-width: unset;
}
.doordelivery-widget__address .form-group_index {grid-area: index}
.doordelivery-widget__address .form-group_city {grid-area: city}
.doordelivery-widget__address .form-group_street {grid-area: street}
.doordelivery-widget__address .form-group_entrance {grid-area: entrance}
.doordelivery-widget__address .form-group_floor {grid-area: floor}
.doordelivery-widget__address .form-group_room {grid-area: room}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END WIDGET-DOORDELIVERY ---*/


/*--- REVIEWS ---*/

.reviews-wrap {
	display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--gap-big);
}
.reviews-wrap .btn-more {
	grid-column: span 2;
  order: 1;
  margin: var(--gap-med) 0 0 0;
  width: fit-content;
  display: flex;
}
.reviews {
	width: 100%;
}
.review {
	margin: 0 0 var(--gap-big) 0;
  padding: 0 0 var(--gap-big) 0;
  border-bottom: 1px solid var(--light);
}
.review:last-child {
	margin: 0;
	padding: 0;
	border: unset;
}
.review__head {
	display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 var(--gap-med) 0;
  gap: var(--gap-med);
}
.review__head-icon {
	width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: var(--light);
  border-radius: 50%;
  font-weight: var(--fw-bold);
  font-size: .95rem;
  color: var(--white);
}
.review__head-icon_base {
	color: var(--base);
}
.review__head-icon_0 {background: #FF006E;}
.review__head-icon_1 {background: #3A86FF;}
.review__head-icon_2 {background: #FB5607;}
.review__head-icon_3 {background: #9B5DE5;}
.review__head-icon_4 {background: #F15BB5;}
.review__head-icon_5 {background: #FF9E00;}
.review__head-icon_6 {background: #E76F51;}
.review__head-icon_7 {background: #E63946;}
.review__head-icon_8 {background: #06A77D;}
.review__head-icon_9 {background: #6C757D;}
.review__head-icon_wb {background: #EA40D4}
.review__head-icon span {
	text-transform: uppercase;
}
.review__head-icon_reply {
	padding: 3px;
	background: var(--white);
}
.review__head-icon_reply img {
	margin: 0;
}
.review__head-icon_product {
	width: 40px;
  height: 53px;
}
.review__head-icon_product img {
	border-radius: var(--br-sm);
  margin: 0;
  width: 100%;
  height: 100%;
}
.review__head-content {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap-sm) var(--gap-med);
}
.review__head-username {
	font-size: .9rem;
  margin: 0;
  width: 100%;
  line-height: 120%;
  color: var(--base);
  text-decoration: none;
}
.review__head-author {
	font-size: .9rem;
  margin: 0;
}
.review__head-stars {
	width: 90px;
	height: 16px;
	position: relative;
}
.review__head-stars_gray {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../icons/star-gray.svg);
	background-size: 18px 16px;
	z-index: 1;
}
.review__head-stars_gold {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../icons/star-fill.svg);
	background-size: 18px 16px;
	z-index: 2;
}
.review__head-date {
	font-size: .9rem;
  margin: 0;
  width: fit-content;
  color: var(--mid-gray);
  line-height: 100%;
}
.review__head-status {
	font-size: .85rem;
  margin: 0;
  width: fit-content;
  line-height: 100%;
  background: var(--light);
  color: var(--base);
  padding: 4px var(--gap-sm);
  border-radius: var(--br-med);
}
.review__head-status_danger {
	background: var(--danger);
  color: var(--white);
}
.review__head-status_info {
	background: var(--info);
  color: #36F;
}
.review__head-status_success {
	background: var(--success);
  color: var(--white);
}
.review__body {
	width: 100%;
}
.review__body-message {
	margin: 0;
  color: var(--base);
}
.review__body-message p {
	margin: 0 0 var(--gap-sm) 0;
}
.review__body-message p:last-child {
	margin: 0!important;
}
.review__body-message p ~ br {
	display: none;
}
.review__body-message > span {
	color: var(--mid-gray);
}
.review__reply {
	background: var(--extra-light);
  border-radius: var(--br-med);
  margin: var(--gap-med) 0 0 var(--gap-big);
  padding: var(--gap-med);
}
.review__body-files {
  margin: var(--gap-med) 0 0 0;
}
.review-files {
	display: flex;
  gap: var(--gap-sm);
}
.review-file {
	position: relative;
  margin: 0;
  padding: 0;
}
a.review-file:hover {
	filter: brightness(.7);
}
.review-file img {
	width: 75px;
  height: 100px;
  aspect-ratio: 3/4;
  object-fit: cover;
  border-radius: var(--br-sm);
  background: var(--light);
}
.review-file:hover img {}

@media screen and (max-width: 1200px) {
	.reviews-wrap {grid-template-columns: 1fr 350px;}
}
@media screen and (max-width: 992px) {
	.reviews-wrap {grid-template-columns: 1fr;gap: var(--gap-section);}
	.reviews-thread-wrap {order: -1;}
	.reviews-wrap .btn-more {grid-column: unset;}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.review__head-content {gap: var(--gap-sm) var(--gap-big);}
	.review__head {margin: 0 0 var(--gap-big) 0;}
	.review__reply {margin: var(--gap-big) 0 0 0;}
}
@media screen and (max-width: 450px) {
	.review-files {display: grid;grid-template-columns: repeat(5,1fr);}
	.review-file {width: 100%;}
	.review-file img {width: 100%;height: auto;min-height: 85px;}
}

/*--- END REVIEWS ---*/


/*--- REVIEWS-THREAD ---*/

.reviews-thread-wrap {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: fit-content;
}
.reviews-thread {
  display: flex;
  flex-direction: column;
  gap: var(--gap-med);
}
.reviews-thread__head {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: var(--gap-sm);
  border-bottom: 1px solid var(--light);
  padding: 0 0 var(--gap-med) 0;
  margin: 0;
}
.reviews-thread__head-icon {
  width: 18px;
  height: 18px;
  display: block;
  background: url('../icons/star-fill.svg');
  background-size: 100%;
  background-repeat: no-repeat;

  display: none;
}
.reviews-thread__head-rating {
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  line-height: 100%;
}
.reviews-thread__head-count {
  color: var(--mid-gray);
  line-height: 100%;
}
.reviews-thread__suptitle {
	font-size: .9rem;
  margin: 0;
}
.reviews-thread__subtitle {
	font-size: .9rem;
  margin: 0;
}
.reviews-thread__lines {
	display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}
.reviews-thread__line {
	display: flex;
  gap: var(--gap-sm);
  align-items: center;
}
.reviews-thread__line-stars {
	display: block;
  width: 80px;
  flex: 0 0 80px;
  height: 14px;
  overflow: hidden;
  position: relative;
}
.reviews-thread__line-stars span {
	display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../icons/star-black.svg);
  background-size: 16px 14px;
  z-index: 1;
}
.reviews-thread__line-stars_5 span {width: 100%;}
.reviews-thread__line-stars_4 span {width: 80%;}
.reviews-thread__line-stars_3 span {width: 60%;}
.reviews-thread__line-stars_2 span {width: 40%;}
.reviews-thread__line-stars_1 span {width: 20%;}
.reviews-thread__line-progress {
	width: 100%;
  height: 6px;
  background: var(--light);
  border-radius: var(--br-sm);
  overflow: hidden;
  position: relative;
}
.reviews-thread__line-progress span {
	height: 100%;
	border-radius: var(--br-sm);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: var(--base);
}


@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.reviews-thread-wrap {margin: 0 0 var(--gap-section) 0;}
}

/*--- END REVIEWS-THREAD ---*/


/*--- PRODUCT-REVIEWS-TABS ---*/

.product-reviews-tabs {
	display: flex;
  gap: var(--gap-big);
}
.product-reviews-tab {
	cursor: pointer;
	transition: .3s ease;
	color: var(--mid-gray);
}
.product-reviews-tab:hover {
	color: var(--mid-gray);
	opacity: .75;
}
.product-reviews-tab.active {
	color: var(--base);
	opacity: 1;
}
.product-reviews {
	display: none;
}
.product-reviews.active {
	display: block;
}
.product-quests {
	display: none;
}
.product-quests.active {
	display: block;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END PRODUCT-REVIEWS-TABS ---*/


/*--- PRODUCT-QUESTS ---*/

.product-quests {}
.quests-wrap {
	display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--gap-big);
}
.quests-wrap .btn-more {
	grid-column: span 2;
  order: 1;
  margin: var(--gap-med) 0 0 0;
  width: fit-content;
  display: flex;
}
.quests-info {
	position: relative;
  width: 100%;
  max-width: 400px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-med);
}
.quests-info__title {
	font-weight: var(--fw-bold);
  margin: 0;
  font-size: var(--fs-h6);
}
.quests-info__subtitle {
	font-size: .9rem;
  margin: 0;
}
.quests-info__btn {
	width: 100%;
	margin: 0;
}
.quests {
	width: 100%;
}

@media screen and (max-width: 1200px) {
	.quests-wrap {grid-template-columns: 1fr 350px;}
}
@media screen and (max-width: 992px) {
	.quests-wrap {grid-template-columns: 1fr;gap: var(--gap-section);}
	.quests-info {order: -1;}
	.quests-wrap .btn-more {grid-column: unset;}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.quests-info {margin: 0 0 var(--gap-section) 0;}
}

/*--- END PRODUCT-QUESTS ---*/


/*--- QUEST-REVIEW-FORM ---*/

#modal-product-quests {
  max-width: 500px;
}
#modal-product-review {
  max-width: 500px;
}
.modal__inner-product {
	display: flex;
  align-items: center;
  gap: var(--gap-sm);
}
.modal__inner-product-image {
	width: 50px;
  height: auto;
  flex: 0 0 50px;
}
.modal__inner-product-image img {
	width: 100%;
  margin: 0;
  border-radius: var(--br-sm);
}
.modal__inner-product-title {
	width: 100%;
  margin: 0;
  font-size: .9rem;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}
@media screen and (max-width: 450px) {
	.modal__inner-product {gap: var(--gap-med);margin: 0 0 var(--gap-med) 0;}
	.modal__inner-product-image {width: 40px;flex: 0 0 40px;}
}

/*--- END QUEST-REVIEW-FORM ---*/


/*--- FILES ---*/

.form-group_file input {
	position: absolute;
  left: 0;
  top: 0;
  height: 0;
  border: unset;
  opacity: 0;
}
.form-group label.form-group__files {
	width: 100%;
  position: relative;
  height: 36px;
  padding: 0 var(--gap-med) 0 0;
  border: 1px solid var(--light-gray);
  border: unset;
  background: var(--white);
  transition: .3s ease;
  border-radius: var(--br-btn);
  font-size: .9rem;
  color: var(--base);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-med);
}
.form-group__files-btn {
	width: fit-content;
  height: 100%;
  margin: 0;
  border-color: var(--light-gray);
  background: var(--light);
  font-size: .9rem;
}
.form-group__files-text {

}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END FILES ---*/


/*--- SUPPORT ---*/

.support-wrap {
	width: 100%;
  max-width: 900px;
}
.support-messages {

}
.support-messages .review {
	margin: 0;
	border: 1px solid var(--light);
  border-radius: var(--br-med);
  padding: var(--gap-med);
}
.support-messages .review + .review {
	margin: var(--gap-med) 0 0 0;
}
.support-messages .review_reply + .review_reply {
	margin: var(--gap-med) 0 0 0;
}
.support-messages .review.review_reply {
	background: var(--extra-light);
	border: 1px solid var(--extra-light);
  border-radius: var(--br-med);
  padding: var(--gap-med);
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}
@media screen and (max-width: 450px) {
	.support-form__btn {width: 100%;}
}

/*--- END SUPPORT ---*/


/*--- MODAL RETUTN ---*/

.swal2-container {
	z-index: 99993!important;
}
#modal-answer-return {
	max-width: 550px;
}
#modal-request-return {
	max-width: 550px;
}
#modal-request-return-success {
	max-width: 350px;
}
.modal-request-orders {
	display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  gap: var(--gap-sm);
}
.modal-request-order {
	width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-sm);
  padding: var(--gap-sm) var(--gap-med);
  background: var(--white);
  border: 1px solid var(--light-gray);
  border-radius: var(--br-sm);
  transition: .3s ease;
  cursor: pointer;
}
.modal-request-order:hover {
	background: var(--light);
}
.modal-request-order__title {
	font-size: .9rem;
  margin: 0;
  padding: 0;
}
.modal-request-order__products {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-sm);
}
.modal-request-order__product-img {
	width: 45px;
  height: 60px;
  border-radius: var(--br-sm);
  margin: 0;
}
.modal-request-products {
	display: flex;
  flex-direction: column;
  gap: var(--gap-med);
  width: 100%;
}
.modal-request-product {
	width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gap-sm);
  justify-content: flex-start;
  align-items: center;
}
.modal-request-product__img {
	width: 45px;
  height: 60px;
  border-radius: var(--br-sm);
  margin: 0;
}
.modal-request-product__content {
	display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.modal-request-product__title {
	font-size: .85rem;
  margin: 0;
  line-height: var(--lh-title);
}
.modal-request-product__param {
	font-size: .8rem;
  margin: 0;
  color: var(--mid-gray);
  line-height: 100%;
}
.modal-request-product__count {}
.modal-request-product__count input {
	min-width: 80px;
  width: 80px;
  height: 44px;
  border-radius: var(--br-sm);
}
.modal-request-products-sm {
	display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.modal-request-product-sm {
	width: 100%;
  display: flex;
  gap: var(--gap-med);
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  margin: 0 0 var(--gap-sm) 0;
  border-bottom: 1px solid var(--light);
}
.modal-request-product-sm-title {
	font-size: .8rem;
  width: max-content;
  margin: 0 auto 0 0;
}
.modal-request-product-sm-count {
	font-size: .8rem;
  margin: 0;
  width: fit-content;
}
.modal-request-product-sm-cost {
	font-size: .8rem;
  margin: 0;
  width: 50px;
  flex: 0 0 50px;
  text-align: right;
  white-space: nowrap;
}
.modal__request-actions {
	width: 100%;
  margin: var(--gap-med) 0 0 0;
  display: flex;
  justify-content: space-between;
  gap: var(--gap-med);
}
.modal__request-actions .btn {
	min-width: 150px;
}


@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.modal-request-order {padding: var(--gap-med);}
	.modal-request-order__title {font-size: 1rem;}
	.modal-request-product {gap: var(--gap-med);}
	.modal-request-product__count input {min-width: 60px;width: 60px;height: 40px;}
}

/*--- END MODAL RETUTN ---*/


/*--- COOKIECONSENT ---*/

#makeCookieConsent {box-sizing: border-box!important;font-family:"Arial", sans-serif;position: fixed;z-index: 9999;margin: 0;padding: 15px;display: block;bottom: -100vh;left: 50%;transform: translateX(-50%);background: #fff;border: 1px solid #8A8A8A;border-radius: clamp(6px, .5vw + 2px, 8px);width: 100dvw;max-width: 900px;transition: opacity .5s, bottom 0s;opacity:0;pointer-events:none;}
#makeCookieConsent * {font-family:"Arial", sans-serif;box-sizing: border-box!important;}
#makeCookieConsent.show {opacity: 1;pointer-events:all;bottom: 30px;}
#makeCookieConsent .mcc-panel {position: relative;transition: 0s;}
#makeCookieConsent .mcc-panel_base {}
#makeCookieConsent .mcc-panel__title {font-size: 16px;font-weight: 600;line-height: 120%;padding: 0;margin: 0 0 10px 0;color: #222;}
#makeCookieConsent .mcc-panel__text {font-size: 13px;line-height: 140%;color: #222;padding: 0;margin: 0 0 15px 0;}
#makeCookieConsent .mcc-panel__text a {color: #222;text-decoration: underline;padding: 0;margin: 0;}
#makeCookieConsent .mcc-panel__text a:hover {opacity: .75;}
#makeCookieConsent .mcc-panel__actions {display: flex;flex-direction: row;gap: 10px;padding: 0;margin: 0;}
#makeCookieConsent .mcc-panel__action {display: block;margin: 0;padding: 10px 15px;font-size: 15px;line-height: 120%;font-weight: 400;text-decoration: none;background: #f5f5f5;color: #222;border: 1px solid #ccc;border-radius: 50px;cursor: pointer;transition: .3s ease;text-align: center;min-width:130px;}
#makeCookieConsent .mcc-panel__action:hover {color: #222;border-color: #aaa;}
#makeCookieConsent .mcc-panel__action_primary {background: #020407;color: #FFFFFF;border-color: #020407;}
#makeCookieConsent .mcc-panel__action_primary:hover {background: #1B1B1B;color: #FFFFFF;border-color: #1B1B1B;}
#makeCookieConsent .mcc-panel_setting {display:none;}
#makeCookieConsent .mcc-panel__item {display: flex;flex-direction: column;padding: 0;margin: 20px 0 0 0;position: relative;}
#makeCookieConsent .mcc-panel__item:nth-child(3) {margin-bottom: 30px;}
#makeCookieConsent .mcc-panel__item-title {font-size: 14px;font-weight: 600;line-height: 120%;padding: 0;margin: 0 0 10px 0;color: #222;}
#makeCookieConsent .mcc-panel__item-text {font-size: 13px;line-height: 140%;color: #222;padding: 0;margin: 0;}
#makeCookieConsent .mcc-panel__item-switch {position: absolute;top: 0;right: 0;padding: 0;margin: 0;cursor: pointer;}
#makeCookieConsent .mcc-panel__item-switch input {position: absolute;left: 0;top: 0;opacity: 0;}
#makeCookieConsent .mcc-panel__item-switch-toggle {width: 40px;height: 20px;background: #d5d5d5;display: block;position: relative;border-radius: 50px;z-index: 1;transition: .3s ease;}
#makeCookieConsent .mcc-panel__item-switch input:checked ~ .mcc-panel__item-switch-toggle {background: #222;}
#makeCookieConsent .mcc-panel__item-switch-toggle:before {content: '';display: block;width: 16px;height: 16px;background: #fff;padding: 0;margin: 0;border-radius: 50%;position: absolute;left: 2px;top: 2px;transition: .3s ease;}
#makeCookieConsent .mcc-panel__item-switch input:checked ~ .mcc-panel__item-switch-toggle:before {transform: translateX(20px);}
@media (max-width: 900px) {
    #makeCookieConsent {border-radius: 0;border-bottom: unset;border-left: unset;border-right: unset;border-top-color: #d5d5d5;}
    #makeCookieConsent.show {bottom: 0;left: unset;transform: unset;}
    #makeCookieConsent .mcc-panel__text {font-size: 12px;}
    #makeCookieConsent .mcc-panel__actions {flex-direction: column;}
    #makeCookieConsent .mcc-panel__action {width: 100%;}
}

/*--- END COOKIECONSENT ---*/


/*--- BLOG ---*/

.article-content__wrap {
	max-width: 1060px;
}
.article-content img[width] {
	width: auto;
}
.article-content h1,
.article-content .h1,
.article-content h2,
.article-content .h2,
.article-content h3,
.article-content .h3,
.article-content h4,
.article-content .h4,
.article-content h5,
.article-content .h5,
.article-content h6,
.article-content .h6 {
	margin-top: var(--gap-big);
}
.article-cards {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--gap-med);
}
.article-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--light);
  border-radius: var(--br-med);
  overflow: hidden;
  gap: var(--gap-med);
  padding-bottom: var(--gap-med);
  text-decoration: none;
  color: var(--base);
}
.article-card:hover {
	color: var(--primary);
}
.article-card__image {
  width: 100%;
  aspect-ratio: 6/4;
  margin: 0;
  padding: 0;
  border-radius: var(--br-med) var(--br-med) 0 0;
  overflow: hidden;
}
.article-card__image img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  border-radius: unset;
}
.article-card__content {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 var(--gap-med);
  display: flex;
  flex-direction: column;
  gap: var(--gap-med);
}
.article-card__title {
  width: 100%;
  margin: 0;
  color: inherit;
  font-weight: var(--fw-btn);
  line-height: var(--lh-title);
  font-size: 1.1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.article-card__subcontent {
  padding: 0 var(--gap-med);
  margin: auto 0 0 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.article-card__info {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--mid-gray);
  font-size: .8rem;
}
.article-card__info span {
  font-size: 16px;
  height: 16px;
  width: 16px;
}

.article-head {}
.article-head-mob {
	margin: 0 0 var(--gap-big) 0;
	padding: 0 0 var(--gap-med) 0;
  border-bottom: 1px solid var(--light);
}
.article-head-mob__title {
	display: flex;
  align-items: center;
  gap: var(--gap-med);
  cursor: pointer;
  transition: .3s ease;
}
.article-head-mob__title:hover {
	color: var(--mid-gray);
}
.article-head-mob__title span {
	font-size: 20px;
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  transition: .3s ease;
  margin: -2px 0 0 0;
}
.article-head-mob__title.active span {
	transform: rotateZ(-90deg) rotateY(180deg);
  margin: 0 0 -2px 0;
}
.article-head-mob__menu {
	top: unset;
	white-space: wrap;
	position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}
.article-head__item {
	position: relative;
	border-left: 1px solid var(--light);
  padding-left: var(--gap-sm);
  padding-top: calc(var(--gap-sm) / 2);
  padding-bottom: calc(var(--gap-sm) / 2);
}
.article-head__item {
	line-height: var(--lh-title);
  font-size: .9rem;
}
.article-head__item_h1 {
	border: unset;
	padding-left: 0;
}
.article-head__item_h2 {
	border: unset;
	padding-left: 0;
}
.article-head__item_h3 {
	margin-left: var(--gap-sm);
	font-size: .85rem;
}
.article-head__item_h4 {
	margin-left: calc(var(--gap-sm) * 2);
	font-size: .85rem;
}
.article-head__item_h5 {
	margin-left: calc(var(--gap-sm) * 3);
	font-size: .85rem;
}
.article-head__item_h6 {
	margin-left: calc(var(--gap-sm) * 4);
	font-size: .85rem;
}

@media screen and (min-width: 993px) {
	.article-page__aside .content-page-head__wrap {display: none;}
	.article-head-mob {display: none;}
}
@media screen and (max-width: 1400px) {
	.article-card__title {font-size: 1rem;}
}
@media screen and (max-width: 1200px) {
	.article-cards {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 992px) {
	.article-cards {grid-template-columns: repeat(3, 1fr);}
	.article-head {display: none;}
}
@media screen and (max-width: 850px) {
	.article-cards {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 576px) {
	.article-cards {grid-template-columns: 1fr;}
}

/*--- END BLOG ---*/


/*--- REFUNDS ---*/

.refunds {
	width: 100%;
  max-width: 1000px;
}
.refund-create-wrap {
	height: auto;
	min-height: 450px;
	width: 100%;
  margin: 0;
}
.refund-create__actions {
	display: flex;
  justify-content: space-between;
  gap: var(--gap-sm);
  margin: var(--gap-big) 0 0 0;
}
.refund-create__orders {
	display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  gap: var(--gap-sm);
}
.refund-create__order {
	width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-sm);
  padding: var(--gap-sm) var(--gap-med) var(--gap-med) var(--gap-med);
  background: var(--white);
  border: 1px solid var(--light);
  border-radius: var(--br-sm);
  transition: .3s ease;
  cursor: pointer;
}
.refund-create__order:hover {
	border-color: var(--light-gray);
}
.refund-create__order_only,
.refund-create__order_only:hover {
	border-color: var(--light);
	cursor: default;
}
.refund-create__order-title {
	font-size: 1rem;
  margin: 0;
  padding: 0;
}
.refund-create__order-subtitle {
	font-size: .8rem;
  line-height: 110%;
  color: var(--base);
}
.refund-create__order-products-img {
	display: flex;
  flex-wrap: wrap;
  gap: var(--gap-sm);
}
img.refund-create__order-product-img {
	width: 100%;
  max-width: 60px;
  border-radius: var(--br-sm);
  margin: 0;
}
.refund-create__order-products {
	display: flex;
  flex-direction: column;
  gap: var(--gap-med);
  width: 100%;
  margin: var(--gap-sm) 0 0 0;
}
.refund-create__order-product {
	width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gap-med);
  justify-content: flex-start;
  align-items: center;
}
.refund-create__order-product img.refund-create__order-product-img {
	width: 60px;
  height: 80px;
  border-radius: var(--br-sm);
  margin: 0;
}
.refund-create__order-product-content {
	display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.refund-create__order-product-title {
	font-size: .9rem;
  margin: 0 0 var(--gap-sm) 0;
  line-height: var(--lh-title);
}
.refund-create__order-product-param {
	font-size: .8rem;
  margin: 0;
  color: var(--mid-gray);
  line-height: 100%;
}
.refund-create__order-product-count {}
input.refund-create__order-product-count-input {
	min-width: 80px;
  width: 80px;
  height: 44px;
  border-radius: var(--br-sm);
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.btn.refund-create__action {height: 40px;padding: 0 var(--gap-med);min-width: 120px;font-size: calc(var(--fs-btn)*.9);}
}
@media screen and (max-width: 450px) {}

/*--- END REFUNDS ---*/



/*--- BOXES-SALES ---*/

.boxes-sales {
	margin: 0 0 var(--gap-med) 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}
.boxes-sale__item {
	display: flex;
  align-items: center;
  gap: var(--gap-sm);
  justify-content: flex-start;
}
.boxes-sale__item-title {
	font-size: .9rem;
	margin: 0;
}
.boxes-sale__item-label {
	margin: 0 0 0 auto;
}
.boxes-sale__item-btn {
	font-weight: var(--fw-bold);
  margin: 0;
  transition: .3s ease;
  border-radius: var(--br-btn);
  padding: 0;
  line-height: 100%;
  width: 30px;
  height: 30px;
  z-index: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--base);
  color: var(--white);
  outline: none;
  border: none;
  cursor: pointer;
}
.boxes-sale__item-btn:hover {
	color: var(--white);
  background: var(--primary);
  cursor: pointer;
}
.boxes-sale__item-btn span {
	max-width: 22px;
  font-size: 22px;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END BOXES-SALES ---*/



/*--- TOOLTIP ---*/

.tooltip {
	position: relative;
	width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9rem;
  border-radius: var(--br-100);
  background: var(--light);
  color: var(--mid-gray);
  user-select: none;
  cursor: pointer;
  transition: .3s ease;
}
.tooltip.tooltip-sm {
	width: 18px;
	height: 18px;
	font-size: .8rem;
}
.tooltip:hover {
	color: var(--gray);
}
.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + var(--gap-sm));
  left: 50%;
  transform: translateX(-50%);
  color: var(--base);
  font-size: 0.75rem;
  white-space: wrap;
  padding: var(--gap-sm) var(--gap-med);
  border-radius: var(--br-sm);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 10;
  pointer-events: none;
  box-shadow: var(--bs-sm);
  background: var(--white);
  border: 1px solid var(--light);
  width: max-content;
  max-width: 250px;
}
.tooltip:hover::after,
.tooltip:focus-visible::after {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {
	.tooltip::after {font-size: .85rem;}
}

/*--- END TOOLTIP ---*/


/*--- WIDGET-INFO ---*/

.product-detail__widget-info {}
.widget-info-items {}
.widget-info-item {
	display: flex;
  align-items: flex-start;
}
.widget-info-item:not(:last-child) {
	border-bottom: 1px solid var(--light);
  padding-bottom: var(--gap-med);
  margin-bottom: var(--gap-med);
}
.widget-info-item__icon {
	width: 55px;
  height: auto;
  padding: 0 var(--gap-med) 0 0;
  flex: 0 0 55px;
}
.widget-info-item__icon img {
	border-radius: 0;
}
.widget-info-item__content {}
.widget-info-item__title {
	font-size: .9rem;
  margin: -4px 0 4px 0;
  font-weight: var(--fw-bold);
  line-height: var(--lh-title);
}
.widget-info-item__subtitle {
	font-size: .9rem;
  margin: 0;
  font-weight: var(--fw-base);
  line-height: var(--lh-title);
}
.widget-info-item__link {
	display: block;
	font-size: .85rem;
  margin: 4px 0 0 0;
  font-weight: var(--fw-bold);
  line-height: 100%;
}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END WIDGET-INFO ---*/


/*---  ---*/



@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 576px) {}

/*--- END  ---*/