.bitrix.catalog-element-content {
    margin-top: 80px
}

.bitrix.catalog-element-content .content-sections {
    contain: layout style
}

.bitrix.catalog-element-content .content-section {
    contain: style
}

.bitrix.catalog-element-content .content-section + .content-section {
    margin-top: 80px
}

.bitrix.catalog-element-content .content-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    font-size: var(--font-size-h2);
    font-weight: 500
}

@media (max-width: 768px) {
    .bitrix.catalog-element-content .content-section + .content-section {
        margin-top: 48px
    }

    .bitrix.catalog-element-content .content-section-header {
        font-size: 1.5rem
    }
}

.bitrix.catalog-element-content .content-section-content {
    margin-top: 32px
}

.bitrix.catalog-element-content .content-sections-tabs {
    contain: layout style
}

.bitrix.catalog-element-content .content-description {
    max-width: 1024px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--color-neutral-dark)
}

.bitrix.catalog-element-content .content-properties {
    display: flex;
    flex-direction: column;
    row-gap: 32px
}

.bitrix.catalog-element-content .content-properties-group {
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

.bitrix.catalog-element-content .content-properties-group-name {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4
}

@media (max-width: 768px) {
    .bitrix.catalog-element-content .content-properties {
        row-gap: 24px
    }

    .bitrix.catalog-element-content .content-properties-group {
        row-gap: 16px
    }

    .bitrix.catalog-element-content .content-properties-group-name {
        font-size: 1.15rem
    }
}

.bitrix.catalog-element-content .content-properties-group-items {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.bitrix.catalog-element-content .content-properties-property {
    display: flex;
    gap: 4px;
    align-items: baseline;
    font-size: 1rem;
    line-height: 1.4
}

@media (max-width: 550px) {
    .bitrix.catalog-element-content .content-properties-property {
        flex-direction: column
    }

    .bitrix.catalog-element-content .content-properties-property-delimiter {
        display: none
    }
}

.bitrix.catalog-element-content .content-properties-property-name {
    color: var(--color-neutral-semi-dark)
}

.bitrix.catalog-element-content .content-properties-property-delimiter {
    flex-grow: 1;
    min-width: 32px;
    border-bottom: 1px dashed var(--color-neutral-semi-bright)
}

.bitrix.catalog-element-content .content-properties-property-value {
    width: 70%;
    min-width: 70%;
    font-weight: 500
}

.bitrix.catalog-element-content .content-properties-property-value iframe {
    display: block;
    max-width: 100%;
}

.content-properties-property-value-link a {
    color: var(--light-blue);
    text-decoration: none;
    transition: color .3s;
}

.content-properties-property-value-link a:hover,
.content-properties-property-value-link a:focus,
.content-properties-property-value-link a:active {
    color: var(--blue);
}

@media (max-width: 1024px) {
    .bitrix.catalog-element-content .content-properties-property-value {
        width: 50%;
        min-width: 50%
    }
}

.bitrix.catalog-element-content .content-properties-property-value > a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--light-blue);
    text-decoration: none;
    transition: color .3s;
}

.bitrix.catalog-element-content .content-properties-property-value > a:hover,
.bitrix.catalog-element-content .content-properties-property-value > a:focus,
.bitrix.catalog-element-content .content-properties-property-value > a:active {
    color: var(--blue)
}

.bitrix.catalog-element-content .content-properties-property-value > a svg {
    stroke: var(--light-blue);
    transition: stroke .3s;
}

.bitrix.catalog-element-content .content-properties-property-value > a:hover svg,
.bitrix.catalog-element-content .content-properties-property-value > a:focus svg,
.bitrix.catalog-element-content .content-properties-property-value > a:active svg {
    stroke: var(--blue);
}

