body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.container {
  max-width: 103.125rem;
  margin-inline: auto;
  padding: 0 0.9375rem;
}

@font-face {
  font-family: "Inter";
  font-weight: 900;
  font-style: normal;
  src: local("Inter-Black"), url(assets/fonts/Inter-Black.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-weight: 800;
  font-style: normal;
  src: local("Inter-ExtraBold"), url(assets/fonts/Inter-ExtraBold.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-weight: 700;
  font-style: normal;
  src: local("Inter-Bold"), url(assets/fonts/Inter-Bold.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-weight: 600;
  font-style: normal;
  src: local("Inter-SemiBold"), url(assets/fonts/Inter-SemiBold.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-style: normal;
  src: local("Inter-Medium"), url(assets/fonts/Inter-Medium.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  src: local("Inter-Regular"), url(assets/fonts/Inter-Regular.woff) format("woff");
  font-display: swap;
}

html {
  box-sizing: border-box;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  transition: color 0.4s ease, opacity 0.4s ease, background-color 0.4s ease;
}

table,
ul {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  display: block;
}

ul,
li {
  list-style: none;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
  border: none;
}

input,
button,
textarea,
select {
  font-family: inherit;
  font-weight: inherit;
}

html,
body {
  height: 100%;
}

body {
  background-color: #fff;
  color: #222;
  font-size: 1rem;
}

body.lock {
  overflow: hidden;
  touch-action: none;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: clip;
}

.main {
  flex-grow: 1;
}

.container-left {
  padding-left: calc((100% - 103.125rem) / 2 + 0.9375rem);
}

h1,
h2 {
  font-size: 2.8125rem;
  font-weight: 600;
}

.breadcrumbs {
  white-space: nowrap;
  overflow-x: auto;
  padding-top: 9.75rem;
  margin-bottom: 2.8125rem;
  position: relative;
  z-index: 5;
}

.breadcrumbs__list {
  display: flex;
}

.breadcrumbs__list-item {
  font-size: 0.875rem;
  padding-right: 1.5rem;
  position: relative;
  margin-bottom: 0.3125rem;
}

.breadcrumbs__list-item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
  width: 0.25rem;
  height: 0.4375rem;
  background: url(assets/images/icons/breadcrumbs.svg) center/cover no-repeat;
  opacity: 0.5;
}

.breadcrumbs__list-item:last-child {
  padding-right: 0;
  opacity: 0.5;
}

.breadcrumbs__list-item:last-child::after {
  display: none;
}

[data-header-color] .breadcrumbs__list-item {
  color: #fff;
}

[data-header-color] .breadcrumbs__list-item::after {
  background-image: url(assets/images/icons/breadcrumbs-white.svg);
}

.breadcrumbs__list-link {
  opacity: 0.5;
}

.search-style {
  position: relative;
  display: flex;
  gap: 0.9375rem;
  width: 100%;
  align-items: stretch;
}

.search-style button {
  background-color: #222;
  min-width: 8.4375rem;
  border-radius: 0.9375rem;
  font-weight: 600;
  font-size: 1.125rem;
  color: #fff;
  padding: 1.25rem;
  text-align: center;
  transition: background-color 0.4s ease;
}

.search-style input {
  color: #11192C;
  width: 100%;
  outline: none;
  font-size: 1rem;
  transition: border-color 0.4s ease;
  background: #F5F5F5;
  border: 0.0625rem solid transparent;
  border-radius: 0.9375rem;
  padding: 1.25rem 0.625rem 1.25rem 4.1875rem;
}

.search-style input::placeholder {
  opacity: 0.5;
  color: #222;
  font-weight: 400;
  font-size: 1.125rem;
  transition: opacity 0.4s ease;
}

.search-style input:focus::placeholder {
  opacity: 0;
}

.search-style input:focus {
  border-color: #222;
}

.search-style img {
  position: absolute;
  top: 50%;
  left: 1.5625rem;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 0.5;
  object-fit: cover;
}

.margin-bottom {
  margin-bottom: 12.5rem;
}
.woocommerce-pagination {
	margin-top: 4.375rem;
}
.woocommerce-pagination ul.page-numbers,
.pagination .nav-links,
.pagination ul {
  display: flex;
  gap: 0.3125rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
.pagination .nav-links a,
.pagination .nav-links span,
.pagination a,
.pagination span {
  display: flex;
  font-size: 1.125rem;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  min-width: 2.8125rem;
  min-height: 2.8125rem;
  border-radius: 6.25rem;
  padding-inline: 0.3125rem;
  background-color: transparent;
}
.woocommerce-pagination .page-numbers.current,
.pagination .nav-links .current,
.pagination .pagination-active {
  background-color: #F5F5F5;
  opacity: 1;
}

.woocommerce-pagination a.page-numbers.prev,
.pagination .nav-links a.prev > img {
	transform: rotate(-180deg);
}

.wc-block-components-checkout-place-order-button,
.btn {
  text-align: center;
  padding: 0.9375rem 1.875rem;
  font-size: 1.125rem;
  font-weight: 600;
  border-radius: 0.9375rem;
  background-color: #fff;
  align-self: flex-start;
  display: inline-block;
}

.preloader {
  position: fixed;
  z-index: 1025;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.03);
  backdrop-filter: blur(0.15625rem);
  -webkit-backdrop-filter: blur(0.15625rem);
  transition: all 0.4s ease;
}

.lock .preloader {
  opacity: 1;
  visibility: visible;
}

.badges {
  display: inline-block;
  border-radius: 6.25rem;
  background: #FF8D28;
  padding: 0.625rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}

.swiper {
  overflow: hidden;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: stretch;
}

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

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}

.swiper-button-prev,
.swiper-button-next {
  padding: 0;
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.9375rem;
  background-color: #F5F5F5;
}

.swiper-button-prev path,
.swiper-button-next path {
  transition: all 0.4s ease;
}

.arrow-disabled path {
  opacity: 0.5;
}

.swiper-pagination {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  z-index: 200;
}

.swiper-pagination-bullet {
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #fff;
  opacity: 0.5;
  transition: opacity 0.4s ease;
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-scrollbar {
  position: relative;
  touch-action: none;
  background: rgba(34, 34, 34, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  height: 2px;
  width: 100%;
  border-radius: 8px;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #222;
  left: 0;
  top: 0;
  border-radius: 8px;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}

[class*=ymaps][class*=-ground-pane] {
  filter: grayscale(1);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.custom-select-container {
  position: relative;
  padding-bottom: 0.625rem;
  margin-bottom: -0.625rem;
}

.custom-select-container::after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: 1rem;
  right: 1.25rem;
  background: url(assets/images/icons/select.svg) center/cover no-repeat;
  pointer-events: none;
}

.custom-select-container.is-disabled {
  opacity: 0.333;
}

.custom-select-opener {
  display: block;
  cursor: pointer;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 500;
  background: #F5F5F5;
  border-radius: 0.625rem;
  padding: 0.9375rem 2.8125rem 0.9375rem 1.25rem;
}

.custom-select-container select {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.custom-select-panel {
  max-height: 0;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 100%;
  z-index: 15;
  width: 100%;
}

.custom-select-container.is-open .custom-select-panel {
  max-height: 12.5rem;
  overflow-y: auto;
}

.custom-select-container.is-open::after {
  transform: rotate(180deg);
}

.custom-select-option {
  font-size: 1.125rem;
  color: #222;
  margin-bottom: 0.9375rem;
  transition: color 0.4s ease;
  padding-inline: 3.125rem 1.25rem;
  position: relative;
}

.custom-select-option::after,
.custom-select-option::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.4s ease;
}


.select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted::after,
.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected="true"]::after,
.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected="true"]::after,
.custom-select-option::after {
  left: 0.9375rem;
  background: #F5F5F5;
  width: 1.25rem;
  height: 1.25rem;
}

.select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted::before,
.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected="true"]::before,
.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[data-selected="true"]::before,
.custom-select-option::before {
  width: 0.75rem;
  height: 0.75rem;
  background: #222;
  left: 1.1875rem;
  z-index: 2;
  opacity: 0;
}

.custom-select-option:first-child {
  margin-top: 0.9375rem;
}

.custom-select-option.is-selected::before {
  opacity: 1;
}

.custom-select-option.has-focus {
  color: rgba(34, 34, 34, 0.5);
}

.custom-select-container.is-open .custom-select-panel {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 0.0625rem 1rem 0 rgba(0, 0, 0, 0.08);
}

/* ===== Стили для Select2 - начало ===== */

/* ===== Ваши исходные стили ===== */
.custom-select-container {
  position: relative;
  padding-bottom: 0.625rem;
  margin-bottom: -0.625rem;
}

.custom-select-container::after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: 1rem;
  right: 1.25rem;
  background: url(assets/images/icons/select.svg) center/cover no-repeat;
  pointer-events: none;
}

.custom-select-container.is-disabled {
  opacity: 0.333;
}

.custom-select-opener {
  display: block;
  cursor: pointer;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 500;
  background: #F5F5F5;
  border-radius: 0.625rem;
  padding: 0.9375rem 2.8125rem 0.9375rem 1.25rem;
}

.custom-select-container select {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.custom-select-panel {
  max-height: 0;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 100%;
  z-index: 15;
  width: 100%;
}

.custom-select-container.is-open .custom-select-panel {
  max-height: 12.5rem;
  overflow-y: auto;
}

.custom-select-container.is-open::after {
  transform: rotate(180deg);
}

.custom-select-option {
  font-size: 1.125rem;
  color: #222;
  margin-bottom: 0.9375rem;
  transition: color 0.4s ease;
  padding-inline: 3.125rem 1.25rem;
  position: relative;
}

.custom-select-option::after,
.custom-select-option::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.4s ease;
}

.custom-select-option::after {
  left: 0.9375rem;
  background: #F5F5F5;
  width: 1.25rem;
  height: 1.25rem;
}

.custom-select-option::before {
  width: 0.75rem;
  height: 0.75rem;
  background: #222;
  left: 1.1875rem;
  z-index: 2;
  opacity: 0;
}

.custom-select-option:first-child {
  margin-top: 0.9375rem;
}

.custom-select-option.is-selected::before {
  opacity: 1;
}

.custom-select-option.has-focus {
  color: rgba(34, 34, 34, 0.5);
}

.custom-select-container.is-open .custom-select-panel {
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 0.0625rem 1rem 0 rgba(0, 0, 0, 0.08);
}

/* ===== Стили для Select2, соответствующие вашему дизайну ===== */

/* Основной контейнер Select2 — как .custom-select-container */
.catalog__filter .select2-container {
  position: relative;
  /* padding-bottom: 0.625rem;
  margin-bottom: -0.625rem; */
  margin-bottom: 40px;
  width: 100% !important;


}

.catalog__filter .custom-select-opener {
  display: none;
}

/* Стрелка Select2 (скрываем родную, используем вашу из ::after) */
.catalog__filter .select2-container .select2-selection--single .select2-selection__arrow {
  display: none;
}

/* Кастомная стрелка для Select2 (имитируем ваш ::after) */
.select2-container::after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: 1rem;
  right: 1.25rem;
  background: url(assets/images/icons/select.svg) center/cover no-repeat;
  pointer-events: none;
}

/* Поворот стрелки при открытии */
.select2-container.select2-container--open::after {
  transform: rotate(180deg);
}

/* Отключённое состояние */
.select2-container.select2-container--disabled {
  opacity: 0.333;
}

/* Кнопка-открыватель (выбранный элемент) — как .custom-select-opener */
.catalog__filter .wpc-sorting-form .select2-container .select2-selection--single {
  display: block;
  cursor: pointer;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 500;
  background: #F5F5F5;
  border-radius: 0.625rem;
  padding: 0.9375rem 2.8125rem 0.9375rem 1.25rem;
  height: auto;
  border: none;
  padding: 10px 40px 10px 16px;
}

/* Текст выбранного элемента */
.catalog__filter .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  color: #222;
  font-weight: 500;
  line-height: normal;
}

/* Плейсхолдер */
.catalog__filter .select2-container .select2-selection--single .select2-selection__placeholder {
  color: #222;
}

/* Выпадающая панель — как .custom-select-panel */
.catalog__filter .select2-container .select2-dropdown {
  max-height: 0;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 100%;
  z-index: 15;
  width: 100%;
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0 0.0625rem 1rem 0 rgba(0, 0, 0, 0.08);
  border: none;
  display: block;
}

/* Открытое состояние панели */
.select2-container.select2-container--open .select2-dropdown {
  max-height: 12.5rem;
  overflow-y: auto;
}

/* Контейнер результатов */
.catalog__filter .select2-container .select2-results {
  padding: 0;
}

/* Каждый пункт списка — как .custom-select-option */
.catalog__filter .select2-container .select2-results__option {
  font-size: 1.125rem;
  color: #222;
  margin-bottom: 0.9375rem;
  transition: color 0.4s ease;
  padding-inline: 3.125rem 1.25rem;
  position: relative;
  background: transparent;
}

/* Псевдоэлементы для радио-кружков (как ::after и ::before) */
.catalog__filter .select2-container .select2-results__option::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.4s ease;
  left: 0.9375rem;
  background: #F5F5F5;
  width: 1.25rem;
  height: 1.25rem;
}

.catalog__filter .select2-container .select2-results__option::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.4s ease;
  width: 0.75rem;
  height: 0.75rem;
  background: #222;
  left: 1.1875rem;
  z-index: 2;
  opacity: 0;
}

/* Первый пункт — отступ сверху */
.catalog__filter .select2-container .select2-results__option:first-child {
  margin-top: 0.9375rem;
}

/* Выбранный пункт — показываем внутренний кружок */
.catalog__filter .select2-container .select2-results__option--selected::before {
  opacity: 1;
}

/* Состояние фокуса/наведения — как .has-focus */
.catalog__filter .select2-container .select2-results__option--highlighted {
  color: rgba(34, 34, 34, 0.5);
  background: transparent !important;
}

/* Убираем стандартный фон при hover в Select2 */
.catalog__filter .select2-container .select2-results__option--highlighted.select2-results__option--selected {
  background: transparent;
}

/* Опционально: скрываем стандартные индикаторы выбора Select2 */
.catalog__filter .select2-container .select2-results__option .select2-results__option--selected {
  background: transparent;
}
/* ===== Стили для Select2 - конец ===== */


.header {
  padding-block: 1.25rem;
  position: fixed;
  z-index: 1020;
  width: 100%;
  background-color: #fff;
  -webkit-transition: padding-block 0.4s ease, background-color 0.4s ease, -webkit-box-shadow 0.4s ease;
  transition: padding-block 0.4s ease, background-color 0.4s ease, -webkit-box-shadow 0.4s ease;
  transition: padding-block 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;
  transition: padding-block 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease;
}

[data-header-color] .header {
  background-color: transparent;
}

.open-menu .header,
.scroll .header {
  background-color: #fff;
  -webkit-box-shadow: 0.0625rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0.0625rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.07);
}

.open-menu .header {
  padding-bottom: 0;
}

.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}

.header__contacts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9375rem 1.875rem;
  max-width: 28.125rem;
  justify-content: space-between;
}

.header__contacts > a {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
}

[data-header-color] .header__contacts > a {
  color: #fff;
}

.open-menu .header__contacts > a,
.scroll .header__contacts > a {
  color: #222;
}

.header__user-nav {
  display: flex;
  gap: 0.9375rem;
  align-items: center;
  align-self: flex-end;
}

