@charset "utf-8";

:root {
    color-scheme: light;
    --theme-bg: #ffffff;
    --theme-text: #000000;
    --theme-muted: #727272;
    --theme-surface: #ffffff;
    --theme-surface-soft: #fcfcee;
    --theme-border: rgba(12, 73, 108, 0.14);
    --theme-shadow: 0 18px 48px rgba(8, 33, 51, 0.12);
    --theme-header-surface: rgba(255, 255, 255, 0.96);
    --theme-header-text: #3888b4;
    --theme-header-accent: #0f5783;
    --theme-header-chip-bg: rgba(56, 136, 180, 0.12);
    --theme-header-chip-border: rgba(56, 136, 180, 0.18);
    --theme-header-icon-services: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Crect x='3' y='2.75' width='14' height='14.5' rx='3' stroke='%233888b4' stroke-width='1.7'/%3E%3Cpath d='M6.25 6.5h7.5M6.25 10h7.5M6.25 13.5h4.6' stroke='%233888b4' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
    --theme-header-icon-cabinet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='6.35' r='3.1' stroke='%233888b4' stroke-width='1.7'/%3E%3Cpath d='M4.7 15.7c.95-3.15 9.65-3.15 10.6 0' stroke='%233888b4' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
    --theme-footer-text: #ffffff;
    --theme-footer-muted: #b6e4ff;
    --theme-control-bg: rgba(255, 255, 255, 0.94);
    --theme-control-text: #0f5783;
    --theme-control-border: rgba(255, 255, 255, 0.28);
    --theme-link: #1169a0;
    --theme-input-bg: #ffffff;
    --theme-input-border: #c1deef;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --theme-bg: #08131d;
    --theme-text: #e7eef5;
    --theme-muted: #aac0d1;
    --theme-surface: #0f1d2a;
    --theme-surface-soft: #132333;
    --theme-border: rgba(142, 196, 229, 0.2);
    --theme-shadow: 0 26px 70px rgba(0, 0, 0, 0.32);
    --theme-header-surface: rgba(8, 19, 29, 0.96);
    --theme-header-text: #d3ecff;
    --theme-header-accent: #8ed7ff;
    --theme-header-chip-bg: rgba(142, 215, 255, 0.12);
    --theme-header-chip-border: rgba(142, 215, 255, 0.22);
    --theme-header-icon-services: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Crect x='3' y='2.75' width='14' height='14.5' rx='3' stroke='%23d3ecff' stroke-width='1.7'/%3E%3Cpath d='M6.25 6.5h7.5M6.25 10h7.5M6.25 13.5h4.6' stroke='%23d3ecff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
    --theme-header-icon-cabinet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='6.35' r='3.1' stroke='%23d3ecff' stroke-width='1.7'/%3E%3Cpath d='M4.7 15.7c.95-3.15 9.65-3.15 10.6 0' stroke='%23d3ecff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
    --theme-footer-text: #edf6ff;
    --theme-footer-muted: #8fcdf4;
    --theme-control-bg: rgba(12, 31, 46, 0.9);
    --theme-control-text: #d3ecff;
    --theme-control-border: rgba(173, 219, 248, 0.22);
    --theme-link: #8ed7ff;
    --theme-input-bg: #132434;
    --theme-input-border: #31526b;
}

html,
body {
    background: var(--theme-bg);
}

body {
    color: var(--theme-text);
    transition: background-color 0.25s ease, color 0.25s ease;
}

.top-fixed-right #services-tarif,
.top-fixed-right #private-cabinet {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0;
    margin-top: 4px;
    background: none;
    text-align: left;
    white-space: nowrap;
}

.top-fixed-right #private-cabinet {
    gap: 10px;
    padding-left: 0;
    background: none;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease, text-shadow 0.2s ease;
}

.top-fixed-right #private-cabinet::before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--theme-header-icon-cabinet);
    background-size: 19px 19px;
    transition: transform 0.2s ease, opacity 0.2s ease, filter 0.2s ease;
}

