/* komite.bodrumbeyaz.com v2 — komite carousel/reel görsel dili (bin/komite-carousel.py CSS'inden ölçekli).
   Tokenlar: Beyaz Grup kiti (00-KURAL/MARKA-KURALLARI §2). Komite rengi sayfa başına: --renk; --koyu = renk %28 mürekkep;
   --ton = renk %90 kâğıt (carousel ile aynı türetme). Turuncu yalnız çarkta. */
:root{
  --kagit:#fcfaf7; --kagit-beyaz:#ffffff; --murekkep:#141210; --murekkep-soluk:rgba(20,18,16,.62);
  --gri-koyu:#6f6a63; --gri:#b8b3ab; --gri-acik:#e4e0da;
  --renk:#6f6a63; --koyu:#141210; --ton:#f2f0ec;
  --sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'IBM Plex Serif',Georgia,serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --r:14px; --r-kucuk:8px; --kenar:16px; --olcu:680px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--kagit);color:var(--murekkep);font-family:var(--sans);font-size:17px;line-height:1.5;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- üst çubuk (carousel .ust) ---- */
.ust{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:10px;
  padding:calc(10px + env(safe-area-inset-top)) var(--kenar) 10px;font:500 .72rem/1 var(--mono);letter-spacing:.08em;
  text-transform:uppercase;color:var(--murekkep-soluk);background:linear-gradient(var(--kagit) 55%,rgba(252,250,247,0));pointer-events:none}
.ust>*{pointer-events:auto}
.ust b{color:var(--koyu);font-weight:600}
.ust .cark{width:26px;height:26px;flex:none}
.ust .cark svg,.ust .cark img{width:100%;height:100%}
.ust a{text-decoration:none;display:flex;align-items:center;gap:10px;min-height:44px}
.ust .sag{margin-left:auto}

