/* Kurumsal sayfa — tüm seçiciler .kp3 ile başlar (lib/kurumsal.py). Renk/yazı tipi yalnız site.css :root değişkenlerinden. */
.kp3{--k-ink:#3b3b3b;--k-rule:rgba(92,92,97,.28);--k-rule-d:rgba(255,255,255,.1)}
.kp3 .wrap{position:relative;width:1100px;max-width:94%;margin:0 auto}
.kp3 .band{position:relative;background:var(--bg);color:var(--g1)}
.kp3 .eb{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-family:var(--f-dinm);font-size:13px;line-height:18px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.kp3 .eb span{color:var(--blue)}
.kp3 .eb span+*,.kp3 .hero3 .eb{color:var(--ink)}
.kp3 .hero3 .eb span::after{content:'·';margin-left:12px;color:var(--ink)}
.kp3 h1,.kp3 h2{font-family:var(--f-dinb);font-weight:700;color:var(--k-ink);letter-spacing:-.01em}
.kp3 h1 b,.kp3 h2 b{font-weight:700;color:var(--blue)}
.kp3 svg{width:14px;height:14px;flex:none}
.kp3 a{transition:color .25s}

/* ---------- 1. açık panel: başlık + fotoğraf + sayılar ---------- */
.kp3 .hero3{padding-top:250px;padding-bottom:60px}
.kp3 .hero3 .top{display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:end}
.kp3 .hero3 h1{margin-top:28px;font-size:48px;line-height:1.08;max-width:560px}
.kp3 .hero3 .lead{margin-top:26px;max-width:540px;font-family:var(--f-inter);font-size:17px;line-height:1.62;color:var(--ink)}
.kp3 .hero3 .go{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:30px}
.kp3 .hero3 .go a{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-dinm);font-size:16px;color:var(--k-ink);padding-bottom:4px;border-bottom:1px solid var(--k-rule);transition:color .25s,border-color .25s}
.kp3 .hero3 .go a svg{color:var(--blue);transition:translate .3s}
.kp3 .hero3 .go a:hover{color:var(--blue);border-color:var(--blue)}
.kp3 .hero3 .go a:hover svg{translate:2px -2px}
.kp3 .hero3 .pic{position:relative;margin:0;height:540px;border-radius:20px;overflow:hidden;background:var(--bg2);isolation:isolate}
.kp3 .hero3 .pic img{width:100%;height:100%;object-fit:cover;object-position:62% 60%}
.kp3 .hero3 .pic::after{content:'';position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.kp3 .hero3 .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px;padding-top:34px;border-top:1px solid var(--k-rule)}
.kp3 .fact{display:flex;flex-direction:column;gap:4px;padding-left:18px;border-left:2px solid var(--blue)}
.kp3 .fact b{font-family:var(--f-dinb);font-weight:700;font-size:46px;line-height:1;color:var(--k-ink);font-variant-numeric:tabular-nums}
.kp3 .fact span{margin-top:6px;font-family:var(--f-dinm);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.kp3 .fact small{font-family:var(--f-inter);font-size:14px;line-height:1.4;color:var(--ink)}

/* ---------- 2. koyu kuşak: Genel Müdür mektubu ---------- */
.kp3 .letter3{padding:120px 0 110px}
.kp3 .letter3 .wrap{display:grid;grid-template-columns:260px 1fr;gap:60px;align-items:start}
.kp3 .letter3 .eb{position:relative;padding-top:18px;border-top:1px solid var(--k-rule-d);max-width:220px}
.kp3 .letter3 .eb::after{content:'\201C';display:block;flex-basis:100%;margin-top:26px;font-family:var(--f-dinb);font-size:150px;line-height:.6;color:var(--blue);opacity:.9;letter-spacing:0}
.kp3 .letter3 blockquote{margin:0;padding:0}
.kp3 .letter3 blockquote p{font-family:var(--f-dinl);font-size:30px;line-height:1.42;color:#fff;margin:0 0 .8em}
.kp3 .letter3 blockquote p:last-child{margin-bottom:0}
.kp3 .letter3 .sig{grid-column:2;display:flex;flex-direction:column;gap:3px;margin-top:34px;padding-top:24px;position:relative}
.kp3 .letter3 .sig::before{content:'';position:absolute;left:0;top:0;width:46px;height:2px;background:var(--blue)}
.kp3 .letter3 .sig b{font-family:var(--f-dinb);font-weight:700;font-size:18px;letter-spacing:.02em;color:#fff}
.kp3 .letter3 .sig span{font-family:var(--f-din);font-size:15px;color:var(--g2)}

/* ---------- 3. açık panel: ürün yapısı, teknik bilgi, markalar ---------- */
.kp3 .body3{padding-top:100px;padding-bottom:70px}
.kp3 .blk+.blk{margin-top:90px;padding-top:70px;border-top:1px solid var(--k-rule)}
.kp3 .hd{display:grid;grid-template-columns:1fr 1fr;gap:28px 70px;align-items:end;margin-bottom:46px}
.kp3 .hd .eb{grid-column:1/-1}
.kp3 .hd h2{font-size:38px;line-height:1.1;max-width:480px}
.kp3 .hd .p{font-family:var(--f-inter);font-size:16px;line-height:1.62;color:var(--ink);max-width:470px;justify-self:end}
.kp3 .kcs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kp3 .kc{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 26px 24px;border-radius:20px;background:rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transition:background .35s ease,box-shadow .35s ease,translate .45s cubic-bezier(.22,.9,.28,1)}
.kp3 .kc .kim{display:flex;align-items:center;justify-content:center;height:230px;margin:-4px 0 18px}
.kp3 .kc .kim img{max-height:230px;width:auto;max-width:78%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(35,35,35,.28));transition:translate .55s cubic-bezier(.22,.9,.28,1)}
.kp3 .kc.kumas .kim img,.kp3 .kc.levha .kim img{max-width:62%}
.kp3 .kc .cn{display:flex;align-items:center;gap:12px;font-family:var(--f-dinb);font-weight:700;font-size:18px;letter-spacing:.06em;color:var(--k-ink);transition:color .3s}
.kp3 .kc .cn .ic{flex:none}
.kp3 .kc .kct{font-family:var(--f-inter);font-size:15px;color:var(--ink);padding-left:33px}
.kp3 .kc .ar svg{transition:transform .4s ease-in-out}
.kp3 .kc .ar{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--blue);color:var(--blue);transition:background .3s,color .3s}
@media (hover:hover){
  .kp3 .kc:hover{background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(0,159,227,.45);translate:0 -4px}
  .kp3 .kc:hover .kim img{translate:0 -8px}
  .kp3 .kc:hover .cn{color:var(--blue)}
  .kp3 .kc:hover .ar{background:var(--blue);color:#fff}
  .kp3 .kc:hover .ar svg{transform:rotate(45deg)}   /* ↗ ok hover'da düz sağa (→) döner */
}
.kp3 .links{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;list-style:none;margin:0;padding:0;border-top:1px solid var(--k-rule)}
.kp3 .links li{border-bottom:1px solid var(--k-rule)}
.kp3 .links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px;font-family:var(--f-dinm);font-size:17px;line-height:1.3;color:var(--k-ink)}
.kp3 .links a svg{color:var(--blue);transition:translate .3s}
.kp3 .links a:hover{color:var(--blue)}
.kp3 .links a:hover svg{translate:3px -3px}
.kp3 .links .pdf{grid-column:1/-1}
.kp3 .links .pdf a{padding:22px 2px;font-family:var(--f-dinb);font-size:18px}
.kp3 .links .pdf small{margin-left:auto;font-family:var(--f-inter);font-size:14px;color:var(--ink)}
.kp3 .links .pdf svg{width:26px;height:26px}
.kp3 .links .pdf a:hover svg{translate:0 3px}
.kp3 .brands3 .eb{margin-bottom:34px}
.kp3 .logos{display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap;padding:6px 0}
.kp3 .logos img{flex:none;height:auto;opacity:.92;transition:opacity .3s}
.kp3 .logos img:hover{opacity:1}
.kp3 .logos .b-ias{width:8%;min-width:70px}
.kp3 .logos .b-ducork{width:16%;min-width:110px}
.kp3 .logos .b-donit,.kp3 .logos .b-tesnit{width:17%;min-width:110px}
.kp3 .logos .b-ferolite{width:6%;min-width:46px}

/* ---------- 4. koyu kuşak: ofis / fabrika + iletişim ---------- */
.kp3 .loc3{padding:110px 0 120px}
.kp3 .loc3 h2{color:#fff}
.kp3 .loc3 .hd{grid-template-columns:1fr;margin-bottom:40px}
.kp3 .offs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.kp3 .off{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 30px 26px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:border-color .35s,background .35s}
.kp3 .off .lb{font-family:var(--f-dinm);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.kp3 .off p{margin:0;font-family:var(--f-din);font-size:19px;line-height:1.45;color:#fff;max-width:420px}
.kp3 .off p a::after{content:'';position:absolute;inset:0;border-radius:12px}   /* adres bağlantısı tüm kartı kaplar */
.kp3 .off .mp{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--f-dinm);font-size:14px;color:var(--g2);transition:color .3s}
.kp3 .off .mp svg{color:var(--blue);transition:translate .3s}
@media (hover:hover){
  .kp3 .off:hover{border-color:rgba(0,159,227,.55);background:rgba(255,255,255,.06)}
  .kp3 .off:hover .mp{color:var(--blue)}
  .kp3 .off:hover .mp svg{translate:2px -2px}
}
.kp3 .cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;margin-top:44px;padding-top:36px;border-top:1px solid var(--k-rule-d)}
.kp3 .cta .ch{margin:0;font-family:var(--f-dinb);font-weight:700;font-size:24px;color:#fff}
.kp3 .cta .cl{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;font-family:var(--f-din);font-size:18px;color:var(--g1)}
.kp3 .cta .cl a:hover{color:var(--blue)}
.kp3 .cta .btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;margin-left:auto;border-radius:12px;border:1px solid var(--blue);font-family:var(--f-dinm);font-size:16px;color:var(--blue);transition:background .3s,color .3s}
.kp3 .cta .btn:hover{background:var(--blue);color:#fff}

/* ---------- kaydırmaya bağlı hafif derinlik (destekleyen tarayıcı; hareket azaltmada kapalı) ---------- */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .kp3 .hero3 .pic img{scale:1.08;animation:kp3par linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes kp3par{from{translate:0 -3%}to{translate:0 3%}}
  }
}

/* ---------- duyarlı ---------- */
@media (max-width:1199px){
  .kp3 .hero3 .top{grid-template-columns:1fr 380px;gap:44px}
  .kp3 .hero3 .pic{height:480px}
  .kp3 .hero3 h1{font-size:42px}
  .kp3 .letter3 .wrap{grid-template-columns:200px 1fr;gap:40px}
  .kp3 .letter3 blockquote p{font-size:27px}
}
@media (max-width:959px){
  .kp3 .hero3 .top{grid-template-columns:1fr;gap:40px}
  .kp3 .hero3 .pic{height:380px}
  .kp3 .hero3 h1{max-width:none}
  .kp3 .hero3 .facts{grid-template-columns:1fr 1fr;gap:32px 24px}
  .kp3 .letter3{padding:90px 0 80px}
  .kp3 .letter3 .wrap{grid-template-columns:1fr;gap:28px}
  .kp3 .letter3 .eb{max-width:none}
  .kp3 .letter3 .eb::after{font-size:110px;line-height:1;height:54px;margin-top:8px;overflow:visible}
  .kp3 .letter3 .sig{grid-column:1}
  .kp3 .hd{grid-template-columns:1fr;gap:20px}
  .kp3 .hd .p{justify-self:start;max-width:620px}
  .kp3 .kcs{grid-template-columns:1fr 1fr}
  .kp3 .kc:last-child{grid-column:1/-1}
  .kp3 .kc:last-child .kim{height:260px}
  .kp3 .offs{grid-template-columns:1fr}
}
@media (max-width:809px){
  .kp3 .hero3{padding-top:160px;padding-bottom:40px}
  .kp3 .hero3 .eb{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;letter-spacing:.1em}
  .kp3 .hero3 .eb span::after{display:none}
  .kp3 .hero3 h1{margin-top:20px;font-size:34px;line-height:1.1}
  .kp3 .hero3 .lead{font-size:16px}
  .kp3 .hero3 .pic{height:300px;border-radius:16px}
  .kp3 .hero3 .facts{margin-top:44px;padding-top:28px;gap:26px 18px}
  .kp3 .fact b{font-size:38px}
  .kp3 .fact span{font-size:13px}
  .kp3 .letter3{padding:70px 0 64px}
  .kp3 .letter3 blockquote p{font-size:22px;line-height:1.45}
  .kp3 .body3{padding-top:64px;padding-bottom:40px}
  .kp3 .blk+.blk{margin-top:60px;padding-top:50px}
  .kp3 .hd{margin-bottom:30px}
  .kp3 .hd h2{font-size:29px}
  .kp3 .kcs{grid-template-columns:1fr}
  .kp3 .kc{padding:22px 20px 20px}
  .kp3 .kc .kim,.kp3 .kc:last-child .kim{height:200px}
  .kp3 .kc .kim img,.kp3 .kc.kumas .kim img,.kp3 .kc.levha .kim img{max-height:200px;max-width:70%}
  .kp3 .links{grid-template-columns:1fr}
  .kp3 .links a{font-size:16px;padding:15px 0}
  .kp3 .links .pdf a{flex-wrap:wrap;font-size:17px;padding:18px 0}
  .kp3 .links .pdf small{margin-left:0;flex-basis:100%;order:3}
  .kp3 .logos{justify-content:center;gap:28px 36px}
  .kp3 .logos .b-ias{width:22%;min-width:0}
  .kp3 .logos .b-ducork{width:36%;min-width:0}
  .kp3 .logos .b-donit,.kp3 .logos .b-tesnit{width:40%;min-width:0}
  .kp3 .logos .b-ferolite{width:14%;min-width:0}
  .kp3 .loc3{padding:70px 0 80px}
  .kp3 .off{padding:24px 22px 22px}
  .kp3 .off p{font-size:17px}
  .kp3 .cta{flex-direction:column;align-items:flex-start;gap:16px;margin-top:34px;padding-top:28px}
  .kp3 .cta .cl{flex-direction:column;gap:8px}
  .kp3 .cta .btn{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .kp3 *{transition-duration:0s!important}
}