/* ========================
   Header Шапка
======================== */
.pm-header{
    font-family: 'Gilroy', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
}
.pm-header *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pm-header button{
    position: relative;
}
.lock .pm-header{
    width: calc(100% - var(--scrollbar-width));
}
.lock .pm-header.pm-header--fixed{
    width: calc(100% + var(--scrollbar-width));
    margin-left: calc(var(--scrollbar-width) * -1);
}

.pm-header__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: var(--spacing-24, 24px) 0 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.pm-header--fixed .pm-header__wrapper{
    padding: 16px 0;
}
@media (max-width: 768px) {
    .pm-header__wrapper{
        padding: 16px 0 8px;
    }
}

.pm-header__left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-24, 24px);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}

.pm-header__logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    aspect-ratio: 204/36;
}
.pm-logo-img{
    width: 100%;
    height: 100%;
}
.pm-logo-img--color,
.pm-header--fixed .pm-logo-img--default{
    display: none;
}
.pm-header--fixed .pm-logo-img--color{
    display: unset;
}
@media(min-width: 1441px){
    .pm-btn.pm-btn--secondary#openCatalog .pm-btn-icon .pm-btn-icon--hidden-path{
        display: none;
    }
}
@media(max-width: 1440px){
    .pm-btn.pm-btn--secondary#openCatalog .pm-btn-text{
        display: none;
    }

    .pm-btn.pm-btn--secondary#openCatalog{
        padding: 0;
        width: var(--base-size-1xl);
    }

    .pm-btn.pm-btn--secondary#openCatalog .pm-btn-icon:not(.pm-catalog--close) path{
        display: none;
    }

    .pm-btn.pm-btn--secondary#openCatalog .pm-btn-icon path.pm-btn-icon--hidden-path{
        display: unset;
    }
}
@media(max-width: 1280px){
    .pm-header__logo{
        height: clamp(28px, 2.8125vw, 36px);
    }
}
@media(max-width: 1280px){
    .pm-header__logo{
        aspect-ratio: 161 / 28;
    }
}
@media(max-width: 340px){
    .pm-header__logo{
        height: clamp(25px, 2.8125vw, 36px);;
    }
}

.pm-menu-line{
    width: 96px;
    height: 4px;
    border-radius: 99px;
    background: var(--static-white);
    position: absolute;
    bottom: calc(-50% - 16px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media(max-width: 1190px){
    #openCatalog .pm-menu-line{
        width: 60px;
    }

    .pm-menu-line{
        width: 85px;
    }
}

#openCatalog .pm-btn-icon{
    transition: .2s ease;
    opacity: 1;
}

#openCatalog .pm-catalog--close{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 24px;
}

@media(min-width: 961px){
    #openCatalog.active-menu-item .pm-btn-icon{
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: 24px;
    }

    @media(max-width: 1440px){
        #openCatalog .pm-catalog--close{
            right: 12px;
        }

        #openCatalog.active-menu-item .pm-btn-icon{
            right: 12px;
        }
    }

    #openCatalog.active-menu-item .pm-catalog--close{
        opacity: 1;
        visibility: visible;
        position: static;
    }
}


#openCatalog .pm-menu-line{
    left: 19px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    bottom: -12px;
}

.active-menu-item .pm-menu-line{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
}

@media(max-width: 1440px){
    #openCatalog .pm-menu-line{
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media(max-width: 960px){
    .pm-menu-line{
        display: none;
    }
}

.pm-header__nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-40, 40px);

    opacity: 1;
    visibility: visible;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.pm-header__nav.hidden{
    display: none;
    opacity: 0;
    visibility: hidden;
}
@media(max-width: 1120px){
    .pm-header__nav{
        gap: var(--spacing-24);
    }
}

.pm-header__nav button{
    cursor: pointer;
}