.top-fixed-right .top-fixed-services > a {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.top-fixed-right .top-fixed-services > a:hover #private-cabinet,
.top-fixed-right .top-fixed-services > a:focus-visible #private-cabinet {
    color: var(--theme-header-accent);
    transform: translateY(-1px);
    text-shadow: 0 0 18px rgba(143, 214, 255, 0.18);
}

.top-fixed-right .top-fixed-services > a:hover #private-cabinet::before,
.top-fixed-right .top-fixed-services > a:focus-visible #private-cabinet::before {
    transform: translateY(-1px) scale(1.08);
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(143, 214, 255, 0.22));
}

.top-fixed-right .top-fixed-services > a:focus-visible {
    outline: none;
}

.top-menu {
    display: inline-flex;
    align-items: center;
    gap: 34px;
    width: auto;
    max-width: 700px;
}

.top-menu a {
    white-space: nowrap;
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: color 0.2s ease, text-shadow 0.2s ease, opacity 0.2s ease;
}

.top-menu a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f7961e 0%, #ffb347 100%);
    opacity: 0;
    transform: scaleX(0.45);
    transform-origin: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.top-menu a:hover,
.top-menu a:focus-visible {
    color: #ffffff;
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.18);
    outline: none;
}

.top-menu a:hover::after,
.top-menu a:focus-visible::after {
    opacity: 1;
    transform: scaleX(1);
}