/* ---- tam ekran hikâye: yapışkan harita + üstünden akan kartlar ---- */
.hikaye{position:relative}
.sahne.gl{background:#c9d3d8!important}
.sahne{position:sticky;top:0;height:100vh;height:100svh;width:100%;overflow:hidden;background:#cfc9bf center/cover no-repeat}
.sahne::after{content:"";position:absolute;inset:auto 0 0 0;height:28%;pointer-events:none;
  background:linear-gradient(rgba(252,250,247,0),rgba(252,250,247,.0))}
#harita{position:absolute;inset:0}
.sahne .kaplama{position:absolute;inset:0;background:var(--kagit);opacity:0;transition:opacity .4s;pointer-events:none}
.adimlar{position:relative;z-index:5;margin-top:-100vh;margin-top:-100svh;pointer-events:none}
.adim{min-height:92vh;min-height:92svh;display:flex;align-items:flex-end;padding:0 var(--kenar) 9vh}
.adim:first-child{min-height:100vh;min-height:100svh}
.adim:last-child{padding-bottom:16vh}
.kart{pointer-events:auto;width:100%;max-width:440px;background:rgba(252,250,247,.95);backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);border-radius:var(--r);padding:20px 20px 18px;box-shadow:0 10px 34px rgba(20,18,16,.22);
  border-left:7px solid var(--renk);max-height:72vh;overflow:auto}
.kart .etk{display:block;font:600 .7rem/1 var(--mono);letter-spacing:.12em;color:var(--murekkep-soluk);margin-bottom:10px;text-transform:uppercase}
.kart .etk b{color:var(--renk);font-weight:600}
.kart h2{font:700 1.32rem/1.18 var(--sans);color:var(--koyu);letter-spacing:.005em}
.kart h2.buyuk{font-size:1.6rem}
.kart p{margin-top:10px;font-size:1rem;line-height:1.45}
.kart .not{margin-top:12px;padding-top:10px;border-top:1px solid var(--gri-acik);font:500 .74rem/1.45 var(--mono);color:var(--murekkep-soluk);letter-spacing:.02em}
.kart .not i{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:-1px;margin-right:4px}
.kart .vurgu{margin-top:12px;font:700 1.15rem/1.2 var(--sans);color:var(--koyu);letter-spacing:.02em}
.kart .sayi{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap}
.kart .sayi div{font:500 .74rem/1.3 var(--mono);color:var(--murekkep-soluk)}
.kart .sayi b{display:block;font:700 1.6rem/1 var(--sans);color:var(--koyu);margin-bottom:4px}
.kart ol.ad{list-style:none;columns:2;column-gap:16px;margin-top:12px;counter-reset:a}
.kart ol.ad li{break-inside:avoid;padding:6px 0 6px 28px;position:relative;border-bottom:1px solid var(--gri-acik);font-size:.92rem;line-height:1.25;counter-increment:a}
.kart ol.ad li::before{content:counter(a,decimal-leading-zero);position:absolute;left:0;top:7px;font:600 .66rem var(--mono);color:var(--renk)}
@media (max-width:359px){.kart ol.ad{columns:1}}

/* kapak kartı: kartsız, carousel kapağı gibi büyük yazı */
.adim.kapak{align-items:flex-end}
.kapak .kart{background:linear-gradient(rgba(252,250,247,0),rgba(252,250,247,.92) 30%);box-shadow:none;border-left:0;
  max-width:none;width:calc(100% + 2 * var(--kenar));margin:0 calc(-1 * var(--kenar));padding:90px var(--kenar) 8px;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;max-height:none}
.kapak .slogan{font:400 clamp(2.2rem,10.5vw,4.4rem)/1.04 var(--sans);color:var(--koyu);letter-spacing:-.01em}
.kapak .slogan b{display:block;font-weight:700}
.kapak .kno{display:flex;align-items:center;gap:10px;margin-top:16px;font:500 .78rem/1.3 var(--mono);letter-spacing:.06em;color:var(--murekkep)}
.kapak .kno span{width:30px;height:30px;flex:none}
.kapak .asagi{margin-top:18px;font:600 .7rem var(--mono);letter-spacing:.14em;color:var(--murekkep-soluk);display:flex;align-items:center;gap:8px}
.kapak .asagi::after{content:"↓";font-size:1rem;animation:zipla 1.6s ease-in-out infinite}
@keyframes zipla{50%{transform:translateY(5px)}}

/* harita üstü kontroller */
.hk{position:absolute;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:8;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.hk button{min-height:44px;padding:0 14px;border-radius:22px;border:0;background:rgba(252,250,247,.96);color:var(--murekkep);
  font:600 .72rem var(--mono);letter-spacing:.06em;box-shadow:0 4px 16px rgba(20,18,16,.25);cursor:pointer}
.hk button[aria-pressed=true]{background:var(--koyu);color:#fff}
.lejant{position:absolute;left:12px;top:calc(58px + env(safe-area-inset-top));z-index:8;background:rgba(252,250,247,.94);border-radius:10px;
  padding:8px 10px;font:500 .68rem/1.5 var(--mono);color:var(--murekkep);max-width:72vw;box-shadow:0 4px 16px rgba(20,18,16,.18);
  transition:opacity .3s}
.lejant:empty{opacity:0}
.lejant i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.lejant div{line-height:1.35;margin:2px 0}
.etiket{font:600 11px var(--mono);color:#141210;background:rgba(252,250,247,.93);border-radius:6px;padding:3px 6px;white-space:nowrap;
  box-shadow:0 1px 5px rgba(20,18,16,.28);pointer-events:none;letter-spacing:.02em}
.etiket b{color:var(--renk)}
.etiket.v{background:var(--koyu);color:#fff}.etiket.v b{color:#fff}

/* keşif paneli (serbest harita) */
.kesif .adimlar{visibility:hidden}
.panel{position:absolute;left:0;right:0;bottom:0;z-index:9;background:rgba(252,250,247,.97);border-radius:16px 16px 0 0;
  padding:14px var(--kenar) calc(14px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(20,18,16,.2);max-height:52vh;overflow:auto;
  transform:translateY(105%);transition:transform .25s}
.kesif .panel{transform:none}
.kesif .hk{bottom:calc(52vh + 10px)}
.panel h3{font:600 .7rem var(--mono);letter-spacing:.12em;color:var(--murekkep-soluk);margin:10px 0 8px;text-transform:uppercase}
.panel .secim{display:flex;flex-wrap:wrap;gap:8px}
.panel .secim button{min-height:40px;padding:0 12px;border-radius:20px;border:1px solid var(--gri);background:#fff;font:600 .72rem var(--mono);cursor:pointer;color:var(--murekkep)}
.panel .secim button[aria-pressed=true]{background:var(--renk);border-color:var(--renk);color:#fff}
.panel .secim button i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0}
.mkart{position:absolute;left:12px;right:12px;top:calc(56px + env(safe-area-inset-top));z-index:10;background:#fff;border-radius:12px;
  padding:12px 14px;box-shadow:0 8px 26px rgba(20,18,16,.25);border-left:6px solid var(--renk);display:none;max-width:420px}
.mkart.acik{display:block}
.mkart h4{font:700 1rem var(--sans)}
.mkart .ms{display:flex;gap:14px;margin-top:6px;font:500 .72rem var(--mono);color:var(--murekkep-soluk)}
.mkart .ms b{display:block;font:700 1.1rem var(--sans);color:var(--koyu)}
.mkart p{margin-top:6px;font-size:.82rem;color:var(--murekkep-soluk)}
.mkart button{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;background:none;font-size:1.2rem;cursor:pointer;color:var(--gri-koyu)}

/* ---- içerik bölümleri (carousel kareleri) ---- */
.bolum{position:relative;overflow:hidden;padding:64px 0 56px}
.bolum .ic{position:relative;z-index:1;max-width:var(--olcu);margin:0 auto;padding:0 var(--kenar)}
.fil{position:absolute;left:-.06em;bottom:-.28em;font:700 clamp(15rem,62vw,34rem)/1 var(--sans);letter-spacing:-.05em;color:var(--ton);
  opacity:.7;z-index:0;pointer-events:none;user-select:none}
.ill{width:100%;aspect-ratio:16/8.4;object-fit:cover;-webkit-mask-image:linear-gradient(#000 0 76%,transparent);mask-image:linear-gradient(#000 0 76%,transparent);margin-bottom:6px}
.ub{font:600 .74rem/1 var(--mono);letter-spacing:.12em;color:var(--murekkep-soluk);text-transform:uppercase;margin-bottom:12px}
.dev{font:700 clamp(2rem,8.6vw,3.2rem)/1.04 var(--sans);color:var(--koyu);letter-spacing:-.01em;margin-bottom:22px}
.giris{font:600 clamp(1.4rem,5.6vw,1.9rem)/1.22 var(--sans);color:var(--koyu)}
.pankart{margin-top:18px;font:italic 400 clamp(1.25rem,5vw,1.6rem)/1.3 var(--serif)}
.sozler{margin-top:10px}
.soz{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--gri-acik)}
.soz:last-child{border-bottom:1px solid var(--gri-acik)}
.soz .n{font:700 1.5rem/1 var(--sans);color:var(--renk);min-width:40px}
.soz h3{font:700 .86rem/1.1 var(--sans);letter-spacing:.06em;color:var(--koyu);margin-bottom:5px}
.soz p{font-size:1rem;line-height:1.4}
.soz .v{margin-top:8px;font:700 .98rem/1.2 var(--sans);color:var(--koyu);letter-spacing:.02em}
.soz .git{margin-top:6px;min-height:36px;border:0;background:none;font:600 .72rem var(--mono);color:var(--renk);text-decoration:underline;
  text-underline-offset:3px;cursor:pointer;padding:0}
.ilk{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.is{background:var(--ton);border-radius:var(--r);padding:16px 14px;min-height:104px;display:flex;flex-direction:column;gap:10px;border-left:6px solid var(--renk)}
.is .n{font:700 .8rem/1 var(--mono);color:var(--koyu)}
.is p{font:700 1rem/1.2 var(--sans)}
.akis{display:flex;flex-wrap:wrap;gap:8px 6px;align-items:center;margin:0 0 22px;font:600 .72rem/1 var(--mono);letter-spacing:.04em}
.akis span{background:var(--ton);color:var(--koyu);padding:9px 10px;border-radius:var(--r-kucuk)}
.akis i{font-style:normal;color:var(--renk)}
.nms{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.nm{border-left:5px solid var(--renk);padding:2px 0 2px 12px}
.nm h3{font:700 .78rem/1.15 var(--sans);letter-spacing:.06em;color:var(--koyu);margin-bottom:4px}
.nm p{font-size:.95rem;line-height:1.3}
.nalt{margin-top:22px;font:700 1.2rem/1.2 var(--sans);color:var(--koyu)}
.bizim{font:700 clamp(1.8rem,7.6vw,2.7rem)/1.08 var(--sans);color:var(--koyu)}
.cizgi{width:72px;height:7px;background:var(--renk);border-radius:99px;margin:22px 0}
.her small{display:block;font:500 .74rem/1 var(--mono);letter-spacing:.12em;color:var(--murekkep-soluk);margin:26px 0 12px}
.her p{font:500 1.02rem/1.35 var(--sans);padding:8px 0 8px 14px;border-left:4px solid var(--renk);margin-bottom:10px}
.bir{font:400 1.4rem/1.25 var(--sans)}.bir b{font-weight:700;color:var(--koyu)}
.sira{margin:26px 0 10px;font:700 clamp(2rem,9vw,3rem)/1 var(--sans);color:var(--koyu)}
.cagri{font:600 1.15rem/1.3 var(--sans)}.cagri b{color:var(--koyu)}
.son{margin-top:22px;font:700 clamp(1.5rem,6.4vw,2.2rem)/1.1 var(--sans);color:var(--koyu)}
/* veri */
.rk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 26px}
.rk div{background:#fff;border:1px solid var(--gri-acik);border-radius:12px;padding:14px 12px;font:500 .74rem/1.35 var(--mono);color:var(--murekkep-soluk)}
.rk b{display:block;font:700 1.55rem/1 var(--sans);color:var(--koyu);margin-bottom:6px}
.cubuk{margin:8px 0 2px;font-size:.9rem}
.cubuk .c{display:flex;align-items:center;gap:8px;margin-top:3px}
.cubuk .c i{display:block;height:12px;background:var(--renk);border-radius:2px}
.cubuk .c b{font:600 .78rem var(--mono)}
.gy{width:100%;height:auto;margin-top:6px}
.dip{font:500 .76rem/1.5 var(--mono);color:var(--murekkep-soluk);margin-top:12px}
.acik li{margin:0 0 8px 18px;font-size:.92rem;color:var(--murekkep-soluk)}
/* künye (carousel .alt) */
.alt{border-top:1px solid var(--gri-acik);padding:18px var(--kenar) calc(26px + env(safe-area-inset-bottom));max-width:var(--olcu);margin:0 auto;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.alt .mc{width:42px;height:42px;flex:none}.alt .mc img{width:100%;height:100%}
.alt .imza{display:flex;flex-direction:column;gap:4px}.alt .imza b{font:700 1rem/1 var(--sans)}
.alt .imza small{font:500 .74rem/1 var(--mono);color:var(--murekkep-soluk)}
.alt i{margin-left:auto;font:400 .72rem/1.4 var(--mono);font-style:normal;color:var(--murekkep-soluk)}
.alt nav{width:100%;display:flex;gap:6px 14px;flex-wrap:wrap;font:500 .74rem var(--mono);margin-top:6px}
.alt nav a{min-height:36px;display:inline-flex;align-items:center;color:var(--murekkep-soluk)}

@media (min-width:760px){
  :root{--kenar:28px}
  .adim{padding-left:max(28px,calc((100vw - 1180px)/2));align-items:center;padding-bottom:0}
  .adim:last-child{padding-bottom:0}
  .kapak .kart{margin:0;max-width:760px;background:none;padding:0 0 9vh}
  .adim.kapak{align-items:flex-end}
  .kapak .slogan{text-shadow:0 2px 18px rgba(252,250,247,.9)}
  .kapak .kart .slogan,.kapak .kno,.kapak .asagi{background:rgba(252,250,247,.0)}
  .kapak .kart{padding:26px 30px 24px;background:rgba(252,250,247,.9);border-radius:var(--r);margin-bottom:8vh;max-width:640px}
  .lejant{max-width:300px}
  .panel{left:auto;right:16px;bottom:16px;width:380px;border-radius:16px;max-height:70vh}
  .kesif .hk{bottom:16px;right:412px}
  .ill{border-radius:var(--r);-webkit-mask-image:none;mask-image:none;margin-bottom:22px}
}

/* ---- üst çubuk: tam ekran harita düğmesi (Hasan 02.10: "harita görünümü yukarıdan butonla tam ekran açılsın") ---- */
.ust a{min-width:0}
.ust a>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ust .hb{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border-radius:999px;
  border:1.5px solid var(--murekkep);background:var(--murekkep);color:var(--kagit);font:600 .72rem/1 var(--mono);letter-spacing:.08em;
  text-transform:uppercase;cursor:pointer;box-shadow:0 4px 14px rgba(20,18,16,.18)}
.ust .hb i{font-style:normal;font-size:1rem;line-height:1}
.ust .hb[aria-pressed=true]{background:var(--kagit);color:var(--murekkep)}
.tam{overflow:hidden}
.tam .ust{background:none}
.tam .ust>a{opacity:0;pointer-events:none}
.tam .sahne{position:fixed;inset:0;z-index:30;height:100vh;height:100svh}
.tam .hero{visibility:hidden}
.tam .lejant{top:calc(64px + env(safe-area-inset-top))}

/* ---- hero: her sayfa suluboya + büyük başlıkla açılır (Hasan 02.10: "ilk görseller ve hero başlık olsun her sayfada") ---- */
.hero{position:relative;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--kagit)}
.hero .hg{position:relative;flex:none;height:52vh;height:52svh;min-height:260px}
.hero .hg img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(#000 0 70%,transparent);mask-image:linear-gradient(#000 0 70%,transparent)}
.hero .hm{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--kenar) calc(26px + env(safe-area-inset-bottom));margin-top:-40px}
.hero .fil{bottom:-.24em;left:auto;right:-.06em;font-size:clamp(14rem,70vw,30rem)}
.hero .etk{font:600 .72rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--murekkep-soluk);margin-bottom:12px}
.hero .etk b{color:var(--renk);font-weight:600}
.hero h1{font:300 clamp(2.5rem,11.6vw,5.6rem)/.98 var(--sans);letter-spacing:-.025em;color:var(--koyu)}
.hero h1 b{display:block;font-weight:700}
.hero .kno{display:flex;align-items:center;gap:14px;margin-top:18px;font:500 .74rem/1.35 var(--mono);letter-spacing:.04em}
.hero .kno .av{position:relative;width:68px;height:68px;flex:none}
.hero .kno .av img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 3px var(--kagit),0 0 0 5px var(--renk)}
.hero .kno .lg{position:absolute;right:-8px;bottom:-6px;width:30px;height:30px;border-radius:50%;background:var(--kagit);padding:2px;box-shadow:0 0 0 2px var(--kagit)}
.hero .kno svg{width:100%;height:100%;display:block}
.hero .kno .kt{display:flex;flex-direction:column;gap:2px;min-width:0}
.hero .kno .kt b{font:700 1rem/1.15 var(--sans);letter-spacing:0;color:var(--koyu)}
.hero .kno .kt small{font:600 .68rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--renk)}
.hero .kno .kt span{margin-top:3px;color:var(--murekkep-soluk)}
.hero .hs{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}
.hero .hs div{font:500 .72rem/1.3 var(--mono);color:var(--murekkep-soluk)}
.hero .hs b{display:block;font:700 1.5rem/1 var(--sans);color:var(--koyu);margin-bottom:3px}
.hero .hd{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hero .hd a,.hero .hd button{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;font:600 .74rem/1 var(--mono);
  letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1.5px solid var(--koyu);color:var(--koyu);background:transparent}
.hero .hd .dolu{background:var(--koyu);color:#fff}

@media (min-width:860px){
  .hero{flex-direction:row-reverse;align-items:stretch;padding-top:56px}
  .hero .hg{flex:1 1 52%;height:auto;min-height:0}
  .hero .hg img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
  .hero .hm{flex:1 1 48%;justify-content:center;margin:0;padding:40px 0 60px max(28px,calc((100vw - 1180px)/2))}
  .hero .fil{left:-.05em;right:auto}
}
.hero .hm>*:not(.fil){position:relative;z-index:1}
.tam .hk{display:none}

/* ---- komitelere kolay erişim (Hasan 02.10: "komite sayfalarına kolay ulaşılmıyor") ---- */
.ust .hb.ikinci{background:rgba(252,250,247,.96);color:var(--murekkep)}
.ust .hb+.hb{margin-left:0}
.ust .hb.ikinci[aria-expanded=true]{background:var(--murekkep);color:var(--kagit)}
@media (max-width:400px){.ust .hb{padding:0 11px;letter-spacing:.04em}.ust{gap:7px}}
.kmenu{position:fixed;inset:0;z-index:35;background:rgba(20,18,16,.38);padding:calc(64px + env(safe-area-inset-top)) var(--kenar) var(--kenar);overflow:auto}
.kmenu[hidden]{display:none}
.menu{overflow:hidden}
.kmi{max-width:560px;margin:0 0 0 auto;background:var(--kagit);border-radius:var(--r);padding:16px 14px 14px;box-shadow:0 18px 50px rgba(20,18,16,.35)}
.kmi ul{list-style:none;display:grid;gap:6px}
.kmi a{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px;border-radius:10px;text-decoration:none;color:var(--murekkep);
  border-left:6px solid var(--k);background:#fff;font:600 .95rem/1.25 var(--sans)}
.kmi a b{flex:none;min-width:34px;padding:5px 0;border-radius:7px;background:var(--k);color:#fff;text-align:center;font:700 .9rem/1 var(--sans)}
.kmi a[aria-current]{outline:2px solid var(--k);outline-offset:-2px}
.kmi a:focus-visible{outline:2px solid var(--murekkep)}
.kmi .tumu{margin-top:10px;border-left:0;background:none;font:600 .78rem var(--mono);letter-spacing:.04em;justify-content:center;text-decoration:underline}
.kc{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.kc a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--k);color:#fff;
  font:700 .8rem/1 var(--sans);text-decoration:none;box-shadow:0 2px 6px rgba(20,18,16,.15)}
.kc a[aria-current]{outline:3px solid var(--kagit);box-shadow:0 0 0 5px var(--k)}
.os{max-width:var(--olcu);margin:0 auto;padding:26px var(--kenar) 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.os a{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:var(--r);background:#fff;border:1px solid var(--gri-acik);
  border-bottom:6px solid var(--k);text-decoration:none;color:var(--murekkep);font:700 .92rem/1.25 var(--sans)}
.os a:last-child{text-align:right}
.os small{font:600 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--murekkep-soluk)}
.os b{color:var(--k)}
.os-c{max-width:var(--olcu);margin:0 auto;padding:0 var(--kenar) 18px}
.kkb{padding-top:40px}
.hero .hd a.as::after{content:"↓";animation:zipla 1.6s ease-in-out infinite}
.hero .hd a:not(.as)::after{content:none}
.alt .olc{width:100%;font:500 .7rem/1.45 var(--mono);color:var(--murekkep-soluk);margin-top:4px}
.alt .olc a{color:var(--murekkep-soluk)}.alt .olc b{font-weight:600}

/* ---- Kararsız v3 bağlantısı (Hasan 02.10) ---- */
.kz{background:var(--murekkep);color:var(--kagit);padding:52px 0}
.kz .ic{max-width:var(--olcu);margin:0 auto;padding:0 var(--kenar)}
.kz .ub{color:rgba(252,250,247,.62)}
.kz h2{font:300 clamp(2rem,8.4vw,3.2rem)/1.04 var(--sans);letter-spacing:-.02em;margin-bottom:14px}
.kz h2 b{font-weight:700}
.kz p:not(.ub){max-width:34rem;font-size:1.02rem;line-height:1.45;color:rgba(252,250,247,.85)}
.kzd{display:inline-flex;align-items:center;min-height:50px;margin-top:22px;padding:0 24px;border-radius:999px;background:var(--kagit);color:var(--murekkep);
  font:600 .8rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.kzd:focus-visible{outline:2px solid var(--kagit);outline-offset:3px}
.kzh{display:inline-flex;gap:6px;align-items:baseline;margin-top:14px;font:500 .8rem/1.3 var(--mono);color:var(--murekkep);text-decoration:underline;text-underline-offset:3px}
.kzh b{font-weight:600}
.kmi .kzm{margin-top:10px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border-left:6px solid var(--murekkep);background:var(--murekkep);color:var(--kagit)}
.kmi .kzm span{font:500 .74rem var(--mono);letter-spacing:.04em;opacity:.8}

/* sürpriz koltuklar (Hasan 03.10: "listede yoksa sürpriz desin") */
li.sp{font-style:italic;color:var(--renk)}
.ka li.sp{color:var(--k)}

/* ---- yetki belgesi (Hasan 03.10: şerit + pencere + /yetki/ · v2 "görsel hiyerarşi yok, okunmuyor") ---- */
.yserit{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;width:100%;margin:0 0 14px;padding:11px 14px;min-height:48px;border:0;border-radius:var(--r-kucuk);
  background:#141210;color:#fcfaf7;font:500 .84rem/1.3 var(--sans);text-align:left;cursor:pointer}
.yserit b{font:700 .84rem/1 var(--sans);color:#f3c969;margin-left:auto}
.tam .yserit{display:none}
#yetki{width:calc(100% - 20px);max-width:640px;max-height:calc(100vh - 20px);max-height:calc(100svh - 20px);margin:auto;padding:0;border:0;overflow:hidden;
  border-radius:18px;background:var(--kagit);color:var(--murekkep);box-shadow:0 24px 70px rgba(20,18,16,.4)}
#yetki[open]{display:flex;flex-direction:column}
#yetki::backdrop{background:rgba(20,18,16,.6)}
#yetki .yi{position:relative;display:flex;flex-direction:column;min-height:0;overflow:auto;padding:24px 18px 0}
#yetki .yx{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(20,18,16,.06);font-size:1rem;cursor:pointer;color:var(--murekkep)}
.ye{font:600 .68rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--murekkep-soluk)}
.yb-b{font:800 1.75rem/1.08 var(--sans);letter-spacing:-.02em;margin:8px 0 10px;padding-right:44px;color:var(--murekkep)}
.yl{font-size:1.02rem;line-height:1.4}.yl b{font-weight:700}
.ysah{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(20,18,16,.05);font-size:.88rem;line-height:1.4;color:var(--murekkep-soluk)}
.ysor{margin:22px 0 10px;font:700 1.05rem/1.2 var(--sans)}
.yy{display:grid;gap:12px}
.yol{position:relative;border-radius:14px;padding:16px 16px 14px 58px}
.yol.a{background:#141210;color:#fcfaf7}
.yol.b{background:#fff;border:1.5px solid #d9d4cc}
.yno{position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 .95rem/1 var(--sans)}
.yol.a .yno{background:#f3c969;color:#141210}.yol.b .yno{background:#141210;color:#fcfaf7}
.yq{font-size:.95rem;line-height:1.35;opacity:.86}.yq b{font-weight:700;opacity:1}
.ya{margin-top:8px;font:800 1.18rem/1.2 var(--sans);letter-spacing:-.01em}
.yt{margin-top:4px;font-size:.86rem;line-height:1.4;opacity:.75}
.ybt{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:12px;padding:10px 16px;border-radius:12px;text-decoration:none;font:700 .98rem/1.2 var(--sans);cursor:pointer}
.ybt.bir{justify-content:center;background:#f3c969;color:#141210}
.ybt.iki{background:var(--kagit);border:1.5px solid #141210;color:#141210;margin-top:10px}
.ybt.iki b{display:block;font-weight:700}.ybt.iki small{display:block;font:400 .78rem/1.3 var(--sans);color:var(--murekkep-soluk);margin-top:2px}
.pdf{flex:none;width:38px;height:44px;border-radius:6px;background:#93302a;color:#fff;display:grid;place-items:center;font:700 .66rem/1 var(--mono);letter-spacing:.04em}
.yn{margin-top:20px;padding-top:14px;border-top:1px solid var(--gri-acik)}
.yn ul{list-style:none;margin-top:8px}.yn li{position:relative;padding:5px 0 5px 22px;font-size:.88rem;line-height:1.4}
.yn li::before{content:"";position:absolute;left:4px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--renk)}
.yn b{font-weight:700}.yn a{color:inherit;font-weight:700}
.yb-d{position:sticky;bottom:0;display:flex;flex-direction:column;gap:6px;margin:16px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(rgba(252,250,247,0),var(--kagit) 18%);}
.ybt.wa{justify-content:center;margin:0;background:#1f7a4d;color:#fff;min-height:52px;font-size:1rem}
.ykap{min-height:44px;border:0;background:none;font:600 .9rem var(--sans);color:var(--murekkep-soluk);cursor:pointer;text-decoration:underline}
@media (min-width:640px){.yy{grid-template-columns:1fr 1fr}#yetki .yi{padding:30px 28px 0}.yb-d{margin:16px -28px 0;padding:14px 28px 16px;flex-direction:row;align-items:center}
  .ybt.wa{flex:1}.yb-b{font-size:2.1rem}}
.ysayfa{padding:calc(84px + env(safe-area-inset-top)) var(--kenar) 40px}.ysayfa .ic{max-width:680px;margin:0 auto}.ysayfa .geri{max-width:680px;margin:20px auto 0}
.ysayfa .yb-d{position:static;margin:20px 0 0;padding:0;background:none}

/* aday + pusuladaki unvan (Hasan 03.10: "14 aday yanında şirketleri de yazsın") — tek sütun, unvan küçük, pusuladaki gibi */
.kart ol.ad{columns:1}
.kart ol.ad li .an,.ka li .an{display:block;font-weight:600}
.fu{display:block;margin-top:2px;font:500 .64rem/1.3 var(--mono);letter-spacing:.01em;color:var(--murekkep-soluk);text-transform:uppercase;overflow-wrap:anywhere}
.ka ol{columns:1!important}
@media (min-width:760px){.ka ol{columns:2!important}}
.kart:has(ol.ad){max-height:none;overflow:visible}   /* 14 aday + unvan iç kaydırmaya sıkışmasın, sayfayla aksın */
/* soru penceresi (03.10 v3: yalnız "aldınız mı?") */
#yetki.ysor-p{max-width:440px}
#yetki.ysor-p .yi{padding:26px 20px 22px}
#yetki.ysor-p .yb-b{font-size:1.9rem}
.ypd{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.ypd .ybt{margin:0;justify-content:center;min-height:54px;font-size:1rem}
.ybt.aldim{border:0;background:#1f7a4d;color:#fff}
#yetki.ysor-p .ysah{margin-top:16px}
a.yserit{text-decoration:none}

/* lejant: kapalı = tek satır (Hasan 03.10 "lejant ekranı kapatıyor") */
.lejant{pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;max-width:min(72vw,300px);padding:6px 34px 6px 10px}
.lejant>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lejant:not(.acik)>div:not(:first-child){display:none}
.lejant .lej-ac{position:absolute;right:4px;top:3px;min-width:26px;height:22px;border:0;border-radius:6px;background:rgba(20,18,16,.08);
  font:600 .66rem var(--mono);color:var(--murekkep);cursor:pointer}
.lejant.acik .lej-ac{font-size:0}.lejant.acik .lej-ac::after{content:"✕";font-size:.7rem}
.lejant.acik>div{white-space:normal}

/* ---- keşif kipi v3 (Hasan 03.10): alt çubuk + açılır katman listesi + zaman akışı; eski tam-genişlik panel kalktı ---- */
.panel{left:0;right:0;bottom:0;top:auto;width:auto;max-height:none;overflow:visible;padding:0;background:none;box-shadow:none;border-radius:0;
  pointer-events:none;transform:translateY(120%)}
.kesif .panel{transform:none}
.panel>*{pointer-events:auto}
.kbar{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(rgba(20,18,16,0),rgba(20,18,16,.55))}
.kbar::-webkit-scrollbar{display:none}
.kbar button{flex:none;min-height:44px;padding:0 14px;border-radius:999px;border:0;background:rgba(252,250,247,.96);color:#141210;
  font:600 .74rem/1 var(--sans);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.kbar .ab[aria-pressed=true]{background:#141210;color:#fcfaf7}
.kbar .tg{width:26px;height:15px;border-radius:999px;background:#c9c3b8;position:relative;flex:none}
.kbar .tg::after{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:left .15s}
.kbar [aria-pressed=true] .tg{background:#2e9e6a}.kbar [aria-pressed=true] .tg::after{left:13px}
.kk-ayr{flex:none;width:1px;height:26px;background:rgba(252,250,247,.5);margin:0 2px}
.kbar [data-kom]{min-width:44px;padding:0 10px;font:700 .8rem/1 var(--mono);color:var(--k,#141210);border:2px solid transparent}
.kbar [data-kom].tum{color:#141210;font-family:var(--sans)}
.kbar [data-kom][aria-pressed=true]{background:var(--k,#141210);color:#fff;border-color:#fff}
.ksheet{margin:0 10px 0;max-height:min(52vh,460px);overflow:auto;background:rgba(252,250,247,.98);border-radius:16px;padding:12px 14px 14px;
  box-shadow:0 10px 34px rgba(0,0,0,.3)}
.ksheet[hidden],.kzaman[hidden]{display:none}
.ksheet .kbas{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-12px;background:rgba(252,250,247,.98);
  margin:-12px -14px 4px;padding:12px 14px 6px;z-index:1}
.ksheet .kbas b{font:700 .95rem/1.2 var(--sans)}
.ksheet .kkap{width:40px;height:40px;border-radius:50%;border:0;background:rgba(20,18,16,.07);cursor:pointer;font-size:.95rem;flex:none}
.ksheet h3{display:flex;justify-content:space-between;align-items:baseline;font:600 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--murekkep-soluk);margin:12px 0 7px}
.ksheet h3 span{letter-spacing:0;text-transform:none;font-weight:500}
.ksheet .secim{display:flex;flex-wrap:wrap;gap:7px}
.ksheet .secim.alt{margin-top:8px;padding-left:10px;border-left:3px solid #e3b04b}
.ksheet .secim button,.ksheet .lj{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid #d9d4cc;
  background:#fff;font:500 .78rem/1.2 var(--sans);color:#141210;cursor:pointer;text-align:left}
.ksheet .secim button[aria-pressed=true]{background:#141210;border-color:#141210;color:#fcfaf7}
.ksheet .secim button i,.ksheet .lj i{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:0 0 0 1.5px #fff}
.ksheet .secim button small{font:600 .68rem var(--mono);opacity:.7}
.ksheet .secim .son5{border-style:dashed}
.ksheet .dip{font-size:.74rem;color:var(--murekkep-soluk);margin-top:8px;line-height:1.35}
.kzaman{margin:0 10px;background:rgba(20,18,16,.86);color:#fcfaf7;border-radius:16px;padding:10px 12px 12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.kzaman .zust{display:flex;align-items:center;gap:10px}
.kzaman .zyil{font:800 1.6rem/1 var(--sans);min-width:3.2em}
.kzaman .zust span{font:500 .7rem/1.3 var(--mono);opacity:.8;flex:1}
.kzaman [data-oynat]{flex:none;min-height:40px;padding:0 14px;border-radius:999px;border:0;background:#f3c969;color:#141210;font:700 .78rem var(--sans);cursor:pointer}
.kzaman .zcizgi{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.kzaman .zcizgi button{flex:1 0 auto;min-width:48px;min-height:38px;border-radius:10px;border:1px solid rgba(252,250,247,.3);background:transparent;color:#fcfaf7;
  font:600 .76rem var(--mono);cursor:pointer}
.kzaman .zcizgi button[aria-pressed=true]{background:#fcfaf7;color:#141210}
.upop .maplibregl-popup-content{padding:8px 11px;border-radius:10px;font:500 .78rem/1.3 var(--sans)}
.upop .maplibregl-popup-content b{display:block;font-weight:700}.upop .maplibregl-popup-content span{color:var(--murekkep-soluk);font-size:.72rem}
.kesif .maplibregl-ctrl-bottom-left{bottom:70px}
@media (min-width:760px){
  .panel{left:50%;right:auto;transform:translate(-50%,120%);width:min(860px,calc(100vw - 32px))}
  .kesif .panel{transform:translateX(-50%)}
  .kbar{background:none;padding-bottom:16px;justify-content:center;flex-wrap:wrap}
  .ksheet,.kzaman{margin:0 0 4px}
}
/* v3 ince ayar: çubuk iki satır (telefonda komite çipleri görünür kalsın), başlık zemini dolu */
.kbar{flex-direction:column;align-items:stretch;gap:8px;overflow:visible}
.kbar .kb1,.kbar .kb2{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.kbar .kb1::-webkit-scrollbar,.kbar .kb2::-webkit-scrollbar{display:none}
.kbar .kb1 button{flex:1 1 auto;justify-content:center;padding:0 10px;font-size:.72rem}
.kbar .kb2 button{min-height:40px}
.kk-ayr{display:none}
.ksheet .kbas{background:#fcfaf7}
.kesif .maplibregl-ctrl-bottom-left{bottom:118px}
@media (min-width:760px){.kbar{align-items:center}.kbar .kb1 button{flex:none}.kesif .maplibregl-ctrl-bottom-left{bottom:110px}}