/* ============================================================
   Responsive overrides — 1920 / 1440 / 1200 / 992 / 768 / 576
   ============================================================ */

@media (max-width:1200px){
  .section{padding:80px 0;}
  .hero{padding:150px 0 80px;}
}

@media (max-width:992px){
  .section{padding:64px 0;}
  .hero{padding:130px 0 60px;}
  .hero-visual{margin-top:50px;min-height:auto;}
  .float-1,.float-2,.float-3{position:static;display:inline-block;margin:8px;animation:none;}
  .price-card.featured{transform:none;}
  .cta-block{padding:44px 26px;text-align:center;}
  .desktop-nav,.desktop-only{display:none !important;}
}

@media (max-width:768px){
  .section{padding:52px 0;}
  .section-title{font-size:1.6rem;}
  .hero-title{font-size:2.1rem;}
  .newsletter-box{padding:28px;text-align:center;}
  .fb-footer{padding:50px 0 20px;}
  .fb-footer .col-6{margin-bottom:26px;}
}

@media (max-width:576px){
  .hero-badge{font-size:.75rem;padding:6px 12px;}
  .term-card{font-size:.72rem;padding:18px 16px;}
  .price-card{padding:26px 20px;}
  .cta-block{padding:34px 18px;}
  .fb-card{padding:22px 18px;}
}

/* Dashboard responsive rules live mainly in dashboard.css,
   these supplement shared layout at narrow widths */
@media (max-width:992px){
  .db-sidebar{position:fixed;left:-280px;top:0;height:100%;z-index:1200;transition:left .3s;}
  .db-sidebar.open{left:0;}
  .db-main{margin-left:0 !important;}
}