.pm-header__link{
    color: var(--static-white, #FFF);
    background: transparent;
    border: none;
    padding: 0;

    /* Body/M/Semi Bold */
    font-family: 'Gilroy', sans-serif;
    font-size: var(--body-m-fs, 16px);
    font-weight: 500;
    line-height: var(--body-m-lh, 20px);
    letter-spacing: 0.637%;

    transition: .3s ease;
}
@media (any-hover: hover) {
    .pm-header__link:hover{
        color: var(--static-white-subtle);
    }
}


.pm-header__search-button{
    border: none;
    background: transparent;
    padding: 0;
    aspect-ratio: 1/1;
    width: 24px;
    height: 24px;
}
.pm-header__search-icon{
    fill: #fff;
    width: 100%;
    height: 100%;
    max-width: 24px;
    max-height: 24px;
}
.pm-header__search-icon path{
    transition: .3s ease;
}
@media (any-hover: hover) {
    .pm-header__search-button:hover .pm-header__search-icon path{
        fill: var(--static-white-subtle);
    }
}

.pm-header__contacts{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
@media(max-width: 960px){
    .pm-header__contacts{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.pm-phone-btn{
    letter-spacing: 0.45%;
}

.pm-phone-btn .btn-icon{
    display: none;
}

@media(max-width: 1440px){
    .pm-phone-btn .btn-icon{
        display: block;
    }

    .pm-phone-btn{
        padding: 0;
        width: 48px;
        height: 48px;
    }

    .pm-ellipse-phone, .pm-phone-btn span{
        display: none;
    }
}

@media(max-width: 960px){
    .pm-header__search-button{
        color: var(--static-white, #FFF);
        border: 1px solid var(--border-static-white-subtle, rgba(255, 255, 255, 0.16));
        border-radius: var(--radius-s);
        padding: 0;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pm-header__search-icon{
        min-width: 24px;
        min-height: 24px;
        transform: translateY(-2px);
    }

    .pm-phone-btn .btn-icon path{
        opacity: 1;
    }
}
@media(max-width: 360px){
    .pm-btn.pm-btn--secondary#openCatalog, .pm-header__search-button, .pm-phone-btn  {
        width: 40px;
        height: 40px;
    }
}

.pm-ellipse-phone circle:nth-child(1){
    -webkit-animation-name: ellipsePhone;
    animation-name: ellipsePhone;
    -webkit-animation-delay: 1ms;
    animation-delay: 1ms;
    -webkit-animation-duration: 2400ms;
    animation-duration: 2400ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes ellipsePhone {
    0% {
        r: 10px;
    }

    50% {
        r: 4px;
    }

    100% {
        r: 10px;
    }
}

@keyframes ellipsePhone {
    0% {
        r: 10px;
    }

    50% {
        r: 4px;
    }

    100% {
        r: 10px;
    }
}

.pm-btn.pm-btn--outline.pm-header__social{
    padding: 0;
    width: 48px;
    height: 48px;
}

.btn-icon.btn-icon--social{
    position: relative;
}

.pm-social-icon__base{
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.pm-social-icon__gradient{
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.pm-footer__social-list{
    .pm-social-icon__gradient{
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
}

.pm-footer__social-list a{
    position: relative;
}

@media(any-hover: hover){
    .pm-btn.pm-btn--outline.pm-header__social:hover .pm-social-icon__gradient{
        opacity: 1;
    }
    .pm-btn.pm-btn--outline.pm-header__social:hover .pm-social-icon__base{
        opacity: 0;
    }

    .pm-footer__social-list a:hover .pm-social-icon__gradient{
        opacity: 1;
    }

    .pm-footer__social-list a:hover .pm-social-icon__base{
        opacity: 0;
    }
}

.pm-top-menu{
    display: none;
}
/* ========================
   MODALS Модалки
======================== */
.pm-popup-overlay{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.48);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 10;
    padding: 92px var(--container-padding) 0 ;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    font-family: 'Gilroy', sans-serif;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;

    -webkit-transition: .3s ease-in-out, padding-right 0s, height 0.2s ease-out;
    -o-transition: .3s ease-in-out, padding-right 0s, height 0.2s ease-out;
    transition: .3s ease-in-out, padding-right 0s, height 0.2s ease-out;
}
.lock .pm-popup-overlay{
    padding: 92px calc(var(--container-padding) + var(--scrollbar-width)) 0 var(--container-padding);
}
@media(max-width: 960px){
    .mobile-popup-open.pm-popup-overlay{
        z-index: 12;
    }
}
@media(max-width: 768px){
    .pm-popup-overlay,
    .lock .pm-popup-overlay{
        padding-top: 79px;
    }
}

.pm-popup-overlay.active{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
}

.pm-popup-overlay * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pm-popup-overlay ul,
.pm-popup-overlay li{
    margin: 0;
    padding: 0;
    line-height: unset;
}

.pm-popup-overlay li:before{
    content: unset;
}

.pm-popup-overlay button{
    font-family: 'Gilroy', sans-serif;
}

.pm-menu-popup__container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    max-width: 1401px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8px;
    border-radius: 24px;
    background: var(--bg-base-secondary);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    position: absolute;
}
@media(max-width: 1521px){
    .pm-menu-popup__container{
        max-width: calc(100vw - var(--container-padding) * 2);
    }
}
@media(max-width: 960px){
    .pm-menu-popup__container#menu-catalog{
        max-width: 100%;
    }
}

.pm-menu-popup__container.active{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
    position: unset;
}

.pm-catalog-menu-nav__container{
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 396px;
    padding: 16px 0 16px 16px;
}
@media(max-width: 1350px){
    .pm-catalog-menu-nav__container{
        width: 320px;
    }
}
@media(max-width: 1080px){
    .pm-catalog-menu-nav__container{
        width: 300px;
    }
}

.pm-catalog-menu__nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    border-right: 1px solid var(--border-base-neutral);
    height: 100%;
}
@media(max-width: 960px){
    .pm-catalog-menu__nav{
        border: none;
    }
}

.pm-menu-nav__main-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--spacing-16);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    list-style-type: none;
    margin: 0;
}

.pm-menu-nav__main-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    line-height: unset;
}

.pm-menu-nav__main-item:before {
    content: unset;
}

.pm-menu-nav__main-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.pm-menu-nav__main-link--mobile{
    display: none;
}
@media(max-width: 960px){
    .pm-menu-nav__main-link{
        display: none;
    }
    .pm-menu-nav__main-link.pm-menu-nav__main-link--mobile{
        display: flex;
    }
}

.pm-menu-nav__icon-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 44px;
    height: 44px;
    padding: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 12px;
    background: var(--control-neutral-secondary);
    -webkit-transition: .1s ease;
    -o-transition: .1s ease;
    transition: .1s ease;
}

.pm-menu-nav__icon{
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    opacity: 0.35;
}

.pm-menu-nav__icon path{
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.pm-menu-nav__text{
    color: var(--content-base-primary);
    /* Body/M/Semi Bold */
    font-size: var(--body-m-fs, 16px);
    font-weight: 600;
    line-height: var(--body-m-lh, 20px);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    text-align: left;

    margin-bottom: 0.1em;
    -webkit-transition: .1s ease;
    -o-transition: .1s ease;
    transition: .1s ease;
}
@media(max-width: 991px) and (min-width: 961px){
    .pm-menu-nav__text{
        font-size: 15px;
    }
}

@media(min-width: 961px){
    .pm-menu-nav__main-item.active .pm-menu-nav__text{
        color: var(--content-sentiment-accent);
    }

    .pm-menu-nav__main-item.active .pm-menu-nav__icon{
        opacity: 1;
    }

    .pm-menu-nav__main-item.active .pm-menu-nav__icon path{
        fill: var(--content-sentiment-accent);
    }

    .pm-menu-nav__main-item.active .pm-menu-nav__icon-wrapper{
        background: var(--bg-sentiment-accent-subtle);
    }
}

@media(any-hover: hover){
    .pm-menu-nav__main-item:hover .pm-menu-nav__text{
        color: var(--content-sentiment-accent);
    }

    .pm-menu-nav__main-item:hover .pm-menu-nav__icon{
        opacity: 1;
    }

    .pm-menu-nav__main-item:hover .pm-menu-nav__icon path{
        fill: var(--content-sentiment-accent);
    }

    .pm-menu-nav__main-item:hover .pm-menu-nav__icon-wrapper{
        background: var(--bg-sentiment-accent-subtle);
    }
}

.pm-menu-nav__active-line{
    height: 100%;
    max-height: 44px;
    width: 4px;
    border-radius: 99px 0 0 99px;
    background: var(--content-sentiment-accent);
    opacity: 0;
    -webkit-transition: .1s ease;
    -o-transition: .1s ease;
    transition: .1s ease;
}

.pm-menu-nav__main-item.active .pm-menu-nav__active-line{
    opacity: 1;
}

@media (max-width: 960px) {
    .pm-menu-nav__active-line{
        display: none;
    }
}

.pm-menu__price-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 16px 8px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.pm-menu__price-line{
    width: 100%;
    height: 1px;
    background: var(--border-base-neutral);
}

.pm-menu__price-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.pm-menu__download-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    padding: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;
    border-radius: 46px;
    background: var(--bg-sentiment-accent-subtle);
    transition: .3s ease;
}
@media(any-hover: hover){
    .pm-menu__download-btn:hover{
        background: rgba(112, 134, 252, 0.24);
    }
}

.pm-menu__price-list-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}

