/* ==========================================================
   HUMANAS JA - MOBILE FINAL OVERRIDES
   Loaded last. Desktop layout remains unchanged.
   ========================================================== */

html,
body {
    max-width: 100%;
}

img,
picture,
video,
svg {
    max-width: 100%;
}

@media (max-width: 780px) {
    html,
    body {
        overflow-x: hidden;
    }

    .decoration-one,
    .decoration-two {
        display: none !important;
    }

    .hero-copy h1,
    .explore-hero-copy h1,
    .kits-hero-copy h1,
    .adapted-hero-copy h1,
    .collections-hero-copy h1,
    .material-hero-copy h1,
    .about-hero-copy h1 {
        font-size: clamp(44px, 13vw, 64px) !important;
        line-height: .92 !important;
        letter-spacing: -.045em !important;
        overflow-wrap: break-word;
        word-break: normal;
        text-wrap: balance;
    }

    .resource-grid,
    .materials-grid,
    .collection-grid,
    .collections-grid,
    .collection-card,
    .collection-detail-hero,
    .collection-detail-meta,
    .collection-materials-grid,
    .collection-manifest-grid,
    .collection-manifest,
    .collection-author,
    .adaptation-types,
    .adapted-hero,
    .explore-hero,
    .kits-hero,
    .material-hero,
    .material-body,
    .lesson-editorial,
    .inclusive-editorial,
    .discipline-image-grid,
    .editorial-search {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .section,
    .hero-copy,
    .explore-hero-copy,
    .kits-hero-copy,
    .adapted-hero-copy,
    .collections-hero-copy,
    .material-hero-copy,
    .collection-card,
    .collection-card-content,
    .collection-detail-copy,
    .material-body,
    .material-content,
    .materials-grid,
    .resource-grid {
        min-width: 0;
    }

    button,
    .outline-button,
    .primary-button,
    .secondary-button,
    .filter-button,
    .mobile-filter-button,
    .mobile-nav a {
        min-height: 44px;
    }
}

@media (max-width: 480px) {
    .hero-copy h1,
    .explore-hero-copy h1,
    .kits-hero-copy h1,
    .adapted-hero-copy h1,
    .collections-hero-copy h1,
    .material-hero-copy h1,
    .about-hero-copy h1 {
        font-size: clamp(38px, 14vw, 52px) !important;
        line-height: .94 !important;
        letter-spacing: -.035em !important;
    }

    .section {
        max-width: 100%;
    }
}