.top-fixed,
.top-fixed-int,
.top-relative,
.top-menu-stripe,
.main-div,
.first-blue-block,
.services-block,
.reviews-block,
.customers-block,
.footer-block,
.bottom-menu-block,
.modal-window,
.top-fixed-menu-mobile-content,
.top-fixed-menu-tablet-content,
.language-switcher,
.theme-switcher,
.theme-switcher-option {
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.bottom-menu-link {
    color: var(--theme-link);
}

.bottom-menu-link:visited,
.bottom-menu-link:active {
    color: var(--theme-link);
}

.customers-block-more a,
.customers-block-more a:visited,
.customers-block-more a:hover,
.customers-block-more a:active {
    color: inherit;
    text-decoration: inherit;
}

.theme-switcher-wrap {
    display: inline-flex;
}

.theme-switcher {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    border: 1px solid var(--theme-control-border);
    border-radius: 999px;
    background: var(--theme-control-bg);
    box-shadow: var(--theme-shadow);
    backdrop-filter: blur(10px);
}

.theme-switcher-option {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--theme-control-text);
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.theme-switcher-option:hover,
.theme-switcher-option:focus-visible {
    outline: none;
    color: var(--theme-header-accent);
    background: rgba(15, 87, 131, 0.09);
}

.theme-switcher-option.is-active {
    background: linear-gradient(135deg, #f7961e 0%, #ffb347 100%);
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(247, 150, 30, 0.26);
}

.theme-switcher-icon {
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.left-menu-item-selected {
    background: none !important;
    padding-left: 16px;
}

.left-menu-item-selected::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: linear-gradient(135deg, #f7961e 0%, #ffb347 100%);
    box-shadow: 0 0 0 1px rgba(247, 150, 30, 0.14);
}

.bottom-menu-block {
    height: 176px;
}

.bottom-menu-block .block-int {
    top: 0;
}

.bottom-menu-theme {
    position: absolute;
    top: 112px;
    left: 8px;
    z-index: 10;
}

.bottom-menu-block .bottom-menu-logos,
.bottom-menu-block .bottom-menu-contacts,
.bottom-menu-block .bottom-menu-col1,
.bottom-menu-block .bottom-menu-col2 {
    margin-top: 58px;
}

html[data-theme="dark"] .top-fixed,
html[data-theme="dark"] .top-fixed-int,
html[data-theme="dark"] .top-relative {
    background: var(--theme-header-surface);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .top-menu-stripe {
    background: #0b3853;
}

html[data-theme="dark"] .top-fixed-menu-mobile-content,
html[data-theme="dark"] .top-fixed-menu-tablet-content {
    background: rgba(9, 21, 32, 0.96);
    box-shadow: var(--theme-shadow);
}

html[data-theme="dark"] .language-switcher {
    background: rgba(12, 31, 46, 0.82);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .language-switcher-option {
    color: var(--theme-header-text);
}

html[data-theme="dark"] .language-switcher-option:hover,
html[data-theme="dark"] .language-switcher-option:focus-visible {
    color: #ffffff;
}

html[data-theme="dark"] .top-slider,
html[data-theme="dark"] .first-blue-block,
html[data-theme="dark"] .footer-block {
    background-color: #0b2234;
    background-blend-mode: multiply;
}

html[data-theme="dark"] .footer-block {
    background-color: #17334b;
    background-image: linear-gradient(90deg, rgba(11, 24, 37, 0.18) 0%, rgba(11, 24, 37, 0.12) 42%, rgba(8, 18, 29, 0.28) 100%), url(../images/blue-bg-footer.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: normal;
}

html[data-theme="dark"] .top-slider {
    background-color: #08131d;
    background-image: url(../images/index-slider-main-black-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-blend-mode: normal;
}

html[data-theme="dark"] .homepage-hero-module .video-container .filter {
    background: linear-gradient(180deg, rgba(2, 8, 14, 0.56) 0%, rgba(5, 14, 23, 0.4) 44%, rgba(6, 16, 26, 0.62) 100%);
}

html[data-theme="dark"] .homepage-hero-module .video-container .poster img {
    opacity: 0.88;
}

html[data-theme="dark"] .homepage-hero-module .video-container.is-ready video {
    opacity: 0.58;
}

html[data-theme="dark"] .slider-button {
    border-color: #f9a63a;
    color: #ffd79f;
    background: rgba(6, 18, 30, 0.52);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(249, 166, 58, 0.08);
    backdrop-filter: blur(12px);
}

html[data-theme="dark"] .slider-button:link,
html[data-theme="dark"] .slider-button:visited,
html[data-theme="dark"] .slider-button:hover,
html[data-theme="dark"] .slider-button:active {
    color: #ffd79f;
}

html[data-theme="dark"] .slider-button:hover,
html[data-theme="dark"] .slider-button:focus-visible {
    background: rgba(8, 24, 38, 0.68);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(249, 166, 58, 0.16);
    outline: none;
}

html[data-theme="dark"] .scroll-carousel-section .slider-switch {
    background: rgba(7, 18, 30, 0.74);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(143, 214, 255, 0.12);
    backdrop-filter: blur(12px);
}

html[data-theme="dark"] .scroll-carousel-section .slider-switch-item {
    background: rgba(143, 214, 255, 0.2) !important;
    box-shadow: inset 0 0 0 1px rgba(143, 214, 255, 0.1);
}

html[data-theme="dark"] .scroll-carousel-section .slider-switch-item.ssi-empty,
html[data-theme="dark"] .scroll-carousel-section .slider-switch-item[aria-pressed='false'] {
    background: rgba(143, 214, 255, 0.18) !important;
}

html[data-theme="dark"] .scroll-carousel-section .slider-switch-item.ssi-full,
html[data-theme="dark"] .scroll-carousel-section .slider-switch-item[aria-pressed='true'] {
    background: linear-gradient(135deg, #f7961e 0%, #ffb347 100%) !important;
    box-shadow: 0 8px 18px rgba(247, 150, 30, 0.22);
}

html[data-theme="dark"] .services-block,
html[data-theme="dark"] .main-div,
html[data-theme="dark"] .bottom-menu-block,
html[data-theme="dark"] .modal-window,
html[data-theme="dark"] .reviews-block {
    background: var(--theme-surface);
}

html[data-theme="dark"] #services_01 .service-icon { background-image: url(../images/service-icons/s01_black.png); }
html[data-theme="dark"] #services_02 .service-icon { background-image: url(../images/service-icons/s02_black.png); }
html[data-theme="dark"] #services_03 .service-icon { background-image: url(../images/service-icons/s03_black.png); }
html[data-theme="dark"] #services_04 .service-icon { background-image: url(../images/service-icons/s04_black.png); }
html[data-theme="dark"] #services_05 .service-icon { background-image: url(../images/service-icons/s05_black.png); }
html[data-theme="dark"] #services_06 .service-icon { background-image: url(../images/service-icons/s06_black.png); }
html[data-theme="dark"] #services_07 .service-icon { background-image: url(../images/service-icons/s07_black.png); }
html[data-theme="dark"] #services_08 .service-icon { background-image: url(../images/service-icons/s08_black.png); }

html[data-theme="dark"] .customers-block {
    background: var(--theme-surface-soft);
}

html[data-theme="light"] .customers-block-slider-logo--cloudpayments,
.customers-block-slider-logo--cloudpayments {
    background-image: url(../images/logos/cloudpayments.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 85% auto !important;
}

html[data-theme="dark"] .customers-block-slider-logo--cloudpayments {
    background-image: url(../images/logos/cloudpayments_black.svg) !important;
}

html[data-theme="light"] .customers-block-slider-logo--pitatel,
.customers-block-slider-logo--pitatel {
    background-image: url(../images/logos/pitatel.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 88% auto !important;
}

html[data-theme="dark"] .customers-block-slider-logo--pitatel {
    background-image: url(../images/logos/pitatel_black.svg) !important;
}

html[data-theme="light"] .customers-block-slider-logo--calzedonia,
.customers-block-slider-logo--calzedonia {
    background-image: url(../images/logos/calzedonia_logo.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 90% auto !important;
}

html[data-theme="dark"] .customers-block-slider-logo--calzedonia {
    background-image: url(../images/logos/calzedonia_logo_black.svg) !important;
}

html[data-theme="light"] .customers-block-slider-logo--falconeri,
.customers-block-slider-logo--falconeri {
    background-image: url(../images/logos/falconeri_logo.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

html[data-theme="dark"] .customers-block-slider-logo--falconeri {
    background-image: url(../images/logos/falconeri_logo_black.svg) !important;
}

html[data-theme="dark"] .customers-block-slider-logo--tezenis {
    background-image: url(../images/logos/tezenis_black.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

html[data-theme="light"] .customers-block-slider-logo--intimissimi,
.customers-block-slider-logo--intimissimi {
    background-image: url(../images/logos/intimissimi_logo.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 88% auto !important;
}

html[data-theme="dark"] .customers-block-slider-logo--intimissimi {
    background-image: url(../images/logos/intimissimi_black.svg) !important;
}

.partners-logos-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px 24px;
    margin-top: 36px;
}

.partners-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    min-height: 72px;
    text-decoration: none;
}

.partners-logo {
    display: block;
    width: 100%;
    height: 64px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.partners-logo--delimobil {
    background-image: url(../images/logos/delimobil.png);
}

.partners-logo--batterika {
    background-image: url(../images/logos/batterika.png);
}

.partners-logo--vgexpress {
    background-image: url(../images/logos/vgexpress.png);
}

@media only screen and (min-width: 611px) and (max-width: 1023px) {
    .partners-logo-link {
        width: 170px;
    }
}

@media only screen and (max-width: 610px) {
    .partners-logos-grid {
        gap: 14px 16px;
        margin-top: 24px;
    }

    .partners-logo-link {
        width: 128px;
        min-height: 60px;
    }

    .partners-logo {
        height: 54px;
    }
}

html[data-theme="dark"] .reviews-review,
html[data-theme="dark"] #reviews_review {
    background: rgba(10, 24, 37, 0.92) !important;
    color: rgba(237, 246, 255, 0.88) !important;
    box-shadow: inset 0 0 0 1px rgba(143, 214, 255, 0.08), 0 18px 44px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .reviews-review a,
html[data-theme="dark"] #reviews_review a {
    color: #ffd79f !important;
}

html[data-theme="dark"] .reviews-review strong,
html[data-theme="dark"] #reviews_review strong {
    color: var(--theme-footer-text);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] .inner-text-block,
html[data-theme="dark"] .inner-text-block p,
html[data-theme="dark"] .inner-text-block li,
html[data-theme="dark"] .inner-text-block td,
html[data-theme="dark"] .reviews-block-comment,
html[data-theme="dark"] .reviews-block-header,
html[data-theme="dark"] .reviews-block-slider-name,
html[data-theme="dark"] .reviews-block-slider-position,
html[data-theme="dark"] .reviews-block-slider-company,
html[data-theme="dark"] .customers-block-header,
html[data-theme="dark"] .customers-block-comment,
html[data-theme="dark"] .services-block-header,
html[data-theme="dark"] .services-block-service,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-comment,
html[data-theme="dark"] #priv_data,
html[data-theme="dark"] #priv_data2,
html[data-theme="dark"] .bottom-menu-contacts,
html[data-theme="dark"] .bottom-menu-col1,
html[data-theme="dark"] .bottom-menu-col2,
html[data-theme="dark"] .contract-form-label,
html[data-theme="dark"] .contract-form-label2,
html[data-theme="dark"] .contract-form-label-mini {
    color: var(--theme-text);
}

html[data-theme="dark"] .service-text,
html[data-theme="dark"] .services-block-calctext {
    color: rgba(237, 246, 255, 0.72);
}

html[data-theme="dark"] .head3,
html[data-theme="dark"] .snoska,
html[data-theme="dark"] .left-main-column,
html[data-theme="dark"] #calc-common-result,
html[data-theme="dark"] #count_result_details,
html[data-theme="dark"] #calc-common-result-detail,
html[data-theme="dark"] #calc-details,
html[data-theme="dark"] .tariff-plan,
html[data-theme="dark"] .tariff-plan-desc,
html[data-theme="dark"] .tariff-desc {
    color: rgba(237, 246, 255, 0.78);
}

html[data-theme="dark"] .tariff-plan-name {
    color: var(--theme-header-accent);
}

html[data-theme="dark"] .tariff-plan-price {
    color: #ffd79f;
}

html[data-theme="dark"] .left-main-column {
    border-color: rgba(143, 214, 255, 0.24);
    background: rgba(12, 31, 46, 0.38);
}

html[data-theme="dark"] .price-list1 th,
html[data-theme="dark"] .price-list1 .thL,
html[data-theme="dark"] .tarifs-table-top {
    background: rgba(143, 214, 255, 0.12);
    color: var(--theme-footer-text);
}

html[data-theme="dark"] .price-list1 td,
html[data-theme="dark"] .tarifs-table-main {
    background: rgba(19, 35, 51, 0.88);
    color: rgba(237, 246, 255, 0.8);
}

html[data-theme="dark"] #calc-details {
    color: var(--theme-link);
}

html[data-theme="dark"] .service-text strong,
html[data-theme="dark"] .services-block-calctext strong {
    color: var(--theme-footer-text);
}

html[data-theme="dark"] .reviews-block-slider-company a {
    color: #ffd79f !important;
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

html[data-theme="dark"] .reviews-block-slider-company a:hover,
html[data-theme="dark"] .reviews-block-slider-company a:focus-visible {
    color: #fff4dc;
    text-shadow: 0 0 14px rgba(255, 215, 159, 0.18);
    outline: none;
}

html[data-theme="dark"] .main-div a:not(.mainlink),
html[data-theme="dark"] .inner-text-block a,
html[data-theme="dark"] .customers-block-more,
html[data-theme="dark"] .bottom-menu-link {
    color: var(--theme-link);
}

html[data-theme="dark"] .top-slider-header,
html[data-theme="dark"] .top-slider-header2,
html[data-theme="dark"] .top-slider-text,
html[data-theme="dark"] .first-blue-header,
html[data-theme="dark"] .first-blue-text1,
html[data-theme="dark"] .first-blue-text2,
html[data-theme="dark"] .footer-block-header {
    color: var(--theme-footer-text);
}

html[data-theme="dark"] .footer-block--home .callus-block-header,
html[data-theme="dark"] .footer-block--home .callus-block-comment {
    color: var(--theme-text);
}

html[data-theme="dark"] .footer-block--home .callus-button {
    color: #fff7ea;
    border-color: #f9a63a;
    background: rgba(7, 20, 31, 0.48);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(249, 166, 58, 0.08);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

html[data-theme="dark"] .footer-block--home .callus-button:hover,
html[data-theme="dark"] .footer-block--home .callus-button:focus-visible {
    color: #ffffff;
    background: rgba(9, 24, 36, 0.64);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(249, 166, 58, 0.16);
    outline: none;
}

html[data-theme="dark"] .footer-block--inner .callus-block-header {
    color: var(--theme-footer-muted);
}

html[data-theme="dark"] .footer-block--inner .callus-button-white,
.footer-block--inner .callus-button-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

html[data-theme="dark"] .footer-block--inner .callus-button-white {
    background: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] #services-tarif,
html[data-theme="dark"] #private-cabinet,
html[data-theme="dark"] #language-changer,
html[data-theme="dark"] .point-ham-menu,
html[data-theme="dark"] .top-menu,
html[data-theme="dark"] .top-menu a,
html[data-theme="dark"] .top-phone1,
html[data-theme="dark"] .top-phone2,
html[data-theme="dark"] .top-fixed-menu-phone1-phone {
    color: var(--theme-header-text);
}

html[data-theme="dark"] #language-changer {
    border-color: var(--theme-border);
    background: rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .top-fixed-logo,
html[data-theme="dark"] .bottom-menu-logo {
    background-image: url(../images/shipperty_logo_black.png);
    background-size: contain;
}

html[data-theme="dark"] .left-menu-item {
    color: var(--theme-link);
}

html[data-theme="dark"] .left-menu-item-selected {
    color: var(--theme-text);
}

html[data-theme="dark"] .calc-input-small,
html[data-theme="dark"] .calc-input-middle,
html[data-theme="dark"] .calc-input-long,
html[data-theme="dark"] .location-select,
html[data-theme="dark"] .sinput,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background: var(--theme-input-bg);
    border-color: var(--theme-input-border);
    color: var(--theme-text);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--theme-muted);
}

html[data-theme="dark"] .top-fixed-logo,
html[data-theme="dark"] .bottom-menu-logo {
    filter: none;
}

html[data-theme="dark"] .footer-block-phone,
html[data-theme="dark"] .footer-block-man,
html[data-theme="dark"] .footer-block-car {
    filter: brightness(1.18) saturate(0.92);
}

@media only screen and (min-width: 610px) and (max-width: 1023px) {
    .bottom-menu-block {
        height: 172px;
    }

    .bottom-menu-theme {
        top: 112px;
        left: 8px;
        transform: none;
    }

    .bottom-menu-block .bottom-menu-logos,
    .bottom-menu-block .bottom-menu-contacts,
    .bottom-menu-block .bottom-menu-col1,
    .bottom-menu-block .bottom-menu-col2 {
        margin-top: 54px;
    }

    .footer-block--inner .callus-button-white {
        font-size: 13px;
        letter-spacing: 0.03em;
    }
}

@media only screen and (max-width: 610px) {
    .bottom-menu-block {
        height: 180px;
    }

    .bottom-menu-theme {
        top: 108px;
        left: 10px;
        transform: none;
    }

    .bottom-menu-block .bottom-menu-logos,
    .bottom-menu-block .bottom-menu-contacts,
    .bottom-menu-block .bottom-menu-col1,
    .bottom-menu-block .bottom-menu-col2 {
        margin-top: 62px;
    }

    .theme-switcher-option {
        width: 28px;
        height: 28px;
        font-size: 13px;
    }

    .left-menu-item-selected {
        padding-left: 15px;
    }

    .left-menu-item-selected::before {
        width: 7px;
        height: 7px;
    }

    .footer-block--inner .callus-button-white {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.02em;
    }
}

@media only screen and (min-width: 1024px) {
    .footer-block--inner .callus-button-white {
        font-size: 18px;
    }
}