.pm-menu__price-list-title{
    color: var(--content-base-primary);
    /* Body/M/Semi Bold */
    font-size: var(--body-m-fs);
    font-weight: 600;
    line-height: var(--body-m-lh);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding-bottom: 0.1em;
}

.pm-menu__price-list-subtitle{
    color: var(--content-base-tertiary, #A3A3A3);
    /* Caption/S/Medium */
    font-size: var(--caption-m-fs);
    font-weight: 500;
    line-height: var(--caption-m-lh);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding-bottom: 0.1em;
}

.pm-menu__btn-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    gap: 32px;
}

.pm-menu__btn-container .pm-btn--neutral{
    width: 100%;
}

#catalogPopup .pm-menu__btn-container .pm-btn.pm-btn--neutral .pm-btn-icon{
    transition: .3s ease;
}

@media(any-hover: hover){
    #catalogPopup .pm-menu__btn-container .pm-btn.pm-btn--neutral:hover .pm-btn-icon{
        transform: translateX(4px);
    }
}

.pm-catalog-menu__content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.pm-catalog-menu__content .pm-menu__btn-container{
    display: none;
}

.pm-catalog-menu__list-wrapper.swiper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 8px 24px 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    height: 508px;
    overflow: hidden;
    gap: 32px;
}
@media(max-width: 1350px){
    .pm-catalog-menu__list-wrapper.swiper{
        max-height: 465px;
    }
}

.pm-catalog-category{
    display:none;
    width: 100%;
}

.pm-catalog-category.active{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

.pm-catalog-menu__product-item.swiper-slide{
    cursor: pointer;
    height: 20px;
}

.pm-catalog-menu__scrollbar.swiper-scrollbar.swiper-scrollbar-vertical{
    position: unset;
    height: 100%;
    background: transparent;
    width: 6px;
}

.pm-catalog-menu__scrollbar .swiper-scrollbar-drag{
    background: var(--control-neutral-secondary);
}

.pm-catalog-menu__product-item a {
    color: var(--content-base-primary);
    /* Body/M/Medium */
    font-size: var(--body-m-fs);
    font-weight: 500;
    line-height: var(--body-m-lh);
    display: block;
}

@media(any-hover: hover){
    .pm-catalog-menu__product-item:hover a{
        color: var(--content-sentiment-accent);
    }
}

.pm-catalog-menu__image-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 396px;
    height: 100%;
    max-height: 508px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-radius: 16px;
    background: var(--bg-base-primary);
    overflow: hidden;
}
@media(max-width: 1350px){
    .pm-catalog-menu__image-container{
        width: 320px;
    }
}
@media(max-width: 1080px){
    .pm-catalog-menu__image-container{
        width: 300px;
    }
}
@media(max-width: 960px){
    .pm-catalog-menu__image-container{
        display: none;
    }
}

