:root{--flow:#2f7499;--flow-dark:#153f5d;--flow-track:#d8e3e9;--flow-text:#5d727e;--ease:cubic-bezier(.22,.61,.36,1)}

/* Shared small fixes */
.injury-home-teaser .text-arrow::after{content:" ↗"}


/* Complaints search: one clear prompt above the search field, on all breakpoints. */
.complaint-search .complaint-search-heading{display:none!important}
.complaint-search form{margin-top:0!important}
.complaint-search .complaint-query-label{display:block!important;margin:0 0 14px!important;color:#153f5d!important;font-size:clamp(22px,2.2vw,34px)!important;line-height:1.18!important;font-weight:700!important;letter-spacing:-.025em!important}

/* Process flow: ATOMOS-like visual language without numbering. */
.mehrabi-atomos-flow{position:relative!important}
.mehrabi-atomos-flow .septic-strategy-grid,.mehrabi-atomos-flow>ol,.mehrabi-atomos-flow .injury-operative-cards{background:transparent!important;border:0!important;box-shadow:none!important}
.shared-decision-section.mehrabi-atomos-flow .shared-decision-layout{grid-template-columns:1fr!important;gap:28px!important}
.shared-decision-section.mehrabi-atomos-flow .therapy-plan-photo{width:min(680px,100%);margin:0!important}
.shared-decision-section.mehrabi-atomos-flow .septic-strategy-grid,.septic-page #behandlungsstrategie.mehrabi-atomos-flow .septic-strategy-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
.endo-path.mehrabi-atomos-flow>ol{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;list-style:none!important;padding-left:0!important}
.injuries-page #operation.mehrabi-atomos-flow .injury-operative-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
.mehrabi-flow-stage{z-index:3}
.mehrabi-flow-spacer{display:none;pointer-events:none}
.mehrabi-atomos-step{--step-progress:0;position:relative!important;margin:0!important;padding:58px 30px 8px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:calc(.28 + var(--step-progress)*.72);transform:perspective(900px) translateY(calc((1 - var(--step-progress))*24px)) scale(calc(.985 + var(--step-progress)*.015));transform-origin:left top;will-change:transform,opacity}
.mehrabi-atomos-step>span:not(.mehrabi-plan-icon),.mehrabi-atomos-step::marker{display:none!important;content:""!important}
.mehrabi-atomos-step::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:24px!important;height:2px!important;background:var(--flow-track)!important;border:0!important;transform:none!important;box-shadow:none!important}
.mehrabi-atomos-step::after{content:""!important;display:block!important;position:absolute!important;left:0!important;top:23px!important;width:100%!important;height:4px!important;background:linear-gradient(90deg,var(--flow),#4e9fc7)!important;transform:scaleX(var(--step-progress))!important;transform-origin:left center!important;box-shadow:0 0 calc(13px * var(--step-progress)) rgba(47,116,153,.30)!important}
.mehrabi-atomos-step>h3{margin:0 0 12px!important;color:var(--flow-dark)!important;font-size:clamp(19px,1.35vw,23px)!important;line-height:1.23!important;letter-spacing:-.02em!important}
.mehrabi-atomos-step>p{margin:0!important;color:var(--flow-text)!important;text-align:left!important;font-size:15px!important;line-height:1.62!important;opacity:calc(.38 + var(--step-progress)*.62)}

/* Treatment-plan icons, based on the approved treatment-plan reference image. */
.shared-decision-section .mehrabi-plan-icon{position:absolute;left:0;top:52px;width:70px;height:70px;border-radius:50%;display:grid!important;place-items:center;background:linear-gradient(145deg,#b9d3e3 0%,#79a9c6 100%);color:#153f5d;box-shadow:0 10px 24px rgba(24,76,105,.13);opacity:calc(.60 + var(--step-progress)*.40);transform:translateY(calc((1 - var(--step-progress))*8px)) scale(calc(.92 + var(--step-progress)*.08));transition:box-shadow .2s linear;z-index:4}
.shared-decision-section .mehrabi-plan-icon.is-dark{background:linear-gradient(145deg,#315f7e,#173f5a);color:#fff}
.shared-decision-section .mehrabi-plan-icon svg{width:37px;height:37px;display:block;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.shared-decision-section .mehrabi-atomos-step{padding-top:140px!important}

/* v7 safe depth — 2D-only compositing avoids mobile tiny-image/3D perspective bugs. */
.mehrabi-live-motion{position:relative!important;isolation:isolate;overflow:hidden!important;transform:none!important;perspective:none!important;transform-style:flat!important;will-change:auto!important}
.mehrabi-live-motion > img,.mehrabi-live-motion > picture,.mehrabi-live-motion picture > img{
 display:block!important;width:100%!important;height:100%!important;max-width:none!important;
 object-fit:cover!important;object-position:center!important;transform:none!important;
 position:relative!important;z-index:1!important;filter:brightness(var(--bright,1)) contrast(1.012)!important;
}
.mehrabi-live-motion > img,.mehrabi-live-motion picture > img{transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(var(--ms,1.02))!important;transform-origin:center!important;will-change:transform!important}
.injury-sport-photo.mehrabi-football,.home-profile .profile-operative-photo.mehrabi-opportrait{width:100%!important;min-width:0!important;overflow:hidden!important;aspect-ratio:3/2}
.injury-sport-photo.mehrabi-football img,.home-profile .profile-operative-photo.mehrabi-opportrait img{width:100%!important;height:100%!important;object-fit:cover!important}
.mehrabi-opportrait::before,.mehrabi-football::before,.mehrabi-instruments::before,.mehrabi-trauma::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
 background:radial-gradient(ellipse at var(--lx,60%) var(--ly,45%),rgba(152,209,236,.12),transparent 58%);mix-blend-mode:screen
}
.mehrabi-trauma{min-width:0!important;aspect-ratio:16/10!important}
.mehrabi-trauma >img{object-fit:contain!important;background:#edf2f5!important;filter:brightness(1.02) contrast(1.02)!important}
.injuries-page #operation .injury-visual-intro .injury-photo{aspect-ratio:3/2!important;width:100%!important;min-width:0!important;}
.injuries-page #operation .injury-photo picture{display:block;width:100%;height:100%}
.mehrabi-bacteria{overflow:hidden!important;min-height:220px;aspect-ratio:3/2!important}
.mehrabi-bacteria img{width:100%!important;height:100%!important;object-fit:cover!important;}
.mehrabi-bacteria::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 55% 50%,rgba(38,155,227,.36),transparent 68%);filter:blur(20px);opacity:var(--glow,.7);animation:breathe 5s ease-in-out infinite}
.mehrabi-bacteria::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--lx,55%) var(--ly,48%),rgba(99,196,243,.14),transparent 42%);mix-blend-mode:screen}
.mehrabi-bacteria-glow-layer{position:absolute;inset:0;z-index:3;pointer-events:none;transform:none!important}
.mehrabi-bacteria-bead{position:absolute;left:var(--gx);top:var(--gy);width:var(--gs,5px);height:var(--gs,5px);border-radius:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;background:rgba(215,251,255,.82);box-shadow:0 0 4px 1px #b6eaff,0 0 12px 2px #52c0f8;transition:opacity .4s ease,transform .5s ease}
.mehrabi-bacteria-bead.is-lit{opacity:.83;transform:translate(-50%,-50%) scale(1.06)}
@keyframes breathe{0%,100%{opacity:.55}50%{opacity:.86}}
.mehrabi-injuryhero{background-position:50% 50%,50% var(--hero-y,50%)!important;background-size:cover,var(--hero-scale,103%) auto!important;position:relative!important;overflow:hidden!important}
@media(max-width:760px){
 .injury-sport-photo.mehrabi-football,.home-profile .profile-operative-photo.mehrabi-opportrait{aspect-ratio:4/3!important;min-height:230px!important}
 .mehrabi-live-motion > img,.mehrabi-live-motion picture>img{transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.016)!important}
 .mehrabi-trauma{aspect-ratio:4/3!important}
}

/* Actual third illustration replaced in-place, two original photos adjacent. */
.septic-interface .septic-interface-image.mehrabi-interface-duo{overflow:hidden!important;box-shadow:0 22px 55px rgba(14,44,64,.13);border-radius:22px!important;aspect-ratio:1360/620!important;align-self:center}
.septic-interface .septic-interface-image.mehrabi-interface-duo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#f4f7fa}
.septic-page .page-intro.mehrabi-complex-section{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;gap:clamp(26px,5vw,70px)!important;align-items:center!important}
.mehrabi-complex-section .mehrabi-complex-photo{margin:0;overflow:hidden;background:#eef3f6;border-radius:22px;box-shadow:0 18px 45px rgba(14,44,64,.12)}
.mehrabi-complex-photo img{width:100%;max-height:440px;display:block;object-fit:contain}
@media(max-width:760px){.mehrabi-complex-photo{display:none!important}}

/* Injury dialogs styled consistently with complaint information windows, desktop & mobile. */
.mehrabi-injury-modal-open{display:inline-flex!important;gap:6px;align-items:center;border:0!important;background:transparent!important;color:#1e607f!important;font:inherit;font-weight:700!important;cursor:pointer;margin:13px 0 0;padding:5px 0!important}
.mehrabi-injury-modal-open::after{content:"↗";font-size:15px}
#verletzungsarten .injury-expand{display:none!important}
.mehrabi-injury-dialog.mehrabi-injury-modal-v7{position:fixed!important;width:min(860px,calc(100% - 32px))!important;max-height:min(86vh,800px);overflow:auto;inset:0;margin:auto;border:1px solid rgba(255,255,255,.35)!important;border-radius:24px!important;padding:0!important;background:#fff!important;color:#153f5d!important;box-shadow:0 36px 120px rgba(6,32,50,.32)!important}
.mehrabi-injury-dialog::backdrop{background:rgba(11,42,62,.66)!important;backdrop-filter:blur(7px)}
.mehrabi-injury-dialog-inner{position:relative;padding:0 34px 36px!important}
.mehrabi-injury-dialog-inner>h2{color:#fff!important;margin:0 -34px 28px!important;padding:34px 80px 32px 34px!important;background:linear-gradient(115deg,#153f5d,#2e7298);font-size:clamp(25px,3vw,35px);line-height:1.17}
.mehrabi-injury-dialog-close{position:sticky!important;top:12px;float:right;z-index:20;width:42px;height:42px;margin-top:13px;margin-right:-19px;border:1px solid rgba(255,255,255,.45);background:#fff;border-radius:50%;font-size:26px;color:#153f5d;cursor:pointer}
.mehrabi-injury-dialog .injury-subtitle{font-weight:700;color:#244f67;margin:0 0 14px}
.mehrabi-injury-dialog-body{color:#425e6d;font-size:16px;line-height:1.68}
.mehrabi-injury-dialog-body h4{color:#143e59;margin:20px 0 6px}
.mehrabi-injury-dialog-body p,.mehrabi-injury-dialog-body ul{margin:0 0 14px}
@media(max-width:760px){.mehrabi-injury-dialog-inner{padding:0 20px 24px!important}.mehrabi-injury-dialog-inner>h2{margin:0 -20px 22px!important;padding:28px 62px 26px 22px!important}.mehrabi-injury-dialog-close{margin-right:-9px}}

/* Conservative-treatment icons. */
#konservativ .mehrabi-conservative-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}
#konservativ .mehrabi-conservative-header h3{margin:0!important;flex:1}
.mehrabi-conservative-icon{flex:0 0 48px;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#eef6fa,#d8eaf3);color:#2f7499;box-shadow:inset 0 0 0 1px rgba(47,116,153,.09)}
.mehrabi-conservative-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Appointment section: use the existing orthopaedic examination image to fill the left side. */
#ordination.injury-appointment-cards.mehrabi-appointment-layout{display:grid!important;grid-template-columns:minmax(280px,.82fr) minmax(0,1.45fr)!important;gap:clamp(30px,5vw,70px)!important;align-items:start!important}
.mehrabi-appointment-photo{margin:0!important;border-radius:24px;overflow:hidden;position:sticky;top:130px;box-shadow:0 24px 55px rgba(8,35,51,.16);min-height:480px;background:#eef2f4}
.mehrabi-appointment-photo img{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:50% 50%;display:block;transform:none;filter:saturate(.70) contrast(1.06)}

/* Mobile-only split navigation and explicit always-open areas. */
@media(max-width:760px){
 .section-quick-nav,.scroll-progress{display:none!important}
 .mobile-menu-nav a.mehrabi-mobile-honorare{display:flex!important}
 .endo-path .mobile-copy-rest,.endo-path .mobile-copy-rest[hidden],.injuries-page #operation .mobile-copy-rest,.injuries-page #operation .mobile-copy-rest[hidden],.profile-block.mehrabi-mobile-always-open .mobile-copy-rest,.profile-block.mehrabi-mobile-always-open .mobile-copy-rest[hidden],.mehrabi-operation-dialog-full .mobile-copy-rest,.mehrabi-operation-dialog-full .mobile-copy-rest[hidden]{display:block!important;max-height:none!important;overflow:visible!important}
 .endo-path .mobile-read-more,.injuries-page #operation .mobile-read-more,.profile-block.mehrabi-mobile-always-open .mobile-read-more,.mehrabi-operation-dialog-full .mobile-read-more{display:none!important}

 /* Septic disease details: expand button before hidden text; after expansion only
    "Weniger anzeigen" remains, at the very end of the text. */
 .mehrabi-septic-expand,.mehrabi-septic-less{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--flow-dark);font:inherit;font-weight:700;cursor:pointer}
 .mehrabi-septic-expand{margin:14px 0 4px}.mehrabi-septic-less{margin:4px 0 0}
 .mehrabi-septic-expand::after{content:"+";font-size:20px;line-height:1}.mehrabi-septic-less::after{content:"−";font-size:20px;line-height:1}
 .mehrabi-septic-collapsible[data-expanded="false"] .septic-patient-answers,.mehrabi-septic-collapsible[data-expanded="false"] .mehrabi-septic-less{display:none!important}
 .mehrabi-septic-collapsible[data-expanded="true"] .mehrabi-septic-expand{display:none!important}
 .mehrabi-septic-collapsible[data-expanded="true"] .septic-patient-answers{display:block!important}
 .mehrabi-septic-collapsible .septic-patient-answers>div{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:18px 0 0!important}
 .mehrabi-septic-collapsible .septic-patient-answers>div+div{margin-top:22px!important}

 .shared-decision-section.mehrabi-atomos-flow .septic-strategy-grid,.septic-page #behandlungsstrategie.mehrabi-atomos-flow .septic-strategy-grid,.endo-path.mehrabi-atomos-flow>ol,.injuries-page #operation.mehrabi-atomos-flow .injury-operative-cards{grid-template-columns:1fr!important}
 .mehrabi-flow-stage{position:relative!important;top:auto!important}
 .mehrabi-atomos-step{padding:48px 0 42px 0!important;min-height:190px}
 .shared-decision-section .mehrabi-atomos-step{padding-top:116px!important}
 .shared-decision-section .mehrabi-plan-icon{top:42px;width:58px;height:58px}.shared-decision-section .mehrabi-plan-icon svg{width:31px;height:31px}
 .mehrabi-atomos-step::before{top:20px!important;height:2px!important}.mehrabi-atomos-step::after{top:19px!important;height:4px!important}
 .mehrabi-atomos-step>h3{font-size:21px!important}.mehrabi-atomos-step>p{font-size:14px!important;line-height:1.58!important}


 #konservativ .mehrabi-conservative-header{align-items:center}
 .mehrabi-conservative-icon{flex-basis:44px;width:44px;height:44px;border-radius:13px}

 #ordination.injury-appointment-cards.mehrabi-appointment-layout{grid-template-columns:1fr!important;gap:24px!important}
 .mehrabi-appointment-photo{position:relative;top:auto;min-height:260px;max-height:330px}
 .mehrabi-appointment-photo img{min-height:260px;max-height:330px;object-position:45% 55%}

}

@media(min-width:761px){
 .mehrabi-flow-stage{position:sticky!important;top:clamp(120px,22vh,210px)!important}
 .mehrabi-flow-spacer{display:block;height:var(--flow-travel,780px)}
 .mehrabi-atomos-step{min-height:205px}

}

@media(min-width:761px) and (max-width:1100px){
 .shared-decision-section.mehrabi-atomos-flow .septic-strategy-grid,.septic-page #behandlungsstrategie.mehrabi-atomos-flow .septic-strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .endo-path.mehrabi-atomos-flow>ol{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #ordination.injury-appointment-cards.mehrabi-appointment-layout{grid-template-columns:minmax(240px,.72fr) minmax(0,1.3fr)!important}
}

@media(prefers-reduced-motion:reduce){
 .mehrabi-atomos-step{--step-progress:1!important;transform:none!important;opacity:1!important}
 .mehrabi-live-motion,.mehrabi-live-motion img{transform:none!important}
 .mehrabi-bacteria::before,.mehrabi-bacteria::after{animation:none!important}
 .mehrabi-bacteria-bead{transition:none!important}
}
/* Hidden by default; enabled only by the mobile disclosure rules above. */
.mehrabi-septic-expand,.mehrabi-septic-less{display:none}
@media(max-width:760px){
 .mehrabi-septic-expand,.mehrabi-septic-less{display:inline-flex!important}
 .mehrabi-septic-collapsible[data-expanded="false"] .septic-patient-answers,.mehrabi-septic-collapsible[data-expanded="false"] .mehrabi-septic-less{display:none!important}
 .mehrabi-septic-collapsible[data-expanded="true"] .mehrabi-septic-expand{display:none!important}
}

/* Sequential assembly of the five prosthesis-treatment steps, centered then packed left. */
@media(min-width:761px){
 .endo-path.mehrabi-endo-build>ol{overflow:visible!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:270px}
 .endo-path.mehrabi-endo-build .mehrabi-atomos-step{opacity:var(--endo-visibility,0)!important;transform:translate3d(var(--endo-offset,0px),var(--endo-rise,0px),0)!important;will-change:transform,opacity!important;transition:none!important;min-height:250px!important;padding-right:18px!important}
 .endo-path.mehrabi-endo-build .mehrabi-atomos-step::after{transform:scaleX(var(--endo-visibility,0))!important}
}
@media(max-width:760px){
 .septic-interface .septic-interface-image.mehrabi-interface-duo{aspect-ratio:1360/620!important;min-height:150px}
 .mehrabi-complex-section{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.mehrabi-live-motion,.mehrabi-live-motion img,.mehrabi-injuryhero{transform:none!important;animation:none!important}.mehrabi-endo-build .mehrabi-atomos-step{opacity:1!important;transform:none!important}.mehrabi-endo-build .mehrabi-atomos-step::after{transform:scaleX(1)!important}}
/* Final dialogue palette aligned to the existing Beschwerde-Dialoge (dark blue). */
.mehrabi-injury-dialog.mehrabi-injury-modal-v7{background:#0a3049!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:7px!important}
.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .mehrabi-injury-dialog-inner{padding:32px 34px 34px!important}
.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .mehrabi-injury-dialog-inner>h2{background:none!important;border:0!important;color:#fff!important;margin:0 0 18px!important;padding:0 90px 0 0!important;font-size:clamp(24px,2.5vw,31px)!important}
.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .mehrabi-injury-dialog-close{border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:14px!important;width:auto!important;height:38px!important;top:8px!important;right:0!important;float:right!important;margin:-7px 0 0!important;padding:0 5px!important;white-space:nowrap}
.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .injury-subtitle{color:#c4ddea!important}
.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .mehrabi-injury-dialog-body{color:#e1edf4!important}
.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .mehrabi-injury-dialog-body h4{color:#fff!important}
.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .mehrabi-injury-dialog-body p,.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .mehrabi-injury-dialog-body li{color:#e1edf4!important}
@media(max-width:760px){.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .mehrabi-injury-dialog-inner{padding:25px 22px!important}.mehrabi-injury-dialog.mehrabi-injury-modal-v7 .mehrabi-injury-dialog-inner>h2{padding-right:70px!important}}


/* v8: repair layout first; no transforms of figure containers, no forced photo ratios */
.mehrabi-live-motion{transform:none!important;perspective:none!important;overflow:hidden!important;isolation:isolate!important}
.mehrabi-live-motion>img,.mehrabi-live-motion>picture,.mehrabi-live-motion picture>img{
  position:relative!important;inset:auto!important;display:block!important;
  width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;
  filter:brightness(var(--bright,1)) contrast(1.01)!important;
  transform:translate3d(0,var(--my,0px),0) scale(1.027)!important;
  transform-origin:center center!important;
}
/* Preserve full portrait, not the cropped wide photo used by the previous hotfix. */
.home-profile figure.profile-operative-photo.mehrabi-opportrait{
 width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
 aspect-ratio:1042/1509!important;align-self:center!important;
}
.home-profile figure.profile-operative-photo.mehrabi-opportrait img{
 width:100%!important;height:100%!important;position:absolute!important;inset:0!important;
 object-fit:contain!important;transform:none!important;
 filter:brightness(var(--bright,1)) contrast(1.014)!important;
}
.injury-sport-photo.mehrabi-football{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/2!important}
.injury-sport-photo.mehrabi-football img{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:cover!important;transform:translate3d(0,var(--my,0px),0) scale(1.035)!important}
.infection-teaser-art.mehrabi-bacteria{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
.infection-teaser-art.mehrabi-bacteria img{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:cover!important;transform:none!important}
.trauma-instruments-photo.mehrabi-trauma{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/2!important}
.trauma-instruments-photo.mehrabi-trauma img{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:contain!important;transform:none!important}
.injuries-page #operation .injury-photo.mehrabi-instruments{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
.injuries-page #operation .injury-photo.mehrabi-instruments picture{display:block!important;width:100%!important;height:100%!important}
.injuries-page #operation .injury-photo.mehrabi-instruments picture img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
/* Depth is expressed with slow light variation and slight positional shift on the scene, never skewed or exaggerated scale. */
.mehrabi-football::before,.mehrabi-opportrait::before,.mehrabi-instruments::before,.mehrabi-trauma::before{background:radial-gradient(ellipse 75% 72% at var(--lx,60%) var(--ly,45%),rgba(181,226,255,.095),transparent 77%)!important;mix-blend-mode:screen!important}
.mehrabi-bacteria::before{z-index:2!important;background:radial-gradient(ellipse at 50% 43%,rgba(70,164,222,.13),transparent 70%)!important;filter:blur(7px)!important}
.mehrabi-bacteria .mehrabi-bacteria-glow-layer{z-index:5!important}
/* The lit structure is an illuminated DUPLICATE of the original photographed microorganism,
   softly masked to the selected cell; never a newly drawn white dot. */
.mehrabi-bacteria .mehrabi-bacteria-bead{
 position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;
 border-radius:0!important;background-color:transparent!important;
 background-repeat:no-repeat!important;background-size:100% 100%!important;
 filter:brightness(1.24) saturate(1.18) contrast(1.08)!important;
 mix-blend-mode:screen!important;box-shadow:none!important;opacity:0!important;
 transform:none!important;transition:opacity .55s ease!important;
 -webkit-mask-image:radial-gradient(ellipse var(--gr,7%) var(--gr,7%) at var(--gx,50%) var(--gy,50%),#000 15%,transparent 98%)!important;
 mask-image:radial-gradient(ellipse var(--gr,7%) var(--gr,7%) at var(--gx,50%) var(--gy,50%),#000 15%,transparent 98%)!important;
}
.mehrabi-bacteria .mehrabi-bacteria-bead.is-lit{opacity:.66!important;transform:none!important}
/* v8: no 28%-opacity unreadable body text, never crush cards into 5 columns of faded letters */
.mehrabi-atomos-step{opacity:1!important;transform:none!important;filter:none!important;will-change:auto!important}
.mehrabi-atomos-step>p{opacity:1!important;color:#425e70!important}
.shared-decision-section .mehrabi-plan-icon{opacity:1!important;transform:none!important}
.mehrabi-atomos-flow:not(.endo-path) .mehrabi-flow-spacer{display:none!important}
.mehrabi-atomos-flow:not(.endo-path) .mehrabi-flow-stage{position:relative!important;top:auto!important}
.mehrabi-atomos-step::after{transition:transform .15s linear!important}
/* Horizontal build on desktop: first card centered, the row moves left and the next card joins it. */
@media(min-width:761px){
 .endo-path.mehrabi-endo-build>ol{display:flex!important;gap:0!important;min-height:300px!important;overflow:visible!important;align-items:stretch!important}
 .endo-path.mehrabi-endo-build>ol>li.mehrabi-atomos-step{flex:0 0 20%!important;width:20%!important;box-sizing:border-box!important;min-height:270px!important;padding:52px 15px 20px 13px!important;
   background:linear-gradient(180deg,#f0f6f9 0%,#fdfefe 100%)!important;border:1px solid #cbdfe9!important;border-radius:13px!important;
   opacity:var(--endo-visibility,0)!important;
   transform:none!important;
   pointer-events:auto; box-shadow:0 14px 32px rgba(23,65,90,.07)!important;
 }
 .endo-path.mehrabi-endo-build>ol>li.mehrabi-atomos-step:first-child{margin-left:var(--endo-offset,0px)!important}
 .endo-path.mehrabi-endo-build>ol>li.mehrabi-atomos-step:not(:first-child){margin-left:0!important}
 .endo-path.mehrabi-endo-build>ol>li.mehrabi-atomos-step>h3{font-size:clamp(17px,1.22vw,20px)!important}
 .endo-path.mehrabi-endo-build>ol>li.mehrabi-atomos-step>p{font-size:14px!important;line-height:1.56!important;text-align:left!important;hyphens:auto!important}
 .endo-path.mehrabi-endo-build>ol>li.mehrabi-atomos-step::before{left:12px!important;right:12px!important}
 .endo-path.mehrabi-endo-build>ol>li.mehrabi-atomos-step::after{left:12px!important;width:calc(100% - 24px)!important}
 .endo-path.mehrabi-endo-build .mehrabi-flow-spacer{display:block!important;height:var(--flow-travel,800px)!important}
 .endo-path.mehrabi-endo-build .mehrabi-flow-stage{position:sticky!important;top:clamp(120px,22vh,200px)!important}
}
/* On narrow displays, all text is visible and no sticky horizontal slide occurs. */
@media(max-width:760px){
 .injury-sport-photo.mehrabi-football{aspect-ratio:3/2!important;min-height:0!important}
 .home-profile figure.profile-operative-photo.mehrabi-opportrait{aspect-ratio:1042/1509!important;min-height:0!important}
 .mehrabi-live-motion>img,.mehrabi-live-motion picture>img{transform:none!important}
 .endo-path.mehrabi-atomos-flow>ol{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
 .endo-path .mehrabi-atomos-step{min-height:auto!important;padding:52px 18px 22px!important;background:#f0f6f9!important;border-radius:11px!important}
 .endo-path .mehrabi-atomos-step>p,.endo-path .mobile-copy-rest{display:block!important;opacity:1!important;visibility:visible!important}
}
@media(prefers-reduced-motion:reduce){.mehrabi-live-motion img{transform:none!important}.endo-path.mehrabi-endo-build>ol>li.mehrabi-atomos-step{opacity:1!important;transform:none!important}}

/* RC v8: Prevent overflowing invisible right-hand cards while the five-step
   desktop row assembles. overflow:clip does not create a scrolling container,
   unlike overflow:hidden, so the sticky flow remains functional. */
@media (min-width:1100px){
 .endo-path.mehrabi-endo-build .mehrabi-flow-stage{overflow:clip!important;max-width:100%!important}
}
/* Tablet: keep complete content readable rather than squeezing five columns.
   Animated desktop joining effect is reserved for genuine desktop widths. */
@media (min-width:761px) and (max-width:1099px){
 .endo-path.mehrabi-atomos-flow .mehrabi-flow-stage{position:relative!important;top:auto!important}
 .endo-path.mehrabi-atomos-flow>ol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
 .endo-path.mehrabi-atomos-flow>ol>li.mehrabi-atomos-step{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;min-height:0!important;
   padding:52px 18px 20px!important;border:1px solid #cbdfe9!important;border-radius:13px!important;background:#f3f8fa!important;}
 .endo-path.mehrabi-atomos-flow .mehrabi-flow-spacer{display:none!important}
}

/* fix2: retain every approved image box, aspect ratio and crop. Motion is
   confined to the image; figures and their layout remain unchanged. */
.injury-sport-photo.mehrabi-football img{
 transform:translate3d(0,var(--my,0px),0) scale(1.035)!important;
}
.home-profile figure.profile-operative-photo.mehrabi-opportrait img,
.infection-teaser-art.mehrabi-bacteria img,
.trauma-instruments-photo.mehrabi-trauma img,
.injuries-page #operation .injury-photo.mehrabi-instruments picture img{
 transform:translate3d(0,var(--my,0px),0)!important;
 will-change:transform;
}
/* Keep the photographed bacteria and their masked light overlay aligned. */
.mehrabi-bacteria .mehrabi-bacteria-glow-layer{
 transform:translate3d(0,var(--my,0px),0)!important;
}

/* The symbols always remain legible; scroll progress adds only a gentle
   arrival, and never dims or hides the step text. */
.shared-decision-section .mehrabi-plan-icon{
 display:grid!important;
 visibility:visible!important;
 opacity:calc(.72 + var(--step-progress,0)*.28)!important;
 transform:translate3d(0,calc((1 - var(--step-progress,0))*4px),0)!important;
 transition:opacity .25s ease,transform .25s ease,box-shadow .2s linear;
}
.shared-decision-section .mehrabi-plan-icon svg,
.mehrabi-conservative-icon svg{
 display:block!important;
 visibility:visible!important;
 opacity:1!important;
}
.mehrabi-conservative-icon{
 display:grid!important;
 visibility:visible!important;
 opacity:1!important;
}
.mehrabi-atomos-step>p{
 opacity:1!important;
}

/* A single local calendar artwork is shown in full on both breakpoints.
   Preserve the existing 480px desktop / 260–330px mobile image boxes. */
.mehrabi-appointment-photo{
 background:#eef3f6;
}
.mehrabi-appointment-photo img{
 object-fit:contain!important;
 object-position:center!important;
 filter:none!important;
 background:#eef3f6;
}

/* Respect the operating-system motion preference after all fix2 rules. */
@media(prefers-reduced-motion:reduce){
 .injury-sport-photo.mehrabi-football img,
 .home-profile figure.profile-operative-photo.mehrabi-opportrait img,
 .infection-teaser-art.mehrabi-bacteria img,
 .trauma-instruments-photo.mehrabi-trauma img,
 .injuries-page #operation .injury-photo.mehrabi-instruments picture img,
 .mehrabi-bacteria .mehrabi-bacteria-glow-layer,
 .shared-decision-section .mehrabi-plan-icon{
  transform:none!important;
  transition:none!important;
 }
 .shared-decision-section .mehrabi-plan-icon{opacity:1!important}
}

/* fix3: image boxes retain the approved sizes and ratios. */
.mehrabi-depth-image{perspective:1000px!important}
.injury-sport-photo.mehrabi-football.mehrabi-depth-image img,.trauma-instruments-photo.mehrabi-trauma.mehrabi-depth-image img,.injuries-page #operation .injury-photo.mehrabi-instruments.mehrabi-depth-image picture img{
 transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(0,var(--my,0px),0) scale(1.035)!important;
 transition:transform .2s ease-out!important;
}
.mehrabi-depth-image::before{background:radial-gradient(ellipse at var(--pointer-x,50%) 35%,rgba(190,226,249,.17),transparent 72%)!important;pointer-events:none!important}
.home-profile .mehrabi-opportrait::before{animation:mehrabi-op-light 9s ease-in-out infinite alternate}
@property --bacteria-scale{syntax:'<number>';inherits:false;initial-value:1.015}
.infection-teaser-art.mehrabi-bacteria img,.infection-teaser-art.mehrabi-bacteria .mehrabi-bacteria-glow-layer{animation:mehrabi-bacteria-depth 11s ease-in-out infinite alternate;transform:translate3d(0,var(--my,0px),0) scale(var(--bacteria-scale,1.015))!important}
@keyframes mehrabi-op-light{from{opacity:.25}to{opacity:.85}}
@keyframes mehrabi-bacteria-depth{from{--bacteria-scale:1.015}to{--bacteria-scale:1.035}}
/* Use the same blue as the established clinical sections. */
.septic-page .mehrabi-blue-particularities{background:#0a3049!important;color:#fff!important;border-radius:0}
.septic-page .mehrabi-blue-particularities h2{color:#fff!important}
.septic-page .mehrabi-blue-particularities p{color:#e1edf4!important}
.septic-page .mehrabi-blue-particularities>.section-kicker{color:#aad4eb!important}
.septic-page .second-opinion-panel:has(.septic-documents){grid-template-columns:1fr!important}
/* Compact appointment: photo beside copy, blue panel below both. */
#ordination.injury-appointment-cards.mehrabi-appointment-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)!important;gap:24px 32px!important;align-items:stretch!important}
#ordination .mehrabi-appointment-photo{position:relative!important;top:auto!important;min-height:0!important;align-self:stretch!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
#ordination .mehrabi-appointment-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;filter:none!important}
#ordination .aligned-section-heading{display:block!important}
#ordination .aligned-section-heading h2{font-size:clamp(25px,2.4vw,34px)!important;margin:8px 0 12px!important}
#ordination .aligned-section-heading p{margin:0 0 10px!important}
#ordination .injury-types{gap:10px!important;margin-top:16px!important}
#ordination .injury-types article{padding:14px 16px!important;min-height:0!important}
#ordination .injury-types h3{font-size:17px!important;margin:0 0 5px!important}
#ordination>.injury-second-opinion-bar{grid-column:1/-1!important;margin:0!important;padding:24px 28px!important;background:#0a3049!important;border-radius:0!important}
#ordination>.injury-second-opinion-bar h2{font-size:clamp(23px,2vw,29px)!important;color:white!important;margin:0 0 8px!important}
#ordination>.injury-second-opinion-bar p{color:#e1edf4!important;margin:0!important}
/* Keep the existing two-column section: label and photograph on the left. */
.endo-aftercare .mehrabi-aftercare-visual{min-width:0;align-self:start}
.endo-aftercare .mehrabi-aftercare-visual>.section-kicker{margin-top:0}
.endo-aftercare .mehrabi-aftercare-photo{margin:24px 0 0!important;overflow:hidden;border-radius:0;box-shadow:none}
.endo-aftercare .mehrabi-aftercare-photo img{width:100%;height:auto;display:block}
/* Heading and row pin as one scene, instead of the row pinning alone. */
.endo-path{position:relative!important;overflow:visible!important}
.endo-path .mehrabi-path-heading{background:var(--paper);z-index:6}
.endo-path .mehrabi-path-scene>ol{list-style:none;padding:0}
@media(min-width:1100px) and (min-height:700px){
 .endo-path.mehrabi-endo-build .mehrabi-path-scene{position:sticky;top:var(--mehrabi-header-offset,110px);overflow:clip}
 .endo-path.mehrabi-endo-build .mehrabi-path-scene>.mehrabi-flow-stage{position:relative!important;top:auto!important;display:flex!important;gap:0!important;min-height:300px!important;align-items:stretch!important}
 .endo-path.mehrabi-endo-build .mehrabi-path-scene>ol>li.mehrabi-atomos-step{flex:0 0 20%!important;width:20%!important;box-sizing:border-box!important;min-height:270px!important;padding:52px 14px 20px!important;background:linear-gradient(#f0f6f9,#fdfefe)!important;border:1px solid #cbdfe9!important;border-radius:13px!important;opacity:var(--endo-visibility,0)!important;transform:translateY(var(--endo-rise,0px))!important}
 .endo-path.mehrabi-endo-build .mehrabi-path-scene>ol>li:first-child{margin-left:var(--endo-offset,0px)!important}
 .endo-path.mehrabi-endo-build .mehrabi-path-scene>ol>li>h3{font-size:clamp(17px,1.22vw,20px)!important}
 .endo-path.mehrabi-endo-build .mehrabi-path-scene>ol>li>p{font-size:14px!important;line-height:1.56!important;hyphens:auto}
}
@media(max-width:1099px),(max-height:699px){
 .endo-path .mehrabi-path-heading{position:sticky;top:var(--mehrabi-header-offset,100px);box-shadow:none}
 .endo-path .mehrabi-path-scene>ol{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
 .endo-path .mehrabi-path-scene>ol>li{opacity:1!important;visibility:visible!important;margin-left:0!important;min-height:0!important;padding:50px 18px 20px!important;border:1px solid #cbdfe9;background:#f0f6f9;border-radius:13px}
}
/* Preserve primary links; add hover and keyboard accessible section menus. */
.desktop-nav{overflow:visible!important}
.mehrabi-nav-item{position:relative;display:flex;align-items:center;gap:2px}
.mehrabi-nav-toggle{display:grid;place-items:center;width:24px;min-width:24px;height:32px;padding:0;flex-shrink:0;border:0;background:transparent;color:inherit;cursor:pointer}
.mehrabi-nav-toggle:focus-visible{outline:2px solid currentColor;outline-offset:1px;border-radius:4px}
.mehrabi-nav-toggle svg{width:10px;fill:none;stroke:currentColor;stroke-width:1.6}
.mehrabi-nav-submenu{position:absolute;top:100%;left:-12px;min-width:235px;max-width:290px;padding:12px 8px 8px;border:1px solid #d5e4ed;border-radius:12px;background:white;box-shadow:0 16px 36px rgba(10,48,73,.16);display:none;z-index:100}
.mehrabi-nav-item:last-child .mehrabi-nav-submenu{left:auto;right:0}
.mehrabi-nav-item.is-open>.mehrabi-nav-submenu{display:block}
.mehrabi-nav-submenu>a{display:block!important;padding:10px 12px!important;white-space:normal!important;line-height:1.35;color:#0a3049!important;font-size:14px!important;border-radius:7px}
.mehrabi-nav-submenu>a:hover,.mehrabi-nav-submenu>a:focus-visible{background:#eaf3f8!important;outline:2px solid #82b5d0;outline-offset:-2px}
.mehrabi-nav-item>a{white-space:nowrap}
@media(max-width:760px){
 #ordination.injury-appointment-cards.mehrabi-appointment-layout{grid-template-columns:1fr!important;gap:20px!important}
 #ordination .mehrabi-appointment-photo{width:100%!important;justify-self:stretch;aspect-ratio:3/2}
  #ordination>.injury-second-opinion-bar{padding:22px!important}
 .endo-path .mehrabi-path-scene>ol{grid-template-columns:1fr!important}
   }
@media(prefers-reduced-motion:reduce){
 .injury-sport-photo.mehrabi-football.mehrabi-depth-image img,.trauma-instruments-photo.mehrabi-trauma.mehrabi-depth-image img,.injuries-page #operation .injury-photo.mehrabi-instruments.mehrabi-depth-image picture img{transform:none!important;transition:none!important}
 .infection-teaser-art.mehrabi-bacteria img,.infection-teaser-art.mehrabi-bacteria .mehrabi-bacteria-glow-layer,.home-profile .mehrabi-opportrait::before{animation:none!important}
 .infection-teaser-art.mehrabi-bacteria img,.infection-teaser-art.mehrabi-bacteria .mehrabi-bacteria-glow-layer{transform:none!important}
 .endo-path .mehrabi-path-heading{position:relative!important;top:auto!important}
}
