/*----------
Mainpage START  
-----------*/

section.hero {
    display: flex;
    align-items: end;
    margin: 0;
    padding: 80px 0;
    height: 900px;
    background-image: url(../img/hero-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero__info {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
}

.hero__content {
    max-width: 1172px;
}

.hero__title {
    margin: 0;
    color: #fffbf4;
    font-family: var(--second-family);
    font-size: clamp(44px, 6vw, 76px);
    font-weight: 400;
    line-height: 88px;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    max-width: 1172px;
}

.hero__text {
    max-width: 575px;
    color: #fffbf4;
    font-size: 20px;
    line-height: 135%;
}

.hero__btn {
    min-width: 216px;
    padding: 20px 30px 20px 32px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(255, 251, 244, 0.3);
    background: #d9d6d3;
    color: #fffbf4;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    background: rgba(6, 6, 6, 0.14);
    backdrop-filter: blur(10px);
}

.hero__btn:hover {
    background: #ece8e3;
    border-color: #ece8e3;
    color: #050505;
}

.hero__btn svg {
    transform-origin: 40% 0%;
    transition: 0.3s;
}

.hero__btn svg path {
    transition: 0.3s;
}

.hero__btn:hover svg {
    transform: rotate(-45deg) scale(1.1);
}

.hero__btn:hover svg path {
    stroke: #000;
}

.advantages {
    margin: 0;
    padding: 120px 0;
    background: #050505;
}

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

.advantages__item {
    max-width: 390px;
    color: #fffbf4;
}

.advantages__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 251, 244, 0.75);
}

.advantages__title {
    margin: 26px 0 0;
    font-family: var(--font-family-semi-bold);
    font-size: 30px;
    line-height: 1.1;
    font-weight: 600;
    color: #fffbf4;
}

.advantages__text {
    max-width: 355px;
    margin: 18px 0 0;
    font-size: 18px;
    line-height: 1.35;
    color: rgba(255, 251, 244, 0.5);
}

.services {
    padding: 0;
    margin: 0;
    background: #050505;
}

.services__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: #fff;
    border-top: 1px solid #fff;
}

.services__card {
    position: relative;
    overflow: hidden;
    background: #101010;
    color: #fffbf4;
}

.services__card--wide {
    grid-column: span 2;
}

.services__card--tall {
    grid-row: span 2;
}

.services__link {
    position: relative;
    z-index: 1;
    min-height: 100%;
    padding: 20px 20px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: inherit;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.services__card--wide .services__link {
    aspect-ratio: unset;
}

.services__count,
.services__title,
.services__text,
.services__arrow,
.services__thumb {
    position: relative;
    z-index: 2;
}

.services__count {
    display: inline-block;
    font-size: 14px;
    line-height: 1.2;
    color: rgba(255, 251, 244, 0.75);
    z-index: 3;
}

.services__arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    color: rgba(255, 251, 244, 0.55);
    line-height: 0;
    transition: transform 0.3s ease, color 0.3s ease;
    z-index: 4;
}

.services__thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

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

.services__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: auto;
    z-index: 4;
}

.services__title {
    max-width: 78%;
    font-family: var(--second-family);
    font-size: 34px;
    line-height: 0.98;
    text-transform: uppercase;
}

.services__text {
    max-width: 400px;
    font-size: 16px;
    line-height: 1.35;
    color: rgba(255, 251, 244, 0.78);
}

.services__card:hover .services__arrow {
    color: #fffbf4;
}

.services__link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.services__link::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.layer--grey .services__link::before {
    background: linear-gradient(
        to bottom,
        rgba(34, 44, 48, 0) 0%,
        rgba(34, 44, 48, 0.45) 68%,
        rgba(34, 44, 48, 0.72) 76%,
        rgba(34, 44, 48, 0.84) 82%,
        rgba(34, 44, 48, 0.88) 100%
    );
}

.layer--grey .services__link::after {
    background: linear-gradient(
        to bottom,
        rgba(34, 44, 48, 0.88) 0%,
        rgba(34, 44, 48, 0.88) 68%,
        rgba(34, 44, 48, 0.72) 74%,
        rgba(34, 44, 48, 0.32) 82%,
        rgba(34, 44, 48, 0) 100%
    );
}

.layer--dark .services__link::before {
    background: linear-gradient(
        to bottom,
        rgba(1, 1, 1, 0) 0%,
        rgba(1, 1, 1, 0.45) 68%,
        rgba(1, 1, 1, 0.72) 76%,
        rgba(1, 1, 1, 0.84) 82%,
        rgba(1, 1, 1, 0.88) 100%
    );
}

