/* ==========================================================================
   Hayalindeki Site · Dijital İhtiyaç Analizi · v1.1.0
   Tüm kurallar .hsa altında kapsanmıştır. Tema ve Elementor buton/başlık
   stillerini ezmek için kritik özelliklerde !important kullanılır.
   ========================================================================== */

.hsa{
  /* Marka paleti: #121619 koyu · #CEEF44 lime · #6EA8FF mavi · #FF8A4C turuncu · #F1EFE8 krem */
  --hsa-accent:#CEEF44;            /* dolgu: birincil düğme, seçim işareti, adım numarası */
  --hsa-accent-ink:#121619;        /* vurgu dolgusu üzerindeki yazı */
  --hsa-ink:#121619; --hsa-ink2:#4A4F55; --hsa-ink3:#83878C;
  --hsa-accent-d:var(--hsa-ink);   /* vurgulu yazılar (etiket, bölüm adı) okunaklı kalsın diye koyu */
  --hsa-sel:#121619;               /* seçili kenarlık */
  --hsa-focus:#6EA8FF;
  --hsa-line:#E4E1D8; --hsa-line2:#CFCBBF;
  --hsa-bg:#fff; --hsa-soft:#F1EFE8; --hsa-soft2:#E8E5DC;
  --hsa-blue:#6EA8FF; --hsa-orange:#FF8A4C;
  --hsa-good:#4F6800; --hsa-warn:#2E62C9; --hsa-crit:#B4430E;
  --hsa-wa:#1FA855;
  --hsa-r:18px; --hsa-rs:12px;
  --hsa-sh:0 1px 2px rgba(18,22,25,.04),0 8px 28px rgba(18,22,25,.06);
  --hsa-tint:color-mix(in srgb,var(--hsa-accent) 22%,#fff);
  --hsa-tint2:color-mix(in srgb,var(--hsa-accent) 45%,#fff);

  display:block; max-width:960px; margin:0 auto;
  container-type:inline-size; container-name:hsa;
  color:var(--hsa-ink); font-size:16px; line-height:1.6; text-align:left;
}
.hsa *,.hsa *::before,.hsa *::after{box-sizing:border-box;}
@supports not (color:color-mix(in srgb,red 50%,blue)){
  .hsa{--hsa-tint:#F5FBD9;--hsa-tint2:#E6F6A6;}
}

/* --- tema sıfırlamaları ----------------------------------------------- */
.hsa p{margin:0 !important;}
.hsa ul,.hsa ol{margin:0 !important;padding:0 !important;list-style:none !important;}
.hsa li{margin:0 !important;padding-left:0 !important;}
.hsa li::before,.hsa li::marker{content:none !important;}
.hsa h2,.hsa h3,.hsa h4{
  margin:0 !important;padding:0 !important;border:0 !important;
  text-transform:none !important;letter-spacing:-.015em !important;
  line-height:1.22 !important;color:var(--hsa-ink) !important;font-weight:700 !important;
}
.hsa h2::before,.hsa h3::before,.hsa h2::after,.hsa h3::after{content:none !important;display:none !important;}
.hsa a{color:var(--hsa-ink);text-decoration:underline;text-decoration-color:var(--hsa-accent);text-decoration-thickness:2px;text-underline-offset:3px;}
.hsa button{font-family:inherit !important;}
.hsa [tabindex="-1"]:focus{outline:none;}

/* --- kart ----------------------------------------------------------------- */
.hsa-card{
  background:var(--hsa-bg); border:1px solid var(--hsa-line); border-radius:var(--hsa-r);
  box-shadow:var(--hsa-sh); padding:28px;
}
.hsa-eyebrow{
  display:inline-block; font-size:12.5px; font-weight:600; letter-spacing:.02em;
  color:var(--hsa-accent-d); background:var(--hsa-tint); border-radius:999px; padding:4px 12px; margin-bottom:14px;
}
.hsa-h2{font-size:clamp(24px,3.4vw,32px) !important;}
.hsa-h3{font-size:19px !important;margin-bottom:12px !important;}
.hsa-lead{font-size:17px;color:var(--hsa-ink2);margin-top:10px !important;max-width:640px;}
.hsa-note{margin-top:12px !important;font-size:14.5px;color:var(--hsa-ink2);}
.hsa-cap{font-size:13.5px;color:var(--hsa-ink3);margin-top:12px !important;}
.hsa-cap-tight{margin:-4px 0 14px !important;}
.hsa-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* --- butonlar ------------------------------------------------------------- */
.hsa .hsa-btn{
  display:inline-flex !important; align-items:center; justify-content:center; gap:8px;
  min-height:46px; padding:0 22px !important; border-radius:999px !important;
  font-size:15.5px !important; font-weight:600 !important; line-height:1 !important;
  text-transform:none !important; letter-spacing:0 !important; text-decoration:none !important;
  border:1px solid transparent !important; cursor:pointer; box-shadow:none !important;
  transition:background-color .15s,transform .1s,opacity .15s;
}
.hsa .hsa-btn:active{transform:translateY(1px);}
.hsa .hsa-btn-lg{min-height:52px;padding:0 26px !important;font-size:16px !important;}
.hsa .hsa-btn-primary{background:var(--hsa-accent) !important;color:var(--hsa-accent-ink) !important;}
.hsa .hsa-btn-primary:hover{background:var(--hsa-ink) !important;color:var(--hsa-accent) !important;}
.hsa .hsa-btn-wa{background:#fff !important;color:#0E6E36 !important;border-color:#B7E4C7 !important;}
.hsa .hsa-btn-wa:hover{background:#F0FAF3 !important;}
.hsa .hsa-btn-wa svg{color:var(--hsa-wa);}
.hsa .hsa-btn:disabled{opacity:.42;cursor:not-allowed;transform:none;}
.hsa .hsa-btn:focus-visible,.hsa .hsa-link:focus-visible,.hsa .hsa-opt:focus-visible,.hsa .hsa-segb:focus-visible,.hsa .hsa-more-t:focus-visible{outline:3px solid var(--hsa-focus) !important;outline-offset:2px;}
.hsa .hsa-link{
  background:none !important;border:0 !important;padding:8px 4px !important;min-height:0;box-shadow:none !important;
  color:var(--hsa-ink2) !important;font-size:15px !important;font-weight:500 !important;cursor:pointer;
  text-transform:none !important;letter-spacing:0 !important;text-decoration:none !important;
}
.hsa .hsa-link:hover{color:var(--hsa-ink) !important;text-decoration:underline !important;}

.hsa-nav{display:flex;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap;}
.hsa-sp{flex:1;}
.hsa-nav-start{margin-top:28px;}

/* --- giriş ----------------------------------------------------------------- */
.hsa-intro{padding:clamp(24px,4vw,44px);}
.hsa-intro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px !important;}
.hsa-intro-list li{display:flex;gap:12px;align-items:flex-start;background:var(--hsa-soft);border-radius:var(--hsa-rs);padding:14px 16px !important;}
.hsa-intro-list b{display:block;font-size:14.5px;color:var(--hsa-ink);margin-bottom:2px;}
.hsa-intro-list span{font-size:13.5px;color:var(--hsa-ink2);line-height:1.5;}
.hsa-ic{flex:0 0 26px;height:26px;border-radius:50%;background:var(--hsa-ink);color:var(--hsa-accent) !important;font-size:13px !important;font-weight:700;display:flex;align-items:center;justify-content:center;}

/* --- soru ------------------------------------------------------------------ */
.hsa-top{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;margin-bottom:10px;}
.hsa-sec{font-weight:600;color:var(--hsa-accent-d);}
.hsa-count{color:var(--hsa-ink3);font-variant-numeric:tabular-nums;}
.hsa-bar{height:6px;background:var(--hsa-soft2);border-radius:999px;overflow:hidden;margin-bottom:26px;}
.hsa-bar i{display:block;height:100%;background:var(--hsa-ink);border-radius:999px;transition:width .35s ease;box-shadow:inset -6px 0 0 var(--hsa-accent);}
.hsa-qgrid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start;}
.hsa-qt{font-size:clamp(20px,2.6vw,24px) !important;margin-bottom:6px !important;}
.hsa-opt-tag{display:inline-block;vertical-align:middle;font-size:12px;font-weight:500;color:var(--hsa-ink3);background:var(--hsa-soft);border-radius:999px;padding:2px 9px;letter-spacing:0;margin-left:6px;}
.hsa-hint{font-size:14px;color:var(--hsa-ink3);margin-bottom:2px !important;}
.hsa-hint.hsa-shake{animation:hsaShake .4s;color:var(--hsa-crit);}
@keyframes hsaShake{20%,60%{transform:translateX(-4px);}40%,80%{transform:translateX(4px);}}

.hsa-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;}
.hsa-opts-list{grid-template-columns:repeat(2,minmax(0,1fr));}
.hsa .hsa-opt{
  display:flex !important;align-items:flex-start;gap:12px;width:100%;text-align:left !important;
  background:#fff !important;border:1.5px solid var(--hsa-line) !important;border-radius:var(--hsa-rs) !important;
  padding:13px 14px !important;margin:0 !important;cursor:pointer;color:var(--hsa-ink) !important;
  font-size:15px !important;font-weight:400 !important;line-height:1.4 !important;
  text-transform:none !important;letter-spacing:0 !important;box-shadow:none !important;min-height:52px;
  transition:border-color .12s,background-color .12s;
}
.hsa .hsa-opt:hover{border-color:var(--hsa-line2) !important;background:var(--hsa-soft) !important;}
.hsa .hsa-opt[aria-pressed="true"]{border-color:var(--hsa-sel) !important;background:var(--hsa-tint) !important;}
.hsa .hsa-opt{white-space:normal !important;word-break:normal;height:auto !important;}
.hsa .hsa-opt:focus:not(:focus-visible){outline:none !important;}
.hsa-ot{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto;overflow-wrap:anywhere;}
.hsa-ot .t{font-weight:500;}
.hsa-ot .d{font-size:13px;color:var(--hsa-ink3);}
.hsa-mk{flex:0 0 20px;width:20px;height:20px;margin-top:1px;border:1.5px solid var(--hsa-line2);background:#fff;position:relative;transition:all .12s;}
.hsa-mk-r{border-radius:50%;}
.hsa-mk-c{border-radius:6px;}
.hsa-opt[aria-pressed="true"] .hsa-mk{border-color:var(--hsa-sel);background:var(--hsa-accent);}
.hsa-opt[aria-pressed="true"] .hsa-mk-r::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--hsa-accent-ink);}
.hsa-opt[aria-pressed="true"] .hsa-mk-c::after{content:"";position:absolute;left:5.5px;top:1.5px;width:5px;height:10px;border:solid var(--hsa-accent-ink);border-width:0 2px 2px 0;transform:rotate(45deg);}

.hsa-why{background:var(--hsa-soft);border-radius:var(--hsa-rs);padding:16px 18px;font-size:14px;color:var(--hsa-ink2);line-height:1.55;}
.hsa-why b{display:block;color:var(--hsa-ink);font-size:13.5px;margin-bottom:6px;}

.hsa-field{margin-top:18px;}
.hsa .hsa-input{
  display:block;width:100% !important;max-width:none !important;min-height:50px;margin:0 !important;
  border:1.5px solid var(--hsa-line2) !important;border-radius:var(--hsa-rs) !important;background:#fff !important;
  padding:12px 14px !important;font-size:16px !important;color:var(--hsa-ink) !important;font-family:inherit !important;
  box-shadow:none !important;line-height:1.4 !important;
}
.hsa textarea.hsa-input{min-height:90px;resize:vertical;}
.hsa .hsa-input:focus{border-color:var(--hsa-ink) !important;outline:3px solid var(--hsa-tint2) !important;outline-offset:0;}
.hsa .hsa-input::placeholder{color:var(--hsa-ink3);opacity:1;}

/* --- sonuç ---------------------------------------------------------------- */
.hsa-res{display:flex;flex-direction:column;gap:16px;}
.hsa-res-head{background:linear-gradient(180deg,var(--hsa-soft) 0%,#fff 100%);}
.hsa-plan{display:flex;flex-direction:column;gap:12px;}
.hsa .hsa-step{display:flex;gap:18px;align-items:flex-start;padding:22px 24px !important;}
.hsa-num{flex:0 0 40px;height:40px;border-radius:50%;background:var(--hsa-accent);color:var(--hsa-accent-ink);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;}
.hsa-step:not(:first-child) .hsa-num{background:var(--hsa-soft);color:var(--hsa-ink);}
.hsa-step-b{flex:1;min-width:0;}
.hsa-step-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;}
.hsa-step-h h3{font-size:18px !important;}
.hsa-step-b > p{color:var(--hsa-ink2);}
.hsa-ek{margin-top:8px !important;}
.hsa .hsa-ek li{position:relative;padding-left:16px !important;font-size:14px;color:var(--hsa-ink3);margin-top:3px !important;}
.hsa-ek li::before{content:"" !important;position:absolute;left:3px;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--hsa-line2);display:block !important;}
.hsa-more{display:inline-block;margin-top:10px;font-weight:600;font-size:14.5px;text-decoration:none !important;}
.hsa-more:hover{text-decoration:underline !important;}
.hsa-badge{font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--hsa-soft2);color:var(--hsa-ink2);}
.hsa-badge-free{background:var(--hsa-accent);color:var(--hsa-accent-ink);}
.hsa-also{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--hsa-ink2);padding:2px 4px;}
.hsa-also a,.hsa-chip{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--hsa-line2);background:#fff;color:var(--hsa-ink) !important;text-decoration:none !important;font-size:13.5px;}
.hsa-also a:hover{border-color:var(--hsa-ink);background:var(--hsa-tint);}

