@media (max-width: 800px) {
  html {
    overflow-x: hidden;
    width: 100%;
  }

  body.mitra-page-body,
  #root,
  .mitra-page {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible;
  }

  .mitra-hero-grid,
  .mitra-hero-copy,
  .mitra-hero h1,
  .mitra-trust-row,
  .mitra-hero-copy > p:not(.mitra-chinese):not(.mitra-chinese-lead) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  #security:before {
    width: auto;
    left: -14px;
    right: -14px;
    -webkit-transform: none;
    transform: none;
  }

  .mitra-page .mitra-sticky-buy {
    position: fixed;
    left: 9px;
    right: 9px;
    bottom: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px) + var(--mitra-viewport-bottom, 0px));
    width: auto;
    max-width: calc(100% - 18px);
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
  }

  .mitra-page .mitra-sticky-buy.mitra-sticky-buy-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
  }
}

@media (max-width: 360px) {
  #products .mitra-selection,
  .mitra-sticky-buy:not(#does-not-exist) {
    gap: 6px;
    padding: 8px;
  }

  #products .mitra-selection > div,
  .mitra-sticky-buy:not(#does-not-exist) > div {
    gap: 6px;
    min-width: 0;
  }

  #products .mitra-selection > div > span,
  #products .mitra-selection b,
  .mitra-sticky-buy:not(#does-not-exist) > div > span,
  .mitra-sticky-buy:not(#does-not-exist) b {
    font-size: 14px;
  }

  #products .mitra-selection strong,
  .mitra-sticky-buy:not(#does-not-exist) strong {
    font-size: 26px;
  }

  #products .mitra-selection .mitra-primary-button,
  .mitra-sticky-buy:not(#does-not-exist) .mitra-primary-button {
    padding: 5px 8px;
    font-size: 14px;
    flex-shrink: 0;
  }
}