body.theme-light {
    background: #f0f3f5 !important;
    background-color: #f0f3f5 !important;
}

/* .line-block--gap {
   margin-top: -1px !important; 
} */

body {
    --text-color-primary: #28303f;
}

html {
    scroll-behavior: smooth
}

/* 
.navigation-block {
    box-shadow: -1px -50px 10px 0px rgb(0 0 0 / 40%);
} */

section {
    scroll-margin-top: 110px
}

.navigation-block__tab--active {
    color: #2fc6b4
}


/* Hover для навигационных табов */
.navigation-block__tab:hover {
    color: #409eef !important;
}

.theme-light .main.banner-auto {
    background: none;
}


/* Стили для слайдера - увеличенный размер */
.auto-slider__slide {
    width: 880px !important;
    min-width: 880px !important;
    max-width: 880px !important;
    margin: 0 auto !important;
    height: 450px;
    flex-shrink: 0 !important;
}

.auto-slider__track {
    display: flex !important;
    left: -825px !important;
    align-items: center !important;
    transition: transform 0.5s ease-in-out !important;
    width: max-content !important;
    position: relative !important;
}

/* Стили для точек навигации */
.auto-slider__dots,
.manual-slider__dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.auto-slider__dot,
.manual-slider__dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Block clicks on banner items with video loop */
.main-slider__item.vvideo[data-video_loop="1"].started .banners-big__item,
.main-slider__item.vvideo[data-video_loop="1"].started,
.swiper-slide-active.vvideo[data-video_loop="1"].started .banners-big__item,
.swiper-slide-active.vvideo[data-video_loop="1"].started {
    pointer-events: none !important;
    cursor: default !important;
}

.main-slider__item.vvideo[data-video_loop="1"].started .banners-big__item *,
.main-slider__item.vvideo[data-video_loop="1"].started *,
.swiper-slide-active.vvideo[data-video_loop="1"].started .banners-big__item *,
.swiper-slide-active.vvideo[data-video_loop="1"].started * {
    pointer-events: none !important;
}

.auto-slider__dot.active,
.manual-slider__dot.active {
    background: #2fc6b4;
}

.auto-slider__dot:hover,
.manual-slider__dot:hover {
    background: rgba(47, 198, 180, 0.7);
}

/* Стили для прогресс-бара */
.auto-slider__progress {
    bottom: -19px;
    width: 150px;
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    margin-top: 15px;
    overflow: hidden;
}

.auto-slider__progress-bar {
    height: 100%;
    background: #2fc6b4;
    border-radius: 2px;
    transition: width 0.3s ease;
}

/* Стили для кнопок навигации */
.auto-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    color: #333;
}

.auto-slider__nav:hover {
    background: #ffffff;
    transform: translateY(-50%) scale(1.1);
}

.auto-slider__nav--prev {
    left: 20px;
}

.auto-slider__nav--next {
    right: 20px;
}

/* Основной контейнер слайдера */
.auto-slider {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    width: 100%;
    height: 100%;
}

.auto-slider__dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    display: flex;
    gap: 8px;
    justify-content: center;
    z-index: 2
}

.auto-slider__dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #ffffff40;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.3s ease
}

.auto-slider__dots button.is-active {
    background: #fff
}

.auto-slider__dots button:hover {
    background: #ffffff80
}

/* Индикатор прогресса автослайдера */
.auto-slider__progress {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 28px;
    height: 3px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
    overflow: hidden;
    z-index: 2
}

.auto-slider__progress-bar {
    height: 100%;
    width: 0;
    background: #fff;
    opacity: 0.9;
    transform-origin: left center
}

/* Кнопки навигации */
.auto-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.8
}

.auto-slider__nav:hover {
    opacity: 1;
    background: #ffffff;
    transform: translateY(-50%) scale(1.1)
}

.auto-slider__nav:active {
    transform: translateY(-50%) scale(0.95)
}

.auto-slider__nav--prev {
    left: 10px
}

.auto-slider__nav--next {
    right: 10px
}

.auto-slider__nav svg {
    width: 20px;
    height: 20px
}

/* Ручной слайдер */
.manual-slider {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    width: 100%;
    height: 100%
}

.manual-slider__track {
    display: flex;
    will-change: transform;
    transition: transform 0.3s ease-in-out;
    gap: 20px;
    align-items: stretch
}

.manual-slider__slide {
    width: calc(25% - 15px);
    min-width: calc(25% - 15px);
    max-width: calc(25% - 15px);
    box-sizing: border-box;
    flex-shrink: 0;
    opacity: 1;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column
}

.manual-slider__slide:hover {
    opacity: 0.9;
    transform: scale(0.98)
}

.manual-slider__dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    display: flex;
    gap: 8px;
    justify-content: center;
    z-index: 2
}

.manual-slider__dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #ffffff40;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.3s ease
}

.manual-slider__dots button.is-active {
    background: #fff
}

.manual-slider__dots button:hover {
    background: #ffffff80
}

/* Кнопки навигации для ручного слайдера */
.manual-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.8
}

.manual-slider__nav:hover {
    opacity: 1;
    background: #ffffff;
    transform: translateY(-50%) scale(1.1)
}

.manual-slider__nav:active {
    transform: translateY(-50%) scale(0.95)
}

.manual-slider__nav--prev {
    left: 10px
}

.manual-slider__nav--next {
    right: 10px
}

.manual-slider__nav svg {
    width: 20px;
    height: 20px
}

/* Слайдер вакансий */
.jobs-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.jobs-slider__track {
    display: flex;
    will-change: transform;
    transition: transform 0.5s ease-in-out;
    align-items: stretch;
    gap: 20px
}

.jobs-slider__slide {
    width: calc(25% - 15px);
    min-width: calc(25% - 15px);
    max-width: calc(25% - 15px);
    box-sizing: border-box;
    flex-shrink: 0;
    opacity: 0.6;
    transform: scale(0.9);
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    display: flex;
    flex-direction: column
}

.jobs-slider__slide:nth-child(3) {
    opacity: 1;
    transform: scale(1)
}

.jobs-slider__slide:hover {
    opacity: 0.8;
    transform: scale(0.95)
}

.jobs-slider__slide:nth-child(3):hover {
    opacity: 1;
    transform: scale(1.02)
}

.jobs-slider__dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    display: flex;
    gap: 8px;
    justify-content: center;
    z-index: 2
}

.jobs-slider__dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #ffffff40;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.3s ease
}

.jobs-slider__dots button.is-active {
    background: #fff
}

.jobs-slider__dots button:hover {
    background: #ffffff80
}

/* Кнопки навигации для слайдера вакансий */
.jobs-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.8
}

.jobs-slider__nav:hover {
    opacity: 1;
    background: #ffffff;
    transform: translateY(-50%) scale(1.1)
}

.jobs-slider__nav:active {
    transform: translateY(-50%) scale(0.95)
}

.jobs-slider__nav--prev {
    left: 10px
}

.jobs-slider__nav--next {
    right: 10px
}

.jobs-slider__nav svg {
    width: 20px;
    height: 20px
}

/* Карточки вакансий */
.job-card {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease
}

.job-card__icon {
    width: 48px;
    height: 48px;
    background: #e9ecef;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    color: #6c757d
}

.page-top-info {
    margin-bottom: 40px;
    padding-top: 15px;
}

.job-card__title {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    margin: 0 0 8px 0;
    line-height: 1.3
}

.job-card__tags {
    font-size: 14px;
    color: #6c757d;
    margin: 0;
    line-height: 1.4
}

.logo {
    max-width: max-content !important;
    height: 52px !important;
}

.header-cabinet__name,
.header__icon-name {
    display: none !important;
}

.submenu-wrapper .header-menu__wide-submenu .pt {
    padding: 15px 10px 40px !important;
}

.header-menu--long .header-menu__wrapper {
    height: 90px !important;
}

.header__top-part .mega-menu .header-menu__title {
    font-size: 12.5px !important;
}

.mega-menu .header-menu__title {
    font-size: 13.5px !important;
    color: var(--white_text_black) !important;
}

.header__burger .btn.btn-lg {
    --button-height: 38px !important;
    --button-font-size: .9375rem !important;
    --button-pl: 15px !important;
    --button-pr: 15px !important;
}

.mega-menu .rounded-x {
    border-radius: 0px !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}


/* .menu-navigation__sections {padding: 30px;} */
.mega-menu .menu-navigation__sections-item-link {
    border-radius: 12px !important;
}

.banners-big__item--opacity.theme-light:before {
    background: transparent !important;
}

.theme-light .menu-navigation__sections-item-link--active {
    background: #fff !important;
    background-color: #fff !important;
}

.theme-dark .menu-navigation__sections-item-link--active {
    background: #28303f !important;
    background-color: #28303f !important;
}

.theme-dark .banners-big__buttons-item .btn-transparent-border {
    color: white !important;
}

.popup_regions .items.ext_view {
    background: transparent !important;
}

.popup_regions .items.ext_view .block.cities {
    background: transparent !important;
}

.company-box-one {
    width: 100%;
    height: 270px;
}

.license-list-inner__section-title {
    display: none;
}

.company-timeline-wrapper {
    position: relative;
}

.company-timeline-wrapper:before {
    content: "";
    position: absolute;
    width: 1200px;
    height: 600px;
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    filter: blur(120px);
    z-index: -1;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: #00ceff1a;
    transform: translate(-50%, -50%);
}

