@media all and (max-width: 1440px) {
  h1,
  .has-72-font-size {
    /* 55px */
    font-size: 3.4375rem !important;
  }

  h2,
  .has-55-font-size {
    /* 44.5px */
    font-size: 2.78125rem !important;
  }
}

@media all and (max-width: 1180px) {
  h1,
  .has-72-font-size {
    /* 44.5px */
    font-size: 2.78125rem !important;
  }

  h2,
  .has-55-font-size {
    /* 34px */
    font-size: 2.125rem;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1470px) {
  body {
    --wp--style--root--padding-left: 34px;
    --wp--style--root--padding-right: 34px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 900px) {
  body {
    --wp--style--root--padding-left: 27px;
    --wp--style--root--padding-right: 27px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  body {
    --wp--style--root--padding-left: 27px;
    --wp--style--root--padding-right: 27px;
  }

  body.designers:has(.products),
  body.my-account:has(.products),
  body.product-ssr-page {
    --wp--style--root--padding-left: 17px;
    --wp--style--root--padding-right: 17px;
  }

  body.product-ssr-page site-header {
    --wp--style--root--padding-left: 27px;
    --wp--style--root--padding-right: 27px;
  }

  .mobile-menu {
    --wp--style--root--padding-left: 27px;
    --wp--style--root--padding-right: 27px;
  }
}