.header__user-nav path {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.header__user-nav a.open-basket,
.header__user-nav button {
  position: relative;
  padding: 0;
  padding-right: 0.375rem;
}

.header__user-nav span {
  position: absolute;
  top: -0.3125rem;
  left: 0.625rem;
  color: #fff;
  background-color: #e31e24;
  font-size: 0.625rem;
  padding-inline: 0.3125rem;
  min-height: 1.125rem;
  min-width: 1.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6.25rem;
  padding: 0;
}

.header__user-nav a,
.header__user-nav button {
  line-height: 0;
}

[data-header-color] .header__user-nav svg path {
  fill: #fff;
}

.open-menu .header__user-nav svg path,
.scroll .header__user-nav svg path {
  fill: #222;
}

.header__box {
  display: flex;
  flex-direction: column;
  gap: 2.625rem;
  flex: 0 0 33.5rem;
}

.header__burger {
  display: none;
}

.header__accordion {
  display: none;
}

.header__accordion-inner {
  padding-block: 1.25rem;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem 2.5rem;
}

.dropdown {
  position: relative;
}

.dropdown button,
.dropdown a,
.dropdown span {
  font-size: 1.125rem;
  display: inline-block;
  padding: 0;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: opacity 0.4s ease, color 0.4s ease;
  transition: opacity 0.4s ease, color 0.4s ease;
}

.dropdown button {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  text-align: left;
}

.dropdown button svg {
  flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.dropdown button svg path {
  -webkit-transition: fill 0.4s ease;
  transition: fill 0.4s ease;
}

[data-header-color] .dropdown button {
  color: #fff;
}

[data-header-color] .dropdown button svg path {
  fill: #fff;
}

.open-menu .dropdown button,
.scroll .dropdown button {
  color: #222;
}

.open-menu .dropdown button svg path,
.scroll .dropdown button svg path {
  fill: #222;
}

.dropdown ul {
  min-width: 9.375rem;
  width: 100%;
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  padding: 0.75rem 0.9375rem;
  border-radius: 0.625rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 50;
  background-color: #fff;
  margin-top: 0.9375rem;
  opacity: 0;
  -webkit-box-shadow: 0.0625rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0.0625rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.07);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.dropdown li {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.dropdown.dropdown-menu__open ul {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
}

.dropdown.dropdown-menu__open button svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.menu a {
  text-transform: uppercase;
  font-weight: 600;
}

[data-header-color] .menu a {
  color: #fff;
}

.open-menu .menu a,
.scroll .menu a {
  color: #222;
}

.menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1.875rem;
}

.logo {
  max-width: 15.25rem;
  width: 100%;
  aspect-ratio: 244/106;
  line-height: 0;
  flex: 1 1 auto;
  position: relative;
}

.logo__default,
.logo__color {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.logo a {
  width: 100%;
  height: 100%;
}

[data-header-color] .logo__default {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.scroll .logo .logo__default,
.open-menu .logo .logo__default {
  opacity: 1;
  pointer-events: all;
}

.scroll .logo .logo__color,
.open-menu .logo .logo__color {
  opacity: 0;
  pointer-events: none;
}

.search h1 {
  text-align: center;
  margin-bottom: 5.5rem;
  font-size: clamp( 1.75rem , -1.4375rem  +  12.1428571429vw , 2.8125rem );
}

.search h2 {
  font-size: 1.5rem;
  font-weight: 500;
}

.search h2:not(:last-child) {
  margin-bottom: 1.875rem;
}

.search__inner {
  max-width: 59.1875rem;
  width: 100%;
  margin-inline: auto;
}

.search__inner ul {
  display: flex;
  gap: 1.5625rem;
  flex-direction: column;
}

.search__inner a {
  font-size: 1.125rem;
  text-underline-offset: 25%;
  text-decoration: underline;
}

.search__form:not(:last-child) {
  margin-bottom: 3.125rem;
}

.blog {
  margin-bottom: 9.375rem;
}

.blog__top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
  margin-bottom: 3.75rem;
}

.blog__top-buttons {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}

.blog__top-buttons button {
  border-radius: 0.9375rem;
  background-color: #F5F5F5;
  text-align: center;
  padding: 0.9375rem 1.875rem;
  font-weight: 600;
  font-size: 1.125rem;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}

.blog .mixitup-control-active {
  background-color: #222;
  color: #fff;
}

.blog__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 4.375rem;
  margin-bottom: 4.375rem;
  /* min-height: 31.25rem; */
  column-gap: clamp( 1.25rem , -53.125rem  +  58vw , 3.0625rem );
}

.blog-item {
  max-width: 31.6875rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog-item span,
.blog-item h2,
.blog-item h3,
.blog-item img {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.blog-item > img {
  border-radius: 1.875rem;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 507/314;
  margin-bottom: 1.25rem;
}

.blog-item h2,
.blog-item h3 {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
}

.blog-item p {
  opacity: 0.7;
  margin-bottom: 0.625rem;
}

.blog-item span {
  display: flex;
  gap: 0.625rem;
  font-weight: 500;
  align-items: flex-start;
  padding-bottom: 0.375rem;
  align-self: flex-start;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
  margin-top: auto;
}

.article {
  margin-bottom: 9.375rem;
}

.article img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.875rem;
  max-width: 37.375rem;
  width: 100%;
  aspect-ratio: 598/370;
}

.article .breadcrumbs__list-item:last-child {
  text-overflow: ellipsis;
  overflow: clip;
  max-width: 18.75rem;
}

.article__inner {
  display: flex;
  align-items: flex-start;
  gap: 1.875rem;
  justify-content: space-between;
}

.article__info {
  max-width: 57.6875rem;
  width: 100%;
}

.article__info h1 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
}

.article__info time {
  display: block;
  font-size: 0.875rem;
  opacity: 0.5;
  margin-bottom: 2.5rem;
}

.article__info table {
  margin-bottom: 0.625rem;
}
.article__info p {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-bottom: 0.625rem;
}

.article__info p:has(+ h2) {
  margin-bottom: 1.875rem;
}

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

.article__info h2 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 0.9375rem;
}

.article__info ul {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding-left: 1rem;
}

.article__info .wp-block-gallery,
.article__info ul:not(:last-child) {
  margin-bottom: 1.875rem;
}

.article__info li {
  position: relative;
  padding-left: 1.25rem;
  line-height: 1.4;
  font-size: 1.125rem;
}

.article__info li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4375rem;
  border-radius: 50%;
  width: 0.625rem;
  height: 0.625rem;
  background-color: #2B6AA4;
}

.slider-block__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  margin-bottom: 3.75rem;
  flex-wrap: wrap;
}

.slider-block__arrows {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

.slider-block__bottom {
  display: none;
}

.slider-block__buttons {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 2.5rem;
}

.slider-block__buttons button {
  border-radius: 0.9375rem;
  background-color: #F5F5F5;
  text-align: center;
  padding: 0.9375rem 1.875rem;
  font-weight: 600;
  font-size: 1.125rem;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}

.slider-block .mixitup-control-active {
  background-color: #222;
  color: #fff;
}

.article-slider .swiper-slide {
  max-width: 31.6875rem;
}

.categories h1 {
  margin-bottom: 2.8125rem;
}

.categories-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 3.125rem;
  column-gap: clamp( 1.25rem , -53.125rem  +  58vw , 3.0625rem );
}

.categories-items__item-box {
  max-width: 35.625rem;
  position: relative;
  z-index: 5;
  min-height: 10.9375rem;
  display: flex;
  flex-direction: column;
}

.categories-items__item {
  max-width: 23rem;
  min-height: 28.125rem;
  display: flex;
  flex-direction: column;
  cursor: default;
  position: relative;
  overflow: hidden;
  border-radius: 1.875rem;
  padding: 2.5rem;
  -webkit-box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.07);
}

.categories-items__item strong {
  font-weight: 600;
  color: #fff;
  display: block;
  margin-bottom: 0.625rem;
}

.categories-items__item h2 {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 2.1875rem;
}

.categories-items__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  inset: 0;
  position: absolute;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.categories-items__item span {
  margin-top: auto;
  cursor: pointer;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}

.categories-items__item strong,
.categories-items__item span,
.categories-items__item h2,
.categories-items__item h3 {
  position: relative;
  z-index: 5;
}

.categories-items__last {
  position: relative;
  border-radius: 3.125rem;
  max-width: 100%;
  padding: 3.125rem;
/*   grid-column: span 3;
  grid-column: span 2;*/
  grid-column: span 1;
  min-height: 28.125rem;
  overflow: hidden;
  background-color: #222;
}

@media (max-width: 1399px) {
	.categories-items__last {
  		grid-column: span 4;
	}
}

.categories-items__last img {
  z-index: 1;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  inset: 0;
  position: absolute;
}

.categories-items__last h2 {
  color: #fff;
  margin-bottom: 1.25rem;
  font-size: 2.8125rem;
  font-weight: 500;
  text-transform: none;
}

.categories-items__last p {
  font-size: 1.125rem;
  line-height: 1.4;
  color: #fff;
  font-weight: 500;
  margin-bottom: 2.5rem;
}

.contacts {
  margin-bottom: 9.375rem;
}

.contacts h1 {
  margin-bottom: 3.125rem;
}

.contacts__inner {
  display: flex;
  justify-content: space-between;
  gap: 6.25rem 1.875rem;
  align-items: flex-start;
}

.contacts__items {
  max-width: 31.6875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-top: 3.125rem;
}

.contacts__item strong {
  font-size: 0.875rem;
  display: block;
  opacity: 0.3;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}

.contacts__item p {
  font-size: 1.5rem;
  font-weight: 600;
}

.contacts__item span {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
}

.contacts__item span:not(:last-child) {
  margin-bottom: 0.625rem;
}

.contacts__item a {
  font-size: 1.5rem;
  font-weight: 600;
}

.contacts__map {
  max-width: 57.75rem;
  width: 100%;
  height: 31.25rem;
  overflow: hidden;
  border-radius: 3.125rem;
  -webkit-box-shadow: 0 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.07);
}

.contacts .ymaps-2-1-79-copyright__logo,
.contacts .ymaps-2-1-79-copyright__content,
.contacts .ymaps-2-1-79-gototaxi__container,
.contacts .ymaps-2-1-79-gototech {
  display: none;
}

.contacts .ymaps-2-1-79-map-copyrights-promo {
  left: 30px;
  bottom: 10px;
}

.contacts-branches {
  background-color: #F5F5F5;
  padding-block: 6.25rem 12.5rem;
}

.contacts-branches h2 {
  margin-bottom: 3.125rem;
}

.contacts-branches__items {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}

.contacts-branches__item {
  padding-block: 2.5rem;
  border-radius: 1.875rem;
  background-color: #fff;
  max-width: 49.0625rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  padding-inline: clamp( 1.25rem , -35rem  +  40vw , 2.5rem );
}

.contacts-branches__item-info {
  max-width: 19.6875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  flex-shrink: 0;
}

.contacts-branches__item-info h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

.contacts-branches__item-info strong {
  display: block;
  font-size: 0.875rem;
  opacity: 0.3;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}

.contacts-branches__item-info p,
.contacts-branches__item-info a {
  font-weight: 600;
  font-size: 1.125rem;
}

.contacts-branches__item-info span {
  display: block;
  font-weight: 500;
  font-size: 1.125rem;
}

.contacts-branches__item-info span:not(:last-child) {
  margin-bottom: 0.625rem;
}

.contacts-branches__map {
  max-width: 21.375rem;
  width: 100%;
  min-height: 18.625rem;
  overflow: hidden;
  border-radius: 1.875rem;
  -webkit-box-shadow: 0 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.07);
}

.contacts-branches .ymaps-2-1-79-copyright__logo,
.contacts-branches .ymaps-2-1-79-copyright__content,
.contacts-branches .ymaps-2-1-79-gototaxi__container,
.contacts-branches .ymaps-2-1-79-gototech {
  display: none;
}

.contacts-branches .ymaps-2-1-79-map-copyrights-promo {
  bottom: 10px;
}

.support__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2.5rem;
}

.support__info {
  max-width: 40.375rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  position: sticky;
  top: 10.9375rem;
  left: 0;
}

.support__info h2 {
  line-height: 1.1;
  /* max-width: 25rem; */
}

.support__info > p {
  font-size: 1.125rem;
  line-height: 1.3;
  opacity: 0.7;
}

.support__info-connection {
  max-width: 26.25rem;
  width: 100%;
  border-radius: 1.875rem;
  background-color: #F5F5F5;
  padding: 1.875rem;
}

.support__info-connection h3 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 1.25rem;
}

.support__info-connection p {
  line-height: 1.3;
  opacity: 0.7;
  margin-bottom: 2.5rem;
}

.support__info-connection a {
  width: 100%;
}

.support__items {
  max-width: 49.0625rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}

.support__item {
  max-width: 40.3125rem;
  width: 100%;
  padding-left: 6.8125rem;
  position: relative;
}

.support__item.anim {
  opacity: 0;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

.support__item.animate {
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.support__item-img {
  width: 100%;
  aspect-ratio: 536/280;
  overflow: hidden;
  border-radius: 1.875rem;
}

.support__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.support__item-desc {
  margin-bottom: 1.875rem;
}

.support__item-desc span {
  line-height: 1.1;
  font-size: 2.8125rem;
  font-weight: 800;
  color: #2B6AA4;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.support__item-desc h4 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 1.875rem;
  padding-top: 0.75rem;
}

.support__item-desc p {
  opacity: 0.7;
  font-size: 1.125rem;
  line-height: 1.3;
}

.card__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 1.25rem;
  column-gap: clamp( 1.25rem , -53.125rem  +  58vw , 3.0625rem );
}

.card__item {
  max-width: 31.6875rem;
  width: 100%;
  min-height: 35.875rem;
  padding: 2.5rem;
  background-color: #F5F5F5;
  border-radius: 3.125rem;
  display: flex;
  flex-direction: column;
}

.card__item span {
  display: block;
  margin-bottom: 0.9375rem;
  font-weight: 800;
  color: #2B6AA4;
}

.card__item a {
  margin-top: auto;
  align-self: flex-start;
  border-radius: 0.9375rem;
  background-color: #222;
  font-weight: 600;
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
  padding: 0.9375rem 1.875rem;
}

.card__item p {
  font-size: 1.125rem;
  opacity: 0.7;
  line-height: 1.3;
  margin-bottom: 1.875rem;
}

.card__item h2 {
  margin-bottom: 1.875rem;
  font-size: clamp( 2.5rem , -7.7430555556rem  +  11.1111111111vw , 2.8125rem );
}

.card__item ul {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  margin-bottom: 2.5rem;
}

.card__item li {
  position: relative;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.3;
}

.card__item li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background-color: #2B6AA4;
}

.card__item:nth-child(2) a {
  background-color: #2B6AA4;
}

.card__item:last-child a {
  color: #222;
  background-color: #fff;
}

.faq h2 {
  line-height: 1.1;
  margin-bottom: 4.375rem;
}

.faq__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.375rem 1.875rem;
}

.faq__item {
  max-width: 49rem;
  width: 100%;
}

.faq__item h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5625rem;
}

.faq__item p {
  font-size: 1.125rem;
  opacity: 0.7;
  line-height: 1.3;
}

.catalog__inner {
  display: flex;
  align-items: flex-start;
  gap: 1.875rem;
  /* justify-content: space-between; */
}

.catalog__top {
  margin-bottom: 3.75rem;
  display: flex;
  gap: 2.1875rem;
  justify-content: space-between;
  align-items: center;
}

.catalog__top h1 {
  flex-shrink: 0;
}

.catalog__form {
  max-width: 48.75rem;
}

.catalog__form button {
  padding-block: 0.9375rem;
  min-width: 7.1875rem;
}

.catalog__form input {
  padding-block: 0.9375rem;
}

.catalog__filter {
  width: 100%;
  flex-shrink: 0;
  max-width: clamp( 19.375rem , -81.875rem  +  120vw , 23.125rem );
}

.catalog__items {
  /* max-width: 66.5625rem; */
  max-width: 100%;
  width: 100%;
  display: grid;
  row-gap: 3.125rem;
  grid-template-columns: repeat(4, 1fr);
  column-gap: clamp( 1.25rem , -53.125rem  +  58vw , 3.0625rem );
}

.catalog__bottom {
  display: none;
}

.catalog__bottom button {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  border-radius: 0.625rem;
  background-color: #F5F5F5;
  font-size: 1.125rem;
  padding: 0.9375rem 1.5625rem;
}

.catalog__filter-close {
  display: none;
}

.show label:nth-child(n+7) {
  display: none;
}

.show.is-expanded label {
  display: block;
}

.catalog-item {
  /* max-width: 14.25rem; */
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.catalog-item h2,
.catalog-item h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.9375rem;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.catalog-item strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  opacity: 0.5;
  margin-bottom: 0.9375rem;
}

.catalog-item .badges {
  align-self: flex-start;

    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
}

.catalog-item__product {
  display: block;
  width: 100%;
  max-width: 12.8125rem;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-bottom: 1.5625rem;
}

.catalog-item__product img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.catalog-item__price {
  display: flex;
  align-items: flex-start;
  gap: 0.3125rem 0.9375rem;
  margin-bottom: 0.3125rem;
  flex-wrap: wrap;
}

.catalog-item__price span {
  font-size: 2rem;
}

.catalog-item__price s {
  font-size: 1.125rem;
  opacity: 0.5;
}

.catalog-item__bottom {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  justify-content: space-between;
  margin-top: auto;
}

