/* ============================================================ Dr. Levchenko — index-only fixes (page-index on ) ============================================================ */ .page-index .book-appointment-date-col, .book-appointment-date-col { text-align: center; } .book-appointment-date-label.section-heading-panel__eyebrow { margin-bottom: 12px !important; } .page-index .book-appointment-date-row { margin-top: 4px; } .page-index .book-appointment-date-input { width: 100%; } /* Select: видимий placeholder «Оберіть…» на iOS */ .page-index .book-appointment-con .contact-form select.form-control option[value=""][disabled] { color: rgba(26, 26, 46, 0.72); } .page-index .book-appointment-con .contact-form select.form-control:has(option[value=""]:checked) { color: rgba(26, 26, 46, 0.72); } .page-index .book-appointment-con .contact-form select.form-control option:not([value=""]) { color: #1a1a2e; } @media (max-width: 767.98px) { .page-index .book-appointment-con .contact-form .custom-input, .page-index .book-appointment-con .contact-form select.form-control, .page-index .map-contact-form .map-contact-input { font-size: 16px; } .page-index .book-appointment-date-label { font-size: 11px !important; margin-bottom: 8px !important; padding: 4px 12px !important; } } /* --- 15+ років: desktop alignment --- */ @media (min-width: 992px) { .page-index .years-experience-con { align-items: center; gap: 14px; padding: 16px 22px; } .page-index .years-experience-con__value { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .page-index .years-experience-con__number { font-size: 44px; line-height: 1; letter-spacing: -0.02em; } .page-index .years-experience-con__label { font-size: 17px; line-height: 1.25; } } /* --- Statistics dividers on desktop --- */ @media (min-width: 992px) { .page-index .about-us-con .statistics-wrapper { gap: 0; justify-content: flex-start; width: 100%; } .page-index .about-us-con .statistics-wrapper .statistics-box { flex: 1 1 0; padding-right: 36px; margin-right: 36px; } .page-index .about-us-con .statistics-wrapper .statistics-box::before { display: none; } .page-index .about-us-con .statistics-wrapper .statistics-box:not(.last-stats-box) { border-right: 1px solid rgba(58, 68, 152, 0.18); } .page-index .about-us-con .statistics-wrapper .statistics-box.last-stats-box { padding-right: 0; margin-right: 0; border-right: 0; } } /* --- Spacing: services slider → appointment --- */ .page-index .home-dental-services-slider + .padding-rl, .page-index #book-appointment { margin-top: 0; } .page-index #book-appointment { margin-bottom: 0; } .page-index .book-appointment-con.home-bg-section-compact { padding-top: 48px !important; } @media (max-width: 991.98px) { .page-index .book-appointment-con.home-bg-section-compact { padding-top: 40px !important; } } /* --- Секція «Сучасні рішення»: mobile 2 колонки + окремий фон --- */ .page-index .services-con .section-bg-photo--mobile { display: none; } @media (max-width: 767.98px) { .page-index .services-con .section-bg-photo--desktop { display: none; } .page-index .services-con .section-bg-photo--mobile { display: block; object-position: center center; } .page-index .services-con .row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-left: 0; margin-right: 0; } .page-index .services-con .row > [class*="col-"] { width: 100%; max-width: 100%; flex: 0 0 auto; padding-left: 0; padding-right: 0; margin-bottom: 0 !important; } .page-index .services-con .services-box { padding: 12px 10px 14px; border-radius: 14px; text-align: center; height: 100%; min-height: 148px; } .page-index .services-con .services-box figure.services-box__icon { width: 38px; height: 38px; margin: 0 auto 8px; border-radius: 11px; } .page-index .services-con .services-box figure.services-box__icon i { font-size: 15px; } .page-index .services-con .services-box .text-size-24 { font-size: 12px !important; line-height: 1.28; margin-bottom: 5px; } .page-index .services-con .services-box p { font-size: 10px; line-height: 1.35; margin-bottom: 0; } } @media (max-width: 374.98px) { .page-index .services-con .services-box { padding: 10px 8px 12px; min-height: 136px; } .page-index .services-con .services-box .text-size-24 { font-size: 11px !important; } .page-index .services-con .services-box p { font-size: 9.5px; } }