/*Custom*/
body>.body:not(.index)>.main {
    padding-bottom: 0px !important;
}

/* buy block */
.catalog-detail__main {
    display: flex;
    flex-direction: column;
    max-width: 535px;
    gap: 56px;
    order: 1;
}

.catalog-detail__buy-block {
    position: relative;
    display: flex;
    /*align-items: center;*/
    gap: 24px;
}

/*.catalog-detail h2 {
    padding: 40px 0 80px;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
}*/


body.site_s2 .page-top-info.custom .page-top {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

body.site_s2 .page-top-info.custom .page-top-inner-wrapper .topic {
    width: 60%;
    display: none;
}

body.site_s2 .page-top-info.custom .page-top-inner-wrapper .cowl {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.site_s2 .main .page-top-info.custom .page-top-inner-wrapper {
    position: relative;
}

.site_s2 .bottom-links-block {
    position: absolute;
    left: 0;
    display: none;
}

.site_s2 .bottom-links-block.fixed {
    position: fixed;
    left: var(--theme-page-width-padding);
    top: 115px;
    z-index: 9;
}

.site_s2 .back-url {
    display: flex;
    width: 6.9vw;
}

.site_s2 .catalog-detail__top-info {
    display: grid;
    grid-template-columns: 40% 50%;
    column-gap: 32px;
    margin-bottom: 120px;
    justify-content: space-between;
}


.site_s2 .detail-block.big_gallery {
    margin: 0;
    order: 2;
}

.site_s2 .hidden-image {
    display: none;
}

.site_s2 .big_gallery .togglebtn {
    height: 40px;
    font-size: 14px;
    line-height: 110%;
    font-weight: 400;
    background: unset;
    border: 1px solid rgba(44, 44, 44, 0.2);
    border-radius: 20px;
}

.site_s2 .zomm_wrapper-block {
    margin-bottom: 40px;
}

.site_s2 .big_gallery img {
    cursor: pointer !important;
}

.site_s2 .zomm_wrapper-block {
    width: 100%;
    /* Убедитесь, что блок занимает всю доступную ширину */
    overflow: hidden;
    /* Скрыть излишки, если изображение будет больше */
}

.site_s2 .zomm_wrapper-block img {
    width: 100%;
    /* Растянуть изображение на всю ширину блока */
    height: auto;
    /* Сохранить пропорции изображения */
    object-fit: cover;
    /* Заполнить блок, сохраняя пропорции */
}

/*Левый блок*/
.site_s2 .brand-detail-info {
    display: flex;
    justify-content: flex-start;
    align-items: start;
}

.site_s2 .brand-detail-info a {
    opacity: 0.7;
    font-size: 12px;
    line-height: 110%;
}

.site_s2 .catalog-detail .brand-detail-info img {
    max-width: 90%;
    max-height: 90%;
    height: auto;
}

.site_s2 .designer-detail-info {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--white);
    border-radius: var(--border-radius);
    flex-direction: column;
    position: relative;
}

.site_s2 .designer-detail-info a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: 8px;
    font-size: 16px;
    line-height: 110%;
    font-weight: 600;
}

.site_s2 .designer-detail-info a:hover {
    text-decoration: underline;
}

.site_s2 .catalog-detail .designer-detail-info img {
    max-width: 56px;
    max-height: 56px;
    height: auto;
    border: 1px solid rgba(44, 44, 44, 0.2);
    border-radius: 50%;
}

.site_s2 .top-title {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.site_s2 .top-title .topic {
    width: 80%;
}

.site_s2 .top-title .topic .topic__inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* price */
.site_s2 .catalog-detail__main .price {
    flex-basis: 100%;
    display: none;
}

.site_s2 .catalog-detail__main .price__new-val {
    font-weight: 400;
}

.site_s2 .catalog-detail__main .price_big {
    font-weight: 800;
    font-size: 20px;
}

/*Buttons*/
.site_s2 .catalog-detail__cart {
    flex-basis: 100%;
}

.site_s2 .buy_block .btn {
    height: 40px;
    font-size: 14px;
    line-height: 110%;
    font-weight: 400;
    background: unset;
    border: 1px solid rgba(44, 44, 44, 0.7);
    border-radius: 20px;
}

.site_s2 .catalog-detail__buy-block .btn-tag-black {
    justify-content: space-between;
    font-weight: 400;
}

.site_s2 .catalog-detail__buy-block .btn-tag-black:hover {
    background-color: #4A4A4A;
}

/*top-side*/
.site_s2 .top-side {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

/* chars */
.site_s2 .char-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.site_s2 .char-side .itemprop_name,
.site_s2 .char-side .itemprop_value {
    font-size: 14px;
    line-height: 110%;
    font-weight: 400;
}

.site_s2 .char-side .itemprop_name {
    opacity: 0.7;
}

/*Description*/
.site_s2 .decsription {
    border-top: 1px solid rgba(44, 44, 44, 0.2);
}

.site_s2 .decsription-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    opacity: 1;
    padding: 24px 0 24px 0;

}

.site_s2 .decsription> :not(.decsription-title) {
    padding: 0px 0 0px 0;
    font-size: 14px;
    text-indent: 0;
    margin: 0;
    line-height: 140%;
    opacity: 0.7;
}

/*Size*/
.site_s2 .size-side {
    border-top: 1px solid rgba(44, 44, 44, 0.2);
}

.site_s2 .size-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    opacity: 1;
    padding: 24px 0 24px 0;
}