.hsa-axgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.hsa-ax{background:var(--hsa-soft);border-radius:var(--hsa-rs);padding:14px;}
.hsa-ax-h{display:flex;flex-direction:column;gap:1px;margin-bottom:10px;}
.hsa-ax-h b{font-size:14.5px;}
.hsa-ax-h span{font-size:13px;font-weight:600;}
.hsa-ax p{font-size:12.5px;color:var(--hsa-ink3);line-height:1.45;margin-top:8px !important;}
.hsa-meter{height:8px;background:#fff;border-radius:999px;overflow:hidden;border:1px solid var(--hsa-line);}
.hsa-meter i{display:block;height:100%;border-radius:999px;}
.hsa-ax-k .hsa-ax-h span{color:var(--hsa-crit);} .hsa-ax-k .hsa-meter i{background:var(--hsa-orange);}
.hsa-ax-o .hsa-ax-h span{color:var(--hsa-warn);} .hsa-ax-o .hsa-meter i{background:var(--hsa-blue);}
.hsa-ax-i .hsa-ax-h span{color:var(--hsa-good);} .hsa-ax-i .hsa-meter i{background:var(--hsa-accent);box-shadow:inset 0 0 0 1px rgba(18,22,25,.12);}
.hsa-ax-n .hsa-ax-h span{color:var(--hsa-ink3);} .hsa-ax-n .hsa-meter i{background:var(--hsa-line2);}

.hsa-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;}
.hsa .hsa-check li{position:relative;padding-left:28px !important;margin-top:10px !important;font-size:14.5px;color:var(--hsa-ink2);line-height:1.5;}
.hsa-check li::before{content:"" !important;display:block !important;position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--hsa-line2);background:#fff;}
.hsa-faq details{border-top:1px solid var(--hsa-line);padding:2px 0;}
.hsa-faq details:first-child{border-top:0;}
.hsa-faq summary{cursor:pointer;list-style:none;padding:11px 26px 11px 0;font-weight:600;font-size:14.5px;position:relative;}
.hsa-faq summary::-webkit-details-marker{display:none;}
.hsa-faq summary::after{content:"+";position:absolute;right:2px;top:8px;font-size:20px;font-weight:400;color:var(--hsa-ink3);}
.hsa-faq details[open] summary::after{content:"–";}
.hsa-faq details p{font-size:14.5px;color:var(--hsa-ink2);padding-bottom:12px;}

