/* Без JS макета (initLazyFade): картинки с loading="lazy" остаются видимыми */
img[loading=lazy]:not(.lazy-loaded) {
    opacity: 1;
}

.c-footer__contacts > a {
    font-size: 14px;
    font-weight: 600;
}

.c-footer__contacts > a + a {
    margin-top: 8px;
}

/* Поля форм — как search__input в #cloth-popup */
.ui-input__field,
.form-control {
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 44px;
    padding: 12px 16px;
    border: 1px solid rgba(30, 30, 30, 0.08);
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(30, 30, 30, 0.06);
    background-color: var(--color-white);
    background-image: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--body-color);
    transition: border-color var(--tr), box-shadow var(--tr);
}

.ui-input__field::placeholder,
.form-control::placeholder {
    color: #606277;
    opacity: 1;
}

.ui-input__field:focus,
.form-control:focus {
    outline: none;
    border-color: rgba(30, 30, 30, 0.16);
    box-shadow: 0 2px 8px rgba(30, 30, 30, 0.08);
    color: var(--body-color);
    background-color: var(--color-white);
}

@media (any-hover: hover) {
    .ui-input__field:hover,
    .form-control:hover {
        color: var(--body-color);
    }

    .ui-input__field:hover::placeholder,
    .form-control:hover::placeholder {
        color: #606277;
    }

    .bg-dark .ui-input__field:hover,
    .bg-dark .form-control:hover {
        color: var(--color-white);
    }

    .bg-dark .ui-input__field:hover::placeholder,
    .bg-dark .form-control:hover::placeholder {
        color: var(--color-white);
    }
}

.ui-input__field:disabled,
.ui-input__field[readonly],
.form-control:disabled,
.form-control[readonly] {
    background-color: var(--color-background);
    opacity: 1;
}

.ui-input--textarea .ui-input__field,
textarea.form-control {
    min-height: 120px;
    resize: vertical;
}

.ui-input__field.is-error,
.ui-input__field[aria-invalid="true"],
.ui-input__field[aria-describedby] {
    border-color: var(--color-red);
    background-color: var(--color-white);
}

.bg-dark .ui-input__field {
    background-color: #2B2930 !important;
    border-color: #535158;
    color: var(--color-white);
    box-shadow: none;
}

.bg-dark .ui-input__field::placeholder {
    color: var(--color-white);
}

@media (max-width: 1023.98px) {
    .c-popup-menu__content {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
}

.t-page--home .c-header__top,
.t-page--about .c-header__top {
    background-color: var(--color-black);
}

.t-page:not(.t-page--home):not(.t-page--about) .c-header__top {
    background-color: var(--color-background);
}

.t-page--home .s-hero__main,
.t-page--about .s-hero__main {
    padding-top: 48px;
}

@media (max-width: 1023.98px) {
    .t-page--home .s-hero__main,
    .t-page--about .s-hero__main {
        padding-top: 32px;
    }
}

.c-header .c-menu-top a.is-accent {
    color: #052236;
    font-weight: 600;
}

.c-header__action--user-guest,
.c-popup-menu__action--user-guest {
    color: rgba(255, 255, 255, 0.55);
}

.c-header__action--user-auth,
.c-popup-menu__action--user-auth {
    color: #fff;
}

.c-header__action--user.is-active,
.c-popup-menu__action--user.is-active {
    background-color: rgba(255, 255, 255, 0.18);
    border-radius: 6px;
}

@media (any-hover: hover) {
    .c-header__action--user-guest:hover,
    .c-popup-menu__action--user-guest:hover {
        color: rgba(255, 255, 255, 0.85);
    }

    .c-header__action--user-auth:hover,
    .c-popup-menu__action--user-auth:hover {
        color: #fff;
    }
}

.c-site-search {
    position: relative;
    z-index: 40;
    padding: 16px 0;
    background-color: var(--color-background);
}

.c-site-search.is-dark-mode {
    background-color: var(--color-black);
}

.c-site-search.is-dark-mode .search__field {
    background-color: #2b2930;
    border-color: #535158;
    box-shadow: none;
}

.c-site-search.is-dark-mode .search__input {
    color: var(--color-white);
}

.c-site-search.is-dark-mode .search__input::placeholder {
    color: #999;
}

.c-site-search.is-dark-mode .search__dropdown {
    background-color: #2b2930;
    border-color: #535158;
    box-shadow: none;
}

.c-site-search.is-dark-mode .search__dropdown-item {
    color: var(--color-white);
    border-top-color: #535158;
}

.c-site-search.is-dark-mode .search__dropdown-item:hover {
    background-color: #535158;
}

.c-site-search.is-dark-mode .search__dropdown-item span {
    color: #999;
}

.c-site-search.is-dark-mode .search__dropdown-footer {
    background-color: #27242b;
    color: #999;
}

.c-site-search.is-dark-mode .search__dropdown-footer:hover {
    background-color: #535158;
}

.c-site-search + main .t-page__breadcrumbs {
    padding-top: 0;
}

.c-site-search .search,
#cloth-popup .search.cloth {
    display: block;
    position: relative;
}

.c-site-search .search__form,
#cloth-popup .search.cloth .search__form {
    position: relative;
}

.c-site-search .search__field,
#cloth-popup .search.cloth .search__field {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    background-color: var(--color-white);
    border: 1px solid rgba(30, 30, 30, 0.08);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(30, 30, 30, 0.06);
    transition: border-color var(--tr), box-shadow var(--tr), border-radius var(--tr);
}

.c-site-search .search__form_active .search__field,
#cloth-popup .search.cloth .search__form_active .search__field {
    border-bottom-color: transparent;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
}

.c-site-search .search__input,
#cloth-popup .search.cloth .search__input {
    flex: 1;
    width: 100%;
    min-width: 0;
    padding: 12px 16px;
    border: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--body-color);
}

.c-site-search .search__submit {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 52px;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid rgba(30, 30, 30, 0.1);
    background-color: var(--color-background);
    color: var(--primary-color);
    cursor: pointer;
    transition: background-color var(--tr), color var(--tr), border-color var(--tr);
}

@media (any-hover: hover) {
    .c-site-search .search__submit:hover {
        background-color: var(--primary-color);
        color: var(--color-white);
        border-left-color: var(--primary-color);
    }
}

.c-site-search .search__submit:active {
    background-color: var(--primary-color-dark);
    color: var(--color-white);
    border-left-color: var(--primary-color-dark);
}