.bitrix.catalog-element-content .content-stores {
    contain: layout style;
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

.bitrix.catalog-element-content .content-stores-group {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.bitrix.catalog-element-content .content-stores-group-8 {
    row-gap: 8px
}

.bitrix.catalog-element-content .content-stores-group-12 {
    row-gap: 12px
}

.bitrix.catalog-element-content .content-stores-group-24 {
    row-gap: 24px
}

.bitrix.catalog-element-content .content-stores-empty {
    padding: 64px;
    border: 1px solid var(--color-neutral-semi-bright);
    border-radius: 2px;
    font-size: 1.15rem;
    line-height: 1.4;
    color: var(--color-neutral-dark);
    text-align: center
}

.bitrix.catalog-element-content .content-stores-panel {
    contain: content;
    display: flex;
    column-gap: 12px
}

.bitrix.catalog-element-content .content-stores-panel-button {
    --color: var(--color-neutral-semi-dark);
    display: flex;
    column-gap: 6px;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    color: var(--color);
    cursor: pointer;
    transition-duration: var(--duration-base);
    transition-property: color
}

.bitrix.catalog-element-content .content-stores-panel-button-icon > svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: var(--color);
    stroke: var(--color)
}

.bitrix.catalog-element-content .content-stores-panel-button:hover {
    --color: var(--color-primary-bright)
}

.bitrix.catalog-element-content .content-stores-panel-button-active {
    --color: var(--color-primary-base)
}

.bitrix.catalog-element-content .content-stores-blocks {
    --blocks-columns: repeat(auto-fill, minmax(250px, 1fr));
    contain: layout;
    display: grid;
    grid-template:auto/var(--blocks-columns);
    gap: 32px
}

@media (max-width: 768px) {
    .bitrix.catalog-element-content .content-stores-blocks {
        --blocks-columns: calc(50% - 32px);
        grid-auto-columns: var(--blocks-columns);
        grid-auto-flow: column;
        gap: 16px;
        overflow: auto hidden
    }

    @supports (scrollbar-color:transparent transparent) {
        .bitrix.catalog-element-content .content-stores-blocks {
            scrollbar-color: transparent transparent;
            scrollbar-width: none
        }
    }@supports not (scrollbar-color:transparent transparent) {
    .bitrix.catalog-element-content .content-stores-blocks::-webkit-scrollbar {
        display: none
    }
}
}

.bitrix.catalog-element-content .content-stores-block {
    contain: content;
    display: flex;
    flex-direction: column;
    background-color: var(--color-neutral-bright);
    border: 1px solid var(--color-neutral-semi-bright);
    border-radius: 2px;
    transition-duration: var(--duration-base);
    transition-property: border-color, box-shadow
}

.bitrix.catalog-element-content .content-stores-block-content {
    flex-grow: 1;
    justify-content: space-between;
    padding: 24px
}

.bitrix.catalog-element-content .content-stores-list {
    contain: layout;
    position: relative
}

.bitrix.catalog-element-content .content-stores-list-item {
    --columns: 4;
    contain: layout;
    position: relative;
    display: grid;
    grid-template:auto/repeat(var(--columns), 1fr);
    gap: 16px 32px;
    align-items: start;
    margin-bottom: -1px;
    padding: 32px;
    background-color: var(--color-neutral-bright);
    border: 1px solid var(--color-neutral-semi-bright);
    transition-duration: var(--duration-base);
    transition-property: border-color, box-shadow
}

@media (max-width: 768px) {
    .bitrix.catalog-element-content .content-stores-list-item {
        --columns: 2
    }
}

@media (max-width: 550px) {
    .bitrix.catalog-element-content .content-properties-property-value {
        width: auto;
        min-width: auto
    }

    .bitrix.catalog-element-content .content-stores-blocks {
        --blocks-columns: 75%
    }

    .bitrix.catalog-element-content .content-stores-list-item {
        --columns: 1
    }
}

.bitrix.catalog-element-content .content-stores-list-item:first-child {
    border-radius: 2px 2px 0 0
}

.bitrix.catalog-element-content .content-stores-list-item:last-child {
    margin-bottom: 0;
    border-radius: 0 0 2px 2px
}

@media (min-width: 769px) {
    .bitrix.catalog-element-content .content-stores-block:hover {
        border-color: var(--color-neutral-bright);
        box-shadow: var(--shadow-dark)
    }

    .bitrix.catalog-element-content .content-stores-list-item:hover {
        z-index: 1;
        border-color: var(--color-neutral-bright);
        box-shadow: var(--shadow-dark)
    }
}

.bitrix.catalog-element-content .content-stores-map {
    contain: content;
    display: grid;
    grid-template:500px/300px 1fr;
    border: 1px solid var(--color-neutral-semi-bright);
    border-radius: 2px
}

.bitrix.catalog-element-content .content-stores-map-view {
    contain: content
}

.bitrix.catalog-element-content .content-stores-map-view .__ymap {
    position: relative;
    color: #000
}

.bitrix.catalog-element-content .content-stores-map-view .__ymap_container {
    width: 100%;
    height: 100%
}

.bitrix.catalog-element-content .content-stores-map-view .__ymap_slots {
    display: none
}

.bitrix.catalog-element-content .content-stores-map-view .__ymap--grab [class$=main-engine-container] canvas {
    cursor: grab
}

.bitrix.catalog-element-content .content-stores-map-view .__ymap--grabbing:active [class$=main-engine-container] canvas, .bitrix.catalog-element-content .content-stores-map-view .__ymap--grabbing:focus [class$=main-engine-container] canvas {
    cursor: grabbing
}

.bitrix.catalog-element-content .content-stores-map-list {
    contain: content;
    position: relative;
    z-index: 1;
    overflow: hidden auto;
    box-shadow: var(--shadow-dark)
}

@supports selector(::-webkit-scrollbar) {
    .bitrix.catalog-element-content .content-stores-map-list::-webkit-scrollbar {
        width: 4px
    }

    .bitrix.catalog-element-content .content-stores-map-list::-webkit-scrollbar-track {
        background-color: var(--color-neutral-semi-bright)
    }

    .bitrix.catalog-element-content .content-stores-map-list::-webkit-scrollbar-thumb {
        background-color: var(--color-neutral-quarter-dark);
        border-radius: 2px
    }
}

@supports not selector(::-webkit-scrollbar) {
    .bitrix.catalog-element-content .content-stores-map-list {
        scrollbar-width: thin
    }
}

@media (max-width: 768px) {
    .bitrix.catalog-element-content .content-stores-map {
        grid-template:auto/100%
    }

    .bitrix.catalog-element-content .content-stores-map-view {
        height: 400px
    }

    .bitrix.catalog-element-content .content-stores-map-list {
        max-height: 425px
    }
}

.bitrix.catalog-element-content .content-stores-map-item {
    padding: 32px;
    background-color: var(--color-neutral-bright);
    border-bottom: 1px solid var(--color-neutral-semi-bright);
    cursor: pointer;
    transition-duration: var(--duration-base);
    transition-property: background-color
}

.bitrix.catalog-element-content .content-stores-map-item:last-child {
    border-bottom: none
}

.bitrix.catalog-element-content .content-stores-map-item-selected, .bitrix.catalog-element-content .content-stores-map-item:hover {
    background-color: var(--color-neutral-quarter-bright)
}

.bitrix.catalog-element-content .content-stores-map-marker {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%)
}

