/* =========================================================================
   Axa Optic — site public
   Aliniat la macheta de referinta (hero cu orbita, antet pe doua niveluri,
   carduri de navigare, formular de programare).
   ========================================================================= */

:root {
	--brand-red: #b91c2c;
	--brand-red-dark: #8f1625;
	--brand-ink: #17222c;
	--brand-green: #1f5a51;
	--brand-green-dark: #173f3a;
	--brand-border: #dce4e3;
	--radius-lg: 1.15rem;
	--radius-xl: 1.4rem;
	--ao-h1-size: clamp(2.55rem, 4.65vw, 4.4rem);
	--ao-h2-size: clamp(1.85rem, 3.5vw, 3.15rem);
	--ao-hero-space: clamp(2.85rem, 5.2vw, 5.1rem);
	--ao-text-measure: 70ch;
	--brand-paper: #fffdfb;
	--border: #dce4e3;
	--muted-fg: #5c6b73;
	--accent: #fcebed;
	--secondary: #eef4f3;

	--radius: 0.9rem;
	--wrap: min(100% - 2rem, 1240px);
	--serif: Georgia, "Times New Roman", Times, serif;
	--sans: Arial, Helvetica, "Segoe UI", system-ui, sans-serif;

	/* alias-uri pentru pattern-urile de continut existente */
	--ao-red: var(--brand-red);
	--ao-red-dark: var(--brand-red-dark);
	--ao-ink: var(--brand-ink);
	--ao-sea: var(--brand-green);
	--ao-mist: var(--secondary);
	--ao-white: #fff;
	--ao-shadow: 0 1.25rem 3.5rem rgb(23 34 44 / 10%);
	--ao-radius: var(--radius);
}

/* ---- baza ---- */

body.axaoptic-site {
	background: var(--brand-paper);
	color: var(--brand-ink);
	font-family: var(--sans);
	font-size: 1rem;
	line-height: 1.6;
	text-rendering: optimizelegibility;
}

.axaoptic-site :where(h1, h2, h3, h4) {
	font-family: var(--serif);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.12;
	color: var(--brand-ink);
	overflow-wrap: break-word;
}

.axaoptic-site a { color: inherit; text-decoration: none; }
.axaoptic-site :where(h1, h2) { text-wrap: balance; }
.axaoptic-site :where(p, li, figcaption) { overflow-wrap: break-word; }

.axaoptic-site :where(a, button, input, textarea, select, summary):focus-visible {
	outline: 3px solid rgb(185 28 44 / 38%);
	outline-offset: 3px;
	border-radius: 4px;
}

.axaoptic-site .ao-icon { flex: 0 0 auto; }

/* Astra: containerul de pagina nu trebuie sa constranga sectiunile full-bleed */
.axaoptic-site #page,
.axaoptic-site #content,
.axaoptic-site .site-content > .ast-container { max-width: none; padding: 0; margin: 0; }
.axaoptic-site .site-content { padding: 0; }