.layer--dark .services__link::after {
    background: linear-gradient(
        to bottom,
        rgba(1, 1, 1, 0.88) 0%,
        rgba(1, 1, 1, 0.88) 68%,
        rgba(1, 1, 1, 0.72) 74%,
        rgba(1, 1, 1, 0.32) 82%,
        rgba(1, 1, 1, 0) 100%
    );
}

.layer--blue .services__link::before {
    background: linear-gradient(
        to bottom,
        rgba(0, 55, 84, 0) 0%,
        rgba(0, 55, 84, 0.45) 68%,
        rgba(0, 55, 84, 0.72) 76%,
        rgba(0, 55, 84, 0.84) 82%,
        rgba(0, 55, 84, 0.88) 100%
    );
}

.layer--blue .services__link::after {
    background: linear-gradient(
        to bottom,
        rgba(0, 55, 84, 0.88) 0%,
        rgba(0, 55, 84, 0.88) 68%,
        rgba(0, 55, 84, 0.72) 74%,
        rgba(0, 55, 84, 0.32) 82%,
        rgba(0, 55, 84, 0) 100%
    );
}

.layer--white .services__link::before {
    background: linear-gradient(
        to bottom,
        rgba(196, 223, 232, 0) 0%,
        rgba(196, 223, 232, 0.45) 68%,
        rgba(196, 223, 232, 0.72) 76%,
        rgba(196, 223, 232, 0.84) 82%,
        rgba(196, 223, 232, 0.88) 100%
    );
}

.layer--white .services__link::after {
    background: linear-gradient(
        to bottom,
        rgba(196, 223, 232, 0.88) 0%,
        rgba(196, 223, 232, 0.88) 68%,
        rgba(196, 223, 232, 0.72) 74%,
        rgba(196, 223, 232, 0.32) 82%,
        rgba(196, 223, 232, 0) 100%
    );
}

.layer--yellow .services__link::before {
    background: linear-gradient(
        to bottom,
        rgba(192, 203, 186, 0) 0%,
        rgba(192, 203, 186, 0.45) 68%,
        rgba(192, 203, 186, 0.72) 76%,
        rgba(192, 203, 186, 0.84) 82%,
        rgba(192, 203, 186, 0.88) 100%
    );
}

.layer--yellow .services__link::after {
    background: linear-gradient(
        to bottom,
        rgba(192, 203, 186, 0.88) 0%,
        rgba(192, 203, 186, 0.88) 68%,
        rgba(192, 203, 186, 0.72) 74%,
        rgba(192, 203, 186, 0.32) 82%,
        rgba(192, 203, 186, 0) 100%
    );
}

.layer--orange .services__link::before {
    background: linear-gradient(
        to bottom,
        rgba(148, 80, 48, 0) 0%,
        rgba(148, 80, 48, 0.45) 68%,
        rgba(148, 80, 48, 0.72) 76%,
        rgba(148, 80, 48, 0.84) 82%,
        rgba(148, 80, 48, 0.88) 100%
    );
}

.layer--orange .services__link::after {
    background: linear-gradient(
        to bottom,
        rgba(148, 80, 48, 0.88) 0%,
        rgba(148, 80, 48, 0.88) 68%,
        rgba(148, 80, 48, 0.72) 74%,
        rgba(148, 80, 48, 0.32) 82%,
        rgba(148, 80, 48, 0) 100%
    );
}

.services__card:hover .services__link::after {
    opacity: 0;
}

.artists {
    margin: 0;
    padding: 0;
    background: #F6F6F6;
}

.artists__wrap {
    padding: 120px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 48px;
}

.artists__content {
    max-width: 1090px;
}

.artists__title {
    margin: 0;
    color: #262626;
    font-family: var(--second-family);
    font-size: 40px;
    font-weight: 400;
    line-height: 52px;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    max-width: 1026px;
}

.artists__text {
    max-width: 970px;
    margin: 12px 0 0;
    color: #171717;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; 
}

.artists__aside {
    min-width: 360px;
    padding-top: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 56px;
}

.artists__count {
    color: rgba(23, 23, 23, 0.14);
    font-family: var(--second-family);
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.services__tag--wrap {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.services__tag {
    padding: 12px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: var(--second-family);
    font-size: 15px;
    line-height: 19px;
    border-radius: 100px;
    border: 0.6px solid #FFF;
}

.artists__grid {
    display: grid;
    grid-template-columns: 1fr 1.8fr 1fr;
    gap: 1px;
    margin: 0 auto;
    align-items: stretch;
}
  
/* Все карточки занимают 100% высоты своей ячейки */
.artists__grid > * {
    display: flex;
}
  
.artists__grid > * > a {
    flex: 1;
    display: flex;
    flex-direction: column;
}
  
/* Распределяем 5 карточек по сетке */
.artists__grid > article:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}
  
.artists__grid > article:nth-child(2) {
    grid-column: 2;
    grid-row: 1 / 3; /* Растягиваем на 2 строки */
}
  
.artists__grid > article:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
}
  