.c-site-search .search__dropdown,
#cloth-popup .search.cloth .search__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    height: 0;
    background-color: var(--color-white);
    border: 1px solid rgba(30, 30, 30, 0.08);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 16px rgba(30, 30, 30, 0.08);
    transition: height var(--tr);
}

.c-site-search .search__dropdown-container,
#cloth-popup .search.cloth .search__dropdown-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
}

.c-site-search .search__form_active .search__dropdown,
#cloth-popup .search.cloth .search__form_active .search__dropdown {
    height: 162px;
}

.c-site-search .search__dropdown-item,
#cloth-popup .search.cloth .search__dropdown-item {
    display: block;
    padding: 8px 16px;
    border-top: 1px solid rgba(30, 30, 30, 0.06);
    font-size: 13px;
    line-height: 22px;
    transition: background-color var(--tr);
}

.c-site-search .search__dropdown-item:hover,
#cloth-popup .search.cloth .search__dropdown-item:hover {
    background-color: rgba(242, 241, 238, 0.7);
}

.c-site-search .search__dropdown-item div,
#cloth-popup .search.cloth .search__dropdown-item div {
    display: inline;
    margin-right: 6px;
    font-weight: 600;
}

.c-site-search .search__dropdown-item span,
#cloth-popup .search.cloth .search__dropdown-item span {
    display: inline;
    color: var(--color-gray-500);
}

.c-site-search .search__dropdown-item_loading,
.c-site-search .search__dropdown-item_nothing,
#cloth-popup .search.cloth .search__dropdown-item_loading,
#cloth-popup .search.cloth .search__dropdown-item_nothing {
    color: var(--color-gray-500);
    pointer-events: none;
}

.c-site-search .search__dropdown-footer,
#cloth-popup .search.cloth .search__dropdown-footer {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 16px;
    background-color: var(--color-background);
    color: var(--color-gray-500);
    font-size: 13px;
    line-height: 22px;
    cursor: pointer;
    transition: background-color var(--tr);
}

.c-site-search .search__dropdown-footer:hover,
#cloth-popup .search.cloth .search__dropdown-footer:hover {
    background-color: rgba(242, 241, 238, 0.7);
}

@media (max-width: 767.98px) {
    .c-site-search {
        padding: 12px 0;
    }

    .c-site-search .search__input,
    #cloth-popup .search.cloth .search__input {
        padding: 10px 12px;
        font-size: 13px;
    }

    .c-site-search .search__submit {
        width: 44px;
    }
}

#cloth-popup .app-popup__dialog,
#cloth-popup .ui-popup__body,
#cloth-popup .ui-popup__main {
    overflow: visible;
}

@media (min-width: 768px) {
    #cloth-selection.app-popup--sm .app-popup__dialog {
        max-width: 920px;
    }
}

#cloth-selection .s-section.u-section-indent {
    margin-top: 0;
    margin-bottom: 0;
}

#cloth-selection .s-section--collection .s-section__head {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
    width: 100%;
}

#cloth-selection .s-section--collection .s-section__head-l,
#cloth-selection .s-section--collection .s-section__head-r {
    display: flex;
    justify-content: center;
    width: 100%;
}

#cloth-selection .s-section--collection .s-section__title {
    white-space: nowrap;
    text-align: center;
}

#cloth-selection .s-section--collection .f-link {
    justify-content: center;
}

#cloth-selection .ui-popup__header {
    padding-bottom: 0;
    z-index: 2;
}

#cloth-selection .ui-popup__close {
    z-index: 3;
}

#cloth-selection .ui-popup__main {
    padding-top: 16px;
}

#cloth-selection .app-popup__dialog,
#cloth-selection .ui-popup__body,
#cloth-selection .ui-popup__main {
    overflow: visible;
}

@media (max-width: 767.98px) {
    #cloth-selection.app-popup:not([hidden]) {
        align-items: flex-start;
    }

    #cloth-selection.app-popup--sm .app-popup__dialog {
        max-width: 100%;
        max-height: 100%;
        min-height: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    #cloth-selection .ui-popup__header {
        flex-shrink: 0;
        position: sticky;
        top: 0;
        background-color: var(--color-white);
        min-height: 48px;
        padding-bottom: 8px;
    }

    #cloth-selection .ui-popup__body {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
    }

    #cloth-selection .ui-popup__close {
        top: 8px;
        right: 8px;
        width: 44px;
        height: 44px;
    }
}

.c-filter + .s-section--categories {
    margin-top: 20px;
}

.s-section__footer .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.s-section__footer .pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #e6e5e2;
    background-color: #fff;
    color: inherit;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.s-section__footer .pagination .active a {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.c-select-model--catalog {
    margin-top: 20px;
    margin-bottom: 85px;
}

.c-select-model__title {
    margin-bottom: 24px;
}

.c-select-model__box {
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: 20px;
    padding: 31px 51px 43px 36px;
}

.c-select-model__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
}

.c-select-model__item {
    background-color: #f2f1ee;
    border-radius: 20px;
    text-align: center;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
}

.c-select-model__item-icon {
    width: 110px;
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    position: relative;
}

.c-select-model__item-icon img {
    width: 100%;
    height: auto;
    max-height: 77px;
    object-fit: contain;
}

.c-select-model__item-title {
    font-size: 16px;
    font-weight: 600;
    margin-top: auto;
}

.c-select-model__item-count {
    font-size: 14px;
    line-height: 1.42em;
    font-weight: 400;
    color: #606277;
    white-space: nowrap;
    margin-top: 2px;
}

@media (max-width: 1023.98px) {
    .c-select-model__title {
        display: none;
    }

    .c-select-model__box {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }

    .c-select-model__grid {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 10px;
    }

    .c-select-model__item {
        border: 1px solid #e6e5e2;
        background-color: #fff;
        padding: 16px 5px;
    }

    .c-select-model__item-icon {
        width: 76px;
        height: 43px;
        margin-bottom: 8px;
    }

    .c-select-model__item-icon img {
        max-height: 43px;
    }

    .c-select-model__item-title {
        font-size: 14px;
    }

    .c-select-model__item-count {
        font-size: 12px;
        margin-top: 5px;
    }

    .c-select-model--catalog {
        margin: 40px 0;
    }
}

.c-catalog-list--catalog {
    margin-top: 43px;
    margin-bottom: 89px;
}

