/* ePlots - responsive rules */

@media (max-width:1199.98px){
  .fc-1{left:0}
  .fc-2{right:0}
}

@media (max-width:991.98px){
  .section{padding:64px 0}
  .hero{padding:120px 0 70px}
  .page-hero{padding:118px 0 52px}
  .site-nav .navbar-collapse{
    background:#fff;border:1px solid var(--line);border-radius:20px;
    padding:1rem;margin-top:.8rem;box-shadow:var(--shadow-md);max-height:78vh;overflow-y:auto;
  }
  .site-nav .nav-link{padding:.7rem .9rem}
  .btn-login{display:inline-block;margin-top:.6rem;text-align:center}
  .hero-visual{margin-top:1.5rem}
  .cta-card{padding:32px;text-align:center;justify-content:center}
  .cta-actions{justify-content:center;width:100%}
  .module-section .icon-badge.lg{margin-inline:0}
}

@media (max-width:767.98px){
  .section{padding:52px 0}
  .section-head{margin-bottom:36px}
  h3{font-size:1.05rem}
  .hero .lead{font-size:1rem}
  .hero-actions .btn{width:100%}
  .float-card{position:static;margin-top:.8rem;display:inline-flex}
  .hero-visual{display:flex;flex-direction:column}
  .plot-grid{grid-template-columns:repeat(5,1fr)}
  .module-list{grid-template-columns:1fr}
  .price-card{padding:28px 22px}
  .form-wrap,.side-cta{padding:24px}
  .footer-bottom{flex-direction:column;text-align:center}
  .timeline{padding-left:24px}
  .whatsapp-float{width:52px;height:52px;font-size:1.4rem;right:16px;bottom:16px}
  .back-to-top{right:18px;bottom:80px}
  .stat .counter,.stat .suffix{font-size:1.7rem}
}

@media (max-width:575.98px){
  .plot-grid{grid-template-columns:repeat(4,1fr)}
  .chip{font-size:.8rem;padding:.45rem .85rem}
  .marquee-track{gap:1.6rem}
  .cta-card{padding:26px 20px}
  .cta-actions .btn{width:100%}
}

/* Tap targets on touch devices */
@media (hover:none){
  .gallery-overlay{opacity:1;background:linear-gradient(180deg,rgba(11,71,161,0),rgba(11,71,161,.72))}
  .btn,.nav-link,.social a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}

@media print{
  .site-nav,.whatsapp-float,.back-to-top,.cta-band,.site-footer{display:none !important}
}

/* ---- Mobile alignment refinements ---- */
@media (max-width:991.98px){
  .top-bar-inner{justify-content:center}
  .top-bar ul.top-contact{flex-wrap:wrap;justify-content:center;gap:.4rem 1rem}
  .navbar-brand img{height:48px}
  .site-nav.scrolled .navbar-brand img{height:42px}
  .hero{padding-top:150px}
  .page-hero{padding-top:146px}
}

@media (max-width:767.98px){
  .top-bar-inner{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.15rem 1rem}
  .top-bar{font-size:.75rem;text-align:center}
  .navbar-brand img{height:42px}
  .site-nav.scrolled .navbar-brand img{height:38px}
  .hero{padding-top:132px;text-align:center}
  .hero .lead,.hero-visual img{margin-left:auto;margin-right:auto}
  .hero-actions,.hero-ticks{justify-content:center}
  .pill{margin-inline:auto}
  .page-hero{padding-top:128px;text-align:center}
  .page-hero-mark{width:64px;right:4%;top:auto;bottom:8px;opacity:.1}
  .float-card{justify-content:center}
  .section-head{padding-inline:.25rem}
  .container{padding-left:18px;padding-right:18px}
  .cta-card h2{font-size:1.35rem}
  .price-card,.module-card,.feature-card,.why-card,.contact-card,.step,.testimonial{padding:22px 18px}
  .layout-demo{padding:16px}
  .btn-login{width:100%;justify-content:center;margin-top:.75rem}
  .site-nav .navbar-collapse{text-align:left}
  .footer-bottom ul{justify-content:center;flex-wrap:wrap}
  .social{justify-content:center}
  .site-footer{text-align:center}
  .footer-contact li{justify-content:center;text-align:left}
  .footer-brand{justify-content:center}
}

@media (max-width:575.98px){
  h1{font-size:1.85rem}
  h2{font-size:1.4rem}
  .hero .lead{font-size:.95rem}
  .top-bar ul.top-contact{font-size:.72rem}
}