@media (max-width: 1100px){
  .hero-grid{
    grid-template-columns:1fr;
  }
  .footer-grid{
    grid-template-columns:1.2fr 1fr 1fr;
  }
  .footer-cta-card{
    display:grid;
    grid-template-columns:1fr;
  }
  .social-grid{
    grid-template-columns:repeat(2, 1fr);
  }
  .feature-grid{
    grid-template-columns:repeat(3, 1fr);
  }
  .hero-copy{text-align:center}
  .hero-actions,
  .trust-copy,
  .hero-divider{justify-content:center}
  .hero-visual{min-height:470px}
}
@media (max-width: 860px){
  .menu-toggle{display:flex}
  .desktop-whatsapp{display:none}
  .site-nav{
    position:absolute;
    top:100%;
    left:16px;
    right:16px;
    background:#fff;
    border:1px solid rgba(24,42,106,.08);
    border-radius:24px;
    box-shadow:0 18px 45px rgba(24,42,106,.14);
    padding:18px;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    display:none;
  }
  .site-nav.open{display:flex}
  .header-inner{min-height:84px}
  .brand img{width:106px}
  .hero{padding-top:32px}
  .hero-grid{gap:28px}
  .feature-grid{
    grid-template-columns:repeat(2, 1fr);
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width: 640px){
  :root{--container:min(100% - 22px)}
  .section{padding:70px 0}
  .hero-copy h1{font-size:clamp(2.2rem, 10vw, 3.4rem)}
  .section-heading h2{font-size:clamp(1.9rem, 8vw, 2.7rem)}
  .hero-copy p, .section-heading p, .highlight-box p, .footer-brand p, .footer-col p, .footer-cta-card p{
    font-size:1.03rem;
  }
  .btn{width:100%}
  .hero-actions{display:block}
  .hero-visual{
    min-height:auto;
  }
  .hero-visual::before{
    inset:4% 0 8%;
    border-radius:28px;
  }
  .hero-visual img{
    width:100%;
    max-width:420px;
    margin:0 auto;
  }
  .wave-separator svg{height:74px}
  .feature-grid,
  .social-grid,
  .footer-grid{
    grid-template-columns:1fr;
  }
  .feature-card,
  .social-card{
    padding:20px 16px;
  }
  .highlight-box{
    flex-direction:column;
    text-align:center;
    padding:22px 18px;
  }
  .footer-cta-card{
    border-radius:28px;
    padding:24px 18px;
  }
  .footer-grid{
    gap:20px;
    padding:34px 0 24px;
  }
  .footer-bottom-inner{
    min-height:auto;
    padding:14px 0;
    flex-direction:column;
    text-align:center;
  }
  .footer-decor{
    top:-52px;
    height:78px;
  }
  .footer-decor-left{width:180px}
  .footer-decor-right{width:150px}
  .footer-decor-left .hill-1{width:60px;height:24px}
  .footer-decor-left .hill-2{left:42px;width:82px;height:34px}
  .footer-decor-right .hill-1{width:84px;height:38px}
  .flower{font-size:1.35rem}
  .footer-decor-left .flower{left:92px;top:0}
  .footer-decor-right .flower{left:0;top:-8px}
  .social-icon-wrap{
    width:58px;height:58px;flex-basis:58px;
  }
  .social-copy strong{font-size:1.3rem}
}
@media (max-width: 400px){
  .header-inner{gap:10px}
  .brand img{width:96px}
  .hero-copy h1{font-size:2.08rem}
  .social-card{
    align-items:flex-start;
  }
  .social-arrow{
    font-size:1.7rem;
  }
}


@media (max-width: 900px){
  .catalog-card{
    grid-template-columns:1fr;
    gap:20px;
    text-align:center;
    padding:36px 28px;
  }
  .catalog-visual{
    min-height:260px;
  }
}
@media (max-width: 640px){
  .section-catalog{padding:64px 0}
  .catalog-card{
    padding:28px 18px;
    border-radius:28px;
  }
  .catalog-visual{
    min-height:220px;
  }
  .catalog-visual::before{
    width:210px;
    height:210px;
  }
  .catalog-stack{
    width:185px;
    height:185px;
  }
  .catalog-sheet{
    font-size:2.5rem;
    border-width:6px;
  }
  .catalog-copy h2{
    font-size:2.35rem;
  }
}


@media (max-width: 640px){
  body,
  .page-wrap{
    background:#f7f9fc;
  }

  .site-footer{
    margin-top:0;
  }

  .footer-grid{
    padding-top:32px;
  }
}