/* ============================================================
   Hostinq2026: umumi sehife / beledchi shablonu (page-detail-normal.php, generic branch)
   hs- dizayn sistemi: nane hero + temiz tipoqrafiya + ag sidebar. 26 Sen 2026
   DB-deki gd-* mezmun sinifleri burada yeni palitraya keçirilir (mezmun HTML-i deyishmir).
   ============================================================ */
.hsa{
  --hs-ink:#0a1616;--hs-ink2:#132828;--hs-muted:#6d7779;--hs-muted2:#5d706d;--hs-link:#067547;
  --hs-mint:#f1fbf0;--hs-line:#e6ebe7;--hs-soft:#f8f8f4;--hs-dark:#082615;--hs-dark2:#133827;
  --hs-lime:#c6fb4b;--hs-mintb:#46fdae;--hs-accent:#16a45f;
  background:#fff;color:var(--hs-ink);
}
.hsa *,.hsa *::before,.hsa *::after{box-sizing:border-box;}

/* ---------- hero ---------- */
.hsa-hero{position:relative;overflow:hidden;background:var(--hs-mint);padding:56px 0 52px;}
.hsa-hero-bg{position:absolute;inset:0;top:-130px;pointer-events:none;background:
  radial-gradient(55% 45% at 12% 0%,rgba(190,232,180,.75) 0%,rgba(190,232,180,0) 60%),
  radial-gradient(45% 55% at 95% 100%,rgba(196,236,190,.8) 0%,rgba(196,236,190,0) 60%),
  radial-gradient(40% 40% at 60% 40%,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 60%);}
.hsa-c{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 24px;}
.hsa-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--hs-muted);margin:0 0 26px;}
.hsa-crumbs a{color:var(--hs-muted2);text-decoration:none;}
.hsa-crumbs a:hover{color:var(--hs-link);}
.hsa-crumbs i{font-style:normal;color:#a3b0aa;}
.hsa-crumbs .is-current{color:var(--hs-ink);}
.hsa-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:9999px;background:var(--hs-mintb);color:var(--hs-ink);font-size:14px;font-weight:600;line-height:1;margin:0 0 18px;}
.hsa-eyebrow svg{width:15px;height:15px;}
.hsa-title{font-size:34px;line-height:1.15;font-weight:500;letter-spacing:-.015em;color:var(--hs-ink);margin:0;max-width:900px;text-wrap:balance;}
.hsa-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;font-size:14px;color:var(--hs-muted2);}
.hsa-meta span{display:inline-flex;align-items:center;gap:7px;}
.hsa-meta svg{width:15px;height:15px;color:var(--hs-link);}
@media(min-width:768px){.hsa-title{font-size:44px;line-height:1.12;}.hsa-hero{padding:72px 0 64px;}}
@media(min-width:1024px){.hsa-title{font-size:52px;line-height:1.08;}}

/* ---------- body grid ---------- */
.hsa-body{padding:56px 0 96px;background:#fff;}
.hsa-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start;}
.hsa-content{min-width:0;max-width:820px;font-size:17px;line-height:1.7;color:var(--hs-ink2);}
.hsa-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:16px;}
@media(max-width:1023px){.hsa-grid{grid-template-columns:1fr;gap:36px;}.hsa-side{position:static;}.hsa-content{max-width:none;}}

