html[data-native-app="ios"] .ds-pwa-bottom-nav,
html[data-native-app="ios"] [data-pwa-install],
html[data-native-app="ios"] #ds-pwa-install,
html[data-native-app="ios"] .ds-pwa-install-panel { display: none !important; }
html[data-native-app="ios"] { --ds-app-nav-h: 0px; --ds-bottom-nav-height: 0px; --ds-bottomnav-space: 0px; }
html[data-native-app="ios"] body { padding-bottom: 0 !important; }
html[data-native-app="ios"] .ds-back-to-top { bottom: 20px; }
.ds-native-feature-note { margin: 12px 0 0; font-size: 13px; line-height: 1.6; color: var(--ds-muted); }

/* The native shell already owns branding, back/share and device actions.
   Keep only the website's useful navigation + account entry, not a second
   full website masthead. Scope strictly to the two verified app shells. */
html[data-native-app] body #ds-header.ds-header.ds-header{
 position:fixed!important;background:var(--ds-bg)!important;background-image:none!important;
 border:0!important;border-bottom:1px solid var(--ds-border)!important;border-radius:0!important;
 box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-native-app] body #ds-header.ds-header .ds-bar{
 height:48px!important;min-height:48px!important;max-height:48px!important;
 padding:2px 12px!important;gap:8px!important;flex-wrap:nowrap!important;
}
html[data-native-app] body #ds-header.ds-header .ds-logo,
html[data-native-app] body #ds-header.ds-header .ds-center,
html[data-native-app] body #ds-header.ds-header .ds-mainnav,
html[data-native-app] body #ds-header.ds-header :is(.ds-prayer-widget,.ds-theme-toggle,.ds-lang-wrap,.ds-palette-wrap){display:none!important}
html[data-native-app] body #ds-header.ds-header .ds-right{margin-inline-start:auto!important;gap:6px!important}
html[data-native-app] body #ds-header.ds-header :is(.ds-iconbtn,.ds-account-chip,.ds-mobile-section-trigger){
 min-height:44px!important;height:44px!important;border-radius:12px!important;box-shadow:none!important;
}
html[data-native-app] body #ds-header.ds-header .ds-mobile-section-wrap{display:block!important}
html[data-native-app] body #ds-header.ds-header .ds-account-chip{max-width:160px!important}
html[data-native-app] body .ds-account-mobile-tools{display:grid!important}
