:root{
    --maxWidth: 1360px;
    --contentWidth: calc(100% - 2 * var(--outsideGap)) !important;
    --telegramBarHeight: 30px;
}


  @media (max-width: 768px) {
    :root{
    --headerHeight: calc(96px + var(--telegramBarHeight));
    --logoHeight: 32px;
    --productTabsHeight: 36px;
    }
  }

  @media (min-width: 769px) and (max-width: 1046px) {
    :root{
    --headerHeight: calc(129px + var(--telegramBarHeight));
    --productTabsHeight: 40px;
    --logoHeight: 42px;
    }
  }

  @media (min-width: 1046px) {
    :root{
    --headerHeight: calc(82px + var(--telegramBarHeight));
    --productTabsHeight: 40px;
    --logoHeight: 42px;
    }
  }

  /* @media (max-width: 1799px) {
    :root {
        --containerWidth: var(--maxWidth);
    }
} */


body>.vc_row, :is(header, footer, menu)>.wrapper, :is(.vc_section, section, content) > *, .debugger-cols, .vc_row.full-width > .vc_column_container > .vc_row {
    max-width: var(--maxWidth);
    width: var(--containerWidth);
    align-self: center;
}

@supports (display:grid) {
    .debugger-cols,
    .section>*,
    body>.row,
    content>*,
    footer>.wrapper,
    header>.wrapper,
    menu>.wrapper,
    section>* {
        max-width: var(--maxWidth);
        width: calc(100% - 2 * var(--outsideGap));
    }
}

@media (min-width: 769px) and (max-width: 1160px) {
    header .wrapper .btn-help-wrapper a span {
        max-width: 86px;
        line-height: var(--textSheightT);
        margin-top: var(--textStopT);
        margin-bottom: var(--textSbottomT);
    }
}

header .search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    list-style: none;
    margin: 2px 0 0;
    padding: 0;
    z-index: 1000;
    height: -moz-fit-content;
    height: fit-content;
    overflow-y: auto;
    border-radius: 0 0 4px 4px;
    font-size: var(--textSsize);
    display: none;
}

header .search-suggestions a.suggestion-link {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,.1);
    column-gap: var(--gapX3);
    padding: 10px 12px 8px;
    text-decoration: none;
    color: #333!important;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    line-height: var(--textSheightT)
}

@media(max-width: 767px) {
    header .search-suggestions a.suggestion-link {
        padding:6px 10px
    }
}

header .search-suggestions a.suggestion-link:is(:hover,.active-suggestion) {
    background-color: var(--lightGray)
}

header .search-suggestions a.suggestion-link:is(:hover,.active-suggestion) span {
    color: var(--accentColor)!important
}

header .search-suggestions a.suggestion-link:is(:hover,.active-suggestion) img {
    filter: brightness(.96)
}

header .search-suggestions a.suggestion-link .suggestion-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--gapX2);
    max-width: 100%;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

header .search-suggestions a.suggestion-link .suggestion-text .suggestion-sku {
    font-size: 11px;
}

header .search-suggestions a.suggestion-link .suggestion-text .suggestion-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media(max-width: 767px) {
    header .search-suggestions a.suggestion-link .suggestion-text {
        gap:6px
    }
}

header .search-suggestions a.suggestion-link .suggestion-text .suggestion-sku {
    color: #909090
}

header .search-suggestions a.suggestion-link img {
    max-width: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 767px) {
    header .search-suggestions a.suggestion-link img {
        max-width:40px
    }
}
.wrapper{
    padding-top: var(--gapX2) !important;
}