/* ---------- baza tipoqrafiya (gd-siz sehifeler, huquqi metnler ve s.) ---------- */
.hsa-content h1,.hsa-content h2,.hsa-content h3,.hsa-content h4{color:var(--hs-ink);font-weight:600;letter-spacing:-.015em;line-height:1.25;margin:36px 0 14px;}
.hsa-content h2{font-size:28px;}
.hsa-content h3{font-size:21px;}
.hsa-content h4{font-size:18px;}
.hsa-content p{margin:0 0 18px;}
.hsa-content a{color:var(--hs-link);text-decoration:underline;text-decoration-color:rgba(6,117,71,.35);text-underline-offset:3px;}
.hsa-content a:hover{text-decoration-color:var(--hs-link);}
.hsa-content ul,.hsa-content ol{margin:0 0 18px;padding-left:22px;}
.hsa-content ul{list-style:disc;} .hsa-content ol{list-style:decimal;} .hsa-content li{list-style:inherit;margin-bottom:8px;}
.hsa-content strong{color:var(--hs-ink);font-weight:700;}
.hsa-content blockquote{border-left:3px solid var(--hs-accent);background:var(--hs-soft);margin:22px 0;padding:18px 22px;border-radius:0 12px 12px 0;}
.hsa-content code{background:var(--hs-soft);border:1px solid var(--hs-line);border-radius:6px;padding:2px 7px;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--hs-link);}
.hsa-content pre{background:var(--hs-dark);color:#d1fae5;border-radius:12px;padding:18px 22px;overflow-x:auto;font-size:14px;margin:22px 0;}
.hsa-content pre code{background:transparent;border:0;color:inherit;padding:0;}
.hsa-content img{max-width:100%;height:auto;border-radius:12px;margin:22px 0;display:block;}
.hsa-content table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;display:block;overflow-x:auto;}
.hsa-content th,.hsa-content td{padding:12px 14px;border:1px solid var(--hs-line);text-align:left;vertical-align:top;min-width:120px;}
.hsa-content th{background:var(--hs-soft);font-weight:700;color:var(--hs-ink);}
.hsa-content hr{border:0;border-top:1px solid var(--hs-line);margin:32px 0;}