.bitrix.catalog-element-content .content-stores-map-marker-icon {
    display: block;
    width: 48px;
    height: 48px;
    cursor: pointer
}

.bitrix.catalog-element-content .content-stores-map-cluster {
    contain: content;
    box-sizing: content-box;
    width: 48px;
    height: 48px;
    background-color: var(--color-primary-base);
    background-clip: content-box;
    border: 5px solid rgba(255, 255, 255, .75);
    border-radius: 50%;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1;
    color: var(--color-neutral-dark);
    cursor: pointer
}

.bitrix.catalog-element-content .content-stores-map-cluster > span {
    position: absolute;
    inset: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%
}

.bitrix.catalog-element-content .content-stores-map-popup {
    contain: layout style;
    width: max-content;
    min-width: 200px;
    max-width: 350px;
    margin-bottom: 9px;
    padding: 24px;
    background-color: var(--color-neutral-bright);
    border-radius: 8px;
    font-family: var(--font-family-base), sans-serif;
    box-shadow: var(--shadow-dark)
}

@media (max-width: 425px) {
    .bitrix.catalog-element-content .content-stores-blocks {
        --blocks-columns: calc(100% - 48px)
    }

    .bitrix.catalog-element-content .content-stores-map-popup {
        max-width: 250px
    }
}

.bitrix.catalog-element-content .content-stores-map-popup::before {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: var(--color-neutral-bright);
    pointer-events: none;
    transform: translateX(-50%)
}

.bitrix.catalog-element-content .content-stores-map-popup-header {
    display: flex;
    column-gap: 16px;
    justify-content: space-between;
    align-items: center
}

.bitrix.catalog-element-content .content-stores-map-popup-close {
    --color: var(--color-neutral-semi-dark);
    width: 24px;
    height: 24px;
    fill: var(--color);
    stroke: var(--color);
    cursor: pointer
}

.bitrix.catalog-element-content .content-stores-map-popup-close:hover {
    --color: var(--color-primary-bright)
}

.bitrix.catalog-element-content .content-stores-address {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-neutral-dark)
}

.bitrix.catalog-element-content .content-stores-contact {
    font-size: 1rem;
    line-height: 1
}

.bitrix.catalog-element-content .content-stores-contact > a {
    color: var(--color-neutral-dark);
    text-decoration: none;
    transition-duration: var(--duration-base);
    transition-property: color
}

.bitrix.catalog-element-content .content-stores-contact > a:hover {
    color: var(--color-primary-bright)
}

.bitrix.catalog-element-content .content-stores-description {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-neutral-semi-dark)
}