.pm-catalog-menu__image{
    width: 100%;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: cover;
}

/* вкладка продукты productsTab*/
.pm-menu-popup__container#menu-products,
.pm-menu-popup__container#menu-services{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 8px;
}
@media(max-width: 1250px){
    .pm-menu-popup__container#menu-products {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

#menu-products .pm-catalog-menu-nav__container,
#menu-services .pm-catalog-menu-nav__container,
#menu-company .pm-catalog-menu-nav__container{
    padding: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media(max-width: 1250px){
    #menu-products .pm-catalog-menu-nav__container{
        width: 100%;
        padding-right: 0;
    }
}

#menu-products .pm-catalog-menu__nav,
#menu-services .pm-catalog-menu__nav,
#menu-company .pm-catalog-menu__nav,
#menu-news .pm-catalog-menu__nav{
    border: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
}

#menu-products .pm-menu-nav__main-list{
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-rows: auto 16px auto 16px auto 16px auto 16px auto 16px auto;
    grid-template-rows: repeat(6, auto);
    -ms-grid-columns: 338px 20px 363px;
    grid-template-columns: 338px 363px;
    gap: 16px 20px;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(2){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(3){
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(4){
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(5){
    -ms-grid-row: 9;
    -ms-grid-column: 1;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(6){
    -ms-grid-row: 11;
    -ms-grid-column: 1;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(7){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(8){
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(9){
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(10){
    -ms-grid-row: 7;
    -ms-grid-column: 3;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(11){
    -ms-grid-row: 9;
    -ms-grid-column: 3;
}

#menu-products .pm-menu-nav__main-list > *:nth-child(12){
    -ms-grid-row: 11;
    -ms-grid-column: 3;
}
@media(max-width: 1250px){
    #menu-products .pm-menu-nav__main-list{
        -ms-grid-columns: 338fr 0 363fr;
        grid-template-columns: 338fr 363fr;
        gap: 16px 0;
    }
}
@media(max-width: 1180px){
    #menu-products .pm-menu-nav__main-list{
        -ms-grid-columns: 250fr 345fr;
        grid-template-columns: 250fr 345fr;
    }
}
@media(max-width: 1080px){
    #menu-products .pm-menu-nav__main-list{
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    }
}

.pm-top-menu__image-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 351px;
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}
@media(max-width: 1250px){
    #menu-products .pm-top-menu__image-container{
        min-width: 350px;
    }
}

.pm-top-menu__image{
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    pointer-events: none;
}

.pm-top-menu__image-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    z-index: 1;
}

.pm-top-menu__image-title{
    color: var(--static-white);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    /* Headline/H5/Semi Bold */
    font-size: var(--h5-fs);
    font-weight: 500;
    line-height: 1.2;
}

.pm-top-menu__image-subtitle{
    color: var(--static-white-subtle);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;

    /* Body/M/Medium */
    font-size: var(--body-m-fs);
    font-weight: 500;
    line-height: 1.25;
}

.pm-top-menu__image-container .pm-btn--secondary{
    z-index: 1;
    width: 100%;
}
/* вкладка сервисы servicesTab*/
#menu-services .pm-catalog-menu-nav__container{
    width: 463px;
}

@media(max-width: 1095px){
    .pm-menu-popup__container#menu-services {
        width: 100%;
    }

    #menu-services .pm-catalog-menu-nav__container{
        width: unset;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
}

#menu-services .pm-top-menu__image-container,
.pm-top-menu__coins-container{
    width: 242.5px;
}

#menu-services .pm-top-menu__image{
    min-height: 100%;
    width: auto;
    pointer-events: none;
}

.pm-top-menu__coins-container{
    height: auto;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-rows: 1fr 8px 1fr 8px 1fr;
    grid-template-rows: repeat(3, 1fr);
    gap: 8px;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.pm-coin-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--spacing-12) var(--spacing-16);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--border-base-neutral, rgba(82, 82, 82, 0.16));
}

.pm-coin-item__main-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.pm-coin__title-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}

.pm-coin-title{
    color: var(--content-base-primary);
    /* Body/S/Semi Bold */
    font-size: var(--body-s-fs);
    font-weight: 600;
    line-height: var(--body-s-lh);
}

.pm-coin-subtitle{
    color: var(--content-base-primary);
    /* Caption/S/Medium */
    font-size: var(--caption-m-fs);
    font-weight: 500;
    line-height: var(--caption-m-lh);
    opacity: 0.32;
}

.pm-coin__price-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.pm-coin-price{
    color: var(--content-base-primary);
    /* Body/M/Semi Bold */
    font-size: var(--body-m-fs);
    font-weight: 600;
    line-height: 1.25;
}

