/* Fontlar: Zodiak (başlık) ve Satoshi (metin), Fontshare / Indian Type Foundry, ITF Free Font License
   (ticari kullanım dahil ücretsiz). Kendi sunucumuzdan yüklenir; dış istek yok. */
@font-face { font-family: 'Zodiak'; src: url('/fonts/zodiak-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Zodiak'; src: url('/fonts/zodiak-400i.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('/fonts/satoshi-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('/fonts/satoshi-500.woff2') format('woff2'); font-weight: 500 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('/fonts/satoshi-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* =====================================================================
   Fame Bungalov — "Gece Ormanı" tasarım sistemi
   Koyu orman zemini + logo altını + fildişi okuma bölümleri.
   Başlık: Cormorant Garamond (logodaki klasik Roma harfleriyle akraba)
   Metin:  Montserrat
   ===================================================================== */

:root {
  /* Renk: koyu yüzeyler */
  --gece-0: #0e110d;
  --gece-1: #151a14;
  --gece-2: #1e241c;
  --cizgi-koyu: rgba(244, 239, 230, .14);
  --yazi-acik: #f4efe6;
  --yazi-acik-soluk: #b8b1a3;

  /* Renk: açık (okuma) yüzeyler */
  --fildisi: #f5f0e7;
  --fildisi-2: #ebe4d6;
  --kagit: #fbf8f2;
  --murekkep: #1c1917;
  --murekkep-soluk: #57534e;
  --cizgi: rgba(28, 25, 23, .14);

  /* Marka ve durum */
  --altin: #c9a24a;          /* logo altını; koyu zeminde 8:1 */
  --altin-acik: #e2c47c;
  --altin-koyu: #7c5e1a;     /* açık zeminde yazı olarak 5:1+ */
  --musait: #257a47;
  --dolu: #b23a30;
  --mars: #c4623f;
  --venus: #c08a7e;
  --jupiter: #8399b6;

  /* Tipografi */
  --baslik: 'Zodiak', 'Didot', Georgia, serif;   /* Fontshare, ITF Free Font License */
  --govde: 'Satoshi', system-ui, sans-serif;
  --t-1: clamp(44px, 6.4vw, 100px);
  --t-2: clamp(34px, 4.2vw, 64px);
  --t-3: clamp(26px, 2.6vw, 40px);
  --t-govde: 16px;
  --t-kucuk: 14px;
  --t-etiket: 12px;

  /* Boşluk (ferah ölçek) */
  --a1: 4px; --a2: 8px; --a3: 16px; --a4: 24px; --a5: 40px; --a6: 64px; --a7: 104px; --a8: 160px;
  --kenar: clamp(20px, 5vw, 72px);
  --genislik: 1240px;

  /* Yüzey */
  --r1: 2px; --r2: 4px;
  --golge-2: 0 24px 60px rgba(0, 0, 0, .32);

  /* Hareket */
  --hiz-1: 160ms; --hiz-2: 280ms; --hiz-3: 700ms;
  --egri: cubic-bezier(.2, .7, .2, 1);
}

/* ---------- Temel ---------- */
* { box-sizing: border-box; margin: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; touch-action: manipulation; -webkit-text-size-adjust: 100%; }
body { background: var(--gece-0); color: var(--yazi-acik); font: 400 var(--t-govde)/1.7 var(--govde); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, video { display: block; max-width: 100%; }
a { color: inherit; }
button { font: inherit; color: inherit; }
h1, h2, h3, h4 { font-family: var(--baslik); font-weight: 400; letter-spacing: -.015em; line-height: 1.04; text-wrap: balance; }
em { font-style: italic; color: var(--altin); }
svg.lucide { width: 1em; height: 1em; stroke-width: 1.6; flex: none; }
.kap { width: min(var(--genislik), 100% - 2 * var(--kenar)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Bölüm zeminleri: koyu (varsayılan) ve açık okuma bölümleri */
.acik { background: var(--fildisi); color: var(--murekkep); }
.acik em { color: var(--altin-koyu); }

/* Üst başlık (eyebrow) */
.etiket { font: 600 var(--t-etiket)/1.4 var(--govde); letter-spacing: .22em; text-transform: uppercase; color: var(--altin); }
.acik .etiket { color: var(--altin-koyu); }
.etiket.cizgili::before { content: ''; display: inline-block; width: 32px; height: 1px; background: currentColor; vertical-align: middle; margin-right: 14px; }

/* Odak ve atlama linki */
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; border-radius: var(--r2); }
.acik :focus-visible { outline-color: var(--murekkep); }
.atla { position: fixed; left: 16px; top: -80px; z-index: 100; padding: 14px 20px; background: var(--altin); color: var(--murekkep); font-weight: 600; text-decoration: none; transition: top var(--hiz-2); }
.atla:focus { top: 16px; }
#nl-badge-frame { display: none !important; } /* Netlify ücretsiz plan rozeti */

/* ---------- Butonlar ---------- */
.buton {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 26px;
  border-radius: var(--r1); border: 1px solid transparent; text-decoration: none; cursor: pointer;
  font: 600 13px/1 var(--govde); letter-spacing: .14em; text-transform: uppercase;
  transition: background var(--hiz-2) var(--egri), color var(--hiz-2), border-color var(--hiz-2), transform var(--hiz-1);
}
.buton svg { width: 16px; height: 16px; }
.buton:active { transform: scale(.97); }
.buton.altin, .buton.krem { background: var(--altin); color: var(--murekkep); }
.buton.altin:hover, .buton.krem:hover { background: var(--altin-acik); }
.buton.cizgili { border-color: rgba(244, 239, 230, .4); color: var(--yazi-acik); }
.buton.cizgili:hover { border-color: var(--altin); color: var(--altin-acik); }
.buton.koyu { background: var(--murekkep); color: var(--fildisi); }
.buton.koyu:hover { background: #33302c; }
.buton.acik-cizgi { border-color: var(--cizgi); color: var(--murekkep); background: transparent; }
.buton.acik-cizgi:hover { border-color: var(--murekkep); }
.buton.whatsapp { background: var(--musait); color: #fff; }
.buton.whatsapp:hover { background: #1d6339; }
.butonlar { display: flex; flex-wrap: wrap; gap: 12px; }
.metin-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: inherit; font-size: var(--t-kucuk); font-weight: 500; text-underline-offset: 5px; }
.metin-link:hover { color: var(--altin); }
.acik .metin-link:hover { color: var(--altin-koyu); }

.ilerleme { position: fixed; top: 0; left: 0; height: 2px; width: 100%; z-index: 60; background: var(--altin); transform-origin: 0 50%; transform: scaleX(0); }

/* ---------- Üst menü ---------- */
.menu {
  position: fixed; inset: 0 0 auto; z-index: 50; height: 76px;
  display: flex; align-items: center; gap: var(--a4); padding: 0 var(--kenar);
  color: var(--yazi-acik); transition: background var(--hiz-2), box-shadow var(--hiz-2), height var(--hiz-2);
  background: linear-gradient(rgba(14, 17, 13, .65), transparent);
}
.menu.dolu { height: 68px; background: rgba(14, 17, 13, .94); box-shadow: 0 1px 0 var(--cizgi-koyu); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.logo { display: flex; align-items: center; gap: 12px; min-height: 44px; min-width: 44px; text-decoration: none; white-space: nowrap; }
.logo img { width: 40px; height: auto; }
.logo span { font: 700 15px/1 var(--govde); letter-spacing: .28em; text-transform: uppercase; }
.logo span b { display: block; font: 500 9px/1 var(--govde); letter-spacing: .42em; color: var(--altin); margin-top: 5px; }
.sekmeler { display: flex; align-items: center; gap: var(--a1); margin-left: auto; }
.sekmeler a { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; text-decoration: none; font-size: 14px; font-weight: 500; letter-spacing: .04em; color: var(--yazi-acik-soluk); transition: color var(--hiz-2); position: relative; }
.sekmeler a:hover, .sekmeler a.aktif, .acilir-baslik.aktif { color: var(--yazi-acik); }
.sekmeler > a.aktif::after, .acilir-baslik.aktif::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: 8px; height: 1px; background: var(--altin); }
.acilir { position: relative; }
.acilir-baslik svg { width: 14px; height: 14px; transition: transform var(--hiz-2); }
.acilir:hover .acilir-baslik svg, .acilir:focus-within .acilir-baslik svg, .acilir.acik .acilir-baslik svg { transform: rotate(180deg); }
.acilir-liste {
  position: absolute; top: calc(100% + 8px); left: 0; min-width: 220px; padding: var(--a2); display: grid;
  background: var(--gece-1); border: 1px solid var(--cizgi-koyu); box-shadow: var(--golge-2);
  opacity: 0; pointer-events: none; transform: translateY(-6px); transition: opacity var(--hiz-2), transform var(--hiz-2) var(--egri);
}
.acilir-liste::before { content: ''; position: absolute; inset: -12px 0 auto; height: 12px; }
.acilir:hover .acilir-liste, .acilir:focus-within .acilir-liste, .acilir.acik .acilir-liste { opacity: 1; pointer-events: auto; transform: none; }
.acilir-liste a { padding: 0 14px; color: var(--yazi-acik); font-family: var(--baslik); font-size: 22px; letter-spacing: 0; }
.acilir-liste a:hover { background: var(--gece-2); }
.menu-nokta { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--renk); }
.menu-cta { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 1px solid var(--altin); border-radius: var(--r1); text-decoration: none; font: 600 12px/1 var(--govde); letter-spacing: .14em; text-transform: uppercase; color: var(--altin); transition: background var(--hiz-2), color var(--hiz-2); }
.menu-cta:hover, .menu-cta.aktif { background: var(--altin); color: var(--murekkep); }
.menu-cta svg { width: 16px; height: 16px; }
.menu-ac { display: none; width: 44px; height: 44px; place-items: center; background: none; border: 1px solid var(--cizgi-koyu); border-radius: var(--r1); cursor: pointer; font-size: 20px; }

/* ---------- Karşılama ---------- */
.hero { position: relative; min-height: 100svh; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
.hero-foto, .hero-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-foto img { animation: hero-yaklas 18s var(--egri) both; }
@keyframes hero-yaklas { from { transform: scale(1.08); } }
/* Fotoğraf görünür kalsın: sadece yazının olduğu alt-sol bölge koyulaşır */
.hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(14, 17, 13, .94) 0%, rgba(14, 17, 13, .6) 40%, rgba(14, 17, 13, .08) 72%, rgba(14, 17, 13, .35) 100%), linear-gradient(to right, rgba(14, 17, 13, .55), transparent 62%); }
.hero-ic { position: relative; z-index: 1; padding: 140px 0 var(--a5); display: grid; gap: var(--a4); }
.hero h1 { font-size: var(--t-1); max-width: 13ch; }
.hero h1 em { display: block; }
.hero-metin { max-width: 46ch; color: var(--yazi-acik-soluk); font-size: clamp(16px, 1.3vw, 18px); }
.puan { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; width: fit-content; text-decoration: none; font-size: var(--t-kucuk); color: var(--yazi-acik); }
.puan b { font: 600 22px/1 var(--baslik); color: var(--altin); }
.yildizlar { display: inline-flex; gap: 2px; color: var(--altin); }
.yildizlar svg { width: 14px; height: 14px; fill: currentColor; stroke-width: 0; }
.puan:hover span:last-child { text-decoration: underline; text-underline-offset: 4px; }

/* Tarih sorgulama çubuğu (karşılamada ve takvimde aynı yapı) */
.sorgu { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr auto; gap: 1px; background: var(--cizgi-koyu); border: 1px solid var(--cizgi-koyu); }
.sorgu .alan { display: grid; gap: 2px; padding: 12px 20px; background: rgba(14, 17, 13, .82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.sorgu label { font: 600 12px/1.4 var(--govde); letter-spacing: .18em; text-transform: uppercase; color: var(--altin); }
.sorgu input[type="date"] { appearance: none; -webkit-appearance: none; min-height: 32px; width: 100%; background: none; border: 0; color: var(--yazi-acik); font: 500 17px var(--govde); color-scheme: dark; }
.sorgu .buton { min-height: 100%; border-radius: 0; padding: 0 32px; }
.sorgu-not { position: relative; z-index: 1; font-size: 13px; color: var(--yazi-acik-soluk); margin: var(--a3) 0 var(--a5); }

/* ---------- Bölüm başlıkları ---------- */
.bolum { padding: var(--a8) 0; }
.bolum-bas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--a5); align-items: end; margin-bottom: var(--a6); }
.bolum-bas h2 { font-size: var(--t-2); margin-top: var(--a3); }
.bolum-bas p:not(.etiket) { color: var(--yazi-acik-soluk); max-width: 46ch; justify-self: end; }
.acik .bolum-bas p:not(.etiket) { color: var(--murekkep-soluk); }

/* ---------- Üç gezegen: isimler + yavaşça akan fotoğraflar ---------- */
.gezegenler { padding: var(--a7) 0 var(--a6); }
.sutunlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 2vw, 32px); }
.sutun { display: flex; flex-direction: column; text-decoration: none; }
.sutun-ad { display: flex; align-items: baseline; justify-content: space-between; gap: var(--a3); padding-bottom: var(--a3); margin-bottom: var(--a3); border-bottom: 1px solid var(--cizgi-koyu); }
.sutun h3 { font-size: clamp(34px, 4.4vw, 64px); transition: color var(--hiz-2); }
.sutun-ad span { font-size: 13px; color: var(--yazi-acik-soluk); letter-spacing: .04em; display: inline-flex; align-items: center; gap: 6px; }
.sutun:hover h3, .sutun:focus-visible h3 { color: var(--altin); }
.sutun-ad .menu-nokta { width: 7px; height: 7px; }
.serit { height: clamp(380px, 62svh, 640px); overflow: hidden; -webkit-mask-image: linear-gradient(transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(transparent, #000 10%, #000 90%, transparent); }
.akis { animation: akis var(--sure) linear infinite; }
.akis.ters { animation-direction: reverse; }
.akis img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; margin-bottom: clamp(10px, 1.4vw, 18px); background: var(--gece-2); }
@keyframes akis { to { transform: translateY(-50%); } }
.gezegen-alt { display: flex; justify-content: space-between; align-items: center; gap: var(--a3); margin-top: var(--a4); flex-wrap: wrap; }
.gezegen-alt p { color: var(--yazi-acik-soluk); font-size: var(--t-kucuk); }

/* Akışı durdur / başlat */
.hareket-dugme { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px; background: none; border: 1px solid var(--cizgi-koyu); border-radius: var(--r1); cursor: pointer; font-size: 13px; font-weight: 500; color: var(--yazi-acik-soluk); }
.hareket-dugme:hover { color: var(--yazi-acik); border-color: var(--yazi-acik-soluk); }
.hareket-dugme svg { width: 15px; height: 15px; }
.hareket-dugme.yuvarlak { position: absolute; z-index: 2; right: 14px; bottom: 14px; width: 44px; padding: 0; justify-content: center; background: rgba(14, 17, 13, .72); color: var(--yazi-acik); backdrop-filter: blur(6px); }
html[data-hareket="durdu"] .akis { animation-play-state: paused !important; }
.sutun:focus-visible .akis, .ev-galeri:focus-within .akis, .ev-panel:focus-within .akis { animation-play-state: paused !important; }

/* ---------- Bungalov detayları: sekmeler ---------- */
.evler { padding: var(--a6) 0 var(--a8); }
.sekme-listesi { display: flex; gap: var(--a5); border-bottom: 1px solid var(--cizgi-koyu); margin-bottom: var(--a6); overflow-x: auto; scrollbar-width: none; }
.sekme { position: relative; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 0 2px; background: none; border: 0; cursor: pointer; font: 500 clamp(26px, 2.6vw, 38px)/1 var(--baslik); color: var(--yazi-acik-soluk); transition: color var(--hiz-2); white-space: nowrap; }
.sekme::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--renk); transform: scaleX(0); transform-origin: left; transition: transform var(--hiz-2) var(--egri); }
.sekme[aria-selected="true"] { color: var(--yazi-acik); }
.sekme[aria-selected="true"]::after { transform: none; }
.sekme:hover { color: var(--yazi-acik); }
.sekme .menu-nokta { width: 9px; height: 9px; }
.ev-panel { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: start; scroll-margin-top: 90px; }
.ev-panel[hidden] { display: none; }
.ev-galeri { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(10px, 1.4vw, 18px); }
.ev-galeri .serit { height: clamp(460px, 78svh, 760px); }
.ev-icerik { position: sticky; top: 110px; display: grid; gap: var(--a4); }
.ev-icerik h3 { font-size: clamp(56px, 7vw, 112px); line-height: .9; }
.ev .slogan { font: italic 500 clamp(22px, 2vw, 30px)/1.25 var(--baslik); color: var(--yazi-acik); }
.ev .slogan em { color: var(--altin); }
.ev .metin { color: var(--yazi-acik-soluk); max-width: 52ch; }
.ozellikler { list-style: none; padding: 0; border-top: 1px solid var(--cizgi-koyu); }
.ozellikler li { display: flex; align-items: center; gap: 16px; min-height: 52px; border-bottom: 1px solid var(--cizgi-koyu); font-size: 15px; }
.ozellikler li span { display: grid; place-items: center; color: var(--altin); font-size: 20px; }
.fiyat-not { font-size: 13px; color: var(--yazi-acik-soluk); }
.fiyat-not strong { color: var(--yazi-acik); font-weight: 600; }

/* ---------- Hakkımızda ---------- */
.hakkimizda { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 7vw, 120px); align-items: center; }
.hak-foto { position: relative; }
.hak-foto img:not(.hak-logo) { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.hak-foto .hak-logo { position: absolute; right: -28px; bottom: 40px; width: 132px; height: auto; padding: 20px; background: var(--gece-0); box-shadow: var(--golge-2); }
.hak-metin h2 { font-size: var(--t-2); margin: var(--a3) 0 var(--a4); }
.hak-metin > p:not(.etiket) { color: var(--murekkep-soluk); max-width: 56ch; margin-bottom: var(--a3); font-size: 17px; }
.hak-sayilar { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--a5); border-top: 1px solid var(--cizgi); }
.hak-sayilar li { padding: var(--a4) var(--a3) 0 0; }
.hak-sayilar li + li { padding-left: var(--a4); border-left: 1px solid var(--cizgi); }
.hak-sayilar b { display: block; font: 500 clamp(34px, 3.4vw, 48px)/1 var(--baslik); color: var(--murekkep); font-variant-numeric: lining-nums tabular-nums; }
.hak-sayilar span { display: block; margin-top: 8px; font-size: 13px; color: var(--murekkep-soluk); }
.hak-sayilar a { display: block; text-decoration: none; min-height: 44px; }
.hak-sayilar a:hover b { color: var(--altin-koyu); }

/* ---------- Müsaitlik ---------- */
.takvim-duzen { display: grid; grid-template-columns: minmax(0, 7fr) minmax(300px, 4fr); gap: var(--a5); align-items: start; }
.takvim .sorgu { background: var(--cizgi); border-color: var(--cizgi); margin-bottom: var(--a4); }
.takvim .sorgu .alan { background: var(--kagit); backdrop-filter: none; -webkit-backdrop-filter: none; }
.takvim .sorgu label { color: var(--altin-koyu); }
.takvim .sorgu input[type="date"] { color: var(--murekkep); color-scheme: light; }
.filtre { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--a4); }
.filtre button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; background: none; border: 1px solid var(--cizgi); border-radius: var(--r1); cursor: pointer; font-size: 14px; font-weight: 500; color: var(--murekkep); transition: background var(--hiz-2), color var(--hiz-2), border-color var(--hiz-2); }
.filtre button i { width: 8px; height: 8px; border-radius: 50%; background: var(--renk); }
.filtre button:hover { border-color: var(--murekkep); }
.filtre button[aria-pressed="true"] { background: var(--murekkep); color: var(--fildisi); border-color: var(--murekkep); }
.takvim-kutu { position: relative; padding: clamp(16px, 2.4vw, 32px); background: var(--kagit); border: 1px solid var(--cizgi); }
.ay-gezgin { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--a4); }
.ay-gezgin h3 { font-size: clamp(26px, 2.4vw, 34px); }
.ay-gezgin button { display: grid; place-items: center; width: 44px; height: 44px; background: none; border: 1px solid var(--cizgi); border-radius: var(--r1); cursor: pointer; font-size: 18px; color: var(--murekkep); }
.ay-gezgin button:hover:not(:disabled) { border-color: var(--murekkep); }
.ay-gezgin button:disabled { opacity: .3; cursor: default; }
.gun-adlari, .gunler { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.gun-adlari span { text-align: center; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--murekkep-soluk); padding-bottom: 10px; }
.gun {
  position: relative; height: clamp(54px, 6.4vw, 76px); display: flex; flex-direction: column; justify-content: space-between; align-items: center;
  padding: clamp(6px, 1vw, 10px) 2px; background: var(--fildisi); border: 1px solid transparent; cursor: pointer; color: var(--murekkep);
  transition: border-color var(--hiz-1), background var(--hiz-1), transform var(--hiz-1);
}
.gun:hover:not(:disabled) { border-color: var(--murekkep-soluk); }
.gun:not(:disabled):active { transform: scale(.95); }
.gun .no { font: 500 clamp(17px, 1.7vw, 22px)/1 var(--baslik); font-variant-numeric: lining-nums tabular-nums; }
.gun.gecmis { opacity: .32; cursor: default; background: transparent; }
.gun.bugun .no { text-decoration: underline; text-decoration-color: var(--altin-koyu); text-underline-offset: 4px; }
.gun.bos-hucre { visibility: hidden; }
.gun.aralik { background: #efe2c4; }
.gun.aralik-bas, .gun.aralik-son { background: var(--murekkep); color: var(--fildisi); }
.gun.aralik-bas .noktalar i:not(.dolu), .gun.aralik-son .noktalar i:not(.dolu) { box-shadow: inset 0 0 0 1.5px var(--fildisi); }
.gun.iskelet { cursor: default; background: linear-gradient(90deg, var(--fildisi) 30%, var(--fildisi-2) 50%, var(--fildisi) 70%) 0 0 / 300% 100%; animation: iskelet 1.4s ease-in-out infinite; }
@keyframes iskelet { to { background-position: -150% 0; } }
/* Dolu = içi dolu nokta, boş = halka */
.noktalar { display: flex; gap: clamp(3px, .5vw, 5px); }
.noktalar i { width: clamp(7px, 1vw, 9px); height: clamp(7px, 1vw, 9px); border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--renk); }
.noktalar i.dolu { background: var(--renk); }
.gunler.tekli .noktalar { display: none; }
.gunler.tekli .gun.dolu:not(.gecmis) { background: color-mix(in srgb, var(--renk) 80%, #000); color: #fff; }
.gunler.tekli .gun.dolu .no { text-decoration: line-through; }
.lejant { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: var(--a4); font-size: 13px; color: var(--murekkep-soluk); }
.lejant span { display: flex; align-items: center; gap: 7px; }
.lejant i { width: 9px; height: 9px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--murekkep); }
.lejant i.dolu { background: var(--murekkep); }
.lejant .sira i { box-shadow: none; background: var(--renk); margin-left: 4px; }
.durum:empty { display: none; }
.durum { position: absolute; inset: 0; z-index: 2; display: grid; place-content: center; justify-items: center; gap: var(--a3); padding: var(--a5); text-align: center; background: rgba(251, 248, 242, .96); }
.kaynak { margin-top: var(--a3); font-size: 13px; color: var(--murekkep-soluk); }

/* Sonuç paneli: seçilen tarihlerde hangi ev boş */
.sonuc { position: sticky; top: 100px; padding: clamp(24px, 2.6vw, 36px); background: var(--gece-0); color: var(--yazi-acik); display: grid; gap: var(--a4); }
.sonuc h4 { font-size: clamp(26px, 2.4vw, 34px); }
.sonuc .tarih-ozet { font-size: var(--t-kucuk); color: var(--yazi-acik-soluk); }
.sonuc ul { list-style: none; padding: 0; border-top: 1px solid var(--cizgi-koyu); }
.sonuc li { display: flex; align-items: center; justify-content: space-between; gap: var(--a3); min-height: 56px; border-bottom: 1px solid var(--cizgi-koyu); }
.sonuc li > span { display: flex; align-items: center; gap: 12px; font: 500 24px/1 var(--baslik); }
.rozet { font: 600 12px/1 var(--govde); letter-spacing: .06em; padding: 7px 10px; border-radius: var(--r1); white-space: nowrap; }
.rozet.bos { background: var(--musait); color: #fff; }
.rozet.dolu { background: var(--dolu); color: #fff; }
.sonuc .not { font-size: 13px; color: var(--yazi-acik-soluk); }
.sonuc .not a { color: var(--altin); }
.sonuc .bos-durum { color: var(--yazi-acik-soluk); }
.sonuc .butonlar .buton { flex: 1 1 100%; }

/* ---------- Sapanca kartı + güven şeridi + iletişim ---------- */
.kesfet-kart { position: relative; display: grid; min-height: clamp(420px, 70svh, 640px); align-items: end; overflow: hidden; text-decoration: none; color: var(--yazi-acik); }
.kesfet-kart img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--egri); }
.kesfet-kart:hover img { transform: scale(1.03); }
.kesfet-kart::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(14, 17, 13, .9), rgba(14, 17, 13, .1) 65%); }
.kesfet-metin { position: relative; z-index: 1; display: grid; gap: var(--a3); justify-items: start; padding: var(--a6) var(--kenar); max-width: 820px; }
.kesfet h2 { font-size: var(--t-2); }
.kesfet-metin > p:not(.etiket) { color: var(--yazi-acik-soluk); max-width: 48ch; }
.guven { display: flex; flex-wrap: wrap; gap: var(--a3) var(--a6); padding: var(--a5) 0; border-bottom: 1px solid var(--cizgi-koyu); }
.guven a, .guven span { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; text-decoration: none; color: var(--yazi-acik-soluk); font-size: var(--t-kucuk); }
.guven b { color: var(--yazi-acik); font-weight: 600; }
.guven svg { color: var(--altin); width: 20px; height: 20px; }
.guven a:hover b { color: var(--altin); }

