/* ==========================================================================
   Lavanderia Quilombo - Responsive Styles
   ========================================================================== */

/* ---------- Tablet (max 1024px) ---------- */
@media(max-width:1024px){
  .hero .container{grid-template-columns:1fr;text-align:center}
  .hero-content{max-width:100%}
  .hero-image{display:none}
  .hero-steps{align-items:center}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .about .container{grid-template-columns:1fr}
  .about-image{order:-1;max-width:500px;margin:0 auto}
  .diff-grid{grid-template-columns:repeat(2,1fr)}
  .budget-tables{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:repeat(2,1fr)}
  .location .container{grid-template-columns:1fr}
  .location-map{height:300px}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .sidebar-nav{display:none}
}

/* ---------- Mobile (max 768px) ---------- */
@media(max-width:768px){
  :root{--header-height:65px}
  .top-bar{font-size:.7rem}
  .top-bar .container{justify-content:center;text-align:center}
  .top-bar-right{display:none}
  .nav{display:none}
  .menu-toggle{display:flex}
  .hero{min-height:80vh}
  .hero-title{font-size:2.2rem}
  .hero-desc{font-size:.95rem}
  .hero-step{font-size:.85rem}
  .services-grid{grid-template-columns:1fr}
  .diff-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .budget-summary{flex-direction:column;text-align:center}
  .budget-summary-actions{width:100%;justify-content:center}
  .budget-tabs{gap:6px}
  .budget-tab{padding:10px 16px;font-size:.8rem}
  .budget-tables{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .section{padding:50px 0}
  .whatsapp-float-label{display:none}
  .about-badge{position:relative;bottom:auto;right:auto;margin-top:20px;display:inline-block}
}

/* ---------- Small Mobile (max 480px) ---------- */
@media(max-width:480px){
  .hero-title{font-size:1.8rem}
  .hero-badge{font-size:.7rem;padding:6px 14px}
  .btn{padding:12px 24px;font-size:.85rem}
  .btn-lg{padding:14px 30px;font-size:.95rem}
  .service-card-body{padding:18px}
  .testimonial-card{padding:20px}
  .review-form{padding:20px}
  .budget-table-row{padding:10px 14px}
  .cookie-banner .container{flex-direction:column;text-align:center}
  .stats{gap:10px}
  .stat-card .stat-number{font-size:1.8rem}
}