/* Bilgin — Keşif alanı */
.ana-menu nav a.menu-kesfet { background: var(--bakir); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ana-menu nav a.menu-kesfet[aria-current="page"], .ana-menu nav a.menu-kesfet:hover { color: transparent; filter: saturate(1.4); }
.ucan { position: fixed; z-index: 999; object-fit: cover; border-radius: 50%; pointer-events: none; box-shadow: 0 8px 24px rgba(0,0,0,.25); }

/* ana sayfa tanıtımı */
.kesif-yeni { display: inline-block; vertical-align: 3px; margin-left: 6px; background: var(--kirmizi); color: #fff; font: 600 10px var(--sans); text-transform: uppercase; letter-spacing: .06em; padding: 3px 7px; border-radius: 9px; }
.kesif-kutular { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.kesif-kutu { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 22px 20px 24px; background: var(--gri2); border-radius: 6px; overflow: hidden; transition: transform .25s, box-shadow .25s; }
.kesif-kutu::after { content: ''; position: absolute; inset: auto -30% -60% auto; width: 140px; height: 140px; border-radius: 50%; background: var(--bakir); opacity: .18; transition: transform .4s; }
.kesif-kutu:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.08); }
.kesif-kutu:hover::after { transform: scale(1.4); }
.kesif-kutu b { font: 600 16px var(--sans); color: var(--siyah); }
.kesif-kutu span:last-child { color: var(--soluk); font-size: 14px; line-height: 1.45; }
.kesif-ikon { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--siyah); color: #f3d2b4; font-size: 19px; flex: none; }

/* keşfet sayfası */
.kesfet { padding-bottom: 60px; }
.kesfet-bas { text-align: center; padding: 26px 0 10px; }
.kesfet-bas h1 { font: 700 46px/1.1 'Cormorant Garamond', serif; background: var(--bakir); -webkit-background-clip: text; background-clip: text; color: transparent; }
.kesfet-bas p { max-width: 640px; margin: 12px auto 22px; color: var(--soluk); }
.kesfet-sekmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.kesfet-sekmeler a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid var(--cizgi); border-radius: 30px; font-weight: 500; font-size: 14px; transition: .2s; }
.kesfet-sekmeler a:hover { background: var(--siyah); color: #fff; border-color: var(--siyah); }
.kesif-arac { padding: 54px 0 20px; border-top: 1px solid var(--cizgi); margin-top: 40px; scroll-margin-top: 20px; }
.arac-bas { display: flex; gap: 16px; align-items: center; margin-bottom: 28px; }
.arac-bas h2 { font: 600 26px var(--sans); }
.arac-bas p { margin: 4px 0 0; color: var(--soluk); }
.kesif-arac h3 { font: 600 15px var(--sans); margin-bottom: 12px; }
.dugme.acik { background: #fff; color: var(--siyah); box-shadow: inset 0 0 0 1px var(--siyah); }
.dugme.acik:hover { background: var(--siyah); color: #fff; }
.dugme:disabled { opacity: .4; pointer-events: none; }
.izgara.kucuk { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.hap-grup { display: flex; flex-wrap: wrap; gap: 8px; }
.hap { padding: 8px 15px; border: 1px solid var(--cizgi); border-radius: 30px; font-size: 14px; background: #fff; transition: .15s; }
.hap:hover { border-color: var(--siyah); }
.hap[aria-checked="true"] { background: var(--siyah); color: #fff; border-color: var(--siyah); }

/* kaydır */
.kaydir-alan { display: flex; flex-direction: column; align-items: center; }
.deste { position: relative; width: min(340px, 86vw); height: 460px; }
.deste-kart { position: absolute; inset: 0; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 12px 34px rgba(0,0,0,.12); touch-action: pan-y; user-select: none; cursor: grab; transition: transform .26s ease, opacity .26s; --sag: 0; --sol: 0; }
.deste-kart[data-n="1"] { transform: translateY(12px) scale(.96); }
.deste-kart[data-n="2"] { transform: translateY(24px) scale(.92); }
.deste-kart.surukle { transition: none; cursor: grabbing; }
.deste-kart.git-sag { transform: translateX(140%) rotate(22deg) !important; opacity: 0; }
.deste-kart.git-sol { transform: translateX(-140%) rotate(-22deg) !important; opacity: 0; }
.deste-kart img { width: 100%; height: 330px; object-fit: cover; background: var(--gri); pointer-events: none; }
.deste-bilgi { padding: 14px 18px; display: grid; gap: 2px; }
.deste-bilgi small { color: var(--soluk); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.deste-bilgi b { font: 500 17px var(--sans); color: var(--siyah); }
.deste-bilgi span { color: var(--kirmizi); font-weight: 600; }
.deste-bilgi a { position: absolute; right: 18px; bottom: 18px; font-size: 13px; text-decoration: underline; }
.damga { position: absolute; top: 22px; padding: 6px 12px; border: 3px solid; border-radius: 6px; font: 700 20px var(--sans); letter-spacing: .08em; transform: rotate(-12deg); }
.damga.sag { left: 18px; color: var(--yesil); opacity: var(--sag); }
.damga.sol { right: 18px; color: var(--kirmizi); opacity: var(--sol); transform: rotate(12deg); }
.deste-bos { position: absolute; inset: 0; display: grid; place-content: center; gap: 10px; text-align: center; background: var(--gri2); border-radius: 14px; }
.deste-bos b { font-size: 22px; }
.kaydir-kontrol { display: flex; gap: 18px; margin-top: 46px; }
.yuvarlak { width: 62px; height: 62px; border-radius: 50%; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.1); font-size: 24px; transition: transform .15s; }
.yuvarlak:hover { transform: scale(1.1); }
.yuvarlak.gec { color: var(--kirmizi); } .yuvarlak.begen { color: #fff; background: var(--kirmizi); } .yuvarlak.geri { width: 48px; height: 48px; font-size: 19px; align-self: center; }
.yuvarlak:disabled { opacity: .3; transform: none; }
.kaydir-sayac { color: var(--soluk); margin: 12px 0 0; font-size: 14px; }
.kaydir-sonuc h3 { margin-top: 36px; }
.kaydir-paylas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }

/* pusula */
.pusula { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 28px; background: var(--gri2); padding: 26px; border-radius: 8px; }
.butce { width: 100%; accent-color: var(--kirmizi); }
.pusula-not { margin: 20px 0 16px; font-weight: 500; }

/* kombin */
.kombin { display: grid; grid-template-columns: 1fr 320px; gap: 30px; align-items: start; }
.kombin-yuva { margin-bottom: 18px; }
.kombin-yuva-bas { display: flex; justify-content: space-between; align-items: baseline; }
.kucuk-dugme { font-size: 13px; color: var(--soluk); text-decoration: underline; }
.kombin-serit { display: flex; gap: 10px; overflow-x: auto; padding: 4px 2px 10px; scroll-snap-type: x proximity; }
.kombin-sec { flex: none; width: 92px; height: 92px; border-radius: 8px; overflow: hidden; background: var(--gri); outline: 2px solid transparent; outline-offset: 2px; scroll-snap-align: center; transition: outline-color .15s, transform .15s; }
.kombin-sec img { width: 100%; height: 100%; object-fit: cover; }
.kombin-sec:hover { transform: translateY(-2px); }
.kombin-sec[aria-pressed="true"] { outline-color: var(--kirmizi); }
.kombin-ozet { position: sticky; top: 20px; background: var(--siyah); color: #eee; padding: 24px; border-radius: 10px; display: grid; gap: 12px; }
.kombin-ozet h3 { color: #fff; margin: 0; }
.kombin-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 14px; }
.kombin-liste li { display: grid; grid-template-columns: 64px 1fr auto; gap: 8px; align-items: baseline; border-bottom: 1px solid #333; padding-bottom: 8px; }
.kombin-liste span { color: #999; } .kombin-liste em { color: #777; grid-column: 2 / 4; }
.kombin-toplam { display: flex; justify-content: space-between; font-size: 18px; } .kombin-toplam b { background: var(--bakir); -webkit-background-clip: text; background-clip: text; color: transparent; }
.kombin-ozet .dugme { width: 100%; } .kombin-ozet .dugme.acik { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px #555; } .kombin-ozet .dugme.acik:hover { background: #fff; color: var(--siyah); }

/* ölçü */
.olcu { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.olcu-adim { background: var(--gri2); padding: 24px; border-radius: 8px; min-width: 0; }
.olcu-adim p { color: var(--soluk); font-size: 14px; }
.olcu-kart-alan, .olcu-halka-alan { height: 340px; display: grid; place-items: center; overflow: hidden; }
.olcu-kart { border: 2px dashed var(--siyah); border-radius: 12px; display: grid; place-items: center; color: var(--soluk); font-weight: 600; letter-spacing: .2em; background: #fff; max-width: none; }
.olcu-halka { border-radius: 50%; border: 3px solid var(--kirmizi); box-shadow: 0 0 0 9999px rgba(0,0,0,0), inset 0 0 0 1px #fff; background: radial-gradient(circle, #fff 60%, var(--seftali)); }
.olcu input[type=range] { width: 100%; accent-color: var(--kirmizi); }
.olcu-sonuc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 16px; }
.olcu-sonuc div { background: #fff; padding: 12px; border-radius: 6px; text-align: center; }
.olcu-sonuc small { display: block; color: var(--soluk); font-size: 12px; } .olcu-sonuc b { font-size: 18px; }
.olcu-sonuc .vurgu { background: var(--siyah); color: #fff; } .olcu-sonuc .vurgu small { color: #bbb; }
.olcu-sonuc p { grid-column: 1 / -1; margin: 4px 0 0; }

/* kolye */
.kolye-rehber { display: grid; grid-template-columns: 360px 1fr; gap: 40px; align-items: center; }
.siluet { width: 100%; max-width: 360px; background: var(--gri2); border-radius: 10px; }
.siluet .zincir { stroke: #c9a27e; stroke-width: 1.5; opacity: .35; stroke-dasharray: 3 4; transition: .3s; }
.siluet .uc { fill: #c9a27e; opacity: .35; transition: .3s; }
.siluet .zincir.aktif { stroke: var(--kirmizi); stroke-width: 3; opacity: 1; stroke-dasharray: none; }
.siluet .uc.aktif { fill: var(--kirmizi); opacity: 1; r: 7; }
.kolye-secim { display: grid; gap: 22px; justify-items: start; }
.kolye-aciklama b { font-size: 22px; } .kolye-aciklama p { color: var(--soluk); margin: 6px 0 0; max-width: 460px; }

@media (max-width: 1180px) { .kesif-kutular { grid-template-columns: repeat(3, 1fr); } .izgara.kucuk { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) {
  .kesif-kutular { grid-template-columns: repeat(2, 1fr); }
  .pusula, .kombin, .olcu, .kolye-rehber { grid-template-columns: 1fr; }
  .izgara.kucuk { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .kombin-ozet { position: static; }
  .kesfet-bas h1 { font-size: 36px; }
  .siluet { margin: 0 auto; }
}
@media (max-width: 560px) {
  .kesif-kutular { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 6px; }
  .kesif-kutu { flex: 0 0 72%; scroll-snap-align: start; }
  .deste { height: 430px; } .deste-kart img { height: 300px; }
  .olcu-kart-alan, .olcu-halka-alan { height: 260px; align-items: start; }
  .olcu-adim { padding: 18px 14px; }
  .arac-bas h2 { font-size: 21px; }
}
.kombin > *, .pusula > *, .olcu > *, .kolye-rehber > *, .kombin-yuva { min-width: 0; }