/* Final homepage typography and card geometry calibration. */
@media (min-width: 801px) {
  .home-body .header-main {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-intro h2 {
    max-width: none;
    font-size: 21.5001px;
    line-height: 25.8001px;
  }

  .home-section-head h2,
  .home-collections > h2,
  .home-symbols > h2,
  .home-about > h2,
  .home-blog .home-section-head h2 {
    font-size: 21.5001px;
    line-height: 25.8001px;
  }

  .home-products,
  .home-collections,
  .home-symbols,
  .home-blog {
    padding-left: 20px;
    padding-right: 20px;
    height: auto !important;
  }

  .home-bundles {
    height: auto !important;
  }

  .home-product-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin-top: 56.26px;
    width: 100%;
    overflow: hidden;
  }

  .home-card {
    flex: unset;
    flex-basis: auto;
    width: auto;
    min-width: 0;
  }

  .home-card-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }

  .home-card h3 {
    margin: 10px 0 0;
    font-size: 17px;
    line-height: 23.8px;
  }

  .home-collection-grid { margin-top: 49.51px; }
  .home-collection-card { height: 271.63px; }
}

@media (max-width: 800px) {
  .home-intro { margin-top: 40.77px; }
  .home-product-row { margin-top: 31.19px; }

  .home-card {
    flex-basis: 135.09px;
    width: 135.09px;
  }

  .home-card-image {
    display: block;
    width: 135.09px;
    height: 135.09px;
  }

  .home-card h3 {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 16.8px;
  }

  .home-collection-grid {
    grid-template-columns: repeat(2, 169.5px);
    gap: 28px 17px;
    margin-top: 29.1px;
  }

  .home-collection-card { height: 151.31px; }
}