.iletisim { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.iletisim-foto { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.iletisim h2 { font-size: var(--t-2); margin: var(--a3) 0 var(--a4); }
.iletisim .alinti { font: italic 400 clamp(20px, 1.8vw, 26px)/1.4 var(--baslik); color: var(--yazi-acik-soluk); }
.iletisim dl { display: grid; grid-template-columns: auto 1fr; gap: var(--a2) var(--a4); margin: var(--a4) 0 var(--a5); font-size: 15px; }
.iletisim dt { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--altin); padding-top: 3px; }
.iletisim dd { color: var(--yazi-acik); margin: 0; }
.iletisim dd a { text-decoration: none; }
.iletisim dd a:hover { color: var(--altin); }

/* ---------- Alt bilgi ---------- */
footer { border-top: 1px solid var(--cizgi-koyu); padding: var(--a6) 0 var(--a5); color: var(--yazi-acik-soluk); font-size: var(--t-kucuk); }
.alt-izgara { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--a5); }
.alt-izgara h3 { font: 600 12px/1.4 var(--govde); letter-spacing: .2em; text-transform: uppercase; color: var(--altin); margin-bottom: var(--a3); }
.alt-izgara ul { list-style: none; padding: 0; display: grid; gap: 2px; }
.alt-izgara a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; color: var(--yazi-acik-soluk); }
.alt-izgara a:hover { color: var(--yazi-acik); }
.alt-logo { display: flex; align-items: center; gap: 16px; margin-bottom: var(--a3); }
.alt-logo img { width: 56px; height: auto; }
.alt-logo span { font: 700 18px/1 var(--govde); letter-spacing: .28em; text-transform: uppercase; color: var(--yazi-acik); }
.alt-satir { display: flex; justify-content: space-between; gap: var(--a3); flex-wrap: wrap; margin-top: var(--a6); padding-top: var(--a4); border-top: 1px solid var(--cizgi-koyu); font-size: 13px; }

