html,
body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  min-width: 0;
}

img,
picture,
video,
canvas,
svg,
iframe {
  max-width: 100%;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
span,
button,
label {
  overflow-wrap: anywhere;
}

#root,
main,
section,
article,
header,
footer,
nav,
div {
  min-width: 0;
}

@media (max-width: 767px) {
  .container,
  [class*="container"] {
    width: 100%;
    max-width: 100%;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  h1,
  .text-6xl,
  .text-5xl {
    font-size: clamp(2rem, 8vw, 3rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
  }

  h2,
  .text-4xl {
    font-size: clamp(1.6rem, 6.5vw, 2.35rem) !important;
    line-height: 1.12 !important;
  }

  h3,
  .text-3xl {
    font-size: clamp(1.3rem, 5.2vw, 1.85rem) !important;
    line-height: 1.15 !important;
  }

  .text-2xl {
    font-size: clamp(1.18rem, 4.7vw, 1.55rem) !important;
    line-height: 1.18 !important;
  }

  .text-xl,
  .text-lg,
  p,
  li {
    max-width: 100%;
  }

  .tracking-widest,
  [class*="tracking-"] {
    letter-spacing: 0.08em !important;
  }

  .max-w-xl,
  .max-w-2xl,
  .max-w-3xl,
  .max-w-4xl,
  .max-w-5xl,
  .max-w-lg,
  .max-w-md,
  .max-w-sm {
    max-width: 100% !important;
  }

  .grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .flex.items-center.gap-5,
  .flex.items-center.gap-6,
  .flex.items-center.gap-8,
  .flex.justify-center.gap-6,
  .flex.justify-center.gap-5,
  .flex.justify-between.items-center {
    flex-wrap: wrap;
  }

  .inline-block.text-left,
  .inline-flex,
  .inline-flex.items-center,
  .inline-flex.items-center.gap-1,
  .inline-flex.items-center.gap-1\.5,
  .inline-flex.items-center.gap-2 {
    max-width: 100%;
    white-space: normal;
  }

  [class*="rounded-2xl"] iframe,
  iframe[id^="inline-"],
  iframe[id^="popup-"] {
    min-height: 420px !important;
    height: 420px !important;
  }

  .sticky.top-0 {
    position: sticky;
  }

  .fixed.inset-0.flex.items-center.justify-center.px-4.py-8 > div {
    width: 100%;
    max-width: 100%;
  }

  .prose,
  .prose * {
    max-width: 100%;
  }

  .grid.md\:grid-cols-3,
  .grid.md\:grid-cols-2,
  .grid.lg\:grid-cols-3,
  .grid.md\:grid-cols-4,
  .grid.grid-cols-2,
  .grid.grid-cols-3 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body [style*="letterSpacing"] {
    letter-spacing: 0.08em !important;
  }

  body [style*="maxHeight:420px"],
  body [style*="max-height:420px"] {
    max-height: 240px !important;
  }

  body [style*="height:160px"] {
    height: 140px !important;
  }

  body [style*="position: sticky"],
  body .sticky.bottom-0,
  body .sticky.bottom-4,
  body .fixed.bottom-0 {
    position: static !important;
    bottom: auto !important;
  }

  body .overflow-hidden {
    overflow-x: hidden;
  }

  body .text-center .inline-block,
  body .text-center .inline-flex {
    text-align: left;
  }
}