@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
/* Clinall – klinik.clinall.com landing sayfası (Klinikler için)
   HTML / JS değişmez. assets/style.css dosyasından SONRA yükleyin. */

:root{
  --c-primary:#0093D7; --c-primary-600:#0079B3; --c-primary-50:#E8F5FC;
  --c-navy:#0B2545; --c-ink:#1B2433; --c-muted:#667085; --c-line:#E6EAF0; --c-bg:#F6F8FB;
  --radius-lg:20px; --radius-md:14px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
  --shadow-md:0 8px 24px -6px rgba(16,24,40,.12);
  --shadow-lg:0 24px 48px -12px rgba(11,37,69,.28);
  --grad:linear-gradient(135deg,#00A8E8 0%,#0079B3 100%);
  --font:'Plus Jakarta Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ---------- Genel ---------- */
body{font-family:var(--font)!important;color:var(--c-ink);background:#fff;-webkit-font-smoothing:antialiased}
body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body span,body button,body td,body th,body li{font-family:var(--font)!important}
.global-p,.s3-p,.s5-p,.alanlarimiz-aciklama p,.s2 p{color:var(--c-muted)!important;font-size:16px!important;line-height:1.7!important}
.global-h2,.s5-h2{color:var(--c-navy)!important;font-weight:800!important;letter-spacing:-.02em;font-size:clamp(28px,3.2vw,42px)!important;line-height:1.15!important}
.global-subtitle,.s2-sub-title{display:inline-block!important;background:var(--c-primary-50);color:var(--c-primary-600)!important;
  font-size:12px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:14px!important}
.global-subtitle,.s2-sub-title{width:fit-content!important;max-width:100%}
.global-subtitle.text-center{display:table!important;margin-left:auto;margin-right:auto}
.s-padding{padding:110px 0!important}

/* ---------- Butonlar ---------- */
.sign-button{border-radius:12px!important;font-weight:700!important;font-size:14px!important;padding:16px 20px!important;transition:transform .2s,box-shadow .2s,background .2s!important;line-height:1.2}
.sign-button.sign-up{background:var(--grad)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px -8px rgba(0,147,215,.65)}
.sign-button.sign-up:hover{transform:translateY(-1px);box-shadow:0 12px 24px -8px rgba(0,147,215,.75)}
.sign-button.sign-in{background:#fff!important;color:var(--c-navy)!important;border:1px solid var(--c-line)!important;box-shadow:var(--shadow-sm)}
.sign-button.sign-in:hover{border-color:var(--c-primary)!important;color:var(--c-primary)!important}

/* ---------- Header ---------- */
header{height:76px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  box-shadow:none!important;border-bottom:1px solid rgba(230,234,240,.8)}
header>.container,header>.container>div{height:100%}
header .header-logo img{height:38px!important;width:auto!important}

/* ---------- Hero (s1) ---------- */
.s1{height:auto!important;min-height:100vh;padding:140px 0 70px!important;
  background:radial-gradient(900px 500px at 85% 20%,rgba(0,168,232,.16),transparent 60%),radial-gradient(700px 400px at 0% 90%,rgba(0,121,179,.10),transparent 60%),linear-gradient(180deg,#F6F8FB 0%,#fff 100%)!important}
.s1-bg{opacity:.22!important}
.s1 h1{color:var(--c-navy)!important;font-size:clamp(34px,4.4vw,58px)!important;font-weight:800!important;letter-spacing:-.03em;line-height:1.08!important;margin-bottom:18px!important}
.s1 .s1-content p{color:var(--c-muted)!important;font-size:18px!important;line-height:1.65!important;max-width:520px;margin-bottom:28px!important}
.s1 .s1-content .d-flex.gap-2{gap:12px!important}
.s1 .s1-content .sign-button{padding:15px 26px!important;font-size:15px!important}
.s1 .col-lg-6.h-100 img{filter:drop-shadow(0 40px 50px rgba(11,37,69,.22));max-height:500px;object-fit:contain}
.s1-infos{margin-top:40px!important}
.s1-each{background:rgba(255,255,255,.88)!important;border:1px solid var(--c-line)!important;border-radius:var(--radius-lg)!important;padding:26px!important;
  box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;height:100%}
.s1-each:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.s1-each img{width:52px!important;height:52px!important;padding:12px;background:var(--c-primary-50);border-radius:14px;object-fit:contain;margin-bottom:16px}
.s1-each h2{color:var(--c-navy)!important;font-size:18px!important;font-weight:700!important;margin-bottom:8px!important}
.s1-each p{color:var(--c-muted)!important;font-size:14px!important;line-height:1.6!important;margin:0}

/* ---------- Neden ClinAll (s2) ---------- */
.s2{background:#fff!important;padding:120px 0!important}
.s2 h3{color:var(--c-navy)!important;font-weight:800!important;letter-spacing:-.02em}
.s2 h3 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* ---------- Çözümlerimiz (s3) ---------- */
.s3{background:var(--c-bg)!important}
.c-avantajlarimiz-container{background:transparent!important}
.c-avantajlarimiz-wrap{background:#fff!important;border:1px solid var(--c-line);border-radius:var(--radius-lg)!important;padding:32px 26px!important;
  box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
.c-avantajlarimiz-wrap:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(0,147,215,.35)}
.c-avantajlarimiz-wrap-image img{max-height:140px;object-fit:contain}
.c-avantajlarimiz-wrap-title span{color:var(--c-navy)!important;font-weight:700!important;font-size:18px!important}
.c-avantajlarimiz-wrap-text p{color:var(--c-muted)!important;font-size:14px!important;line-height:1.6!important}
.s3-button{background:var(--c-primary-50)!important;color:var(--c-primary-600)!important;border:0!important;border-radius:999px!important;
  font-weight:700!important;font-size:13px!important;padding:10px 18px!important;transition:background .2s,color .2s}
.s3-button:hover{background:var(--c-primary)!important;color:#fff!important}
.advantage-item{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}

/* ---------- Paketlerimiz ---------- */
.paketlerimiz{background:#fff!important}
.table-paketler{border-collapse:separate!important;border-spacing:0;--bs-table-striped-bg:var(--c-bg)}
.table-paketler>:not(caption)>*>*{border-color:var(--c-line)!important;box-shadow:none}
.table-paketler tbody td{font-size:14px!important;color:var(--c-ink)!important;padding:13px 18px!important;line-height:1.4!important;height:auto!important}
.table-paketler tbody td:first-child{color:var(--c-navy)!important;font-weight:600!important}
.table-paketler thead th{border:0!important;background:transparent!important;vertical-align:bottom}
.paket-free-inner{background:#fff!important;border:1px solid var(--c-line)!important;border-bottom:0!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding:28px 24px!important}
.paket-free-inner h5,.paket-pro-inner h5{font-weight:700!important;font-size:15px!important;letter-spacing:.02em}
.paket-free-inner h5{color:var(--c-muted)!important}
.paket-free-inner strong{color:var(--c-navy)!important;font-weight:800!important;letter-spacing:-.02em}
.paket-pro-inner{background:linear-gradient(160deg,#0B2545 0%,#0079B3 70%,#00A8E8 100%)!important;border-radius:24px 24px 0 0!important;box-shadow:var(--shadow-lg)}
.paket-pro-inner strong{font-weight:800!important;letter-spacing:-.02em}
.paket-free-inner a,.paket-pro-inner a{border-radius:12px!important;font-weight:700!important;padding:11px 0!important;transition:all .2s}
.paket-free-inner a{border:1px solid var(--c-line)!important;color:var(--c-navy)!important;background:#fff!important}
.paket-free-inner a:hover{border-color:var(--c-primary)!important;color:var(--c-primary)!important}
.paket-pro-inner a{background:#fff!important;color:var(--c-primary-600)!important;border:0!important}

/* ---------- Alanlarımız (s4) ---------- */
.s4{background:var(--c-bg)!important}
.alanlarimiz-right-list li{border-radius:var(--radius-md)!important;transition:background .2s,box-shadow .2s;backdrop-filter:blur(8px)}
.alanlarimiz-right-list li.active-list{background:var(--grad)!important;box-shadow:0 12px 24px -10px rgba(0,147,215,.7)}
.alanlarimiz-right-list li span{font-weight:700!important;letter-spacing:.02em}
.alanlarimiz-right-image,.alanlarimiz-right-image img{border-radius:28px!important}
.alanlarimiz-right-image{box-shadow:var(--shadow-lg);overflow:hidden}

/* ---------- SSS (s5) ---------- */
.s5{background:#fff!important}
#sss-accordion .accordion-item{border:1px solid var(--c-line)!important;border-radius:var(--radius-md)!important;margin-bottom:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
#sss-accordion .accordion-button{font-weight:600!important;color:var(--c-navy)!important;font-size:15px!important;padding:20px 22px 20px 50px!important;background:#fff!important;box-shadow:none!important}
#sss-accordion .accordion-button::before{left:22px!important}
#sss-accordion .accordion-button:not(.collapsed){color:var(--c-primary)!important;background:var(--c-primary-50)!important}
#sss-accordion .accordion-collapse{background:#fff!important}
#sss-accordion .accordion-body{background:#fff!important;color:var(--c-muted);font-size:15px;line-height:1.7;padding:6px 22px 22px}

/* ---------- Footer ---------- */
.footer-top{background:#fff!important}
.footer-sign-up{background:radial-gradient(600px 300px at 90% 0%,rgba(0,168,232,.55),transparent 60%),linear-gradient(135deg,#0B2545 0%,#0079B3 100%)!important;
  border-radius:28px!important;box-shadow:var(--shadow-lg);overflow:hidden}
.footer-sign-up h2{font-weight:800!important;letter-spacing:-.02em;color:#fff!important}
.footer-sign-up p{color:rgba(255,255,255,.82)!important}
.footer-sign-up a{background:#fff!important;color:var(--c-navy)!important;border-radius:12px!important;font-weight:700!important;padding:14px 26px!important;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.footer-infos{border-top:1px solid var(--c-line)}
.footer-bottom{background:var(--c-navy)!important;color:rgba(255,255,255,.7)!important}
.footer-bottom span{color:rgba(255,255,255,.7)!important;font-size:13px}

/* ---------- Mobil ---------- */
@media (max-width:991.98px){
  .s1{padding:110px 0 50px!important;text-align:left}
  .s-padding,.s2{padding:70px 0!important}
  header{height:66px!important}
  header .header-logo img{height:28px!important}
}
@media (max-width:575.98px){
  .s1 .s1-content .d-flex.gap-2{flex-wrap:wrap}
  .s1 .s1-content .sign-button{flex:1 1 100%;text-align:center}
  .sign-button{padding:10px 14px!important;font-size:13px!important}
  .footer-sign-up{border-radius:20px!important}
}