/* =Child-Theme responsive styles starts here
-------------------------------------------------------------- */

@media (max-width: 768px) {
  /* Mobile logo — smaller height */
  .sc_layouts_logo .logo_image,
  .custom-logo {
    max-height: 40px;
  }

  .cc-hero {
    min-height: 60vh;
  }

  .cc-features__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .cc-about__wrap {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .cc-about__image img,
  .cc-about__image--placeholder {
    height: 280px;
  }
}

@media (max-width: 480px) {
  .cc-hero__title {
    font-size: 2.4rem;
  }

  .cc-hero__subtitle {
    font-size: 1.2rem;
  }
}