/* =====================================================================
   modern.css — Dr. İbrahim Mustafa Çimen | Premium override katmanı
   Tek birleşik palet: derin lacivert + rafine teal. Mevcut markup'a
   dokunmaz; sadece görünümü profesyonelleştirir.
   Kaldırmak: head.php'deki <link ... modern.css> satırını sil.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root{
  --m-navy:#0a2a43;        /* derin lacivert — başlık/koyu */
  --m-navy2:#0d3a5c;
  --m-primary:#0e9aa7;     /* rafine teal — vurgu */
  --m-primary-deep:#0b7c87;
  --m-accent:#14b8c4;
  --m-text:#33424d;
  --m-muted:#697d8a;
  --m-line:#e6eef3;
  --m-bg:#ffffff;
  --m-bg-soft:#f5f9fb;
  --m-radius:14px;
  --m-radius-sm:10px;
  --m-shadow:0 2px 10px rgba(10,42,67,.05), 0 1px 3px rgba(10,42,67,.04);
  --m-shadow-md:0 14px 36px rgba(10,42,67,.10);
  --m-shadow-lg:0 24px 56px rgba(10,42,67,.14);
  --m-grad:linear-gradient(135deg,#0a2a43 0%,#0e9aa7 100%);
  --m-grad-teal:linear-gradient(135deg,#0e9aa7 0%,#14b8c4 100%);
}

/* ---------- Yatay kaymayı engelle (mobil sağ-sol kayma fix) ---------- */
/* overflow-x:clip → position:sticky header'ı bozmaz (hidden'dan farklı). Eski tarayıcılar için hidden fallback html'de. */
html{overflow-x:hidden;}
body{overflow-x:clip;max-width:100%;}

/* ---------- Tipografi ---------- */
body{
  font-family:'Inter',-apple-system,Segoe UI,Roboto,sans-serif !important;
  color:var(--m-text); background:var(--m-bg);
  -webkit-font-smoothing:antialiased; letter-spacing:.1px; line-height:1.65;
}
h1,h2,h3,h4,h5,.home-tit h2,.ban-tit h1{font-family:'Plus Jakarta Sans','Inter',sans-serif !important;letter-spacing:-.4px;}
img{max-width:100%;}
a{transition:color .2s;}

/* ---------- HERO (slider) ---------- */
.hom-head{
  position:relative; background-size:cover !important; background-position:center !important;
  min-height:560px; display:flex; align-items:center; overflow:hidden;
}
.hom-head::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(115deg,rgba(10,42,67,.90) 0%,rgba(11,124,135,.62) 55%,rgba(20,184,196,.30) 100%) !important;
}
.hom-head .container{position:relative;z-index:2;}
.ban-tit{padding:48px 0; max-width:720px;}
.ban-tit h1{
  font-size:50px !important; line-height:1.1 !important; color:#fff !important;
  font-weight:800 !important; letter-spacing:-1.4px; text-shadow:0 4px 26px rgba(0,0,0,.32);
}
.ban-tit h1 b{font-size:1.04em; display:inline-block; margin-bottom:8px;}
@media(max-width:991px){ .hom-head{min-height:440px;} .ban-tit h1{font-size:34px !important;} }
@media(max-width:600px){ .hom-head{min-height:380px;} .ban-tit h1{font-size:26px !important;} }

