/* ÇEŞTOB kurumsal tema — temel katman
   1. Değişkenler  2. Sıfırlama  3. Animasyon  4. Düzen  5. Başlık/menü
   6. Yüzeyler  7. Tipografi  8. Düğme & etiket  9. Form  10. Liste/tablo
   11. İstatistik  12. Hero & slayt  13. Harita  14. Modal  15. Alt bilgi
   16. Yardımcı  17. Duyarlı */

/* 1 ------------------------------------------------------------ */
:root{
  --navy:#0f2e46; --navy-2:#164267; --blue:#1d7fa8; --blue-ink:#1a6c8f;
  --bg:#eef3f6; --panel:#fff; --soft:#f6f9fa; --tint:#e8f2f7; --line:#eef3f6;
  --border:#e3eaee; --muted:#8d9aa2; --text:#41525d; --text-2:#5b6b76;
  --ok-bg:#eef7ee; --ok-fg:#3d7a46; --warn-bg:#fdf3e7; --warn-fg:#a06a2c;
  --bad-bg:#fbeeea; --bad-fg:#a04a33;
  --r-sm:14px; --r-md:20px; --r-lg:28px; --r-xl:34px; --r-pill:999px;
  --sh-1:0 2px 14px rgba(15,46,70,.06);
  --sh-2:0 4px 24px rgba(15,46,70,.07);
  --sh-3:0 8px 30px rgba(15,46,70,.12);
  --sh-4:0 20px 50px rgba(15,46,70,.22);
  --gap:12px; --pad:16px;
  --head:'Outfit',system-ui,sans-serif; --body:'Manrope',system-ui,sans-serif;
  --ease:cubic-bezier(.22,.72,.16,1);
}

/* 2 ------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--navy);font:500 16px/1.6 var(--body);
  -webkit-font-smoothing:antialiased;min-width:360px}
img{max-width:100%;display:block}
a{color:var(--blue);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--navy)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--head);font-weight:800;letter-spacing:-.03em;text-wrap:pretty}
h1{font-size:50px;line-height:1.08}
h2{font-size:30px;line-height:1.15}
h3{font-size:21px;line-height:1.25;letter-spacing:-.015em}
h4{font-size:15px;letter-spacing:0}
p{margin:0;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid rgba(29,127,168,.45);outline-offset:2px}

/* 3 ------------------------------------------------------------ */
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes wipe{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(29,127,168,.42)}70%{box-shadow:0 0 0 14px rgba(29,127,168,0)}100%{box-shadow:0 0 0 0 rgba(29,127,168,0)}}
.anim-wipe{animation:wipe .8s ease both}
.anim-rise{animation:rise .7s ease both}
.anim-pop{animation:pop .35s ease both}
.d-1{animation-delay:.1s}.d-2{animation-delay:.2s}.d-3{animation-delay:.3s}.d-4{animation-delay:.42s}
[data-reveal]{opacity:0}
[data-reveal].is-visible{animation:rise .75s var(--ease) both}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1}
}