.company-box-one:hover {
    --gradient-card-blue-1-1: #00ceff00;
    --gradient-card-blue-1-2: #00ceff00;
    --gradient-card-blue-2-1: #00ceff00;
    background: radial-gradient(133.05% 112.7% at 51.64% -34.84%, var(--gradient-card-blue-1-1) 0, var(--gradient-card-blue-1-2) 50%, #001a78 100%), radial-gradient(105.06% 42.88% at 50.02% 111.91%, var(--gradient-card-blue-2-1) 0, #07080a 100%), radial-gradient(69.37% 71.59% at 47.42% -16.2%, #34384b 0, #0d0d12 100%);
    transition: --gradient-card-blue-1-1 .8s ease, --gradient-card-blue-1-2 .8s ease, --gradient-card-blue-2-1 .8s ease;
}

.company-box-two {
    width: 100%;
    height: 270px;
    border: 2px solid var(--theme-base-color);
}

.company-box-two:hover {
    --gradient-card-blue-1-1: #00ceff00;
    --gradient-card-blue-1-2: #00ceff00;
    --gradient-card-blue-2-1: #00ceff00;
    background: radial-gradient(133.05% 112.7% at 51.64% -34.84%, var(--gradient-card-blue-1-1) 0, var(--gradient-card-blue-1-2) 50%, #001a78 100%), radial-gradient(105.06% 42.88% at 50.02% 111.91%, var(--gradient-card-blue-2-1) 0, #07080a 100%), radial-gradient(69.37% 71.59% at 47.42% -16.2%, #34384b 0, #0d0d12 100%);
    transition: --gradient-card-blue-1-1 .8s ease, --gradient-card-blue-1-2 .8s ease, --gradient-card-blue-2-1 .8s ease;
}

.lx-cloud {
    top: -550px;
    width: 1980px;
    height: 600px;
    /* -webkit-backdrop-filter: blur(120px); */
    /* backdrop-filter: blur(120px); */
    filter: blur(120px);
    position: absolute;
    z-index: -1;
    left: 50%;
    border-radius: 50%;
    background: #00ceff1a;
    transform: translate(-50%);
}

.popup_regions .items .regions .item.current {
    background: var(--card_bg_black) !important;
}

.popup_regions .items .cities .item.current {
    background: var(--card_bg_black) !important;
}

.footer__divider--top {
    border-top: none !important;
}

.theme-light .banners-big__title {
    color: #28303f !important;
}

.theme-light .banners-big__text-block {
    color: #28303f !important;
}

.theme-dark .banners-big__title {
    background: linear-gradient(180deg, #ffffff, #6b778d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.theme-dark .banners-big__text-block {
    background: linear-gradient(180deg, #ffffff, #6b778d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}




.theme-dark .header-menu__item--wide.header-menu__dropdown-menu {
    margin-top: -2px !important;
}

.theme-dark .menu-navigation__sections-wrapper {
    backdrop-filter: blur(20px);
    background: rgba(7, 8, 10, .98);
    padding: 25px;
}

.theme-light .menu-navigation__sections-wrapper {
    background-color: #ffffff !important;
    background: #ffffff !important;
    padding: 25px;
}

.menu-navigation__content {
    padding-top: 30px;
}

.header-menu__dropdown-menu .dropdown-menu-inner .pt {
    padding: 0;
}

.theme-light .dropdown-menu-wrapper .dropdown-menu-inner {
    background-color: #f0f3f5;
    background: #f0f3f5;
}


.dropdown-menu-wrapper--woffset .dropdown-menu-inner {
    margin-top: -1px !important;


}

/* .theme-dark .part-with-search {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #1d1d1f3d;
    border-top: 1px solid #2828284a;
    border-bottom: 1px solid #2828284a;
} */

.bordered {
    box-shadow: none !important;
}

.grid-list .ui-card.grid-list__item .ui-card__image {
    margin-bottom: 60px;
}

.btn-lx {
    backdrop-filter: blur(20px);
    background: rgb(58 58 58 / 40%) !important;
    height: 45px;
}


.City_text__lhIvm {
    fill: white;
    transition: fill .3s ease-out;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.header-menu__dropdown-menu-inner {
    padding: 0 !important;
}

#footer {
    background: black;
}

.business-start-header {
    display: block;
    padding-bottom: 30px;
    margin: 0 150px;


}


.card-box {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #0b0d10;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: 0 24px 40px 0 rgba(0, 0, 0, .051);
    transition: transform 0.3s ease;
}

.card-index {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #0b0d10;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: 0 24px 40px 0 rgba(0, 0, 0, .051);
    transition: transform 0.3s ease;
}

.activity {
    height: 100%;
    margin: 0 60px;
    background: #060708;
    padding: 80px 0;
}

.activity .activity-header h2 {
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

.activity .activity-header p {
    width: 100%;
    font-size: 18px !important;
    text-align: center;
    color: #6e788a !important;
}

.activity-header {
    margin: 0 100px;
    padding-bottom: 60px;
}

.activity-body {
    display: flex;
    margin: 40px 110px;
}

.activity-box-one {
    width: 65%;
}

.activity-box-two {
    width: 35%;
}

.develop-desc {
    display: flex;
    gap: 30px;
}

.develop-desc-img {
    position: absolute;
    right: -34px;
    bottom: -96px;
}

.bx-case-develop {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #0b0d10;
    padding: 40px 35px;
    border-radius: 18px;
    height: 100%;
}

.bx-case-btn {
    position: absolute;
    bottom: -42px;
}

.bx-develop-one {
    flex: 1;
    padding-right: 30px;
}

.bx-store-card {
    flex: 1;
    padding-right: 30px;
    margin-top: 30px;
}

.bx-store-develop {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #0b0d10;
    padding: 40px 35px;
    border-radius: 18px;
    height: 235px;
}

.activity-box-two img {
    right: -50px;
    z-index: -1;
    bottom: -200px;
    position: absolute;
}

.company-header-case {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 20px 220px 50px;
}

.cloud-box-dev {
    padding: 40px 45px;
    position: relative;
    height: 100%;
}

.stats-counter-wrapper {
    flex: 2;
    display: flex;
    gap: 30px;
    gap: 80px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.bx-company-line {
    border-right: 1px solid #32384a59;
    padding-right: 80px;
}

.sc-text {
    text-align: center;
    color: #6e788a !important;
    font-size: 20px !important;
}

.other-my {
    margin: 0 120px;
}

.w-my-b {
    height: 366px;
    width: 100%;
}

#house .main-card-title {
    text-align: center;
    line-height: 52px;
}



.other-my .main-card-title {
    font-size: 26px;
}

.other-my-one {
    flex: 1;
    display: flex;
    gap: 30px;
    width: 100%;
    margin-bottom: 30px;
}

.other-my-two {
    flex: 1;
    display: flex;
    gap: 30px;
    width: 100%
}


/* Эффект волны при наведении */
/* .card-index::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #0054af;
    left: var(--wave-x, 25%);
    top: var(--wave-y, 25%);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
    pointer-events: none;
    z-index: 1;
} */


/* .card-index:hover::before {
    width: 10%;
    height: 10%;
    min-width: 30px;
    min-height: 30px;
    max-width: 50px;
    max-height: 50px;
} */

.card-index:hover {
    transform: translateY(-2px);
}

.card-index.flip-card:hover {
    transform: rotateY(180deg);
}

/* Эффект переворота карточки */
.flip-card-wrapper {
    perspective: 1000px;
    height: 380px;
}

.card-index.flip-card {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Все внутренние элементы не перехватывают события мыши */
.flip-card .main-card-content,
.flip-card .main-card-title,
.flip-card-front,
.flip-card-back,
.flip-card .card-image,
.flip-card .main-card-description {
    pointer-events: none;
}

.flip-card .main-card-title {
    position: relative;
    z-index: 10;
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    transition: transform 0.6s, opacity 0.6s;
    transform-style: preserve-3d;
}

.card-index.flip-card:hover .flip-card-front {
    transform: rotateY(180deg);
    opacity: 0;
}

.flip-card-back {
    opacity: 0;
    transform: rotateY(-180deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.card-index.flip-card:hover .flip-card-back {
    opacity: 1;
    transform: rotateY(0deg);
}

/* Исправляем переворот текста - применяем обратный поворот */
.flip-card-back .main-card-title,
.flip-card-back .main-card-description {
    transform: rotateY(180deg);
}

.flip-card .card-image {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 120px;
    height: auto;
    z-index: 1;
}

.flip-card .main-card-description {
    opacity: 0;
    transition: opacity 0.8s ease 0.2s;
}

.card-index.flip-card:hover .main-card-description {
    opacity: 1;
}

#footer .footer__bottom-part {
    /* background-image: linear-gradient(280deg, #171e2c, #07080b); */
    /* box-shadow: inset 0px 20px 20px 0px rgb(0 0 0 / 5%); */
    /* background-image: linear-gradient(180deg, #0e1114, #030404); */
    background: black;
    padding-bottom: 80px;
}

.theme-light .part-with-search {
    background-color: #fff;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}

.banners-big__title {
    font-size: 3.2vw !important;
    font-weight: 100;
}

.banners-big__text-block {
    font-size: 32px !important;
}

.slogan__text {
    color: #fff !important;
}

.banners-big__text--wide {
    margin-left: 120px !important;
}

.theme-light .slogan__text {
    color: #000 !important;
}

.theme-dark .header-menu__link--only-catalog {
    background: #0054af !important;
    border-color: #0e0e0e00 !important;
}

.theme-light .header-menu__link--only-catalog {
    background: #f0f3f5 !important;
    border-color: #f0f3f5 !important;
}

.theme-light .header-menu__link--only-catalog .header-menu__title {
    color: #222731 !important;
}

.theme-light .header-menu__link--only-catalog svg use {
    fill: #222731 !important;
}

.theme-dark .banners-big__item .banners-big__text-block {
    color: rgba(255, 255, 255, 0.842) !important;
}

.header__top-part.header__section--transparent {
    padding-bottom: 20px !important;
}

.header__inner--bordered {
    border-bottom: none !important;
}

.banners-big .maxwidth-banner--paddings {
    padding: 0 !important;
}

.banners-big__inner .banners-big__text {
    position: relative;
    z-index: 100;
}

.banners-big--high {
    margin-top: 0px;
    --big-banner-height: 100vh !important;
}

.banners-big__buttons-item--video {
    display: none !important;
}

.banners-big__wrapper .wrapper_video video:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Чёрный с 50% прозрачностью */
    z-index: 1;
    pointer-events: none;
    /* Чтобы клики проходили сквозь затемнение */
}


.banners-big__wrapper .outer-rounded-x {
    border-radius: 0 !important;
}

.header__top-part {
    --menu-height: 60px !important;
}



/* .theme-dark #headerfixed .header {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(7, 8, 10, .4);
} */

/* Простой анимированный бордер */
.animated-rainbow-border {
    border-radius: 50px !important;
    padding: 4px 14px;
    background: transparent;
    box-shadow: 0 0 0 2px #222731;
    animation: borderRotate 3s linear infinite;
}

@keyframes borderRotate {
    0% {
        box-shadow: 0 0 0 2px #222731;
    }

    25% {
        box-shadow: 0 0 0 2px #4a5568;
    }

    50% {
        box-shadow: 0 0 0 2px #718096;
    }

    75% {
        box-shadow: 0 0 0 2px #a0aec0;
    }

    100% {
        box-shadow: 0 0 0 2px #cbd5e0;
    }
}



/* ----------------  */
.new-detail-layout {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.new-detail-layout__left {
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.new-detail-layout__image-wrapper {
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.new-detail-layout__image {
    display: block;
    width: 100%;
    height: auto;
}

.new-detail-layout__left .catalog-detail__cart {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.new-detail-layout__left .btn {
    width: 100%;
    margin: 0 !important;
}

.new-detail-layout__left .counter-block {
    display: none !important;
}

.new-detail-layout__right {
    flex: 1;
    padding-top: 10px;
}

.new-detail-layout__right .catalog-detail__price .price__new-val {
    font-size: 32px !important;
}

catalog-detail__main-parts {
    margin: 60px 150px;
}

.new-detail-layout__right .catalog-detail__info-tc {
    margin-bottom: 0;
}

.catalog-detail__bottom-info {
    margin-top: 40px !important;
}

.detail-product-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.detail-product-layout__main {
    flex: 1;
    min-width: 60%;
}

.detail-product-layout__side {
    flex-basis: 320px;
    flex-grow: 1;
}

.content-container--white {
    background-color: #ffffff;
    background-color: var(--card_bg_black);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 24px;
}

.content-container--white:last-child {
    margin-bottom: 0;
}

.content-container--white .detail-block__title,
.content-container--white h3.detail-block__title {
    font-size: 22px !important;
    background-color: var(--card_bg_black);
    font-weight: 600 !important;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

/* Фотогалерея слайдера  */

.custom-gallery-slider-wrapper {
    position: relative;
}

.detail-product-layout__side .detail-block.services {
    display: none !important;
}

.custom-gallery-slider {
    overflow: hidden;
    padding: 0 40px 0 0;
    margin: 0 0px 0 0;
}

.custom-gallery-slide {
    padding: 0 12px;
    box-sizing: border-box;
}

.custom-gallery-slide__image-wrapper {
    position: relative;
    padding-top: 56.25%;
    background-color: #f9f9f9;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.custom-gallery-slide a:hover .custom-gallery-slide__image-wrapper {
    transform: scale(1.03);
}


.custom-gallery-slide__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-gallery-slider-prev:after,
.custom-gallery-slider-next:after {
    display: none;
}

.custom-gallery-slider-prev,
.custom-gallery-slider-next {
    width: 36px;
    height: 36px;

    color: #000;
    font-size: 25px;

    background-color: var(--theme-base-color, #f7ba0a);
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

    top: 50%;
    transform: translateY(-50%);

    transition: all 0.2s ease;
}


.custom-gallery-slider-prev:hover,
.custom-gallery-slider-next:hover {
    transform: translateY(-50%) scale(1.05);
    background-color: white;
}



.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}


@media (min-width: 992px) {
    .detail-product-layout__side {
        position: sticky;
        top: 20px;
        align-self: flex-start;
    }
}

.catalog-viewed__inner {
    padding-top: 60px !important;
}

.detail-product-layout__side .catalog-block__title {
    font-size: 22px !important;
    font-weight: 600 !important;
}

.detail-product-layout__side .services-list--buy-block-list,
.detail-product-layout__side .catalog-block__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.detail-product-layout__side .services-list__item,
.detail-product-layout__side .catalog-block__item {
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;

    background: #fff !important;
    border: 1px solid #f0f0f0;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.detail-product-layout__side .services-list__item:last-child,
.detail-product-layout__side .catalog-block__item:last-child {
    border-bottom: none;
}


.detail-block.services {
    margin-top: 40px;
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 28px 24px;
}


.info-grid__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}


.info-grid__item-icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    color: #8c8c8c;
}

.info-grid__item-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}


.info-grid__item-content {
    flex-grow: 1;
}


.info-grid__item-title {
    font-size: 13px;
    color: #8c8c8c;
    margin-bottom: 4px;
    line-height: 1.3;
}


.info-grid__item-value {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    background-color: var(--card_bg_black) !important;
}

.info-grid__item-value a {
    color: var(--theme-base-color, #f7ba0a) !important;
    text-decoration: none;
}


.info-grid__item-value a:hover {
    text-decoration: underline;
}




/* Панель управления */
.control-panel {
    display: flex;
    min-height: calc(100vh - 100px);
    background-color: transparent;
}

.control-panel__sidebar {
    width: 280px;
    background-color: transparent;
    border-right: 0px solid var(--header-delimeter-color);
    padding: 24px 0;
    overflow-y: auto;
}

.control-panel__sidebar-section {
    margin-bottom: 32px;
}

.control-panel__sidebar-section a {
    text-decoration: none !important;
}

.control-panel__sidebar-section:last-child {
    margin-bottom: 0;
}

.control-panel__sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px 0px;
    border-bottom: 1px solid var(--header-delimeter-color);
    margin-bottom: 16px;
}

.control-panel__sidebar-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    font-size: 14px;
    color: var(--white_text_black);
}

.control-panel__sidebar-title .svg {
    width: 20px;
    height: 20px;
    color: var(--white_text_black);
    margin-top: 3px;
}

.control-panel__sidebar-toggle,
.control-panel__sidebar-close {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: var(--white_text_black);
    transition: color 0.2s ease;
}

.control-panel__sidebar-toggle:hover,
.control-panel__sidebar-close:hover {
    color: var(--white_text_black);
}

.control-panel__sidebar-content {
    padding: 0 24px;
}

.control-panel__sidebar-content a {
    text-decoration: none !important;
}

.control-panel__sidebar-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 24px;
    text-decoration: none;
    color: var(--white_text_black);
    font-size: 14px;
    transition: all 0.2s ease;
    position: relative;
}

.control-panel__sidebar-item:hover {
    background-color: var(--card_bg_black);
    color: var(--white_text_black);
}

.control-panel__sidebar-item--active {
    background-color: var(--card_bg_black);
    color: var(--white_text_black);
    font-weight: 500;
}

.control-panel__sidebar-item--active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: var(--theme-base-color);
}

.control-panel__sidebar-item-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.control-panel__sidebar-section.project {
    background-color: var(--card_bg_black);
    border-radius: 12px;
    padding: 30px 0;
}

.control-panel__sidebar-item-icon .svg {
    width: 16px;
    height: 16px;
    color: currentColor;
}

.control-panel__sidebar-badge {
    background-color: var(--theme-base-color);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: auto;
}

.control-panel__main {
    flex: 1;
    padding: 32px;
    overflow-y: auto;
}

.control-panel__header {
    margin-bottom: 32px;
}

.control-panel__title {
    font-size: 32px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 24px 0;
}

.control-panel__tabs {
    display: flex;
    gap: 32px;
    border-bottom: 1px solid var(--header-delimeter-color);
}

.control-panel__tab {
    padding: 12px 0;
    text-decoration: none;
    color: var(--white_text_black);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
}

.control-panel__tab:hover {
    color: var(--white_text_black);
}

.control-panel__tab--active {
    color: var(--theme-base-color);
    border-bottom-color: var(--theme-base-color);
}

.control-panel__intro {
    display: flex;
    align-items: center;
    gap: 48px;
    margin-bottom: 48px;
    padding: 32px;
    background-color: var(--card_bg_black);
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.control-panel__intro-text {
    flex: 1;
}

.control-panel__intro-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 16px 0;
}

.control-panel__intro-description {
    font-size: 16px;
    line-height: 1.6;
    color: var(--white_text_black);
    margin: 0 0 24px 0;
}

.control-panel__btn {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-block;
}

.control-panel__btn--primary {
    background-color: var(--theme-base-color);
    color: #ffffff;
}

.control-panel__btn--primary:hover {
    background-color: var(--theme-base-color);
    opacity: 0.8;
}

.control-panel__intro-image {
    flex-shrink: 0;
}

.control-panel__server-stack {
    position: relative;
    width: 200px;
    height: 120px;
}

.control-panel__server-rack {
    position: absolute;
    width: 100%;
    height: 30px;
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e0 100%);
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.control-panel__server-rack:nth-child(1) {
    top: 0;
}

.control-panel__server-rack:nth-child(2) {
    top: 35px;
}

.control-panel__server-rack:nth-child(3) {
    top: 70px;
}

.control-panel__cloud-icon {
    position: absolute;
    top: -20px;
    right: 20px;
    color: var(--theme-base-color);
}

.control-panel__features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin-bottom: 48px;
}

.control-panel__feature {
    padding: 24px;
    background-color: var(--card_bg_black);
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 16px;
}

.control-panel__feature-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background-color: #28303f;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-base-color);
}

.control-panel__feature-icon .svg {
    width: 24px;
    height: 24px;
}

.control-panel__feature-content {
    flex: 1;
}

.control-panel__feature-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0 0 8px 0;
}

.control-panel__feature-description {
    font-size: 14px;
    line-height: 1.5;
    color: var(--white_text_black);
    margin: 0;
}

.control-panel__footer {
    display: flex;
    gap: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--header-delimeter-color);
}

.control-panel__footer-link {
    color: var(--theme-base-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s ease;
}

.control-panel__footer-link:hover {
    color: var(--theme-base-color);
    opacity: 0.8;
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .control-panel {
        flex-direction: column;
    }

    .control-panel__sidebar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--header-delimeter-color);
    }

    .control-panel__intro {
        flex-direction: column;
        text-align: center;
    }

    .control-panel__features {
        grid-template-columns: 1fr;
    }
}

/* Стили для страницы доменов */
.control-panel__actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-bottom: 32px;
}

.control-panel__action-card {
    padding: 24px;
    background-color: var(--card_bg_black);
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.control-panel__action-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.control-panel__action-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background-color: var(--theme-base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.control-panel__action-icon .svg {
    width: 24px;
    height: 24px;
}

.control-panel__action-content {
    flex: 1;
}

.control-panel__action-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0 0 4px 0;
}

.control-panel__action-description {
    font-size: 14px;
    line-height: 1.4;
    color: var(--white_text_black);
    margin: 0;
    opacity: 0.7;
}

.control-panel__domain-controls {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    align-items: center;
}

.control-panel__domain-filter {
    flex-shrink: 0;
}

.control-panel__domain-select {
    padding: 8px 12px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    color: var(--white_text_black);
    font-size: 14px;
    cursor: pointer;
}

.control-panel__domain-search {
    flex: 1;
}

.control-panel__search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.control-panel__search-wrapper .svg {
    position: absolute;
    left: 12px;
    color: var(--white_text_black);
    opacity: 0.5;
}

.control-panel__search-input {
    width: 100%;
    padding: 8px 12px 8px 36px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    color: var(--white_text_black);
    font-size: 14px;
}

.control-panel__search-input::placeholder {
    color: var(--white_text_black);
    opacity: 0.5;
}

.control-panel__domain-table {
    background-color: var(--card_bg_black);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

a {
    text-decoration: none !important;
}

.control-panel__table-header {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 80px;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid #dddddd1c;
}

.control-panel__table-header .control-panel__table-cell {
    font-weight: 600;
    font-size: 14px;
    color: var(--white_text_black);
}

.control-panel__table-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--header-delimeter-color);
    transition: background-color 0.2s ease;
}

.control-panel__table-row:hover {
    background-color: #28303f;
}

.control-panel__table-row:last-child {
    border-bottom: none;
}

.control-panel__table-cell {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--white_text_black);
    flex: 1;
}

.control-panel__table-cell:first-child {
    flex: 2;
}

.control-panel__table-cell:last-child {
    flex: 0 0 80px;
    justify-content: center;
}

.control-panel__domain-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.control-panel__domain-icon {
    width: 32px;
    height: 32px;
    background-color: #28303f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.control-panel__domain-icon .svg {
    width: 16px;
    height: 16px;
}

.control-panel__domain-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.control-panel__domain-name {
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__domain-status {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__domain-status-text {
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__domain-link {
    color: var(--theme-base-color);
    text-decoration: none;
    font-size: 14px;
    transition: opacity 0.2s ease;
}

.control-panel__domain-link:hover {
    opacity: 0.8;
}

.control-panel__domain-actions {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: var(--white_text_black);
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.control-panel__domain-actions:hover {
    opacity: 1;
}

.control-panel__domain-actions .svg {
    width: 16px;
    height: 16px;
}

.control-panel__domain-actions-wrapper {
    position: relative;
}

.control-panel__domain-menu {
    position: fixed;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 140px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.2s ease;
}

.control-panel__domain-menu--active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.control-panel__domain-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    color: var(--white_text_black);
    text-decoration: none;
    font-size: 12px;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid var(--header-delimeter-color);
}

.control-panel__domain-menu-item:last-child {
    border-bottom: none;
}

.control-panel__domain-menu-item:hover {
    background-color: #28303f;
}

.control-panel__domain-menu-item .svg {
    width: 12px;
    height: 12px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__domain-menu-item--danger {
    color: #ef4444;
}

.control-panel__domain-menu-item--danger .svg {
    color: #ef4444;
}

.control-panel__domain-menu-item--danger:hover {
    background-color: rgba(239, 68, 68, 0.1);
}

/* Стили для вкладок SSL-сертификатов и администраторов */
.control-panel__ssl-content,
.control-panel__admins-content {
    text-align: center;
    padding: 60px 20px;
}

.control-panel__ssl-title,
.control-panel__admins-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 16px 0;
}

.control-panel__ssl-description,
.control-panel__admins-description {
    font-size: 16px;
    line-height: 1.5;
    color: var(--white_text_black);
    margin: 0 0 32px 0;
    opacity: 0.7;
}

.control-panel__ssl-content .control-panel__btn,
.control-panel__admins-content .control-panel__btn {
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
}

/* Стили для страницы покупки домена */
.control-panel__domain-search-section {
    margin-bottom: 40px;
}

.control-panel__domain-search-wrapper {
    max-width: 100%;
    margin: 0 auto;
}

.control-panel__domain-search-input-group {
    display: flex;
    align-items: center;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 12px;
    padding: 16px 20px;
    gap: 20px;
}

.control-panel__domain-search-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    color: var(--white_text_black);
}

.control-panel__domain-search-input::placeholder {
    color: var(--white_text_black);
    opacity: 0.5;
}

.control-panel__domain-search-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.control-panel__domain-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.control-panel__domain-zone-label {
    background-color: var(--theme-base-color);
    color: var(--white_text_black);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.control-panel__domain-zone-price {
    font-size: 14px;
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__domain-renewal {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.7;
    white-space: nowrap;
}

.control-panel__domain-menu-btn {
    background: none;
    border: none;
    color: var(--white_text_black);
    cursor: pointer;
    padding: 8px;
    border-radius: 6px;
    transition: background-color 0.2s;
}

.control-panel__domain-menu-btn:hover {
    background-color: #28303f;
}

/* Стили для выпадающего меню стоимости продления */
.control-panel__domain-menu-wrapper {
    position: relative;
}

.control-panel__renewal-menu {
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 12px;
    padding: 20px;
    min-width: 400px;
    max-width: 500px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s ease;
}

.control-panel__renewal-menu--active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.control-panel__renewal-menu-title {
    font-size: 14px;
    line-height: 1.5;
    color: var(--white_text_black);
    margin-bottom: 16px;
    font-weight: 500;
}

.control-panel__renewal-menu-list {
    margin-bottom: 16px;
}

.control-panel__renewal-menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--header-delimeter-color);
}

.control-panel__renewal-menu-item:last-child {
    border-bottom: none;
}

.control-panel__renewal-menu-range {
    font-size: 14px;
    color: var(--white_text_black);
}

.control-panel__renewal-menu-price {
    font-size: 14px;
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__renewal-menu-notes {
    border-top: 1px solid var(--header-delimeter-color);
    padding-top: 16px;
}

.control-panel__renewal-menu-note {
    font-size: 12px;
    line-height: 1.4;
    color: var(--white_text_black);
    opacity: 0.7;
    margin-bottom: 8px;
}

.control-panel__renewal-menu-note:last-child {
    margin-bottom: 0;
}

.control-panel__domain-options {
    margin-top: 40px;
}

.control-panel__domain-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.control-panel__domain-card {
    position: relative;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.2s;
    cursor: pointer;
}

.control-panel__domain-card:hover {
    border-color: var(--theme-base-color);
    transform: translateY(-2px);
}

.control-panel__domain-card-label {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.control-panel__domain-card--profitable .control-panel__domain-card-label {
    background-color: #fbbf24;
    color: #1f2937;
}

.control-panel__domain-card--popular .control-panel__domain-card-label {
    background-color: #8b5cf6;
    color: white;
}

.control-panel__domain-card-content {
    margin-top: 24px;
}

.control-panel__domain-card-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 8px 0;
    padding-top: 10px;
}

.control-panel__domain-card-description {
    font-size: 14px;
    line-height: 1.4;
    color: var(--white_text_black);
    opacity: 0.7;
    margin: 0 0 16px 0;
}

.control-panel__domain-card-price {
    font-size: 20px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0;
}

.control-panel__domain-card-renewal {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.7;
    margin-top: 4px;
}

/* Стили для ИИ генератора */
.control-panel__ai-content {
    text-align: center;
    padding: 60px 20px;
    max-width: 600px;
    margin: 0 auto;
}

.control-panel__ai-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 16px 0;
}

.control-panel__ai-description {
    font-size: 16px;
    line-height: 1.5;
    color: var(--white_text_black);
    margin: 0 0 32px 0;
    opacity: 0.7;
}

.control-panel__ai-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.control-panel__ai-input {
    width: 100%;
    min-height: 120px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 12px;
    padding: 16px;
    font-size: 16px;
    color: var(--white_text_black);
    resize: vertical;
    outline: none;
    transition: border-color 0.2s;
}

.control-panel__ai-input:focus {
    border-color: var(--theme-base-color);
}

.control-panel__ai-input::placeholder {
    color: var(--white_text_black);
    opacity: 0.5;
}

/* Стили для страницы добавления домена */
.control-panel__add-domain-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
}

.control-panel__add-domain-form {
    background-color: transparent;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 12px;
    padding: 0;
}

.control-panel__domain-form-section {
    margin-bottom: 32px;
}

.control-panel__domain-form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.control-panel__domain-form-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0;
}

.control-panel__domain-delete-btn {
    background-color: #6b7280;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}

.control-panel__domain-delete-btn:hover {
    background-color: #ef4444;
}

.control-panel__form-group {
    margin-bottom: 24px;
}

.control-panel__form-label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    margin-bottom: 8px;
}

.control-panel__form-input {
    width: 100%;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 16px;
    color: var(--white_text_black);
    outline: none;
    transition: border-color 0.2s;
}

.control-panel__form-input:focus {
    border-color: var(--theme-base-color);
}

.control-panel__form-input::placeholder {
    color: var(--white_text_black);
    opacity: 0.5;
}

.control-panel__form-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: border-color 0.2s;
}

.control-panel__form-select:hover {
    border-color: var(--theme-base-color);
}

.control-panel__form-select-content {
    display: flex;
    align-items: center;
    gap: 12px;
}

.control-panel__form-select-text {
    font-size: 16px;
    color: var(--white_text_black);
}

.control-panel__add-another-domain {
    margin-bottom: 32px;
}

.control-panel__add-domain-link {
    color: var(--theme-base-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: opacity 0.2s;
}

.control-panel__add-domain-link:hover {
    opacity: 0.8;
}

.control-panel__form-actions {
    margin-top: 32px;
}

.control-panel__form-actions .control-panel__btn {
    width: 100%;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
}

/* Стили для инструкций */
.control-panel__add-domain-instructions {
    padding: 32px 0;
}

.control-panel__instructions-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 24px 0;
}

.control-panel__instructions-text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--white_text_black);
    margin: 0 0 32px 0;
}

.control-panel__highlight {
    color: var(--theme-base-color);
    font-weight: 500;
}

.control-panel__instruction-method {
    margin-bottom: 32px;
}

.control-panel__method-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0 0 16px 0;
}

.control-panel__ns-servers {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.control-panel__ns-server-list {
    flex: 1;
}

.control-panel__ns-server {
    font-family: 'Courier New', monospace;
    font-size: 14px;
    color: var(--white_text_black);
    margin-bottom: 4px;
}

.control-panel__ns-server:last-child {
    margin-bottom: 0;
}

.control-panel__copy-btn {
    background: none;
    border: none;
    color: var(--white_text_black);
    cursor: pointer;
    padding: 8px;
    border-radius: 6px;
    transition: background-color 0.2s;
}

.control-panel__copy-btn:hover {
    background-color: #28303f;
}

.control-panel__method-description {
    font-size: 14px;
    line-height: 1.5;
    color: var(--white_text_black);
    opacity: 0.8;
    margin: 0;
}

.control-panel__free-domain-note {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid var(--header-delimeter-color);
}

/* Стили для страницы переноса домена */
.control-panel__migration-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
}

.control-panel__migration-form {
    background-color: transparent;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 12px;
    padding: 0;
}



/* Информационный блок */
.control-panel__migration-info {
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-left: 4px solid var(--theme-base-color);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 32px;
}

.control-panel__migration-info-content {
    font-size: 14px;
    line-height: 1.5;
    color: var(--white_text_black);
    margin: 0;
}

/* Стили для формы переноса */
.control-panel__migration-form-sections {
    margin-bottom: 32px;
}

.control-panel__migration-form-section {
    margin-bottom: 32px;
}

.control-panel__migration-form-section:last-child {
    margin-bottom: 0;
}

.control-panel__migration-form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.control-panel__migration-form-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0;
}

/* Стили для инструкций */
.control-panel__migration-instructions {
    padding: 32px 0;
}

.control-panel__migration-notes {
    list-style: none;
    padding: 0;
    margin: 16px 0 0 0;
}

.control-panel__migration-notes li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--white_text_black);
    opacity: 0.8;
}

.control-panel__migration-notes li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--theme-base-color);
    font-weight: bold;
}

.control-panel__migration-notes li:last-child {
    margin-bottom: 0;
}

/* Стили для textarea */
.control-panel__form-textarea {
    width: 100%;
    min-height: 120px;
    padding: 12px 16px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--white_text_black);
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.2s;
}

.control-panel__form-textarea:focus {
    outline: none;
    border-color: var(--theme-base-color);
}

.control-panel__form-textarea::placeholder {
    color: var(--white_text_black);
    opacity: 0.5;
}

/* Стили для переключения контента */
.control-panel__migration-content {
    display: block;
}

/* Стили для страницы почты */
.control-panel__mail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.control-panel__mail-domain {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__mail-domain-label {
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__mail-domain-name {
    color: var(--white_text_black);
    font-weight: 700;
}

.control-panel__mail-configure-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    color: var(--white_text_black);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.control-panel__mail-configure-btn:hover {
    background-color: #28303f;
    border-color: var(--theme-base-color);
}

.control-panel__mail-search {
    margin-bottom: 24px;
}

/* Стили для таблицы почты */
.control-panel__mail-table {
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 12px;
    overflow: hidden;
}

.control-panel__table-cell--checkbox {
    width: 48px;
    text-align: center;
}

.control-panel__table-cell--sortable {
    cursor: pointer;
    user-select: none;
}

.control-panel__table-cell--sortable:hover {
    background-color: #28303f;
}

.control-panel__table-checkbox {
    width: 16px;
    height: 16px;
    accent-color: var(--theme-base-color);
}

/* Стили для почтовых адресов */
.control-panel__mail-address {
    font-weight: 500;
    color: var(--white_text_black);
}

.control-panel__mail-name {
    color: var(--white_text_black);
    opacity: 0.8;
}

/* Стили для прогресс-бара использования */
.control-panel__mail-usage {
    position: relative;
    width: 100%;
}

.control-panel__mail-usage-bar {
    width: 100%;
    height: 4px;
    background-color: var(--header-delimeter-color);
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

.control-panel__mail-usage-progress {
    height: 100%;
    background-color: var(--theme-base-color);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.control-panel__mail-usage-tooltip {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    color: var(--white_text_black);
    white-space: nowrap;
    display: none;
    z-index: 10;
}

.control-panel__mail-usage-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: var(--header-delimeter-color);
}

/* Стили для кнопок действий */
.control-panel__mail-actions-wrapper {
    position: relative;
}

.control-panel__mail-actions {
    width: 32px;
    height: 32px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white_text_black);
    cursor: pointer;
    transition: all 0.2s;
}

.control-panel__mail-actions:hover {
    background-color: #28303f;
    border-color: var(--theme-base-color);
    color: var(--theme-base-color);
}

/* Стили для выпадающего меню почты */
.control-panel__mail-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 8px 0;
    min-width: 140px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9999;
}

.control-panel__mail-menu--active {
    display: block;
}

.control-panel__mail-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    color: var(--white_text_black);
    text-decoration: none;
    font-size: 12px;
    transition: background-color 0.2s;
}

