/* Top Notch brand + working mobile menu */

.reviews-section.premium-reviews,
.premium-review-grid,
.review-grid.premium-review-grid { display: none !important; }
.moving-banner, .moving-track { display: none !important; height: 0 !important; overflow: hidden !important; }
.tn-conversion-band, .tn-conversion-band-body { display: none !important; }

@media (min-width: 981px) {
  .desktop-nav-wrap, .desktop-nav-wrap .main-nav, .main-nav {
    display: flex !important; visibility: visible !important; height: auto !important;
    background: #fff !important;
  }
  .desktop-nav-wrap { background: #fff !important; }
  .main-nav a, .main-nav .dropbtn { color: #071426 !important; }
  .main-nav .nav-cta, .main-nav a.nav-cta { background: #e21f2f !important; color: #fff !important; }
  .mobile-menu-btn { display: none !important; }
  .mobile-overlay { display: none !important; }
  .mobile-menu { display: none !important; }
}

@media (max-width: 980px) {
  .mobile-menu-btn {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 44px !important;
    height: 44px !important;
    pointer-events: auto !important;
    z-index: 10080 !important;
    place-items: center !important;
  }
  .mobile-overlay {
    display: none;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.45) !important;
    z-index: 10060 !important;
  }
  .mobile-overlay.active { display: block !important; }
  .mobile-menu {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    left: 0 !important;
    height: 100% !important;
    width: min(88vw, 360px) !important;
    max-width: 360px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: #071426 !important;
    color: #fff !important;
    z-index: 10070 !important;
    transform: translateX(-110%) !important;
    transition: transform .22s ease !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }
  .mobile-menu.active {
    transform: translateX(0) !important;
  }
  .mobile-menu a, .mobile-menu button {
    pointer-events: auto !important;
    color: #fff !important;
  }
  .mobile-dropdown-content { display: none; }
  .mobile-dropdown-content.show { display: block !important; }
}

@media (max-width: 900px) {
  .home-hero .hero-grid { display: flex !important; flex-direction: column !important; gap: 16px !important; }
  .tn-hancock-card {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    order: -1;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .tn-hancock-card img {
    width: 100% !important;
    min-height: 280px !important;
    max-height: 48vh !important;
    object-fit: cover !important;
    object-position: center 35% !important;
    border-radius: 0 !important;
  }
  .tn-hancock-card p { padding: 8px 16px 0 !important; color: #fff !important; }
}
