/* Garden Restoration — responsive (mobile header first) */

@media (max-width: 767px) {
  .gr-header {
    .gr-header-inner {
      padding: 18px 16px 0;
    }
    .gr-logo img {
      width: 132px;
    }
  }

  .gr-megamenu-container {
    .megamenu-fixed-wrapper {
      padding: 32px 28px;
    }
    .megamenu-logo-close-btn {
      .logo-wrapper img {
        width: 265px;
      }
    }
    .megamenu-mobile-wrapper {
      .gr-mobile-menu {
        gap: 29px;
        margin-bottom: 50px;
      }
      .gr-menu-contact {
        .gr-contact-menu {
          .menu-item:nth-child(2) a {
            font-size: 24px;
          }
        }
      }
    }
  }

  /* Footer menus + CTA — center on mobile */
  .gr-footer {
    .menu-item {
      text-align: center !important;
      justify-content: center !important;

      a {
        text-align: center !important;
        justify-content: center !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
    }

    .footer-send-button {
      text-align: center !important;
      justify-content: center !important;

      a {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
    }

    .footer-mobile-number {
      margin-bottom: 21px !important;
      a {
        font-size: 20px !important;
      }
    }
  }

  .gr-our-work {
    .gr-our-work-heading {
      margin-bottom: 32px;
    }
    .gr-work-item {
      padding: 64px 0 26px;
      .gr-work-title {
        font-size: 40px;
        margin-bottom: 16px;
      }
      .gr-work-excerpt {
        max-width: 100%;
        font-size: 16px;
        line-height: calc(1.35em - 2px);
        margin-bottom: 24px;
      }
      .gr-work-meta-row {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 24px;
      }
      .gr-work-nav {
        align-self: flex-end;
      }
      .gr-work-slider {
        &:not(.slick-initialized) {
          grid-template-columns: 1fr;
        }
        .gr-work-slide img {
          height: 240px;
        }
      }
    }
  }

  /* Services carousel — reserve space for top-right nav buttons */
  .gr-services-slider {
    padding-top: 69px;
  }
}

/* Desktop: header remains usable; full desktop megamenu TBD from design */
@media (min-width: 768px) {
  .gr-header {
    .gr-header-inner {
      padding: 28px 40px 0;
      max-width: 1440px;
      margin: 0 auto;
    }
    .gr-logo img {
      width: 180px;
    }
  }
}