/* Neon Gadget Hub | Approved Home V2 HERO ONLY | 400px desktop */
/* Loaded after neon-home-v2.css so no existing design needs replacing. */

@media (min-width: 901px) {
  .ngh-v2 .ngh-hero.ngh-container {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
  }
  .ngh-v2 .ngh-hero__content {
    padding: 22px clamp(28px, 4.1vw, 58px) !important;
  }
  .ngh-v2 .ngh-hero h1 {
    font-size: clamp(37px, 3.55vw, 52px) !important;
    line-height: 1.07 !important;
    letter-spacing: -1.8px !important;
    margin: 13px 0 13px !important;
  }
  .ngh-v2 .ngh-hero__content > p {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
  .ngh-v2 .ngh-hero__actions { margin-top: 18px !important; gap: 10px; }
  .ngh-v2 .ngh-hero__actions .ngh-btn { min-height: 41px; padding: 10px 16px; }
  .ngh-v2 .ngh-hero__micro { margin-top: 17px !important; }
  .ngh-v2 .ngh-hero__visual,
  .ngh-v2 .ngh-hero__media,
  .ngh-v2 .ngh-hero__media img,
  .ngh-v2 .ngh-hero__media video {
    height: 400px !important;
    min-height: 0 !important;
    max-height: 400px !important;
  }
  .ngh-v2 .ngh-hero__media img,
  .ngh-v2 .ngh-hero__media video {
    object-fit: var(--neon-media-fit, cover);
    object-position: center;
  }
  .ngh-v2 .ngh-hero__badge { top: 15px; left: 16px; }
  .ngh-v2 .ngh-hero__floating { bottom: 14px; left: 16px; right: 16px; }
}

/* Narrow tablet: aim for ~400px but avoid text clipping. */
@media (min-width: 691px) and (max-width: 900px) {
  .ngh-v2 .ngh-hero.ngh-container { min-height: 400px !important; }
  .ngh-v2 .ngh-hero__content { padding: 24px !important; }
  .ngh-v2 .ngh-hero h1 {
    font-size: clamp(29px, 4.1vw, 38px) !important;
    line-height: 1.09 !important;
    letter-spacing: -1.2px !important;
    margin: 11px 0 11px !important;
  }
  .ngh-v2 .ngh-hero__content > p { font-size: 12px !important; line-height: 1.55 !important; }
  .ngh-v2 .ngh-hero__actions { margin-top: 14px !important; gap: 8px; }
  .ngh-v2 .ngh-hero__actions .ngh-btn { min-height: 39px; padding: 9px 12px; }
  .ngh-v2 .ngh-hero__micro { margin-top: 13px !important; gap: 8px; font-size: 9px; }
  .ngh-v2 .ngh-hero__visual,
  .ngh-v2 .ngh-hero__media,
  .ngh-v2 .ngh-hero__media img,
  .ngh-v2 .ngh-hero__media video { min-height: 400px !important; height: 100% !important; }
}

/* Mobile remains two stacked panels; smaller sizing, no fixed height or crop. */
@media (max-width: 690px) {
  .ngh-v2 .ngh-hero__content { padding: 27px 24px 25px !important; }
  .ngh-v2 .ngh-hero h1 {
    font-size: clamp(31px, 8vw, 40px) !important;
    line-height: 1.1 !important;
    margin: 13px 0 !important;
    letter-spacing: -1.3px !important;
  }
  .ngh-v2 .ngh-hero__content > p { font-size: 12.5px !important; line-height: 1.55 !important; }
  .ngh-v2 .ngh-hero__actions { margin-top: 17px !important; gap: 9px; }
  .ngh-v2 .ngh-hero__actions .ngh-btn { min-height: 41px; }
  .ngh-v2 .ngh-hero__micro { margin-top: 17px !important; gap: 8px; }
  .ngh-v2 .ngh-hero__visual,
  .ngh-v2 .ngh-hero__media,
  .ngh-v2 .ngh-hero__media img,
  .ngh-v2 .ngh-hero__media video {
    height: 240px !important;
    min-height: 0 !important;
    max-height: 240px !important;
  }
  .ngh-v2 .ngh-hero__badge { top: 12px; left: 12px; }
  .ngh-v2 .ngh-hero__floating { bottom: 12px; left: 12px; right: 12px; }
}

@media (max-width: 400px) {
  .ngh-v2 .ngh-hero__content { padding: 24px 20px 23px !important; }
  .ngh-v2 .ngh-hero h1 { font-size: 31px !important; }
  .ngh-v2 .ngh-hero__visual,
  .ngh-v2 .ngh-hero__media,
  .ngh-v2 .ngh-hero__media img,
  .ngh-v2 .ngh-hero__media video { height: 220px !important; max-height: 220px !important; }
}