/* 2b47a93efa */
/* Общий контейнер */

#main-header-banner {

    position: relative;

    width: 100%;

    height: 80vh;

    min-height: 600px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    margin: 0 !important;

    padding: 0 !important;

    z-index: 10;

    box-sizing: border-box;

}



/* Параллакс-фон */

.parallax-background {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url('https://ritual-uslugi31.ru//wp-content/uploads/2025/07/11-1.png');

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    z-index: 1;

}



/* Легкий градиентный оверлей */

.gradient-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(to bottom, rgba(25, 42, 61, 0.6), rgba(25, 42, 61, 0.8));

    z-index: 2;

}



/* Контейнер для эффектов */

.floating-lights-container {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    overflow: hidden;

    z-index: 3;

}



/* Звезды */

.floating-star {

    position: absolute;

    background-color: rgba(255, 255, 255, 0.7);

    border-radius: 50%;

    opacity: 0;

    transform: scale(1);

}



/* Анимация мерцания звезд */

@keyframes twinkle {

    0%, 100% { 

        opacity: 0.2; 

        transform: scale(1); 

    }

    50% { 

        opacity: 0.8; 

        transform: scale(1.05); 

    }

}



/* Контент */

.content-wrapper {

    position: relative;

    z-index: 4;

    text-align: center;

    padding: 20px;

    max-width: 900px;

    width: 90%;

    margin-top: -15vh; /* Сдвигаем контент выше */

}



.text-content {

    opacity: 0;

    animation: textAppear 1.5s ease forwards;

    animation-delay: 0.3s;

}



.title {

    font-size: 3.5rem;

    font-weight: 700;

    color: #efcc4a;

    text-shadow: 0 2px 8px rgba(0,0,0,0.4);

    margin-bottom: 20px;

    line-height: 1.1;

}



.subtitle {

    font-size: 1.6rem;

    color: #fff;

    margin-bottom: 30px; /* Уменьшен отступ */

    text-shadow: 0 1px 4px rgba(0,0,0,0.3);

    line-height: 1.5;

    opacity: 0.9;

    max-width: 700px;

    margin-left: auto;

    margin-right: auto;

}



/* Контейнер для кнопок */

.buttons-container {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 20px;

    margin-top: 20px;

}



/* Основная кнопка */

.cta-button {

    display: inline-block;

    padding: 15px 40px;

    background: #efcc4a;

    color: #192a3d !important;

    text-decoration: none;

    font-size: 1.2rem;

    font-weight: 600;

    border-radius: 6px;

    transition: all 0.3s ease;

    box-shadow: 0 4px 12px rgba(0,0,0,0.2);

    border: 2px solid rgba(25, 42, 61, 0.4);

    position: relative;

    z-index: 10;

    flex: 0 0 auto;

}



.cta-button:hover {

    background: #fce772;

    transform: translateY(-3px);

    box-shadow: 0 6px 16px rgba(0,0,0,0.25);

}



/* Анимация появления текста */

