@media (min-width: 641px) and (max-width: 900px) {
  .home-page > section:first-of-type {
    padding-top: 76px !important;
    padding-bottom: 34px !important;
  }

  .home-page > section:first-of-type > .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card {
    border-radius: 18px !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card > img.absolute.inset-0.h-full.w-full.object-cover {
    object-position: center center !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card > .relative.flex {
    min-height: 320px !important;
    padding: 32px !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card .space-y-3,
  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card .space-y-4 {
    max-width: min(520px, 76%) !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card h1,
  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card h2 {
    max-width: 100% !important;
    font-size: clamp(34px, 5vw, 42px) !important;
    line-height: 1.12 !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card p {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

}

@media (max-width: 640px) {
  .home-page > section:first-of-type {
    padding-top: 76px !important;
    padding-bottom: 28px !important;
  }

  .home-page > section:first-of-type > .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card {
    border-radius: 18px !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card > img.absolute.inset-0.h-full.w-full.object-cover {
    object-position: center center !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card > .relative.flex {
    min-height: 224px !important;
    padding: 18px !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card .space-y-3,
  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card .space-y-4 {
    max-width: 88% !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card h1,
  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card h2 {
    line-height: 1.16 !important;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card a,
  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card button {
    -webkit-tap-highlight-color: transparent;
  }

  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card > button[class*="absolute"],
  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card > div[class*="absolute"] button,
  .home-page > section:first-of-type .relative.overflow-hidden.rounded-2xl.border.bg-card button:has(svg) {
    display: none !important;
  }

  .product-detail-page {
    padding-top: 80px !important;
    padding-bottom: calc(7rem + env(safe-area-inset-bottom)) !important;
  }

}