/* Mobile and Safari review, October 2026. Full-width photographs may crop. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
main img,iframe{max-width:100%}
.mega-page img,.k11-page img,.ergo-page img,.model-visual img,.model-visual.is-wide img,.wide-card img{max-height:500px;object-fit:contain}
.mega-hero img,.mega-wide img,.k11-hero>img,.k11-story>img,.ergo-hero.scene img,.wide-card img{width:100%;height:auto;max-height:500px;min-height:0;object-fit:cover;object-position:var(--photo-focus,50% 50%)}
.ergo-hero.home-scene img{object-position:50% 73%}
.ergo-section figure img,.ergo-section.poster figure img,.ergo-gallery-grid figure.wide img{max-height:500px}
.ergo-intro>*,.mega-intro>*,.mega-technology>.wrap>*,.mega-variant-list>*,.service-lead>*,.cosmetic-detail>*,.contact-band>*{min-width:0}
h1,h2,h3,.mega-specs,.ergo-specifications{overflow-wrap:break-word}
button,input,textarea,select{color:inherit}
button{-webkit-appearance:none;appearance:none}
.field input,.field textarea{-webkit-appearance:none;appearance:none}
.field input,.field textarea,.field select{font-size:16px}
.rich table{max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
dialog:not([open]){display:none}
dialog{max-height:90vh;max-height:90dvh;overflow:auto}
dialog img{max-height:80vh;max-height:80dvh}
.hero video.user-playing{display:block}
/* Touch tablets use explicit navigation, including landscape iPad widths. */
@media(max-width:900px),(max-width:1366px) and (any-pointer:coarse){
 .mobile-toggle{display:block;min-width:76px;min-height:44px;font-size:14px;border-radius:5px}
 .main-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:14px 24px 22px;background:linear-gradient(110deg,#be0cc8,#284c91);border-top:1px solid #ffffff35;overflow:auto;max-height:calc(100vh - var(--header-height) - 36px);max-height:calc(100dvh - var(--header-height) - 36px);max-height:var(--menu-max-height,calc(100dvh - var(--header-height) - 36px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .main-nav.open{display:block}
 .main-nav>a,.nav-group>a{font-size:15px;white-space:normal;padding:10px 0;min-height:44px;display:flex;align-items:center}
 .main-nav>a.active:after,.nav-group>a.active:before{display:none}
 .nav-drop{position:static;display:block;width:auto;border:0;padding:0 0 5px 15px;box-shadow:none;background:transparent}
 .nav-drop a{color:#fff;display:flex;align-items:center;min-height:44px;padding:9px 0}
 .model-nav .tabs a,.model-rail>a,.tabs a,.section-links a,.k11-switch button,.ergo-jump a{min-height:44px;display:inline-flex;align-items:center}
 .btn,.video-control,.pagination button{min-height:44px;min-width:44px}
 .model-rail,.mega-icon-rail,.ergo-icon-rail,.k11-feature-grid,.thumbs{-webkit-overflow-scrolling:touch}
 .next-models a,.footer-grid a{overflow-wrap:anywhere}
}
@media(max-height:500px) and (any-pointer:coarse){.model-nav{position:static}html{scroll-padding-top:calc(var(--header-height) + 12px)}}
@media(max-width:600px){
 .ergo-hero img,.ergo-section figure img{max-height:440px}
 .ergo-hero.scene img{max-height:500px}
 .model-visual img,.model-visual.is-wide img{max-height:380px}
 .mega-options>div{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ergo-page h1,.mega-page h1{font-size:clamp(28px,8vw,36px)}
 .contact-band .btn{white-space:normal}
}