/**
 * Coplost Enterprises (a67) — global mobile / touch fixes.
 */

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

body.a67-body {
  overflow-x: clip;
}

body.a67-body .a67-main {
  overflow-x: clip;
}

body.a67-body.has-gx-dial .a67-main {
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

@media (max-width: 768px) {
  body.a67-body.has-gx-dial .a67-main > [class$="-world"],
  body.a67-body.has-gx-dial .a67-main > [class$="-stage"] {
    padding-bottom: max(5.5rem, calc(4.5rem + env(safe-area-inset-bottom)));
  }
}

@media (max-width: 768px) {
  body.a67-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
  body.a67-body textarea,
  body.a67-body select {
    font-size: max(16px, 1rem);
  }

  body.a67-body button,
  body.a67-body [role="button"],
  body.a67-body .gx-dial-hub,
  body.a67-body .a67-orbit-more {
    min-height: 44px;
    min-width: 44px;
  }

  body.a67-body .gx-cart-pill {
    min-height: 44px;
    padding: 0.55rem 0.85rem;
  }

  body.a67-body .ce-delta-pulse-form {
    grid-template-columns: 1fr !important;
    gap: 0.65rem;
  }

  body.a67-body .ce-delta-pulse-form input[type="email"] {
    width: 100%;
    min-width: 0;
  }

  body.a67-body .ce-delta-pulse-go {
    width: 100%;
  }

  body.a67-body .ce-delta-seal-meta {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 0.35rem 0.75rem;
  }

  body.a67-body .zph-topbar,
  body.a67-body .kiln-topbar,
  body.a67-body [class*="-topbar"] {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem;
  }

  body.a67-body .zph-top-nav,
  body.a67-body .kiln-top-links,
  body.a67-body [class*="-top-nav"] {
    width: 100%;
    flex-wrap: wrap;
    gap: 0.4rem 0.65rem;
  }

  body.a67-body.page-shop .zph-board,
  body.a67-body.page-shop .zph-tuner,
  body.a67-body.page-shop .zph-floor,
  body.a67-body.page-shop .zph-plot {
    min-width: 0;
    max-width: 100%;
  }

  body.a67-body .zph-mark-name,
  body.a67-body .kiln-mark-name {
    max-width: min(12rem, 55vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.a67-body table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.a67-body img,
  body.a67-body video,
  body.a67-body iframe {
    max-width: 100%;
    height: auto;
  }

  body.a67-body pre,
  body.a67-body code {
    max-width: 100%;
    overflow-x: auto;
    word-break: break-word;
  }
}

@media (max-width: 380px) {
  body.a67-body .zph-top-nav a:not(.zph-cart) {
    font-size: 0.82rem;
  }

}