/* --- form ----------------------------------------------------------------- */
.hsa-send{border:1.5px solid var(--hsa-ink);box-shadow:0 0 0 6px var(--hsa-tint),var(--hsa-sh);}
.hsa-sub{color:var(--hsa-ink2);margin:-4px 0 18px !important;max-width:640px;}
.hsa-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;}
.hsa-f{display:flex;flex-direction:column;gap:6px;min-width:0;}
.hsa-f label,.hsa-lbl{font-size:14px;font-weight:600;color:var(--hsa-ink);}
.hsa-f label i,.hsa-cb i{color:var(--hsa-crit);font-style:normal;}
.hsa-f.is-err .hsa-input{border-color:var(--hsa-crit) !important;}
.hsa-seg{display:flex;flex-wrap:wrap;gap:6px;}
.hsa-seg label{position:relative;margin:0;cursor:pointer;font-weight:500 !important;}
.hsa-seg input{position:absolute;opacity:0;pointer-events:none;}
.hsa-seg span{display:inline-block;padding:8px 14px;border-radius:999px;border:1.5px solid var(--hsa-line);font-size:14px;background:#fff;transition:all .12s;}
.hsa-seg input:checked + span{border-color:var(--hsa-sel);background:var(--hsa-tint);color:var(--hsa-ink);}
.hsa-seg input:focus-visible + span{outline:3px solid var(--hsa-focus);}
/* form ve detay bölümündeki kısa sorular */
.hsa .hsa-segb{
  display:inline-block !important;padding:8px 14px !important;border-radius:999px !important;border:1.5px solid var(--hsa-line) !important;
  background:#fff !important;color:var(--hsa-ink) !important;font-size:14px !important;font-weight:500 !important;line-height:1.3 !important;
  text-transform:none !important;letter-spacing:0 !important;box-shadow:none !important;cursor:pointer;min-height:0;margin:0 !important;
  white-space:normal !important;text-align:left !important;transition:all .12s;
}
.hsa .hsa-segb:hover{border-color:var(--hsa-line2) !important;}
.hsa .hsa-segb[aria-pressed="true"]{border-color:var(--hsa-sel) !important;background:var(--hsa-tint) !important;}
.hsa-lbl-s{font-weight:400;color:var(--hsa-ink3);font-size:12.5px;}
.hsa-mq-n{margin-top:0 !important;font-size:12.5px;}
.hsa-fgrid-q{margin-top:4px;}
.hsa-more-box{border:1.5px dashed var(--hsa-line2);border-radius:var(--hsa-rs);margin:6px 0 16px;background:#fff;}
.hsa-more-box.is-open{border-style:solid;background:var(--hsa-soft);}
.hsa .hsa-more-t{
  display:flex !important;width:100%;align-items:center;gap:14px;text-align:left !important;background:none !important;border:0 !important;
  padding:14px 16px !important;cursor:pointer;color:var(--hsa-ink) !important;box-shadow:none !important;
  text-transform:none !important;letter-spacing:0 !important;font-weight:400 !important;line-height:1.4 !important;white-space:normal !important;min-height:0;margin:0 !important;
}
.hsa-more-tx{flex:1;display:flex;flex-direction:column;gap:2px;}
.hsa-more-tx b{font-size:15px;}
.hsa-more-tx span{font-size:13px;color:var(--hsa-ink3);}
.hsa-more-ic{flex:0 0 28px;height:28px;border-radius:50%;background:var(--hsa-accent);position:relative;}
.hsa-more-ic::before,.hsa-more-ic::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:var(--hsa-accent-ink);border-radius:2px;transition:transform .15s;}
.hsa-more-ic::after{transform:rotate(90deg);}
.hsa-more-box.is-open .hsa-more-ic::after{transform:rotate(0);}
.hsa-more-b{padding:2px 16px 16px;display:flex;flex-direction:column;gap:18px;}
.hsa-more-b[hidden]{display:none !important;}
.hsa-more-g{display:flex;flex-direction:column;gap:14px;}
.hsa-more-gh{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hsa-ink3);border-bottom:1px solid var(--hsa-line);padding-bottom:6px;}
.hsa-more-b .hsa-input{background:#fff !important;}
.hsa-cb{display:flex !important;gap:10px;align-items:flex-start;margin:12px 0 0 !important;font-size:14px;color:var(--hsa-ink2);line-height:1.5;cursor:pointer;font-weight:400 !important;}
.hsa-cb input{flex:0 0 18px;width:18px !important;height:18px !important;margin:2px 0 0 !important;accent-color:var(--hsa-accent);}
.hsa-cb.is-err span{color:var(--hsa-crit);}
.hsa-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
.hsa-err{display:none;margin-top:14px;padding:10px 14px;border-radius:10px;background:#FEF2F2;color:#991B1B;font-size:14.5px;}
.hsa-nav-send{margin-top:20px;}
.hsa-spin{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:hsaSpin .7s linear infinite;}
@keyframes hsaSpin{to{transform:rotate(360deg);}}
.hsa-ok{text-align:center;padding:12px 0;}
.hsa-ok-ic{display:inline-flex;width:52px;height:52px;border-radius:50%;background:var(--hsa-accent);color:var(--hsa-accent-ink);font-size:26px;font-weight:700;align-items:center;justify-content:center;margin-bottom:12px;}
.hsa-ok p{color:var(--hsa-ink2);max-width:560px;margin:0 auto !important;}
.hsa-actions{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;padding:4px 0 8px;}

/* --- hızlı mod ------------------------------------------------------------- */
.hsa[data-mod="hizli"]{max-width:640px;}
.hsa[data-mod="hizli"] .hsa-card{padding:22px;}
.hsa[data-mod="hizli"] .hsa-qgrid{grid-template-columns:1fr;gap:14px;}
.hsa[data-mod="hizli"] .hsa-opts,.hsa[data-mod="hizli"] .hsa-opts-list{grid-template-columns:1fr;}
.hsa[data-mod="hizli"] .hsa-why{display:none;}
.hsa-mini-plan{counter-reset:m;display:flex;flex-direction:column;gap:12px;margin-top:6px !important;}
.hsa .hsa-mini-plan li{counter-increment:m;position:relative;padding-left:36px !important;}
.hsa-mini-plan li::before{content:counter(m) !important;display:flex !important;position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--hsa-accent);color:var(--hsa-accent-ink);font-size:13px;font-weight:700;align-items:center;justify-content:center;}
.hsa-mini-plan b{display:block;}
.hsa-mini-plan span{font-size:14px;color:var(--hsa-ink2);}

/* --- JS'siz ve kalıcı açıklama -------------------------------------------- */
.hsa-nojs{border:1px solid var(--hsa-line,#E3E5EA);border-radius:14px;padding:18px 20px;background:#F5F6F8;}
.hsa-ozet{max-width:960px;margin:40px auto 0;color:#4B5060;font-size:15.5px;line-height:1.65;}
.hsa-ozet h2{font-size:22px;margin:0 0 12px;color:#14161C;}
.hsa-ozet h3{font-size:17px;margin:26px 0 10px;color:#14161C;}
.hsa-ozet h4{font-size:15.5px;margin:16px 0 4px;color:#14161C;}
.hsa-ozet p{margin:0 0 10px;}
.hsa-ozet-tablo{width:100%;border-collapse:collapse;font-size:14.5px;margin:6px 0 12px;}
.hsa-ozet-tablo th,.hsa-ozet-tablo td{border-bottom:1px solid #E3E5EA;padding:9px 10px;text-align:left;vertical-align:top;}
.hsa-ozet-tablo th{color:#14161C;font-weight:600;background:#F5F6F8;}

/* --- yerleştirildiği alanın genişliğine göre (container query) ------------ */
@container hsa (max-width:820px){
  .hsa-qgrid{grid-template-columns:1fr;gap:16px;}
  .hsa-axgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hsa-intro-list{grid-template-columns:1fr;}
}
@container hsa (max-width:640px){
  .hsa-opts,.hsa-opts-list{grid-template-columns:1fr;}
  .hsa-fgrid{grid-template-columns:1fr;}
  .hsa-card{padding:22px 18px;}
  .hsa .hsa-step{padding:18px 16px !important;gap:12px;}
  .hsa-num{flex-basis:32px;height:32px;font-size:15px;}
  .hsa-nav .hsa-btn-primary{flex:1 1 auto;}
  .hsa-nav-send .hsa-btn{width:100%;}
}
@container hsa (max-width:420px){
  .hsa-axgrid{grid-template-columns:1fr;}
}

/* --- mobil ------------------------------------------------------------------ */
@media (max-width:860px){
  .hsa-qgrid{grid-template-columns:1fr;gap:16px;}
  .hsa-axgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hsa-intro-list{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .hsa{font-size:15.5px;}
  .hsa-card{padding:20px 16px;border-radius:14px;}
  .hsa-opts,.hsa-opts-list{grid-template-columns:1fr;}
  .hsa-fgrid{grid-template-columns:1fr;}
  .hsa .hsa-step{padding:18px 16px !important;gap:12px;}
  .hsa-num{flex-basis:32px;height:32px;font-size:15px;}
  .hsa-nav .hsa-btn-primary{flex:1 1 auto;}
  .hsa-nav-send .hsa-btn{width:100%;}
  .hsa-why{font-size:13.5px;padding:12px 14px;}
}
@media (prefers-reduced-motion:reduce){
  .hsa *{transition:none !important;animation:none !important;}
}

/* --- yazdırma ------------------------------------------------------------- */
@media print{
  html.hsa-print-on body *{visibility:hidden !important;}
  html.hsa-print-on .hsa-printing,html.hsa-print-on .hsa-printing *{visibility:visible !important;}
  html.hsa-print-on .hsa-printing{position:absolute;left:0;top:0;width:100%;max-width:none;}
  .hsa-printing .hsa-send,.hsa-printing .hsa-actions{display:none !important;}
  .hsa-printing .hsa-card{box-shadow:none !important;break-inside:avoid;}
  .hsa-printing .hsa-faq details{display:block;}
  .hsa-printing .hsa-faq details p{display:block !important;}
}