/* butoane comune */
.axaoptic-site .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 3rem;
	padding-inline: 1.4rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.98rem;
	border: 1px solid transparent;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.axaoptic-site .btn-primary { background: var(--brand-red); color: #fff; box-shadow: 0 10px 24px rgb(185 28 44 / 20%); }
.axaoptic-site .btn-primary:hover { background: var(--brand-red-dark); }
.axaoptic-site .btn-ghost { background: rgb(255 255 255 / 55%); border-color: #bac9c6; color: var(--brand-green); }
.axaoptic-site .btn-ghost:hover { border-color: var(--brand-green); background: #fff; }

/* =========================================================================
   Antet
   ========================================================================= */

.axaoptic-site .utility-bar { position: relative; z-index: 60; background: var(--brand-green); color: #fff; font-size: 0.82rem; }
.axaoptic-site .utility-inner,
.axaoptic-site .header-inner { width: var(--wrap); margin-inline: auto; }
.axaoptic-site .utility-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	min-height: 2.7rem;
}
.axaoptic-site .utility-appointments { position: relative; align-self: stretch; margin: 0; }
.axaoptic-site .utility-appointments-trigger { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.7rem; padding: 0 .25rem; color: #fff; font-weight: 800; cursor: pointer; list-style: none; user-select: none; }
.axaoptic-site .utility-appointments-trigger::-webkit-details-marker { display: none; }
.axaoptic-site .utility-appointments-trigger::after { content: ""; width: .45rem; height: .45rem; margin-left: .2rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-.12rem) rotate(45deg); transition: transform .15s ease; }
.axaoptic-site .utility-appointments[open] .utility-appointments-trigger::after { transform: translateY(.12rem) rotate(225deg); }
.axaoptic-site .utility-appointments-trigger .ao-icon { width: .95rem; height: .95rem; }
.axaoptic-site .utility-appointments-menu { position: absolute; top: calc(100% + .4rem); left: 0; z-index: 80; width: 21rem; padding: .45rem; border: 1px solid #d9e3e0; border-radius: .85rem; background: #fff; box-shadow: 0 18px 44px rgb(20 49 44 / 18%); }
.axaoptic-site .utility-appointments-menu::before { content: ""; position: absolute; top: -.38rem; left: 1.25rem; width: .7rem; height: .7rem; background: #fff; border-left: 1px solid #d9e3e0; border-top: 1px solid #d9e3e0; transform: rotate(45deg); }
.axaoptic-site .utility-appointments-menu a { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .8rem; align-items: center; min-height: 3.15rem; padding: .65rem .75rem; color: var(--brand-ink); border-radius: .6rem; text-decoration: none; }
.axaoptic-site .utility-appointments-menu a + a { border-top: 1px solid #edf1f0; border-radius: 0; }
.axaoptic-site .utility-appointments-menu a:hover { background: #f4f7f6; text-decoration: none; }
.axaoptic-site .utility-appointments-menu strong { font-size: .88rem; line-height: 1.25; }
.axaoptic-site .utility-appointments-menu span { color: #536964; font-size: .86rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.axaoptic-site .utility-phone { display: inline-flex; align-items: center; gap: 0.45rem; font-weight: 700; min-height: 2.5rem; }
.axaoptic-site .utility-phone .ao-icon { width: 0.95rem; height: 0.95rem; }
.axaoptic-site .utility-nav { display: flex; align-items: center; flex: 0 0 auto; }
.axaoptic-site .utility-menu { display: flex; align-items: center; gap: 1.35rem; margin: 0; padding: 0; list-style: none; }
.axaoptic-site .utility-menu li { margin: 0; padding: 0; list-style: none; }
.axaoptic-site .utility-nav a { opacity: 0.88; min-height: 2.7rem; display: inline-flex; align-items: center; white-space: nowrap; }
.axaoptic-site .utility-bar a:hover { text-decoration: underline; text-underline-offset: 0.22rem; }
.axaoptic-site .appointment-utility-note { opacity: 0.92; }
.axaoptic-site .utility-contact-list { display: flex; align-items: center; flex-wrap: nowrap; gap: 0; min-width: 0; min-height: 2.7rem; }
.axaoptic-site .utility-contact-label { display: inline-flex; align-items: center; gap: .4rem; padding-right: .9rem; margin-right: .15rem; font-weight: 800; white-space: nowrap; }
.axaoptic-site .utility-contact-label .ao-icon { width: .95rem; height: .95rem; }
.axaoptic-site .utility-contact-item { display: inline-flex; align-items: center; gap: .42rem; min-height: 2.7rem; padding-inline: .85rem; color: #fff; white-space: nowrap; border-left: 1px solid rgb(255 255 255 / 18%); line-height: 1; }
.axaoptic-site .utility-contact-item strong { font-weight: 800; }
.axaoptic-site .utility-contact-item span { opacity: .92; font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.axaoptic-site .mobile-contact-list { display: grid; gap: .45rem; margin-top: .8rem; }
.axaoptic-site .mobile-contact-list a { display: flex; justify-content: space-between; gap: .75rem; }
.axaoptic-site .footer-contact-list { display: grid; gap: .7rem; margin-top: 1rem; }
.axaoptic-site .footer-location-contact { display: grid; grid-template-columns: 1.35rem minmax(0,1fr); gap: .12rem .65rem; align-items: start; padding-bottom: .65rem; border-bottom: 1px solid rgb(255 255 255 / 10%); }
.axaoptic-site .footer-location-contact .ao-icon { grid-row: 1 / span 2; margin-top: .2rem; }
.axaoptic-site .footer-location-copy { display: grid; gap: .28rem; min-width: 0; }
.axaoptic-site .footer-location-copy strong { color: #fff; font-weight: 800; line-height: 1.25; }
.axaoptic-site .footer-location-copy small { color: #b9c4c9; font-size: .84rem; line-height: 1.35; }
.axaoptic-site .footer-location-phone { grid-column: 2; color: #fff; font-size: .92rem; font-variant-numeric: tabular-nums; }
.axaoptic-site .footer-email-contact { display: inline-flex; gap: .4rem; align-items: baseline; margin-top: .1rem; color: #fff; }
.axaoptic-site .footer-email-contact strong { color: #b9c4c9; font-weight: 700; }

.axaoptic-site .site-header {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgb(255 253 251 / 96%);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid rgb(220 228 227 / 90%);
}
.axaoptic-site .header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	min-height: 5rem;
}
.axaoptic-site .brand { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; flex: 0 0 auto; min-height: 3rem; text-decoration: none; }
.axaoptic-site .brand-mark-wrap { position: relative; display: inline-flex; align-items: flex-start; line-height: 0; }
.axaoptic-site .brand-image { display: block; width: 22rem; height: auto; object-fit: contain; }
.axaoptic-site .brand-registered { position: absolute; top: 2.5rem; right: -1.05rem; color: #c5101a; font-family: Arial, Helvetica, sans-serif; font-size: 1.82rem; font-weight: 700; line-height: 1; }
.axaoptic-site .brand-tagline { display: block; width: 100%; margin-top: -1.9rem; margin-left: 0; padding-left: 2.2rem; padding-right: 0; color: #c5101a; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.17rem; font-style: italic; letter-spacing: .015em; line-height: 1.05; text-align: left; white-space: nowrap; }

.axaoptic-site .desktop-nav,
.axaoptic-site .mobile-nav { font-family: Georgia, "Times New Roman", Times, serif; }
.axaoptic-site .desktop-nav ul,
.axaoptic-site .mobile-nav ul,
.axaoptic-site .desktop-nav li,
.axaoptic-site .mobile-nav li { list-style: none; margin: 0; padding-left: 0; }
.axaoptic-site .desktop-nav li::marker,
.axaoptic-site .mobile-nav li::marker { content: ""; }

.axaoptic-site .desktop-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(1rem, 1.7vw, 1.8rem);
	margin-left: auto;
}
.axaoptic-site .desktop-nav a {
	position: relative;
	padding-block: 1.85rem;
	font-size: 0.93rem;
	font-weight: 600;
	color: #3d4a53;
	white-space: nowrap;
}
.axaoptic-site .desktop-nav a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.3rem;
	height: 2px;
	background: var(--brand-red);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.16s ease;
}
.axaoptic-site .desktop-nav a:hover::after,
.axaoptic-site .desktop-nav a:focus-visible::after,
.axaoptic-site .desktop-nav .current-menu-item a::after { transform: scaleX(1); }
.axaoptic-site .desktop-nav .optics-nav-link {
	border-left: 1px solid var(--border);
	margin-left: 0.15rem;
	padding-left: clamp(1rem, 1.5vw, 1.5rem);
	color: var(--brand-red-dark);
	font-weight: 700;
}

.axaoptic-site .header-actions { display: flex; align-items: center; gap: 0.7rem; }
.axaoptic-site .header-appointment {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--brand-red);
	color: #fff;
	border-radius: 999px;
	min-height: 2.85rem;
	padding-inline: 1.2rem;
	font-weight: 700;
	font-size: 0.92rem;
	box-shadow: 0 7px 20px rgb(185 28 44 / 20%);
}
.axaoptic-site .header-appointment:hover { background: var(--brand-red-dark); }

/* meniu mobil (details/summary, fara JS) */
.axaoptic-site .mobile-menu { position: relative; display: none; }
.axaoptic-site .mobile-menu-trigger {
	list-style: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.85rem;
	height: 2.85rem;
	border: 1px solid var(--border);
	border-radius: 999px;
	background: #fff;
	cursor: pointer;
	color: var(--brand-ink);
}
.axaoptic-site .mobile-menu-trigger[aria-expanded="false"] .ao-icon-close,
.axaoptic-site .mobile-menu-trigger[aria-expanded="true"] .ao-icon-open { display: none; }
.axaoptic-site .mobile-sheet[hidden] { display: none !important; }
.axaoptic-site .mobile-sheet {
	position: absolute;
	right: 0;
	top: calc(100% + 0.6rem);
	width: min(84vw, 22rem);
	background: var(--brand-paper);
	border: 1px solid var(--border);
	border-radius: 1rem;
	box-shadow: 0 24px 60px rgb(23 34 44 / 18%);
	padding: 0.5rem;
	max-height: calc(100vh - 7rem);
	max-height: calc(100dvh - 7rem);
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-gutter: stable;
}
@media (max-width: 820px) {
	.axaoptic-site .mobile-sheet {
		position: absolute;
		top: calc(100% + .6rem);
		right: 0;
		bottom: auto;
		left: auto;
		width: min(84vw, 22rem);
		max-width: 22rem;
		height: auto;
		max-height: calc(100vh - 6.5rem);
		max-height: calc(100dvh - 6.5rem);
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior-y: contain;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y;
		z-index: 100;
	}
}
.axaoptic-site .mobile-nav { display: flex; flex-direction: column; padding: 0.4rem 0.75rem; }
.axaoptic-site .mobile-nav a {
	display: flex;
	align-items: center;
	min-height: 3.1rem;
	border-bottom: 1px solid var(--border);
	font-size: 1.02rem;
	font-weight: 600;
}
.axaoptic-site .mobile-nav .mobile-optics-link {
	border: 1px solid rgb(185 28 44 / 24%);
	border-radius: 0.7rem;
	margin-top: 0.7rem;
	padding-inline: 0.85rem;
	color: var(--brand-red-dark);
}
.axaoptic-site .mobile-sheet-actions { display: grid; gap: 0.7rem; padding: 0.9rem 0.75rem 0.5rem; }
.axaoptic-site .mobile-phone {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 2.75rem;
	color: var(--brand-green);
	font-weight: 700;
}
.axaoptic-site .mobile-phone .ao-icon { width: 1rem; height: 1rem; }

/* =========================================================================
   Hero
   ========================================================================= */

.axaoptic-site .hero {
	position: relative;
	overflow: hidden;
	min-height: calc(100svh - 7.4rem);
	background:
		radial-gradient(circle at 82% 10%, rgb(185 28 44 / 8%), transparent 28rem),
		linear-gradient(135deg, #fffdfb 0%, #fffdfb 48%, #f0f6f4 100%);
}
.axaoptic-site .hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgb(31 90 81 / 3.5%) 1px, transparent 1px),
		linear-gradient(90deg, rgb(31 90 81 / 3.5%) 1px, transparent 1px);
	background-size: 3.5rem 3.5rem;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 47%, #000 74%);
	mask-image: linear-gradient(90deg, transparent 0%, transparent 47%, #000 74%);
}
.axaoptic-site .hero-grid {
	position: relative;
	z-index: 1;
	width: var(--wrap);
	min-height: calc(100svh - 7.4rem);
	margin-inline: auto;
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(28rem, 7fr);
	align-items: center;
	gap: clamp(3rem, 6vw, 6rem);
	padding-block: clamp(4rem, 8vw, 6.5rem);
}
.axaoptic-site .hero-copy { max-width: 39rem; }
.axaoptic-site .eyebrow {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 1.5rem;
	color: var(--brand-green);
	font-size: 0.86rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.axaoptic-site .eyebrow span { width: 2.2rem; height: 2px; background: var(--brand-red); }
.axaoptic-site .hero h1 {
	margin: 0;
	max-width: 15ch;
	font-size: var(--ao-h1-size);
	font-weight: 500;
	line-height: 0.99;
	letter-spacing: -0.045em;
	text-wrap: balance;
}
.axaoptic-site .hero-lead {
	margin: 1.45rem 0 0;
	max-width: 36rem;
	color: #4b5961;
	font-size: clamp(1.06rem, 1.35vw, 1.22rem);
	line-height: 1.72;
}
.axaoptic-site .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; margin-top: 2rem; }
.axaoptic-site .hero-primary,
.axaoptic-site .hero-secondary { min-height: 3.25rem; }
.axaoptic-site .hero-note { margin: 1rem 0 0; max-width: 34rem; color: #58666d; font-size: 0.82rem; line-height: 1.55; }
.axaoptic-site .optics-path {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.75rem;
	margin-top: 1.35rem;
	padding-top: 1.15rem;
	border-top: 1px solid rgb(31 90 81 / 16%);
	color: #5b696f;
	font-size: 0.9rem;
}
.axaoptic-site .optics-path a {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: var(--brand-green);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: rgb(31 90 81 / 35%);
	text-underline-offset: 0.2rem;
}
.axaoptic-site .optics-path a:hover { text-decoration-color: currentColor; }
.axaoptic-site .optics-path .ao-icon { width: 0.95rem; height: 0.95rem; }

/* grafica hero */
.axaoptic-site .hero-visual { position: relative; isolation: isolate; min-height: 34rem; }
.axaoptic-site .visual-orbit {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: min(31rem, 90%);
	aspect-ratio: 1;
	border: 1px solid rgb(31 90 81 / 22%);
	border-radius: 50%;
}
.axaoptic-site .visual-orbit::before,
.axaoptic-site .visual-orbit::after { content: ""; position: absolute; border-radius: 50%; }
.axaoptic-site .visual-orbit::before { inset: 3.6rem; border: 1px solid rgb(185 28 44 / 18%); }
.axaoptic-site .visual-orbit::after {
	width: 1rem;
	height: 1rem;
	top: 14%;
	right: 8%;
	background: var(--brand-red);
	box-shadow: 0 0 0 0.7rem rgb(185 28 44 / 8%);
}
.axaoptic-site .visual-card {
	position: absolute;
	background: rgb(255 255 255 / 78%);
	border: 1px solid rgb(255 255 255 / 72%);
	backdrop-filter: blur(16px);
	box-shadow: 0 24px 70px rgb(34 72 66 / 15%);
}
.axaoptic-site .visual-card-main {
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: min(22rem, 68%);
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1rem;
}
.axaoptic-site .visual-logo { display: block; width: min(68%, 13rem); height: auto; object-fit: contain; }
.axaoptic-site .visual-label {
	margin-top: 1.2rem;
	max-width: 82%;
	color: var(--brand-green);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.4;
	text-transform: uppercase;
}
.axaoptic-site .visual-card-location {
	right: 0;
	bottom: 5rem;
	width: 10rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding: 1rem 1.2rem;
	border-radius: 1.1rem;
	color: var(--brand-green);
}
.axaoptic-site .visual-card-location span { font-family: var(--serif); font-size: 1.45rem; }
.axaoptic-site .visual-card-location small { color: #667a76; font-size: 0.73rem; letter-spacing: 0.1em; text-transform: uppercase; }
.axaoptic-site .visual-caption {
	position: absolute;
	top: 5rem;
	left: 0;
	display: flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.85rem 1rem;
	border-left: 3px solid var(--brand-red);
	background: rgb(255 255 255 / 78%);
	backdrop-filter: blur(16px);
	color: var(--brand-green);
	font-size: 0.73rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* =========================================================================
   Navigare dupa nevoie
   ========================================================================= */

.axaoptic-site .need-navigation {
	background: #fff;
	border-top: 1px solid rgb(220 228 227 / 85%);
	padding-block: clamp(4rem, 7vw, 6.5rem);
}
.axaoptic-site .need-navigation-inner { width: var(--wrap); margin-inline: auto; }
.axaoptic-site .section-heading {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(22rem, 1.2fr);
	align-items: end;
	column-gap: clamp(2rem, 6vw, 6rem);
	margin-bottom: 2.4rem;
}
.axaoptic-site .section-kicker {
	grid-column: 1;
	margin: 0 0 0.85rem;
	color: var(--brand-red-dark);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.axaoptic-site .section-heading h2 {
	grid-column: 1;
	margin: 0;
	max-width: 12ch;
	font-size: clamp(2.3rem, 4vw, 4rem);
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -0.035em;
	text-wrap: balance;
}
.axaoptic-site .section-heading > p:last-child {
	grid-area: 1 / 2 / span 2;
	align-self: end;
	max-width: 34rem;
	margin: 0 0 0.25rem;
	color: #4e5c63;
	font-size: 1.04rem;
	line-height: 1.7;
}
.axaoptic-site .need-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
	border-radius: 1.4rem;
	overflow: hidden;
}
.axaoptic-site .need-card {
	display: flex;
	flex-direction: column;
	min-height: 19rem;
	padding: clamp(1.4rem, 2.4vw, 2rem);
	background: #fff;
}
.axaoptic-site .need-card-optics { background: #fff8f8; }
.axaoptic-site .need-icon {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: #edf5f3;
	color: var(--brand-green);
}
.axaoptic-site .need-card-optics .need-icon { background: #fcebed; color: var(--brand-red-dark); }
.axaoptic-site .need-icon .ao-icon { width: 1.25rem; height: 1.25rem; }
.axaoptic-site .need-card h3 {
	margin: 1.4rem 0 0;
	font-size: 1.35rem;
	font-weight: 600;
	line-height: 1.25;
	text-wrap: balance;
}
.axaoptic-site .need-card p { margin: 0.85rem 0 1.5rem; color: #55636a; font-size: 0.92rem; line-height: 1.65; }
.axaoptic-site .need-card a {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: auto;
	min-height: 2.75rem;
	color: var(--brand-green);
	font-size: 0.9rem;
	font-weight: 800;
}
.axaoptic-site .need-card-optics a { color: var(--brand-red-dark); }
.axaoptic-site .need-card a:hover { text-decoration: underline; text-underline-offset: 0.22rem; }
.axaoptic-site .need-card a .ao-icon { width: 1rem; height: 1rem; }

/* =========================================================================
   Pagina „Solicită o programare”
   ========================================================================= */

.axaoptic-site.page-programare #page,
.axaoptic-site .appointment-main {
	background:
		radial-gradient(circle at 9% 78%, rgb(31 90 81 / 8%), transparent 26rem),
		#f7faf9;
}
.axaoptic-site .site-header.appointment-header { background: rgb(255 253 251 / 96%); }
.axaoptic-site .appointment-back {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 2.75rem;
	color: var(--brand-green);
	font-size: 0.92rem;
	font-weight: 700;
}
.axaoptic-site .appointment-main { padding-block: clamp(2.75rem, 6vw, 5.5rem); }
.axaoptic-site .appointment-layout {
	width: var(--wrap);
	margin-inline: auto;
	display: grid;
	grid-template-columns: minmax(18rem, 0.8fr) minmax(34rem, 1.2fr);
	align-items: start;
	gap: clamp(3rem, 7vw, 6rem);
}
.axaoptic-site .appointment-intro { position: sticky; top: 6.5rem; padding-top: 0.5rem; }
.axaoptic-site .appointment-intro h1 {
	margin: 0;
	max-width: 9ch;
	font-size: clamp(2.8rem, 5vw, 4.6rem);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.045em;
	text-wrap: balance;
}
.axaoptic-site .appointment-lead { margin: 1.5rem 0 0; max-width: 32rem; color: #4b5961; font-size: 1.08rem; line-height: 1.72; }
.axaoptic-site .appointment-notice {
	display: grid;
	grid-template-columns: 1.4rem 1fr;
	gap: 0.8rem;
	margin-top: 1.6rem;
	padding: 1rem 1.1rem;
	background: #fff;
	border-left: 3px solid var(--brand-red);
	color: #445259;
}
.axaoptic-site .appointment-notice .ao-icon { width: 1.25rem; height: 1.25rem; color: var(--brand-red-dark); }
.axaoptic-site .appointment-notice p { margin: 0; font-size: 0.92rem; line-height: 1.6; }
.axaoptic-site .appointment-steps { display: grid; gap: 1.1rem; margin-top: 2rem; }
.axaoptic-site .appointment-steps > div { display: grid; grid-template-columns: 2.6rem 1fr; align-items: center; gap: 0.9rem; }
.axaoptic-site .appointment-steps > div > span {
	display: grid;
	place-items: center;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	background: #e9f2f0;
	color: var(--brand-green);
}
.axaoptic-site .appointment-steps .ao-icon { width: 1.1rem; height: 1.1rem; }
.axaoptic-site .appointment-steps p { margin: 0; color: #56636a; font-size: 0.88rem; line-height: 1.45; }
.axaoptic-site .appointment-steps strong { display: block; color: var(--brand-ink); font-size: 0.95rem; }
.axaoptic-site .appointment-phone-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 2.1rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--border);
	color: #5b686e;
	font-size: 0.9rem;
}
.axaoptic-site .appointment-phone-card a { color: var(--brand-green); font-size: 1.05rem; font-weight: 800; }

/* =========================================================================
   Subsol
   ========================================================================= */

.axaoptic-site .site-footer {
	background: var(--brand-ink);
	color: #d7e0e2;
	padding: clamp(3rem, 6vw, 4.5rem) 0 2rem;
}
.axaoptic-site .footer-inner {
	width: var(--wrap);
	margin-inline: auto;
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(10rem, .7fr) minmax(12rem, .85fr);
	gap: clamp(2rem, 4vw, 3.5rem);
	align-items: start;
}
.axaoptic-site .footer-logo { width: 12.5rem; height: auto; filter: none; opacity: 1; }
.axaoptic-site .footer-tagline { margin: 1rem 0 1.25rem; max-width: 29rem; color: #aebac0; font-size: 0.95rem; line-height: 1.65; }
.axaoptic-site .footer-phone { display: inline-flex; align-items: center; gap: 0.5rem; color: #fff; font-weight: 700; }
.axaoptic-site .footer-phone .ao-icon { width: 1rem; height: 1rem; }
.axaoptic-site .footer-nav-title { margin: .2rem 0 1rem; color: #fff; font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.axaoptic-site .footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.65rem; }
.axaoptic-site .footer-menu a { color: #c8d2d5; font-size: 0.92rem; }
.axaoptic-site .footer-menu a:hover { color: #fff; text-decoration: underline; text-underline-offset: 0.2rem; }
.axaoptic-site .footer-legal {
	width: var(--wrap);
	margin: 2.5rem auto 0;
	padding-top: 1.5rem;
	border-top: 1px solid rgb(255 255 255 / 12%);
	color: #8b979d;
	font-size: 0.8rem;
}
.axaoptic-site .footer-legal p { margin: 0; line-height: 1.55; }
.axaoptic-site .footer-legal-separator { display: inline-block; margin-inline: .55rem; color: #64747b; }
.axaoptic-site .footer-brand-registered { color: #f45b69; font-weight: 800; }

/* =========================================================================
   Pagini de continut (pattern-uri existente)
   ========================================================================= */

.axaoptic-site .ao-page { background: linear-gradient(180deg, #fff, var(--brand-paper) 40rem); }
.axaoptic-site .ao-page-wrap { width: min(100% - 2rem, 52rem); margin-inline: auto; padding-block: clamp(3rem, 6vw, 5rem); }
.axaoptic-site .ao-article-head { margin-bottom: 2rem; }
.axaoptic-site .ao-article-head h1 {
	margin: 0.4rem 0 0;
	font-size: clamp(2.4rem, 4.5vw, 3.6rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1.02;
	text-wrap: balance;
}
.axaoptic-site .ao-article-body { font-size: 1.05rem; line-height: 1.75; color: #2f3d43; }
.axaoptic-site .ao-article-body :where(h2, h3) { margin: 2.25rem 0 0.6rem; }
.axaoptic-site .ao-article-body h2 { font-size: 1.7rem; }
.axaoptic-site .ao-article-body h3 { font-size: 1.3rem; }
.axaoptic-site .ao-article-body :where(p, ul, ol) { margin: 0 0 1.1rem; }
.axaoptic-site .ao-article-body a { color: var(--brand-red-dark); text-decoration: underline; text-underline-offset: 0.15em; }
.axaoptic-site .ao-article-body :where(ul, ol) { padding-left: 1.4rem; }
.axaoptic-site .ao-article-body li { margin-bottom: 0.35rem; }
.axaoptic-site .ao-surface {
	background: #fff;
	border: 1px solid rgb(23 34 44 / 12%);
	border-radius: var(--radius);
	box-shadow: var(--ao-shadow);
}
.axaoptic-site .ao-eyebrow {
	color: var(--brand-red-dark);
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom: 0.4rem;
}
.axaoptic-site .ao-editorial-notice {
	background: rgb(185 28 44 / 5%);
	border: 1px solid rgb(185 28 44 / 22%);
	border-left: 3px solid var(--brand-red);
	border-radius: 0.6rem;
	padding: 1rem 1.25rem;
	max-width: 44rem;
}
.axaoptic-site .ao-editorial-notice p { margin: 0.25rem 0; }

/* Services hub. */
.axaoptic-site .ao-services-page { background: var(--brand-paper); }
.axaoptic-site .ao-services-wrap { width: min(100% - 2rem, 70rem); margin-inline: auto; }
.axaoptic-site .ao-services-hero { padding-block: var(--ao-hero-space); background: linear-gradient(135deg, #fff 0%, #faf6f0 54%, #edf3f0 100%); }
.axaoptic-site .ao-services-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .7fr); gap: clamp(2.2rem, 5vw, 4.4rem); align-items: center; }
.axaoptic-site .ao-services-hero h1 { max-width: 18ch; margin: .45rem 0 1.2rem; font-size: var(--ao-h1-size); line-height: .98; letter-spacing: -.05em; }
.axaoptic-site .ao-services-intro { max-width: 48rem; margin: 0; color: #425158; font-size: clamp(1.05rem, 2vw, 1.23rem); line-height: 1.72; }
.axaoptic-site .ao-services-hero-actions { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; align-items: center; margin-top: 2rem; }
.axaoptic-site .ao-services-inline-link { color: var(--brand-red-dark); font-weight: 700; text-decoration: underline; text-underline-offset: .2rem; }
.axaoptic-site .ao-services-hero-panel { padding: 1.5rem; border: 1px solid #cad9d5; border-radius: var(--radius-xl); background: rgb(255 255 255 / 84%); box-shadow: 0 20px 48px rgb(31 43 48 / 7%); }
.axaoptic-site .ao-services-hero-panel strong { display: block; color: var(--brand-green-dark); font-size: 1.08rem; line-height: 1.35; }
.axaoptic-site .ao-services-hero-panel p { margin: .65rem 0 0; color: #536168; line-height: 1.65; }
.axaoptic-site .ao-service-paths { padding-block: clamp(3.5rem, 7vw, 6.5rem); }
.axaoptic-site .ao-services-heading { max-width: 50rem; margin-bottom: 2.4rem; }
.axaoptic-site .ao-services-heading h2,
.axaoptic-site .ao-services-next h2 { margin: .4rem 0 .8rem; font-size: var(--ao-h2-size); line-height: 1.08; letter-spacing: -.035em; }
.axaoptic-site .ao-services-heading > p:last-child,
.axaoptic-site .ao-services-next p { color: #536168; line-height: 1.7; }
.axaoptic-site .ao-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-service-card { display: flex; min-height: 22rem; flex-direction: column; padding: clamp(1.4rem, 3vw, 2rem); border: 1px solid var(--brand-border); border-radius: var(--radius-xl); background: #fff; box-shadow: 0 16px 38px rgb(31 43 48 / 6%); }
.axaoptic-site .ao-service-card-optics { grid-column: 1 / -1; min-height: 0; background: linear-gradient(145deg, #fff 0%, #f8eee9 100%); border-color: rgb(185 28 44 / 18%); }
.axaoptic-site .ao-service-index { color: var(--brand-red); font-family: Georgia, serif; font-size: .95rem; font-weight: 700; }
.axaoptic-site .ao-service-card h3 { margin: 2.35rem 0 .8rem; font-size: 1.52rem; line-height: 1.2; }
.axaoptic-site .ao-service-card p { margin: 0; color: #58666c; line-height: 1.65; }
.axaoptic-site .ao-service-link { display: inline-flex; align-items: center; gap: .45rem; margin-top: auto; padding-top: 1.5rem; color: var(--brand-red-dark); font-weight: 750; text-decoration: underline; text-decoration-color: rgb(185 28 44 / 28%); text-underline-offset: .2rem; }
.axaoptic-site .ao-service-link:hover { text-decoration-color: currentColor; }
.axaoptic-site .ao-service-link .ao-icon { width: 1rem; height: 1rem; }
.axaoptic-site .ao-service-meta { margin-top: auto; padding-top: 1.5rem; color: var(--brand-green-dark); font-size: .8rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.axaoptic-site .ao-services-next { padding-block: clamp(3rem, 6vw, 5rem); background: var(--brand-green-dark); color: #fff; }
.axaoptic-site .ao-services-next-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(15rem, .7fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-services-next .section-kicker,
.axaoptic-site .ao-services-next h2 { color: #fff; }
.axaoptic-site .ao-services-next p { max-width: 43rem; color: rgb(255 255 255 / 78%); }
.axaoptic-site .ao-services-next .ao-services-caution { margin-bottom: 0; font-size: .88rem; }
.axaoptic-site .ao-services-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.axaoptic-site .ao-services-actions .btn { width: 100%; justify-content: center; }
.axaoptic-site .ao-phone-link { display: inline-flex; align-items: center; gap: .55rem; color: #fff; font-size: 1.05rem; font-weight: 700; }
.axaoptic-site .ao-phone-link:hover { text-decoration: underline; text-underline-offset: .2rem; }
.axaoptic-site .ao-services-optics a:hover { text-decoration: underline; text-underline-offset: 0.2rem; }
.axaoptic-site .has-lead-font-size { font-size: clamp(1.05rem, 1.4vw, 1.2rem); color: #3f4f53; }

/* =========================================================================
   Clinica si circuitul pacientului
   ========================================================================= */
.axaoptic-site .ao-clinic-page { background: var(--brand-paper); }
.axaoptic-site .ao-clinic-wrap { width: min(100% - 2rem, 70rem); margin-inline: auto; }
.axaoptic-site .ao-clinic-hero { padding-block: var(--ao-hero-space); background: linear-gradient(140deg, #fff 0%, #faf6f1 55%, #f1e8df 100%); }
.axaoptic-site .ao-clinic-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr); gap: clamp(2.5rem, 6vw, 5rem); align-items: center; }
.axaoptic-site .ao-clinic-hero h1 { max-width: 18ch; margin: 0.45rem 0 1.2rem; font-size: var(--ao-h1-size); line-height: 0.98; letter-spacing: -0.05em; }
.axaoptic-site .ao-clinic-lead { max-width: 44rem; margin: 0; color: #46545a; font-size: clamp(1.05rem, 2vw, 1.22rem); line-height: 1.7; }
.axaoptic-site .ao-clinic-actions { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; align-items: center; margin-top: 2rem; }
.axaoptic-site .ao-clinic-inline-link { color: var(--brand-red-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 0.2rem; }
.axaoptic-site .ao-clinic-hero-panel { display: grid; gap: 0.85rem; padding: 1rem; border: 1px solid rgb(31 43 48 / 10%); border-radius: calc(var(--radius-xl) + 0.2rem); background: rgb(255 255 255 / 76%); box-shadow: 0 24px 60px rgb(31 43 48 / 8%); backdrop-filter: blur(12px); }
.axaoptic-site .ao-clinic-stat { display: grid; grid-template-columns: auto 1fr; gap: 0.15rem 0.9rem; padding: 1rem; border-radius: var(--radius-lg); background: #fff; }
.axaoptic-site .ao-clinic-stat > span { grid-row: 1 / span 2; display: grid; width: 2.6rem; height: 2.6rem; place-items: center; border-radius: 50%; background: rgb(185 28 44 / 8%); color: var(--brand-red-dark); }
.axaoptic-site .ao-clinic-stat strong { color: var(--brand-ink); font-size: 0.98rem; }
.axaoptic-site .ao-clinic-stat small { color: #425158; line-height: 1.45; }
.axaoptic-site .ao-clinic-flow { padding-block: clamp(3.5rem, 7vw, 6rem); }
.axaoptic-site .ao-clinic-section-head { max-width: 47rem; margin-bottom: 2.5rem; }
.axaoptic-site .ao-clinic-section-head h2,
.axaoptic-site .ao-clinic-safety h2,
.axaoptic-site .ao-clinic-cta h2 { margin: 0.4rem 0 0.8rem; font-size: var(--ao-h2-size); line-height: 1.08; letter-spacing: -0.035em; }
.axaoptic-site .ao-clinic-section-head > p:last-child,
.axaoptic-site .ao-clinic-safety p,
.axaoptic-site .ao-clinic-cta p { color: #425158; line-height: 1.7; }
.axaoptic-site .ao-clinic-steps { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid var(--brand-border); }
.axaoptic-site .ao-clinic-steps li { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 1.25rem; padding: 1.45rem 0; border-bottom: 1px solid var(--brand-border); }
.axaoptic-site .ao-clinic-step-no { padding-top: 0.15rem; color: var(--brand-red); font-family: Georgia, serif; font-size: 0.95rem; font-weight: 700; }
.axaoptic-site .ao-clinic-steps h3 { margin: 0 0 0.35rem; font-size: 1.3rem; }
.axaoptic-site .ao-clinic-steps p { margin: 0; max-width: 50rem; color: #425158; line-height: 1.65; }
.axaoptic-site .ao-clinic-spaces { padding-block: clamp(3.5rem, 7vw, 6rem); background: #fff; }
.axaoptic-site .ao-clinic-space-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-clinic-space-grid article { min-height: 17rem; padding: 1.6rem; border: 1px solid var(--brand-border); border-radius: var(--radius-xl); background: var(--brand-paper); }
.axaoptic-site .ao-clinic-space-grid article > span { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border-radius: 50%; background: #fff; color: var(--brand-red-dark); box-shadow: 0 8px 22px rgb(31 43 48 / 7%); }
.axaoptic-site .ao-clinic-space-grid h3 { margin: 2rem 0 0.6rem; font-size: 1.25rem; }
.axaoptic-site .ao-clinic-space-grid p { margin: 0; color: #425158; line-height: 1.62; }
.axaoptic-site .ao-clinic-locations {
	padding-block: clamp(3.5rem, 7vw, 6rem);
	background: #f5f0ea;
}
.axaoptic-site .ao-clinic-location-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}
.axaoptic-site .ao-clinic-location-card {
	display: flex;
	min-height: 20rem;
	flex-direction: column;
	padding: clamp(1.4rem, 3vw, 2rem);
	border: 1px solid var(--brand-border);
	border-radius: var(--radius-xl);
	background: #fff;
	box-shadow: 0 16px 38px rgb(31 43 48 / 6%);
}
.axaoptic-site .ao-clinic-location-type {
	color: var(--brand-red-dark);
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.axaoptic-site .ao-clinic-location-card h3 {
	margin: 1.35rem 0 .7rem;
	font-size: 1.5rem;
	line-height: 1.2;
}
.axaoptic-site .ao-clinic-location-card p {
	margin: 0;
	color: #536168;
	line-height: 1.65;
}
.axaoptic-site .ao-clinic-location-card a {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	margin-top: auto;
	padding-top: 1.5rem;
	color: var(--brand-red-dark);
	font-weight: 750;
	text-decoration: underline;
	text-underline-offset: .2rem;
}
.axaoptic-site .ao-clinic-location-card .ao-icon {
	width: 1rem;
	height: 1rem;
}
.axaoptic-site #servicii,
.axaoptic-site #locatii,
.axaoptic-site #clinica-barlad-185,
.axaoptic-site #optica-barlad-235,
.axaoptic-site #cabinet-vaslui-45,
.axaoptic-site #structura-clinicii {
	scroll-margin-top: 7.5rem;
}
.axaoptic-site .ao-clinic-space-grid-six {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.axaoptic-site .ao-clinic-safety { padding-block: clamp(3.5rem, 7vw, 5.5rem); background: #efe7df; }
.axaoptic-site .ao-clinic-safety-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(17rem, 0.7fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-clinic-safety-card { padding: 1.5rem; border: 1px solid rgb(185 28 44 / 20%); border-radius: var(--radius-xl); background: rgb(255 255 255 / 70%); }
.axaoptic-site .ao-clinic-safety-card strong { color: var(--brand-red-dark); }
.axaoptic-site .ao-clinic-safety-card p { margin: 0.45rem 0 0; font-size: 0.92rem; }
.axaoptic-site .ao-clinic-cta { padding-block: clamp(3rem, 6vw, 5rem); background: var(--brand-green-dark); color: #fff; }
.axaoptic-site .ao-clinic-cta-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(15rem, 0.65fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-clinic-cta .section-kicker,
.axaoptic-site .ao-clinic-cta h2 { color: #fff; }
.axaoptic-site .ao-clinic-cta p { max-width: 43rem; color: #fff; }
.axaoptic-site .ao-clinic-cta-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.axaoptic-site .ao-clinic-cta-actions .btn { width: 100%; justify-content: center; }

/* =========================================================================
   Echipa medicala
   ========================================================================= */
.axaoptic-site .ao-team-page { background: var(--brand-paper); }
.axaoptic-site .ao-team-wrap { width: min(100% - 2rem, 70rem); margin-inline: auto; }
.axaoptic-site .ao-team-hero { padding-block: var(--ao-hero-space); background: linear-gradient(135deg, #fff 0%, #f7f4ef 58%, #eaf1ef 100%); }
.axaoptic-site .ao-team-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(17rem, 0.75fr); gap: clamp(2rem, 5vw, 4rem); align-items: end; }
.axaoptic-site .ao-team-hero h1 { max-width: 18ch; margin: 0.4rem 0 1.2rem; font-size: var(--ao-h1-size); line-height: 0.98; letter-spacing: -0.045em; }
.axaoptic-site .ao-team-lead { max-width: 48rem; margin: 0; color: #425158; font-size: clamp(1.05rem, 2vw, 1.25rem); line-height: 1.7; }
.axaoptic-site .ao-team-note { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.25rem; border: 1px solid #cbd9d5; border-radius: var(--radius-xl); background: rgb(255 255 255 / 82%); box-shadow: 0 18px 42px rgb(31 43 48 / 6%); }
.axaoptic-site .ao-team-note > span { display: grid; width: 2.6rem; height: 2.6rem; place-items: center; border-radius: 50%; background: #e7f0ed; color: var(--brand-green-dark); }
.axaoptic-site .ao-team-note strong { color: var(--brand-ink); }
.axaoptic-site .ao-team-note p { margin: 0.3rem 0 0; color: #59666c; font-size: 0.92rem; line-height: 1.6; }
.axaoptic-site .ao-team-roles { padding-block: clamp(3.5rem, 7vw, 6rem); }
.axaoptic-site .ao-team-section-head { max-width: 48rem; margin-bottom: 2.25rem; }
.axaoptic-site .ao-team-section-head h2,
.axaoptic-site .ao-team-standard h2,
.axaoptic-site .ao-team-cta h2 { margin: 0.4rem 0 0.8rem; font-size: var(--ao-h2-size); line-height: 1.08; letter-spacing: -0.035em; }
.axaoptic-site .ao-team-section-head > p:last-child,
.axaoptic-site .ao-team-standard p,
.axaoptic-site .ao-team-cta p { color: #536168; line-height: 1.7; }
.axaoptic-site .ao-team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-team-card { padding: clamp(1.4rem, 3vw, 2rem); border: 1px solid var(--brand-border); border-radius: var(--radius-xl); background: #fff; box-shadow: 0 16px 38px rgb(31 43 48 / 6%); }
.axaoptic-site .ao-team-card-icon { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 50%; background: #f3e9e4; color: var(--brand-red-dark); }
.axaoptic-site .ao-team-card h3 { margin: 1.5rem 0 0.7rem; font-size: 1.5rem; line-height: 1.2; }
.axaoptic-site .ao-team-card p { margin: 0; color: #58666c; line-height: 1.65; }
.axaoptic-site .ao-team-standard { padding-block: clamp(3.5rem, 7vw, 6rem); background: #fff; }
.axaoptic-site .ao-team-standard-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.9fr); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.axaoptic-site .ao-team-facts { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.85rem; }
.axaoptic-site .ao-team-facts li { display: flex; gap: 0.75rem; align-items: flex-start; padding: 1rem 1.1rem; border: 1px solid var(--brand-border); border-radius: var(--radius); background: var(--brand-paper); color: #35454b; }
.axaoptic-site .ao-team-facts .ao-icon { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; margin-top: 0.15rem; color: var(--brand-green-dark); }
.axaoptic-site .ao-team-cta { padding-block: clamp(3rem, 6vw, 5rem); background: var(--brand-green-dark); color: #fff; }
.axaoptic-site .ao-team-cta-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(15rem, 0.7fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-team-cta .section-kicker,
.axaoptic-site .ao-team-cta h2 { color: #fff; }
.axaoptic-site .ao-team-cta p { max-width: 43rem; color: rgb(255 255 255 / 78%); }
.axaoptic-site .ao-team-cta-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.axaoptic-site .ao-team-cta-actions .btn { width: 100%; justify-content: center; }

/* =========================================================================
   Investigatii oftalmologice
   ========================================================================= */
.axaoptic-site .ao-investigations-page { background: var(--brand-paper); }
.axaoptic-site .ao-investigations-wrap { width: min(100% - 2rem, 72rem); margin-inline: auto; }
.axaoptic-site .ao-investigations-hero { padding-block: var(--ao-hero-space); background: linear-gradient(135deg, #fff 0%, #f8f4ef 54%, #eaf2ef 100%); }
.axaoptic-site .ao-investigations-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .72fr); gap: clamp(2rem, 5vw, 4rem); align-items: end; }
.axaoptic-site .ao-investigations-hero h1 { max-width: 18ch; margin: .4rem 0 1.2rem; font-size: var(--ao-h1-size); line-height: .98; letter-spacing: -.045em; }
.axaoptic-site .ao-investigations-lead { max-width: 50rem; margin: 0; color: #425158; font-size: clamp(1.05rem, 2vw, 1.23rem); line-height: 1.7; }
.axaoptic-site .ao-investigations-summary { padding: 1.4rem 1.5rem; border: 1px solid #cbd9d5; border-radius: var(--radius-xl); background: rgb(255 255 255 / 86%); box-shadow: 0 18px 42px rgb(31 43 48 / 6%); }
.axaoptic-site .ao-investigations-summary strong { display: block; margin-bottom: .8rem; color: var(--brand-ink); font-size: 1.05rem; }
.axaoptic-site .ao-investigations-summary ul { margin: 0; padding-left: 1.2rem; color: #425158; line-height: 1.65; }
.axaoptic-site .ao-investigations-summary li + li { margin-top: .45rem; }
.axaoptic-site .ao-investigations-list { padding-block: clamp(3.5rem, 7vw, 6.5rem); }
.axaoptic-site .ao-investigation-card { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: clamp(2rem, 5vw, 4.2rem); align-items: start; padding: clamp(1.2rem, 2.4vw, 1.8rem); border: 1px solid var(--brand-border); border-radius: calc(var(--radius-xl) + .15rem); background: #fff; box-shadow: 0 20px 48px rgb(31 43 48 / 7%); overflow: hidden; }
.axaoptic-site .ao-investigation-card + .ao-investigation-card { margin-top: 1.35rem; }
.axaoptic-site .ao-investigation-content { order: 1; }
.axaoptic-site .ao-investigation-visual { order: 2; }
.axaoptic-site .ao-investigation-card:nth-child(even) .ao-investigation-visual { order: 2; }
.axaoptic-site .ao-investigation-visual { min-height: 20rem; display: grid; grid-template-rows: 1fr 1fr; gap: .65rem; padding: .65rem; border-radius: var(--radius-xl); overflow: hidden; background: #eef3f1; }
.axaoptic-site .ao-investigation-visual svg { display: block; width: 100%; height: 100%; min-height: 9.3rem; border-radius: calc(var(--radius-xl) - .35rem); }
.axaoptic-site .ao-investigation-real-images { align-content: start; }
.axaoptic-site .ao-investigation-real-images > svg { display: none; }
.axaoptic-site .ao-investigation-real-image { margin: 0; overflow: hidden; border-radius: calc(var(--radius-xl) - .35rem); background: #fff; box-shadow: 0 8px 24px rgb(31 43 48 / 8%); }
.axaoptic-site .ao-investigation-real-image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; background: #fff; }
.axaoptic-site .ao-investigation-real-image figcaption { padding: .55rem .7rem .65rem; color: #425158; font-size: .78rem; line-height: 1.45; }
.axaoptic-site .ao-investigation-visual text { fill: #dceeed; font: 700 15px/1.2 sans-serif; letter-spacing: .08em; }
.axaoptic-site .ao-visual-biometry text,
.axaoptic-site .ao-visual-tonometry text { fill: #254b50; }
.axaoptic-site .ao-investigation-content { padding: .7rem clamp(.2rem, 1vw, .8rem); }
.axaoptic-site .ao-investigation-index { margin: 0 0 .45rem; color: var(--brand-red-dark); font-family: Georgia, serif; font-weight: 700; letter-spacing: .04em; }
.axaoptic-site .ao-investigation-content h2 { margin: 0 0 1rem; font-size: clamp(1.9rem, 3.5vw, 3rem); line-height: 1.06; letter-spacing: -.035em; }
.axaoptic-site .ao-investigation-purpose { margin: 0 0 1.35rem; color: #33454b; font-size: 1.04rem; font-weight: 650; line-height: 1.65; }
.axaoptic-site .ao-investigation-science { margin: 1rem 0 1.35rem; padding: 1rem 1.1rem; border-left: 3px solid var(--brand-green-dark); border-radius: 0 var(--radius) var(--radius) 0; background: #f2f7f5; }
.axaoptic-site .ao-investigation-science strong { display: block; margin-bottom: .45rem; color: var(--brand-green-dark); }
.axaoptic-site .ao-investigation-science p { margin: .45rem 0 0; color: #45555b; font-size: .95rem; line-height: 1.65; }
.axaoptic-site .ao-investigation-content h3 { margin: 1.25rem 0 .35rem; color: var(--brand-green-dark); font-size: .86rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.axaoptic-site .ao-investigation-content p:not(.ao-investigation-index):not(.ao-investigation-purpose) { margin: 0; color: #425158; line-height: 1.72; }
.axaoptic-site .ao-investigations-note { padding-block: clamp(3.2rem, 6vw, 5.2rem); background: var(--brand-green-dark); color: #fff; }
.axaoptic-site .ao-investigations-note-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .7fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-investigations-note .section-kicker,
.axaoptic-site .ao-investigations-note h2 { color: #fff; }
.axaoptic-site .ao-investigations-note h2 { margin: .4rem 0 .8rem; font-size: var(--ao-h2-size); line-height: 1.08; letter-spacing: -.035em; }
.axaoptic-site .ao-investigations-note p { max-width: 46rem; margin: 0; color: #fff; line-height: 1.7; }
.axaoptic-site .ao-investigations-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.axaoptic-site .ao-investigations-actions .btn { width: 100%; justify-content: center; }

/* =========================================================================
   Informatii pentru pacienti
   ========================================================================= */
.axaoptic-site .ao-patient-page { background: var(--brand-paper); }
.axaoptic-site .ao-patient-wrap { width: min(100% - 2rem, 70rem); margin-inline: auto; }
.axaoptic-site .ao-patient-hero { padding-block: var(--ao-hero-space); background: linear-gradient(138deg, #fff 0%, #faf6f0 54%, #edf3f0 100%); }
.axaoptic-site .ao-patient-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .7fr); gap: clamp(2.2rem, 5vw, 4.4rem); align-items: center; }
.axaoptic-site .ao-patient-hero h1 { max-width: 18ch; margin: .45rem 0 1.2rem; font-size: var(--ao-h1-size); line-height: .98; letter-spacing: -.05em; }
.axaoptic-site .ao-patient-lead { max-width: 48rem; margin: 0; color: #44535a; font-size: clamp(1.05rem, 2vw, 1.22rem); line-height: 1.72; }
.axaoptic-site .ao-patient-actions { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; align-items: center; margin-top: 2rem; }
.axaoptic-site .ao-patient-inline-link,
.axaoptic-site .ao-patient-text-link { color: var(--brand-red-dark); font-weight: 700; text-decoration: underline; text-underline-offset: .2rem; }
.axaoptic-site .ao-patient-text-link { display: inline-flex; gap: .45rem; align-items: center; margin-top: 1rem; }
.axaoptic-site .ao-patient-text-link .ao-icon { width: 1rem; height: 1rem; }
.axaoptic-site .ao-patient-hero-card { padding: 1.5rem; border: 1px solid #cad9d5; border-radius: var(--radius-xl); background: rgb(255 255 255 / 84%); box-shadow: 0 20px 48px rgb(31 43 48 / 7%); }
.axaoptic-site .ao-patient-hero-card > strong { display: block; margin-bottom: .8rem; color: var(--brand-green-dark); font-size: 1.05rem; }
.axaoptic-site .ao-patient-hero-card ul { margin: 0; padding-left: 1.25rem; color: #506066; line-height: 1.65; }
.axaoptic-site .ao-patient-hero-card li::marker { color: #c62d3f; font-size: 1.18em; }
.axaoptic-site .ao-patient-hero-card li + li { margin-top: .45rem; }
.axaoptic-site .ao-patient-nav { padding-block: clamp(3.5rem, 6vw, 5rem); background: #fff; }
.axaoptic-site .ao-patient-section-head { max-width: 48rem; margin-bottom: 2rem; }
.axaoptic-site .ao-patient-section-head h2,
.axaoptic-site .ao-patient-guide h2,
.axaoptic-site .ao-patient-alerts h2,
.axaoptic-site .ao-patient-cta h2 { margin: .4rem 0 .8rem; font-size: var(--ao-h2-size); line-height: 1.08; letter-spacing: -.035em; }
.axaoptic-site .ao-patient-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-patient-topic { display: flex; min-height: 14.5rem; flex-direction: column; padding: 1.35rem; border: 1px solid var(--brand-border); border-radius: var(--radius-xl); background: var(--brand-paper); color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.axaoptic-site .ao-patient-topic:hover { transform: translateY(-3px); border-color: rgb(185 28 44 / 22%); box-shadow: 0 14px 34px rgb(31 43 48 / 7%); }
.axaoptic-site .ao-patient-topic > span { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border-radius: 50%; background: #fff; color: var(--brand-red-dark); }
.axaoptic-site .ao-patient-topic > span .ao-icon { width: 1.2rem; height: 1.2rem; }
.axaoptic-site .ao-patient-topic strong { margin-top: auto; padding-top: 2rem; color: var(--brand-ink); font-size: 1.08rem; line-height: 1.3; }
.axaoptic-site .ao-patient-topic small { display: block; margin-top: .45rem; color: #627076; line-height: 1.5; }
.axaoptic-site .ao-patient-guides { padding-block: clamp(3.5rem, 7vw, 6.5rem); }
.axaoptic-site .ao-patient-guide { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: clamp(1.3rem, 3vw, 2.4rem); padding: clamp(1.8rem, 4vw, 3rem) 0; border-top: 1px solid var(--brand-border); }
.axaoptic-site .ao-patient-guide:last-child { border-bottom: 1px solid var(--brand-border); }
.axaoptic-site .ao-patient-guide-no { padding-top: .3rem; color: var(--brand-red); font-family: Georgia, serif; font-weight: 700; }
.axaoptic-site .ao-patient-guide > div:last-child { max-width: min(100%, var(--ao-text-measure)); }
.axaoptic-site .ao-patient-guide p { color: #536168; line-height: 1.72; }
.axaoptic-site .ao-patient-checklist { list-style: none; margin: 1.35rem 0 0; padding: 0; display: grid; gap: .75rem; }
.axaoptic-site .ao-patient-checklist li { position: relative; padding-left: 1.8rem; color: #415158; line-height: 1.62; }
.axaoptic-site .ao-patient-checklist li::before { content: ""; position: absolute; left: .12rem; top: .66rem; width: .52rem; height: .52rem; border-radius: 50%; background: #2f7a69; box-shadow: 0 0 0 3px rgb(47 122 105 / 12%); }
.axaoptic-site .ao-patient-note { margin: 1.4rem 0; padding: 1.2rem 1.3rem; border-left: 3px solid var(--brand-green-dark); border-radius: 0 var(--radius) var(--radius) 0; background: #eef5f2; }
.axaoptic-site .ao-patient-note strong { color: var(--brand-green-dark); }
.axaoptic-site .ao-patient-note p { margin: .45rem 0 0; }
.axaoptic-site .ao-patient-doc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-top: 1.35rem; }
.axaoptic-site .ao-patient-doc-grid > div { padding: 1.1rem; border: 1px solid var(--brand-border); border-radius: var(--radius-lg); background: #fff; }
.axaoptic-site .ao-patient-doc-grid strong { color: var(--brand-red-dark); }
.axaoptic-site .ao-patient-doc-grid p { margin: .4rem 0 0; font-size: .92rem; line-height: 1.58; }
.axaoptic-site .ao-patient-small { margin-top: 1.1rem; font-size: .9rem; }
.axaoptic-site .ao-patient-alerts { padding-block: clamp(3.5rem, 7vw, 5.5rem); background: #efe6de; }
.axaoptic-site .ao-patient-alerts-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .72fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-patient-alerts p { color: #526168; line-height: 1.72; }
.axaoptic-site .ao-patient-alert-card { padding: 1.4rem; border: 1px solid rgb(185 28 44 / 22%); border-radius: var(--radius-xl); background: rgb(255 255 255 / 74%); }
.axaoptic-site .ao-patient-alert-card strong { color: var(--brand-red-dark); }
.axaoptic-site .ao-patient-alert-card p { margin: .45rem 0 0; }
.axaoptic-site .ao-patient-cta { padding-block: clamp(3rem, 6vw, 5rem); background: var(--brand-green-dark); color: #fff; }
.axaoptic-site .ao-patient-cta-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .68fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-patient-cta .section-kicker,
.axaoptic-site .ao-patient-cta h2 { color: #fff; }
.axaoptic-site .ao-patient-cta p { max-width: 45rem; color: rgb(255 255 255 / 78%); line-height: 1.7; }
.axaoptic-site .ao-patient-cta-actions { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; }
.axaoptic-site .ao-patient-cta-actions .btn { width: 100%; justify-content: center; }
.axaoptic-site .ao-patient-grid-six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.axaoptic-site .ao-patient-grid-six .ao-patient-topic { min-height: 12.5rem; }
.axaoptic-site .ao-patient-grid-six .ao-patient-topic > span {
	font: 700 .82rem/1 Georgia, serif;
}
.axaoptic-site .ao-patient-emergency-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1.5rem;
}
.axaoptic-site .ao-patient-emergency-grid article {
	padding: 1.25rem;
	border: 1px solid rgb(185 28 44 / 18%);
	border-radius: var(--radius);
	background: rgb(255 255 255 / 82%);
}
.axaoptic-site .ao-patient-emergency-grid strong {
	display: block;
	margin-bottom: .45rem;
	color: var(--brand-red-dark);
	font-size: 1.02rem;
}
.axaoptic-site .ao-patient-emergency-grid p {
	margin: 0;
	color: #526168;
	line-height: 1.65;
}
.axaoptic-site .ao-patient-alerts .ao-patient-alert-card {
	margin-top: 1rem;
}
.axaoptic-site .ao-patient-sources {
	padding-block: 1rem;
	background: #fff;
	border-top: 1px solid var(--brand-border);
	border-bottom: 1px solid var(--brand-border);
}
.axaoptic-site .ao-patient-sources-details:not([open]) > .ao-patient-sources-content {
	display: none !important;
}
.axaoptic-site .ao-patient-sources-details[open] > .ao-patient-sources-content {
	display: block;
}
.axaoptic-site .ao-patient-sources-details summary {
	display: flex;
	align-items: center;
	gap: .85rem;
	min-height: 3.25rem;
	padding: .8rem 0;
	cursor: pointer;
	list-style: none;
	font-weight: 700;
}
.axaoptic-site .ao-patient-sources-details summary::-webkit-details-marker { display: none; }
.axaoptic-site .ao-patient-sources-details summary:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}
.axaoptic-site .ao-patient-sources-details summary small {
	margin-left: auto;
	color: #647177;
	font-size: .9rem;
	font-weight: 600;
}
.axaoptic-site .ao-patient-sources-details summary::after {
	content: "+";
	display: grid;
	place-items: center;
	width: 1.6rem;
	height: 1.6rem;
	flex: 0 0 1.6rem;
	border: 1px solid var(--brand-border);
	border-radius: 50%;
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 1;
}
.axaoptic-site .ao-patient-sources-details[open] summary::after { content: "−"; }
.axaoptic-site .ao-patient-sources-content {
	padding: 1rem 0 1.3rem;
	border-top: 1px solid var(--brand-border);
}
.axaoptic-site .ao-patient-sources-content ol {
	margin: 0;
	padding-left: 1.35rem;
	display: grid;
	gap: .75rem;
}
.axaoptic-site .ao-patient-sources-content li {
	padding-left: .25rem;
	color: #536168;
	line-height: 1.6;
}
.axaoptic-site .ao-patient-sources-content a {
	color: var(--brand-red-dark);
	text-decoration: underline;
	text-underline-offset: .18rem;
}
@media (max-width: 900px) {
	.axaoptic-site .ao-patient-grid-six,
	.axaoptic-site .ao-patient-emergency-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.axaoptic-site .ao-patient-grid-six,
	.axaoptic-site .ao-patient-emergency-grid { grid-template-columns: 1fr; }
}

/* =========================================================================
   Chirurgie, cataracta si rafinari navigatie/footer
   ========================================================================= */

.axaoptic-site .desktop-nav > ul { display: flex; align-items: center; gap: clamp(.9rem, 1.45vw, 1.55rem); margin: 0; padding: 0; }
.axaoptic-site .desktop-nav .menu-item { position: relative; }
.axaoptic-site .desktop-nav .sub-menu {
	position: absolute;
	top: calc(100% - .7rem);
	left: -.9rem;
	display: grid;
	min-width: 15.5rem;
	gap: 0;
	margin: 0;
	padding: .65rem;
	border: 1px solid var(--border);
	border-radius: .8rem;
	background: #fff;
	box-shadow: 0 18px 42px rgb(23 34 44 / 13%);
	opacity: 0;
	visibility: hidden;
	transform: translateY(.35rem);
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.axaoptic-site .desktop-nav .menu-item-has-children:hover > .sub-menu,
.axaoptic-site .desktop-nav .menu-item-has-children:focus-within > .sub-menu,
.axaoptic-site .desktop-nav .menu-item-has-children.is-submenu-open > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.axaoptic-site .desktop-nav .sub-menu a { display: block; padding: .7rem .8rem; font-size: .9rem; line-height: 1.35; }
.axaoptic-site .desktop-nav .sub-menu a::after { display: none; }
.axaoptic-site .desktop-nav .sub-menu a:hover { background: #f7f1ec; border-radius: .55rem; color: var(--brand-red-dark); }
.axaoptic-site .desktop-nav > ul > .menu-item-has-children > a {
	display: inline-flex;
	align-items: center;
	gap: .22rem;
}
.axaoptic-site .desktop-nav .dropdown-menu-toggle {
	display: inline-grid;
	width: 1rem;
	height: 1rem;
	place-items: center;
	margin-left: .08rem;
	padding: 0;
	color: currentColor;
}
.axaoptic-site .desktop-nav .dropdown-menu-toggle::before {
	content: "";
	width: .38rem;
	height: .38rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-.1rem) rotate(45deg);
}
.axaoptic-site .desktop-nav .menu-item-patient-info > .sub-menu { min-width: 20.5rem; }

.axaoptic-site .mobile-nav ul { margin: 0; padding: 0; }
.axaoptic-site .mobile-nav .menu-item-has-children > a {
	display: flex;
	align-items: center;
	gap: .6rem;
}
.axaoptic-site .mobile-nav .dropdown-menu-toggle {
	display: inline-grid;
	width: 2.25rem;
	height: 2.25rem;
	place-items: center;
	margin-left: auto;
	padding: 0;
	border: 1px solid rgb(185 28 44 / 16%);
	border-radius: 999px;
	color: var(--brand-red-dark);
	flex: 0 0 2.25rem;
}
.axaoptic-site .mobile-nav .dropdown-menu-toggle::before {
	content: "";
	width: .42rem;
	height: .42rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-.12rem) rotate(45deg);
	transition: transform .16s ease;
}
.axaoptic-site .mobile-nav .menu-item-has-children.is-submenu-open > a .dropdown-menu-toggle::before {
	transform: translateY(.12rem) rotate(225deg);
}
.axaoptic-site .mobile-nav .menu-item-has-children > .sub-menu {
	display: none;
	margin: .3rem 0 .8rem .85rem;
	padding-left: .85rem;
	border-left: 1px solid rgb(185 28 44 / 20%);
}
.axaoptic-site .mobile-nav .menu-item-has-children.is-submenu-open > .sub-menu { display: block; }
.axaoptic-site .mobile-nav .sub-menu a { font-size: .95rem; }

.axaoptic-site .footer-logo-wrap { position: relative; display: inline-block; line-height: 0; }
.axaoptic-site .footer-logo { width: 13.5rem; }
.axaoptic-site .footer-logo-registered { position: absolute; top: .08rem; right: -.8rem; color: #f45b69; font: 800 .95rem/1 Georgia, serif; }
.axaoptic-site .footer-legal { text-align: center; }

.axaoptic-site .ao-service-card-emergency { border-color: rgb(185 28 44 / 24%); background: linear-gradient(145deg, #fff 0%, #fff2f2 100%); }
.axaoptic-site .ao-service-card-emergency .ao-service-meta { color: var(--brand-red-dark); }

.axaoptic-site .ao-surgery-page,
.axaoptic-site .ao-cataract-page { background: var(--brand-paper); }
.axaoptic-site .ao-surgery-wrap,
.axaoptic-site .ao-cataract-wrap { width: min(100% - 2rem, 70rem); margin-inline: auto; }
.axaoptic-site .ao-surgery-hero,
.axaoptic-site .ao-cataract-hero { padding-block: var(--ao-hero-space); background: linear-gradient(135deg, #fff 0%, #faf6f0 52%, #edf3f0 100%); }
.axaoptic-site .ao-surgery-hero-grid,
.axaoptic-site .ao-cataract-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .72fr); gap: clamp(2.2rem, 5vw, 4.5rem); align-items: center; }
.axaoptic-site .ao-surgery-hero h1,
.axaoptic-site .ao-cataract-hero h1 { max-width: 18ch; margin: .45rem 0 1.2rem; font-size: var(--ao-h1-size); line-height: 1.04; letter-spacing: -.04em; }
.axaoptic-site .ao-surgery-lead,
.axaoptic-site .ao-cataract-lead { max-width: 49rem; margin: 0; color: #425158; font-size: clamp(1.05rem, 2vw, 1.22rem); line-height: 1.72; }
.axaoptic-site .ao-surgery-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; margin-top: 2rem; }
.axaoptic-site .ao-surgery-inline-link { color: var(--brand-red-dark); font-weight: 700; text-decoration: underline; text-underline-offset: .2rem; }
.axaoptic-site .ao-surgery-hero-panel,
.axaoptic-site .ao-cataract-principle { padding: 1.5rem; border: 1px solid #cad9d5; border-radius: var(--radius); background: rgb(255 255 255 / 84%); box-shadow: 0 20px 48px rgb(31 43 48 / 7%); }
.axaoptic-site .ao-surgery-hero-panel strong { color: var(--brand-green); }
.axaoptic-site .ao-surgery-hero-panel p { margin: .55rem 0 0; color: #536168; }
.axaoptic-site .ao-surgery-flow { padding-block: clamp(3.5rem, 7vw, 6rem); }
.axaoptic-site .ao-surgery-head,
.axaoptic-site .ao-cataract-head { max-width: 51rem; margin-bottom: 2.4rem; }
.axaoptic-site .ao-surgery-head h2,
.axaoptic-site .ao-cataract-head h2,
.axaoptic-site .ao-surgery-cataract h2,
.axaoptic-site .ao-lifestyle h2,
.axaoptic-site .ao-iol-limits h2,
.axaoptic-site .ao-cataract-cta h2 { margin: .4rem 0 .8rem; font-size: var(--ao-h2-size); line-height: 1.08; letter-spacing: -.035em; }
.axaoptic-site .ao-surgery-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-surgery-steps li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1rem; padding: 1.45rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; }
.axaoptic-site .ao-surgery-steps li > span { color: var(--brand-red); font: 700 .9rem/1.2 Georgia, serif; }
.axaoptic-site .ao-surgery-steps h3 { margin: 0 0 .4rem; font-size: 1.25rem; }
.axaoptic-site .ao-surgery-steps p { margin: 0; color: #58666c; line-height: 1.6; }
.axaoptic-site .ao-surgery-cataract { padding-block: clamp(3.5rem, 7vw, 5.5rem); background: #efe7df; }
.axaoptic-site .ao-surgery-cataract-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(15rem, .7fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-surgery-cataract p { color: #536168; line-height: 1.7; }

.axaoptic-site .ao-cataract-principle { margin-top: 1.5rem; color: var(--brand-green); font-weight: 700; line-height: 1.6; }
.axaoptic-site .ao-cataract-process { display: grid; gap: .65rem; padding: 1.4rem; border-radius: var(--radius); background: #fff; border: 1px solid var(--border); }
.axaoptic-site .ao-cataract-process span { padding: .75rem 1rem; border-radius: .65rem; background: #f6f1ec; font-weight: 700; text-align: center; }
.axaoptic-site .ao-cataract-process b { color: var(--brand-red); text-align: center; }
.axaoptic-site .ao-cataract-hero-media { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-cataract-hero-media figure,
.axaoptic-site .ao-cataract-types-image { margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 14px 34px rgb(31 43 48 / 7%); }
.axaoptic-site .ao-cataract-hero-media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.axaoptic-site .ao-cataract-types-image { margin-top: 1.35rem; }
.axaoptic-site .ao-cataract-types-image img { display: block; width: 100%; height: auto; object-fit: contain; }
.axaoptic-site .ao-iol-types,
.axaoptic-site .ao-iol-compare,
.axaoptic-site .ao-vision-explorer,
.axaoptic-site .ao-lifestyle,
.axaoptic-site .ao-iol-investigations,
.axaoptic-site .ao-iol-limits { padding-block: clamp(3.5rem, 7vw, 6rem); }
.axaoptic-site .ao-iol-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .85rem; }
.axaoptic-site .ao-iol-grid article { display: flex; min-height: 20rem; flex-direction: column; padding: 1.35rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; }
.axaoptic-site .ao-iol-grid article > span { color: var(--brand-red); font: 700 .88rem/1 Georgia, serif; }
.axaoptic-site .ao-iol-grid h3 { margin: 1.7rem 0 .65rem; font-size: 1.35rem; }
.axaoptic-site .ao-iol-grid p { margin: 0; color: #58666c; font-size: .92rem; line-height: 1.58; }
.axaoptic-site .ao-iol-grid strong { margin-top: auto; padding-top: 1.2rem; color: var(--brand-green); font-size: .82rem; line-height: 1.5; }
.axaoptic-site .ao-iol-note { margin-top: 1.25rem; padding: 1rem 1.15rem; border-left: 3px solid var(--brand-red); background: #fff4f4; border-radius: 0 .65rem .65rem 0; }
.axaoptic-site .ao-iol-compare { background: #fff; }
.axaoptic-site .ao-iol-table-wrap { overflow-x: auto; }
.axaoptic-site .ao-iol-table { width: 100%; border-collapse: collapse; min-width: 48rem; }
.axaoptic-site .ao-iol-table th,
.axaoptic-site .ao-iol-table td { padding: .9rem 1rem; border-bottom: 1px solid var(--border); text-align: left; }
.axaoptic-site .ao-iol-table thead th { color: var(--brand-green); font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; }
.axaoptic-site .ao-iol-table tbody th { font-family: var(--serif); font-size: 1rem; }
.axaoptic-site .ao-iol-caption { margin: 1rem 0 0; color: #66747a; font-size: .86rem; }
.axaoptic-site .ao-iol-comparison-visual { margin: 0 0 1.5rem; padding: .75rem; border: 1px solid var(--border); border-radius: var(--radius); background: #f9fbfa; box-shadow: 0 16px 36px rgb(23 34 44 / 7%); }
.axaoptic-site .ao-iol-comparison-visual img { display: block; width: 100%; height: auto; border-radius: calc(var(--radius) - .35rem); }
.axaoptic-site .ao-iol-comparison-visual figcaption { margin-top: .75rem; color: #66747a; font-size: .84rem; line-height: 1.55; text-align: center; }

.axaoptic-site .ao-vision-explorer { background: #edf3f0; }
.axaoptic-site .ao-simulator { padding: clamp(1rem, 3vw, 1.8rem); border: 1px solid #c9d7d3; border-radius: 1.1rem; background: #fff; box-shadow: 0 22px 55px rgb(23 34 44 / 8%); --halo-strength: .08; }
.axaoptic-site .ao-simulator-controls { display: flex; justify-content: space-between; gap: 1.25rem; align-items: end; margin-bottom: 1.25rem; }
.axaoptic-site .ao-simulator fieldset { margin: 0; padding: 0; border: 0; }
.axaoptic-site .ao-simulator legend { margin-bottom: .6rem; font-weight: 800; }
.axaoptic-site .ao-simulator-tabs { display: flex; flex-wrap: wrap; gap: .5rem; }
.axaoptic-site .ao-simulator-tabs label { cursor: pointer; }
.axaoptic-site .ao-simulator-tabs input { position: absolute; opacity: 0; pointer-events: none; }
.axaoptic-site .ao-simulator-tabs span { display: inline-flex; min-height: 2.65rem; align-items: center; padding: .45rem .85rem; border: 1px solid #bdcbc8; border-radius: 999px; font-weight: 700; }
.axaoptic-site .ao-simulator-tabs input:checked + span { border-color: var(--brand-red); background: #fcebed; color: var(--brand-red-dark); }
.axaoptic-site .ao-simulator-tabs input:focus-visible + span { outline: 3px solid rgb(185 28 44 / 30%); outline-offset: 2px; }
.axaoptic-site .ao-night-toggle { display: inline-flex; align-items: center; gap: .55rem; min-height: 2.65rem; padding: .45rem .8rem; border-radius: 999px; background: #17222c; color: #fff; font-weight: 700; cursor: pointer; }
.axaoptic-site .ao-night-toggle input { accent-color: var(--brand-red); }
.axaoptic-site .ao-simulator-scene { display: grid; grid-template-columns: 1.2fr 1fr .8fr; gap: .8rem; padding: 1rem; border-radius: .9rem; background: linear-gradient(160deg, #e8f0ef, #f8f2eb); transition: background .2s ease; }
.axaoptic-site .ao-simulator-scene.is-night { background: linear-gradient(160deg, #111b24, #26333d); }
.axaoptic-site .ao-focus-plane { position: relative; min-height: 13rem; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 1.1rem; border-radius: .75rem; background: #fff; transition: background .2s ease, color .2s ease; }
.axaoptic-site .ao-focus-plane small { position: relative; z-index: 2; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; color: var(--brand-red-dark); }
.axaoptic-site .ao-focus-demo { position: relative; min-height: 7rem; display: flex; align-items: end; filter: blur(var(--plane-blur, 0)); transition: filter .24s ease; }
.axaoptic-site .ao-focus-demo strong { font: 500 1.25rem/1.2 var(--serif); }
.axaoptic-site .is-night .ao-focus-plane { background: #1e2a33; color: #f4f6f6; }
.axaoptic-site .is-night .ao-focus-plane small { color: #ffb7bf; }
.axaoptic-site .ao-light-source { position: absolute; top: .4rem; right: .35rem; width: .75rem; height: .75rem; border-radius: 50%; background: #fff; opacity: 0; }
.axaoptic-site .is-night .ao-light-source { opacity: 1; box-shadow: 0 0 0 calc(1.2rem * var(--halo-strength)) rgb(255 255 255 / 28%), 0 0 calc(3.5rem * var(--halo-strength)) calc(1rem * var(--halo-strength)) rgb(255 235 190 / 70%); }
.axaoptic-site .ao-simulator-status { min-height: 1.8rem; margin: .9rem 0 0; color: var(--brand-green); font-weight: 700; }
.axaoptic-site .ao-simulator-disclaimer { margin-top: .8rem; padding: 1rem; border-radius: .65rem; background: #f8f4ef; color: #526168; font-size: .88rem; line-height: 1.55; }
.axaoptic-site .ao-lifestyle { background: #fff; }
.axaoptic-site .ao-lifestyle-grid,
.axaoptic-site .ao-iol-limits-grid,
.axaoptic-site .ao-cataract-cta-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-lifestyle-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.axaoptic-site .ao-lifestyle-list li { position: relative; padding: .85rem 1rem .85rem 2rem; border: 1px solid var(--border); border-radius: .65rem; background: var(--brand-paper); }
.axaoptic-site .ao-lifestyle-list li::before { content: ""; position: absolute; left: .8rem; top: 1.25rem; width: .48rem; height: .48rem; border-radius: 50%; background: var(--brand-red); }
.axaoptic-site .ao-iol-investigation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.axaoptic-site .ao-iol-investigation-grid article { padding: 1.35rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; }
.axaoptic-site .ao-iol-investigation-grid h3 { margin: 0 0 .55rem; font-size: 1.3rem; }
.axaoptic-site .ao-iol-investigation-grid p { margin: 0; color: #58666c; }
.axaoptic-site .ao-iol-limits { background: #efe7df; }
.axaoptic-site .ao-iol-limits p { color: #536168; line-height: 1.72; }
.axaoptic-site .ao-cataract-cta { padding-block: clamp(3.2rem, 6vw, 5rem); background: var(--brand-green); color: #fff; }
.axaoptic-site .ao-cataract-cta .section-kicker,
.axaoptic-site .ao-cataract-cta h2 { color: #fff; }
.axaoptic-site .ao-cataract-cta p { color: rgb(255 255 255 / 80%); }

/* Vision Explorer cu imagini validate din Media Library */
.axaoptic-site .ao-vision-explorer { padding-block: clamp(3.8rem, 7vw, 6.4rem); background: linear-gradient(180deg, #f7f4ef 0%, #eef4f2 100%); }
.axaoptic-site .ao-vision-explorer-head { max-width: 58rem; }
.axaoptic-site .ao-vision-explorer-pro { margin-top: 2rem; }
.axaoptic-site .ao-vision-type-picker { margin: 0; padding: 0; border: 0; }
.axaoptic-site .ao-vision-type-picker legend { margin-bottom: .7rem; color: #5b686d; font-size: .8rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.axaoptic-site .ao-vision-type-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; padding: .45rem; border: 1px solid #ccd8d4; border-radius: 1rem; background: rgb(255 255 255 / 78%); box-shadow: 0 10px 28px rgb(22 43 38 / 5%); }
.axaoptic-site .ao-vision-type-tabs label { position: relative; cursor: pointer; }
.axaoptic-site .ao-vision-type-tabs input { position: absolute; opacity: 0; pointer-events: none; }
.axaoptic-site .ao-vision-type-tabs span { display: flex; min-height: 3rem; align-items: center; justify-content: center; padding: .7rem 1rem; border-radius: .72rem; color: #3e4b50; font-weight: 800; transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease; }
.axaoptic-site .ao-vision-type-tabs label:hover span { background: #f0f5f3; }
.axaoptic-site .ao-vision-type-tabs input:focus-visible + span { outline: 3px solid rgb(158 23 36 / 20%); outline-offset: 2px; }
.axaoptic-site .ao-vision-type-tabs input:checked + span { background: var(--brand-green); color: #fff; box-shadow: 0 8px 22px rgb(17 72 60 / 18%); transform: translateY(-1px); }
.axaoptic-site .ao-vision-frame { margin-top: 1.15rem; overflow: hidden; border: 1px solid #c9d6d2; border-radius: 1.35rem; background: #fff; box-shadow: 0 22px 56px rgb(24 42 48 / 9%); }
.axaoptic-site .ao-vision-frame-head { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 2rem; align-items: end; padding: 1.35rem 1.45rem 1.2rem; border-bottom: 1px solid #e3e9e7; background: linear-gradient(135deg, #ffffff 0%, #f7faf9 100%); }
.axaoptic-site .ao-vision-frame-eyebrow { display: block; margin-bottom: .3rem; color: var(--brand-red); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.axaoptic-site .ao-vision-frame-head h3 { margin: 0; color: var(--brand-ink); font-size: clamp(1.55rem, 3vw, 2.15rem); line-height: 1; }
.axaoptic-site .ao-vision-frame-head p { margin: 0; color: #56656b; line-height: 1.6; }
.axaoptic-site .ao-vision-triptych { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: #dbe4e1; }
.axaoptic-site .ao-vision-card { margin: 0; background: #fff; }
.axaoptic-site .ao-vision-image-wrap { position: relative; overflow: hidden; background: #eef3f1; }
.axaoptic-site .ao-vision-image-wrap img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: opacity .18s ease; }
.axaoptic-site .ao-vision-distance-label { position: absolute; z-index: 2; top: .75rem; left: .75rem; padding: .42rem .72rem; border: 1px solid rgb(255 255 255 / 70%); border-radius: 999px; background: rgb(20 48 42 / 86%); color: #fff; font-size: .76rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; backdrop-filter: blur(8px); }
.axaoptic-site .ao-vision-explorer-pro > .ao-simulator-disclaimer { margin-top: 1rem; }
.axaoptic-site .ao-simulator-legacy { display: none !important; }
@media (max-width: 820px) {
  .axaoptic-site .ao-vision-type-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .axaoptic-site .ao-vision-frame-head { grid-template-columns: 1fr; gap: .65rem; }
  .axaoptic-site .ao-vision-triptych { grid-template-columns: 1fr; gap: 1px; }
  .axaoptic-site .ao-vision-image-wrap img { aspect-ratio: 16 / 10; }
}
@media (max-width: 480px) {
  .axaoptic-site .ao-vision-type-tabs { grid-template-columns: 1fr 1fr; gap: .45rem; }
  .axaoptic-site .ao-vision-type-tabs span { min-height: 2.7rem; padding-inline: .55rem; font-size: .9rem; }
  .axaoptic-site .ao-vision-frame { border-radius: 1rem; }
}
.axaoptic-site .ao-simulator-controls-stacked,
.axaoptic-site .ao-simulator-controls { align-items: flex-start; }
.axaoptic-site .ao-distance-tabs { margin-top: .1rem; }
.axaoptic-site .ao-simulator-image-stage { overflow: hidden; margin-top: 1.25rem; border: 1px solid #cbd8d4; border-radius: .95rem; background: #eef3f1; box-shadow: 0 16px 38px rgb(23 34 44 / 7%); }
.axaoptic-site .ao-simulator-image-stage img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.axaoptic-site .ao-simulator-image-caption { padding: .8rem 1rem; background: #fff; color: var(--brand-green); font-weight: 800; text-align: center; }
.axaoptic-site .ao-toric-explainer { margin: 1.3rem 0 0; padding: .75rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; }
.axaoptic-site .ao-toric-explainer img { display: block; width: 100%; height: auto; border-radius: calc(var(--radius) - .35rem); }
.axaoptic-site .ao-toric-explainer figcaption { padding: .85rem .3rem .15rem; color: #59686e; font-size: .9rem; line-height: 1.6; }
.axaoptic-site .ao-toric-explainer figcaption strong { color: var(--brand-green); }

/* =========================================================================
   Clinica extinsa, cataracta informationala si contact
   ========================================================================= */

.axaoptic-site .ao-clinic-space-grid-full { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.axaoptic-site .ao-clinic-space-grid-full article:nth-child(n+5) { min-height: 15rem; }
.axaoptic-site .ao-clinic-gallery { padding-block: clamp(3.5rem, 7vw, 6rem); background: #f5f0ea; }
.axaoptic-site .ao-clinic-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-clinic-gallery-grid figure { margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; }
.axaoptic-site .ao-clinic-photo-placeholder { min-height: 13rem; background: linear-gradient(145deg, #e9efed, #f7f2ed); position: relative; }
.axaoptic-site .ao-clinic-photo-placeholder::after { content: "fotografie reală"; position: absolute; inset: auto 1rem 1rem; color: #6b787e; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.axaoptic-site .ao-clinic-gallery-grid figcaption { padding: .9rem 1rem; color: var(--brand-ink); font-family: var(--serif); font-size: 1.05rem; }

.axaoptic-site .ao-cataract-basics,
.axaoptic-site .ao-cataract-evaluation,
.axaoptic-site .ao-cataract-prep,
.axaoptic-site .ao-cataract-operation,
.axaoptic-site .ao-cataract-aftercare { padding-block: clamp(3.5rem, 7vw, 6rem); }
.axaoptic-site .ao-cataract-basics { background: #fff; }
.axaoptic-site .ao-cataract-evaluation { background: var(--brand-paper); }
.axaoptic-site .ao-cataract-prep { background: #eef4f2; }
.axaoptic-site .ao-cataract-operation { background: #fff; }
.axaoptic-site .ao-cataract-aftercare { background: #f5eee7; }
.axaoptic-site .ao-cataract-basics-grid,
.axaoptic-site .ao-cataract-prep-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: 3rem; align-items: start; }
.axaoptic-site .ao-cataract-basics h2,
.axaoptic-site .ao-cataract-prep h2,
.axaoptic-site .ao-cataract-aftercare h2 { margin: .4rem 0 .8rem; font-size: var(--ao-h2-size); line-height: 1.08; letter-spacing: -.035em; }
.axaoptic-site .ao-cataract-basics p,
.axaoptic-site .ao-cataract-prep p,
.axaoptic-site .ao-cataract-aftercare p,
.axaoptic-site .ao-cataract-evaluation p,
.axaoptic-site .ao-cataract-operation p { color: #536168; line-height: 1.72; }
.axaoptic-site .ao-cataract-symptoms,
.axaoptic-site .ao-cataract-prep-card { padding: 1.5rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 16px 38px rgb(31 43 48 / 5%); }
.axaoptic-site .ao-cataract-symptoms h3,
.axaoptic-site .ao-cataract-prep-card h3 { margin: 0 0 .9rem; font-size: 1.35rem; }
.axaoptic-site .ao-cataract-symptoms ul,
.axaoptic-site .ao-cataract-prep-card ul { margin: 0; padding-left: 1.25rem; color: #536168; }
.axaoptic-site .ao-cataract-symptoms li,
.axaoptic-site .ao-cataract-prep-card li { margin-bottom: .55rem; }
.axaoptic-site .ao-cataract-symptoms li::marker,
.axaoptic-site .ao-cataract-prep-card li::marker { color: var(--brand-red); }
.axaoptic-site .ao-cataract-operation-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-cataract-operation-steps li { padding: 1.35rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--brand-paper); }
.axaoptic-site .ao-cataract-operation-steps li > span { color: var(--brand-red); font: 700 .9rem/1 Georgia, serif; }
.axaoptic-site .ao-cataract-operation-steps h3 { margin: 1.5rem 0 .5rem; font-size: 1.25rem; }
.axaoptic-site .ao-cataract-operation-steps p { margin: 0; font-size: .93rem; }

.axaoptic-site .ao-contact-page { background: var(--brand-paper); }
.axaoptic-site .ao-contact-wrap { width: min(100% - 2rem, 70rem); margin-inline: auto; }
.axaoptic-site .ao-contact-hero { padding-block: var(--ao-hero-space); background: linear-gradient(135deg, #fff 0%, #faf6f0 52%, #edf3f0 100%); }
.axaoptic-site .ao-contact-hero-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .7fr); gap: clamp(2.2rem, 5vw, 4.5rem); align-items: center; }
.axaoptic-site .ao-contact-hero h1 { max-width: 18ch; margin: .45rem 0 1.2rem; font-size: var(--ao-h1-size); line-height: .98; letter-spacing: -.05em; }
.axaoptic-site .ao-contact-lead { max-width: 47rem; margin: 0; color: #425158; font-size: clamp(1.05rem, 2vw, 1.22rem); line-height: 1.72; }
.axaoptic-site .ao-contact-actions { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; align-items: center; margin-top: 2rem; }
.axaoptic-site .ao-phone-link-dark { color: var(--brand-green); }
.axaoptic-site .ao-contact-hero-panel { padding: 1.5rem; border: 1px solid #cad9d5; border-radius: var(--radius); background: rgb(255 255 255 / 84%); box-shadow: 0 20px 48px rgb(31 43 48 / 7%); }
.axaoptic-site .ao-contact-hero-panel strong { color: var(--brand-green); }
.axaoptic-site .ao-contact-hero-panel p { margin: .55rem 0 0; color: #536168; }
.axaoptic-site .ao-locations { padding-block: clamp(3.5rem, 7vw, 6rem); }
.axaoptic-site .ao-contact-heading { max-width: 48rem; margin-bottom: 2.2rem; }
.axaoptic-site .ao-contact-heading h2,
.axaoptic-site .ao-contact-info h2 { margin: .4rem 0 .8rem; font-size: var(--ao-h2-size); line-height: 1.08; letter-spacing: -.035em; }
.axaoptic-site .ao-location-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-location-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.axaoptic-site .ao-location-card { min-height: 18rem; display: flex; flex-direction: column; padding: 1.7rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 16px 38px rgb(31 43 48 / 5%); }
.axaoptic-site .ao-location-card-gallery { overflow: hidden; padding-top: 0; }
.axaoptic-site .ao-location-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .42rem; margin: 0 -1.7rem 1.45rem; padding: .42rem; background: #eef3f1; }
.axaoptic-site .ao-location-gallery img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: .62rem; }
.axaoptic-site .ao-location-card-gallery .ao-location-city { margin-top: .1rem; }
.axaoptic-site .ao-location-city { color: var(--brand-red); font-size: .8rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.axaoptic-site .ao-location-card h3 { margin: 1.6rem 0 .4rem; font-size: 1.7rem; }
.axaoptic-site .ao-location-card p { margin: 0 0 .35rem; color: #59676d; overflow-wrap: anywhere; }
.axaoptic-site .ao-location-type { font-weight: 700; color: var(--brand-green) !important; }
.axaoptic-site .ao-location-card .ao-service-link { margin-top: auto; }
.axaoptic-site .ao-contact-info { padding-block: clamp(3.5rem, 7vw, 5.5rem); background: #edf3f0; }
.axaoptic-site .ao-contact-info-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .65fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-contact-info p { color: #536168; line-height: 1.7; }
.axaoptic-site .ao-contact-card { display: grid; gap: 0; padding: .45rem 1.15rem; border-radius: 1rem; background: #fff; border: 1px solid #c9d7d3; box-shadow: 0 16px 36px rgb(31 43 48 / 5%); }
.axaoptic-site .ao-contact-card > a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .8rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid #e6ecea; color: var(--brand-ink); text-decoration: none; }
.axaoptic-site .ao-contact-card > a:last-child { border-bottom: 0; }
.axaoptic-site .ao-contact-place { display: grid; gap: .08rem; min-width: 0; }
.axaoptic-site .ao-contact-place strong { color: var(--brand-ink); font-size: 1.06rem; line-height: 1.2; }
.axaoptic-site .ao-contact-place small { color: #66757a; font-size: .87rem; line-height: 1.35; }
.axaoptic-site .ao-contact-number { color: var(--brand-red-dark); font-weight: 800; font-size: .94rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.axaoptic-site .ao-contact-email .ao-contact-number { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 640px) {
	.axaoptic-site .ao-contact-card > a { grid-template-columns: 1fr; gap: .35rem; }
	.axaoptic-site .ao-contact-number { font-size: .98rem; }
}
.axaoptic-site .ao-contact-note { padding-block: 1.35rem; background: #fff2f2; border-top: 1px solid rgb(185 28 44 / 14%); }
.axaoptic-site .ao-contact-note p { margin: 0; color: #5b6267; }
.axaoptic-site .ao-contact-note strong { color: var(--brand-red-dark); }

@media (max-width: 980px) {
	.axaoptic-site .ao-location-grid-three { grid-template-columns: 1fr; }
	.axaoptic-site .ao-location-card-gallery { min-height: 0; }
}

/* =========================================================================
   Responsive
   ========================================================================= */

/* Pe desktop păstrăm toate destinațiile de navigare și eliminăm CTA-ul roșu din antet. */
.axaoptic-site .header-actions > .header-appointment { display: none; }

@media (min-width: 1121px) and (max-width: 1500px) {
	.axaoptic-site .header-inner { gap: .75rem; }
	.axaoptic-site .brand-image { width: 17rem; }
	.axaoptic-site .brand-tagline { margin-top: -1.45rem; padding-left: 1.7rem; font-size: 1rem; }
	.axaoptic-site .brand-registered { top: 2.1rem; right: -.72rem; font-size: 1.5rem; }
	.axaoptic-site .desktop-nav { gap: .55rem; }
	.axaoptic-site .desktop-nav > ul { gap: .65rem; }
	.axaoptic-site .desktop-nav a { font-size: .84rem; }
	.axaoptic-site .desktop-nav .optics-nav-link { padding-left: .7rem; }
	.axaoptic-site .myopiatrack-header-link { padding-inline: .35rem; font-size: .7rem; }
}

@media (max-width: 1120px) {
	.axaoptic-site .desktop-nav { display: none; }
	.axaoptic-site .mobile-menu { display: block; }
	.axaoptic-site .utility-nav { display: none; }
	.axaoptic-site .utility-inner { justify-content: center; }
	.axaoptic-site .utility-contact-list { width: 100%; justify-content: center; }
	.axaoptic-site .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.85fr); gap: 2.5rem; }
	.axaoptic-site .hero-visual { min-height: 28rem; }
	.axaoptic-site .need-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
	.axaoptic-site .utility-contact-label { display: none; }
	.axaoptic-site .utility-contact-item { padding-inline: .65rem; }
	.axaoptic-site .appointment-layout { grid-template-columns: 1fr; gap: 2.5rem; }
	.axaoptic-site .appointment-intro { position: static; }
	.axaoptic-site .appointment-intro h1 { max-width: none; }
	.axaoptic-site .appointment-steps { grid-template-columns: repeat(3, 1fr); }
	.axaoptic-site .ao-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.axaoptic-site .ao-investigations-hero-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-investigations-summary { max-width: 42rem; }
	.axaoptic-site .ao-patient-grid,
	.axaoptic-site .ao-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.axaoptic-site .ao-iol-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.axaoptic-site .ao-iol-grid article:last-child { grid-column: 1 / -1; min-height: 0; }
	.axaoptic-site .footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.axaoptic-site .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
	.axaoptic-site .utility-bar { display: none; }
	.axaoptic-site .ao-clinic-hero-grid,
	.axaoptic-site .ao-clinic-safety-grid,
	.axaoptic-site .ao-clinic-cta-grid,
	.axaoptic-site .ao-patient-hero-grid,
	.axaoptic-site .ao-patient-alerts-grid,
	.axaoptic-site .ao-patient-cta-grid,
	.axaoptic-site .ao-services-hero-grid,
	.axaoptic-site .ao-surgery-hero-grid,
	.axaoptic-site .ao-cataract-hero-grid,
	.axaoptic-site .ao-surgery-cataract-grid,
	.axaoptic-site .ao-lifestyle-grid,
	.axaoptic-site .ao-iol-limits-grid,
	.axaoptic-site .ao-cataract-cta-grid,
	.axaoptic-site .ao-cataract-basics-grid,
	.axaoptic-site .ao-cataract-prep-grid,
	.axaoptic-site .ao-contact-hero-grid,
	.axaoptic-site .ao-contact-info-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-clinic-space-grid,
	.axaoptic-site .ao-clinic-gallery-grid,
	.axaoptic-site .ao-cataract-operation-steps,
	.axaoptic-site .ao-location-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.axaoptic-site .ao-clinic-hero h1 { max-width: 14ch; }
	.axaoptic-site .ao-clinic-cta-actions .btn { width: auto; }
	.axaoptic-site .ao-service-grid,
	.axaoptic-site .ao-team-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-service-card { min-height: 0; }
	.axaoptic-site .ao-service-card-optics { grid-column: auto; }
	.axaoptic-site .ao-surgery-steps,
	.axaoptic-site .ao-iol-investigation-grid,
	.axaoptic-site .ao-cataract-hero-media { grid-template-columns: 1fr; }
	.axaoptic-site .ao-simulator-controls { align-items: stretch; flex-direction: column; }
	.axaoptic-site .ao-service-state { margin-top: 1.5rem; }
	.axaoptic-site .ao-services-next-grid,
	.axaoptic-site .ao-services-optics-inner,
	.axaoptic-site .ao-team-hero-grid,
	.axaoptic-site .ao-team-standard-grid,
	.axaoptic-site .ao-team-cta-grid,
	.axaoptic-site .ao-investigation-card,
	.axaoptic-site .ao-investigations-note-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-investigation-card:nth-child(even) .ao-investigation-visual { order: 2; }
	.axaoptic-site .ao-services-actions .btn,
	.axaoptic-site .ao-team-cta-actions .btn,
	.axaoptic-site .ao-investigations-actions .btn,
	.axaoptic-site .ao-patient-cta-actions .btn { width: auto; }
	.axaoptic-site .ao-patient-doc-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-patient-hero-card { max-width: 42rem; }
	.axaoptic-site .utility-nav { display: none; }
	.axaoptic-site .utility-inner { justify-content: center; }
	.axaoptic-site .header-actions > .header-appointment { display: none; }
	.axaoptic-site .hero,
	.axaoptic-site .hero-grid { min-height: 0; }
	.axaoptic-site .hero-grid { grid-template-columns: 1fr; padding-block: 3.2rem 4rem; }
	.axaoptic-site .hero h1 { font-size: clamp(2.6rem, 9vw, 3.6rem); }
	.axaoptic-site .hero-visual { min-height: 26rem; order: -1; }
	.axaoptic-site .section-heading { grid-template-columns: 1fr; }
	.axaoptic-site .section-heading > p:last-child { grid-area: auto; grid-column: 1; margin-top: 1.25rem; }
	.axaoptic-site .footer-inner { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
	.axaoptic-site .ao-investigation-card { padding: .8rem; }
	.axaoptic-site .ao-investigation-visual,
	.axaoptic-site .ao-investigation-visual svg { min-height: 14rem; }
	.axaoptic-site .ao-investigation-content { padding: .6rem .35rem 1rem; }
	.axaoptic-site .ao-clinic-space-grid,
	.axaoptic-site .ao-clinic-gallery-grid,
	.axaoptic-site .ao-cataract-operation-steps,
	.axaoptic-site .ao-location-grid { grid-template-columns: 1fr; }
	/* Responsive type scale: long clinical titles stay readable without oversized columns. */
	.axaoptic-site .ao-services-hero h1,
	.axaoptic-site .ao-clinic-hero h1,
	.axaoptic-site .ao-team-hero h1,
	.axaoptic-site .ao-investigations-hero h1,
	.axaoptic-site .ao-patient-hero h1,
	.axaoptic-site .ao-surgery-hero h1,
	.axaoptic-site .ao-cataract-hero h1,
	.axaoptic-site .ao-contact-hero h1,
	.axaoptic-site .ao-optics-hero h1,
	.axaoptic-site .ao-eyewear-hero h1 {
		max-width: none;
		font-size: clamp(2.15rem, 8vw, 2.8rem);
		line-height: 1.09;
		letter-spacing: -.035em;
	}
	.axaoptic-site .hero h1 { max-width: none; font-size: clamp(2.3rem, 8.5vw, 3rem); }
	.axaoptic-site .ao-patient-hero,
	.axaoptic-site .ao-clinic-hero,
	.axaoptic-site .ao-team-hero,
	.axaoptic-site .ao-investigations-hero,
	.axaoptic-site .ao-surgery-hero,
	.axaoptic-site .ao-cataract-hero,
	.axaoptic-site .ao-contact-hero { padding-block: 2.6rem 3rem; }
	.axaoptic-site .ao-location-card { padding: 1.25rem; }
	.axaoptic-site .ao-location-gallery { margin-inline: -1.25rem; }
	.axaoptic-site .ao-investigation-card { padding: 1rem; }
	.axaoptic-site .ao-investigation-content { padding: .7rem .2rem 1rem; }
	.axaoptic-site .ao-clinic-space-grid article { min-height: 0; }
	.axaoptic-site .ao-clinic-steps li { grid-template-columns: 3.25rem minmax(0, 1fr); }
	.axaoptic-site .ao-clinic-actions { display: grid; }
	.axaoptic-site .ao-clinic-actions .btn { width: 100%; }
	.axaoptic-site .ao-patient-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-patient-topic { min-height: 0; }
	.axaoptic-site .ao-patient-topic strong { margin-top: 1.25rem; padding-top: 0; }
	.axaoptic-site .ao-patient-guide { grid-template-columns: 2.6rem minmax(0, 1fr); }
	.axaoptic-site .ao-patient-actions { display: grid; }
	.axaoptic-site .ao-patient-actions .btn { width: 100%; }
	.axaoptic-site .appointment-utility-note { display: none; }
	.axaoptic-site .appointment-back span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.axaoptic-site .appointment-steps { grid-template-columns: 1fr; }
	.axaoptic-site .hero-actions { display: grid; width: 100%; }
	.axaoptic-site .hero-actions .btn { width: 100%; }
	.axaoptic-site .need-grid { grid-template-columns: 1fr; }
	.axaoptic-site .need-card { min-height: 0; }
	.axaoptic-site .ao-iol-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-iol-grid article:last-child { grid-column: auto; }
	.axaoptic-site .ao-simulator-scene { grid-template-columns: 1fr; }
	.axaoptic-site .ao-focus-plane { min-height: 9.5rem; }
	.axaoptic-site .ao-simulator-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.axaoptic-site .ao-simulator-tabs span { justify-content: center; width: 100%; }
	.axaoptic-site .visual-card-location { bottom: 0.5rem; width: 8.5rem; }
	.axaoptic-site .visual-caption { max-width: 11rem; flex-wrap: wrap; top: 1.4rem; }
}

@media (prefers-reduced-motion: no-preference) {
	.axaoptic-site .ao-reveal { animation: ao-rise 500ms ease-out both; }
	@keyframes ao-rise {
		from { opacity: 0; transform: translateY(1rem); }
		to { opacity: 1; transform: translateY(0); }
	}
}

/* =========================================================================
   Rețea optică, locații și CTA urgențe
   ========================================================================= */
.axaoptic-site .utility-actions { display: flex; align-items: center; gap: .75rem; }
.axaoptic-site .emergency-top-link,
.axaoptic-site .emergency-mobile-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2rem;
	padding: .3rem .8rem;
	border-radius: 999px;
	background: var(--brand-red);
	color: #fff;
	font-weight: 800;
	letter-spacing: .01em;
	box-shadow: 0 6px 16px rgb(143 22 37 / 25%);
}
.axaoptic-site .emergency-top-link:hover,
.axaoptic-site .emergency-mobile-link:hover { background: var(--brand-red-dark); text-decoration: none; }
.axaoptic-site .emergency-mobile-link { width: 100%; min-height: 2.85rem; }

.axaoptic-site #urgente-oftalmologice { scroll-margin-top: 7.5rem; }
.axaoptic-site .ao-care-difference { padding-block: clamp(3.5rem, 6vw, 5rem); background: #f3eee8; }
.axaoptic-site .ao-care-difference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.axaoptic-site .ao-care-difference-grid article { padding: 1.5rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; }
.axaoptic-site .ao-care-difference-grid h3 { margin: 0 0 .65rem; }
.axaoptic-site .ao-care-difference-grid p { margin: 0; color: #59676d; }

.axaoptic-site .ao-optics-wrap { width: var(--wrap); margin-inline: auto; }
.axaoptic-site .ao-optics-hero { padding-block: var(--ao-hero-space); background: linear-gradient(135deg, #fffdfb 0%, #f1f6f4 100%); }
.axaoptic-site .ao-optics-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-optics-hero h1 { margin: .4rem 0 1.2rem; max-width: 18ch; font-size: var(--ao-h1-size); }
.axaoptic-site .ao-optics-lead { max-width: 44rem; color: #526168; font-size: 1.08rem; line-height: 1.75; }
.axaoptic-site .ao-optics-actions { display: flex; flex-wrap: wrap; gap: .85rem; align-items: center; margin-top: 1.6rem; }
.axaoptic-site .ao-optics-hero-panel,
.axaoptic-site .ao-optical-center-card { padding: 1.6rem; border: 1px solid #cbd8d4; border-radius: var(--radius); background: #fff; box-shadow: var(--ao-shadow); }
.axaoptic-site .ao-optics-hero-panel strong { display: block; margin-bottom: .6rem; color: var(--brand-green); font: 600 1.35rem/1.25 var(--serif); }
.axaoptic-site .ao-optics-hero-panel p { margin: 0; color: #59676d; }

.axaoptic-site .ao-optics-difference,
.axaoptic-site .ao-optics-locations,
.axaoptic-site .ao-optical-center,
.axaoptic-site .ao-optics-workflow,
.axaoptic-site .ao-optics-brands { padding-block: clamp(3.5rem, 6vw, 5.5rem); }
.axaoptic-site .ao-optics-difference { background: #fff; }
.axaoptic-site .ao-optics-locations { background: #f5f0ea; }
.axaoptic-site .ao-optical-center { background: var(--brand-green); color: #fff; }
.axaoptic-site .ao-optical-center h2,
.axaoptic-site .ao-optical-center .section-kicker { color: #fff; }
.axaoptic-site .ao-optical-center p { color: rgb(255 255 255 / 82%); }
.axaoptic-site .ao-optical-center-card { color: var(--brand-ink); }
.axaoptic-site .ao-optical-center-card ul { margin: .8rem 0 0; }
.axaoptic-site .ao-optics-workflow { background: #fff; }
.axaoptic-site .ao-optics-brands { background: #efe7df; }
.axaoptic-site .ao-optics-section-head { max-width: 50rem; margin-bottom: 1.6rem; }
.axaoptic-site .ao-optics-section-head h2 { margin: .35rem 0 .8rem; font-size: var(--ao-h2-size); }
.axaoptic-site .ao-optics-difference-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-optics-difference-grid article { padding: 1.45rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; }
.axaoptic-site .ao-optics-difference-grid h3 { margin: 0 0 .65rem; }
.axaoptic-site .ao-optics-difference-grid p { margin: 0; color: #59676d; }
.axaoptic-site .ao-optics-location-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.15rem; align-items: stretch; }
.axaoptic-site .ao-optics-location-card { overflow: hidden; border: 1px solid var(--border); border-radius: 1rem; background: #fff; box-shadow: 0 18px 44px rgb(23 34 44 / 7%); }
.axaoptic-site .ao-optics-location-card-featured { border-color: rgb(31 90 81 / 32%); }
.axaoptic-site .ao-optics-location-media { margin: 0; position: relative; height: 16.5rem; overflow: hidden; }
.axaoptic-site .ao-optics-location-media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 820px) {
	.axaoptic-site .ao-optics-location-media { height: 15rem; }
}
.axaoptic-site .ao-optics-location-placeholder { aspect-ratio: 4 / 3; display: grid; place-items: center; background: linear-gradient(145deg, #e5ece9, #f6f1eb); color: #65746f; }
.axaoptic-site .ao-optics-location-placeholder::before { content: ""; width: 3.25rem; height: 3.25rem; border: 1px solid rgb(31 90 81 / 24%); border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgb(31 90 81 / 8%) 0 42%, transparent 43%); }
.axaoptic-site .ao-optics-location-placeholder span { position: absolute; inset: auto 1rem 1rem; padding: .3rem .6rem; border-radius: 999px; background: rgb(255 255 255 / 86%); font-size: .72rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--brand-green); }
.axaoptic-site .ao-optics-location-media figcaption { position: absolute; left: 1rem; top: 1rem; padding: .35rem .65rem; border-radius: 999px; background: rgb(23 34 44 / 76%); color: #fff; font-size: .75rem; font-weight: 800; backdrop-filter: blur(8px); }
.axaoptic-site .ao-optics-location-content { padding: 1.35rem 1.35rem 1.5rem; }
.axaoptic-site .ao-optics-location-content h3 { margin: .2rem 0 .45rem; font-size: 1.55rem; }
.axaoptic-site .ao-optics-location-role { margin: 0; min-height: 3.1rem; color: var(--brand-green); font-weight: 800; line-height: 1.45; }
.axaoptic-site .ao-optics-location-grid ul,
.axaoptic-site .ao-location-services { margin: 1rem 0 0; padding-left: 1.15rem; color: #536168; }
.axaoptic-site .ao-optics-location-grid li + li,
.axaoptic-site .ao-location-services li + li { margin-top: .4rem; }
.axaoptic-site .ao-optical-center-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-optics-steps { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: .8rem; }
.axaoptic-site .ao-optics-steps li { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 1rem; padding: 1rem 1.1rem; border: 1px solid var(--border); border-radius: .8rem; background: var(--brand-paper); }
.axaoptic-site .ao-optics-steps li > span { color: var(--brand-red); font-weight: 900; }
.axaoptic-site .ao-optics-steps h3 { margin: 0 0 .2rem; font-size: 1.15rem; }
.axaoptic-site .ao-optics-steps p { margin: 0; color: #5b686e; }
.axaoptic-site .ao-optics-brands-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 3rem; align-items: start; }
.axaoptic-site .ao-optics-brands-grid p { margin: .4rem 0 0; color: #526168; line-height: 1.75; }
.axaoptic-site .ao-eyewear-brand-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.axaoptic-site .ao-eyewear-brand-grid figure { margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 1rem; background: #fff; box-shadow: 0 16px 38px rgb(31 43 48 / 5%); }
.axaoptic-site .ao-eyewear-brand-grid img { display: block; width: 100%; height: 15rem; object-fit: contain; background: #fff; padding: .75rem; }
.axaoptic-site .ao-eyewear-brand-grid figcaption { padding: .85rem 1rem 1rem; color: var(--brand-green); font-weight: 800; text-align: center; }
.axaoptic-site .ao-location-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 900px) {
	.axaoptic-site .utility-inner { justify-content: space-between; gap: .65rem; }
	.axaoptic-site .utility-actions { margin-left: auto; }
	.axaoptic-site .utility-contact-list { gap: .25rem .65rem; font-size: .78rem; }
	.axaoptic-site .utility-contact-label { display: none; }
	.axaoptic-site .utility-nav { display: none; }
	.axaoptic-site .ao-optics-hero-grid,
	.axaoptic-site .ao-optical-center-grid,
	.axaoptic-site .ao-optics-brands-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-optics-difference-grid,
	.axaoptic-site .ao-optics-location-grid,
	.axaoptic-site .ao-location-grid-three { grid-template-columns: 1fr; }
	.axaoptic-site .ao-care-difference-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
	.axaoptic-site .utility-inner { width: min(100% - 1rem, 1240px); }
	.axaoptic-site .utility-phone span { font-size: .78rem; }
	.axaoptic-site .ao-optics-actions { display: grid; }
	.axaoptic-site .ao-optics-actions .btn { width: 100%; }
}

/* CTA de urgențe pe aceeași linie cu acțiunile antetului */
.axaoptic-site .emergency-header-link,
.axaoptic-site .ao-emergency-call {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.65rem;
	padding: .42rem .95rem;
	border-radius: 999px;
	background: var(--brand-red);
	color: #fff;
	font-weight: 800;
	font-size: .88rem;
	white-space: nowrap;
	box-shadow: 0 7px 20px rgb(185 28 44 / 22%);
}
.axaoptic-site .emergency-header-link:hover,
.axaoptic-site .ao-emergency-call:hover { background: var(--brand-red-dark); color: #fff; }
.axaoptic-site .ao-service-emergency-wide { grid-column: 1 / -1; border-color: rgb(185 28 44 / 28%); background: #fff7f7; }
.axaoptic-site .ao-emergency-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .85rem 1rem; margin-top: 1rem; }
.axaoptic-site .ao-emergency-call { min-height: 2.8rem; padding-inline: 1.1rem; }

/* Ochelari și branduri */
.axaoptic-site .eyewear-nav-link { color: var(--brand-red-dark); font-weight: 700; }
.axaoptic-site .mobile-eyewear-link { border: 1px solid rgb(31 90 81 / 20%); border-radius: .7rem; margin-top: .5rem; padding-inline: .85rem; color: var(--brand-green); }
.axaoptic-site .ao-eyewear-wrap { width: var(--wrap); margin-inline: auto; }
.axaoptic-site .ao-eyewear-hero { padding-block: var(--ao-hero-space); background: linear-gradient(135deg, #fffdfb 0%, #f6efe9 100%); }
.axaoptic-site .ao-eyewear-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-eyewear-hero h1 { margin: .4rem 0 1.2rem; max-width: 18ch; font-size: var(--ao-h1-size); }
.axaoptic-site .ao-eyewear-lead { max-width: 46rem; color: #526168; font-size: 1.08rem; line-height: 1.75; }
.axaoptic-site .ao-eyewear-actions { display: flex; flex-wrap: wrap; gap: .85rem; align-items: center; margin-top: 1.6rem; }
.axaoptic-site .ao-eyewear-hero-panel { padding: 1.6rem; border: 1px solid #d9cdc2; border-radius: var(--radius); background: #fff; box-shadow: var(--ao-shadow); }
.axaoptic-site .ao-eyewear-hero-panel strong { display: block; margin-bottom: .55rem; color: var(--brand-red-dark); font: 600 1.35rem/1.25 var(--serif); }
.axaoptic-site .ao-eyewear-hero-panel p { margin: 0; color: #59676d; }
.axaoptic-site .ao-eyewear-catalog { padding-block: clamp(3.5rem, 6vw, 5.5rem); background: #fff; }
.axaoptic-site .ao-eyewear-heading { max-width: 52rem; margin-bottom: 1.8rem; }
.axaoptic-site .ao-eyewear-heading h2 { margin: .35rem 0 .8rem; font-size: var(--ao-h2-size); }
.axaoptic-site .ao-eyewear-heading p { color: #59676d; }
.axaoptic-site .ao-eyewear-brand-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-eyewear-brand-card { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 16px 34px rgb(23 34 44 / 7%); }
.axaoptic-site .ao-eyewear-brand-content { padding: 1.2rem; }
.axaoptic-site .ao-eyewear-brand { display: inline-block; margin-bottom: .55rem; color: var(--brand-red-dark); font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.axaoptic-site .ao-eyewear-brand-content h3 { margin: 0 0 .55rem; font-size: 1.25rem; }
.axaoptic-site .ao-eyewear-brand-content p { margin: 0; color: #59676d; }
.axaoptic-site .ao-eyewear-shop-future { padding-block: clamp(3.5rem, 6vw, 5rem); background: #efe7df; }
.axaoptic-site .ao-eyewear-shop-future-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 3rem; align-items: start; }
.axaoptic-site .ao-eyewear-shop-future-grid p { margin: .35rem 0 0; color: #526168; line-height: 1.75; }
.axaoptic-site .ao-eyewear-featured { padding-block: clamp(3.5rem, 6vw, 5.5rem); background: #f7f2ec; }
.axaoptic-site .ao-eyewear-featured-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 1rem; }
.axaoptic-site .ao-eyewear-featured-grid figure,
.axaoptic-site .ao-zeiss-grid figure,
.axaoptic-site .ao-eyewear-zeiss figure { margin: 0; overflow: hidden; border-radius: var(--radius); background: #fff; box-shadow: 0 16px 34px rgb(23 34 44 / 8%); }
.axaoptic-site .ao-eyewear-featured-grid img { width: 100%; height: 100%; min-height: 18rem; object-fit: cover; display: block; }
.axaoptic-site .ao-eyewear-featured-grid-campaign .ao-eyewear-campaign-hero { grid-row: span 2; }
.axaoptic-site .ao-eyewear-featured-grid-campaign .ao-eyewear-campaign-hero img { object-fit: cover; }
.axaoptic-site .ao-eyewear-campaign-video { padding-block: clamp(3rem, 5vw, 4.5rem); background: #151515; color: #fff; }
.axaoptic-site .ao-eyewear-campaign-video .section-kicker,
.axaoptic-site .ao-eyewear-campaign-video h2 { color: #fff; }
.axaoptic-site .ao-eyewear-campaign-video .ao-eyewear-heading p { color: #d9e2df; }
.axaoptic-site .ao-eyewear-video-layout { display: grid; grid-template-columns: 1fr; gap: 1.4rem; align-items: center; max-width: 760px; margin-inline: auto; text-align: center; }
.axaoptic-site .ao-eyewear-video-layout .ao-eyewear-heading { max-width: 42rem; margin: 0 auto; }
.axaoptic-site .ao-eyewear-video-frame { width: min(100%, 440px); margin-inline: auto; overflow: hidden; border-radius: 1.1rem; background: #000; box-shadow: 0 20px 48px rgb(0 0 0 / 22%); }
.axaoptic-site .ao-eyewear-video-frame video { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: #000; }
.axaoptic-site .ao-eyewear-product-detail { padding-block: clamp(3.5rem, 6vw, 5.5rem); background: #f8f5f1; }
.axaoptic-site .ao-eyewear-product-viewer { max-width: 980px; margin-inline: auto; }
.axaoptic-site .ao-eyewear-product-stage { position: relative; display: grid; place-items: center; min-height: 30rem; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 16px 40px rgb(23 34 44 / 7%); }
.axaoptic-site .ao-eyewear-product-main { margin: 0; width: 100%; }
.axaoptic-site .ao-eyewear-product-main img { display: block; width: 100%; height: min(58vh, 34rem); object-fit: contain; padding: 1.25rem; background: #fff; }
.axaoptic-site .ao-eyewear-product-nav { position: absolute; top: 50%; z-index: 2; width: 3rem; height: 3rem; margin-top: -1.5rem; border: 1px solid var(--border); border-radius: 999px; background: rgb(255 255 255 / 92%); color: var(--brand-ink); font-size: 2rem; line-height: 1; cursor: pointer; box-shadow: 0 8px 20px rgb(23 34 44 / 12%); }
.axaoptic-site .ao-eyewear-product-prev { left: 1rem; }
.axaoptic-site .ao-eyewear-product-next { right: 1rem; }
.axaoptic-site .ao-eyewear-product-thumbs { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .8rem; margin-top: .9rem; }
.axaoptic-site .ao-eyewear-product-thumbs button { padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: .85rem; background: #fff; cursor: pointer; }
.axaoptic-site .ao-eyewear-product-thumbs button.is-active { border-color: var(--brand-red); }
.axaoptic-site .ao-eyewear-product-thumbs img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; padding: .45rem; background: #fff; }
.axaoptic-site .ao-eyewear-card-image { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.axaoptic-site .ao-eyewear-zeiss { padding-block: clamp(3.5rem, 6vw, 5rem); background: #eef4f2; }
.axaoptic-site .ao-eyewear-zeiss-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .9fr); gap: 3rem; align-items: center; }
.axaoptic-site .ao-eyewear-zeiss figure img { width: 100%; display: block; }
.axaoptic-site .ao-zeiss-optics { padding-block: clamp(3.5rem, 6vw, 5.5rem); background: #fff; }
.axaoptic-site .ao-zeiss-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-zeiss-grid img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.axaoptic-site .ao-zeiss-grid figcaption { padding: .85rem 1rem; color: var(--brand-green); font-weight: 800; }

@media (max-width: 1100px) {
	.axaoptic-site .desktop-nav { gap: .75rem; }
	.axaoptic-site .desktop-nav a { font-size: .86rem; }
}
@media (max-width: 900px) {
	.axaoptic-site .emergency-header-link { min-height: 2.55rem; padding-inline: .8rem; font-size: .8rem; }
	.axaoptic-site .ao-eyewear-hero-grid,
	.axaoptic-site .ao-eyewear-shop-future-grid,
	.axaoptic-site .ao-eyewear-zeiss-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-eyewear-brand-grid,
	.axaoptic-site .ao-zeiss-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.axaoptic-site .ao-eyewear-featured-grid { grid-template-columns: 1fr 1fr; }
	.axaoptic-site .ao-eyewear-featured-grid figure:first-child { grid-column: 1 / -1; }
	.axaoptic-site .ao-eyewear-featured-grid-campaign .ao-eyewear-campaign-hero { grid-row: auto; }
	.axaoptic-site .ao-eyewear-product-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.axaoptic-site .ao-eyewear-product-detail-grid .ao-eyewear-product-main { grid-column: 1 / -1; grid-row: auto; }
}
@media (max-width: 640px) {
	.axaoptic-site .header-inner { gap: .55rem; }
	.axaoptic-site .brand-image { width: 9.8rem; }
	.axaoptic-site .brand-registered { top: 1.2rem; right: -.42rem; font-size: .9rem; }
	.axaoptic-site .brand-tagline { margin-top: -.87rem; padding-left: .95rem; font-size: .74rem; line-height: 1; }
	.axaoptic-site .header-actions { gap: .45rem; }
	.axaoptic-site .emergency-header-link { min-height: 2.35rem; padding-inline: .65rem; font-size: .72rem; }
	.axaoptic-site .ao-eyewear-brand-grid,
	.axaoptic-site .ao-zeiss-grid,
	.axaoptic-site .ao-eyewear-featured-grid,
	.axaoptic-site .ao-eyewear-product-detail-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-eyewear-featured-grid figure:first-child { grid-column: auto; }
	.axaoptic-site .ao-eyewear-actions { display: grid; }
	.axaoptic-site .ao-eyewear-actions .btn { width: 100%; }
}

/* Pagini juridice, politici si GDPR */
.axaoptic-site .ao-legal-wrap { width: var(--wrap); margin-inline: auto; }
.axaoptic-site .ao-legal-hero { padding-block: clamp(4rem, 7vw, 6rem); background: linear-gradient(135deg, #fffdfb 0%, #f0f5f3 100%); }
.axaoptic-site .ao-legal-hero h1 { margin: .4rem 0 1rem; max-width: 15ch; font-size: clamp(2.7rem, 5vw, 4.6rem); }
.axaoptic-site .ao-legal-lead { max-width: 54rem; color: #526168; font-size: 1.08rem; line-height: 1.75; }
.axaoptic-site .ao-legal-updated { margin: 1.2rem 0 0; color: var(--brand-green); font-size: .88rem; font-weight: 800; }
.axaoptic-site .ao-legal-content { padding-block: clamp(3rem, 5vw, 5rem); background: #fff; }
.axaoptic-site .ao-legal-grid { display: grid; grid-template-columns: minmax(13rem, .32fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.axaoptic-site .ao-legal-toc { position: sticky; top: 7rem; display: grid; gap: .45rem; padding: 1.15rem; border: 1px solid var(--border); border-radius: var(--radius); background: #f7f3ee; }
.axaoptic-site .ao-legal-toc strong { margin-bottom: .3rem; color: var(--brand-green); }
.axaoptic-site .ao-legal-toc a { color: #526168; font-size: .9rem; }
.axaoptic-site .ao-legal-body { min-width: 0; }
.axaoptic-site .ao-legal-body > section { scroll-margin-top: 7.5rem; padding-bottom: 2.2rem; margin-bottom: 2.2rem; border-bottom: 1px solid var(--border); }
.axaoptic-site .ao-legal-body > section:last-child { border-bottom: 0; margin-bottom: 0; }
.axaoptic-site .ao-legal-body h2 { margin: 0 0 .85rem; font-size: clamp(1.6rem, 2.6vw, 2.2rem); }
.axaoptic-site .ao-legal-body h3 { margin: 0 0 .5rem; font-size: 1.15rem; }
.axaoptic-site .ao-legal-body p,
.axaoptic-site .ao-legal-body li { color: #526168; line-height: 1.75; }
.axaoptic-site .ao-legal-body ul { padding-left: 1.2rem; }
.axaoptic-site .ao-legal-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-legal-card-grid article { padding: 1.2rem; border: 1px solid var(--border); border-radius: .8rem; background: #f9f7f3; }
.axaoptic-site .ao-legal-card-grid p { margin: 0; }
.axaoptic-site .ao-legal-note { padding: 1rem 1.1rem; border-left: 4px solid var(--brand-green); background: #eef4f2; border-radius: 0 .65rem .65rem 0; }

@media (max-width: 900px) {
	.axaoptic-site .ao-legal-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-legal-toc { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.axaoptic-site .ao-legal-toc strong { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
	.axaoptic-site .ao-legal-toc,
	.axaoptic-site .ao-legal-card-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-legal-toc strong { grid-column: auto; }
}

/* Fotografii reale: clinică, cataractă și investigații */
.axaoptic-site .ao-clinic-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.axaoptic-site .ao-clinic-gallery-grid figure { box-shadow: 0 14px 34px rgb(31 43 48 / 7%); }
.axaoptic-site .ao-clinic-gallery-grid .ao-clinic-photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.axaoptic-site .ao-cataract-stage-image {
	margin: 1.4rem 0 1.7rem;
	overflow: hidden;
	border: 1px solid var(--border);
	border-radius: var(--radius-xl);
	background: #fff;
	box-shadow: 0 16px 38px rgb(31 43 48 / 7%);
}
.axaoptic-site .ao-cataract-stage-image img { display: block; width: 100%; max-height: 32rem; object-fit: cover; }
.axaoptic-site .ao-cataract-stage-image figcaption,
.axaoptic-site .ao-investigations-hero-photo figcaption {
	padding: .7rem .9rem;
	color: #5f6d72;
	font-size: .8rem;
	line-height: 1.45;
}
.axaoptic-site .ao-investigations-hero-photo {
	margin: 0 0 1rem;
	overflow: hidden;
	border-radius: calc(var(--radius-xl) - .15rem);
	background: #fff;
}
.axaoptic-site .ao-investigations-hero-photo img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
@media (max-width: 900px) {
	.axaoptic-site .ao-clinic-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.axaoptic-site .ao-clinic-gallery-grid { grid-template-columns: 1fr; }
	.axaoptic-site .ao-cataract-stage-image img { max-height: none; }
}

/* Cataractă — structură clinică 2026-10-07 */
.axaoptic-site .ao-cataract-subnav {
	position: sticky;
	top: 0;
	z-index: 20;
	border-block: 1px solid var(--border);
	background: rgb(255 255 255 / 96%);
	backdrop-filter: blur(10px);
}
.axaoptic-site .ao-cataract-subnav .ao-cataract-wrap {
	display: flex;
	gap: .45rem;
	overflow-x: auto;
	padding-block: .65rem;
	scrollbar-width: thin;
}
.axaoptic-site .ao-cataract-subnav a {
	flex: 0 0 auto;
	padding: .55rem .8rem;
	border-radius: 999px;
	color: #46565d;
	font-size: .82rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}
.axaoptic-site .ao-cataract-subnav a:hover,
.axaoptic-site .ao-cataract-subnav a:focus-visible {
	background: #f7efea;
	color: var(--brand-red-dark);
}
.axaoptic-site #primele-semne,
.axaoptic-site #investigatii-analize-avize,
.axaoptic-site #implantul-intraocular,
.axaoptic-site #pregatire,
.axaoptic-site #interventie,
.axaoptic-site #tratament-postoperator,
.axaoptic-site #controale-semne-alarma {
	scroll-margin-top: 7rem;
}
.axaoptic-site .ao-cataract-page sup {
	margin-left: .18rem;
	font-size: .72em;
	white-space: nowrap;
}
.axaoptic-site .ao-cataract-page sup a {
	margin-right: .12rem;
	color: var(--brand-red-dark);
	font-weight: 800;
	text-decoration: none;
}
.axaoptic-site .ao-cataract-page #implantul-intraocular .ao-cataract-head:not(:first-child) {
	margin-top: clamp(3rem, 6vw, 5rem);
}
.axaoptic-site .ao-cataract-page #implantul-intraocular .ao-lifestyle-grid,
.axaoptic-site .ao-cataract-page #implantul-intraocular .ao-iol-limits-grid {
	margin-top: clamp(3rem, 6vw, 5rem);
}
.axaoptic-site .ao-cataract-sources {
	padding-block: 1rem;
	background: #fff;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}
.axaoptic-site .ao-cataract-reference-list {
	margin: 0;
	padding-left: 1.35rem;
	display: grid;
	gap: .85rem;
}
.axaoptic-site .ao-cataract-reference-list li {
	padding-left: .35rem;
	color: #536168;
	line-height: 1.65;
}
.axaoptic-site .ao-cataract-reference-list a {
	color: var(--brand-red-dark);
	text-decoration: underline;
	text-underline-offset: .18rem;
}
.axaoptic-site .ao-cataract-sources-details {
	background: #fff;
}
.axaoptic-site .ao-cataract-sources-details:not([open]) > .ao-cataract-sources-content {
	display: none !important;
}
.axaoptic-site .ao-cataract-sources-details[open] > .ao-cataract-sources-content {
	display: block;
}
.axaoptic-site .ao-cataract-sources-summary {
	display: flex;
	align-items: center;
	gap: .85rem;
	min-height: 3.25rem;
	padding: .8rem 0;
	cursor: pointer;
	list-style: none;
	font-weight: 700;
}
.axaoptic-site .ao-cataract-sources-summary:hover { color: var(--brand-red-dark); }
.axaoptic-site .ao-cataract-sources-summary::-webkit-details-marker {
	display: none;
}
.axaoptic-site .ao-cataract-sources-summary:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}
.axaoptic-site .ao-cataract-sources-summary-label {
	font-size: 1rem;
}
.axaoptic-site .ao-cataract-sources-summary-meta {
	margin-left: auto;
	color: #647177;
	font-size: .9rem;
	font-weight: 600;
}
.axaoptic-site .ao-cataract-sources-summary::after {
	content: "+";
	display: grid;
	place-items: center;
	width: 1.6rem;
	height: 1.6rem;
	flex: 0 0 1.6rem;
	border: 1px solid var(--border);
	border-radius: 50%;
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 1;
}
.axaoptic-site .ao-cataract-sources-details[open] .ao-cataract-sources-summary::after {
	content: "−";
}
.axaoptic-site .ao-cataract-sources-content {
	padding: 1rem 0 1.4rem;
	border-top: 1px solid var(--border);
}
.axaoptic-site .ao-cataract-sources-content h2 {
	margin: 1rem 0 .55rem;
	font-size: clamp(1.35rem, 2vw, 1.7rem);
}
.axaoptic-site .ao-cataract-sources-content > p {
	margin: 0 0 1.25rem;
	color: #536168;
}
@media (max-width: 640px) {
	.axaoptic-site .ao-cataract-subnav { position: relative; }
	.axaoptic-site .ao-cataract-subnav .ao-cataract-wrap { padding-inline: .25rem; }
	.axaoptic-site #primele-semne,
	.axaoptic-site #investigatii-analize-avize,
	.axaoptic-site #implantul-intraocular,
	.axaoptic-site #pregatire,
	.axaoptic-site #interventie,
	.axaoptic-site #tratament-postoperator,
	.axaoptic-site #controale-semne-alarma { scroll-margin-top: 1rem; }
}

/* Cataractă · Capitol 01 — primele semne și diagnosticul */
.axaoptic-site .ao-cataract-head-secondary {
	margin-top: clamp(2.5rem, 5vw, 4rem);
	margin-bottom: 1.4rem;
}
.axaoptic-site .ao-cataract-head-secondary h3 {
	margin: .35rem 0 0;
	max-width: 46rem;
	font-size: clamp(1.55rem, 2.6vw, 2.25rem);
	line-height: 1.2;
	letter-spacing: -.02em;
}
.axaoptic-site .ao-cataract-symptom-mechanism-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}
.axaoptic-site .ao-cataract-symptom-mechanism-grid article {
	padding: 1.35rem;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
}
.axaoptic-site .ao-cataract-symptom-mechanism-grid h3 {
	margin: 0 0 .5rem;
	font-size: 1.2rem;
	color: var(--brand-green);
}
.axaoptic-site .ao-cataract-symptom-mechanism-grid p {
	margin: 0;
	color: #58666c;
	line-height: 1.65;
}
.axaoptic-site .ao-cataract-alert {
	margin-top: 1.3rem;
	padding: 1.15rem 1.25rem;
	border: 1px solid rgb(185 28 44 / 25%);
	border-left: 4px solid var(--brand-red);
	border-radius: .8rem;
	background: #fff7f7;
}
.axaoptic-site .ao-cataract-alert strong {
	color: var(--brand-red-dark);
}
.axaoptic-site .ao-cataract-alert p {
	margin: .35rem 0 0;
	color: #4f5f66;
	line-height: 1.65;
}
.axaoptic-site .ao-cataract-diagnosis-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: clamp(1.25rem, 3vw, 2rem);
	margin-top: clamp(2.6rem, 5vw, 4rem);
	align-items: start;
}
.axaoptic-site .ao-cataract-diagnosis-grid h3 {
	margin: .35rem 0 .8rem;
	font-size: clamp(1.45rem, 2.5vw, 2rem);
	line-height: 1.2;
}
.axaoptic-site .ao-cataract-diagnosis-grid p,
.axaoptic-site .ao-cataract-diagnosis-grid li {
	color: #536168;
	line-height: 1.68;
}
.axaoptic-site .ao-cataract-diagnosis-grid ul {
	padding-left: 1.2rem;
}
@media (max-width: 760px) {
	.axaoptic-site .ao-cataract-symptom-mechanism-grid,
	.axaoptic-site .ao-cataract-diagnosis-grid {
		grid-template-columns: 1fr;
	}
}

/* Cataractă · Capitol 02 — investigații, analize și avize */
.axaoptic-site .ao-cataract-two-paths,
.axaoptic-site .ao-cataract-protocol-grid,
.axaoptic-site .ao-cataract-measurement-quality,
.axaoptic-site .ao-cataract-clinical-info-grid {
	display: grid;
	gap: 1rem;
}
.axaoptic-site .ao-cataract-two-paths {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 1.5rem;
}
.axaoptic-site .ao-cataract-two-paths article,
.axaoptic-site .ao-cataract-special-planning,
.axaoptic-site .ao-cataract-clinical-info-grid article {
	padding: 1.35rem;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
}
.axaoptic-site .ao-cataract-two-paths article > span {
	display: inline-grid;
	width: 2.35rem;
	height: 2.35rem;
	place-items: center;
	border-radius: 999px;
	background: #f8ecee;
	color: var(--brand-red-dark);
	font-weight: 900;
}
.axaoptic-site .ao-cataract-two-paths h3,
.axaoptic-site .ao-cataract-special-planning h3,
.axaoptic-site .ao-cataract-clinical-info-grid h3,
.axaoptic-site .ao-cataract-measurement-quality h3,
.axaoptic-site .ao-cataract-protocol-grid h3 {
	margin: .65rem 0 .55rem;
	font-size: 1.28rem;
	line-height: 1.25;
}
.axaoptic-site .ao-cataract-two-paths p,
.axaoptic-site .ao-cataract-special-planning p,
.axaoptic-site .ao-cataract-clinical-info-grid p,
.axaoptic-site .ao-cataract-measurement-quality p,
.axaoptic-site .ao-cataract-protocol-grid p {
	margin: 0;
	color: #536168;
	line-height: 1.68;
}
.axaoptic-site .ao-iol-investigation-grid-detailed article {
	display: flex;
	flex-direction: column;
}
.axaoptic-site .ao-iol-investigation-grid-detailed article > strong {
	margin-top: .9rem;
	color: var(--brand-green);
	font-size: .86rem;
	line-height: 1.5;
}
.axaoptic-site .ao-cataract-measurement-quality {
	grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
	align-items: start;
	margin-top: clamp(2rem, 4vw, 3.5rem);
	padding: clamp(1.3rem, 3vw, 2rem);
	border-radius: var(--radius-xl);
	background: #edf3f0;
}
.axaoptic-site .ao-cataract-special-planning {
	margin-top: 1.2rem;
	border-color: rgb(31 90 81 / 24%);
	background: #f6faf8;
}
.axaoptic-site .ao-cataract-special-planning .section-kicker {
	margin-bottom: .2rem;
}
.axaoptic-site .ao-cataract-protocol-grid {
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
	align-items: start;
	margin-top: clamp(3rem, 6vw, 5rem);
	padding-top: clamp(2.5rem, 5vw, 4rem);
	border-top: 1px solid var(--border);
}
.axaoptic-site .ao-cataract-lab-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}
.axaoptic-site .ao-cataract-lab-grid > div {
	padding: 1.15rem;
	border: 1px solid var(--border);
	border-radius: .8rem;
	background: #fff;
}
.axaoptic-site .ao-cataract-lab-grid > div > strong {
	display: block;
	margin-bottom: .5rem;
	color: var(--brand-green);
}
.axaoptic-site .ao-cataract-lab-grid ul,
.axaoptic-site .ao-cataract-protocol-grid ul {
	margin: 0;
	padding-left: 1.15rem;
}
.axaoptic-site .ao-cataract-lab-grid li,
.axaoptic-site .ao-cataract-protocol-grid li {
	color: #536168;
	line-height: 1.6;
}
.axaoptic-site .ao-cataract-protocol-note {
	border-left: 4px solid var(--brand-green);
}
.axaoptic-site .ao-cataract-clinical-info-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.axaoptic-site .ao-cataract-alert-neutral {
	border-color: rgb(31 90 81 / 24%);
	border-left-color: var(--brand-green);
	background: #f5f9f7;
}
.axaoptic-site .ao-cataract-alert-neutral strong {
	color: var(--brand-green);
}
@media (max-width: 820px) {
	.axaoptic-site .ao-cataract-two-paths,
	.axaoptic-site .ao-cataract-protocol-grid,
	.axaoptic-site .ao-cataract-measurement-quality,
	.axaoptic-site .ao-cataract-clinical-info-grid,
	.axaoptic-site .ao-cataract-lab-grid {
		grid-template-columns: 1fr;
	}
}

/* Cataractă · Capitol 03 — implantul intraocular */
.axaoptic-site .ao-iol-decision-grid,
.axaoptic-site .ao-iol-strategy-grid {
	display: grid;
	gap: 1rem;
}
.axaoptic-site .ao-iol-decision-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.axaoptic-site .ao-iol-decision-grid article,
.axaoptic-site .ao-iol-strategy-grid article {
	padding: 1.25rem;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
}
.axaoptic-site .ao-iol-decision-grid article > span {
	color: var(--brand-red);
	font: 700 .88rem/1 Georgia, serif;
}
.axaoptic-site .ao-iol-decision-grid h3,
.axaoptic-site .ao-iol-strategy-grid h3 {
	margin: .7rem 0 .45rem;
	font-size: 1.2rem;
}
.axaoptic-site .ao-iol-decision-grid p,
.axaoptic-site .ao-iol-strategy-grid p {
	margin: 0;
	color: #56656b;
	line-height: 1.62;
}
.axaoptic-site .ao-iol-grid-four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.axaoptic-site .ao-iol-grid-four article {
	min-height: 23rem;
}
.axaoptic-site .ao-iol-grid-four article > strong {
	display: block;
	margin-top: auto;
	padding-top: 1rem;
	color: var(--brand-green);
	font-size: .83rem;
	line-height: 1.5;
}
.axaoptic-site .ao-iol-toric-explained,
.axaoptic-site .ao-iol-candidacy,
.axaoptic-site .ao-iol-expectations {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .95fr);
	gap: clamp(1.4rem, 3vw, 2.2rem);
	align-items: start;
	margin-top: clamp(3rem, 6vw, 5rem);
}
.axaoptic-site .ao-iol-toric-explained {
	padding: clamp(1.4rem, 3vw, 2rem);
	border: 1px solid rgb(31 90 81 / 22%);
	border-radius: var(--radius-xl);
	background: #f4f8f6;
}
.axaoptic-site .ao-iol-toric-explained h3,
.axaoptic-site .ao-iol-candidacy h3,
.axaoptic-site .ao-iol-expectations h3,
.axaoptic-site .ao-iol-refractive-strategy > h3 {
	margin: .35rem 0 .7rem;
	font-size: clamp(1.5rem, 2.5vw, 2.1rem);
	line-height: 1.2;
}
.axaoptic-site .ao-iol-toric-explained p,
.axaoptic-site .ao-iol-candidacy p,
.axaoptic-site .ao-iol-expectations p,
.axaoptic-site .ao-iol-refractive-strategy > p {
	color: #536168;
	line-height: 1.7;
}
.axaoptic-site .ao-iol-toric-explained .ao-toric-explainer {
	margin: 0;
}
.axaoptic-site .ao-iol-refractive-strategy {
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(1.4rem, 3vw, 2rem);
	border-radius: var(--radius-xl);
	background: #efe7df;
}
.axaoptic-site .ao-iol-strategy-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 1rem;
}
.axaoptic-site .ao-iol-candidacy .ao-cataract-prep-card,
.axaoptic-site .ao-iol-expectations .ao-cataract-prep-card {
	height: 100%;
}
.axaoptic-site .ao-iol-candidacy ul,
.axaoptic-site .ao-iol-expectations ul {
	margin: 0;
	padding-left: 1.2rem;
}
.axaoptic-site .ao-iol-candidacy li,
.axaoptic-site .ao-iol-expectations li {
	color: #536168;
	line-height: 1.6;
}
.axaoptic-site .ao-iol-candidacy li + li,
.axaoptic-site .ao-iol-expectations li + li {
	margin-top: .35rem;
}
.axaoptic-site #implantul-intraocular .ao-vision-explorer-pro {
	margin-top: 1.1rem;
}
@media (max-width: 1050px) {
	.axaoptic-site .ao-iol-decision-grid,
	.axaoptic-site .ao-iol-grid-four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 760px) {
	.axaoptic-site .ao-iol-decision-grid,
	.axaoptic-site .ao-iol-grid-four,
	.axaoptic-site .ao-iol-strategy-grid,
	.axaoptic-site .ao-iol-toric-explained,
	.axaoptic-site .ao-iol-candidacy,
	.axaoptic-site .ao-iol-expectations {
		grid-template-columns: 1fr;
	}
	.axaoptic-site .ao-iol-grid-four article {
		min-height: 0;
	}
}

/* Cataractă · Capitol 04 — pregătirea pentru intervenție */
.axaoptic-site .ao-preop-timeline {
	display: grid;
	gap: 1rem;
	margin-top: 1.5rem;
}
.axaoptic-site .ao-preop-timeline article {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	padding: 1.25rem;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
}
.axaoptic-site .ao-preop-timeline article > span {
	display: inline-grid;
	width: 2.7rem;
	height: 2.7rem;
	place-items: center;
	border-radius: 999px;
	background: #f8ecee;
	color: var(--brand-red-dark);
	font-weight: 900;
}
.axaoptic-site .ao-preop-timeline h3,
.axaoptic-site .ao-preop-medication-grid h3,
.axaoptic-site .ao-preop-drops-grid h3,
.axaoptic-site .ao-preop-health-alert h3,
.axaoptic-site .ao-preop-day-card h3,
.axaoptic-site .ao-preop-consent h3,
.axaoptic-site .ao-preop-fasting h3 {
	margin: .35rem 0 .65rem;
	font-size: clamp(1.25rem, 2vw, 1.65rem);
	line-height: 1.25;
}
.axaoptic-site .ao-preop-timeline ul,
.axaoptic-site .ao-preop-day-card ul,
.axaoptic-site .ao-preop-health-alert ul {
	margin: .6rem 0 0;
	padding-left: 1.15rem;
}
.axaoptic-site .ao-preop-timeline li,
.axaoptic-site .ao-preop-day-card li,
.axaoptic-site .ao-preop-health-alert li {
	color: #536168;
	line-height: 1.6;
}
.axaoptic-site .ao-preop-medication-grid,
.axaoptic-site .ao-preop-drops-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}
.axaoptic-site .ao-preop-medication-grid article,
.axaoptic-site .ao-preop-drops-grid article {
	display: flex;
	flex-direction: column;
	padding: 1.25rem;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
}
.axaoptic-site .ao-preop-medication-grid p,
.axaoptic-site .ao-preop-drops-grid p {
	margin: 0;
	color: #536168;
	line-height: 1.68;
}
.axaoptic-site .ao-preop-medication-grid article > strong {
	margin-top: auto;
	padding-top: .9rem;
	color: var(--brand-green);
	font-size: .86rem;
	line-height: 1.5;
}
.axaoptic-site .ao-preop-fasting,
.axaoptic-site .ao-preop-consent {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr);
	gap: clamp(1.3rem, 3vw, 2rem);
	align-items: start;
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(1.35rem, 3vw, 2rem);
	border-radius: var(--radius-xl);
	background: #efe7df;
}
.axaoptic-site .ao-preop-fasting p,
.axaoptic-site .ao-preop-consent p {
	color: #536168;
	line-height: 1.7;
}
.axaoptic-site .ao-preop-health-alert {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(18rem, .9fr);
	gap: 1.3rem;
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(1.35rem, 3vw, 2rem);
	border: 1px solid rgb(185 28 44 / 24%);
	border-radius: var(--radius-xl);
	background: #fff7f7;
}
.axaoptic-site .ao-preop-health-alert .section-kicker {
	color: var(--brand-red-dark);
}
.axaoptic-site .ao-preop-day-card {
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(1.35rem, 3vw, 2rem);
	border: 1px solid var(--border);
	border-radius: var(--radius-xl);
	background: #fff;
}
.axaoptic-site .ao-preop-checklist-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}
.axaoptic-site .ao-preop-checklist-grid > div {
	padding: 1.15rem;
	border-radius: .8rem;
	background: #f6f8f7;
}
.axaoptic-site .ao-preop-checklist-grid > div > strong {
	display: block;
	color: var(--brand-green);
	margin-bottom: .4rem;
}
.axaoptic-site .ao-preop-consent {
	background: #edf3f0;
}
@media (max-width: 820px) {
	.axaoptic-site .ao-preop-medication-grid,
	.axaoptic-site .ao-preop-drops-grid,
	.axaoptic-site .ao-preop-fasting,
	.axaoptic-site .ao-preop-health-alert,
	.axaoptic-site .ao-preop-day-card .ao-preop-checklist-grid,
	.axaoptic-site .ao-preop-consent {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 560px) {
	.axaoptic-site .ao-preop-timeline article {
		grid-template-columns: 1fr;
	}
}

/* Cataractă · Capitol 05 — intervenția */
.axaoptic-site .ao-op-safety-grid,
.axaoptic-site .ao-op-anesthesia-grid,
.axaoptic-site .ao-op-patient-experience,
.axaoptic-site .ao-op-adaptation,
.axaoptic-site .ao-op-infection,
.axaoptic-site .ao-op-end {
	display: grid;
	gap: 1rem;
}
.axaoptic-site .ao-op-safety-grid,
.axaoptic-site .ao-op-anesthesia-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.axaoptic-site .ao-op-safety-grid article,
.axaoptic-site .ao-op-anesthesia-grid article,
.axaoptic-site .ao-op-adaptation-grid article,
.axaoptic-site .ao-op-risk-grid article {
	padding: 1.25rem;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
}
.axaoptic-site .ao-op-safety-grid h3,
.axaoptic-site .ao-op-anesthesia-grid h3,
.axaoptic-site .ao-op-adaptation h3,
.axaoptic-site .ao-op-infection h3,
.axaoptic-site .ao-op-end h3 {
	margin: .35rem 0 .65rem;
	font-size: clamp(1.3rem, 2.1vw, 1.75rem);
	line-height: 1.24;
}
.axaoptic-site .ao-op-safety-grid p,
.axaoptic-site .ao-op-anesthesia-grid p,
.axaoptic-site .ao-op-adaptation p,
.axaoptic-site .ao-op-infection p,
.axaoptic-site .ao-op-end p {
	margin: 0;
	color: #536168;
	line-height: 1.68;
}
.axaoptic-site .ao-op-anesthesia-grid article {
	display: flex;
	flex-direction: column;
}
.axaoptic-site .ao-op-anesthesia-grid article > strong {
	margin-top: auto;
	padding-top: 1rem;
	color: var(--brand-green);
	font-size: .86rem;
	line-height: 1.5;
}
.axaoptic-site .ao-op-patient-experience,
.axaoptic-site .ao-op-infection,
.axaoptic-site .ao-op-end {
	grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr);
	align-items: start;
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(1.35rem, 3vw, 2rem);
	border-radius: var(--radius-xl);
}
.axaoptic-site .ao-op-patient-experience {
	background: #efe7df;
}
.axaoptic-site .ao-op-infection {
	background: #fff7f7;
	border: 1px solid rgb(185 28 44 / 22%);
}
.axaoptic-site .ao-op-end {
	background: #edf3f0;
}
.axaoptic-site .ao-cataract-operation-steps-detailed {
	margin-top: 1.2rem;
}
.axaoptic-site .ao-cataract-operation-steps-detailed li {
	align-items: flex-start;
}
.axaoptic-site .ao-cataract-operation-steps-detailed li > span {
	margin-top: .15rem;
}
.axaoptic-site .ao-op-adaptation {
	grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
	align-items: start;
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(1.35rem, 3vw, 2rem);
	border: 1px solid rgb(31 90 81 / 22%);
	border-radius: var(--radius-xl);
	background: #f5f9f7;
}
.axaoptic-site .ao-op-adaptation-grid,
.axaoptic-site .ao-op-risk-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .9rem;
}
.axaoptic-site .ao-op-adaptation-grid h3,
.axaoptic-site .ao-op-risk-grid h3 {
	margin: 0 0 .45rem;
	font-size: 1.1rem;
	line-height: 1.25;
}
.axaoptic-site .ao-op-adaptation-grid p,
.axaoptic-site .ao-op-risk-grid p {
	margin: 0;
	color: #536168;
	line-height: 1.6;
}
.axaoptic-site .ao-op-risk-grid {
	margin-top: 1rem;
}
@media (max-width: 880px) {
	.axaoptic-site .ao-op-safety-grid,
	.axaoptic-site .ao-op-anesthesia-grid,
	.axaoptic-site .ao-op-patient-experience,
	.axaoptic-site .ao-op-adaptation,
	.axaoptic-site .ao-op-infection,
	.axaoptic-site .ao-op-end {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 640px) {
	.axaoptic-site .ao-op-adaptation-grid,
	.axaoptic-site .ao-op-risk-grid {
		grid-template-columns: 1fr;
	}
}

/* Cataractă · Capitol 06 — tratamentul postoperator */
.axaoptic-site .ao-postop-principles-grid,
.axaoptic-site .ao-postop-drops-grid,
.axaoptic-site .ao-postop-normal-grid,
.axaoptic-site .ao-postop-care-grid,
.axaoptic-site .ao-postop-activity-grid {
	display: grid;
	gap: 1rem;
}
.axaoptic-site .ao-postop-principles-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.axaoptic-site .ao-postop-drops-grid,
.axaoptic-site .ao-postop-normal-grid,
.axaoptic-site .ao-postop-care-grid,
.axaoptic-site .ao-postop-activity-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.axaoptic-site .ao-postop-principles-grid article,
.axaoptic-site .ao-postop-drops-grid article,
.axaoptic-site .ao-postop-normal-grid article,
.axaoptic-site .ao-postop-care-grid article,
.axaoptic-site .ao-postop-activity-grid article {
	padding: 1.2rem;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
}
.axaoptic-site .ao-postop-principles-grid article > span {
	display: inline-grid;
	width: 2.35rem;
	height: 2.35rem;
	place-items: center;
	border-radius: 999px;
	background: #f8ecee;
	color: var(--brand-red-dark);
	font-weight: 900;
}
.axaoptic-site .ao-postop-principles-grid h3,
.axaoptic-site .ao-postop-drops-grid h3,
.axaoptic-site .ao-postop-normal-grid h3,
.axaoptic-site .ao-postop-care-grid h3,
.axaoptic-site .ao-postop-activity-grid h3,
.axaoptic-site .ao-postop-drop-technique h3,
.axaoptic-site .ao-postop-first-days h3,
.axaoptic-site .ao-postop-activity h3,
.axaoptic-site .ao-postop-dry-eye h3,
.axaoptic-site .ao-postop-adjustment h3 {
	margin: .45rem 0 .55rem;
	font-size: 1.18rem;
	line-height: 1.25;
}
.axaoptic-site .ao-postop-principles-grid p,
.axaoptic-site .ao-postop-drops-grid p,
.axaoptic-site .ao-postop-normal-grid p,
.axaoptic-site .ao-postop-care-grid p,
.axaoptic-site .ao-postop-activity-grid p,
.axaoptic-site .ao-postop-drop-technique p,
.axaoptic-site .ao-postop-first-days p,
.axaoptic-site .ao-postop-activity p,
.axaoptic-site .ao-postop-dry-eye p,
.axaoptic-site .ao-postop-adjustment p {
	margin: 0;
	color: #536168;
	line-height: 1.68;
}
.axaoptic-site .ao-postop-drop-technique,
.axaoptic-site .ao-postop-first-days,
.axaoptic-site .ao-postop-dry-eye,
.axaoptic-site .ao-postop-adjustment {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr);
	gap: clamp(1.3rem, 3vw, 2rem);
	align-items: start;
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(1.35rem, 3vw, 2rem);
	border-radius: var(--radius-xl);
}
.axaoptic-site .ao-postop-drop-technique {
	background: #edf3f0;
}
.axaoptic-site .ao-postop-first-days {
	background: #efe7df;
}
.axaoptic-site .ao-postop-dry-eye {
	background: #f5f9f7;
	border: 1px solid rgb(31 90 81 / 20%);
}
.axaoptic-site .ao-postop-adjustment {
	background: #fff;
	border: 1px solid var(--border);
}
.axaoptic-site .ao-postop-drop-technique ol {
	margin: .8rem 0 0;
	padding-left: 1.2rem;
}
.axaoptic-site .ao-postop-drop-technique li {
	color: #536168;
	line-height: 1.65;
}
.axaoptic-site .ao-postop-first-days .ao-postop-normal-grid {
	align-self: stretch;
}
.axaoptic-site .ao-postop-activity {
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(1.35rem, 3vw, 2rem);
	border-radius: var(--radius-xl);
	background: #f7f4f1;
}
.axaoptic-site .ao-postop-activity-grid {
	margin-top: 1rem;
}
.axaoptic-site .ao-postop-next-link {
	margin: 1.25rem 0 0;
	text-align: right;
}
.axaoptic-site .ao-postop-next-link a {
	color: var(--brand-red-dark);
	font-weight: 800;
	text-decoration: none;
}
.axaoptic-site .ao-postop-next-link a:hover,
.axaoptic-site .ao-postop-next-link a:focus-visible {
	text-decoration: underline;
	text-underline-offset: .2rem;
}
@media (max-width: 900px) {
	.axaoptic-site .ao-postop-principles-grid {
		grid-template-columns: 1fr;
	}
	.axaoptic-site .ao-postop-drop-technique,
	.axaoptic-site .ao-postop-first-days,
	.axaoptic-site .ao-postop-dry-eye,
	.axaoptic-site .ao-postop-adjustment {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 680px) {
	.axaoptic-site .ao-postop-drops-grid,
	.axaoptic-site .ao-postop-normal-grid,
	.axaoptic-site .ao-postop-care-grid,
	.axaoptic-site .ao-postop-activity-grid {
		grid-template-columns: 1fr;
	}
}

/* Cataractă · Capitol 07 — controale și semne de alarmă */
.axaoptic-site .ao-followup-purpose-grid,
.axaoptic-site .ao-followup-timeline,
.axaoptic-site .ao-followup-exam-grid,
.axaoptic-site .ao-followup-other-grid {
	display: grid;
	gap: 1rem;
}
.axaoptic-site .ao-followup-purpose-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.axaoptic-site .ao-followup-timeline,
.axaoptic-site .ao-followup-exam-grid,
.axaoptic-site .ao-followup-other-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.axaoptic-site .ao-followup-purpose-grid article,
.axaoptic-site .ao-followup-timeline article,
.axaoptic-site .ao-followup-exam-grid article,
.axaoptic-site .ao-followup-other-grid article,
.axaoptic-site .ao-followup-alert-list article {
	padding: 1.2rem;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
}
.axaoptic-site .ao-followup-purpose-grid article > span,
.axaoptic-site .ao-followup-timeline article > span {
	display: inline-grid;
	width: 2.35rem;
	height: 2.35rem;
	place-items: center;
	border-radius: 999px;
	background: #f8ecee;
	color: var(--brand-red-dark);
	font-weight: 900;
}
.axaoptic-site .ao-followup-purpose-grid h3,
.axaoptic-site .ao-followup-timeline h3,
.axaoptic-site .ao-followup-exam-grid h3,
.axaoptic-site .ao-followup-other-grid h3,
.axaoptic-site .ao-followup-alert h3,
.axaoptic-site .ao-followup-triage h3,
.axaoptic-site .ao-followup-longterm h3,
.axaoptic-site .ao-followup-contact h3,
.axaoptic-site .ao-followup-missed-grid h3 {
	margin: .45rem 0 .55rem;
	font-size: 1.18rem;
	line-height: 1.25;
}
.axaoptic-site .ao-followup-purpose-grid p,
.axaoptic-site .ao-followup-timeline p,
.axaoptic-site .ao-followup-exam-grid p,
.axaoptic-site .ao-followup-other-grid p,
.axaoptic-site .ao-followup-alert p,
.axaoptic-site .ao-followup-triage p,
.axaoptic-site .ao-followup-longterm p,
.axaoptic-site .ao-followup-contact p,
.axaoptic-site .ao-followup-missed-grid p {
	margin: 0;
	color: #536168;
	line-height: 1.68;
}
.axaoptic-site .ao-followup-alert,
.axaoptic-site .ao-followup-triage,
.axaoptic-site .ao-followup-missed-grid,
.axaoptic-site .ao-followup-longterm,
.axaoptic-site .ao-followup-contact {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .95fr);
	gap: clamp(1.3rem, 3vw, 2rem);
	align-items: start;
	margin-top: clamp(3rem, 6vw, 5rem);
	padding: clamp(1.35rem, 3vw, 2rem);
	border-radius: var(--radius-xl);
}
.axaoptic-site .ao-followup-alert {
	background: #fff7f7;
	border: 1px solid rgb(185 28 44 / 24%);
}
.axaoptic-site .ao-followup-alert .section-kicker {
	color: var(--brand-red-dark);
}
.axaoptic-site .ao-followup-alert-list {
	display: grid;
	gap: .75rem;
}
.axaoptic-site .ao-followup-alert-list article {
	border-color: rgb(185 28 44 / 18%);
}
.axaoptic-site .ao-followup-alert-list strong {
	display: block;
	margin-bottom: .25rem;
	color: var(--brand-red-dark);
}
.axaoptic-site .ao-followup-triage {
	grid-template-columns: 1fr;
	background: #f7f4f1;
}
.axaoptic-site .ao-followup-missed-grid {
	background: #edf3f0;
}
.axaoptic-site .ao-followup-longterm {
	background: #f5f9f7;
	border: 1px solid rgb(31 90 81 / 20%);
}
.axaoptic-site .ao-followup-contact {
	background: #efe7df;
}
.axaoptic-site .ao-followup-missed-grid ul,
.axaoptic-site .ao-followup-contact ul {
	margin: 0;
	padding-left: 1.15rem;
}
.axaoptic-site .ao-followup-missed-grid li,
.axaoptic-site .ao-followup-contact li {
	color: #536168;
	line-height: 1.6;
}
.axaoptic-site .ao-followup-other-causes {
	margin-top: clamp(3rem, 6vw, 5rem);
}
.axaoptic-site .ao-followup-other-grid {
	margin-top: 1rem;
}
@media (max-width: 900px) {
	.axaoptic-site .ao-followup-purpose-grid {
		grid-template-columns: 1fr;
	}
	.axaoptic-site .ao-followup-alert,
	.axaoptic-site .ao-followup-missed-grid,
	.axaoptic-site .ao-followup-longterm,
	.axaoptic-site .ao-followup-contact {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 680px) {
	.axaoptic-site .ao-followup-timeline,
	.axaoptic-site .ao-followup-exam-grid,
	.axaoptic-site .ao-followup-other-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.axaoptic-site .ao-clinic-location-grid,
	.axaoptic-site .ao-clinic-space-grid-six { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.axaoptic-site .ao-clinic-location-grid,
	.axaoptic-site .ao-clinic-space-grid-six { grid-template-columns: 1fr; }
	.axaoptic-site .ao-clinic-location-card { min-height: 0; }
}

/* Surgical education, ophthalmologist profile and related service pages.
   Shared styling; content remains in editable WordPress pages. */
.axaoptic-site .ao-medical-specialty { color: #33464a; }
.axaoptic-site .ao-medical-lead { font-size: clamp(1.08rem, 1.65vw, 1.19rem); line-height: 1.76; color: #314851; }
.axaoptic-site .ao-medical-specialty > h2 { color: #1b4039; line-height: 1.19; letter-spacing: -.025em; }
.axaoptic-site .ao-medical-specialty :where(p, li) { overflow-wrap: break-word; }
.axaoptic-site .ao-medical-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; margin-block: 1.45rem 1.7rem; }
.axaoptic-site .ao-medical-card { padding: 1.25rem 1.3rem; border: 1px solid var(--brand-border); background: #fff; border-radius: var(--radius-lg); box-shadow: 0 10px 22px rgb(28 54 55 / 5%); }
.axaoptic-site .ao-medical-card h3 { margin: 0 0 .65rem; font-size: 1.09rem; color: var(--brand-ink); }
.axaoptic-site .ao-medical-card p { margin: 0; font-size: .93rem; line-height: 1.65; }
.axaoptic-site .ao-medical-notice { margin: 1.35rem 0; padding: 1.2rem 1.4rem; border-left: 3px solid #b4494e; border-radius: 0 var(--radius-lg) var(--radius-lg) 0; background: #fdf7f5; }
.axaoptic-site .ao-medical-notice strong { display: block; margin-bottom: .35rem; color: #75313c; }
.axaoptic-site .ao-medical-notice p { margin: 0; }
.axaoptic-site .ao-medical-caveat { padding: 1rem 1.2rem; background: #eef5f2; border-radius: var(--radius-lg); color: #355247; font-size: .92rem; line-height: 1.68; }
.axaoptic-site .ao-medical-doctor { margin: 2.3rem 0 1.5rem; padding: clamp(1.3rem, 3vw, 2rem); background: #e9f1ed; border: 1px solid #cddbd4; border-radius: var(--radius-xl); }
.axaoptic-site .ao-medical-doctor .section-kicker { margin: 0 0 .45rem; color: var(--brand-green-dark); }
.axaoptic-site .ao-article-body .ao-medical-doctor h2 { margin: .25rem 0 .7rem; }
.axaoptic-site .ao-medical-doctor p:last-child { margin-bottom: 0; }
.axaoptic-site .ao-medical-references { margin-top: 1.5rem; padding: .85rem 1rem; border: 1px solid var(--brand-border); border-radius: .8rem; background: #fff; font-size: .86rem; }
.axaoptic-site .ao-medical-references summary { cursor: pointer; font-weight: 750; color: var(--brand-green-dark); }
.axaoptic-site .ao-medical-references ul { padding-top: .7rem; padding-left: 1.2rem; }
.axaoptic-site .ao-medical-related { padding-block: clamp(3rem, 6vw, 5rem); background: #f2f7f5; }
.axaoptic-site .ao-medical-related h2 { margin: .35rem 0 1.4rem; font-size: var(--ao-h2-size); letter-spacing: -.03em; line-height: 1.13; }
.axaoptic-site .ao-medical-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.axaoptic-site .ao-medical-related-grid article { padding: clamp(1.3rem, 2.5vw, 1.85rem); border: 1px solid var(--brand-border); border-radius: var(--radius-xl); background: #fff; }
.axaoptic-site .ao-medical-related-grid h3 { margin: 0 0 .65rem; font-size: 1.4rem; }
.axaoptic-site .ao-medical-related-grid p { margin: 0 0 1.2rem; color: #526269; line-height: 1.68; }
.axaoptic-site .ao-medical-related-grid a { font-weight: 800; color: var(--brand-red-dark); }
.axaoptic-site .ao-medical-related-note { margin: 1.1rem 0 0; color: #52675f; font-size: .91rem; }
@media (max-width: 680px) {
    .axaoptic-site .ao-medical-cards,
    .axaoptic-site .ao-medical-related-grid { grid-template-columns: 1fr; }
    .axaoptic-site .ao-medical-card { padding: 1.1rem; }
    .axaoptic-site .ao-medical-doctor { padding: 1.2rem; }
}

/* WhatsApp Axa Optic — contact public, fără buton flotant suplimentar. */
.axaoptic-site .ao-utility-whatsapp strong,
.axaoptic-site .ao-utility-whatsapp span { color: #166a4c; }
.axaoptic-site .ao-mobile-whatsapp { color: #166a4c; font-weight: 800; }
.axaoptic-site .footer-whatsapp-contact {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .4rem;
    color: #fff;
    text-decoration: none;
}
.axaoptic-site .footer-whatsapp-contact strong { color: #a3edc9; }
.axaoptic-site .footer-whatsapp-contact:hover { text-decoration: underline; }
.axaoptic-site .ao-whatsapp-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    padding: .6rem .95rem;
    border: 1px solid #b4daca;
    border-radius: .75rem;
    background: #e4f5eb;
    color: #155c41;
    text-decoration: none;
    font-weight: 800;
}
.axaoptic-site .ao-whatsapp-link:hover { background: #d4eedf; text-decoration: none; }
.axaoptic-site .ao-contact-whatsapp .ao-contact-number { color: #166a4c; }
.axaoptic-site .appointment-whatsapp-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .85rem;
    color: #5b686e;
    font-size: .9rem;
}
.axaoptic-site .appointment-whatsapp-card a { color: #166a4c; font-weight: 800; font-size: 1.05rem; }
.axaoptic-site .appointment-whatsapp-note { margin: .55rem 0 0; color: #65737a; font-size: .8rem; line-height: 1.5; }
@media (max-width: 560px) {
    .axaoptic-site .appointment-phone-card,
    .axaoptic-site .appointment-whatsapp-card { flex-wrap: wrap; }
}


/* Axa Optic location maps: zero Google network until visitor requests the map. */
.axaoptic-site .ao-location-map-actions {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: .7rem;
    margin-top: 1rem;
}
.axaoptic-site .ao-location-map-disclosure,
.axaoptic-site .ao-location-map-directions {
    border: 1px solid #c9d8dc;
    border-radius: .75rem;
    background: #f4f9fa;
    color: #164b5c;
}
.axaoptic-site .ao-location-map-disclosure > summary {
    cursor: pointer;
    padding: .8rem .9rem;
    font-weight: 750;
    list-style-position: inside;
    min-height: 44px;
}
.axaoptic-site .ao-location-map-disclosure > summary:hover { background: #e9f3f6; }
.axaoptic-site .ao-location-map-disclosure > summary:focus-visible,
.axaoptic-site .ao-location-map-directions:focus-visible,
.axaoptic-site .ao-location-map-load:focus-visible {
    outline: 3px solid #147bb0;
    outline-offset: 3px;
}
.axaoptic-site .ao-location-map-directions {
    display: inline-flex;
    gap: .4rem;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    padding: .8rem .7rem;
    font-weight: 750;
    min-height: 44px;
}
.axaoptic-site .ao-location-map-directions:hover { background: #e9f3f6; }
.axaoptic-site .ao-location-map-content {
    border-top: 1px solid #c9d8dc;
    padding: .85rem;
}
.axaoptic-site .ao-location-map-content p {
    font-size: .84rem;
    line-height: 1.5;
    margin: 0 0 .75rem;
}
.axaoptic-site .ao-location-map-load {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: min(100%, 18rem);
    max-width: 100%;
    min-width: 0;
    height: auto;
    min-height: 44px;
    margin-inline: auto;
    padding: .75rem 1rem;
    border: 0;
    border-radius: .6rem;
    background: #a91b27;
    color: #fff;
    font-family: inherit;
    font-size: clamp(.875rem, .95vw, 1rem);
    line-height: 1.35;
    font-weight: 750;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    cursor: pointer;
}
.axaoptic-site .ao-location-map-load:hover { background: #87151f; }
.axaoptic-site .ao-location-map-load[hidden] { display: none; }
.axaoptic-site .ao-location-map-frame iframe {
    display: block;
    margin-top: .8rem;
    border: 0;
    width: 100%;
    min-height: 225px;
    aspect-ratio: 4 / 3;
    border-radius: .6rem;
}