body {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
}

.disable-scroll {
    overflow-y: hidden;
    /*padding-right: 17px;*/
}

button:focus,
button:focus-visible {
    outline: none;
}

/* - - - Общие элементы: - - - */

a {
    /*color: unset;*/
    color: #337AB6;
    transition: .3s ease;
}

a:hover {
    /*color: inherit;*/
    text-decoration: none;
}

h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.link {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
}

.form-control:active,
.form-control:focus {
    box-shadow: none;
    outline: none;
    border-color: initial;
}

.custom-custom-select {
    position: relative;
}

.custom-custom-select .custom-custom-select-current {
    font-size: 20px;
    cursor: pointer;
    border: none;
    background: none;
}

.custom-custom-select .custom-custom-select-options {
    position: absolute;
    top: calc(100% + 1rem);
    right: 0;
    width: max-content;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 10;
    border-top: 1px solid #575757;
    background: #FFFFFF;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .07);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}

.custom-custom-select .custom-custom-select-options.active {
    opacity: 1;
    pointer-events: auto;
}

.custom-custom-select .custom-custom-select-options li {
    cursor: pointer;
    padding: 10px;
    background: #FFFFFF;
    font-size: 20px;
    transition: background-color .2s;
}

.custom-custom-select .custom-custom-select-options li:hover {
    background: #F2F2F2;
}


.btn-black {
    display: inline-block;
    padding: 19px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.21;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #1A1A1A;
    color: #FFFFFF;
    background: #1A1A1A;
    cursor: pointer;
    transition: background-color .3s ease, border-color .3s ease;
}

.btn-black:hover {
    background: rgba(26, 26, 26, .85);
    border-color: rgba(26, 26, 26, .85);
    color: #FFFFFF;
}

.btn-white {
    display: inline-block;
    padding: 19px;
    /*font-size: 14px;*/
    font-size: 18px;
    font-weight: 500;
    line-height: 1.21;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #1A1A1A;
    color: #000000;
    background: #FFFFFF;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease;
}

.btn-white:hover {
    background: #1A1A1A;
    color: #FFFFFF !important;
}

.btn-black .arrow,
.btn-white .arrow {
    transition: filter .2s;
}

.btn-black:hover .arrow,
.btn-white:hover .arrow {
    filter: invert(1);
}

.btn-black.arrow-left .arrow,
.btn-white.arrow-left .arrow {
    transform: rotate(180deg);
}

.input {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: inset 0 -1px 0 #eee;
    font-size: 18px;
    padding: 13px 20px;
    transition: border .2s ease;
    width: 100%;
}

/*.checkbox,*/
.radio {
    position: relative;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

/*.checkbox input,*/
.radio input {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/*.checkbox .holder,*/
.radio .holder {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    cursor: pointer;
}

/*.checkbox input:checked~.holder:before, */
.radio input:checked~.holder:before {
    content: "";
}

/*.checkbox .holder:before,*/
.radio .holder:before {
    background-color: #000;
    border-radius: 50%;
    content: none;
    height: 50%;
    width: 50%;
}

/*.checkbox .text,*/
.radio .text {
    font-size: 20px;
    margin-left: 10px;
}

.checkbox,
.radio {
    position: relative;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.checkbox input, .radio input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: -1;
}

.checkbox-shape {
    align-items: center;
    background: #fff;
    border: 1px solid #cbcbcb;
    display: flex;
    flex-shrink: 0;
    height: 20px;
    justify-content: center;
    margin-right: 15px;
    position: relative;
    width: 20px;
}

.checkbox-input:checked~.checkbox-shape .checkbox-icon {
     opacity: 1;
 }

.checkbox-icon {
    opacity: 0;
    transition: opacity .15s ease;
}

.us-callback-modal .checkbox-text {
    color: rgba(0, 0, 0, .95);
    font-size: 16px;
    margin-bottom: 30px;
    text-align: left;
}

.container-s {
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 40px;
    width: 100%;
}

.container-s #input_search {
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    margin-right: 30px;
    max-width: 850px;
    width: 100%;
    border: none;
    background: none;
    outline: none;
}

.container-s #oct-search-button {
    margin-right: 10px;
    transition: .3s ease;
    background: none;
}
.container-s #oct-search-button:focus,
.container-s #oct-search-button:active {
    box-shadow: none;
}
.container-s button:last-child {
    border: none;
    transition: .3s ease;
    cursor: pointer;
}
.container-s button:last-child img {
    height: 25px;
    width: 25px;
}
.container-s #oct-search-button:hover,
.container-s button:last-child:hover {
    opacity: .5;
}

#information-information.container-s,
#blog-article-page .container-s {
    flex-direction: column;
    font-size: 20px;
}

.section-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 49px;
    text-transform: uppercase;
    margin-bottom: 0;
}

#information-information .section-title {
    font-size: 40px;
    margin-bottom: 30px !important;
}

.heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.page-title {
    line-height: normal;
}

.page-title-wrapper {
    position: relative;
    margin-bottom: 50px;
}
#materials .page-title {
    margin-bottom: 30px !important;
    padding-top: 20px;
}

.page-title-wrapper::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 120px;
    background-color: #f1f5fa;
    z-index: -1;
}

#article-page {
    padding: 50px 0 90px;
}

.page-title {
    font-size: 42px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.article-page-title {
    font-size: 32px;
    line-height: 49px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}

.breadcrumbs-wrapper {
    background-color: #f1f5fa;
}

.breadcrumbs-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
    margin-bottom: 0;
    color: #575757;
    list-style: none;
    line-height: 150%;
}

.breadcrumbs-list .breadcrumbs-item {
    color: #575757;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: color .3s ease;
}

.breadcrumbs-list .breadcrumbs-item a {
    color: #575757;
}
.breadcrumbs-list .breadcrumbs-item a:hover {
    color: black;
}

.breadcrumbs-item:not(:last-child)::after {
    content: "/";
    margin: 0 15px;
    color: #575757;
}

.breadcrumbs-item:hover {
    color: #000;
}

.pagination-wrapper {
    display: flex;
    justify-content: center;
}

.pagination {
    display: flex;
    justify-content: center;
    /*width: max-content;*/
    flex-wrap: wrap;

    margin: 0 auto;
}

.pagination-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 58px;
    border: 1px solid #eee;
    border-right: none;
    background-color: #fff;
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    transition-duration: .3s;
    transition-property: color, background-color;
}

.pagination-page {
    width: 150px;
}

.pagination-item:hover,
.pagination-item.active {
    background-color: #1a1a1a;
    color: #fff;
}

.pagination-prev svg {
    transform: rotate(180deg);
}

.pagination-item:hover svg,
.pagination-item.active svg {
    fill: white;
}

.pagination-item.disabled > * {
    opacity: .2;
    cursor: not-allowed;
}

#blog-article-page > article > * {
    margin-bottom: 20px;
}

#blog-article-page > article > p {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

figcaption {
    margin-top: 0 !important;
}

#blog-article-page {
    padding: 50px 0 40px;
}
#blog-article-page .container-s h2 {
    font-size: 40px;
    font-weight: 600;
    margin-right: auto;
}
#blog-article-page .container-s div {
    /*margin-right: auto;*/
}
#blog-article-page .article-page-title {
    text-align: left;
    margin-right: auto;
    font-size: 50px;
    line-height: 1.5;
}
#blog-article-page h3 {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 600;
    margin-right: auto;
}
#blog-article-page .grid-notation {
    display: grid;
    gap: 30px 50px;
    grid-template-columns: repeat(3, 1fr);
}
#blog-article-page .grid-notation .text {
    background: #fdfbf4;
    font-size: 24px;
    font-weight: 300;
    min-height: 400px;
    padding: 50px 64px;
}
#blog-article-page .grid-notation .img {
    position: relative;
    display: block;
}
#blog-article-page .grid-notation .img img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
#blog-article-page .container-s button:last-child img {
    height: auto;
    width: auto;
}

.us-module-stickers {
    position: absolute;
    display: flex;
    width: 100%;
    gap: .5rem;
    /*padding: .5rem;*/
    padding: 15px 5px;
}

.us-module-stickers-sticker,
.us-product-stickers-item {
    border-radius: 20px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 6px 16px;
    text-transform: uppercase;
    z-index: 1;
}

.us-module-stickers-sticker.us-module-stickers-sticker-stickers_ends {
    background-color: #eef2ec;
    color: #000;
}

.alert-block {
    background-color: #eef2ec;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    font-weight: 1.5;
    max-width: 100%;
    /*padding: 20px 20px 40px;*/
    padding: 20px;
    text-align: center;
    width: 545px;
    border-radius: 10px;
}

.us-alert {
}

.us-alert-content {
    /*align-items: start !important;*/
    font-weight: 400;
    gap: 20px;
}

.us-alert-text {
    text-align: start;
}

.alert-text-item {
    text-align: start;
}

/* - - - /Общие элементы - - - */

/* - - - Информационные страницы: - - - */

#information-information {
    margin-bottom: 3rem;
}

.article-content h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.5;
}

.article-content h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}

.article-content p {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

/* - - - /Информационные страницы - - - */

/* - - - Модальное окно: - - - */

#us-callback-modal .modal-content,
#success-modal .modal-content {
    background: rgb(238, 242, 236);
    padding: 20px 20px 40px;
    border-radius: 10px;
}

.modal-dialog {
    max-width: 600px;
    width: 100%;
}

#us-callback-modal .modal-close,
#success-modal .modal-close {
    width: max-content;
    padding: 1rem;
    margin-left: auto;
    border: none;
}

#us-callback-modal .modal-header,
#success-modal .modal-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0 4rem;
}

#us-callback-modal .modal-title,
#success-modal .modal-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 10px;
    text-align: center;
}

#us-callback-modal .modal-header p,
#success-modal .modal-header p {
    text-align: center;
}

#us-callback-modal .modal-body,
#success-modal .modal-body {
    padding: 0;
}

/* - - - /Модальное окно - - - */

/* - - - Шапка: - - - */

header {
    position: sticky;
    top: 0;
    border-bottom: 1px solid #575757;
    z-index: 100;
    background: #FFFFFF;
}

.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    padding: 20px 0;
}

.header-left,
.header-right {
    display: flex;
    align-items: center;
}

#header-menu-btn {
    background: none;
    border: none;
    padding: 0;
    margin-right: 80px;
    cursor: pointer;
}

#header-menu-btn .burger-open-icon {
    display: inline;
}
#header-menu-btn .burger-close-icon {
    display: none;
}
#header-menu-btn.active .burger-open-icon {
    display: none;
}
#header-menu-btn.active .burger-close-icon {
    display: inline;
}

.city-select {
    position: relative;
    font-size: 18px;
}

.city-select > button {
    border: none;
    background: none;
    padding: 0;
    margin-left: 16px;
}

#city-select-list {
    position: absolute;
    top: 100%;
    left: 0;
    max-height: 190px;
    overflow-y: scroll;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    border-top: 1px solid #000000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .07);
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    transition: opacity .3s;
}

#city-select-list.active {
    pointer-events: auto;
    opacity: 1;
}

#city-select-list li button {
    border: none;
    background: none;
    padding: 10px;
    text-align: left;
    white-space: nowrap;
}

.header-contacts-socials {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-right: 120px;
}

.us-header-social-link {
    display: flex;
    align-items: center;
    transition: opacity .3s;
}

.us-header-social-link i {
    color: #000000;
    font-size: 23px;
}

.us-header-social-link:hover {
    opacity: .7;
}

.us-header-social-link.header-tel i {
    font-size: 20px;
}

#search {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    height: 96px;
    background-color: #eef2ec;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .102);
    z-index: -1;
    transition: top .3s;
}

#search .container {
    display: flex;
    align-items: center;
}

#search.active {
    top: calc(100% + 1px);
}

.header-search-compare-cart {
    display: flex;
    align-items: center;
    gap: 40px;
}

.header-search-btn,
.header-compare-btn,
.header-cart-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.header-search-btn img,
.header-compare-btn img,
.header-cart-btn img {
    width: 30px;
    height: 30px;
    transition: opacity .3s;
}
.header-cart-btn.white {
    gap: 5px;
}
.header-cart-btn.white img {
    width: 25px;
    height: 25px;
}
.header-cart-btn.white .header-cart-total {
    height: 22px;
    width: 22px;
    background-color: #575757;
    color: white;
    font-size: 12px;
}

