/* =========================================================
   ALFA CARPENTRY — Responsive Stylesheet
========================================================= */

/* Large tablets / small laptops */
@media (max-width:1080px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .process{grid-template-columns:repeat(2,1fr);gap:34px}
  .step::after{display:none}
  .gallery{columns:2}
}

/* Tablets */
@media (max-width:900px){
  .menu,.nav-call{display:none}
  .burger{display:block}
  .nav-cta .btn:not(.burger){display:none}
  .nav{min-height:74px;gap:14px}
  .brand img{width:64px;height:64px}
  .topbar .tb-left{display:none}
  .topbar .container{justify-content:center}
  .topbar .tb-right span{font-size:.8rem;text-align:center}

  .split{grid-template-columns:1fr;gap:46px}
  .split.rev .split-media{order:0}
  .split-media .frame{inset:14px -14px -14px 14px}
  .badge-float{right:14px;bottom:-22px}

  .contact-grid{grid-template-columns:1fr;gap:32px}
  .statbar{grid-template-columns:repeat(2,1fr);gap:36px}
}

/* Mobile */
@media (max-width:640px){
  body{font-size:16px}
  .container{padding:0 18px}
  .section{padding:58px 0}
  .hero{min-height:88vh}
  .hero-inner{padding:80px 0}
  .hero p{font-size:1.05rem}
  .hero-actions{width:100%}
  .hero-actions .btn{flex:1;min-width:0;justify-content:center}
  .hero-stats{gap:28px;margin-top:40px}
  .hero-stats .num{font-size:2.1rem}

  .page-hero{padding:120px 0 64px}

  .cards{grid-template-columns:1fr}
  .gallery{columns:1}
  .process{grid-template-columns:1fr}
  .values{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:34px}
  .footer-bottom{flex-direction:column;text-align:center}

  .form-row{grid-template-columns:1fr}
  .form-card,.info-card{padding:26px}

  .section-head{margin-bottom:40px}
  .badge-float{padding:16px 20px}
  .badge-float .num{font-size:1.8rem}

  .lb-nav{width:46px;height:46px}
  .lb-prev{left:10px}.lb-next{right:10px}
  .lb-close{top:14px;right:14px}

  .floatbar{right:14px;bottom:16px;gap:16px}
  .fab{width:54px;height:54px}
  .to-top{left:14px;bottom:16px}

  .brand img{width:58px;height:58px}
  .footer-brand .brand img{width:92px;height:92px}
}

@media (max-width:380px){
  .brand img{width:52px;height:52px}
  h1{font-size:2.2rem}
}