/* Hero altı ikon kartlar (varsa) */
.ban-ql{margin-top:-66px;position:relative;z-index:5;}
.ban-ql ul{display:flex;flex-wrap:wrap;gap:22px;padding:0;list-style:none;justify-content:center;}
.ban-ql ul li{flex:1 1 240px;max-width:280px;list-style:none;}
.ban-ql ul li>div{background:#fff;border-radius:var(--m-radius);box-shadow:var(--m-shadow-md);padding:28px 22px;text-align:center;height:100%;transition:.3s;border:1px solid var(--m-line);}
.ban-ql ul li>div:hover{transform:translateY(-8px);box-shadow:var(--m-shadow-lg);}
.ban-ql ul li h2{font-size:16px !important;font-weight:700 !important;color:var(--m-navy) !important;margin:8px 0;}
.ban-ql ul li p{font-size:13px;color:var(--m-muted);line-height:1.6;}
.ban-ql ul li a{display:inline-block;margin-top:12px;color:var(--m-primary) !important;font-weight:600;text-decoration:none;font-size:13px;border:1.5px solid var(--m-primary);border-radius:24px;padding:7px 18px;transition:.25s;}
.ban-ql ul li a:hover{background:var(--m-grad-teal);color:#fff !important;border-color:transparent;}

/* ---------- Bölüm başlıkları ---------- */
.str{padding:80px 0;}
.home-tit{margin-bottom:44px;text-align:center;max-width:780px;margin-left:auto;margin-right:auto;}
.home-tit h2{
  font-size:36px !important;font-weight:800 !important;color:var(--m-navy) !important;
  display:inline-block;position:relative;padding-bottom:16px;line-height:1.2;
}
.home-tit h2 span{color:var(--m-primary) !important;}
.home-tit h2:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:4px;border-radius:4px;background:var(--m-grad-teal);}
.home-tit p{max-width:760px;margin:16px auto 0;color:var(--m-muted);font-size:15.5px;line-height:1.8;}

/* ---------- Hizmet / Uzmanlık kartları ---------- */
.land-pack ul{display:grid !important;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin:0;}
.land-pack ul li{flex:none !important;max-width:none !important;width:auto !important;float:none !important;margin:0 !important;list-style:none;}
.land-pack-grid{background:#fff;border-radius:var(--m-radius) !important;overflow:hidden;box-shadow:var(--m-shadow) !important;transition:.3s;border:1px solid var(--m-line);margin:0 !important;height:100%;display:flex;flex-direction:column;}
.land-pack-grid:hover{transform:translateY(-6px);box-shadow:var(--m-shadow-md) !important;border-color:var(--m-accent);}
.land-pack-grid-img{aspect-ratio:4/3;overflow:hidden;background:var(--m-bg-soft);}
.land-pack-grid-img img{width:100% !important;height:100% !important;object-fit:cover;transition:transform .5s ease;display:block;}
.land-pack-grid:hover .land-pack-grid-img img{transform:scale(1.07);}
.land-pack-grid-text{padding:16px 16px 4px;flex:1;}
.land-pack-grid-text h2{font-size:15.5px !important;font-weight:700 !important;color:var(--m-navy) !important;text-align:center;line-height:1.35;}
/* .land-pack-grid-btn = orijinalde tüm kartı kaplayan ŞEFFAF tıklama katmanı; görünmez kalmalı */
.land-pack-grid-btn{position:absolute !important;inset:0 !important;background:transparent !important;color:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important;font-size:0 !important;}
.land-pack-grid{position:relative;}
a.more,.more{display:inline-flex;align-items:center;justify-content:center;margin:40px auto 0;background:var(--m-navy);color:#fff !important;border:none;padding:14px 38px;border-radius:100px;font-weight:700;text-decoration:none;transition:.25s;width:max-content;box-shadow:var(--m-shadow);}
a.more:hover,.more:hover{background:var(--m-primary);box-shadow:0 12px 28px rgba(14,154,167,.35);transform:translateY(-1px);}
@media(max-width:992px){ .land-pack ul{grid-template-columns:repeat(3,1fr);} }
@media(max-width:680px){ .land-pack ul{grid-template-columns:repeat(2,1fr);gap:14px;} .home-tit h2{font-size:25px !important;} .str{padding:54px 0;} }

/* ---------- Blog / içerik grid (.home-city) ---------- */
.home-city ul{display:grid !important;grid-template-columns:repeat(3,1fr);gap:26px;list-style:none;padding:0;margin:0;}
.home-city ul li{list-style:none;width:auto !important;float:none !important;background:#fff;border:1px solid var(--m-line);border-radius:var(--m-radius);overflow:hidden;box-shadow:var(--m-shadow);transition:.3s;}
.home-city ul li:hover{transform:translateY(-5px);box-shadow:var(--m-shadow-md);}
.home-city img{width:100% !important;height:210px !important;object-fit:cover;display:block;}
@media(max-width:900px){ .home-city ul{grid-template-columns:1fr 1fr;} }
@media(max-width:600px){ .home-city ul{grid-template-columns:1fr;} }

/* ---------- Boy uzatma bölümü ---------- */
.boy-uzatma-section{background:var(--m-bg-soft) !important;}
.boy-uzatma-btn{background:var(--m-grad-teal) !important;box-shadow:0 6px 18px rgba(14,154,167,.3);}
.boy-uzatma-btn:hover{background:var(--m-primary-deep) !important;}
.boy-uzatma-kart{box-shadow:var(--m-shadow);border-color:var(--m-line) !important;border-radius:var(--m-radius);transition:.3s;}
.boy-uzatma-kart:hover{transform:translateY(-5px);box-shadow:var(--m-shadow-md);}
.boy-uzatma-kart h3{color:var(--m-primary-deep) !important;}
.boy-uzatma-etiket{border-color:rgba(14,154,167,.25) !important;color:var(--m-primary-deep) !important;border-radius:100px;}
.boy-uzatma-etiket:hover{background:var(--m-grad-teal) !important;color:#fff !important;border-color:transparent !important;}
.boy-uzatma-liste li:before{color:var(--m-primary) !important;}

/* =====================================================================
   İÇ SAYFALAR (detay, blog, iletişim, hakkımızda, galeri)
   ===================================================================== */
/* İç sayfa başlık banner'ı (.all-list-bre) — tüm listeleme/kategori sayfaları */
.all-list-bre{background:linear-gradient(120deg,#0a2a43 0%,#0b3a52 55%,#0e9aa7 135%) !important;padding:56px 0 !important;position:relative;overflow:hidden;border:none !important;}
.all-list-bre:before,.all-list-bre:after{display:none !important;}
.sec-all-list-bre{position:relative;z-index:2;}
.all-list-bre h1{color:#fff !important;font-family:'Plus Jakarta Sans',sans-serif !important;font-size:38px !important;font-weight:800 !important;letter-spacing:-1px !important;margin:0 0 10px !important;}
.all-list-bre ul{list-style:none !important;display:flex;flex-wrap:wrap;gap:0;padding:0 !important;margin:0 !important;align-items:center;}
.all-list-bre ul li{list-style:none !important;color:rgba(255,255,255,.88) !important;font-size:13.5px;display:flex;align-items:center;float:none !important;}
.all-list-bre ul li:not(:first-child):before{content:"›";margin:0 9px;color:rgba(255,255,255,.5);}
.all-list-bre ul li a{color:rgba(255,255,255,.88) !important;}
.all-list-bre ul li a:hover{color:#fff !important;}
/* Blog banner */
.ban-search{background:linear-gradient(120deg,#0a2a43,#0e9aa7) !important;padding:54px 0 !important;}
.ban-search h1,.ban-search h2,.ban-search p{color:#fff !important;}
.ban-search h1,.ban-search h2{font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:800 !important;}

.job-prof-pg,.exp-prof-pg{padding:48px 0;background:var(--m-bg-soft);}

/* Detay hero görsel + başlık */
/* Detay başlık: sorunlu görsel bloğunu gizle, başlığı temiz gradient banner yap (yüksek özgüllük) */
.exp-prof-pg .jpro-ban-bg-img, .job-prof-pg .jpro-ban-bg-img{display:none !important;}
.exp-prof-pg .jpro-ban-tit, .job-prof-pg .jpro-ban-tit{background:linear-gradient(120deg,#0a2a43 0%,#0b3a52 55%,#0e9aa7 135%) !important;padding:42px 36px !important;border-radius:var(--m-radius) !important;margin:0 0 4px !important;position:relative !important;}
.exp-prof-pg .jpro-ban-tit h1, .job-prof-pg .jpro-ban-tit h1{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:34px !important;font-weight:800 !important;line-height:1.15 !important;letter-spacing:-.8px !important;color:#fff !important;margin:0 0 10px !important;text-shadow:none !important;}
.exp-prof-pg .jpro-ban-tit p, .job-prof-pg .jpro-ban-tit p{color:rgba(255,255,255,.9) !important;max-width:660px !important;font-size:14.5px !important;margin:0 !important;}
/* Detay sayfası breadcrumb (koyu banner içinde, beyaz → görünür) */
.jpro-ban-tit .ic-bread{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:14px;font-size:13.5px;position:relative;z-index:2;}
.jpro-ban-tit .ic-bread a{color:rgba(255,255,255,.85) !important;text-decoration:none !important;}
.jpro-ban-tit .ic-bread a:hover{color:#fff !important;}
.jpro-ban-tit .ic-bread span{margin:0 8px;opacity:.55;color:#fff !important;}
.jpro-ban-tit .ic-bread b{color:#fff !important;font-weight:600;}

/* Whatsapp / iletişim barı */
.jpro-bd-chat{background:var(--m-grad-teal) !important;border-radius:var(--m-radius);padding:16px 22px !important;box-shadow:0 8px 22px rgba(14,154,167,.28);margin-bottom:18px;}
.jpro-bd-chat h4{color:#fff !important;margin:0;font-weight:700;}
.jpro-bd-chat span{background:rgba(255,255,255,.18);border-radius:100px;padding:6px 16px;}

/* İçerik gövdesi */
.jpro-bd{background:#fff;border-radius:var(--m-radius);box-shadow:var(--m-shadow);padding:6px;margin-top:18px;border:1px solid var(--m-line);}
.jpro-bd-com{padding:24px 28px;}
.jpro-bd-com h2{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:23px !important;font-weight:800 !important;color:var(--m-navy) !important;margin:28px 0 12px !important;padding-left:14px;border-left:4px solid var(--m-primary);}
.jpro-bd-com h3{font-size:18px !important;font-weight:700 !important;color:var(--m-primary-deep) !important;margin:20px 0 10px !important;}
.jpro-bd-com p{font-size:15.5px !important;line-height:1.85 !important;color:var(--m-text) !important;margin-bottom:14px;}
.jpro-bd-com ul{padding-left:0;list-style:none;margin:0 0 16px;}
.jpro-bd-com ul li{position:relative;padding:6px 0 6px 28px;font-size:15.5px;line-height:1.75;color:var(--m-text);}
.jpro-bd-com ul li:before{content:"";position:absolute;left:2px;top:13px;width:9px;height:9px;border-radius:50%;background:var(--m-grad-teal);}
.jpro-bd-com strong{color:var(--m-navy);}

/* TOC / içindekiler */
#contents{background:var(--m-bg-soft);border-radius:12px;padding:14px 18px 16px;margin-bottom:22px;border:1px solid var(--m-line);}
#contents ul{list-style:none;padding-left:0;margin:0;}
#contents li{padding:4px 0;}
#contents a{font-size:14px !important;color:var(--m-primary-deep) !important;text-decoration:none;}
#contents a:hover{color:var(--m-primary) !important;padding-left:4px;}
#contents ul ul{padding-left:18px;border-left:2px solid rgba(14,154,167,.2);margin:4px 0 4px 6px;}

/* Sağ sidebar / formlar */
.list-rhs-form{background:#fff !important;border-radius:var(--m-radius) !important;box-shadow:var(--m-shadow) !important;padding:24px !important;margin-bottom:22px;border:1px solid var(--m-line);}
.list-rhs-form h3,.list-rhs-form h4{color:var(--m-navy) !important;font-weight:800 !important;}
.form-control,input[type=text],input[type=email],input[type=tel],textarea,select{border-radius:10px !important;border:1.5px solid var(--m-line) !important;transition:.2s;}
.form-control:focus,input:focus,textarea:focus{border-color:var(--m-primary) !important;box-shadow:0 0 0 4px rgba(14,154,167,.12) !important;outline:none !important;}
.btn,.btn-primary,.list-rhs-form button,input[type=submit]{background:var(--m-grad-teal) !important;border:none !important;border-radius:100px !important;font-weight:700 !important;color:#fff !important;box-shadow:0 6px 16px rgba(14,154,167,.28);transition:.25s;}
.btn:hover,.btn-primary:hover,input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(14,154,167,.4);filter:brightness(1.03);}

/* İlgili içerikler */
.job-rel-pro{background:#fff;border-radius:var(--m-radius);box-shadow:var(--m-shadow);padding:8px 6px;margin-bottom:14px;border:1px solid var(--m-line);transition:.25s;}
.job-rel-pro:hover{transform:translateY(-4px);box-shadow:var(--m-shadow-md);}
.hot-page2-hom-pre-1 img{border-radius:10px;}
.hot-page2-hom-pre-2 a,.hot-page2-hom-pre-2 h4{color:var(--m-navy) !important;font-weight:700 !important;}

/* İletişim sayfası */
.fed-box,.fedback{border-radius:var(--m-radius);}
.lhs,.rhs{border-radius:var(--m-radius);}

/* Uzmanlık/listeleme kartları (.products-wrapper / .all-pro-box) — anasayfa kalitesi */
.products-wrapper{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;list-style:none !important;padding:0 !important;margin:0 !important;}
.products-wrapper .products-item{list-style:none !important;float:none !important;width:auto !important;margin:0 !important;}
.all-pro-box{position:relative;background:#fff !important;border:1px solid var(--m-line) !important;border-radius:14px !important;overflow:hidden;box-shadow:var(--m-shadow) !important;transition:.3s;height:100%;display:flex;flex-direction:column;}
.all-pro-box:hover{transform:translateY(-6px);box-shadow:var(--m-shadow-md) !important;border-color:var(--m-accent) !important;}
.all-pro-img{aspect-ratio:16/10 !important;height:auto !important;overflow:hidden;background:var(--m-bg-soft);}
.all-pro-img img{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .5s ease;display:block;}
.all-pro-box:hover .all-pro-img img{transform:scale(1.07);}
.all-pro-txt{padding:16px 18px 18px !important;flex:1;display:flex;flex-direction:column;position:relative;z-index:2;}
.all-pro-txt h4{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:16px !important;font-weight:700 !important;color:var(--m-navy) !important;margin:0 0 14px !important;line-height:1.3;}
.custom-button{background:var(--m-grad-teal) !important;color:#fff !important;border:none !important;border-radius:100px !important;padding:10px 22px !important;font-size:13.5px !important;font-weight:700 !important;box-shadow:0 6px 16px rgba(14,154,167,.25) !important;cursor:pointer;transition:.25s;}
.custom-button:hover{filter:brightness(1.06);transform:translateY(-1px);background:var(--m-grad-teal) !important;color:#fff !important;}
.pro-view-full{position:absolute !important;inset:0 !important;z-index:1;}
@media(max-width:992px){.products-wrapper{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:600px){.products-wrapper{grid-template-columns:1fr !important;}}

/* Galeri video grid */
.us-ppg-blog{padding:50px 0 !important;}
.youtube-title{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:30px !important;font-weight:800 !important;color:var(--m-navy) !important;text-align:center;margin-bottom:8px !important;}
.us-ppg-blog .col-sm-4{margin-bottom:28px !important;}
.us-ppg-blog iframe{width:100% !important;aspect-ratio:16/9;height:auto !important;min-height:210px;border:0 !important;border-radius:14px !important;box-shadow:var(--m-shadow-md) !important;display:block;background:#0a2a43;}
.video-title{font-size:15px !important;font-weight:700 !important;color:var(--m-navy) !important;margin-top:12px !important;text-align:center;}

/* İç sayfa düzeni: listeleme + hakkımızda (sidebar + içerik) */
.all-listing{padding:54px 0 64px !important;background:var(--m-bg-soft) !important;overflow:hidden;}
.all-listing .row::after{content:"" !important;display:block !important;clear:both !important;}
.all-list-sh,.all-product-total{overflow:hidden;}
/* CTA şeridi (footer üstü) hiçbir sayfada üstteki içeriğe binmesin */
.full-bot-book{clear:both !important;position:relative;z-index:2;margin-top:40px !important;padding:34px 0 40px !important;background:#fff;}
/* CTA'dan önceki içerik bölümleri float'larını kapsasın (BFC) */
.all-listing,.job-prof-pg,.exp-prof-pg,.blog-body,.us-ppg-com,.fedback,.about-us-sec{overflow:hidden;}
.all-filt{background:#fff !important;border:1px solid var(--m-line) !important;border-radius:var(--m-radius) !important;box-shadow:var(--m-shadow) !important;padding:20px 18px !important;}
.filt-com h4{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:16px !important;font-weight:800 !important;color:var(--m-navy) !important;margin:0 0 12px !important;padding-bottom:12px !important;border-bottom:2px solid var(--m-line) !important;}
.filt-com ul{list-style:none !important;padding:0 !important;margin:0 !important;}
.chbox input,.chbox label:before,.chbox label:after{display:none !important;}
.filt-com li{margin:0 0 2px !important;list-style:none !important;}
.filt-com li .chbox{padding:0 !important;}
.filt-com li a{display:block !important;padding:9px 12px !important;border-radius:8px !important;color:var(--m-text) !important;font-size:14px !important;font-weight:600 !important;text-decoration:none !important;transition:.2s !important;}
.filt-com li a:hover{background:var(--m-bg-soft) !important;color:var(--m-primary) !important;padding-left:16px !important;}
.filt-com li a label{cursor:pointer !important;margin:0 !important;font-weight:600 !important;}

/* Hakkımızda içerik kartı */
.about-us{background:#fff !important;border:1px solid var(--m-line) !important;border-radius:var(--m-radius) !important;box-shadow:var(--m-shadow) !important;padding:30px 34px !important;margin-bottom:30px !important;}
.about-us h1,.about-us h2{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:22px !important;color:var(--m-navy) !important;font-weight:800 !important;margin:24px 0 10px !important;padding-left:14px !important;border-left:4px solid var(--m-primary) !important;}
.about-us h3{font-size:17px !important;font-weight:700 !important;color:var(--m-primary-deep) !important;margin:18px 0 8px !important;}
.about-us p{font-size:15px !important;line-height:1.85 !important;color:var(--m-text) !important;margin-bottom:12px !important;}
.about-us ul{margin:0 0 14px !important;padding-left:0 !important;list-style:none !important;}
.about-us li{position:relative;padding:6px 0 6px 26px !important;font-size:14.5px;color:var(--m-text);list-style:none !important;}
.about-us li:before{content:"";position:absolute;left:2px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--m-grad-teal);}

/* ---------- CTA banner (footer üstü) ---------- */
.full-bot-book{padding:30px 0;}
.bot-book{background:var(--m-grad) !important;border-radius:20px;padding:30px 34px !important;display:flex;align-items:center;flex-wrap:wrap;box-shadow:var(--m-shadow-lg);}
.bb-text h4{color:#fff !important;font-weight:800 !important;font-size:22px !important;margin:0;}
.bb-text p{color:#cfeef3 !important;margin:6px 0 0;}
.bb-link a{display:inline-block;background:#fff !important;color:var(--m-primary-deep) !important;padding:13px 30px !important;border-radius:100px !important;font-weight:800 !important;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:.25s;}
.bb-link a:hover{transform:translateY(-3px);background:var(--m-accent) !important;color:#fff !important;}

/* ---------- Footer ---------- */
.wed-hom-footer{background:linear-gradient(180deg,#0a2a43 0%,#071e30 100%) !important;}
.wed-hom-footer h2{font-weight:700;}
.wed-hom-footer a:hover{color:var(--m-accent) !important;}
.foot-supp h2 span{color:var(--m-accent) !important;}
.cr{background:#071a2a;}
.fqui-menu{background:#0a2a43 !important;}