.header-search-btn:hover img,
.header-compare-btn:hover img,
.header-cart-btn:hover img {
    opacity: .7;
}

.header-compare-total,
.header-cart-total {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #eef2ec;
    border-radius: 50%;
    color: rgba(0, 0, 0, .302);
    font-size: 14px;
}

.mobile-panel {
    display: none;
}

/* - - - /Шапка - - - */

.search_block {
    background-color: #f1f5fa;
    padding: 60px 0 40px;
}
.us-main-shop-title {
    font-weight: 600;
    font-size: 32px;
}
#product-search .product-layout.product-grid {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: black;
}
#product-search .product-layout.product-grid .us-module-item {
    transition: .3s ease;
    border: 1px solid white;
    position: relative;
}
#product-search .product-layout.product-grid .us-module-item:hover {
    border: 1px solid #575757;
}
#product-search .product-layout.product-grid .us-module-title {
    font-size: 18px;
    line-height: normal;
    margin: 10px 10px 12px;
    height: 85px;
}
#product-search .product-layout.product-grid .us-module-title a {
    color: black;
}
#product-search .product-layout.product-grid .us-module-price {
    border-top: 1px solid #575757;
    line-height: normal;
    padding-top: 20px;
    padding-bottom: 20px;
}
#product-search .product-layout.product-grid .us-module-price .us-module-price-new,
#product-search .product-layout.product-grid .us-module-price .us-module-price-actual {
    font-size: 20px;
    font-weight: 600
}
.empty_search_block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 20px
}
.empty_search_block .empty_search_text {
    margin-bottom: 0;
}
.empty_search_block .results {
    font-weight: 500;
}

/* - - - Главное меню: - - - */

#header-menu {
    position: absolute;
    top: 90px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    width: 100%;
    height: calc(100vh - 90px);
    background-color: #f1f5fa;
}


#header-menu .menu-container {
    display: grid;
    /*grid-template-columns: max-content auto;*/
    /*grid-template-rows: auto 0 max-content;*/
    /*height: 100%;*/
}

#header-menu ul {
    list-style: none;
    margin-bottom: 0;
}

.menu-top {
    display: flex;
    height: 100%;
}

.menu-left {
    border-right: 1px solid #575757;
    margin-right: 80px;
    padding: 100px 240px 60px 0;
    width: 700px;
    height: 100%;
}

.menu-right {
    padding: 100px 0 46px;
}

.menu-left a,
.menu-right a {
    display: block;
    max-width: max-content;
    margin-bottom: 19px;
    font-size: 30px;
    font-weight: 600;
    line-height: 37px;
    cursor: pointer;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase;
    transition: border-color .3s ease;
}

.menu-left li:last-child a,
.menu-right li:last-child a {
    margin-bottom: 0;
}

.menu-left a:not(.accord-title):hover,
.menu-right a:not(.accord-title):hover {
    border-color: #000;
}

.menu-left a:not(.accord-title),
.menu-right a:not(.accord-title) {
    border-bottom: 1px solid transparent;
    padding-bottom: 10px;
}

#header-menu.active {
    opacity: 1;
    pointer-events: auto;
    overflow: auto;
}

.menu-block-btn-phone-soc-city {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 40px;
}
.menu-block-btn-phone-soc-city .phone-and-links {
    display: grid;
    gap: 20px;
}
.menu-block-btn-phone-soc-city .phone-and-links .us-footer-social-item {
    margin-right: 0;
    margin-bottom: 0;
}

.menu-bottom {
    border-top: 1px solid #575757;
    /*margin-top: auto;*/
    /*padding: 35px 0 62px;*/
}

.menu-bottom-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.menu-bottom ul {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    /*gap: 40px;*/
    padding: 0;

    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0;
}
.menu-bottom ul li {
    margin-bottom: 20px;
    margin-right: 40px;
}

.menu-bottom ul a {
    color: rgba(0, 0, 0, .7);
    font-size: 18px;
    line-height: 150%;
    transition: color .3s ease;
}

.menu-bottom ul a:hover {
    color: #000;
}

.menu-bottom .btn-black {
    width: 320px;
}

/* - - - /Главное меню - - - */

/* - - - Футер: - - - */

footer {
    border-top: 1px solid #575757;
    background-color: #f1f5fa;
    padding: 60px 0;
    color: rgba(0, 0, 0, .7);
    font-size: 18px;
}

footer span,
footer a,
.us-footer-address,
.us-footer-bottom-credits {
    color: rgba(0, 0, 0, .7) !important;
}

footer .container {
    display: grid;
    grid-template-columns: 1fr auto auto;
    column-gap: 120px;
}

.footer-main-info {
    display: flex;
    flex-direction: column;
}

.footer-main-info .footer-logo {
    margin-bottom: 20px;
}

.footer-main-info .us-footer-address {
    flex-grow: 1;
}

.footer-info-pages ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-info-pages ul a {
    transition: opacity .3s;
}

.footer-info-pages ul a:hover {
    opacity: .7;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 10px;
}

.footer-contacts-phone,
.footer-contacts-email {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 20px;
    color: #000000 !important;
    transition: opacity .3s;
}

.footer-contacts-phone span,
.footer-contacts-email span {
    color: #000000 !important;
}

.footer-contacts-phone:hover,
.footer-contacts-email:hover {
    opacity: .7;
}

.footer-contacts-socials {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-contacts-socials .us-footer-social-item:first-child {
    display: none;
}

.us-footer-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    transition: background-color .3s ease, color .3s ease;
}

.us-footer-social-link i {
    color: #000000;
    font-size: 18px;
}

.us-footer-social-link:hover {
    background-color: #000;
}

.us-footer-social-link:hover i {
    color: #FFF;
}

/*#back-top*/
#back-to-top {
    position: fixed;
    right: 15px;
    bottom: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    opacity: 1;
    z-index: 80;
    transition-property: background-color, opacity;
    transition-duration: .3s;
}

#back-to-top:hover svg {
    fill: #000000;
    transition: fill .3s;
}

#back-to-top:hover {
    background-color: #1a1a1a;
}

#back-to-top:hover svg {
    fill: #fff;
}

#back-to-top:disabled {
    opacity: 0;
    pointer-events: none;
}

/* - - - /Футер - - - */


/* - - - Первый экран главной: - - - */

#hero {
    padding-bottom: 80px;
    /*margin: 0 -15px;*/
}

.hero-img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.hero-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: calc(100vh - 90px);
}

.grid-item {
    align-items: flex-end;
    display: flex;
}
.grid-item:nth-child(1) {
    border-right: 40px solid #fff;
}
.grid-item:nth-child(2) {
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
}
.grid-item:nth-child(3) {
    border-left: 40px solid #fff;
}

.hero-title {
    background-color: #fff;
    font-size: 108px;
    line-height: 132px;
    padding: 30px 0;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .9);
    font-weight: 700;
    margin-bottom: 0;
}

.btn-wrap-white {
    background-color: #fff;
    padding-top: 30px;
    width: 100%;
}

/* - - - /Первый экран главной - - - */

/* - - - Баннер акций на главной (template/octemplates/module/oct_banner_plus.twig): - - - */

#main-banner {
    position: relative;
}

/*#main-banner .container {*/
/*    padding: 0;*/
/*}*/

.main-banner-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.main-banner-item-img {
    max-height: 742px;
    width: auto;
    max-width: 406px;
}

.main-banner-item-info-top {
    max-width: 840px;
}

.main-banner-item-title {
    color: rgba(0, 0, 0, .9);
    font-size: 42px;
    font-weight: 600;
    line-height: 61px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.main-banner-item-text {
    border-bottom: 1px solid #575757;
    border-top: 1px solid #575757;
    color: rgba(0, 0, 0, .7);
    font-size: 20px;
    font-weight: 300;
    line-height: 29px;
    margin-bottom: 80px;
    padding: 50px 0;
}

.main-banner-item-img img,
.main-banner-item-img video {
    height: auto;
    left: auto;
    max-height: 100%;
    max-width: 100%;
    right: 0;
    width: auto;
}

.main-banner-item-title.mobile {
    display: none;
}

.main-banner-item-info .btn_block .btn-black {
    max-width: 335px;
    width: 100%;
    margin-bottom: 140px;
}

.main-banner-controls {
    position: relative;
    top: -50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 77px !important;
    max-width: 840px;
}

.main-banner-progress {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#main-banner-current-slide-idx,
#main-banner-slides-count {
    font-size: 24px;
    font-weight: 500;
    width: 2ch;
}

#main-banner-slides-count {
    color: #777;
}


/*.main-banner-dots ul {*/
/*    list-style: none;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    pointer-events: none;*/
/*}*/

/*.main-banner-dots button {*/
/*    background: none;*/
/*    border: none;*/
/*    outline: none;*/
/*    cursor: pointer;*/
/*}*/

#main-banner::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(100% - 100px);
    width: 100%;
    height: 200px;
    background: #fffae8;
    z-index: -1;
}

#main-banner-prev,
#main-banner-next {
    background: none;
    border: none;
    outline: none;
    transition: opacity .3s;
}

#main-banner-prev:hover,
#main-banner-next:hover {
    opacity: .7;
    cursor: pointer;
}

#main-banner-prev.disabled,
#main-banner-next.disabled {
    opacity: .4;
    cursor: default;
}

#main-banner-prev img {
    transform: rotate(180deg);
}

#main-banner-bars {
    position: relative;;
    width: 150px;
    height: 2px;
    background-color: #d9d9d9;
}

#main-banner-bars::before {
    --width: calc(150px / var(--slides-count));
    content: "";
    position: absolute;
    top: 0;
    left: calc(var(--width) * var(--cur-slide));
    width: var(--width);
    height: 2px;
    background-color: #000000;
    transition: left .4s ease-out;
}

/* - - - /Баннер акций на главной - - - */

/* - - - Салоны с видео на главной: - - - */

#salons-demo {
    position: relative;
}

#salons-demo .video-wrapper {
    position: relative;
    height: 100%;
}

#salons-demo .salons-video-preview,
#salons-demo #salons-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#salons-demo #salons-video-preview-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#salons-video-preview-wrapper.hidden {
    visibility: hidden;
}

#salons-demo .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border: none;
    background: none;
    transition: opacity .3s;
}

#salons-demo .video-play-btn:hover {
    opacity: .7;
    cursor: pointer;
}

#salons-demo .video-play-btn img {
    width: 100%;
    height: 100%;
}

#salons-demo #salons-video {
    position: absolute;
    top: 0;
    left: 0;
}

#salons-demo .text-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 40px;
    justify-content: space-between;
    color: #FFFFFF;
    background-color: #7f7f7f;
    z-index: 10;
}

#salons-demo .text-wrapper h2,
#salons-demo .text-wrapper p {
    margin-bottom: 30px;
}

#salons-demo .text-wrapper h2 {
    font-size: 42px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
}

#salons-demo .text-wrapper p {
    font-size: 20px;
    text-align: center;
}

#salons-demo .btn-white {
    width: 270px;
}

/* - - - /Салоны с видео на главной - - - */

/* - - - Раздел "Популярные товары" в каталоге: - - - */

#popular-section h2 {
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 50px !important;
    font-weight: 600;
    text-transform: uppercase;
}

#popular-section .popular-tabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #b7b7b7;
    z-index: -1;
}
#popular-section .popular-tabs {
    position: relative;
    display: flex;
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 70px;
}

#popular-section .popular-tabs .tab {
    padding: 20px;
    border: none;
    border-bottom: 1px solid #b7b7b7;
    background: none;
    color: #000;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    transition: border-color .3s;
}

#popular-section .popular-tabs .tab.active {
    border-color: #000000;
}

#popular-section .tab-content {
    display: none;
}
#popular-section .tab-content.active {
    display: block;
    padding-top: 0;
    padding-bottom: 80px;
}

/* ПОКА НЕ РАЗОБРАЛИСЬ СО СЛАЙДЕРОМ */
#popular-section .tab-content .slider {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
}