@keyframes textAppear {

    from {

        opacity: 0;

        transform: translateY(20px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



/* Адаптивность */

@media (max-width: 1200px) {

    .title {

        font-size: 3rem;

    }

    .subtitle {

        font-size: 1.4rem;

    }

}



@media (max-width: 992px) {

    #main-header-banner {

        height: 80vh;

    }

    .title { 

        font-size: 2.6rem;

    }

    .subtitle { 

        font-size: 1.3rem;

    }

    .cta-button { 

        padding: 13px 30px;

        font-size: 1.1rem;

    }

}



@media (max-width: 768px) {

    .title { 

        font-size: 2.2rem;

    }

    .subtitle { 

        font-size: 1.1rem;

    }

    .content-wrapper {

        margin-top: -10vh; /* Меньший сдвиг на мобильных */

    }

}



@media (max-width: 576px) {

    #main-header-banner {

        height: 85vh;

    }

    .title { 

        font-size: 1.9rem;

    }

    .subtitle { 

        font-size: 1rem;

    }

    .cta-button {

        padding: 12px 25px;

        font-size: 1rem;

    }

}



/* Отключение параллакса на мобильных */

@media (max-width: 1024px), (pointer: coarse) {

    .parallax-background {

        background-attachment: scroll !important;

    }

}



/* Для маленьких экранов */

@media (max-height: 500px) {

    #main-header-banner {

        min-height: 500px;

        height: 100vh;

    }

    .content-wrapper {

        margin-top: -5vh;

    }

}/* cb99916cdc */
.blog-cards-section{padding:70px 0;background:#f7f8fa}.blog-cards-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:1200px;margin:0 auto;padding:0 15px}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(25,42,61,.08);transition:all .4s ease;flex:1 1 340px;max-width:380px;text-decoration:none;display:flex;flex-direction:column;border:1px solid #f0f0f0;position:relative}.blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(25,42,61,.15);border-color:#efcc4a}.blog-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#efcc4a;z-index:2}.blog-card-img{height:200px;overflow:hidden}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-body{padding:25px 22px;display:flex;flex-direction:column;flex-grow:1}.blog-card-cat{display:inline-block;background:rgba(239,204,74,.15);color:#8a6f3c;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:20px;align-self:flex-start;margin-bottom:12px}.blog-card-title{font-size:1.15rem;color:#192a3d;margin:0 0 10px;line-height:1.4;font-weight:700}.blog-card-excerpt{color:#555;font-size:.92rem;line-height:1.6;margin:0 0 15px;flex-grow:1}.blog-card-more{color:#192a3d;font-weight:600;font-size:.9rem;transition:color .3s}.blog-card:hover .blog-card-more{color:#efcc4a}@media(max-width:768px){.blog-cards-section{padding:50px 0}}.blog-all-link-wrap{text-align:center;margin-top:40px}.blog-all-link{display:inline-block;background:#192a3d;color:#fff;font-weight:600;font-size:1rem;padding:14px 36px;border-radius:30px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 18px rgba(25,42,61,.18)}.blog-all-link:hover{background:#efcc4a;color:#192a3d;transform:translateY(-2px);box-shadow:0 10px 24px rgba(239,204,74,.35)}.blog-all-link .arr{display:inline-block;transition:transform .3s ease}.blog-all-link:hover .arr{transform:translateX(4px)}/* 53eba5e435 */
.customer-testimonials {

    background: #f8f8f8;

    padding: 80px 0;

    position: relative;

    overflow: hidden;

}

.customer-testimonials::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: linear-gradient(90deg, #192a3d, #efcc4a, #192a3d);

}

.container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 15px;

}

.section-header {

    text-align: center;

    margin-bottom: 40px;

    animation: fadeInDown 1s ease-out;

}

.section-header h2 {

    font-size: 2.6rem;

    color: #192a3d;

    margin-bottom: 15px;

    position: relative;

}

.section-header h2::after {

    content: "";

    position: absolute;

    bottom: -10px;

    left: 50%;

    transform: translateX(-50%);

    width: 80px;

    height: 3px;

    background: #efcc4a;

}

.section-header p {

    font-size: 1.3rem;

    color: #333;

    max-width: 720px;

    margin: 25px auto 0;

    line-height: 1.6;

}



/* Контейнер для виджета */

.yandex-widget-container {

    max-width: 800px;

    margin: 0 auto;

    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(25, 42, 61, 0.15);

    background: white;

}



/* Стили для самого виджета */

.yandex-reviews-widget {

    width: 100%;

    height: 600px;

    position: relative;

}



.widget-note {

    text-align: center;

    padding: 15px;

    background: rgba(239, 204, 74, 0.08);

    border-top: 1px solid rgba(239, 204, 74, 0.2);

    font-size: 0.9rem;

    color: #666;

}



