/* ═══════════════════════════════════════════════════════════════
   kadikoyozelkizogrenciyurdu.com — "Güven" katmanı (yk.css'in üstüne)
   Orman yeşili + bronz vurgu, sıcak kâğıt tonları; klasik, düzenli, kurumsal.
   Yazı: Fraunces (başlık) + Instrument Sans (metin). Köşeler az yuvarlak, ince çizgiler.
   ═══════════════════════════════════════════════════════════════ */
@font-face { font-family: 'Fraunces'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../../fonts/fraunces-latin.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Fraunces'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../../fonts/fraunces-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Fraunces'; font-style: italic; font-display: swap; font-weight: 100 900; src: url(../../fonts/fraunces-latin-italic.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Fraunces'; font-style: italic; font-display: swap; font-weight: 100 900; src: url(../../fonts/fraunces-latin-ext-italic.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-display: swap; font-weight: 400 700; src: url(../../fonts/instrument-sans-latin-wght-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-display: swap; font-weight: 400 700; src: url(../../fonts/instrument-sans-latin-ext-wght-normal.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root {
  --gv-orman: #F5670F;
  --gv-orman-koyu: #C9500A;
  --gv-bronz: #D9A56A;
  --gv-bronz-acik: #FFE0BF;
  --gv-kum: #FFEBD6;
  --gv-kagit: #FFF6EA;
  --yk-mor-koyu: #43230F;
  --yk-krem: #FFF6EA;
  --yk-krem-2: #FFE8CF;
  --yk-seftali: #FFDDB8;
  --yk-altin: #D9A56A;
  --yk-altin-acik: #FFE0BF;
  --yk-cizgi: #F2D6B3;
  --yk-mor-acik: #FFE8D2;
  --kx-murekkep: #2B211B;
  --kx-murekkep-2: #3A2E26;
  --kx-yazi: #4A3F37;
  --kx-soluk: #6E625A;
  --kx-soluk-2: #968A80;
  --kx-koyu-yazi: #FFEBD6;
  --kx-koyu-soluk: #D0C2B3;
  --kx-f-d: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --kx-f: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --kx-f-s: 'Fraunces', Georgia, serif;
  --kx-bosluk: clamp(72px, 8.5vw, 120px);
}
.kx-z-gri { background: var(--gv-kum); }
.kx-z-koyu { background: linear-gradient(160deg, #FF7A1F 0%, #DB560A 100%); }

/* ── Temel ───────────────────────────────────────────────────── */
body.kx { background: var(--gv-kagit); color: var(--kx-murekkep); font-size: 17px; font-weight: 400; }
.kx ::selection { background: var(--gv-orman); color: #fff; }
.kx-d, .yk-d { font-weight: 500; letter-spacing: -.02em; font-variation-settings: 'SOFT' 0, 'WONK' 0; }
.kx-s { font-family: var(--kx-f-s); font-style: italic; font-weight: 400; color: var(--gv-bronz); background: none; padding: 0; }
.kx-z-koyu .kx-s, .kx-alt .kx-s { color: var(--gv-bronz-acik); }
.yk-sb .kx-s { background: none; }
.yk-h1 { font-weight: 500; font-size: clamp(40px, 5.2vw, 76px); line-height: 1.04; letter-spacing: -.025em; }
.yk-h2 { font-weight: 500; font-size: clamp(30px, 3.6vw, 50px); line-height: 1.1; letter-spacing: -.02em; }
.yk-lead, .yk-metin, .yk-bolum-yan { color: var(--kx-soluk); }
.yk-etiket, .kx-etiket { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; font: 600 12px/1.2 var(--kx-f); letter-spacing: .2em; text-transform: uppercase; color: var(--gv-orman); }
.yk-etiket .yk-yildiz { display: none; }
.yk-etiket::before, .kx-etiket::before { content: ''; flex: 0 0 34px; width: 34px; height: 2px; border-radius: 0; background: var(--gv-bronz); }
.kx-z-koyu .yk-etiket, .kx-z-koyu .kx-etiket { color: var(--gv-bronz-acik); }
.kx-z-koyu .yk-etiket::before { background: var(--gv-bronz-acik); }
.yk-bolum-bas { padding-bottom: 28px; border-bottom: 1px solid var(--yk-cizgi); margin-bottom: clamp(32px, 4vw, 52px); }

/* ── Düğmeler ────────────────────────────────────────────────── */
.kx-dugme { min-height: 54px; padding: 0 28px; border-radius: 4px; font: 600 14px/1 var(--kx-f); letter-spacing: .06em; text-transform: uppercase; background: var(--gv-orman); border-color: var(--gv-orman); color: #fff !important; box-shadow: none; transition: background .3s, color .3s, border-color .3s; }
.kx-dugme:hover { background: var(--gv-orman-koyu); border-color: var(--gv-orman-koyu); box-shadow: none; transform: none; }
.kx-dugme-cizgi { background: transparent; border: 1.5px solid var(--gv-orman); color: var(--gv-orman) !important; }
.kx-dugme-cizgi:hover { background: var(--gv-orman); border-color: var(--gv-orman); color: #fff !important; }
.kx-z-koyu .kx-dugme:not(.kx-dugme-cizgi) { background: var(--gv-bronz-acik); border-color: var(--gv-bronz-acik); color: #43230F !important; }
.kx-z-koyu .kx-dugme:not(.kx-dugme-cizgi):hover { background: #fff; border-color: #fff; }
.kx-z-koyu .kx-dugme-cizgi { border-color: rgba(255,255,255,.55); color: #fff !important; }
.kx-z-koyu .kx-dugme-cizgi:hover { background: #fff; border-color: #fff; color: var(--gv-orman) !important; }
.kx-hap { border-radius: 4px; background: #fff; font: 600 13px/1 var(--kx-f); letter-spacing: .04em; }
.kx-hap[aria-pressed="true"] { background: var(--gv-orman); border-color: var(--gv-orman); color: #fff; }

/* ── Bilgi şeridi (en üst) + klasik üst menü ─────────────────── */
.gv-bilgi { background: var(--gv-orman-koyu); color: #FFEBD6; font: 500 13.5px/1.2 var(--kx-f); }
.gv-bilgi-ic { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 28px; padding: 10px 0; }
.gv-bilgi a { color: #fff; text-decoration: none; font-weight: 600; }
.gv-bilgi a:hover { color: var(--gv-bronz-acik); }
.gv-bilgi span, .gv-bilgi div { display: inline-flex; align-items: center; gap: 8px; }
.gv-bilgi i { color: var(--gv-bronz-acik); }
.gv-bilgi-sol, .gv-bilgi-sag { display: flex; flex-wrap: wrap; gap: 6px 28px; }
.kx-ust { padding: 0; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--yk-cizgi); -webkit-backdrop-filter: saturate(1.4) blur(12px); backdrop-filter: saturate(1.4) blur(12px); }
.kx-ust.kaydi { box-shadow: 0 12px 30px -24px rgba(67,35,15,.6); }
.kx-ust-ic.kx-kap { width: 100%; max-width: calc(1280px + 80px); height: 92px; padding: 0 40px; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.kx-ust.kaydi .kx-ust-ic.kx-kap { height: 74px; background: transparent; box-shadow: none; }
.kx-menu > ul { gap: 6px; }
.kx-menu > ul > li > a { position: relative; padding: 12px 14px; border-radius: 0; background: transparent !important; font: 600 13.5px/1 var(--kx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--kx-murekkep); }
.kx-menu > ul > li > a::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 2px; background: var(--gv-bronz); transform: scaleX(0); transform-origin: left; transition: transform .35s; }
.kx-menu > ul > li > a:hover, .kx-menu > ul > li.acik > a, .kx-menu > ul > li.aktif > a { color: var(--gv-orman); }
.kx-menu > ul > li > a:hover::after, .kx-menu > ul > li.acik > a::after, .kx-menu > ul > li.aktif > a::after { transform: scaleX(1); }
.kx-ust-cta { min-height: 48px; padding: 0 24px; }
.kx-menu-ac { border-radius: 4px; background: #fff; color: var(--gv-orman); }
.kx-panel { top: 100%; border-radius: 0 0 8px 8px; background: #fff; border: 1px solid var(--yk-cizgi); border-top: 3px solid var(--gv-bronz); box-shadow: 0 40px 70px -36px rgba(67,35,15,.5); }
.kx-panel-liste a { border-radius: 4px; font-weight: 600; }
.kx-panel-liste a:hover, .kx-panel-liste a[aria-current] { background: var(--gv-kum); color: var(--gv-orman); }
.kx-panel-gorsel { border-radius: 4px; }
.kx-panel-tumu { color: var(--gv-orman); }
.kx-cekmece { background: var(--gv-orman-koyu); }
.kx-cekmece-liste a[aria-current] { color: var(--gv-bronz-acik); }
.kx-cekmece .kx-dugme { background: var(--gv-bronz-acik); border-color: var(--gv-bronz-acik); color: #43230F !important; }

/* ── Vitrin: metin solda, sağda iki fotoğraf; altta güvence bandı ─ */
.gv-hero { position: relative; background: var(--gv-kagit); }
.gv-hero::before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 44%; background: var(--gv-kum); z-index: 0; }
.gv-hero-ic { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(36px, 5vw, 80px); align-items: center; padding-top: clamp(44px, 6vw, 88px); padding-bottom: clamp(52px, 6vw, 92px); }
.gv-hero-metin > * { animation: yk-yuksel .9s var(--kx-egri) both; }
.gv-hero-metin > *:nth-child(2) { animation-delay: .08s; } .gv-hero-metin > *:nth-child(3) { animation-delay: .16s; } .gv-hero-metin > *:nth-child(4) { animation-delay: .24s; }
.gv-hero .yk-h1 { max-width: 14ch; margin-bottom: 26px; }
.gv-hero .yk-lead { max-width: 500px; margin-bottom: 36px; }
.gv-hero-gorsel { position: relative; padding: 0 0 56px 56px; }
.gv-ana { margin: 0; position: relative; aspect-ratio: 5 / 4; overflow: hidden; border-radius: 4px; box-shadow: 0 40px 70px -44px rgba(67,35,15,.7); animation: yk-yuksel 1.1s var(--kx-egri) .1s both; }
.gv-ana img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gv-ana::after { content: ''; position: absolute; inset: 14px; border: 1px solid rgba(255,255,255,.6); border-radius: 2px; pointer-events: none; }
.gv-ikinci { position: absolute; left: 0; bottom: 0; width: 42%; aspect-ratio: 4 / 3; margin: 0; overflow: hidden; border: 8px solid var(--gv-kagit); border-radius: 4px; box-shadow: 0 26px 50px -26px rgba(67,35,15,.6); animation: yk-yuksel 1.1s var(--kx-egri) .3s both; }
.gv-ikinci img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gv-kart { position: absolute; right: -14px; bottom: 10px; max-width: 280px; padding: 18px 22px; border-left: 4px solid var(--gv-bronz); border-radius: 2px; background: #fff; box-shadow: 0 26px 50px -28px rgba(67,35,15,.6); animation: yk-yuksel 1.1s var(--kx-egri) .45s both; }
.gv-kart strong { display: block; font: 500 19px/1.2 var(--kx-f-d); color: var(--gv-orman); }
.gv-kart span { display: block; margin-top: 6px; font-size: 14px; line-height: 1.5; color: var(--kx-soluk); }
.gv-muhur { position: absolute; right: 22px; top: -18px; padding: 12px 18px; background: var(--gv-orman); color: #fff; border-radius: 2px; font: 600 11.5px/1.3 var(--kx-f); letter-spacing: .18em; text-transform: uppercase; box-shadow: 0 16px 30px -18px rgba(67,35,15,.8); }
.gv-muhur::before { content: '✦ '; color: var(--gv-bronz-acik); }
.gv-guvence { position: relative; z-index: 2; background: var(--gv-orman); color: #fff; }
.gv-guvence dl { margin: 0 auto; max-width: calc(1280px + 80px); padding: 0 40px; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.gv-guvence dl > div { padding: 28px 28px; border-left: 1px solid rgba(255,255,255,.16); }
.gv-guvence dl > div:first-child { border-left: 0; padding-left: 0; }
.gv-guvence dt { font: 500 clamp(26px, 2.6vw, 34px)/1.1 var(--kx-f-d); color: var(--gv-bronz-acik); }
.gv-guvence dd { margin: 8px 0 0; font: 500 14px/1.4 var(--kx-f); color: #F4D9BC; }

/* ── Şerit ───────────────────────────────────────────────────── */
.yk-serit { background: var(--gv-kum); color: var(--gv-orman); border-block: 1px solid var(--yk-cizgi); padding: 20px 0; }
.yk-serit li { font: italic 400 clamp(19px, 2vw, 24px)/1 var(--kx-f-s); }
.yk-serit .yk-yildiz { color: var(--gv-bronz); }

/* ── Özellikler ──────────────────────────────────────────────── */
.yk-ozellikler li { border-top: 2px solid var(--gv-orman); padding-top: 24px; }
.yk-no { font: 400 46px/1 var(--kx-f-d); font-style: normal; color: var(--gv-bronz); letter-spacing: -.03em; }
.yk-ozellikler h3 { font-weight: 500; }
.yk-ozellikler-kart li { border-radius: 4px; border: 1px solid var(--yk-cizgi); border-top: 3px solid var(--gv-bronz); background: #fff; box-shadow: none; }
.yk-ozellik-ikon, .yk-olanak-ikon { border-radius: 4px; background: var(--yk-mor-acik); color: var(--gv-orman); }
.kx-z-koyu .yk-ozellikler li { border-color: rgba(255,255,255,.3); }
.kx-z-koyu .yk-ozellikler-kart li { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); border-top-color: var(--gv-bronz-acik); }
.kx-z-koyu .yk-ozellik-ikon { background: rgba(255,255,255,.1); color: var(--gv-bronz-acik); }

/* ── Odalar: dikdörtgen, ince çerçeveli kartlar ──────────────── */
.yk-oda-izgara { grid-auto-rows: auto; gap: 22px; }
.yk-bento > *:nth-child(n) { grid-column: span 4; grid-row: auto; }
.yk-oda-kart, .kx a.yk-oda-kart, .kx a.yk-oda-kart:hover { display: flex; flex-direction: column; color: var(--kx-murekkep); }
.yk-oda-kart { border-radius: 4px; background: #fff; border: 1px solid var(--yk-cizgi); box-shadow: none; isolation: auto; transition: border-color .3s, box-shadow .3s, transform .4s var(--kx-egri); }
a.yk-oda-kart:hover { border-color: var(--gv-bronz); box-shadow: 0 30px 50px -36px rgba(67,35,15,.5); transform: translateY(-3px); }
.yk-oda-gorsel { position: relative; inset: auto; z-index: 0; aspect-ratio: 16 / 10; overflow: hidden; }
.yk-oda-kart::after { display: none; }
.yk-oda-etiket { left: 0; top: 18px; padding: 9px 16px; border-radius: 0 3px 3px 0; background: var(--gv-orman); color: #fff; font: 600 11.5px/1 var(--kx-f); letter-spacing: .12em; text-transform: uppercase; }
.yk-oda-ok { right: 14px; top: 14px; width: 40px; height: 40px; border-radius: 3px; background: #fff; color: var(--gv-orman); }
a.yk-oda-kart:hover .yk-oda-ok { background: var(--gv-bronz); color: #fff; }
.yk-oda-alt { position: static; padding: 22px 24px 26px; border-top: 3px solid var(--gv-bronz); }
.yk-oda-ad { font-weight: 500; color: var(--gv-orman); font-size: clamp(22px, 2vw, 27px); }
.yk-oda-kisa { color: var(--kx-soluk); max-width: none; }
.yk-oda-ozellik span { border-radius: 2px; background: var(--gv-kum); color: var(--kx-yazi); backdrop-filter: none; -webkit-backdrop-filter: none; font-weight: 600; }

/* ── Hikaye ──────────────────────────────────────────────────── */
.yk-kemer { border-radius: 4px; }
.yk-hikaye-gorsel .yk-kemer { aspect-ratio: 4 / 5; box-shadow: 0 36px 60px -40px rgba(67,35,15,.55); }
.yk-hikaye-gorsel { padding-bottom: 40px; }
.yk-hikaye-kucuk { border-radius: 4px; border-color: var(--gv-kagit); right: -4%; }
.kx-z-gri .yk-hikaye-kucuk { border-color: var(--gv-kum); }
.yk-halka { display: none; }
.yk-rakamlar { border-top: 2px solid var(--gv-orman); }
.yk-rakamlar dt { color: var(--gv-orman); font-weight: 500; }

/* ── Olanaklar / galeri ──────────────────────────────────────── */
.yk-olanak { border-radius: 4px; background: #fff; border-color: var(--yk-cizgi); border-top: 3px solid var(--gv-orman); }
.yk-olanak:hover { transform: none; border-top-color: var(--gv-bronz); box-shadow: 0 26px 46px -34px rgba(67,35,15,.5); }
.yk-olanak h3 { font-weight: 500; }
.yk-olanak summary { color: var(--gv-orman); }
.yk-olanak summary::after { border-radius: 3px; background: var(--yk-mor-acik); }
.yk-galeri-sutun figure { border-radius: 3px; }
.yk-galeri-sutun figcaption { background: linear-gradient(to top, rgba(67,35,15,.85), transparent); }

/* ── Sayfa başlığı ───────────────────────────────────────────── */
.yk-sb { background: var(--gv-kum); border-bottom: 1px solid var(--yk-cizgi); }
.yk-sb-yildiz { color: var(--gv-bronz); opacity: .3; }
.yk-sb-baslik { font-weight: 500; }
.yk-kirinti { font-weight: 600; letter-spacing: .08em; }
.yk-kirinti a { color: var(--gv-orman); }
.yk-oda-kart2 { border-radius: 4px; }
.yk-yan-baslik { color: var(--gv-orman); }
.yk-diger a { border-radius: 4px; font-weight: 600; }
.yk-diger a:hover { background: var(--gv-kum); color: var(--gv-orman); }

/* ── Video ───────────────────────────────────────────────────── */
.yk-video-cerceve { border-radius: 4px; box-shadow: 0 40px 70px -44px rgba(67,35,15,.7); }
.yk-video-cerceve::after { background: linear-gradient(100deg, rgba(67,35,15,.94) 0, rgba(67,35,15,.72) 52%, rgba(67,35,15,.15) 100%); }
.yk-video-ust .yk-etiket { color: var(--gv-bronz-acik); }
.yk-video-ust .kx-s { color: var(--gv-bronz-acik); }
.yk-video-ust .kx-dugme { background: var(--gv-bronz-acik); border-color: var(--gv-bronz-acik); color: #43230F !important; }
.yk-video-dugme { border-radius: 4px; }

/* ── İletişim / form ─────────────────────────────────────────── */
.kx-form { border-radius: 4px; background: #fff; border: 1px solid var(--yk-cizgi); border-top: 4px solid var(--gv-orman); box-shadow: 0 30px 56px -42px rgba(67,35,15,.5); }
.kx-form input:not([type=checkbox]), .kx-form select, .kx-form textarea { border-radius: 3px; font-family: var(--kx-f); }
.kx-kunye dt { color: var(--gv-orman); font-weight: 700; letter-spacing: .16em; }
.yk-wa-baglanti i { color: #25D366; }
.kx-harita { border-radius: 4px; overflow: hidden; }

/* ── Makale / S.S.S ──────────────────────────────────────────── */
.yk-makale-kapak { border-radius: 4px; }
.yk-makale-metin { color: var(--kx-yazi); }
.yk-makale-metin h2, .yk-makale-metin h3 { font-family: var(--kx-f-d); font-weight: 500; color: var(--gv-orman); }
.yk-makale-cta { border-radius: 4px; background: var(--gv-kum); border-left: 4px solid var(--gv-bronz); }
.yk-sss-oge { border-radius: 4px; background: #fff; border: 1px solid var(--yk-cizgi); box-shadow: none; }
.yk-sss-oge[open] { border-color: var(--gv-orman); box-shadow: none; }
.yk-sss-oge summary { font-weight: 500; color: var(--gv-orman); }
.yk-sss-oge summary::after { border-radius: 3px; background: var(--yk-mor-acik); color: var(--gv-orman); }
.yk-sss-oge[open] summary::after { background: var(--gv-orman); color: #fff; }

/* ── Alt bilgi ───────────────────────────────────────────────── */
.kx-alt { background: var(--gv-orman-koyu); border-radius: 0; border-top: 4px solid var(--gv-bronz); }
.kx-alt::before { border-color: rgba(255,224,191,.2); box-shadow: 0 0 0 46px rgba(255,224,191,.04), 0 0 0 92px rgba(255,224,191,.03); }
.kx-alt-kapanis h2 { font-weight: 500; }
.kx-alt-baslik, .kx-alt-eposta { color: var(--gv-bronz-acik) !important; }
.kx-alt .kx-dugme { background: var(--gv-bronz-acik); border-color: var(--gv-bronz-acik); color: #43230F !important; }
.kx-alt-sosyal a { border-radius: 3px; }
.kx-alt-sosyal a:hover { background: var(--gv-bronz-acik); border-color: var(--gv-bronz-acik); color: #43230F; }
.kx-imza { font-size: 13px; opacity: .85; }

/* ── Yüzen öğeler ────────────────────────────────────────────── */
.kx-yukari { border-radius: 4px; background: var(--gv-orman); color: #fff; }
.yk-wa { border-radius: 4px; background: #25D366; color: #fff; box-shadow: 0 18px 36px -16px rgba(37,211,102,.8); }
.kx-cerez { border-radius: 4px; }

/* ── Duyarlı ─────────────────────────────────────────────────── */
@media (max-width: 1080px) {
  .gv-hero::before { display: none; }
  .gv-hero-ic { grid-template-columns: 1fr; }
  .gv-hero-gorsel { max-width: 640px; width: 100%; margin: 0 auto; }
  .yk-bento > *:nth-child(n) { grid-column: span 6; }
  .kx-ust-ic.kx-kap { padding: 0 20px; height: 76px; }
  .gv-guvence dl { padding: 0 20px; }
}
@media (max-width: 720px) {
  .gv-bilgi-sag { display: none; }
  .gv-hero .yk-h1 { font-size: clamp(36px, 10.5vw, 52px); }
  .gv-hero-gorsel { padding-left: 24px; }
  .gv-kart { position: relative; right: auto; bottom: auto; margin: -20px 0 0 auto; }
  .yk-bento > *:nth-child(n) { grid-column: span 12; }
  .gv-guvence dl > div, .gv-guvence dl > div:first-child { border-left: 0; border-top: 1px solid rgba(255,255,255,.16); padding: 18px 0; }
  .gv-guvence dl > div:first-child { border-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .gv-hero-metin > *, .gv-ana, .gv-ikinci, .gv-kart { animation: none; }
}

/* ── Zemin turuncu · bantlar bej/beyaz ───────────────────────── */
.kx-cekmece, .kx-alt { background: var(--gv-orman); }
.kx-alt-baslik, .kx-alt-eposta { color: #FFEBD6 !important; }
.kx-alt p, .kx-alt li, .kx-alt a { color: #fff; }
.kx-alt .kx-dugme { color: #43230F !important; }
.kx-alt-sosyal a:hover { color: #43230F; }
.gv-bilgi { background: var(--gv-kum); color: #4A3F37; border-bottom: 1px solid var(--yk-cizgi); }
.gv-bilgi a { color: #2B211B; }
.gv-bilgi a:hover { color: var(--gv-orman); }
.gv-guvence { background: #FFE3C4; color: #2B211B; border-block: 1px solid var(--yk-cizgi); }
.gv-guvence dl > div { border-left-color: rgba(67,35,15,.16); }
.gv-guvence dt { color: var(--gv-orman); }
.gv-guvence dd { color: #5A4A3C; }
@media (max-width: 900px) { .gv-guvence dl > div { border-top-color: rgba(67,35,15,.16); } }

/* ── Sayfa zemini turuncu (açık bölümler + hero) · gri bölümler bej bant ── */
body.kx { background: #F5670F; }
.kx-z-acik, .gv-hero {
  background: #F5670F; color: #fff;
  --gv-orman: #fff; --gv-bronz: #FFE6C9;
  --kx-murekkep: #fff; --kx-yazi: rgba(255,255,255,.94); --kx-soluk: rgba(255,255,255,.84); --kx-soluk-2: rgba(255,255,255,.72);
  --yk-cizgi: rgba(255,255,255,.32); --yk-mor-acik: rgba(255,255,255,.16);
}
.kx .kx-z-acik { color: #fff; }
:is(.kx-z-acik, .gv-hero) :is(.yk-oda-kart, .yk-olanak, .kx-form, .yk-sss-oge, .gv-kart, .yk-ozellikler-kart li, .kx-hap, .kx-panel, .yk-diger a, .yk-yan) {
  --gv-orman: #F5670F; --gv-bronz: #D9A56A; --kx-murekkep: #2B211B; --kx-yazi: #4A3F37; --kx-soluk: #6E625A; --kx-soluk-2: #968A80;
  --yk-cizgi: #F2D6B3; --yk-mor-acik: #FFE8D2; color: #4A3F37;
}
.kx-z-acik .kx-dugme, .gv-hero .kx-dugme { background: #FFEBD6; border-color: #FFEBD6; color: #43230F !important; }
.kx-z-acik .kx-dugme:hover, .gv-hero .kx-dugme:hover { background: #fff; border-color: #fff; color: #C9500A !important; }
.kx-z-acik .kx-dugme-cizgi, .gv-hero .kx-dugme-cizgi { background: transparent; border: 1.5px solid #fff; color: #fff !important; }
.kx-z-acik .kx-dugme-cizgi:hover, .gv-hero .kx-dugme-cizgi:hover { background: #fff; border-color: #fff; color: #F5670F !important; }
.kx-z-acik .kx-form .kx-dugme { background: #F5670F; border-color: #F5670F; color: #fff !important; }
.kx-z-acik .kx-form .kx-dugme:hover { background: #C9500A; border-color: #C9500A; color: #fff !important; }
.gv-muhur { background: #FFEBD6; color: #43230F; }
.kx-z-acik .kx-s, .kx-z-acik .kx-ok { color: #fff; }
.kx-z-gri { background: #FFEBD6; }
.gv-hero::before { background: #DB560A; }
.gv-guvence dt { color: #C9500A; }
.gv-guvence dd { color: #5A4A3C; }