#popular-section .product {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid transparent;
    color: #000;
    text-align: center;
    transition: border-color .3s ease;
}

#popular-section .product:hover {
    border-color: #575757;
}

#popular-section .product .product-top:before {
    content: "";
    display: block;
    padding-top: 62.5%;
}

#popular-section .product .product-top {
    position: relative;
}

#popular-section .product .product-top img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
}

#popular-section .product .product-bottom {
    padding-bottom: 20px;
}

#popular-section .product .product-bottom .btn-mob {
    display: none;
}

#popular-section .product .title-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#popular-section .product .title-wrapper span {
    font-size: 18px;
    line-height: normal;
    margin: 10px 10px 12px;
}

#popular-section .product .product-hover {
    opacity: 0;
    transition: opacity .3s;
}

#popular-section .product:hover .product-hover {
    opacity: 1;
}

#popular-section .product .product-hover .btn-black {
    width: 100%;
}

/* - - - /Раздел "Популярные товары" в каталоге - - - */

/* - - - Слайдер под "Популярные товары" в каталоге: - - - */

#popular-section .slider {

}

/* - - - /Слайдер под "Популярные товары" в каталоге - - - */

/* - - - Раздел "Материалы" в каталоге: - - - */

#materials-section .section-heading h2 {
    margin-bottom: 70px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.25;
}

#materials-section .section-heading p {
    margin-bottom: 50px;
    max-width: 870px;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

#materials-section .materials-grid {
    display: grid;
    gap: 70px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 400px);
    padding: 50px 0;
}

#materials-section .material-category {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 30px 20px;
    overflow: hidden;
    color: #FFFFFF;

    grid-column: span 2;
}

#materials-section .material-category .material-category-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    z-index: -1;
}

#materials-section .material-category h3 {
    position: absolute;
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 24px;
    font-weight: 600;
    line-height: 37px;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    transition: transform .3s ease;
}

#materials-section .material-category:hover h3 {
    transform: translateY(-34px);
}

#materials-section .material-category .link {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
}

#materials-section .material-category:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 50.11%, rgba(0, 0, 0, .7));
    z-index: 0;
}

#materials-section .material-category-hover {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: 100%;
    padding: 12px 20px;
    background-color: rgba(0, 0, 0, .6);
    transition: top .6s ease;
}

#materials-section .material-category:hover .material-category-hover {
    top: 0;
}

#materials-section .materials-grid .material-category:nth-child(5n+1),
#materials-section .materials-grid .material-category:nth-child(5n+2),
#materials-section .materials-grid .material-category:nth-child(5n+1),
#materials-section .materials-grid .material-category:nth-child(5n+2) {
    grid-column: span 3;
}

#materials-section .material-category a {
    color: white;
}
#materials-section .material-category a:hover {
    color: white;
}

/* - - - /Раздел "Материалы" в каталоге - - - */

/* - - - Карусель брендов: - - - */

#brand-carousel {
    overflow-x: clip;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 50px 0;
    background-color: #f1f5fa;
}

#brand-carousel .brand-carousel-container {
    display: flex;
    align-items: center;
    gap: 12rem;
    padding-left: 12rem;
    flex-shrink: 0;
    white-space: nowrap;
    transform: translateX(0);
    width: max-content;
    height: max-content;
    animation: carousel 25s infinite linear;
}

@keyframes carousel {
    to {
        transform: translateX(-50%);
    }
}

#brand-carousel .brand-carousel-item {
    max-height: 200px;
}

/* - - - /Карусель брендов - - - */

/* - - - Слайдер статей (интерьеров) (template/octemplates/module/oct_blogarticle.twig): - - - */

#article-slider {
    position: relative;
    margin-top: 80px;
}

.article-slider-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    width: 100%;
    aspect-ratio: 1;
    transition: transform .2s;
    transform: scale(.8);
}

.slick-center .article-slider-item {
    transform: scale(1);
}

.article-slider-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    z-index: -1;
    height: 100%;
}

.article-slider-item-img img {
    height: 100%;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.article-slider-item::after {
    background: linear-gradient(180deg, transparent 50.11%, rgba(0, 0, 0, .7));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.article-slider-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    opacity: 1;
    pointer-events: none;
    transition: opacity .3s ease;
    z-index: 1;
}

.slick-center .article-slider-item::before {
    opacity: 0;
}

.article-slider-item-info-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: auto;
    opacity: 0;
    z-index: 10;
    transition: opacity .3s;
}

.slick-center .article-slider-item-info-bottom {
    opacity: 1;
    transition-delay: .3s;
}

.article-slider-item-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
}

.article-slider-item-info-bottom .link {
    color: #FFFFFF;
    font-size: 18px;
    gap: .5rem;
    transition: opacity .2s;
}

.article-slider-item-info-bottom .link:hover {
    opacity: .7;
}

.article-slider-controls {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 77px !important;
}

.article-slider-progress {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#article-slider-current-slide-idx,
#article-slider-slides-count {
    font-size: 24px;
    font-weight: 500;
    width: 2ch;
}

#article-slider-slides-count {
    color: #777;
}

#article-slider::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(100% - 300px);
    width: 100%;
    height: 400px;
    background: #eef2ec;
    z-index: -1;
}

#article-slider-prev,
#article-slider-next {
    background: none;
    border: none;
    outline: none;
    transition: opacity .3s;
}

#article-slider-prev:hover,
#article-slider-next:hover {
    opacity: .7;
    cursor: pointer;
}

#article-slider-prev.disabled,
#article-slider-next.disabled {
    opacity: .4;
    cursor: default;
}

#article-slider-prev img {
    transform: rotate(180deg);
}

#article-slider-bars {
    position: relative;;
    width: 150px;
    height: 2px;
    background-color: #d9d9d9;
}

#article-slider-bars::before {
    --width: calc(150px / 4);
    content: "";
    position: absolute;
    top: 0;
    left: calc((150px - var(--width)) / (var(--slides-count) - 1) * var(--cur-slide));
    width: var(--width);
    height: 2px;
    background-color: #000000;
    transition: left .4s ease-out;
}

/* - - - /Слайдер статей (интерьеров) - - - */

/* - - - Страница каталога - сетка категорий: - - - */

#catalog .categories-grid {
    display: grid;
    gap: 55px;
    grid-auto-flow: dense;
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 120px;
}

#catalog .page-title-wrapper::before {
    height: 330px;
}

#catalog .category {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 30px 20px;
    overflow: hidden;
    color: #FFFFFF;
}

#catalog .category .category-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    z-index: -1;
}

#catalog .category h2 {
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 24px;
    font-weight: 600;
    line-height: 37px;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    pointer-events: none;
    transition: transform .3s ease;
}

#catalog .category:hover h2 {
    transform: translateY(-34px);
}

#catalog .category .link {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
}

#catalog .category:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 50.11%, rgba(0, 0, 0, .7));
    z-index: 0;
}

#catalog .category-hover {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: 100%;
    padding: 12px 20px;
    background-color: rgba(0, 0, 0, .6);
    transition: top .6s ease;
}

#catalog .category:hover .category-hover {
    top: 0;
}

#catalog .category:nth-child(8n+3) h2 {
    transform: translate(0, -69px) rotate(-90deg);
}

#catalog .category:nth-child(8n+4) h2 {
    transform: translate(0, -77px) rotate(-90deg);
}

#catalog .category:nth-child(8n+3):hover h2 {
    transform: translate(-80px, -69px) rotate(-90deg);
}

#catalog .category:nth-child(8n+4):hover h2 {
    transform: translate(-80px, -77px) rotate(-90deg);
}

#catalog .category:nth-child(8n+3) .category-hover,
#catalog .category:nth-child(8n+4) .category-hover {
    top: 0;
    left: 100%;
    transition: left .6s ease;
}

#catalog .category:nth-child(8n+3):hover .category-hover,
#catalog .category:nth-child(8n+4):hover .category-hover {
    left: 0;
}

#catalog .category:nth-child(8n+3) .category-hover ,
#catalog .category:nth-child(8n+4) .category-hover {
    align-items: end;
}

#catalog .category:nth-child(8n+1),
#catalog .category:nth-child(8n+6) {
    grid-row: span 8;
}
#catalog .category:nth-child(8n+2), #catalog .category:nth-child(8n+5), #catalog .category:nth-child(8n+7) {
    grid-row: span 10;
}
#catalog .category:nth-child(8n+3), #catalog .category:nth-child(8n+4) {
    grid-row: span 15;
}

#catalog .category:nth-child(8n+3), #catalog .category:nth-child(8n+4) {
    grid-column: span 1;
}
#catalog .category:nth-child(8n+1),
#catalog .category:nth-child(8n+2),
#catalog .category:nth-child(8n+5),
#catalog .category:nth-child(8n+6),
#catalog .category:nth-child(8n+8) {
    grid-column: span 2;
}
#catalog .category:nth-child(8n+7) {
    grid-column: span 4;
}

/* - - - /Страница каталога - сетка категорий - - - */

/* - - - Страница каталога - HTML-блоки: - - - */

#catalog-text-block-1 {
    position: relative;
    max-width: 1242px;
    padding: 25px 0 25px 242px;
    margin-bottom: 80px;
}

#catalog-text-block-1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    display: block;
    width: 742px;
    background-color: #f1f5fa;
    z-index: -1;
}

#catalog-text-block-1 p {
    font-size: 18px;
    margin-bottom: 0;
}


#catalog #brand-carousel {
    background-color: #eef2ec;
    padding: 80px 0;
    margin-bottom: 80px;
}


#catalog-furniture-production .section-title {
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 20px;
}

#catalog-furniture-production {
    margin: 80px;
}

#catalog-furniture-production h3 {
    font-size: 40px;
    margin-bottom: 50px;
    margin-left: 15%;
    text-transform: none;
    line-height: 1.25;
    font-weight: 600;
}

#catalog-furniture-production ol {
    list-style: none;
    counter-reset: catalog-furniture-production;
    padding: 0;
    margin: 0;
}

#catalog-furniture-production ol li {
    display: flex;
    align-items: center;
    padding: 0;
    border-bottom: 1px solid #575757;
    font-weight: 400;
    line-height: 150%;
    font-size: 18px;
}

#catalog-furniture-production ol li:nth-child(3n + 1) {
    justify-content: start;
}

#catalog-furniture-production ol li:nth-child(3n + 2) {
    justify-content: center;
}

#catalog-furniture-production ol li:nth-child(3n + 3) {
    justify-content: end;
}

#catalog-furniture-production ol li:first-child {
    border-top: 1px solid #575757;
}

#catalog-furniture-production ol p {
    max-width: 720px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 150%;
    font-size: 20px;
}

#catalog-furniture-production ol li::before {
    content: "0" counter(catalog-furniture-production);
    counter-increment: catalog-furniture-production;
    color: #fffae8;
    flex-shrink: 0;
    font-size: 150px;
    font-weight: 800;
    line-height: 1.2;
    margin-right: 90px;
    text-transform: uppercase;
    width: 195px;
}

#catalog-furniture-production ol li:nth-child(3n + 1)::before {
    color: #fffae8;
}

#catalog-furniture-production ol li:nth-child(3n + 2)::before {
    color: #f1f5fa;
}

#catalog-furniture-production ol li:nth-child(3n + 3)::before {
    color: #eef2ec;
}


#furniture-from-manufacturer {
    margin-bottom: 80px;
}

#furniture-from-manufacturer .section-title {
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 50px;
}

#furniture-from-manufacturer p {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 50px;
}

#furniture-from-manufacturer .card p {
    margin-bottom: 0;
}

#furniture-from-manufacturer .cards-container {
    display: grid;
    gap: 60px;
    grid-template-columns: repeat(4, 1fr);
}

#furniture-from-manufacturer .card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    border: none;
}

#furniture-from-manufacturer .card h3 {
    position: relative;
    padding: 0 20px 10px;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
    z-index: 1;
}

#furniture-from-manufacturer .card h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: -1;
}

#furniture-from-manufacturer .card:nth-child(4n+1) h3::after {
    background-color: #fffae8;
}

#furniture-from-manufacturer .card:nth-child(4n+2) h3::after {
    background-color: #f1f5fa;
}

