/* MyopiaTrack Junior — elemente comune site */
.axaoptic-site .myopiatrack-header-link,
.axaoptic-site .mobile-myopiatrack-link,
.axaoptic-site .home-myopiatrack-badge {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}
.axaoptic-site .myopiatrack-header-link {
	min-height: 2.25rem;
	padding: .36rem .58rem;
	border: 0;
	border-radius: .65rem;
	background: transparent;
	color: var(--brand-green);
	font-size: .76rem;
	font-weight: 800;
	white-space: nowrap;
}
.axaoptic-site .myopiatrack-header-link > span,
.axaoptic-site .mobile-myopiatrack-link > span,
.axaoptic-site .home-myopiatrack-badge > span {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: var(--brand-red);
	box-shadow: 0 0 0 4px rgb(185 28 44 / 9%);
	flex: 0 0 auto;
}
.axaoptic-site .myopiatrack-header-link:hover { background: #f7faf9; color: var(--brand-red-dark); }
.axaoptic-site .mobile-myopiatrack-link {
	margin-top: .65rem;
	padding-inline: .85rem;
	border: 1px solid rgb(31 90 81 / 18%);
	border-radius: .75rem;
	background: #f6faf8;
	color: var(--brand-green);
	font-weight: 800;
}
.axaoptic-site .home-myopiatrack-badge {
	width: fit-content;
	margin: .85rem 0 1.1rem;
	padding: .7rem .9rem;
	border: 1px solid rgb(185 28 44 / 22%);
	border-radius: 999px;
	background: #fff6f7;
	color: var(--brand-red-dark);
	box-shadow: 0 8px 24px rgb(185 28 44 / 9%);
}
.axaoptic-site .home-myopiatrack-badge strong { font-size: .9rem; }
.axaoptic-site .home-myopiatrack-badge small { color: #6e4a50; font-size: .78rem; font-weight: 700; }

/* Fișa expandabilă MyopiaTrack Junior */
.axaoptic-site .ao-program-sheet {
	margin: 1rem 0 1.25rem;
	border: 1px solid #d8e1df;
	border-radius: 1rem;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 14px 34px rgb(23 34 44 / 7%);
}
.axaoptic-site .ao-program-sheet summary {
	position: relative;
	cursor: pointer;
	list-style: none;
	display: grid;
	gap: .18rem;
	padding: 1rem 3.2rem 1rem 1.15rem;
	background: linear-gradient(90deg,#fff7f7 0%,#fff 62%);
	color: var(--brand-ink);
}
.axaoptic-site .ao-program-sheet summary::-webkit-details-marker { display: none; }
.axaoptic-site .ao-program-sheet summary::after {
	content: '+';
	position: absolute;
	right: 1.1rem;
	top: 50%;
	transform: translateY(-50%);
	display: grid;
	place-items: center;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	background: var(--brand-red);
	color: #fff;
	font-size: 1.2rem;
	font-weight: 800;
}
.axaoptic-site .ao-program-sheet[open] summary::after { content: '−'; }
.axaoptic-site .ao-program-sheet summary span { color: var(--brand-red-dark); font-weight: 900; }
.axaoptic-site .ao-program-sheet summary small { color: #66747a; font-weight: 700; }
.axaoptic-site .ao-program-sheet-body {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 1rem;
	padding: 1rem;
	border-top: 1px solid #e2e8e6;
}
.axaoptic-site .ao-program-sheet-body section {
	padding: 1.1rem;
	border: 1px solid #e1e7e5;
	border-radius: .85rem;
	background: #fbfcfb;
}
.axaoptic-site .ao-program-sheet-body h4 { margin: 0 0 .75rem; color: var(--brand-green); font-size: 1.2rem; }
.axaoptic-site .ao-program-sheet-body ul { margin: 0; padding-left: 1.15rem; }
.axaoptic-site .ao-program-sheet-body li { margin-bottom: .5rem; color: #4e5d64; }
.axaoptic-site .ao-program-sheet-body p { margin: .85rem 0 0; padding: .8rem .9rem; border-left: 3px solid var(--brand-red); background: #fff7f7; color: #5d4a4e; }

/* ================================================================
   Design refinement — header, homepage hero, MyopiaTrack identity
   ================================================================ */
.axaoptic-site .header-inner { gap: 1.1rem; min-height: 5.5rem; }
.axaoptic-site .brand { min-width: 20rem; gap: 0; }
.axaoptic-site .brand-mark-wrap { line-height: 0; }
.axaoptic-site .brand-image { width: 23.5rem; max-width: 30vw; }
.axaoptic-site .brand-registered { top: -.1rem; right: -.35rem; font-size: .72rem; line-height: 1; }
.axaoptic-site .brand-tagline {
	margin-top: -2.35rem;
	padding-left: 2.05rem;
	font-size: 1.04rem;
	line-height: 1;
	letter-spacing: .01em;
}
.axaoptic-site .desktop-nav { gap: clamp(.72rem,1vw,1.2rem); }
.axaoptic-site .desktop-nav a { font-size: .88rem; }
.axaoptic-site .header-actions { gap: .55rem; }
.axaoptic-site .header-appointment { min-height: 2.7rem; padding-inline: 1rem; font-size: .86rem; }

.axaoptic-site .hero { min-height: auto; }
.axaoptic-site .hero-grid {
	min-height: auto;
	grid-template-columns: minmax(0, .98fr) minmax(28rem, 1.02fr);
	gap: clamp(3rem,5vw,5rem);
	padding-block: clamp(4.4rem,7vw,6.2rem);
}
.axaoptic-site .hero-copy { max-width: 40rem; }
.axaoptic-site .eyebrow { margin-bottom: 1.15rem; }
.axaoptic-site .hero h1 { max-width: 11.5ch; font-size: clamp(3.1rem,5vw,5.05rem); }
.axaoptic-site .hero-lead { margin-top: 1.45rem; max-width: 38rem; }
.axaoptic-site .hero-actions { margin-top: 1.7rem; }
.axaoptic-site .hero-note { margin-top: .75rem; }
.axaoptic-site .optics-path { margin-top: 1rem; padding-top: 1rem; }

.axaoptic-site .hero-myopiatrack {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: .9rem;
	margin-top: 1.35rem;
	padding: .9rem 1rem;
	border: 1px solid rgb(31 90 81 / 16%);
	border-radius: 1rem;
	background: linear-gradient(120deg,#fff 0%,#f5faf8 100%);
	box-shadow: 0 12px 32px rgb(23 34 44 / 6%);
	text-decoration: none;
}
.axaoptic-site .hero-myopiatrack:hover { border-color: rgb(185 28 44 / 24%); transform: translateY(-1px); }
.axaoptic-site .hero-myopiatrack-mark {
	position: relative;
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: #fcebed;
}
.axaoptic-site .hero-myopiatrack-mark i { position: absolute; width: .42rem; height: .42rem; border-radius: 50%; background: var(--brand-red); }
.axaoptic-site .hero-myopiatrack-mark i:nth-child(1) { transform: translate(-.62rem,.2rem); }
.axaoptic-site .hero-myopiatrack-mark i:nth-child(2) { transform: translate(0,-.34rem); }
.axaoptic-site .hero-myopiatrack-mark i:nth-child(3) { transform: translate(.64rem,.34rem); }
.axaoptic-site .hero-myopiatrack-copy { display: grid; gap: .12rem; min-width: 0; }
.axaoptic-site .hero-myopiatrack-copy small { color: #6e7a7c; font-size: .69rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.axaoptic-site .hero-myopiatrack-copy strong { color: var(--brand-green); font-family: var(--serif); font-size: 1rem; line-height: 1.18; }
.axaoptic-site .hero-myopiatrack-copy strong em { color: var(--brand-red); font-style: normal; }
.axaoptic-site .hero-myopiatrack-copy > span { color: #627076; font-size: .78rem; line-height: 1.35; }
.axaoptic-site .hero-myopiatrack-arrow { color: var(--brand-red); font-size: 1.25rem; }

.axaoptic-site .hero-care-panel { position: relative; min-height: 26rem; display: grid; place-items: center; }
.axaoptic-site .care-panel-glow {
	position: absolute;
	inset: 15% 12%;
	border-radius: 50%;
	background: radial-gradient(circle, rgb(31 90 81 / 10%) 0%, rgb(31 90 81 / 4%) 45%, transparent 72%);
	filter: blur(8px);
}
.axaoptic-site .care-panel-card {
	position: relative;
	z-index: 2;
	width: min(31rem,88%);
	padding: 1.55rem;
	border: 1px solid rgb(31 90 81 / 15%);
	border-radius: 1.35rem;
	background: rgb(255 255 255 / 90%);
	backdrop-filter: blur(16px);
	box-shadow: 0 28px 70px rgb(23 63 58 / 14%);
}
.axaoptic-site .care-panel-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e3e9e7; }
.axaoptic-site .care-panel-head span { color: var(--brand-red); font-family: var(--serif); font-size: 1.45rem; font-weight: 700; }
.axaoptic-site .care-panel-head small { color: #6b787c; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.axaoptic-site .care-panel-step { display: grid; grid-template-columns: 2.6rem 1fr; gap: .85rem; align-items: center; padding: 1.05rem 0; border-bottom: 1px solid #edf1ef; }
.axaoptic-site .care-panel-step b { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--secondary); color: var(--brand-green); font-size: .78rem; }
.axaoptic-site .care-panel-step div { display: grid; gap: .12rem; }
.axaoptic-site .care-panel-step strong { color: var(--brand-ink); font-size: 1rem; }
.axaoptic-site .care-panel-step span { color: #657278; font-size: .84rem; }
.axaoptic-site .care-panel-foot { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding-top: 1rem; color: #718084; font-size: .79rem; }
.axaoptic-site .care-panel-foot a { color: var(--brand-green); font-weight: 800; }
.axaoptic-site .care-panel-chip { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: .5rem; padding: .62rem .78rem; border: 1px solid rgb(255 255 255 / 75%); border-radius: 999px; background: rgb(255 255 255 / 88%); box-shadow: 0 14px 32px rgb(23 34 44 / 10%); color: var(--brand-green); font-size: .76rem; font-weight: 800; }
.axaoptic-site .care-panel-chip > span { width: .46rem; height: .46rem; border-radius: 50%; background: var(--brand-red); }
.axaoptic-site .care-panel-chip-top { top: 4.5rem; right: 1rem; }
.axaoptic-site .care-panel-chip-bottom { bottom: 4.6rem; left: 1rem; }

/* MyopiaTrack ca sub-brand: roșu Axa Optic, verde programul */
.axaoptic-site .ao-program-badge {
	background: linear-gradient(90deg,#fff1f3,#f1f8f5);
	color: var(--brand-green);
	border: 1px solid rgb(31 90 81 / 14%);
	letter-spacing: .045em;
}
.axaoptic-site .ao-program-head h3 { max-width: 24ch; }

@media (max-width: 1600px) {
	.axaoptic-site .brand { min-width: 17rem; }
	.axaoptic-site .brand-image { width: 20rem; max-width: 24vw; }
	.axaoptic-site .desktop-nav { gap: .72rem; }
	.axaoptic-site .desktop-nav a { font-size: .88rem; }
	.axaoptic-site .header-appointment { padding-inline: .95rem; font-size: .86rem; }
}
@media (max-width: 1500px) {
	.axaoptic-site .myopiatrack-header-link { display: none; }
}
@media (max-width: 1280px) {
	.axaoptic-site .brand { min-width: 16rem; }
	.axaoptic-site .brand-image { width: 18.5rem; max-width: 27vw; }
	.axaoptic-site .brand-registered { top: -.08rem; right: -.3rem; font-size: .68rem; }
	.axaoptic-site .brand-tagline { margin-top: -1.85rem; padding-left: 1.6rem; font-size: .9rem; }
}
@media (max-width: 1120px) {
	.axaoptic-site .myopiatrack-header-link { display: none; }
	.axaoptic-site .brand { min-width: 0; }
	.axaoptic-site .brand-image { width: 17rem; max-width: none; }
	.axaoptic-site .header-inner { min-height: 5rem; }
}
@media (max-width: 960px) {
	.axaoptic-site .hero-grid { grid-template-columns: 1fr; gap: 2.5rem; }
	.axaoptic-site .hero-copy { max-width: 44rem; }
	.axaoptic-site .hero h1 { max-width: 13ch; }
	.axaoptic-site .hero-care-panel { min-height: 29rem; }
}
@media (max-width: 760px) {
	.axaoptic-site .home-myopiatrack-badge { align-items: flex-start; border-radius: .85rem; }
	.axaoptic-site .home-myopiatrack-badge small { display: block; }
	.axaoptic-site .ao-program-sheet-body { grid-template-columns: 1fr; }
	.axaoptic-site .brand-image { width: 14.7rem; }
	.axaoptic-site .brand-registered { top: -.04rem; right: -.22rem; font-size: .58rem; }
	.axaoptic-site .brand-tagline { margin-top: -1.45rem; padding-left: 1.35rem; font-size: .78rem; }
	.axaoptic-site .hero-grid { padding-block: 3.4rem; }
	.axaoptic-site .hero h1 { font-size: clamp(2.6rem,12vw,3.6rem); }
	.axaoptic-site .hero-myopiatrack { grid-template-columns: auto 1fr; }
	.axaoptic-site .hero-myopiatrack-arrow { display: none; }
	.axaoptic-site .hero-care-panel { min-height: 25rem; }
	.axaoptic-site .care-panel-card { width: 94%; padding: 1.15rem; }
	.axaoptic-site .care-panel-chip { display: none; }
	.axaoptic-site .care-panel-head { align-items: flex-start; flex-direction: column; gap: .25rem; }
}

/* Homepage clinic clarity + cataract focus */
.axaoptic-site .hero-service-strip {
	display: flex;
	flex-wrap: wrap;
	gap: .48rem;
	margin-top: 1.25rem;
}
.axaoptic-site .hero-service-strip span {
	padding: .42rem .68rem;
	border: 1px solid rgb(31 90 81 / 15%);
	border-radius: 999px;
	background: rgb(255 255 255 / 72%);
	color: var(--brand-green);
	font-size: .78rem;
	font-weight: 800;
}
.axaoptic-site .care-panel-step-featured {
	margin-inline: -.6rem;
	padding-inline: .6rem;
	border-radius: .85rem;
	background: linear-gradient(90deg,#fff3f4,#fff);
}
.axaoptic-site .care-panel-step-featured b { background: var(--brand-red); color: #fff; }
.axaoptic-site .home-clinical-overview,
.axaoptic-site .home-cataract-feature {
	padding: clamp(4rem,6vw,6rem) 0;
}
.axaoptic-site .home-clinical-overview { background: #fff; }
.axaoptic-site .home-clinical-inner,
.axaoptic-site .home-cataract-inner {
	width: var(--wrap);
	margin-inline: auto;
}
.axaoptic-site .home-clinical-heading {
	display: grid;
	grid-template-columns: minmax(22rem,.9fr) minmax(0,1.1fr);
	gap: clamp(2rem,5vw,5rem);
	align-items: center;
	margin-bottom: 2rem;
}
.axaoptic-site .home-clinical-intro-photo { margin: 0; overflow: hidden; border-radius: 1.15rem; background: #f6f2ec; box-shadow: 0 18px 46px rgb(23 34 44 / 9%); }
.axaoptic-site .home-clinical-intro-photo a { display: block; }
.axaoptic-site .home-clinical-intro-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #f6f2ec; }
.axaoptic-site .home-clinical-intro-photo figcaption { padding: .75rem .9rem; color: #607075; font-size: .78rem; font-weight: 700; }
.axaoptic-site .home-clinical-intro-copy { display: grid; align-content: center; }
.axaoptic-site .home-clinical-heading h2,
.axaoptic-site .home-cataract-copy h2 {
	margin: .35rem 0 0;
	font-size: clamp(2rem,3.8vw,3.45rem);
	line-height: 1.06;
	letter-spacing: -.03em;
}
.axaoptic-site .home-clinical-intro-copy > p:last-child,
.axaoptic-site .home-cataract-copy > p {
	margin: 1rem 0 0;
	color: #5c696f;
	line-height: 1.72;
}
.axaoptic-site .home-clinical-grid {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 1rem;
}
.axaoptic-site .home-clinical-grid article {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 18rem;
	padding: 1.35rem;
	border: 1px solid #dce4e1;
	border-radius: 1.1rem;
	background: #fbfcfb;
	box-shadow: 0 12px 34px rgb(23 34 44 / 5%);
}
.axaoptic-site .home-clinical-grid article.home-clinical-surgery {
	border-color: rgb(185 28 44 / 22%);
	background: linear-gradient(145deg,#fff6f7,#fff);
}
.axaoptic-site .home-clinical-icon {
	display: grid;
	place-items: center;
	width: 2.7rem;
	height: 2.7rem;
	border-radius: .8rem;
	background: var(--secondary);
	color: var(--brand-green);
}
.axaoptic-site .home-clinical-surgery .home-clinical-icon { background: #fcebed; color: var(--brand-red); }
.axaoptic-site .home-clinical-label {
	position: absolute;
	top: 1.1rem;
	right: 1.1rem;
	color: var(--brand-red-dark);
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.axaoptic-site .home-clinical-grid h3 { margin: 1rem 0 .6rem; font-size: 1.2rem; }
.axaoptic-site .home-clinical-grid p { margin: 0; color: #637076; line-height: 1.6; font-size: .92rem; }
.axaoptic-site .home-clinical-grid a { margin-top: auto; padding-top: 1rem; color: var(--brand-green); font-weight: 800; }
.axaoptic-site .home-clinical-surgery a { color: var(--brand-red-dark); }
.axaoptic-site .home-clinical-links {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem 1.2rem;
	margin-top: 1.1rem;
}
.axaoptic-site .home-clinical-links a {
	color: var(--brand-green);
	font-size: .9rem;
	font-weight: 800;
}
.axaoptic-site .home-location-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .75rem;
	margin-top: 1rem;
}
.axaoptic-site .home-location-strip article {
	display: flex;
	min-height: 10.5rem;
	flex-direction: column;
	padding: 1rem 1.1rem;
	border: 1px solid #dce4e1;
	border-radius: 1rem;
	background: #f8faf9;
}
.axaoptic-site .home-location-strip article > span {
	color: var(--brand-red-dark);
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .065em;
	text-transform: uppercase;
}
.axaoptic-site .home-location-strip strong {
	display: block;
	margin-top: .5rem;
	font-size: 1rem;
	line-height: 1.25;
}
.axaoptic-site .home-location-strip p {
	margin: .55rem 0 0;
	color: #617076;
	font-size: .82rem;
	line-height: 1.5;
}
.axaoptic-site .home-location-strip a {
	margin-top: auto;
	padding-top: .8rem;
	color: var(--brand-green);
	font-size: .82rem;
	font-weight: 800;
}
.axaoptic-site .home-cataract-feature { background: linear-gradient(135deg,#f0f6f4,#fff9f8); }
.axaoptic-site .home-cataract-inner {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(30rem,1.1fr);
	gap: clamp(2rem,5vw,5rem);
	align-items: center;
}
.axaoptic-site .home-cataract-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.axaoptic-site .home-cataract-path {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: .85rem;
}
.axaoptic-site .home-cataract-path div {
	min-height: 10rem;
	padding: 1.2rem;
	border: 1px solid rgb(31 90 81 / 14%);
	border-radius: 1rem;
	background: rgb(255 255 255 / 82%);
	box-shadow: 0 14px 36px rgb(23 63 58 / 7%);
}
.axaoptic-site .home-cataract-path span {
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	margin-bottom: 1rem;
	border-radius: 50%;
	background: var(--brand-green);
	color: #fff;
	font-size: .72rem;
	font-weight: 900;
}
.axaoptic-site .home-cataract-path strong { display: block; color: var(--brand-ink); }
.axaoptic-site .home-cataract-path small { display: block; margin-top: .35rem; color: #67757a; line-height: 1.4; }

/* Consistent geometry for the refined surfaces */
.axaoptic-site .care-panel-card,
.axaoptic-site .hero-myopiatrack,
.axaoptic-site .home-clinical-grid article,
.axaoptic-site .home-cataract-path div,
.axaoptic-site .ao-program-sheet { border-radius: 1rem; }

@media (max-width: 1050px) {
	.axaoptic-site .home-clinical-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.axaoptic-site .home-location-strip { grid-template-columns: 1fr; }
	.axaoptic-site .home-location-strip article { min-height: 0; }
	.axaoptic-site .home-cataract-inner { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
	.axaoptic-site .home-clinical-heading { grid-template-columns: 1fr; gap: .8rem; }
	.axaoptic-site .home-clinical-grid { grid-template-columns: 1fr; }
	.axaoptic-site .home-clinical-grid article { min-height: 0; }
	.axaoptic-site .home-cataract-path { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
	.axaoptic-site .home-cataract-path { grid-template-columns: 1fr; }
}

/* Myopia monitoring dashboard refinement */
.axaoptic-site .ao-dashboard-refined article { box-shadow: 0 14px 34px rgb(23 34 44 / 6%); }
.axaoptic-site .ao-monitor-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; margin-bottom: .7rem; }
.axaoptic-site .ao-monitor-head > div { display: grid; gap: .15rem; }
.axaoptic-site .ao-monitor-head > div > span { color: var(--brand-red-dark); font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.axaoptic-site .ao-monitor-head h3 { margin: 0; }
.axaoptic-site .ao-monitor-head > strong { padding: .3rem .55rem; border-radius: 999px; background: var(--secondary); color: var(--brand-green); font-size: .7rem; }
.axaoptic-site .ao-monitor-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; margin-top: .85rem; }
.axaoptic-site .ao-monitor-metrics span { display: grid; gap: .15rem; padding: .7rem; border-radius: .75rem; background: #f7f9f8; }
.axaoptic-site .ao-monitor-metrics small { color: #748085; font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.axaoptic-site .ao-monitor-metrics b { color: var(--brand-ink); font-size: .9rem; }

/* Reduce density in lens technology cards */
.axaoptic-site .ao-lens-type-card { box-shadow: 0 12px 30px rgb(23 34 44 / 5%); }
.axaoptic-site .ao-lens-type-copy > p { line-height: 1.55; }
.axaoptic-site .ao-result-box { padding: .85rem; border-radius: .75rem; background: #f7faf9; }
.axaoptic-site .ao-result-box p { margin-top: .35rem; font-size: .88rem; line-height: 1.55; }
.axaoptic-site .ao-study-link { font-size: .76rem; }

/* Homepage navigation hierarchy */
.axaoptic-site .need-grid .need-card:first-child { border-color: rgb(185 28 44 / 24%); background: linear-gradient(145deg,#fff7f8,#fff); box-shadow: 0 16px 38px rgb(185 28 44 / 7%); }
.axaoptic-site .need-grid .need-card:first-child .need-icon { background: #fcebed; color: var(--brand-red); }
.axaoptic-site .need-grid .need-card:first-child > a { color: var(--brand-red-dark); }

/* Footer refinement */
.axaoptic-site .footer-tagline { margin-top: .55rem; color: #c9d0d3; font-style: italic; }
.axaoptic-site .footer-legal p { max-width: 72rem; margin-inline: auto; }

@media (max-width: 700px) {
	.axaoptic-site .ao-monitor-metrics { grid-template-columns: 1fr 1fr 1fr; }
}

/* Fotografii reale în hero-ul homepage */
.axaoptic-site .hero-clinic-photo {
	position: absolute;
	inset: 1.5rem 0 1.5rem 2.5rem;
	margin: 0;
	overflow: hidden;
	border-radius: 1.35rem;
	box-shadow: 0 28px 70px rgb(23 63 58 / 12%);
}
.axaoptic-site .hero-clinic-photo::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgb(18 35 39 / 8%), rgb(18 35 39 / 18%));
	pointer-events: none;
}
.axaoptic-site .hero-clinic-photo img { display: block; width: 100%; height: 100%; min-height: 32rem; object-fit: cover; }
.axaoptic-site .hero-clinic-photo figcaption {
	position: absolute;
	z-index: 2;
	left: 1rem;
	bottom: .85rem;
	padding: .45rem .65rem;
	border-radius: 999px;
	background: rgb(255 255 255 / 88%);
	color: var(--brand-green);
	font-size: .72rem;
	font-weight: 800;
	backdrop-filter: blur(10px);
}
.axaoptic-site .hero-care-panel .care-panel-card { margin-left: -10%; }
@media (max-width: 960px) {
	.axaoptic-site .hero-clinic-photo { inset: 1rem; }
	.axaoptic-site .hero-care-panel .care-panel-card { margin-left: 0; }
}
@media (max-width: 760px) {
	.axaoptic-site .hero-clinic-photo { inset: .5rem; }
	.axaoptic-site .hero-clinic-photo img { min-height: 24rem; }
}

/* Galerie Republicii 185 pe homepage — primul contact vizual */
.axaoptic-site .home-clinic-gallery { padding: 1.15rem 0 2rem; background: linear-gradient(180deg,#fffdfb 0%,#fbf7f1 100%); border-bottom: 1px solid #eee6dc; }
.axaoptic-site .home-clinic-gallery-inner { width: min(calc(100% - 3rem), 1240px); margin-inline: auto; }
.axaoptic-site .home-clinic-gallery-head { width: min(calc(100% - 4rem), 1100px); margin: 0 auto 1.35rem; display: flex; flex-direction: column; align-items: center; text-align: center; gap: .35rem; }
.axaoptic-site .home-clinic-gallery-head .section-kicker { margin: 0 0 .15rem; }
.axaoptic-site .home-clinic-gallery-head h2 { margin: 0; font-size: clamp(1.75rem,3vw,2.6rem); line-height: 1.06; letter-spacing: -.025em; }
.axaoptic-site .home-title-registered { position: relative; top: -.5em; margin-left: .08em; font-family: Arial, Helvetica, sans-serif; font-size: .38em; font-weight: 700; line-height: 1; vertical-align: baseline; }
.axaoptic-site .home-clinic-gallery-intro { max-width: 62rem; margin: .45rem auto 0; color: #657277; line-height: 1.55; font-size: 1rem; text-align: center; }
.axaoptic-site .home-clinic-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .9rem; align-items: start; }
.axaoptic-site .home-clinic-gallery-grid figure { position: relative; margin: 0; overflow: hidden; border: 1px solid #e5ddd4; border-radius: 1rem; background: #fff; box-shadow: 0 14px 34px rgb(23 34 44 / 7%); }
.axaoptic-site .home-gallery-link { display: block; background: #fff; cursor: zoom-in; }
.axaoptic-site .home-clinic-gallery-grid img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #fff; transition: transform .25s ease; }
.axaoptic-site .home-clinic-gallery-grid .home-gallery-link:hover img { transform: scale(1.012); }
.axaoptic-site .home-clinic-gallery-grid figcaption { padding: .65rem .8rem; color: var(--brand-green); font-size: .78rem; font-weight: 800; background: #fff; }
.axaoptic-site .home-clinic-gallery-top + .hero { padding-top: .4rem; }

/* Republicii 185 în pagina de optică medicală */
.axaoptic-site .ao-optics-location-media-real { overflow: hidden; background: #f4f6f5; aspect-ratio: 4 / 3; position: relative; }
.axaoptic-site .ao-optics-location-media-real > img { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: center; }
.axaoptic-site .ao-optics-location-photo-stack { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 17rem; }
.axaoptic-site .ao-optics-location-photo-stack img { display: block; width: 100%; height: 100%; min-height: 17rem; object-fit: cover; }
.axaoptic-site .ao-optics-location-photo-stack img + img { border-left: 3px solid #fff; }

@media (max-width: 900px) {
	.axaoptic-site .home-clinic-gallery-head { width: min(calc(100% - 2rem), 44rem); gap: .3rem; }
	.axaoptic-site .home-clinic-gallery-grid { grid-template-columns: 1fr 1fr; }
	.axaoptic-site .home-clinic-gallery-grid figure:first-child { grid-column: 1 / -1; }
	.axaoptic-site .home-clinical-heading { grid-template-columns: 1fr; gap: 1.4rem; }
}
@media (max-width: 620px) {
	.axaoptic-site .home-clinic-gallery { padding-top: .85rem; }
	.axaoptic-site .home-clinic-gallery-grid { grid-template-columns: 1fr; }
	.axaoptic-site .home-clinic-gallery-grid figure:first-child { grid-column: auto; }
	.axaoptic-site .ao-optics-location-photo-stack { grid-template-columns: 1fr; }
	.axaoptic-site .ao-optics-location-photo-stack img + img { border-left: 0; border-top: 3px solid #fff; }
}