/* Анимация появления */

@keyframes fadeInDown {

    from {

        opacity: 0;

        transform: translateY(-30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



/* Адаптивность */

@media (max-width: 992px) {

    .section-header h2 {

        font-size: 2.2rem;

    }

    .yandex-reviews-widget {

        height: 550px;

    }

}

@media (max-width: 768px) {

    .customer-testimonials {

        padding: 60px 0;

    }

    .section-header {

        margin-bottom: 30px;

    }

    .section-header h2 {

        font-size: 2rem;

    }

    .section-header p {

        font-size: 1.1rem;

    }

    .yandex-reviews-widget {

        height: 500px;

    }

}

@media (max-width: 576px) {

    .customer-testimonials {

        padding: 50px 0;

    }

    .section-header h2 {

        font-size: 1.8rem;

    }

    .yandex-reviews-widget {

        height: 450px;

    }

    .widget-note {

        font-size: 0.8rem;

        padding: 10px;

    }

}

@media (max-width: 480px) {

    .yandex-reviews-widget {

        height: 400px;

    }

    .section-header h2::after {

        width: 60px;

        height: 2px;

    }

}/* 3a7fc5e374 */
.company-advantages {

    background: #f9f9f9;

    padding: 90px 0;

    position: relative;

    overflow: hidden;

}



.company-advantages::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: linear-gradient(90deg, #192a3d, #efcc4a, #192a3d);

    z-index: 1;

}



.company-advantages .container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}



.company-advantages .section-header {

    text-align: center;

    margin-bottom: 60px;

}



.company-advantages .section-header h2 {

    font-size: 2.6rem;

    color: #192a3d;

    margin-bottom: 15px;

    position: relative;

    padding-bottom: 20px;

}



.company-advantages .section-header h2::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100px;

    height: 4px;

    background: #efcc4a;

    border-radius: 2px;

}



.company-advantages .section-header p {

    font-size: 1.3rem;

    color: #444;

    max-width: 800px;

    margin: 25px auto 0;

    line-height: 1.6;

}



.advantages-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 25px;

}



.advantage-card {

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 5px 20px rgba(25, 42, 61, 0.06);

    transition: all 0.4s ease;

    position: relative;

    opacity: 0;

    transform: translateY(30px) scale(0.95);

    animation: advantageAppear 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;

    text-align: center;

    padding: 30px 20px;

    border: 1px solid #eee;

}



.advantage-card.animated {

    opacity: 1;

    transform: translateY(0) scale(1);

}



.advantage-card:hover {

    transform: translateY(-8px) scale(1.02) !important;

    box-shadow: 0 10px 30px rgba(25, 42, 61, 0.12);

    border-color: #efcc4a;

}



.advantage-icon {

    width: 70px;

    height: 70px;

    background: #192a3d;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 2rem;

    color: #efcc4a;

    margin: 0 auto 20px;

    transition: all 0.4s ease;

    font-weight: bold;

}



.advantage-card:hover .advantage-icon {

    background: #efcc4a;

    color: #192a3d;

    transform: rotate(10deg) scale(1.1);

}



.advantage-content h3 {

    font-size: 1.4rem;

    color: #192a3d;

    margin-bottom: 15px;

    min-height: 3.2rem;

}



.advantage-content p {

    color: #555;

    line-height: 1.6;

    font-size: 1rem;

}



/* Анимации */

@keyframes advantageAppear {

    from {

        opacity: 0;

        transform: translateY(30px) scale(0.95);

    }

    to {

        opacity: 1;

        transform: translateY(0) scale(1);

    }

}



/* Адаптивность */

@media (max-width: 1100px) {

    .advantages-grid {

        grid-template-columns: repeat(3, 1fr);

    }

}