#furniture-from-manufacturer .card:nth-child(4n+3) h3::after {
    background-color: #eef2ec;
}

#furniture-from-manufacturer .card:nth-child(4n) h3::after {
    background-color: #fffae8;
}

#furniture-from-manufacturer .card p {
    font-size: 18px;
}


#why-scandic {
    margin-bottom: 80px;
}

#why-scandic .container {
    display: grid;
    grid-template-columns: repeat(17, 1fr);
    column-gap: 50px;
    min-height: 742px;
}

#why-scandic .text-block {
    grid-column: span 8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 80px;
    background-color: #f1f5fa;
}

#why-scandic .section-title {
    margin-bottom: 50px;
    font-size: 40px;
    line-height: 1.25;
    color: rgba(0, 0, 0, .9);
}

#why-scandic ul {
    padding-left: 0;
    margin: 0;
    font-size: 24px;
}

#why-scandic ul li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
}

#why-scandic ul li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
    list-style: none;
}

#why-scandic .image-block {
    grid-column: span 6;
    position: relative;
    display: block;
    height: 100%;
}

#why-scandic .image-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

#why-scandic .container::after {
    content: "";
    grid-column: span 3;
    position: relative;
    right: 0;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #fffae8;
}


#create-your-scandinavia {
    text-align: center;
    margin-bottom: 80px;
}

#create-your-scandinavia h2 {
    max-width: 900px;
    font-size: 32px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.25;
    text-transform: uppercase;
    font-weight: 600;
}

#create-your-scandinavia p {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 0;
}

/* - - - /Страница каталога - HTML-блоки - - - */


/* - - - Интерьеры (octemplates/blog/oct_blogarticle): - - - */

#interiors .page-title-wrapper::before {
    height: 490px;
}

#interiors .interiors-container {
    display: grid;
    gap: 90px 110px;
    grid-template-columns: 47fr 49fr 50fr;
    margin-bottom: 80px;
    margin-top: -30px;
}

#interiors .interior-item {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 30px 20px;
    overflow: hidden;
    color: #FFFFFF;
}

#interiors .interior-item .interior-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    z-index: -1;
}

#interiors .interior-item h2 {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 30px 30px;
    font-size: 24px;
    font-weight: 600;
    line-height: 37px;
    text-align: end;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    transition: transform .3s ease;
}

#interiors .interior-item:hover h2 {
    transform: translateY(-34px);
}

#interiors .interior-item .link {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    align-self: end;
    z-index: 1;
}

#interiors .pagination-wrapper {
    margin-bottom: 30px;
}

#blog-article-page .image-slider-controls {
    display: flex;
    flex-direction: row;
    margin-bottom: 50px !important;
}

#blog-article-page #image-slider {
    margin-top: 1rem !important;
}

/*#interiors .interior-item::before {*/
/*    content: "";*/
/*    position: relative;*/
/*    display: block;*/
/*    background: linear-gradient(180deg, transparent 50.11%, rgba(0, 0, 0, .7));*/
/*    z-index: 1;*/
/*}*/

#interiors .us-module-btn {
    background: none;
    margin-bottom: 20px;
}

#interiors .interior-item:nth-child(3n+1) {
    height: 430px;
}
#interiors .interior-item:nth-child(3n+2) {
    height: 530px;
}
#interiors .interior-item:nth-child(3n) {
    height: 630px;
}


#interiors .interior-item:nth-child(6n+1),
#interiors .interior-item:nth-child(6n+2),
#interiors .interior-item:nth-child(6n) {
    align-self: end;
}

#interiors .interior-item:nth-child(6n+3),
#interiors .interior-item:nth-child(6n+4),
#interiors .interior-item:nth-child(6n+5) {
    align-self: start;
}


#interiors .interior-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 50.11%, rgba(0, 0, 0, .7));
    z-index: 0;
}

#interiors .interior-hover {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: 100%;
    padding: 12px 20px;
    background-color: rgba(0, 0, 0, .6);
    transition: top .6s ease;
}

#interiors .interior-item:hover .interior-hover {
    top: 0;
}

/* - - - /Интерьеры - - - */

/* - - - Слайдер фотографий: - - - */

#image-slider {
    position: relative;
    margin-top: 2rem;
}

.image-slider-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 612px;
}

.image-slider-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    height: 100%;
}

.image-slider-image img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center center;
}

.image-slider-image::after {
    background: linear-gradient(180deg, transparent 50.11%, rgba(0, 0, 0, .7));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.image-slider-controls {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 77px !important;
}

.image-slider-progress {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#image-slider-current-slide-idx,
#image-slider-slides-count {
    font-size: 24px;
    font-weight: 500;
    width: 2ch;
}

#image-slider-slides-count {
    color: #777;
}

#image-slider-prev,
#image-slider-next {
    background: none;
    border: none;
    outline: none;
    transition: opacity .3s;
}

#image-slider-prev:hover,
#image-slider-next:hover {
    opacity: .7;
    cursor: pointer;
}

#image-slider-prev.disabled,
#image-slider-next.disabled {
    opacity: .4;
    cursor: default;
}

#image-slider-prev img {
    transform: rotate(180deg);
}

#image-slider-bars {
    position: relative;
    width: 150px;
    height: 2px;
    background-color: #d9d9d9;
}

#image-slider-bars::before {
    --width: calc(150px / 4);
    content: "";
    position: absolute;
    top: 0;
    left: calc((150px - var(--width)) / (var(--slides-count) - 1) * var(--cur-slide));
    width: var(--width);
    height: 2px;
    background-color: #000000;
    transition: left .4s ease-out;
}

/* - - - /Слайдер фотографий - - - */

/* - - - Страница "Дизайнерам": - - - */

#information-page .tabs {
    background: #f1f5fa;
}

#information-page .page-title-wrapper::before {
    height: 160px;
}

#information-page .tabs > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    overflow-x: auto;
}

#information-page .tabs .tab-item {
    padding: 15px 30px;
    text-transform: uppercase;
    line-height: 1.25;
    white-space: nowrap;
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    flex: 1 0 0;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

#information-page .tabs .tab-item.active {
    background: #FFFFFF;
}

#information-page .tab-content {
    display: none;
    font-size: 20px;
    padding-top: 80px;
    margin-bottom: 50px;
}

#information-page .tab-content > *:not(:last-child) {
    margin-bottom: 50px;
}

#information-page .tab-content.active {
    display: block;
}

#information-page #tab-conditions.tab-content.active {
    /*padding-top: 40px;*/
    padding-top: 80px;
}
#information-page #tab-conditions.tab-content.active h3,
#information-page .tab-content.active h3 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
}
#information-page #tab-conditions.tab-content.active p,
#information-page #tab-conditions.tab-content.active ul {
    margin-bottom: 20px;
}
#information-page .tab-content.active p {
    font-size: 20px;
    margin-bottom: 20px;
}

#information-page .tab-content.active a + .image-row {
    margin-top: 50px;
}

#information-page .image-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

#information-page .image-col img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

#information-page .article-contact-form {
    display: grid;
    grid-template-columns: repeat(19, 1fr);
    column-gap: 50px;
}

#information-page .article-contact-form::before {
    content: "";
    display: block;
    grid-column: span 3;
    height: 100%;
    background-color: #fffae8;
}

#information-page .article-contact-form .img-block {
    grid-column: span 6;
}

#information-page .article-contact-form .img-block img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

#information-page .article-contact-form .form-block {
    position: relative;
    grid-column: span 10;
    padding: 90px 120px;
}

#information-page {
    overflow: hidden;
}

#information-page .article-contact-form .form-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #f1f5fa;
    z-index: -1;
}

#information-page .article-contact-form .form-block h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.5;
}

#information-page .article-contact-form .form-block p {
    font-size: 24px;
    margin-bottom: 40px;
}

/* - - - /Страница "Дизайнерам" - - - */

/* - - - Страница "Материалы": - - - */

#materials .page-title-wrapper::before {
    height: 260px;
}

#materials .page-title-wrapper p {
    font-size: 20px;
    line-height: 150%;
    max-width: 1120px;
    margin-bottom: 40px;
}
#materials .page-title {
    line-height: normal;
}

#materials .categories-grid {
    display: grid;
    gap: 70px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 400px);
    padding: 50px 0;
}

#materials .category {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 30px 20px;
    overflow: hidden;
    color: #FFFFFF;

    grid-column: span 2;
}

#materials .category .category-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    z-index: -1;
}

#materials .category h2 {
    position: absolute;
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 24px;
    font-weight: 600;
    line-height: 37px;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    transition: transform .3s ease;
}

#materials .category:hover h2 {
    transform: translateY(-34px);
}

#materials .category .link {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
}

#materials .category:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 50.11%, rgba(0, 0, 0, .7));
    z-index: 0;
}

#materials .category-hover {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: 100%;
    padding: 12px 20px;
    background-color: rgba(0, 0, 0, .6);
    transition: top .6s ease;
}

#materials .category:hover .category-hover {
    top: 0;
}

#materials .categories-grid .category:nth-child(5n+1),
#materials .categories-grid .category:nth-child(5n+2),
#materials .categories-grid .category:nth-child(5n+1),
#materials .categories-grid .category:nth-child(5n+2) {
    grid-column: span 3;
}

#materials .category a {
    color: white;
}
#materials .category a:hover {
    color: white;
}

/* - - - /Страница "Материалы" - - - */

/* - - - Страница категории материала: - - - */

#material-page .page-title-wrapper {
     margin-bottom: 1.5rem;
}

#material-page .page-title-wrapper::before {
    height: 210px;
}

#material-page .page-title-wrapper p {
    font-size: 20px;
    line-height: 150%;
    max-width: 1120px;
}

#material-page .category-nav {
    background: #FFF;
}

#material-page .category-nav ul {
    display: flex;
    overflow-x: auto;
}

#material-page .category-nav li {
    width: 100%;
}

#material-page .category-nav .category {
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap;
    border-bottom: 1px solid #999;
    color: #575757;
    transition: color .2s, border-bottom-color .2s;
}

#material-page .category-nav .category:hover,
#material-page .category-nav .category.active {
    border-bottom-color: #000;
    color: #000;
}

#material-page .products {
    display: grid;
    gap: 70px 60px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px;
    margin-bottom: 80px;
}

#material-page .product {
    display: flex;
    width: 100%;
    background-color: #f9f9f9;
    color: #000;
    cursor: pointer;
    transition: background-color .3s ease;
}

#material-page .product:hover {
    background-color: #f0f1f3;
}

::-webkit-scrollbar {
    width: 3px !important;
    height: 2px !important;
}
::-webkit-scrollbar-thumb {
    background-color: black !important;
}

#material-page .product-thumb {
    width: 168px;
    height: 168px;
    flex-shrink: 0;
}

#material-page .product-thumb  img {
    height: 100%;
    object-fit: cover;
}

#material-page .product-text {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    padding: 20px 30px;
}

#material-page .product-text .product-manufacturer {
    font-size: 20px;
    line-height: 150%;
}

#material-page .product-text .product-description {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
}

#material-page .product-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 150%;
}



#material-modal .modal-content {
    position: relative;
}

#material-modal .material-text {
    padding: 1.5rem;
}

#material-modal .modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: max-content;
    height: max-content;
    padding: .75rem 1rem;
    border: none;
    background: #FFF;
    opacity: 1;
    cursor: pointer;
    transition: opacity .2s;
}

#material-modal .modal-close:hover {
    opacity: .7;
}

#material-modal .material-manufacturer {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .5rem;
}

#material-modal .material-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    margin-right: 10px;
}

#material-modal .material-description {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

/* - - - /Страница категории материала - - - */

/* - - - Страница категории каталога: - - - */

#product-category .page-title-wrapper {
    margin-bottom: 5rem;
}

#product-category .page-title-wrapper::before {
    height: 100px;
}

#product-category .page-title-wrapper.expanded::before {
    height: 170px;
}

#product-category .page-title-wrapper .page-title {
    margin-bottom: 2rem;
}

#product-category .subcategories-wrapper {
    background: #f1f5fa;
    padding-bottom: 1rem;
}
#product-category .subcategories {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

