/*
 * One corner scale for the whole site, loaded last so legacy per-component values cannot drift.
 *   Actions (buttons, call/WhatsApp chips): pill.   Fields: 6px.   Photos, video and map: 8px.   Cards and panels: 12px.
 * Pills read as "tap", soft rectangles as "type here"; a multi-line textarea cannot be a pill.
 */
:root { --radius-field: 6px; --radius-media: 8px; --radius-card: 12px; }

.floating-control,
.contact-form input:not([type="checkbox"]):not([type="hidden"]),
.contact-form textarea { border-radius: var(--radius-field); }

.treatment-image, .treatment-image img,
.about-photo, .about-photo img,
.about-hero > img, .about-approach-photo img,
.detail-hero > img,
.blog-card-image, .blog-card-image img,
.article-photo, .article-photo img, .article-video,
.team-card > img, .team-photo-placeholder,
.clinic-space-photo, .clinic-note img,
.location-map, .contact-visit .location-map { border-radius: var(--radius-media); }

.contact-form, .closing-with-form .contact-form,
.nav-dropdown { border-radius: var(--radius-card); }