.pm-coin__change-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
}

.pm-coin__change-precent{
    /* Caption/S/Semi Bold */
    font-size: var(--caption-m-fs);
    font-weight: 600;
    line-height: var(--caption-m-lh);
}

.pm-coin--positive .pm-coin__change-precent{
    color: var(--content-sentiment-positive);
}
.pm-coin--negative .pm-coin__change-precent{
    color: var(--content-sentiment-negative);
}

/* вкладка компания companyTab*/
.pm-menu-popup__container#menu-company{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 10px;
}

.pm-top-menu__logo-img{
    height: 44px;
    z-index: 1;
}

#menu-company .pm-catalog-menu-nav__container,
#menu-company .pm-top-menu__image-container{
    width: 376px;
}

/* вкладка новости newsTab*/
.pm-menu-popup__container#menu-news{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 24px;
    padding: 20px;
}

#menu-news .pm-catalog-menu-nav__container {
    width: 330px;
    padding: 0;
}
@media(max-width: 1250px){
    .pm-menu-popup__container#menu-news{
        width: 100%;
        gap: 20px;
        padding: 16px;
    }

    #menu-news .pm-catalog-menu-nav__container {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
}
@media(max-width: 1050px){
    .pm-menu-popup__container#menu-news{
        gap: 16px;
        padding: 12px;
    }
}

.pm-catalog-menu__main-news{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 440px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.pm-catalog-menu__news-image{
    width: 100%;
    aspect-ratio: 440/316;
    border-radius: 12px;
}

.pm-category-menu__news-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.pm-category-menu__news-title{
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    color: var(--content-base-primary);
    /* Headline/H5/Semi Bold */
    font-size: var(--h5-fs);
    font-weight: 600;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .3s ease;
}
@media(any-hover: hover){
    .pm-catalog-menu__main-news:hover .pm-category-menu__news-title{
        color: var(--content-sentiment-accent);
    }
}

.pm-category-menu__news-date{
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    color: var(--content-base-tertiary);
    /* Body/S/Medium */
    font-size: var(--body-s-fs);
    font-weight: 500;
    line-height: var(--body-s-lh);
}

.pm-catalog-menu__news-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 254px;
}
@media(max-width: 1140px){
    #menu-news .pm-menu-nav__main-list{
        gap: 12px;
    }

    .pm-catalog-menu__main-news{
        width: 410px;
    }

    .pm-catalog-menu__news-list{
        width: 230px;
    }
}
@media(max-width: 1024px){
    .pm-catalog-menu__main-news{
        width: 394px;
    }
}

.pm-catalog-menu__news-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.pm-catalog-menu__news-item .pm-catalog-menu__news-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.pm-catalog-menu__news-item .pm-category-menu__news-title{
    height: 56px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-line-clamp: 3;
    /* Body/S/Semi Bold */
    font-size: var(--body-s-fs);
    line-height: var(--body-s-lh);
}
@media(any-hover: hover){
    .pm-catalog-menu__news-item:hover .pm-category-menu__news-title{
        color: var(--content-sentiment-accent);
    }
}

.pm-catalog-menu__news-item .pm-catalog-menu__news-image{
    width: 110px;
    aspect-ratio: 11/8;
    border-radius: 12px;
}

/* вкладка поиск searchTab*/
.pm-menu-search__container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.pm-menu-search__input-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 870px;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: var(--radius-s);
    border: 1px solid rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.12);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    width: clamp(343px, 45.3125vw, 870px);
    height: var(--base-size-1xl);
    -webkit-transition: .2s ease, width 0s, height 0s, left 0s, -webkit-transform 0s;
    transition: .2s ease, width 0s, height 0s, left 0s, -webkit-transform 0s;
    -o-transition: .2s ease, width 0s, height 0s, left 0s, transform 0s;
    transition: .2s ease, width 0s, height 0s, left 0s, transform 0s;
    transition: .2s ease, width 0s, height 0s, left 0s, transform 0s, -webkit-transform 0s;
}