.catalog-item__bottom .add_to_cart_button,
.catalog-item__bottom button {
  padding: 0;
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.9375rem;
  background-color: #222;
  flex-shrink: 0;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.catalog-item .btn {
  align-self: stretch;
  background-color: #F5F5F5;
  flex-grow: 1;
}

.process {
  margin-bottom: 9.375rem;
}

.process__img-images {
  margin-top: 6.625rem;
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 1.875rem;
  max-width: clamp( 31.25rem , -31.5189393939rem  +  88.4848484848vw , 40.375rem );
}

.process__img {
  width: 100%;
  opacity: 0;
  height: 0;
  aspect-ratio: 646/412;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.process__img--active {
  opacity: 1;
  height: auto;
}

.process__inner {
  display: flex;
  justify-content: space-between;
  gap: 2.1875rem;
  align-items: flex-start;
}

.process__content {
  max-width: 49.0625rem;
  width: 100%;
}

.process__content h2 {
  margin-bottom: 3.125rem;
}

.process__item {
  cursor: pointer;
}

.process__item:not(:last-child) {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.0625rem solid rgba(34, 34, 34, 0.15);
}

.process__item h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5625rem;
}

.process__item p {
  font-size: 1.125rem;
}

.process__item h3,
.process__item p {
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.process__item--active h3,
.process__item--active p {
  opacity: 1;
}

.photos-slider {
  margin-bottom: 9.375rem;
}

.photos-slider .swiper-slide {
  max-width: 40.375rem;
  width: 100%;
  aspect-ratio: 646/410;
}

.photos-slider .swiper-slide img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 1.875rem;
}

.photos-slider .swiper {
  overflow: visible;
}

.photos-slider .slider-block__arrows {
  display: none;
}

.product-slider .catalog-item,
.product-slider .swiper-slide {
  max-width: 23rem;
}

.product-slider .catalog-item {
  padding-top: 0.9375rem;
}

.product-slider .catalog-item strong {
  margin-bottom: 1.25rem;
}

.product-slider .catalog-item__product {
  max-width: 16.8125rem;
}

.product-slider .btn {
  width: 100%;
}

.product-slider .catalog-item__badges {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.filter-catalog__box {
  margin-bottom: 3.3125rem;
}

.filter-catalog__box:first-child {
  margin-bottom: 2.5rem;
}

.filter-catalog__box:last-child {
  margin-bottom: 0;
}

.filter-catalog__box h2 {
  display: none;
  text-transform: none;
}

.filter-catalog__box > span {
  display: block;
  margin-bottom: 1.875rem;
}

.filter-catalog__box > span,
.filter-catalog__box p {
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.9;
}

.filter-catalog__box p {
  margin-bottom: 0.9375rem;
}

.filter-catalog__labels input,
.filter-catalog__choice input {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  clip-path: rect(0 0 0 0);
}

.filter-catalog__labels {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.filter-catalog__labels label {
  font-weight: 500;
  position: relative;
  display: block;
  cursor: pointer;
  font-size: 1.125rem;
  padding-left: 2.1875rem;
}

.filter-catalog__labels input:checked + span {
  background-color: #2B6AA4;
}

.filter-catalog__labels input:focus-visible + span {
  border-color: #2B6AA4;
}

.filter-catalog__labels span {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.3125rem;
  border: 0.0625rem solid transparent;
  background-color: #F5F5F5;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.filter-catalog__choice {
  max-width: 15.3125rem;
  width: 100%;
}

.filter-catalog__choice label {
  display: block;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(34, 34, 34, 0.9);
  padding-right: 3.4375rem;
}

.filter-catalog__choice label:not(:last-child) {
  margin-bottom: 1.375rem;
}

.filter-catalog__choice input:checked + span::after {
  background-color: #2B6AA4;
  left: 54.1666666667%;
}

.filter-catalog__choice input:focus-visible + span {
  border-color: #2B6AA4;
}

.filter-catalog__choice span {
  display: block;
  width: 3rem;
  height: 1.625rem;
  background: rgba(34, 34, 34, 0.05);
  border-radius: 1.25rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 0.0625rem solid transparent;
  -webkit-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
}

.filter-catalog__choice span::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  left: 0.25rem;
  background-color: rgba(34, 34, 34, 0.1);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.filter-catalog__inner {
  max-width: 15.375rem;
  width: 100%;
}

.filter-catalog__inputs {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  position: relative;
  margin-bottom: 1.4375rem;
}

.filter-catalog__inputs::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #222;
  opacity: 0.1;
  height: 0.0625rem;
  width: 1.125rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.filter-catalog__inputs input {
  color: rgba(34, 34, 34, 0.5);
  outline: none;
  padding: 0.6875rem 0.9375rem;
  font-size: 1rem;
  border-radius: 0.625rem;
  background: #F5F5F5;
  max-width: 6.75rem;
  font-weight: 500;
  border: 0.0625rem solid transparent;
  -webkit-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
}

.filter-catalog__inputs input:focus {
  border-color: #222;
}

.filter-catalog .noUi-target::after {
  content: "";
  position: absolute;
  top: 0;
  height: 0.125rem;
  width: 1rem;
  left: -1rem;
  background: rgba(34, 34, 34, 0.1);
  border-radius: 0.25rem 0 0 0.25rem;
}

.widget_wpc_sorting_widget,
.filter-catalog__select {
  max-width: 15.1875rem;
  width: 100%;
}

.filter-catalog__show {
  padding: 0;
  font-size: 1.125rem;
  font-weight: 500;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  margin-top: 1.875rem;
}

.payment {
  margin-bottom: 9.375rem;
}

.payment h1 {
  margin-bottom: 3.125rem;
}

.payment__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 1.25rem;
  column-gap: clamp( 1.25rem , -53.125rem  +  58vw , 3.0625rem );
}

.payment__item {
  max-width: 31.6875rem;
  width: 100%;
  min-height: 25rem;
  padding: 2.5rem;
  border-radius: 1.875rem;
  background-color: #2B6AA4;
  display: flex;
  flex-direction: column;
}

.payment__item h2 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.875rem;
}

.payment__item p {
  color: #fff;
  line-height: 1.3;
}

.payment__item a {
  align-self: unset;
  padding-inline: 0.9375rem;
}

.payment__item span {
  line-height: 1.3;
}

.payment__item--prepayment > p {
  margin-bottom: 3.125rem;
}

.payment__item--office {
  background-color: #F5F5F5;
}

.payment__item--office h2 {
  color: #222;
  font-size: 1.5rem;
}

.payment__item--office span {
  display: block;
  font-size: 1.125rem;
  margin-bottom: 0.9375rem;
}

.payment__item--office p {
  color: #222;
}

.payment__item--office strong {
  display: block;
  line-height: 1.3;
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 5rem;
  max-width: 20rem;
}

.payment__item--calculation {
  background-color: #222;
}

.payment__item--calculation h2 {
  font-size: 1.5rem;
}

.payment__item--calculation p {
  font-size: 1.125rem;
  margin-bottom: 5rem;
}

.payment__item-bottom {
  margin-top: auto;
  padding-top: 1.8125rem;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);
}

.payment__item-bottom span {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.payment__item-bottom p {
  font-size: 0.875rem;
  opacity: 0.7;
}

.receiving {
  margin-bottom: 9.375rem;
}

.receiving h2 {
  margin-bottom: 3.125rem;
}

.receiving__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 1.25rem;
  column-gap: clamp( 1.25rem , -55rem  +  60vw , 3.125rem );
}

.receiving__item {
  background-color: #fff;
  padding: 2.5rem 3.125rem;
  border-radius: 1.875rem;
  max-width: 31.5625rem;
  display: flex;
  flex-direction: column;
  min-height: 31.25rem;
}

.receiving__item h3 {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}

.receiving__item p {
  line-height: 1.3;
  opacity: 0.5;
  font-weight: 500;
}

.receiving__item a {
  background-color: #F5F5F5;
  align-self: unset;
  padding-inline: 0.9375rem;
}

.receiving__item span {
  line-height: 1.3;
}

.receiving__item--pickup {
  gap: 2.9375rem;
}

.receiving__item--delivery {
  gap: 2.5rem;
}

.receiving__item--delivery > span {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.5;
}

.receiving__item--transport {
  gap: 2.5rem;
}

.receiving__item-desc {
  border-left: 0.25rem solid #2B6AA4;
  background-color: #F5F5F5;
  padding-block: 1.25rem;
  padding-inline: 1.625rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: auto;
}

.receiving__item-desc span {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
}

.receiving__item-time {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem 0.9375rem;
  flex-wrap: wrap;
}

.receiving__item-time div {
  max-width: 7.8125rem;
}

.receiving__item-time span {
  display: block;
  margin-bottom: 0.3125rem;
  opacity: 0.5;
  font-weight: 500;
}

.receiving__item-time strong {
  line-height: 1.3;
  font-weight: 600;
}

.receiving__item-box p {
  margin-bottom: 1.5625rem;
}

.receiving__item-box div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3125rem 0.9375rem;
  flex-wrap: wrap;
  padding-bottom: 0.5625rem;
  border-bottom: 0.0625rem solid rgba(34, 34, 34, 0.1);
}

.receiving__item-box div:not(:last-child) {
  margin-bottom: 0.5625rem;
}

.receiving__item-box strong {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
}

.receiving__item-box span {
  font-weight: 700;
  line-height: 1.3;
}

.receiving__item-address span {
  display: block;
  margin-bottom: 0.3125rem;
  opacity: 0.5;
  font-weight: 500;
}

.receiving__item-address strong {
  display: block;
  line-height: 1.3;
  font-weight: 600;
  font-size: 1.125rem;
  max-width: 20rem;
}

.receiving [data-color] {
  color: #2B6AA4;
}

.delivery-box {
  background-color: #F5F5F5;
  padding-block: 6.25rem 12.5rem;
}

.documents h2 {
  margin-bottom: 3.125rem;
}

.documents__inner {
  max-width: 66.5625rem;
  width: 100%;
}

.documents__info {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  flex-wrap: wrap;
}

.documents__info-desc {
  max-width: 25.375rem;
  width: 100%;
}

.documents__info-desc p {
  font-size: 1.125rem;
  line-height: 1.3;
  opacity: 0.5;
  margin-bottom: 1.5625rem;
}

.documents__info-desc ul {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.documents__info-desc li {
  font-weight: 600;
  line-height: 1.3;
}

.documents__info-methods {
  max-width: 25.375rem;
  width: 100%;
  margin-top: 0.8125rem;
}

.documents__info-methods p {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 1.5625rem;
}

.documents__info-methods ul {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.documents__info-methods li {
  position: relative;
  padding-left: 1.0625rem;
  line-height: 1.3;
  font-weight: 500;
  color: rgba(34, 34, 34, 0.5);
}

.documents__info-methods li::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: #222;
  opacity: 0.3;
}

.about {
  margin-bottom: 9.375rem;
  position: relative;
  z-index: 5;
}

.about__inner {
  display: flex;
  align-items: flex-start;
  gap: clamp( 2.1875rem , -67.1125rem  +  77vw , 11.8125rem );
}

.about__desc {
  max-width: 40.375rem;
  width: 100%;
  flex-shrink: 0;
}

.about__desc h2 {
  line-height: 1.1;
  margin-bottom: 3.125rem;
}

.about__desc p {
  font-size: 1.125rem;
  line-height: 1.3;
  opacity: 0.7;
}

.about__desc h3,
.about__desc p:not(:last-child) {
  margin-bottom: 1.875rem;
}

.about__statistics-items {
  max-width: 49.0625rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 4.5625rem;
  row-gap: 1.25rem;
  column-gap: clamp( 1.5625rem , -13.0208333333rem  +  16.6666666667vw , 3.125rem );
}

.about__statistics-item {
  max-width: 14.25rem;
  width: 100%;
}

.about__statistics-item span {
  display: block;
  font-size: 2.8125rem;
  color: #2B6AA4;
  line-height: 1.1;
  font-weight: 900;
  margin-bottom: 0.3125rem;
}

.about__statistics-item strong {
  display: block;
  line-height: 1.3;
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
}

.about__statistics-item p {
  opacity: 0.7;
  line-height: 1.3;
}

.about .swiper {
  margin-bottom: 3.125rem;
}

.about .slider-block__arrows {
  max-width: 49.0625rem;
  width: 100%;
}

.about .swiper-slide {
  max-width: 40.375rem;
  width: 100%;
  aspect-ratio: 646/430;
}

.about .swiper-slide img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 1.875rem;
}

.about .swiper-slide:last-child {
  padding-right: 0.9375rem;
}

.about__statistics {
  width: 100%;
}

.production {
  background-color: #222;
  margin-bottom: 9.375rem;
}

.production img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 945/802;
  position: absolute;
  bottom: 0;
  max-width: clamp( 23.3125rem , -62.4013554217rem  +  137.8313253012vw , 59.0625rem );
  right: clamp( -15.625rem , 20.4743975904rem  +  -40.9638554217vw , -5rem );
}

.production__inner {
  position: relative;
  min-height: clamp( 28.6875rem , -10.4231927711rem  +  62.8915662651vw , 45rem );
  padding-block: clamp( 2.5rem , -6.4909638554rem  +  14.4578313253vw , 6.25rem );
}

.production__desc {
  color: #fff;
  max-width: 40.4375rem;
  width: 100%;
  position: relative;
  z-index: 5;
}

.production__desc h2 {
  line-height: 1.1;
  margin-bottom: 3.125rem;
}

.production__desc p {
  font-size: 1.125rem;
  line-height: 1.3;
  opacity: 0.7;
}

.production__desc p:not(:last-child) {
  /* margin-bottom: 6.25rem; */
  margin-bottom: 2.25rem;
}

.production__desc dl {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 28.125rem;
}

.production__desc dl div {
  display: flex;
  align-items: center;
  gap: 1.5625rem;
}

.production__desc dt {
  font-size: 2.8125rem;
  font-weight: 700;
  line-height: 1.1;
}

.production__desc dd {
  opacity: 0.7;
  line-height: 1.3;
}

.standard__inner {
  display: flex;
  justify-content: space-between;
  gap: 2.1875rem;
  align-items: flex-start;
}

.standard__images {
  max-width: 49.125rem;
  display: flex;
  gap: 3.125rem;
  width: 100%;
  justify-content: space-between;
}

.standard__img:last-child {
  margin-top: 4.375rem;
}

.standard__img img {
  max-width: 23rem;
  width: 100%;
  aspect-ratio: 368/500;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.875rem;
}

.standard__desc {
  max-width: 40.3125rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  margin-top: 4.375rem;
}

.standard__desc h2 {
  line-height: 1.1;
}

.standard__desc p {
  font-size: 1.125rem;
  line-height: 1.3;
  opacity: 0.7;
}

.standard__desc li {
  position: relative;
  padding-left: 1.25rem;
  line-height: 1.4;
  font-size: 1.125rem;
}

.standard__desc li:not(:last-child) {
  margin-bottom: 0.625rem;
}

.standard__desc li::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 0.625rem;
  height: 0.625rem;
  left: 0;
  top: 0.4375rem;
  background-color: #2B6AA4;
}

.main-article .slider-block__top {
  margin-bottom: 2.5rem;
}

.main-article .swiper {
  min-height: 100%;
}

.reviews__top {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem 2.5rem;
  justify-content: space-between;
  align-items: center;
  max-width: 87.5rem;
  width: 100%;
  margin-bottom: 1.875rem;
}

.reviews__top-box {
  display: flex;
  gap: 1.875rem;
  align-items: flex-start;
}

.reviews__top-box strong {
  font-size: 4.6875rem;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  margin-top: -0.5rem;
}

.reviews__top-rating ul {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  margin-bottom: 0.4375rem;
}

.reviews__top-rating span {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.5;
}

.reviews__widget {
  min-height: 25rem;
  background-color: #222;
}

.product-page .product__page-content {
  margin-bottom: 12.5rem;
}

.product__inner {
  display: flex;
  gap: 11.875rem;
  align-items: flex-start;
  gap: clamp( 1.25rem , -45.5rem  +  68vw , 11.875rem );
}

.product__slider {
  max-width: 31.625rem;
  width: 100%;
  position: relative;
  max-width: clamp( 27.875rem , -7.6607142857rem  +  57.1428571429vw , 31.625rem );
}

.product__slider-swiper {
  margin-bottom: 2.5rem;
}

.product__slider-swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product__slider-swiper .swiper-slide {
  width: 100%;
  aspect-ratio: 1;
  max-width: 31.625rem;
}

.product__slider-thumb {
  width: 100%;
  max-width: 27.1875rem;
  margin-inline: auto;
}

.product__slider-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.625rem;
}