.c-catalog-list__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 190px));
    gap: 20px;
}

.c-catalog-list__grid--cars {
    grid-template-columns: repeat(auto-fill, minmax(185px, 200px));
    justify-content: left;
    gap: 20px;
}

.c-catalog-list__grid--cars .c-catalog-list__item {
    justify-content: flex-start;
    width: 100%;
}

.c-catalog-list__grid--cars .c-catalog-list__icon {
    width: 150px;
    max-width: calc(100% - 20px);
    height: auto;
}

.c-catalog-list__grid--cars .c-catalog-list__icon img {
    width: 150px;
    max-width: 100%;
    height: auto;
}

.c-catalog-list__grid--cars .c-catalog-list__desc {
    padding: 0 6px;
    line-height: 1.35;
}

.c-catalog-list__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    min-height: 140px;
    padding: 10px 5px;
    background-color: #fff;
    border: 1px solid #e6e5e2;
    border-radius: 20px;
    transition: background-color var(--tr-out);
}

.c-catalog-list__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    width: calc(100% - 20px);
    height: 76px;
    margin-bottom: 2px;
}

.c-catalog-list__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.c-catalog-list__title {
    font-size: 18px;
    font-weight: 600;
}

.c-catalog-list__desc {
    margin-top: 8px;
    font-size: 14px;
    color: #606277;
}

.c-catalog-list--brand .c-catalog-list__title,
.c-catalog-list--brand .c-catalog-list__desc {
    transition: color var(--tr-out);
}

.c-catalog-list--brand .c-catalog-list__item {
    transition: background-color var(--tr-out), border-color var(--tr-out);
}

@media (any-hover: hover) {
    .c-catalog-list--brand .c-catalog-list__item:hover {
        background-color: var(--color-black);
        border-color: var(--color-black);
    }

    .c-catalog-list--brand .c-catalog-list__item:hover .c-catalog-list__title {
        color: var(--primary-color);
    }

    .c-catalog-list--brand .c-catalog-list__item:hover .c-catalog-list__desc {
        color: var(--color-white);
    }
}

@media (max-width: 1023.98px) {
    .c-catalog-list--catalog {
        margin-top: 16px;
        margin-bottom: 41px;
    }

    .c-catalog-list__grid {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 10px;
    }

    .c-catalog-list__grid--cars {
        grid-template-columns: repeat(auto-fill, minmax(155px, 180px));
        justify-content: center;
        gap: 10px;
    }

    .c-catalog-list__item {
        min-height: 89px;
    }

    .c-catalog-list__title {
        font-size: 14px;
    }

    .c-catalog-list__desc {
        font-size: 12px;
        margin-top: 5px;
    }
}

@media (max-width: 575.98px) {
    .c-catalog-list__icon {
        height: 17vw;
    }

    .c-catalog-list__grid--cars .c-catalog-list__icon {
        width: calc(100% - 20px);
        height: auto;
    }

    .c-catalog-list__grid--cars .c-catalog-list__icon img {
        width: 100%;
        height: auto;
    }
}

.s-section--hit-goods .c-card-product__article {
    margin-bottom: 12px;
    font-size: 13px;
}

.c-card-product__title_hit {
    margin-top: 0;
    margin-bottom: 12px;
}

.s-section--hit-goods .c-card-product__desc {
    margin-bottom: 12px;
}

.c-product--car {
    padding-top: 0;
}

.c-product--car .c-product__gallery {
    margin-bottom: 10px;
}

.c-product__main {
    display: grid;
    grid-template-columns: 49% 46%;
    justify-content: space-between;
}

.c-product__main-l {
    min-width: 0;
}

.c-product__main-r {
    min-width: 0;
}

.c-block-form__group:not(:last-child) {
    margin-bottom: 26px;
}

.c-block-form__toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

.c-block-form__reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--color-text, #1a1a1a);
    text-decoration: none;
    transition: opacity 0.2s ease;
}

@media (any-hover: hover) {
    .c-block-form__reset:hover {
        opacity: 0.65;
    }
}

.c-block-form__options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.c-block-form__subtitle {
    font-family: var(--font-family-second);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 11px;
    display: block;
    width: 100%;
}

.c-product--car .c-block-form .ui-checkbox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.c-product--car .c-block-form .ui-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 30px;
    border-radius: 28px;
    background-color: var(--color-white);
    min-height: 47px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid var(--color-white);
    transition: none;
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__label::before,
.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__label::after {
    content: none;
}

