@import "fonts.css";

:root {
    --color-1: #29293F;
    --color-2: #CEBA77;
    --txt-1: #2B2F35;
    --txt-2: #BEA964;
    --txt-3: #29293F;
    --txt-4: #959A90;
    --search: #37375B;
    --s-line: #E0E0D8;
    --bg-grey: #F6F6F5;
    --line-f: #4E4E72;
    --tel-na: #29293F;
    --txt-footer: #A9A9C2;
    --tg: #29293F;
    --gr2: linear-gradient(270deg, #29293F 0%, #38385C 100%);


    --bs-font-sans-serif: "Onest", sans-serif;
    --bs-body-font-size: 16px;
    --bs-body-line-height: 1.55;
    --bs-body-color: var(--txt-1);

    --bs-primary: var(--color-1);

    --bs-link-color: var(--txt-2);
    --bs-link-color-rgb: 190, 169, 100;

    --bs-link-hover-color: var(--color-2);
    --bs-link-hover-color-rgb: 206, 186, 119;
}

body {

}

a {text-decoration: none; transition: .5s;}

strong {font-weight: 700;}

.page {font-size: 1.125rem; min-height: 100svh; display: flex; flex-direction: column; overflow: hidden;}
.page__main {flex-grow: 1; font-weight: 300;}

p, ul, ol {margin-bottom: 1.5rem;}

ul.list-gear {padding-left: 0;}
ul.list-gear li {padding-left: 30px; background: url('../images/icon-gear-marker.svg') no-repeat 0 5px; margin-bottom: 5px;}
ul.list-gear li::marker {content: none;}


h1, .h1 {font-size: 3.125rem;}
h2, .h2 {font-size: 2.25rem;}
h3, .h3 {font-size: 1.625rem;}
h4, .h4 {font-size: 1.25rem; font-weight: 500;}
h5, .h5 {}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5em;}

.mt-auto {margin-top: auto;}

@media (max-width: 991px) {
    :root {font-size: 14px;}

    h2, .h2 {font-size: 2rem;}
}

.btn {
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 5px;
    --bs-btn-font-size: inherit;
    --bs-btn-font-family: inherit;
    --bs-btn-border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.btn-primary,
.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-2);
    --bs-btn-border-color: var(--color-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--txt-2);
    --bs-btn-hover-border-color: var(--txt-2);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--txt-2);
    --bs-btn-active-border-color: var(--txt-2);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-2);
    --bs-btn-disabled-border-color: var(--color-2);
}

.btn-outline-primary,
.btn-outline-info {
    --bs-btn-color: inherit;
    --bs-btn-border-color: var(--color-2);
    --bs-btn-hover-color: var(--color-2);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--color-2);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--color-2);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--color-2);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-2);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-2);
    --bs-gradient: none;
    --bs-btn-border-width: 2px;
}