.artists__grid > article:nth-child(4) {
    grid-column: 1;
    grid-row: 2;
 }
  
.artists__grid > article:nth-child(5) {
    grid-column: 3;
    grid-row: 2;
}
  
/* Стили для featured карточки (большой элемент) */
.services__card--featured .services__thumb img {
    height: 100%;
    object-fit: cover;
}
  
.services__card--featured .services__body {
    padding: 30px;
}

.section__head {
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.section__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 40px;
    line-height: 130%;
    color: #171717;
}

.section__head-left {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section__text {
    font-weight: 300;
    font-size: 16px;
    line-height: 138%;
    color: #171717;
}

.reviews {
    margin: 0;
    padding: 120px 0 80px;
    background: #fcfcfc;
    overflow: hidden;
}

.reviews-slider {
    width: 113%;
}

.review-item {
    display: flex;
    background: #F6F6F6;
}

.review-item__photo {
    flex: 0 0 34.5%;
    max-width: 470px;
    min-height: 100%;
}

.review-item__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-item__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 32px 32px 32px 24px;
}

.review-item__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.review-item__name {
    font-family: var(--font-family-semi-bold);
    font-size: 24px;
    line-height: 135%;
    color: #000;
}

.review-item__rating {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    color: #171717;
}

.review-item__date {
    margin-top: 8px;
    font-size: 15px;
    line-height: 140%;
    color: rgba(0, 0, 0, 0.4);
}

.review-item__text {
    margin-top: 16px;
    max-width: 720px;
    font-weight: 300;
    font-size: 15px;
    line-height: 140%;
    color: #000;
}

.review-item__more {
    margin-top: 16px;
    display: inline-block;
    font-family: var(--font-family-semi-bold);
    font-size: 16px;
    line-height: 1.2;
    color: #171717;
}

.review-item__gallery {
    display: flex;
    gap: 12px;
    margin-top: auto;
    padding-top: 28px;
}

.review-item__gallery-item {
    position: relative;
    width: 60px;
    height: 73px;
    overflow: hidden;
}

.review-item__gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-item__gallery-item--more img {
    filter: blur(3px);
    transform: scale(1.08);
}

.review-item__gallery-item--more span {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.72);
    font-family: var(--font-family-semi-bold);
    font-size: 28px;
    line-height: 1;
    color: #171717;
}

.slider-btn {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.20);
    cursor: pointer;
}

.slider-btn-wrap {
    display: flex;
    gap: 12px;
}

.questions-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
}

.questions-list__col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.question-item {
    background: #f6f6f6;
    color: #171717;
}

.question-item--dark.is-open {
    background: #003754;
    color: #fff;
}

.question-item--green.is-open {
    background: #c0cbba;
    color: #171717;
}

.question-item__head {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px 40px;
    cursor: pointer;
    text-align: left;
    color: inherit;
    font: inherit;
}

.question-item.is-open .question-item__head {
    align-items: flex-start;
    padding-bottom: 20px;
}

.question-item__title {
    font-family: var(--font-family-semi-bold);
    font-size: 24px;
    line-height: 1.2;
}

.question-item__icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    color: #171717;
}

.question-item--dark.is-open .question-item__icon {
    color: #fff;
}

.question-item__icon-plus,
.question-item__icon-minus {
    display: block;
    line-height: 0;
}

.question-item__icon-minus {
    display: none;
}

.question-item.is-open .question-item__icon-plus {
    display: none;
}

.question-item.is-open .question-item__icon-minus {
    display: block;
}

.question-item__body {
    padding: 0 40px 32px;
    max-width: 720px;
    font-size: 16px;
    line-height: 1.38;
    color: #171717;
}

.question-item--dark.is-open .question-item__body {
    color: rgba(255, 255, 255, 0.88);
}

.question-item__body[hidden] {
    display: none;
}

.podbor {
    margin: 0;
}

.podbor__content {
    display: grid;
    grid-template-columns: minmax(0, 1.36fr) minmax(0, 1fr);
    min-height: 484px;
}

.podbor__info {
    padding: 80px 48px 80px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #171717;
}

.podbor__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 40px;
    letter-spacing: -0.3px;
    line-height: 130%;
    text-transform: uppercase;
    color: #fff;
}

.podbor__text {
    max-width: 890px;
    margin: 12px 0 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.38;
    color: rgba(255, 255, 255, 0.72);
}