#product-category .subcategories .subcat-item {
    display: block;
    padding: .5rem 3rem;
    text-align: center;
    background-color: #fff;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    opacity: 1;
    transition: opacity .2s;
}

#product-category .subcategories .subcat-item:hover {
    opacity: .7;
}

#product-category .products-sort-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

#product-category .products-sort-block .filter-by-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
    font-size: 20px;
}

#product-category .products-sort-block .filter-by {
    cursor: pointer;
}

#product-category .products-sort-block .filter-by input {
    display: none;
}

#product-category .products-sort-block .filter-by span {
    display: flex;
    align-items: center;
    gap: 5px;
}

#product-category .products-sort-block .filter-by span::before {
    content: "";
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #cbcbcb;
}

#product-category .products-sort-block .filter-by .checked + span::before {
    background: url("/image/catalog/checkbox-icon.svg") no-repeat center center #FFF;
}

#product-search #products,
#collection-products #products,
#product-category #products {
    display: grid;
    gap: 0 40px;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 40px;
}

#product-search .product,
#collection-products .product,
#product-category .product {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid transparent;
    color: #000;
    transition: border-color .3s ease;
}

#product-search .product:hover,
#collection-products .product:hover,
#product-category .product:hover {
    border-color: #575757;
}

#product-search .product .product-img,
#collection-products .product .product-img,
#product-category .product .product-img {
    height: 100%;
    max-height: 200px;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    top: 0;
    width: 100%;
}

#product-search .product-bottom,
#collection-products .product-bottom,
#product-category .product-bottom {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

#product-search .product .product-title,
#collection-products .product .product-title,
#product-category .product .product-title {
    flex-grow: 1;
    font-size: 18px;
    line-height: normal;
    margin: 10px 10px 12px;
}

#product-search .product .product-price,
#collection-products .product .product-price,
#product-category .product .product-price {
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border-top: 1px solid #575757;
    line-height: normal;
    margin-top: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#product-search .product .product-price .price-actual,
#product-search .product .product-price .price-new,
#collection-products .product .product-price .price-actual,
#collection-products .product .product-price .price-new,
#product-category .product .product-price .price-actual,
#product-category .product .product-price .price-new {
    font-size: 20px;
    font-weight: 600;
}
#product-search .product .product-price .price-new {
    font-size: 24px;
}

#product-search .product .product-price .price-actual,
#collection-products .product .product-price .price-actual,
#product-category .product .product-price .price-actual {
    width: 100%;
}

#product-search .product .product-price .price-old,
#collection-products .product .product-price .price-old,
#product-category .product .product-price .price-old {
    font-size: 18px;
    font-weight: 400;
    text-decoration: 1px #000 line-through;
}

#product-search .product .product-more-btn,
#collection-products .product .product-more-btn,
#product-category .product .product-more-btn {
    border: none;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}

#product-search .product:hover .product-more-btn,
#collection-products .product:hover .product-more-btn,
#product-category .product:hover .product-more-btn {
    opacity: 1;
}

#product-search .product-layout.product-grid .product-more-btn {
    width: 100%;
    background: black !important;
    opacity: 0;
    transition: .3s ease;
}
#product-search .product-layout.product-grid:hover .product-more-btn {
    opacity: 1;
}

#product-search .us-category-products {
    margin-bottom: 40px;
}

.button-search-mobile {
    display: none;
    position: absolute;
    right: 20px;
    bottom: 20px;
    align-items: center;
    background-color: #fff;
    border: 1px solid #1a1a1a;
    border-radius: 5px;
    height: 40px;
    justify-content: center;
    margin: 0;
    width: 40px;
    cursor: pointer;
    transition: background-color .3s ease;
}

.button-search-mobile svg {
    filter: invert(0);
}

.button-search-mobile:active {
    background: #000;
}

.button-search-mobile:active svg {
    filter: invert(100%);
    transition: filter .2s;
}

/* - - - /Страница категории каталога - - - */

/* - - - Страница товара: - - - */

#product-product .product-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 2rem 0;
}

#product-product .product-top .product-title {
    font-size: 24px;
    line-height: normal;
    text-transform: none;
    font-weight: 600;
}

#product-product .product-top .product-manufacturer {
    font-size: 24px;
    line-height: normal;
    text-transform: none;
    font-weight: 600;
    color: rgba(0, 0, 0, .7);
}

#product-product .product-images {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    margin: 0;
    max-width: 573px;
    width: 100%;
}

#product-product .product-options {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    height: 100%;
    padding: .5rem 2rem;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

#product-product .product-options .product-group-name {
    font-size: 16px;
    text-align: center;
    color: rgba(0, 0, 0, .7);
}

#product-product .product-options .product-group-products {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#product-product .product-options .product-groups {
    height: 100%;
    padding: 0;
}

#product-product .product-options .product-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}

#product-product .product-options .product-group-product {
    margin-right: 0;
    margin-bottom: 0;
}

#product-product .product-options .product-group-product .product-group-text {
    color: #000000;
}

#product-product .product-options .product-group-products {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

#product-product .product-more-options {
    margin-bottom: auto;
}

#product-product .product-more-options .product-group {
    display: flex;
    align-items: center;
    gap: .5rem;
}

#product-product .product-options .product-group-product .product-group-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: border-color .2s ease;
}

#product-product .product-options .product-group-product:hover .product-group-image {
    border-color: rgba(87, 87, 87, .302);
}

#product-product .product-options .product-group-product.current .product-group-image {
    border-color: #000;
}

#product-product .product-options .product-group-product .product-group-image img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

#product-product .product-options .more-materials-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    margin-top: 2rem;
    background-color: #f1f5fa;
    border-radius: 33px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    line-height: 1;
    transition: color .2s ease;
}

#product-product .product-options .more-materials-link:hover {
    color: rgba(0, 0, 0, .6);
}

#product-product .product-more-options .product-groups {
    /*display: flex;*/
    /*flex-direction: column;*/
    display: grid;
    gap: 16px 32px;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 0;
}

#product-product .product-more-options .product-group .product-group-name {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
}

#product-product .product-more-options .product-group {
    margin-bottom: 0;
    border: none;
}

#product-product .product-more-options .product-group-products {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    padding-bottom: 0;
}

#product-product .product-more-options .product-group-product {
    margin-right: 0;
    margin-bottom: 0;
}

#product-product .product-more-options .product-group-product.imageless {
    display: flex;
    justify-content: center;
    min-width: 60px;
    padding: 6px 15px;
    position: relative;
    text-align: center;
    color: inherit;
}

#product-product .product-more-options .product-group-product {
    background-color: #fff;
    border: 1px solid rgba(87, 87, 87, .302);
    transition: border .2s;
}

#product-product .product-more-options .product-group-product:hover {
    border: 1px solid #1a1a1a;
}

#product-product .product-more-options .product-group-product.imageless.current {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

#product-product .product-more-options .product-group-product .product-group-image {
    height: 50px;
    min-width: auto;
    padding: 0;
    width: 50px;
    border: 1px solid transparent;
}

#product-product .product-more-options .product-group-product .product-group-image img {
    width: 100%;
    height: 100%;
}

#product-product .product-more-options .product-group-product.current .product-group-image {
    border: 1px solid #1a1a1a;
}

#product-product .product-info-actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /*padding: .5rem 0 .5rem 2rem;*/
    padding: 20px 0 20px 2rem;
    flex-grow: 1;
}

#product-product .product-stock {
    color: #37b04a;
    font-weight: 600;
    margin-left: 10px;
}

#product-product .product-info-actions .product-showrooms-btn,
#product-product .product-info-actions .product-collection-stock-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 32px;
    border: 1px solid #cdcdcd;
    background: transparent;
    color: rgba(0, 0, 0, .7);
    font-size: 16px;
    cursor: pointer;
    transition-duration: .2s;
    transition-property: color, border-color;
}

#product-product .product-info-actions .product-collection-stock-btn:hover,
#product-product .product-info-actions .product-showrooms-btn:hover {
    border-color: #000;
    color: #000;
}

#product-product .buying-section {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    background-color: #f1f5fa;
    padding: 20px 32px;
}

#product-product .product-info-actions .compare-btn,
#product-product .product-info-actions .product-order-options {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: max-content;
    border: none;
    padding: 0;
    background: none;
    font-size: 16px;
    color: rbga(0, 0, 0, .7);
    cursor: pointer;
}

#product-product .product-info-actions .product-description {
    margin-bottom: auto;
}

#product-product .price-actual,
#product-product .price-new {
    font-weight: 700;
    font-size: 24px;
}

.product-price-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.product-price-cart .price-block {
    display: flex;
    align-items: end;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    gap: 1rem;
}

.product-price-cart .price-base {
    font-size: 18px;
    font-weight: 400;
}

.product-price-cart .price-old {
    color: rgba(0, 0, 0, .698);
    font-size: 20px;
    font-weight: 700;
    text-decoration: 1px rgba(0, 0, 0, .698) line-through;
}

#button-cart {
    width: 300px;
    text-transform: uppercase;
}

#product-product .product-main {
    margin-bottom: 50px;
}

#product-product .info-tabs ul {
    display: flex;
    overflow: auto;
    margin-bottom: 40px;
}

#product-product .info-tabs  li {
    width: 100%;
}

#product-product .info-tabs .tab-item {
    display: block;
    width: 100%;
    padding: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap;
    border: none;
    border-bottom: 1px solid #999;
    background: none;
    color: #575757;
    cursor: pointer;
    transition: color .2s, border-bottom-color .2s;
}

#product-product .info-tabs .tab-item:hover,
#product-product .info-tabs .tab-item.active {
    border-bottom-color: #000;
    color: #000;
}

.tab-content {
    display: none;
    padding: 2rem 0;
}

.tab-content.active {
    display: block;
}

#product-product #scheme-tab img {
    max-width: 100%;
    height: 200px;
}

#product-product .product-reviews {
    padding: 2rem 0;
}

#product-product .attribute-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 2rem;
}

#product-product .attribute-group .attribute-col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#product-product .attribute {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    font-size: 18px;
    font-weight: 300;
}

#product-product .attribute .line {
    flex-grow: 1;
    position: relative;
    top: -4px;
    border-bottom: 1px #f4f4f4 solid;
}

#product-product .product-reviews .reviews-top {
    padding-bottom: .5rem;
    border-bottom: 1px solid #999;
}

#product-product .product-reviews .write-review-btn {
    margin-left: auto;
}

#product-product .product-reviews #review {
    padding: 1rem 0;
}

#collection-products .section-heading {
    display: block;
    width: 100%;
    padding: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap;
    border-bottom: 1px solid #000;
    background: none;
    color: #000;
    cursor: pointer;
    margin-bottom: 3rem;
}

#us-review-modal .rating-stars {
    position: relative;
    top: 3px;
    display: flex;
    align-items: center;
    gap: 5px;
}

#us-review-modal .modal-body #form-review {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#us-review-modal .modal-body #form-review textarea {
    resize: none;
}


.modal-dialog.modal-dialog-centered .modal-content {
    /*width: 535px;*/
    /*min-width: 535px;*/
    min-height: 450px;
    background: #F8F8F8;
    padding: 40px 45px 35px 45px;
    border-radius: 10px;
    overflow-y: auto;
    color: #595959;
    font-size: 0.9rem;
}
/*.modal.show .modal-dialog {*/
/*    max-width: fit-content;*/
/*}*/
.modal-dialog.modal-dialog-centered .modal-content .modal-body {
    padding: 0;
}
.modal-dialog.modal-dialog-centered .modal-content .modal-header {
    background: none;
    padding: 0;
    border-bottom: none;
    margin-bottom: 30px;
    align-items: center;
}
.modal-dialog.modal-dialog-centered .modal-content .modal-header .modal-title {
    font-size: 1.9rem;
    margin-bottom: 0;
    color: #595959;
}
.modal-dialog.modal-dialog-centered .modal-content .modal-header .modal-close {
    border: none;
    background: none;
    cursor: pointer;
}
.modal-dialog.modal-dialog-centered .modal-content #button-review {
    font-size: 14px;
    border-radius: 3px;
    padding: 12px 18px;
}
#us-review-modal .modal-body #form-review textarea {
    height: 100px;
}

