@media (max-width:768px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--header-height,84px)}.hero-content{justify-content:flex-start!important;padding-top:calc(var(--header-height,84px) + 28px)!important}.logo-text{display:block!important}.ct-cursor-glow,.sbs-cursor-glow,.sd-cursor-glow,.sg-cursor-glow,.sl-cursor-glow,.spc-cursor-glow,.stg-cursor-glow{display:none!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.product-card,.testimonial-card{min-width:0!important}.categories-header h2{white-space:normal!important;text-align:center}.value-bar{margin-top:-30px}.newsletter-form{flex-wrap:wrap;gap:10px}.cta-buttons{flex-direction:column;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.cta-buttons .btn{width:100%;justify-content:center}.ab-experience-badge{left:12px!important;right:auto}.ab-gallery-leaf{left:0!important;opacity:.65!important}.ab-why-item{flex:0 0 100%!important}.ab-hero h1{font-size:clamp(32px, 9vw, 42px);line-height:1.12}.pl-hero-plants-img{margin-left:auto!important;margin-right:auto!important;max-height:220px}.pl-hero-tagline{position:static!important;transform:none!important;margin:16px auto 0!important;width:auto!important;max-width:140px}.pl-filters-inner{grid-template-columns:1fr!important}.pl-filter-cat-btn{width:100%;justify-content:center}.pl-sort-wrap{flex-wrap:wrap;white-space:normal;justify-content:stretch}.pl-feature h3{white-space:normal!important}.pl-grid{grid-template-columns:repeat(2,1fr)}body.services-page .footer{background-attachment:scroll!important}.sv-why-copy{min-width:0!important}.sv-cta-buttons{flex-direction:column;width:100%;max-width:320px}.sv-cta-buttons .sv-btn{width:100%;justify-content:center}.gl-cta-buttons{flex-direction:column;width:100%;max-width:320px}.gl-cta-buttons .gl-btn{width:100%;justify-content:center}.ct-cta-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.sbs-hero-actions,.sd-hero-actions,.sg-hero-actions,.sl-hero-actions,.spc-hero-actions,.stg-hero-actions{flex-direction:column;align-items:stretch;width:100%}.sbs-hero-actions .sbs-btn,.sd-hero-actions .sd-btn,.sg-hero-actions .sg-btn,.sl-hero-actions .sl-btn,.spc-hero-actions .spc-btn,.stg-hero-actions .stg-btn{width:100%;justify-content:center}.sbs-prefooter-btns,.sd-prefooter-btns,.sg-prefooter-btns,.sl-prefooter-btns,.spc-prefooter-btns,.stg-prefooter-btns{width:100%;flex-direction:column}.sbs-prefooter-btns .sbs-btn,.sd-prefooter-btns .sd-btn,.sg-prefooter-btns .sg-btn,.sl-prefooter-btns .sl-btn,.spc-prefooter-btns .spc-btn,.stg-prefooter-btns .stg-btn{width:100%;justify-content:center}.sbs-about-img-wrap,.sg-about-img-wrap,.sl-about-img-wrap,.spc-about-img-wrap,.stg-about-img-wrap{overflow:hidden}.sbs-about-img-badge,.sg-about-img-badge,.sl-about-img-badge,.spc-about-img-badge,.stg-about-img-badge{right:12px!important}.sbs-benefits-bar--offers,.sbs-benefits-bar--supply,.sg-benefits-bar--offers,.sl-benefits-bar--offers,.spc-benefits-bar--offers,.stg-benefits-bar--offers{flex-direction:column!important;border-radius:20px!important;padding:12px!important}.sbs-benefits-bar--offers .sbs-benefit-pill,.sbs-benefits-bar--supply .sbs-benefit-pill,.sg-benefits-bar--offers .sg-benefit-pill,.sl-benefits-bar--offers .sl-benefit-pill,.spc-benefits-bar--offers .spc-benefit-pill,.stg-benefits-bar--offers .stg-benefit-pill{flex:1 1 100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid #dde3dc;justify-content:flex-start;padding:12px 14px!important}.sbs-benefits-bar--offers .sbs-benefit-pill:last-child,.sbs-benefits-bar--supply .sbs-benefit-pill:last-child,.sg-benefits-bar--offers .sg-benefit-pill:last-child,.sl-benefits-bar--offers .sl-benefit-pill:last-child,.spc-benefits-bar--offers .spc-benefit-pill:last-child,.stg-benefits-bar--offers .stg-benefit-pill:last-child{border-bottom:none}.sbs-process-track,.sg-process-track,.sl-process-track,.spc-process-track,.stg-process-track{grid-template-columns:1fr!important}.sbs-why-bar-track{flex-direction:column;border-radius:18px}.sbs-why-bar-item{flex:1 1 100%!important;border-right:none!important;border-bottom:1px solid #dde3dc}.sbs-why-bar-item:last-child{border-bottom:none}.sd-benefit-bar{flex-direction:column;align-items:stretch;border-radius:20px!important;padding:16px!important}.sd-benefit-item{flex:1 1 100%!important;justify-content:flex-start!important}.sd-benefit-item strong{white-space:normal!important}.sbs-about-details,.sbs-supply-for-grid,.sd-test-grid,.sd-why-track,.sg-about-grid,.sl-about-grid,.spc-about-details,.spc-why-grid,.stg-about-grid{grid-template-columns:1fr!important}.sg-about-features,.sl-about-features,.stg-about-features{grid-column:1/-1;flex-direction:column}.sbs-hero-badge,.sg-hero-badge,.sl-hero-badge,.spc-hero-badge,.stg-hero-badge{position:static!important;margin-top:24px;max-width:100%}.sbs-hero-inner,.sg-hero-inner,.sl-hero-inner,.spc-hero-inner,.stg-hero-inner{flex-direction:column;align-items:flex-start}.sbs-hero-copy,.sg-hero-copy,.sl-hero-copy,.spc-hero-copy,.stg-hero-copy{max-width:100%!important}.floating-whatsapp{bottom:16px;right:16px;z-index:999}body.nav-open{overflow:hidden}.header.menu-open .logo-name,.header.menu-open .logo-tagline,.header.scrolled .logo-name,.header.scrolled .logo-tagline{color:#fff}}@media (max-width:600px){.pl-grid{grid-template-columns:1fr!important}.ab-story-side{flex-direction:column!important}.ab-story-side img{min-height:120px}}@media (max-width:480px){.newsletter-form{flex-direction:column}.newsletter-form button,.newsletter-form input{width:100%;border-radius:50px}.ct-cta-gallery{grid-template-columns:1fr!important}.ct-hero-title{font-size:clamp(28px, 8vw, 34px)}.gl-featured-item{flex:0 0 100%!important;min-width:0!important}}@media (hover:none),(pointer:coarse){.sbs-cursor-glow,.sd-cursor-glow,.sg-cursor-glow,.sl-cursor-glow,.spc-cursor-glow,.stg-cursor-glow{display:none!important}}

/* Service detail heroes — clear fixed header on mobile */
@media (max-width: 768px) {
  .sbs-hero,
  .sd-hero,
  .sg-hero,
  .sl-hero,
  .spc-hero,
  .stg-hero {
    padding-top: calc(var(--header-height, 84px) + 44px) !important;
    padding-bottom: 48px !important;
    min-height: 0 !important;
  }

  .sbs-hero-inner,
  .sd-hero-inner,
  .sg-hero-inner,
  .sl-hero-inner,
  .spc-hero-inner,
  .stg-hero-inner {
    min-height: 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .sbs-hero-title,
  .sd-hero-title,
  .sg-hero-title,
  .sl-hero-title,
  .spc-hero-title,
  .stg-hero-title {
    line-height: 1.2 !important;
  }

  /* Hero containers — safe horizontal inset */
  .sbs-hero > .sbs-container,
  .sd-hero > .sd-container,
  .sg-hero > .sg-container,
  .sl-hero > .sl-container,
  .spc-hero > .spc-container,
  .stg-hero > .stg-container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: clamp(20px, 5vw, 28px) !important;
    padding-right: clamp(20px, 5vw, 28px) !important;
  }

  .sbs-hero-copy,
  .sd-hero-copy,
  .sg-hero-copy,
  .sl-hero-copy,
  .spc-hero-copy,
  .stg-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .sbs-hero-desc,
  .sd-hero-desc,
  .sg-hero-desc,
  .sl-hero-desc,
  .spc-hero-desc,
  .stg-hero-desc {
    max-width: 100% !important;
  }

  /* GSAP slide-in offset clips text under overflow:hidden on mobile */
  .sbs-anim-breadcrumb,
  .sbs-anim-hero-title,
  .sbs-anim-hero-tagline,
  .sbs-anim-hero-desc,
  .sbs-anim-hero-leaf,
  .sd-anim-breadcrumb,
  .sd-anim-hero-title,
  .sd-anim-hero-tagline,
  .sd-anim-hero-desc,
  .sd-anim-hero-leaf,
  .sg-anim-breadcrumb,
  .sg-anim-hero-title,
  .sg-anim-hero-tagline,
  .sg-anim-hero-desc,
  .sg-anim-hero-leaf,
  .sl-anim-breadcrumb,
  .sl-anim-hero-title,
  .sl-anim-hero-tagline,
  .sl-anim-hero-desc,
  .sl-anim-hero-leaf,
  .spc-anim-breadcrumb,
  .spc-anim-hero-title,
  .spc-anim-hero-tagline,
  .spc-anim-hero-desc,
  .spc-anim-hero-leaf,
  .stg-anim-breadcrumb,
  .stg-anim-hero-title,
  .stg-anim-hero-tagline,
  .stg-anim-hero-desc,
  .stg-anim-hero-leaf {
    transform: none !important;
    opacity: 1 !important;
  }

  body.service-bulk-page .header,
  body.service-detail-page .header,
  body.service-garden-page .header,
  body.service-landscape-page .header,
  body.service-plant-care-page .header,
  body.service-terrace-page .header {
    background: rgba(15, 40, 25, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom-color: rgba(255, 255, 255, 0.08);
  }
}

@media (max-width: 480px) {
  .sbs-hero,
  .sd-hero,
  .sg-hero,
  .sl-hero,
  .spc-hero,
  .stg-hero {
    padding-top: calc(var(--header-height, 80px) + 40px) !important;
  }
}

/* Services page — hero stats bar (2×2 on mobile, not single column) */
@media (max-width: 768px) {
  .sv-stats-wrap {
    padding: 0 clamp(16px, 4vw, 24px) !important;
  }

  .sv-stats-bar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
    padding: 14px 10px !important;
  }

  .sv-stat-item {
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 10px 6px !important;
    gap: 6px !important;
  }

  .sv-stat-divider {
    display: none !important;
  }

  .sv-stat-item strong {
    font-size: clamp(1.25rem, 5.2vw, 1.65rem) !important;
  }

  .sv-stat-label {
    max-width: none !important;
    min-height: 2.8em !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    padding: 0 2px;
  }

  .sv-stat-svg {
    width: 32px !important;
    height: 32px !important;
  }
}

@media (max-width: 600px) {
  .sv-hero {
    padding-bottom: clamp(100px, 28vw, 130px) !important;
  }
}

/* Inner page banners — static on mobile (no parallax / zoom / wave scroll) */
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
    max-width: 100%;
  }

  .ab-hero,
  .pl-hero,
  .gl-hero,
  .bl-hero,
  .sv-hero,
  .hero {
    overflow: hidden !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .ab-hero::-webkit-scrollbar,
  .pl-hero::-webkit-scrollbar,
  .gl-hero::-webkit-scrollbar,
  .bl-hero::-webkit-scrollbar,
  .sv-hero::-webkit-scrollbar,
  .hero::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  .ab-hero-bg,
  .pl-hero-bg,
  .gl-hero-bg,
  .bl-hero-bg,
  .sv-hero-bg,
  .hero-bg {
    overflow: hidden;
    max-width: 100%;
  }

  .ab-hero-bg,
  .pl-hero-bg,
  .gl-hero-bg,
  .bl-hero-bg,
  .sv-hero-bg {
    transform: none !important;
    animation: none !important;
    will-change: auto !important;
    background-attachment: scroll !important;
  }

  .pl-hero-bg {
    filter: blur(2px);
  }

  .ab-hero-torn svg,
  .pl-hero-wave svg,
  .gl-hero-torn svg,
  .bl-hero-torn svg {
    animation: none !important;
    transform: none !important;
  }

  .ab-hero-leaf,
  .pl-hero-deco,
  .gl-hero-leaf,
  .bl-hero-leaf,
  .sv-hero-leaf,
  .gl-hero-overlay-glow,
  .bl-hero-overlay-glow,
  .sv-hero-overlay-glow {
    animation: none !important;
  }

  .ab-hero-content > *,
  .gl-hero-copy > *,
  .bl-hero-copy > * {
    transform: none !important;
    opacity: 1 !important;
  }
}