/* Pyrk native app bottom-edge dock polish
   Safe additive override: applies only in native app mode on phone widths. */
@media (max-width: 900px) {
  body.pyrk-native-app .pyrk-native-dock {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    padding-top: 8px !important;
    padding-right: max(8px, env(safe-area-inset-right, 0px)) !important;
    padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
    padding-left: max(8px, env(safe-area-inset-left, 0px)) !important;

    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 26px 26px 0 0 !important;
    box-shadow: 0 -14px 42px rgba(16, 32, 51, .16) !important;
  }

  /* Leave content safely above the fixed dock without creating a visible gap. */
  body.pyrk-native-app {
    padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