/* ---------- Görünüme girerken hafif belirme ---------- */
.belir { opacity: 0; transform: translateY(14px); transition: opacity var(--hiz-3) var(--egri), transform var(--hiz-3) var(--egri); }
.belir.gorundu { opacity: 1; transform: none; }

/* =====================================================================
   SAPANCA SAYFASI
   ===================================================================== */
.sp-giris { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: center; padding: 150px 0 var(--a7); }
.sp-giris h1 { font-size: var(--t-1); margin: var(--a3) 0 var(--a4); }
.sp-ozet { color: var(--yazi-acik-soluk); max-width: 50ch; margin-bottom: var(--a5); font-size: 17px; }
.aktiviteler { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--a5); border-top: 1px solid var(--cizgi-koyu); margin-bottom: var(--a5); }
.aktiviteler li { display: flex; align-items: center; gap: 14px; min-height: 52px; border-bottom: 1px solid var(--cizgi-koyu); font-size: 15px; }
.aktiviteler svg { width: 20px; height: 20px; color: var(--altin); }
.sp-video { position: relative; margin: 0; justify-self: center; width: min(100%, 420px); }
.sp-video video { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; background: var(--gece-2); }
.sp-video figcaption { margin-top: var(--a3); font-size: 13px; color: var(--yazi-acik-soluk); }
.sp-video figcaption a { display: inline-flex; align-items: center; min-height: 44px; color: var(--altin); }
.sp-video .video-dugme { bottom: 74px; }

