/* ========================
   GAS MINING PAGE STYLES
======================== */

/* ========================
   DARK PAGE THEME
======================== */

.pm-page-dark {
    --bg-page: #0A0A0A;
    --bg-base-primary: #111827;
    --bg-base-secondary: #1F2937;
    --content-base-primary: #F9FAFB;
    --content-base-secondary: rgba(255, 255, 255, 0.64);
    --content-base-tertiary: rgba(255, 255, 255, 0.48);
    --control-neutral-primary: rgba(255, 255, 255, 0.08);
    --control-neutral-primary-hover: rgba(255, 255, 255, 0.12);
    --control-neutral-secondary: rgba(255, 255, 255, 0.06);
    --control-neutral-secondary-hover: rgba(255, 255, 255, 0.08);
    --border-base-neutral: rgba(255, 255, 255, 0.12);
    --border-base-neutral-hover: rgba(255, 255, 255, 0.24);

    background: var(--bg-page);
}

/*
   Цвет текста для контента — каскадируется через переменные.
   Компоненты, использующие --content-base-primary и т.д.,
   подхватят тёмную тему автоматически.
   Ниже — точечные переопределения для компонентов
   с захардкоженными цветами (footer, form и т.д.)
*/
.pm-page-dark .pm-main {
    color: var(--content-base-primary);
}

/* Footer: хардкод #fafafa/#171717 → через переменные */
.pm-page-dark .pm-footer {
    background: #171717;
}
.pm-page-dark .pm-footer__dec-part {
    background: #0a0a0a;
}
.pm-page-dark .pm-footer__list-title {
    color: var(--content-base-tertiary);
}

/* Попап обратной связи — тёмная тема */
.pm-page-dark .pm-popup-feedback__container {
    background: #171717;
}

.pm-page-dark .pm-popup-feedback__container .close-feedback-popup svg path {
    fill: #FFF;
}

.pm-page-dark .pm-popup-feedback__container .pm-popup-feedback__header-title{
    color: #fff;
}