.site_s2 .size-title span {
    font-size: 12px;
    font-weight: 400;
    line-height: 110%;
    opacity: 0.7;
}

.site_s2 .size-side .size_values {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.site_s2 .size-side .name,
.site_s2 .size-side .value {
    font-size: 14px;
    line-height: 110%;
    font-weight: 400;
}

.site_s2 .size-side .name {
    opacity: 0.7;
}

.site_s2 .size-side .size_photos {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

/*Time*/
.site_s2 .time-side {
    border-top: 1px solid rgba(44, 44, 44, 0.2);
}

.site_s2 .time-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    opacity: 1;
    padding: 24px 0 24px 0;
}

.site_s2 .time-side .time_values {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.site_s2 .time-side .name,
.site_s2 .time-side .value {
    font-size: 14px;
    line-height: 110%;
    font-weight: 400;
}

.site_s2 .time-side .name {
    opacity: 0.7;
}

/*Docs*/
.site_s2 .docs {
    border-top: 1px solid rgba(44, 44, 44, 0.2);
}

.site_s2 .docs-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    opacity: 1;
    padding: 24px 0 24px 0;

}

.site_s2 .doc-list-inner__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.site_s2 .docs .doc-list-inner__item {
    padding: 0;
    align-items: center;
    gap: 24px;
    display: flex;
}

.site_s2 .docs .doc-list-inner__icon-wrapper {
    margin: 0;
    padding: 10px;
    background: var(--theme-base-color);
    width: 70px;
    height: 80px;
    display: flex;
    align-items: center;
}

.site_s2 .docs .doc-list-inner__icon {
    margin: 0;
}

.site_s2 .doc-list-inner__content-wrapper {
    position: relative;
    width: 100%;
    min-width: 0;
}

.site_s2 .doc-list-inner__extension {
    margin: 0;
    padding: 10px;
    background: var(--theme-base-color);
    width: 70px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
}

.site_s2 .doc-list-inner__extension h4 {
    color: var(--white);
    display: inline-block;
    margin: 0;
}


.site_s2 .docs h3 {
    margin: 0;
}

.site_s2 .docs .doc-list-inner__label {
    opacity: 0.7;
    font-size: 12px;
    line-height: 110%;
    color: var(--basic_text_black);
}


/*fixed*/
.site_s2 .fixed-box {
    display: none;
}

.site_s2 .fixed-box.absolute.fixed {
    display: block;
    /*position: fixed;*/
    position: sticky;
    top: calc(100% - 30px - 83px);
    z-index: 2;
}

.site_s2 .fixed-box.absolute {
    display: block;
    position: absolute;
    bottom: 30px;
}

/*.fixed-box.with_more.absolute {
    bottom: 0px;
}*/


.site_s2 .block-fixed-scroll {
    align-items: center;
    justify-content: space-between;
    opacity: 1;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.site_s2 .block-fixed-scroll .btn-tag-black {
    justify-content: space-between;
    font-weight: 400;
}

.site_s2 .block-fixed-scroll .btn-tag-black:hover {
    background-color: #4A4A4A;
}

/* Сворачивание/разворачивание */
.site_s2 .collapsible-block .block-content {
    display: none;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
}

.site_s2 .collapsible-block.expanded .block-content {
    display: block;
    max-height: 2000px;
    opacity: 1;
}

.site_s2 .collapsible-title {
    cursor: pointer;
    user-select: none;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    /* Текст прижат к левому краю */
}

.site_s2 .collapsible-title .title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/*Другие товары*/
.site_s2 .detail-block__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.site_s2 .detail-block__title {
    margin: 0;
}

.site_s2 .detail-block__title h3 {
    margin: 0;
    font-size: 36px;
    font-weight: 600;
}

.site_s2 .detail-block__link .show-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

.site_s2 .detail-block__link .show-all:hover {}

.site_s2 .button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    background: var(--white) !important;
    border: 1px solid var(--theme-base-color) !important;
    border-radius: 50% !important;
    margin: 0 !important;
    z-index: 10;
    transition: all 0.2s
}

.site_s2 .detail-block__link .show-all:hover .button-next {
    background: var(--theme-base-color) !important;
}

.site_s2 .detail-block__link .show-all:hover .button-next svg path {
    fill: var(--white) !important;
}

.site_s2 .bottom_nav_wrapper .bottom_nav {
    display: none !important;
}

/*Дизайнер*/
.site_s2 .designer-block {
    position: relative;
}

.site_s2 .designer-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #FAFAFA;
    z-index: -1;
}