.side-modal#collection-stock .products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 1rem 2rem;
}

.side-modal#collection-stock .product {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #000;
    text-align: center;
    border: 1px solid transparent;
    transition: border-color .3s ease;
}

.side-modal#collection-stock .product:hover {
    border-color: #575757;
}

.side-modal#collection-stock .product .product-bottom {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.side-modal#collection-stock .product .product-img {
    height: 100%;
    max-height: 200px;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    top: 0;
    width: 100%;
}

.side-modal#collection-stock .product .product-title {
    flex-grow: 1;
    font-size: 18px;
    line-height: normal;
    margin: 10px 10px 12px;
}

.side-modal#collection-stock .product .product-price {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border-top: 1px solid #575757;
    line-height: normal;
    margin-top: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.side-modal#collection-stock .product .product-price .price-new {
    font-size: 20px;
    font-weight: 600;
}

.side-modal#collection-stock .product .product-price .price-old {
    font-size: 18px;
    font-weight: 400;
    text-decoration: 1px #000 line-through;
}
/* - - - /Страница товара - - - */

/* - - - Слайдер изображений товара: - - - */

#product-slider {
    position: relative;
    /*margin-top: 2rem;*/
    margin-top: 0;
}

.product-slider-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.product-slider-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    height: 100%;
}

.product-slider-image img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center center;
}

.product-slider-image::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.product-slider-controls {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*margin-bottom: 77px !important;*/
    /*padding-right: 1rem;*/
}

.product-slider-progress {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#product-slider-current-slide-idx,
#product-slider-slides-count {
    font-size: 28px;
    font-weight: 500;
    width: 2ch;
}

#product-slider-slides-count {
    color: #777;
}

#product-slider-prev,
#product-slider-next {
    background: none;
    border: none;
    outline: none;
    transition: opacity .3s;
}

#product-slider-prev:hover,
#product-slider-next:hover {
    opacity: .7;
    cursor: pointer;
}

#product-slider-prev.disabled,
#product-slider-next.disabled {
    opacity: .4;
    cursor: default;
}

#product-slider-prev img {
    transform: rotate(180deg);
}

#product-slider-bars {
    position: relative;
    width: 150px;
    height: 2px;
    background-color: #d9d9d9;
}

#product-slider-bars::before {
    --width: calc(150px / 4);
    content: "";
    position: absolute;
    top: 0;
    left: calc((150px - var(--width)) / (var(--slides-count) - 1) * var(--cur-slide));
    width: var(--width);
    height: 2px;
    background-color: #000000;
    transition: left .4s ease-out;
}

/* - - - /Слайдер изображений товара - - - */


/* - - - Слайдер "модель в интерьере": - - - */

#product-interior-slider {
    position: relative;
    margin-top: 2rem;
}

.product-interior-slider-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.product-interior-slider-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    height: 100%;
    max-height: 600px;
    margin-right: 2rem;
}

.product-interior-slider-image img {
    width: 100%;
    max-width: 100%;
    max-height: 600px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center center;
}

.product-interior-slider-image::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.product-interior-slider-controls {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 77px !important;
    padding-right: 1rem;
}

.product-interior-slider-progress {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#product-interior-slider-current-slide-idx,
#product-interior-slider-slides-count {
    font-size: 24px;
    font-weight: 500;
    width: 2ch;
}

#product-interior-slider-slides-count {
    color: #777;
}

#product-interior-slider-prev,
#product-interior-slider-next {
    background: none;
    border: none;
    outline: none;
    transition: opacity .3s;
}

#product-interior-slider-prev:hover,
#product-interior-slider-next:hover {
    opacity: .7;
    cursor: pointer;
}

#product-interior-slider-prev.disabled,
#product-interior-slider-next.disabled {
    opacity: .4;
    cursor: default;
}

#product-interior-slider-prev img {
    transform: rotate(180deg);
}

#product-interior-slider-bars {
    position: relative;
    width: 150px;
    height: 2px;
    background-color: #d9d9d9;
}

#product-interior-slider-bars::before {
    --width: calc(150px / 4);
    content: "";
    position: absolute;
    top: 0;
    left: calc((150px - var(--width)) / (var(--slides-count) - 1) * var(--cur-slide));
    width: var(--width);
    height: 2px;
    background-color: #000000;
    transition: left .4s ease-out;
}

/* - - - /Слайдер "модель в интерьере" - - - */

/* - - - Модальные сайдбары: - - - */

.side-modal-container {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s;
}

.side-modal-container.active {
    pointer-events: auto;
    opacity: 1;
}

.side-modal {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 636px;
    min-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    transform: translateX(100%);
    transition: transform .3s;
}

.side-modal.active {
    transform: translateX(0);
}

.side-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 20px 40px;
    background-color: #f1f5fa;
}

.side-modal .modal-header .modal-title {
    font-weight: 600;
    font-size: 16px;
}

.side-modal .modal-header .modal-close {
    padding: 10px 15px;
    background: #fbfcfe;
    border: none;
    cursor: pointer;
}

.side-modal .modal-content {
    border: 0;
    border-radius: 0;
}

.side-modal#salons .salon {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 20px 40px;
    margin-bottom: .5rem;
}

.side-modal#salons .salon:after {
    content: "";
    width: 100%;
    height: 1px;
    margin: .5rem 0;
    background: #f4f4f4;
}

.side-modal#salons .salon .salon-open {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eef2ec;
    border-radius: 84px;
    min-width: 146px;
    padding: 5px;
}

.side-modal#salons .salon .product-quantity {
    color: #37b04a;
    font-weight: 600;
    margin-left: 10px;
}

.side-modal#salons .salon .product-model {
    opacity: .25;
    font-size: 14px;
}

/* - - - /Модальные сайдбары - - - */


/* - - - Страница "Салоны": - - - */
#salons .page-title {
    margin-bottom: 10px;
    line-height: normal;
}

#salons .page-title-wrapper {
    padding-bottom: 2rem;
    margin-bottom: 0;
}

#salons .page-title-wrapper::before {
    height: 100%;
}

#salons section {
    display: grid;
    grid-template-columns: max-content 1fr;
    overflow: hidden;
    position: relative;
}

#salons .locations-list {
    max-width: 680px;
    padding: 20px 20px 20px 40px;
}

#salons .city-select {
    margin-bottom: 2rem;
    margin-top: 1rem;
}

/*#salons .city-select.mobile {*/
/*    display: none;*/
/*}*/

#salons .salons-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    max-width: 680px;
    max-height: 650px;
    overflow-y: auto;
}

#salons .salons-container::-webkit-scrollbar {
    height: 2px;
}

#salons .salons-container::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 12px;
    height: 2px;
}

#salons .salons-container::-webkit-scrollbar-track {
    background-color: #d9d9d9;
    border-radius: 12px;
    height: 2px;
}

#salons .salons-container .salon {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    cursor: pointer;

    transition: opacity .3s ease;
}

#salons .salons-container .salon .salon-address,
#salons .salons-container .salon .salon-title {
    display: block;
    margin-bottom: 1rem;
}

#salons .salons-container .salon .salon-phone {
    color: unset;
}
.separator{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
}

#salons .salons-container .salon:hover {
    cursor: pointer;
    opacity: 0.7;
}

#salons .salons-container .salon:after {
    content: "";
    width: 100%;
    height: 1px;
    margin: .5rem 0;
    background: #f4f4f4;
}

#salons .salons-container .salon .salon-open {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eef2ec;
    border-radius: 84px;
    min-width: 146px;
    padding: 5px 18px;
}

#salons .salons-container .salon .salon-address + .d-flex.align-items-center.justify-content-between {
    flex-wrap: wrap;
    gap: 1rem;
}

#salons .salons-container .salon .salon-images {
    display: none;
}

#salons .salons-container .salon.expanded .salon-images {
    display: block;
}

#salons .locations-map #map {
    width: 100%;
    height: 100%;
}

#salons .locations-map #map .salon-marker {
    width: 30px;
    height: 40px;
    transform: translate(-15px, -40px);
    background: url("/image/catalog/map-marker.svg") center bottom no-repeat;
}

/* - - - Слайдер на салоне": - - - */

[id*="salon-interior-slider-"] {
    position: relative;
    margin-top: 2rem;
}

.salon-interior-slider-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.salon-interior-slider-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    height: 100%;
    max-height: 600px;
    margin-right: 2rem;
}

.salon-interior-slider-image img {
    width: 100%;
    max-width: 100%;
    max-height: 600px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center center;
}

.salon-interior-slider-image::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.salon-interior-slider-controls {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 77px !important;
    padding-right: 1rem;
}

.salon-interior-slider-progress {
    display: flex;
    align-items: center;
    gap: 1rem;
}

[id*="salon-interior-slider-current-slide-idx-"],
[id*="salon-interior-slider-slides-count-"] {
    font-size: 24px;
    font-weight: 500;
    width: 2ch;
}

[id*="salon-interior-slider-slides-count-"] {
    color: #777;
}

[id*="salon-interior-slider-prev-"],
[id*="salon-interior-slider-next-"] {
    background: none;
    border: none;
    outline: none;
    transition: opacity .3s;
}

[id*="salon-interior-slider-prev-"]:hover,
[id*="salon-interior-slider-next-"]:hover {
    opacity: .7;
    cursor: pointer;
}

[id*="salon-interior-slider-prev-"].disabled,
[id*="salon-interior-slider-next-"].disabled {
    opacity: .4;
    cursor: default;
}

[id*="salon-interior-slider-prev-"] img {
    transform: rotate(180deg);
}

[id*="salon-interior-slider-bars-"] {
    position: relative;
    width: 150px;
    height: 2px;
    background-color: #d9d9d9;
}

[id*="salon-interior-slider-bars-"]::before {
    --width: calc(150px / 4);
    content: "";
    position: absolute;
    top: 0;
    left: calc((150px - var(--width)) / (var(--slides-count) - 1) * var(--cur-slide));
    width: var(--width);
    height: 2px;
    background-color: #000000;
    transition: left .4s ease-out;
}

/* - - - /Слайдер на салоне - - - */


/* - - - /Страница "Салоны" - - - */



/* - - - Страница "Коллекции": - - - */

#collections {
    padding-bottom: 80px !important;
}

#collections-category .page-title-wrapper {
    padding-bottom: 2rem;
    margin-bottom: 0;
}

#collections-category .page-title-wrapper::before {
    height: 100%;
}

#collections {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#collections .collections-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

#collections .collections-list .collection {
    display: flex;
    position: relative;
}

#collections .collections-list .collection:nth-child(2n) {
    flex-direction: row-reverse;
}

#collections .collections-list .collection .collection-img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    flex-shrink: 0;
    width: 500px;
}

#collections .collections-list .collection .collection-info {
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    padding: 20px 50px 40px 70px;
    transition: border-color .3s ease;
    width: 100%;
    font-size: 20px;
    line-height: 150%;

    margin-bottom: 0;
}

#collections .collections-list .collection:hover .collection-info {
    border-color: #575757;
}

#collections .collections-list .collection:nth-child(2n) .collection-info {
    border-right: none;
    padding-left: 50px;
    padding-right: 70px;
}

#collections .collections-list .collection:nth-child(odd) .collection-info {
    border-left: none;
}

#collections .collections-list .collection .collection-info .btn-white {
    margin-top: auto;
    width: 270px;
    height: max-content;
    opacity: 0;
    pointer-events: none;
    transition: background-color .3s ease, color .3s ease, opacity .3s;
}

#collections .collections-list .collection:hover .collection-info .btn-white {
    opacity: 1;
    pointer-events: auto;
}

#collections-category #collections + .pagination {
    padding-bottom: 90px;
}

/* - - - /Страница "Коллекции" - - - */

/* - - - Страница коллекции: - - - */

#collections-category .product-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    /*margin: 2rem 0;*/
    margin-top: 60px;
    margin-bottom: 110px;
}

#collections-category .product-top .product-title {
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#collections-category .product-top .product-manufacturer {
    color: rgba(0, 0, 0, .7);
    display: block;
    font-size: 32px;
    margin-bottom: 60px;
    font-weight: 400;
}

