/* =====================================================
   BP-SM.CSS — Telefoane mari / phablete
   576px — 767.98px
   ===================================================== */
@media (min-width: 576px) and (max-width: 767.98px) {

  /* Header */
  :root { --header-height: 70px; }

  .main-nav { display: none; }
  .header-cta-btn { display: none; }
  .hamburger-btn { display: flex !important; margin-right: 20px; }

  .logo-text-main { font-size: 1.1rem; }

  /* Header — fără micșorare la scroll pe mobile */
  #main-header.scrolled { --header-height: 70px; }

  /* Logo — mobile: fără efect stemă, logo-main mereu vizibil */
  .logo-stema { display: none !important; }

  #main-header:not(.scrolled) .logo-main {
    max-width: 180px;
    transform: none;
  }
  /* override starea scrolled — logo-main rămâne vizibil */
  #main-header.scrolled .logo-main {
    opacity: 1 !important;
    max-width: 180px !important;
    overflow: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  /* Hero */
  .hero-content { padding: 100px 0 65px; }
  .hero-title   { font-size: 2.3rem; }
  .hero-subtitle { font-size: 1.05rem; }

  .hero-buttons { flex-wrap: wrap; }
  .hero-panel { display: none; }

  .hero-mini-stats { gap: 25px; }
  .hero-mini-stat .mstat-num { font-size: 1.8rem; }

  .hero-feature-icons { gap: 22px; margin-top: 32px; }
  .hfi i { width: 52px; height: 52px; font-size: 1.6rem; }

  /* Stats bar */
  .stat-box {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }
  .stat-box:nth-child(2n) { border-bottom: none; }
  .stat-box .snum { font-size: 2.4rem; }

  /* Secțiuni */
  .section-calb    { padding: 55px 0; }
  .section-calb-sm { padding: 38px 0; }

  .section-title { font-size: 1.85rem; }
  .section-header { margin-bottom: 35px; }

  /* Carduri — 2 pe rând via Bootstrap */
  .service-icon { width: 68px; height: 68px; font-size: 1.65rem; }

  /* Despre noi */
  .about-img-main img { height: 320px; }
  .about-img-placeholder { height: 320px; }
  .about-badge-box { right: 5px; }

  /* Pași */
  .step-card::after { display: none; }

  /* Galerie */
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }

  /* Contact */
  .contact-info-panel { padding: 28px; }

  /* CTA */
  .cta-section h2 { font-size: 1.9rem; }
  .cta-phone-big  { font-size: 1.8rem; }

  /* Page banner */
  .page-banner { padding: 48px 0; }
  .page-banner h1 { font-size: 1.85rem; }

  /* Footer */
  #main-footer { padding: 50px 0 0; }
}