.site_s2 .designer-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 120px;
    margin-bottom: 0px;
    padding: 120px 0;
}

.site_s2 .designer-image {
    height: 170px;
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.site_s2 .designer-image img {
    width: 170px;
    height: 170px;
    object-fit: cover;
    max-width: 100%;
    border-radius: 50%;
}

.site_s2 .designer-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.site_s2 .designer-name {
    margin-bottom: 12px;
}

.site_s2 .designer-country {
    opacity: 0.7;
    font-size: 12px;
    line-height: 110%;
    margin-top: 12px;
}

.site_s2 .designer-detail-text {
    width: 50%;
    margin-left: auto;
    font-size: 14px;
    line-height: 140%;
}

.site_s2 .designer-detail-text .detail-block__link .show-all {
    justify-content: flex-start;
    margin-top: 24px;
}


.site_s2 .brand-list__item-link {
    display: flex;
    flex-direction: column;
}

.site_s2 .brand-list-inner__image-wrapper {
    background: var(--white);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
    border: 1px solid rgba(44, 44, 44, 0.2);
}


.site_s2 .brand-list-inner__image {
    max-width: 100%;
}

.site_s2 .brand-list-inner__name {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 16px 0 0 0;
    line-height: 110%;
}

.site_s2 .brand-list__item-link:hover .brand-list-inner__name {
    text-decoration: underline;
}

.site_s2 .designer-factories-block .grid-list.grid-list--items-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px;
}

.site_s2 .designer-factories-block .brand-list-inner .grid-list__item {
    box-sizing: border-box;
}

/*fix*/
.site_s2 .designer-block .button-next {
    background: unset !important;
}

.site_s2 .designer-block .grid-list--fill-bg>.grid-list__item>div {
    background: unset !important;
}

.site_s2 .catalog-detail__bottom-info {
    display: flex;
    flex-direction: column;
    gap: 120px;
    margin-bottom: 120px;
}

/*awards*/
/* Блок с наградами */
.awards-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

/* Элемент награды */
.award-item {
    position: relative;
    text-align: center;
    width: auto;
    cursor: pointer;
}

/* Контейнер для изображения */
.award-image {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.award-image img {
    max-width: 100%;
    height: auto;
    max-height: 50px;
    width: auto;
    display: block;
    transition: opacity 0.3s ease;
}

/* Название награды - появляется при ховере */
.award-name {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%) translateY(0px);
    background: #2C2C2C;
    color: var(--white);
    font-size: 12px;
    line-height: 110%;
    font-weight: 400;
    padding: 6px 10px;
    border-radius: 30px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 10;
    pointer-events: none;
}

/* Стрелка подсказки */


/* Эффект при ховере на элементе */
.award-item:hover .award-image {}

.award-item:hover .award-name {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .awards-list {
        gap: 16px;
    }

    .award-image img {
        max-height: 40px;
    }

    .award-name {
        font-size: 10px;
        padding: 4px 8px;
        white-space: nowrap;
    }

    /* На мобильных показываем название всегда или только на тап */
    @media (hover: none) {
        .award-name {
            position: static;
            transform: none;
            background: transparent;
            color: #666;
            opacity: 1;
            visibility: visible;
            margin-top: 8px;
            white-space: normal;
        }

        .award-name::before {
            display: none;
        }

        .award-item:hover .award-image {
            transform: none;
        }
    }
}