.product__slider-thumb .swiper-slide {
  cursor: pointer;
  width: 100%;
  max-width: 4.6875rem;
  aspect-ratio: 1;
  opacity: 0.6;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.product-page .product__page-content .swiper-slide-thumb-active {
  opacity: 1;
}

.product-page .product__page-content .swiper-prev,
.product-page .product__page-content .swiper-next {
  flex-shrink: 0;
  padding: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.product__slider-box {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  justify-content: center;
}

.product-page .product__page-content .badges {
  position: absolute;
  z-index: 150;
  top: 0;
  left: 0;
}

.product__box {
  max-width: 49.0625rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6.25rem;
  margin-top: 3.375rem;
}

.product__info {
  margin-bottom: 1.875rem;
}

.product__info h1 {
  font-weight: 500;
  margin-bottom: 3.125rem;
}

.product__info strong {
  display: block;
  opacity: 0.5;
  font-weight: 400;
  font-size: 0.875rem;
}

.product__price {
  display: flex;
  gap: 0.9375rem;
  align-items: flex-start;
  margin-bottom: 0.125rem;
}

.product__price span {
  font-size: 2.8125rem;
}

.product__price s {
  font-size: 1.5rem;
  opacity: 0.5;
}

.product-page .product__page-content .quantity {
  width: 4.875rem;
  height: 3.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.product-page .product__page-content .quantity__button {
  cursor: pointer;
  padding: 0;
  background-color: #F5F5F5;
  width: 1.625rem;
  height: 1.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-page .product__page-content .quantity__button img {
  opacity: 0.2;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.product-page .product__page-content .quantity__button--minus {
  grid-area: 2/2;
  border-radius: 0rem 0rem 0.625rem 0rem;
}

.product-page .product__page-content .quantity__button--plus {
  border-bottom: 0.0625rem solid rgba(34, 34, 34, 0.1);
  border-radius: 0rem 0.625rem 0rem 0rem;
}

.product-page .product__page-content .quantity__input {
  grid-row: span 2;
}

.product-page .product__page-content input.qty,
.product-page .product__page-content .quantity__input input {
  padding: 0 0.125rem;
  background-color: #F5F5F5;
  font-size: 1.25rem;
  text-align: center;
  height: 3.25rem;
  width: 3.25rem;
  border-radius: 0.625rem 0 0 0.625rem;
  border: none;
  outline: none;
  border-right: 0.0625rem solid rgba(34, 34, 34, 0.1);
}

.product-page .product__page-content .button,
.product-page .product__page-content .btn {
  background-color: #222;
  color: #fff;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.product__inner form.cart,
.product__form {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.product__buttons {
  max-width: 37.25rem;
  width: 100%;
  margin-bottom: 2.5rem;
  position: relative;
}

.product__buttons::after {
  content: "";
  position: absolute;
  height: 0.0625rem;
  width: 100%;
  z-index: 1;
  left: 0;
  bottom: 0;
  background-color: rgba(34, 34, 34, 0.2);
}

.product__buttons .swiper-slide {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  padding-bottom: 0.5625rem;
}

.product__buttons .swiper-slide--active {
  position: relative;
  opacity: 1;
}

.product__buttons .swiper-slide--active::after {
  content: "";
  position: absolute;
  height: 0.0625rem;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #222;
  z-index: 10;
}

.product__buttons .swiper-wrapper {
  gap: 1.875rem;
  /* justify-content: space-between; */
}

.product__desc {
  display: none;
}

.product__desc dl {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.product__desc dl div {
  display: grid;
  grid-template-columns: 5.3125rem 1fr;
  gap: 11.875rem;
}

.product__desc dt,
.product__desc dd {
  font-weight: 500;
}

.product__desc p {
  font-size: 1.125rem;
  line-height: 1.3;
}

.product__desc--active {
  display: block;
}

.product-page .product__page-content .arrow-disabled {
  opacity: 0.5;
}

.work h1 {
  margin-bottom: 3.75rem;
}

.work__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 6.25rem;
  column-gap: clamp( 1.25rem , -53.125rem  +  58vw , 3.0625rem );
}

.work-item {
  max-width: 49.0625rem;
  width: 100%;
  min-width: 0;
}

.work-item h3,
.work-item h4 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
}

.work-item__images {
  position: relative;
  margin-bottom: 1.875rem;
}

.work-item__images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.work-item__images .swiper-slide {
  max-width: 49.0625rem;
  width: 100%;
  height: 100%;
  aspect-ratio: 785/500;
  position: relative;
  overflow: hidden;
  border-radius: 3.125rem;
}

.work-item__images .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.work-item .swiper-pagination {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.work-item__name {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5625rem;
}

.work-item__name h2,
.work-item__name h3 {
  font-size: 1.5rem;
  margin-bottom: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.work-item__name .btn {
  background-color: #F5F5F5;
}

.work-item__author {
  display: flex;
  gap: 3.125rem;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.work-item__author img {
  width: 1.125rem;
  height: 1.125rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.work-item__author ul {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.work-item__author p {
  font-size: 1.125rem;
  font-weight: 600;
}

.work-item__author span {
  opacity: 0.3;
}

.work-item__author-info {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.work-item__materials-inner {
  display: flex;
  gap: 0.9375rem;
  justify-content: space-between;
  align-items: center;
}

.work-item__materials-img {
  width: 4.6875rem;
  height: 4.6875rem;
  background-color: #F5F5F5;
  display: flex;
  border-radius: 6.25rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: flex-start;
}

.work-item__materials-img img {
  max-width: 4.0625rem;
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6.25rem;
  width: 65px;
  height: 65px;
}

.work-item__materials-box p {
  margin-bottom: 0.625rem;
  font-weight: 500;
}

.work-item__materials-price {
  display: flex;
  align-items: flex-start;
  gap: 0.3125rem 0.625rem;
  flex-wrap: wrap;
}

.work-item__materials-price span {
  font-size: 1.5rem;
}

.work-item__materials-price s {
  opacity: 0.5;
}

.work-item__materials {
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(0%, #000), color-stop(90%, #000), to(transparent));
  -webkit-mask-image: linear-gradient(to right, transparent, #000 0%, #000 90%, transparent);
  mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(0%, #000), color-stop(90%, #000), to(transparent));
  mask-image: linear-gradient(to right, transparent, #000 0%, #000 90%, transparent);
}

.work-item__materials .swiper-slide {
  max-width: 15.9375rem;
  width: 100%;
}

.work-item__materials .swiper-wrapper {
  margin-bottom: 1.25rem;
}

.work-item__text {
  margin-bottom: 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.work-item__text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.125rem;
}

.work-item__text button {
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  opacity: 0.5;
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 1%;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  text-align: left;
  align-self: flex-start;
}

.work-item__text--open p {
  line-clamp: unset;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.main-product {
  padding-block: 6.25rem;
  margin-bottom: 9.375rem;
  background-color: #F5F5F5;
}

.main-product .btn {
  background-color: #fff;
}

.main-product .swiper-button-prev,
.main-product .swiper-button-next {
  background-color: #fff;
}

.basket {
  overflow: hidden auto;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: -100%;
  z-index: 1030;
  -webkit-transition: right 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: right 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.basket.open-basket {
  right: 0;
}

.basket .container {
  position: relative;
  padding-inline: 0;
}

.basket .container::after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #F5F5F5;
  z-index: 1;
  top: 0;
  right: 0.3125rem;
  -webkit-transform: translate(100%, 0%);
  -ms-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
}

.form-basket {
/*   background-color: #F5F5F5; */
/*   padding-right: 3.125rem; */
  display: flex;
  gap: 0;
/*   max-width: 84.5625rem; */
  width: 100%;
/*   margin-left: auto; */

	max-width: 100%;
	margin-left: 0;
	padding-right: 0;
}

.form-basket__position {
/*   max-width: 49.0625rem; */
  width: 100%;
  background-color: #fff;
/*   padding-block: 3.125rem 6.25rem;
  padding-inline: 3.125rem 1.875rem; */
/*   min-height: 100vh; */
/*   min-height: 100dvh; */
  min-height: unset;
	padding: 0;
	max-width: unset;
}

.form-basket__position h2 {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 3.125rem;
}

.form-basket__close {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0;
  opacity: 0.5;
  font-size: 1rem;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  margin-bottom: 1.875rem;
}

.form-basket__close img {
  width: 1.0625rem;
  height: 1.0625rem;
}

.form-basket__list {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.form-basket__item {
  padding-bottom: 0.875rem;
  border-bottom: 0.0625rem solid rgba(34, 34, 34, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
}

.form-basket__item-product {
  max-width: 31.25rem;
  width: 100%;
  gap: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-basket__item-product p {
  font-size: 1.125rem;
  font-weight: 500;
  width: 100%;
  max-width: 14.375rem;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.form-basket__item-product span {
  font-size: 1.5rem;
  flex-shrink: 0;
}

.form-basket__item-product img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.form-basket__item-product > a {
  flex-shrink: 0;
  max-width: 5.5625rem;
  width: 100%;
  aspect-ratio: 1;
}

.form-basket .quantity {
  width: 5.8125rem;
  height: 1.875rem;
  display: flex;
  flex-shrink: 0;
  border-radius: 6.25rem;
  overflow: hidden;
  background-color: #F5F5F5;
}

.form-basket .quantity__button {
  flex: 0 0 1.9375rem;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
}

.form-basket .quantity__button img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.form-basket .quantity__button--minus {
  padding-left: 0.9375rem;
}

.form-basket .quantity__button--plus {
  padding-right: 0.9375rem;
}

.form-basket .quantity__button--plus img {
  margin-left: auto;
}

.form-basket .quantity__input {
  flex: 1 1 auto;
}

.form-basket .quantity__input input {
  background-color: transparent;
  padding: 0;
  font-size: 1rem;
  color: #222;
  text-align: center;
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
}

.form-basket__item-controls {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-shrink: 0;
}

.form-basket__item-remove {
  padding: 0;
  height: 1.875rem;
  width: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
  border-radius: 50%;
}

.form-basket__item-remove img {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.form-basket__data {
  background-color: #F5F5F5;
  min-height: 100vh;
  min-height: 100dvh;
/*   max-width: 23.125rem; */
  width: 100%;
  margin-left: 3.125rem;
/*   padding-block: 7rem 6.25rem; */
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 50px;
	min-height: auto;
}

.form-basket__data h2 {
  font-size: 1.5rem;
  font-weight: 500;
}

.wc-block-components-checkout-place-order-button,
.form-basket__data button {
  width: 100%;
  color: #fff;
  background-color: #222;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.form-basket__data-inputs {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.form-basket__data .wc-block-checkout__form input,
.form-basket__data-inputs input {
  width: 100% !important;
  border-radius: 0.9375rem !important;
  outline: none !important;
  font-size: 1rem !important;
  color: #222 !important;
  border: 0.0625rem solid transparent !important;
  background-color: #fff !important;
  padding: 0.75rem 0.9375rem !important;
  -webkit-transition: border-color 0.4s ease !important;
  transition: border-color 0.4s ease !important;
}

.form-basket__data .wc-block-checkout__form input::-webkit-input-placeholder,
.form-basket__data-inputs input::-webkit-input-placeholder {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #A3A3A3 !important;
  -webkit-transition: opacity 0.4s ease !important;
  transition: opacity 0.4s ease !important;
}

.form-basket__data .wc-block-checkout__form input::-moz-placeholder,
.form-basket__data-inputs input::-moz-placeholder {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #A3A3A3 !important;
  -moz-transition: opacity 0.4s ease !important;
  transition: opacity 0.4s ease !important;
}

.form-basket__data .wc-block-checkout__form input:-ms-input-placeholder,
.form-basket__data-inputs input:-ms-input-placeholder {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #A3A3A3 !important;
  -ms-transition: opacity 0.4s ease !important;
  transition: opacity 0.4s ease !important;
}

.form-basket__data .wc-block-checkout__form input::-ms-input-placeholder,
.form-basket__data-inputs input::-ms-input-placeholder {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #A3A3A3 !important;
  -ms-transition: opacity 0.4s ease !important;
  transition: opacity 0.4s ease !important;
}

.form-basket__data .wc-block-checkout__form input::placeholder,
.form-basket__data-inputs input::placeholder {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #A3A3A3 !important;
  -webkit-transition: opacity 0.4s ease !important;
  transition: opacity 0.4s ease !important;
}

.form-basket__data .wc-block-checkout__form input:focus,
.form-basket__data-inputs input:focus {
  border-color: #222;
}

.form-basket__data .wc-block-checkout__form input:focus::-webkit-input-placeholder,
.form-basket__data-inputs input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form-basket__data .wc-block-checkout__form input:focus::-moz-placeholder,
.form-basket__data-inputs input:focus::-moz-placeholder {
  opacity: 0;
}

.form-basket__data .wc-block-checkout__form input:focus:-ms-input-placeholder,
.form-basket__data-inputs input:focus:-ms-input-placeholder {
  opacity: 0;
}

.form-basket__data .wc-block-checkout__form input:focus::-ms-input-placeholder,
.form-basket__data-inputs input:focus::-ms-input-placeholder {
  opacity: 0;
}

.form-basket__data .wc-block-checkout__form input:focus::placeholder,
.form-basket__data-inputs input:focus::placeholder {
  opacity: 0;
}

.form-basket__labels {
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
}

.form-basket__labels label {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 2.1875rem;
  font-size: 0.875rem;
  font-weight: 400;
}

.form-basket__labels input {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  clip-path: rect(0 0 0 0);
}

.form-basket__labels input:checked + span::after {
  opacity: 1;
}

.form-basket__labels input:focus-visible + span {
  border-color: #222;
}

.form-basket__labels a {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 1%;
}

.form-basket__labels span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  -webkit-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
  border: 0.0625rem solid transparent;
}

.form-basket__labels span::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #222;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.about-hero {
  margin-bottom: 9.375rem;
  min-height: 56.25rem;
  position: relative;
  padding-bottom: 5.3125rem;
}

.about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.85);
}

.about-hero p {
  font-size: 1.125rem;
  line-height: 1.3;
}

.about-hero .breadcrumbs {
  margin-bottom: 2.5rem;
  padding-top: 11.875rem;
}

.about-hero__inner {
  position: relative;
  z-index: 5;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10.9375rem;
}

.about-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.about-hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.about-hero__top-desc {
  max-width: 40.375rem;
  width: 100%;
}

.about-hero__top-desc h1 {
  line-height: 1.1;
  font-weight: 700;
  max-width: 37.5rem;
  margin-bottom: 4.375rem;
}

.about-hero__top-desc span {
  color: rgba(255, 255, 255, 0.5);
  display: block;
}

.about-hero__top-desc p {
  opacity: 0.7;
}

.about-hero__bottom-desc {
  max-width: 25.0625rem;
  padding-left: 1.4375rem;
  border-left: 0.125rem solid #2B6AA4;
  align-self: flex-end;
  margin-right: 6.75rem;
}

.project-hero {
  margin-bottom: 3.125rem;
  min-height: 40.625rem;
  position: relative;
  padding-bottom: 8.125rem;
}

.project-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}

.project-hero .breadcrumbs {
  margin-bottom: 9.0625rem;
}

.project-hero__inner {
  position: relative;
  z-index: 5;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.5rem;
}

.project-hero__inner h1 {
  max-width: 49.0625rem;
  flex-shrink: 0;
}

.project-hero__inner p {
  max-width: 40.4375rem;
  font-size: 1.125rem;
  padding-top: 0.875rem;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
}

.project-hero__inner dl {
  max-width: 49.0625rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem 3.125rem;
}

.project-hero__inner dl div {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.project-hero__inner dt {
  font-size: 0.75rem;
  opacity: 0.6;
  font-weight: 600;
  text-transform: uppercase;
}

.project-hero__inner dd {
  font-size: 1.125rem;
  font-weight: 500;
}

.project-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.project-hero__desc {
  display: flex;
  justify-content: space-between;
  gap: 2.5rem 1.875rem;
}

.tasks {
  margin-bottom: 6.25rem;
}

.tasks__inner {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  align-items: flex-start;
}

.tasks__list {
  max-width: 31.6875rem;
  flex-shrink: 0;
}

.tasks__list h2 {
  margin-bottom: 3.125rem;
}

.tasks__list ol {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  counter-reset: number;
}

.tasks__list li {
  padding-left: 2.8125rem;
  font-size: 1.125rem;
  position: relative;
}

.tasks__list li::after {
  position: absolute;
  counter-increment: number;
  content: "0" counter(number);
  top: 0;
  left: 0;
  color: #2B6AA4;
  font-size: 1.125rem;
  font-weight: 600;
}

.tasks__list li:nth-child(n+10)::after {
  content: counter(number);
}

.tasks__review {
  max-width: 49.0625rem;
  border-radius: 3.125rem;
  background-color: #fff;
  -webkit-box-shadow: 0.0625rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0.0625rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.05);
  padding: 3.125rem;
  margin-top: -8.125rem;
  position: relative;
  z-index: 5;
}

.tasks__review img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 1.375rem;
  height: 1.375rem;
}

.tasks__review ul {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.tasks__review strong {
  font-size: 1.25rem;
  font-weight: 600;
  display: block;
  margin-bottom: 0.3125rem;
}

.tasks__review span {
  opacity: 0.3;
  display: block;
}

.tasks__review p {
  font-size: 1.125rem;
  line-height: 1.3;
}

.tasks__review p:not(:last-child) {
  margin-bottom: 1.125rem;
}

.tasks__review-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.875rem;
  flex-wrap: wrap;
  gap: 0.625rem 1.5625rem;
}

.hero .swiper-slide {
  position: relative;
  min-height: 59.375rem;
}

.hero .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.hero__content {
  padding-top: 17.1875rem;
  padding-bottom: 21.875rem;
  position: relative;
  z-index: 5;
  max-width: 40.4375rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.hero__content h2 {
  color: #fff;
  font-size: 2rem;
}

.hero__content p {
  max-width: 31.75rem;
  color: #fff;
  line-height: 1.4;
  font-size: 1.125rem;
  font-weight: 500;
}

.hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero .swiper-pagination {
  position: relative;
  margin-top: -0.75rem;
  max-width: 40.4375rem;
  top: -17.5rem;
}

.hero .swiper-pagination.swiper-pagination-lock {
  display: none;
}

.main-categories {
  position: relative;
  z-index: 200;
  margin-bottom: 9.375rem;
  margin-top: -8.4375rem;
}

.architects-hero {
  margin-bottom: 12.5rem;
}

.architects-hero .breadcrumbs {
  margin-bottom: 5.9375rem;
}

.architects-hero__inner p {
  font-size: 1.125rem;
  line-height: 1.3;
  opacity: 0.7;
  margin-bottom: 1.25rem;
}

.architects-hero__inner p:has(+ a) {
  margin-bottom: 2.5rem;
}

.architects-hero__inner img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 3.125rem;
}

.architects-hero__top-desc {
  max-width: 49.0625rem;
  flex-shrink: 0;
}

.architects-hero__top-desc h1 {
  font-size: 4.875rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2.5rem;
}

.architects-hero__top-desc span {
  display: block;
  color: rgba(34, 34, 34, 0.25);
}

.architects-hero__top-desc p {
  max-width: 40.3125rem;
}

.architects-hero__top-desc a {
  color: #fff;
  background-color: #222;
}

.architects-hero__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.1875rem;
  margin-bottom: 5.625rem;
}

.architects-hero__top-img {
  width: 100%;
  aspect-ratio: 785/500;
  max-width: clamp( 27.875rem , -61.8337765957rem  +  144.2553191489vw , 49.0625rem );
}

.architects-hero__bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.1875rem;
}

.architects-hero__bottom-img {
  max-width: 40.375rem;
  width: 100%;
  aspect-ratio: 646/708;
}

.architects-hero__bottom-desc {
  margin-top: clamp( 1.25rem , -11.9191176471rem  +  21.1764705882vw , 6.875rem );
  max-width: clamp( 27.875rem , -21.7286764706rem  +  79.7647058824vw , 49.0625rem );
}

.architects-hero__bottom-desc h2 {
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2.5rem;
  font-size: clamp( 2.8125rem , -2.0161764706rem  +  7.7647058824vw , 4.875rem );
}

.architects-hero__bottom-desc span {
  display: block;
  color: #2B6AA4;
}

.architects-hero__bottom-desc a {
  color: #fff;
  background-color: #2B6AA4;
}

.footer {
  background-color: #222;
  padding-block: 3.75rem;
}

.footer__inner {
  gap: 3.75rem 1.875rem;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(4, 1fr);
}

.footer__copy {
  max-width: 23.125rem;
  width: 100%;
}

.footer__copy a {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  color: rgba(255, 255, 255, 0.5);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.footer__copy a img {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.footer__copy-box {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  color: #fff;
  margin-bottom: 2.5rem;
  max-width: 16.5625rem;
}

.footer__copy-box span:last-child {
  opacity: 0.5;
}

.footer__box {
  color: #fff;
  display: flex;
  gap: 1.875rem;
  justify-content: space-between;
  width: 100%;
  grid-column: span 2;
  flex-wrap: wrap;
  max-width: clamp( 34.375rem , -13.005952381rem  +  76.1904761905vw , 39.375rem );
}

.footer__box p {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.875rem;
}

.footer__box a {
  opacity: 0.7;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 6.5%;
}

.footer__box ul {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.footer__box ul:not(:last-of-type) {
  margin-bottom: 1.25rem;
}

.footer__nav {
  max-width: 14.375rem;
  width: 100%;
}

.footer__info {
  max-width: 21.875rem;
  width: 100%;
}

.footer__contacts {
  color: #fff;
  max-width: 23.125rem;
  width: 100%;
}

.footer__contacts p,
.footer__contacts a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.footer__contacts span {
  opacity: 0.5;
  display: block;
  margin-bottom: 0.3125rem;
}

.footer__contacts span:has(+ a) {
  margin-bottom: 1.25rem;
}

.footer__contacts p {
  margin-bottom: 0.625rem;
}

.footer__contacts > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.footer__contacts > a:not(:last-child) {
  margin-bottom: 1.25rem;
}

.footer__contacts-socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.footer__contacts-socials img {
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 103.12375em) {
  .container-left {
    padding-left: 0.9375rem;
  }

  .about__inner {
    justify-content: space-between;
  }

  .about__statistics-items {
    padding-right: 0.9375rem;
    max-width: 100%;
  }

  .about .slider-block__arrows {
    padding-right: 0.9375rem;
    max-width: 100%;
  }
}

@media (max-width: 91.87375em) {
  .support__items {
    width: auto;
  }

  .card__items {
    grid-template-columns: repeat(2, 1fr);
  }

  .card__item {
    max-width: 100%;
  }

  .card__item h2 {
    font-size: 2.8125rem;
  }

  .about__desc {
    max-width: 37.5rem;
  }

  .standard__images {
    gap: 1.25rem;
  }
}

@media (max-width: 88.74875em) {
  .header__user-nav button {
    padding-right: 0;
  }

  .header__box {
    flex-basis: 11.5625rem;
    align-items: center;
  }

  .header__box--right {
    flex-direction: unset;
    gap: 1.875rem;
    justify-content: flex-end;
  }

  .header__burger {
    width: 1.875rem;
    height: 0.875rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 0;
  }

  .header__burger::after,
  .header__burger::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.125rem;
    border-radius: 0.5rem;
    left: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #222;
  }

  .header__burger::after {
    -webkit-transform: translateY(0.375rem);
    -ms-transform: translateY(0.375rem);
    transform: translateY(0.375rem);
  }

  .header__burger::before {
    -webkit-transform: translateY(-0.375rem);
    -ms-transform: translateY(-0.375rem);
    transform: translateY(-0.375rem);
  }

  .header__burger span {
    width: 100%;
    height: 0.125rem;
    background-color: #222;
    border-radius: 0.5rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  [data-header-color] .header__burger::after,
  [data-header-color] .header__burger::before,
  [data-header-color] .header__burger span {
    background-color: #fff;
  }

  .open-menu .header__burger::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .open-menu .header__burger::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .open-menu .header__burger span {
    opacity: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
  }

  .open-menu .header__burger::after,
  .open-menu .header__burger::before,
  .open-menu .header__burger span,
  .scroll .header__burger::after,
  .scroll .header__burger::before,
  .scroll .header__burger span {
    background-color: #222;
  }

  .header__accordion {
    display: block;
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transition: max-height 0.4s ease, opacity 0.4s ease;
    transition: max-height 0.4s ease, opacity 0.4s ease;
  }

  .menu ul {
    gap: 1.75rem 2.5rem;
  }

  .project-hero .breadcrumbs {
    margin-bottom: 3.4375rem;
  }

  .project-hero__inner {
    max-width: 49.0625rem;
  }

  .project-hero__inner h1,
  .project-hero__inner p {
    max-width: 100%;
  }

  .project-hero__desc {
    flex-direction: column;
  }

  .architects-hero__top-desc p {
    max-width: 47.3125rem;
  }

  .architects-hero__top {
    flex-direction: column;
    gap: 0;
  }

  .architects-hero__top-img {
    align-self: flex-end;
    margin-top: -5.0625rem;
  }
}

@media (max-width: 84.37375em) {
  .container-left {
    padding-inline: 0.9375rem;
  }

  .article {
    margin-bottom: 12.5rem;
  }

  .article img {
    max-width: 47.3125rem;
    border-radius: 3.125rem;
  }

  .article .breadcrumbs {
    margin-bottom: 3.4375rem;
  }

  .article__inner {
    flex-direction: column;
    gap: 3.75rem;
  }

  .article__info {
    max-width: 100%;
  }

  .categories-items {
    gap: 1.25rem;
  }

  .categories-items__item {
    min-height: 22.25rem;
    border-radius: 1.25rem;
    padding: 1.5625rem 1.25rem;
  }

  .categories-items__item h2 {
    font-size: 1.375rem;
  }

  .categories-items__last {
    border-radius: 1.875rem;
    min-height: 22.25rem;
  }

  .contacts-branches__items {
    flex-direction: column;
  }

  .contacts-branches__item {
    padding: 2.5rem;
    max-width: 100%;
    gap: 3.125rem;
  }

  .contacts-branches__map {
    max-width: 100%;
  }

  .catalog__items {
    grid-template-columns: repeat(3, 1fr);
  }

  .catalog-item {
    max-width: 100%;
  }

  .catalog-item__product {
    max-width: 15.625rem;
    margin-bottom: 0.9375rem;
  }

  .catalog-item .btn {
    width: 100%;
  }

  .product-slider .catalog-item__product {
    max-width: 15.625rem;
  }

  .payment__item {
    padding-inline: 1.5625rem;
  }

  .receiving__item {
    padding-inline: 1.875rem;
  }

  .about__inner {
    flex-direction: column;
    gap: 9.375rem;
  }

  .about__desc {
    max-width: 47.3125rem;
  }

  .about__statistics-items {
    max-width: 57rem;
    gap: 1.25rem;
    padding-right: 0;
    margin-bottom: 3.75rem;
  }

  .about__statistics-item {
    max-width: 18.1875rem;
  }

  .about .slider-block__arrows {
    padding-right: 0;
  }

  .about .swiper-slide:last-child {
    padding-right: 0;
  }

  .product__box {
    margin-top: 2.5rem;
  }

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

  .footer__copy {
    order: 1;
    max-width: 100%;
    display: flex;
    gap: 1.25rem 1.875rem;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .footer__copy-box {
    margin-bottom: 0;
  }

  .footer__nav {
    max-width: 8.75rem;
  }

  .footer__contacts {
    width: auto;
    max-width: 20rem;
  }
}

@media (max-width: 78.12375em) {
  .support__inner {
    flex-direction: column;
    gap: 6.25rem;
  }

  .support__info {
    position: static;
  }

  .support__info h2 {
    max-width: 100%;
  }

  .support__items {
    max-width: 100%;
  }

  .support__item {
    padding-left: 0;
    max-width: 100%;
    display: flex;
    gap: 2.5rem;
    justify-content: space-between;
  }

  .support__item-img {
    max-width: 45rem;
  }

  .support__item-desc {
    margin-bottom: 0;
  }

  .support__item-desc h4 {
    padding-top: 0;
    margin-bottom: 0.9375rem;
  }

  .support__item-desc span {
    position: static;
    margin-bottom: 1.5625rem;
  }

  .support__item-desc {
    max-width: 27.875rem;
    width: 100%;
  }

  .payment__item--prepayment h2 {
    font-size: 1.5rem;
  }

  .standard__inner {
    flex-direction: column;
    gap: 6.25rem;
  }

  .standard__desc {
    max-width: 47.25rem;
    gap: 1.875rem;
    margin-top: 0;
  }

/*   .form-basket {
    padding-right: 1.875rem;
  } */

  .form-basket__position {
    padding-left: 1.875rem;
  }

/*   .form-basket__data {
    margin-left: 1.875rem;
  } */

  .about-hero__bottom-desc {
    margin-right: 0;
  }

  .tasks__review {
    padding: 2.5rem;
  }
}

@media (max-width: 70.62375em) {
  .blog__items {
    grid-template-columns: repeat(auto-fill, minmax(19.6875rem, 1fr));
    row-gap: 3.75rem;
  }

  .blog-item {
    max-width: 100%;
  }

  .blog-item p {
    margin-bottom: 0.9375rem;
  }

  .article-slider .swiper-slide {
    max-width: 100%;
  }

  .categories-items {
    grid-template-columns: repeat(3, 1fr);
  }

  .categories-items__item {
    min-height: 22.25rem;
    max-width: 100%;
    padding-inline: 1.5625rem;
  }

  .categories-items__last {
    min-height: 21.375rem;
  }

  .contacts {
    margin-bottom: 6.25rem;
  }

  .contacts__inner {
    flex-direction: column;
  }

  .contacts__items {
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 2.5rem 1.875rem;
    max-width: 49.375rem;
  }

  .contacts__item:nth-child(2) {
    order: 1;
  }

  .contacts__item:nth-child(4) {
    order: 2;
  }

  .contacts__item:nth-child(3),
  .contacts__item:nth-child(4) {
    margin-left: auto;
    max-width: 14.6875rem;
    width: 100%;
  }

  .contacts__map {
    height: 30.5rem;
    max-width: 100%;
  }

  .card__item:last-child {
    min-height: 28.125rem;
    grid-column: span 2;
  }

  .faq h2 {
    margin-bottom: 3.75rem;
  }

  .faq__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.75rem;
  }

  .faq__item {
    max-width: 100%;
  }

  .catalog__top {
    flex-direction: column;
    gap: 3.75rem;
    align-items: flex-start;
  }

  .catalog__form {
    max-width: 100%;
  }

  .catalog__filter {
    z-index: 1030;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    max-width: 30rem;
    height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: auto;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
    padding: 7.5rem 2.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0.0625rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0.0625rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.05);
  }

  .open-filter .catalog__filter {
    left: 0;
  }

  .catalog__items {
    max-width: 100%;
    row-gap: 3.75rem;
  }

  .catalog__bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.9375rem 1.875rem;
    margin-bottom: 3.75rem;
  }

  .catalog__form-select {
    max-width: 15.1875rem;
    width: 100%;
  }

  .catalog__filter-close {
    display: block;
    position: absolute;
    z-index: 1;
    top: 5rem;
    right: 2.5rem;
    padding: 0;
  }

  .process__img-images {
    margin-top: 0;
    max-width: 100%;
    border-radius: 3.125rem;
  }

  .process__inner {
    flex-direction: column;
    gap: 6.25rem;
  }

  .process__content {
    max-width: 100%;
  }

  .photos-slider .swiper-slide {
    max-width: 37.5rem;
  }

  .filter-catalog__box:first-child {
    margin-bottom: 3.75rem;
  }

  .filter-catalog__box h2 {
    display: block;
  }

  .payment__item--office span {
    font-size: 1rem;
  }

  .payment__item--calculation p {
    font-size: 1rem;
  }

  .payment__item {
    min-height: 22.125rem;
    max-width: 100%;
  }

  .receiving__items {
    grid-template-columns: repeat(2, 1fr);
  }

  .receiving__item--delivery {
    order: 1;
    grid-column: span 2;
    gap: 1.875rem;
    min-height: auto;
  }

  .receiving__item {
    max-width: 100%;
    padding-inline: 3.125rem;
  }

  .production__desc {
    max-width: 37.5rem;
  }

  .production__desc h2 {
    margin-bottom: 1.875rem;
  }

  .production__desc p:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .production__desc dl {
    gap: 0.9375rem;
  }

  .production__desc dt {
    font-size: 2.1875rem;
  }

  .product-page .product__page-content {
    margin-bottom: 9.375rem;
  }

  .product__inner {
    margin-bottom: 6.25rem;
  }

  .product__info h1 {
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .product__box-bottom {
    max-width: 37.25rem;
    width: 100%;
  }

  .work-item__images .swiper-slide {
    border-radius: 1.875rem;
  }

  .form-basket {
    flex-direction: column;
    padding-right: 0;
    align-items: center;
/*     min-height: 100vh;
    min-height: 100dvh; */
  }

  .form-basket__position {
    max-width: 100%;
    padding-block: 6.25rem 5.3125rem;
    padding-inline: 2.5rem;
    min-height: auto;
  }

  .form-basket__data {
    padding-block: 6.25rem;
/*     max-width: 37.5rem; */
    margin-inline: 2.5rem;
    min-height: auto;
    gap: 1.625rem;
  }

  .about-hero__top-desc h1 {
    margin-bottom: 2.5rem;
  }

  .tasks__inner {
    flex-direction: column-reverse;
    gap: 3.75rem;
  }

  .tasks__list {
    max-width: 37.5625rem;
  }

  .tasks__review {
    max-width: 100%;
    padding: 3.125rem;
  }
}

@media (max-width: 62.06125em) {
  .container {
    padding-inline: 2.5rem;
  }

  .container-left {
    padding-inline: 2.5rem;
  }

  .breadcrumbs {
    padding-top: 11.625rem;
    margin-bottom: 2.1875rem;
  }

  .header {
    padding-top: 2.5rem;
  }

  .scroll .header {
    padding-top: 1.25rem;
  }

  .header__accordion-inner {
    padding-block: 2.5rem;
    justify-content: unset;
    row-gap: 1.75rem;
  }

  .search h1 {
    margin-bottom: clamp( 2.5rem , 0.2173913043rem  +  8.6956521739vw , 3.75rem );
  }

  .search__inner a {
    font-size: 1rem;
  }

  .blog {
    margin-bottom: 12.5rem;
  }

  .article {
    margin-bottom: 7.5rem;
  }

  .article img {
    border-radius: 1.25rem;
  }

  .categories h1 {
    margin-bottom: 3.75rem;
  }

  .contacts h1 {
    margin-bottom: 3.75rem;
  }

  .contacts-branches__item {
    gap: 1.875rem;
  }

  .contacts-branches__map {
    max-width: 29.3125rem;
  }

  .support__info {
    max-width: 37.5rem;
    gap: 2.5rem;
  }

  .support__item {
    gap: 1.875rem;
  }

  .support__item-img {
    max-width: 26.625rem;
  }

  .catalog-item {
    padding-top: 0.625rem;
  }

  .catalog-item strong {
    margin-bottom: 1.25rem;
  }

  .catalog-item .badges {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
  }

  .photos-slider .slider-block__arrows {
    display: flex;
  }

  .product-slider .catalog-item {
    padding-top: 0.625rem;
  }

  .payment {
    margin-bottom: 6.25rem;
  }

  .payment h1 {
    margin-bottom: 3.75rem;
  }

  .payment__item--office strong {
    margin-bottom: 3.125rem;
  }

  .payment__item--calculation p {
    margin-bottom: 3.125rem;
  }

  .payment__item a {
    font-size: 1rem;
  }

  .payment__item-bottom {
    margin-top: 0;
  }

  .receiving {
    margin-bottom: 6.25rem;
  }

  .receiving h2 {
    margin-bottom: 3.75rem;
  }

  .delivery-box {
    padding-bottom: 9.375rem;
  }

  .documents h2 {
    margin-bottom: 2.5rem;
  }

  .standard__images {
    justify-content: unset;
  }

  .standard__img:last-child {
    margin-top: 5rem;
  }

  .standard__img img {
    max-width: 18.1875rem;
  }

  .reviews__top {
    margin-bottom: 3.125rem;
  }

  .product__slider {
    max-width: clamp( 22.5rem , -39.4916666667rem  +  114.6666666667vw , 27.875rem );
  }

  .product__slider-swiper {
    margin-bottom: 0.625rem;
  }

  .product__info h1 {
    font-size: 2.1875rem;
  }

  .product__price span {
    font-size: 2.1875rem;
  }

  .product__price s {
    font-size: 1.125rem;
  }

  .work-item h3,
  .work-item h4 {
    margin-bottom: 0.9375rem;
  }

  .work-item .swiper-pagination {
    bottom: 0.9375rem;
  }

  .work-item .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
  }

  .work-item__name {
    margin-bottom: 1.875rem;
  }

  .work-item__name h2,
  .work-item__name h3 {
    font-size: 1.25rem;
    margin-bottom: 0;
  }

  .work-item__author {
    gap: 1.875rem;
  }

  .work-item__materials .swiper-wrapper {
    margin-bottom: 0.9375rem;
  }

  .work-item__text {
    gap: 0.625rem;
    margin-bottom: 1.875rem;
  }

  .work-item__text p {
    font-size: 1rem;
  }

  .main-product {
    margin-bottom: 7.5rem;
  }

  .about-hero {
    padding-bottom: 6.25rem;
    min-height: 53.125rem;
    margin-bottom: 6.25rem;
  }

  .about-hero::after {
    background: rgba(0, 0, 0, 0.5);
  }

  .about-hero .breadcrumbs {
    margin-bottom: 3.75rem;
    padding-top: 11.625rem;
  }

  .about-hero__inner {
    gap: 7.5rem;
  }

  .about-hero__top-desc {
    max-width: 47.3125rem;
  }

  .about-hero__bottom-desc {
    max-width: 27.8125rem;
  }

  .project-hero {
    min-height: 53.125rem;
    padding-bottom: 12.5rem;
  }

  .project-hero__inner {
    max-width: 100%;
  }

  .project-hero__inner h1 {
    margin-bottom: 2.5rem;
    max-width: 49.0625rem;
  }

  .project-hero__inner dl {
    margin-bottom: 3.75rem;
  }

  .project-hero__desc {
    gap: 0;
  }

  .tasks__review {
    margin-top: -11.25rem;
  }

  .hero .swiper-slide {
    min-height: 53.125rem;
  }

  .hero__content {
    padding-top: 15.3125rem;
    padding-bottom: 20.9375rem;
  }

  .hero__content h2 {
    font-size: 2.8125rem;
  }

  .hero .swiper-pagination {
    top: -16.25rem;
  }

  .main-categories {
    margin-top: -7.8125rem;
    margin-bottom: 7.5rem;
  }

  .architects-hero {
    margin-bottom: 9.375rem;
  }

  .architects-hero .breadcrumbs {
    margin-bottom: 2.1875rem;
  }

  .architects-hero__inner p {
    opacity: 0.8;
    margin-bottom: 0.9375rem;
  }

  .architects-hero__inner img {
    border-radius: 1.875rem;
  }

  .architects-hero__top {
    margin-bottom: 3.75rem;
  }

  .architects-hero__bottom-img {
    max-width: 25.375rem;
  }

  .footer__copy {
    max-width: 46.875rem;
  }

  .footer__copy a {
    font-size: 0.875rem;
  }

  .footer__copy a img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 2.1875rem;
    width: 100%;
    aspect-ratio: 1;
  }

  .footer__box {
    max-width: 30rem;
  }

  .footer__box p {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }

  .footer__box a {
    font-size: 0.875rem;
  }

  .footer__box ul {
    gap: 0.9375rem;
  }

  .footer__box ul:not(:last-of-type) {
    margin-bottom: 0.9375rem;
  }

  .footer__nav {
    max-width: 7.25rem;
  }

  .footer__info {
    max-width: 19.375rem;
  }
}

@media (max-width: 59.37375em) {
  .slider-block__bottom {
    display: flex;
    justify-content: flex-end;
  }

  .slider-block__swiper {
    margin-bottom: 2.5rem;
  }

  .categories-items {
    grid-template-columns: repeat(2, 1fr);
  }

  .categories-items__last {
    grid-column: span 2;
  }

  .support__item-desc {
    max-width: 25rem;
  }

  .support__item-desc h4 {
    font-size: 1.25rem;
  }

  .support__item-desc p {
    font-size: 1rem;
  }

  .card__items {
    grid-template-columns: repeat(1, 1fr);
  }

  .card__item {
    min-height: 28.125rem;
  }

  .card__item:last-child {
    grid-column: unset;
  }

  .payment__items {
    grid-template-columns: repeat(2, 1fr);
  }

  .receiving__item {
    padding-inline: 1.5625rem;
  }

  .production img {
    position: relative;
    margin-left: auto;
  }

  .production__inner {
    padding-bottom: 0;
    min-height: auto;
  }

  .production__desc {
    max-width: 100%;
    margin-bottom: 1.25rem;
  }

  .product__info h1 {
    font-size: 1.875rem;
  }

  .work__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.75rem;
  }

  .work-item {
    max-width: 100%;
  }

  .work-item__images .swiper-slide {
    max-width: 100%;
  }

  .architects-hero__bottom {
    flex-direction: column;
    gap: 3.125rem;
  }

  .architects-hero__bottom-desc {
    margin-top: 0;
    max-width: 100%;
  }

  .architects-hero__bottom-desc h2 {
    margin-bottom: 1.875rem;
  }

  .architects-hero__bottom-desc p:has(+ a) {
    margin-bottom: 1.875rem;
  }

  .footer__contacts {
    display: flex;
    gap: 1.875rem;
    align-items: center;
    max-width: 100%;
    flex-wrap: wrap;
  }

  .footer__contacts span {
    margin-bottom: 0;
  }

  .footer__contacts span:has(+ a) {
    margin-bottom: 0;
  }

  .footer__contacts p {
    margin-bottom: 0;
  }

  .footer__contacts > a:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (max-width: 53.74875em) {
  .catalog-item__bottom {
    flex-wrap: wrap;
  }

  .product__inner {
    flex-direction: column;
    gap: 2.5rem;
    margin-bottom: 5.3125rem;
  }

  .product__slider {
    max-width: 37.25rem;
    margin-inline: auto;
  }

  .product__slider-swiper .swiper-slide {
    max-width: 37.25rem;
  }

  .product__box {
    margin-top: 0;
  }

  .product__info h1 {
    margin-bottom: 1.875rem;
    font-size: clamp( 1.5rem , -2.109375rem  +  13.75vw , 2.1875rem );
  }

  .project-hero__inner h1 {
    font-size: clamp( 1.25rem , -0.6944444444rem  +  7.4074074074vw , 2.5rem );
  }

  .architects-hero__top-desc h1 {
    margin-bottom: 1.875rem;
    font-size: clamp( 2.1875rem , -0.546875rem  +  10.4166666667vw , 3.75rem );
  }

  .architects-hero__top-desc p:has(+ a) {
    margin-bottom: 1.875rem;
  }

  .architects-hero__top-img {
    margin-top: 0;
    margin-bottom: 1.875rem;
    max-width: 100%;
  }
}

@media (max-width: 47.99875em) {
  .container {
    padding-inline: 0.9375rem;
  }

  .container-left {
    padding-inline: 0.9375rem;
  }

  .breadcrumbs {
    padding-top: 10.3125rem;
  }

  .search-style {
    gap: 0.625rem;
  }

  .search-style button {
    font-size: 1rem;
    min-width: 7.5rem;
    border-radius: 0.625rem;
    padding-block: 1.125rem;
  }

  .search-style input {
    border-radius: 0.625rem;
    padding-left: 3.125rem;
    padding-block: 1.0625rem;
  }

  .search-style input::placeholder {
    font-size: 1rem;
  }

  .search-style img {
    left: 0.9375rem;
  }

  .margin-bottom {
    margin-bottom: 7.5rem;
  }
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
  .pagination a,
  .pagination span {
    font-size: 1rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
  }

.wc-block-components-checkout-place-order-button,
  .btn {
    font-size: 1rem;
    border-radius: 0.75rem;
    padding-inline: 0.9375rem;
  }

  .header {
    padding-top: 1.875rem;
  }

  .header__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0.9375rem;
  }

  .header__contacts {
    max-width: 100%;
    width: 100%;
  }

  .header__box--left {
    grid-column: span 2;
    order: 1;
  }

  .header__accordion-inner {
    flex-direction: column;
    gap: 1.25rem;
    padding-block: 1.875rem;
  }

  .menu ul {
    flex-direction: column;
    gap: 1.25rem;
  }

  .logo {
    max-width: 10rem;
  }

  .search h2 {
    font-size: 1.25rem;
  }

  .search__inner ul {
    gap: 0.9375rem;
  }

  .search__inner a {
    line-height: 1.5;
  }

  .search__form:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .blog {
    margin-bottom: 7.5rem;
  }

  .blog__top {
    margin-bottom: 2.5rem;
  }

  .blog__top h1 {
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .blog__top-buttons button {
    border-radius: 0.625rem;
    font-size: 1rem;
  }

  .blog__items {
    gap: 2.5rem 0.9375rem;
    margin-bottom: 3.125rem;
  }

  .blog-item > img {
    border-radius: 1.25rem;
  }

  .article .breadcrumbs__list-item:last-child {
    max-width: 12.5rem;
  }

  .article .breadcrumbs {
    margin-bottom: 2.5rem;
  }

  .article__inner {
    gap: 1.875rem;
  }

  .article__info p {
    font-size: 1rem;
  }

  .article__info li {
    font-size: 1rem;
  }

  .article__info li::after {
    top: 0.375rem;
  }

  .article__info h1 {
    font-size: 1.25rem;
  }

  .slider-block__top {
    margin-bottom: 2.5rem;
  }

  .slider-block__top h2 {
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .slider-block__buttons {
    margin-bottom: 1.875rem;
  }

  .slider-block__buttons button {
    border-radius: 0.625rem;
    font-size: 1rem;
  }

  .categories h1 {
    margin-bottom: 2.5rem;
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .categories-items {
    -webkit-column-gap: 0.9375rem;
    -moz-column-gap: 0.9375rem;
    column-gap: 0.9375rem;
  }

  .categories-items__item-box {
    min-height: 10rem;
  }

  .categories-items__item {
    border-radius: 0.9375rem;
    min-height: 18.75rem;
    padding: 1.25rem 0.9375rem;
  }

  .categories-items__item h2 {
    font-size: 1.25rem;
    margin-bottom: 1.875rem;
  }

  .categories-items__last {
    min-height: 12.8125rem;
    border-radius: 0.9375rem;
    padding: 1.875rem 1.25rem;
  }

  .categories-items__last h2 {
    font-size: 1.875rem;
  }

  .categories-items__last p {
    font-size: 1rem;
    margin-bottom: 1.875rem;
  }

  .contacts {
    margin-bottom: 5rem;
  }

  .contacts h1 {
    margin-bottom: 2.5rem;
  }

  .contacts__inner {
    gap: 5rem;
  }

  .contacts__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.875rem;
  }

  .contacts__item:nth-child(2),
  .contacts__item:nth-child(3),
  .contacts__item:nth-child(4) {
    margin-left: 0;
    max-width: 100%;
    order: 0;
  }

  .contacts__item p,
  .contacts__item a {
    font-size: 1.25rem;
  }

  .contacts__map {
    border-radius: 1.25rem;
  }

  .contacts .ymaps-2-1-79-map-copyrights-promo {
    left: 0;
    bottom: 0;
  }

  .contacts-branches {
    padding-block: 3.125rem 7.5rem;
  }

  .contacts-branches__item {
    flex-direction: column;
    padding: 1.875rem 1.25rem;
    border-radius: 1.25rem;
  }

  .contacts-branches__item-info {
    max-width: 100%;
  }

  .contacts-branches__map {
    max-width: 100%;
    border-radius: 1.25rem;
  }

  .contacts-branches .ymaps-2-1-79-map-copyrights-promo {
    bottom: 0;
  }

  .support__inner {
    gap: 5rem;
  }

  .support__info {
    gap: 0;
    max-width: 100%;
  }

  .support__info h2 {
    font-size: 2.5rem;
    margin-bottom: 1.875rem;
  }

  .support__info > p {
    font-size: 1rem;
    margin-bottom: 2.5rem;
  }

  .support__items {
    gap: 1.875rem;
  }

  .support__item {
    flex-direction: column;
  }

  .support__item-img {
    max-width: 100%;
    border-radius: 1.25rem;
  }

  .support__item-desc {
    max-width: 100%;
  }

  .support__item-desc span {
    margin-bottom: 0.9375rem;
  }

  .card__item {
    border-radius: 1.25rem;
    min-height: 26.0625rem;
    padding: 1.875rem;
  }

  .card__item ul {
    margin-bottom: 3.125rem;
  }

  .card__item h2 {
    font-size: 2.1875rem;
  }

  .card__item p {
    font-size: 1rem;
  }

  .card__item:last-child {
    min-height: 26.0625rem;
  }

  .faq h2 {
    margin-bottom: 2.5rem;
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .faq__items {
    gap: 1.875rem;
  }

  .faq__item h3 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .faq__item p {
    font-size: 1rem;
  }

  .faq__item h3 {
    font-size: 1rem;
    margin-bottom: 0.9375rem;
  }

  .faq__item p {
    font-size: 0.875rem;
  }

  .catalog__top h1 {
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .catalog__top {
    gap: 1.875rem;
    margin-bottom: 1.875rem;
  }

  .catalog__filter {
    padding: 6.25rem 1.8125rem 6.25rem 0.9375rem;
    max-width: 23.125rem;
  }

  .catalog__items {
    row-gap: 2.5rem;
    grid-template-columns: repeat(auto-fill, minmax(12.1875rem, 1fr));
  }

  .catalog__filter-close {
    right: 1.875rem;
    top: 3.75rem;
  }

  .catalog-item h2,
  .catalog-item h3 {
    font-size: 1.125rem;
  }

  .catalog-item__product {
    max-width: 12.8125rem;
  }

  .catalog-item__price span {
    font-size: 1.5625rem;
  }

  .catalog-item__price s {
    font-size: 1rem;
  }

  .catalog-item__bottom {
    flex-wrap: unset;
  }

  .process {
    margin-bottom: 7.5rem;
  }

  .process__img-images {
    border-radius: 1.25rem;
  }

  .process__inner {
    gap: 5rem;
  }

  .process__content h2 {
    margin-bottom: 2.5rem;
    font-size: clamp( 1.5rem , -1.5rem  +  11.4285714286vw , 2.5rem );
  }

  .process__item:not(:last-child) {
    padding-bottom: 1.5625rem;
    margin-bottom: 1.5625rem;
  }

  .process__item h3 {
    font-size: 1.25rem;
    margin-bottom: 0.9375rem;
  }

  .process__item p {
    font-size: 1rem;
  }

  .photos-slider {
    margin-bottom: 7.5rem;
  }

  .photos-slider .swiper-slide img {
    border-radius: 1.25rem;
  }

  .product-slider .catalog-item__product {
    max-width: 12.8125rem;
  }

  .filter-catalog__box h2 {
    font-size: 2.1875rem;
  }

  .payment {
    margin-bottom: 5rem;
  }

  .payment h1 {
    margin-bottom: 2.5rem;
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .payment__item {
    border-radius: 1.25rem;
    min-height: auto;
  }

  .payment__item-bottom {
    margin-top: auto;
  }

  .receiving {
    margin-bottom: 7.5rem;
  }

  .receiving h2 {
    margin-bottom: 2.5rem;
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .receiving__items {
    grid-template-columns: repeat(1, 1fr);
  }

  .receiving__item--delivery {
    order: 0;
    grid-column: unset;
  }

  .receiving__item {
    min-height: auto;
    border-radius: 1.25rem;
  }

  .delivery-box {
    padding-block: 3.125rem 7.5rem;
  }

  .documents h2 {
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .documents__info-desc {
    max-width: 100%;
  }

  .documents__info-desc p {
    font-size: 1rem;
  }

  .documents__info-methods {
    margin-top: 0;
  }

  .documents__info-methods p {
    margin-bottom: 0.9375rem;
  }

  .about {
    margin-bottom: 7.5rem;
  }

  .about__inner {
    gap: 5rem;
  }

  .about__desc {
    max-width: 100%;
  }

  .about__desc h2 {
    margin-bottom: 2.5rem;
    font-size: clamp( 1.5rem , -1.5rem  +  11.4285714286vw , 2.5rem );
  }

  .about__desc p {
    font-size: 1rem;
  }

.about__desc h3,
  .about__desc p:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .about__statistics-items {
    grid-template-columns: repeat(auto-fill, minmax(14.375rem, 1fr));
  }

  .about .swiper {
    margin-bottom: 2.5rem;
  }

  .about .slider-block__arrows {
    justify-content: flex-end;
  }

  .about .swiper-slide img {
    border-radius: 1.25rem;
  }

  .production {
    margin-bottom: 7.5rem;
  }

  .production img {
    right: -3.4375rem;
  }

  .production__inner {
    padding-top: 3.125rem;
  }

  .production__desc h2 {
    font-size: clamp( 1.5rem , -1.3rem  +  10.6666666667vw , 2.5rem );
  }

  .production__desc p {
    font-size: 1rem;
  }

  .standard__inner {
    gap: 5rem;
  }

  .standard__img:last-child {
    margin-top: 3.125rem;
  }

  .standard__img img {
    border-radius: 1.25rem;
  }

  .standard__desc h2 {
    font-size: clamp( 1.5rem , -1.5rem  +  11.4285714286vw , 2.5rem );
  }

  .standard__desc p {
    font-size: 1rem;
  }

  .standard__desc li {
    font-size: 1rem;
  }

  .standard__desc li::after {
    top: 0.375rem;
  }

  .main-article .slider-block__top {
    margin-bottom: 1.875rem;
  }

  .reviews h2 {
    font-size: clamp( 1.5rem , -1.5rem  +  11.4285714286vw , 2.5rem );
  }

  .reviews__top {
    margin-bottom: 1.875rem;
  }

  .reviews__top-box strong {
    font-size: 4.375rem;
  }

  .product-page .product__page-content {
    margin-bottom: 7.5rem;
  }

  .product__inner {
    padding-right: 0.9375rem;
  }

  .product__buttons {
    margin-bottom: 1.875rem;
  }

  .product__buttons .swiper-slide:last-child {
    margin-right: 0.9375rem;
  }

  .product__buttons .swiper-wrapper {
    gap: 0;
    justify-content: unset;
  }

  .product__desc {
    padding-right: 0.9375rem;
  }

  .product__desc dl div {
    gap: 6.25rem;
  }

  .product__desc p {
    font-size: 1rem;
  }

  .product-page .product__page-content .container {
    padding-right: 0;
  }

  .work h1 {
    margin-bottom: 2.5rem;
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .work-item__images {
    margin-bottom: 1.5625rem;
  }

  .work-item__images .swiper-slide {
    border-radius: 1.25rem;
  }

  .main-product {
    padding-block: 3.75rem;
  }

  .form-basket__position {
    padding-inline: 0.9375rem;
    padding-block: 4.375rem;
  }

  .form-basket__item-product span {
    font-size: 1.25rem;
  }

  .form-basket__data {
    margin-inline: 0;
    max-width: 100%;
    padding-inline: 0.9375rem;
    padding-block: 4.375rem;
  }

  .about-hero {
    min-height: 100vh;
    min-height: 100dvh;
    margin-bottom: 5rem;
  }

  .about-hero p {
    font-size: 1rem;
  }

  .about-hero .breadcrumbs {
    padding-top: 10.3125rem;
  }

  .about-hero__inner {
    gap: 10.9375rem;
  }

  .about-hero__top-desc h1 {
    max-width: 31.25rem;
    margin-bottom: 1.875rem;
    font-size: clamp( 1.75rem , -0.5rem  +  8.5714285714vw , 2.5rem );
  }

  .about-hero__bottom-desc {
    padding-left: 0.8125rem;
  }

  .project-hero {
    min-height: 52.75rem;
    padding-bottom: 13.125rem;
  }

  .project-hero__inner dl {
    margin-bottom: 5rem;
  }

  .project-hero__inner p {
    font-size: 1rem;
  }

  .tasks {
    margin-bottom: 5rem;
  }

  .tasks__inner {
    gap: 5rem;
  }

  .tasks__list {
    max-width: 100%;
  }

  .tasks__list ol {
    gap: 1.25rem;
  }

  .tasks__list li {
    font-size: 1rem;
    padding-left: 2.1875rem;
  }

  .tasks__list h2 {
    margin-bottom: 2.5rem;
    font-size: clamp( 1.5rem , -1.5rem  +  11.4285714286vw , 2.5rem );
  }

  .tasks__review {
    border-radius: 1.25rem;
    padding: 1.5625rem;
    margin-top: -11.875rem;
  }

  .tasks__review p {
    font-size: 1rem;
  }

  .tasks__review img {
    width: 1.125rem;
    height: 1.125rem;
  }

  .tasks__review-box {
    margin-bottom: 1.25rem;
  }

  .hero .swiper-slide {
    min-height: 100vh;
    min-height: 100dvh;
  }

  .hero__content {
    padding-top: 14.0625rem;
  }

  .hero__content h2 {
    font-size: clamp( 1.5rem , -0.90625rem  +  9.1666666667vw , 2.1875rem );
  }

  .hero__content p {
    font-size: 1rem;
  }

  .hero__content a {
    padding-inline: 1.875rem;
  }

  .hero .swiper-pagination {
    margin-top: -0.625rem;
  }

  .hero .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
  }

  .main-categories {
    margin-top: -6.25rem;
  }

  .architects-hero {
    margin-bottom: 7.5rem;
  }

  .architects-hero__inner img {
    border-radius: 1.25rem;
  }

  .architects-hero__inner p {
    font-size: 1rem;
  }

  .architects-hero__top-desc p {
    font-size: 1rem;
  }

  .architects-hero__top {
    margin-bottom: 5rem;
  }

  .architects-hero__bottom-desc h2 {
    font-size: 2.5rem;
    margin-bottom: 1.25rem;
  }

  .architects-hero__bottom-desc p:has(+ a) {
    margin-bottom: 1.25rem;
  }

  .footer {
    padding-block: 2.5rem;
  }

  .footer__contacts {
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__contacts span {
    margin-bottom: 0.3125rem;
  }

  .footer__contacts span:has(+ a) {
    margin-bottom: 1.25rem;
  }

  .footer__contacts p {
    margin-bottom: 0.625rem;
  }

  .footer__contacts > a:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 41.24875em) {
  .categories-items__item h2 {
    font-size: 1.125rem;
  }

  .photos-slider .swiper-slide {
    max-width: 100%;
  }

  .photos-slider .swiper {
    overflow: hidden;
  }

  .payment__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.9375rem;
  }

  .form-basket__item-product {
    flex-direction: column;
    max-width: 18.75rem;
    width: auto;
    align-items: flex-start;
    gap: 0.625rem;
  }

  .form-basket__item-product p {
    max-width: 100%;
  }

  .form-basket__item-product > a {
    max-width: 4.9375rem;
  }

  .project-hero__inner dl {
    display: flex;
    gap: 1.5625rem;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media (max-width: 29.99875em) {
  .breadcrumbs {
    margin-bottom: 1.5625rem;
    padding-top: 9.875rem;
  }

  .breadcrumbs__list-item {
    font-size: 0.75rem;
    padding-right: 0.875rem;
  }

  .breadcrumbs__list-item::after {
    right: 0.3125rem;
  }

  .search-style {
    gap: 0.3125rem;
  }

  .search-style button {
    font-size: 0.875rem;
    min-width: auto;
    padding-block: 0.9375rem;
  }

  .search-style input {
    padding-left: 2.5rem;
    padding-block: 0.875rem;
    font-size: 0.875rem;
  }

  .search-style input::placeholder {
    font-size: 0.875rem;
  }

  .search-style img {
    width: 1rem;
    height: 1rem;
  }
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
  .pagination a,
  .pagination span {
    font-size: 0.875rem;
    min-width: 2.1875rem;
    min-height: 2.1875rem;
  }

.wc-block-components-checkout-place-order-button,
  .btn {
    font-size: 0.875rem;
    padding-block: 0.75rem;
  }

  .badges {
    padding: 0.4375rem 0.625rem;
    font-size: 0.75rem;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.625rem;
  }

  .swiper-button-prev svg,
  .swiper-button-next svg {
    width: 0.875rem;
    height: 0.875rem;
  }

  .custom-select-container::after {
    width: 0.9375rem;
    height: 0.9375rem;
    right: 0.9375rem;
    top: 0.875rem;
  }

  .custom-select-opener {
    font-size: 0.875rem;
    padding: 0.75rem 2.5rem 0.75rem 0.9375rem;
  }

  .custom-select-option {
    font-size: 0.875rem;
    padding-inline: 2.5rem 0.9375rem;
  }

  .custom-select-option::after {
    left: 0.625rem;
    width: 1rem;
    height: 1rem;
  }

  .custom-select-option::before {
    width: 0.625rem;
    height: 0.625rem;
    left: 0.8125rem;
  }

  .header__contacts > a {
    font-size: 0.875rem;
  }

  .header__user-nav svg {
    width: 1.125rem;
    height: 1.125rem;
  }

  .header__user-nav span {
    min-height: 0.875rem;
    min-width: 0.875rem;
    padding-inline: 0.1875rem;
  }

  .header__box--right {
    gap: 0.9375rem;
  }

  .header__burger {
    width: 1.5625rem;
  }

  .header__accordion-inner {
    gap: 0.75rem;
  }

  .dropdown button,
  .dropdown a,
  .dropdown span {
    font-size: 0.875rem;
  }

  .dropdown svg {
    width: 0.9375rem;
    height: 0.9375rem;
  }

  .dropdown ul {
    margin-top: 0.625rem;
    padding-block: 0.625rem;
    min-width: 8.125rem;
    gap: 0.5rem;
  }

  .menu ul {
    gap: 0.75rem;
  }

  .menu a {
    font-size: 0.75rem;
  }

  .logo {
    max-width: 8.75rem;
  }

  .search h2 {
    font-size: 1rem;
  }

  .search__inner a {
    font-size: 0.875rem;
  }

  .blog__top {
    margin-bottom: 1.875rem;
  }

  .blog__top-buttons {
    gap: 0.625rem;
  }

  .blog__top-buttons button {
    font-size: 0.875rem;
    padding-block: 0.75rem;
  }

  .blog__items {
    grid-template-columns: repeat(auto-fill, minmax(14.375rem, 1fr));
    gap: 1.875rem;
  }

  .blog-item h2,
  .blog-item h3 {
    font-size: 1rem;
  }

  .blog-item p {
    font-size: 0.875rem;
  }

  .article__info h1 {
    font-size: 1rem;
  }

  .article__info time {
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
  }

  .article__info p {
    font-size: 0.875rem;
  }

  .article__info p:has(+ h2) {
    margin-bottom: 0.9375rem;
  }

  .article__info h2 {
    font-size: 1rem;
    margin-bottom: 0.625rem;
  }

  .article__info ul {
    gap: 0.3125rem;
  }
  .article__info .wp-block-gallery,
  .article__info ul:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .article__info li {
    font-size: 0.875rem;
  }

  .article__info li::after {
    top: 0.3125rem;
  }

  .slider-block__top {
    margin-bottom: 1.875rem;
  }

  .slider-block__arrows {
    gap: 0.9375rem;
  }

  .slider-block__buttons {
    gap: 0.625rem;
  }

  .slider-block__buttons button {
    font-size: 0.875rem;
    padding-block: 0.75rem;
  }

  .categories-items {
    gap: 0.9375rem 0.3125rem;
  }

  .categories-items__item-box {
    min-height: 8.125rem;
  }

  .categories-items__item {
    min-height: 13.75rem;
  }

  .categories-items__item strong {
    margin-bottom: 0.3125rem;
    font-size: 0.875rem;
  }

  .categories-items__item h2 {
    font-size: 0.875rem;
  }

  .categories-items__last h2 {
    font-size: 1rem;
    margin-bottom: 0.625rem;
  }

  .categories-items__last p {
    font-size: 0.875rem;
    margin-bottom: 0.9375rem;
  }

  .contacts h1 {
    font-size: 1.75rem;
    margin-bottom: 1.875rem;
  }

  .contacts__items {
    gap: 1.5625rem;
  }

  .contacts__item strong {
    font-size: 0.75rem;
    margin-bottom: 0.3125rem;
  }

  .contacts__item p,
  .contacts__item a {
    font-size: 1.125rem;
  }

  .contacts__item span {
    font-size: 1rem;
  }

  .contacts__map {
    height: 37.5rem;
  }

  .contacts-branches h2 {
    font-size: 1.75rem;
  }

  .contacts-branches__items {
    gap: 0.9375rem;
  }

  .contacts-branches__item-info {
    gap: 0;
  }

  .contacts-branches__item-info h3 {
    margin-bottom: 1.875rem;
  }

  .contacts-branches__item-info strong {
    font-size: 0.75rem;
    margin-bottom: 0.3125rem;
  }

  .contacts-branches__item-info span {
    font-size: 1rem;
  }

  .contacts-branches__item-box:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .support__info h2 {
    font-size: 2.1875rem;
  }

  .support__info > p {
    font-size: 0.875rem;
  }

  .support__info-connection {
    padding: 1.25rem;
  }

  .support__info-connection h3 {
    font-size: 1.25rem;
    margin-bottom: 0.9375rem;
  }

  .support__info-connection p {
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
  }

  .support__item {
    gap: 1.25rem;
  }

  .support__item-desc span {
    font-size: 2.1875rem;
  }

  .support__item-desc h4 {
    margin-bottom: 0.625rem;
  }

  .support__item-desc p {
    font-size: 0.875rem;
  }

  .card__item {
    padding: 1.25rem;
  }

  .card__item span {
    font-size: 0.75rem;
    margin-bottom: 0.625rem;
  }

  .card__item h2 {
    font-size: 1.75rem;
  }

  .card__item p {
    font-size: 0.875rem;
  }

  .catalog__top {
    margin-bottom: 1.25rem;
  }

  .catalog__filter {
    max-width: 18.125rem;
  }

  .catalog__items {
    grid-template-columns: repeat(auto-fill, minmax(10.3125rem, 1fr));
    -webkit-column-gap: 0.625rem;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
  }

  .catalog__bottom {
    margin-bottom: 2.5rem;
  }

  .catalog__bottom button {
    font-size: 0.875rem;
    gap: 0.625rem;
    padding: 0.75rem 0.9375rem;
  }

  .catalog__bottom img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 1.125rem;
    height: 1.125rem;
  }

  .catalog__form-select {
    max-width: 12.5rem;
  }

  .catalog__filter-close {
    top: 5rem;
    width: 1.875rem;
    height: 1.875rem;
  }

  .catalog-item {
    padding-top: 0.4375rem;
  }

  .catalog-item h2,
  .catalog-item h3 {
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
  }

  .catalog-item strong {
    font-size: 0.75rem;
    margin-bottom: 0.9375rem;
  }

  .catalog-item__product {
    margin-bottom: 0.625rem;
  }

  .catalog-item__price {
    margin-bottom: 0.125rem;
    gap: 0.3125rem;
  }

  .catalog-item__price span {
    font-size: 1.25rem;
  }

  .catalog-item__price s {
    font-size: 0.875rem;
  }

  .catalog-item__bottom {
    gap: 0.3125rem;
  }

.catalog-item__bottom .add_to_cart_button,
  .catalog-item__bottom button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
  }

.catalog-item__bottom .add_to_cart_button img,
  .catalog-item__bottom button img {
    width: 1.0625rem;
    height: 1.0625rem;
  }

  .process__content h2 {
    margin-bottom: 1.875rem;
  }

  .process__item h3 {
    font-size: 1.125rem;
  }

  .process__item p {
    font-size: 0.875rem;
  }

  .product-slider .catalog-item {
    padding-top: 0.4375rem;
  }

  .product-slider .catalog-item strong {
    margin-bottom: 0.9375rem;
  }

  .filter-catalog__box {
    margin-bottom: 2rem;
  }

  .filter-catalog__box:first-child {
    margin-bottom: 2.5rem;
  }

  .filter-catalog__box span,
  .filter-catalog__box p {
    font-size: 0.875rem;
  }

  .filter-catalog__box > span {
    margin-bottom: 1.25rem;
  }

  .filter-catalog__box h2 {
    font-size: 1.5rem;
  }

  .filter-catalog__labels {
    gap: 1.125rem;
  }

  .filter-catalog__labels label {
    font-size: 0.875rem;
  }

  .filter-catalog__choice label {
    font-size: 0.875rem;
  }

  .filter-catalog__choice label:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .filter-catalog__choice span {
    width: 2.4375rem;
    height: 1.25rem;
  }

  .filter-catalog__choice span::after {
    width: 0.9375rem;
    height: 0.9375rem;
    left: 0.1875rem;
  }

  .filter-catalog__choice input:checked + span::after {
    left: 53.8461538462%;
  }

  .filter-catalog__inputs input {
    font-size: 0.875rem;
  }

  .filter-catalog__show {
    font-size: 0.875rem;
    margin-top: 1.5625rem;
  }

  .payment__item--prepayment h2 {
    font-size: 1.75rem;
    margin-bottom: 0.9375rem;
  }

  .payment__item--prepayment > p {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }

  .payment__item--office h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .payment__item--office span {
    font-size: 0.875rem;
  }

  .payment__item--office strong {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
    max-width: 13.75rem;
  }

  .payment__item--office p {
    font-size: 0.875rem;
  }

  .payment__item--calculation h2 {
    font-size: 1.25rem;
  }

  .payment__item--calculation p {
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
  }

  .payment__item {
    padding: 1.875rem 1.25rem;
  }

  .payment__item-bottom span {
    font-size: 0.75rem;
    margin-bottom: 0.3125rem;
  }

  .payment__item-bottom p {
    font-size: 0.75rem;
  }

  .receiving__items {
    gap: 0.9375rem;
  }

  .receiving__item--pickup {
    gap: 1.25rem;
  }

  .receiving__item--transport {
    gap: 1.25rem;
  }

  .receiving__item--transport p {
    font-size: 0.875rem;
  }

  .receiving__item {
    padding: 1.875rem 1.25rem;
  }

  .receiving__item h3 {
    font-size: 1.25rem;
  }

  .receiving__item-time span {
    font-size: 0.875rem;
  }

  .receiving__item-box p {
    margin-bottom: 1.25rem;
  }

  .receiving__item-box span {
    font-size: 0.875rem;
  }

  .receiving__item-address span {
    font-size: 0.875rem;
  }

  .receiving__item-address strong {
    font-size: 1rem;
    max-width: 13.75rem;
  }

  .documents h2 {
    margin-bottom: 1.875rem;
  }

  .documents__info-desc p {
    font-size: 0.875rem;
  }

  .documents__info-desc li {
    font-size: 0.875rem;
  }

  .documents__info-methods li {
    font-size: 0.875rem;
  }

  .about {
    margin-bottom: 5rem;
  }

  .about__desc h2 {
    margin-bottom: 1.875rem;
  }

  .about__desc p {
    font-size: 0.875rem;
  }

.about__desc h3,
  .about__desc p:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .about__statistics-items {
    margin-bottom: 3.125rem;
  }

  .production {
    margin-bottom: 5rem;
  }

  .production img {
    max-width: 17.8125rem;
    right: -2.8125rem;
  }

  .production__desc {
    margin-bottom: 2.8125rem;
  }

  .production__desc p {
    font-size: 0.875rem;
  }

  .production__desc dl {
    gap: 0.625rem;
  }

  .production__desc dl div {
    gap: 0.9375rem;
  }

  .production__desc dt {
    font-size: 1.75rem;
  }

  .production__desc dd {
    font-size: 0.875rem;
  }

  .standard__images {
    gap: 0.3125rem;
  }

  .standard__desc p {
    font-size: 0.875rem;
  }

  .standard__desc li {
    font-size: 0.875rem;
  }

  .standard__desc li::after {
    top: 0.3125rem;
  }

  .reviews__top {
    gap: 1.25rem;
    margin-bottom: 1.5625rem;
  }

  .reviews__top-box {
    gap: 0.9375rem;
    align-items: center;
  }

  .reviews__top-box strong {
    font-size: 3.125rem;
    margin-top: 0;
  }

  .reviews__top-rating img {
    width: 1.125rem;
    height: 1.125rem;
  }

  .product-page .product__page-content .swiper-prev,
  .product-page .product__page-content .swiper-next {
    width: 0.9375rem;
    height: 0.9375rem;
  }

  .product__slider-box {
    max-width: 19.0625rem;
    margin-inline: auto;
  }

  .product__info {
    margin-bottom: 1.25rem;
  }

  .product__info strong {
    font-size: 0.75rem;
  }

  .product__price span {
    font-size: 1.5rem;
  }

  .product__price s {
    font-size: 0.875rem;
  }

  .product-page .product__page-content .quantity {
    width: 3.75rem;
    height: 2.5rem;
  }

  .product-page .product__page-content .quantity__button {
    width: 1.25rem;
    height: 1.25rem;
  }

  .product-page .product__page-content .quantity__button img {
    width: 0.5rem;
    height: 0.3125rem;
  }

  .product-page .product__page-content .quantity__input input {
    font-size: 1rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  .product__buttons .swiper-slide {
    font-size: 0.75rem;
  }

  .product__desc dl {
    gap: 0.625rem;
  }

  .product__desc dt,
  .product__desc dd {
    font-size: 0.875rem;
  }

  .product__desc p {
    font-size: 0.875rem;
  }

  .work__items {
    gap: 2.5rem;
  }

  .work-item h3,
  .work-item h4 {
    font-size: 1rem;
  }

  .work-item .swiper-pagination {
    gap: 0.3125rem;
    bottom: 0.625rem;
  }

  .work-item__name {
    gap: 0.625rem;
  }

  .work-item__name h2,
  .work-item__name h3 {
    font-size: 1rem;
  }

  .work-item__author {
    margin-bottom: 0.625rem;
    gap: 1.25rem;
  }

  .work-item__author p {
    font-size: 1rem;
  }

  .work-item__author span {
    font-size: 0.875rem;
  }

  .work-item__materials-inner {
    gap: 0.625rem;
  }

  .work-item__materials-img {
    width: 3.4375rem;
    height: 3.4375rem;
  }

  .work-item__materials-img img {
    max-width: 2.8125rem;
  width: 45px;
  height: 45px;
  }

  .work-item__materials-box p {
    font-size: 0.875rem;
    margin-bottom: 0.3125rem;
  }

  .work-item__materials-price span {
    font-size: 1.25rem;
  }

  .work-item__materials-price s {
    font-size: 0.875rem;
  }

  .work-item__materials {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(0%, #000), color-stop(90%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(to right, transparent, #000 0%, #000 90%, transparent);
    mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(0%, #000), color-stop(90%, #000), to(transparent));
    mask-image: linear-gradient(to right, transparent, #000 0%, #000 90%, transparent);
  }

  .work-item__materials .swiper-slide {
    max-width: 13.125rem;
  }

  .work-item__text {
    gap: 0.3125rem;
  }

  .work-item__text p,
  .work-item__text button {
    font-size: 0.875rem;
  }

  .main-product {
    margin-bottom: 5rem;
  }

  .form-basket__position {
    padding-bottom: 3.125rem;
  }

  .form-basket__position h2 {
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
  }

  .form-basket__close {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }

  .form-basket__close img {
    width: 0.9375rem;
    height: 0.9375rem;
  }

  .form-basket__item {
    gap: 1.25rem;
  }

  .form-basket__item-product {
    gap: 0.3125rem;
  }

  .form-basket__item-product > a {
    max-width: 3.75rem;
  }

  .form-basket__item-product p {
    font-size: 0.875rem;
  }

  .form-basket__item-product span {
    font-size: 1.125rem;
  }

  .form-basket__data-inputs {
    gap: 0.625rem;
  }

  .form-basket__data-inputs input {
    font-size: 0.875rem;
    padding-block: 0.8125rem;
  }

  .form-basket__data-inputs input::-webkit-input-placeholder {
    font-size: 0.875rem;
  }

  .form-basket__data-inputs input::-moz-placeholder {
    font-size: 0.875rem;
  }

  .form-basket__data-inputs input:-ms-input-placeholder {
    font-size: 0.875rem;
  }

  .form-basket__data-inputs input::-ms-input-placeholder {
    font-size: 0.875rem;
  }

  .form-basket__data-inputs input::placeholder {
    font-size: 0.875rem;
  }

  .about-hero p {
    font-size: 0.875rem;
  }

  .about-hero .breadcrumbs {
    padding-top: 9.875rem;
    margin-bottom: 5.9375rem;
  }

  .project-hero .breadcrumbs {
    margin-bottom: 5.9375rem;
  }

  .project-hero__inner h1 {
    margin-bottom: 1.875rem;
  }

  .project-hero__inner p {
    font-size: 0.875rem;
  }

  .project-hero__inner dl div {
    gap: 0.3125rem;
  }

  .project-hero__inner dt {
    font-size: 0.625rem;
  }

  .project-hero__inner dd {
    font-size: 0.875rem;
  }

  .tasks__list h2 {
    margin-bottom: 1.875rem;
  }

  .tasks__list li {
    font-size: 0.875rem;
  }

  .tasks__list li::after {
    font-size: 1rem;
  }

  .tasks__review strong {
    font-size: 1rem;
  }

  .tasks__review span {
    font-size: 0.875rem;
  }

  .tasks__review p {
    font-size: 0.875rem;
  }

  .tasks__review p:not(:last-child) {
    margin-bottom: 0.75rem;
  }

  .hero__content {
    gap: 1.25rem;
  }

  .hero__content p {
    font-size: 0.875rem;
  }

  .hero .swiper-pagination {
    top: -13.6875rem;
  }

  .main-categories {
    margin-top: -3.75rem;
    margin-bottom: 5rem;
  }

  .architects-hero .breadcrumbs {
    margin-bottom: 1.5625rem;
  }

  .architects-hero__inner p {
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
  }

  .architects-hero__bottom-img {
    max-width: 16.8125rem;
  }

  .architects-hero__bottom-desc h2 {
    font-size: 2.1875rem;
  }

  .footer__inner {
    gap: 1.875rem;
  }

  .footer__copy a {
    order: -1;
  }

  .footer__copy a img {
    max-width: 2rem;
  }

  .footer__box p {
    margin-bottom: 0.9375rem;
  }

  .footer__box ul {
    gap: 0.625rem;
  }

  .footer__box ul:not(:last-of-type) {
  margin-bottom: 0.625rem;
}

  .footer__nav {
    max-width: 100%;
  }

  .footer__info {
    max-width: 100%;
  }
}

@media (any-hover: hover) {
  .breadcrumbs__list-link:hover {
    opacity: 1;
  }

  .search-style button:hover {
    background-color: rgba(34, 34, 34, 0.7);
  }
.woocommerce-pagination a.page-numbers:hover,
  .pagination a:hover {
    opacity: 1;
  }

.wc-block-components-checkout-place-order-button:hover,
  .btn:hover {
    color: #fff;
    background-color: #222;
  }

  .header__contacts > a:hover {
    opacity: 0.5;
  }

  .header__user-nav a:hover path,
  .header__user-nav button:hover path {
    fill: rgba(34, 34, 34, 0.5);
  }

  [data-header-color] .header__user-nav a:hover path,
  [data-header-color] .header__user-nav button:hover path {
    fill: rgba(255, 255, 255, 0.5);
  }

  .open-menu .header__user-nav a:hover path,
  .open-menu .header__user-nav button:hover path,
  .scroll .header__user-nav a:hover path,
  .scroll .header__user-nav button:hover path {
    fill: rgba(34, 34, 34, 0.5);
  }

  .dropdown a:hover,
  .dropdown li:hover {
    opacity: 0.5;
  }

  .dropdown button:hover {
    opacity: 0.5;
  }

  .menu a:hover {
    opacity: 0.5;
  }

  .search__inner a:hover {
    opacity: 0.5;
  }

  .blog-item:hover span,
  .blog-item:hover h2,
  .blog-item:hover h3 {
    opacity: 0.7;
  }

  .blog-item:hover img {
    opacity: 0.8;
  }

  .categories-items a:hover img {
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
  }

  .categories-items__last .btn:hover {
    background-color: #5F5F5F;
  }

  .contacts__item a:hover {
    opacity: 0.5;
  }

  .contacts-branches__item-info a:hover {
    opacity: 0.5;
  }

  .card__item a:hover {
    background-color: #5F5F5F;
    color: #fff;
  }

  .catalog-item h2:hover,
  .catalog-item h3:hover {
    opacity: 0.5;
  }

  .catalog-item__product:hover {
    opacity: 0.7;
  }

.catalog-item__bottom .add_to_cart_button:hover,
  .catalog-item__bottom button:hover {
    background-color: #5F5F5F;
  }

  .filter-catalog__show:hover {
    opacity: 1;
  }

  .payment__item a:hover {
    background-color: #5F5F5F;
  }

  .product-page .product__page-content .quantity__button:hover img {
    opacity: 1;
  }

  .product-page .product__page-content .btn:hover {
    background-color: #5F5F5F;
  }

  .product__buttons .swiper-slide:hover {
    opacity: 1;
  }

  .work-item__name h2:hover,
  .work-item__name h3:hover {
    opacity: 0.5;
  }

  .work-item__materials-inner:hover {
    opacity: 0.7;
  }

  .work-item__text button:hover {
    opacity: 1;
  }

  .form-basket__close:hover {
    opacity: 1;
  }

  .form-basket__item-product p:hover {
    opacity: 0.5;
  }

  .form-basket__item-product > a:hover {
    opacity: 0.7;
  }

  .form-basket .quantity__button:hover img {
    opacity: 0.5;
  }

  .form-basket__item-remove:hover img {
    opacity: 0.5;
  }

  .wc-block-components-checkout-place-order-button,
  .form-basket__data button:hover {
    background-color: #5F5F5F;
  }

  .form-basket__labels a:hover {
    opacity: 0.5;
  }

  .architects-hero__top-desc a:hover {
    background-color: #5F5F5F;
  }

  .architects-hero__bottom-desc a:hover {
    background-color: #5F5F5F;
  }

  .footer__copy a:hover {
    color: #fff;
  }

  .footer__copy a:hover img {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  .footer__box a:hover {
    opacity: 1;
  }

  .footer__contacts > a:hover {
    color: rgba(255, 255, 255, 0.7);
  }

  .footer__contacts-socials a:hover {
    opacity: 0.7;
  }
}