.yerler { padding: var(--a8) 0; }
.bolge + .bolge { margin-top: var(--a7); }
.bolge-afis { position: relative; height: clamp(240px, 34vw, 460px); overflow: hidden; margin-bottom: var(--a5); }
.bolge-afis img { width: 100%; height: 100%; object-fit: cover; }
.bolge-afis::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(14, 17, 13, .78), transparent 60%); }
.bolge-afis h3 { position: absolute; z-index: 1; left: var(--a5); bottom: var(--a4); font-size: clamp(48px, 7vw, 112px); color: var(--yazi-acik); }
.afis-kaynak { position: absolute; z-index: 1; right: var(--a3); bottom: 4px; font-size: 12px; }
.afis-kaynak a { display: inline-flex; align-items: center; min-height: 44px; color: rgba(244, 239, 230, .78); text-decoration: none; }
.grup { padding: var(--a5) 0; border-top: 1px solid var(--cizgi); }
.grup-ust { display: flex; align-items: baseline; gap: var(--a3) var(--a4); flex-wrap: wrap; margin-bottom: var(--a4); }
.grup-ust h3 { font-size: var(--t-3); }
.grup-not { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--murekkep-soluk); }
.grup-not svg { color: var(--renk); width: 18px; height: 18px; }
.yer-izgara { display: grid; grid-template-columns: repeat(var(--sutun, 4), minmax(0, 1fr)); gap: var(--a5) var(--a4); }
.yer { display: flex; flex-direction: column; gap: var(--a3); text-decoration: none; color: var(--murekkep); }
.yer-medya { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--fildisi-2); }
.yer-medya img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--egri); }
.yer:hover .yer-medya img { transform: scale(1.04); }
.yer-ikon { display: grid; place-items: center; height: 100%; color: var(--renk); }
.yer-ikon svg { width: 48px; height: 48px; }
.temsili { position: absolute; left: 10px; top: 10px; padding: 4px 8px; background: rgba(14, 17, 13, .7); color: var(--yazi-acik); font-size: 12px; letter-spacing: .06em; }
.yer-govde { display: grid; gap: 4px; }
.yer-etiket { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--renk) 60%, #000); }
.yer h4 { font-size: 26px; transition: color var(--hiz-2); }
.yer:hover h4 { color: var(--altin-koyu); }
.yer-harita { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; font-size: 13px; color: var(--murekkep-soluk); }