.pm-menu-search__input-container.active{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
    position: unset;
    /*width: clamp(343px, 45.3125vw, 870px);*/
    padding: 3px 4px 3px 16px;
    height: var(--base-size-1xl);
    left: unset;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
@media(max-width: 1640px){
    .pm-menu-search__input-container{
        width: clamp(343px, 39vw, 870px);
    }
}
@media(max-width: 1440px){
    .pm-menu-search__input-container{
        width: clamp(343px, 50vw, 870px);
    }
    .pm-menu-search__input-container.active{
        width: clamp(343px, 50vw, 870px);
        position: absolute;
        left: 52.5%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media(max-width: 1280px){
    .pm-menu-search__input-container{
        width: clamp(343px, 45vw, 870px);
        left: 52.5%;
    }
}
@media(max-width: 1120px){
    .pm-menu-search__input-container{
        width: clamp(343px, 43vw, 870px);
    }
}

.pm-header__search-input{
    color: var(--static-white);
    /* Body/M/Semi Bold */
    font-family: 'Gilroy', sans-serif;
    font-size: var(--body-m-fs);
    font-weight: 500;
    line-height: 1.25;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding: 0;
    letter-spacing: 0.02em;

    background: transparent;
    border: none;
}

.pm-header__search-input::-webkit-input-placeholder{
    color: var(--static-white);
    opacity: 0.64;
}

.pm-header__search-input::-moz-placeholder{
    color: var(--static-white);
    opacity: 0.64;
}

.pm-header__search-input:-ms-input-placeholder{
    color: var(--static-white);
    opacity: 0.64;
}

.pm-header__search-input::-ms-input-placeholder{
    color: var(--static-white);
    opacity: 0.64;
}

.pm-header__search-input::placeholder{
    color: var(--static-white);
    opacity: 0.64;
}

.pm-menu-search__actions-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 4px;
    -webkit-transition: .2s ease, width 0s, height 0s;
    -o-transition: .2s ease, width 0s, height 0s;
    transition: .2s ease, width 0s, height 0s;
}
.pm-menu-search__actions-block.active{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
    width: unset;
    height: unset;
    position: unset;
}

.pm-menu-search__clear-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--base-size-l);
    height: var(--base-size-l);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.pm-menu-search__actions-block .pm-btn--secondary{
    height: var(--base-size-l);
    font-size: var(--body-s-fs);
    line-height: var(--body-s-lh);
}

.pm-menu-search__actions-block .pm-btn--secondary .pm-btn-text{
    min-width: 2.929em;
    padding-bottom: 0;
}
@media(max-width: 600px){
    .pm-menu-search__actions-block .pm-btn--secondary .pm-btn-text{
        -webkit-transform: translateY(0.5px);
        -ms-transform: translateY(0.5px);
        transform: translateY(0.5px);
    }
}

@media(max-width: 960px){
    .search-open .pm-header__wrapper{
        gap: 20px;
    }

    .search-open .pm-header__left{
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }

    .pm-menu-search__input-container{
        /*-webkit-transform: translateX(100%);*/
        /*-ms-transform: translateX(100%);*/
        /*transform: translateX(100%);*/
        max-width: 100%;
        width: calc(100% - var(--container-padding) * 2);
        left: var(--container-padding);
        right: auto;
        transform: none;
    }

    .pm-menu-search__input-container.active{
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        position: unset;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        right: unset;
        left: unset;
    }

    .pm-header__search-input{
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: 100%;
    }

    .search-open .pm-header__contacts .pm-phone-btn,
    .search-open .pm-header__contacts #openSearch,
    .search-open .pm-header__contacts #openCatalog {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        position: absolute;
    }

    .search-open .pm-header__left{
        opacity: 0;
        visibility: hidden;
        position: absolute;
    }
}

.pm-menu-popup__container#menu-search{
    width: clamp(343px, 45.3125vw, 870px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding: 16px 8px 16px 16px;
    border-radius: 16px;
    max-height: 480px;
}
@media(max-width: 1640px){
    .pm-menu-popup__container#menu-search{
        width: clamp(343px, 39vw, 870px);
    }
}
@media(max-width: 1440px){
    .pm-menu-popup__container#menu-search{
        width: clamp(343px, 50vw, 870px);
        position: absolute;
        left: 52.5%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media(max-width: 1280px){
    .pm-menu-popup__container#menu-search{
        width: clamp(343px, 45vw, 870px);
    }
}
@media(max-width: 1120px){
    .pm-menu-popup__container#menu-search{
        width: clamp(343px, 43vw, 870px);
    }
}
@media(max-width: 960px){
    .pm-menu-popup__container#menu-search{
        position: absolute;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    .pm-menu-popup__container.active#menu-search{
        position: unset;
        width: calc(100% - var(--container-padding) * 2);
    }
}
@media(max-width: 599px){
    .pm-menu-popup__container#menu-search{
        max-height: 448px;
    }
}

.pm-menu__search-list.swiper{
    width: 100%;
    padding-right: 8px;
}

.pm-menu__search-item.swiper-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-12);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.pm-menu-search__item-image-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 44px;
    height: 44px;
    padding: 6px 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 12px;
    background: var(--bg-base-primary);
}

.pm-menu-search__item-image{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.pm-menu-search__item-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    overflow: hidden;
}

.pm-menu-search__item-title{
    color: var(--content-base-primary);
    /* Body/M/Medium */
    font-size: var(--body-m-fs);
    font-weight: 500;
    line-height: var(--body-m-lh);
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
}

.pm-menu-search__item-price{
    color: var(--content-base-primary);
    /* Body/M/Medium */
    font-size: var(--body-m-fs);
    font-weight: 500;
    line-height: 1.25;
}

#menu-search .pm-btn--neutral{
    min-height: var(--base-size-1xl);
    width: calc(100% - 8px);
}
@media(max-width: 599px){
    .pm-menu-search__item-title,
    .pm-menu-search__item-price {
        font-size: var(--body-s-fs);
        line-height: var(--body-s-lh);
    }

    #menu-search .pm-btn--neutral{
        min-height: var(--base-size-2xl);
        height: var(--base-size-2xl);
    }
}

.swiper-scrollbar.search-scrollbar.swiper-scrollbar-vertical{
    width: 8px;
    background: transparent;
    right: 0;
}

.search-scrollbar .swiper-scrollbar-drag{
    background: var(--control-neutral-secondary-hover);
}

