/* Approved public product-page URL title layout. Typography sizes remain global H1/H2 tokens. */
.page-skeleton__title-group {
  --product-title-h1-size: 16.25px;
  --product-title-h2-size: 13px;
  margin-top: 30px;
  padding-left: 4.17px;
}

.page-skeleton__title-group h1,
.page-skeleton__title-group h2 {
  margin: 0;
  font-family: Helvetica;
  font-weight: 700;
  line-height: 1;
}

.page-skeleton__title-group h1 {
  font-size: var(--product-title-h1-size);
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}

.page-skeleton__title-group h2 {
  font-size: var(--product-title-h2-size);
  margin-top: 2.08px;
  color: rgb(94, 94, 94);
  text-transform: none;
}

@media (min-width: 375px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 16.75px;
    --product-title-h2-size: 13.25px;
    padding-left: 4.88px;
  }

  .page-skeleton__title-group h2 {
    margin-top: 2.44px;
  }
}

@media (min-width: 425px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 17.5px;
    --product-title-h2-size: 13.5px;
    padding-left: 5.53px;
  }

  .page-skeleton__title-group h2 {
    margin-top: 2.77px;
  }
}

@media (min-width: 600px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 19.5px;
    --product-title-h2-size: 14.5px;
    padding-left: 7.81px;
  }

  .page-skeleton__title-group h2 {
    margin-top: 3.91px;
  }
}

@media (min-width: 768px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 21.5px;
    --product-title-h2-size: 15.75px;
    padding-left: 10px;
  }

  .page-skeleton__title-group h2 {
    margin-top: 5px;
  }
}

@media (min-width: 1024px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 24.5px;
    --product-title-h2-size: 17.25px;
  }
}

@media (min-width: 1280px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 28px;
    --product-title-h2-size: 19px;
  }
}

@media (min-width: 1440px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 29.9px;
    --product-title-h2-size: 20px;
  }
}

@media (min-width: 1680px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 34.9px;
    --product-title-h2-size: 23.3px;
  }
}

@media (min-width: 1920px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 39.9px;
    --product-title-h2-size: 26.7px;
  }
}

@media (min-width: 2560px) {
  .page-skeleton__title-group {
    --product-title-h1-size: 53.2px;
    --product-title-h2-size: 35.6px;
  }
}