.savibu-ic { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.savibu h2 { font-size: var(--t-2); margin: var(--a3) 0 var(--a4); }
.savibu-metin { color: var(--yazi-acik-soluk); max-width: 58ch; margin-bottom: var(--a3); }
.savibu-metin strong { color: var(--yazi-acik); font-weight: 600; }
.degerler { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--a2) var(--a4); margin-top: var(--a4); font-size: 14px; color: var(--yazi-acik); }
.degerler li::before { content: '—'; color: var(--altin); margin-right: 8px; }
.uye-kart { display: grid; gap: var(--a2); justify-items: start; padding: clamp(28px, 3vw, 44px); border: 1px solid var(--altin); }
.uye-kart > svg { width: 40px; height: 40px; color: var(--altin); margin-bottom: var(--a2); }
.uye-ust { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--altin); }
.uye-buyuk { font: 500 clamp(32px, 3vw, 44px)/1.05 var(--baslik); }
.uye-alt { color: var(--yazi-acik-soluk); margin-bottom: var(--a3); }
.uye-site { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--yazi-acik-soluk); }
.kaynaklar { padding: var(--a5) 0 0; font-size: 13px; color: var(--yazi-acik-soluk); }
.kaynaklar .etiket { margin-bottom: var(--a2); }
.kaynaklar a { color: inherit; }

