@media (max-width: 560px) {
  .catalogue-hero,
  .cart-title {
    text-align: center;
  }

  .catalogue-hero h1,
  .cart-title h1,
  .catalogue-hero p:last-child,
  .cart-title p:last-child {
    margin-inline: auto;
  }

  .catalogue-visual span {
    right: 28px;
    text-align: center;
  }

  .catalogue-card > div {
    align-items: center;
    text-align: center;
  }

  .catalogue-actions {
    width: 100%;
  }

  .cart-page-empty { text-align: center; }

  .shop-footer {
    align-items: center;
    text-align: center;
  }
}