/* ==========================================================================
   KAZANKAYA — iç sayfalar (hizmetler, hizmet detayı, teklif)
   ========================================================================== */

/* ---------- Hizmet kartları (anasayfadaki koyu fotoğraflı kartlarla aynı dil) ---------- */
.kzs-liste{ background:var(--kz-siyah); }
.kzs__izgara{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
.kzs__kart{ position:relative; display:flex; flex-direction:column; justify-content:flex-end; aspect-ratio:4/5; border-radius:24px; overflow:hidden;
  isolation:isolate; color:#fff; background:var(--kz-siyah-3); border:1px solid rgba(255,255,255,.08); transition:border-color .4s var(--ease), transform .4s var(--ease), box-shadow .4s var(--ease); }
.kzs__kart img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform 1s var(--ease), filter .6s; filter:saturate(.85) brightness(.85); }
.kzs__perde{ position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg, rgba(10,10,12,.96) 0%, rgba(10,10,12,.7) 38%, rgba(10,10,12,.15) 72%, rgba(10,10,12,.35) 100%); }
.kzs__no{ position:absolute; top:22px; left:24px; font-family:var(--f-head); font-weight:800; font-size:2.6rem; line-height:1; color:transparent; -webkit-text-stroke:1.5px rgba(var(--kz-altin-rgb),.8); }
.kzs__ic{ position:absolute; top:22px; right:22px; width:50px; height:50px; border-radius:14px; display:grid; place-items:center;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:var(--kz-altin-l); font-size:1.15rem; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:.4s var(--ease); }
.kzs__alt{ padding:26px; }
.kzs__alt h2, .kzs__alt h3{ color:#fff; font-size:clamp(1.25rem,1.8vw,1.55rem); margin:0; text-transform:uppercase; letter-spacing:-.01em; line-height:1.15; }
.kzs__alt p{ margin:10px 0 0; color:rgba(255,255,255,.72); font-size:.93rem; line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.kzs__ok{ display:inline-flex; align-items:center; gap:8px; margin-top:16px; font-weight:700; font-size:.88rem; color:var(--kz-altin-l); }
.kzs__ok i{ transition:transform .3s var(--ease); }
.kzs__kart:hover{ border-color:rgba(var(--kz-altin-rgb),.6); transform:translateY(-6px); box-shadow:0 30px 60px rgba(0,0,0,.45); }
.kzs__kart:hover img{ transform:scale(1.07); filter:saturate(1) brightness(.95); }
.kzs__kart:hover .kzs__ic{ background:var(--kz-grad); color:#111; border-color:transparent; }
.kzs__kart:hover .kzs__ok i{ transform:translateX(5px); }

/* ---------- Süreç bandı (hizmetler sayfası altı) ---------- */
.kzs-surec{ background:var(--kz-krem); }
.kzs-surec__izgara{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.kzs-surec__adim{ padding:24px; border-radius:20px; background:#fff; border:1px solid #ECE6D6; }
.kzs-surec__adim b{ display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--kz-siyah); color:var(--kz-altin-l); font-family:var(--f-head); }
.kzs-surec__adim h3{ margin:14px 0 6px; font-size:1.08rem; }
.kzs-surec__adim p{ margin:0; color:var(--c-muted); font-size:.93rem; line-height:1.6; }

/* ---------- Hizmet detayı ---------- */
.kzd__izgara{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:clamp(28px,4vw,60px); align-items:start; }
.kzd__gorsel{ margin:0 0 30px; border-radius:26px; overflow:hidden; box-shadow:0 26px 60px rgba(0,0,0,.14); }
.kzd__gorsel img{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.kzd__metin .rich{ font-size:1.05rem; line-height:1.85; }
.kzd__metin .rich h3{ margin:32px 0 14px; font-size:1.4rem; text-transform:uppercase; letter-spacing:-.01em; }
.kzd__metin .rich ul{ list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 22px; }
.kzd__metin .rich ul li{ display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:14px; background:var(--kz-krem); border:1px solid #ECE6D6; font-weight:600; color:#1B1B1E; }
.kzd__metin .rich ul li::before{ content:""; flex:none; width:10px; height:10px; transform:rotate(45deg); background:var(--kz-grad); }
.kzd__yan{ position:sticky; top:110px; display:flex; flex-direction:column; gap:18px; }
.kzd__cta{ position:relative; overflow:hidden; padding:28px; border-radius:24px; color:#fff;
  background:radial-gradient(90% 70% at 100% 0%, rgba(var(--kz-altin-rgb),.25), transparent 60%), var(--kz-siyah); box-shadow:0 26px 60px rgba(0,0,0,.25); }
.kzd__cta span.eyebrow{ color:var(--kz-altin-l); }
.kzd__cta h3{ color:#fff; font-size:1.35rem; margin:10px 0 8px; text-transform:uppercase; }
.kzd__cta p{ color:rgba(255,255,255,.72); font-size:.93rem; line-height:1.6; margin:0 0 18px; }
.kzd__cta .btn{ width:100%; justify-content:center; }
.kzd__cta-alt{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.kzd__cta-alt a{ display:flex; align-items:center; justify-content:center; gap:7px; padding:11px; border-radius:12px; font-weight:700; font-size:.88rem; color:#fff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); }
.kzd__cta-alt a.is-wa{ background:#1fae5b; border-color:#1fae5b; }
.kzd__liste{ padding:10px; border-radius:22px; background:#fff; border:1px solid #ECE6D6; }
.kzd__liste h4{ margin:12px 14px 8px; font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--c-muted); }
.kzd__liste a{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; color:#1B1B1E; font-weight:600; transition:.25s var(--ease); }
.kzd__liste a i.kzd__lic{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--kz-krem); color:var(--kz-altin-d); flex:none; }
.kzd__liste a:hover{ background:var(--kz-krem); }
.kzd__liste a[aria-current="page"]{ background:var(--kz-siyah); color:#fff; }
.kzd__liste a[aria-current="page"] i.kzd__lic{ background:var(--kz-grad); color:#111; }
.kzd__liste a .fa-arrow-right{ margin-left:auto; font-size:.8rem; opacity:.5; }
.kzd-diger{ background:var(--kz-siyah); }
.kzd-diger h2{ color:#fff; text-transform:uppercase; letter-spacing:-.02em; }

/* ---------- Teklif sayfası ---------- */
.kzq__izgara{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:start; }
.kzq__form{ padding:clamp(24px,3.4vw,40px); border-radius:28px; background:#fff; border:1px solid #ECE6D6; box-shadow:0 26px 60px rgba(0,0,0,.08); }
.kzq__form h2{ text-transform:uppercase; letter-spacing:-.02em; margin:8px 0 6px; }
.kzq__form > p{ color:var(--c-muted); margin:0 0 22px; }
.kzq__alanlar{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.kzq__alan{ display:flex; flex-direction:column; gap:7px; font-size:.86rem; font-weight:600; color:#1B1B1E; }
.kzq__alan--tam{ grid-column:1 / -1; }
.kzq__alan input, .kzq__alan select, .kzq__alan textarea{ width:100%; padding:13px 15px; border-radius:12px; border:1px solid #E3DDCD; background:var(--kz-krem); font:inherit; font-weight:400; font-size:.96rem; color:#1B1B1E; transition:.2s; }
.kzq__alan input:focus, .kzq__alan select:focus, .kzq__alan textarea:focus{ outline:0; border-color:var(--kz-altin); background:#fff; box-shadow:0 0 0 3px rgba(var(--kz-altin-rgb),.18); }
.kzq__gonder{ grid-column:1 / -1; justify-content:center; }
.kzq__uyari{ margin-bottom:16px; padding:12px 14px; border-radius:12px; background:#FDECEC; border:1px solid #F3C2C2; color:#8A1F1F; font-size:.92rem; }
.kzq__uyari--ok{ background:#E9F7EF; border-color:#BFE6CF; color:#1C6B3E; }
.kzq__yan{ display:flex; flex-direction:column; gap:14px; }
.kzq__kart{ display:flex; gap:14px; align-items:flex-start; padding:20px; border-radius:20px; background:var(--kz-siyah); color:#fff; }
.kzq__kart i{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:rgba(var(--kz-altin-rgb),.16); color:var(--kz-altin-l); flex:none; }
.kzq__kart b{ display:block; font-family:var(--f-head); }
.kzq__kart small{ display:block; color:rgba(255,255,255,.65); line-height:1.5; margin-top:2px; }
.kzq__kart a{ color:var(--kz-altin-l); font-weight:700; }

@media (max-width:1024px){
  .kzs__izgara{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kzs-surec__izgara{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kzd__izgara, .kzq__izgara{ grid-template-columns:1fr; }
  .kzd__yan{ position:static; }
}
@media (max-width:600px){
  .kzs__izgara, .kzs-surec__izgara, .kzd__metin .rich ul, .kzq__alanlar{ grid-template-columns:1fr; }
  .kzs__kart{ aspect-ratio:5/4; }
}

/* Hakkımızda: panelden gelen metin */
.abs__html p{ margin:16px 0 0; color:var(--c-muted); font-size:1.02rem; line-height:1.76; }
.abv__t{ text-transform:uppercase; }
.abs__t{ text-transform:uppercase; letter-spacing:-.01em; }

/* Hizmet metni: süreç adımları (ol) ve sık sorulan sorular (h4 + p) */
.kzd__metin .rich h2{ margin:34px 0 14px; font-size:1.55rem; }
.kzd__metin .rich ol{ list-style:none; counter-reset:adim; padding:0; margin:0 0 24px; display:grid; gap:12px; }
.kzd__metin .rich ol li{ counter-increment:adim; position:relative; padding:16px 18px 16px 64px; border-radius:16px; background:#fff; border:1px solid #ECE6D6; line-height:1.7; }
.kzd__metin .rich ol li::before{ content:counter(adim, decimal-leading-zero); position:absolute; left:16px; top:16px; width:34px; height:34px; border-radius:10px; display:grid; place-items:center;
  background:var(--kz-siyah); color:var(--kz-altin-l); font-weight:800; font-size:.8rem; }
.kzd__metin .rich ol li strong{ color:#1B1B1E; }
.kzd__metin .rich h4{ margin:14px 0 0; padding:16px 18px 6px; border-radius:16px 16px 0 0; background:var(--kz-krem); border:1px solid #ECE6D6; border-bottom:0;
  font-size:1.02rem; line-height:1.45; color:#1B1B1E; display:flex; gap:10px; }
.kzd__metin .rich h4::before{ content:"S"; flex:none; width:24px; height:24px; border-radius:7px; display:grid; place-items:center; background:var(--kz-grad); color:#111; font-size:.75rem; font-weight:800; margin-top:1px; }
.kzd__metin .rich h4 + p{ margin:0 0 4px; padding:4px 18px 16px 52px; border-radius:0 0 16px 16px; background:var(--kz-krem); border:1px solid #ECE6D6; border-top:0; font-size:.98rem; color:var(--c-muted); }
@media (max-width:575.98px){
  .kzd__metin .rich{ font-size:1rem; line-height:1.8; }
  .kzd__metin .rich h3{ font-size:1.2rem; }
  .kzd__metin .rich ol li{ padding:14px 14px 14px 58px; }
  .kzd__metin .rich h4 + p{ padding-left:18px; }
}