#collections-category .product-images {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    margin: 0;
    width: 100%;
    max-width: 780px;
}

#product-slider .slick-slide {
    opacity: 0;
    transition: opacity .3s;
}

#product-slider .slick-slide.slick-current {
    opacity: 1;
}

#collections-category .product-description {
    border: 1px solid #575757;
    border-width: 1px 0;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 60px;
    padding: 25px 0;
}
#collections-category .product-description > * {
    margin: 0;
}

#collections-category .product-info-actions {
    display: flex;
    flex-direction: column;
    /*gap: 1rem;*/
    padding: .5rem 0 .5rem 2rem;
    flex-grow: 1;
}

#collections-category .product-actions {
    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr;*/
    /*align-items: center;*/
    /*gap: 1rem;*/

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#collections-category .product-actions .btn-black,
#collections-category .product-actions .btn-white {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    width: calc(50% - 15px);
    height: auto;
}

#collections-category .product-actions > *{
    height: 100%;
}


#collections-category .product-info-actions .compare-btn,
#collections-category .product-info-actions .product-order-options {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: max-content;
    border: none;
    padding: 0;
    background: none;
    font-size: 16px;
    color: rbga(0, 0, 0, .7);
    cursor: pointer;
}

#product-info {
    overflow-x: auto;
}

#product-info .tab-content {
    padding-bottom: 100px;
    padding-top: 0;
    font-size: 20px;
}

#product-info .tab-content#description-tab .description-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 80px;
}

#collections-category .info-tabs ul {
    display: flex;
    overflow-x: auto;
    margin-bottom: 0;
}

#collections-category .info-tabs  li {
    width: 100%;
}

#collections-category .info-tabs .tab-item {
    display: block;
    width: 100%;
    padding: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap;
    border: none;
    border-bottom: 1px solid #999;
    background: none;
    color: #575757;
    cursor: pointer;
    transition: color .2s, border-bottom-color .2s;
}

#collections-category .info-tabs .tab-item:hover,
#collections-category .info-tabs .tab-item.active {
    border-bottom-color: #000;
    color: #000;
}

.tab-content {
    display: none;
    padding: 2rem 0;
}

.tab-content.active {
    display: block;
}

#collections-category .collection-description {
    align-items: center;
    display: grid;
    gap: 30px 100px;
    grid-template-columns: repeat(7, 1fr);
    padding-top: 50px;
}

#collections-category .collection-description .description {
    color: rgba(0, 0, 0, .7);
    font-size: 20px;
    line-height: 1.2;
}

#collections-category .collection-description .cell-info {
    grid-column: span 3;
}

#collections-category .collection-description .cell-img {
    align-items: flex-end;
    display: grid;
    gap: 60px;
    grid-column: span 4;
    grid-template-columns: repeat(7, 1fr);
}

#collections-category .collection-description .img {
    position: relative;
}

#collections-category .collection-description .img:first-child {
    grid-column: span 3;
}

#collections-category .collection-description .img:nth-child(2) {
    grid-column: span 4;
}

#collections-category .collection-description .img img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

#collections-category .collection-description .img:first-child:before {
    padding-top: 107%;
}

#collections-category .collection-description .img:nth-child(2):before {
    padding-top: 153%;
}

#collections-category .collection-description .img:before {
    content: "";
    display: block;
}

#collections-category .size-wrapper {
    padding: 2rem 0;
}

#collections-category .size-wrapper:not(:last-child) {
    border-bottom: 1px solid #575757;
}

#collections-category .size-wrapper h2 {
    color: rgba(0, 0, 0, .9);
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

#mechanism-tab img {
    max-width: 750px;
}

#collections-category .material-group {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    /*padding: 2rem 0;*/
    padding-top: 60px;
    padding-bottom: 0;
}

#collections-category .material-group h2 {
    color: rgba(0, 0, 0, .9);
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
}

#collections-category .material-group:not(:last-child) {
    border-bottom: 1px solid #575757;
}

#product-info .material-group a {
    color: black;
    font-size: 24px;
    font-weight: 500;
}
#product-info .material-group a span {
    margin-right: 20px;
}
#product-info .material-group a img {
    width: 40px;
    height: 40px;
}

#collections-category .materials {
    display: grid;
    gap: 50px 40px;
    grid-template-columns: repeat(3, 1fr);
}

#collections-category .material {
    display: flex;
    width: 100%;
    background-color: #f9f9f9;
    color: #000;
    cursor: pointer;
    transition: background-color .3s ease;
}

#collections-category .material:hover {
    background-color: #f0f1f3;
}

#collections-category .material-thumb {
    /*width: 168px;*/
    /*height: 168px;*/

    width: 100px;
    flex-shrink: 0;
    height: 100%;
}

#collections-category .material-thumb img {
    height: 100%;
    object-fit: cover;
}

#collections-category .material-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 30px;
}

#collections-category .material-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 150%;
}

#material-modal .modal-content {
    position: relative;
}

#material-modal .material-text {
    padding: 1.5rem;
}

#material-modal .modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: max-content;
    height: max-content;
    padding: .75rem 1rem;
    border: none;
    background: #FFF;
    opacity: 1;
    cursor: pointer;
    transition: opacity .2s;
}

#material-modal .modal-close:hover {
    opacity: .7;
}

#material-modal .material-manufacturer {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .5rem;
}

#material-modal .material-description {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

/* - - - /Страница коллекции - - - */


/* - - - Фильтр - - - */
.ocf-btn-show-values:hover,
.ocf-btn-show-values:focus,
.ocf-btn-show-values:active {
    text-decoration: none !important;
}
.ocf-btn-mobile-fixed .ocf-btn {
    background-color: #1a1a1a !important;
}
.ocf-mobile-active .ocf-content,
.ocf-mobile-active .ocf-filter-header {
    background-color: #f1f5fa !important;
}
#product-category .products-sort-block .filter-by span {
    gap: 15px;
}
.ocf-btn-link {
    color: black !important;
}
/* - - - /Фильтр - - - */


/* Таблица */
table {
    margin-bottom: 20px;
}
table tr td {
    border: 1px solid #000;
    padding: 15px;
    width: 50%;
    vertical-align: top
}
table tr td p {
    margin-bottom: 0;
}
table tr td b {
    font-size: 20px;
}

/* - - - Расчитать стоимость:- - - */

#information-calculate p,
#information-calculate form {
    /*max-width: 864px;*/
    max-width: 1760px;
}
#information-calculate .section-title {
    margin-top: 0 !important;
}
#information-calculate .page-title-wrapper {
    margin-bottom: 120px;
}
#information-calculate .page-title-wrapper::before {
    height: 100px;
}
#information-calculate .section-text {
    margin-top: 80px;
    font-size: 24px;
    margin-bottom: 50px;
}
#information-calculate .section-text p,
#information-calculate form .checkbox {
    max-width: 864px;
    margin-bottom: 0;
}
#information-calculate form {
    margin-bottom: 100px;
}
#information-calculate form .form-group {
    max-width: 864px;
    display: flex;
    gap: 30px;
    align-items: center;
}
#information-calculate form .form-group {
    margin-bottom: 30px
}
#information-calculate form .form-group.textarea {
    margin-bottom: 50px;
}
#information-calculate form .form-group.textarea textarea {
    height: 120px;
}
#information-calculate form .form-group .label {
    font-weight: 600;
    font-size: 20px;
}
#information-calculate form .form-group .input {
    flex-shrink: 0;
    margin-left: auto;
    width: calc(100% - 210px);
}
#information-calculate form .form-group .input:active,
#information-calculate form .form-group .input:focus {
    outline: none;
    box-shadow: none;
}
#information-calculate form .checkbox {
    font-size: 18px;
    margin-bottom: 30px;
}
#information-calculate form .btn-black {
    max-width: 360px;
    padding: 19px;
    width: 100%;
    margin-top: 0 !important;
}

/* - - - /Расчитать стоимость- - - */

/* - - - Корзина: - - - */

#checkout-cart .page-title-wrapper::before {
    height: 100px;
}

#checkout-cart .cart-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#checkout-cart .cart-item .cart-item-img-link {
    display: block;
    margin-right: 3rem;
}

#checkout-cart .cart-item .cart-item-title {
    font-size: 24px;
    margin-right: 30px;
}

#checkout-cart .cart-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #6f6f6f;
}

#checkout-cart .cart-item:first-child {
    border-top: 1px solid #6f6f6f;
}

#checkout-cart .cart-item-left,
#checkout-cart .cart-item-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#checkout-cart .cart-item .product-quantity input {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0;
    border-width: 1px 0;
    height: 54px;
    min-width: 54px;
    padding: 0 12px;
    text-align: center;
}

#checkout-cart .cart-item .product-quantity button {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0;
    background: none;
    color: #000;
    flex-shrink: 0;
    font-size: 30px;
    height: 54px;
    line-height: 1;
    width: 54px;
    cursor: pointer;
}

#checkout-cart .cart-item .product-quantity {
    margin-right: 110px;
}

#checkout-cart .cart-item .product-sync {
    opacity: 0;
    transition: opacity .2s;
}

#checkout-cart .cart-item:hover .product-sync {
    opacity: 1;
}

#checkout-cart .cart-item .product-price span {
    flex-shrink: 0;
    font-size: 24px;
    font-weight: 600;
    margin-right: 110px;
    white-space: nowrap;
}

#checkout-cart .cart-item .cart-item-del {
    border: none;
    background: none;
    font-size: 30px;
    height: 54px;
    line-height: 1;
    width: 54px;
    cursor: pointer;
}

#checkout-cart .cart-block-total-price {
    align-self: center;
    font-size: 30px;
    font-weight: 600;
    margin-left: auto;
}

#checkout-cart .empty-cart {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 100px auto;
    max-width: 525px;
    width: 100%;
}

#checkout-cart .empty-cart .cart-icon {
    height: 200px;
    margin-bottom: 60px;
    width: 200px;
}

#checkout-cart .empty-cart .block-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

#checkout-cart .empty-cart .text {
    color: #444;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
    text-align: center;
}

#checkout-cart .empty-cart .btn-black {
    width: 360px;
}

/* - - - /Корзина - - - */

/* - - - Оформление заказа: - - - */

.simplecheckout-block-content {
    padding: 0 !important;
}

.simplecheckout .btn-black {
    color: #FFFFFF !important;
    max-width: 360px;
}

.simplecheckout .checkout-heading.panel-heading {
    margin-bottom: 50px;
    color: rgba(0, 0, 0, .9);
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    background: none;
    padding: 0;
}

.simplecheckout .radio-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.simplecheckout label.checkbox,
.simplecheckout label.radio {
    display: flex !important;
}

.simplecheckout-button-right {
    display: flex;
    align-items: center;
}
.simplecheckout .simplecheckout-block {
    margin-bottom: 30px;
}

.simplecheckout .grid-inputs {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
}

.simplecheckout .control {
    position: relative;
    display: flex;
    align-items: center;
}

.simplecheckout .control.required label::after {
    content: "*";
    display: inline-block;
    margin-left: .25rem;
}

.simplecheckout .control {
    grid-column: span 2;
}

#simplecheckout_shipping_address .control:nth-child(n+3) {
    grid-column: span 1;
}

.simplecheckout .control .control-label {
    font-size: 20px;
    font-weight: 600;
    margin-right: 1rem;
}

.simplecheckout .control .input-wrapper {
    flex-shrink: 0;
    margin-left: auto;
    width: calc(100% - 210px);
}

#simplecheckout_shipping_address .control .input-wrapper {
    width: calc(100% - 134px);
}

/*.simplecheckout .form-group {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.simplecheckout label.control-label {*/
/*    min-width: max-content;*/
/*    margin-right: 1rem;*/
/*}*/

/*.simplecheckout .form-group .control-wrapper {*/
/*    min-width: 100%;*/
/*}*/

.simplecheckout-left-column {
    border-right: 1px solid #eee;
    padding-right: 60px;
}

.simplecheckout-right-column {
    padding-left: 26px;
}

.simplecheckout .simplecheckout-cart-total {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: left;
}

#checkout-success #content {
    min-height: 50vh;
}

.simplecheckout #agreement_checkbox {
    max-width: 600px;
}

