/* Mobile-first responsive fixes — center text, prevent overflow */

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

  .ank-site-header,
  main,
  .ank-section,
  .ank-page-hero,
  .ank-donate-hero,
  .ank-container,
  .ank-header-shell {
    max-width: 100%;
    min-width: 0;
  }

  .ank-marquee {
    overflow: hidden;
    width: 100%;
  }

  table,
  pre,
  iframe {
    max-width: 100%;
  }

  /* Header */
  .ank-header-shell {
    align-items: center;
  }

  .ank-logo {
    grid-row: 1;
    align-self: center;
  }

  .ank-header-center {
    grid-row: 1;
    align-self: center;
    justify-content: center;
  }

  .ank-header-site-name {
    text-align: center;
    word-break: break-word;
    hyphens: auto;
  }

  .ank-topbar__inner {
    min-width: 0;
  }

  .ank-topbar__left {
    min-width: 0;
    flex: 1;
    overflow: hidden;
  }

  .ank-topbar__left a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ank-topbar__right {
    flex-shrink: 0;
  }

  /* Hero — centered copy */
  .ank-hero-slide {
    justify-content: center;
    text-align: center;
  }

  .ank-hero-slide .ank-container.ank-hero__content,
  .ank-hero-slide .ank-hero__content {
    text-align: center;
    margin-inline: auto;
    padding-inline: 0;
  }

  .ank-hero__badge {
    display: inline-flex;
    margin-inline: auto;
  }

  .ank-hero__actions {
    justify-content: center;
  }

  .ank-hero__actions .ank-btn {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    max-width: 100%;
  }

  /* Quote band */
  .ank-vasanagam__inner {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }

  .ank-vasanagam blockquote {
    margin: 0;
    text-align: center;
  }

  /* Section headings */
  .ank-sec-head,
  .ank-sec-head .ank-sec-title,
  .ank-sec-head .ank-sec-sub,
  .ank-section__title {
    text-align: center;
  }

  .ank-eyebrow {
    margin-inline: auto;
  }

  /* Feature / about copy blocks */
  .ank-feature-copy,
  .ank-about-identity__copy,
  .ank-about-journey__intro,
  .ank-volunteer-join__copy,
  .ank-donate-hero__copy,
  .ank-donate__header,
  .ank-donate-flow__intro,
  .ank-help-page__intro,
  .ank-record-empty,
  .ank-page-hero p {
    text-align: center;
  }

  .ank-feature-copy h2,
  .ank-about-identity__copy h2,
  .ank-donate-hero__copy h1 {
    text-align: center;
  }

  .ank-feature-copy .ank-btn,
  .ank-about-connect__actions .ank-btn,
  .ank-donate-hero__copy .ank-btn {
    margin-inline: auto;
  }

  .ank-feature-copy .ank-btn {
    display: inline-flex;
  }

  .ank-feature-actions {
    justify-content: center;
  }

  .ank-check {
    justify-items: stretch;
  }

  .ank-check li {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .ank-check li:hover {
    transform: none;
  }

  .ank-check i {
    margin-top: 0;
  }

  /* Cards & grids */
  .ank-cards-5,
  .ank-svc-pro,
  .ank-cases,
  .ank-team-grid--founders,
  .ank-team-grid--volunteers,
  .ank-donate-flow__cards,
  .ank-donate-flow__trust,
  .ank-about-facts,
  .ank-about-impact__grid,
  .ank-volunteer-join__points {
    min-width: 0;
  }

  .ank-case-card {
    min-width: 0;
  }

  .ank-case-card__body {
    text-align: center;
  }

  .ank-case-card__meta {
    justify-content: center;
  }

  .ank-case-card__foot {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .ank-case-card__foot .ank-btn {
    width: 100%;
    justify-content: center;
  }

  .ank-svc-pro__body {
    text-align: center;
  }

  .ank-svc-pro__link {
    justify-content: center;
  }

  .ank-event-card__body,
  .ank-blog-pro__body {
    text-align: center;
  }

  /* Donate blocks */
  .ank-donate-hero__copy p,
  .ank-donate-hero__grid {
    margin-inline: auto;
  }

  .ank-donate-hero__steps {
    justify-content: center;
  }

  .ank-donate__footer,
  .ank-donate__actions {
    text-align: center;
    justify-content: center;
  }

  .ank-donate__actions .ank-btn {
    flex: 1 1 auto;
    justify-content: center;
  }

  .ank-donate-flow__card,
  .ank-bank-card,
  .ank-qr-card {
    text-align: center;
  }

  .ank-bank-card ul {
    text-align: left;
  }

  /* About — prevent seal overflow */
  .ank-about-identity__media {
    overflow: hidden;
  }

  .ank-about-identity__seal {
    right: 12px;
    left: auto;
    max-width: calc(100% - 24px);
  }

  .ank-about-connect__actions {
    justify-content: center;
  }

  .ank-about-connect__card p {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .ank-volunteer-join__layout {
    text-align: center;
  }

  .ank-volunteer-join__points li {
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
  }

  /* Forms stay readable but section centered */
  .ank-help-form-wrap,
  .ank-volunteer-join__form,
  .ank-form-split {
    text-align: left;
  }

  .ank-help-form-wrap > h3,
  .ank-volunteer-join__form > h3,
  .ank-help-form-wrap > p,
  .ank-volunteer-join__form > p {
    text-align: center;
  }

  /* Footer */
  .ank-footer__about,
  .ank-footer__contact,
  .ank-footer__donate,
  .ank-footer h4 {
    text-align: center;
  }

  .ank-footer__social {
    justify-content: center;
  }

  .ank-footer__contact li {
    justify-content: center;
    text-align: center;
  }

  .ank-footer-qr {
    display: flex;
    justify-content: center;
  }

  .ank-footer__menus {
    text-align: center;
  }

  .ank-footer__bottom .ank-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* CTA */
  .ank-cta,
  .ank-cta__actions {
    text-align: center;
    justify-content: center;
  }

  /* Floating buttons — keep inside viewport */
  .ank-wa {
    right: 12px;
    bottom: 12px;
  }

  .ank-top {
    right: 12px;
    bottom: 74px;
  }
}

@media (max-width: 480px) {
  .ank-hero-slide h1 {
    font-size: clamp(1.05rem, 5vw, 1.25rem);
    line-height: 1.35;
  }

  .ank-hero-slide p {
    font-size: clamp(.74rem, 3.4vw, .84rem);
  }

  .ank-hero__actions {
    flex-direction: column;
    width: 100%;
  }

  .ank-hero__actions .ank-btn {
    width: 100%;
  }

  .ank-header-site-name {
    font-size: clamp(.78rem, 3.8vw, .92rem);
    line-height: 1.35;
  }

  .ank-sec-title {
    font-size: clamp(1.35rem, 6vw, 1.65rem);
  }

  .ank-case-card__img {
    min-height: 180px;
  }

  .ank-about-identity__seal {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 220px;
    margin: -36px auto 0;
  }

  .ank-about-identity__media {
    margin-bottom: 8px;
  }

  .ank-donate-hero__steps li {
    width: 100%;
    justify-content: center;
  }

  .ank-footer__menus {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}