/* Универсальные мобильные стили для всех страниц */
/* Применяется только на экранах до 768px */

@media (max-width: 768px) {
    /* Общие стили */
    * {
        box-sizing: border-box;
    }

    html {
        overflow-x: hidden !important;
    }

    body {
        font-family: 'Montserrat', sans-serif !important;
        overflow-x: hidden !important;
        max-width: 100vw !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Контейнеры */
    .container,
    .header-container {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 15px !important;
        margin: 0 auto !important;
    }

    /* Header */
    .site-header,
    .header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        background: white !important;
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25) !important;
    }

    .header-top {
        padding: 10px 15px !important;
        border-bottom: 1px solid rgba(102, 102, 102, 0.5) !important;
    }

    .header-logo {
        width: 150px !important;
        height: auto !important;
    }

    .header-logo img {
        width: 150px !important;
        height: auto !important;
    }

    .header-contacts {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-top: 10px !important;
        font-size: 12px !important;
    }

    .contact-item {
        font-size: 12px !important;
    }

    /* Скрыть элементы на мобильных */
    .header-social,
    .header-divider,
    .header-nav,
    .nav,
    .nav-menu,
    .mobile-menu-toggle,
    .menu-overlay {
        display: none !important;
    }

    /* Кнопка записи */
    .header-cta-button,
    .cta-button,
    button[id*="Btn"] {
        background: #5E96CF !important;
        color: white !important;
        padding: 12px 20px !important;
        border-radius: 5px !important;
        text-align: center !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        margin: 10px 15px !important;
        width: calc(100% - 30px) !important;
        display: block !important;
        border: none !important;
        cursor: pointer !important;
    }

    /* Main Content */
    .main-content {
        margin-top: 180px !important;
        padding: 20px 15px !important;
        width: 100% !important;
    }

    /* Секции */
    section {
        padding: 40px 15px !important;
        width: 100% !important;
    }

    /* Заголовки */
    h1, h2, h3 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
    }

    /* Карточки направлений */
    .directions-section,
    .directions-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
        padding: 0 !important;
    }

    .direction-card {
        width: 100% !important;
        margin-bottom: 30px !important;
        border-radius: 5px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }

    .direction-image {
        width: 100% !important;
        height: 250px !important;
        position: relative !important;
    }

    .direction-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .direction-content {
        padding: 20px !important;
        width: 100% !important;
    }

    .direction-menu {
        list-style: none !important;
        padding: 0 !important;
    }

    .direction-menu li {
        margin-bottom: 15px !important;
    }

    .direction-menu li a {
        color: #666666 !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    /* Карточки врачей */
    .specialists-section,
    .doctors-section {
        padding: 40px 15px !important;
    }

    .doctors-grid,
    .doctors-carousel,
    .carousel-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
        overflow: visible !important;
        transform: none !important;
    }

    .doctor-card {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        border-radius: 5px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }

    .doctor-photo,
    .doctor-image {
        width: 100% !important;
        height: 350px !important;
    }

    .doctor-photo img,
    .doctor-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .doctor-info {
        padding: 20px !important;
    }

    /* Карусели - отключить */
    .carousel-controls,
    .carousel-btn,
    .promo-nav-btn {
        display: none !important;
    }

    /* Акции */
    .promotions-section,
    .promotions-new-section {
        padding: 40px 15px !important;
    }

    .promotions-carousel,
    .promotions-new-carousel,
    .promo-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        transform: none !important;
    }

    .promotion-card,
    .promo-new-card,
    .promo-card {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        border-radius: 5px !important;
        overflow: hidden !important;
    }

    .promotion-image,
    .promo-new-image,
    .promo-image {
        width: 100% !important;
        height: 250px !important;
    }

    .promotion-content,
    .promo-new-content,
    .promo-content {
        padding: 20px !important;
        height: auto !important;
    }

    /* Отзывы */
    .reviews-section,
    .reviews-new-section {
        padding: 40px 15px !important;
    }

    .reviews-carousel,
    .reviews-new-carousel {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        transform: none !important;
    }

    .review-card,
    .review-new-card {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin-bottom: 20px !important;
    }

    .review-video,
    .video-placeholder {
        display: none !important;
    }

    /* Новости */
    .news-section {
        padding: 40px 15px !important;
    }

    .news-carousel,
    .news-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        transform: none !important;
    }

    .news-card {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

    .news-photo,
    .news-image {
        width: 100% !important;
        height: 200px !important;
    }

    .news-photo img,
    .news-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* О клинике */
    .about-section,
    .clinic-section {
        padding: 40px 15px !important;
    }

    .about-section > div,
    .clinic-content {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .about-section [style*="position: absolute"],
    .about-section div[style*="position: absolute"] {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 20px !important;
    }

    .about-section img,
    .clinic-photo img {
        width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        object-fit: cover !important;
    }

    /* Скрыть декоративные элементы */
    .about-section [style*="outline"],
    .quote-left,
    .quote-right {
        display: none !important;
    }

    /* Достижения */
    .achievements-section {
        padding: 40px 15px !important;
    }

    .achievements-section > div {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
    }

    .achievements-gallery {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 15px !important;
        margin: 20px 0 !important;
    }

    .achievement-item {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: 150px !important;
    }

    .achievement-hidden {
        display: none !important;
    }

    /* Галерея */
    .gallery-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 15px !important;
        margin: 20px 0 !important;
    }

    .gallery-item {
        width: 100% !important;
        height: 200px !important;
    }

    /* Награды */
    .awards-section {
        margin: 30px 15px !important;
        padding: 0 !important;
    }

    .awards-medals {
        display: none !important;
    }

    .awards-bar {
        padding: 20px !important;
        text-align: center !important;
    }

    .awards-content {
        padding: 0 !important;
        display: block !important;
    }

    /* Кнопки */
    .book-button,
    .doctor-btn,
    .appointment-btn {
        background: #A7C955 !important;
        color: white !important;
        padding: 12px !important;
        border-radius: 5px !important;
        text-align: center !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        width: 100% !important;
        border: none !important;
        cursor: pointer !important;
        margin-top: 15px !important;
    }

    /* Footer */
    .footer {
        padding: 30px 15px !important;
        margin-top: 40px !important;
    }

    .footer-logo {
        width: 150px !important;
        margin-bottom: 20px !important;
    }

    .footer-section {
        margin-bottom: 30px !important;
    }

    /* Модальное окно */
    .modal {
        padding: 20px !important;
    }

    .modal-content,
    .modal-appointment-content {
        width: 100% !important;
        max-width: 500px !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
        padding: 30px 20px !important;
    }

    /* Таблицы */
    table {
        width: 100% !important;
        display: block !important;
        overflow-x: auto !important;
    }

    /* Изображения */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Скрыть элементы с фиксированными размерами */
    [style*="width: 1300px"],
    [style*="width: 1416px"],
    [style*="width: 1200px"] {
        width: 100% !important;
    }
}