html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: -webkit-fill-available;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
}

@supports (-webkit-touch-callout: none) {
  body {
    min-height: -webkit-fill-available;
  }

  input,
  textarea,
  select,
  button {
    font-size: 16px !important;
  }

  .showcase-product-panel,
  .product-matrix-scroll,
  .product-marquee-wrap {
    -webkit-overflow-scrolling: touch;
  }

  .topbar,
  .detail-topbar,
  .auth-brand-panel,
  .auth-panel-single,
  .product-visual,
  .product-matrix-card,
  .product-marquee-card,
  .bottom-image-card {
    transform: translateZ(0);
  }
}