body {background: #0a0a0a !important;color: var(--bodyTextColorWhite);min-height: 100vh;}.page {display: grid;grid-template-columns: 1fr 1fr;min-height: 100vh;padding-top: 93px;background: #0a0a0a;}.left {padding: 60px 50px;overflow-y: auto;border-right: 1px solid rgba(255, 255, 255, 0.1);background: #0a0a0a;}.left p, .left li, .left a, .left span {color: var(--bodyTextColorWhite);}.left h1, .left h2, .left h3, .left h4 {color: var(--bodyTextColorWhite) !important;}.section-label {font-size: 0.65rem;font-weight: 600;letter-spacing: 0.25em;text-transform: uppercase;color: var(--primary);margin-bottom: 16px;}.left h1 {font-family: "Bebas Neue", serif;font-size: clamp(2.5rem, 5vw, 4rem);line-height: 0.95;letter-spacing: 0.04em;white-space: nowrap;margin-bottom: 40px;color: var(--bodyTextColorWhite);animation: fadeUp 0.7s ease both;}@keyframes fadeUp {from {opacity: 0;transform: translateY(24px);}to {opacity: 1;transform: translateY(0);}}.divider {border: none;border-top: 1px solid rgba(255, 255, 255, 0.1);margin: 0 0 36px;}.clinic-card {margin-bottom: 0;padding: 24px;border-radius: 4px;animation: fadeUp 0.6s ease both;transition: background 0.3s, color 0.3s;cursor: default;}.clinic-card:nth-child(2) {animation-delay: 0.1s;}.clinic-card:nth-child(3) {animation-delay: 0.2s;}.clinic-card:hover {background: #fff;}.clinic-card:hover .clinic-name, .clinic-card:hover .clinic-contact-item, .clinic-card:hover .clinic-contact-item svg, .clinic-card:hover .clinic-services li, .clinic-card:hover .clinic-services-title {color: #000 !important;}.clinic-card:hover .clinic-services li {border-color: rgba(0, 0, 0, 0.2);color: #000;opacity: 1;}.clinic-card:hover .clinic-services li:hover {border-color: var(--primary);}.clinic-card:hover .clinic-contact-item svg {opacity: 0.7;}.clinic-card:hover .clinic-btn {color: #000;border-color: var(--primary);}.clinic-name {font-family: "Bebas Neue", serif;font-size: 2.2rem;letter-spacing: 0.06em;margin-bottom: 16px;color: var(--bodyTextColorWhite);}.clinic-contact {display: flex;flex-direction: column;gap: 10px;margin-bottom: 24px;}.clinic-contact-item {display: flex;align-items: center;gap: 10px;font-size: 0.78rem;font-weight: 300;line-height: 1.5;color: rgba(250, 251, 252, 0.75);}.clinic-contact-item svg {flex-shrink: 0;opacity: 0.6;color: var(--primary);}.clinic-contact-link {text-decoration: none;transition: color 0.2s;}.clinic-contact-link:hover {color: var(--primary);}.clinic-services-title {font-size: 0.65rem;font-weight: 600;letter-spacing: 0.25em;text-transform: uppercase;color: var(--primary);margin-bottom: 10px;}.clinic-services {list-style: none;padding: 0;margin: 0 0 24px;display: flex;flex-wrap: wrap;gap: 8px;}.clinic-services li {font-size: 0.68rem;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--bodyTextColorWhite);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 50px;padding: 5px 14px;opacity: 0.75;transition: opacity 0.2s, border-color 0.2s;}.clinic-services li:hover, .clinic-card:hover .clinic-services li:hover {opacity: 1;border-color: var(--secondary) !important;background: var(--secondary);color: #000;}.clinic-services li:hover a {color: #000 !important;}.clinic-services li a {color: inherit;text-decoration: none;display: block;font-size: 0.68rem !important;line-height: 1 !important;}.clinic-buttons {display: flex;gap: 12px;flex-wrap: wrap;margin-bottom: 36px;}.clinic-btn {flex: 1;font-family: "Bebas Neue", serif;font-size: 22px;line-height: 3rem;font-weight: 700;text-align: center;padding: 0 1.5rem;text-decoration: none;text-transform: uppercase;letter-spacing: 0.5px;margin: 0;box-sizing: border-box;background: transparent;border: 2.5px solid var(--primary);color: var(--bodyTextColorWhite);border-radius: 50px;display: inline-block;position: relative;z-index: 1;overflow: hidden;transition: transform 0.3s, color 0.3s;cursor: pointer;}.clinic-btn:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: var(--primary);border-radius: 50px;z-index: -1;transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease;}.clinic-btn:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(20, 184, 166, 0);border-radius: 50px;z-index: -2;transition: background-color 0.3s;}.clinic-btn:hover {transform: translateY(-2px);color: #000;}.clinic-btn:hover:before {transform: scaleX(1);}.right {position: fixed;top: 93px;right: 0;width: 50%;height: calc(100vh - 93px);overflow: hidden;z-index: 1;}#mapbox-map {width: 100%;height: 100%;}.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right {opacity: 0.4;}.mapbox-marker {display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform 0.2s;}.mapbox-marker:hover, .mapbox-marker.active {transform: scale(1.15);}.mapbox-marker-logo {width: 48px;height: 48px;object-fit: contain;filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5));}.map-card {position: absolute;bottom: 40px;left: 40px;background: #fff;color: #000;min-width: 280px;z-index: 10;opacity: 0;transform: translateY(10px);pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;overflow: hidden;border-radius: 4px;}.map-card.visible {opacity: 1;transform: translateY(0);pointer-events: auto;}.map-card-img {width: 100%;height: 160px;object-fit: cover;display: block;background: #222;}.map-card-body {padding: 16px 20px;}.map-card-name {font-family: "Bebas Neue", serif;font-size: 1.4rem;letter-spacing: 0.06em;margin-bottom: 6px;color: #000;}.map-card-address {font-size: 0.75rem;font-weight: 400;line-height: 1.6;color: #444;margin-bottom: 14px;}.map-card-link {display: inline-flex;align-items: center;gap: 8px;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: #000;text-decoration: none;border-top: 1px solid rgba(0, 0, 0, 0.1);padding-top: 12px;width: 100%;transition: gap 0.2s, color 0.2s;}.map-card-link:hover {gap: 14px;color: var(--primary);}@media (max-width: 900px) {.page {grid-template-columns: 1fr;padding-top: 70px;}.right {display: none;}.left {padding: 60px 24px 40px;}}.mobile-toggle {display: none;background: #1a1a1a;border-radius: 50px;padding: 4px;gap: 4px;margin-bottom: 32px;width: fit-content;}.mobile-toggle-btn {padding: 10px 24px;border: none;background: transparent;color: rgba(255, 255, 255, 0.5);font-family: var(--bodyFont);font-size: 0.8rem;font-weight: 600;letter-spacing: 0.08em;border-radius: 50px;cursor: pointer;transition: background 0.2s, color 0.2s;}.mobile-toggle-btn.active {background: #fff;color: #000;}@media (max-width: 900px) {.mobile-toggle {display: flex;}.right {position: fixed;top: 70px;left: 0;width: 100%;height: calc(100dvh - 70px);display: none;z-index: 50;}}.map-toggle-overlay {display: none;position: absolute;top: 52px;left: 50%;transform: translateX(-50%);background: #1a1a1a;border-radius: 50px;padding: 4px;gap: 4px;z-index: 20;}.mobile-map-cards {display: none;position: absolute;bottom: 24px;left: 0;right: 0;padding: 0 16px;gap: 12px;z-index: 20;overflow-x: auto;scrollbar-width: none;-webkit-overflow-scrolling: touch;}.mobile-map-cards::-webkit-scrollbar {display: none;}.mobile-map-card {background: #fff;border-radius: 4px;overflow: hidden;min-width: unset;width: 60vw;flex-shrink: 0;cursor: pointer;transition: transform 0.2s;border: 2px solid transparent;}.mobile-map-card.active {border-color: var(--primary);}.mobile-map-card:hover {transform: translateY(-2px);}.mobile-map-card img {width: 100%;height: 90px;object-fit: cover;display: block;}.mobile-map-card-body {padding: 8px 12px;}.mobile-map-card-name {font-family: "Bebas Neue", serif;font-size: 1rem;letter-spacing: 0.06em;color: #000;margin-bottom: 2px;}.mobile-map-card-address {font-size: 0.65rem;color: #555;line-height: 1.5;margin-bottom: 6px;}.mobile-map-card-link {display: inline-flex;align-items: center;gap: 6px;font-size: 0.65rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: #000;text-decoration: none;border-top: 1px solid rgba(0, 0, 0, 0.1);padding-top: 10px;width: 100%;transition: gap 0.2s, color 0.2s;}.mobile-map-card-link:hover {gap: 10px;color: var(--primary);}@media (max-width: 900px) {.left .mobile-toggle {display: flex;}.map-toggle-overlay {display: flex;}.mobile-map-cards {display: flex;}}