/* =====================================================================
   DUYARLI: 1024 / 768 / 375
   ===================================================================== */
@media (max-width: 1100px) {
  .sekmeler a { padding: 0 10px; }
  .takvim-duzen { grid-template-columns: 1fr; }
  .sonuc { position: static; }
}
@media (max-width: 1000px) {
  .yer-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yer-izgara > .yer:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .yer-izgara > .yer:last-child:nth-child(odd) .yer-medya { aspect-ratio: 16 / 8; }
}
@media (max-width: 900px) {
  /* Menü: tam ekran açılan panel */
  .menu { height: 64px; gap: var(--a2); }
  .menu.dolu { height: 64px; }
  .menu-cta { margin-left: auto; }
  .menu-ac { display: grid; position: relative; z-index: 2; }
  .logo, .menu-cta { position: relative; z-index: 2; }
  .sekmeler {
    position: fixed; inset: 0; z-index: 1; margin: 0; padding: 104px var(--kenar) var(--a5);
    flex-direction: column; align-items: stretch; gap: 0; background: var(--gece-0); overflow-y: auto;
    opacity: 0; visibility: hidden; transition: opacity var(--hiz-2), visibility var(--hiz-2);
  }
  .menu.acik .sekmeler { opacity: 1; visibility: visible; }
  .menu.acik { background: var(--gece-0); }
  .sekmeler a { min-height: 64px; padding: 0; font: 500 34px/1 var(--baslik); letter-spacing: 0; color: var(--yazi-acik); border-bottom: 1px solid var(--cizgi-koyu); }
  .sekmeler > a.aktif::after, .acilir-baslik.aktif::after { display: none; }
  .acilir-baslik svg { display: none; }
  .acilir-liste { position: static; opacity: 1; pointer-events: auto; transform: none; background: none; border: 0; box-shadow: none; padding: var(--a2) 0 var(--a3); display: flex; flex-wrap: wrap; gap: var(--a2); min-width: 0; }
  .acilir-liste::before { display: none; }
  .acilir-liste a { min-height: 44px; padding: 0 16px; font: 500 15px/1 var(--govde); border: 1px solid var(--cizgi-koyu); }

  .bolum { padding: var(--a7) 0; }
  .bolum-bas { grid-template-columns: 1fr; gap: var(--a3); margin-bottom: var(--a5); }
  .bolum-bas p:not(.etiket) { justify-self: start; }
  .ev-panel, .hakkimizda, .iletisim, .sp-giris, .savibu-ic { grid-template-columns: 1fr; }
  .ev-icerik { position: static; }
  .ev-galeri .serit { height: 64svh; }
  .hak-foto .hak-logo { right: 16px; bottom: 16px; width: 96px; padding: 14px; }
  .alt-izgara { grid-template-columns: 1fr 1fr; }
  .alt-izgara > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  :root { --kenar: 20px; }
  .hero-ic { padding-top: 112px; gap: var(--a3); }
  .hero h1 { font-size: clamp(42px, 11.5vw, 60px); }
  .sorgu { grid-template-columns: 1fr 1fr; }
  .sorgu .buton { grid-column: 1 / -1; min-height: 52px; }
  .sorgu .alan { padding: 10px 14px; }
  .sorgu input[type="date"] { font-size: 16px; }
  /* Üç gezegen: telefonda üç dar şerit (müşterinin istediği düzen korunur) */
  .sutunlar { gap: 8px; }
  .sutun-ad { flex-direction: column; align-items: flex-start; gap: 2px; padding-bottom: 10px; margin-bottom: 10px; }
  .sutun h3 { font-size: clamp(26px, 8vw, 36px); }
  .sutun-ad span { font-size: 12px; }
  .serit { height: 58svh; }
  .sekme-listesi { gap: var(--a4); }
  .sekme { font-size: 28px; min-height: 56px; }
  .ev-galeri .serit { height: 56svh; }
  .ozellikler li { font-size: 14px; }
  .hak-sayilar span { font-size: 12px; }
  .hak-sayilar li + li { padding-left: var(--a3); }
  .aktiviteler { grid-template-columns: 1fr; }
  .gun { height: 52px; }
  .gun-adlari span { letter-spacing: .04em; }
  .noktalar i { width: 6px; height: 6px; }
  .guven { flex-direction: column; gap: 0; }
  .alt-izgara { grid-template-columns: 1fr; }
  .bolge-afis h3 { left: var(--a3); }
  .yer h4 { font-size: 22px; }
  .yer-izgara { gap: var(--a4) var(--a3); }
}
@media (max-width: 400px) {
  .logo span { display: none; }
  .menu-cta { padding: 0 12px; }
  .yer-etiket { letter-spacing: .06em; }
}

