/**
custom styles here
 */
div[class^="components-header-menu-catalog-categories"] img[class^="components-images-image-image"],
div[class^="components-mobile-footer"] img[class^="components-images-image-image"],
div[class^="components-footer-footer-paySystems"] img[class^="components-images-image-image"] {
    background: none;
}

div[class^="components-header-menu-catalog-categories"] img {
    filter: invert(18%) sepia(87%) saturate(2622%) hue-rotate(342deg) brightness(107%) contrast(109%);
}

div[class^="components-order-order-thanks"] form select,
div[class^="pages-order-pay"] form select {
    margin-bottom: 10px;
    padding: 5px;
}

div[class^="components-order-order-thanks"] form button[type="submit"],
div[class^="pages-order-pay"] form button[type="submit"] {
    color: #FFF;
    background: var(--color-primary);
    border: none;
    padding: 5px 15px;
    margin-bottom: 20px;
    border-radius: 6px;
    cursor: pointer;
    line-height: 23px;
}

jdiv[class*="__jivoMobileButton"] {
    bottom: 60px !important;
}
div[class*="roistat-multiwidget-pulsator-holder"] {
    bottom: 130px !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

div[class^="pages-actions-__id-index-contentBottom"] {
    align-items: center;
}

div[class^="layouts-default"] div[class^="pages-actions-__id-index-bannerImage"] {
    padding-right: 15px;
}

div[class^="pages-news-__id-index-content-"], div[class^="pages-actions-__id-index-content-"] {
    overflow: hidden;
}
div[class^="pages-actions-__id-index-content-"] .sp-image{
    text-align: center;
}
div[class^="pages-actions-__id-index-content-"] .sp-image img{
    margin: 0 auto;
}
div[class^="pages-actions-__id-index-content-"] .sp-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 25px 0;
}
div[class^="pages-actions-__id-index-content-"] .sp-container .sp-image img {
    max-height: 100px;
}
div[class^="pages-actions-__id-index-content-"] .sp-container div,
div[class^="pages-actions-__id-index-content-"] .sp-container p{
    text-align: center;
}
div[class^="pages-actions-__id-index-content-"] .sp-container h1,
div[class^="pages-actions-__id-index-content-"] .sp-container h2,
div[class^="pages-actions-__id-index-content-"] .sp-container h3,
div[class^="pages-actions-__id-index-content-"] .sp-container h4,
div[class^="pages-actions-__id-index-content-"] .sp-container h5,
div[class^="pages-actions-__id-index-content-"] .sp-container h6{
    text-align: center;
    margin: 0;
}
div[class^="pages-actions-__id-index-content-"] .sp-container h1{
    font-size: 24px;
}

div[class^="pages-actions-__id-index-content-"] .sp-container h2{
    font-size: 20px;
}

div[class^="pages-actions-__id-index-content-"] .sp-container h3{
    font-size: 16px;
}

div[class^="pages-actions-__id-index-content-"] .sp-container .row {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 1200px; /* можно настроить под ваш макет */
    margin: 0 auto;
}

div[class^="pages-actions-__id-index-content-"] .sp-container [class^="col-"] {
    flex: 1;
    margin: 0 15px; /* отступы между колонками */
    min-width: 0; /* предотвращает переполнение контента */
}

div[class^="pages-actions-__id-index-content-"] .sp-button_link{
    display: block;
}
div[class^="pages-actions-__id-index-content-"] .sp-button_link button{
    background: var(--color-primary);
    color: #fff;
    justify-content: center;
    text-transform: uppercase;
    width: 100%;
    align-items: center;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    letter-spacing: .075em;
    min-width: 64px;
    outline: none;
    padding: 0 24px;
    margin: 10px 0 20px;
    max-width: 300px;
}
div[class^="pages-actions-__id-index-content-"] .sp-button_link:hover button{
    background: var(--color-primary-hover);
}
/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    div[class^="pages-actions-__id-index-content-"] .sp-container .row {
        flex-direction: column;
    }

    div[class^="pages-actions-__id-index-content-"] .sp-container [class^="col-"] {
        margin: 10px 0;
        width: 100%;
    }
}