:root {
            --primary-blue: #2089FF;
            --primary-blue-dark: #1d4ed8;
            --text-primary: #151A42;
            --text-secondary: #626262;
            --bg-white: #ffffff;
            --bg-gray: #f9fafb;
            --success-green: #10B981;
            --warning-yellow: #d97706;
            --brand-logo-height: 80px;
            
            /* Универсальная переменная для фона кнопок */
            --button-bg: #2089FF;
            --button-bg-hover: #1d4ed8;
            
            /* Переменные для изображений */
            --img-yandex: url('https://static.tildacdn.com/tild6263-3866-4932-a563-616637356164/yandex.png');
            --img-2gis: url('https://static.tildacdn.com/tild3164-3661-4230-b630-646562343963/2gis.png');
            --img-hero: url('https://static.tildacdn.com/tild6161-3839-4263-a337-376536643932/hero-image.png');
            --img-printer: url('https://static.tildacdn.com/tild3164-6530-4262-b439-636264323161/printer.png');
            --img-mfu: url('https://static.tildacdn.com/tild6534-3732-4165-a639-636630366332/mfu.png');
            --img-plotter: url('https://static.tildacdn.com/tild6430-3730-4963-a230-666665656138/plotter.png');
            --img-printer-delivery: url('https://static.tildacdn.com/tild3561-3837-4839-b762-346139616561/printer-delivery.jpg');
            --img-guarantee: url('https://static.tildacdn.com/tild3564-6635-4465-b836-623735343937/guarantee.png');
            --img-contract: url('https://static.tildacdn.com/tild3361-3962-4662-a666-393363303765/contract.png');
            
            /* Переменные для логотипов брендов */
            --img-hp-logo: url('https://static.tildacdn.com/tild3464-3130-4264-b763-656131336534/hp-logo.png');
            --img-epson-logo: url('https://static.tildacdn.com/tild3739-6662-4462-b536-333164313232/epson-logo.png');
            --img-canon-logo: url('https://static.tildacdn.com/tild6635-6635-4061-a465-663832326261/canon-logo.png');
            --img-pantum-logo: url('https://static.tildacdn.com/tild3336-6563-4462-a363-316535663935/pantum-logo.png');
            --img-kyocera-logo: url('https://static.tildacdn.com/tild6533-6336-4366-b332-373561653032/kyocera-logo.png');
            --img-brother-logo: url('https://static.tildacdn.com/tild3733-6265-4563-b034-393833306233/brother-logo.png');
            --img-xerox-logo: url('https://static.tildacdn.com/tild3066-3238-4565-a137-653037393430/xerox-logo.png');
            --img-samsung-logo: url('https://static.tildacdn.com/tild3937-6166-4331-a235-303261343265/samsung-logo.png');
            --img-oki-logo: url('https://static.tildacdn.com/tild3731-3134-4534-a230-656130303436/oki-logo.png');
            --img-panasonic-logo: url('https://static.tildacdn.com/tild3432-3732-4237-b435-613939323563/panasonic-logo.png');
        }
        
        body, .container-custom, .card, .btn-cta, .equipment-card, .issue-card, .service-item, .contract-list, .guarantee-list, .coverage-list {
            font-family: 'Manrope', sans-serif;
        }
        
        .my-link-color-header, .my-link-color {
            color: var(--text-primary) !important;
        }
        
        .my-link-color:hover {
            color: var(--primary-blue) !important;
        }
        
        #allrecords ul {
            padding-left: 0px !important;
             padding-bottom: 20px !important;
        }
        .container-custom {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .btn-cta {
            background-color: var(--button-bg);
            color: white !important;
            padding: 12px 24px;
            border-radius: 8px;
            font-weight: 600;
            text-decoration: none !important;
            display: inline-block;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            box-shadow: 0 0 20px rgba(32, 137, 255, 0.3);
        }
        
        .btn-cta:hover {
            background-color: var(--button-bg-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(32, 137, 255, 0.4);
        }
        
        .card {
            background-color: var(--bg-white);
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
        
        .price {
            color: var(--success-green);
            font-weight: 500;
        }
        
        
        /* Header styles */
        header {
            backdrop-filter: blur(10px);
            transform: translateY(0);
            transition: none;
        }
        
        /* Mobile menu animation */
        #mobile-menu {
            transition: all 0.3s ease;
        }
        
        /* Hero section styles */
        .hero-section {
            background-color: var(--bg-white);
        }
        
        /* Section spacing */
        .section-spacing {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        
        @media (max-width: 1024px) {
            .section-spacing {
                padding-top: 80px;
                padding-bottom: 80px;
            }
            
            /* Исправление кнопок в hero на разрешении 1024px */
            .hero-buttons-1024 {
                flex-direction: column !important;
            }
            
            .hero-buttons-1024 a {
                font-size: 14px !important;
                padding: 10px 20px !important;
                white-space: nowrap !important;
            }
            
            /* Исправление отступов guarantee-list на разрешении 1024px */
            .guarantee-list {
                max-width: none !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding-left: 0 !important;
            }
            
            /* Исправление переноса цен в service-price на разрешении 1024px */
            .service-price {
                white-space: nowrap !important;
                min-width: 80px !important;
                flex-shrink: 0 !important;
                font-size: 16px !important;
                text-align: right !important;
            }
            
            /* Исправление отступов contract-list на разрешении 1024px */
            .contract-list {
                max-width: none !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding-left: 0 !important;
            }
        }

        @media (max-width: 960px) {
            .section-spacing {
                padding-top: 50px;
                padding-bottom: 50px;
            }
        }
        
        /* Equipment cards */
        .equipment-card {
            background-color: var(--bg-white);
            border-radius: 12px;
            border: 1px solid #E6E6E6;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            transition: all 0.3s ease;
            overflow: hidden;
            text-decoration: none;
            display: block;
            color: inherit;
        }
        
        .equipment-card:hover {
            border: 1px solid white;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            color: inherit;
            text-decoration: none;
            transform: translateY(-2px);
        }
        
        
        /* Brand marquee styles */
        .brand-marquee {
            overflow: hidden;
            white-space: nowrap;
            position: relative;
        }
        
        .brand-marquee .container-custom {
            position: relative;
            overflow: hidden;
        }
        
        .brand-marquee .container-custom::before,
        .brand-marquee .container-custom::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 80px;
            z-index: 2;
            pointer-events: none;
        }
        
        .brand-marquee .container-custom::before {
            left: 0;
            background: linear-gradient(to right, white, transparent);
        }
        
        .brand-marquee .container-custom::after {
            right: 0;
            background: linear-gradient(to left, white, transparent);
        }
        
        .brand-marquee .brand-scroll {
            padding: 20px 0;
        }
        
        .brand-scroll {
            display: inline-flex;
            animation: scroll-left 40s linear infinite;
        }
        
        @keyframes scroll-left {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        
        .brand-item {
            background-color: #eef0f4;
            margin: 0 20px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #6b7280;
            font-weight: 500;
            font-size: 14px;
            flex-shrink: 0;
            height: var(--brand-logo-height);
            width: 150px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            transition: all 0.3s ease;
        }
        
        .brand-item:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
        }
        
        /* Issues grid styles */
        .issue-card {
            background-color: var(--bg-white);
            border-radius: 12px;
            padding: 20px;
            border: 1px solid #E6E6E6;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            transition: all 0.3s ease;
            text-decoration: none;
            color: inherit;
            display: block;
            cursor: pointer;
            text-align: center;
        }
        
        .issue-card:hover {
            border: 1px solid white;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            color: inherit;
            text-decoration: none;
            transform: translateY(-2px);
        }
        
        .issue-icon {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px;
            border-radius: 12px;
            font-size: 24px;
            color: white;
        }

        /* Discount section styles */
        .discount-section {
            background-color: #F6FAFE;
            border-radius: 24px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
        }

        .countdown-timer #countdown {
            letter-spacing: 0.05em;
        }

        /* Services tabs styles */
        .services-tabs {
            background-color: #FAFAFA;
            border: 1px solid #E6E6E6;
            border-radius: 12px;
            padding: 5px;
            display: inline-flex;
            margin-bottom: 2rem;
            gap: 5px;
            margin-left: auto;
            margin-right: auto;
        }

        .tab-button {
            padding: 12px 24px;
            border: none;
            background: transparent;
            font-size: 16px;
            font-weight: 600;
            color: #626262;
            cursor: pointer;
            transition: all 0.3s ease;
            border-radius: 8px;
            flex: 1;
            max-width: 200px;
            box-shadow: 0 0 10px rgba(98, 98, 98, 0.2);
        }

        .tab-button.active {
            background-color: var(--button-bg);
            color: white;
            box-shadow: 0 2px 8px rgba(32, 137, 255, 0.3);
        }

        /* Специальные стили для разных табов */
        .tab-button[onclick="switchTab('printers')"].active {
            background-color: var(--button-bg);
            box-shadow: 0 2px 8px rgba(32, 137, 255, 0.3);
        }

        .tab-button[onclick="switchTab('mfu')"].active {
            background-color: #10B981;
            box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
        }

        .tab-button[onclick="switchTab('plotters')"].active {
            background-color: #EC4899;
            box-shadow: 0 2px 8px rgba(236, 72, 153, 0.3);
        }

        /* Ховер эффекты для неактивных табов */
        .tab-button[onclick*="printers"]:hover:not(.active) {
            background-color: var(--button-bg);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(32, 137, 255, 0.3);
        }

        .tab-button[onclick*="mfu"]:hover:not(.active) {
            background-color: #10B981;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);
        }

        .tab-button[onclick*="plotters"]:hover:not(.active) {
            background-color: #EC4899;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(236, 72, 153, 0.3);
        }

        /* Ховер эффекты для активных табов - более темные оттенки */
        .tab-button[onclick*="printers"]:hover.active {
            background-color: var(--button-bg-hover);
        }

        .tab-button[onclick*="mfu"]:hover.active {
            background-color: #059669;
        }

        .tab-button[onclick*="plotters"]:hover.active {
            background-color: #db2777;
        }

        .tabs-container {
            position: relative;
            min-height: 400px;
            overflow: hidden;
        }

        .tab-content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            pointer-events: none;
            will-change: opacity, transform;
        }

        .tab-content.active {
            position: relative;
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        .tab-content.fade-out {
            opacity: 0;
            transform: translateY(-10px);
        }

        .services-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
        }

        .service-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 20px;
            border-bottom: 1px solid #e5e7eb;
            transition: all 0.3s ease;
            cursor: pointer;
            text-decoration: none;
            color: inherit;
        }

        .service-item:nth-child(odd) {
            border-right: 1px solid #e5e7eb;
        }

        .service-item:hover {
            background-color: #f9fafb;
            transform: translateX(5px);
            color: inherit;
            text-decoration: none;
        }

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

        .service-name {
            font-weight: 600;
            color: var(--text-primary);
        }

        .service-price {
            font-weight: 700;
            color: #151A42;
            font-size: 18px;
        }

        .show-more-btn {
            display: none;
            width: 100%;
            padding: 16px;
            background-color: var(--button-bg);
            color: white !important;
            border: none;
            border-radius: 0 0 8px 8px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 0 15px rgba(32, 137, 255, 0.3);
        }

        .show-more-btn:hover {
            background-color: var(--button-bg-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(32, 137, 255, 0.4);
        }

        .service-item.hidden-mobile {
            display: flex;
        }

        /* Hide images on small screens (320px - 424px) */
        @media (min-width: 320px) and (max-width: 424px) {
            /* Hide hero image */
            .order-2 .aspect-square {
                display: none !important;
            }
            
            /* Hide printer delivery image */
            .discount-section .text-center {
                display: none !important;
            }
            
            /* Hide guarantee image */
            .guarantee-image {
                display: none !important;
            }
            
            /* Hide contract image */
            .contract-image {
                display: none !important;
            }
        }

        /* Hide CTA button in header only for very small screens (320px - 425px) */
        @media (max-width: 425px) {
            header .btn-cta {
                display: none !important;
            }
            
            /* Header height control for mobile */
            header {
                height: 60px !important;
                max-height: 60px !important;
            }
            
            header .container-custom {
                padding: 0 20px !important;
                height: 60px !important;
            }
            
            header .flex.items-center.justify-between {
                padding: 0 !important;
                height: 60px !important;
                min-height: 60px !important;
            }
            
            /* Logo adjustments for mobile */
            header .flex.items-center a {
                font-size: 16px !important;
                gap: 8px !important;
            }
            
            header .w-10.h-10 {
                width: 20px !important;
                height: 20px !important;
            }
            
            header .w-10.h-10 i {
                font-size: 12px !important;
            }
            
            /* Mobile menu button adjustments */
            header button {
                padding: 4px !important;
            }
            
            header button i {
                font-size: 18px !important;
            }
        }

        /* Rating blocks styles - base styles for all screens */
        .rating-blocks {
            display: flex;
            flex-direction: row;
            gap: 24px;
        }

        /* Fix hero buttons height on small screens (320px - 425px) */
        @media (min-width: 320px) and (max-width: 425px) {
            .hero-buttons-1024 a {
                min-height: 48px !important;
                padding: 12px 16px !important;
                line-height: 1.2 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }
            
            /* Rating blocks responsive - compact styles for small screens */
            .rating-blocks {
                flex-direction: row !important;
                gap: 12px !important;
            }
            
            /* Rating blocks inner elements on small screens */
            .rating-blocks .flex.items-center.gap-3 {
                gap: 8px !important;
            }
            
            .rating-blocks .w-12.h-12 {
                width: 32px !important;
                height: 32px !important;
            }
            
            .rating-blocks .flex.items-center.gap-1.mb-1 span {
                font-size: 12px !important;
            }
            
            .rating-blocks .flex.items-center.gap-1.mb-1 .font-semibold {
                font-size: 14px !important;
                margin-left: 4px !important;
            }
            
            .rating-blocks .text-sm {
                font-size: 10px !important;
            }
            
            /* Fix show issues button to fit in one line */
            .show-issues-btn {
                padding: 12px 16px !important;
                font-size: 14px !important;
                white-space: nowrap !important;
            }
            
            /* Fix discount section container and button */
            .bg-white.rounded-3xl.p-8 {
                padding: 16px !important;
                border-radius: 12px !important;
            }
            
            .discount-section .btn-cta {
                padding: 12px 16px !important;
                font-size: 14px !important;
                white-space: nowrap !important;
            }
            
            .discount-section h2 {
                font-size: 20px !important;
                line-height: 1.2 !important;
                margin-bottom: 16px !important;
            }
            
            .discount-section p {
                font-size: 14px !important;
                margin-bottom: 16px !important;
            }
            
            .discount-section #countdown {
                font-size: 24px !important;
            }
            
            /* Fix discount section image size and rounding */
            .discount-section .w-full.max-w-md.mx-auto.h-80 {
                height: 200px !important;
                overflow: hidden !important;
            }
            
            /* Make CTA buttons full width in guarantee, contract and contacts sections */
            .guarantee-section .btn-cta,
            .contract-section .btn-cta,
            section[id="contacts"] .btn-cta {
                width: 100% !important;
                justify-content: center !important;
                text-align: center !important;
            }
            
            /* Remove bottom padding from sections with this class */
            .no-bottom-padding-mobile {
                padding-bottom: 0 !important;
            }
            
            /* Hide coverage map on small screens */
            .coverage-map-full {
                display: none !important;
            }
            
            /* Increase contacts map height by 30% */
            section[id="contacts"] .flex.items-stretch > div {
                min-height: 400px !important;
            }
        }

        /* Mobile tabs responsive */
        @media (max-width: 424px) {
            .services-tabs {
                flex-direction: column;
                border-bottom: none;
                width: 100%;
                padding: 4px;
            }

            .tab-button {
                margin: 0;
                border-bottom: 1px solid #e5e7eb;
                border-radius: 8px;
                text-align: center;
                width: 100%;
                max-width: none;
                padding: 12px 16px;
                font-size: 14px;
            }


            .tabs-container {
                min-height: 300px;
            }

            .tab-content {
                transform: translateY(15px);
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            }

            .services-grid {
                grid-template-columns: 1fr;
            }

            .service-item:nth-child(odd) {
                border-right: none;
            }

            .service-item.hidden-mobile {
                display: none;
            }

            .show-more-btn {
                display: block;
            }

        }
        
        /* Скрытие изображений на планшетах от 425px до 767px */
        @media (min-width: 425px) and (max-width: 768px) {
            /* Скрытие hero изображения */
            .order-2 {
                display: none;
            }
            
            /* Скрытие изображения доставки принтеров */
            .discount-section .text-center {
                display: none;
            }
            
            /* Скрытие изображения гарантии */
            .guarantee-image {
                display: none;
            }
            
            /* Скрытие изображения договора */
            .contract-image {
                display: none;
            }
            
            /* Табы на всю ширину */
            .services-tabs {
                display: flex;
                flex-direction: row;
                width: 100%;
                border-bottom: 1px solid #e5e7eb;
            }
            
            .tab-button {
                flex: 1;
                text-align: center;
                margin: 0;
                border-radius: 8px 8px 0 0;
                border-bottom: none;
            }
        }

        /* Guarantee section styles */
        .guarantee-section {
            position: relative;
        }

        .guarantee-content {
            align-items: center;
        }

        .guarantee-list {
            list-style: none;
            padding: 0;
        }

        .guarantee-list li {
            display: flex;
            align-items: flex-start;
            font-size: 16px;
            color: #626262;
            line-height: 1.6;
        }

        .guarantee-list li:before {
            content: "✓";
            color: var(--success-green);
            font-weight: bold;
            font-size: 18px;
            margin-right: 12px;
            flex-shrink: 0;
            margin-top: 0px;
        }

        /* Coverage section styles */
        .coverage-section {
            position: relative;
        }

        .coverage-content {
            align-items: center;
        }

        .coverage-content-full {
            align-items: flex-start;
        }

        .coverage-map-large {
            position: relative;
        }

        .coverage-benefits-full {
            padding-left: 1rem;
        }

        .coverage-list,
        .coverage-list-full {
            list-style: none;
            padding: 0;
        }

        .coverage-list li,
        .coverage-list-full li {
            display: flex;
            align-items: flex-start;
            font-size: 16px;
            color: var(--text-primary);
            line-height: 1.6;
        }

        .coverage-list-full li {
            font-size: 18px;
            line-height: 1.7;
        }

        .coverage-list li:before,
        .coverage-list-full li:before {
            content: "✓";
            color: var(--success-green);
            font-weight: bold;
            font-size: 18px;
            margin-right: 12px;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .coverage-list-full li:before {
            font-size: 20px;
            margin-right: 15px;
        }

        @media (max-width: 1024px) {
            .guarantee-content,
            .coverage-content {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .coverage-content-full {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .guarantee-benefits,
            .coverage-benefits {
                text-align: center;
            }

            .coverage-benefits-full {
                text-align: center;
                padding-left: 0;
            }

            .guarantee-list,
            .coverage-list,
            .coverage-list-full {
                max-width: 400px;
                margin: 0 auto;
            }
        }

        /* Map styles */
        .coverage-map iframe {
            border-radius: 8px;
        }
        
        /* Service area cards styles */
        .service-area-card {
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            border: 1px solid rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
        }
        
        .service-area-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(32, 137, 255, 0.2);
        }

        /* Contract section styles */
        .contract-section {
            position: relative;
        }

        .contract-content {
            align-items: center;
        }

        .contract-list {
            list-style: none;
            padding: 0;
        }

        .contract-list li {
            display: flex;
            align-items: center;
            font-size: 16px;
            color: #626262;
            line-height: 1.6;
            gap: 12px;
        }

        .contract-list li i {
            font-size: 20px;
            color: #2089FF;
            flex-shrink: 0;
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        @media (max-width: 768px) {
            .guarantee-section,
            .coverage-section,
            .contract-section {
                padding: 3rem 0;
            }

            .guarantee-image div {
                height: 200px;
            }

            .coverage-map div {
                height: 250px;
                max-width: 100%;
            }

            .coverage-map-large div {
                height: 300px;
            }

            .contract-content {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .contract-benefits {
                text-align: center;
            }

            .contract-list {
                max-width: 400px;
                margin: 0 auto;
            }

            .contract-image div {
                height: 200px;
            }
        }

        @media (max-width: 1024px) {
            .contract-content {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .contract-benefits {
                text-align: center;
            }

            .contract-list {
                max-width: 400px;
                margin: 0 auto;
            }
        }

        /* Subtitle with icon styles */
        .section-subtitle {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
            font-weight: 800;
            color: #2089FF;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 30px;
            margin-left: 0;
            margin-right: auto;
            padding: 0px;
            border-radius: 20px;
            width: fit-content;
        }
        
        /* Unique colors for each section subtitle */
        .section-subtitle.hero {
            color: #2563EB;
        }
        
        .section-subtitle.equipment {
            color: #16A34A;
        }
        
        .section-subtitle.issues {
            color: #DC2626;
        }
        
        .section-subtitle.discount {
            color: #EA580C;
        }
        
        .section-subtitle.services {
            color: #7C3AED;
        }
        
        .section-subtitle.guarantee {
            color: #059669;
        }
        
        .section-subtitle.coverage {
            color: #4338CA;
        }
        
        .section-subtitle.contract {
            color: #059669;
        }
        
        .section-subtitle.contacts {
            color: #0891B2;
        }

        .section-subtitle i {
            font-size: 16px;
            flex-shrink: 0;
        }

        .section-subtitle.center {
            justify-self: center;
            margin-left: auto;
            margin-right: auto;
        }

        @media (max-width: 768px) {
            .section-subtitle {
                font-size: 12px;
                gap: 6px;
            }

            .section-subtitle i {
                font-size: 14px;
            }
        }

        /* Hidden issues styles */
        .hidden-issues {
            display: none;
        }

        .show-issues-btn {
            display: inline-flex;
            align-items: center;
            padding: 16px 24px;
            background-color: transparent;
            color: var(--primary-blue);
            border: 1px solid var(--primary-blue);
            border-radius: 12px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 24px;
            font-size: 16px;
        }

        .show-issues-btn:hover {
            background-color: var(--button-bg);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(32, 137, 255, 0.4);
        }

        /* Phone links styles */
        a[href^="tel:"] {
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        a[href^="tel:"]:hover {
            color: #2089FF;
            transform: translateY(-1px);
        }