.telegram-bar.show {
    display: -ms-flexbox;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/*
.vc_row{
    max-width: var(--maxWidth);
} */


.telegram-bar, .telegram-bar a, .telegram-bar__content {
    -ms-flex-align: center;
    align-items: center !important;
}

#telegramBar {
    background-color: #f0f0f0;
    width: 100vw;
    height: var(--telegramBarHeight);
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.telegram-bar a, .telegram-bar__content {
    color: var(--mainColor);
    display: -ms-flexbox;
    display: flex;
    gap: var(--gapX2);
    z-index: 5;
}

.telegram-bar__content {
    justify-content: center;
    flex-wrap: wrap;
}

.telegram-bar__inline-link {
    color: var(--mainColor);
    font-weight: 600;
    text-decoration: underline;
}

.telegram-bar__icon {
    flex-shrink: 0;
}

.telegram-bar, .telegram-bar a, .telegram-bar__content {
    -ms-flex-align: center;
    align-items: center;
}

.telegram-bar .close-button-wrapper {
    position: absolute;
    height: -moz-fit-content;
    height: fit-content;
    background: none;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: var(--maxWidth);
    width: calc(100% - 2 * var(--outsideGap));
}

.telegram-bar #closeButton {
    cursor: pointer;
}

.telegram-bar .close-icon {
    width: 25px;
    height: 25px;
    fill: var(--mainColor);
}

.telegram-bar svg {
    fill: currentColor;
}

.telegram-bar.telegram-bar--icon-max .telegram-bar__icon path {
    fill: #000;
}

.telegram-bar__icon path {
    fill: currentColor;
}

header .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: end;
    align-items: end;
}
@supports (display:grid) {
    .debugger-cols, .section>*, body>.row, content>*, footer>.wrapper, header>.wrapper, menu>.wrapper, section>* {
        max-width: var(--maxWidth);
        width: calc(100% - 2 * var(--outsideGap));
    }
}

header{
    padding-bottom: var(--gapX2) !important;
}

p a {
    line-height: inherit;
    font-size: inherit;
    /* display: inline-block; */
}

input, textarea{
    font-size: var(--textSsize);
}

.text-s-size.tight{
    line-height: var(--textSheightT);
    margin-top: var(--textStopT);
}

.text-s-size{
    font-size: var(--textSsize);
    letter-spacing: 0;
}

.text-s-size:not(.tight) {
    line-height: var(--textSheightS);
    margin-top: var(--textStopS);
    margin-bottom: var(--textSbottomS);
}

.title-xxs-size {
    line-height: var(--textMheightT);
    margin-bottom: var(--textMbottomT);
    font-size: var(--textMsize);
    letter-spacing: var(--titleXXSspacing);
    font-weight: var(--titleWeight);
}

.filter-taxonomies .filter {
    font-size: var(--textSsize);
    letter-spacing: 0;
    border: 1px solid var(--gray200);
}

.filter-taxonomies .filter-title{
    padding-bottom: var(--gapX1);
}


.filter-taxonomies .filter{
    padding: 9px 8px;
    display: flex;
    align-items: center;
}

header {
    background: hsla(0, 0%, 100%, .8666666667);
    backdrop-filter: blur(10px);
}

header>div:not(.vc_row) {
    display: flex;
    align-items: flex-end;
    gap: unset !important;
}

header .wrapper .contacts-wrapper .textS+.textS {
    margin-top: unset;
}

header .wrapper {
    display: flex;
    flex-flow: row;
    align-items: end;
    padding-top: var(--gapX3) !important;
}

header .wrapper nav {
    display: flex;
    gap: var(--gapX3);
    align-items: end;
}

header .wrapper svg {
    fill: black;
}

header .wrapper .contacts-wrapper {
    display: flex;
    margin-left: auto;
}

header .wrapper .contacts-wrapper .social {
    display: flex;
    flex-flow: row;
    gap: var(--gapX4);
}

header .wrapper .contacts-wrapper .contacts-header {
    display: flex;
    flex-flow: row;
    gap: var(--gapX4);
    margin-left: var(--gapX6);
}

.wrapper.topbar.textS{
    height: 25px;
}

@media (max-width: 767px) {
    .wrapper.topbar.textS{
        height: 0;
    }
}