/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .akis { animation: none; }
  .serit { overflow-y: auto; }
  .belir { opacity: 1; transform: none; }
}

/* Mobil ince ayar: takvim günleri 44px+, ince yazılar en az 14px */
.sorgu-not, .fiyat-not, .sonuc .not, .kaynak, .lejant, .sp-video figcaption { font-size: 14px; }
@media (max-width: 760px) {
  .takvim-kutu { padding: 12px 8px; }
  .gun-adlari, .gunler { gap: 2px; }
}
.iletisim dd a { display: inline-flex; align-items: center; min-height: 44px; margin: -12px 0; }
.alt-izgara a { min-width: 44px; padding-right: 12px; }

/* =====================================================================
   Zodiak + Satoshi ince ayarları ve yeni bölümler
   ===================================================================== */
body { font-weight: 400; letter-spacing: 0; }
.hero h1 { max-width: 16ch; }
.hero h1 em { display: block; }
.sutun h3 { font-size: clamp(30px, 3.6vw, 54px); }
.sutun-ad span { letter-spacing: .12em; text-transform: uppercase; font-size: 12px; }
.sekme { font-size: clamp(24px, 2.4vw, 34px); letter-spacing: -.01em; }
.ev-icerik h3 { font-size: clamp(56px, 6.6vw, 100px); line-height: .95; }
.gun .no { font-family: var(--govde); font-weight: 500; font-size: clamp(15px, 1.4vw, 18px); }
.puan b { font-family: var(--govde); font-weight: 600; font-size: 18px; }
.hak-sayilar b { font-size: clamp(32px, 3.2vw, 46px); }
.yer h4 { font-size: 24px; letter-spacing: -.01em; }
.acilir-liste a { font-size: 21px; letter-spacing: 0; }
.alt-logo span { letter-spacing: .28em; }
.logo span { font-size: 15px; letter-spacing: .28em; }
.sonuc li > span { font-size: 24px; letter-spacing: 0; }
@media (max-width: 900px) { .sekmeler a { font-size: 32px; letter-spacing: -.01em; } }
@media (max-width: 760px) {
  .hero h1 { font-size: clamp(40px, 11vw, 54px); }
  .sutun h3 { font-size: clamp(22px, 6.6vw, 30px); }
  .sekme { font-size: 24px; }
}

