.mm-repair-story{--mm-rs-stage-h:min(58vh,520px);--mm-rs-phone-w:clamp(156px,20vw,200px);--mm-rs-phone-h:calc(var(--mm-rs-phone-w) * 2.05);--mm-rs-radius:calc(var(--mm-rs-phone-w) * 0.14);--mm-rs-bezel:#1a1f1c;--mm-rs-glass:#e8f2ec;--mm-rs-screen:linear-gradient(160deg,#f4faf6 0%,#dce9e1 45%,#c5d9cd 100%);position:relative;background:radial-gradient(90% 70% at 70% 20%,rgba(0,170,85,0.08),transparent 55%),linear-gradient(180deg,#f7faf8 0%,#eef4f0 100%);border-block:1px solid var(--mm-border,#dce5df)}.mm-repair-story__pin-spacer{width:100%;height:0;pointer-events:none}.mm-repair-story__sticky.is-pinned{}.mm-repair-story__intro{width:min(100% - 2rem,var(--mm-max,1120px));margin:0 auto 0.75rem;text-align:center;flex:0 0 auto}.mm-repair-story__intro .mm-lead{margin:0 auto;max-width:36rem;font-size:0.98rem}.mm-repair-story__progress li.is-active{opacity:1;color:var(--mm-primary,#00aa55);font-weight:700}.mm-repair-story__progress li.is-active span{border-width:2px;background:rgba(0,170,85,0.1);box-shadow:0 0 0 3px rgba(0,170,85,0.12)}.mm-repair-story__progress li.is-upcoming{opacity:0.38}.mm-repair-story__progress li.is-done{opacity:0.8;color:var(--mm-ink,#1a1f1c)}.mm-repair-story--static .mm-repair-story__track{height:auto}.mm-repair-story--static .mm-repair-story__sticky{position:relative;min-height:0;padding-block:2.5rem 1rem}.mm-repair-story--static .mm-repair-story__layout{display:none}.mm-repair-story--static .mm-repair-story__catalog-grid{display:grid}@media (max-width:768px){.mm-repair-story{--mm-rs-phone-w:clamp(150px,42vw,190px);--mm-rs-stage-h:min(62vh,520px)}}@media (prefers-reduced-motion:reduce){.mm-repair-story__pin-spacer{display:none !important}}.mm-repair-story--static .mm-repair-story__catalog-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mm-repair-story--has-focus .mm-repair-story__layer.is-secondary{filter:saturate(0.7) brightness(0.88)}.mm-repair-story--has-focus .mm-repair-story__body.is-secondary{filter:brightness(0.88)}.mm-repair-story__layer.is-active{filter:none !important;z-index:14}.mm-repair-story__display.is-active{overflow:visible;box-shadow:0 0 0 2px rgba(0,170,85,0.6),0 0 32px rgba(0,170,85,0.32),0 22px 40px rgba(0,0,0,0.28)}.mm-repair-story__display.is-active .mm-repair-story__display-ui{opacity:0.85}.mm-repair-story__battery.is-active{box-shadow:0 0 0 2px rgba(0,170,85,0.65),0 0 28px rgba(0,170,85,0.38),0 14px 30px rgba(0,0,0,0.28);border-color:rgba(0,170,85,0.55)}.mm-repair-story__battery.is-active .mm-repair-story__batt-stripe{background:rgba(0,170,85,0.85);box-shadow:0 0 10px rgba(0,170,85,0.35)}.mm-repair-story__battery.is-active .mm-repair-story__batt-shell{box-shadow:inset 0 0 0 1px rgba(0,170,85,0.35),0 0 16px rgba(0,170,85,0.2)}.mm-repair-story__camera.is-active{box-shadow:0 0 0 2px rgba(0,170,85,0.7),0 0 26px rgba(0,170,85,0.4),0 12px 24px rgba(0,0,0,0.32)}.mm-repair-story__port.is-active{box-shadow:0 0 0 2px rgba(0,170,85,0.75),0 0 30px rgba(0,170,85,0.45),0 12px 22px rgba(0,0,0,0.32);background:linear-gradient(180deg,#3d5a4a,#1a2820 55%,#0e1612)}.mm-repair-story__port.is-active .mm-repair-story__port-slot{box-shadow:inset 0 0 0 1px rgba(0,170,85,0.5),inset 0 2px 4px rgba(0,0,0,0.55),0 0 10px rgba(0,170,85,0.35)}.mm-repair-story__port.is-active .mm-repair-story__port-pins{opacity:0.9}.mm-repair-story__layer.is-active .mm-repair-story__part-label{opacity:1;transform:translateY(0)}.mm-repair-story__battery.is-active .mm-repair-story__part-label,.mm-repair-story__camera.is-active .mm-repair-story__part-label,.mm-repair-story__port.is-active .mm-repair-story__part-label{transform:translate(-50%,0)}.mm-repair-story__hotspot.is-active{opacity:1;transform:scale(1);animation:mm-rs-hotspot-in 0.55s var(--mm-ease,cubic-bezier(0.22,1,0.36,1)) both}@keyframes mm-rs-hotspot-in{0%{box-shadow:0 0 0 0 rgba(0,170,85,0.45);transform:scale(0.55)}70%{box-shadow:0 0 0 12px rgba(0,170,85,0)}100%{box-shadow:0 0 0 0 rgba(0,170,85,0);transform:scale(1)}}.mm-repair-story__connector.is-visible{opacity:1}.mm-repair-story__connector.is-visible .mm-repair-story__connector-line{stroke-dashoffset:0}.mm-repair-story__connector.is-visible .mm-repair-story__connector-dot{opacity:1}.mm-repair-story__annotation.is-focused{border-color:rgba(0,170,85,0.35);box-shadow:0 0 0 1px rgba(0,170,85,0.12),var(--mm-shadow,0 10px 30px rgba(16,32,24,0.06))}.mm-repair-story__annotation.is-entering{animation:mm-rs-card-in 0.4s var(--mm-ease,cubic-bezier(0.22,1,0.36,1)) both}@keyframes mm-rs-card-in{from{opacity:0.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mm-repair-story__hotspot.is-active{animation:none}.mm-repair-story__annotation.is-entering{animation:none}.mm-repair-story__layer.is-active .mm-repair-story__part-label{opacity:1}}.mm-repair-story.mm-repair-story--compact{background:linear-gradient(180deg,#f8faf9 0%,#f3f6f4 100%);border-block:1px solid var(--mm-border,#dce5df);padding:clamp(1.75rem,4vw,2.75rem) 0}.mm-repair-story--compact .mm-repair-story__compact-inner{width:min(100% - 2rem,var(--mm-max,1120px));margin:0 auto}.mm-repair-story--compact .mm-repair-story__intro{margin-bottom:1.25rem;width:100%}