/* ==========================================================================
   KAZANKAYA — ANA SAYFA
   hero (.kzh) · hizmet şeridi (.kzm) · hakkımızda (.kza) · hizmetler (.kzs)
   süreç (.kzp) · makine kiralama (.kzk) · galeri (.kzg) · yorumlar (.kzy)
   S.S.S. + teklif (.kzf). Renkler kazankaya.css değişkenlerinden.
   ========================================================================== */

.kz-altin{
  background:var(--kz-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* ---------- Başlık koyu hero üzerinde (sabitlenmeden önce) ---------- */
.is-home.has-kzh .m-topbar{ background:transparent; border-bottom:1px solid rgba(255,255,255,.08); }
.is-home.has-kzh .m-header:not(.is-stuck){ background:transparent; border-bottom-color:transparent; box-shadow:none; backdrop-filter:none; }
.is-home.has-kzh .m-header:not(.is-stuck) .m-nav__item > a{ color:#fff; }
.is-home.has-kzh .m-header:not(.is-stuck) .m-nav__item > a:hover,
.is-home.has-kzh .m-header:not(.is-stuck) .m-nav__item > a[aria-current="page"]{ color:var(--kz-altin-l); }
.is-home.has-kzh .m-header:not(.is-stuck) .m-logo__renkli{ opacity:0; }
.is-home.has-kzh .m-header:not(.is-stuck) .m-logo__beyaz{ opacity:1; }
.is-home.has-kzh .m-header:not(.is-stuck) .m-hcall{ color:#fff; }
.is-home.has-kzh .m-header:not(.is-stuck) .m-hcall__t small{ color:rgba(255,255,255,.66); }
.is-home.has-kzh .m-header:not(.is-stuck) .m-hcall__ic{ background:rgba(255,255,255,.12); color:var(--kz-altin-l); }
.is-home.has-kzh .m-header:not(.is-stuck) .m-menu-btn{ background:rgba(255,255,255,.12); box-shadow:inset 0 0 0 1px rgba(255,255,255,.24); }
.is-home.has-kzh .m-header:not(.is-stuck) .m-menu-btn span{ background:#fff; }

/* ==========================================================================
   HERO
   ========================================================================== */
.kzh{
  position:relative; isolation:isolate; overflow:hidden; color:#fff; background:var(--kz-siyah);
  margin-top:calc(-1 * var(--home-top)); padding-top:var(--home-top);
  min-height:clamp(680px, 100svh, 900px);
  display:flex; flex-direction:column; justify-content:flex-end;
}
.kzh__foto{ position:absolute; inset:0 0 0 22%; z-index:-3; }
.kzh__foto img{ width:100%; height:100%; object-fit:cover; object-position:62% 50%; animation:kzhDrift 14s var(--ease) both; }
@keyframes kzhDrift{ from{ transform:scale(1.12); } to{ transform:scale(1.02); } }
.kzh__perde{ position:absolute; inset:0; z-index:-2;
  background:
    linear-gradient(90deg, #0E0E10 0%, #0E0E10 24%, rgba(14,14,16,.9) 38%, rgba(14,14,16,.45) 62%, rgba(14,14,16,.2) 100%),
    linear-gradient(0deg, #0E0E10 0%, rgba(14,14,16,.2) 34%, rgba(14,14,16,0) 60%, rgba(14,14,16,.55) 100%),
    radial-gradient(50% 60% at 18% 70%, rgba(var(--kz-altin-rgb),.22), transparent 70%); }
.kzh__izgara{ position:absolute; inset:0; z-index:-1; opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:72px 72px; mask-image:linear-gradient(90deg, #000 0%, #000 40%, transparent 75%); }
.kzh__ic{ position:relative; width:100%; padding-top:clamp(40px, 7vh, 90px); }
.kzh__metin{ max-width:680px; }
.kzh__rozet{ display:inline-flex; align-items:center; gap:10px; padding:8px 16px; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid rgba(var(--kz-altin-rgb),.35); font-size:.84rem; letter-spacing:.02em; color:rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); animation:kzUp .8s var(--ease) .1s both; }
.kzh__nokta{ width:8px; height:8px; border-radius:50%; background:var(--kz-altin); box-shadow:0 0 0 0 rgba(var(--kz-altin-rgb),.7); animation:kzNabiz 2.2s ease-out infinite; }
@keyframes kzNabiz{ 0%{ box-shadow:0 0 0 0 rgba(var(--kz-altin-rgb),.7); } 100%{ box-shadow:0 0 0 12px rgba(var(--kz-altin-rgb),0); } }
.kzh__baslik{ color:#fff; font-weight:800; text-transform:uppercase; letter-spacing:-.025em; line-height:.92;
  font-size:clamp(2.8rem, 6.6vw, 6rem); margin:22px 0 22px; animation:kzUp .9s var(--ease) .2s both; }
.kzh__lead{ max-width:560px; font-size:clamp(1.02rem,1.3vw,1.18rem); line-height:1.7; color:rgba(255,255,255,.8); margin:0; animation:kzUp .9s var(--ease) .3s both; }
.kzh__cta{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 26px; margin-top:34px; animation:kzUp .9s var(--ease) .4s both; }
.kzh__ara{ display:inline-flex; align-items:center; gap:12px; color:#fff; }
.kzh__ara-ic{ width:52px; height:52px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(var(--kz-altin-rgb),.5); color:var(--kz-altin-l); transition:.3s var(--ease); }
.kzh__ara:hover .kzh__ara-ic{ background:var(--kz-grad); color:#111; border-color:transparent; }
.kzh__ara small{ display:block; font-size:.76rem; color:rgba(255,255,255,.6); letter-spacing:.06em; text-transform:uppercase; }
.kzh__ara b{ display:block; font-family:var(--f-head); font-size:1.25rem; letter-spacing:.01em; }
@keyframes kzUp{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:none; } }

.kzh__sayilar-sar{ position:relative; width:100%; margin-top:clamp(40px, 7vh, 80px); padding-bottom:clamp(24px, 4vh, 44px); }
.kzh__sayilar{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.12); }
.kzh__sayi{ padding:22px 22px 4px 0; position:relative; animation:kzUp .9s var(--ease) .55s both; }
.kzh__sayi + .kzh__sayi{ padding-left:24px; border-left:1px solid rgba(255,255,255,.08); }
.kzh__sayi::before{ content:""; position:absolute; top:-1px; left:0; width:44px; height:2px; background:var(--kz-grad); }
.kzh__sayi + .kzh__sayi::before{ left:24px; }
.kzh__sayi b{ display:block; font-family:var(--f-head); font-weight:800; font-size:clamp(2rem,3.4vw,3rem); line-height:1; letter-spacing:-.02em; color:var(--kz-altin-l); }
.kzh__sayi > span{ display:block; margin-top:8px; font-size:.86rem; color:rgba(255,255,255,.66); }

/* ==========================================================================
   HİZMET ŞERİDİ
   ========================================================================== */
.kzm{ background:var(--kz-grad); overflow:hidden; padding:18px 0; border-block:1px solid rgba(0,0,0,.2); }
.kzm__iz{ display:flex; align-items:center; gap:28px; width:max-content; animation:kzKay 38s linear infinite; }
.kzm__iz span{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; letter-spacing:.02em; font-size:clamp(1.05rem,1.6vw,1.4rem); color:#111; white-space:nowrap; }
.kzm__iz i{ width:12px; height:12px; background:#111; transform:rotate(45deg); flex:none; }
@keyframes kzKay{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ==========================================================================
   HAKKIMIZDA
   ========================================================================== */
.kza{ background:#fff; }
.kza__izgara{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,5vw,84px); align-items:center; }
.kza__gorsel{ position:relative; padding:0 12% 14% 0; }
.kza__g1{ display:block; width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:28px; box-shadow:0 30px 70px rgba(0,0,0,.18); }
.kza__g2{ position:absolute; right:0; bottom:0; width:52%; aspect-ratio:1; object-fit:cover; border-radius:22px; border:8px solid #fff; box-shadow:0 24px 50px rgba(0,0,0,.2); }
.kza__rozet{ position:absolute; top:28px; left:-18px; display:flex; align-items:center; gap:12px; padding:16px 22px; border-radius:20px;
  background:var(--kz-siyah); color:#fff; box-shadow:0 20px 44px rgba(0,0,0,.28); border:1px solid rgba(var(--kz-altin-rgb),.35); }
.kza__rozet b{ font-family:var(--f-head); font-size:2.6rem; line-height:1; font-weight:800; color:var(--kz-altin-l); }
.kza__rozet b span{ font-size:.55em; vertical-align:super; }
.kza__rozet small{ font-size:.82rem; line-height:1.3; color:rgba(255,255,255,.75); }
.kza__metin h2{ font-size:clamp(2rem,3.6vw,3.1rem); line-height:1.05; margin:12px 0 18px; text-transform:uppercase; letter-spacing:-.02em; }
.kza__lead{ color:var(--c-muted); line-height:1.8; font-size:1.04rem; margin:0; }
.kza__ozellik{ list-style:none; padding:0; margin:28px 0 32px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.kza__ozellik li{ display:flex; gap:12px; align-items:flex-start; padding:16px; border-radius:16px; background:var(--kz-krem); border:1px solid #ECE6D6; transition:.3s var(--ease); }
.kza__ozellik li:hover{ border-color:rgba(var(--kz-altin-rgb),.6); transform:translateY(-3px); box-shadow:0 14px 30px rgba(0,0,0,.06); }
.kza__ic{ flex:none; width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:var(--kz-siyah); color:var(--kz-altin-l); }
.kza__ozellik b{ display:block; font-family:var(--f-head); font-size:1rem; color:#111; }
.kza__ozellik small{ display:block; margin-top:3px; font-size:.86rem; color:var(--c-muted); line-height:1.5; }

/* ==========================================================================
   HİZMETLER
   ========================================================================== */
.kzs{ background:var(--kz-siyah); color:#fff; position:relative; overflow:hidden; }
.kzs::before{ content:""; position:absolute; right:-10%; top:-20%; width:60%; aspect-ratio:1; border-radius:50%;
  background:radial-gradient(circle, rgba(var(--kz-altin-rgb),.14), transparent 65%); pointer-events:none; }
.kzs__bas{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px 60px; flex-wrap:wrap; margin-bottom:clamp(32px,4vw,52px); position:relative; }
.kzs__bas h2{ color:#fff; font-size:clamp(2rem,4vw,3.4rem); text-transform:uppercase; letter-spacing:-.02em; margin:10px 0 0; }
.kzs__bas p{ max-width:440px; color:rgba(255,255,255,.66); line-height:1.7; margin:0; }
.kzs__izgara{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; position:relative; }
.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%); transition:.5s; }
.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 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); letter-spacing:.02em; }
.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), 0 0 0 1px rgba(var(--kz-altin-rgb),.2); }
.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Ç
   ========================================================================== */
.kzp{ background:var(--kz-krem); }
.kzp .sec-head h2{ text-transform:uppercase; letter-spacing:-.02em; }
.kzp__adimlar{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; position:relative; }
.kzp__adimlar::before{ content:""; position:absolute; top:40px; left:6%; right:6%; height:2px;
  background:repeating-linear-gradient(90deg, rgba(var(--kz-altin-rgb),.7) 0 10px, transparent 10px 20px); }
.kzp__adim{ position:relative; padding:26px 24px 28px; border-radius:22px; background:#fff; border:1px solid #ECE6D6; transition:.35s var(--ease); }
.kzp__adim:hover{ transform:translateY(-5px); box-shadow:0 22px 44px rgba(0,0,0,.08); border-color:rgba(var(--kz-altin-rgb),.55); }
.kzp__no{ position:relative; display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:var(--kz-siyah); color:var(--kz-altin-l);
  font-family:var(--f-head); font-weight:800; font-size:1.1rem; box-shadow:0 0 0 7px var(--kz-krem); }
.kzp__adim h3{ margin:18px 0 8px; font-size:1.15rem; }
.kzp__adim p{ margin:0; color:var(--c-muted); line-height:1.65; font-size:.94rem; }

/* ==========================================================================
   İŞ MAKİNESİ KİRALAMA
   ========================================================================== */
.kzk{ position:relative; overflow:hidden; color:#fff; padding:clamp(70px,9vw,120px) 0;
  background:radial-gradient(70% 90% at 80% 50%, rgba(var(--kz-altin-rgb),.2), transparent 60%), linear-gradient(120deg, #16161A 0%, #0E0E10 60%); }
.kzk::after{ content:"K"; position:absolute; right:-2%; bottom:-22%; font-family:var(--f-head); font-weight:800; font-size:clamp(260px,40vw,560px); line-height:1;
  color:transparent; -webkit-text-stroke:1px rgba(var(--kz-altin-rgb),.12); pointer-events:none; }
.kzk__izgara{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(30px,5vw,70px); align-items:center; }
.kzk__metin h2{ color:#fff; font-size:clamp(1.9rem,3.6vw,3rem); line-height:1.08; text-transform:uppercase; letter-spacing:-.02em; margin:12px 0 18px; }
.kzk__metin > p{ color:rgba(255,255,255,.72); line-height:1.75; margin:0; max-width:540px; }
.kzk__liste{ list-style:none; padding:0; margin:26px 0 32px; display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; }
.kzk__liste li{ display:flex; align-items:center; gap:10px; font-size:.96rem; color:rgba(255,255,255,.88); }
.kzk__liste i{ width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-size:.7rem; background:var(--kz-grad); color:#111; flex:none; }
.kzk__cta{ display:flex; flex-wrap:wrap; gap:12px; }
.kzk__gorsel{ position:relative; display:grid; place-items:center; min-height:clamp(300px,34vw,480px); }
.kzk__gorsel img{ position:relative; z-index:2; width:min(100%, 640px); height:auto; filter:drop-shadow(0 34px 40px rgba(0,0,0,.6)); animation:kzYuz 7s ease-in-out infinite; }
.kzk__gorsel .kzk__foto{ border-radius:24px; aspect-ratio:4/3; object-fit:cover; animation:none; }
@keyframes kzYuz{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }
.kzk__hale{ position:absolute; width:80%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle, rgba(var(--kz-altin-rgb),.35), transparent 62%); }
.kzk__zemin{ position:absolute; z-index:1; bottom:8%; left:10%; right:10%; height:40px; border-radius:50%; background:radial-gradient(closest-side, rgba(0,0,0,.7), transparent); }

/* ==========================================================================
   GALERİ
   ========================================================================== */
.kzg{ background:#fff; }
.kzg__bas{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px 40px; flex-wrap:wrap; margin-bottom:clamp(28px,4vw,48px); }
.kzg__bas h2{ font-size:clamp(2rem,4vw,3.2rem); text-transform:uppercase; letter-spacing:-.02em; margin:10px 0 8px; }
.kzg__bas p{ margin:0; color:var(--c-muted); }
.kzg__izgara{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); grid-auto-rows:clamp(150px,15vw,220px); grid-auto-flow:dense; gap:14px; }
.kzg__oge{ position:relative; overflow:hidden; border-radius:20px; border:0; padding:0; cursor:zoom-in; background:#eee; }
.kzg__oge img{ width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }
.kzg__oge:hover img{ transform:scale(1.07); }
.kzg__oge--1{ grid-row:span 2; }
.kzg__oge--4{ grid-column:span 2; }
.kzg__oge--6{ grid-row:span 2; }
.kzg__oge--8{ grid-column:span 2; }
.kzg__etiket{ position:absolute; left:12px; right:12px; bottom:12px; display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px;
  background:rgba(14,14,16,.72); color:#fff; font-size:.82rem; font-weight:600; text-align:left; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transform:translateY(12px); opacity:0; transition:.35s var(--ease); }
.kzg__etiket i{ color:var(--kz-altin-l); }
.kzg__oge:hover .kzg__etiket, .kzg__oge:focus-visible .kzg__etiket{ opacity:1; transform:none; }
.kzg-lb{ position:fixed; inset:0; z-index:4000; display:grid; place-items:center; padding:24px; background:rgba(8,8,10,.92); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.kzg-lb[hidden]{ display:none; }
.kzg-lb img{ max-width:min(1200px,92vw); max-height:86vh; border-radius:16px; box-shadow:0 40px 80px rgba(0,0,0,.6); }
.kzg-lb__x, .kzg-lb__ok{ position:absolute; width:52px; height:52px; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.08); color:#fff; cursor:pointer; font-size:1.1rem; display:grid; place-items:center; transition:.2s; }
.kzg-lb__x:hover, .kzg-lb__ok:hover{ background:var(--kz-grad); color:#111; border-color:transparent; }
.kzg-lb__x{ top:22px; right:24px; }
.kzg-lb__ok{ top:50%; margin-top:-26px; }
.kzg-lb__ok--g{ left:max(14px,2vw); }
.kzg-lb__ok--i{ right:max(14px,2vw); }

/* ==========================================================================
   YORUMLAR
   ========================================================================== */
.kzy{ background:var(--kz-siyah); color:#fff; overflow:hidden; }
.kzy .sec-head h2{ color:#fff; text-transform:uppercase; letter-spacing:-.02em; }
.kzy__serit{ -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.kzy__iz{ display:flex; gap:18px; width:max-content; animation:kzKay 70s linear infinite; padding:6px 0; }
.kzy__serit:hover .kzy__iz{ animation-play-state:paused; }
.kzy__kart{ flex:none; width:min(380px, 82vw); margin:0; padding:26px; border-radius:22px; background:linear-gradient(160deg, #1B1B20, #131316); border:1px solid rgba(255,255,255,.08); display:flex; flex-direction:column; gap:14px; }
.kzy__yildiz{ color:var(--kz-altin); letter-spacing:3px; font-size:1rem; }
.kzy__kart blockquote{ margin:0; color:rgba(255,255,255,.86); line-height:1.7; font-size:.98rem; flex:1; }
.kzy__kart figcaption{ display:flex; align-items:center; gap:12px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08); }
.kzy__harf{ width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:var(--kz-grad); color:#111; font-weight:800; font-family:var(--f-head); }
.kzy__kart b{ display:block; font-size:.95rem; color:#fff; }
.kzy__kart small{ display:block; font-size:.8rem; color:rgba(255,255,255,.55); }

/* ==========================================================================
   S.S.S. + TEKLİF
   ========================================================================== */
.kzf{ background:var(--kz-krem); }
.kzf__izgara{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,70px); align-items:start; }
.kzf__sss h2, .kzf__form h2{ font-size:clamp(1.9rem,3.4vw,2.8rem); text-transform:uppercase; letter-spacing:-.02em; margin:10px 0 22px; }
.kzf__liste{ display:flex; flex-direction:column; gap:10px; }
.kzf__soru{ border-radius:16px; background:#fff; border:1px solid #ECE6D6; transition:.3s var(--ease); }
.kzf__soru[open]{ border-color:rgba(var(--kz-altin-rgb),.6); box-shadow:0 14px 30px rgba(0,0,0,.06); }
.kzf__soru summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 20px; font-family:var(--f-head); font-weight:700; font-size:1.02rem; color:#111; }
.kzf__soru summary::-webkit-details-marker{ display:none; }
.kzf__soru summary i{ flex:none; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:var(--kz-krem); color:var(--kz-altin-d); font-size:.8rem; transition:.3s var(--ease); }
.kzf__soru[open] summary i{ transform:rotate(45deg); background:var(--kz-siyah); color:var(--kz-altin-l); }
.kzf__cevap{ padding:0 20px 18px; color:var(--c-muted); line-height:1.7; }
.kzf__cevap p{ margin:0; }
.kzf__tumu{ display:inline-flex; align-items:center; gap:8px; margin-top:18px; font-weight:700; color:var(--kz-altin-d); }
.kzf__form{ position:relative; overflow:hidden; padding:clamp(26px,3.4vw,42px); border-radius:28px; color:#fff;
  background:radial-gradient(90% 70% at 100% 0%, rgba(var(--kz-altin-rgb),.22), transparent 60%), var(--kz-siyah); box-shadow:0 34px 70px rgba(0,0,0,.28); }
.kzf__form h2{ color:#fff; margin-bottom:8px; }
.kzf__form > p{ color:rgba(255,255,255,.7); margin:0 0 22px; line-height:1.6; }
.kzf__alanlar{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.kzf__alan{ display:flex; flex-direction:column; gap:7px; font-size:.84rem; color:rgba(255,255,255,.72); }
.kzf__alan--tam{ grid-column:1 / -1; }
.kzf__alan input, .kzf__alan select, .kzf__alan textarea{
  width:100%; padding:13px 15px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); color:#fff; font:inherit; font-size:.96rem; transition:.2s; }
.kzf__alan select option{ color:#111; }
.kzf__alan input::placeholder, .kzf__alan textarea::placeholder{ color:rgba(255,255,255,.38); }
.kzf__alan input:focus, .kzf__alan select:focus, .kzf__alan textarea:focus{ outline:0; border-color:var(--kz-altin); background:rgba(255,255,255,.08); box-shadow:0 0 0 3px rgba(var(--kz-altin-rgb),.2); }
.kzf__gonder{ grid-column:1 / -1; justify-content:center; margin-top:4px; }
.kzf__uyari{ margin-bottom:16px; padding:12px 14px; border-radius:12px; background:rgba(220,60,60,.16); border:1px solid rgba(220,60,60,.4); font-size:.9rem; }
.kzf__uyari--ok{ background:rgba(60,190,110,.16); border-color:rgba(60,190,110,.45); }
.kzf__iletisim{ display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:22px; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); font-size:.9rem; }
.kzf__iletisim a{ color:rgba(255,255,255,.82); display:inline-flex; align-items:center; gap:8px; }
.kzf__iletisim i{ color:var(--kz-altin); }
.kzf__iletisim a:hover{ color:var(--kz-altin-l); }

/* ==========================================================================
   DUYARLI
   ========================================================================== */
@media (max-width:1080px){
  .kzs__izgara{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kzp__adimlar{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kzp__adimlar::before{ display:none; }
}
@media (max-width:900px){
  .kzh__foto{ inset:0; }
  .kzh__perde{ background:linear-gradient(0deg, #0E0E10 0%, rgba(14,14,16,.82) 45%, rgba(14,14,16,.55) 100%); }
  .kzh__sayilar{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kzh__sayi:nth-child(3){ padding-left:0; border-left:0; }
  .kzh__sayi:nth-child(3)::before{ left:0; }
  .kza__izgara, .kzk__izgara, .kzf__izgara{ grid-template-columns:1fr; }
  .kza__gorsel{ max-width:560px; }
  .kzg__izgara{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kzg__oge--4{ grid-column:span 2; }
  .kzk__gorsel{ order:-1; min-height:0; }
}
@media (max-width:600px){
  .kzh{ min-height:auto; }
  .kzh__baslik{ font-size:clamp(2.4rem,11vw,3.2rem); }
  .kzh__cta .btn{ flex:1 1 100%; justify-content:center; }
  .kzs__izgara{ grid-template-columns:1fr; }
  .kzs__kart{ aspect-ratio:5/4; }
  .kzp__adimlar{ grid-template-columns:1fr; }
  .kza__ozellik, .kzk__liste, .kzf__alanlar{ grid-template-columns:1fr; }
  .kza__rozet{ left:0; top:14px; padding:12px 16px; }
  .kza__rozet b{ font-size:2rem; }
  .kzg__izgara{ grid-auto-rows:150px; gap:10px; }
  .kzg__etiket{ opacity:1; transform:none; font-size:.74rem; padding:7px 10px; }
}
@media (prefers-reduced-motion:reduce){
  .kzh__foto img, .kzm__iz, .kzy__iz, .kzk__gorsel img, .kzh__nokta{ animation:none; }
  .kzh__rozet, .kzh__baslik, .kzh__lead, .kzh__cta, .kzh__sayi{ animation:none; }
}

/* ==========================================================================
   Fiberko/Konpoleva bileşenleri — Kazankaya ayarları
   ========================================================================== */
/* Hizmet vitrini: kesim yoksa düz fotoğraf, çerçeveli ve tam dolu */
.fkg__shot.is-foto img{ position:absolute; inset:6% 6% 10%; width:88%; height:84%; object-fit:cover; border-radius:22px;
  box-shadow:0 30px 60px rgba(0,0,0,.35); filter:none; }
.fkg__shot.is-foto .fkg__floor{ display:none; }
.fkg__items a i{ color:var(--kz-altin-d); }

/* Hero: başlık büyük harf, Kazankaya ölçüsü */
.kph .hxs__title{ text-transform:uppercase; letter-spacing:-.03em; }
.kph .btn--primary{ background:var(--kz-grad); color:#111; border:0; }

/* ==========================================================================
   HİZMET BÖLGESİ (.kzb) — Konya ilçeleri
   ========================================================================== */
.kzb{ padding:clamp(64px,8vw,110px) 0; background:#fff; }
.kzb__izgara{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(28px,5vw,70px); align-items:center; }
.kzb__metin h2{ font-size:clamp(1.9rem,3.6vw,3rem); text-transform:uppercase; letter-spacing:-.02em; margin:10px 0 16px; line-height:1.05; }
.kzb__metin p{ color:var(--c-muted); line-height:1.75; margin:0; max-width:520px; }
.kzb__cta{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin-top:26px; }
.kzb__adres{ display:inline-flex; align-items:center; gap:12px; color:#1B1B1E; font-weight:600; }
.kzb__adres i{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:var(--kz-siyah); color:var(--kz-altin-l); flex:none; }
.kzb__adres small{ display:block; font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:var(--c-muted); font-weight:700; }
.kzb__ilceler{ list-style:none; margin:0; padding:clamp(18px,2.4vw,28px); display:flex; flex-wrap:wrap; gap:8px; border-radius:26px;
  background:radial-gradient(80% 90% at 100% 0%, rgba(var(--kz-altin-rgb),.12), transparent 60%), var(--kz-krem); border:1px solid #ECE6D6; }
.kzb__ilceler li{ padding:8px 14px; border-radius:999px; background:#fff; border:1px solid #E6DFCC; font-size:.9rem; font-weight:600; color:#2A2A2E; }
.kzb__ilceler li.is-merkez{ background:var(--kz-siyah); border-color:var(--kz-siyah); color:var(--kz-altin-l); }
@media (max-width:900px){ .kzb__izgara{ grid-template-columns:1fr; } }
@media (max-width:600px){ .kzb__ilceler li{ font-size:.82rem; padding:7px 11px; } }

/* Hizmet vitrini sekmeleri: 6 hizmet → masaüstünde 3+3, küçük resim tam dolu */
@media (min-width:981px){ .fkg__tabs{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; } }
.fkg__thumb img{ width:100%; height:100%; object-fit:cover; padding:0; border-radius:inherit; }

/* ==========================================================================
   Hero: kesimi olmayan slaytta fotoğraf 3B yüzen kart (.kz3d)
   ========================================================================== */
.kz3d{ position:relative; width:min(100%, 500px); perspective:1200px; margin-inline:auto; }
.kz3d__kart{ position:relative; aspect-ratio:4 / 3; border-radius:26px; overflow:hidden; transform-style:preserve-3d;
  transform:rotateY(-16deg) rotateX(7deg) rotateZ(1deg); border:3px solid rgba(var(--kz-altin-rgb),.75);
  box-shadow:-30px 40px 70px rgba(0,0,0,.55), 0 0 0 10px rgba(255,255,255,.04), inset 0 0 0 1px rgba(255,255,255,.2); }
.kz3d__kart img{ width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.06); }
.kz3d__parlama{ position:absolute; inset:0; background:linear-gradient(115deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,0) 38%, rgba(0,0,0,0) 60%, rgba(0,0,0,.35) 100%); pointer-events:none; }
.kz3d__rozet{ position:absolute; left:-6px; bottom:18%; display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:14px;
  background:var(--kz-grad); color:#111; font-weight:800; font-size:.85rem; box-shadow:0 18px 34px rgba(0,0,0,.4); transform:translateZ(60px); }
.kz3d__golge{ position:absolute; left:10%; right:10%; bottom:-34px; height:30px; border-radius:50%; background:radial-gradient(closest-side, rgba(0,0,0,.55), transparent); filter:blur(4px); }
.swiper-slide-active .kz3d__kart{ animation:kz3dGir 1s var(--ease) both, kz3dYuz 7s 1s ease-in-out infinite; }
.swiper-slide-active .kz3d__rozet{ animation:kz3dRozet .8s .5s var(--ease) both; }
@keyframes kz3dGir{ from{ opacity:0; transform:rotateY(-40deg) rotateX(14deg) translateY(40px) scale(.9); } to{ opacity:1; transform:rotateY(-16deg) rotateX(7deg) rotateZ(1deg); } }
@keyframes kz3dYuz{ 0%,100%{ transform:rotateY(-16deg) rotateX(7deg) rotateZ(1deg) translateY(0); } 50%{ transform:rotateY(-10deg) rotateX(4deg) rotateZ(0deg) translateY(-12px); } }
@keyframes kz3dRozet{ from{ opacity:0; transform:translateX(-20px); } to{ opacity:1; transform:none; } }
@media (max-width:980px){
  .kz3d{ width:min(88%, 420px); margin-top:6px; }
  .kz3d__kart{ transform:rotateY(-12deg) rotateX(8deg); }
  .kz3d__rozet{ font-size:.78rem; padding:8px 13px; }
}
@media (prefers-reduced-motion:reduce){ .swiper-slide-active .kz3d__kart, .swiper-slide-active .kz3d__rozet{ animation:none; } }