/* Kapasite ve "Tüm özellikler" bağlantısı */
.kapasite { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; color: var(--altin); }
.kapasite svg { width: 18px; height: 18px; }
.tum-ozellik { background: none; border: 0; padding: 0; cursor: pointer; color: var(--yazi-acik); font-size: 15px; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--altin); justify-self: start; }
.tum-ozellik svg { width: 16px; height: 16px; transition: transform var(--hiz-2); }
.tum-ozellik:hover svg { transform: translateX(4px); }

/* Tüm özellikler: tam ekran, kendi içinde kayan pencere */
.ozellik-sayfa {
  position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0; border: 0;
  background: var(--gece-0); color: var(--yazi-acik); overflow-y: auto; overscroll-behavior: contain;
}
.ozellik-sayfa::backdrop { background: rgba(14, 17, 13, .7); }
.ozellik-sayfa[open] { animation: oz-ac var(--hiz-2) var(--egri); }
@keyframes oz-ac { from { opacity: 0; transform: translateY(16px); } }
.oz-ust { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 14px var(--kenar); background: rgba(14, 17, 13, .94); border-bottom: 1px solid var(--cizgi-koyu); backdrop-filter: blur(10px); }
.oz-kapat { display: grid; place-items: center; width: 48px; height: 48px; background: none; border: 1px solid var(--cizgi-koyu); border-radius: var(--r1); cursor: pointer; font-size: 22px; color: var(--yazi-acik); }
.oz-kapat:hover { border-color: var(--altin); color: var(--altin); }
.oz-ic { width: min(920px, 100% - 2 * var(--kenar)); margin: 0 auto; padding: var(--a6) 0 var(--a7); display: grid; gap: var(--a5); }
.oz-bas { display: grid; gap: var(--a3); padding-bottom: var(--a5); border-bottom: 1px solid var(--cizgi-koyu); }
.oz-bas h2 { font-size: clamp(44px, 6vw, 84px); }
.oz-kosul { display: flex; gap: 12px; align-items: flex-start; color: var(--yazi-acik-soluk); max-width: 60ch; }
.oz-kosul svg { width: 20px; height: 20px; color: var(--altin); margin-top: 3px; }
.oz-liste { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--a5); border-top: 1px solid var(--cizgi-koyu); }
.oz-liste li { display: flex; align-items: center; gap: 16px; min-height: 60px; border-bottom: 1px solid var(--cizgi-koyu); font-size: 16px; }
.oz-liste li span { display: grid; place-items: center; width: 24px; color: var(--altin); font-size: 22px; }
@media (max-width: 640px) { .oz-liste { grid-template-columns: 1fr; } }

/* Misafir yorumları */
.puan-buyuk { display: flex; align-items: center; gap: var(--a3); justify-self: end; text-decoration: none; color: var(--yazi-acik); min-height: 44px; }
.puan-buyuk > b { font: 500 clamp(48px, 5vw, 72px)/1 var(--baslik); color: var(--altin); }
.puan-buyuk > span { display: grid; gap: 6px; font-size: 14px; color: var(--yazi-acik-soluk); }
.puan-buyuk:hover > span > span { color: var(--yazi-acik); text-decoration: underline; text-underline-offset: 4px; }
.yorum-izgara { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--a4); }
.yorum { margin: 0; display: grid; align-content: start; gap: var(--a3); padding: clamp(24px, 3vw, 40px); border: 1px solid var(--cizgi-koyu); grid-column: span 6; }
.yorum.one { grid-column: span 12; border-color: rgba(201, 162, 74, .45); }
.yorum blockquote { margin: 0; }
.yorum blockquote p { font-size: 16px; line-height: 1.8; color: var(--yazi-acik); }
.yorum.one blockquote p { font-size: clamp(18px, 1.6vw, 22px); max-width: 70ch; }
.yorum figcaption { font-size: 14px; color: var(--yazi-acik-soluk); letter-spacing: .04em; }
.yorum figcaption b { color: var(--yazi-acik); font-weight: 500; }
@media (max-width: 900px) {
  .puan-buyuk { justify-self: start; }
  .yorum { grid-column: span 12; }
}

/* Güven şeridi: üç madde tek satırda */
.guven { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--a4); flex-wrap: nowrap; }
.guven a { display: flex; align-items: center; gap: 14px; min-height: 64px; }
.guven a > span { display: grid; gap: 2px; line-height: 1.35; }
.guven b { font: 400 22px/1.1 var(--baslik); color: var(--yazi-acik); }
.guven svg { width: 26px; height: 26px; flex: none; }
.guven a + a { border-left: 1px solid var(--cizgi-koyu); padding-left: var(--a4); }
@media (max-width: 760px) {
  .guven { gap: 0; }
  .guven a { flex-direction: column; align-items: flex-start; gap: 8px; padding: 0 10px; font-size: 12px; }
  .guven a + a { padding-left: 10px; }
  .guven a:first-child { padding-left: 0; }
  .guven b { font-size: 17px; }
  .guven svg { width: 22px; height: 22px; }
}