.detail {
    position: relative;
}

.detail img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

#main .detail-maxwidth {
    margin-left: auto;
    margin-right: auto;
}

#main .detail-maxwidth--no-centered {
    margin-left: 0;
    margin-right: 0;
}


.detail-block .card-image-rounded_images .rounded {
    border-radius: calc(var(--theme-outer-border-radius) / 2);
}

.ordered-block.gift:not(:has(.catalog-block)) {
    display: none;
}

.detail-block .type_2 .review-list__inner {
    padding: 36px;
}

.detail-image {
    text-align: center;
    margin-bottom: 40px;
    padding: 0;
}

.detail-image img {
    margin-left: auto;
    margin-right: auto;
    mix-blend-mode: normal;
}

.detail-image:where(.detail-image--left, .detail-image--right) {
    margin-bottom: 0;
}

@media screen and (min-width:768px) {
    .detail-image:where(.detail-image--left, .detail-image--right) {
        padding-bottom: 57.3%;
        position: relative
    }

    .detail-image:where(.detail-image--left, .detail-image--right) img {
        height: 100%;
        inset: 0;
        object-fit: cover;
        position: absolute;
        width: 100%
    }
}

.detail-image--top,
.detail-image--top_content {
    margin-bottom: clamp(16px, 4vw, 40px);
}

.detail-image--top img {
    border-radius: 0;
}

.detail-image--top_on_head {
    margin: 0;
}

.detail-image--top_on_head:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
}

.detail-image--top_on_head .detail-image__fon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.has-long-banner .page-top-info {
    padding-top: 42%;
    margin-bottom: 40px;
    position: relative;
    min-height: 320px;
}

.has-long-banner .page-top-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    bottom: 0;
}