/* ==========================================================================
   maliya-responsive.css — Адаптивность модуля Малийя
   ========================================================================== */

@media (max-width: 900px) {
  .maliya-header-inner {
    padding: 0 10px;
  }

  .maliya-title {
    font-size: 24px;
  }

  .maliya-logo-link {
    width: 42px;
    height: 42px;
  }

  .maliya-main {
    padding: 20px 16px 32px;
  }

  .maliya-campaigns-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .maliya-header {
    padding: 10px 12px;
  }

  .maliya-title {
    font-size: 22px;
  }

  .maliya-logo-link {
    width: 38px;
    height: 38px;
  }

  .maliya-tabs-scroll {
    padding: 8px 12px;
    gap: 3px;
  }

  .maliya-tab {
    padding: 6px 10px;
    font-size: 12px;
  }

  .maliya-tab-icon {
    font-size: 12px;
  }

  .maliya-main {
    padding: 16px 12px 28px;
  }

  .maliya-calc-body {
    padding: 16px;
  }

  .maliya-accordion-trigger {
    padding: 12px 16px;
    font-size: 14px;
  }

  .maliya-accordion-body {
    padding: 0 16px 16px;
  }

  .maliya-result {
    padding: 16px;
  }

  .maliya-result-total {
    font-size: 16px;
  }

  .maliya-converter-row {
    flex-direction: column;
  }

  .maliya-converter-row .maliya-select {
    width: 100%;
  }

  .maliya-contract-form {
    padding: 16px;
  }

  .maliya-prices-inner {
    flex-direction: column;
    gap: 4px;
  }

  .maliya-price-sep {
    display: none;
  }

  .maliya-measures-table {
    font-size: 12px;
  }

  .maliya-measures-table th,
  .maliya-measures-table td {
    padding: 6px 8px;
  }

  .maliya-campaign-action {
    flex-direction: column;
  }

  .maliya-shares-select {
    width: 100%;
  }

  .maliya-captcha {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .maliya-header {
    padding: 8px 10px;
  }

  .maliya-title {
    font-size: 20px;
  }

  .maliya-tab {
    padding: 5px 8px;
    font-size: 11px;
    gap: 3px;
  }

  .maliya-tab-icon {
    display: none;
  }

  .maliya-main {
    padding: 12px 10px 24px;
  }

  .maliya-calc-header {
    padding: 12px 16px;
    font-size: 15px;
  }

  .maliya-input-with-toggle {
    flex-direction: column;
  }

  .maliya-unit-toggle {
    border-inline-start: none;
    border-top: 1px solid var(--border-gray, #e5e7eb);
    justify-content: center;
  }

  .maliya-radio-group {
    gap: 6px;
  }

  .maliya-radio-pill + label {
    padding: 6px 12px;
    font-size: 12px;
  }

  .maliya-modal-content {
    width: 96%;
    max-height: 95vh;
    border-radius: var(--radius-md, 12px);
  }
}