/* мобильное меню*/
.pm-menu-popup--mobile{
    display: none;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    position: relative;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
}

.pm-menu-popup--mobile__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    overflow: scroll;
    overflow-x: hidden;
    position: relative;
    height: 100%;
}

@media(max-width: 960px){
    .pm-menu-popup--mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .lock .pm-popup-overlay,
    .pm-popup-overlay{
        padding-inline: 0;
    }

    .pm-menu-popup__container#menu-catalog{
        bottom: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform .4s ease-in-out;
        transition: -webkit-transform .4s ease-in-out;
        -o-transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out;
        opacity: 0.5;
        visibility: visible;
    }
    .pm-menu-popup__container#menu-catalog.active{
        position: relative;
        height: 90.39dvh;
        max-height: 734px;
        border-radius: 20px 20px 0 0;
        padding: 16px;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    .pm-catalog-menu-nav__container{
        width: 100%;
        padding: 0;
    }

    .pm-catalog-menu__content{
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transform: translateX(calc(100% + 16px));
        -ms-transform: translateX(calc(100% + 16px));
        transform: translateX(calc(100% + 16px));
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        background: var(--static-white);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .pm-catalog-menu__content.active{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .pm-catalog-category{
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        max-height: calc(100% - 70px);
    }

    .pm-catalog-menu__content .pm-menu__btn-container{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 70px;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }

    .pm-catalog-menu__scrollbar.swiper-scrollbar.swiper-scrollbar-vertical{
        display: none;
    }

    .pm-menu__btn-container{
        padding: 0;
    }

    .pm-menu__btn-container .pm-btn--neutral{
        height: var(--base-size-2xl);
    }

    .pm-catalog-menu__list-wrapper.swiper{
        padding: 8px 0 0;
        height: auto;
        max-height: 100%;
    }

    .pm-menu-mobile__nav-container,
    .pm-menu-mobile__contacts-container{
        opacity: 1;
        visibility: visible;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        transition: .5s ease;
    }

    .mobile-catalog-open .pm-menu-mobile__nav-container,
    .mobile-catalog-open .pm-menu-mobile__contacts-container {
        opacity: 0;
        visibility: hidden;
    }

    .pm-catalog-menu-nav__container{
        opacity: 1;
        visibility: visible;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        transition: .5s ease;
    }

    .mobile-category-open .pm-catalog-menu-nav__container{
        opacity: 0;
        visibility: hidden;
    }
}

.pm-menu-popup__mobile-header{
    padding-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pm-menu-mobile__header-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--base-size-l);
    height: var(--base-size-l);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: var(--radius-full);
    cursor: pointer;
}

#mobileHeaderPrev{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.pm-menu-mobile__header-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mobile-catalog-open .pm-menu-mobile__header-text{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pm-menu-mobile__header-title{
    color: var(--content-base-primary);
    /* Headline/H4/Semi Bold */
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.mobile-catalog-open .pm-menu-mobile__header-title{
    font-size: 16px;
    line-height: 20px;
}