.btn-lg {
    min-height: 60px;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-xl {
    min-height: 80px;
    padding-left: 65px;
    padding-right: 65px;
    font-size: 24px;
}

.btn-block {
    width: 100%;
}

.grey-block {border-radius: 20px; background: var(--bg-grey); padding: 20px;}
.grey-block .d-flex {gap: 12px;}

@media (max-width: 767px) {
    .grey-block {padding: 10px;}

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

.form-group {
    margin-bottom: 1rem;
}

.form-control,
.form-select {
    min-height: 60px;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--color-2);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(206, 186, 119, .25);
}

.form-group_checkbox-set {display: flex; gap: 10px;}
.form-group_checkbox-set svg {flex-shrink: 0;}

.font-light {font-weight: 300;}
.font-normal {font-weight: 400;}
.font-medium {font-weight: 500;}
.font-semibold {font-weight: 600;}

.font-size-sm {font-size: .875rem;}

.container {
    max-width: 1730px;
    padding-left: 15px;
    padding-right: 15px;
}

.modal {--bs-modal-padding: 3rem;}
.modal-close {position: absolute; top: 1rem; right: 1rem; background: transparent; border: none; z-index: 5;}

img {max-width: 100%;}
.image-rounded {border-radius: 20px;}

.socials {gap: 5px;}

.accent-color {color: var(--color-2);}
.color-txt-4 {color: var(--txt-4);}

.overlay-link {position: absolute; inset: 0; opacity: 0;}

.header {position: relative; background: var(--color-1); color: #fff; margin-bottom: 24px; font-size: 1rem; z-index: 10;}
.header__main {display: flex; gap: 40px;}
.header__logo {flex-shrink: 0;}
.header__content {flex-grow: 1;}
.header__top {display: flex; justify-content: space-between; gap: 20px;}
.header__bottom {display: flex; justify-content: space-between; gap: 12px; padding-bottom: 25px;}
.header__menu {position: relative;}
.header__menu::before {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 6px; border-radius: 0 0 5px 5px; background: var(--search);}
.header__menu ul {display: flex; list-style: none; padding: 20px 0; margin: 0; gap: 20px 40px;}
.header__menu a {color: #fff;}
.header__menu a:hover,
.header__menu a.active {color: var(--color-2);}
.header__contacts {display: flex; gap: 10px 60px; font-size: 16px; align-items: center;}
.header__address {gap: 10px; display: flex; align-items: center;}
.header__address img {flex-shrink: 0;}
.header__schedule span {color: var(--txt-footer);}
.header__contacts-bottom {text-align: right; padding-right: 15px;}
.header__email {font-weight: 500;}
.header__phone {font-size: 1.375rem; font-weight: 500; color: #fff;}
.header__phone a {color: #fff;}
.header__search {flex-grow: 1; margin-right: 30px;}
.search {display: flex; align-items: center; background: var(--search); border-radius: 10px; color: #fff;}
.search__input {flex-grow: 1;border: none; padding: 0 20px; height: 60px; background: transparent; outline: none; box-shadow: none; color: inherit;}
.search__btn {color: var(--color-2); border: none; background: transparent; box-shadow: none; padding: 0; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.header__socials {padding-right: 15px; align-self: center;}
.header__burger {display: none;}

@media (max-width: 1599px) {
    .header__main {gap: 15px;}
    .header__logo {width: 120px; align-self: center;}
    .header__contacts {column-gap: 20px; line-height: 1.25;}
    .header__address {max-width: 300px;}
    .header__schedule span {display: block;}
    .header .btn {padding-left: 15px; padding-right: 15px;}
    .header__search {margin-right: 10px;}
}

@media (max-width: 1365px) {
    .header .btn span {width: min-content; text-align: left; line-height: 1;}
    .header__menu ul {gap: 10px 20px;}
    .header__socials {padding-right: 0;}
}

@media (max-width: 1199px) {
    .header__main {height: 60px;}
    .header__logo {width: 60px;}
    .header__content {display: none;}
    .header__burger {display: flex; margin-left: auto; border: none; background: transparent; padding: 0; height: 60px; align-items: center; color: inherit;}
    .menu-open .header__content {display: flex; flex-wrap: wrap; position: absolute; top: 60px; left: 0; width: 100%; max-height: calc(100svh - 60px); background: var(--color-1); padding-left: 15px; padding-right: 15px; justify-content: space-between; align-items: center; gap: 0; padding-bottom: 30px; overflow-y: auto;}
    .header__top,
    .header__bottom {display: contents;}
    .header .btn span {width: auto;}
    .header__menu {order: -5; width: 100%;}
    .header__menu ul {padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px;}
    .header__address {max-width: 100%;}
    .header__schedule span {display: inline;}
    .header__contacts {width: 100%; margin-bottom: 30px; gap: 20px 60px; flex-wrap: wrap;}

    .header__search {margin-right: 0; order: -1; margin-bottom: 20px; width: 100%;}
    .header__catalog {order: -4; margin-bottom: 20px;}

    .menu-open {overflow: hidden;}
}

@media (max-width: 767px) {
    .header__menu ul {flex-direction: column;}
}

@media (max-width: 599px) {
    .header__socials {width: 100%; margin-bottom: 15px;}
    .header__contacts-bottom,
    .header__contacts-bottom + .btn {margin-bottom: 15px;}
    .header__catalog,
    .header__content .btn {width: 100%;}
}


.breadcrumbs {margin: 40px 0 20px; font-size: 1rem;}
.breadcrumbs__link {text-decoration: none;}
.breadcrumbs__link::after {content: '|'; color: var(--s-line); margin: 0 5px;}



/* Footer */
.footer {position: relative; color: #fff; background: var(--color-1); margin-top: 24px; font-size: 1rem;}
.footer a {text-decoration: none;}
.footer__logo {display: flex; gap: 40px; align-items: flex-start; max-width: 500px;}
.footer__logo .h4 {color: var(--txt-2); margin-bottom: 15px;}
.footer__logo a {flex-shrink: 0;}

.footer__top {padding-top: 2.8125rem; padding-bottom: 1.875rem;}
.footer__menu {margin-left: auto; margin-right: auto;}
.footer__menu ul {list-style: none; margin: 0; padding: 0;}
.footer__menu li {margin-bottom: .5rem; padding: 0;}
.footer__menu a {color: inherit;}
.footer__menu a:hover,
.footer__menu a.active {color: var(--txt-2);}
.footer__catalog-title {margin-bottom: 15px;}
.footer__catalog-title a {color: inherit;}
.footer__catalog-title a:hover {color: var(--txt-2);}
.footer__catalog ul {list-style: none; margin: 0; padding: 0; column-count: 2; font-size: 0.875rem;}
.footer__catalog li {margin-bottom: 5px; padding: 0;}
.footer__catalog ul a {color: var(--txt-footer);}
.footer__catalog ul a:hover,
.footer__catalog ul a.active {color: var(--txt-2);}

.footer__contacts {border-top: 1px solid var(--line-f); padding-top: 1.875rem; padding-bottom: 1.875rem;}
.footer__contacts .row {gap: 2rem 0;}
.footer__address {margin-bottom: 1rem;}
.footer__phone {font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem;}
.footer__phone a {color: #fff;}
.footer__feedback {margin-bottom: 1rem;}
.footer__feedback .btn {--bs-btn-padding-y: 10px;}
.footer__socials .socials {justify-content: flex-end;}

.footer__bottom {border-top: 1px solid var(--line-f); padding-top: 1.875rem; padding-bottom: 1.875rem; gap: 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

@media (max-width: 1279px) {
    .footer__logo {gap: 15px; max-width: 420px;}
}

@media (max-width: 767px) {
    .footer__bottom {flex-direction: column; align-items: flex-start; gap: 10px;}
}

@media (max-width: 599px) {
    .footer__logo {max-width: 350px; font-size: .875rem;}
    .footer__logo img {width: 100px;}
    .footer__top .d-flex {flex-wrap: wrap;}
    .footer__menu {margin: 20px 0; column-count: 2; width: 100%;}
    .footer__contacts .d-flex {row-gap: 2rem;}
    .footer__contacts .d-flex > div {width: 100%;}
    .footer__socials .socials {justify-content: flex-start;}
}

/* Каталог */
.catalog-list {display: grid; gap: 22px; grid-template-columns: repeat(7, 1fr);}
.catalog-item {display: flex; overflow: hidden; position: relative; flex-direction: column; text-align: center; padding: 8px; border-radius: 20px; background: var(--bg-grey);}
.catalog-item__gear {position: absolute; top: 0; left: 0; width: 100%; padding: 20px; text-align: left; display: flex; align-items: flex-start; gap: 10px;}
.catalog-item__image {margin-bottom: 20px; position: relative; aspect-ratio: 1;}
.catalog-item__image img {width: 100%; height: 100%; object-fit: cover;}
.catalog-item__title {text-transform: uppercase; font-size: 1.125rem; min-height: 2lh; padding-left: 20px; padding-right: 20px; line-height: 1.25; font-weight: 500; display: flex; align-items: center; justify-content: center; transition: .5s;}
.catalog-item:hover .catalog-item__title {color: var(--color-2);}

.category-grid {display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); border-radius: 20px;}
.category-item {position: relative; padding: 35px 38px; background: var(--bg-grey); display: flex; flex-direction: column; overflow: hidden; border-radius: 20px;}
.category-item:hover {color: #fff; background: var(--gr2);}
.category-item__title {font-size: 1.75rem; font-weight: 500;}
.category-item__counter {margin-bottom: 1.75rem; font-size: 0.875rem; color: var(--txt-4);}
.category-item__list {margin-bottom: 1rem;}
.category-item__list a {color: inherit;}
.category-item__list a:hover {color: var(--txt-2);}
.category-item__more {margin-top: auto;}

.category-table {margin-bottom: 1.5rem;}
.category-table tr {position: relative;}
.category-table td {vertical-align: middle;}
.category-table .btn::before {content: ''; display: block; position: absolute; inset: 0;}
.category-table .btn-outline-primary:hover {color: #fff; background: var(--color-2);}
.category-table tr:hover td {background: var(--bg-grey);}
.category-table tr:hover .category-table__title {color: var(--txt-2);}

@media (max-width: 1365px) {
    .catalog-item__title {font-size: 1rem; padding-left: 0; padding-right: 0;}
}

@media (max-width: 1199px) {
    .catalog-list {gap: 12px;}
}

@media (max-width: 991px) {
    .catalog-list {overflow-x: auto; display: flex; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px;}
    .catalog-item {width: 150px; flex-shrink: 0;}
}

@media (max-width: 767px) {
    .category-grid {grid-template-columns: repeat(1, 1fr);}
    .category-item {padding: 20px;}
    .category-item__title {line-height: 1.25;}
    .category-item__list {display: flex; flex-direction: column; gap: 10px;}
}


/* Бренд */
.brand-row {margin-left: -35px; margin-right: -35px;}
.brand-row > .col {padding-left: 35px; padding-right: 35px;}
.brand-lead {max-width: 640px;}
.brand-logo {max-width: 300px;}

.brand-menu {margin-bottom: 3rem;}
.brand-menu ul {list-style: none; font-weight: 500; padding-left: 0; margin-left: 0;}
.brand-menu ul li {margin-bottom: .5rem;}
.brand-menu a {color: var(--txt-4);}
.brand-menu a:hover, .brand-menu a.active {color: var(--txt-2);}

.brands-list {display: flex; gap: 10px; flex-wrap: wrap;}
.brands-list__link {padding: 18px 30px; border-radius: 10px; font-size: 1.125rem; height: 60px; display: flex; align-items: center; white-space: nowrap; background: var(--bg-grey); color: var(--txt-1); font-weight: 500;}
.brands-list__link:hover {color: #fff; background: var(--color-2);}

.brand-catalogs {margin-top: 2rem; margin-bottom: 2rem; row-gap: 1.5rem;}
.brand-catalogs__item {position: relative;}
.brand-catalogs__media {margin-bottom: 20px; overflow: hidden; border-radius: 1rem; aspect-ratio: 590/840; background: var(--bg-grey);}
.brand-catalogs__media img {width: 100%; height: 100%; object-fit: cover;}
.brand-catalogs__title {text-align: center; font-size: 1.125rem; color: var(--txt-2); font-weight: 500;}

@media (max-width: 1199px) {
    .brand-menu ul {display: flex; flex-wrap: wrap; gap: 0 20px;}

    .brands-list__link {height: 40px; padding: 10px 15px; font-size: 1rem;}
}

@media (max-width: 991px) {
    .brand-catalogs__title {line-height: 1.25; font-size: 1rem;}
}

/* О компании */
.advantages {display: grid; gap: 22px; grid-template-columns: repeat(6, 1fr); margin-bottom: 4.5rem;}
.advantages__item {border-radius: 20px; background: var(--bg-grey); padding: 20px 20px 35px; position: relative; text-align: center; display: flex; flex-direction: column; overflow: hidden;}
.advantages__item--accent {grid-column: span 2; text-align: left; justify-content: flex-end; padding-left: 35px; padding-right: 35px;}
.advantages__icon {aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center;}
.advantages__title {margin-bottom: 1rem; font-weight: 600; font-size: 1.25rem; line-height: 1.25; padding-left: 10px; padding-right: 10px;}
.advantages__text {color: #64676C; font-size: .875rem; margin-left: -10px; margin-right: -10px;}
.advantages__gear {position: absolute; top: 20px; left: 20px; display: flex; gap: 10px;}
.advantages__item--accent .advantages__title {position: relative; color: #fff; padding-left: 0; padding-right: 0; font-size: 1.875rem;}
.advantages__item--accent .advantages__text {position: relative; color: #fff; margin-left: 0; margin-right: 0;}
.advantages__item--accent .advantages__image {position: absolute; inset: 0;}
.advantages__item--accent .advantages__image img {width: 100%; height: 100%; object-fit: cover; object-position: 0 0;}
.advantages__item--accent .advantages__gear {filter: brightness(100);}

@media (max-width: 1599px) {
    .advantages__item {padding-top: 10px; padding-bottom: 20px;}
    .advantages__title {padding-left: 0; padding-right: 0;}
    .advantages__item--accent {padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 1365px) {
    .advantages {gap: 12px;}
    .advantages__title {font-size: 1rem;}
    .advantages__item--accent .advantages__title {font-size: 1.5rem;}
    .advantages__text {font-size: .75rem;}
}

@media (max-width: 991px) {
    .advantages {overflow-x: auto; display: flex; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px;}
    .advantages__item {width: 190px; flex-shrink: 0;}
    .advantages__item--accent {width: 310px;}
}



/* Статья */
.articles {margin-top: 3.125rem; margin-bottom: 3.125rem; display: grid; gap: 65px 40px; grid-template-columns: repeat(3,1fr);}
.article-item {display: flex; flex-direction: column; position: relative;}
.article-item__image {width: 100%; aspect-ratio: 540/360; border-radius: 20px; overflow: hidden; background: var(--bg-grey); margin-bottom: 1.5rem;}
.article-item__date {color: var(--txt-4); margin-bottom: 1rem; font-size: 0.875rem;}
.article-item__title {margin-bottom: 1rem;}
.article-item:hover .article-item__title {color: var(--txt-2);}

.article__date {color: var(--txt-4); margin-bottom: 15px; font-size: 0.875rem;}
.article .row {margin-left: -30px; margin-right: -30px;}
.article .row > .col {padding-left: 30px; padding-right: 30px;}

/* Вакансии */
.vacancies {
    margin-top: 3.125rem; margin-bottom: 3.125rem;

    --bs-accordion-bg: #fff;
    --bs-accordion-border-color: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 10px;
    --bs-accordion-btn-padding-x: 1.875rem;
    --bs-accordion-btn-padding-y: 1.75rem;
    --bs-accordion-btn-bg: var(--bg-grey);
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    --bs-accordion-btn-icon-width: 15px;
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    --bs-accordion-btn-focus-border-color: var(--txt-1);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.875rem;
    --bs-accordion-body-padding-y: 1.75rem;
    --bs-accordion-active-color: var(--txt-1);
    --bs-accordion-active-bg: var(--bg-grey);

}
.vacancy {position: relative; margin-bottom: 10px;}
.vacancy__head {border-radius: var(--bs-accordion-border-radius); overflow: hidden;}
.vacancy__head .accordion-button {font-size: 1.625rem; font-weight: 500;}

/* Контакты */
.contacts__main {gap: 20px 50px; align-items: flex-start;}
.contacts__phone {font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem;}
.contacts__phone a {color: var(--txt-1);}
.contacts__phone a:hover {color: var(--color-2);}

.map-wrap .map {height: 545px; border-radius: 20px; overflow: hidden; margin-top: 3.125rem; background: var(--bg-grey);}
.prefooter .map-wrap .map {height: 330px; margin-top: 1.5rem;}
.mainpage-grid,
.prefooter__top {display: flex; gap: 22px; font-size: 1rem; overflow: hidden;}
.mainpage-grid__main,
.prefooter__main {flex-grow: 1; position: relative; padding: 40px 50px; border-radius: 20px; background: #eee;}
.prefooter__main {background: #222 url('../images/prefooterFormBg.png') no-repeat 0 0 / cover; color: #fff;}
.mainpage-grid__main {display: flex; flex-direction: column; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; min-height: 500px;}
.mainpage-grid__main a {color: inherit;}
.mainpage-grid__main a:hover {color: var(--color-2);}
.mainpage-grid__main .h3 {max-width: 550px; font-size: 1.875rem;}
.mainpage-grid__main .h2,
.prefooter__main .h2 {margin-bottom: .5rem;}
.mainpage-grid__main .form-group,
.prefooter__form .form-group {margin-top: 1.5rem; margin-bottom: 0;}

.mainpage-grid__aside,
.prefooter__aside {position: relative; padding: 40px 50px; border-radius: 20px; min-height: 380px; display: flex; flex-direction: column; width: 33%; flex-shrink: 0; background: #eee;}
.mainpage-grid__aside {background-repeat: no-repeat; background-position: 50% 0; background-size: cover;}
.prefooter__aside {background: var(--gr2); color: #fff;}
.prefooter__phone {font-size: 2.25rem; font-weight: 700; margin-bottom: .5rem;}
.mainpage-grid__aside a[href*="mailto"],
.mainpage-grid__aside a[href*="tel"],
.prefooter__phone a {color: #fff;}
.mainpage-grid__aside a[href*="mailto"]:hover,
.mainpage-grid__aside a[href*="tel"]:hover,
.prefooter__phone a:hover {color: var(--color-2);}
.prefooter__email {font-size: 1.125rem; margin-bottom: 1rem; }
.prefooter__schedule {display: flex; align-items: flex-start; gap: 10px;}
.prefooter__schedule img {flex-shrink: 0; margin-top: 3px;}
.prefooter__social {margin-top: auto; margin-bottom: 10px;}

@media (max-width: 1199px) {
    .mainpage-grid__main,
    .prefooter__main,
    .mainpage-grid__aside,
    .prefooter__aside {padding: 30px;}
    .prefooter__phone {font-size: 1.5rem;}
}

@media (max-width: 991px) {
    .mainpage-grid,
    .prefooter__top {flex-wrap: wrap;}
    .mainpage-grid__aside,
    .prefooter__aside {width: 100%; min-height: 0;}
    .prefooter__schedule {margin-bottom: 20px;}
}

@media (max-width: 767px) {
    .mainpage-grid__main,
    .prefooter__main,
    .mainpage-grid__aside,
    .prefooter__aside {padding: 20px;}

    .mainpage-grid__main .h1 {font-size: 2rem;}
    .mainpage-grid__main .h3 {font-size: 1.5rem;}

    .mainpage-grid__main h2,
    .mainpage-grid__main .h2,
    .prefooter__main h2,
    .prefooter__main .h2 {font-size: 2rem;}
}


/* Карточка товара */
.catalog-position {position: relative; margin-bottom: 50px;}
.catalog-position .row {margin-left: -35px; margin-right: -35px;}
.catalog-position .row > .col {padding-left: 35px; padding-right: 35px;}
.catalog-position__main {margin-bottom: 50px;}
.catalog-position__tech {background: var(--bg-grey); border-radius: 10px; padding: 35px; margin-bottom: 50px;}
.catalog-position__tech h3 {margin-bottom: 20px;}

.tech-item {display: flex; gap: 10px 14px; justify-content: space-between; align-items: baseline; margin-bottom: 15px;}
.tech-item__label {padding-left: 30px; background: url(../images/icon-quest.svg) no-repeat 0 2px; display: flex; gap: 14px; flex-grow: 1; align-items: baseline;}
.tech-item__label::after {content: ''; display: block; flex-grow: 1; border-bottom: 1px solid #ccc;}
.tech-item__value {white-space: nowrap;}

@media (max-width: 767px) {
    .catalog-position__tech {padding: 15px;}
    .tech-item {font-size: 1rem;}
    .tech-item__label {padding-left: 25px; background-size: 18px 18px;}
}