/* Layout repairs: retain existing imagery, colors and content. */
:root{--site-header-height:65px}
html{scroll-padding-top:calc(var(--site-header-height) + 16px)}
body > .breadcrumb{margin-top:var(--site-header-height)!important}
.ev-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ev-grid > *,.glance-grid > *,.prof-card > div{min-width:0}
.ev-card .val .u{display:inline-block}
.ev-card .lbl,.ev-card .src{overflow-wrap:anywhere;font-size:.875rem;line-height:1.8}
.ev-card .src small{font-size:.8125rem}
.ev-card .ev-flip-inner{display:grid;height:100%}
.ev-card .ev-flip-face{position:static;grid-area:1/1;min-width:0;padding:28px 22px 24px}
.ev-card .ev-flip-back{padding:28px 22px 24px!important}
.ev-flip-back .back-body .row{flex-wrap:wrap;overflow-wrap:anywhere;text-align:left}
.ev-flip-back .back-body .row .t,.ev-flip-back .back-lbl{color:#d7e1ed}
.ev-card.is-flip[data-details-open="false"] .ev-flip-inner{transform:none}
.ev-card.is-flip[data-details-open="true"] .ev-flip-inner{transform:rotateY(180deg)}
@media(max-width:1100px){.ev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
  .hero{min-height:100svh}
  .hd-nav{right:0;transform:translateX(100%);visibility:hidden;height:100dvh;overflow-y:auto;overscroll-behavior:contain;transition:transform .25s ease,visibility 0s .25s}
  .hd-nav.open{transform:translateX(0);visibility:visible;transition:transform .25s ease}
  .reveal{transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;transition-delay:0s}
  .reveal.in{transform:none}
}
@media(max-width:720px){
  .ev-card.is-flip .ev-flip-inner,.ev-card.is-flip[data-details-open="true"] .ev-flip-inner{display:block;transform:none}
  .ev-card .ev-flip-face{transform:none}
}
@media(max-width:560px){
  .ev-grid{grid-template-columns:minmax(0,1fr)}
  .prof-card{flex-direction:column;align-items:flex-start;gap:16px}
  .prof-card > div{width:100%}
  .page-hero--product h1 strong{display:block}
  .page-hero--sup h1 strong{font-size:clamp(1.4rem,6.5vw,1.9rem);display:inline-block}
}
@media(max-width:480px){.oem-spec .osr{grid-template-columns:1fr;gap:6px}}
@media(hover:none){.ev-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .hd-nav,.ev-flip-inner{transition:none}
}