/* - - - /Оформление заказа - - - */

/* - - - Уведомление - - - */
.alert-block {
    background-color: #eef2ec;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    font-weight: 1.5;
    max-width: 100%;
    /*padding: 20px 20px 40px;*/
    padding: 20px;
    text-align: center;
    width: 545px;
    border-radius: 10px;
    top: 100px !important;
}
.us-alert-content {
    font-weight: 400;
    gap: 20px;
}
/* - - - /Уведомление - - - */

/* - - - Сравнение - - - */
#product-compare .buttons .us-module-btn:hover {
    background: none;
}
#product-compare .comparison-items {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 40px;
}
#product-compare .comparison-items .comparison-card {
    border: initial;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-right: 25px;
    min-width: 260px;
    width: calc(25% - 25px);
}
#product-compare .comparison-items .comparison-card .comparison-link {
    color: #000;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
}
#product-compare .comparison-items .comparison-card .comparison-link .img {
    position: relative;
}
#product-compare .comparison-items .comparison-card .comparison-link .img:before {
    content: "";
    display: block;
    padding-top: 62.5%;
}
#product-compare .comparison-items .comparison-card .comparison-link .img img {
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}
#product-compare .comparison-items .comparison-card .comparison-link .text-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 20px;
}
#product-compare .comparison-items .comparison-card .comparison-link .text-wrap .title {
    font-size: 16px;
    margin-bottom: 12px;
    width: 100%;
    height: 50px;
}
#product-compare .comparison-items .comparison-card .comparison-link .text-wrap .price {
    border-top: 1px solid #575757;
    font-size: 20px;
    font-weight: 600;
    /*margin-top: auto;*/
    padding-top: 12px;
}
#product-compare .comparison-items .comparison-card .product-chars {
    margin-bottom: 20px;
}
#product-compare .comparison-items .comparison-card .product-chars .char {
    align-items: flex-end;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 10px;
    padding: 10px 0;
}
#product-compare .comparison-items .comparison-card .product-chars .char .label {
    min-width: 90px;
}
#product-compare .comparison-items .comparison-card .product-chars .char .border {
    flex-shrink: 1;
    max-width: none;
    border-bottom: .5px solid #f4f4f4 !important;
    margin: 0 12px;
    min-width: 10px;
    width: 100%;
}
#product-compare .comparison-items .comparison-card .product-chars .char .value {
    flex-shrink: 0;
    max-width: 240px;
    word-break: break-word;
}
#product-compare .comparison-items .comparison-card .product-chars .char p {
    margin-bottom: 0;
    text-overflow: ellipsis;
}
#product-compare .comparison-items .comparison-card .product-chars .char p:hover {
    overflow: inherit !important;
    text-overflow: inherit;
}
#product-compare .comparison-items .comparison-card .product-chars .characteristics-block {
    margin-top: 20px;
}
#product-compare .comparison-items .comparison-card .product-chars .characteristics-block .characteristics {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
}
#product-compare .comparison-items .comparison-card .product-chars .characteristics-block .label {
    min-width: 160px;
    margin-bottom: 0;
}
#product-compare .comparison-items .comparison-card .product-chars .characteristics-block .text-center {
    margin-bottom: 0;
}
#product-compare .comparison-items .comparison-card .product-chars .characteristics-block {
    margin-bottom: 20px;
}
#product-compare .comparison-items .comparison-card .product-chars .char .compare-btn-remove {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 400;
}
#product-compare .comparison-items .comparison-card .product-chars .char img {
    height: 20px;
    margin-left: 12px;
    width: 20px;
}
/* - - - Сравнение - - - */

/* - - - 404 - - - */
#error-not-found {
    min-height: 66vh;
}
#error-not-found .us-content.us-content-inform {
    display: flex;
    align-items: center;
    flex-direction: column;
}
#error-not-found .us-content.us-content-inform .title {
    color: #f1f5fa;
    font-size: 320px;
    font-weight: 700;
    line-height: 390px;
    text-shadow: 0 1px 0 rgba(87, 87, 87, .3),
    0 -1px 0 rgba(87, 87, 87, .3),
    1px 0 0 rgba(87, 87, 87, .3),
    -1px 0 0 rgba(87, 87, 87, .3),
    1px 1px 0 rgba(87, 87, 87, .3),
    1px -1px 0 rgba(87, 87, 87, .3),
    -1px 1px 0 rgba(87, 87, 87, .3),
    -1px -1px 0 rgba(87, 87, 87, .3);
    margin-bottom: 0;
}
#error-not-found .us-content.us-content-inform .text {
    color: rgba(0, 0, 0, .7);
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 30px;
    text-align: center;
}
#error-not-found .us-content.us-content-inform .buttons {
    margin-bottom: 70px;
}
#error-not-found .us-content.us-content-inform .buttons .btn-black {
    max-width: 100%;
    width: 370px;
}
/* - - - 404 - - - */


/* - - - Страница "Акции": - - - */

#promo .page-title-wrapper {
    padding-bottom: 2rem;
    margin-bottom: 0;
}

#promo .page-title-wrapper::before {
    height: 100%;
}

#promo #articles {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#promo #articles .articles-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

#promo #articles .articles-list .article {
    display: flex;
    position: relative;
}

#promo #articles .articles-list .article:nth-child(2n) {
    flex-direction: row-reverse;
}

#promo #articles .articles-list .article .article-img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    flex-shrink: 0;
    width: 500px;
}

#promo #articles .articles-list .article .article-info {
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    padding: 20px 50px 40px 70px;
    transition: border-color .3s ease;
    width: 100%;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 0;
}

#promo #articles .articles-list .article .article-top {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #575757;
}

#promo #articles .articles-list .article .article-days-left {
    font-size: 24px;
}

#promo #articles .articles-list .article .article-dates {
    display: inline-block;
    padding: 10px 40px;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    background-color: #eef2ec;
}

#blog-article-page .days-left {
    background-color: #eef2ec;
    display: block;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    margin: 0 auto 20px;
    padding: 10px 40px;
    width: -moz-fit-content;
    width: fit-content;
}

#promo #articles .articles-list .article:hover .article-info {
    border-color: #575757;
}

#promo #articles .articles-list .article:nth-child(2n) .article-info {
    border-right: none;
    padding-left: 50px;
    padding-right: 70px;
}

#promo #articles .articles-list .article:nth-child(odd) .article-info {
    border-left: none;
}

#promo #articles .articles-list .article .article-info .btn-white {
    margin-top: auto;
    width: 270px;
    height: max-content;
    opacity: 0;
    pointer-events: none;
    transition: background-color .3s ease, color .3s ease, opacity .3s;
}

#promo #articles .articles-list .article:hover .article-info .btn-white {
    opacity: 1;
    pointer-events: auto;
}

/* - - - /Страница "Акции" - - - */

/* - - - Категория блога: - - - */

#blog-category .page-title-wrapper::before {
    height: 500px;
}

#blog-category .articles-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px 65px;
    border-top: 1px solid #575757;
    margin-bottom: 3rem;
}

#blog-category .article-item {
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    color: #000;
}

#blog-category .cell:nth-child(4n+1) .article-item {
    margin-right: 10%;
}
#blog-category .cell:nth-child(4n+4) .article-item {
    margin-left: 10%;
}
#blog-category .cell:nth-child(2) {
    margin-top: 90px;
}
/*#blog-category .cell:nth-child(odd):not(:nth-child(4n+1)) {*/
/*    margin-right: 10%;*/
/*}*/
#blog-category .cell:nth-child(odd):not(:nth-child(4n+1)) {
    margin-top: -190px;
}
#blog-category .cell:nth-child(4n+1):not(:first-child) {
    margin-top: -100px;
}

#blog-category .article-heading {
    align-items: center;
    border-top: 1px solid #000;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 20px;
}

#blog-category .article-title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 24px;
    font-weight: 600;
    margin-right: 10px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    line-height: 1.5;
}

#blog-category .article-item .article-img {
    height: 100%;
    width: 100%;
    z-index: 0;
}

#blog-category .article-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    background: #FFFFFF;
    padding: 20px;
    transition: opacity .3s;
}

#blog-category .article-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    max-height: 100%;
    opacity: 0;
    overflow-y: auto;
    pointer-events: none;
    z-index: 2;
    padding: 20px;
    transition: opacity .3s;
}

#blog-category .article-item:hover .article-bottom {
    opacity: 0;
}

#blog-category .article-item:hover .article-hover {
    opacity: 1;
}

#blog-category .article-hover-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #FFFFFF;
}

#blog-category .article-description {
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 20px;
    font-weight: 400;
    /*margin-top: 20px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
}

/* - - - /Категория блога - - - */

/* - - - Статья блога: - - - */

#blog-article-page .article-head {
    margin-top: -2rem;
    margin-bottom: 2rem;
}

#blog-article-page .article-head-top {
    width: 100%;
    padding: 1.5rem 0;
    border-bottom: 1px solid #575757;
    font-size: 20px;
}

#blog-article-page .article-head-mid {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    gap: 50px;
    width: 100%;
    padding: 1.5rem 0;
}

#blog-article-page .article-head-mid b {
    font-weight: 500;
}

#blog-article-page #article-summary {
    width: 100%;
}

#blog-article-page #article-summary .summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
    padding: .75rem 2rem;
    background: #f1f5fa;
    border-top: 1px solid #575757;
    border-bottom: 1px solid #575757;
}

#blog-article-page #article-summary .summary-head b {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

#blog-article-page #article-summary #summary-toggle {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0;
    border: none;
    background: none;
    font-size: 20px;
    font-weight: 500;
}

#blog-article-page #article-summary #summary-toggle::before {
    content: "Показать";
    font-size: 20px;
    font-weight: 500;
}

#blog-article-page #article-summary.active #summary-toggle::before {
    content: "Скрыть";
}

#blog-article-page #article-summary #summary-toggle i {
    transition: transform .3s;
}

#blog-article-page #article-summary.active #summary-toggle i {
    transform: rotate(-90deg);
}

#blog-article-page #article-summary .summary-list-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: padding .3s, grid-template-rows .3s;
}

#blog-article-page #article-summary.active .summary-list-wrapper {
    grid-template-rows: 1fr;
    padding-bottom: 40px;
    padding-top: 40px;
}

#blog-article-page #article-summary .summary-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
}

#blog-article-page #article-summary .summary-list a {
    color: #000;
    text-decoration: underline;
    font-size: 20px;
    line-height: 2;
    word-wrap: break-word;
}

/* - - - /Статья блога - - - */


/* - - - Слайдер: - - - */

.slider {
    position: relative;
    margin-top: 2rem;
}

.slider-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.slider-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    height: 100%;
    max-height: 600px;
    margin-right: 2rem;
}

.slider-image img {
    width: 100%;
    max-width: 100%;
    max-height: 600px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center center;
}

.slider-image::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.slider-controls {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 77px !important;
    padding-right: 1rem;
}

.slider-progress {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.slider-current-slide-idx,
.slider-slides-count {
    font-size: 24px;
    font-weight: 500;
    width: 2ch;
}

.slider-slides-count {
    color: #777;
}

.slider-prev,
.slider-next {
    background: none;
    border: none;
    outline: none;
    transition: opacity .3s;
}

.slider-prev:hover,
.slider-next:hover {
    opacity: .7;
    cursor: pointer;
}

.slider-prev.disabled,
.slider-next.disabled {
    opacity: .4;
    cursor: default;
}

.slider-prev img {
    transform: rotate(180deg);
}

.slider-bars {
    position: relative;
    width: 150px;
    height: 2px;
    background-color: #d9d9d9;
}

.slider-bars::before {
    --width: calc(150px / 4);
    content: "";
    position: absolute;
    top: 0;
    left: calc((150px - var(--width)) / (var(--slides-count) - 1) * var(--cur-slide));
    width: var(--width);
    height: 2px;
    background-color: #000000;
    transition: left .4s ease-out;
}

/* - - - /Слайдер - - - */

/* - - - Фильтры: - - - */

.ocf-noUi-pips {
    display: none;
}

.ocf-input-group .filter-slider-label {
    color: #929292;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.ocf-btn-show-values > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* - - - /Фильтры - - - */