.podbor__info .btn__arrow-link {
    margin-top: 40px;
    align-self: flex-start;
}

.podbor__media {
    min-height: 100%;
    background: url("../img/podbor-bg.jpg") center center / cover no-repeat;
}

.form-help {
    margin: 0;
    margin-top: 80px;
    padding: 0;
    background: #f6f6f6;
}

.form-help__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.16fr);
    min-height: 760px;
}

.form-help__info {
    padding: 80px 120px 80px 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.form-help__title {
    max-width: 620px;
    margin: 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 40px;
    line-height: 1.08;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #171717;
}

.form-help__text {
    max-width: 520px;
    margin: 18px 0 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.38;
    color: #171717;
}

.form-help__form {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-help__form label {
    display: block;
}

.form-help__form .personal-data {
    margin-top: 2px;
}

.form-help__form .line-body__choose label {
    justify-content: flex-start;
    color: #575859;
}

.form-help__actions {
    margin-top: 10px;
}

.form-help__media {
    min-height: 100%;
    background: url("../img/form-bg.jpg") center center / cover no-repeat;
}

/*----------
Mainpage END
-----------*/

/*----------
Catalog START
-----------*/

span.bread-divider {
    color: rgba(0, 0, 0, 0.6);
}

.cat-head {
    margin: 0;
    padding: 152px 0 60px;
}

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 13px;
    line-height: 131%;
    overflow-x: scroll;
}

.breadcrumbs::-webkit-scrollbar {
    display: none;
}

.breadcrumbs a {
    color: rgba(0, 0, 0, 0.6);
    text-wrap: nowrap;
    flex-shrink: 0;
}

.breadcrumbs span {
    text-wrap: nowrap;
    flex-shrink: 0;
}

.breadcrumbs a:hover {
    color: #b4b4b4;
}

.cat-head__content {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}

.cat-head__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 80px;
    line-height: 110%;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

.cat-head__text {
    max-width: 966px;
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 138%;
}

.cat-head__content-title {
    display: flex;
    align-items: start;
    gap: 12px;
}

.cat-head__content-count {
    font-weight: 600;
    line-height: 138%;
    color: rgba(0, 0, 0, 0.4);
}

.cat-list-wrap {
    padding-top: 0;
}

.cat-list-wrap .section-wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cat-filter {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cat-filter__toolbar {
    display: flex;
    align-items: stretch;
    margin-right: 1px;
}

.cat-filter__btn,
.cat-filter__count,
.cat-filter__sort {
    display: flex;
    align-items: center;
    border: 1px solid #e6e6e6;
    margin-right: -1px;
    background: #fff;
    color: rgba(0, 0, 0, 0.4);
    font-family: var(--font-family-semi-bold);
    font-size: 16px;
    line-height: 22px;
}

.cat-filter__btn,
.cat-filter__sort {
    padding: 24px 40px;
    cursor: pointer;
}

.cat-filter__btn {
    gap: 8px;
}

.cat-filter__count {
    flex: 1;
    justify-content: center;
    padding: 24px 40px;
    text-align: center;
}

.cat-filter__sort-wrap {
    position: relative;
    flex: 0 0 auto;
}

.cat-filter__sort {
    gap: 8px;
    position: relative;
    z-index: 2;
    width: 100%;
}

.cat-filter__sort-value {
    text-wrap: nowrap;
    color: rgba(0, 0, 0, 0.8);
}

.cat-filter__sort-icon {
    display: inline-flex;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: #000;
    transition: transform 0.3s ease;
}

.cat-filter__sort-wrap.is-open .cat-filter__sort-icon {
    transform: rotate(180deg);
}

.cat-filter__sort-dropdown {
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #e6e6e6;
    background: #fff;
    z-index: 5;
}

.cat-filter__sort-dropdown[hidden] {
    display: none;
}

.cat-filter__sort-option {
    padding: 16px 24px;
    border: 0;
    border-top: 1px solid #e6e6e6;
    background: #fff;
    color: rgba(0, 0, 0, 0.6);
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cat-filter__sort-option:first-child {
    border-top: 0;
}

.cat-filter__sort-option:hover,
.cat-filter__sort-option.is-active {
    background: #f6f6f6;
    color: #000;
}

.cat-filter__tags {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    width: calc(100% + 80px);
}

.cat-filter__tags::-webkit-scrollbar {
    display: none;
}

.cat-filter__tag {
    flex: 0 0 auto;
    padding: 16px 20px 18px;
    border: 1px solid #e6e6e6;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 300;
    font-size: 16px;
    line-height: 138%;
    white-space: nowrap;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.cat-filter__tag:hover {
    color: #000;
}

.cat-filter__tag.is-active {
    background: #000;
    border-color: #000;
    color: #fff;
}

.cat-filter__tag.is-active:hover {
    color: #fff;
}

.catalog-list-wrapper {
    display: flex;
    align-items: flex-start;
}

.filter-sidebar {
    display: none;
    width: 392px;
    flex: 0 0 392px;
    background: #fff;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.catalog-list-wrapper.opened-filter .filter-sidebar {
    display: block;
}

.catalog-wrap {
    flex: 1;
    min-width: 0;
}

.filter-sidebar__top,
.filter-sidebar__footer,
.filter-sidebar-overlay {
    display: none;
}

.filter-sidebar__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-bottom: 40px;
}

.filter-sidebar__group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px 40px 0;
    border-top: 1px solid #e6e6e6;
}

.filter-sidebar__group--first {
    border-top: 0;
    padding-top: 40px;
}

.filter-sidebar__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #000;
    font-family: var(--second-family);
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
}

.filter-sidebar__head-icon {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    transition: transform 0.3s ease;
}

.filter-sidebar__group:not(.is-open) .filter-sidebar__head-icon {
    transform: rotate(-90deg);
}

.filter-sidebar__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filter-sidebar__group:not(.is-open) .filter-sidebar__body {
    display: none;
}

.filter-sidebar__option {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.filter-sidebar__checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.filter-sidebar__box {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.filter-sidebar__checkbox:checked + .filter-sidebar__box {
    border-color: #000;
    background: #000 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") center center / 50% 50% no-repeat;
}

.filter-sidebar__label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #000;
    font-size: 16px;
    line-height: 22px;
}

.filter-sidebar__count {
    color: rgba(0, 0, 0, 0.6);
    font-size: 11px;
    line-height: 15px;
}

.cat-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.prod-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.prod-card__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.prod-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 425 / 563;
    background: #f6f6f6;
}

.prod-card__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.prod-card__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.prod-card__meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.prod-card__title {
    font-family: var(--font-family-semi-bold);
    font-size: 20px;
    line-height: 27px;
}

.prod-card__author {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}

.prod-card__price {
    font-family: var(--font-family-semi-bold);
    font-size: 16px;
    line-height: 22px;
}

.prod-card__buy {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px 18px;
    border: 1px solid #e6e6e6;
    color: #000;
    font-family: var(--font-family-semi-bold);
    font-size: 16px;
    line-height: 22px;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

.prod-card__buy:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.cat-pagination {
    margin-top: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.cat-pagination__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}

.cat-pagination__link:hover {
    color: #000;
}

.cat-pagination__link-icon {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.cat-pagination__link--prev .cat-pagination__link-icon {
    transform: rotate(90deg);
}

.cat-pagination__link--next .cat-pagination__link-icon {
    transform: rotate(-90deg);
}

.cat-pagination__center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.cat-pagination__pages {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cat-pagination__page {
    min-width: 40px;
    padding: 10px 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.cat-pagination__page:hover {
    color: #000;
}

.cat-pagination__page.is-active {
    background: #f6f6f6;
    color: #000;
}

.cat-pagination__caption {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.about-paint {
    padding: 0;
}

.about-paint__wrap {
    max-width: 1600px;
    display: grid;
    grid-template-columns: 869px minmax(0, 1fr);
    gap: 80px;
    align-items: start;
}

.about-paint__gallery {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.about-paint__slider {
    width: 100%;
}

.about-paint__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 869 / 1099;
    padding: 100px;
    background: #f6f6f6;
}

.about-paint__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-paint__thumbs {
    width: 100%;
}

.about-paint__thumbs .swiper-slide {
    width: auto;
}

.about-paint__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 92px;
    padding: 2px;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
}

.about-paint__thumb img {
    width: 72px;
    height: 88px;
    object-fit: cover;
}

.about-paint__thumbs .swiper-slide-thumb-active .about-paint__thumb {
    border-color: #000;
}

.about-paint__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-width: 0;
}

.about-paint__main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.about-paint__title {
    margin: 0;
    color: #000;
    font-family: var(--second-family);
    font-size: 40px;
    line-height: 1.175;
    font-weight: 400;
}

.about-paint__meta {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-paint__meta-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.about-paint__meta-row {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
    color: #000;
    font-size: 16px;
    line-height: 22px;
}

.about-paint__meta-label,
.about-paint__meta-value {
    flex: 0 0 auto;
}

.about-paint__meta-divider {
    flex: 1 1 auto;
    height: 1px;
    background: #d9d9d9;
    transform: translateY(-6px);
}

.about-paint__meta-value--link {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #000;
}

.about-paint__all {
    width: fit-content;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
    font: inherit;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    cursor: pointer;
}

.about-paint__meta-row--extra {
    display: none;
}

.about-paint__meta.is-expanded .about-paint__meta-row--extra {
    display: flex;
}

.about-paint__meta.is-expanded .about-paint__all {
    display: none;
}

.about-paint__purchase {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-paint__price {
    color: #000;
    font-family: var(--font-family-semi-bold);
    font-size: 20px;
    line-height: 27px;
}

.about-paint__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.about-paint__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px 18px;
    font-family: var(--font-family-semi-bold);
    font-size: 16px;
    line-height: 22px;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

.about-paint__btn--primary {
    background: #000;
    color: #fff;
}

.about-paint__btn--primary:hover {
    color: #fff;
}

.about-paint__btn--secondary {
    border: 1px solid #e1e1e1;
    color: rgba(0, 0, 0, 0.8);
}

.about-paint__btn--secondary:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

.about-paint__benefits {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.about-paint__benefit {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px;
    border: 1px solid #e1e1e1;
    margin-top: -1px;
    color: #000;
    font-size: 16px;
    line-height: 22px;
}

.about-paint__benefit img {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.cinfo-block {
    display: flex;
    justify-content: space-between;
    background: #f6f6f6;
    gap: 220px;
}

.cinfo-block__text {
    max-width: 971px;
    padding: 80px;
    padding-right: 0;
    width: 75%;
}

.cinfo-block__text-title {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    color: #171717;
}

.cinfo-block__img {
    width: 25%;
    background: url('../img/catalog-info-bg.png') center center / cover no-repeat;
    background-position-x: 0;
    background-size: 121%;
}

.modal-wrapper .btn__black {
    width: 100%;
}

.success-form__content {
    text-align: center;
}

.detail-desc {
    margin-top: 60px;
    padding: 120px 0;
    background: #f6f6f6;
    background-image: url('../img/catalog/about-paint-bg.png');
    background-repeat: no-repeat;
    background-position-x: 105%;
    background-position-y: -30%;
}

.detail-desc__content {
    max-width: 868px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.detail-desc__content-sub {
    font-weight: 600;
    font-size: 13px;
    line-height: 131%;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
}

.detail-desc__content-title {
    font-family: var(--second-family);
    font-size: 40px;
    line-height: 118%;
    color: #000;
}

.detail-desc__content-text {
    font-weight: 300;
}

span.cat-filter__sort-label {
    text-wrap: nowrap;
}
/*----------
Catalog END
-----------*/

/*----------
Simple Page START
-----------*/

section.simple-page {
    padding: 120px 0 0;
}

section.simple-page .cat-head__breadcrumbs {
    margin: 40px 0 60px;
}

.contact-page .section-wrap {
    display: grid;
    grid-template-columns: minmax(0, 450px) minmax(0, 50%);
    justify-content: space-between;
}

.simple-page__contact {
    padding: 0 0 60px;
    opacity: 0.8;
}

.simple-page__contact .cat-head__breadcrumbs {
    margin: 0 0 60px;
}

.simple-page__contact .cat-head__title {
    margin: 0;
    margin-bottom: 60px;
    text-align: left;
}

.contact-page__list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 292px;
}

.contact-page__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-page__item-head {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.contact-page__item-icon {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.contact-page__item-label {
    color: rgba(0, 0, 0, 0.4);
    font-family: var(--font-family-semi-bold);
    font-size: 20px;
    line-height: 27px;
}

.contact-page__item-value {
    color: #000;
    font-family: var(--font-family-semi-bold);
    font-size: 20px;
    line-height: 27px;
}

.simple-page__map {
    margin-right: -80px;
    position: relative;
    overflow: hidden;
}

.simple-page__map img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.simple-page__map-marker {
    position: absolute;
    right: 279px;
    bottom: 264px;
    width: 54px;
    height: 54px;
}

.simple-page__map-marker img {
    width: 100%;
    height: 100%;
}

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

.simple-page__img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 117px 0 153px;
}

.simple-page__img img {
    width: 100%;
}

.simple-page .section-wrap {
    display: grid;
    grid-template-columns: 883fr 722fr;
    gap: 155px;
}

.opl-dost-info {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.opl-dost-info__item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    color: #000;
}

.opl-dost-info__item p span {
    color: rgba(0, 0, 0, 0.6);
}

.page404-wrap {
    padding: 200px 0 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.page404-wrap .btn__black {
    margin-top: 48px;
}

.page404-wrap img {
    width: 100%;
    max-width: 620px;
}

section.page404 {
    padding-top: 120px;
}

.breadcrumbs-wrap {
    padding-top: 120px;
}

.breadcrumbs-wrap .breadcrumbs {
    padding: 40px 0;
}

section.about-banner {
    padding: 320px 0;
    background-image: url('../img/about/about-bg.jpg');
}

section.about-banner .section-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.about-page__title {
    margin: 0;
    font-weight: 400;
    font-family: var(--second-family);
    font-size: 80px;
    line-height: 110%;
    color: #fff;
}

.about-page__text {
    font-family: var(--font-family-semi-bold);
    font-size: 20px;
    line-height: 135%;
    text-align: center;
    color: #fff;
}

section.about-history {
    padding: 80px 0;
}

.about-history .section-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-between;
    gap: 120px;
}

.about-history__media img {
    display: block;
    width: 100%;
    height: auto;
}

.about-history__content {
    max-width: 553px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
}

.about-history__text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.about-history__title {
    margin: 0;
    color: #000;
    font-weight: 400;
    font-family: var(--second-family);
    font-size: 40px;
    line-height: 118%;
}

.about-history__text p {
    margin: 0;
    color: #000;
    font-size: 16px;
    line-height: 22px;
}

.about-history__link {
    color: rgba(0, 0, 0, 0.6);
}

.about-history__link:hover {
    color: rgba(0, 0, 0, 0.6);
}

section.about-history {
    padding: 0;
}

section.about-history .section-wrap {
    padding: 0;
}

section.mission {
    margin: 0;
    padding: 0;
    background: #F6F6F6;
}

section.mission .artists__content {
    width: 100%;
    max-width: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 120px 0;
    text-align: center;
}

.mission__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

.mission-card {
    min-height: 480px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.mission-card--intro {
    background: transparent;
    border-color: #e6e6e6;
    justify-content: flex-start;
}

.mission-card__intro-title {
    margin: 0;
    color: #000;
    font-family: var(--second-family);
    font-size: 40px;
    font-weight: 400;
    line-height: 118%;
    text-transform: lowercase;
}

.mission-card__image {
    display: block;
    opacity: 0.88;
}

.mission-card__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: 365px;
}

.mission-card__title {
    margin: 0;
    font-family: var(--font-family-semi-bold);
    font-size: 24px;
    line-height: 32px;
}

.mission-card__text {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}

.mission-card--dark {
    background: #000;
    color: #fff;
}

.mission-card--blue {
    background: #003754;
    color: #fff;
}

.mission-card--green {
    background: #c0cbba;
    color: #000;
}

.mission-card--brown {
    background: #945030;
    color: #fff;
}

.mission-card--graphite {
    background: #222c30;
    color: #fff;
}

.mission-card--black {
    background: #010101;
    color: #fff;
}

.mission-card--dark .mission-card__text,
.mission-card--blue .mission-card__text,
.mission-card--brown .mission-card__text,
.mission-card--graphite .mission-card__text,
.mission-card--black .mission-card__text {
    color: rgba(255, 255, 255, 0.8);
}

.mission-card--green .mission-card__text {
    color: rgba(0, 0, 0, 0.8);
}

.mission-card--wide {
    grid-column: span 2;
    min-height: 480px;
}

.mission-card__image--authenticity {
    width: 220px;
    height: 220px;
}

.mission-card__image--expertise {
    width: 264px;
    height: 232px;
}

.mission-card__image--exclusive {
    width: 294px;
    height: 220px;
}

.mission-card__image--delivery {
    width: 330px;
    height: 220px;
}

.mission-card__image--support {
    width: 221px;
    height: 220px;
}

.mission-card__image--transparency {
    width: 205px;
    height: 221px;
}

section.our-team ,
.our-team .section-wrap {
    padding: 0;
}

.our-team__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 160px;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.our-team__intro {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.our-team__title {
    margin: 0;
    color: #fff;
    font-family: var(--second-family);
    font-size: 40px;
    line-height: 47px;
    text-transform: lowercase;
}

.our-team__text {
    max-width: 419px;
    margin: 0;
    color: #f6f6f6;
    font-size: 16px;
    line-height: 22px;
}

.our-team__media {
    flex: 0 0 54.5%;
    width: 54.5%;
    height: 960px;
    overflow: hidden;
    border-left: 1px solid #737373;
}

.our-team__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.our-skill {
    padding: 0 0 40px;
}

.our-skill .section-wrap {
    padding: 0;
}

.our-skill__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

.our-skill__card {
    min-height: 480px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.our-skill__card--intro {
    background: #fff;
    border-color: #e6e6e6;
    justify-content: flex-end;
}

.our-skill__title {
    margin: 0;
    color: #000;
    font-family: var(--second-family);
    font-size: 40px;
    line-height: 118%;
}

.our-skill__card--dark {
    background: #000;
}

.our-skill__value {
    color: #fff;
    font-family: var(--second-family);
    font-size: 40px;
    line-height: 118%;
    text-transform: uppercase;
    letter-spacing: -0.3px;
}

.our-skill__text {
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 138%;
}

.review-btns--mobile {
    display: none;
}

.btn-transparent {
    padding: 20px 30px 20px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #ccc;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 138%;
}

.arrow-title-mob-wrap {
    position: relative;
}

.arrow-title-mob-wrap .title-arrow--mobile {
    display: none;
    position: absolute;
    bottom: 40px;
    right: 20px;
    flex-shrink: 1;
    line-height: 0;
}

/*----------
Simple Page END
-----------*/

/*----------
Politic page START
-----------*/

.politic-page__content section {
    padding: 0;
}

.politic-page {
    padding: 152px 0 120px;
}

.politic-page__breadcrumbs {
    margin: 0 0 60px;
}

.politic-page__title {
    margin: 0 0 24px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 80px;
    line-height: 110%;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

.politic-page__updated {
    margin: 0 0 60px;
    color: rgba(0, 0, 0, 0.4);
    font-size: 16px;
    line-height: 138%;
    font-weight: 300;
}

.politic-page__content {
    max-width: 966px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.politic-block__title {
    margin: 0 0 24px;
    font-family: var(--font-family-semi-bold);
    font-size: 24px;
    line-height: 133%;
    color: #000;
}

.politic-block p {
    margin: 0 0 16px;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
}

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

.politic-block a {
    color: #000;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    word-break: break-word;
}

.politic-block a:hover {
    color: rgba(0, 0, 0, 0.6);
}

.politic-term {
    font-family: var(--font-family-semi-bold);
    color: #000;
}

.politic-list {
    margin: 0 0 16px;
    padding: 0 0 0 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
}

.politic-list:last-child {
    margin-bottom: 0;
}

.politic-requisites {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.politic-requisites p {
    margin: 0;
}

@media screen and (max-width: 1180px) {
    .politic-page__title {
        font-size: 56px;
        line-height: 115%;
    }
}

@media screen and (max-width: 769px) {
    .politic-page {
        padding: 120px 0 80px;
    }

    .politic-page__breadcrumbs {
        margin: 0 0 32px;
    }

    .politic-page__title {
        margin-bottom: 16px;
        font-size: 40px;
        line-height: 130%;
    }

    .politic-page__updated {
        margin-bottom: 40px;
        font-size: 15px;
        line-height: 140%;
    }

    .politic-page__content {
        gap: 40px;
    }

    .politic-block__title {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 135%;
    }

    .politic-block p,
    .politic-list {
        font-size: 15px;
        line-height: 147%;
    }

    .politic-list {
        padding-left: 20px;
    }
}

/*----------
Politic page END
-----------*/


/*----------
Common START
-----------*/
.catalog-list-wrapper.opened-filter {
    margin-top: -40px;
    gap: 40px;
}

.cat-filter:has(+ .catalog-list-wrapper.opened-filter) .cat-filter__btn {
    flex: 0 0 392px;
    width: 392px;
    box-sizing: border-box;
    justify-content: center;
}

.opened-filter .cat-filter__tags {
    margin: 20px 0 40px;
}

.cat-filter__chosen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 40px;
}

.cat-filter__chosen-item,
.cat-filter__chosen-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 20px 18px;
    border: 0;
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.cat-filter__chosen-item {
    padding-left: 18px;
    border: 1px solid #e6e6e6;
}

.cat-filter__chosen-item:hover {
    color: #000;
}

.cat-filter__chosen-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.cat-filter__chosen-clear {
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.cat-filter__chosen-clear:hover {
    color: #000;
}

.questions-list .btn-transparent,
.cat-pagination__arrow,
.cat-pagination__status {
    display: none;
}

@media screen and (max-width: 640px) {
    .cat-pagination {
        margin-top: 40px;
        align-items: center;
        padding: 20px 0 40px;
        gap: 0;
    }

    .cat-pagination__link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        padding: 20px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        color: #000;
        gap: 0;
    }

    .cat-pagination__link.is-disabled {
        opacity: 0.2;
        pointer-events: none;
    }

    .cat-pagination__link-icon,
    .cat-pagination__link-text {
        display: none;
    }

    .cat-pagination__arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
    }

    .cat-pagination__arrow svg {
        width: 29px;
        height: 29px;
    }

    .cat-pagination__status {
        display: block;
        color: rgba(23, 23, 23, 0.4);
        font-family: var(--font-family-semi-bold);
        font-size: 15px;
        line-height: 140%;
        white-space: nowrap;
    }
}

/*----------
Common END
-----------*/