
/* LODIMA R5 reliability + layout fixes, 2026-08-24 */
html{scroll-behavior:smooth}
[id]{scroll-margin-top:112px}
@media(max-width:1023px){[id]{scroll-margin-top:88px}}

/* Keyboard users can bypass the repeated site navigation. */
.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-160%);border:2px solid var(--lodima-cyan);background:#fff;padding:10px 14px;color:var(--lodima-navy);font-weight:600}
.skip-link:focus{transform:translateY(0);outline:2px solid var(--lodima-navy);outline-offset:2px}

/* Checkout follows LODIMA's square, plain CI. */
#zylvie-checkout,.lodima-checkout-shell{border-radius:0!important;overflow:visible!important;box-shadow:none!important}
.edition-coupon-panel,.edition-coupon-code,.edition-coupon-copy{border-radius:0!important}
.zylvie-desktop-checkout,.zylvie-iframe{border-radius:0!important}
@media(min-width:1024px){
  .zylvie-desktop-checkout{display:block!important;height:3500px!important;min-height:3500px!important;max-height:none!important}
  .zylvie-iframe{height:3500px!important;min-height:3500px!important}
}

/* The anatomy checklist (01-04) accompanies the preview on larger screens. */
@media(min-width:1024px){
  .lodima-anatomy-grid{align-items:start!important}
  .lodima-anatomy-sticky{position:sticky!important;top:112px!important;align-self:start!important}
}

/* Static/progressive-enhancement safety: no hidden motion residue. */
[aria-live="polite"]{opacity:1!important;transform:none!important}

/* Header active state is only used for the actual current top-level section. */
nav[aria-label="Hauptnavigation"] a span.opacity-100{opacity:1!important}
nav[aria-label="Hauptnavigation"] a span.opacity-0{opacity:0!important}