.pm-page-dark .pm-popup-feedback__container .pm-input {
    color: var(--content-base-primary, #F9FAFB);
}

.pm-page-dark .pm-popup-feedback__container .pm-checkbox-text,
.pm-page-dark .pm-popup-feedback__container .pm-checkbox-text a {
    color: #fafafa;
}

.pm-page-dark .pm-input-wrapper{
    background: rgba(82, 82, 82, 0.16);
}

.pm-page-dark .pm-input-label{
    color: #a3a3a3;
}

.pm-page-dark .pm-popup-feedback__container .pm-input__phone-code {
    color: var(--content-base-primary, #F9FAFB);
}
.pm-page-dark .pm-input__phone-code{
    background: var(--Control-Neutral-Neutral-secondary, rgba(107, 114, 128, 0.12));
}

.pm-page-dark  .pm-popup-feedback__btn-container .pm-btn--primary{
    color: #fff;
    font-weight: 600;
}
@media(max-width: 960px){
    .pm-page-dark  .pm-popup-feedback__btn-container .pm-btn--primary{
        font-size: 18px;
        line-height: 22px;
    }
}
@media(max-width: 600px){
    .pm-page-dark  .pm-popup-feedback__btn-container .pm-btn--primary{
        font-size: 16px;
        line-height: 20px;
    }
}

.pm-page-dark .pm-popup-feedback__header .pm-btn-icon path {
    fill: #F9FAFB;
}

.pm-page-dark .pm-menu-popup__container{
    background: #171717;
}

.pm-page-dark .pm-menu-search__item-image-wrapper{
    background: #262626;
}

.pm-page-dark .pm-menu-nav__icon-wrapper{
    background: rgba(82, 82, 82, 0.12);
}
.pm-page-dark .pm-menu__download-btn{
    rgba(112, 134, 252, 0.12);
}

.pm-page-dark .pm-menu__download-btn .pm-menu__price-icon path{
    fill: #5369E0;
}

@media(min-width: 961px){
    .pm-page-dark .pm-menu-nav__main-item.active .pm-menu-nav__text,
    .pm-page-dark .pm-catalog-menu__product-item:hover a{
        color: #5369E0;
    }

    .pm-page-dark .pm-menu-nav__main-item.active .pm-menu-nav__icon path,
    .pm-page-dark .pm-menu-nav__main-item:hover .pm-menu-nav__icon path{
        fill: #5369E0;
    }

    .pm-page-dark .pm-menu-nav__main-item.active .pm-menu-nav__icon-wrapper{
        background: var(--Background-Sentiment-Accent-subtle, rgba(112, 134, 252, 0.12));
    }
}

.pm-page-dark .pm-coin-item{
    border: 1px solid var(--Border-Base-Neutral, rgba(107, 114, 128, 0.16));
}

.pm-page-dark .pm-menu-nav__main-item .pm-menu-nav__icon path{
    fill: #fff;
}

.pm-page-dark .pm-btn--neutral{
    background: rgba(82, 82, 82, 0.16);
    color: #fafafa;
}
@media(any-hover: hover){
    .pm-page-dark .pm-btn--neutral:hover{
        background: rgba(107, 114, 128, 0.24);
    }
}

.pm-page-dark #catalogPopup .pm-menu__btn-container .pm-btn.pm-btn--neutral .pm-btn-icon path{
    fill: #F9FAFB;
}

.pm-page-dark .pm-catalog-menu__product-item a,
.pm-page-dark .pm-menu-nav__text{
    color: #fafafa;
}

.pm-page-dark .pm-menu__price-line{
    background: var(--Border-Base-Neutral, rgba(107, 114, 128, 0.16));
}

.pm-page-dark .pm-catalog-menu__nav{
    border-right: 1px solid #171717;
    background: #171717;
}

.pm-page-dark .pm-catalog-menu__content,
.pm-page-dark .pm-menu-mobile__catalog-container{
    background: #171717;
}

.pm-page-dark .pm-menu__price-list-subtitle{
    color: #737373;
}

.pm-page-dark .pm-catalog-menu__image-container{
    background: #262626;
}

.pm-page-dark .pm-popup-overlay{
    background: rgba(0, 0, 0, 0.48);
}

/* Custom Select для попапа решений */
.pm-custom-select {
    position: relative;
    width: 100%;
}

.pm-custom-select__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: var(--base-size-2xl);
    padding: 0 var(--spacing-12);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(82, 82, 82, 0.16);
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.pm-custom-select__label {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: var(--content-base-secondary, #9CA3AF);
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.pm-custom-select__value {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--content-base-primary, #F9FAFB);
}

.pm-page-dark .pm-btn--neutral svg path{
    fill: #F9FAFB;
}

.pm-page-dark .pm-menu-mobile__nav-item .pm-menu-mobile__header-btn.pm-btn--neutral,
.pm-page-dark .pm-menu-mobile__contact-item .pm-menu-mobile__header-btn.pm-btn--neutral {
    background: #171717;
}

.pm-page-dark .pm-menu-mobile__nav-item.pm-menu-mobile__nav-item--big,
.pm-page-dark .pm-menu-mobile__nav-item{
    background: #262626;
}

.pm-page-dark .pm-menu-mobile__contact-item{
    background: #262626;
    border: none;
}

.pm-page-dark .pm-menu-nav__active-line{
    background: rgba(83, 105, 224, 1);
}

@media (any-hover: hover) {
    .pm-custom-select__trigger:hover {
        background: var(--control-neutral-primary-hover);
    }
}

.pm-custom-select__arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--content-base-secondary, #9CA3AF);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.pm-custom-select.open .pm-custom-select__arrow {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

#solutionForm .pm-popup-feedback__content {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#solutionForm .pm-input__container {
    width: 100%;
}

.pm-custom-select__dropdown {
    position: fixed;
    border-radius: 16px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    z-index: 100;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--Control-Neutral-Neutral-primary, rgba(107, 114, 128, 0.12))), to(var(--Control-Neutral-Neutral-primary, rgba(107, 114, 128, 0.12)))), var(--Background-Base-Secondary, #171717);
    background: -o-linear-gradient(bottom, var(--Control-Neutral-Neutral-primary, rgba(107, 114, 128, 0.12)) 0%, var(--Control-Neutral-Neutral-primary, rgba(107, 114, 128, 0.12)) 100%), var(--Background-Base-Secondary, #171717);
    background: linear-gradient(0deg, var(--Control-Neutral-Neutral-primary, rgba(107, 114, 128, 0.12)) 0%, var(--Control-Neutral-Neutral-primary, rgba(107, 114, 128, 0.12)) 100%), var(--Background-Base-Secondary, #171717);
}

.pm-custom-select__dropdown.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.pm-custom-select__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px 16px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--content-base-primary, #F9FAFB);
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
}

@media (any-hover: hover) {
    .pm-custom-select__option:hover {
        background: rgba(255, 255, 255, 0.08);
    }
}

.pm-custom-select__check {
    opacity: 0;
    color: #5369E0;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.pm-custom-select__option.selected .pm-custom-select__check {
    opacity: 1;
}

/* Textarea для попапа решений */
.pm-input-wrapper--textarea {
    height: auto;
    min-height: 164px;
    padding: 12px var(--spacing-12);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.pm-input__container:has(.pm-input-wrapper--textarea){
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.pm-textarea {
    resize: none;
    border: none;
    background: transparent;
    outline: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--content-base-primary, #F9FAFB);
    width: 100%;
    min-height: 72px;
    padding: 0;
}

.pm-textarea::-webkit-input-placeholder {
    color: var(--content-base-secondary, #9CA3AF);
}

.pm-textarea::-moz-placeholder {
    color: var(--content-base-secondary, #9CA3AF);
}

.pm-textarea:-ms-input-placeholder {
    color: var(--content-base-secondary, #9CA3AF);
}

.pm-textarea::-ms-input-placeholder {
    color: var(--content-base-secondary, #9CA3AF);
}

.pm-textarea::placeholder {
    color: var(--content-base-secondary, #9CA3AF);
}

.pm-textarea__counter {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--content-base-secondary, #9CA3AF);
    text-align: right;
    display: block;
    margin-top: 4px;
}

.pm-input-wrapper--textarea .pm-input-label {
    margin-bottom: 4px;
}

/* ========================
   HERO — Газовая генерация
======================== */
.pm-gas-hero {
    background: var(--bg-page, #0A0A0A);
    padding-bottom: var(--spacing-48);
    position: relative;
    overflow: hidden;
}
@media (max-width: 768px) {
    .pm-gas-hero {
        padding-bottom: var(--spacing-24);
    }
}

/* Хлебные крошки */
.pm-breadcrumbs-section {
    padding-top: calc(72px + var(--spacing-48, 48px));
}
@media (max-width: 768px) {
    .pm-breadcrumbs-section {
        padding-top: calc(64px + var(--spacing-24, 24px));
    }
}

.pm-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.pm-breadcrumbs__link {
    color: var(--static-white-subtle);
    font-size: var(--body-m-fs);
    font-weight: 500;
    line-height: var(--body-m-lh);
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
@media (any-hover: hover) {
    .pm-breadcrumbs__link:hover {
        color: var(--static-white);
    }
}
@media (max-width: 768px) {
    .pm-breadcrumbs__link {
        font-size: var(--body-s-fs);
        line-height: var(--body-s-lh);
    }
}

.pm-breadcrumbs__current {
    color: var(--static-white);
    font-size: var(--body-m-fs);
    font-weight: 500;
    line-height: var(--body-m-lh);
}
@media (max-width: 768px) {
    .pm-breadcrumbs__current {
        font-size: var(--body-s-fs);
        line-height: var(--body-s-lh);
    }
}

/* Обертка hero */
.pm-gas-hero__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--spacing-40);
    min-height: 560px;
    position: relative;
}
@media (max-width: 1280px) {
    .pm-gas-hero__wrapper {
        min-height: 420px;
    }
}
@media (max-width: 960px) {
    .pm-gas-hero__wrapper {
        -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;
        min-height: unset;
    }
}

/* Контент hero */
.pm-gas-hero__content {
    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);
    -webkit-box-flex: 1;
    /* -ms-flex: 1;
    flex: 1; */
    z-index: 10;
    width: 100%;
    max-width: 100%;
    border-top: 1px solid var(--Border-Static-Static-white-subtle, rgba(255, 255, 255, 0.16));
    padding-top: var(--Spacing-Base-Spacing-20, 20px);
    margin-top: clamp(236px, 20.888vw, 376px);
}

.pm-gas-hero__content h1 {
    color: var(--static-white);
    font-size: clamp(var(--fs-48), 4vw, var(--fs-64));
    font-weight: 600;
    line-height: 1.125;
    max-width: 100%;
    width: 50%;
}

@media (max-width: 1700px){
    .pm-gas-hero__content h1 {
        width: 55%;
    }
}

@media (max-width: 1460px){
    .pm-gas-hero__content h1 {
        width: 60%;
    }
}

@media (max-width: 1300px){
    .pm-gas-hero__content h1 {
        width: 65%;
    }
}

@media (max-width: 1300px){
    .pm-gas-hero__content h1 {
        width: 70%;
    }
}

@media (max-width: 1115px){
    .pm-gas-hero__content h1 {
        width: 80%;
    }
}

@media (max-width: 1024px){
    .pm-gas-hero__content h1 {
        width: 63%;
    }
}
@media (max-width: 768px) {
    .pm-gas-hero__content h1 {
        font-size: clamp(var(--fs-32), 6vw, var(--fs-40));
        line-height: 1.2;
    }
}

@media (max-width: 680px) {
    .pm-gas-hero__content h1 {
        width: 70%;
    }
}

@media (max-width: 605px) {
    .pm-gas-hero__content h1 {
        width: 75%;
    }
}

@media (max-width: 570px) {
    .pm-gas-hero__content h1 {
        width: 100%;
    }
}

.pm-gas-hero__content .pm-subtitle {
    color: var(--content-base-primary, #F9FAFB);
    font-weight: 500;
    max-width: 33em;
    font-size: 20px;
    line-height: 1.2;
}

/* Кнопки hero */
.pm-gas-hero__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-16);
    margin-top: 32px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pm-gas-hero__buttons .pm-btn{
    height: var(--base-size-2xl);
    font-size: 18px;
    line-height: 22px;
}
@media(max-width: 650px){
    .pm-gas-hero__buttons .pm-btn{
        font-size: 16px;
        line-height: 20px;
    }
}

.pm-gas-hero__buttons .pm-btn--secondary {
    background: #5369E0;
    color: #FFFFFF;
}

.pm-gas-hero__buttons .pm-btn--ghost{
    background: rgba(82, 82, 82, 0.16);
}

.pm-gas-hero__buttons .pm-btn--secondary .pm-btn-text {
    color: #FFFFFF;
}

@media (any-hover: hover) {
    .pm-gas-hero__buttons .pm-btn--secondary:hover {
        background: #4C60C8;
    }
}
@media (max-width: 768px) {
    .pm-gas-hero__buttons {
        width: 100%;
    }
    .pm-gas-hero__buttons .pm-btn {
        width: 100%;
    }
}

/* Кнопка ghost (полупрозрачная) */
.pm-btn--ghost {
    border-radius: var(--radius-s, 12px);
    background: var(--control-neutral-primary, rgba(107, 114, 128, 0.16));
    color: var(--content-base-primary, #F9FAFB);
    border: none;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
@media (any-hover: hover) {
    .pm-btn--ghost:hover {
        background: var(--control-neutral-primary-hover, rgba(107, 114, 128, 0.24));
    }
}
.pm-btn--ghost .pm-btn-icon {
    width: 24px;
    height: 24px;
}

/* Изображение hero */
.pm-gas-hero__image {
    position: absolute;
    right: -298px;
    top: calc(clamp(51px, 3.0555vw, 55px) * -1);
    height: clamp(594px, 48.52777vw, 873.5px);
    aspect-ratio: 3 / 2;
    pointer-events: none;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #C4C4C4), color-stop(80%, rgba(196, 196, 196, 0)));
    -webkit-mask-image: linear-gradient(180deg, #C4C4C4 10%, rgba(196, 196, 196, 0) 80%);
    mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #C4C4C4), color-stop(80%, rgba(196, 196, 196, 0)));
    mask-image: linear-gradient(180deg, #C4C4C4 10%, rgba(196, 196, 196, 0) 80%);
}
@media (max-width: 1280px) {
    .pm-gas-hero__image {
        height: 594px;
        right: calc(clamp(232px, 24.21875vw, 310px) * -1);
    }
}


.pm-gas-hero__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

/* ========================
   КАТАЛОГ ГАЗОПОРШНЕВЫХ ГЕНЕРАТОРОВ
======================== */
.pm-gas-catalog {
    background: var(--bg-page, #0A0A0A);
}

.pm-gas-catalog .pm-btn--primary.mobile{
    display: none;
}

@media(min-width: 1281px){
    .pm-gas-catalog,
    .pm-gas-comparison,
    .pm-gas-gpu-select,
    .pm-gas-solutions,
    .pm-gas-advantages,
    .pm-gas-cases,
    .pm-gas-stages,
    .pm-gas-about{
        padding: clamp(60px, 5vw, 90px) 0;
    }
}

.pm-gas-catalog .pm-tab-item{
    background: #262626;
    font-weight: 500;
}

.pm-gas-catalog .pm-tab-item.active{
    background: #5369E0;
}

.pm-page-dark .pm-btn--primary{
    height: var(--base-size-2xl);
    background: #5369E0;
}
@media(any-hover: hover){
    .pm-page-dark .pm-btn--primary:hover{
        background: #4C60C8;
    }
}

.pm-page-dark .pm-popup-overlay{
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

/* Бейджи мощности на карточках */
.pm-gas-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1;
}

.pm-gas-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: var(--radius-full, 999px);
    background: rgba(255, 255, 255, 0.10);
    color: var(--content-base-primary, #F9FAFB);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.pm-gas-badge svg {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* Dots галереи карточки — тёмная тема */
.pm-page-dark .pm-card-dots span {
    background: var(--Background-Static-Static-white-subtle, rgba(255, 255, 255, 0.24));
}
.pm-page-dark .pm-card-dots span.active {
    background: var(--Background-Static-Static-white, #FFF);
}

/* Hover на табах каталога — тёмная тема */
@media (any-hover: hover) {
    .pm-page-dark .pm-popular__tab-list .pm-tab-item:not(.active):hover {
        background: #151515;
    }
}

.pm-page-dark .pm-popular__wrapper .pm-btn--primary{
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}
@media(max-width: 600px){
    .pm-page-dark .pm-popular__wrapper .pm-btn--primary{
        font-size: 16px;
        line-height: 20px;
    }
}

/* Карточка каталога — фон */
.pm-gas-catalog .swiper-slide.pm-popular__card {
    background: rgba(255, 255, 255, 0.08);
    height: auto;
    gap: 0;
    border-radius: 16px;
}

/* Карточка — убрать границу слайдера */
.pm-gas-catalog .pm-popular__card-top {
    border: none;
    overflow: hidden;
    border-radius: var(--radius-m, 16px);
}

/* Изображение — вписать и отцентрировать */
.pm-gas-catalog .pm-popular__card-image {
    -o-object-fit: contain;
    object-fit: contain;
}

.pm-gas-catalog .pm-card-images {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Отступы у текстовой части карточки */
.pm-gas-catalog .pm-popular__card-text {
    padding: 16px 16px 20px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

/* Цвет цены карточки — тёмная тема */
.pm-page-dark .pm-popular__card-title {
    color: var(--Content-Static-Static-white, #FFF);
}

/* Навигация каталога — цвет стрелок для тёмной темы */
.pm-page-dark .pm-popular__nav-btn path {
    fill: currentColor;
}

@media(max-width: 1440px){
    .pm-gas-catalog .pm-popular__card-title {
        font-size: 20px;
        line-height: 24px;
    }

    .pm-gas-catalog .pm-popular__card-subtitle {
        font-size: 16px;
        line-height: 20px;
    }

    .pm-gas-catalog .pm-section-title{
        font-size: clamp(24px, 2.5vw,32px);
        line-height: 1.1875;
    }
}
@media(max-width: 991px){
    .pm-gas-catalog .pm-section-title{
        font-size: 24px;
        line-height: 30px;
    }

    .pm-gas-catalog .pm-popular__card-text{
        padding-bottom: 16px;
    }

    .pm-gas-catalog .pm-popular__card-title {
        font-size: 18px;
        line-height: 22px;
    }

    .pm-gas-catalog .pm-popular__card-subtitle {
        font-size: 14px;
        line-height: 18px;
    }

    .pm-gas-catalog .pm-popular__card-text{
        gap: 8px;
    }
}

@media(max-width: 600px){
    .pm-gas-catalog .pm-popular__wrapper{
        gap: 32px;
    }

    .pm-gas-badge{
        font-size: 12px;
        line-height: 16px;
    }
}

/* ========================
   СРАВНЕНИЕ РАСХОДОВ
======================== */
.pm-gas-comparison {
    background: var(--bg-page, #0A0A0A);
    overflow: hidden;
}

.pm-gas-comparison__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: var(--spacing-40);
    margin-bottom: 72px;
}
@media (max-width: 960px) {
    .pm-gas-comparison__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: var(--spacing-24);
        margin-bottom: var(--spacing-32);
    }
}

.pm-gas-comparison__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--spacing-16);
    max-width: 590px;
    text-align: left;
    margin-right: calc((100% - 590px * 2 - 16px) / 2);
}
@media (max-width: 960px) {
    .pm-gas-comparison__info {
        text-align: left;
        max-width: none;
    }
}

.pm-gas-comparison__desc {
    color: #a3a3a3;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.pm-gas-comparison__desc br {
    display: none;
}

.pm-gas-comparison__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media(max-width: 1024px){
    .pm-gas-comparison__total{
        gap: 8px;
    }
}
@media (max-width: 960px) {
    .pm-gas-comparison__total {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.pm-gas-comparison__total-label {
    color: var(--Content-Base-Primary, #F9FAFB);
    font-size: var(--h4-fs, 24px);
    font-weight: var(--Weights-SemiBold, 600);
    line-height: var(--h4-lh, 30px);
    white-space: nowrap;
}

.pm-gas-comparison__total-value {
    color: var(--content-base-primary);
    font-size: var(--fs-32, 32px);
    font-weight: 600;
    line-height: 1.1875;
    white-space: nowrap;
}

/* Карточки сравнения */
.pm-gas-comparison__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.pm-gas-comparison__decor {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 517px;
    border-radius: var(--Radius-Base-Radius-l, 24px);
    border: 2px solid #252525;
    background: rgba(255, 255, 255, 0.02);
    pointer-events: none;
}

.pm-gas-comparison__decor--left {
    margin-left: -350px;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(82,82,82,1)), color-stop(70%, rgba(82,82,82,0)));
    -webkit-mask-image: linear-gradient(to left, rgba(82,82,82,1) 0%, rgba(82,82,82,0) 70%);
    mask-image: -webkit-gradient(linear, right top, left top, from(rgba(82,82,82,1)), color-stop(70%, rgba(82,82,82,0)));
    mask-image: linear-gradient(to left, rgba(82,82,82,1) 0%, rgba(82,82,82,0) 70%);
}

.pm-gas-comparison__decor--right {
    margin-right: -350px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(82,82,82,1)), to(rgba(82,82,82,0)));
    -webkit-mask-image: linear-gradient(to right, rgba(82,82,82,1) 0%, rgba(82,82,82,0) 100%);
    mask-image: -webkit-gradient(linear, left top, right top, from(rgba(82,82,82,1)), to(rgba(82,82,82,0)));
    mask-image: linear-gradient(to right, rgba(82,82,82,1) 0%, rgba(82,82,82,0) 100%);
}

.pm-gas-comparison__card {
    border-radius: var(--radius-l, 24px);
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 517px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 768px) {
    .pm-gas-comparison__card {
        max-width: none;
    }
}

/* Карточка газогенерации */
.pm-gas-comparison__card--gas {
    background: var(--Background-Sentiment-Accent, #5369E0);
    color: #FFF;
    overflow: hidden;
}

/* Карточка электроэнергии — тёмная с бордером */
.pm-gas-comparison__card--electric {
    background: #171717;
    color: var(--content-base-primary);
    overflow: hidden;
}
.pm-gas-comparison__card--electric .pm-gas-comparison__card-row {
    background: rgba(0, 0, 0, 0.50);
}
.pm-gas-comparison__card--electric .pm-gas-comparison__card-header {
    padding: var(--spacing-20, 20px);
}

/* Заголовок карточки */
.pm-gas-comparison__card-header {
    padding: var(--spacing-20, 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    border-bottom: none;
    margin: 4px;
}
.pm-gas-comparison__card--electric .pm-gas-comparison__card-header {
    border-bottom: none;
}

.pm-gas-comparison__card-title {
    color: var(--Content-Base-Primary, #F9FAFB);
    font-size: var(--h4-fs, 24px);
    font-weight: 600;
    line-height: var(--h4-lh, 30px);
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.pm-gas-comparison__card-title svg path{
    fill: var(--static-white);
}

/* Иконка уровня */
.pm-gas-comparison__battery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.pm-gas-comparison__battery span {
    width: 8px;
    height: 24px;
    border-radius: var(--radius-full, 999px);
}

.pm-gas-comparison__battery--low span {
    background: rgba(255, 255, 255, 0.24);
}
.pm-gas-comparison__battery--low span:nth-child(1) {
    background: #FFF;
}

.pm-gas-comparison__battery--full span {
    background: #FBBF24;
}

.pm-gas-comparison__battery--mid span {
    background: rgba(255, 255, 255, 0.24);
}
.pm-gas-comparison__battery--mid span:nth-child(1),
.pm-gas-comparison__battery--mid span:nth-child(2),
.pm-gas-comparison__battery--mid span:nth-child(3) {
    background: #FBBF24;
}

/* Строки карточки */
.pm-gas-comparison__card-row {
    margin: 0 4px;
    border-radius: var(--radius-2xs, 4px);
    background: rgba(0, 0, 0, 0.16);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: var(--spacing-20, 20px) var(--spacing-16, 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    border-bottom: none;
}
.pm-gas-comparison__card-row:not(:last-child) {
    margin-bottom: 2px;
}
.pm-gas-comparison__card-row:last-child {
    margin-bottom: 4px;
}
.pm-gas-comparison__card--electric .pm-gas-comparison__card-row {
    border-bottom: none;
}

.pm-gas-comparison__row-label {
    font-size: 18px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.48);
    font-weight: 500;
}
.pm-gas-comparison__card--electric .pm-gas-comparison__row-label {
    color: var(--content-base-secondary);
    opacity: 1;
}

.pm-gas-comparison__row-value {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.pm-gas-comparison__row-value--big {
    font-size: var(--fs-40, 40px);
    font-weight: 600;
    line-height: 1.2;
}

/* Строка тарифа — больше отступ, скруглённые верхние углы */
.pm-gas-comparison__card-row--tariff {
    padding: var(--spacing-24, 24px) var(--spacing-16, 16px);
    border-radius: var(--radius-2xs, 4px);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

/* Последний ряд — скруглённые нижние углы */
.pm-gas-comparison__card-row:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

/* ========================
   ДАТА-ЦЕНТР В ПЕРМИ
======================== */
.pm-gas-datacenter {
    background: var(--bg-page, #0A0A0A);
    padding: 4px;
}

.pm-gas-datacenter__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: var(--radius-m, 16px);
    overflow: hidden;
    background: url('../img/gasMining/banner.png') center / cover no-repeat;
}


.pm-gas-datacenter__content {
    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;
    padding: 72px 55px 72px max(var(--container-padding), calc((100vw - var(--container-width)) / 2));
    min-width: 0;
    background: rgba(0, 0, 0, 0.16);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(14px);
    width: 50%;
}
@media (max-width: 768px) {
    .pm-gas-datacenter__content {
        padding: var(--spacing-24);
    }
}

.pm-gas-datacenter .pm-gas-datacenter__title {
    color: var(--Content-Base-Primary, #F9FAFB);
    font-size: var(--h1-fs, 48px);
    font-weight: 600;
    line-height: var(--h1-lh, 56px);
    letter-spacing: 0;
    margin-bottom: 16px;
}

.pm-gas-datacenter .pm-gas-datacenter__desc {
    color: var(--Content-Static-Static-white, #FFF);
    font-size: var(--h5-fs, 20px);
    font-weight: 500;
    line-height: var(--h5-lh, 24px);
    letter-spacing: 0;
    margin-bottom: 72px;
}

/* Статистики 2x2 */
.pm-gas-datacenter__stats {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 72px;
}

.pm-gas-datacenter__stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.pm-gas-datacenter__stat svg {
    margin-bottom: 8px;
}

.pm-gas-datacenter__stat-label {
    color: var(--Content-Static-Static-white, #FFF);
    font-size: var(--body-l-fs, 18px);
    font-weight: 500;
    line-height: var(--body-l-lh, 22px);
    letter-spacing: 0;
}

.pm-gas-datacenter__stat-value {
    color: var(--Content-Static-Static-white, #FFF);
    font-size: var(--h3-fs, 32px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.1875;
}

/* Кнопка */
.pm-gas-datacenter__btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-radius: var(--radius-s, 12px);
    background: var(--Control-Static-Static-primary, #FFF);
    color: var(--Content-Static-Static-black, #000);
    font-size: var(--body-l-fs, 18px);
    font-weight: 600;
    line-height: var(--body-l-lh, 22px);
    letter-spacing: 0;
    height: var(--base-size-2xl);
}
@media(any-hover: hover){
    .pm-gas-datacenter__btn:hover{
        background: rgba(255, 255, 255, 0.88);
    }
}

/* Правая часть — прозрачная, видно фон баннера */
.pm-gas-datacenter__image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
@media (max-width: 960px) {
    .pm-gas-datacenter__image {
        min-height: 300px;
    }
}

/* ========================
   ВЫБОР ГПУ ДЛЯ МАЙНИНГА
======================== */
.pm-gas-gpu-select {
    background: var(--bg-page, #0A0A0A);
}

.pm-gas-gpu__header {
    margin-bottom: 72px;
}

.pm-gas-gpu__header .pm-section-title{
    color: var(--Content-Base-Primary, #F9FAFB);
    font-family: var(--Typography-Headline-H1-fontFamily, Gilroy);
    font-size: var(--Typography-Headline-H1-fontSize, 48px);
    font-style: normal;
    font-weight: var(--Weights-SemiBold, 600);
    line-height: var(--Typography-Headline-H1-lineHeight, 56px); /* 116.667% */
    letter-spacing: var(--Typography-Headline-H1-letterSpacing, 0);
    margin-bottom: 16px;
}

.pm-gas-gpu__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--content-base-primary);
    font-size: var(--Typography-Body-L-fontSize, 18px);
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.04em;
    margin-bottom: var(--spacing-16);
}

.pm-gas-gpu__label-dot {
    width: 8px;
    height: 8px;
    background: #5369E0;
}

.pm-gas-gpu__desc {
    color: #a3a3a3;
    font-size: 18px;
    line-height: 22px;
    margin-top: var(--spacing-16);
    max-width: 41em;
    font-weight: 500;
}

/* Тело блока: аккордеон + слайдер */
.pm-gas-gpu__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 352px;
}
@media (max-width: 960px) {
    .pm-gas-gpu__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/* Аккордеон */
.pm-gas-gpu__accordion {
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 24px;
    overflow: hidden;
    width: calc((100% - 16px) / 2);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.pm-gas-gpu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    padding: var(--spacing-24);
    border-radius: var(--Radius-Base-Radius-2xs, 4px);
    background: #171717;
    margin-bottom: 4px;
}
.pm-gas-gpu__item:last-child {
    margin-bottom: 0;
}

.pm-gas-gpu__item-icon {
    width: 64px;
    height: 64px;
    padding: var(--spacing-16, 16px);
    border-radius: var(--radius-full, 999px);
    background: #262626;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.pm-gas-gpu__item-icon > svg {
    width: 32px;
    height: 32px;
}

.pm-gas-gpu__item-badge {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 32px;
    height: 32px;
    padding: var(--spacing-4, 4px);
    border-radius: var(--radius-full, 999px);
    background: #171717;
    color: #5369E0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pm-gas-gpu__item-badge svg {
    width: 24px;
    height: 24px;
}

.pm-gas-gpu__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.pm-gas-gpu__item-title {
    color: #fafafa;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.pm-gas-gpu__item-text {
    color: #a3a3a3;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
@media(max-width: 1024px){
    .pm-gas-gpu__item-text{
        font-size: 12px;
        line-height: 16px;
    }
}

/* Слайдер */
.pm-gas-gpu__slider {
    min-width: 0;
    position: relative;
    overflow-x: clip;
    overflow-y: visible;
    border-radius: 16px;
    -webkit-clip-path: inset(-9999px 0px -9999px 0px round var(--radius-l, 20px));
    clip-path: inset(-9999px 0px -9999px 0px round var(--radius-l, 20px));
    width: calc((100% - 16px) / 2);
    height: 100%;
    max-height: 352px;
}
.pm-gas-gpu__slider::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid var(--border-base-neutral, rgba(255, 255, 255, 0.12));
    border-radius: 16px;
    pointer-events: none;
    z-index: 3;
}

.pm-gas-gpu__slider .swiper-wrapper {
    height: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.pm-gas-gpu__slider .pm-gas-gpu__slide.swiper-slide {
    overflow: hidden;
    border-radius: 16px;
    -webkit-transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
    -o-transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
    -webkit-transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
    transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
    transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0.6;
    -webkit-transform: scale(0.65) translateY(26%);
    -ms-transform: scale(0.65) translateY(26%);
    transform: scale(0.65) translateY(26%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 466px;
    aspect-ratio: 466/377;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.pm-gas-gpu__slider .pm-gas-gpu__slide.swiper-slide-active {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    z-index: 4;
    overflow: visible;
}

.pm-gas-gpu__slide img {
    width: 100%;
    display: block;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.pm-gas-gpu__slider .pm-gas-gpu__slide.swiper-slide-active img {
    -webkit-transform: translateY(-17px);
    -ms-transform: translateY(-17px);
    transform: translateY(-17px);
}

.pm-gas-gpu__slider .pm-gas-gpu__slide:not(.swiper-slide-active) img {
    -webkit-transform: translateY(7%);
    -ms-transform: translateY(7%);
    transform: translateY(7%);
}

/* ========================
   ВАРИАНТЫ ГОТОВЫХ РЕШЕНИЙ
   ======================== */
.pm-gas-solutions .pm-gas-solutions__title {
    color: var(--content-base-primary);
    font-size: var(--Typography-Headline-H1-fontSize, 48px);
    font-weight: 600;
    line-height: 56px;
    margin-bottom: var(--spacing-48);
}

.pm-gas-solutions__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--spacing-32, 32px);
}
.pm-gas-solutions__navigation-container {
    display: none;
}

@media(max-width: 1700px) and (min-width: 1025px){
    .pm-gas-solutions__navigation-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.pm-page-dark .pm-popular-pagination .swiper-pagination-bullet{
    background: #262626;
    margin: 0 2px;
}

.pm-page-dark .pm-popular-pagination .swiper-pagination-bullet-active {
    background: #5369E0;
}

.pm-gas-solutions__grid {
    /* display: flex is handled by swiper-wrapper and media query below */
}

.pm-gas-solutions__card {
    width: 323px;
    min-width: 323px;
    max-width: 323px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: var(--radius-l, 24px);
    background: var(--bg-base-secondary, #111827);
    overflow: hidden;
    height: auto;
}
@media(max-width: 1380px){
    .pm-gas-solutions__card{
        width: 376px;
        min-width: 376px;
        max-width: 376px;
    }
}
@media(max-width: 600px){
    .pm-gas-solutions__card{
        border-radius: 16px;
    }
}

/* Стили Swiper */
.pm-gas-solutions__slider {
    width: 100%;
    overflow: visible;
}

@media (max-width: 1700px) {
    .pm-gas-solutions__slider {
        overflow: hidden !important;
        width: calc(100% + var(--container-padding) * 2);
        padding: 0 var(--container-padding);
        margin-left: calc(var(--container-padding) * -1);
    }
}

.pm-gas-solutions__grid.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0; /* Swiper uses margin-right for slides */
}

@media (min-width: 1701px) {
    .pm-gas-solutions__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
    }
}

/* Градиенты карточек */
.pm-gas-solutions__card:nth-child(1) {
    background: -o-linear-gradient(top, #171717 0%, #5B3C07 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#5B3C07));
    background: linear-gradient(180deg, #171717 0%, #5B3C07 100%);
}
.pm-gas-solutions__card:nth-child(2) {
    background: -o-linear-gradient(top, #171717 0%, #676767 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#676767));
    background: linear-gradient(180deg, #171717 0%, #676767 100%);
}
.pm-gas-solutions__card:nth-child(3) {
    background: -o-linear-gradient(top, #171717 0%, #826800 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#826800));
    background: linear-gradient(180deg, #171717 0%, #826800 100%);
}
.pm-gas-solutions__card:nth-child(4) {
    background: -o-linear-gradient(top, #171717 0%, #354494 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#354494));
    background: linear-gradient(180deg, #171717 0%, #354494 100%);
}
.pm-gas-solutions__card:nth-child(5) {
    background: #171717;
}

.pm-gas-solutions__card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--Spacing-Base-Spacing-20, 20px);
    margin: 4px;
}

.pm-gas-solutions__card-name {
    color: var(--content-base-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: var(--body-l-lh, 24px);
}
@media(max-width: 600px){
    .pm-gas-solutions__card-name{
        font-size: 16px;
        line-height: 20px;
    }
}

.pm-gas-solutions__card-bars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-2, 2px);
}

.pm-gas-solutions__card-bars i {
    display: block;
    width: 8px;
    height: 24px;
    border-radius: var(--radius-2xs, 4px);
    background: rgba(255, 255, 255, 0.24);
}

.pm-gas-solutions__card-bars i.active {
    background: #5369E0;
}

.pm-gas-solutions__card-income {
    padding: var(--Spacing-Base-Spacing-24, 24px) var(--Spacing-Base-Spacing-16, 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    border-radius: var(--Radius-Base-Radius-2xs, 4px);
    background: rgba(0, 0, 0, 0.50);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    margin: 0 4px 2px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.pm-gas-solutions__card-income-label {
    color: var(--Content-Base-Secondary, #9CA3AF);
    font-size: 16px;
    line-height: var(--body-s-lh, 16px);
    font-weight: 500;
}

.pm-gas-solutions__card-income-value {
    color: var(--content-base-primary);
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}
@media(max-width: 1024px){
    .pm-gas-solutions__card-income-value {
        margin-bottom: 2px;
    }
}

.pm-gas-solutions__card-income-yearly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: var(--content-base-secondary);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.pm-gas-solutions__card-income-yearly b {
    font-size: var(--Typography-Body-M-fontSize, 16px);
    font-weight: var(--Weights-SemiBold, 600);
    color: var(--Content-Base-Primary, #F9FAFB);
}

.pm-gas-solutions__card-rows {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pm-gas-solutions__card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--Spacing-Base-Spacing-20, 20px) var(--Spacing-Base-Spacing-16, 16px);
    border-radius: var(--Radius-Base-Radius-2xs, 4px);
    background: rgba(0, 0, 0, 0.50);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    margin: 0 4px 2px;
}

.pm-gas-solutions__card-row:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.pm-gas-solutions__card-row span:first-child {
    color: var(--Content-Base-Secondary, #9CA3AF);
    font-size: 14px;
    line-height: var(--body-s-lh, 16px);
    font-weight: 500;
}

.pm-gas-solutions__card-row span:last-child {
    color: var(--content-base-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.pm-gas-solutions__card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 12px 12px 16px;
}

.pm-gas-solutions__card-payback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.pm-gas-solutions__card-payback-label {
    color: #a3a3a3;
    font-size: 14px;
    line-height: var(--body-s-lh, 16px);
    font-weight: 500;
}

.pm-gas-solutions__card-payback-value {
    color: var(--content-base-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: var(--body-l-lh, 24px);
}

.pm-gas-solutions__card-btn {
    padding: var(--spacing-12, 12px) var(--spacing-24, 24px);
    border: 1px solid var(--border-base-neutral, rgba(255, 255, 255, 0.12));
    border-radius: var(--Radius-Base-Radius-s, 12px);
    background: #FFF;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: var(--body-m-lh, 20px);
    cursor: pointer;
    -webkit-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    height: var(--base-size-2xl);
    width: 147px;
}
@media(max-width: 1024px){
    .pm-gas-solutions__card-btn{
        width: 114px;
        padding: 0 15px;
    }
}
@media(max-width: 600px){
    .pm-gas-solutions__card-btn{
        font-size: 16px;
        line-height: 20px;
    }
}

.pm-gas-solutions__card-btn:hover {
    background: rgba(255, 255, 255, 0.88);
}

/* ========================
   ПРЕИМУЩЕСТВА ГПУ
   ======================== */
.pm-gas-advantages__header {
    margin-bottom: var(--spacing-48);
}

.pm-gas-advantages__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--Content-Base-Primary, #F9FAFB);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    font-weight: 600;
}

.pm-gas-advantages__label-dot {
    width: 8px;
    height: 8px;
    background: #5369E0;
}

.pm-gas-advantages .pm-gas-advantages__title {
    color: var(--content-base-primary);
    font-size: var(--Typography-Headline-H1-fontSize, 48px);
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 16px;
}

.pm-gas-advantages__desc {
    color: #a3a3a3;
    font-size: 18px;
    line-height: var(--body-l-lh, 24px);
    font-weight: 500;
}

.pm-gas-advantages__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--spacing-16, 16px);
}

.pm-gas-advantages__card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: var(--spacing-24, 24px);
    border-radius: var(--Radius-Base-Radius-l, 24px);
    background: #171717;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    min-height: 256px;
}
@media(max-width: 1024px){
    .pm-gas-advantages__card{
        border-radius: 16px;
    }
}

.pm-gas-advantages__card-icon {
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #262626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: auto;
}

.pm-gas-advantages__card-icon svg{
    width: 32px;
    height: 32px;
}

.pm-gas-advantages__card-badge {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #171717;
}

.pm-gas-advantages__card-badge svg{
    width: 24px;
    height: 24px;
}

.pm-gas-advantages__card-badge--blue svg path{
    fill:  #5369E0;
}

.pm-gas-advantages__card-title {
    color: var(--content-base-primary);
    font-size: var(--Typography-Headline-H4-fontSize, 24px);
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px;
}

.pm-gas-advantages__card-text {
    color: #a3a3a3;
    font-size: var(--Typography-Body-L-fontSize, 18px);
    line-height: 22px;
    min-height: 40px;
    font-weight: 500;
}

/* ========================
   НАШИ КЕЙСЫ
   ======================== */
.pm-gas-cases{
    overflow: hidden;
    background: #171717;
    border-radius: 16px;
    margin: 0 4px;
}

.pm-gas-cases__header {
    margin-bottom: var(--spacing-48);
}

.pm-gas-cases__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--Content-Base-Primary, #F9FAFB);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    font-weight: var(--Weights-SemiBold, 600);
}

.pm-gas-cases__label-dot {
    width: 8px;
    height: 8px;
    background: #5369E0;
}

.pm-gas-cases .pm-gas-cases__title {
    color: var(--content-base-primary);
    font-size: var(--Typography-Headline-H1-fontSize, 48px);
    font-weight: 600;
    line-height: var(--Typography-Headline-H1-lineHeight, 56px);
    margin-bottom: 72px;
}

.pm-gas-cases__slider-mobile .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 1025px) {
    .pm-gas-cases__item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 1024px) {
    .pm-gas-cases__slider-mobile {
        overflow: visible;
        width: 100%;
    }
}

.pm-gas-cases__slider {
    margin-bottom: var(--spacing-48, 48px);
}

.pm-gas-cases__slide-inner {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.pm-gas-cases__slide-inner img {
    width: 100%;
    display: block;
    aspect-ratio: 828 / 412;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 346px;
}

.pm-gas-cases__slide-city {
    position: absolute;
    top: 24px;
    left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    color: #FFF;
    font-size: var(--Typography-Headline-H4-fontSize, 24px);
    font-weight: 600;
    line-height: 30px;
    z-index: 1;
}

.pm-gas-cases__slide-city-dot {
    width: 8px;
    height: 8px;
    background: #FFF;
}

.pm-gas-cases__slide-info {
    position: absolute;
    bottom: 8px;
    left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    border-radius: 16px;
    height: 54px;
}

.pm-gas-cases__slide-info-label {
    padding: 16px;
    font-size: var(--Typography-Body-S-fontSize, 14px);
    color: #a3a3a3;
    line-height: 18px;
    border-radius: var(--Radius-Base-Radius-2xs, 4px);
    background: var(--Background-Static-Static-white, #FFF);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-right: 4px;
    font-weight:500;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media(max-width: 1024px){
    .pm-gas-cases__slide-info-label {
        width: 122px;
    }
}

.pm-gas-cases__slide-info-value {
    padding: 12px var(--Spacing-Base-Spacing-16, 16px);
    color: var(--Content-Static-Static-black, #000);
    font-size: var(--Typography-Body-M-fontSize, 16px);
    font-weight: 600;
    line-height: var(--body-m-lh, 20px);
    border-radius: var(--Radius-Base-Radius-2xs, 4px);
    background: var(--Background-Static-Static-white, #FFF);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 100%;
}

.pm-gas-cases__slide-info-bars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-2, 2px);
    margin-top: 4px;
}

.pm-gas-cases__slide-info-bars i {
    height: 3px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    border-radius: var(--radius-l, 24px);
    background: rgba(0, 0, 0, 0.16);
}

.pm-gas-cases__slide-info-bars i.active {
    background: #5369E0;
}

/* Навигация */
.pm-gas-cases__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pm-gas-cases__nav-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 16px;
}

.pm-gas-cases__nav-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--border-base-neutral, rgba(255, 255, 255, 0.12));
    background: transparent;
    color: var(--content-base-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    -o-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
}

.pm-gas-cases__nav-btn:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--content-base-primary);
}

.pm-gas-cases__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.pm-gas-cases__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.24);
    opacity: 1;
    -webkit-transition: width 0.3s ease, border-radius 0.3s ease, background 0.3s ease;
    -o-transition: width 0.3s ease, border-radius 0.3s ease, background 0.3s ease;
    transition: width 0.3s ease, border-radius 0.3s ease, background 0.3s ease;
}

.pm-gas-cases__pagination .swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 4px;
    background: #6366F1;
}

/* ========================
   ЭТАПЫ СТРОИТЕЛЬСТВА
   ======================== */
.pm-gas-stages__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.pm-gas-stages__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    position: sticky;
    top: 90px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
@media(max-width: 1024px){
    .pm-gas-stages__left{
        position: static;
    }
}

.pm-gas-stages__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--Content-Base-Primary, #F9FAFB);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    font-weight: 600;
}

.pm-gas-stages__label-dot {
    width: 8px;
    height: 8px;
    background: #5369E0;
}

.pm-gas-stages .pm-gas-stages__title {
    color: var(--Content-Base-Primary, #F9FAFB);
    font-size: var(--Typography-Headline-H1-fontSize, 48px);
    font-weight: 600;
    line-height: var(--Typography-Headline-H1-lineHeight, 56px);
    margin-bottom: var(--spacing-48);
    max-width: 11em;
}

@media (max-width: 1380px){
    .pm-gas-gpu__body{
        height: 348px;
    }
}

@media (max-width: 1330px){
    .pm-gas-gpu__body{
        height: 368px;
    }
    .pm-gas-gpu__slider{
        max-height: 368px;
    }
}
@media (max-width: 1116px){
    .pm-gas-gpu__body{
        height: 370px;
    }
    .pm-gas-gpu__slider{
        max-height: 370px;
    }
}
@media (max-width: 1102px){
    .pm-gas-gpu__body{
        height: 390px;
    }
    .pm-gas-gpu__slider{
        max-height: 390px;
    }
}
@media (max-width: 1056px){
    .pm-gas-gpu__body{
        height: 410px;
    }
    .pm-gas-gpu__slider{
        max-height: 410px;
    }
}

@media(max-width: 1024px){
    .pm-gas-gpu__header{
        margin-bottom: 0;
    }

    .pm-gas-gpu__slider{
        max-height: calc(196px + 32px);
        height: calc(196px + 32px);
        padding-top: 32px;
        overflow: hidden;
    }
    .pm-gas-gpu__slider::after{
        top: 32px;
    }

    .pm-gas-gpu__slider .pm-gas-gpu__slide.swiper-slide{
        width: 224px;
    }

    .pm-gas-gpu__slider .pm-gas-gpu__slide.swiper-slide:not(.swiper-slide-active){
        -webkit-transform: scale(0.8) translateY(12%);
        -ms-transform: scale(0.8) translateY(12%);
        transform: scale(0.8) translateY(12%);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    .pm-gas-gpu__slider .pm-gas-gpu__slide:not(.swiper-slide-active) img {
        -webkit-transform: translateY(36%);
        -ms-transform: translateY(36%);
        transform: translateY(36%);
    }

    .pm-gas-gpu__slider .pm-gas-gpu__slide.swiper-slide-active img {
        -webkit-transform: translateY(-34px);
        -ms-transform: translateY(-34px);
        transform: translateY(-34px);
    }

    .pm-gas-cases__slide-inner img {
        aspect-ratio: 380 / 256;
        min-height: 256px;
        width: 380px;
    }

    .pm-gas-cases__item.swiper-slide{
        width: 380px;
    }

    .pm-gas-stages .pm-gas-stages__title {
        max-width: 100%;
    }
}

@media (max-width: 950px){
    .pm-gas-stages .pm-gas-stages__title {
        max-width: 100%;
    }
}

@media(max-width: 600px){
    .pm-gas-cases__slide-inner img {
        aspect-ratio: 300 / 256;
        width: 300px;
    }

    .pm-gas-cases__item.swiper-slide{
        width: 300px;
    }

    .pm-gas-cases__slide-city{
        font-size: 18px;
        line-height: 22px;
    }
}

.pm-gas-stages__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-16, 16px);
}

.pm-gas-stages__cta.mobile{
    display: none;
}

.pm-gas-stages__btn {
    padding: 0 var(--Spacing-Base-Spacing-24, 24px);
    height: var(--Size-Base-Size-2xl, 56px);
    border-radius: 12px;
    border: none;
    background: #5369E0;
    color: #FFF;
    font-size: var(--Typography-Body-L-fontSize, 18px);
    font-weight: 600;
    line-height: 22px;
    cursor: pointer;
    -webkit-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
@media(max-width: 600px){
    .pm-gas-stages__btn{
        font-size: 16px;
        line-height: 20px;
    }
}

.pm-gas-stages__btn:hover {
    background: #4C60C8;
}

.pm-gas-stages__term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.pm-gas-stages__term-label {
    color: #a3a3a3;
    font-size: 14px;
    line-height: var(--body-s-lh, 16px);
    font-weight: var(--Weights-Medium, 500);
}

.pm-gas-stages__term-value {
    color: #fafafa;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;

}

.pm-gas-stages__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.pm-gas-stages__step {
    padding: 24px;
    border-radius: 4px;
    background: #171717;
    margin-bottom: 4px
}

.pm-gas-stages__step:first-child {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.pm-gas-stages__step:nth-child(5) {
    margin-bottom: 0;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
@media(max-width: 1024px){
    .pm-gas-stages__step:first-child {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .pm-gas-stages__step:nth-child(5) {
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }
}

.pm-gas-stages__step-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-12, 12px);
    margin-bottom: 24px;
}
@media(max-width: 1024px){
    .pm-gas-stages__step-header{
        margin-bottom: 16px;
    }
}

.pm-gas-stages__step-num {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--Border-Static-Static-white-subtle, rgba(255, 255, 255, 0.16));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--Content-Static-Static-white, #FFF);
    font-size: var(--Typography-Headline-H4-fontSize, 24px);
    font-weight: 600;
    line-height: var(--body-m-lh, 20px);
}

.pm-gas-stages__step-icon {
    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: var(--spacing-2, 2px);
}

.pm-gas-stages__step-icon i {
    display: block;
    width: 24px;
    height: 8px;
    border-radius: var(--radius-2xs, 4px);
    background: rgba(255, 255, 255, 0.24);
}

.pm-gas-stages__step-icon i.active {
    background: #5369E0;
}

h3.pm-gas-stages__step-title {
    color: #fafafa;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 4px;
}
@media(max-width: 1280px){
    h3.pm-gas-stages__step-title {
        font-size: 20px;
        line-height: 24px;
    }
}
@media(max-width: 1024px){
    h3.pm-gas-stages__step-title {
        font-size: 18px;
        line-height: 22px;
    }
}

p.pm-gas-stages__step-text {
    color: #a3a3a3;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
    font-weight: 500;
}
@media(max-width: 1280px){
    p.pm-gas-stages__step-text {
        font-size: 16px;
        line-height: 20px;
    }
}
@media(max-width: 1024px){
    p.pm-gas-stages__step-text {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 16px;
    }
}

.pm-gas-stages__step-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--spacing-8, 8px);
}

.pm-gas-stages__step-tag {
    padding: 4px 8px;
    border-radius: var(--Radius-Base-Radius-xs, 8px);
    background: rgba(255, 255, 255, 0.08);
    color: #fafafa;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    font-weight: 500;
}

/* ========================
   О НАС
   ======================== */
.pm-gas-about__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--spacing-48, 48px);
    margin-bottom: 32px;
}
@media(max-width: 1170px){
    .pm-gas-about__header{
        -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;
    }
}

.pm-gas-about__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--Content-Base-Primary, #F9FAFB);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    font-weight: var(--Weights-SemiBold, 600);
}

.pm-gas-about__label-dot {
    width: 8px;
    height: 8px;
    background: #5369E0;
}

.pm-gas-about .pm-gas-about__title {
    color: var(--Content-Base-Primary, #F9FAFB);
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}

.pm-gas-about__desc {
    max-width: 832px;
    width: 44%;
    color: #a3a3a3;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.pm-gas-about__banner {
    margin-left: calc(-1 * (max(var(--container-padding, 60px), (100vw - var(--container-width, 1680px)) / 2) - 4px));
    margin-right: calc(-1 * (max(var(--container-padding, 60px), (100vw - var(--container-width, 1680px)) / 2) - 4px));
    border-radius: var(--radius-m, 16px);
    overflow: hidden;
    margin-bottom: 18px;
}
@media(max-width: 991px){
    .pm-gas-about__banner {
        margin-bottom: 24px;
    }
}

.pm-gas-about__banner img {
    width: 100%;
    height: 600px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}
@media(max-width: 1170px){
    .pm-gas-about__banner img {
        height: 350px;
    }
}
@media(max-width: 991px){
    .pm-gas-about__banner img {
        height: 251px;
    }
}

.pm-gas-about__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.pm-gas-about__stat {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: var(--Spacing-Base-Spacing-20, 20px);
    border-radius: var(--Radius-Base-Radius-m, 16px);
    background: #171717;
    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;
    min-height: 256px;
}

.pm-gas-about__stat-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 8px;
}

.pm-gas-about__stat-value {
    color: #fafafa;
    font-size: 56px;
    font-weight: 600;
    line-height: 64px;
}

.pm-gas-about__stat-unit {
    color: #a3a3a3;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.pm-gas-about__stat-label {
    color: #a3a3a3;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

@media(max-width: 1640px){
    .pm-gas-advantages__grid{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .pm-gas-advantages__card{
        min-width: calc(50% - 8px);
        min-height: 228px;
    }
}

@media (max-width: 1600px) {
    .pm-gas-about__stat-value {
        font-size: 45px;
    }
}

@media(min-width: 1381px){
    .pm-gas-hero__content h1 br{
        display: none;
    }
}
@media(max-width: 1380px) and (min-width: 1025px){
    .pm-gas-hero__content .pm-subtitle br{
        display: none;
    }
}

@media (max-width: 1380px) {
    .pm-gas-hero__content h1 {
        font-size: clamp(32px, 4.375vw, var(--Typography-Display-S-fontSize, 56px));
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .pm-gas-hero__content .pm-subtitle {
        font-size: clamp(16px , 1.5625vw, var(--Typography-Headline-H5-fontSize, 20px));
        max-width: 100%;
    }

    .pm-gas-hero__content{
        border-top: unset;
        padding-top: 0;
        margin-top: 236px;
    }
    .pm-gas-hero__wrapper {
        min-height: 480px;
    }
    .pm-gas-comparison .pm-section-title {
        font-size: 32px;
    }
    .pm-gas-comparison__desc {
        font-size: 16px;
        line-height: 20px;
    }
    .pm-gas-comparison__header{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 48px;
    }
    .pm-gas-comparison__info{
        max-width: 525px;
        margin-right: calc((100% - 525px * 2 - 16px) / 2);
    }
    .pm-gas-datacenter__content {
        padding: var(--Spacing-Base-Spacing-48, 48px) 60px;
    }
    .pm-gas-datacenter .pm-gas-datacenter__title {
        font-size: var(--Typography-Headline-H3-fontSize, 32px);
        line-height: var(--Typography-Headline-H3-lineHeight, 38px);
    }
    .pm-gas-datacenter .pm-gas-datacenter__desc {
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: 20px;
        margin-bottom: 48px;
    }
    .pm-gas-datacenter__stat-label {
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: 20px;
    }
    .pm-gas-datacenter__stat-value {
        font-size: var(--Typography-Headline-H4-fontSize, 24px);
        line-height: 30px;
    }
    .pm-gas-datacenter__stats,
    .pm-gas-gpu__header,
    .pm-gas-cases .pm-gas-cases__title {
        margin-bottom: 48px;
    }
    .pm-gas-gpu__label,
    .pm-gas-advantages__label,
    .pm-gas-cases__label,
    .pm-gas-stages__label,
    .pm-gas-about__label,
    .pm-gas-about__stat-label {
        font-size: var(--Typography-Body-S-fontSize, 14px);
        line-height: 18px;
    }
    .pm-gas-about__stat-label{
        font-size: 14px;
        line-height: 18px;
    }
    .pm-gas-gpu__header .pm-section-title,
    .pm-gas-solutions .pm-gas-solutions__title,
    .pm-gas-advantages .pm-gas-advantages__title,
    .pm-gas-cases .pm-gas-cases__title,
    .pm-gas-stages .pm-gas-stages__title,
    .pm-gas-about .pm-gas-about__title {
        font-size: var(--Typography-Headline-H3-fontSize, 32px);
        line-height: var(--Typography-Headline-H3-lineHeight, 38px);
    }
    .pm-gas-gpu__desc,
    .pm-gas-advantages__desc,
    .pm-gas-about__desc {
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: var(--Typography-Body-M-lineHeight, 20px);
    }
    .pm-gas-about__desc{
        max-width: 36em;
        width: auto;
    }
    .pm-gas-gpu__item-title {
        font-size: var(--Typography-Body-L-fontSize, 18px);
        line-height: var(--Typography-Body-L-lineHeight, 22px);
    }

    .pm-gas-advantages__card{
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: calc(50% - 8px);
        min-height: 228px;
    }

    .pm-gas-advantages__card-text{
        max-width: 25em;
    }

    .pm-gas-advantages__card:nth-child(2) .pm-gas-advantages__card-text{
        max-width: 22em;
    }

    .pm-gas-stages__step{
        padding: var(--Spacing-Base-Spacing-20, 20px);
    }

    .pm-gas-stages__step-num{
        font-size: var(--Typography-Body-L-fontSize, 18px);
    }

    .pm-gas-stages__step-title{
        font-size: var(--Typography-Headline-H5-fontSize, 20px);
    }

    p.pm-gas-stages__step-text{
        font-size: var(--Typography-Caption-M-fontSize, 12px);
        line-height: 16px;
    }

    .pm-gas-about__stat{
        min-height: 196px;
    }

    .pm-gas-about__stat-value{
        font-size: 40px;
        line-height: 48px;
    }

    .pm-gas-about__stat-unit{
        font-size: var(--Typography-Body-L-fontSize, 18px);
        line-height: 22px;
    }

    .pm-gas-comparison__card{
        max-width: calc((100% - 16px) / 2);
        width: calc((100% - 16px) / 2);
    }
}

@media (max-width: 1230px){
    .pm-gas-about__stats{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .pm-gas-about__stat{
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: calc(50% - 4px);
        min-height: 128px;
    }
}

@media (max-width: 1200px){
    .pm-gas-advantages__card-text{
        max-width: 70%;
    }
}

@media(max-width: 1130px){
    .pm-gas-comparison__header{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        margin-bottom: var(--spacing-32);
    }

    .pm-gas-comparison .pm-section-title br{
        display: none;
    }

    .pm-gas-comparison__info{
        margin-right: 0;
    }
}

@media(max-width: 1170px){
    .pm-gas-about__title br{
        display: none;
    }

    .pm-gas-about__desc{
        max-width: 40em;
        font-weight: 600;
    }

    .pm-gas-about__label{
        margin-bottom: 8px;
    }
}

@media (max-width: 1024px){

    .pm-gas-catalog .pm-btn--primary.mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .pm-gas-catalog .pm-btn--primary.descktop{
        display: none;
    }
    .pm-gas-gpu__body{
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .pm-gas-gpu__accordion{
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 4px;
        border-radius: 18px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .pm-gas-gpu__item-icon{
        width: 56px;
        height: 56px;
    }

    .pm-gas-gpu__item-icon > svg,
    .pm-gas-gpu__item-badge {
        width: 24px;
        height: 24px;
    }

    .pm-gas-gpu__item{
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: var(--Spacing-Base-Spacing-16, 16px);
        border-radius: var(--Radius-Base-Radius-2xs, 4px);
        margin-bottom: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 16px;
    }

    .pm-gas-gpu__slider {
        margin: 0 auto;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .pm-gas-gpu__slider::after {
        left: 0;
        right: 0;
        width: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .pm-gas-gpu__slide {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transition: transform 0.4s ease, filter 0.4s ease, opacity 0.4s ease;
        -o-transition: transform 0.4s ease, filter 0.4s ease, opacity 0.4s ease;
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, -webkit-filter 0.4s ease;
        transition: opacity 0.4s ease, -webkit-transform 0.4s ease, -webkit-filter 0.4s ease;
        transition: transform 0.4s ease, filter 0.4s ease, opacity 0.4s ease;
        transition: transform 0.4s ease, filter 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease, -webkit-filter 0.4s ease;
    }

    .pm-gas-gpu__slide.swiper-slide-active {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 5;
    }

    .pm-gas-about__header{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px;
    }

    .pm-gas-hero__content h1{
        font-size: var(--Typography-Headline-H3-fontSize, 32px);
        line-height: var(--Typography-Headline-H3-lineHeight, 38px);
    }

    .pm-gas-hero__content .pm-subtitle{
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: var(--Typography-Body-M-lineHeight, 20px);
    }

    .pm-gas-hero__content{
        max-width: 100%;
        width: 100%;
        margin-top: 328px;
    }

    .pm-gas-hero__buttons{
        width: 100%;
    }

    .pm-gas-hero__buttons .pm-btn--secondary,
    .pm-gas-hero__buttons .pm-btn--ghost{
        width: calc(50% - 8px);
    }

    .pm-page-dark .pm-section,
    .pm-gas-hero{
        padding: var(--spacing-24) 0;
    }

    .pm-gas-hero{
        padding-top: 0;
    }

    .pm-section-title{
        font-size: var(--Typography-Headline-H4-fontSize, 24px);
    }

    .pm-section__headline-container{
        gap: var(--spacing-12);
    }

    .pm-page-dark .pm-section.pm-gas-catalog,
    .pm-page-dark .pm-section.pm-gas-comparison,
    .pm-page-dark .pm-section.pm-gas-solutions,
    .pm-page-dark .pm-section.pm-gas-advantages,
    .pm-page-dark .pm-section.pm-gas-cases{
        padding-bottom: 48px;
    }

    .pm-page-dark .pm-section.pm-gas-gpu-select,
    .pm-page-dark .pm-section.pm-gas-stages,
    .pm-section.pm-gas-catalog.pm-object-about{
        padding: 48px 0;
    }

    .pm-page-dark .pm-section.pm-gas-about{
        padding: 24px 0;
    }

    .pm-gas-comparison__info{
        text-align: left;
    }

    .pm-gas-comparison__desc,
    .pm-gas-datacenter__stat-label{
        font-size: var(--Typography-Body-S-fontSize, 14px);
        line-height: 18px;
    }

    .pm-gas-comparison__desc{
        max-width: 33em;
    }

    .pm-gas-comparison__total{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .pm-gas-comparison__total-label,
    .pm-gas-comparison__total-value {
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: 20px;
    }

    .pm-gas-comparison__card-header{
        padding: var(--Spacing-Base-Spacing-16, 16px);
    }

    .pm-gas-comparison__card-title{
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: var(--Typography-Body-M-lineHeight, 20px);
    }

    .pm-gas-comparison__row-value--big{
        font-size: var(--Typography-Headline-H4-fontSize, 24px);
    }

    .pm-gas-comparison__row-label,
    .pm-gas-comparison__row-value:not(.pm-gas-comparison__row-value--big){
        font-size: 16px;
        line-height: 20px;
    }

    .pm-gas-datacenter{
        padding: 4px;
    }

    .pm-gas-datacenter__content{
        padding: 24px var(--container-padding);
    }

    .pm-gas-datacenter .pm-gas-datacenter__title{
        font-size: var(--Typography-Headline-H4-fontSize, 24px);
        line-height: var(--Typography-Headline-H4-lineHeight, 30px);
    }

    .pm-gas-datacenter .pm-gas-datacenter__desc{
        font-size: var(--Typography-Body-S-fontSize, 14px);
        line-height: var(--Typography-Body-S-lineHeight, 18px);
        margin-bottom: 24px;
    }

    .pm-gas-datacenter__stat{
        gap: 8px;
    }

    .pm-gas-datacenter__stat-value{
        font-size: var(--Typography-Headline-H5-fontSize, 20px);
        line-height: var(--Typography-Headline-H5-lineHeight, 24px);
    }

    .pm-gas-datacenter__stats{
        gap: 32px 24px;
    }

    .pm-gas-datacenter__stats{
        margin-bottom: 24px;
    }

    .pm-gas-datacenter__btn{
        width: 100%;
        height: 56px;
    }

    .pm-gas-gpu__label,
    .pm-gas-advantages__label,
    .pm-gas-cases__label,
    .pm-gas-stages__label,
    .pm-gas-about__label,
    .pm-gas-about__stat-label{
        margin-bottom: 8px;
    }

    .pm-gas-gpu__header .pm-section-title,
    .pm-gas-advantages .pm-gas-advantages__title,
    .pm-gas-cases .pm-gas-cases__title,
    .pm-gas-stages .pm-gas-stages__title,
    .pm-gas-about .pm-gas-about__title{
        font-size: var(--Typography-Headline-H4-fontSize, 24px);
        line-height: var(--Typography-Headline-H4-lineHeight, 30px);
        margin-bottom: 8px;
    }

    .pm-gas-about .pm-gas-about__title {
        margin-bottom: 0;
    }

    .pm-gas-about__label{
        margin-bottom: 8px;
    }

    .pm-gas-stages .pm-gas-stages__title{
        margin-bottom: 0;
    }

    .pm-gas-solutions .pm-gas-solutions__title{
        font-size: var(--Typography-Headline-H4-fontSize, 24px);
        line-height: var(--Typography-Headline-H4-lineHeight, 30px);
        margin-bottom: 32px;
    }

    .pm-gas-gpu__desc,
    .pm-gas-advantages__desc,
    .pm-gas-about__desc{
        font-size: var(--Typography-Body-S-fontSize, 14px);
        line-height: var(--Typography-Body-S-lineHeight, 18px);
    }

    .pm-gas-advantages__desc{
        font-weight: 600;
    }

    .pm-gas-datacenter__stats,
    .pm-gas-cases .pm-gas-cases__title{
        margin-bottom: 32px;
    }

    .pm-gas-gpu__header{
        margin-bottom: 0;
    }

    .pm-gas-gpu__item-title{
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: var(--Typography-Body-M-lineHeight, 20px);
    }

    .pm-gas-solutions__card-income{
        padding: var(--Spacing-Base-Spacing-16, 16px);
    }

    .pm-gas-solutions__card-income-label,
    .pm-gas-solutions__card-income-yearly{
        font-size: var(--Typography-Caption-M-fontSize, 12px);
        line-height: var(--Typography-Caption-M-lineHeight, 16px);
    }

    .pm-gas-solutions__card-income-value{
        font-size: var(--Typography-Headline-H3-fontSize, 32px);
        line-height: var(--Typography-Headline-H3-lineHeight, 38px);
    }

    .pm-gas-solutions__card-row{
        padding: var(--Spacing-Base-Spacing-12, 12px) var(--Spacing-Base-Spacing-16, 16px);
    }

    .pm-gas-solutions__card-row span:first-child{
        font-size: var(--Typography-Caption-M-fontSize, 12px);
        line-height: var(--Typography-Caption-M-lineHeight, 16px);
    }

    .pm-gas-solutions__card-row span:last-child{
        font-size: var(--Typography-Body-S-fontSize, 14px);
        line-height: var(--Typography-Body-S-lineHeight, 18px);
    }

    .pm-gas-solutions__card{
        width: 256px;
        min-width: 256px;
        max-width: 256px;
    }

    .pm-gas-advantages__header{
        margin-bottom: 32px;
    }

    .pm-gas-advantages__grid{
        gap: var(--spacing-8, 8px);
    }

    .pm-gas-advantages__card{
        padding: var(--Spacing-Base-Spacing-16, 16px);
        min-height: 162px;
    }

    .pm-gas-advantages__card-icon{
        width: 48px;
        height: 48px;
    }

    .pm-gas-advantages__card-icon svg,
    .pm-gas-advantages__card-badge{
        width: 24px;
        height: 24px;
    }

    .pm-gas-advantages__card-badge svg{
        width: 16px;
        height: 16px;
    }

    .pm-gas-advantages__card-title{
        font-size: var(--Typography-Body-L-fontSize, 18px);
        line-height: var(--Typography-Body-L-lineHeight, 22px);
    }

    .pm-gas-advantages__card{
        gap: var(--spacing-8, 8px);
    }

    .pm-gas-advantages__card-text{
        font-size: var(--Typography-Body-S-fontSize, 14px);
        line-height: var(--Typography-Body-S-lineHeight, 18px);
    }

    .pm-section.pm-gas-advantages,
    .pm-section.pm-gas-cases,
    .pm-section.pm-gas-about{
        padding-bottom: 48px;
    }

    .pm-section.pm-gas-cases,
    .pm-section.pm-gas-stages{
        padding-top: 48px;
    }

    .pm-gas-cases__header{
        margin-bottom: 32px;
    }

    .pm-gas-stages__wrapper{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: var(--spacing-32, 32px);
    }

    .pm-gas-stages__left{
        width: 100%;
    }

    .pm-gas-stages__cta.desktop{
        display: none;
    }

    .pm-gas-stages__cta.mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 32px;
        -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;
    }

    .pm-gas-stages__step{
        padding: var(--Spacing-Base-Spacing-16, 16px);
    }

    .pm-gas-stages__step-title{
        font-size: var(--Typography-Body-L-fontSize, 18px);
        line-height: var(--Typography-Body-L-lineHeight, 22px);
    }

    p.pm-gas-stages__step-text{
        margin-bottom: 16px;
    }

    .pm-gas-stages__cta.mobile .pm-gas-stages__btn{
        width: 100%;
    }

    .pm-gas-stages__term{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .pm-gas-stages__term-value{
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: var(--Typography-Body-M-lineHeight, 20px);
    }

    .pm-gas-stages__term-label{
        margin-right: 4px;
        margin-bottom: 0;
        line-height: 20px;
    }

    .pm-gas-about__header{
        margin-bottom: 28px;
    }

    .pm-gas-about__stat{
        padding: var(--Spacing-Base-Spacing-16, 16px);
    }

    .pm-gas-about__stat-top{
        margin-bottom: 12px;
    }

    .pm-gas-about__stat-value{
        font-size: var(--Typography-Headline-H4-fontSize, 24px);
        line-height: var(--Typography-Headline-H4-lineHeight, 30px);
    }

    .pm-gas-about__stat-unit{
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: var(--Typography-Body-M-lineHeight, 20px);
    }

    .pm-gas-about__stat-label{
        margin-bottom: 0;
        font-size: 12px;
        line-height: 16px;
    }

    .pm-gas-gpu__body {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
    }
}

@media (max-width: 960px){
    .pm-gas-hero__wrapper {
        min-height: 400px;
    }

    .pm-gas-comparison__decor{
        display: none;
    }

    .pm-breadcrumbs-section{
        padding-top: calc(64px + 24px);
    }

    .pm-gas-hero__image{
        top: -25px;
    }

    .pm-gas-datacenter__stats{
        margin-bottom: 24px;
    }

    .pm-gas-gpu__desc{
        max-width: 100%;
        font-weight: 600;
    }

    .pm-gas-gpu__desc br{
        display: none;
    }

}

@media (max-width: 768px){
    .pm-gas-comparison .pm-section-title{
        font-size: clamp(24px, 4.1666vw, 32px);
        line-height: 1.1875;
    }

    .pm-gas-datacenter__content{
        padding: 24px;
    }
}

@media(max-width: 735px){
    .pm-gas-datacenter__banner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .pm-gas-datacenter__content{
        width: 100%;
    }

    .pm-gas-datacenter__content{
        padding: var(--Spacing-Base-Spacing-16, 16px);
    }

    .pm-gas-datacenter__stats{
        margin-bottom: 24px;
    }

    .pm-gas-datacenter__btn{
        font-size: var(--Typography-Body-M-fontSize, 16px);
        line-height: var(--Typography-Body-M-lineHeight, 20px);
    }

    .pm-gas-datacenter__image{
        min-height: 236px;
    }
}

@media (max-width: 720px){
    .pm-gas-comparison__cards{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pm-gas-comparison__card{
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 650px){
    .pm-gas-hero__content{
        gap: 12px;
    }

    .pm-gas-hero__content .pm-subtitle{
        font-size: var(--Typography-Body-S-fontSize, 14px);
        line-height: var(--Typography-Body-S-lineHeight, 18px);
    }

    .pm-gas-hero__buttons{
        margin-top: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pm-gas-hero__buttons .pm-btn--secondary,
    .pm-gas-hero__buttons .pm-btn--ghost{
        width: 100%;
    }

    .pm-popular__tab-list{
        overflow-x: auto;
    }

    .pm-gas-comparison .pm-section-title{
        font-size: var(--Typography-Headline-H4-fontSize, 24px);
        line-height: var(--Typography-Headline-H4-lineHeight, 30px);
    }

    .pm-gas-gpu__accordion{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pm-gas-solutions .pm-gas-solutions__title{
        font-size: var(--Typography-Headline-H4-fontSize, 20px);
        line-height: var(--Typography-Headline-H4-lineHeight, 26px);
    }

    .pm-gas-solutions__card-income-value{
        font-size: var(--Typography-Headline-H3-fontSize, 28px);
        line-height: var(--Typography-Headline-H3-lineHeight, 34px);
    }

    .pm-gas-advantages__card{
        width: 100%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
    .pm-gas-advantages__card:last-child{
        min-height: 144px;
    }

    .pm-gas-advantages__card-text{
        min-height: unset;
    }

    .pm-gas-about__stat-value{
        font-size: var(--Typography-Headline-H5-fontSize, 20px);
        line-height: var(--Typography-Headline-H5-lineHeight, 24px);
    }

    .pm-gas-about__stat-label{
        font-size: var(--Typography-Caption-M-fontSize, 12px);
        line-height: var(--Typography-Caption-M-lineHeight, 16px);
    }

    .pm-gas-about__stat-top{
        gap: 0 8px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media(max-width: 600px){
    .pm-gas-hero__image {
        height: 322px;
        right: -80px;
        top: 0;
    }

    .pm-gas-hero__content{
        margin-top: 242px;
        gap: 12px;
    }

    .pm-gas-hero__buttons{
        margin-top: 20px;
    }

    .pm-breadcrumbs__current{
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .pm-page-dark .pm-section.pm-gas-catalog,
    .pm-page-dark .pm-section.pm-gas-comparison,
    .pm-page-dark .pm-section.pm-gas-gpu-select,
    .pm-page-dark .pm-section.pm-gas-solutions,
    .pm-page-dark .pm-section.pm-gas-advantages,
    .pm-page-dark .pm-section.pm-gas-cases,
    .pm-page-dark .pm-section.pm-gas-stages,
    .pm-page-dark .pm-section.pm-gas-about{
        padding: 32px 0;
    }

    .pm-gas-comparison .pm-section-title{
        font-size: 24px;
        line-height: 28px;
    }

    .pm-gas-about__header{
        margin-bottom: 32px;
    }

    .pm-gas-about__banner {
        margin-bottom: 32px;
    }

    .pm-gas-about__stats{
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .pm-gas-about__stat{
        width: 100%;
    }
}

@media (max-width: 500px){
    .pm-gas-comparison__info{
        max-width: 100%;
    }

    .pm-gas-comparison__desc{
        max-width: 25em;
    }

    .pm-gas-comparison__desc br{
        display: unset;
    }
}

@media (max-width: 425px){

    .pm-gas-cases__item{
        width: 300px !important;
        -webkit-box-flex: 0;
        flex: 0 0 300px;
        -ms-flex: 0 0 300px;
    }

    .pm-gas-cases__slide-inner{
        height: 256px;
    }

    .pm-gas-cases__slide-inner img{
        aspect-ratio: 10 / 9;
    }

    .pm-gas-cases__slide-city{
        font-size: var(--Typography-Body-L-fontSize, 18px);
        line-height: var(--Typography-Body-L-lineHeight, 22px);
        top: 20px;
    }

    .pm-gas-cases__slide-info-label{
        padding: 10px 16px;
        font-size: var(--Typography-Body-S-fontSize, 14px);
        line-height: var(--Typography-Body-S-lineHeight, 18px);
        max-width: 122px;
    }

    .pm-gas-cases__slide-info-value{
        padding: 12px 16px;
    }

    .pm-section.pm-gas-cases{
        padding-bottom: 32px;
    }

    .pm-section.pm-gas-stages{
        padding-top: 32px;
    }
}

@media(max-width: 400px){
    .pm-gas-hero__content .pm-subtitle br{
        display: none;
    }
}

.pm-page-dark #goUpBtn{
    background: #262626;
}

@media(any-hover: hover){
    .pm-page-dark #goUpBtn:hover{
        opacity: var(--active);
    }
}