/* === Mobile / Responsive (max-width:768px) === */
@media(max-width:768px){
  /* header & nav */
  header .inner{padding:8px 12px;gap:4px}
  header .hamburger{display:inline-flex!important}
  header nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:12px;border-bottom:1px solid var(--bd);box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:99;gap:2px}
  header nav.open{display:flex!important}
  header nav a.nav-item{padding:10px 16px;width:100%;border-radius:8px;font-size:15px}
  .nav-dropdown{width:100%}
  .nav-dd-menu{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none;border:none;padding:0 0 0 12px;min-width:0}
  .cs-dd-arrow{float:right}

  /* hero */
  .cs-hero{height:360px!important;min-height:360px!important;padding:60px 16px!important}
  .cs-hero h1{font-size:26px!important}
  .cs-hero p{font-size:14px!important}
  .cs-hero .cs-hero-cta{padding:12px 28px;font-size:14px}

  /* sections spacing */
  .cs-section{padding:40px 0}
  .cs-sec-title{margin-bottom:28px}
  .cs-sec-title h2{font-size:22px}

  /* features - 2 cols compact */
  .cs-features-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}
  .cs-feature-card{padding:20px 14px;border-radius:14px}
  .cs-feature-card .cs-feature-icon{width:44px;height:44px;border-radius:10px;font-size:22px;margin:0 auto 10px}
  .cs-feature-card h3{font-size:14px}
  .cs-feature-card p{font-size:12px;max-width:100%}

  /* gallery - 2 cols */
  .cs-gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}

  /* stats - 2 cols */
  .cs-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .cs-stat-num{font-size:28px}
  .cs-stat-item{text-align:center}

  /* testimonials - 1 col */
  .cs-testimonials-grid{grid-template-columns:1fr}

  /* card/news grid - 1 col */
  .card-grid{grid-template-columns:1fr}
  .cs-news-grid{grid-template-columns:1fr!important}

  /* split - stack vertical */
  .cs-split{flex-direction:column!important;gap:24px}
  .cs-split.reverse{flex-direction:column!important}
  .cs-split .cs-split-img{min-height:220px}
  .cs-split .cs-split-text h3{font-size:22px}

  /* page header */
  .cs-page-header{min-height:120px!important;padding:36px 16px 28px!important}
  .cs-page-header h1{font-size:22px}
  .cs-breadcrumb{font-size:12px}

  /* carousel */
  .cs-carousel{height:400px!important}
  .cs-carousel-inner h1{font-size:24px!important}

  /* demo toolbar */
  .demo-toolbar{padding:6px 12px}
  .demo-toolbar .dt-name,.demo-toolbar .dt-dots{display:none}

  /* footer */
  footer .ft-grid{grid-template-columns:1fr}
  footer{padding:28px 16px 20px;text-align:center}
}