@media (max-width: 768px) {

    .advantages-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 20px;

    }

    

    .company-advantages {

        padding: 70px 0;

    }

    

    .company-advantages .section-header h2 {

        font-size: 2.2rem;

    }

    

    .company-advantages .section-header p {

        font-size: 1.1rem;

    }

    

    .advantage-content h3 {

        font-size: 1.3rem;

    }

}



@media (max-width: 576px) {

    .advantages-grid {

        grid-template-columns: 1fr;

        max-width: 500px;

        margin: 0 auto;

    }

    

    .company-advantages .section-header h2 {

        font-size: 2rem;

    }

    

    .advantage-card {

        padding: 25px 15px;

    }

    

    .advantage-icon {

        width: 60px;

        height: 60px;

        font-size: 1.8rem;

    }

}/* front-services */
/* Скрываем контейнер по требованию */

        .ct-container-full {

            display: none !important;

        }

        

        /* Основные стили раздела с новой цветовой схемой */

        .ritual-services {

            background: #ffffff;

            padding: 80px 0;

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

        }

        

        .section-header {

            text-align: center;

            max-width: 800px;

            margin: 0 auto 60px;

        }

        

        .section-header h2 {

            color: #192a3d;

            font-size: 36px;

            margin-bottom: 20px;

            position: relative;

            display: inline-block;

        }

        

        .section-header h2:after {

            content: '';

            position: absolute;

            bottom: -10px;

            left: 50%;

            transform: translateX(-50%);

            width: 100px;

            height: 3px;

            background: #efcc4a;

        }

        

        .section-header p {

            color: #555;

            font-size: 18px;

            line-height: 1.6;

        }

        

        .services-grid {

            display: grid;

            grid-template-columns: repeat(3, 1fr);

            gap: 30px;

            max-width: 1200px;

            margin: 0 auto;

        }

        

        .service-card {

            background: white;

            border-radius: 8px;

            overflow: hidden;

            box-shadow: 0 5px 20px rgba(0,0,0,0.08);

            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);

            transform-origin: center bottom;

            opacity: 0;

            transform: translateY(30px) scale(0.95);

            display: flex;

            flex-direction: column;

            height: 100%;

            border: 1px solid #f0f0f0;

        }

        

        .service-card.animated {

            opacity: 1;

            transform: translateY(0) scale(1);

        }

        

        .service-image {

            height: 220px;

            overflow: hidden;

        }

        

        .service-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);

        }

        

        .service-content {

            padding: 25px;

            flex-grow: 1;

            display: flex;

            flex-direction: column;

        }

        

        .service-content h3 {

            margin-top: 0;

            margin-bottom: 15px;

            font-size: 24px;

            color: #192a3d;

        }

        

        .service-content h3 a {

            color: #192a3d;

            text-decoration: none;

            transition: color 0.4s ease;

        }

        

        .service-content h3 a:hover {

            color: #efcc4a;

        }

        

        .service-content ul {

            list-style: none;

            padding: 0;

            margin: 0 0 20px;

            flex-grow: 1;

        }

        

        .service-content ul li {

            margin-bottom: 10px;

            padding-left: 25px;

            position: relative;

            line-height: 1.5;

        }

        

        .service-content ul li:before {

            content: '•';

            color: #efcc4a;

            position: absolute;

            left: 0;

            font-size: 20px;

        }

        

        .service-content ul li a {

            color: #555;

            text-decoration: none;

            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

            display: block;

        }

        

        .service-content ul li a:hover {

            color: #192a3d;

            padding-left: 5px;

            background: linear-gradient(to right, #fce772, transparent);

        }

        

        /* Плавные анимации при наведении */

        .service-card:hover {

            transform: translateY(-10px) scale(1.03) !important;

            box-shadow: 0 15px 40px rgba(25, 42, 61, 0.15);

            border-color: #efcc4a;

        }

        

        .service-card:hover img {

            transform: scale(1.08);

        }

        

        /* Анимация пульсации (более плавная) */

        @keyframes gentlePulse {

            0% { transform: scale(1); }

            50% { transform: scale(1.02); }

            100% { transform: scale(1); }

        }

        

        .service-card:hover {

            animation: gentlePulse 2s infinite ease-in-out;

        }

        

        /* Эффект подчеркивания для ссылок */

        .service-content ul li a {

            position: relative;

        }

        

        .service-content ul li a:after {

            content: '';

            position: absolute;

            bottom: -2px;

            left: 0;

            width: 0;

            height: 1px;

            background: #efcc4a;

            transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);

        }

        

        .service-content ul li a:hover:after {

            width: 100%;

        }

        

        /* Адаптивность */

        @media (max-width: 992px) {

            .services-grid {

                grid-template-columns: repeat(2, 1fr);

            }

        }

        

        @media (max-width: 768px) {

            .services-grid {

                grid-template-columns: 1fr;

            }

            

            .ritual-services {

                padding: 50px 0;

            }

            

            .section-header h2 {

                font-size: 28px;

            }

        }
