/* ===== RESPONSIVE STYLES ===== */
@media (max-width:600px){
  .btn-whatsapp-large,.btn-whatsapp{font-size:1rem;padding:12px 20px}
  .menu-btn{padding:.4rem 1rem;font-size:.75rem}
  h1{font-size:1.5rem}
  h2{font-size:1.3rem}
  h3{font-size:1.2rem}
  .page-section{padding:1.2rem}
  .max_pic,img.max_pic{border-radius:16px;margin:.8rem 0}
  .video-item{max-width:140px}
  .ui-grid{flex-direction:column}
  .ui-grid-b .ui-block-a,.ui-grid-b .ui-block-b,.ui-grid-b .ui-block-c{width:100%;float:none}
  .expect-grid{grid-template-columns:1fr 1fr}
  .summer-banner .banner-text .headline{font-size:.9rem}
  .summer-banner .banner-text .sub{font-size:.75rem}
  .summer-banner .banner-cta{font-size:.8rem;padding:.3rem .8rem}
  .summer-special-block .price{font-size:1.6rem}
  .floating-top-btn{bottom:80px;right:15px;padding:.5rem 1rem;font-size:.75rem}
  .philosophy-grid{grid-template-columns:1fr}
  .diff-grid{grid-template-columns:1fr}
  .stories-grid{grid-template-columns:1fr}
  .timeline{padding-left:1.5rem}
  .feature-grid{grid-template-columns:1fr}
  .about-page .main-wrapper{padding:1rem}
  .stat-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
  .about-hero h1{font-size:1.5rem}
  .stat-number{font-size:1.8rem}
  .pricing-option{min-width:160px}
  .pricing-option .price{font-size:1.8rem}
  .deal-highlight .price-big{font-size:2.2rem}
  .contact-top-bar{font-size:.8rem;gap:.5rem}
  .page-title{font-size:1.4rem}
  .feature-list{grid-template-columns:1fr;gap:.4rem}
  .feature-list li{padding:.5rem .6rem .5rem 1.8rem;font-size:.85rem;border-radius:6px}
  .feature-list li:before{top:.45rem;left:.5rem;font-size:.8rem}
  .whatsapp-float{bottom:20px;right:15px}
  .whatsapp-float a{width:56px;height:56px;font-size:28px}
  .time-slots-wrapper{grid-template-columns:1fr 1fr}
  .emergency-card-flex{flex-direction:column;text-align:center}
  .last-minute-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){video[autoplay]{display:none}}

@media (max-width: 768px) {
  .hero-cta .logo { font-size: 1.8rem; }
  .thumb-grid { grid-template-columns: 1fr 1fr; }
  .flex-row { flex-direction: column; align-items: stretch; }
  .internal-menu ul { justify-content: center; }
  .summer-banner { flex-direction: column; text-align: center; padding: 10px; }
  /* Add more basic responsive fixes */
}
@media (max-width: 480px) {
  .thumb-grid { grid-template-columns: 1fr; }
  .btn-whatsapp-large { font-size: 1rem; padding: 12px; }
}