.pm-menu-mobile__header-subtitle{
    color: var(--content-base-tertiary);
    /* Body/S/Semi Bold */
    font-size: var(--body-s-fs);
    font-weight: 600;
    line-height: var(--body-s-lh);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.mobile-catalog-open .pm-menu-mobile__header-subtitle.active{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
    position: unset;
}

.pm-menu-mobile__nav-container{
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 128px 8px 112px 8px 112px;
    grid-template-rows: 128px 112px 112px;
    gap: 8px;
}

.pm-menu-mobile__nav-container > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.pm-menu-mobile__nav-container > *:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.pm-menu-mobile__nav-container > *:nth-child(3){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.pm-menu-mobile__nav-container > *:nth-child(4){
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.pm-menu-mobile__nav-container > *:nth-child(5){
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.pm-menu-mobile__nav-container > *:nth-child(6){
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.pm-menu-mobile__nav-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    border-radius: 16px;
    background: var(--bg-base-primary);
    border: none;
}

.pm-menu-mobile__nav-item.pm-menu-mobile__nav-item--big{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    position: relative;
    overflow: hidden;
}

.pm-menu-mobile__nav-item.pm-menu-mobile__nav-item--big .pm-menu-mobile__header-btn.pm-btn--neutral{
    align-self: flex-start;
}

.pm-menu-mobile__nav-title{
    color: var(--content-base-secondary);
    /* Body/S/Semi Bold */
    font-size: var(--body-s-fs);
    font-weight: 600;
    line-height: var(--body-s-lh);
}

.pm-menu-mobile__nav-item .pm-menu-mobile__header-btn.pm-btn--neutral,
.pm-menu-mobile__contact-item .pm-menu-mobile__header-btn.pm-btn--neutral {
    -ms-flex-item-align: end;
    align-self: flex-end;
    background: var(--bg-base-secondary);
}

.pm-menu-mobile__nav-img{
    height: 100%;
    top: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pm-menu-mobile__contacts-container{
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px 8px;
}

.pm-menu-mobile__contact-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--base-size-1xl);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    border-radius: 12px;
    border: 1px solid var(--border-static-white-subtle);
    background: var(--bg-base-primary);
}

.pm-menu-mobile__contact-item.pm-menu-mobile__contact-item--big{
    height: auto;
    padding: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;;
    -ms-grid-column-span: 3;;
    grid-column: span 3;
}

.pm-menu-mobile__contact-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pm-menu-mobile__contact-subtitle{
    color: var(--content-base-tertiary);
    /* Body/S/Semi Bold */
    font-size: var(--body-s-fs);
    font-weight: 600;
    line-height: var(--body-s-lh);
}

.pm-menu-mobile__contact-title{
    color: var(--content-base-primary);
    /* Body/M/Semi Bold */
    font-size: var(--body-m-fs);
    font-weight: 600;
    line-height: 1.25;
}

.pm-menu-mobile__catalog-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background: var(--static-white);
    -webkit-transform: translateX(calc(100% + 16px));
    -ms-transform: translateX(calc(100% + 16px));
    transform: translateX(calc(100% + 16px));
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

.mobile-catalog-open .pm-menu-mobile__catalog-container{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.mobile-catalog-open #mobileHeaderPrev{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
    position: unset;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/* ========================
   Header fixed
======================== */
.pm-header.pm-header--fixed{
    position: fixed;
    border-bottom: 1px solid var(--border-base-neutral);
    background: var(--bg-base-secondary);

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    transform: translateY(-100%);
    -webkit-animation: slideDown 0.3s ease forwards;
    animation: slideDown 0.3s ease forwards;
}

.pm-header.pm-header--fixed.slide-up {
    -webkit-animation: slideUp 0.3s ease forwards;
    animation: slideUp 0.3s ease forwards;
}

@-webkit-keyframes slideDown {
    from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    to   { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideDown {
    from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    to   { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes slideUp {
    from { -webkit-transform: translateY(0); transform: translateY(0); }
    to   { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@keyframes slideUp {
    from { -webkit-transform: translateY(0); transform: translateY(0); }
    to   { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

.pm-header.pm-header--fixed .pm-header__logo-icon path{
    fill: var(--content-sentiment-accent);
}

.pm-header.pm-header--fixed .pm-header__logo-brand path{
    fill: var(--content-base-primary);
}

.pm-header.pm-header--fixed .pm-btn--secondary{
    background: var(--content-sentiment-accent);
    color: var(--static-white);
    -webkit-transition: color 0s, .3s ease;
    -o-transition: color 0s, .3s ease;
    transition: color 0s, .3s ease;
}

@media (any-hover: hover) {
    .pm-header.pm-header--fixed .pm-btn--secondary:hover{
        background: var(--control-primary-hover);
    }
}

.pm-header.pm-header--fixed .pm-btn--secondary .pm-btn-icon path{
    fill: var(--static-white);
}

.pm-header.pm-header--fixed .pm-menu-line{
    display: none;
}

.pm-header.pm-header--fixed .pm-header__link{
    color: var(--content-base-primary);
    font-weight: 600;
}
@media(any-hover: hover){
    .pm-header.pm-header--fixed .pm-header__link:not(:active):hover{
        color: var(--content-base-secondary);
    }
}
.pm-header.pm-header--fixed .pm-header__link:active{
    color: var(--content-base-primary);
    opacity: var(--active);
}

.pm-header.pm-header--fixed .pm-menu-search__input-container{
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.pm-header.pm-header--fixed .pm-header__search-icon path{
    fill: var(--content-base-primary);
}
@media(any-hover: hover){
    .pm-header.pm-header--fixed #openSearch:hover .pm-header__search-icon path{
        fill: var(--content-base-secondary);
    }
}

.pm-header.pm-header--fixed .pm-header__search-input::-webkit-input-placeholder{
    color: var(--content-base-primary);
}

.pm-header.pm-header--fixed .pm-header__search-input::-moz-placeholder{
    color: var(--content-base-primary);
}

.pm-header.pm-header--fixed .pm-header__search-input:-ms-input-placeholder{
    color: var(--content-base-primary);
}

.pm-header.pm-header--fixed .pm-header__search-input::-ms-input-placeholder{
    color: var(--content-base-primary);
}

.pm-header.pm-header--fixed .pm-header__search-input,
.pm-header.pm-header--fixed .pm-header__search-input::placeholder{
    color: var(--content-base-primary);
}

.pm-header.pm-header--fixed .pm-menu-search__clear-btn .pm-btn-icon path{
    fill: var(--content-base-primary);
}

.pm-header.pm-header--fixed .pm-btn--outline{
    color: var(--content-base-primary);
    font-weight: 600;
    border: 1px solid var(--border-base-neutral);
    transition: .3s ease;
}

@media(any-hover: hover){
    .pm-header.pm-header--fixed .pm-btn--outline:hover{
        border: 1px solid var(--border-base-neutral-hover);
    }
}

.pm-header.pm-header--fixed .pm-social-icon__gradient{
    opacity: 1;
}

.pm-header.pm-header--fixed .pm-phone-btn .btn-icon path{
    fill: var(--content-base-primary);
}

@media (max-width: 960px) {
    .pm-header.pm-header--fixed .pm-header__search-button {
        color: var(--static-white, #FFF);
        border: 1px solid var(--border-base-neutral);
    }
}