/* front-contacts */
/* Основные */

        .contact-section {

            background: #f8f9fa;

            padding: 80px 0;

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

            color: #333;

        }

        .contact-section .container {

            max-width: 1200px;

            margin: 0 auto;

            padding: 0 20px;

        }

        .contact-section .section-header {

            text-align: center;

            max-width: 800px;

            margin: 0 auto 50px;

        }

        .contact-section .section-header h2 {

            color: #192a3d;

            font-size: 36px;

            margin-bottom: 15px;

            position: relative;

            display: inline-block;

        }

        .contact-section .section-header h2:after {

            content: '';

            position: absolute;

            bottom: -10px;

            left: 50%;

            transform: translateX(-50%);

            width: 100px;

            height: 3px;

            background: #efcc4a;

        }

        .contact-section .section-header p {

            color: #555;

            font-size: 20px;

            line-height: 1.6;

        }

        /* Экстренный контакт */

        .contact-section .contact-highlight {

            background: linear-gradient(135deg, #192a3d, #2c3e50);

            border-radius: 15px;

            padding: 40px;

            margin-bottom: 50px;

            box-shadow: 0 10px 30px rgba(0,0,0,0.15);

        }

        .contact-section .emergency-contact {

            display: flex;

            align-items: center;

            max-width: 1000px;

            margin: 0 auto;

        }

        .contact-section .emergency-icon {

            font-size: 3.5rem;

            margin-right: 30px;

            color: #efcc4a;

            flex-shrink: 0;

        }

        .contact-section .emergency-content {

            flex-grow: 1;

        }

        .contact-section .emergency-content h3 {

            font-size: 1.8rem;

            color: #fff;

            margin-bottom: 10px;

        }

        .contact-section .emergency-content p {

            font-size: 1.1rem;

            color: #e0e0e0;

            margin-bottom: 20px;

        }

        .contact-section .emergency-phones {

            display: flex;

            flex-wrap: wrap;

            gap: 15px;

        }

        .contact-section .emergency-phone {

            display: inline-block;

            font-size: 1.4rem;

            font-weight: 700;

            color: #192a3d !important;

            background: #efcc4a;

            padding: 12px 25px;

            border-radius: 50px;

            text-decoration: none;

            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);

            position: relative;

            overflow: hidden;

            box-shadow: 

                0 5px 15px rgba(239, 204, 74, 0.4),

                0 0 0 0 rgba(239, 204, 74, 0.7);

            animation: pulse 2s infinite;

            z-index: 1;

            text-align: center;

            flex-grow: 1;

        }

        .contact-section .emergency-phone:hover {

            transform: translateY(-3px);

            box-shadow: 0 10px 20px rgba(0,0,0,0.2);

        }

        @keyframes pulse {

            0% {

                box-shadow: 

                    0 5px 15px rgba(239, 204, 74, 0.4),

                    0 0 0 0 rgba(239, 204, 74, 0.7);

            }

            70% {

                box-shadow: 

                    0 5px 15px rgba(239, 204, 74, 0.4),

                    0 0 0 12px rgba(239, 204, 74, 0);

            }

            100% {

                box-shadow: 

                    0 5px 15px rgba(239, 204, 74, 0.4),

                    0 0 0 0 rgba(239, 204, 74, 0);

            }

        }

        /* Контактные карточки */

        .contact-section .contact-cards {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));

            gap: 30px;

            margin-bottom: 50px;

        }

        .contact-section .contact-card {

            background: #fff;

            border-radius: 15px;

            overflow: hidden;

            box-shadow: 0 8px 25px rgba(0,0,0,0.08);

            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);

            display: flex;

            flex-direction: column;

            height: 100%;

            border: 1px solid #eee;

        }

        .contact-section .contact-card:hover {

            transform: translateY(-10px);

            box-shadow: 0 15px 35px rgba(0,0,0,0.15);

        }

        .contact-section .card-header {

            display: flex;

            align-items: center;

            padding: 25px;

            background: #f8f8f8;

            border-bottom: 1px solid #eee;

        }

        .contact-section .card-icon {

            font-size: 2.5rem;

            margin-right: 20px;

            color: #192a3d;

        }

        .contact-section .card-header h3 {

            font-size: 1.4rem;

            color: #192a3d;

            margin: 0;

        }

        .contact-section .card-body {

            padding: 25px;

            flex-grow: 1;

        }

        .contact-section .card-body p {

            margin-bottom: 15px;

            font-size: 1.1rem;

            line-height: 1.6;

        }

        .contact-section .card-body a {

            color: #192a3d;

            text-decoration: none;

            transition: color 0.3s;

            position: relative;

        }

        .contact-section .card-body a:after {

            content: '';

            position: absolute;

            bottom: -2px;

            left: 0;

            width: 0;

            height: 1px;

            background: #efcc4a;

            transition: width 0.4s ease;

        }

        .contact-section .card-body a:hover {

            color: #efcc4a;

        }

        .contact-section .card-body a:hover:after {

            width: 100%;

        }

        .contact-section .card-map {

            height: 250px;

            border-top: 1px solid #eee;

        }

        .contact-section .card-map iframe {

            width: 100%;

            height: 100%;

            border: none;

        }

        /* Блок социальных сетей */

        .contact-section .social-section {

            background: #fff;

            border-radius: 15px;

            padding: 40px;

            box-shadow: 0 8px 25px rgba(0,0,0,0.08);

            text-align: center;

        }

        .contact-section .social-section h3 {

            font-size: 1.8rem;

            color: #192a3d;

            margin-bottom: 15px;

        }

        .contact-section .social-section p {

            font-size: 1.1rem;

            color: #666;

            max-width: 600px;

            margin: 0 auto 30px;

            line-height: 1.6;

        }

        .contact-section .social-links {

            display: flex;

            justify-content: center;

            gap: 20px;

            flex-wrap: wrap;

        }

        .contact-section .social-link {

            display: flex;

            align-items: center;

            width: 200px;

            padding: 20px;

            background: #f8f8f8;

            border-radius: 12px;

            text-decoration: none;

            transition: all 0.3s ease;

            box-shadow: 0 3px 10px rgba(0,0,0,0.08);

            border: 1px solid #eee;

        }

        .contact-section .social-link:hover {

            transform: translateY(-5px);

            box-shadow: 0 5px 15px rgba(0,0,0,0.1);

        }

        

        /* ИКОНКИ СОЦСЕТЕЙ */

        .contact-section .social-icon {

            display: flex;

            align-items: center;

            justify-content: center;

            width: 60px;

            height: 60px;

            margin-right: 15px;

            transition: all 0.3s;

            border-radius: 12px;

        }

        

        /* Текстовый логотип VK */

        .contact-section .vk-link .social-icon {

            background: #45619d;

            color: white;

            font-weight: bold;

        }

        .contact-section .text-logo {

            font-size: 1.8rem;

            font-weight: 800;

            line-height: 1;

        }

        

        /* SVG иконка WhatsApp */

        .contact-section .whatsapp-link .social-icon {

            background: #25D366;

            padding: 10px;

        }

        .contact-section .whatsapp-link .social-icon svg {

            width: 100%;

            height: 100%;

        }

        

        /* Текст */

        .contact-section .social-name {

            font-size: 1.2rem;

            font-weight: 600;

            color: #192a3d;

            transition: color 0.3s;

        }

        

        /* Стили при наведении */

        .contact-section .vk-link:hover {

            background: #f0f6ff;

        }

        .contact-section .vk-link:hover .social-name {

            color: #45619d;

        }

        

        .contact-section .whatsapp-link:hover {

            background: #f0fff4;

        }

        .contact-section .whatsapp-link:hover .social-name {

            color: #25D366;

        }



        /* Эффекты блеска */

        .shimmer-badge {

            position: relative;

            overflow: hidden;

        }

        .shimmer-badge::after {

            content: '';

            position: absolute;

            top: -50%;

            left: -50%;

            width: 200%;

            height: 200%;

            background: linear-gradient(

                135deg,

                transparent 25%,

                rgba(255, 255, 255, 0.2) 50%,

                transparent 75%

            );

            opacity: 0.7;

            animation: diagonal-shimmer 4s ease-in-out infinite;

            transform: rotate(45deg);

        }

        @keyframes diagonal-shimmer {

            0% {

                transform: translate(-100%, -100%) rotate(45deg);

            }

            100% {

                transform: translate(100%, 100%) rotate(45deg);

            }

        }

        /* Адаптивность - УВЕЛИЧЕННЫЕ РАЗМЕРЫ ДЛЯ МОБИЛЬНЫХ */

        @media (max-width: 992px) {

            .contact-section .contact-cards {

                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            }

            .contact-section .emergency-contact {

                flex-direction: column;

                text-align: center;

            }

            .contact-section .emergency-icon {

                margin-right: 0;

                margin-bottom: 20px;

            }

            .contact-section .emergency-phone {

                font-size: 1.3rem;

            }

        }

        @media (max-width: 768px) {

            .contact-section {

                padding: 50px 0;

            }

            .contact-section .contact-highlight {

                padding: 20px 15px;

                border-radius: 12px;

            }

            .contact-section .emergency-content h3 {

                font-size: 1.5rem;

            }

            .contact-section .emergency-content p {

                font-size: 1rem;

            }

            .contact-section .emergency-phones {

                flex-direction: column;

            }

            .contact-section .contact-cards {

                grid-template-columns: 1fr;

                gap: 20px;

            }

            .contact-section .card-header {

                padding: 20px;

            }

            .contact-section .social-section {

                padding: 30px 20px;

            }

            .contact-section .social-link {

                width: 100%;

                max-width: 300px;

            }

        }

        @media (max-width: 480px) {

            .contact-section .section-header h2 {

                font-size: 28px;

            }

            .contact-section .emergency-phone {

                font-size: 1.2rem;

                padding: 10px 20px;

            }

            .contact-section .card-map {

                height: 200px;

            }

            .contact-section .social-link {

                flex-direction: column;

                text-align: center;

            }

            .contact-section .social-icon {

                margin-right: 0;

                margin-bottom: 15px;

                width: 80px;

                height: 80px;

            }

            .contact-section .text-logo {

                font-size: 2.5rem; /* Больше на мобильных */

            }

            .contact-section .social-name {

                font-size: 1.4rem; /* Больше на мобильных */

                font-weight: 700;

            }

            

            /* Увеличение SVG иконки */

            .contact-section .whatsapp-link .social-icon svg {

                min-width: 50px;

                min-height: 50px;

            }

        }