.clinic-wrap,
.sitter-wrap,
.groom-wrap {
    --provider-ink: #182437;
    --provider-muted: #607089;
    --provider-green: #3f8f68;
    --provider-green-dark: #25664a;
    --provider-coral: #ff6f5e;
    --provider-yellow: #f5bf47;
    --provider-line: #dce8e2;
    --provider-sky: #f4fbf7;
    --provider-cream: #fff8ef;
    background:
        radial-gradient(circle at 8% 14%, rgba(245, 191, 71, 0.20), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(63, 143, 104, 0.15), transparent 32%),
        linear-gradient(180deg, #fff8ef 0%, #ffffff 42%, #f4fbf7 100%) !important;
    color: var(--provider-ink);
}

.clinic-title,
.sitter-title,
.groom-title,
.clinic-card h2,
.clinic-card h3,
.sitter-card h2,
.sitter-card h3,
.groom-card h2,
.groom-card h3 {
    color: var(--provider-ink) !important;
    letter-spacing: 0 !important;
}

.clinic-sub,
.sitter-lead,
.groom-lead,
.clinic-card p,
.sitter-card p,
.groom-card p {
    color: var(--provider-muted) !important;
}

.clinic-tag,
.sitter-badge,
.groom-badge {
    border-color: rgba(63, 143, 104, 0.24) !important;
    background: #f4fbf7 !important;
    color: var(--provider-green-dark) !important;
    letter-spacing: 0.04em !important;
}

.clinic-pill,
.sitter-pill,
.groom-pill,
.clinic-tag-item,
.sitter-chip,
.groom-chip {
    border: 1px solid var(--provider-line) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--provider-green-dark) !important;
}

.clinic-btn--primary,
.sitter-btn--primary,
.groom-btn--primary {
    background: var(--provider-green) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(63, 143, 104, 0.24) !important;
}

.clinic-btn--primary:hover,
.sitter-btn--primary:hover,
.groom-btn--primary:hover {
    background: var(--provider-green-dark) !important;
}

.clinic-btn--soft,
.sitter-btn--ghost,
.groom-btn--ghost {
    border: 1px solid var(--provider-line) !important;
    background: #ffffff !important;
    color: var(--provider-green-dark) !important;
}

.clinic-btn--soft:hover,
.sitter-btn--ghost:hover,
.groom-btn--ghost:hover {
    background: var(--provider-sky) !important;
}

.clinic-hero-card,
.sitter-hero-card,
.groom-hero-card,
.clinic-card,
.sitter-card,
.groom-card,
.clinic-value,
.sitter-value,
.groom-value,
.clinic-team-card {
    border-color: var(--provider-line) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 14px 34px rgba(24, 36, 55, 0.07) !important;
}

.clinic-stat,
.sitter-stat,
.groom-stat {
    border-color: var(--provider-line) !important;
    background: var(--provider-sky) !important;
}

.clinic-stat b,
.sitter-stat b,
.groom-stat b,
.clinic-dl dd,
.sitter-contact-row strong,
.groom-dl dd {
    color: var(--provider-ink) !important;
}

.clinic-stat span,
.sitter-stat span,
.groom-stat span,
.clinic-dl dt,
.groom-dl dt,
.sitter-contact-row span {
    color: var(--provider-muted) !important;
}

.clinic-link,
.sitter-link,
.groom-link {
    color: var(--provider-green-dark) !important;
    font-weight: 800;
}

.clinic-hours li,
.sitter-hours li,
.groom-hours li {
    border-color: rgba(63, 143, 104, 0.22) !important;
    background: #f4fbf7 !important;
    color: var(--provider-green-dark) !important;
}

.clinic-media-grid figure,
.sitter-gallery figure,
.groom-gallery figure,
.clinic-map,
.groom-map {
    border-color: var(--provider-line) !important;
    box-shadow: 0 12px 28px rgba(24, 36, 55, 0.08) !important;
}

.clinic-final,
.sitter-final,
.groom-final {
    border: 0 !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(245, 191, 71, 0.22), transparent 30%),
        linear-gradient(135deg, #182437 0%, #25664a 100%) !important;
    box-shadow: 0 22px 48px rgba(24, 36, 55, 0.20) !important;
}

.clinic-final p,
.sitter-final p,
.groom-final p {
    color: rgba(255, 255, 255, 0.78) !important;
}

.clinic-stores img,
.sitter-store-row img,
.groom-store-row img {
    filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.22)) !important;
}

@media (max-width: 640px) {
    .clinic-actions,
    .sitter-actions,
    .groom-actions {
        align-items: stretch;
    }

    .clinic-btn,
    .sitter-btn,
    .groom-btn {
        width: 100%;
    }
}