header .wrapper .logo-wrapper {
    max-width: 160px;
    flex: 1 1 auto;
    min-width: fit-content;
}

header .wrapper .logo-wrapper img {
    height: 42px;
}

header .wrapper .mobile-icons {
    display: none;
    margin-left: auto;
    align-items: center;
    position: relative;
}

header .wrapper .mobile-icons .menu-icon {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

header .wrapper .menu-search-wrapper {
    display: flex;
    margin-left: var(--gapX7);
    max-width: 417px;
    width: 100%;
    flex: 0 0 auto;
    align-items: center;
}

header .menu-search-wrapper {
    position: relative;
}

header .wrapper .menu-search-wrapper .btn-catalog-wrapper .btn-catalog {
    display: inline-flex;
    background: #c42185;
    padding: calc(var(--gapX3) - 1px);
    line-height: 1;
    color: white;
    border-radius: 4px;
    border: 1px solid #c42185;
}

header .wrapper .menu-search-wrapper .search-wrapper {
    margin-left: var(--gapX3);
    height: 36px;
    position: relative;
    width: 100%;
}

header .wrapper .menu-search-wrapper .search-wrapper input {
    padding: var(--gapX2) var(--gapX3);
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
}

header .wrapper .menu-search-wrapper .search-wrapper button {
    position: absolute;
    background: none;
    border: none;
    width: 20px;
    height: 100%;
    top: 0;
    right: 14px;
    cursor: pointer;
}

header .wrapper .btn-help-wrapper {
    display: flex;
    gap: var(--gapX6);
    align-items: center;
    padding-bottom: 4px;
    height: 32px;
    box-sizing: content-box;
    flex: 1 1 auto;
    justify-content: end;
    margin-left: var(--gapX7);
}

header .wrapper .btn-help-wrapper a {
    display: flex;
    align-items: center;
    gap: var(--gapX2);
    color: black;
    height: 28px;
}

header .wrapper .btn-help-wrapper .price svg {
    width: auto;
    height: 28px;
}

header .wrapper .btn-help-wrapper .delivery svg {
    width: auto;
    height: 24px;
}

header .wrapper .btn-help-wrapper .checkout svg {
    width: auto;
    height: 28px;
}


header .wrapper .mobile-icons .menu-icon .line-1 {
    top: 3px;
}

header .wrapper .mobile-icons .menu-icon .line-2 {
    top: 14px;
}

header .wrapper .mobile-icons .menu-icon .line-3 {
    top: 25px;
}

header .wrapper a:not(.btn):hover {
    color: #c42185;
}

header .wrapper a:not(.btn):hover svg {
    fill: #c42185;
}

header .wrapper .menu-search-wrapper .btn-catalog-wrapper .btn-catalog:hover {
    background: transparent;
    color: #c42185;
    border: 1px solid #c42185;
}

header .wrapper .menu-search-wrapper .search-wrapper {
    height: 36px;
    margin-left: var(--gapX3);
}

/* header .wrapper .nav{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: var(--gapX24);
    align-items: baseline;
}

header .vc_column_container{
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
} */

.press-center .vue-posts {
    display: grid;
    gap: var(--gapX6);
    grid-template-columns: repeat(12, 1fr);
}

.press-center .vue-posts .filters-controls-container {
    grid-column: span 3;
}

.press-center .vue-posts .posts-container {
    grid-column: span 9;
}

.press-center .vue-posts .vue-load-more {
    grid-column: 10/span 3;
    justify-self: end;
}

.hero-image-wrapper {
    width: 100%;

}

.hero-image-wrapper {
    width: 100%;

}

.hero-image-wrapper {
    width: 100%;

}

.hero-image-wrapper img {
    /* max-height: 600px; */
    aspect-ratio: 4/3;
    object-fit: contain;
}


.hero-image-wrapper .swiper-slide {
    align-items: center;
    object-fit: contain;
}

@media (max-width: 767px) {

    .press-center .vue-posts :is(.filters-controls-container, .posts-container) {
        grid-column: span 12;
        width: var(--containerWidth);
    }

    .press-center .vue-posts .vue-load-more {
        grid-column: 7 / span 6;
    }
}

.setka .article-item .date:after {
    content: "\2192";
}

.date {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.filters-controls-container+.posts-container {
    margin-top: unset;
}

.posts-container.grid.setka {
    gap: var(--gapX4);
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.setka .post.article-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: calc(45% - 12px);
    flex-wrap: nowrap;
    padding: var(--gapX6);
    justify-content: space-between;
    grid-column: span 1;
    min-height: 160px;
}

.setka .post.article-item .titleXXS {
    padding-top: var(--gapX5);
}

.vue-posts .skeleton-post .image-wrapper {
    max-height: 200px;
    aspect-ratio: 16 / 9;
}

.setka .post.article-item:first-child {
    flex-basis: 100%;
    max-height: 100%;
    max-width: 100%;
    grid-column: -1/1;
    min-height: 360;
}

.setka .post.article-item:first-child .content {
    justify-content: space-between;
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
    gap: var(--gapX4);
}

.setka .post.article-item:first-child :is(.titleXXS, .image-wrapper) {
    flex: 1
}

.setka .post.article-item:first-child img {
    max-width: 100%;
    object-position: right bottom;
    max-height: 360px;
}

.setka .post.article-item:first-child .titleXXS p {
    font-size: var(--titleSsize);
    letter-spacing: var(--titleSspacing);
    line-height: var(--titleSheightT);
    margin-top: var(--titleStopT);
    margin-bottom: var(--titleSbottomT);
}

/* --- Остальные стили для оформления ссылок и изображений остаются без изменений --- */
.setka .post {
    border: 1px solid var(--gray200);
    border-radius: var(--roundedM);
    gap: var(--gapX4);
    background-color: var(--cardDefaultBg);
    display: flex;
    /* Рекомендуется для правильного растягивания ссылки */
    flex-direction: column;
}

.setka a img {
    border-radius: var(--roundedM);
    object-fit: contain;
    filter: brightness(.97);
    max-height: 300px;
    object-position: left bottom;
}


.article-item .description span:not(.title) {
    white-space: unset;
}

.filter-taxonomies .filter.active {
    background: #fff;
    color: #c42185;
    border: 1px solid #c42185;

}

a.post.article-item:hover {
    color: #c42185;
}

.filter-taxonomies .filter:hover {
    color: #c42185;
    border: 1px solid #c42185;
    background: transparent;

}

.vc_row:not(.vc_row:has(.breadcrumbs)){
    row-gap: var(--columnGap);
}

.articles-teaser-items{
    row-gap: var(--columnGap);
}

.articles-teaser-item.article-item.vc_col-sm-6.vc_col-xs-12.d-flex.flex-column {
    border: 1px solid var(--gray200);
    border-radius: var(--roundedM);
    background-color: var(--cardDefaultBg);
    padding: var(--gapX6);
    display: flex;
    min-height: 160px;
    height: 100%;
    justify-content: space-between;
}

span.articles-teaser-item-date.article-date.text-s-size.tight {
    margin-bottom: auto;
    display: flex;
    justify-content: space-between;
}

.article-item .article-date:after {
    content: "\2192";
}

a:is(.main-color, .invert-colors, .xleb-post, .filter):is(:hover, :focus) {
    text-decoration-color: unset;
    color: unset;
}

.footer-main {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--columnGap);
}

.footer-social {
    display: flex;
}


footer .footer-info .textM {
    margin-top: unset;
}

footer .wrapper .col-sm-8.textS {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    float: unset;
    width: 100% !important;
    padding: 0;
    min-height: unset;
}

footer .footer-social {
    margin-top: var(--gapX4);
}

footer .footer-copyright {
    margin-top: var(--gapX8);
}

footer>div {
    display: unset;
}

footer .footer-menu-first p:first-child,
footer .footer-menu-second p:first-child {
    font-weight: var(--titleWeight);
}

footer .footer-info .footer-social {
    gap: 10px;
}

footer .footer-info .footer-social .telegram:hover svg path {
    fill: #24a1de;
}

footer .footer-info .footer-social .vk-video:hover svg path {
    fill: red;
}

footer .footer-info .footer-social .vk:hover svg path {
    fill: #07f;
}

footer .footer-info .footer-social .whatsapp:hover svg path {
    fill: #25d366;
}

footer .footer-info .footer-social .max:hover svg path {
    stroke: #526eff;
}

footer .footer-info .footer-social .rutube:hover svg path {
    fill: #ed143b;
}

footer .footer-info .footer-social .dzen:hover svg path {
    fill: #7b7b7b;
}


a:not(.main-color, .invert-colors, .content-link, .article-item, .xleb-post, .filter) {
    color: black;
    text-decoration-color: var(--linkDefaultUnderline);
    text-decoration: none;
}


a:not(.main-color, .invert-colors, .content-link, .xleb-post, .filter):is(:hover, :focus) {
    color: #c42185;
    text-decoration-color: var(--linkDefaultHoverUnderline);
}

a.more-link{
    color: #c42185;
    text-underline-offset: 4px;
    position: relative;
    transition: all .2s ease;
    cursor: pointer;
}

.more-block{
    padding-top: var(--gapX5);
}


header .wrapper .menu-search-wrapper .search-wrapper input {
    padding: var(--gapX2) var(--gapX3);
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
}

@media (min-width: 768px) {
    .d-sm-none {
        display: none !important;
    }
    header{
        padding-top: unset;
    }
}

@media (max-width: 1314px) {
    header .wrapper .contacts-wrapper .contacts-header .time-work {
        display: none;
    }
}

@media (max-width: 768px) {
    header .wrapper .mobile-icons {
        display: flex;
    }

    header .mobile-icons.buttons {
        gap: var(--gapX4);
    }

    .telegram-bar a {
        margin-right: auto;
        padding-left: var(--outsideGap);
    }

    header{
        padding-top: unset;
    }

    .telegram-bar a svg{
        display: none;
    }

    header .wrapper .btn-help-wrapper{
        display: none;
    }

    header .wrapper {
        padding-top: unset !important;
    }

    header .wrapper .textS+.textS {
        margin-top: unset;
    }

    header .wrapper .nav.open {
        position: absolute;
        background: #fff;
        left: -13px;
        min-height: calc(var(--vh, 1vh) * 100 - 68px);
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: var(--gapX8) var(--outsideGap);
        -ms-flex-align: baseline;
        align-items: baseline;
        gap: var(--gapX6);
    }

    header {
        gap: 0;
    }

    header .wrapper {
        align-items: flex-end;
        flex-wrap: wrap;
    }

    header .wrapper .nav:not(.open) {
        display: none;
    }

    header .wrapper .btn-help-wrapper-mobile {
        display: flex;
        flex-direction: column;
        gap: var(--gapX6);
    }

    header .wrapper .btn-help-wrapper-mobile a {
        display: flex;
        gap: var(--gapX2);
        align-items: center;
    }

    header .wrapper.topbar .contacts-wrapper {
        display: none;
        position: relative;
    }

    header .wrapper .logo-wrapper {
        max-width: 200px;
    }

    header .wrapper .mobile-icons {
        display: flex;
    }

    header .wrapper .mobile-icons.buttons a svg {
        height: 32px;
        width: 34px;
    }

    header .wrapper .menu-search-wrapper {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        margin-top: var(--gapX3);
    }

    header .wrapper .menu-search-wrapper .search-wrapper {
        margin-left: 6px;
    }

    .wrapper.second-bar {
        margin-top: var(--gapX2);
    }

    .menu-button {
        padding: unset;
    }

    .btn-help-wrapper {
        display: none;
    }

    header .wrapper .nav.open a p {
        font-size: var(--titleMsize);
        letter-spacing: var(--titleLspacing);
        margin-left: var(--titleLleft);
        line-height: var(--titleMheightT);
        margin-top: var(--titleLtopT);
        margin-bottom: var(--titleLbottomT);
    }

    header .wrapper .logo {
        max-width: 200px;
    }

    header .wrapper .logo-wrapper img {
        height: 32px;
    }

    .setka .post.article-item {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        /* Учитываем отступ (gap) в расчетах */
        flex-basis: 100%;
        flex-wrap: nowrap;
        padding: var(--gapX6);
    }

    .setka .post.article-item:first-child .content {
        justify-content: space-between;
        display: flex;
        flex-direction: column;
        align-items: end;
        align-items: flex-start;
    }

    .setka .post.article-item:first-child .titleS {
        padding-top: var(--gapX5);
    }

    .setka .post.article-item .titleS {
        padding-top: var(--gapX5);
    }

    .vue-posts {
        flex-direction: column;
    }

    footer .row>div:first-child {
        order: 1;
    }

    footer .footer-menu-first {
        order: 0;
    }

    footer .footer-menu-first p:not(footer .footer-menu-first p:first-child) {
        margin-top: var(--gapX2) !important;
    }

    footer .footer-menu-second {
        order: 0;
    }


    footer .footer-menu-second p:not(footer .footer-menu-second p:first-child) {
        margin-top: var(--gapX2) !important;
    }

    footer .wrapper .row .textS {
        margin-top: var(--gapX8) !important;
    }

    footer:not(.separated){
        padding-top: var(--gapX16) !important;
    }
}

@media (max-width: 1179px) {
    header .wrapper .btn-help-wrapper {
        gap: var(--gapX2);
        /* display: none; */
    }

    header .wrapper .menu-search-wrapper{
        width: 40%;
    }

}




@media (min-width: 768px) and (max-width: 1179px) {
    .setka .post.article-item {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        /* Учитываем отступ (gap) в расчетах */
        flex-basis: 100%;
        flex-wrap: nowrap;
        padding: var(--gapX6);
    }

    .setka .post.article-item:first-child .title {
        justify-content: space-between;
        display: flex;
        gap: var(--columnGap);
        flex-direction: column;
        align-items: flex-start;
    }

    header .wrapper .contacts-wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        font-size: 9px;
    }

    header .wrapper .menu-search-wrapper .search-wrapper {
        margin-left: 6px;
        width: 100%;
    }

    header>div:not(.vc_row) {
        flex-flow: nowrap;

    }

    .row {
        column-gap: var(--columnGap);
    }

@supports (display:grid) {

    .debugger-cols,
    .row {
        display: grid;
        row-gap: var(--columnGap);
        grid-template-columns: repeat(12, 1fr);
    }
}
}



