div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* id 40466 | Внести изменения на сайт */
.banner-bg {
    background:-webkit-gradient(linear,left top,right top,from(#007b7b),to(#00c09f));
    background:-o-linear-gradient(left,#007b7b,#00c09f);
    background:linear-gradient(90deg,#007b7b,#00c09f);
}
/* Отступы от верхнего и нижнего края баннера до его содержимого (ХК, текста и изображения) */
.product-banner-ui {
    padding: 40px 0 40px 0;
}
/* Отступ от нижнего края ХК до следующего контента (текста и изображения) */
.product-banner-ui .breadcrumbs-arrow {
    margin-bottom: 48px;
}
/* Как прижать текст к низу div?
Использование свойства position. 
Нужно назначить родительскому div свойство position: relative, а текстовому элементу внутри него — position: absolute и bottom: 0. 
Такие правила обеспечивают «смещение» текста к нижнему краю, независимо от размеров div. */
.banner-item {
    position: relative;
}
.banner-footer { 
    position: absolute;
    bottom: 0;
}
/* Цвет фона (переопределяю для этой страницы фон по-умолчанию, заданный в style.css) */
.bg-gray-100 {
    background-color: #f2f4f7 !important;
}
/* отступ текста под кнопкой баннера */
.banner-footer > .fsize-c3 {
    margin-top: 12px;

    a {
        text-decoration: underline;
        font-weight: 600;
        color: white;
    }
}
/* размеры блока (серого фона) веб-формы и скругление краёв */
.rost-form-product-small {
    border-radius: 8px;
    margin: 64px 64px;
}

/* Адаптивная вёрстка тегов в баннере (между заголовком и кнопкой) и цвет фона тегов в баннере */
.tag-list {
    /* Frame 2650 */

    /* Auto layout */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;

    /* width: 528px; */
    /* height: 26px; */
    width: 100%;
    min-height: 26px;
    /* height: auto; */

    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}
.tag-list .tag-item {
    /* background-color: #00c09f; */

    /* Frame 2532 */

    /* Auto layout */
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 12px;
    gap: 10px;

    /* width: 55px;
    height: 26px; */
    /* height: auto; */

    background: #06B194;
    border-radius: 4px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;


    /* ДТП */

    /* width: 31px;
    height: 18px; */

    /* Web/Body/B7 */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */

    color: #FFFFFF;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}


/* оформление ссылки */
.fsize-b7 {
    a {
        text-decoration: none !important;
        font-weight: 600;
    }
}
/* Адаптивная высота инпута (минимальная высота min-height: 56px, если контент не влезает, то высота растягивается) */
.select-inp .value {
    height: unset !important;
    min-height: 56px;
    white-space: normal !important;
}
/* Оформление ссылок в веб-форме */
.form-content a {
    color: #00C09F;
}

/* Оформление тизеров под баннером (Теле-медицина) */
.teasers {
    /* Frame 711826 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0px;
    gap: 64px;
    background: #FFFFFF;

    /* Inside auto layout */
    flex: none;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
}
.teasers-list {
    /* Frame 711777 */

    /* Auto layout */
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
    align-items: flex-start;
    padding: 0px;
    gap: 16px;

    width: 1200px;
    height: 312px;

    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}
/* .teasers .teasers-list .teasers-list-item { */
.teasers-list-item {
    /* Frame 3498 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: left;
    padding: 32px 24px;
    /* gap: 32px; */
    gap: 16px;

    width: 592px;
    height: 148px;

    /* Black-White/100 */
    background: #F2F4F7;
    border-radius: 8px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Оформление тизеров под баннером (Юр.Консультации) */
.teasers .teasers-list.teasers-list-nowrap {
    flex-wrap: nowrap;

    width: 100%;
    height: auto;
}
.teasers .teasers-list.teasers-list-nowrap .teasers-list-item {
    border-radius: 8px;

    text-align: center;
    align-items: center;

    width: 32.5%;
    height: 130px;
}
/* .teasers .teasers-list .teasers-list-item {
    border-radius: 8px;
    text-align: left;
    flex-basis: calc(50% - 16px);
    display: flex;
    align-items: flex-start;
    justify-content: left;
    flex-direction: column;
    gap: 10px;
} */

/* Оформление блока "Баннер преимуществ" */
.product-banner .product-banner-flex .product-banner-content .product-banner-list ul {
    padding-left: 14px;
}
/* .product-banner-list .requirements-list .requirements-item::before { */
.requirements-item::before {
    content: none !important;
}

.requirements-list.margin .requirements-item {
    margin: unset !important;
}
.requirements-list.margin .requirements-item:before {
    content: none !important;
}

.requirements-list .requirements-item:before {
    margin: 0 16px 0 -24px !important;
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%3E%0A%20%20%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22url(%23paint0_linear_4608_58641)%22%2F%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22paint0_linear_4608_58641%22%20x1%3D%222%22%20y1%3D%220.5%22%20x2%3D%226%22%20y2%3D%228%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2300C09F%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.369792%22%20stop-color%3D%22%232ACCB0%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.703125%22%20stop-color%3D%22%2336BFFA%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2336BFFA%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E") !important;
}

.requirements-list li {
    margin: 0 0 8px 24px !important;
}

.product-banner .product-banner-flex .product-banner-content .product-banner-list li::marker {
    color: #00c09f;
}

/* Оформление блока "Контент после формы" */
.block-text-wrapper p {
    margin-bottom: 12px;
}

/* Оформление ссылок в веб-форме */
.block-text-wrapper a {
    color: #00C09F;
}

/* Оформление блока Детального описания */
.block-info {
    /* Frame 711777 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;

    width: 1200px;
    height: 662px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}
.block-info-list {
    /* Frame 711775 */

    /* Auto layout */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;

    width: 1200px;
    min-height: 312px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}
.block-info-item {
    /* Frame 3498 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    align-items: left;
    padding: 32px 24px;
    /* gap: 32px; */
    gap: 16px;

    width: 592px;
    height: 312px;

    /* Black-White/100 */
    background: #F2F4F7;
    border-radius: 8px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}
.block-info-list .fsize-b3.txt-color-gray-600 {
    padding-bottom: 8px;
}

/* Оформление блока Детального описания (Тарифы для Юр.Консультаций) */
.tariffs {
    /* Frame 711766 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    align-items: center;
    align-self: center;
    padding: 0px;
    gap: 24px;

    /* width: 1211px; */
    /* height: 3218px; */
    width: 100%;
    height: auto;

    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}
.tariffs-list {
    /* Frame 711771 */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    /* padding: 0px 0px 0px 12px; */
    padding: 0px 0px 0px 0px !important;
    /* gap: 10px; */

    /* width: 1200px; */
    /* height: 64px; */
    width: 100%;
    height: auto;

    /* background: #F2F4F7; */
    border-radius: 8px 8px 0px 0px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;


    /* Frame 711760 */

    /* Auto layout */
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: flex-start; */
    /* padding: 0px; */
    /* gap: 24px; */

    /* width: 276px; */
    /* height: 724px; */
    /* height: auto; */

    /* Inside auto layout */
    /* flex: none;
    order: 0;
    flex-grow: 0; */
}
.tariffs-item {
    /* Frame 2532 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* padding: 0px 0px 0px 12px; */
    padding: 0px 0px 10px 12px;
    gap: 6px;

    width: 276px;
    /* height: 44px; */

    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.tariffs-item-line {
    /* Frame 2532 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* padding: 0px 0px 0px 12px; */
    padding: 10px 0px 10px 12px;
    gap: 6px;

    width: 276px;
    /* height: 44px; */
    height: auto;
    /* background: white !important; */

    /* Inside auto layout */
    /* flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0; */
}

.tariffs-item-line.head.bg-gray-100 {
    /* Frame 2532 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* padding: 0px 0px 0px 12px; */
    padding: 20px 0px 20px 12px !important;
    gap: 6px;

    width: 276px;
    /* height: 44px; */
    height: auto;
    background: #F2F4F7;

    /* Inside auto layout */
    /* flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0; */
}

/* .block-text-wrapper { */
.block-info.block-text-wrapper {
    padding: unset !important;
}
.block-text-wrapper {
    padding: unset !important;
}
.margin-24 {
    /* margin-top: 24px; */
    margin-top: 40px;
}

/* мобильныя версия баннера (чтобы поместилась кнопка и текст под ней) */
@media only screen and (max-width: 1399px) {
    /* Оформление тизеров под баннером (Теле-медицина) */
    .teasers {
        /* Frame 711826 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 0px;
        gap: 64px;
        background: #FFFFFF;

        /* Inside auto layout */
        flex: none;
        order: 3;
        align-self: stretch;
        flex-grow: 0;
    }
    .teasers-list {
        /* Frame 711777 */

        /* Auto layout */
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column; */
        align-items: flex-start;
        padding: 0px;
        gap: 16px;

        width: 100%;
        height: auto;

        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
    }
    .teasers-list-item {
        /* Frame 3498 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        align-items: left;
        padding: 32px 24px;
        /* gap: 32px; */
        gap: 16px;

        width: 49%;
        height: 180px;
        
        /* Black-White/100 */
        background: #F2F4F7;
        border-radius: 8px;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .teasers .teasers-list.teasers-list-nowrap {
        flex-wrap: wrap;

        width: 100%;
        height: auto;
    }
    .teasers .teasers-list.teasers-list-nowrap .teasers-list-item {
        border-radius: 8px;
    
        text-align: center !important;
        align-items: center !important;
    
        width: 100%;
        height: auto;
    }
    /* Оформление тизеров под баннером (Юр.Консультации) */
    .teasers .teasers-list.teasers-list-nowrap {
        flex-wrap: nowrap;

        width: 100%;
        height: auto;
    }
    .teasers .teasers-list.teasers-list-nowrap .teasers-list-item {
        border-radius: 8px;

        text-align: center;
        align-items: center;

        width: 32.5%;
        height: 130px;
    }


    /* Оформление блока Детального описания */
    .block-info {
        /* Frame 711777 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;

        width: 100%;
        height: auto;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    .block-info-list {
        /* Frame 711775 */

        /* Auto layout */
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;

        width: 100%;
        height: auto;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    /* .block-info-item .bg-gray-100 { */
    .block-info-item {
        /* Frame 3498 */

        /* Auto layout */
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column; */
        /* align-items: center; */
        align-items: left;
        padding: 32px 24px;
        /* gap: 32px; */
        gap: 16px;

        width: 49%;
        height: auto;
        min-height: 400px;

        /* Black-White/100 */
        background: #F2F4F7;
        border-radius: 8px;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    .block-info-list .fsize-b3.txt-color-gray-600 {
        padding-bottom: 8px;
    }

    /* Оформление блока Детального описания (Тарифы для Юр.Консультаций) */
    .tariffs {
        /* Frame 711766 */

        /* Auto layout */
        display: flex;
        /* flex-direction: column; */
        /* align-items: flex-start; */
        align-items: center;
        align-self: center;
        padding: 0px;
        gap: 24px;

        /* width: 1211px; */
        /* height: 3218px; */
        width: 100%;
        height: auto;

        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
    }
    .tariffs-list {
        /* Frame 711771 */

        /* Auto layout */
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: row; */
        align-items: center;
        /* padding: 0px 0px 0px 12px; */
        padding: 0px 0px 0px 0px !important;
        /* gap: 10px; */

        /* width: 1200px; */
        /* height: 64px; */
        width: 100%;
        height: auto;

        /* background: #F2F4F7; */
        border-radius: 8px 8px 0px 0px;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;


        /* Frame 711760 */

        /* Auto layout */
        /* display: flex; */
        /* flex-direction: column; */
        /* align-items: flex-start; */
        /* padding: 0px; */
        /* gap: 24px; */

        /* width: 276px; */
        /* height: 724px; */
        /* height: auto; */

        /* Inside auto layout */
        /* flex: none;
        order: 0;
        flex-grow: 0; */
    }
    .tariffs-item {
        /* Frame 2532 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 0px 10px 12px;
        gap: 6px;

        width: 276px;
        /* height: 44px; */

        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }
    .tariffs-item-line {
        /* Frame 2532 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /* padding: 0px 0px 0px 12px; */
        padding: 10px 0px 10px 12px;
        gap: 6px;

        width: 276px;
        /* height: 44px; */
        height: auto;
        /* background: white !important; */

        /* Inside auto layout */
        /* flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0; */
    }

    .tariffs-item-line.head.bg-gray-100 {
        /* Frame 2532 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /* padding: 0px 0px 0px 12px; */
        padding: 20px 0px 20px 12px !important;
        gap: 6px;

        width: 276px;
        /* height: 44px; */
        height: auto;
        background: #F2F4F7;

        /* Inside auto layout */
        /* flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0; */
    }

}

@media only screen and (max-width: 1024px) {
    /* Как прижать текст к низу div?
    Использование свойства position. 
    Нужно назначить родительскому div свойство position: relative, а текстовому элементу внутри него — position: absolute и bottom: 0. 
    Такие правила обеспечивают «смещение» текста к нижнему краю, независимо от размеров div. */
    .banner-footer { 
        position: unset;
    }

    /* Оформление тизеров под баннером (Теле-медицина) */
    .teasers {
        /* Frame 711826 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 0px;
        gap: 64px;
        background: #FFFFFF;

        /* Inside auto layout */
        flex: none;
        order: 3;
        align-self: stretch;
        flex-grow: 0;
    }
    .teasers-list {
        /* Frame 711777 */

        /* Auto layout */
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column; */
        align-items: flex-start;
        padding: 0px;
        gap: 16px;

        width: 100%;
        height: auto;

        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
    }
    .teasers-list-item {
        /* Frame 3498 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        align-items: left;
        padding: 32px 24px;
        /* gap: 32px; */
        gap: 16px;

        width: 100%;
        height: auto;

        /* Black-White/100 */
        background: #F2F4F7;
        border-radius: 8px;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    /* Оформление тизеров под баннером (Юр.Консультации) */
    .teasers .teasers-list.teasers-list-nowrap {
        flex-wrap: wrap;
    }
    .teasers .teasers-list.teasers-list-nowrap .teasers-list-item {
        border-radius: 8px;
        text-align: left;
        align-items: flex-start;

        width: 100%;
        height: auto;
    }

    /* Оформление блока Детального описания */
    .block-info {
        /* Frame 711777 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;

        width: 100%;
        height: auto;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    .block-info-list {
        /* Frame 711775 */

        /* Auto layout */
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;

        width: 100%;
        height: auto;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    /* .block-info-item .bg-gray-100 { */
    .block-info-item {
        /* Frame 3498 */

        /* Auto layout */
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column; */
        /* align-items: center; */
        align-items: left;
        padding: 32px 24px;
        gap: 32px;

        width: 48%;
        height: auto;
        min-height: 550px;

        /* Black-White/100 */
        background: #F2F4F7;
        border-radius: 8px;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    /* Отобразим заголовок веб-формы */
    #form .form-title {
        display: unset !important;
    }
}

/* мобильныя версия баннера (чтобы поместилась кнопка и текст под ней) */
@media only screen and (max-width: 767px) {
    /* Отступы от верхнего и нижнего края баннера до его содержимого (ХК, текста и изображения) */
    .product-banner-ui {
        padding: 24px 0 24px 0;
    }
    /* Отступ от нижнего края ХК до следующего контента (текста и изображения) */
    .product-banner-ui .breadcrumbs-arrow {
        margin-bottom: 20px;
    }
    /* отступ текста под кнопкой баннера */
    .banner-footer > .fsize-c3 {
        margin-top: 12px !important;
    }
    /* размеры блока (серого фона) веб-формы */
    .rost-form-product-small {
        margin:64px auto
    }
    /* отступы полей от края блока (серого фона) веб-формы */
    .form-padding {
        padding: 20px !important;
    }
    /* Ширина дочернего div как 100% от ширины родительского контейнера */
    .banner-footer { width: 100%; }
    /* Как прижать текст к низу div?
    Использование свойства position. 
    Нужно назначить родительскому div свойство position: relative, а текстовому элементу внутри него — position: absolute и bottom: 0. 
    Такие правила обеспечивают «смещение» текста к нижнему краю, независимо от размеров div. */
    .banner-footer { 
        position: unset;
    }
    /* Отобразим заголовок веб-формы */
    #form .form-title {
        display: unset !important;
    }
    /* Оформление тизеров под баннером */
    /* .teasers .teasers-list {
        flex-wrap: wrap;
    } */
    .teasers .teasers-list.teasers-list-nowrap {
        flex-wrap: wrap;
    }
    .teasers .teasers-list.teasers-list-nowrap .teasers-list-item {
        border-radius: 8px;
        text-align: left;
        align-items: flex-start;
    }

    /* Оформление блока Детального описания */
    .block-info {
        /* Frame 711777 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;

        width: 100%;
        height: auto;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    .block-info-list {
        /* Frame 711775 */

        /* Auto layout */
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;

        width: 100%;
        height: auto;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    .block-info-item {
        /* Frame 3498 */

        /* Auto layout */
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column; */
        /* align-items: center; */
        align-items: left;
        padding: 32px 24px;
        gap: 32px;

        width: 100%;
        height: auto;
        min-height: unset;

        /* Black-White/100 */
        background: #F2F4F7;
        border-radius: 8px;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    /* Оформление блока Детального описания (Тарифы для Юр.Консультаций) */
    .tariffs-item-line {
        /* Frame 2532 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 5px 0px 5px 12px;
        gap: 6px;

        width: 276px;
        height: auto;
    }
}

@media only screen and (max-width: 373px) {
    /* Отступы от верхнего и нижнего края баннера до его содержимого (ХК, текста и изображения) */
    .product-banner-ui {
        padding: 24px 0 24px 0;
    }
    /* Отступ от нижнего края ХК до следующего контента (текста и изображения) */
    .product-banner-ui .breadcrumbs-arrow {
        margin-bottom: 20px;
    }
    /* размеры блока (серого фона) веб-формы */
    .rost-form-product-small {
        margin:64px auto
    }
    /* отступы полей от края блока (серого фона) веб-формы */
    .form-padding {
        padding: 20px;
    }
    /* Ширина дочернего div как 100% от ширины родительского контейнера */
    .banner-footer { width: 100%; }
    /* Как прижать текст к низу div?
    Использование свойства position. 
    Нужно назначить родительскому div свойство position: relative, а текстовому элементу внутри него — position: absolute и bottom: 0. 
    Такие правила обеспечивают «смещение» текста к нижнему краю, независимо от размеров div. */
    .banner-footer { 
        position: unset;
    }
}