/* =========================================================
   ECOGROWTH LTD — Responsive Rules
   ========================================================= */

@media (max-width: 1024px){
  .service-grid{grid-template-columns:repeat(2,1fr);}
  .pricing-grid{grid-template-columns:repeat(2,1fr);}
  .project-grid{grid-template-columns:repeat(2,1fr);}
  .ghlist-grid{grid-template-columns:1fr;}
  .split{gap:40px;}
  .contact-grid{gap:36px;}
  .calculator{grid-template-columns:1fr;}
}

@media (max-width: 860px){
  .nav-links,.nav-cta .btn-primary{display:none;}
  .nav-cta::before{content:"→";color:var(--orange);font-size:30px;font-weight:700;line-height:1;animation:navArrowBlink 2s ease-in-out infinite;}
  .nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--forest);}
  .nav-toggle i{font-size:20px;}

  .highlight-bar{grid-template-columns:repeat(2,1fr);}
  .highlight-bar__item:nth-child(2){border-right:none;}
  .highlight-bar__item{border-bottom:1px solid rgba(18,59,42,0.08);}

  .split,.contact-grid{grid-template-columns:1fr;}
  .split-media{order:2;min-height:340px;margin-top:20px;}
  .why-media{min-height:300px;order:2;}
  .split.why-choose > div:first-child{order:2;}

  .service-grid,.pricing-grid,.project-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
}

@keyframes navArrowBlink{
  50%{opacity:.25;}
}

@media (prefers-reduced-motion: reduce){
  .nav-cta::before{animation:none;}
}

@media (max-width: 768px){
  body{overflow-x:hidden;}

  /* Temporarily disabled hero styles.
  .hero{
    min-height:auto;
    padding:70px 0 30px;
    align-items:center;
    overflow:visible;
  }

  .hero__bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }

  .hero__content{
    padding-bottom:0;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
  }

  .hero__tag{
    display:inline-block;
    max-width:100%;
    font-size:.78rem;
    line-height:1.5;
    padding:8px 14px;
    margin-bottom:16px;
    white-space:normal;
  }

  .hero__content h1{
    max-width:420px;
    margin:0 auto 14px;
    line-height:1.2;
    font-size:clamp(2.2rem, 8vw, 2.85rem);
  }

  .hero__content p{
    font-size:1rem;
    line-height:1.58;
    max-width:420px;
    margin:0 auto 16px;
  }

  .hero__actions{
    width:min(100%, 430px);
    display:flex;
    gap:12px;
    margin-top:16px;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
  }

  .hero__actions .btn{
    flex:1 1 50%;
    justify-content:center;
    min-width:0;
    padding:12px 16px;
    font-size:.84rem;
    white-space:nowrap;
  }
  */

  .highlight-bar{
    margin-top:16px;
    grid-template-columns:1fr;
    border-radius:16px;
  }

  .highlight-bar__item{border-right:none;}
}

@media (max-width: 560px){
  .container{padding:0 24px;}
  .section{padding:64px 0;}
  h1{font-size:2.1rem;}
  h2{font-size:1.6rem;}

  /* Temporarily disabled hero styles.
  .hero{min-height:auto;padding:54px 0 24px;overflow:hidden;}

  .hero__content{
    padding-bottom:0;
  }

  .hero__content h1{
    max-width:100%;
    font-size:clamp(2rem, 10vw, 2.4rem);
  }

  .hero__content p{
    max-width:100%;
  }

  .hero__actions{
    flex-direction:row;
    align-items:center;
    gap:8px;
  }

  .hero__actions .btn{
    flex:1 1 50%;
    justify-content:center;
    min-width:0;
    padding:12px 10px;
    font-size:.82rem;
  }
  */

  .highlight-bar{grid-template-columns:1fr;margin-top:16px;border-radius:16px;}
  .highlight-bar__item{border-right:none;}
  .price-card--featured{margin-top:14px;}
  .modal__specs{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:34px;text-align:left;}
  .calculator{padding:24px;}
  .form-row{grid-template-columns:1fr;}
  .wa-float{width:52px;height:52px;bottom:18px;right:18px;}
  .page-hero{padding-top:calc(var(--nav-h) + 60px);}
}
