/* ═══════════════════════════════════════════════════
   Large desktop — no changes needed (max-width: 620px on main)
═══════════════════════════════════════════════════ */
@media (min-width: 1200px) {
  body { padding: 56px 16px 96px; }
}

/* ═══════════════════════════════════════════════════
   Tablets (≤1024px)
═══════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .tab-100 { width: 100%; }
  .tab-50  { width: 50%; }
  .tab-33  { width: 33.333%; margin-bottom: 10px; }
  .wrapper { padding: 36px 36px 32px; }
  .form-text .main-heading { font-size: 20px; }
}

/* ═══════════════════════════════════════════════════
   Small tablets (≤768px)
═══════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .tab-sm-100 { width: 100%; }
  .tab-sm-50  { width: 50%; }
  .radio-select-single { width: 50%; }
  body { padding: 36px 12px 80px; }
}

/* ═══════════════════════════════════════════════════
   Mobile (≤576px)
═══════════════════════════════════════════════════ */
@media (max-width: 576px) {
  body { padding: 28px 10px 72px; }

  .logo { margin-bottom: 24px; }
  .logo-icon img { height: 32px; }

  .step-type { max-width: 100%; margin-bottom: 16px; }
  .step-type-single .step-text { font-size: 9px; letter-spacing: .3px; }
  .step-type-single .circle { width: 16px; height: 16px; }
  .step-type-single::after { top: 7px; left: calc(50% + 10px); width: calc(100% - 20px); }

  .content-inner { border-radius: 14px; }
  .wrapper { padding: 28px 20px 24px; }

  .form-text .main-heading { font-size: 18px; }
  .form-text .main-text   { font-size: 13px; }

  .radio-field { min-height: 52px; padding: 0 14px; }
  .radio-field label { font-size: 13px; }

  .text-field, .select-field { min-height: 46px; margin-bottom: 10px; }
  .text-field input,
  .text-field textarea,
  .select-field select { height: 46px; font-size: 13px; }

  .next-prev { height: 44px; margin-top: 20px; }
  .next-prev button { font-size: 13px; }
  .next-prev .prev { width: 26%; }
  .next-prev .skip { display: none; }
  .next-prev .inner { width: 100%; }

  button.sorgula { height: 44px; font-size: 13px; }

  .mob-100 { width: 100%; }
  .mob-50  { width: 50%; }
  .mb-sm-3 { margin-bottom: 14px; }
  .radio-select-single { width: 100%; }

  .hide-sidearea { display: none; }

  .popup-content { padding: 22px; border-radius: 14px; }

  .thankyou-page article h1 { font-size: 32px; }
  .thankyou-page article h1 span { font-size: 38px; }
  .thankyou-page article p { width: 90%; }
}