.bitrix.catalog-element-content .content-stores-image {
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 4/3
}

.bitrix.catalog-element-content .content-stores-image > img {
    display: block;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%
}

.bitrix.catalog-element-content .content-stores-schedule {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-neutral-semi-dark)
}

.bitrix.catalog-element-content .content-stores-title {
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-neutral-dark)
}

.bitrix.catalog-element-content .content-files {
    --files-columns: 2;
    contain: layout;
    position: relative;
    display: grid;
    grid-template:auto/repeat(var(--files-columns), 1fr);
    gap: 12px
}

@media (max-width: 768px) {
    .bitrix.catalog-element-content .content-files {
        --files-columns: calc(50% - 48px);
        grid-template:auto/var(--files-columns);
        grid-auto-columns: var(--files-columns);
        grid-auto-flow: column;
        gap: 16px;
        overflow-x: auto
    }

    @supports selector(::-webkit-scrollbar) {
        .bitrix.catalog-element-content .content-files::-webkit-scrollbar {
            display: none
        }
    }@supports not selector(::-webkit-scrollbar) {
    .bitrix.catalog-element-content .content-files {
        scrollbar-color: transparent transparent;
        scrollbar-width: none
    }
}
}

@media (max-width: 550px) {
    .bitrix.catalog-element-content .content-files {
        --files-columns: calc(75%)
    }
}

@media (max-width: 425px) {
    .bitrix.catalog-element-content .content-files {
        --files-columns: calc(100% - 48px)
    }
}

.bitrix.catalog-element-content .content-files .file {
    contain: layout;
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 32px;
    background-color: var(--color-neutral-bright);
    border: 1px solid var(--color-neutral-semi-bright);
    border-radius: 2px;
    transition-duration: var(--duration-base);
    transition-property: border-color, box-shadow
}

@media (min-width: 769px) {
    .bitrix.catalog-element-content .content-files .file:hover {
        z-index: 1;
        border-color: var(--color-neutral-bright);
        box-shadow: var(--shadow-dark)
    }
}

.bitrix.catalog-element-content .content-files .file-content {
    display: flex;
    gap: 24px;
    align-items: start
}

.bitrix.catalog-element-content .content-files .file-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px
}

.bitrix.catalog-element-content .content-files .file-info {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    row-gap: 8px
}

.bitrix.catalog-element-content .content-files .file-name {
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1.6;
    color: var(--color-neutral-dark)
}

@supports (display:-webkit-box) {
    .bitrix.catalog-element-content .content-files .file-name {
        contain: paint;
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
}

.bitrix.catalog-element-content .content-files .file-size {
    font-size: 1rem;
    line-height: 1;
    color: var(--color-neutral-semi-dark)
}

.bitrix.catalog-element-content .content-files .file-actions {
    display: flex;
    flex-shrink: 0;
    gap: 8px
}

@media (max-width: 768px) {
    .bitrix.catalog-element-content .content-files .file {
        padding: 24px
    }

    .bitrix.catalog-element-content .content-files .file-icon {
        width: 32px;
        height: 32px
    }

    .bitrix.catalog-element-content .content-files .file-name {
        font-size: 1rem
    }

    @supports (display:-webkit-box) {
        .bitrix.catalog-element-content .content-files .file-name {
            word-break: break-word;
            -webkit-line-clamp: 3
        }
    }.bitrix.catalog-element-content .content-files .file-size {
         font-size: .85rem
     }

    .bitrix.catalog-element-content .content-files .file-actions {
        flex-direction: column
    }

    .bitrix.catalog-element-content .content-files .file-description {
        display: none
    }
}

.bitrix.catalog-element-content .content-files .file-action {
    --svg-color: var(--color-neutral-semi-dark);
    padding: 4px;
    border-radius: var(--ui-button-border-radius, 2px);
    transition-duration: var(--duration-base);
    transition-property: background-color
}

.bitrix.catalog-element-content .content-files .file-action > svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: var(--svg-color);
    stroke: var(--svg-color);
    transition-duration: var(--duration-base);
    transition-property: fill, stroke
}

.bitrix.catalog-element-content .content-files .file-action:hover {
    --svg-color: var(--color-neutral-bright);
    background-color: var(--color-primary-bright)
}

.bitrix.catalog-element-content .content-files .file-description {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-neutral-semi-dark)
}

@media (max-width: 768px) {
    .bitrix.catalog-element-content {
        margin-top: 40px
    }
}

.product-group-price {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: var(--blue);
}

/*# sourceMappingURL=style.min.css.map */