/* صفحه تخصصی زونتس — مهار نهایی عرض و ریتم موبایل */
@media (max-width: 47.999rem) {
  main,
  main > section,
  main .container {
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-x: clip;
  }

  main .container {
    inline-size: calc(100% - (var(--gutter) * 2));
  }

  main .container > *,
  .hero__grid > *,
  .story__grid > *,
  .fm > *,
  .cta > * {
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .hero {
    padding-block: clamp(2rem, 8vw, 3rem);
  }

  .hero::before {
    inset-inline: 0;
    inline-size: 100%;
    block-size: 24rem;
    filter: blur(42px);
  }

  .hero__grid {
    inline-size: calc(100% - (var(--gutter) * 2));
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.75rem, 7vw, 2.75rem);
  }

  .hero__copy {
    inline-size: 100%;
  }

  .hero .eyebrow {
    display: flex;
    inline-size: 100%;
    white-space: normal;
    line-height: 1.75;
    font-size: clamp(.72rem, 3.35vw, .82rem);
  }

  .hero h1 {
    inline-size: 100%;
    max-inline-size: 100%;
    margin-block-start: .55rem;
    text-wrap:balance;
    white-space:normal;
    line-height: 1.3;
  }

  .hero__lead {
    inline-size: 100%;
    max-inline-size: none;
    margin-block-start: 1rem;
    font-size: clamp(.84rem, 3.7vw, .96rem);
    line-height: 2;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .hero__acts.actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem;
    inline-size: 100%;
    margin-block-start: 1.25rem;
  }

  .hero__acts.actions > .btn {
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 50px;
    padding-inline: .75rem;
    font-size: clamp(.76rem, 3.55vw, .9rem);
    white-space: nowrap;
  }

  .hero__note {
    align-items: flex-start;
    inline-size: 100%;
    margin-block-start: 1rem;
    font-size: clamp(.72rem, 3.2vw, .82rem);
    line-height: 1.85;
    white-space: normal;
  }

  .hero__trust {
    grid-template-columns: minmax(0, 1fr);
    gap: .75rem;
    inline-size: 100%;
    margin-block-start: 0;
    padding-block-start: 1.25rem;
  }

  .hero__trust li {
    inline-size: 100%;
    min-inline-size: 0;
    padding: .85rem;
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    background: color-mix(in srgb, var(--surface) 78%, transparent);
  }

  .hero__trust span {
    min-inline-size: 0;
    overflow-wrap: break-word;
  }

  .sec-head,
  .section__head,
  .ps__head,
  .qqfaq__head {
    inline-size: 100%;
    max-inline-size: 100%;
  }

  :where(.sec-head,.section__head,.ps__head,.story__copy,.cta,.qqfaq__head) :where(h1,h2,h3) {
    max-inline-size: 100%;
    white-space:normal;
    text-wrap:balance;
  }

  .qc__grid,
  .cats,
  .span-list,
  .caps,
  .rail ul,
  .fm {
    grid-template-columns: minmax(0, 1fr);
  }

  .cat,
  .qc__card,
  .span,
  .caps li,
  .station,
  .fm__fig,
  .fm__legend,
  .qqfaq__item {
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .tbl tr {
    min-inline-size: 0;
    inline-size: 100%;
  }

  .tbl td {
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }

  .cta {
    inline-size: 100%;
    padding: 1.4rem;
    border-radius: var(--r-xl);
  }

  .cta__acts.actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    inline-size: 100%;
  }

  .cta__acts .btn {
    inline-size: 100%;
    min-inline-size: 0;
  }

  .qqfaq__toolbar,
  .qqfaq__layout {
    min-inline-size: 0;
    max-inline-size: 100%;
    grid-template-columns: minmax(0, 1fr);
  }

  .qqfaq__toolbar label {
    min-inline-size: 0;
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .qqfaq__toolbar input {
    min-inline-size: 0;
  }

  .actionbar {
    max-inline-size: 100dvw;
  }

  .actionbar .btn {
    min-inline-size: 0;
    font-size: clamp(.72rem, 3.3vw, .84rem);
    white-space: nowrap;
  }
}

@media (max-width: 22.999rem) {
  .hero__grid,
  main .container {
    inline-size: calc(100% - 1.25rem);
  }

  .hero__acts.actions > .btn {
    font-size: .74rem;
  }

  .cta {
    padding: 1.1rem;
  }
}