.control-panel__mail-menu-item:hover {
    background-color: #28303f;
}

.control-panel__mail-menu-item--danger {
    color: #ef4444;
}

.control-panel__mail-menu-item--danger:hover {
    background-color: rgba(239, 68, 68, 0.1);
}

/* Стили для страницы облачных серверов */
.control-panel__vps-tabs {
    display: flex;
    gap: 1px;
    background-color: var(--header-delimeter-color);
    border-radius: 8px;
    padding: 2px;
    margin-bottom: 32px;
    overflow-x: auto;
}

.control-panel__vps-tab {
    flex: 1;
    background-color: var(--card_bg_black);
    border: none;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
}

.control-panel__vps-tab--active {
    background-color: var(--theme-base-color);
    color: white;
}

.control-panel__vps-tab:hover:not(.control-panel__vps-tab--active) {
    background-color: #28303f;
}

.control-panel__vps-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    gap: 16px;
}

.control-panel__vps-search {
    flex: 1;
    max-width: 300px;
}

/* Стили для информации о сервере */
.control-panel__vps-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.control-panel__vps-progress {
    position: relative;
    width: 40px;
    height: 40px;
}

.control-panel__vps-progress-circle {
    position: relative;
    width: 100%;
    height: 100%;
}

.control-panel__vps-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__vps-progress-icon {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
    background-color: var(--theme-base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 8px;
}

.control-panel__vps-details {
    flex: 1;
}

.control-panel__vps-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 4px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.control-panel__vps-name:hover {
    color: var(--theme-base-color);
}

.control-panel__vps-status {
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__vps-avatar {
    position: relative;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.control-panel__vps-avatar-icon {
    width: 100%;
    height: 100%;
    background-color: #28303f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white_text_black);
}

.control-panel__vps-avatar-icon .svg {
    width: 24px;
    height: 24px;
}

.control-panel__vps-cloud-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 20px;
    height: 20px;
    background-color: #4a9eff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 10px;
    font-weight: 600;
    border: 2px solid var(--card_bg_black);
}

/* Стили для IP адреса */
.control-panel__vps-ip {
    display: flex;
    align-items: center;
    justify-content: center;
}

.control-panel__vps-flag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
}

/* Стили для диска */
.control-panel__vps-disk {
    width: 100%;
}

.control-panel__vps-disk-bar {
    width: 100%;
    height: 4px;
    background-color: var(--header-delimeter-color);
    border-radius: 2px;
    overflow: hidden;
}

.control-panel__vps-disk-progress {
    height: 100%;
    background-color: var(--theme-base-color);
    border-radius: 2px;
    transition: width 0.3s ease;
}

/* Стили для действий */
.control-panel__vps-actions-wrapper {
    position: relative;
}

.control-panel__vps-actions {
    width: 32px;
    height: 32px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white_text_black);
    cursor: pointer;
    transition: all 0.2s;
}

.control-panel__vps-actions:hover {
    background-color: #28303f;
    border-color: var(--theme-base-color);
    color: var(--theme-base-color);
}

/* Стили для выпадающего меню VPS */
.control-panel__vps-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 8px 0;
    min-width: 140px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9999;
}

.control-panel__vps-menu--active {
    display: block;
}

.control-panel__vps-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    color: var(--white_text_black);
    text-decoration: none;
    font-size: 12px;
    transition: background-color 0.2s;
}

.control-panel__vps-menu-item:hover {
    background-color: #28303f;
}

.control-panel__vps-menu-item--danger {
    color: #ef4444;
}

.control-panel__vps-menu-item--danger:hover {
    background-color: rgba(239, 68, 68, 0.1);
}

.control-panel__vps-menu-separator {
    height: 1px;
    background-color: var(--header-delimeter-color);
    margin: 4px 0;
}

/* Стили для контента вкладок */
.control-panel__ssh-content,
.control-panel__images-content,
.control-panel__licenses-content {
    text-align: center;
    padding: 60px 20px;
}

.control-panel__ssh-title,
.control-panel__images-title,
.control-panel__licenses-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 16px;
}

.control-panel__ssh-description,
.control-panel__images-description,
.control-panel__licenses-description {
    font-size: 16px;
    color: var(--white_text_black);
    opacity: 0.7;
    margin-bottom: 32px;
}

/* Стили для страницы редактирования сервера */
.control-panel__server-info {
    margin-bottom: 32px;
}

.control-panel__server-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding: 16px 20px;
    background-color: var(--card_bg_black);
    border-radius: 8px;
    border: 1px solid var(--header-delimeter-color);
}

.control-panel__server-status {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white_text_black);
    font-weight: 500;
}

.control-panel__server-status-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #10b981;
}

.control-panel__server-status-indicator--online {
    background-color: #10b981;
}

.control-panel__server-status-indicator--offline {
    background-color: #ef4444;
}

.control-panel__server-actions {
    display: flex;
    gap: 12px;
}

.control-panel__server-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.control-panel__server-card {
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 20px;
}

.control-panel__server-card h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0 0 16px 0;
}

.control-panel__server-info-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.control-panel__server-info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--header-delimeter-color);
}

.control-panel__server-info-item:last-child {
    border-bottom: none;
}

.control-panel__server-info-label {
    color: var(--white_text_black);
    opacity: 0.7;
    font-size: 14px;
}

.control-panel__server-info-value {
    color: var(--white_text_black);
    font-weight: 500;
    font-size: 14px;
}

.control-panel__server-resources {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.control-panel__resource-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.control-panel__resource-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white_text_black);
    font-size: 14px;
}

.control-panel__resource-bar {
    height: 6px;
    background-color: var(--header-delimeter-color);
    border-radius: 3px;
    overflow: hidden;
}

.control-panel__resource-progress {
    height: 100%;
    background-color: var(--theme-base-color);
    border-radius: 3px;
    transition: width 0.3s ease;
}

/* Стили для вкладок настроек */
.control-panel__settings-content,
.control-panel__monitoring-content,
.control-panel__backups-content {
    padding: 20px 0;
}

.control-panel__settings-title,
.control-panel__monitoring-title,
.control-panel__backups-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 8px;
}

.control-panel__settings-description,
.control-panel__monitoring-description,
.control-panel__backups-description {
    font-size: 16px;
    color: var(--white_text_black);
    opacity: 0.7;
    margin-bottom: 32px;
}

.control-panel__settings-form {
    max-width: 500px;
}

.control-panel__monitoring-charts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin-top: 24px;
}

.control-panel__chart-card {
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 20px;
}

.control-panel__chart-card h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0 0 16px 0;
}

.control-panel__chart-placeholder {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #28303f;
    border-radius: 6px;
    color: var(--white_text_black);
    opacity: 0.5;
    font-size: 14px;
}

.control-panel__backups-actions {
    margin-bottom: 24px;
}

.control-panel__backups-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.control-panel__backup-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
}

.control-panel__backup-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.control-panel__backup-date {
    color: var(--white_text_black);
    font-weight: 500;
    font-size: 14px;
}

.control-panel__backup-size {
    color: var(--white_text_black);
    opacity: 0.7;
    font-size: 12px;
}

.control-panel__backup-actions {
    display: flex;
    gap: 8px;
}

/* Стили для страницы создания сервера */
.control-panel__server-creation-layout {
    display: flex;
    gap: 32px;
    align-items: start;
}

/* Специфичные стили для выделенных серверов */
body .control-panel__server-creation-layout {
    display: flex !important;
    gap: 32px;
    align-items: start;
}

.control-panel__server-creation-form {
    display: flex;
    flex-direction: row;
    gap: 32px;
    flex: 1;
}

.control-panel__server-creation-form-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.control-panel__server-creation-form-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

body .control-panel__server-creation-form {
    flex: 1 !important;
}

.control-panel__creation-section {
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 24px;
}

.control-panel__creation-section-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0 0 20px 0;
}