@supports (display:grid) {
    @media (min-width: 767px) {
        .col-sm-2 {
            grid-column: span 2 !important;
            width: 100% !important;
        }

        .col-sm-8 {
            grid-column: span 8 !important;
            width: 100%;
        }
    }
}

@supports (display:grid) {
    @media (max-width: 768px) {

        .debugger-cols,
        .row {
            display: flex;
            row-gap: var(--columnGap);
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }
    }
}

@media (min-width: 768px) and (max-width: 1213px) {
    header {
        gap: unset;
    }
}

@media (max-width: 768px) {
    header .wrapper {
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    header .wrapper .menu-search-wrapper {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }
}

footer:not(.separated){
    padding-top: var(--gapX30) !important;
    padding-bottom: var(--gapX4) !important;
}

@media (max-width: 768px) {
    footer:not(.separated) {
        padding-top: var(--gapX16) !important;
    }
}

.back-to-top {
    position: fixed;
    right: 40px;
    bottom: 0;
    width: 50px;
    background: rgba(0, 0, 0, .0666666667);
    border-radius: 8px 8px 0 0;
    padding: var(--gapX3) var(--gapX2) 0;
    transition: all .2s ease;
    cursor: pointer;
    z-index: 5;
}

.back-to-top:hover
 {
    background: #c52486;
    padding-bottom: var(--gapX3);
    color: white;
}

.back-to-top i{
    position: relative;
    left: 1px;
    font-size: 34px;
    display: flex;
    height: 38px;
}

.back-to-top i:hover{
    fill: white;
    color: white;
}

footer .footer-menu-first p:not(footer .footer-menu-first p:first-child){
    margin-top: var(--gapX4);
}

footer .footer-menu-second p:not(footer .footer-menu-second p:first-child){
    margin-top: var(--gapX4);
}

.record-content * {
    font-size: var(--textMsize);
    line-height: var(--textMheightS);
    letter-spacing: var(--textMspacing);
}

.record-content img {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    display: block;
}

.record-content a {
    color: var(--linkDefaultColor);
}

.record-content a:hover {
    color: var(--linkDefaultHoverColor);
}

.press-center .filter-taxonomies {
    gap: var(--gapX2) var(--gapX1);
}

.record-content .lead {
    margin-bottom: var(--gapX7);
}

.breadcrumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: var(--gapX2)
}