@media (any-hover: hover) {
    .c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__label:hover {
        border-color: var(--color-black);
    }
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__input:checked ~ .ui-checkbox__label {
    background-color: var(--color-black);
    border-color: var(--color-black);
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__label .ui-checkbox__text {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    color: var(--body-color);
    line-height: 1.5em;
    user-select: none;
    transition: none;
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__input:checked ~ .ui-checkbox__label .ui-checkbox__text {
    color: var(--color-white);
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__label .ui-checkbox__text-note {
    padding: 0 4px;
    background-color: #d8a14a;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    white-space: nowrap;
    color: var(--color-white);
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__input:checked ~ .ui-checkbox__label .ui-checkbox__text-note {
    color: var(--color-black);
}

.c-product--car .c-block-form .ui-checkbox--lg {
    width: 100%;
}

.c-product--car .c-block-form .ui-checkbox--lg .ui-checkbox__label {
    width: 100%;
    border-radius: 20px;
    padding-right: 23px;
}

.c-product--car .c-block-form .ui-checkbox--lg .ui-checkbox__label .ui-checkbox__text {
    width: 100%;
}

.c-product--car .c-block-form .ui-checkbox__text-left {
    margin-right: 20px;
}

.c-product--car .c-block-form .ui-checkbox__text-title {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}

.c-product--car .c-block-form .ui-checkbox__text-desc {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #606277;
    margin-top: 3px;
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__input:checked ~ .ui-checkbox__label .ui-checkbox__text-desc {
    color: var(--color-white);
}

.c-product--car .c-block-form .ui-checkbox--title.is-disabled .ui-checkbox__label,
.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__input:disabled ~ .ui-checkbox__label {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__input:disabled:checked ~ .ui-checkbox__label {
    opacity: 1;
    background-color: var(--color-black);
    border-color: var(--color-black);
}

.c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__input:disabled:checked ~ .ui-checkbox__label .ui-checkbox__text {
    color: var(--color-white);
}

@media (any-hover: hover) {
    .c-product--car .c-block-form .ui-checkbox--title.is-disabled .ui-checkbox__label:hover,
    .c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__input:disabled ~ .ui-checkbox__label:hover {
        border-color: var(--color-white);
    }
}

.c-product--car .s-section--products--xs-on-mobile .s-section__grid {
    display: grid;
}

.c-product__gallery {
    display: flex;
    max-width: 547px;
    border-radius: 30px;
    overflow: hidden;
}

.c-product__gallery a {
    display: block;
    width: 100%;
}

.c-product__gallery img {
    width: 100%;
    height: auto;
    border-radius: 30px;
}

.c-product__meta {
    margin-bottom: 34px;
}

.c-product__meta-items {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.c-product__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--primary-color);
}

.c-product {
    padding-top: 44px;
    margin-bottom: 60px;
}

.c-product--car,
.c-product--good,
.c-product--category {
    padding-top: 0;
}

.c-product__title {
    margin-bottom: 32px;
}

.c-product__sku {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 4px;
    color: #606277;
    text-transform: uppercase;
}

.c-product__description,
.c-product__description-mobile {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 24px;
    border-radius: 20px;
}

.c-product__description {
    margin-top: 0;
}

.c-product__description-mobile {
    display: none;
}

.c-product__description-title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
}

.c-product__description-txt {
    font-size: 14px;
    color: #606277;
    line-height: 1.42em;
}

.c-product__purchase-block {
    margin-top: 40px;
}

.c-product__prices {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.c-product__price-label {
    font-family: var(--font-family-second);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}

.c-product__price-wrapper {
    display: flex;
    gap: 4px 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.c-product__price-current {
    font-family: var(--font-family-second);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    color: var(--primary-color);
    white-space: nowrap;
}

.c-product__price-old {
    font-size: 16px;
    line-height: 1.42em;
    color: #606277;
    text-decoration: line-through;
    transform: translateY(-4px);
    white-space: nowrap;
}

.c-product__price-total {
    font-family: var(--font-family-second);
    font-size: 32px;
    line-height: 1.5em;
    height: 48px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.c-product__button-cart {
    margin-top: 19px;
}

@media (min-width: 1024px) {
    .c-product__button-cart {
        width: 295px;
        font-size: 20px;
        gap: 8px;
        height: 60px;
    }

    .c-product__button-cart svg {
        width: 15px;
        height: auto;
    }
}

@media (max-width: 1023.98px) {
    .c-product {
        margin-bottom: 64px;
        padding-top: 16px;
    }

    .c-product--car,
    .c-product--good,
    .c-product--category {
        padding-top: 0;
    }

    .c-product__main {
        grid-template-columns: 1fr;
    }

    .c-product__main-l {
        display: flex;
        flex-direction: column;
    }

    .c-product__title {
        margin-bottom: 16px;
        order: 2;
    }

    .c-product__gallery-wrap {
        order: 4;
    }

    .c-product__meta {
        order: 3;
        margin-bottom: 16px;
    }

    .c-product__description,
    .c-product__description-mobile {
        padding: 18px 15px 25px;
    }

    .c-product__description-title {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .c-product__description-txt {
        font-size: 12px;
    }

    .c-product__price-label {
        font-size: 14px;
    }

    .c-product__price-current,
    .c-product__price-total {
        font-size: 24px;
    }

    .c-product__price-total {
        height: auto;
        line-height: 1.2em;
    }

    .c-product__price-old {
        font-size: 14px;
    }

    .c-product__purchase-block {
        margin-top: 35px;
    }

    .c-product__button-cart {
        width: 100%;
    }

    .c-product__sku {
        display: none;
    }

    .c-product__gallery img {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}

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

    .c-product__description-mobile {
        display: block;
        margin-top: 35px;
        width: 100%;
    }
}

@media (max-width: 375px) {
    .c-product__prices {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

.c-product--car .s-section--products .s-section__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.c-product--category .s-section--products--xs-on-mobile .s-section__grid {
    display: grid;
}

.c-product--category .s-section--products .s-section__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.c-product--category .c-card-product .product__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    margin-top: 8px;
}

.c-product--category .c-card-product .product__data {
    font-size: 13px;
    line-height: 22px;
    color: #606277;
    margin-top: 8px;
    text-align: left;
}

.c-product--category .c-card-product__footer {
    margin-top: 8px;
}

.c-product--car .s-section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.c-product--car .s-section--videos .s-section__grid,
.c-product--car .s-section__grid--videos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px 20px;
}

.c-product--car .s-section__grid--reviews {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.c-card-product {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--color-white);
    border-radius: 20px;
    border: 1px solid #e6e5e2;
    padding: 20px;
    padding-top: 64px;
    overflow: hidden;
}

.c-card-product__labels {
    position: absolute;
    top: 18px;
    left: 18px;
    right: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    z-index: 1;
}

.c-card-product__labels .f-label {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    line-height: 1.2em;
    text-align: center;
}

.c-card-product__labels .f-label.color-secondary {
    border-color: currentColor;
}

@media (max-width: 575.98px) {
    .c-card-product__labels {
        display: none;
    }
}

.c-card-product__preview {
    display: block;
    position: relative;
    padding-bottom: 66%;
}

.c-card-product__preview .u-of-media__inner {
    position: absolute;
    inset: 0;
}

.c-card-product__body {
    flex-grow: 1;
}

.c-product--car .c-card-product__body {
    flex-grow: 0;
}

.c-product--car-full .c-card-product__body {
    flex-grow: 1;
}

.c-product--car .c-card-product .product__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    margin-top: 8px;
}

.s-section--categories .c-card-category__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin-top: 8px;
}

@media (max-width: 1023.98px) {
    .s-section--categories .c-card-category__title {
        font-size: 14px;
    }
}

.c-product--car .c-card-product .product__data,
.c-product--car .c-product-kit-footer .product__data {
    font-size: 13px;
    line-height: 22px;
    color: #606277;
    margin-top: 8px;
    text-align: left;
}

.c-product--car .c-card-product .product__price_below-title,
.c-product--car .c-product-kit-footer .product__price_below-title {
    margin-top: 4px;
    font-size: 1.35em;
    font-weight: 700;
    text-align: center;
}

.c-product--car .c-card-product__footer {
    margin-top: 8px;
}

.c-product--car-full .c-card-product__footer {
    margin-top: auto;
}

.c-product--car .c-card-product .product__price-old,
.c-product--car .c-product-kit-footer .product__price-old {
    font-size: 0.8em;
    font-weight: 400;
    color: #606277;
    text-decoration: line-through;
}

.c-product--car .c-card-product .product__price-current_blue,
.c-product--car .c-product-kit-footer .product__price-current_blue {
    color: #2563eb;
}

.c-card-product__title {
    display: block;
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22em;
    color: inherit;
    text-decoration: none;
}

.c-card-product__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px 4px;
    margin-top: 16px;
}

.c-card-product--md .c-card-product__footer {
    flex-direction: column;
    align-items: flex-start;
}

.c-card-product.c-card-product--md .product__title,
.c-card-product.c-card-product--md .product__data {
    text-align: left;
}

.c-card-product--md .c-card-product__footer-r {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.c-card-product--md .c-card-product__footer-r .ui-button {
    width: 100%;
}

.c-card-product__cost {
    display: flex;
    align-items: flex-end;
    gap: 6px;
}

.c-card-product__get-price {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42em;
    margin-top: 4px;
    color: #606277;
}

.c-card-product__cart-form {
    display: inline-block;
    width: 100%;
}

.c-card-product__cart-form .ui-button {
    width: 100%;
}

.c-card-product__footer-r .ui-button.ui-button--in-cart,
.c-product-kit-footer .c-card-product__footer-r .ui-button.ui-button--in-cart {
    background-color: #606277;
    border-color: #606277;
    color: #fff;
}

.c-card-product__footer-r .ui-button.ui-button--in-cart:disabled,
.c-product-kit-footer .c-card-product__footer-r .ui-button.ui-button--in-cart:disabled {
    background-color: #606277;
    border-color: #606277;
    color: #fff;
    opacity: 1;
}

.c-product-kit-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e6e5e2;
}

.c-product-kit-footer .c-card-product__footer-l,
.c-product-kit-footer .c-card-product__footer-r {
    width: 100%;
}

.c-product--car .c-product-kit-footer .product__data {
    text-align: center;
}

.c-product-kit-footer .c-card-product__footer-r .ui-button {
    width: 100%;
}

.c-card-video {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.c-card-video__preview {
    position: relative;
    padding-bottom: 60%;
    border-radius: 20px;
    overflow: hidden;
}

.c-card-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-card-video__preview .ui-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.c-card-video__preview .u-of-media__inner {
    position: absolute;
    inset: 0;
}

.c-card-video__preview .u-of-media__inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-card-video__title {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}

.c-card-review--placeholder {
    border-radius: 20px;
    border: 1px solid #e6e5e2;
    overflow: hidden;
    background-color: #fff;
}

.c-card-review__placeholder-img {
    width: 100%;
    height: auto;
    display: block;
}

.c-card-review__link {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-decoration: none;
    color: inherit;
}

.c-card-review__gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.c-card-review__thumb {
    display: block;
    overflow: hidden;
    border-radius: 8px;
}

.c-card-review__thumb img {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
}

@media (max-width: 1023.98px) {
    .s-section--reviews {
        overflow: visible;
    }

    .ui-slider__swiper--reviews .swiper-wrapper {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        transform: none !important;
    }

    .ui-slider__swiper--reviews .swiper-slide {
        max-width: none;
        width: auto !important;
        height: auto;
        margin-right: 0 !important;
    }
}

@media (max-width: 1280px) {
    .c-product--car .s-section--products .s-section__grid,
    .c-product--category .s-section--products .s-section__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1023.98px) {
    .c-product--car .c-product__gallery {
        margin-bottom: 20px;
    }

    .c-product__main {
        grid-template-columns: 1fr;
    }

    .c-block-form__group:not(:last-child) {
        margin-bottom: 20px;
    }

    .c-block-form__subtitle {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__label {
        padding: 10px 23px;
        font-size: 12px;
        min-height: 39px;
    }

    .c-product--car .c-block-form .ui-checkbox--title .ui-checkbox__label .ui-checkbox__text-note {
        font-size: 10px;
    }

    .c-product--car .c-block-form .ui-checkbox__text-title {
        font-size: 12px;
    }

    .c-product--car .c-block-form .ui-checkbox__text-desc {
        font-size: 12px;
    }

    .c-product__meta-item {
        font-size: 12px;
    }

    .c-product--car .s-section--videos .s-section__grid,
    .c-product--car .s-section__grid--videos {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 767.98px) {
    .c-card-product {
        padding: 16px;
        padding-top: 48px;
    }

    .c-card-product__title {
        font-size: 16px;
    }

    .c-card-product__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .c-product--car .s-section--products .s-section__grid,
    .c-product--category .s-section--products .s-section__grid {
        gap: 10px;
    }

    .c-product--car .s-section--videos .s-section__grid,
    .c-product--car .s-section__grid--videos,
    .c-product--car .s-section__grid--reviews {
        grid-template-columns: 1fr;
    }
}

/* Basket page */
.c-basket__notice {
    margin: 0 0 20px;
    padding: 14px 18px;
    border-radius: 12px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    font-size: 14px;
    line-height: 1.5;
    color: #065f46;
}

.c-basket__notice--warning {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

.c-basket__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    align-items: start;
}

.c-basket__items,
.c-basket__summary {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
}

.c-basket__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e6e5e2;
}

.c-basket__subtitle {
    margin: 0;
}

.c-basket__delivery-note {
    margin: 0 0 20px;
}

.c-basket .basket-block__clear-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f5f4f2;
    color: #606277;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.c-basket .basket-block__clear-btn:hover {
    color: #1f1f29;
    background: #eceae6;
}

.c-basket .basket-block__items {
    overflow-x: auto;
}

.c-basket .basket-table {
    width: 100%;
    border-collapse: collapse;
}

.c-basket .basket-table th,
.c-basket .basket-table td {
    padding: 16px 12px;
    border-bottom: 1px solid #e6e5e2;
    vertical-align: middle;
}

.c-basket .basket-table th {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #606277;
}

.c-basket .basket-table tbody tr:last-child td {
    border-bottom: 0;
}

.c-basket .basket-item__name {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

.c-basket .basket-item__name:hover {
    color: #b2895f;
}

.c-basket .basket-item__image img,
.c-basket .basket-kit-components__image-link img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 8px;
    background: #f5f4f2;
}

.c-basket .basket-kit-components__images {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.c-basket .basket-kit-components__title {
    font-weight: 600;
    margin-bottom: 8px;
}

.c-basket .basket-kit-components__names {
    margin: 0;
    padding-left: 18px;
}

.c-basket .basket-qty-stepper {
    min-width: 110px;
}

.c-basket .basket-qty-stepper .ui-quantity__button {
    display: inline-flex;
}

.c-basket .basket-qty-stepper .ui-quantity__button button {
    pointer-events: none;
}

.c-basket .basket-qty-stepper .count {
    width: 100%;
    text-align: center;
    border: 0;
    background: transparent;
    font: inherit;
    color: inherit;
    -moz-appearance: textfield;
}

.c-basket .basket-qty-stepper .count::-webkit-outer-spin-button,
.c-basket .basket-qty-stepper .count::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.c-basket .current-sum {
    font-weight: 600;
    white-space: nowrap;
}

.c-basket .basket-item-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #606277;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.c-basket .basket-item-remove:hover {
    color: #1f1f29;
    background: #f5f4f2;
}

.c-basket .c-product__purchase-block {
    position: sticky;
    top: 100px;
}

@media (max-width: 1023.98px) {
    .c-basket__grid {
        grid-template-columns: 1fr;
    }

    .c-basket .c-product__purchase-block {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .c-basket__items,
    .c-basket__summary {
        padding: 16px;
    }

    .c-basket .basket-table thead {
        display: none;
    }

    .c-basket .basket-table tr {
        display: grid;
        grid-template-columns: 80px 1fr;
        gap: 12px 16px;
        padding: 16px 0;
    }

    .c-basket .basket-table td {
        display: block;
        padding: 0;
        border: 0;
    }

    .c-basket .basket-table td:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .c-basket .basket-table td:nth-child(3),
    .c-basket .basket-table td:nth-child(4) {
        grid-column: 2;
    }

    .c-basket .basket-table td:nth-child(5) {
        grid-column: 2;
        justify-self: end;
    }
}

/* Product card (good.php) */
.c-product--good {
    padding-top: 0;
}

.c-product--good .c-product__title {
    margin-bottom: 32px;
}

.c-product--good .c-product__title .f-heading-h1 {
    font-size: 34px;
    line-height: 1.2;
}

@media (max-width: 1023.98px) {
    .c-product--good .c-product__title {
        margin-bottom: 16px;
    }

    .c-product--good .c-product__title .f-heading-h1 {
        font-size: 26px;
        line-height: 1.25;
    }
}

.c-product--good .c-product__gallery-wrap {
    position: relative;
    margin-bottom: 10px;
}

.c-product--car .c-product__gallery-wrap {
    margin-bottom: 10px;
}

.c-product--good .c-product__badges {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
}

.c-product--good .c-product__gallery-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.c-product--good .c-product__gallery-thumb {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid transparent;
}

.c-product--good .c-product__gallery-thumb.is-active,
.c-product--good .c-product__gallery-thumb:hover {
    border-color: var(--primary-color);
}

.c-product--good .c-product__gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #f5f4f2;
}

.c-product--good .c-product__item--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    background: #f5f4f2;
    border-radius: 30px;
}

.c-product--good .c-product__image-error {
    margin-top: 12px;
    color: #9a3412;
    font-size: 14px;
}

.c-product--good .c-product__purchase-block {
    margin-top: 40px;
}

@media (max-width: 1023.98px) {
    .c-product--good .c-product__purchase-block {
        margin-top: 35px;
    }
}

.c-product--good .c-product__cart-form {
    width: 100%;
}

.c-product--good .c-product__prepayment-notice {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #9a3412;
}

.c-product--good .s-section--products--xs-on-mobile .s-section__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
}

@media (max-width: 1023.98px) {
    .c-product--good .c-product__main {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

.s-section--article {
    margin-top: 40px;
    margin-bottom: 100px;
    overflow: hidden;
}

@media (max-width: 1023.98px) {
    .s-section--article {
        margin-top: 20px;
        margin-bottom: 65px;
    }
}

.c-content {
    font-size: 14px;
    line-height: 1.6em;
    color: #606277;
}

.c-content h2 {
    font-family: var(--font-family-second);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 15px;
    color: var(--body-color);
}

.c-content h2:not(:first-child) {
    margin-top: 30px;
}

.c-content a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 1023.98px) {
    .c-content h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .c-content h2:not(:first-child) {
        margin-top: 20px;
    }
}

.c-content .content-gallery {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 10px;
    row-gap: 10px;
    vertical-align: top;
    background: var(--zinc-100, #f4f4f5);
    padding: 12px 16px;
    border-radius: 12px;
    box-sizing: border-box;
}

.c-content .content-gallery a {
    display: inline-block;
    line-height: 0;
}

.c-content .content-docs {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 10px;
    row-gap: 10px;
    vertical-align: top;
    box-sizing: border-box;
    background: var(--zinc-100, #f4f4f5);
    padding: 12px 16px;
    border-radius: 12px;
}

.c-content .content-docs__item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    max-width: 120px;
    text-align: center;
}

.c-content .content-docs__link {
    display: inline-block;
    line-height: 0;
}

.c-content .content-docs__icon {
    display: block;
    width: 48px;
    height: auto;
}

.c-content .content-docs__name {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.3;
    color: var(--zinc-700, #3f3f46);
    word-break: break-word;
}

.c-content .image_bg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-content .image_bg img {
    height: auto;
    max-height: 308px;
}

.c-content ul li {
    font-size: 15px;
    line-height: 26px;
    color: var(--zinc-700);
}

.c-content ul {
    list-style-type: disc;
}

.c-content table,
.c-content table td,
.c-content table tr {
    border: 0;
    border-collapse: collapse;
}

/* About page: content section (image left, text right) */
.s-section--content {
    margin-top: 76px;
    margin-bottom: 89px;
}

@media (max-width: 1023.98px) {
    .s-section--content {
        margin: 65px 0;
    }
}

.s-section--content .s-section__grid {
    display: grid;
    grid-template-columns: 46% 1fr;
    gap: 60px;
    align-items: center;
}

@media (max-width: 1023.98px) {
    .s-section--content .s-section__grid {
        gap: 30px;
    }
}

@media (max-width: 767.98px) {
    .s-section--content .s-section__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.s-section--content .s-section__picture {
    border-radius: 20px;
    overflow: hidden;
    display: flex;
}

.s-section--content .s-section__picture img,
.s-section--content .s-section__picture video {
    border-radius: 20px;
}

.s-section--content .s-section__title {
    display: none;
}

@media (max-width: 767.98px) {
    .s-section--content .s-section__title {
        display: block;
        margin-bottom: 12px;
    }
}

.s-section--content .s-section__content {
    font-size: 14px;
    color: #606277;
    line-height: 1.42em;
}

.s-section--content .s-section__content p:not(:last-child) {
    margin-bottom: 14px;
}

.s-section--content .s-section__content h1,
.s-section--content .s-section__content h2,
.s-section--content .s-section__content h3,
.s-section--content .s-section__content h4,
.s-section--content .s-section__content h5,
.s-section--content .s-section__content h6 {
    font-family: var(--font-family-second);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
    color: var(--body-color);
    margin-bottom: 16px;
}

@media (max-width: 1023.98px) {
    .s-section--content .s-section__content h1,
    .s-section--content .s-section__content h2,
    .s-section--content .s-section__content h3,
    .s-section--content .s-section__content h4,
    .s-section--content .s-section__content h5,
    .s-section--content .s-section__content h6 {
        font-size: 24px;
    }
}

@media (max-width: 767.98px) {
    .s-section--content .s-section__content h1:first-child,
    .s-section--content .s-section__content h2:first-child,
    .s-section--content .s-section__content h3:first-child,
    .s-section--content .s-section__content h4:first-child,
    .s-section--content .s-section__content h5:first-child,
    .s-section--content .s-section__content h6:first-child {
        display: none;
    }
}

.s-section--content .s-section__content a {
    text-decoration: underline;
}

/* About page: hero */
.s-hero--about .s-hero__main {
    min-height: 640px;
    padding-top: 101px;
}

@media (max-width: 1023.98px) {
    .s-hero--about .s-hero__main {
        min-height: 660px;
    }
}

.s-hero--about .s-hero__desc {
    margin-top: 25px;
}

@media (max-width: 767.98px) {
    .s-hero--about .s-hero__desc {
        margin-top: 12px;
        font-size: 12px;
    }
}

.s-hero--about .s-about__props {
    margin-top: 24px;
}

/* About page: advantages */
@media (min-width: 1024px) {
    .s-adv__box {
        border-radius: 20px;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 45px 41px 82px;
    }
}

.s-adv__title {
    margin-bottom: 36px;
}

@media (max-width: 1023.98px) {
    .s-adv__title {
        margin-bottom: 18px;
    }
}

.s-adv__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 48px;
}

@media (max-width: 1023.98px) {
    .s-adv__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

.s-adv__item {
    display: flex;
    align-items: center;
}

@media (max-width: 1023.98px) {
    .s-adv__item {
        border-radius: 20px;
        background-color: var(--color-white);
        padding: 13px 13px 25px;
    }
}

@media (max-width: 767.98px) {
    .s-adv__item {
        flex-direction: column;
        align-items: flex-start;
    }
}

.s-adv__item-pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    height: 115px;
    border: 1px solid #e6e5e2;
    border-radius: 20px;
    flex-shrink: 0;
    overflow: hidden;
    margin-right: 24px;
}

@media (max-width: 767.98px) {
    .s-adv__item-pic {
        width: 95px;
        height: 95px;
        margin-bottom: 12px;
    }
}

.s-adv__item-title {
    font-size: 16px;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .s-adv__item-title {
        font-size: 14px;
    }
}

.s-adv__item-desc {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.42em;
    color: #606277;
}

@media (max-width: 1023.98px) {
    .s-adv__item-desc {
        font-size: 12px;
    }
}

.t-page__head {
    margin-bottom: 20px;
}

.c-contacts__status--open {
    color: #197f23;
}

.c-contacts__status--closed {
    color: #d93025;
}

@media (max-width: 1023.98px) {
    .c-contacts {
        margin-bottom: 58px;
    }
}

.c-contacts__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

@media (max-width: 1023.98px) {
    .c-contacts__cards {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}

.c-contacts__card {
    border-radius: 20px;
    border: 1px solid #e6e5e2;
    padding: 25px;
    background-color: var(--color-white);
}

@media (max-width: 767.98px) {
    .c-contacts__card {
        padding: 8px 14px;
    }
}

.c-contacts__card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    color: var(--primary-color);
    margin-bottom: 28px;
}

@media (max-width: 767.98px) {
    .c-contacts__card-icon {
        width: 14px;
        margin-bottom: 8px;
    }
}

.c-contacts__card-icon svg,
.c-contacts__card-icon img {
    max-width: 100%;
    height: auto;
}

.c-contacts__card-main {
    display: flex;
}

.c-contacts__card-main-l {
    flex-grow: 1;
}

.c-contacts__card-main-r {
    align-self: flex-end;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.c-contacts__card-title {
    font-family: var(--font-family-second);
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .c-contacts__card-title {
        font-size: 12px;
    }
}

.c-contacts__card-desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.42em;
    font-weight: 400;
    color: #606277;
}

@media (max-width: 767.98px) {
    .c-contacts__card-desc {
        margin-top: 5px;
        font-size: 12px;
    }
}

.c-social {
    display: inline-flex;
    color: var(--primary-color);
}

.c-social__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
}

.c-social__item {
    display: flex;
}

.c-social__link {
    display: inline-flex;
    width: 27px;
    height: 27px;
}

@media (max-width: 767.98px) {
    .c-social__link {
        width: 23px;
    }
}

.c-social__link svg,
.c-social__link img {
    width: 100%;
    height: auto;
}

.c-contacts__map {
    margin: 20px 0;
}

@media (max-width: 767.98px) {
    .c-contacts__map {
        margin: 10px 0;
    }
}

.c-map__inner {
    position: relative;
}

.c-map__frame {
    width: 100%;
    height: 314px;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 1023.98px) {
    .c-map__frame {
        height: 230px;
    }
}

.c-contacts-map-balloon {
    position: absolute;
    left: 50%;
    bottom: 24px;
    z-index: 2;
    transform: translateX(-50%);
    max-width: calc(100% - 32px);
    padding: 14px 18px;
    border-radius: 12px;
    background-color: var(--color-white);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    text-align: center;
    pointer-events: none;
}

.c-contacts-map-balloon__title {
    font-family: var(--font-family-second);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.c-contacts-map-balloon__address {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.42;
    color: #606277;
}

@media (max-width: 767.98px) {
    .c-contacts-map-balloon {
        bottom: 16px;
        padding: 10px 14px;
    }

    .c-contacts-map-balloon__title {
        font-size: 14px;
    }

    .c-contacts-map-balloon__address {
        font-size: 12px;
    }
}

.c-contacts__params {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 1023.98px) {
    .c-contacts__params {
        gap: 10px;
    }
}

.c-contacts__specification {
    background-color: var(--color-white);
    padding: 35px 32px 48px;
    border-radius: 20px;
    border: 1px solid #e6e5e2;
}

@media (max-width: 1023.98px) {
    .c-contacts__specification {
        padding: 15px 11px;
    }
}

.c-contacts__specification-title {
    font-family: var(--font-family-second);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 22px;
}

@media (max-width: 1023.98px) {
    .c-contacts__specification-title {
        margin-bottom: 10px;
        font-size: 14px;
    }
}

.c-contacts__specification .c-specifications {
    color: #606277;
}

.c-specifications {
    font-size: 14px;
}

@media (max-width: 1023.98px) {
    .c-specifications {
        font-size: 11px;
    }
}

.c-specifications__item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 10px;
}

@media (max-width: 1023.98px) {
    .c-specifications__item {
        padding-bottom: 4px;
    }
}

.c-specifications__item-name {
    position: relative;
    display: block;
    flex-grow: 1;
    line-height: 1.5em;
}

.c-specifications__item-name::before {
    content: "";
    opacity: 1;
    bottom: 0.3em;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1.5px;
    background-image: linear-gradient(to right, rgba(96, 98, 119, 0.5) 37.5%, transparent 37.5%);
    background-size: 4px 100%;
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.c-specifications__item-name span {
    display: inline;
    align-items: flex-start;
    padding-right: 5px;
    position: relative;
    background-color: var(--color-white);
}

.c-specifications__item-value {
    padding-left: 4px;
    line-height: 1.5em;
    word-break: break-word;
    color: var(--black);
    text-align: right;
}

@media (max-width: 767.98px) {
    .c-contacts__specification .c-specifications__item-name::before {
        content: none;
    }
}

.u-hide-on-lg {
    display: block;
}

@media (max-width: 1023.98px) {
    .u-hide-on-lg {
        display: none;
    }
}

.u-show-on-lg {
    display: none;
}

@media (max-width: 1023.98px) {
    .u-show-on-lg {
        display: block;
    }
}

.c-contacts__specification-note {
    color: #606277;
    font-size: 14px;
    font-style: italic;
}

@media (min-width: 1024px) {
    .c-contacts__specification-note {
        padding-top: 14px;
        margin-top: 10px;
        border-top: 1px solid #e6e5e2;
    }
}

@media (max-width: 1023.98px) {
    .c-contacts__specification-note {
        margin-top: 6px;
        font-size: 12px;
    }
}

.c-contacts__specification-footer {
    grid-column: 1 / -1;
}

.s-feedback {
    padding: 20px 0;
}

@media (max-width: 1023.98px) {
    .s-feedback {
        padding: 0;
    }
}

.s-feedback__box {
    position: relative;
}

.s-feedback__box-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #141219 0%, #27242b 100%);
    border-radius: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    overflow: hidden;
}

.s-feedback__box-bg img {
    width: 483px;
    height: auto;
    border-radius: 0 0 20px 0;
}

@media (max-width: 767.98px) {
    .s-feedback__box-bg img {
        width: 100%;
    }
}

.s-feedback__box-main {
    position: relative;
    z-index: 1;
    padding: 40px 36px;
    color: var(--color-white);
}

@media (max-width: 1023.98px) {
    .s-feedback__box-main {
        padding: 28px 25px 130px;
    }
}

.s-feedback__title {
    margin-bottom: 20px;
}

@media (max-width: 1023.98px) {
    .s-feedback__title {
        margin-bottom: 16px;
        font-size: 20px;
    }
}

.s-feedback__form .ui-input:not(:last-child) {
    margin-bottom: 12px;
}

@media (max-width: 767.98px) {
    .s-feedback__form .ui-input .ui-input__field {
        height: 44px;
        padding: 12px;
        font-size: 12px;
    }
}

.s-feedback__form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
    align-items: stretch;
}

@media (max-width: 767.98px) {
    .s-feedback__form-grid {
        grid-template-columns: 1fr;
    }
}

.s-feedback__form-grid > div:last-child {
    display: flex;
    flex-direction: column;
}

.s-feedback__form-grid .ui-input--textarea {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.s-feedback__form-grid .ui-input--textarea .ui-input__field {
    flex: 1;
    min-height: 120px;
    height: 100%;
}

.s-feedback__submit {
    margin-top: 29px;
}

@media (max-width: 1023.98px) {
    .s-feedback__submit {
        margin-top: 20px;
    }
}

.s-feedback__submit .ui-button {
    width: 253px;
}

@media (max-width: 575.98px) {
    .s-feedback__submit .ui-button {
        width: 100%;
    }
}

.contacts-feedback__errors {
    margin-top: 14px;
    color: #ff8a80;
    font-size: 14px;
}

.contacts-feedback__errors ul {
    margin: 0;
    padding-left: 18px;
}

.s-reviews-page__list {
    display: flex;
    flex-direction: column;
}

.s-reviews-page__divider {
    margin: 24px 0;
    border: 0;
    border-top: 1px solid rgba(96, 98, 119, 0.18);
}

.s-section--reviews-page .c-card-review {
    min-height: 0;
}

.s-section--reviews-page .c-card-review__author-ava {
    width: 120px;
    height: 120px;
    font-size: 42px;
}

.s-section--reviews-page .c-card-review__author-l {
    margin-right: 20px;
}

/* Временная ссылка на старый сайт — удалить вместе с разметкой в views/layouts/main.php */
:root {
    --old-site-bannerH: 36px;
}

.c-old-site-banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 60;
    display: block;
    box-sizing: border-box;
    height: var(--old-site-bannerH);
    padding: 0 16px;
    background: #052236;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: var(--old-site-bannerH);
    text-align: center;
    text-decoration: none;
}

@media (any-hover: hover) {
    .c-old-site-banner:hover {
        color: #fff;
        text-decoration: underline;
    }
}

.c-header.is-fixed .c-header__top {
    top: var(--old-site-bannerH);
}