/* Стили для выбора образа */
.control-panel__image-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.control-panel__image-tab {
    background: none;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__image-tab:hover {
    opacity: 1;
}

.control-panel__image-tab--active {
    background-color: var(--theme-base-color);
    color: white;
    opacity: 1;
}

.control-panel__image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.control-panel__image-card {
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}

.control-panel__image-card:hover {
    border-color: var(--theme-base-color);
}

.control-panel__image-card--selected {
    border-color: var(--theme-base-color);
    background-color: rgba(var(--theme-base-color-rgb), 0.1);
}

.control-panel__image-icon {
    flex-shrink: 0;
}

.control-panel__image-logo {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.control-panel__image-content {
    flex: 1;
    min-width: 0;
}

.control-panel__image-name {
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.control-panel__image-version {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.6;
}

.control-panel__image-dropdown {
    flex-shrink: 0;
    color: var(--white_text_black);
    opacity: 0.6;
}

/* Стили для поиска образов */
.control-panel__image-search {
    margin-bottom: 20px;
}

.control-panel__image-categories {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.control-panel__image-category {
    background: none;
    border: 1px solid var(--header-delimeter-color);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: var(--white_text_black);
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__image-category:hover {
    border-color: var(--theme-base-color);
}

.control-panel__image-category--active {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: white;
}

/* Стили для статистики использования */
.control-panel__image-usage {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 11px;
    color: var(--white_text_black);
    opacity: 0.7;
    background-color: #28303f;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Стили для карточки нового образа */
.control-panel__image-card--new {
    border: 2px dashed var(--header-delimeter-color);
    background-color: transparent;
    justify-content: center;
    text-align: center;
    min-height: 120px;
}

.control-panel__image-card--new:hover {
    border-color: var(--theme-base-color);
    background-color: rgba(var(--theme-base-color-rgb), 0.05);
}

.control-panel__image-logo.new-image {
    width: 48px;
    height: 48px;
    background-color: #28303f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white_text_black);
    margin-bottom: 12px;
}

.control-panel__image-card--new .control-panel__image-content {
    text-align: center;
}

.control-panel__image-card--new .control-panel__image-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.control-panel__image-card--new .control-panel__image-version {
    font-size: 13px;
    opacity: 0.7;
}

/* Стили для выбора региона */
.control-panel__region-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 12px;
}

.control-panel__region-card {
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.control-panel__region-card:hover {
    border-color: var(--theme-base-color);
}

.control-panel__region-card--selected {
    border-color: var(--theme-base-color);
    background-color: rgba(var(--theme-base-color-rgb), 0.1);
}

.control-panel__region-flag {
    font-size: 24px;
    margin-bottom: 8px;
}

.control-panel__region-latency {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.7;
    margin-bottom: 8px;
}

.control-panel__region-dot {
    width: 6px;
    height: 6px;
    background-color: #10b981;
    border-radius: 50%;
}

.control-panel__region-name {
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    margin-bottom: 4px;
}

.control-panel__region-code {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.6;
}

.control-panel__region-info {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.6;
}

/* Стили для конфигурации */
.control-panel__config-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.control-panel__config-type {
    display: flex;
    gap: 8px;
}

.control-panel__config-type-btn {
    padding: 8px 16px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__config-type-btn:hover {
    border-color: var(--theme-base-color);
}

.control-panel__config-type-btn--active {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: white;
}

.control-panel__server-count {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--white_text_black);
    font-size: 14px;
}

.control-panel__count-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.control-panel__count-btn {
    width: 24px;
    height: 24px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 4px;
    color: var(--white_text_black);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.3s ease;
}

.control-panel__count-btn:hover {
    border-color: var(--theme-base-color);
}

.control-panel__count-value {
    min-width: 20px;
    text-align: center;
    font-weight: 500;
}

.control-panel__config-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.control-panel__config-tab {
    padding: 10px 16px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.control-panel__config-tab:hover {
    border-color: var(--theme-base-color);
}

.control-panel__config-tab--active {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: white;
}

.control-panel__new-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #ef4444;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 10px;
    font-weight: 600;
}

.control-panel__config-table {
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
}

.control-panel__config-table-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
    background-color: #28303f;
    border-bottom: 1px solid var(--header-delimeter-color);
}

.control-panel__config-table-header .control-panel__config-table-cell {
    padding: 12px 16px;
    font-weight: 600;
    color: var(--white_text_black);
    font-size: 14px;
}

.control-panel__config-table-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
    border-bottom: 1px solid var(--header-delimeter-color);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.control-panel__config-table-row:last-child {
    border-bottom: none;
}

.control-panel__config-table-row:hover {
    background-color: #28303f;
}

.control-panel__config-table-row--selected {
    background-color: rgba(var(--theme-base-color-rgb), 0.1);
    border-color: var(--theme-base-color);
}

.control-panel__config-table-cell {
    padding: 16px;
    color: var(--white_text_black);
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.control-panel__config-price {
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__config-price-hour {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.6;
}

.control-panel__config-optimal {
    position: absolute;
    top: -8px;
    left: 16px;
    background-color: var(--theme-base-color);
    color: white;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 500;
}

.control-panel__show-more-btn {
    background: none;
    border: none;
    color: var(--theme-base-color);
    font-size: 14px;
    cursor: pointer;
    padding: 8px 0;
    transition: opacity 0.3s ease;
}

.control-panel__show-more-btn:hover {
    opacity: 0.8;
}

/* Стили для сети */
.control-panel__network-description,
.control-panel__services-description,
.control-panel__auth-description,
.control-panel__cloud-init-description,
.control-panel__server-info-description {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--white_text_black);
    opacity: 0.7;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.control-panel__network-configs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.control-panel__network-config {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.control-panel__network-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
}

.control-panel__network-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__network-select:hover {
    border-color: var(--theme-base-color);
}

.control-panel__network-select-content {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white_text_black);
    font-size: 14px;
}

.control-panel__network-price {
    color: var(--white_text_black);
    font-size: 14px;
    font-weight: 500;
}

/* Стили для дополнительных услуг */
.control-panel__services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.control-panel__service-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
}

.control-panel__service-icon {
    color: var(--theme-base-color);
}

.control-panel__service-content {
    flex: 1;
}

.control-panel__service-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    margin-bottom: 4px;
}

.control-panel__service-price {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__service-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.control-panel__service-btn {
    width: 24px;
    height: 24px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 4px;
    color: var(--white_text_black);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all 0.3s ease;
}

.control-panel__service-btn:hover {
    border-color: var(--theme-base-color);
}

.control-panel__service-count {
    min-width: 20px;
    text-align: center;
    font-weight: 500;
    color: var(--white_text_black);
}

/* Стили для авторизации */
.control-panel__auth-ssh {
    margin-bottom: 20px;
}

.control-panel__auth-ssh-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.control-panel__auth-ssh-header span {
    color: var(--white_text_black);
    font-size: 14px;
    font-weight: 500;
}

.control-panel__toggle {
    position: relative;
    display: inline-block;
}

.control-panel__toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.control-panel__toggle-label {
    display: block;
    width: 44px;
    height: 24px;
    background-color: var(--header-delimeter-color);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__toggle-slider {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.control-panel__toggle input:checked+.control-panel__toggle-label {
    background-color: var(--theme-base-color);
}

.control-panel__toggle input:checked+.control-panel__toggle-label .control-panel__toggle-slider {
    transform: translateX(20px);
}

.control-panel__auth-ssh-note {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.6;
}

.control-panel__ssh-keys {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.control-panel__ssh-keys-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    margin-bottom: 8px;
}

.control-panel__ssh-key-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-size: 14px;
}

.control-panel__ssh-key-item .svg {
    color: var(--theme-base-color);
}

/* Стили для Cloud-init */
.control-panel__cloud-init-editor {
    margin-bottom: 16px;
}

.control-panel__cloud-init-textarea {
    width: 100%;
    min-height: 200px;
    padding: 16px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-family: 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.control-panel__cloud-init-textarea:focus {
    outline: none;
    border-color: var(--theme-base-color);
}

.control-panel__upload-script-btn {
    padding: 10px 20px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__upload-script-btn:hover {
    border-color: var(--theme-base-color);
}

/* Стили для итоговой панели */
.control-panel__server-summary {
    position: sticky;
    top: 24px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 24px;
    height: fit-content;
    width: 320px;
    flex-shrink: 0;
}

body .control-panel__server-summary {
    width: 320px !important;
    flex-shrink: 0 !important;
}

.control-panel__summary-header {
    margin-bottom: 20px;
}

.control-panel__summary-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0;
}

.control-panel__summary-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.control-panel__summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--header-delimeter-color);
}

.control-panel__summary-item:last-child {
    border-bottom: none;
}

.control-panel__summary-label {
    color: var(--white_text_black);
    opacity: 0.7;
    font-size: 14px;
}

.control-panel__summary-value {
    color: var(--white_text_black);
    font-weight: 500;
    font-size: 14px;
}

.control-panel__summary-order {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.control-panel__order-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 24px;
    background-color: var(--theme-base-color);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__order-btn:hover {
    opacity: 0.9;
}

.control-panel__order-discount {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.6;
    text-align: center;
    line-height: 1.4;
}

/* Стили для конфигураций выделенных серверов */
.control-panel__config-description {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    color: var(--white_text_black);
    opacity: 0.7;
    font-size: 14px;
}

.control-panel__config-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.control-panel__config-count {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__config-filters {
    display: flex;
    align-items: center;
    gap: 12px;
}

.control-panel__filter-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1px solid var(--header-delimeter-color);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: var(--white_text_black);
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__filter-btn:hover {
    border-color: var(--theme-base-color);
}

.control-panel__sort-select {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: var(--white_text_black);
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__sort-select:hover {
    background-color: var(--fill_dark_lite_hover);
}

.control-panel__dedicated-configs {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}

.control-panel__dedicated-config {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background-color: var(--fill_dark_lite_hover);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__dedicated-config:hover {
    border-color: var(--theme-base-color);
}

.control-panel__dedicated-config--selected {
    border-color: var(--theme-base-color);
    background-color: rgba(var(--theme-base-color-rgb), 0.1);
}

.control-panel__dedicated-config-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.control-panel__dedicated-config-cpu-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__dedicated-config-cpu-specs {
    font-size: 13px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__dedicated-config-ram {
    font-size: 14px;
    color: var(--white_text_black);
}

.control-panel__dedicated-config-storage {
    font-size: 14px;
    color: var(--white_text_black);
    line-height: 1.4;
}

.control-panel__dedicated-config-price {
    text-align: right;
}

.control-panel__dedicated-config-price-month {
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__dedicated-config-price-hour {
    font-size: 13px;
    color: var(--white_text_black);
    opacity: 0.7;
}

@media (max-width: 1024px) {
    .control-panel__actions {
        grid-template-columns: 1fr;
    }

    .control-panel__domain-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .control-panel__table-header,
    .control-panel__table-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .control-panel__table-cell {
        padding: 4px 0;
    }

    /* Адаптивные стили для страницы добавления домена */
    .control-panel__add-domain-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .control-panel__add-domain-form {
        padding: 24px;
    }

    .control-panel__add-domain-instructions {
        padding: 0;
    }

    .control-panel__ns-servers {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .control-panel__copy-btn {
        align-self: flex-end;
    }

    /* Адаптивные стили для страницы переноса домена */
    .control-panel__migration-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .control-panel__migration-form {
        padding: 24px;
    }

    .control-panel__migration-instructions {
        padding: 0;
    }

    .control-panel__migration-methods {
        flex-direction: column;
        gap: 0;
    }

    .control-panel__migration-method {
        border-radius: 0;
    }

    .control-panel__migration-method:first-child {
        border-radius: 6px 6px 0 0;
    }

    /* Адаптивные стили для страницы почты */
    .control-panel__mail-header {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .control-panel__mail-domain {
        font-size: 16px;
    }

    .control-panel__mail-configure-btn {
        align-self: flex-end;
    }

    .control-panel__mail-actions {
        gap: 4px;
    }

    .control-panel__mail-actions {
        width: 28px;
        height: 28px;
    }

    .control-panel__mail-menu {
        min-width: 180px;
        right: -50px;
    }

    .control-panel__table-cell--checkbox {
        width: 40px;
    }

    /* Адаптивные стили для страницы облачных серверов */
    .control-panel__vps-tabs {
        flex-wrap: wrap;
        gap: 4px;
    }

    .control-panel__vps-tab {
        flex: 1 1 calc(50% - 2px);
        min-width: 120px;
        padding: 10px 12px;
        font-size: 13px;
    }

    .control-panel__vps-controls {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .control-panel__vps-search {
        max-width: none;
    }

    .control-panel__vps-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .control-panel__vps-progress {
        width: 32px;
        height: 32px;
    }

    .control-panel__vps-progress-text {
        font-size: 10px;
    }

    .control-panel__vps-progress-icon {
        width: 12px;
        height: 12px;
        font-size: 6px;
    }

    .control-panel__vps-name {
        font-size: 14px;
    }

    .control-panel__vps-status {
        font-size: 12px;
    }

    .control-panel__vps-flag {
        width: 28px;
        height: 28px;
    }

    .control-panel__vps-actions {
        width: 28px;
        height: 28px;
    }

    .control-panel__vps-menu {
        min-width: 200px;
        right: -50px;
    }

    .control-panel__ssh-content,
    .control-panel__images-content,
    .control-panel__licenses-content {
        padding: 40px 20px;
    }

    .control-panel__ssh-title,
    .control-panel__images-title,
    .control-panel__licenses-title {
        font-size: 20px;
    }

    .control-panel__ssh-description,
    .control-panel__images-description,
    .control-panel__licenses-description {
        font-size: 14px;
    }

    /* Адаптивные стили для страницы редактирования сервера */
    .control-panel__server-header {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .control-panel__server-details {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .control-panel__monitoring-charts {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .control-panel__backup-item {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .control-panel__backup-actions {
        align-self: stretch;
        justify-content: flex-end;
    }

    /* Адаптивные стили для страницы создания сервера */
    .control-panel__server-creation-layout {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .control-panel__server-creation-form {
        flex: none;
    }

    .control-panel__server-summary {
        width: 100%;
        position: static;
    }

    .control-panel__image-tabs {
        flex-wrap: wrap;
        gap: 6px;
    }

    .control-panel__image-tab {
        padding: 6px 12px;
        font-size: 13px;
    }

    .control-panel__image-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .control-panel__image-card {
        padding: 12px;
        gap: 8px;
    }

    .control-panel__image-logo {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }

    .control-panel__image-name {
        font-size: 13px;
    }

    .control-panel__image-version {
        font-size: 11px;
    }

    .control-panel__image-search {
        margin-bottom: 16px;
    }

    .control-panel__image-categories {
        gap: 6px;
        margin-bottom: 16px;
    }

    .control-panel__image-category {
        padding: 4px 8px;
        font-size: 12px;
    }

    .control-panel__image-usage {
        font-size: 10px;
        padding: 1px 4px;
    }

    .control-panel__image-card--new {
        min-height: 100px;
    }

    .control-panel__image-logo.new-image {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }

    .control-panel__image-card--new .control-panel__image-name {
        font-size: 14px;
    }

    .control-panel__image-card--new .control-panel__image-version {
        font-size: 12px;
    }

    .control-panel__region-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .control-panel__config-controls {
        flex-direction: column;
        gap: 16px;
    }

    .control-panel__config-tabs {
        flex-wrap: wrap;
        gap: 8px;
    }

    .control-panel__config-tab {
        flex: 1 1 calc(50% - 4px);
        min-width: 120px;
        padding: 8px 12px;
        font-size: 12px;
    }

    .control-panel__config-table {
        overflow-x: auto;
    }

    .control-panel__config-table-header,
    .control-panel__config-table-row {
        min-width: 600px;
    }

    .control-panel__network-configs {
        flex-direction: column;
        gap: 16px;
    }

    .control-panel__services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .control-panel__server-summary {
        position: static;
        width: 100%;
        margin-top: 24px;
    }
}

@media (max-width: 768px) {
    .control-panel__server-creation-layout {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .control-panel__server-summary {
        position: static;
        order: -1;
        margin-top: 0;
        margin-bottom: 24px;
    }

    /* Адаптивные стили для выделенных серверов */
    .control-panel__config-controls {
        flex-direction: column;
        gap: 16px;
    }

    .control-panel__config-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .control-panel__config-filters {
        flex-direction: column;
        gap: 8px;
    }

    .control-panel__dedicated-config {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .control-panel__dedicated-config-price {
        text-align: left;
        width: 100%;
    }
}

/* Компактное меню для почты */
.control-panel__mail-menu {
    min-width: 160px;
}

.control-panel__mail-menu-item {
    gap: 10px;
    padding: 6px 12px;
    font-size: 13px;
}

.control-panel__mail-menu-item .svg {
    width: 14px;
    height: 14px;
}

/* Стили для таблицы почты */
.control-panel__mail-table .control-panel__table-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--header-delimeter-color);
    font-weight: 600;
    font-size: 14px;
    color: var(--white_text_black);
}

.control-panel__mail-table .control-panel__table-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--header-delimeter-color);
    transition: background-color 0.2s ease;
}

.control-panel__mail-table .control-panel__table-row:hover {
    background-color: #28303f;
}

.control-panel__mail-table .control-panel__table-cell {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--white_text_black);
    flex: 1;
}

.control-panel__mail-table .control-panel__table-cell--checkbox {
    flex: 0 0 40px;
    justify-content: center;
}

.control-panel__mail-table .control-panel__table-cell:last-child {
    flex: 0 0 80px;
    justify-content: center;
}

/* Компактное меню для облачных и выделенных серверов */
.control-panel__vps-menu {
    min-width: 160px;
}

.control-panel__vps-menu-item {
    gap: 10px;
    padding: 6px 12px;
    font-size: 13px;
}

.control-panel__vps-menu-item .svg {
    width: 14px;
    height: 14px;
}

/* Компактное меню для сетевых дисков */
.control-panel__disk-menu {
    min-width: 160px;
}

.control-panel__disk-menu-item {
    gap: 10px;
    padding: 6px 12px;
    font-size: 13px;
}

.control-panel__disk-menu-item .svg {
    width: 14px;
    height: 14px;
}

/* Стили для раздела Хостинг */
.control-panel__hosting-layout {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 32px;
    align-items: start;
}

.control-panel__hosting-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.control-panel__hosting-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.control-panel__hosting-card {
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 12px;
    padding: 24px;
}

.control-panel__hosting-card-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0 0 20px 0;
}

.control-panel__hosting-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.control-panel__hosting-info-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.control-panel__hosting-info-label {
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
    min-width: 60px;
}

.control-panel__hosting-info-value {
    font-size: 14px;
    color: var(--white_text_black);
    font-family: monospace;
    background-color: var(--fill_dark_lite_hover);
    padding: 4px 8px;
    border-radius: 4px;
}

.control-panel__hosting-note {
    font-size: 13px;
    color: var(--white_text_black);
    opacity: 0.7;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--header-delimeter-color);
}

.control-panel__hosting-services {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.control-panel__hosting-service {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.control-panel__hosting-service-name {
    font-size: 14px;
    color: var(--white_text_black);
}

.control-panel__hosting-service-status {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #6B7280;
}

.control-panel__hosting-service-status--active {
    background-color: #10B981;
}

.control-panel__hosting-plan {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.control-panel__hosting-plan-name {
    font-size: 24px;
    font-weight: 700;
    color: var(--white_text_black);
}

.control-panel__hosting-plan-period {
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__hosting-resources {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.control-panel__hosting-resource {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.control-panel__hosting-resource-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.control-panel__hosting-resource-name {
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__hosting-resource-value {
    font-size: 14px;
    color: var(--white_text_black);
}

.control-panel__hosting-resource-bar {
    width: 100%;
    height: 6px;
    background-color: var(--fill_dark_lite_hover);
    border-radius: 3px;
    overflow: hidden;
}

.control-panel__hosting-resource-progress {
    height: 100%;
    background-color: var(--theme-base-color);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.control-panel__hosting-payment {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.control-panel__hosting-payment-amount {
    font-size: 24px;
    font-weight: 700;
    color: var(--white_text_black);
}

.control-panel__hosting-load {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.control-panel__hosting-load-tabs {
    display: flex;
    gap: 8px;
}

.control-panel__hosting-load-tab {
    background: none;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-panel__hosting-load-tab:hover {
    opacity: 1;
}

.control-panel__hosting-load-tab--active {
    background-color: var(--theme-base-color);
    color: white;
    opacity: 1;
}

.control-panel__hosting-load-value {
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__hosting-load-chart {
    height: 200px;
    background-color: var(--fill_dark_lite_hover);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.control-panel__hosting-load-chart-placeholder {
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
    text-align: center;
}

.control-panel__hosting-apps {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.control-panel__hosting-app-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background-color: var(--fill_dark_lite_hover);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    text-decoration: none;
    color: var(--white_text_black);
    transition: all 0.3s ease;
}

.control-panel__hosting-app-btn:hover {
    border-color: var(--theme-base-color);
    background-color: rgba(var(--theme-base-color-rgb), 0.1);
}

.control-panel__hosting-app-btn span {
    font-size: 14px;
    font-weight: 500;
}

/* Стили для вкладок */
.control-panel__tabs {
    display: flex;
    gap: 32px;
    border-bottom: 1px solid var(--header-delimeter-color);
    margin-bottom: 32px;
}

.control-panel__tab {
    padding: 12px 0;
    text-decoration: none;
    color: var(--white_text_black);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
}

.control-panel__tab:hover {
    color: var(--white_text_black);
}

.control-panel__tab--active {
    color: var(--theme-base-color);
    border-bottom-color: var(--theme-base-color);
}

/* Стили для страницы редактирования сервера */
.control-panel__server-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 32px;
    background-color: var(--card_bg_black);
    border-bottom: 1px solid var(--header-delimeter-color);
    margin-bottom: 0;
}

.control-panel__server-header-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.control-panel__server-icon {
    width: 48px;
    height: 48px;
    background-color: #28303f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.control-panel__server-icon .svg {
    width: 24px;
    height: 24px;
}

.control-panel__server-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.control-panel__server-name {
    font-size: 20px;
    font-weight: 600;
    color: var(--white_text_black);
}

.control-panel__server-status {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff4757;
}

.control-panel__status-dot--blocked {
    background-color: #ff4757;
}

.control-panel__server-comment {
    color: var(--white_text_black);
    opacity: 0.5;
}

.control-panel__server-header-actions {
    display: flex;
    gap: 8px;
}

.control-panel__header-btn {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: none;
    background-color: #28303f;
    color: var(--white_text_black);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.control-panel__header-btn:hover {
    background-color: #3a4552;
}

.control-panel__header-btn--active {
    background-color: var(--theme-base-color);
    color: #ffffff;
}

.control-panel__header-btn .svg {
    width: 16px;
    height: 16px;
}

.control-panel__server-nav {
    display: flex;
    gap: 32px;
    padding: 0 32px;
    border-bottom: 1px solid var(--header-delimeter-color);
    background-color: var(--card_bg_black);
}

.control-panel__server-nav-tab {
    padding: 16px 0;
    text-decoration: none;
    color: var(--white_text_black);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    opacity: 0.7;
}

.control-panel__server-nav-tab:hover {
    opacity: 1;
}

.control-panel__server-nav-tab--active {
    color: var(--theme-base-color);
    border-bottom-color: var(--theme-base-color);
    opacity: 1;
}

.control-panel__server-content {
    padding: 32px;
}

.control-panel__server-content-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 32px;
}

.control-panel__server-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.control-panel__server-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background-color: var(--card_bg_black);
    border-radius: 8px;
    border: 1px solid var(--header-delimeter-color);
}

.control-panel__server-item-icon {
    width: 40px;
    height: 40px;
    background-color: #28303f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white_text_black);
    flex-shrink: 0;
}

.control-panel__server-item-icon .svg {
    width: 20px;
    height: 20px;
}

.control-panel__server-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.control-panel__server-item-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--white_text_black);
}

.control-panel__server-item-description {
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__server-item-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}

.control-panel__server-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    background-color: #28303f;
    color: var(--white_text_black);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.control-panel__server-btn:hover {
    background-color: #3a4552;
}

.control-panel__server-btn--text {
    background: none;
    color: var(--theme-base-color);
    padding: 0;
}

.control-panel__server-btn--text:hover {
    opacity: 0.8;
}

/* Стили для переключателя */
.control-panel__toggle {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.control-panel__toggle-input {
    opacity: 0;
    width: 0;
    height: 0;
}

.control-panel__toggle-label {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #28303f;
    transition: 0.4s;
    border-radius: 24px;
}

.control-panel__toggle-slider {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.control-panel__toggle-input:checked+.control-panel__toggle-label {
    background-color: var(--theme-base-color);
}

.control-panel__toggle-input:checked+.control-panel__toggle-label .control-panel__toggle-slider {
    transform: translateX(20px);
}

/* Стили для страницы создания проекта */
.control-panel__project-create {
    max-width: 600px;
    margin: 0 auto;
    padding: 32px;
}

.control-panel__project-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.control-panel__back-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white_text_black);
    text-decoration: none;
    font-size: 14px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.control-panel__back-link:hover {
    opacity: 1;
}

.control-panel__back-link .svg {
    width: 16px;
    height: 16px;
}

.control-panel__project-title {
    font-size: 28px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0;
}

.control-panel__project-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.control-panel__project-icon-placeholder {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4a9eff 0%, #8b5cf6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.control-panel__project-icon-shapes {
    position: relative;
    width: 100%;
    height: 100%;
}

.control-panel__project-icon-shape {
    position: absolute;
    border-radius: 50%;
}

.control-panel__project-icon-shape--blue {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.3);
    top: 20px;
    left: 20px;
}

.control-panel__project-icon-shape--purple {
    width: 30px;
    height: 30px;
    background-color: rgba(139, 92, 246, 0.4);
    bottom: 25px;
    right: 25px;
}

.control-panel__project-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.control-panel__form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.control-panel__form-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
}

.control-panel__form-input {
    padding: 12px 16px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    color: var(--white_text_black);
    font-size: 14px;
    transition: border-color 0.2s ease;
}

.control-panel__form-input:focus {
    outline: none;
    border-color: var(--theme-base-color);
}

.control-panel__form-input::placeholder {
    color: var(--white_text_black);
    opacity: 0.5;
}

.control-panel__form-textarea {
    padding: 12px 16px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    color: var(--white_text_black);
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    min-height: 100px;
    transition: border-color 0.2s ease;
}

.control-panel__form-textarea:focus {
    outline: none;
    border-color: var(--theme-base-color);
}

.control-panel__form-textarea::placeholder {
    color: var(--white_text_black);
    opacity: 0.5;
}

.control-panel__form-select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    background-color: var(--card_bg_black);
    color: var(--white_text_black);
    font-size: 14px;
    outline: none;
    cursor: pointer;
    transition: border-color 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='<a href='http: //www.w3.org/2000/svg'>http://www.w3.org/2000/svg&amp;#39</a>; fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 40px;
}

.control-panel__form-select:hover {
    border-color: var(--theme-base-color);
}

.control-panel__form-select:focus {
    border-color: var(--theme-base-color);
    box-shadow: 0 0 0 2px rgba(var(--theme-base-color-rgb), 0.1);
}

.control-panel__form-select-content {
    padding: 12px 16px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: border-color 0.2s ease;
}

.control-panel__form-select-content:hover {
    border-color: var(--theme-base-color);
}

.control-panel__form-select-text {
    color: var(--white_text_black);
    font-size: 14px;
    opacity: 0.7;
}

.control-panel__form-select-content .svg {
    width: 16px;
    height: 16px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__form-actions {
    margin-top: 16px;
}

.control-panel__btn--create {
    width: 100%;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);
    border: none;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.control-panel__btn--create:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #9333ea 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

/* Адаптивные стили для страницы создания проекта */
@media (max-width: 768px) {
    .control-panel__project-create {
        padding: 16px;
    }

    .control-panel__project-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .control-panel__project-title {
        font-size: 24px;
    }

    .control-panel__project-icon-placeholder {
        width: 80px;
        height: 80px;
    }

    .control-panel__project-icon-shape--blue {
        width: 25px;
        height: 25px;
        top: 15px;
        left: 15px;
    }

    .control-panel__project-icon-shape--purple {
        width: 20px;
        height: 20px;
        bottom: 15px;
        right: 15px;
    }
}

/* Стили для сетевых дисков */
.control-panel__disk-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.control-panel__disk-search {
    flex: 1;
    max-width: 400px;
}

.control-panel__disk-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.control-panel__disk-avatar {
    position: relative;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.control-panel__disk-avatar-icon {
    width: 100%;
    height: 100%;
    background-color: #28303f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white_text_black);
}

.control-panel__disk-avatar-icon .svg {
    width: 24px;
    height: 24px;
}

.control-panel__disk-details {
    flex: 1;
}

.control-panel__disk-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 4px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.control-panel__disk-name:hover {
    color: var(--theme-base-color);
}

.control-panel__disk-status {
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__disk-size {
    font-weight: 500;
    color: var(--white_text_black);
}

.control-panel__disk-type {
    font-weight: 500;
    color: var(--theme-base-color);
}

.control-panel__disk-region {
    display: flex;
    align-items: center;
    gap: 8px;
}

.control-panel__disk-flag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
}

.control-panel__disk-actions-wrapper {
    position: relative;
}

.control-panel__disk-actions {
    width: 32px;
    height: 32px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white_text_black);
    cursor: pointer;
    transition: all 0.2s;
}

.control-panel__disk-actions:hover {
    background-color: #28303f;
    border-color: var(--theme-base-color);
    color: var(--theme-base-color);
}

.control-panel__disk-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 8px 0;
    min-width: 200px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9999;
}

.control-panel__disk-menu--active {
    display: block;
}

.control-panel__disk-menu-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    color: var(--white_text_black);
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.2s ease;
}

.control-panel__disk-menu-item:hover {
    background-color: #28303f;
}

.control-panel__disk-menu-item--danger {
    color: #ff4757;
}

.control-panel__disk-menu-item--danger:hover {
    background-color: rgba(255, 71, 87, 0.1);
}

.control-panel__disk-menu-separator {
    height: 1px;
    background-color: var(--header-delimeter-color);
    margin: 4px 0;
}

/* Стили для страницы создания диска */
.control-panel__disk-create {
    max-width: 800px;
    margin: 0 auto;
    padding: 32px;
}

.control-panel__disk-create-title {
    font-size: 28px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 32px;
}

.control-panel__disk-section {
    margin-bottom: 40px;
}

.control-panel__disk-section-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 16px;
}

.control-panel__disk-section-description {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
    line-height: 1.5;
}

.control-panel__disk-section-description .svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

.control-panel__disk-regions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.control-panel__disk-region-card {
    padding: 20px;
    background-color: var(--card_bg_black);
    border: 2px solid var(--header-delimeter-color);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.control-panel__disk-region-card:hover {
    border-color: var(--theme-base-color);
}

.control-panel__disk-region-card--selected {
    border-color: var(--theme-base-color);
    background-color: rgba(139, 92, 246, 0.1);
}

.control-panel__disk-region-card--disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.control-panel__disk-region-card--disabled:hover {
    border-color: var(--header-delimeter-color);
}

.control-panel__disk-region-flag {
    position: absolute;
    top: 16px;
    left: 16px;
}

.control-panel__disk-region-latency {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__disk-region-soon {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.5;
}

.control-panel__disk-region-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.control-panel__disk-region-dot--green {
    background-color: #4ade80;
}

.control-panel__disk-region-info {
    margin-top: 32px;
}

.control-panel__disk-region-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 4px;
}

.control-panel__disk-region-code {
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__disk-type-selector {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
}

.control-panel__disk-type-btn {
    padding: 8px 16px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.control-panel__disk-type-btn:hover {
    border-color: var(--theme-base-color);
}

.control-panel__disk-type-btn--active {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: white;
}

.control-panel__disk-performance {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 32px;
}

.control-panel__disk-performance-section {
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 20px;
}

.control-panel__disk-performance-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 16px;
}

.control-panel__disk-performance-item {
    margin-bottom: 16px;
}

.control-panel__disk-performance-item:last-child {
    margin-bottom: 0;
}

.control-panel__disk-performance-label {
    font-size: 14px;
    color: var(--white_text_black);
    margin-bottom: 4px;
}

.control-panel__disk-performance-range {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.7;
    margin-bottom: 8px;
}

.control-panel__disk-performance-bar {
    width: 100%;
    height: 4px;
    background-color: var(--header-delimeter-color);
    border-radius: 2px;
    overflow: hidden;
}

.control-panel__disk-performance-progress {
    height: 100%;
    background-color: #4ade80;
    border-radius: 2px;
    transition: width 0.3s ease;
}

.control-panel__disk-size-control {
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 20px;
}

.control-panel__disk-size-input-group {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.control-panel__disk-size-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    min-width: 80px;
}

.control-panel__disk-size-input {
    width: 100px;
    padding: 8px 12px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-size: 14px;
    text-align: center;
}

.control-panel__disk-size-input:focus {
    outline: none;
    border-color: var(--theme-base-color);
}

.control-panel__disk-size-controls {
    display: flex;
    gap: 8px;
}

.control-panel__disk-size-btn {
    width: 32px;
    height: 32px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.control-panel__disk-size-btn:hover {
    border-color: var(--theme-base-color);
    color: var(--theme-base-color);
}

.control-panel__disk-size-price {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-base-color);
    margin-left: auto;
}

.control-panel__disk-size-slider {
    width: 100%;
}

.control-panel__disk-size-range {
    width: 100%;
    height: 6px;
    background-color: var(--header-delimeter-color);
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
}

.control-panel__disk-size-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background-color: var(--theme-base-color);
    border-radius: 50%;
    cursor: pointer;
}

.control-panel__disk-size-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background-color: var(--theme-base-color);
    border-radius: 50%;
    cursor: pointer;
    border: none;
}

.control-panel__disk-form {
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
    padding: 20px;
}

.control-panel__disk-form-group {
    margin-bottom: 20px;
}

.control-panel__disk-form-group:last-child {
    margin-bottom: 0;
}

.control-panel__disk-form-label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    margin-bottom: 8px;
}

.control-panel__disk-form-input {
    width: 100%;
    padding: 12px 16px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-size: 14px;
    transition: border-color 0.2s ease;
}

.control-panel__disk-form-input:focus {
    outline: none;
    border-color: var(--theme-base-color);
}

.control-panel__disk-form-textarea {
    width: 100%;
    padding: 12px 16px;
    background-color: #28303f;
    border: 1px solid var(--header-delimeter-color);
    border-radius: 6px;
    color: var(--white_text_black);
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    min-height: 80px;
    transition: border-color 0.2s ease;
}

.control-panel__disk-form-textarea:focus {
    outline: none;
    border-color: var(--theme-base-color);
}

.control-panel__disk-form-textarea::placeholder {
    color: var(--white_text_black);
    opacity: 0.5;
}

.control-panel__disk-create-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    padding: 20px;
    background-color: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 8px;
}

.control-panel__disk-create-btn {
    padding: 12px 32px;
    background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);
    border: none;
    border-radius: 6px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.control-panel__disk-create-btn:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #9333ea 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

.control-panel__disk-create-price {
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-base-color);
}

/* Адаптивные стили для сетевых дисков */
@media (max-width: 768px) {
    .control-panel__disk-create {
        padding: 16px;
    }

    .control-panel__disk-create-title {
        font-size: 24px;
    }

    .control-panel__disk-regions {
        grid-template-columns: 1fr;
    }

    .control-panel__disk-performance {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .control-panel__disk-size-input-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .control-panel__disk-size-price {
        margin-left: 0;
    }

    .control-panel__disk-create-actions {
        flex-direction: column;
        gap: 16px;
        align-items: stretch;
    }

    .control-panel__disk-create-btn {
        width: 100%;
    }

    .control-panel__disk-create-price {
        text-align: center;
    }
}

/* Адаптивные стили для хостинга */
@media (max-width: 1024px) {
    .control-panel__hosting-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .control-panel__hosting-card {
        padding: 16px;
    }

    .control-panel__hosting-plan-name {
        font-size: 20px;
    }

    .control-panel__hosting-payment-amount {
        font-size: 20px;
    }
}

/* Блок с преимуществами */


.advantages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.advantage-card {
    background: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    text-align: center;
}

.advantage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.advantage-icon {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.advantage-icon svg {
    width: 32px;
    height: 32px;
}

.advantage-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.advantage-description {
    font-size: 16px;
    color: var(--white_text_black);
    opacity: 0.8;
    line-height: 1.6;
    margin: 0;
}

/* Специальные иконки для блока преимуществ */
.zero-ruble-icon {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.zero-icon {
    font-size: 32px;
    font-weight: 700;
    color: #6c757d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ruble-icon {
    font-size: 20px;
    font-weight: 700;
    color: #28a745;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

/* Иконка с людьми */
.people-icon {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.person {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2196f3;
    position: absolute;
}

.person-1 {
    top: 20px;
    left: 20px;
}

.person-2 {
    top: 25px;
    left: 35px;
    background: #1976d2;
}

.refresh-arrow {
    width: 16px;
    height: 16px;
    border: 2px solid #28a745;
    border-radius: 50%;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.refresh-arrow::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-top: 2px solid #28a745;
    border-right: 2px solid #28a745;
    border-radius: 50%;
    transform: rotate(45deg);
}

/* Адаптивность */
@media (max-width: 1024px) {
    .advantages-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .advantages-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .advantage-card {
        padding: 25px;
    }

    .advantage-title {
        font-size: 18px;
    }

    .advantage-description {
        font-size: 14px;
    }

    .zero-ruble-icon,
    .people-icon {
        width: 60px;
        height: 60px;
    }

    .zero-icon {
        font-size: 24px;
    }

    .ruble-icon {
        font-size: 16px;
        bottom: 10px;
        right: 10px;
    }

    .person {
        width: 16px;
        height: 16px;
    }

    .person-1 {
        top: 15px;
        left: 15px;
    }

    .person-2 {
        top: 20px;
        left: 28px;
    }

    .refresh-arrow {
        width: 12px;
        height: 12px;
        bottom: 10px;
        right: 10px;
    }

    .refresh-arrow::before {
        width: 6px;
        height: 6px;
        top: 1px;
        left: 1px;
    }
}

/* Блок с шагами регистрации */


.btn.btn-default {
    color: black !important;
}

.registration-steps-layout {
    display: grid;
    grid-template-columns: 1fr 520px;
    gap: 60px;
    align-items: start;
}

.header-cart__count,
.icon-count {
    color: black !important;
}

.slider-box-container {
    --theme-page-width: 870px;
    border-radius: 50px;
    padding: 8px;
    box-shadow: 0 24px 40px 0 rgba(0, 0, 0, .051);
    background-color: var(--card_bg_black);
    display: flex;
    align-items: center;

}

.main.banner-auto .col-md-12 {
    padding: 0 !important;
}


.other-possibilities-title {
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 60px;
}

.other-possibilities-layout {
    display: flex;
    gap: 40px;
    align-items: stretch;
}

section {
    padding: 60px 0 0 0;
}

.other-possibilities-main-card {
    flex: 0 0 60%;
    background: linear-gradient(135deg, #2fc7f7 0%, #409eef 100%);
    border-radius: 24px;
    padding: 60px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.other-possibilities-side-cards {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.card-index-slide {
    background: #f0f3f5;
}

.card-index-slide {
    height: 450px;
}

.main-card-content {
    position: relative;
    z-index: 2;
    isolation: isolate;
    padding: 10px 15px;
}

.bg-hover-lx:hover {
    background: radial-gradient(79.33% 66.69% at 50% -5.69%, #0072ff14 0, #28303f26 67.42%), radial-gradient(100.04% 100% at 50% 0, #28303f26 25.82% 25.82%, #28303f26 65%, #28303f26 100%), #0b122700;
}

.main-card-title {
    font-family: "Golos Text", Arial, sans-serif;
    font-size: 19px;
    color: white;
    margin-bottom: 20px;
    line-height: 1.2;
    position: relative;
    z-index: 3;
}

.main-card-description {
    font-size: 16px;
    color: #6e788a !important;
    margin-bottom: 20px;
    font-weight: 200;
    line-height: 1.5;
    position: relative;
    z-index: 3;
    transition: color 0.3s ease;
}


#footer {
    position: relative;
    z-index: 2;
}


.main-card-btn {
    display: inline-block;
    background-color: #20B2AA;
    color: white;
    padding: 16px 32px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid white;
}

.main-card-btn:hover {
    background-color: white;
    color: #20B2AA;
    text-decoration: none;
}

/* Визуальные элементы большой карточки */
.main-card-visual {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.app-cards {
    display: flex;
    gap: 20px;
    transform: perspective(1000px) rotateY(-15deg) rotateX(10deg);
}

.app-card {
    width: 80px;
    height: 120px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transform: translateZ(20px);
}

.app-card-1 {
    transform: translateZ(20px) translateY(-10px);
}

.app-card-2 {
    transform: translateZ(40px) translateY(-20px);
}

.app-card-3 {
    transform: translateZ(60px) translateY(-30px);
}

.app-card-icon {
    font-size: 24px;
}

/* Карточки справа */
.other-possibilities-side-cards {
    display: flex;
    flex-direction: column;
    gap: 30px;
}



.side-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}


.side-card-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--white_text_black);
    margin-bottom: 12px;
    line-height: 1.3;
    font-family: 'Golos Text', Arial, sans-serif;
}

.side-card-description {
    font-size: 14px;
    color: var(--white_text_black);
    opacity: 0.7;
    line-height: 1.5;
}

.side-card-visual {
    height: 60px;
    position: relative;
}

.side-card-link {
    position: relative;
    top: 5px;
    right: 0px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.side-card-link:hover {
    background: #f5f5f5;
    transform: scale(1.1);
    text-decoration: none;
}

/* 3D элементы для карточек */
.control-panel-3d {
    position: relative;
    height: 100%;
}

.panel-sliders {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.slider {
    width: 60px;
    height: 8px;
    background: #20B2AA;
    border-radius: 4px;
    margin-bottom: 15px;
}

.data-wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(90deg, transparent 0%, #20B2AA 50%, transparent 100%);
    border-radius: 20px;
    opacity: 0.3;
}

.coins-stack-3d {
    position: relative;
    height: 100%;
}

.coin-stack {
    position: absolute;
    right: 80px;
}

.coin-stack-1 {
    bottom: 25px;
}

.coin-stack-2 {
    bottom: 40px;
    right: 40px;
}

.coin {
    position: absolute;
    width: 100px;
    height: 30px;
    border-radius: 50px;
    background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);
    border: 2px solid #FFC107;
    z-index: 9;
    color: black;
    font-size: 12px;
    padding: 1px 8px;
    right: -80px;
}

.money-flow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(90deg, transparent 0%, #20B2AA 50%, transparent 100%);
    border-radius: 10px;
    opacity: 0.4;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .other-possibilities-layout {
        flex-direction: column;
        gap: 30px;
    }

    .other-possibilities-main-card {
        padding: 40px;
        min-height: 300px;
    }

    .main-card-title {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .other-possibilities-title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .other-possibilities-main-card {
        padding: 30px;
    }

    .main-card-title {
        font-size: 24px;
    }

    .main-card-description {
        font-size: 16px;
    }

    .side-card {
        padding: 30px;
    }

    .side-card-title {
        font-size: 18px;
    }
}

.useful-info-title {
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    color: var(--white_text_black);
    margin-bottom: 60px;
}

.useful-info-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.useful-card {
    background-color: var(--card_bg_black);
    border-radius: 20px;
    padding: 40px;
    position: relative;
    border: 1px solid var(--header-delimeter-color);
    transition: all 0.3s ease;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.useful-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.useful-card-content {
    margin-bottom: 30px;
}

.useful-card-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--white_text_black);
    line-height: 1.3;
    margin: 0;
}

.useful-card-visual {
    height: 150px;
    position: relative;
    margin-bottom: 20px;
}

.useful-card-btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #20B2AA;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.useful-card-btn:hover {
    background: #f5f5f5;
    transform: scale(1.1);
    text-decoration: none;
}

/* Справочный центр - папки и лупа */
.folders-3d {
    position: relative;
    height: 100%;
}

.folder {
    position: absolute;
    width: 80px;
    height: 60px;
    background: #20B2AA;
    border-radius: 8px;
    transform: perspective(1000px) rotateY(-15deg) rotateX(10deg);
}

.folder-1 {
    bottom: 20px;
    right: 60px;
    z-index: 2;
}

.folder-2 {
    bottom: 30px;
    right: 40px;
    z-index: 1;
}

.folder-tab {
    position: absolute;
    top: -8px;
    left: 10px;
    width: 30px;
    height: 8px;
    background: white;
    border-radius: 4px 4px 0 0;
}

.folder-body {
    width: 100%;
    height: 100%;
    background: #20B2AA;
    border-radius: 8px;
}

.magnifying-glass {
    position: absolute;
    bottom: 40px;
    right: 20px;
    z-index: 3;
}

.glass-circle {
    width: 40px;
    height: 40px;
    border: 3px solid #C0C0C0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
}

.glass-handle {
    position: absolute;
    bottom: -5px;
    right: -15px;
    width: 20px;
    height: 8px;
    background: #666;
    border-radius: 4px;
    transform: rotate(45deg);
}

/* Ограничения - стопка документов */
.documents-stack-3d {
    position: relative;
    height: 100%;
}

.document-stack {
    position: absolute;
    bottom: 20px;
    right: 20px;
    transform: perspective(1000px) rotateY(-20deg) rotateX(5deg);
}

.document {
    width: 60px;
    height: 80px;
    background: #20B2AA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.document-1 {
    background: #FF6B6B;
    z-index: 3;
    transform: translateZ(0);
}

.document-2 {
    background: #20B2AA;
    z-index: 2;
    transform: translateZ(-10px) translateX(-5px);
}

.document-3 {
    background: #20B2AA;
    z-index: 1;
    transform: translateZ(-20px) translateX(-10px);
}

.document-icon {
    font-size: 16px;
    color: white;
    font-weight: bold;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .useful-info-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .useful-card {
        min-height: 250px;
    }
}

@media (max-width: 768px) {
    .useful-info-title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .useful-card {
        padding: 30px;
        min-height: 200px;
    }

    .useful-card-title {
        font-size: 20px;
    }

    .useful-card-visual {
        height: 120px;
    }
}

.slider-box-container .tabs-list-button {
    display: flex;
    gap: 0;
    list-style: none;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
}

.slider-box-container .tabs-list-button a {
    flex: 1;
    padding: 12px 24px;
    margin: 0 4px;
    border-radius: 40px;
    background-color: transparent;
    color: #6e788a !important;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
    text-decoration: none;
}

.slider-box-container .tabs-list-button a:hover {
    background-color: #f5f5f5;
    color: black !important;
    text-decoration: none;
}

.slider-box-container .tabs-list-button a.active {
    background-color: #28303f;
    color: white !important;
}

/* Фиксированное состояние навигации */
.slider-box-container.fixed,
section#navigation-tabs.fixed {
    position: fixed;
    top: 78px;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
    margin: 0 auto;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    background-color: black;
    padding: 20px;
    opacity: 1;
    transform: translateY(0);
}

/* Начальное состояние для плавного появления */
.slider-box-container,
section#navigation-tabs {
    transition: all 0.3s ease;
}

/* Анимация появления */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Анимация скрытия */
@keyframes slideUp {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}


.lx-width {
    --theme-page-width: 1280px;
    padding: 80px 120px;
}

.lx-width-box {
    --theme-page-width: 1280px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #28303f26;
    border-radius: 20px;
    padding: 50px 60px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.registration-steps-content-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.registration-steps-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 40px 0;
    line-height: 1.2;
}

.registration-steps-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.registration-step {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.registration-step-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    width: 56px;
    height: 56px;
}

.registration-step-progress {
    position: relative;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.registration-step-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.registration-step-circle-bg {
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 3;
}

.registration-step-circle-progress {
    fill: none;
    stroke: #ffc800;
    stroke-width: 5;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.3s ease;
}

.registration-step-number {
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-weight: 600;
    color: var(--white_text_black);
    line-height: 24px;
}

.registration-step-content {
    flex: 1;
}

.registration-step-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.registration-step-description {
    font-size: 16px;
    color: var(--white_text_black);
    opacity: 0.8;
    line-height: 1.5;
    margin: 0;
}

/* 3D визуализация */
.registration-steps-visual {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.steps-3d-visual {
    position: relative;
    width: 300px;
    height: 300px;
    perspective: 1000px;
}

.steps-platforms {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.step-platform {
    position: absolute;
    width: 80px;
    height: 20px;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(33, 150, 243, 0.3);
}

.step-platform-1 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotateX(20deg);
}

.step-platform-2 {
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%) rotateX(20deg) translateZ(20px);
}

.step-platform-3 {
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%) rotateX(20deg) translateZ(40px);
}

.step-platform-4 {
    bottom: 180px;
    left: 50%;
    transform: translateX(-50%) rotateX(20deg) translateZ(60px);
}

.checkmark-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 30px rgba(76, 175, 80, 0.4);
    z-index: 10;
}

.mouse-cursor {
    position: absolute;
    top: 30%;
    right: 20%;
    width: 20px;
    height: 20px;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Адаптивность для блока шагов */
@media (max-width: 1024px) {
    .registration-steps-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .registration-steps-visual {
        height: 300px;
    }

    .steps-3d-visual {
        width: 250px;
        height: 250px;
    }
}

@media (max-width: 768px) {
    .registration-steps-block {
        padding: 60px 0;
    }

    .registration-steps-title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .registration-steps-list {
        gap: 25px;
    }

    .registration-step {
        gap: 15px;
    }

    .registration-step-number {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .registration-step-title {
        font-size: 16px;
    }

    .registration-step-description {
        font-size: 14px;
    }

    .registration-steps-visual {
        height: 250px;
    }

    .steps-3d-visual {
        width: 200px;
        height: 200px;
    }

    .step-platform {
        width: 60px;
        height: 15px;
    }

    .checkmark-circle {
        width: 50px;
        height: 50px;
    }
}

/* Блок с информацией о регистрации бизнеса */


.business-info-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

/* Левая колонка */
.business-info-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.business-info-main {
    background: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.business-info-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.business-info-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.business-info-content {
    padding: 30px;
}

.business-info-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.business-info-text {
    font-size: 16px;
    color: var(--white_text_black);
    opacity: 0.8;
    line-height: 1.6;
    margin: 0 0 20px 0;
}

.business-info-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
    margin: 0 0 15px 0;
}

.business-info-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.business-info-btn {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid var(--header-delimeter-color);
}

.business-info-btn--primary {
    background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
    color: white;
}

.business-info-btn--secondary {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    color: var(--white_text_black);
}

.business-info-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.business-info-btn-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.business-info-btn-subtitle {
    font-size: 14px;
    opacity: 0.8;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Правая колонка */
.business-info-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.business-info-card {
    background: var(--card_bg_black);
    border: 1px solid var(--header-delimeter-color);
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.business-info-card-visual {
    margin-bottom: 25px;
    height: 150px;
    position: relative;
}

.business-info-3d-scene {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 3D элементы для первого блока */
.laptop-3d {
    position: absolute;
    left: 20%;
    width: 60px;
    height: 40px;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-radius: 8px;
    transform: rotateY(-15deg) rotateX(10deg);
}

.laptop-screen {
    width: 100%;
    height: 70%;
    background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
    border-radius: 8px 8px 0 0;
}

.laptop-keyboard {
    width: 100%;
    height: 30%;
    background: #f5f5f5;
    border-radius: 0 0 8px 8px;
}

.smartphone-3d {
    position: absolute;
    right: 25%;
    width: 30px;
    height: 50px;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-radius: 6px;
    transform: rotateY(15deg) rotateX(-5deg);
}

.smartphone-screen {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
    border-radius: 6px;
    position: relative;
}

.smartphone-apps {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
}

.coins-stack {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 30px;
}



.coin-1 {
    bottom: 0;
    left: 0;
}

.coin-2 {
    bottom: 2px;
    left: 5px;
}

.coin-3 {
    bottom: 4px;
    left: 10px;
}

.checkmark-on-coins {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* 3D элементы для второго блока */
.calendar-3d {
    position: absolute;
    left: 20%;
    width: 50px;
    height: 60px;
    background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);
    border-radius: 8px;
    transform: rotateY(-10deg) rotateX(5deg);
}

.calendar-header {
    width: 100%;
    height: 20%;
    background: #2E7D32;
    border-radius: 8px 8px 0 0;
}

.calendar-body {
    width: 100%;
    height: 80%;
    background: white;
    border-radius: 0 0 8px 8px;
    position: relative;
}

.calendar-checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: #4CAF50;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.documents-3d {
    position: absolute;
    right: 20%;
    width: 60px;
    height: 40px;
}

.document {
    position: absolute;
    width: 50px;
    height: 35px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.document-back {
    bottom: 0;
    right: 0;
    transform: rotateY(-15deg) rotateX(5deg);
}

.document-front {
    bottom: 5px;
    right: 5px;
    transform: rotateY(-10deg) rotateX(3deg);
    position: relative;
}

.document-profile-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: #4CAF50;
    border-radius: 50%;
}

.business-info-card-content {
    flex: 1;
}

.business-info-card-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--white_text_black);
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.business-info-card-text {
    font-size: 16px;
    color: var(--white_text_black);
    opacity: 0.8;
    line-height: 1.6;
    margin: 0;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .business-info-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .business-info-buttons {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .business-info-block {
        padding: 60px 0;
    }

    .business-info-title {
        font-size: 20px;
    }

    .business-info-card-title {
        font-size: 18px;
    }

    .business-info-text,
    .business-info-card-text {
        font-size: 14px;
    }

    .business-info-content {
        padding: 20px;
    }

    .business-info-card {
        padding: 20px;
    }

    .business-info-card-visual {
        height: 120px;
    }
}

/* Стили для пустого состояния в сайдбаре */
.control-panel__sidebar-empty {
    text-align: center;
    padding: 20px;
    color: var(--white_text_black);
    opacity: 0.7;
}

.control-panel__sidebar-empty-icon {
    margin-bottom: 12px;
    opacity: 0.5;
}

.control-panel__sidebar-empty-text {
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 1.4;
}

.control-panel__sidebar-empty-action {
    display: inline-block;
    padding: 8px 16px;
    background: var(--theme-base-color);
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.about-company-main {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.business-company-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.business-link-about a {
    padding: 0 10px;
}

.about-company-visual {
    background-color: var(--black_bg_black);
    padding: 30px 50px;
    border-radius: 18px;
}

.control-panel__sidebar-empty-action:hover {
    background: var(--theme-base-hover-color);
    color: white;
    text-decoration: none;
}

/* Стили для элементов сайдбара с контентом */
.control-panel__sidebar-item-content {
    flex: 1;
    min-width: 0;
}

.control-panel__sidebar-item-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    margin-bottom: 4px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-panel__sidebar-item-subtitle {
    font-size: 12px;
    color: var(--white_text_black);
    opacity: 0.6;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-panel__sidebar-item-arrow {
    flex-shrink: 0;
    margin-left: 8px;
    opacity: 0.5;
}

#catalog_comments {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#catalog_comments .comments-block__wrapper {
    display: block;
}

#catalog_comments .comments-block {
    width: 100% !important;
    max-width: none !important;
    padding-right: 0 !important;
}

#catalog_comments .comments-block__reviews-info {
    display: none !important;
}


#catalog_comments .alert-empty {
    width: 100%;
}


#catalog_comments .blog-comment__form {
    width: 100%;
    max-width: none;
}

#catalog_comments .blog-comment__form .form.popup {
    max-width: none;
}

#catalog_comments .blog-comment__form textarea.form-control {
    width: 100%;
    max-width: 100%;
}

.detail-block.catalog_comments .alert-empty.p--32 {
    padding: 0 !important;
}

/* Обертка для SVG с анимацией */

.scroll-icon-wrapper {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Анимация прыжка SVG при наведении на кнопку */

.ButtonScroll_button__m6OXJ:hover .scroll-icon-wrapper,
.Hero1Section_button__COMg_:hover .scroll-icon-wrapper {
    animation: bounceDown 1s ease-in-out infinite;
}

/* Анимация прыжка стрелки для btn-nav-lx */
.btn-nav-lx .scroll-icon-wrapper {
    animation: bounceDown 1.5s ease-in-out infinite;
}

@keyframes bounceDown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(8px);
    }
}

.header-menu .mega-menu {
    margin-left: 40px;
}

/* Новые стили для отдельного блока навигации */
.navigation-block {
    position: relative;
    margin: 40px 0;
    z-index: 100;
}

.navigation-block__container {
    backdrop-filter: blur(20px);
    background: rgba(7, 8, 10, .4);
    border-radius: 50px;
    padding: 8px;
    box-shadow: 0 24px 40px 0 rgba(0, 0, 0, .051);
    display: flex;
    align-items: center;
    max-width: 870px;
    min-width: 870px;
    width: 870px;
    margin: 0 auto;
    margin-top: -320px;
}

.navigation-block__tabs {
    display: flex;
    gap: 0;
    list-style: none;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    padding-right: 15px;
}

.navigation-block__tab {
    flex: 1;
    padding: 12px 10px;
    margin: 0 4px;
    border-radius: 40px;
    background-color: transparent;
    color: #6e788a !important;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
}

.navigation-block__tab:hover {
    background-color: #f5f5f5;
    color: black !important;
    text-decoration: none;
}

.navigation-block__tab.active {
    background-color: #28303f;
    color: white !important;
}

.navigation-block__tab svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Стили для первой иконки - круглая с градиентом */
.navigation-block__tab:first-child {
    background: linear-gradient(135deg, #191c22 0%, #111216 100%);
    color: white !important;
    border-radius: 50px;
    padding: 12px 20px;
    max-width: 47px;
    padding: 0;
}

.navigation-block__tab:first-child svg {
    fill: white;
    width: 18px;
    height: 18px;
}

.navigation-block__tab:first-child:hover {
    color: white !important;
}

/* Активное состояние для всех табов */
.navigation-block__tab.active {
    background: linear-gradient(135deg, #2fc7f7 0%, #409eef 100%);
    color: white !important;
    border-radius: 50px;
    padding: 12px 20px;
    box-shadow: 0 4px 15px rgba(47, 199, 247, 0.3);
}

.navigation-block__tab.active:hover {
    color: white !important;
}

/* Блоки старт бизнеса */
.business-start-header {
    margin-bottom: 50px;
}

.business-start-header h2 {
    color: var(--white_text_black);
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.2;
}

.business-start-header p {
    color: var(--white_text_black);
    font-size: 21px;
    opacity: 0.8;
    line-height: 1.4;
}

.business-start-layout {
    display: flex;
    gap: 30px;
    margin: 40px 0;
    align-items: stretch;
}

.business-start-main-card {
    flex: 2;
    background: linear-gradient(269deg, #0066e4 2.7%, #90e400 105.95%);
    border-radius: 20px;
    padding: 50px 60px;
    position: relative;
    overflow: hidden;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.business-start-content h2 {
    color: white;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.2;
}

.business-start-content p {
    color: white;
    font-size: 18px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.business-start-btn {
    background: var(--card_bg_black);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.business-start-btn:hover {
    background: var(--fill_dark_lite_hover);
    transform: translateY(-2px);
}

.business-start-illustration {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 200px;
    height: 150px;
}

.card-stack {
    position: relative;
    width: 100%;
    height: 100%;
}

.card {
    position: absolute;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-1 {
    width: 80px;
    height: 60px;
    bottom: 0;
    right: 0;
    z-index: 3;
}

.card-2 {
    width: 70px;
    height: 50px;
    bottom: 10px;
    right: 20px;
    z-index: 2;
    opacity: 0.8;
}

.card-3 {
    width: 60px;
    height: 40px;
    bottom: 20px;
    right: 40px;
    z-index: 1;
    opacity: 0.6;
}

.card-icon {
    width: 24px;
    height: 24px;
    background: var(--theme-base-color);
    border-radius: 6px;
    position: relative;
}

.heart-icon::before {
    content: "♥";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 14px;
}

.headphones-icon::before {
    content: "🎧";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
}

.star-icon::before {
    content: "★";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 14px;
}

.business-start-side-cards {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: space-between;
}

.side-card {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #28303f26;
    border-radius: 20px;
    border-radius: 15px;
    padding: 40px 45px;
    display: flex;
    height: 100%;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.side-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.side-card-content {
    flex: 1;
}

.side-card-content h3 {
    color: var(--white_text_black);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.3;
}

.side-card-content p {
    color: var(--white_text_black);
    font-size: 14px;
    opacity: 0.7;
    margin-bottom: 15px;
    line-height: 1.4;
}

.side-card-arrow {
    width: 32px;
    height: 32px;
    background: var(--theme-base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
}

.side-card:hover .side-card-arrow {
    transform: translateX(3px);
}

.side-card-icon {
    width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.server-icon::before {
    content: "🖥️";
    font-size: 24px;
}

.coins-icon::before {
    content: "💰";
    font-size: 24px;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .business-start-layout {
        flex-direction: column;
        gap: 20px;
    }

    .business-start-main-card {
        min-height: 250px;
    }

    .business-start-content h2 {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .business-start-main-card {
        padding: 30px 20px;
    }

    .business-start-content h2 {
        font-size: 24px;
    }

    .business-start-content p {
        font-size: 16px;
    }

    .side-card {
        padding: 20px;
    }

    .side-card-content h3 {
        font-size: 16px;
    }
}

/* Блоки "Может быть полезно" */
.useful-info-header {
    text-align: center;
    margin: 60px 0 40px 0;
}

.useful-info-header h2 {
    color: var(--white_text_black);
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}

.useful-info-cards {
    display: flex;
    gap: 30px;
    margin-bottom: 60px;
}

.useful-card {
    flex: 1;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #191c22;
    border-radius: 15px;
    padding: 25px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid var(--header-delimeter-color);
}

.useful-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.useful-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.useful-card-content h3 {
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.3;
}

.useful-card-illustration {
    flex: 1;
    position: relative;
    margin-bottom: 0;
}

.useful-card-arrow {
    width: 32px;
    height: 32px;
    background: var(--theme-base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
    align-self: flex-start;
    margin-top: auto;
}

.useful-card:hover .useful-card-arrow {
    transform: translateX(3px);
}

/* Первый блок - Справочный центр */
.useful-card:first-child {
    background: var(--card_bg_black);
}

.useful-card:first-child h3 {
    color: white;
}

.folders-stack {
    position: relative;
    width: 100%;
    height: 60px;
}

.folder {
    position: absolute;
    background: var(--theme-base-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.folder-1 {
    width: 40px;
    height: 28px;
    bottom: 0;
    left: 10px;
    z-index: 3;
}

.folder-2 {
    width: 32px;
    height: 24px;
    bottom: 6px;
    left: 22px;
    z-index: 2;
    opacity: 0.8;
}

.folder-3 {
    width: 28px;
    height: 20px;
    bottom: 12px;
    left: 34px;
    z-index: 1;
    opacity: 0.6;
}

.folder-icon {
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 4px;
    position: relative;
}

.folder-icon::before {
    content: "📁";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
}

.magnifying-glass {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #c0c0c0;
    border-radius: 50%;
    top: 10px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.magnifying-glass::before {
    content: "🔍";
    font-size: 12px;
}

/* Второй блок - База готовых документов */
.useful-card:nth-child(2) {
    background: var(--card_bg_black);
}

.useful-card:nth-child(2) h3 {
    color: white;
}

.blocks-stack {
    position: relative;
    width: 100%;
    height: 60px;
}

/* .block {
    position: absolute;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.block-1 {
    width: 32px;
    height: 32px;
    background: var(--theme-base-color);
    top: 10px;
    right: 10px;
    z-index: 3;
}

.block-2 {
    width: 28px;
    height: 28px;
    background: var(--theme-base-color);
    top: 6px;
    right: 24px;
    z-index: 2;
}

.block-3 {
    width: 30px;
    height: 30px;
    background: var(--theme-base-color);
    bottom: 10px;
    left: 10px;
    z-index: 1;
}

.block-icon {
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 4px;
    position: relative;
}

.check-icon::before {
    content: "✓";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--theme-base-color);
    font-size: 12px;
    font-weight: bold;
}

.lock-icon::before {
    content: "📄";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
}

.data-icon::before {
    content: "📋";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
}

/* Третий блок - База ОКВЭДов */
.useful-card:nth-child(3) {
    background: var(--card_bg_black);
}

.useful-card:nth-child(3) h3 {
    color: white;
}

.support-stack {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.support-icon {
    width: 32px;
    height: 32px;
    background: var(--theme-base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.headset-icon::before {
    content: "🎧";
    font-size: 16px;
}

.chat-icon::before {
    content: "💬";
    font-size: 16px;
}

.phone-icon::before {
    content: "📞";
    font-size: 16px;
}

/* Адаптивность для полезных блоков */
@media (max-width: 1024px) {
    .useful-info-cards {
        flex-direction: column;
        gap: 20px;
    }

    .useful-card {
        height: 180px;
    }
}

@media (max-width: 768px) {
    .useful-info-header h2 {
        font-size: 28px;
    }

    .useful-card-content h3 {
        font-size: 16px;
    }

    .useful-card {
        padding: 20px;
        height: 160px;
    }
}

/* Блок обратного звонка */
.callback-block {
    background: linear-gradient(135deg, #2fc7f7 0%, #409eef 100%);
    border-radius: 30px;
    padding: 50px;
    margin: 60px 0;
    box-shadow: 0 20px 60px rgba(47, 199, 247, 0.2);
}

.callback-content {
    display: flex;
    align-items: center;
    gap: 60px;
}

.callback-text {
    flex: 1;
}

.callback-text h2 {
    color: white;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.callback-text p {
    color: white;
    font-size: 18px;
    margin-bottom: 10px;
    opacity: 0.9;
    line-height: 1.4;
}

.callback-form {
    flex: 1;
    max-width: 400px;
}

.form-label {
    color: white;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.form-input-group {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.form-input {
    flex: 1;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 15px 20px;
    font-size: 16px;
    color: white;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.form-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.form-input:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.form-button {
    background: white;
    color: var(--card_bg_black);
    border: none;
    border-radius: 12px;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.form-button:hover {
    background: var(--fill_dark_lite_hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.form-consent {
    color: white;
    font-size: 14px;
    opacity: 0.8;
    line-height: 1.4;
}

.form-consent u {
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.6);
}

/* Адаптивность для блока обратного звонка */
@media (max-width: 1024px) {
    .callback-content {
        flex-direction: column;
        gap: 40px;
        text-align: center;
    }

    .callback-form {
        max-width: 100%;
    }

    .callback-text h2 {
        font-size: 32px;
    }
}

@media (max-width: 768px) {
    .callback-block {
        padding: 40px 30px;
        border-radius: 20px;
    }

    .callback-text h2 {
        font-size: 28px;
    }

    .callback-text p {
        font-size: 16px;
    }

    .form-input-group {
        flex-direction: column;
        gap: 10px;
    }

    .form-button {
        width: 100%;
    }
}

/* Блоки бизнес-сервисов */
.business-services-cards {
    display: flex;
    gap: 30px;
    margin: 60px 0;
}

.business-service-card {
    flex: 1;
    background: var(--card_bg_black);
    border-radius: 20px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid var(--header-delimeter-color);
    height: 280px;
    display: flex;
    flex-direction: column;
}

.business-service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.service-card-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.service-card-content h3 {
    color: var(--white_text_black);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.3;
    z-index: 2;
}

.service-card-illustration {
    flex: 1;
    position: relative;
    margin-bottom: 20px;
}

.service-card-arrow {
    width: 40px;
    height: 40px;
    background: white;
    border: 2px solid var(--theme-base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-base-color);
    transition: all 0.3s ease;
    align-self: flex-start;
}

.business-service-card:hover .service-card-arrow {
    background: var(--theme-base-color);
    color: white;
    transform: translateX(5px);
}

/* Градиентная волна для всех карточек */
.business-service-card::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 150px;
    background: linear-gradient(135deg, var(--theme-base-color) 0%, #409eef 100%);
    border-radius: 50% 0 0 50%;
    opacity: 0.1;
    z-index: 1;
}

/* Первый блок - Эквайринг */
.payment-terminal {
    position: relative;
    width: 100%;
    height: 120px;
}

.terminal-device {
    position: absolute;
    width: 60px;
    height: 40px;
    background: white;
    border-radius: 8px;
    bottom: 20px;
    left: 20px;
    transform: rotate(-15deg);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.qr-code {
    position: absolute;
    width: 30px;
    height: 30px;
    background: var(--theme-base-color);
    border-radius: 4px;
    bottom: 40px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qr-code::before {
    content: "📱";
    font-size: 16px;
}

.face-scan-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    background: var(--theme-base-color);
    border-radius: 4px;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.face-scan-icon::before {
    content: "👤";
    font-size: 12px;
}

/* Второй блок - ЭП ФНС */
.digital-signature {
    position: relative;
    width: 100%;
    height: 120px;
}

.usb-drive {
    position: absolute;
    width: 20px;
    height: 40px;
    background: var(--theme-base-color);
    border-radius: 4px;
    bottom: 20px;
    left: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.digital-token {
    position: absolute;
    width: 50px;
    height: 50px;
    background: var(--theme-base-color);
    border-radius: 50%;
    bottom: 20px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.digital-token::before {
    content: "🔐";
    font-size: 20px;
}

/* Третий блок - Кредит */
.money-stack {
    position: relative;
    width: 100%;
    height: 120px;
}

.coins-stack {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #c0c0c0;
    border-radius: 50%;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.coins-stack::before {
    content: "💰";
    font-size: 20px;
}

.banknotes-bundle {
    position: absolute;
    width: 50px;
    height: 30px;
    background: #87ceeb;
    border-radius: 4px;
    bottom: 30px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.banknotes-bundle::before {
    content: "💵";
    font-size: 16px;
}

/* Адаптивность для бизнес-сервисов */
@media (max-width: 1024px) {
    .business-services-cards {
        flex-direction: column;
        gap: 20px;
    }

    .business-service-card {
        height: 250px;
    }
}

@media (max-width: 768px) {
    .business-service-card {
        padding: 25px;
        height: 220px;
    }

    .service-card-content h3 {
        font-size: 18px;
    }
}

/* Новые стили для выравнивания блоков "Другие возможности" */
.business-services-cards {
    display: flex;
    gap: 30px;
    margin: 40px 0;
}

.business-services-cards .side-card {
    flex: 1;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #191c22;
    border-radius: 15px;
    padding: 25px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid var(--header-delimeter-color);
}

.business-services-cards .side-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.business-services-cards .side-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.business-services-cards .side-card-content h3 {
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.3;
}

.business-services-cards .side-card-content p {
    color: white;
    font-size: 14px;
    opacity: 0.8;
    line-height: 1.4;
    margin-bottom: 0;
    flex: 1;
}

.business-services-cards .side-card-arrow {
    width: 32px;
    height: 32px;
    background: var(--theme-base-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
    align-self: flex-start;
    margin-top: auto;
}

.business-services-cards .side-card:hover .side-card-arrow {
    transform: translateX(3px);
}

.business-services-cards .side-card-icon {
    width: 60px;
    height: 60px;
    background: var(--fill_dark_lite_hover);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 0;
}

/* Адаптивность для новых блоков */
@media (max-width: 1024px) {
    .business-services-cards {
        flex-direction: column;
        gap: 20px;
    }

    .business-services-cards .side-card {
        height: 180px;
    }
}

@media (max-width: 768px) {
    .business-services-cards .side-card {
        padding: 20px;
        height: 160px;
    }

    .business-services-cards .side-card-content h3 {
        font-size: 16px;
    }

    .business-services-cards .side-card-content p {
        font-size: 13px;
    }
}

/* Плавное следование за скроллом */
.navigation-block {
    transition: all 0.3s ease;
}

.navigation-block.fixed {
    position: fixed;
    bottom: 55px;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 870px !important;
    max-width: 870px !important;
    margin: 0 auto;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    background-color: aliceblue;
    border-radius: 50px;
    padding: 8px;
    border: 1px solid var(--header-delimeter-color);
}

.navigation-block.fixed .navigation-block__container {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

/* Адаптивность */
@media (max-width: 768px) {
    .navigation-block__container {
        border-radius: 25px;
        padding: 6px;
    }

    .navigation-block__tab {
        padding: 10px 16px;
        font-size: 12px;
        gap: 6px;
    }

    .navigation-block__tab svg {
        width: 14px;
        height: 14px;
    }

    .navigation-block__tab:first-child {
        padding: 10px 18px;
    }

    .navigation-block__tab:first-child svg {
        width: 16px;
        height: 16px;
    }

    .navigation-block.fixed {
        bottom: 55px;
        max-width: calc(100% - 30px);
    }
}

@media (max-width: 480px) {
    .navigation-block__tab {
        padding: 8px 12px;
        font-size: 11px;
        gap: 4px;
    }

    .navigation-block__tab svg {
        width: 12px;
        height: 12px;
    }
}





/*АКЦИИ*/
.sales-tiles-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}


.sale-tile-item {
    background-color: var(--card_bg_black);
    position: relative;
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 10px;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.sale-tile-item:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-color: transparent;
}

.sale-tile-item__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.sale-tile-image-wrapper {
    flex-shrink: 0;
    margin-right: 25px;
}

.sale-tile-image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.sale-tile-content {
    flex-grow: 1;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20px;
}

.sale-tile-content a {
    text-decoration: none;
}

.sale-tile-date {
    margin-bottom: 5px;
}

.sale-tile-title {
    background-color: var(--card_bg_black);
    font-weight: 600;
    margin-bottom: 8px;
    transition: color 0.2s ease;
}

.sale-tile-item:hover .sale-tile-title {
    color: var(--theme-base-color);
}

.sale-tile-description {
    line-height: 1.4;
}


.sale-tile-stickers {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 3;
}



.sale-tile-arrow {
    position: absolute;
    right: 2px;
    bottom: -25px;
    font-size: 30px;
    background-color: var(--card_bg_black);
    font-weight: lighter;
    transition: color 0.2s ease, transform 0.2s ease;
    text-decoration: none;
    line-height: 1;
}

.sale-tile-item:hover .sale-tile-arrow {
    color: var(--theme-base-color, #ffb400);
}

.sale-anchor-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 40px;
}




.docs .sections-list-full__item {
    background-color: var(--card_bg_black);
    padding: 30px;
    border-radius: 18px;

}


.kb-final-layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 2.5rem;
    align-items: flex-start;
}

.kb-final-layout__menu-column {
    position: sticky;
    top: 100px;
}

.kb-anchor-menu .kb-menu-title {
    font-weight: 600;
    padding-bottom: 15px;
}

.kb-anchor-menu .kb-menu-list {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.kb-anchor-menu .kb-menu-list li {
    list-style-type: none !important;
    background: none !important;
    padding: 8 !important;
    margin: 0 !important;
}

.kb-anchor-menu .kb-menu-list li::before {
    display: none !important;
}

.kb-anchor-menu .kb-menu-list li a {
    display: block;
    padding: 10px 14px;
    margin-bottom: 4px;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}

.kb-anchor-menu .kb-menu-list li a:hover {
    background-color: var(--card_bg_black);
    color: var(--theme-color-main);
}

.knowledge-base-group {
    padding-top: 120px;
    margin-top: -100px;
}



.kb-final-layout .ui-card--static {
    background: radial-gradient(133.05% 112.7% at 51.64% -34.84%, #3c78f500 0, #001a7800 50%, #001a78 100%), radial-gradient(105.06% 42.88% at 50.02% 111.91%, #001a7800 0, #07080a 100%), radial-gradient(69.37% 71.59% at 47.42% -16.2%, #181e37 0, #0d0d12 100%);
    height: 100%;
    padding: 30px;
}

.kb-final-layout a.card-style {
    padding: 12px;
    display: flex;
    align-items: left;
}


.kb-final-layout .knowledge-base-group__item-icon {
    flex: 0 0 40px;
    width: 90px;
    height: 40px;
    margin-right: 16px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.kb-final-layout .knowledge-base-group__item-icon img {
    width: 38px;
    margin-left: 40px;
    margin-top: 20px;
    height: 38px;
    object-fit: contain;
}


.header-menu__wide-child-link[ href="/catalog/crm/bitrix24/enterprise-hrm/"] {
    margin-bottom: 7px;
}


.indexForm input,
textarea {
    width: 100%;
    height: 52px;
    padding: 25px 12px 8px 16px;
    border: 1px solid #32384a;
    border-radius: 8px;
    background-color: #000000;
    color: #fff;
    transition: .3s ease;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    height: 56px;
    /* padding-top: 26px;
        padding-bottom: 8px; */
}




/* -------------------- */
.catalog_section_list.sections-block .item {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
}


.catalog_section_list.sections-block .item a.dark_link {
    display: flex;
    align-items: center;
    position: relative;
    padding: 25px;
    height: 100%;
    border-radius: 12px;
    background-color: var(--card_bg_black);
    text-decoration: none;
    border: 1px solid var(--stroke_black);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.catalog_section_list.sections-block .item a.dark_link:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-color: var(--theme-color-main);
}

/* 
.catalog_section_list.sections-block .item a.dark_link::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background-position: center;
    opacity: 0.15;
} */


.catalog_section_list.sections-block .item__image-wrapper,
.catalog_section_list.sections-block .item .arrow-all.svg {
    display: none;
}

.catalog_section_list.sections-block .item__title {
    font-size: 17px;
}



div.catalog-items.knowledge_base_articles_template {
    position: relative;
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid var(--stroke_black);
}

div.catalog-items.knowledge_base_articles_template::before {
    content: 'Статьи в разделе';
    position: absolute;
    top: -13px;
    left: 0px;
    background-color: var(--body_bg);
    padding: 0 15px;
    font-size: 18px;
    font-weight: 600;
    color: var(--white_text_black);
}









.new-detail-layout__left .catalog-detail__cart .flexbox--direction-column {
    flex-direction: row !important;
    align-items: stretch;
}

.new-detail-layout__left .catalog-detail__cart .flexbox--direction-column div {
    flex: 1;
}


.new-detail-layout__left .catalog-detail__cart .btn {
    width: 100%;
    height: 100%;
    height: 45px;
}

.new-detail-layout__left .ocb-wrapper .btn {
    color: white !important;
}

.detail-product-layout__side .detail-block.services#manual_services {
    margin-top: 0 !important;
}


/* h3.switcher-title {
  margin-left: 53px; 
} */


/* .maxwidth-theme .grid-list--items-2-from-601.mobile-scrolled--items-2 {
  margin-left: -46px; 
} */

/* Bitrix24 Page Styles */

.bitrix-hero {
    text-align: center;
}

.bitrix-hero__subtitle {
    color: #6e788a !important;
}

.bitrix-hero__title {
    /* Inherits from other-possibilities-title */
}

.bitrix-features {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 1.5rem);
    justify-content: center;
    margin: clamp(2.5rem, 5vw, 3.5rem) 0 1rem 0;
    width: 100%;
}

.bitrix-feature {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex: 0 0 112px;
    position: relative;
}

.bitrix-feature__icon {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 40px;
    width: 100%;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 0px rgba(49, 56, 79, 0.08);
    transition: .5s;
    background: #28303f;
}

.theme-light .bitrix-feature__icon {
    background: #f0f3f5 !important;
}

.bitrix-feature__title {
    font-size: 14px;
    font-weight: 400;
}

a.scroll-to-top {
    right: 64px !important;
    bottom: 130px !important;
    border-radius: 12px !important;
}

/* Стили для компонента поиска */

/* Обертка для поля ввода с логотипом */
.search-page-section .search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

/* Логотип внутри поля ввода */
.search-page-section .search-input-logo {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 6px;
    z-index: 2;
    pointer-events: none;
}

.search-page-section .search-input {
    background: var(--card_bg_black);
    background-color: var(--card_bg_black);
    border: none;
    height: 68px;
    border-radius: 100px;
    padding: 0 20px 0 80px;
    /* Увеличиваем левый отступ для логотипа */
    font-size: 16px;
    color: #fff;
    transition: all 0.3s ease;
    width: 100%;
}

.search-page-section .search-input:focus {
    background: var(--card_bg_black) !important;
    background-color: var(--card_bg_black) !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.search-page-section .search-input:hover {
    background: var(--card_bg_black) !important;
    background-color: var(--card_bg_black) !important;
    border: none !important;
    box-shadow: none !important;
}

.search-page-section .search-input::placeholder {
    color: #999;
    opacity: 1;
}

/* Контейнер для поискового поля */
.search-page-section .search-input-div {
    position: relative;
    width: 100%;
}

/* Выпадающий список с историей */
.search-page-section .search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--card_bg_black) !important;
    border-radius: 16px;
    margin-top: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    max-height: 400px;
    overflow-y: auto;
}

/* Показываем выпадающий список при наведении на контейнер */
.search-page-section .search-input-div:hover .search-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* История поиска */
.search-page-section .search-history {
    padding: 16px 0;
}

.search-page-section .search-history-item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.search-page-section .search-history-item:hover {
    background-color: #3a3a3a;
}

.search-page-section .search-history-icon {
    font-size: 14px;
    margin-right: 12px;
    color: #999;
    width: 16px;
    text-align: center;
}

.search-page-section .search-history-text {
    color: #e0e0e0;
    font-size: 14px;
    line-height: 1.4;
}

/* Скроллбар для выпадающего списка */
.search-page-section .search-dropdown::-webkit-scrollbar {
    width: 6px;
}

.search-page-section .search-dropdown::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 3px;
}

.search-page-section .search-dropdown::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 3px;
}

.search-page-section .search-dropdown::-webkit-scrollbar-thumb:hover {
    background: #777;
}


.search-page-section .searchinput {
    display: flex;
    justify-content: flex-start;
}

.search-page-section .search {
    width: 100%;
    max-width: 1080px;
}

/* Стили для кнопок поиска */
.search-page-section .search-button-div {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Кнопка очистки скрыта по умолчанию */
.search-page-section .btn-clear-search {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    transform: scale(0.8);
}

/* Показываем кнопку очистки когда есть текст */
.search-page-section .btn-clear-search.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

/* Верхние блоки с категориями */
.search-page-section .search-categories {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.search-page-section .category-content {
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 120px;
    width: 120px;
    height: 150px;
    background: var(--card_bg_black) !important;
}

.search-page-section .category-icon {
    font-size: 32px;
    margin-bottom: 12px;
    display: block;
}

.search-page-section .category-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.search-page-section .category-label {
    color: #999;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    transition: color 0.3s ease;
}

/* Анимация поднятия категорий при наведении */
.search-page-section .category-item {
    transition: all 0.3s ease;
    transform: translateY(0);
    cursor: pointer;
}

.search-page-section .category-item:hover {
    transform: translateY(-8px);
}

.search-page-section .category-item:hover .category-content {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    background: var(--card_bg_black);
}

.search-page-section .category-item:hover .category-label {
    color: var(--theme-base-color);
}


/* Информационная строка с погодой и курсом валют */
.search-page-section .search-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    border-radius: 16px;
    padding: 16px 24px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.search-page-section .info-left-group {
    display: flex;
    align-items: center;
    gap: 20px;
    /* Расстояние между погодой и валютами */
    flex: 1;
    /* Занимает доступное пространство слева */
}

.search-page-section .info-location {
    flex-shrink: 0;
    /* Не сжимается, остается справа */
}

.search-page-section .info-weather {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-page-section .weather-icon,
.search-page-section .weather-sun {
    font-size: 20px;
}

.search-page-section .weather-temp {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.search-page-section .info-currency {
    display: flex;
    gap: 20px;
}

.search-page-section .currency-item {
    color: #e0e0e0;
    font-size: 14px;
    font-weight: 500;
}

.search-page-section .info-location {
    color: #999;
    font-size: 14px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 1120px) {
    .search-page-section .search-page-wrap {
        max-width: 100%;
        padding: 0 16px;
    }

    .search-page-section .search {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .search-page-section .search-page-wrap {
        padding: 0 12px;
    }

    .search-page-section .search-input {
        height: 56px;
        font-size: 14px;
        padding: 0 16px 0 60px;
    }

    .search-page-section .search-input-logo {
        width: 28px;
        height: 28px;
        left: 16px;
    }

    /* Адаптивность для категорий */
    .search-page-section .search-categories {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 20px;
    }

    .search-page-section .category-item {
        min-width: auto;
        padding: 16px;
    }

    /* Адаптивность для информационной строки */
    .search-page-section .search-info-row {
        flex-direction: column;
        gap: 16px;
        text-align: center;
        padding: 16px;
    }

    .search-page-section .info-left-group {
        flex-direction: column;
        gap: 10px;
        width: 100%;
        align-items: flex-start;
        /* Выравнивание по левому краю на мобильных */
        flex: none;
        /* Сбрасываем flex на мобильных */
    }

    .search-page-section .info-currency {
        justify-content: center;
        gap: 16px;
    }
}

.search .btn-search {
    position: relative;
    right: 10px;
}

.btn-clear-search {
    background: transparent !important;
    border: none !important;
}

/* Скрываем стандартные результаты поиска */
.search-page-section .search-page-wrap .search-page-wrap {
    display: none;
}

/* Скрываем стандартные результаты поиска */
.search-page-section hr,
.search-page-section .bottom_nav,
.search-page-section .search-item-rate,
.search-page-section .alert {
    display: none;
}

.lx-search {
    max-width: 100%;
}

.lx-search input:hover {
    background: var(--card_bg_black) !important;
    background-color: var(--card_bg_black) !important;
}

/* Search Logo Styles */
.search-logo-div {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    z-index: 1;
    align-items: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.search-logo {
    height: 50px;
    position: relative;
    width: auto;
    top: 9px;
    left: 9px;
    max-width: 120px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

@media (max-width: 768px) {
    .search-logo {
        height: 24px;
        max-width: 80px;
    }

    .search-logo-div {
        margin-right: 12px;
    }
}

/* Services Dropdown Menu Styles */
.services-dropdown {
    position: relative;
    display: inline-block;
}

.services-dropdown__trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    top: 3px;
    position: relative;
}

.services-dropdown__trigger:hover {
    background: transparent;
    border: none;
}

.services-dropdown__icon {
    font-size: 16px;
}

.services-dropdown__menu {
    position: absolute;
    top: 100%;
    left: -250px;
    width: 500px;
    background: var(--card_bg_black) !important;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    padding: 16px;
    margin-top: 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    overflow: hidden;
}

.services-dropdown__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.services-dropdown__menu.active .services-dropdown__backdrop {
    opacity: 1;
    pointer-events: auto;
}

.services-dropdown__menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Поиск сервисов */
.services-search {
    margin-bottom: 16px;
}

.services-search__input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.services-search__icon {
    position: absolute;
    left: 12px;
    color: #999;
    font-size: 16px;
}

.services-search__input {
    width: 100%;
    padding: 12px 12px 12px 40px;
    background: #3a3a3a;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 14px;
}

.services-search__input::placeholder {
    color: #999;
}

.services-search__input:focus {
    outline: none;
    background: #4a4a4a;
}

/* Сетка сервисов */
.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.service-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.service-item:hover {
    background: rgba(255, 255, 255, 0.1);
}

.service-item__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
    color: white;
}

.service-item__icon--market {
    background: #ff6b35;
}

.service-item__icon--maps {
    background: #e74c3c;
}

.service-item__icon--kinopoisk {
    background: #f39c12;
}

.service-item__icon--translate {
    background: #e74c3c;
}

.service-item__icon--internet {
    background: #e74c3c;
}

.service-item__icon--auto {
    background: #e74c3c;
}

.service-item__icon--travel {
    background: #9b59b6;
}

.service-item__icon--music {
    background: #2c3e50;
}

.service-item__icon--realty {
    background: #f1c40f;
}

.service-item__icon--help {
    background: #e91e63;
}

.service-item__icon--images {
    background: #f1c40f;
}

.service-item__icon--video {
    background: #f1c40f;
}

.service-item__icon--afisha {
    background: #f1c40f;
}

.service-item__icon--practicum {
    background: #2c3e50;
}

.service-item__icon--tv {
    background: linear-gradient(45deg, #3498db, #9b59b6, #e91e63, #f1c40f);
}

.service-item__icon--disk {
    background: #3498db;
}

.service-item__name {
    font-size: 12px;
    color: white;
    line-height: 1.2;
}

/* Кнопка "Показать все" */
.services-show-all {
    text-align: center;
    margin-bottom: 16px;
}

.services-show-all__btn {
    background: #3a3a3a;
    border: none;
    border-radius: 8px;
    color: white;
    padding: 10px 24px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 14px;
}

.services-show-all__btn:hover {
    background: #4a4a4a;
}

/* Секция "Бизнесу" */
.services-business {
    border-top: 1px solid #3a3a3a;
    padding-top: 16px;
}

.services-business__header {
    color: #999;
    font-size: 12px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.services-business__links {
    display: flex;
    gap: 16px;
}

.services-business__link {
    color: #ccc;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s ease;
}

.services-business__link:hover {
    color: white;
}

/* Адаптивность */
@media (max-width: 768px) {
    .services-dropdown__menu {
        width: 320px;
        left: -100px;
    }

    .services-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .service-item__icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .service-item__name {
        font-size: 11px;
    }
}


.block-search input {
    min-width: 628px;
    height: 70px;
    border-radius: 50px;
}


.form-control,
.form input,
.form textarea,
.form select {
    border-radius: 7px;
}




.fixed-width-slider-container {
    max-width: 720px;
}


.staff-photogallery-slider {
    position: relative;
}

.staff-photogallery-slider .owl-nav {
    position: absolute;
    top: -60px;
    right: 0;
}

.staff-photogallery-slider .owl-nav button {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #444 !important;
    color: #fff !important;
    transition: all 0.2s ease-in-out;
}

.staff-photogallery-slider .owl-nav button:hover {
    background: #555 !important;
}

.staff-gallery-item {
    display: block;
    border-radius: 4px;
}

.staff-gallery-item img {
    width: 100%;
    height: 100%;
    display: block;
}



.grid-list .ui-card.grid-list__item .ui-card__image {
    aspect-ratio: 1;
}

.grid-list .ui-card.grid-list__item .ui-card__image .ui-card__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




/* партнерка */

.partner-promo-carousel-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.partner-promo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.partner-promo-carousel {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    animation: partnerCarousel 30s linear infinite;
    will-change: transform;
    width: fit-content;
}

.partner-promo-carousel:hover {
    animation-play-state: paused;
}

@keyframes partnerCarousel {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-50% - 15px));
    }
}

/* Дублируем элементы для бесконечной прокрутки */
.partner-promo-carousel .promo-card {
    flex-shrink: 0;
}


.promo-card {
    flex: 0 0 380px;
    height: 180px;
    position: relative;
    text-align: center;
    border-radius: 20px;
    padding: 20px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.promo-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Обертка для иконки/изображения */
.promo-card__image-wrapper {
    transform: translateY(-70px);
    margin-bottom: -50px;
}

/* Сам блок с иконкой */
.promo-card__image {
    display: inline-block;
    width: 220px;
    padding: 50px;
    height: 60px;
    border-radius: 18px;
    background-color: #ffffff00;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

/* Заголовок */
.promo-card__title {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

/* Описание */
.promo-card__description {
    font-size: 0.9em;
    line-height: 1.4;
    opacity: 0.8;
}

.promo-card__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: 20px;
}





/* Формы */
.form-right .form-group,
.form-right .form-group .input {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.form-right .form-group label {
    font-size: 18px !important;
    margin-bottom: 10px;
}


.form-right textarea.form-control {
    flex-grow: 1;
    min-height: 370px;
    background: var(--card_bg_black) !important;
    color: #fff !important;
    border: none;
    resize: none;
}

.form-right textarea.form-control::placeholder {
    color: #888 !important;
}

.jqmWindow {
    max-width: 900px !important;
}

.dropdown-menu-wrapper--woffset .dropdown-menu-item--current {
    border-radius: 12px !important;
}

.header-menu__dropdown-item a {
    border-radius: 12px !important;
}

.shadow-no-border-hovered:hover {
    background-color: #000;
    background: #000;
}

.topic {
    display: none;
}

.lx-fix {
    bottom: -19px !important;
}

#faq .nav-tabs {
    display: none !important;
}

.hh-jobs:before {
    content: "";
    position: absolute;
    width: 1200px;
    height: 600px;
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    filter: blur(120px);
    z-index: -1;
    left: 50%;
    top: 78%;
    border-radius: 50%;
    background: #b7bb0014;
    transform: translate(-50%, -50%);
}

.bx-store-box-l {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    min-height: 200px;
}

.header-contacts {
    margin-bottom: 0;
}

.header-contacts h2 {
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
    background: linear-gradient(180deg, #ffffff, #6b778d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.header-contacts p {
    text-align: center;
    color: #6e788a !important;
    font-size: 20px !important;
}

.flip-card {
    perspective: 1000px;
    height: 380px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.flip-card-back {
    transform: rotateY(180deg);
}

.flip-card:hover .card-image {
    opacity: 0;
}

.flip-card .card-image {
    transition: opacity 0.3s ease;
    color: #3b82f6;
}

.flip-card .card-image svg {
    width: 80px;
    height: 80px;
    color: #3b82f6;
}

.flip-card-wrapper,
.card-index,
.flip-card {
    position: relative;
    z-index: 20;
}

#mycomments h2 {
    text-align: center;
    line-height: 40px;
    margin-bottom: 50px;
    background: linear-gradient(180deg, #ffffff, #28303f);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.formContacts {
    height: 100%;
    margin: 0 180px;
}

.formResult-case {
    margin: 0 50px;
    margin-top: 55px;
}

.maps-box-u {
    width: calc(100% - 32px - 490px);
}

.maps-contacts {
    width: 800px;
}

.contacts-body-case {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin: 0 100px;
}

.other-possibilities-case {
    margin: 0 60px;
    display: flex;
    gap: 30px;
}

.other-possibilities-layout {
    position: relative;
    z-index: 20;
}

.flip-card-front .main-card-title {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.flip-card:hover .flip-card-front .main-card-title {
    opacity: 0;
    visibility: hidden;
}

.flip-card .flip-card-back {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transform: rotateY(180deg);
}

.flip-card .flip-card-back * {
    transform: rotateY(-180deg);
}

/* Анимация пульсации для точки Пенза */

.penza-pulse-circle {
    fill: #ffffff !important;
    animation: penzaPulse 2s ease-in-out infinite;
}

@keyframes penzaPulse {
    0% {
        fill: #ffffff;
    }

    50% {
        fill: #808080;
    }

    100% {
        fill: #ffffff;
    }
}

/* SVG блок с Пензой поверх карты */

svg[style*="cursor: pointer"] {
    position: relative;
    z-index: 10;
}

/* Пульсация должна быть позади всех блоков */

.pulsing-circles-section {
    isolation: unset !important;
    z-index: 1 !important;
}

.pulsing-circles-container {
    z-index: 0 !important;
}

.pulsing-circle {
    z-index: 0 !important;
}

/* Уменьшаем размер пульсирующих кругов */

.pulsing-circle.circle-1 {
    width: 50px !important;
    height: 50px !important;
}

.pulsing-circle.circle-2 {
    width: 100px !important;
    height: 100px !important;
}

.pulsing-circle.circle-3 {
    width: 150px !important;
    height: 150px !important;
}

.pulsing-circle.circle-4 {
    width: 200px !important;
    height: 200px !important;
}

/* Уменьшаем размер контейнера пульсации */

.pulsing-circles-container {
    width: 120vw !important;
    height: 120vh !important;
}

.pulsing-circles-section .maxwidth-theme,
.pulsing-circles-section .business-start-header,
.pulsing-circles-section h2,
.pulsing-circles-section p,
.pulsing-circles-section span,
.pulsing-circles-section img {
    position: relative;
    z-index: 2 !important;
}

/* Секция с карточками должна быть выше пульсации */

section[style*="margin-top: 80px"] {
    z-index: 3 !important;
}

/* ----формы-- */


.colored-section {
    background: var(--card_bg_black) !important;
    padding: 60px 0;
    margin: 40px 0;
}

.page-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: bold;
}



.features-section {
    padding: 0px 0;
    display: flex;
    justify-content: center;
}

.features-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.feature-card {
    background-color: var(--card_bg_black) !important;

    border-radius: 12px;
    padding: 24px;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

    position: relative;
    overflow: hidden;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.feature-card__icon {
    margin-bottom: 0;
    height: 36px;
}


/* иконка */
.feature-card__icon img {
    width: 40px;
    height: 40px;
}

.feature-card__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--white_text_black);
}



/* Стили для видео-карточки */
.feature-card--video {
    padding: 0;
    cursor: pointer;
}

.feature-card__video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.feature-card__video-overlay {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 24px;
    background: rgba(0, 0, 0, 0.3);
}

.feature-card__play-button {
    width: 40px;
    height: 40px;
    background-color: #F7BA0A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-card:hover .feature-card__play-button {
    transform: scale(1.10);
}

.feature-card__play-button::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid white;
    margin-left: 4px;
}

.feature-card--video .feature-card__text {
    color: #ffffff;
}

/* Адаптивность */
@media (max-width: 992px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .features-grid {
        grid-template-columns: 1fr;
    }
}

/* Адаптивность*/
@media (max-width: 992px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .features-grid {
        grid-template-columns: 1fr;
    }
}


/* текст стили */
.intro-text-section {
    padding: 80px 0;
    display: flex;
    justify-content: center;
}

.intro-text-container {
    max-width: 1200px;
    width: 100%;
    padding-right: 200px;
    padding: 0 200px 0 15px;
}

.intro-text-container h2 {
    color: var(--white_text_black);
    font-size: 36px;
    line-height: 1.45;
    font-weight: 500;
    margin: 0;
}

/* Адаптивность для текстового блока */
@media (max-width: 768px) {
    .intro-text-container h2 {
        font-size: 28px;
    }
}



.image-section {
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
}

.image-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.image-container img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}



/* тект новое поколение       */
.new-gen-section {
    padding-bottom: 0px;
    display: flex;
    justify-content: center;
}

.new-gen-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.section-divider {
    border: none;
    height: 1px;
    background-color: #6e788a !important;
    margin-bottom: 60px;

}

.new-gen-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
}

.new-gen-content__title {
    color: var(--white_text_black);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}

.new-gen-content__description {
    color: #6e788a !important;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

/* Адаптивность для блока */
@media (max-width: 992px) {
    .new-gen-content {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }

    .new-gen-content__title {
        font-size: 36px;
    }
}

.new-gen-section {
    padding: 0px !important;
}





.ai-cards-section {
    padding-bottom: 0px;
    /* padding-bottom: 80px; */
    display: flex;
    justify-content: center;
}

.ai-cards-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.ai-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.ai-card {
    color: #fff;
    border-radius: 12px;
    padding: 35px;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.ai-card__title {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.ai-card__description {
    font-size: 15px;
    line-height: 1.5;
    opacity: 0.8;
    max-width: 300px;
}

/* Адаптивность для AI карточек */
@media (max-width: 992px) {
    .ai-cards-grid {
        grid-template-columns: 1fr;
    }
}

.final-image-section {
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.final-image-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    position: relative;
}

.final-image-container img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}



.text-overlay {
    position: absolute;
    top: 50px;
    left: 50px;
    color: white;
    max-width: 450px;
    pointer-events: none;
}

.text-overlay__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 15px 0;
}

.text-overlay__description {
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.9;
}

/* Адаптивность для текста на картинке */
@media (max-width: 768px) {
    .text-overlay {
        top: 25px;
        left: 25px;
        right: 25px;
    }

    .text-overlay__title {
        font-size: 28px;
    }

    .text-overlay__description {
        font-size: 16px;
    }
}


/* карточки легкий запуск */
.easy-launch-section {
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
    /* padding-top: 0px; */
}

.easy-launch-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.launch-header {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
}

.launch-header__title {
    color: var(--white_text_black);
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}

.launch-header__description {
    color: #6e788a !important;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

.launch-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}


.launch-card {
    background-color: var(--card_bg_black) !important;
    /* border: 1px solid #f0f0f0; */
    border-radius: 12px;
    padding: 30px;
}

.launch-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.launch-card__icon {
    margin-bottom: 15px;
    /* color: #3b71e8;  */
}

.launch-card__icon svg {
    width: 28px;
    height: 28px;
}

.launch-card__title {
    color: var(--white_text_black);
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
}

.launch-card__description {
    color: #6e788a;
    font-size: 15px;
    line-height: 1.6;
}

.launch-button-wrapper {
    text-align: center;
}

.launch-button {
    display: inline-block;
    /* background-color: #3b71e8; */
    color: var(--white_text_black);
    border: none;
    border-radius: var(--theme-button-border-radius);
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.launch-button:hover {
    background-color: #F7BA0A;
}

/* Адаптивность для блока "Легкий запуск" */
@media (max-width: 992px) {

    .launch-header,
    .launch-cards-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
}





/* тексты к картинками */
.content-image-section {
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
    background-color: var(--card_bg_black) !important;
    border-radius: 12px;
    margin-top: -10px;

}

.content-image-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.content-image-header {
    /* text-align: center; */
    margin-bottom: 40px;
}

.content-image-header__title {
    color: var(--white_text_black);
    font-size: 36px;
    font-weight: 500;
    margin: 0 0 15px 0;
    padding-right: 90px;
}

.content-image-header__description {
    color: #6e788a;
    font-size: 16px;
    line-height: 1.6;
    max-width: 800px;
    /* margin: 0 auto; */
}

.content-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}




/* блок сокращайте путь */
.shorten-path-section {
    padding-bottom: 80px;
    display: flex;
    justify-content: center;
}

.shorten-path-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.shorten-path-header {
    margin-bottom: 40px;
}

.shorten-path-header__title {
    color: var(--white_text_black);
    font-size: 36px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.shorten-path-header__description {
    color: #6e788a;
    font-size: 16px;
    line-height: 1.6;
    max-width: 800px;
    margin: 0;
}

.shorten-path-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.shorten-path-card img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .shorten-path-grid {
        grid-template-columns: 1fr;
    }
}





/* стили таблицы сравнения */
.comparison-section {
    padding: 80px 0;
    background-color: var(--card_bg_black) !important;
    border-radius: 24px;

}

.comparison-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
}

.comparison-features {
    flex-shrink: 0;
    width: 280px;
}

.feature-header-spacer {
    height: 90px;
    border-bottom: 1px solid #e5eaf2;
}

.feature-name {
    height: 90px;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--white_text_black);
    border-bottom: 1px solid #e5eaf2;
    padding-right: 20px;
}

.comparison-slider {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}

.product-card {
    height: 90px;
    background-color: #6e788a !important;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--white_text_black);
    border: 1px solid #6e788a !important;
    ;
    box-sizing: border-box;
}

.product-card img {
    height: 24px;
    width: auto;
}

.comparison-header-swiper .swiper-wrapper {
    padding-bottom: 10px;
}

.comparison-column {
    width: 100%;
}

.feature-value {
    height: 90px;
    border-bottom: 1px solid #e5eaf2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Стили для галочек и прочерков */
.feature-value.check::before {
    content: '✓';
    color: #1dca9d;
    font-size: 24px;
    font-weight: bold;
}

.feature-value.dash::before {
    content: '—';
    color: #bdc5d4;
    font-size: 20px;
}

/* Стили для кнопок навигации */
.swiper-button-prev,
.swiper-button-next {
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    top: 60px;
    transform: translateY(-50%);
}

.swiper-button-prev {
    left: -20px;
}

.swiper-button-next {
    right: -20px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.swiper-button-disabled {
    opacity: 0.2;
    pointer-events: none;
}

.product-card span {
    color: var(--white_text_black);
}





/* Стили для блока Дизайн без границ */
.design-section {
    padding: 80px 0;
    display: flex;
    justify-content: center;

}

.design-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.design-header {
    margin-bottom: 40px;
    max-width: 850px;
}

.design-header__title {
    color: var(--white_text_black);
    font-size: 36px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.design-header__description {
    color: #6e788a;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}


.design-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}


.design-card {
    border-radius: 12px;
}

.design-card__title {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.design-card__image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.design-full-width-card {
    margin-top: 20px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .design-grid {
        grid-template-columns: 1fr;
    }

    .design-header {
        text-align: center;
        max-width: 100%;
    }
}



/* Стили для блока "Умный SEO" */
.seo-section {
    padding: 80px 0;
    display: flex;
    justify-content: center;
}

.seo-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.seo-header {
    margin-bottom: 40px;
    max-width: 850px;
    /* Ограничиваем ширину текстового блока */
}

.seo-header__title {
    color: var(--white_text_black);
    font-size: 36px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.seo-header__description {
    color: #6e788a;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

.seo-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Стили для блока "Независимый мобильный шаблон" */
.mobile-template-section {
    padding: 80px 0;
    display: flex;
    justify-content: center;
}

.mobile-template-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.mobile-template-header {
    margin-bottom: 40px;
    max-width: 850px;
}

.mobile-template-header__title {
    color: var(--white_text_black);
    font-size: 36px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.mobile-template-header__description {
    color: #6e788a;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

.mobile-template-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}





/* Стили для блока "Преимущества для наших партнеров" */
.partners-section {
    padding: 80px 0;
    display: flex;
    justify-content: center;
}

.partners-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.partners-header {
    margin-bottom: 40px;
}

.partners-header__title {
    color: var(--white_text_black);
    font-size: 36px;
    font-weight: 500;
    margin: 0;
}

.partners-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.partner-card {
    background-color: var(--card_bg_black) !important;
    border: 1px solid rgba(110, 120, 138, 0.1);
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.partner-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.partner-card__icon {
    color: #F7BA0A;
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 20px;
    height: 32px;
}

.partner-card__icon svg {
    width: 32px;
    height: 32px;
    fill: #F7BA0A;
}

.partner-card__title {
    color: var(--white_text_black);
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
    flex-grow: 1;
}

.partner-card__description {
    color: #6e788a;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* Адаптивность для блока */
@media (max-width: 992px) {
    .partners-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .partners-grid {
        grid-template-columns: 1fr;
    }

    .partners-header {
        text-align: center;
    }
}





/* Стили для блока формы обратной связи */
.contact-form-section {
    padding: 80px 0;

    display: flex;
    justify-content: center;
}

.contact-form-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.form-text-content {}

.form-title {
    color: var(--white_text_black);
    font-size: 32px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.form-subtitle {
    color: #6e788a;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    max-width: 400px;
}

.form-wrapper {
    background-color: var(--card_bg_black) !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.form-group {
    margin-bottom: 15px;
}

.form-wrapper input[type="text"],
.form-wrapper input[type="tel"],
.form-wrapper input[type="email"],
.form-wrapper textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e5eaf2;
    background-color: #f9fafb;
    border-radius: 8px;
    font-size: 15px;
    color: var(--white_text_black);
    transition: border-color 0.3s ease;
}

.form-wrapper input::placeholder,
.form-wrapper textarea::placeholder {
    color: #8c97ab;
}

.form-wrapper input:focus,
.form-wrapper textarea:focus {
    outline: none;
    border-color: #F7BA0A;
}

.form-consent {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.form-consent input[type="checkbox"] {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

.form-consent label {
    font-size: 13px;
    color: #6e788a;
}

.form-consent a {
    color: #F7BA0A;
    text-decoration: none;
}

.form-consent a:hover {
    text-decoration: underline;
}

.form-submit-button {
    width: 100%;
    padding: 14px;
    background-color: #F7BA0A;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.form-submit-button:hover {
    background-color: #F7BA0A;
}

/* Адаптивность для формы */
@media (max-width: 992px) {
    .contact-form-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .form-text-content {
        text-align: center;
    }

    .form-subtitle {
        margin: 0 auto;
    }
}




/* модальное окно  */
.video-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.85);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.video-modal-content {
    position: relative;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    max-width: 900px;
    width: 90%;
}

.video-modal-content iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.close-button {
    position: absolute;
    top: -35px;
    right: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.close-button:hover {
    opacity: 1;

}

.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #fff;
}


.close-button::before {
    transform: translateX(-50%) rotate(45deg);
}

.close-button::after {
    transform: translateX(-50%) rotate(-45deg);
}


/* Регистрация доменов */
.services-list-component .services-grid-container {
    display: grid;
    gap: 20px;

    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.services-list-component .service-card {
    position: relative;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    min-height: 120px;
    background-color: #28303f;
    color: #FFFFFF;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
    box-sizing: border-box;
}

.services-list-component .service-card:hover {
    background-color: #3a455a;
    transform: translateY(-4px);
}

.services-list-component .service-card__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.services-list-component .service-card__name,
.services-list-component .service-card__arrow {
    position: relative;
    z-index: 2;
}

.services-list-component .service-card__name {
    font-size: 18px;
    font-weight: 500;
    padding-right: 16px;
}

.services-list-component .service-card__arrow {
    color: #FFFFFF;
    opacity: 0.7;
    line-height: 1;
}

.theme-light .services-list-component .service-card {
    background-color: #ffffff;
    color: #1d2129;

}

.theme-light .card-index {
    background: white;
}

.theme-light .main-card-title {
    color: var(--text-color-primary);
}

.theme-light .services-list-component .service-card:hover {
    background-color: #e4e7eb;
}

.theme-light .services-list-component .service-card__arrow {
    color: #1d2129;
}

@media (min-width: 992px) {
    .services-list-component .services-grid-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .services-list-component .services-grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .services-list-component .services-grid-container {
        grid-template-columns: 1fr;
    }
}

.services-cards-light-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 100px;
    color: #1d2129;
    margin-top: 40px;
}

.service-card-light {
    display: flex;
    flex-direction: column;
    /* background-color: var(--card_bg_black) !important; */
    border-radius: 24px;
    padding: 28px;
    height: 420px;
    box-shadow: 10px 16px 40px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

.service-card-light:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.service-card-light__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.service-card-light__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    padding-right: 16px;
}

.service-card-light__icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    opacity: 0.5;
}

.service-card-light__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.service-card-light__description {
    font-size: 16px;
    line-height: 1.5;
    color: #6c757d;
    margin-bottom: 24px;
}

.service-card-light__footer {
    margin-top: auto;
}

.service-card-light__button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 24px;
    background-color: var(--secondary-black-dark-light-bg);
    color: var(--white_text_black) !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 12px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    box-sizing: border-box;
}

.service-card-light__button:hover {
    background-color: #e4e7eb;
    color: #1d2129;
}

@media (max-width: 991px) {
    .services-cards-light-container {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

.domains-filter-buttons {
    margin-bottom: 24px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn {
    font-size: 13px !important;
}

.domains-filter-buttons .btn {
    border-radius: 16px;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: #2E2E2E;
    color: #fff;
}

.theme-light .domains-filter-buttons .btn {
    background-color: #f0f3f5;
    color: #333;
}

.domains-filter-buttons .btn.active {
    background-color: #F8D14A;
    color: #212121;
}

.domains-filter-buttons .btn:hover {
    opacity: 0.9;
}

.domains-list-component .domain-grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.domains-list-component .domain-card {
    position: relative;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 220px;
    overflow: hidden;
    color: #000;
    box-sizing: border-box;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.domains-list-component .domain-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1);
}

.domains-list-component .domain-card__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.domains-list-component .domain-card__content,
.domains-list-component .domain-card__footer {
    position: relative;
    z-index: 2;
}

.domains-list-component .domain-card__name {
    font-weight: bold;
    margin-bottom: 8px;
    word-break: break-all;
}

.domains-list-component .domain-card__description {
    opacity: 0.8;
}

.domains-list-component .domain-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.domains-list-component .domain-card__price-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.domains-list-component .domain-card__price {
    font-weight: bold;
}

.domains-list-component .domain-card__price-old {
    text-decoration: line-through;
    opacity: 0.5;
}

.domains-list-component .domain-card__discount {
    background-color: #FF4F5A;
    color: #fff;
    padding: 4px 12px;
    border-radius: 16px;
    font-weight: bold;
}

.domains-list-component .domain-card--standard {
    min-height: auto;
    padding: 20px;

    background-color: #28303f;
    box-shadow: 0px 4px 15px rgba(39, 56, 79, 0.08) !important;
    color: var(--white_text_black);
}

.domains-list-component .domain-card--standard .domain-card__name {
    font-size: 20px;
}

.domains-list-component .domain-card--standard .domain-card__price {
    font-size: 18px;
}

.theme-light .domains-list-component .domain-card--standard {
    background-color: #ebeef0ff !important;
}

.domains-list-component .domain-card--featured {
    grid-column: span 1;
    background-size: cover;
    background-position: center;
    color: #fff;
    border: none;
}

.domains-list-component .domain-card--featured-1 {
    background-color: #4A63D7;
}

.domains-list-component .domain-card--featured-2 {
    background-color: #C3D0DF;
    color: #000;
}

.domains-list-component .domain-card--featured-3 {
    background-color: #EBF1D9;
    color: #000;
}

@media (min-width: 1200px) {
    .domains-list-component .domain-grid-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .domains-list-component .domain-card--featured {
        min-height: 280px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .domains-list-component .domain-grid-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .domains-list-component .domain-card--featured-1,
    .domains-list-component .domain-card--featured-2 {
        grid-column: span 1;
    }

    .domains-list-component .domain-card--featured-3 {
        grid-column: span 2;
    }
}

.layout__left-column {
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, .1);
    border-right: 0;
}

.layout__sticky-block {
    padding: 0;

}

.swiper-button-prev,
.swiper-button-next {
    background-color: transparent !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}


.tariff-card-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.tariff-card {
    width: 100%;
    max-width: 360px;
    background-color: var(--card_bg_black);
    color: var(--white_text_black);
    border-radius: 12px;
    padding: 30px 35px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 220px;
}

.tariff-card:hover {
    transform: translateY(-5px);
}

.tariff-card__title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: var(--white_text_black);
    line-height: 1.3;
}

.tariff-card__description {
    font-size: 15px;
    line-height: 1.5;
    color: #a0a6cc;
    margin: 0;
}

.tariff-card__footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
}

.tariff-card__price-wrapper .price__new-val,
.tariff-card__price-wrapper .price_value {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--white_text_black) !important;
}

.tariff-card__price-wrapper .price__old-val {
    display: none;
}

/* раздел сервисы */
.hosting-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 60px;
}

.hosting-card {
    position: relative;
    background: var(--card_bg_black, #28303f);
    border-radius: 24px;
    color: var(--white_text_black, #fff);
    overflow: hidden;
    /* Важно для работы плашки */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hosting-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.hosting-card a {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 30px;
    height: 100%;
}

.hosting-card__icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
}

.hosting-card__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 8px 0;
}

.hosting-card__desc {
    font-size: 15px;
    line-height: 1.5;
    opacity: 0.7;
}

.hosting-card__badge {
    position: absolute;
    top: 0;
    right: 0;
    background: #729e00;
    color: #fff;
    padding: 6px 15px 6px 15px;
    font-size: 12px;
    font-weight: 500;
    border-bottom-left-radius: 16px;
    z-index: 1;
}

/* Адаптивность */
@media (max-width: 1200px) {
    .stats-grid {
        grid-template-columns: 1fr;
        text-align: center;
        margin-top: 40px;
    }

    .hosting-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .hosting-cards-grid {
        grid-template-columns: 1fr;
    }

    .hosting-card a {
        padding: 25px;
    }
}

.page-section {
    margin-bottom: 60px;
    position: relative;
}

.deal--big .catalog-list__info-text {
    display: none !important;
}


.deal.deal--big {
    display: flex;
}

.deal.deal--big .deal__image {
    order: 1;
}

.deal.deal--big .deal__col--description {
    order: 2;
}


.deal.deal--big .deal__col--280 {
    order: 3;
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.luxecorp-card {
    background: var(--card_bg_black) !important;
    color: var(--white_text_black) !important;
    border-radius: 24px;
    padding: 28px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: transform 0.3s ease;
    min-height: 200px;
}

.luxecorp-card:hover {
    transform: translateY(-5px);
}

.luxecorp-card .soon {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #F7BA0A;
    color: #000;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 500;
    border-bottom-left-radius: 20px;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.2);
}


@media (max-width: 992px) {
    .card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 768px) {
    .card-grid {
        grid-template-columns: 1fr;
    }
}

/* раздел услуги */

.input--underlined {

    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
    width: 100%;


    background-color: #ffffff !important;
    color: #222222 !important;

    transition: border-color 0.3s ease;
}

.input--underlined:focus {
    outline: none;
    border-bottom-color: var(--theme-base-color, #ffc800);
}


.form-row {
    display: flex;
    gap: 50px;
}

.form-group--mt-30 {
    margin-top: 30px;
}


.portal {
    background: #f0f3f5;
    border-radius: 24px;
    padding: 30px 40px;
    width: 300px;
    height: 350px;
    position: relative;
    box-sizing: border-box;
}


.portal__link {
    text-decoration: none;
}


.portal__badge {
    position: absolute;
    top: -5px;
    right: -15px;

    display: block;
    width: 64px;
    height: 34px;
    padding: 4px 9px;
    box-sizing: border-box;

    background: var(--ui-color-palette-gray-70);
    color: white;
    border-radius: 12px;

    font-size: 13px;
    text-align: center;
    line-height: 26px;
}


.portal .portal-title {
    color: black;

}

.portal .portal-desc {
    color: black;
}

.portal {
    background: #28303f;
}

.portal .portal-title,
.portal .portal-desc {
    color: #ffffff;
}

.theme-light .portal {
    background: #f0f3f5;
}

.theme-light .portal .portal-title,
.theme-light .portal .portal-desc {
    color: #000000;
}



/* услуги */
.cases-section .sale-tile-item {
    background-color: var(--secondary-black-dark-light-bg);
    border-radius: 20px;
}


.cases-section .sale-tile-title {
    background-color: var(--secondary-black-dark-light-bg);


}

.creation-steps {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
}

.creation-steps__title {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    color: var(--white_text_black) !important;
    line-height: 1.2;
    margin-bottom: 60px;
}

.creation-steps__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    position: relative;
}

.creation-steps__card {
    background-color: var(--card_bg_black);
    padding: 32px;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.creation-steps__card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

@media (min-width: 980px) {
    .creation-steps__card:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 70px;
        right: -40px;
        width: 40px;
        height: 2px;
        background-image: linear-gradient(to right, #444 40%, transparent 20%);
        background-size: 10px 2px;
        background-repeat: repeat-x;
    }
}

.creation-steps__card-number {
    font-size: 80px;
    font-weight: 700;
    color: var(--white_text_black) !important;
    opacity: 0.05;
    position: absolute;
    top: 10px;
    right: 20px;
    line-height: 1;
}

.creation-steps__card-title {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--white_text_black) !important;
}

.creation-steps__card-description {
    font-size: 16px;
    line-height: 1.6;
    color: #b0b0b0;
    margin: 0;
}


.tech-stack {
    background-color: var(--card_bg_black);
    padding: 80px 20px;
    margin-top: 80px;
    border-radius: 16px;
}

.tech-stack__container {
    max-width: 1200px;
    margin: 0 auto;
}

.tech-stack__title {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 24px;
}

.tech-stack__subtitle {
    text-align: center;
    font-size: 18px;
    color: #a0a0a0;
    max-width: 600px;
    margin: -10px auto 60px auto;
    line-height: 1.6;
}

.tech-stack__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    max-width: 900px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .tech-stack__grid {
        grid-template-columns: 1fr;
    }
}

.tech-stack__block-title {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 20px;
    color: var(--white_text_black) !important;
    border-left: 3px solid #ffc800;
    padding-left: 15px;
}

.tech-stack__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tech-stack__tag {
    background-color: #333;
    color: #e0e0e0;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 500;
}

.business-start-header h2 {
    font-family: "Golos Text", Arial, sans-serif
}


/* просвет меню */

#headerfixed {
    z-index: 200 !important;
}

#headerfixed .header-menu__item:not(.header-menu__item--wide) .header-menu__dropdown-menu {
    z-index: 199 !important;
    margin-top: -5px !important;
}


#headerfixed .header-menu__item--wide .header-menu__dropdown-menu {

    margin-top: -6px !important;
}

/* Основная оболочка */

.btn-basic {
    background: #28303f;
    background-color: #28303f;
    color: white !important;
    border: none !important
}

.btn-basic:hover {
    color: white !important;
}


.h-cabinet {
    display: flex;
    gap: 5px;
    height: 88px;
}

.theme-light .h-cabinet {
    background-color: white;
}

.theme-dark .h-cabinet {
    background-color: #222731;
}

/* Пульсирующие круги с синим туманом */
.pulsing-circles-section {
    padding: 80px 0;
    position: relative;
    overflow: visible;
    margin: 100px 0;
    isolation: isolate;
}

.pulsing-circles-section .maxwidth-theme,
.pulsing-circles-section .business-start-header,
.pulsing-circles-section h2,
.pulsing-circles-section p,
.pulsing-circles-section span {
    position: relative;
    z-index: 10;
}

.pulsing-circles-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200vw;
    height: 200vh;
    max-width: none;
    max-height: none;
    pointer-events: none;
    z-index: -10;
}

.pulsing-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.4) 0%, rgba(59, 130, 246, 0.25) 20%, rgba(59, 130, 246, 0.15) 40%, rgba(59, 130, 246, 0.05) 60%, transparent 100%);
    opacity: 0;
    animation: pulseCircle 4s ease-out infinite;
}

.pulsing-circle.circle-1 {
    width: 200px;
    height: 200px;
    animation-delay: 0s;
}

.pulsing-circle.circle-2 {
    width: 400px;
    height: 400px;
    animation-delay: 1s;
}

.pulsing-circle.circle-3 {
    width: 600px;
    height: 600px;
    animation-delay: 2s;
}

.pulsing-circle.circle-4 {
    width: 800px;
    height: 800px;
    animation-delay: 3s;
}

@keyframes pulseCircle {
    0% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0.8;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        transform: translate(-50%, -50%) scale(5);
        opacity: 0;
    }
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .pulsing-circle.circle-1 {
        width: 150px;
        height: 150px;
    }

    .pulsing-circle.circle-2 {
        width: 300px;
        height: 300px;
    }

    .pulsing-circle.circle-3 {
        width: 450px;
        height: 450px;
    }

    .pulsing-circle.circle-4 {
        width: 600px;
        height: 600px;
    }

    .pulsing-circles-container {
        width: 150vw;
        height: 150vh;
    }

    @keyframes pulseCircle {
        0% {
            transform: translate(-50%, -50%) scale(0.5);
            opacity: 0.8;
        }

        50% {
            opacity: 0.6;
        }

        100% {
            transform: translate(-50%, -50%) scale(4);
            opacity: 0;
        }
    }
}


.numberParntners {
    width: 100%;
    padding-left: 30px;
    background: linear-gradient(180deg, #34384b, rgba(52, 56, 75, .02));
    -webkit-background-clip: text;
    background-clip: text;
    font-style: normal;
    font-weight: bold;
    font-size: 240px;
    text-align: center;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.grid-list .ui-card.grid-list__item .ui-card__image {
    height: 150px;
    margin: 0 auto;
}

.news-box .ui-card__image {
    height: 213px !important;
    margin: 0 auto;
    margin: 0 !important;
}

.staff-list-compact .ui-card.grid-list__item {
    border-radius: 12px;
}

.auth_frame {
    width: 560px !important;
}

.news-box {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: #0b0d10;
    position: relative;
    overflow: hidden;
    display: flex;
    border: 1px solid #2828284a;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: 0 24px 40px 0 rgba(0, 0, 0, .051);
    transition: transform 0.3s ease;
}

.btn-nav-lx {
    position: absolute;
    background-size: 100% 200%;
    border: 1px solid rgb(255 255 255);
    bottom: 100px;
    z-index: 999;
    left: calc(50% - 20px);
    display: flex;
    width: 40px;
    height: 65px;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    aspect-ratio: 1;
    background: rgba(7, 8, 10, .4);
    cursor: pointer;
    transition: all .5s ease;
    opacity: 0.4;
}

#headerfixed .header {
    background-color: transparent !important;
    background: transparent !important;
}

header.fixed,
#headerfixed.fixed {
    backdrop-filter: blur(0px) !important;
}

.header__inner--shadow-fixed {
    box-shadow: none !important
}

/* Фиксированный слайдер */
.fixed-slider-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
    overflow: hidden;
}

/* Прокручиваемый контент */
.scrollable-content {
    position: relative;
    z-index: 2;
    margin-top: 100vh;
    background: #000;
}

/* Убеждаемся, что слайдер занимает всю высоту */
.fixed-slider-container .banners-big,
.fixed-slider-container .main-slider,
.fixed-slider-container .swiper-wrapper {
    height: 100vh !important;
}

/* Плавный переход прозрачности для текстовых блоков слайдера */
.fixed-slider-container .banners-big__text,
.fixed-slider-container .banners-big__text-block {
    transition: opacity 0.3s ease-out;
}