.breadcrumbs :is(a, .br-sep) {
    font-size: var(--textSsize);
    line-height: var(--textSheightS);
    margin-top: var(--textStopS);
    margin-bottom: var(--textSbottomS)
}

#order-status-form .input-wrapper {
    display: flex;
    gap: var(--gapX2);
}

#order-number-input {
    width: 100%;
}

.article-item img {
    max-height: 300px;
}

.record-content .textM:not(.tight) :is(ul,ol)+p,
.record-content :is(ul,ol)+p,
.record-content :is(ul,p,div,div:has)+div:has(strong) {
    margin-top: calc(var(--textMtopS) + var(--gapX8)) !important;
}

/* .textM:not(.tight) :is(p,span), :not(.titleXXL,.titleXL,.titleL,.titleM,.titleS,.titleXS,.titleXXS,.textXL,.textL,.textM,.textS)>p {
    line-height: var(--textMheightS);
    margin-top: var(--textMtopS);
    margin-bottom: var(--textMbottomS);
} */

.record-content :is(p,div,table,ul) :is(span,strong,u,tr,td,tbody,div,p,a)[style], .product-description div[style], .product-description h2[style], .product-description li[style], .product-description p[style], .product-description table[style] {
    text-align: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
}

.record-content.wpb-content-wrapper :is(h1,h2,h3) {
    font-size: var(--textLsize);
    line-height: var(--textLheightS);
    margin-top: var(--textLtopS);
    margin-bottom: var(--textLbottomS);
}

.lead  + .wpb-content-wrapper {
    padding-top: var(--gapX7);
}

@media (min-width: 768px) {
    .article-item:first-child:not(.articles-teaser-item) .article-content . p {
        font-size: var(--titleSsize);
        letter-spacing: var(--titleSspacing);
        line-height: var(--titleSheightT);
        margin-top: var(--titleStopT);
        margin-bottom: var(--titleSbottomT);
    }
}


.date-views p{
    font-size: var(--textMsize) !important;
    line-height: var(--textMheightT) !important;
    margin-top: var(--textMtopT) !important;
    margin-bottom: var(--textMbottomT) !important;
}

.date-views p+p{
    margin-top: var(--textMtopT) !important;
}

.single-post .date-views.info .views{
    display: flex;
    flex-direction: row;
    gap: var(--gapX2);
    align-items: center;
}

.footer-copyright{
    width: var(--containerWidth);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer .footer-main > .vc_column_container > .vc_row.vc_inner{
    display: block;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

footer .footer-copyright{
    width: 100%;
}