/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Child theme for Mirado custom homepage
Author: Mirado
Template: generatepress
Version: 1.0
*/
@media (max-width: 768px) {
  nav {
    padding: 18px 20px;
    flex-direction: column;
    gap: 14px;
  }

  .nav-left,
  .nav-right {
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .nav-left a,
  .nav-right a {
    font-size: 12px;
  }

  .logo {
    font-size: 32px;
  }

  .logo span {
    font-size: 11px;
  }

  .hero {
    height: 82vh;
    min-height: 520px;
  }

  .hero-content {
    left: 24px;
    right: 24px;
    bottom: 48px;
  }

  .hero-title {
    font-size: 44px;
    max-width: 100%;
  }

  .hero-body {
    font-size: 14px;
    max-width: 100%;
  }

  section {
    padding: 52px 22px;
  }

  .section-title {
    font-size: 36px;
  }

  .section-sub {
    font-size: 16px !important;
  }

  .product-grid {
    grid-template-columns: 1fr !important;
    gap: 32px;
  }

  .product-name {
    font-size: 26px;
  }

  .product-desc {
    font-size: 16px;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }

  .product-price {
    font-size: 18px;
  }

  .editorial {
    grid-template-columns: 1fr;
  }

  .editorial-img {
    min-height: 280px;
    font-size: 52px;
  }

  .editorial-content {
    padding: 44px 24px;
  }

  .testimonials-grid {
    grid-template-columns: 1fr;
  }

  .founder {
    grid-template-columns: 1fr;
  }

  .founder-content {
    padding: 52px 24px;
  }

  .founder-name {
    font-size: 42px;
  }

  .founder-body {
    font-size: 16px;
    max-width: 100%;
  }

  .founder-img {
    min-height: 320px;
  }

  .newsletter {
    padding: 52px 22px;
  }

  .newsletter .section-title {
    font-size: 34px;
  }

  .newsletter-form {
    flex-direction: column;
  }

  .newsletter-form input,
  .newsletter-form button {
    width: 100%;
  }

  footer {
    padding: 44px 24px 28px;
  }

  .footer-top {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
  }
}

</style>

@import url("../generatepress/style.css");