/* ==========================================================================
   هاست باران — استایل ریسپانسیو (Mobile-First Breakpoints)
   ========================================================================== */

/* ---------- لپ‌تاپ و تبلت افقی ---------- */
@media (max-width: 1024px) {
  .section { padding: 80px 0; }

  .why-grid { gap: 18px; }
  .trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- تبلت و موبایل بزرگ ---------- */
@media (max-width: 820px) {

  /* هدر و منوی موبایل */
  .nav-toggle { display: flex; }
  .site-nav { display: none; }

  body.nav-open .site-nav {
    display: flex;
    position: fixed;
    z-index: 195;
    top: calc(var(--header-h) + 10px);
    inset-inline: 16px;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: 14px;
    animation: navIn .28s var(--ease) both;
  }
  @keyframes navIn {
    from { opacity: 0; transform: translateY(-12px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  body.nav-open .nav-link {
    color: var(--text);
    font-size: 1rem;
    padding: 13px 16px;
    border-radius: 12px;
  }
  body.nav-open .nav-link:hover { color: var(--primary-dark); background: var(--primary-bg); }

  body.nav-open .nav-cta {
    margin: 10px 0 4px;
    justify-content: center;
  }

  body.nav-open .nav-toggle { margin-inline-start: 0; }
  .header-actions { margin-inline-start: auto; }
  .site-header.is-scrolled .nav-toggle-bar { background: var(--logo-on-light); }

  /* هیرو */
  .hero {
    padding-top: calc(var(--header-h) + 24px);
    padding-bottom: 84px;
  }

  /* سبک‌سازی بکگراند برای موبایل */
  .hero-aurora { width: 1100px; height: 1100px; margin-left: -550px; filter: blur(52px); }
  .hero-beam { width: 90%; opacity: .8; }

  /* کهکشان دامنه‌ها: سبک‌تر در موبایل */
  .g-chip { padding: 4px 11px; }
  .g-comet { width: 110px; }

  .hero-badge { font-size: .8rem; padding: 7px 16px; margin-bottom: 20px; }

  .hero-sub { font-size: .98rem; margin-top: 16px; }

  /* جستجو: حالت ستونی */
  .search-card {
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 20px;
    margin-top: 34px;
  }
  .search-input { text-align: center; font-size: 1rem; padding: 12px 8px; }
  .search-icon { display: none; }
  .search-submit { width: 100%; padding-block: 13px; }

  .tld-chips { gap: 8px; margin-top: 18px; }
  .tld-chip { padding: 8px 13px; font-size: .82rem; }
  .chip-price { font-size: .74rem; }

  .hero-trust { margin-top: 30px; gap: 8px 18px; }
  .trust-item { font-size: .8rem; }

  .scroll-cue { display: none; }

  /* نتیجه جستجو */
  .result { padding: 18px; border-radius: 16px; }
  .result-head { gap: 12px; }
  .result-ico { width: 40px; height: 40px; border-radius: 12px; }
  .result-actions .btn { width: 100%; }
  .whois-grid { grid-template-columns: 1fr; }

  /* مقایسه */
  .compare-toolbar { justify-content: center; }
  .compare-intro { padding: 38px 20px; }
  .compare-intro-title { font-size: 1.12rem; }
  .compare-loading { padding: 20px; }
  .table-scroll { border-radius: var(--radius); }
  .compare-table { min-width: 640px; }
  .compare-table th, .compare-table td { padding: 13px 12px; font-size: .88rem; }
  .cell-price { font-size: .92rem; }
  .compare-meta { margin-top: 18px; }

  /* قیمت‌ها */
  .price-grid {
    grid-template-columns: 1fr 1fr;
    max-width: 520px;
    margin-inline: auto;
    gap: 14px;
  }
  .price-card { min-height: 148px; padding: 28px 14px 24px; }
  .price-tld { font-size: 2.1rem; }
  .price-num { font-size: 1.25rem; }
  .price-currency { font-size: .74rem; }
  .price-card.is-featured { grid-column: 1 / -1; }

  /* امکانات */
  .feature-grid { grid-template-columns: 1fr; gap: 16px; }
  .feature-card { padding: 24px 20px; }

  /* چرا */
  .why-grid { grid-template-columns: 1fr; }
  .trust-strip { grid-template-columns: 1fr; }
  .trust-cell { padding: 14px 16px; }

  /* سوالات متداول */
  .faq-q { font-size: .94rem; padding: 16px; }
  .faq-a-inner { margin-inline: 16px; padding-inline: 0; }

  /* CTA */
  .cta-panel { padding: 54px 22px; border-radius: 22px; }
  .cta-sub { font-size: .95rem; }

  /* فوتر */
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* ---------- موبایل کوچک ---------- */
@media (max-width: 480px) {
  .container { padding-inline: 18px; }

  .section { padding: 64px 0; }
  .section-head { margin-bottom: 40px; }

  .hero { padding-top: calc(var(--header-h) + 12px); }

  .hero-sub { font-size: .92rem; }

  .tld-chips { width: 100%; }
  .tld-chip { flex: 1 1 40%; justify-content: center; }

  .hero-trust { flex-direction: column; align-items: center; gap: 10px; }

  .result-title { font-size: 1.02rem; }

  .search-loading { padding: 18px; }

  .compare-table { min-width: 560px; }
  .compare-disclaimer { text-align: start; }

  .footer-grid { grid-template-columns: 1fr; gap: 26px; }

  .btn-lg { padding: 14px 22px; font-size: .98rem; }
}

/* ---------- ترجیح کاربر: بدون حرکت ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}