/* =====================================================================
   Konpoleva — iç sayfalar (ürün, hakkımızda, iletişim, teklif, arama)
   Renkler medical.css değişkenlerinden gelir; yedek değerler logo renkleri.
   ===================================================================== */
:root{
  --kp-ink:   var(--c-ink, #102D34);
  --kp-mavi:  var(--c-primary, #15A866);
  --kp-acik:  #20C599;
  --kp-zemin: #F4FBF8;
  --kp-cizgi: var(--c-line, #E9F6F1);
  --kp-wa:    #1DA851;
}

/* ---------- Ürün çizimi (fotoğraf yokken) ---------- */
.kp-cizim{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.kp-cizim__svg{ display:block; width:100%; height:100%; max-height:100%; overflow:visible; }
.kp-cizim__etiket{ position:absolute; left:12px; bottom:10px; display:inline-flex; align-items:baseline; gap:7px; padding:5px 11px; border-radius:999px; background:rgba(255,255,255,.92); border:1px solid rgba(21,168,102,.18); box-shadow:0 4px 14px rgba(16,45,52,.08); font-family:var(--f-head, inherit); line-height:1.2; }
.kp-cizim__etiket b{ color:var(--kp-ink); font-size:.86rem; font-weight:700; }
.kp-cizim__etiket i{ font-style:normal; color:var(--kp-mavi); font-size:.76rem; font-weight:600; }

.product-card__media.kp-kart__media--cizim{ padding:10px 14px 8px; background:linear-gradient(170deg,#F9FCFB 0%,#EAF7F2 100%); }
.product-card:hover .kp-cizim__svg{ transform:translateY(-3px); }
.kp-cizim__svg{ transition:transform .45s cubic-bezier(.2,.7,.2,1); }

.kp-bos{ padding:44px 20px 50px; background:var(--kp-zemin); border-color:#E9F6F1; }
.kp-bos__cizim{ width:200px; height:140px; margin:0 auto 10px; }

.kp-yan-tel{ display:flex; align-items:center; justify-content:center; gap:8px; margin:0 0 10px; font-family:var(--f-head, inherit); font-weight:700; color:var(--kp-ink); }
.kp-yan-tel:hover{ color:var(--kp-mavi); }

/* ---------- Ürün detay ---------- */
.kp-pd__sahne{ background:radial-gradient(90% 80% at 50% 40%, #FFFFFF 0%, #EEF8F4 60%, #E9F6F1 100%); border-color:#E9F6F1; padding:clamp(18px,3vw,36px); }
.kp-pd__sahne::before{ display:none; }
.kp-pd__sahne .kp-cizim{ z-index:1; }
.kp-pd__sahne::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:22%; z-index:0; opacity:.55;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 60 C150 20 300 100 450 60 S750 20 900 60 S1100 100 1200 60 V120 H0Z' fill='%23CFE4F7'/%3E%3C/svg%3E") bottom/100% 100% no-repeat; }

.kp-pd__bilgi h1{ margin:10px 0 16px; }
.kp-kapasite{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px; }
.kp-kapasite__k{ display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:center; padding:10px 16px 10px 12px; border-radius:14px; background:var(--kp-zemin); border:1px solid #E9F6F1; min-width:150px; }
.kp-kapasite__k i{ grid-row:span 2; width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:#fff; color:var(--kp-mavi); box-shadow:0 2px 8px rgba(21,168,102,.12); }
.kp-kapasite__k b{ font-family:var(--f-head, inherit); color:var(--kp-ink); font-size:1.08rem; line-height:1.15; }
.kp-kapasite__k small{ color:var(--c-muted, #5D7476); font-size:.78rem; }

.kp-bilgi-kutu{ display:flex; gap:14px; align-items:flex-start; padding:16px 18px; margin:6px 0 18px; border-radius:14px; background:linear-gradient(135deg,#F2FAF7 0%,#F9FDFB 100%); border:1px solid #E9F6F1; border-left:4px solid var(--kp-mavi); }
.kp-bilgi-kutu__ic{ flex:0 0 auto; width:40px; height:40px; border-radius:11px; display:grid; place-items:center; background:var(--kp-mavi); color:#fff; }
.kp-bilgi-kutu b{ display:block; font-family:var(--f-head, inherit); color:var(--kp-ink); font-size:1rem; margin-bottom:3px; }
.kp-bilgi-kutu p{ margin:0; color:var(--c-muted, #5D7476); font-size:.9rem; line-height:1.5; }

/* Büyük iletişim düğmeleri */
.kp-cta{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 22px; }
.kp-cta__btn{ display:flex; align-items:center; gap:11px; min-height:64px; padding:10px 14px; border-radius:14px; font-family:var(--f-head, inherit); text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.kp-cta__btn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(16,45,52,.16); }
.kp-cta__ic{ flex:0 0 auto; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; font-size:1.05rem; background:rgba(255,255,255,.16); }
.kp-cta__tx{ display:flex; flex-direction:column; min-width:0; line-height:1.2; }
.kp-cta__tx small{ font-size:.74rem; opacity:.82; font-weight:500; }
.kp-cta__tx b{ font-size:1rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kp-cta__btn--tel{ background:var(--kp-ink); color:#fff; }
.kp-cta__btn--tel:hover{ color:#fff; background:#163C46; }
.kp-cta__btn--wa{ background:var(--kp-wa); color:#fff; }
.kp-cta__btn--wa:hover{ color:#fff; background:#179346; }
.kp-cta__btn--teklif{ background:#fff; color:var(--kp-mavi); border:2px solid var(--kp-mavi); }
.kp-cta__btn--teklif .kp-cta__ic{ background:rgba(21,168,102,.1); }
.kp-cta__btn--teklif:hover{ background:var(--kp-mavi); color:#fff; }
.kp-cta__btn--teklif:hover .kp-cta__ic{ background:rgba(255,255,255,.16); }
.kp-cta--koyu .kp-cta__btn--tel{ background:#fff; color:var(--kp-ink); }
.kp-cta--koyu .kp-cta__btn--tel .kp-cta__ic{ background:rgba(21,168,102,.1); color:var(--kp-mavi); }
.kp-cta--koyu .kp-cta__btn--teklif{ background:transparent; color:#fff; border-color:rgba(255,255,255,.55); }
.kp-pd .kp-cta{ grid-template-columns:1fr 1fr; } .kp-pd .kp-cta__btn--tel{ grid-column:1 / -1; justify-content:center; } .kp-pd .kp-cta__btn--tel .kp-cta__tx b{ font-size:1.2rem; }
@media (max-width:575.98px){ .kp-cta{ grid-template-columns:1fr; } .kp-pd .kp-cta__btn--tel{ grid-column:auto; } }

/* Kapasite çipleri */
.kp-cipler{ padding-top:18px; border-top:1px solid var(--kp-cizgi); }
.kp-cipler__t{ display:block; font-family:var(--f-head, inherit); font-size:.8rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--c-muted, #5D7476); margin-bottom:10px; }
.kp-cipler__liste{ display:flex; flex-wrap:wrap; gap:8px; }
.kp-cip{ display:inline-flex; align-items:center; padding:8px 15px; border-radius:999px; border:1.5px solid #E9F6F1; background:#fff; color:var(--kp-ink); font-family:var(--f-head, inherit); font-weight:600; font-size:.9rem; line-height:1.2; transition:.2s ease; }
a.kp-cip:hover{ border-color:var(--kp-mavi); color:var(--kp-mavi); background:#F4FAF8; }
.kp-cip.is-aktif{ background:var(--kp-mavi); border-color:var(--kp-mavi); color:#fff; }

.kp-pd__blok{ margin-top:clamp(40px,6vw,72px); padding-top:clamp(28px,4vw,40px); border-top:1px solid var(--kp-cizgi); }
.kp-pd__bt{ font-size:clamp(1.35rem,2.2vw,1.75rem); margin:0 0 16px; }
.kp-pd__teklif .qform-success{ margin:0 0 16px; }

/* ---------- Dalga / lacivert sayfa başı (hakkımızda, iletişim) ---------- */
.kp-hero{ position:relative; overflow:hidden; isolation:isolate; color:#fff; padding:clamp(56px,8vw,104px) 0 clamp(96px,12vw,150px);
  background:linear-gradient(155deg, var(--kp-ink) 0%, #1B4955 55%, var(--kp-mavi) 100%); }
.kp-hero::before{ content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(60% 70% at 88% 12%, rgba(32,197,153,.35), transparent 60%), radial-gradient(40% 50% at 8% 90%, rgba(32,197,153,.18), transparent 70%); }
.kp-hero__dalga{ position:absolute; left:0; right:0; bottom:-1px; width:100%; height:clamp(60px,9vw,120px); z-index:-1; display:block; }
.kp-hero__damla{ position:absolute; right:clamp(-40px,4vw,80px); top:50%; transform:translateY(-58%); width:clamp(180px,26vw,340px); z-index:-1; opacity:.16; }
.kp-hero .crumb{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.85rem; color:#49D3E9; margin-bottom:18px; }
.kp-hero .crumb a{ color:#E9F6F1; }
.kp-hero .crumb a:hover{ color:#fff; }
.kp-hero .crumb i{ font-size:.6rem; opacity:.7; }
.kp-hero .eyebrow{ color:#49D3E9; }
.kp-hero h1{ color:#fff; font-size:clamp(2rem,4.4vw,3.3rem); line-height:1.08; max-width:760px; margin:8px 0 16px; }
.kp-hero__d{ color:#E9F6F1; font-size:clamp(1rem,1.4vw,1.15rem); max-width:640px; margin:0; line-height:1.6; }
.kp-hero__maddeler{ list-style:none; padding:0; margin:28px 0 0; display:flex; flex-wrap:wrap; gap:10px; max-width:860px; }
.kp-hero__maddeler li{ display:inline-flex; align-items:center; gap:9px; padding:10px 16px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); color:#fff; font-family:var(--f-head, inherit); font-weight:600; font-size:.93rem; backdrop-filter:blur(4px); }
.kp-hero__maddeler i{ color:var(--kp-acik); }

/* ---------- Hakkımızda gövde ---------- */
.kp-hk{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:clamp(28px,5vw,64px); align-items:start; }
.kp-hk__metin .rich p{ font-size:1.04rem; line-height:1.75; color:var(--c-text, #123038); }
.kp-hk__kart{ position:relative; border-radius:22px; padding:clamp(22px,3vw,32px); background:var(--kp-zemin); border:1px solid #E9F6F1; }
.kp-hk__kart h2{ font-size:1.25rem; margin:0 0 14px; }
.kp-hk__cizim{ height:180px; margin:-6px 0 8px; }
.kp-liste{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.kp-liste li{ display:flex; gap:12px; align-items:flex-start; color:var(--c-text, #123038); line-height:1.5; }
.kp-liste li i{ flex:0 0 auto; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; font-size:.8rem; background:#fff; color:var(--kp-mavi); box-shadow:0 2px 6px rgba(21,168,102,.12); margin-top:1px; }
.kp-urun-gruplari{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.kp-grup{ display:flex; flex-direction:column; border-radius:18px; overflow:hidden; background:#fff; border:1px solid var(--kp-cizgi); color:var(--kp-ink); transition:transform .25s ease, box-shadow .25s ease; }
.kp-grup:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(16,45,52,.1); color:var(--kp-mavi); }
.kp-grup__g{ aspect-ratio:4/3; padding:12px; background:linear-gradient(170deg,#F9FCFB 0%,#EAF7F2 100%); }
.kp-grup__g img{ width:100%; height:100%; object-fit:contain; }
.kp-grup__t{ display:flex; justify-content:space-between; align-items:center; gap:8px; padding:14px 16px; font-family:var(--f-head, inherit); font-weight:700; }
@media (max-width:991.98px){ .kp-hk{ grid-template-columns:1fr; } .kp-urun-gruplari{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

.kp-bant{ position:relative; overflow:hidden; border-radius:24px; padding:clamp(26px,4vw,44px); color:#fff; background:linear-gradient(135deg, var(--kp-ink) 0%, #1B4955 60%, var(--kp-mavi) 100%); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; }
.kp-bant h2{ color:#fff; font-size:clamp(1.4rem,2.6vw,2rem); margin:0 0 6px; }
.kp-bant p{ margin:0; color:#E9F6F1; }
.kp-bant .kp-cta{ margin:0; grid-template-columns:repeat(3,auto); }
@media (max-width:991.98px){ .kp-bant{ grid-template-columns:1fr; } .kp-bant .kp-cta{ grid-template-columns:1fr 1fr 1fr; } }
@media (max-width:575.98px){ .kp-bant .kp-cta{ grid-template-columns:1fr; } }

/* ---------- İletişim ---------- */
.kp-ilt{ margin-top:calc(-1 * clamp(60px,8vw,96px)); position:relative; z-index:2; }
.kp-ilt__kartlar{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.kp-ilt__kart{ display:flex; flex-direction:column; gap:6px; padding:22px; border-radius:18px; background:#fff; border:1px solid var(--kp-cizgi); box-shadow:0 14px 34px rgba(16,45,52,.08); color:var(--kp-ink); min-width:0; }
a.kp-ilt__kart:hover{ border-color:var(--kp-mavi); color:var(--kp-mavi); }
.kp-ilt__kart i.kp-ilt__ic{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; font-size:1.1rem; background:#EEF8F4; color:var(--kp-mavi); margin-bottom:8px; }
.kp-ilt__kart--wa i.kp-ilt__ic{ background:#E5F7EC; color:var(--kp-wa); }
.kp-ilt__kart small{ color:var(--c-muted, #5D7476); font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; font-weight:600; }
.kp-ilt__kart b{ font-family:var(--f-head, inherit); font-size:1.02rem; overflow-wrap:anywhere; }
.kp-ilt__govde{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:clamp(24px,4vw,48px); align-items:start; margin-top:clamp(36px,5vw,60px); }
.kp-ilt__form h2{ font-size:clamp(1.5rem,2.4vw,1.9rem); margin:6px 0 8px; }
.kp-ilt__form > p{ color:var(--c-muted, #5D7476); margin:0 0 18px; }
.kp-konum{ position:relative; overflow:hidden; border-radius:22px; padding:clamp(22px,3vw,30px); background:linear-gradient(160deg,#F4FBF8 0%,#E9F6F1 100%); border:1px solid #E9F6F1; }
.kp-konum h3{ font-size:1.2rem; margin:0 0 6px; }
.kp-konum p{ color:var(--c-muted, #5D7476); margin:0 0 14px; }
.kp-konum__harita{ display:block; width:100%; max-width:360px; margin:4px auto 14px; }
.kp-konum h3{ line-height:1.35; }
.kp-konum__cerceve{ position:relative; aspect-ratio:4/3; margin:14px 0; border-radius:16px; overflow:hidden; border:1px solid #E9F6F1; background:#E9F6F1; }
.kp-konum__cerceve iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.kp-konum__yol{ width:100%; justify-content:center; margin-bottom:12px; }
.kp-konum__saat{ display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:12px; background:#fff; border:1px solid #E9F6F1; font-family:var(--f-head, inherit); color:var(--kp-ink); }
.kp-konum__saat i{ color:var(--kp-mavi); }
.kp-uyari{ border-radius:12px; padding:14px 18px; margin:0 0 16px; font-weight:500; }
.kp-uyari--ok{ background:#ecfdf5; color:#047857; border:1px solid #a7f3d0; }
.kp-uyari--hata{ background:#fef2f2; color:#b91c1c; border:1px solid #fecaca; }
@media (max-width:1199.98px){ .kp-ilt__kartlar{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:991.98px){ .kp-ilt__govde{ grid-template-columns:1fr; } }
@media (max-width:479.98px){ .kp-ilt__kartlar{ grid-template-columns:1fr; } }

/* ---------- Teklif ---------- */
.kp-teklif-hero{ padding-bottom:clamp(80px,10vw,120px); }
.kp-teklif{ margin-top:calc(-1 * clamp(56px,7vw,84px)); position:relative; z-index:2; }
.kp-teklif .qform-grid{ max-width:1120px; }
.kp-teklif .form-card{ box-shadow:0 18px 40px rgba(16,45,52,.1); }
.kp-teklif .qform-aside{ background:linear-gradient(160deg, var(--kp-ink) 0%, #1B4955 100%); }
.kp-teklif .qform-aside .pd-highlights li i{ color:var(--kp-acik); }
.kp-form-not{ font-size:.82rem; color:var(--c-muted, #5D7476); margin:10px 0 0; }
.field .kp-zorunlu{ color:#d33; }
@media (max-width:991.98px){ .kp-teklif .qform-grid{ grid-template-columns:1fr; } }

/* ---------- Arama ---------- */
.kp-ara-sonuc{ display:grid; grid-template-columns:96px minmax(0,1fr); gap:16px; align-items:center; padding:14px; border:1px solid var(--kp-cizgi); border-radius:16px; background:#fff; color:var(--kp-ink); transition:.2s ease; }
.kp-ara-sonuc:hover{ border-color:var(--kp-mavi); box-shadow:0 10px 24px rgba(16,45,52,.08); }
.kp-ara-sonuc__g{ width:96px; height:72px; border-radius:12px; overflow:hidden; background:linear-gradient(170deg,#F9FCFB 0%,#EAF7F2 100%); display:grid; place-items:center; padding:4px; }
.kp-ara-sonuc__g img{ width:100%; height:100%; object-fit:contain; }
.kp-ara-sonuc small{ color:var(--kp-mavi); font-weight:600; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; }
.kp-ara-sonuc b{ display:block; font-family:var(--f-head, inherit); font-size:1.05rem; margin:2px 0; }
.kp-ara-sonuc p{ margin:0; color:var(--c-muted, #5D7476); font-size:.9rem; }
.kp-ara-form{ display:flex; gap:10px; max-width:640px; margin:0 0 28px; }
.kp-ara-form input{ flex:1; min-width:0; padding:13px 16px; border:1.5px solid var(--c-line-2, #D3DCDD); border-radius:12px; font-size:1rem; }
.kp-ara-form input:focus{ outline:none; border-color:var(--kp-mavi); box-shadow:0 0 0 3px rgba(21,168,102,.12); }
.post-card__media .kp-ara-cizim{ padding:10px; background:linear-gradient(170deg,#F9FCFB 0%,#EAF7F2 100%); }
.listing-cta .kp-yan-tel{ color:#fff; justify-content:flex-start; font-size:1.05rem; } .listing-cta .kp-yan-tel i{ color:var(--kp-acik); font-size:1rem; margin:0; } .listing-cta .kp-yan-tel:hover{ color:var(--kp-acik); }
@media (max-width:575.98px){ .kp-pd .kp-cta{ grid-template-columns:1fr; } .kp-pd .kp-cta__btn--tel{ grid-column:auto; justify-content:flex-start; } }

/* ---------- Hakkımızda (medical2000 düzeni: .abv/.abs/.abn medical.css'te) ---------- */
.kp-abv .abv__media{ object-position:center 60%; }
.kp-abv__crumb{ display:flex; align-items:center; gap:10px; margin-bottom:18px; font-size:.86rem; color:rgba(255,255,255,.7); }
.kp-abv__crumb a{ color:rgba(255,255,255,.86); }
.kp-abv__crumb a:hover{ color:#fff; }
.kp-abv__crumb i{ font-size:.62rem; opacity:.6; }
.kp-bolge__kutu{ display:grid; grid-template-columns:minmax(0,1.6fr) auto; gap:clamp(22px,4vw,56px); align-items:center;
  padding:clamp(26px,4vw,52px); border-radius:28px; background:linear-gradient(135deg,#102D34 0%,#15A866 62%,#15A866 100%); color:#fff;
  box-shadow:0 30px 70px rgba(16,45,52,.22); position:relative; overflow:hidden; }
.kp-bolge__kutu::after{ content:""; position:absolute; right:-80px; top:-80px; width:320px; height:320px; border-radius:50%;
  background:radial-gradient(circle,rgba(32,197,153,.35),transparent 70%); pointer-events:none; }
.kp-bolge__kutu h2{ color:#fff; font-size:clamp(1.5rem,2.8vw,2.3rem); margin:8px 0 12px; }
.kp-bolge__kutu p{ color:rgba(255,255,255,.82); line-height:1.75; max-width:62ch; margin:0; }
.kp-bolge__kutu .eyebrow{ color:#49D3E9; }
.kp-bolge__cip{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:20px 0 0; }
.kp-bolge__cip li{ display:inline-flex; align-items:center; gap:7px; padding:7px 13px; border-radius:999px; font-size:.86rem;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); }
.kp-bolge__cip i{ color:#49D3E9; font-size:.78rem; }
.kp-bolge__cta{ display:flex; flex-direction:column; gap:12px; position:relative; z-index:1; }


@media (max-width:900px){ .kp-bolge__kutu{ grid-template-columns:1fr; } .kp-bolge__cta{ flex-direction:row; flex-wrap:wrap; } }

/* ---------- Ürün sayfası: görsel kutuya sığsın (kırpılmasın), tıklayınca büyüsün ---------- */
.pd-stage > img{ position:absolute; inset:0; z-index:1; width:100%; height:100%; box-sizing:border-box;
  padding:clamp(18px,3vw,40px); object-fit:contain; max-width:none; max-height:none; }
.pd-stage::after{ content:"00e"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; right:14px; bottom:14px; z-index:2;
  width:38px; height:38px; border-radius:50%; display:grid; place-items:center; font-size:.9rem; color:var(--kp-ink,#102D34);
  background:rgba(255,255,255,.9); box-shadow:0 6px 16px rgba(16,45,52,.14); pointer-events:none; }
.kp-pd__sahne::after{ display:none; }
.pd-lb__ok{ position:absolute; top:50%; z-index:2; width:52px; height:52px; margin-top:-26px; border-radius:50%; border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.1); color:#fff; font-size:1.1rem; cursor:pointer; display:grid; place-items:center; transition:.2s; }
.pd-lb__ok:hover{ background:var(--c-primary); border-color:var(--c-primary); }
.pd-lb__ok[hidden]{ display:none; }
.pd-lb__ok--geri{ left:max(14px,2vw); }
.pd-lb__ok--ileri{ right:max(14px,2vw); }
.pd-lb__ratio.is-image img{ background:#fff; padding:clamp(10px,2vw,24px); }

/* ---------- Blog listesi ---------- */
.kp-blog__one{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); border-radius:26px; overflow:hidden; background:#fff;
  border:1px solid #E9F6F1; box-shadow:0 24px 60px rgba(16,45,52,.10); margin-bottom:clamp(28px,4vw,48px); }
.kp-blog__one-g{ position:relative; min-height:360px; overflow:hidden; background:#EAF7F2; }
.kp-blog__one-g img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.kp-blog__one:hover .kp-blog__one-g img{ transform:scale(1.04); }
.kp-blog__one-b{ padding:clamp(24px,3.4vw,48px); display:flex; flex-direction:column; justify-content:center; gap:14px; }
.kp-blog__one-b h2{ font-size:clamp(1.5rem,2.6vw,2.2rem); line-height:1.15; margin:0; }
.kp-blog__one-b h2 a{ color:#102D34; }
.kp-blog__one-b p{ color:var(--c-muted); line-height:1.75; margin:0; }
.kp-blog__one-b .btn{ align-self:flex-start; margin-top:6px; }
.kp-blog__etiket{ align-self:flex-start; padding:6px 12px; border-radius:999px; background:#E9F6F1; color:#15A866; font-size:.74rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.kp-blog__meta{ display:flex; flex-wrap:wrap; gap:14px; font-size:.84rem; color:var(--c-muted); }
.kp-blog__meta i{ color:#15A866; margin-right:4px; }
.kp-blog__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,2vw,26px); }
.kp-blog__kart{ display:flex; flex-direction:column; border-radius:22px; overflow:hidden; background:#fff; border:1px solid #E9F6F1;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease); }
.kp-blog__kart:hover{ transform:translateY(-5px); box-shadow:0 22px 50px rgba(16,45,52,.12); }
.kp-blog__kart-g{ position:relative; aspect-ratio:16/10; overflow:hidden; background:#EAF7F2; display:grid; place-items:center; color:#49D3E9; font-size:2rem; }
.kp-blog__kart-g img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.kp-blog__kart:hover .kp-blog__kart-g img{ transform:scale(1.06); }
.kp-blog__kart-b{ display:flex; flex-direction:column; gap:10px; padding:20px 22px 22px; flex:1; }
.kp-blog__kart-b h3{ font-size:1.12rem; line-height:1.3; margin:0; }
.kp-blog__kart-b h3 a{ color:#102D34; }
.kp-blog__kart-b p{ color:var(--c-muted); font-size:.93rem; line-height:1.65; margin:0; flex:1; }
.kp-blog__devam{ font-weight:700; font-size:.9rem; color:#15A866; }
.kp-blog__devam i{ transition:transform .25s var(--ease); }
.kp-blog__kart:hover .kp-blog__devam i{ transform:translateX(4px); }
@media (max-width:980px){ .kp-blog__one{ grid-template-columns:1fr; } .kp-blog__one-g{ min-height:0; aspect-ratio:16/9; } .kp-blog__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .kp-blog__grid{ grid-template-columns:1fr; } }

/* ---------- Blog yazısı ---------- */
.kp-yazi-bas{ position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(135deg,#102D34,#15A866);
  padding:clamp(40px,6vw,86px) 0 clamp(36px,5vw,64px); color:#fff; }
.kp-yazi-bas__foto{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; filter:blur(2px) saturate(1.05); transform:scale(1.05); }
.kp-yazi-bas__perde{ position:absolute; inset:0; z-index:-1;
  background:linear-gradient(95deg, rgba(16,45,52,.96) 0%, rgba(16,45,52,.86) 45%, rgba(16,45,52,.62) 100%),
             radial-gradient(60% 80% at 10% 100%, rgba(32,197,153,.25), transparent 60%); }
.kp-yazi-bas__ic{ max-width:900px; margin-inline:auto 0; }
.kp-yazi-bas .mx.kp-yazi-bas__ic{ max-width:var(--mx, 1280px); }
.kp-yazi-bas .crumb{ color:rgba(255,255,255,.7); }
.kp-yazi-bas .crumb a{ color:rgba(255,255,255,.88); }
.kp-yazi-bas .crumb span{ color:#fff; }
.kp-yazi-bas__etiket{ display:inline-block; margin-top:22px; padding:6px 13px; border-radius:999px; background:rgba(32,197,153,.18);
  border:1px solid rgba(73,211,233,.35); color:#49D3E9; font-size:.74rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.kp-yazi-bas h1{ color:#fff; max-width:22ch; font-size:clamp(1.9rem,4.2vw,3.2rem); line-height:1.1; letter-spacing:-.02em; margin:16px 0 0; text-wrap:balance; }
.kp-yazi-bas__spot{ margin:16px 0 0; max-width:64ch; font-size:clamp(1rem,1.3vw,1.14rem); line-height:1.7; color:rgba(255,255,255,.84); }
.kp-yazi-bas__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; margin-top:26px; padding-top:20px; border-top:1px solid rgba(255,255,255,.16);
  font-size:.9rem; color:rgba(255,255,255,.78); max-width:760px; }
.kp-yazi-bas__meta i{ color:#49D3E9; margin-right:5px; }
.kp-yazi-bas__yazar{ display:inline-flex; align-items:center; gap:9px; font-weight:700; color:#fff; }
.kp-yazi-bas__yazar img{ width:28px; height:28px; padding:4px; border-radius:50%; background:#fff; object-fit:contain; }

.kp-yazi__izgara{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:clamp(28px,4vw,60px); align-items:start; }
.kp-yazi__metin{ min-width:0; max-width:780px; }
.kp-yazi__kapak{ margin:0 0 30px; border-radius:22px; overflow:hidden; background:#EFF9F5; box-shadow:0 20px 50px rgba(16,45,52,.10); }
.kp-yazi__kapak img{ display:block; width:100%; max-height:520px; object-fit:contain; }
.kp-yazi__metin .rich{ font-size:1.05rem; line-height:1.85; }
.kp-yazi__metin .rich h3{ margin-top:34px; font-size:1.35rem; }
.kp-yazi__metin .rich ul, .kp-yazi__metin .rich ol{ padding-left:0; list-style:none; counter-reset:m; }
.kp-yazi__metin .rich ul li, .kp-yazi__metin .rich ol li{ position:relative; padding:10px 0 10px 34px; border-bottom:1px dashed #E9F6F1; }
.kp-yazi__metin .rich ul li::before{ content:""; position:absolute; left:6px; top:19px; width:10px; height:10px; border-radius:50% 50% 50% 2px; background:#20C599; transform:rotate(-45deg); }
.kp-yazi__metin .rich ol li{ counter-increment:m; }
.kp-yazi__metin .rich ol li::before{ content:counter(m); position:absolute; left:0; top:10px; width:24px; height:24px; border-radius:50%; background:#15A866; color:#fff;
  font-size:.78rem; font-weight:700; display:grid; place-items:center; }
.kp-yazi__metin .rich table{ width:100%; border-collapse:collapse; margin:18px 0; border-radius:14px; overflow:hidden; box-shadow:0 0 0 1px #E9F6F1; }
.kp-yazi__metin .rich th, .kp-yazi__metin .rich td{ padding:12px 16px; border-bottom:1px solid #E9F6F1; text-align:left; }
.kp-yazi__metin .rich thead th{ background:#102D34; color:#fff; }
.kp-yazi__metin .rich tbody th{ background:#F4FBF8; }
.kp-yazi__etiketler{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:34px 0 0; }
.kp-yazi__etiketler li{ padding:6px 12px; border-radius:999px; background:#F4FBF8; border:1px solid #E9F6F1; font-size:.82rem; color:#596F72; }
.kp-yazi__gecis{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:40px; padding-top:30px; border-top:1px solid #E9F6F1; }
.kp-yazi__gecis-k{ display:flex; align-items:center; gap:14px; padding:12px; border-radius:18px; border:1px solid #E9F6F1; background:#fff; transition:.3s var(--ease); }
.kp-yazi__gecis-k:hover{ border-color:#20C599; box-shadow:0 14px 34px rgba(16,45,52,.10); transform:translateY(-3px); }
.kp-yazi__gecis-k--ileri{ flex-direction:row-reverse; text-align:right; }
.kp-yazi__gecis-k img{ flex:none; width:78px; height:64px; border-radius:12px; object-fit:cover; }
.kp-yazi__gecis-k small{ display:block; font-size:.76rem; color:#15A866; font-weight:700; margin-bottom:4px; }
.kp-yazi__gecis-k b{ display:block; font-size:.95rem; line-height:1.3; color:#102D34; }

.kp-yazi__yan{ position:sticky; top:110px; display:flex; flex-direction:column; gap:20px; }
.kp-yazi__cta{ position:relative; overflow:hidden; padding:26px; border-radius:22px; color:#fff; background:linear-gradient(150deg,#102D34 0%,#15A866 70%,#15A866 100%); box-shadow:0 22px 50px rgba(16,45,52,.2); }
.kp-yazi__cta::after{ content:""; position:absolute; right:-60px; top:-60px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle,rgba(32,197,153,.4),transparent 70%); pointer-events:none; }
.kp-yazi__cta-ic{ display:grid; place-items:center; width:46px; height:46px; border-radius:50% 50% 50% 12px; background:rgba(255,255,255,.12); color:#49D3E9; font-size:1.1rem; }
.kp-yazi__cta h3{ color:#fff; font-size:1.2rem; margin:14px 0 8px; }
.kp-yazi__cta p{ color:rgba(255,255,255,.8); font-size:.92rem; line-height:1.6; margin:0 0 16px; }
.kp-yazi__cta .btn{ position:relative; z-index:1; }
.kp-yazi__cta-alt{ position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.kp-yazi__cta-alt a{ display:flex; align-items:center; justify-content:center; gap:7px; padding:10px; border-radius:12px; font-size:.86rem; font-weight:700;
  color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); }
.kp-yazi__cta-alt a.is-wa{ background:#1fae5b; border-color:#1fae5b; }
.kp-yazi__son{ padding:22px; border-radius:22px; background:#fff; border:1px solid #E9F6F1; }
.kp-yazi__son h3{ font-size:1.05rem; margin:0 0 10px; }
.kp-yazi__son-k{ display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #EEF8F4; }
.kp-yazi__son-k img, .kp-yazi__son-bos{ flex:none; width:64px; height:52px; border-radius:10px; object-fit:cover; background:#EFF9F5; display:grid; place-items:center; color:#49D3E9; }
.kp-yazi__son-k b{ display:block; font-size:.9rem; line-height:1.3; color:#102D34; transition:color .2s; }
.kp-yazi__son-k small{ display:block; font-size:.76rem; color:var(--c-muted); margin-top:3px; }
.kp-yazi__son-k:hover b{ color:#15A866; }
.kp-yazi__tumu{ display:inline-flex; align-items:center; gap:7px; margin-top:12px; font-weight:700; font-size:.9rem; color:#15A866; }
@media (max-width:1024px){ .kp-yazi__izgara{ grid-template-columns:1fr; } .kp-yazi__yan{ position:static; } .kp-yazi__metin{ max-width:none; } }
@media (max-width:600px){ .kp-yazi__gecis{ grid-template-columns:1fr; } .kp-yazi__gecis-k img{ width:64px; height:54px; } }