/* ---------- gd-* beledchi komponentleri: yeni palitra ---------- */
.hsa .gd-page{font-family:inherit;color:var(--hs-ink2);}
.hsa .gd-intro{background:var(--hs-mint);border:1px solid var(--hs-line);border-radius:16px;padding:24px 26px;margin:0 0 32px;}
.hsa .gd-intro h3{color:var(--hs-ink);font-size:19px;font-weight:600;}
.hsa .gd-intro p{color:var(--hs-ink2);font-size:16px;}
.hsa .gd-toc{background:var(--hs-soft);border:1px solid var(--hs-line);border-radius:16px;padding:22px 26px;margin:0 0 36px;}
.hsa .gd-toc h4{color:var(--hs-muted);font-size:12px;letter-spacing:.12em;}
.hsa .gd-toc ol li a{color:var(--hs-ink);border-bottom-color:transparent;}
.hsa .gd-toc ol li a:hover{color:var(--hs-link);border-bottom-color:var(--hs-link);}
.hsa .gd-step{background:#fff;border:1px solid var(--hs-line);border-radius:16px;padding:28px 30px;margin:0 0 24px;}
.hsa .gd-step-head{border-bottom:1px solid var(--hs-line);gap:16px;}
.hsa .gd-step-num{width:44px;height:44px;border-radius:12px;background:var(--hs-dark);color:var(--hs-lime);font-size:19px;font-weight:700;box-shadow:none;}
.hsa .gd-step h2{font-size:24px;font-weight:600;color:var(--hs-ink);letter-spacing:-.015em;margin:0;}
.hsa .gd-step h3{font-size:17.5px;font-weight:600;color:var(--hs-ink);}
.hsa .gd-step p,.hsa .gd-step li{color:var(--hs-ink2);font-size:16px;line-height:1.7;}
.hsa .gd-step strong{color:var(--hs-ink);}
.hsa .gd-step code{background:var(--hs-soft);color:var(--hs-link);border:1px solid var(--hs-line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
.hsa .gd-tip{background:#fffbea;border-left:3px solid #e6b800;border-radius:0 12px 12px 0;}
.hsa .gd-tip p,.hsa .gd-tip strong{color:#5a4600;}
.hsa .gd-warn{background:#fff3f2;border-left:3px solid #d1433b;border-radius:0 12px 12px 0;}
.hsa .gd-warn p,.hsa .gd-warn strong{color:#7a1f1a;}
.hsa .gd-cta{background:var(--hs-dark);border-radius:16px;padding:30px 32px;}
.hsa .gd-cta h3{color:#fff;font-weight:500;font-size:24px;}
.hsa .gd-cta p{color:rgba(255,255,255,.75);}
.hsa .gd-cta a{background:var(--hs-lime);color:var(--hs-dark);border-radius:8px;font-weight:600;}
.hsa .gd-cta a:hover{transform:none;background:#d4ff6a;}
.hsa .gd-next{background:var(--hs-dark);border-radius:16px;}
.hsa .gd-next h3{color:var(--hs-mintb);}
.hsa .gd-next h2{color:#fff;font-weight:500;}
.hsa .gd-next p{color:rgba(255,255,255,.75);}
.hsa .gd-next a{background:var(--hs-lime);color:var(--hs-dark);border-radius:8px;font-weight:600;}
.hsa .gd-next a:hover{background:#d4ff6a;}
.hsa .gd-faq-mini h2,.hsa .gd-faq h2{font-size:24px;font-weight:600;color:var(--hs-ink);}
.hsa .gd-faq-mini details{background:var(--hs-soft);border:1px solid var(--hs-line);border-radius:12px;}
.hsa .gd-faq-mini details[open]{border-color:var(--hs-accent);background:#fff;}
.hsa .gd-faq-mini summary{color:var(--hs-ink);font-weight:600;}
.hsa .gd-faq-mini summary::after{color:var(--hs-link);}
.hsa .gd-faq-mini-body{color:var(--hs-ink2);}

/* ---------- sidebar kartlari ---------- */
.hsa-card{background:#fff;border:1px solid var(--hs-line);border-radius:16px;padding:22px 22px 20px;}
.hsa-card h3{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hs-muted);margin:0 0 12px;}
.hsa-card p{font-size:14.5px;line-height:1.5;color:var(--hs-ink2);margin:0 0 16px;}
.hsa-card.is-cta{background:var(--hs-mint);}
.hsa-card.is-cta strong{display:block;font-size:19px;font-weight:500;color:var(--hs-ink);margin:0 0 6px;letter-spacing:-.01em;}
.hsa-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:6px 6px 6px 16px;border-radius:8px;background:var(--hs-dark);color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 0 0 1px var(--hs-dark);transition:transform .25s cubic-bezier(.22,1,.36,1);}
.hsa-btn:hover{transform:scale(1.02);color:#fff;}
.hsa-btn i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:var(--hs-lime);color:var(--hs-ink);flex:0 0 36px;}
.hsa-btn i svg{width:16px;height:13px;}
.hsa-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.hsa-list li{border-top:1px solid var(--hs-line);}
.hsa-list li:first-child{border-top:0;}
.hsa-list a{display:flex;align-items:flex-start;gap:10px;padding:11px 0;font-size:14.5px;line-height:1.4;color:var(--hs-ink);text-decoration:none;}
.hsa-list a:hover{color:var(--hs-link);}
.hsa-list a svg{width:14px;height:14px;flex:none;margin-top:4px;color:var(--hs-link);}
.hsa-help{display:flex;align-items:center;gap:12px;}
.hsa-help i{width:40px;height:40px;border-radius:50%;background:var(--hs-dark);color:var(--hs-mintb);display:inline-flex;align-items:center;justify-content:center;flex:none;}
.hsa-help i svg{width:18px;height:18px;}
.hsa-help b{display:block;font-size:14.5px;font-weight:600;color:var(--hs-ink);}
.hsa-help small{display:block;font-size:12.5px;color:var(--hs-muted);}
.hsa-help a{color:var(--hs-link);font-weight:600;text-decoration:none;}

@media(max-width:767px){
  .hsa-hero{padding:40px 0 36px;}
  .hsa-c{padding:0 20px;}
  .hsa-title{font-size:30px;}
  .hsa-body{padding:36px 0 64px;}
  .hsa-content{font-size:16px;}
  .hsa .gd-step{padding:22px 18px;}
  .hsa .gd-intro,.hsa .gd-toc{padding:18px 18px;}
  .hsa .gd-cta,.hsa .gd-next{padding:22px 20px;}
}

/* ---------- hero: hosting.com WordPress sehifesi qelibi (2 sutun + addim paneli) ---------- */
.hsa-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;}
.hsa-lead{font-size:17.5px;line-height:1.55;color:var(--hs-ink2);max-width:640px;margin:18px 0 0;}
.hsa-bul{list-style:none;margin:22px 0 0;padding:0;}
.hsa-bul li{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.5;color:var(--hs-ink);margin:8px 0;}
.hsa-bul li svg{width:20px;height:20px;flex:0 0 20px;color:var(--hs-ink2);}
.hsa-ctas{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 0;}
.hsa-btn2{display:inline-flex;align-items:center;gap:12px;height:48px;padding:6px 6px 6px 14px;border-radius:8px;background:#fff;color:var(--hs-ink);font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 0 0 1px #fff;transition:transform .25s cubic-bezier(.22,1,.36,1);}
.hsa-btn2:hover{transform:scale(1.03);color:var(--hs-ink);}
.hsa-btn2 i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:var(--hs-lime);color:var(--hs-ink);flex:0 0 36px;}
.hsa-btn2 i svg{width:16px;height:13px;}
.hsa-btn2.is-dark{background:var(--hs-dark);color:#fff;box-shadow:0 0 0 1px var(--hs-dark);}
.hsa-btn2.is-dark:hover{color:#fff;}
.hsa-mock{position:relative;width:100%;max-width:480px;margin-left:auto;}
.hsa-mock-card{background:#0f3121;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 18px 20px;color:#fff;}
.hsa-mock-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.hsa-mock-h b{display:block;font-size:13px;font-weight:600;}
.hsa-mock-h small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9fb3a9;margin-bottom:4px;}
.hsa-mock-h span{font-size:9px;padding:4px 8px;border-radius:6px;background:var(--hs-mintb);color:#082615;font-weight:700;white-space:nowrap;}
.hsa-mock-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;line-height:1.35;}
.hsa-mock-row i{width:22px;height:22px;border-radius:50%;background:var(--hs-mintb);color:#082615;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:10px;font-weight:700;font-style:normal;}
.hsa-mock-row.is-todo i{background:rgba(255,255,255,.1);color:#c9d8d0;}
.hsa-mock-row small{margin-left:auto;font-size:10px;color:#9fb3a9;white-space:nowrap;}
.hsa-mock-bar{margin-top:12px;height:5px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden;}
.hsa-mock-bar i{display:block;height:100%;width:38%;background:var(--hs-mintb);border-radius:5px;}
.hsa-mock-foot{display:flex;justify-content:space-between;font-size:10px;color:#9fb3a9;margin-top:6px;}
.hsa-fl{position:absolute;background:#fff;border-radius:10px;box-shadow:0 18px 40px rgba(8,38,21,.16);padding:10px 12px;color:#082615;display:flex;align-items:center;gap:10px;}
.hsa-fl i{width:26px;height:26px;border-radius:7px;background:#082615;color:var(--hs-lime);display:inline-flex;align-items:center;justify-content:center;flex:none;}
.hsa-fl i svg{width:13px;height:13px;}
.hsa-fl b{display:block;font-size:10px;font-weight:700;}
.hsa-fl small{display:block;font-size:8.5px;color:#6d7779;}
.hsa-fl1{left:-14px;bottom:-26px;}
.hsa-fl2{right:-14px;top:-24px;}
@media(max-width:1023px){
  .hsa-hero-grid{grid-template-columns:1fr;gap:36px;}
  .hsa-mock{margin:0 auto;}
}
@media(max-width:767px){
  .hsa-mock{max-width:100%;}
  .hsa-fl1{left:8px;bottom:-22px;}
  .hsa-fl2{right:8px;top:-20px;}
}
/* v2: senet/meqale novleri */
.hsa-mock-foot.is-plain{border-top:1px solid rgba(255,255,255,.08);padding-top:10px;margin-top:4px;}
.hsa-card.is-cta p.hsa-contact{font-size:15px;font-weight:600;color:var(--hs-ink);}
@media(max-width:767px){
  .hsa-ctas{flex-direction:column;}
  .hsa-ctas .hsa-btn2{width:100%;justify-content:space-between;}
}
/* header arxasi: hosting/VPS/SSL sehifelerindeki body:has(.hs) reseptinin eynisi (h26-servers.css:8-9) */
body:has(.hsa){overflow-x:hidden;background:#f1fbf0 !important;}
body:has(.hsa) header.coretema-header{margin-bottom:14px !important;}