/* 4 ------------------------------------------------------------ */
.page{min-height:100vh;display:flex;flex-direction:column}
.page > main{flex:1}
.shell{margin:var(--gap) var(--pad) 0}
.stack{display:flex;flex-direction:column;gap:var(--gap)}
.row{display:flex;gap:var(--gap)}
.row--wrap{flex-wrap:wrap}
.row--center{align-items:center}
.row--between{justify-content:space-between}
.row--end{align-items:flex-end}
.grid{display:grid;gap:var(--gap)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--side{grid-template-columns:1.5fr 1fr}
.grid--side-wide{grid-template-columns:1.55fr 1fr}
.grid--media{grid-template-columns:1fr 1fr}
.grid--admin{grid-template-columns:250px 1fr}

/* 5 ------------------------------------------------------------ */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:11px 40px;background:var(--navy);color:#a9c6d8;font:500 13px/1 var(--body)}
.topbar__meta{display:flex;gap:20px;align-items:center}
.lang{display:flex;gap:3px;align-items:center;background:rgba(255,255,255,.1);
  border-radius:var(--r-pill);padding:3px;font-family:var(--head)}
.lang button{padding:4px 11px;border-radius:var(--r-pill);font:700 13px var(--head);
  color:#a9c6d8;transition:background .2s ease,color .2s ease}
.lang button:hover{color:#fff}
.lang button.is-active{background:#fff;color:var(--navy)}

.masthead{position:sticky;top:0;z-index:60;padding-bottom:6px;background:transparent}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:14px var(--pad) 0;padding:8px 20px 8px 14px;background:var(--panel);
  border-radius:var(--r-pill);box-shadow:0 3px 18px rgba(15,46,70,.08)}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand__logo{height:79px;width:auto}
.nav__links{display:flex;gap:2px;align-items:center;font:600 15px var(--head)}
.nav__link{display:block;padding:10px 12px;border-radius:var(--r-pill);color:var(--text);
  white-space:nowrap;transition:background .2s ease,color .2s ease}
.nav__link:hover{background:var(--tint);color:var(--navy)}
.nav__link.is-active{background:var(--tint);color:var(--navy)}
.nav__actions{display:flex;gap:8px;align-items:center;flex:none}
.nav__burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  width:46px;height:46px;border-radius:var(--r-pill);background:#f1f5f7;flex:none;transition:background .2s ease}
.nav__burger:hover{background:var(--tint)}
.nav__burger span{width:20px;height:4px;min-height:4px;flex:none;border-radius:99px;background:var(--navy)}

.dropdown{margin:8px var(--pad) 0;padding:18px;background:var(--panel);border-radius:26px;
  box-shadow:var(--sh-3);display:none}
.dropdown.is-open{display:block;animation:pop .3s ease both}
.dropdown__head{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 4px 14px;border-bottom:1px solid var(--line)}
.dropdown__title{font:800 17px var(--head);letter-spacing:-.02em}
.dropdown__sub{margin-top:4px;font:500 13px var(--body);color:var(--muted)}
.dropdown__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.dropdown a{display:block;padding:16px 18px;border-radius:18px;background:var(--soft);
  transition:background .2s ease}
.dropdown a:hover{background:var(--tint)}
.dropdown strong{display:flex;align-items:center;gap:9px;font:700 15.5px var(--head);color:var(--navy)}
.dropdown span{display:block;margin-top:8px;font:500 13px/1.5 var(--body);color:var(--muted)}
.dropdown__num{width:30px;height:30px;flex:none;border-radius:10px;background:var(--tint);
  color:var(--blue);display:flex;align-items:center;justify-content:center;font:800 12.5px var(--head)}

.mobile-nav{display:none;margin:8px var(--pad) 0;padding:14px;background:var(--panel);
  border-radius:var(--r-lg);box-shadow:var(--sh-3);flex-direction:column;gap:4px}
.mobile-nav.is-open{display:flex;animation:pop .3s ease both;
  max-height:calc(100vh - 132px);overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch}
body.nav-open{overflow:hidden}
.mobile-nav a{padding:14px 16px;border-radius:16px;background:var(--soft);
  font:700 15.5px var(--head);color:var(--navy)}
.mobile-nav a.is-primary{background:var(--navy);color:#fff;text-align:center}
.mobile-nav__label{margin:6px 0 2px;padding:0 16px;font:800 12.5px var(--head);
  color:var(--muted);letter-spacing:.04em}

/* 6 ------------------------------------------------------------ */
.panel{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-1)}
.panel--raised{box-shadow:var(--sh-2)}
.panel--dark{background:var(--navy);color:#b8cfdd;box-shadow:0 8px 26px rgba(15,46,70,.18)}
.panel--tint{background:var(--tint);box-shadow:none}
.panel--pad{padding:38px 34px}
.panel--pad-lg{padding:48px 44px}
.panel--pad-sm{padding:28px}
.panel--hood{position:relative;overflow:hidden}
.panel--hood::before{content:'';position:absolute;right:-70px;top:-70px;width:300px;height:300px;
  border-radius:50%;background:#f2f7f9}
.panel__inner{position:relative}
.card{background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:30px 28px}
.card--soft{background:var(--soft);box-shadow:none}
.card--tint{background:var(--tint);box-shadow:none}
.card--dark{background:var(--navy);color:#b8cfdd;box-shadow:none}
.card--split{display:flex;flex-direction:column;justify-content:space-between}
.card--link{cursor:pointer;transition:box-shadow .25s ease,transform .25s ease}
.card--link:hover{box-shadow:0 12px 30px rgba(15,46,70,.14);transform:translateY(-3px)}
.card--pad-0{padding:0;overflow:hidden}
.tile{padding:22px;border-radius:22px;background:var(--soft)}
.tile--dark{background:rgba(255,255,255,.08)}
/* açık zeminde kullanılan koyu kutu (prototipte düz lacivert) */
.tile--navy{background:var(--navy);box-shadow:0 8px 22px rgba(15,46,70,.18)}
.tile--navy h1,.tile--navy h2,.tile--navy h3,.tile--navy h4{color:#fff}
.tile--navy .eyebrow{color:#7cc9e6}
.tile--navy .note,.tile--navy .lead{color:#b8cfdd}
.tile--navy .meta{color:#9dbdd0}
.tile--navy .stat__num,.tile--navy .f-stat{color:#fff}
.tile--white{background:#fff}

/* 7 ------------------------------------------------------------ */
.eyebrow{font:700 13px var(--head);color:var(--blue)}
.eyebrow--light{color:#9fdcf3}
.eyebrow--muted{color:var(--muted)}
.lead{margin-top:18px;max-width:720px;font:500 17.5px/1.72 var(--body);color:var(--text-2)}
.lead--light{color:#b8cfdd}
.body-text{font:500 16.5px/1.85 var(--body);color:var(--text)}
.meta{font:500 13px var(--body);color:var(--muted)}
.meta--light{color:#9dbdd0}
.note{font:500 14.5px/1.7 var(--body);color:var(--text-2)}
.h-xl{font-size:58px;line-height:1.06}
.h-lg{font-size:46px;line-height:1.1}
.h-sm{font-size:26px;letter-spacing:-.02em}
.h-xs{font-size:22px;letter-spacing:-.02em}
.center{text-align:center}
.breadcrumb{font:500 13px var(--body);color:var(--muted)}
.breadcrumb b{color:var(--blue)}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--navy)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.section-sub{margin:0 0 22px;font:500 15px/1.6 var(--body);color:var(--muted)}
.link-more{font:700 13.5px var(--head);color:var(--blue);white-space:nowrap}
.quote{margin:28px 0;padding:26px 30px;background:var(--soft);border-radius:24px}
.quote p{font:700 19px/1.6 var(--head);letter-spacing:-.01em}
.quote cite{display:block;margin-top:14px;font:500 13.5px var(--body);color:var(--muted);font-style:normal}

/* koyu yüzeylerde metin renkleri (sınıf sırası kaynaklı çakışmayı önler) */
.panel--dark .body-text,.card--dark .body-text,.tile--dark .body-text{color:#e4eff5}
.panel--dark .note,.card--dark .note,.tile--dark .note,
.panel--dark .lead,.card--dark .lead,.tile--dark .lead{color:#b8cfdd}
.panel--dark .meta,.card--dark .meta,.tile--dark .meta{color:#9dbdd0}
.panel--dark h1,.panel--dark h2,.panel--dark h3,.panel--dark h4,
.card--dark h1,.card--dark h2,.card--dark h3,.card--dark h4{color:#fff}
.panel--dark strong,.card--dark strong{color:#fff}
.panel--dark .plain-list li,.card--dark .plain-list li{background:rgba(255,255,255,.08);color:#e4eff5}

/* 8 ------------------------------------------------------------ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;
  border-radius:var(--r-pill);font:700 14.5px var(--head);white-space:nowrap;
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease}
.btn--primary{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(15,46,70,.18)}
.btn--primary:hover{background:var(--navy-2);color:#fff}
.btn--light{background:#f1f5f7;color:var(--navy)}
.btn--light:hover{background:var(--tint);color:var(--navy)}
.btn--white{background:#fff;color:var(--navy)}
.btn--white:hover{background:var(--tint);color:var(--navy)}
.btn--outline{border:1.5px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.1)}
.btn--outline:hover{background:rgba(255,255,255,.22);color:#fff}
.btn--sm{padding:11px 18px;font-size:13px}
.btn--block{width:100%}
.chip{display:inline-flex;align-items:center;gap:7px;padding:11px 20px;border-radius:var(--r-pill);
  background:#f1f5f7;color:var(--text);font:700 13.5px var(--head);
  transition:background .2s ease,color .2s ease}
.chip:hover{background:var(--tint);color:var(--navy)}
.chip.is-active{background:var(--navy);color:#fff}
.badge{display:inline-block;padding:5px 12px;border-radius:var(--r-pill);background:var(--tint);
  color:var(--blue-ink);font:700 11.5px var(--head)}
.badge--light{background:rgba(255,255,255,.16);color:#fff}
.badge--solid{background:var(--navy);color:#fff}
.badge--ok{background:var(--ok-bg);color:var(--ok-fg)}
.badge--warn{background:var(--warn-bg);color:var(--warn-fg)}
.badge--bad{background:var(--bad-bg);color:var(--bad-fg)}
.badge--white{background:rgba(255,255,255,.94);color:var(--navy)}
.pill-note{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 9px;
  border-radius:var(--r-pill);background:#eaf4f8;font:700 13px var(--head);
  color:var(--blue-ink);align-self:flex-start}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:pulse 2.6s ease-out infinite}
.step-num{width:48px;height:48px;border-radius:16px;background:var(--tint);color:var(--blue);
  display:flex;align-items:center;justify-content:center;font:800 18px var(--head);flex:none}
.step-num--sm{width:42px;height:42px;border-radius:14px;background:#fff;font-size:15px}
.step-num--dark{background:rgba(255,255,255,.12);color:#7cc9e6}
.dot-mark{flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--blue)}

/* 9 ------------------------------------------------------------ */
.field__label{display:block;margin-bottom:7px;font:700 14px var(--head);color:var(--navy)}
.field__hint{font-weight:400;color:var(--muted)}
.input,.select,.textarea{width:100%;padding:15px 18px;border-radius:16px;border:1.5px solid var(--border);
  background:#fff;font:500 15px var(--body);outline:none;
  transition:border-color .2s ease,box-shadow .2s ease}
.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(29,127,168,.12)}
.textarea{resize:none}
.input--sm,.select--sm{padding:11px 14px;border-radius:12px;font-size:13.5px}
.checkline{display:flex;gap:11px;align-items:flex-start;padding:16px;background:var(--soft);
  border-radius:16px;font:500 14px/1.6 var(--body);color:var(--text-2)}
.checkbox{flex:none;width:20px;height:20px;border-radius:6px;background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font:700 12px var(--head)}
.dropzone{padding:22px;border:1.5px dashed #c3d3db;border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.progress{height:6px;border-radius:var(--r-pill);background:var(--bg);overflow:hidden}
.progress__bar{height:100%;border-radius:var(--r-pill);background:var(--blue);
  transition:width .45s var(--ease)}
.form-steps{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;font:500 12.5px var(--body);color:var(--muted)}
.form-steps b{color:var(--navy)}
.fieldset{display:flex;flex-direction:column;gap:14px;margin-top:26px}
.newsletter{margin-top:14px;display:flex;gap:8px}
.newsletter input{flex:1;padding:13px 16px;border-radius:var(--r-pill);border:0;
  background:rgba(255,255,255,.1);color:#fff;font:500 14px var(--body);outline:none}
.newsletter input::placeholder{color:#8fb3c8}
.newsletter button{padding:13px 20px;border-radius:var(--r-pill);background:var(--blue);color:#fff;
  font:700 13px var(--head);white-space:nowrap}
.form-ok{margin-top:10px;padding:10px 14px;border-radius:14px;background:rgba(124,201,230,.16);
  font:600 12.5px var(--body);color:#9fdcf3}

/* 10 ----------------------------------------------------------- */
.table{display:flex;flex-direction:column}
.table__head,.table__row{display:flex;align-items:center;gap:16px;padding:13px 4px;
  border-bottom:1px solid var(--line)}
.table__head{font:800 12px var(--head);color:var(--muted)}
.table__row{font:500 14px var(--body)}
.table__row:last-child{border-bottom:0}
.table__row b{font:700 14px var(--head)}
.col-grow{flex:1;min-width:0}
.col-w80{flex:none;width:80px}.col-w90{flex:none;width:90px}.col-w110{flex:none;width:110px}
.col-w120{flex:none;width:120px}.col-w130{flex:none;width:130px}.col-w170{flex:none;width:170px}
.col-w190{flex:none;width:190px}
.list-row{display:flex;gap:16px;align-items:center;padding:14px;background:var(--panel);
  border-radius:24px;box-shadow:var(--sh-1)}
.list-row--soft{background:var(--soft);box-shadow:none;border-radius:var(--r-md)}
.doc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;
  background:var(--soft);border-radius:16px}
.bullet-list{display:flex;flex-direction:column;gap:9px;margin-top:20px}
.bullet-list li{display:flex;gap:12px;align-items:flex-start;padding:14px 17px;
  background:var(--soft);border-radius:16px;font:600 14.5px/1.6 var(--body);color:var(--text)}
.plain-list{display:flex;flex-direction:column;gap:9px}
.plain-list li{padding:14px 18px;background:var(--soft);border-radius:16px;font:600 15px var(--body)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr)}
.timeline > div{position:relative;padding:20px 20px 0 0;border-top:2px solid var(--tint)}
.timeline > div:last-child{border-color:var(--blue);padding-right:0}
.timeline > div::before{content:'';position:absolute;top:-7px;left:0;width:12px;height:12px;
  border-radius:50%;background:var(--blue)}
.timeline > div:last-child::before{background:var(--navy)}
.timeline b{display:block;font:800 22px var(--head);color:var(--blue)}
.timeline > div:last-child b{color:var(--navy)}
.timeline p{margin-top:8px;font:600 14px/1.65 var(--body);color:var(--text-2)}
.actions{display:flex;gap:12px;flex:none;font:700 12px var(--head)}
.actions .edit{color:var(--blue)}
.actions .del{color:#b4633a}
.kv{padding:14px 16px;background:var(--soft);border-radius:14px}
.kv dt{font:800 11px var(--head);color:var(--muted)}
.kv dd{margin:4px 0 0;font:700 14px var(--head)}
.kv dd.is-plain{font:500 13px var(--body)}

/* 11 ----------------------------------------------------------- */
.stats{display:flex;gap:var(--gap)}
.stat{flex:1;background:var(--panel);border-radius:24px;padding:26px 28px;box-shadow:var(--sh-1)}
.stat--dark{background:var(--navy);box-shadow:0 8px 22px rgba(15,46,70,.18)}
.stat__num{font:800 42px/1 var(--head);letter-spacing:-.03em}
.stat--dark .stat__num{color:#fff}
.stat__label{margin-top:7px;font:600 14px var(--body);color:var(--muted)}
.stat--dark .stat__label{color:#9dbdd0}

/* 12 ----------------------------------------------------------- */
.hero{position:relative;background:var(--navy);border-radius:var(--r-xl);overflow:hidden;
  box-shadow:var(--sh-2)}
.hero__slides{position:absolute;inset:0}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.hero__slide.is-active{opacity:1}
.hero__slide .media{position:absolute;inset:0;border-radius:0;
  background:repeating-linear-gradient(135deg,#1c4560 0 16px,#173c55 16px 32px)}
.hero__slide.is-active .media{animation:kb 12s ease-out both}
.hero__scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(8,28,44,.94) 0%,rgba(8,28,44,.82) 30%,rgba(8,28,44,.45) 58%,rgba(8,28,44,.12) 100%)}
.hero__scrim--bottom{background:linear-gradient(0deg,rgba(8,28,44,.55) 0%,rgba(8,28,44,0) 38%)}
.hero__body{position:relative;z-index:10;min-height:660px;padding:76px 52px 172px;max-width:700px;
  display:flex;flex-direction:column;justify-content:center;pointer-events:none}
.hero__badge{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:7px 16px 7px 9px;
  border-radius:var(--r-pill);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);
  font:700 13.5px var(--head);color:#dcecf4;animation:rise .6s ease both}
.hero__badge .pulse-dot{background:#7cc9e6}
.hero__title{margin-top:24px;font:700 66px/1.03 var(--head);color:#fff;letter-spacing:-.035em}
.hero__title span{display:block;animation:wipe .7s ease both}
.hero__title span:nth-child(2){animation-delay:.13s}
.hero__title .accent{animation-delay:.26s;color:#7cc9e6;font-weight:800}
.hero__text{margin-top:22px;max-width:520px;font:500 17.5px/1.72 var(--body);color:#c4d8e4;
  animation:rise .7s ease .42s both}
.hero__cta{display:flex;gap:11px;margin-top:34px;flex-wrap:wrap;pointer-events:auto;
  animation:rise .7s ease .52s both}
.hero__cta .btn--white{box-shadow:0 10px 26px rgba(4,18,30,.32)}
.hero__cta .btn--white:hover{transform:translateY(-2px)}
.hero__rail{position:absolute;left:52px;right:52px;bottom:34px;z-index:20;display:flex;
  align-items:flex-end;justify-content:space-between;gap:18px}
.hero__thumbs{display:flex;gap:10px;flex:1}
.hero__thumb{flex:1;max-width:200px;padding:13px 15px 12px;border-radius:20px;cursor:pointer;
  background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);
  transition:background .3s ease,border-color .3s ease,transform .3s ease;text-align:left}
.hero__thumb:hover{background:rgba(255,255,255,.24)}
.hero__thumb.is-active{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-3px)}
.hero__thumb-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hero__thumb p{display:block}
.hero__thumb-top strong{font:700 13.5px var(--head);color:#fff}
.hero__thumb-top span{font:700 11px var(--head);color:rgba(255,255,255,.5)}
.hero__thumb.is-active .hero__thumb-top span{color:#7cc9e6}
.hero__thumb p{margin-top:9px;font:500 11.5px/1.35 var(--body);color:rgba(255,255,255,.55);
  height:14px;overflow:hidden}
.hero__thumb.is-active p{color:#dcecf4}
.hero__thumb-bar{display:block;margin-top:9px;height:3px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.22);overflow:hidden}
.hero__thumb-bar i{display:block;height:100%;width:0;border-radius:var(--r-pill);background:#fff}
.hero__thumb.is-active .hero__thumb-bar i{animation:barfill 5s linear both}
@keyframes barfill{from{width:0}to{width:100%}}
.hero__arrows{display:flex;gap:8px;flex:none}
.hero__arrows button{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);
  border:1.5px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);color:#fff;display:flex;
  align-items:center;justify-content:center;font:700 16.5px var(--head);transition:background .2s ease}
.hero__arrows button:hover{background:rgba(255,255,255,.26)}

.banner{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--navy);min-height:420px}
.banner .media{position:absolute;inset:0;border-radius:0;animation:kb 12s ease-out both}
.banner__scrim{position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(15,46,70,.92) 0%,rgba(15,46,70,.3) 62%,rgba(15,46,70,.12) 100%)}
.banner__body{position:absolute;left:44px;right:44px;bottom:40px;color:#fff;z-index:2}
.banner__back{position:absolute;left:34px;top:28px;z-index:3}
.banner h1{color:#fff}

.marquee{padding:20px 0;background:var(--panel);border-radius:26px;overflow:hidden;box-shadow:var(--sh-1)}
.marquee__track{display:flex;gap:52px;width:max-content;animation:marquee 34s linear infinite;
  font:700 21px var(--head);color:var(--navy);white-space:nowrap;opacity:.55}
.marquee__track i{color:var(--blue);font-style:normal}

.media{background:repeating-linear-gradient(135deg,#dfe8ec 0 10px,#d5e0e5 10px 20px);
  border-radius:var(--r-md);position:relative;overflow:hidden}
.media--dark{background:repeating-linear-gradient(135deg,#1c4560 0 18px,#173c55 18px 36px)}
.media--h130{height:130px}.media--h150{height:150px}.media--h170{height:170px}
.media--h180{height:180px}.media--h190{height:190px}.media--h340{min-height:340px}
.media--h440{height:440px}
.media--thumb{width:104px;height:80px;border-radius:18px;flex:none}
.media--thumb-sm{width:78px;height:62px;border-radius:14px;flex:none}
.media--fill{position:absolute;inset:0;border-radius:0}
.media__note{position:absolute;right:20px;bottom:18px;padding:9px 15px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.92);font:600 11.5px var(--head);color:var(--text-2)}
.media__note--dark{background:rgba(15,46,70,.55);color:#c3d7e3}
.media__tag{position:absolute;left:14px;top:14px;z-index:2}

/* 13 ----------------------------------------------------------- */
.map{position:relative;background:#e9eff1;border-radius:26px;overflow:hidden;z-index:1;
  min-height:420px;transition:min-height .55s var(--ease)}
.map--tall{min-height:620px}
.map--sm{min-height:300px;border-radius:var(--r-md)}
.map--full{min-height:150px;position:absolute;inset:0;border-radius:0}
.map__canvas{position:absolute;inset:0}
.map__expand{position:absolute;right:16px;top:16px;z-index:600;display:inline-flex;align-items:center;
  gap:8px;padding:11px 17px;border-radius:var(--r-pill);background:rgba(255,255,255,.95);
  box-shadow:0 4px 14px rgba(15,46,70,.16);font:700 12.5px var(--head);color:var(--navy);
  transition:background .2s ease}
.map__expand:hover{background:var(--tint)}
.map__card{position:absolute;left:18px;right:18px;bottom:18px;z-index:500;padding:18px 20px;
  background:var(--panel);border-radius:22px;box-shadow:0 8px 24px rgba(15,46,70,.14);
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.map__card strong{display:block;font:800 17px var(--head)}
.map__card .meta{margin-top:5px}
.pin{position:relative;display:block;width:44px;height:44px;border-radius:13px;overflow:hidden;
  background:repeating-linear-gradient(135deg,#dfe8ec 0 6px,#d5e0e5 6px 12px);
  box-shadow:0 0 0 3px #fff,0 5px 14px rgba(15,46,70,.32);
  transition:width .22s ease,height .22s ease,border-radius .22s ease,box-shadow .22s ease}
.pin img{width:100%;height:100%;object-fit:cover}
.pin--active{width:58px;height:58px;border-radius:16px;
  box-shadow:0 0 0 3px var(--navy),0 8px 20px rgba(15,46,70,.42)}
.leaflet-container{font-family:var(--body)}
.member-list{display:flex;flex-direction:column;gap:9px;padding:2px;
  transition:flex-basis .55s var(--ease),opacity .35s ease,transform .55s var(--ease)}
.member-list.is-hidden{flex-basis:0;opacity:0;transform:translateX(-14px);pointer-events:none;overflow:hidden}
.map-split{display:flex;gap:16px;align-items:stretch}
.map-split > .member-list{flex:0 0 40%}
.map-split > .map{flex:1;min-width:0}
/* harita büyütülünce liste tamamen kapanır (bu kural 40% temel genişliğini geçmeli) */
.map-split > .member-list.is-hidden{flex:0 0 0%;margin-right:-16px;padding:0}

/* 14 ----------------------------------------------------------- */
.modal{position:fixed;inset:0;z-index:90;background:rgba(15,46,70,.55);display:none;
  align-items:center;justify-content:center;padding:20px}
.modal.is-open{display:flex;animation:fade .25s ease both}
.modal__box{width:920px;max-width:100%;max-height:92vh;overflow:auto;background:var(--panel);
  border-radius:32px;box-shadow:0 30px 80px rgba(15,46,70,.4);animation:pop .35s ease both}
.modal__box--sm{width:600px}
.modal__grid{display:grid;grid-template-columns:1fr 1fr}
.modal__side{background:var(--soft);padding:44px 36px}
.modal__body{padding:40px 38px}
.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.modal__close{font:700 20px var(--head);color:var(--muted)}
.modal__foot{margin-top:24px;display:flex;justify-content:flex-end;gap:10px}

/* 15 ----------------------------------------------------------- */
.footer{margin:var(--gap) var(--pad);background:var(--navy);border-radius:var(--r-xl);
  padding:44px 40px 30px;color:#b8cfdd}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:36px}
.footer h4{color:#fff}
.footer__links{margin-top:14px;display:flex;flex-direction:column;gap:9px;font:500 14.5px var(--body)}
.footer__links a,.footer__bottom a{color:#b8cfdd}
.footer__links a:hover,.footer__bottom a:hover{color:#fff}
.footer__logo{height:64px;width:auto}
.footer__text{margin-top:16px;max-width:300px;font:500 14.5px/1.7 var(--body)}
.footer__addr{margin-top:18px;font:500 14px/1.8 var(--body)}
.social{margin-top:20px;display:flex;gap:8px}
.social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;transition:background .2s ease}
.social a:hover{background:rgba(255,255,255,.2)}
.social svg{width:17px;height:17px;fill:#fff}
.footer__bottom{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:500 13px var(--body)}
.footer__bottom nav{display:flex;gap:22px;flex-wrap:wrap}

/* 16 ----------------------------------------------------------- */
.sticky-side{position:sticky;top:150px}
.grid > .sticky-side{align-self:start}
.flex-none{flex:none}
.flex-1{flex:1;min-width:0}
.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-18{margin-top:18px}
.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-26{margin-top:26px}.mt-32{margin-top:32px}
.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}
.mb-22{margin-bottom:22px}.mb-26{margin-bottom:26px}
.gap-8{gap:8px}.gap-10{gap:10px}.gap-14{gap:14px}.gap-16{gap:16px}
.self-start{align-self:flex-start}
.mb-18{margin-bottom:18px}
.mt-14{margin-top:14px}
.only-mob{display:none}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:var(--gap)}
.pagination a{min-width:44px;height:44px;padding:0 18px;border-radius:var(--r-pill);background:var(--panel);
  box-shadow:var(--sh-1);display:flex;align-items:center;justify-content:center;
  font:700 14px var(--head);color:var(--navy)}
.pagination a.is-active{background:var(--navy);color:#fff}

/* 17 ----------------------------------------------------------- */
@media (max-width:1180px){
  .nav__links,.nav__actions .btn{display:none}
  .nav__burger{display:flex}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .grid--side,.grid--side-wide,.grid--admin,.grid--media{grid-template-columns:1fr}
  .hero__body{min-height:0;padding:44px 26px 22px;max-width:100%}
  .hero__title{font-size:44px}
  .hero__rail{position:static;left:auto;right:auto;bottom:auto;padding:0 26px 26px;
    flex-direction:column;align-items:stretch;gap:12px}
  .hero__thumbs{flex-wrap:wrap}
  .hero__thumb{flex:1 1 44%;max-width:none}
  .hero__arrows{justify-content:flex-end}
  .footer__grid{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .modal__grid{grid-template-columns:1fr}
  .modal__side{display:none}
  .sticky-side{position:static}
  .map-split{flex-direction:column}
  .map-split > .member-list{flex:1 1 auto}
  .member-list.is-hidden{display:none}
}
@media (max-width:760px){
  :root{--pad:12px}
  body{font-size:15.5px}
  h1{font-size:34px}h2{font-size:25px}
  .h-xl{font-size:36px}.h-lg{font-size:30px}
  .brand__logo{height:60px}
  .footer__logo{height:52px}
  .hero__body{min-height:0;padding:34px 20px 22px}
  .hero__title{font-size:33px}
  .hero__text{font-size:15.5px}
  .hero__rail{padding:0 20px 22px}
  .banner__body{left:22px;right:22px;bottom:26px}
  .panel--pad,.panel--pad-lg{padding:28px 22px}
  .card{padding:24px 22px}
  .topbar{padding:10px 14px;font-size:12.5px}
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
  .stats{flex-wrap:wrap}
  .stat{flex:1 1 44%;padding:20px}
  .stat__num{font-size:32px}
  .footer__grid{grid-template-columns:1fr}
  .footer{padding:32px 22px 24px}
  .section-head{flex-direction:column;align-items:flex-start;gap:12px}
  .timeline{grid-template-columns:1fr}
  .timeline > div{padding-right:0}
  .table__head{display:none}
  .table__row{flex-wrap:wrap;gap:8px}
  .dropdown__grid{grid-template-columns:1fr}
  .modal__body{padding:28px 22px}
  .only-mob{display:initial}
  .quote p{font-size:17px}
}

/* ince, kibar kaydırma çubuğu */
.mobile-nav.is-open{scrollbar-width:thin;scrollbar-color:rgba(15,46,70,.22) transparent}
.mobile-nav.is-open::-webkit-scrollbar{width:5px}
.mobile-nav.is-open::-webkit-scrollbar-track{background:transparent}
.mobile-nav.is-open::-webkit-scrollbar-thumb{background:rgba(15,46,70,.18);border-radius:99px}
.mobile-nav.is-open:hover::-webkit-scrollbar-thumb{background:rgba(15,46,70,.3)}

/* topbar kademeli daralma: önce adres, sonra e-posta, en son telefon */
@media (max-width:1000px){ .topbar__addr{display:none} .topbar{justify-content:flex-end} }
@media (max-width:620px){ .topbar__mail{display:none} }
@media (max-width:420px){ .topbar__tel{display:none} }

/* kart bağlantıları: başlık ve gövde lacivert kalır, yalnızca "devamını oku" mavi */
.card--link{color:var(--navy)}
.card--link h1,.card--link h2,.card--link h3,.card--link h4,.card--link strong{color:var(--navy)}

/* şerit: otel adları tıklanabilir */
.marquee__track a{color:inherit;transition:color .2s ease,opacity .2s ease}
.marquee__track a:hover{color:var(--blue);opacity:1}
.marquee:hover .marquee__track{animation-play-state:paused}