/* bilgi sayfaları ("teknik föy"): tüm kurallar .bk2 ile başlar (lib/bilgi.py). Renk/yazı tipi yalnız site.css :root değişkenlerinden. */
.bk2{--b2-ink:#3b3b3b;--b2-rule:rgba(59,59,59,.18);--b2-rule2:rgba(59,59,59,.1);--b2-card:rgba(255,255,255,.46);--b2-card2:rgba(255,255,255,.72)}
.bk2 .b2-sheet{padding-bottom:0}
.bk2 .b2-w{position:relative;width:1100px;max-width:calc(100% - 48px);margin:0 auto;padding:230px 0 110px;color:var(--b2-ink)}
.bk2 [id]{scroll-margin-top:110px}
.bk2 h1,.bk2 h2,.bk2 h3{font-weight:400;letter-spacing:0}
.bk2 a{transition:color .25s,background-color .3s,border-color .3s,translate .4s cubic-bezier(.22,.9,.28,1)}
.bk2 a:focus-visible,.bk2 .b2-tsc:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}
.bk2 svg{width:16px;height:16px;flex:none;display:block}
.bk2 .b2-no{font-family:var(--f-dinb);font-variant-numeric:tabular-nums;color:var(--blue)}

/* ---------- başlık bölümü ---------- */
.bk2 .b2-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:70px;align-items:center}
.bk2 .b2-hero.b2-hnone{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:end;padding-bottom:6px}
.bk2 .b2-eb{display:flex;align-items:center;gap:14px;font-family:var(--f-dinm);font-size:13px;line-height:18px;letter-spacing:.16em;text-transform:uppercase;color:var(--b2-ink)}
.bk2 .b2-eb span:first-child{display:inline-flex;align-items:center;gap:12px}
.bk2 .b2-eb span:first-child::before{content:'';width:28px;height:2px;background:var(--blue)}
.bk2 .b2-pg{font-variant-numeric:tabular-nums;color:var(--ink);padding-left:14px;border-left:1px solid var(--b2-rule)}
.bk2 .b2-hero h1{margin-top:26px;font-family:var(--f-dinb);font-size:54px;line-height:1.04;color:var(--b2-ink);max-width:640px;overflow-wrap:break-word;hyphens:manual}
.bk2 .b2-cnt{margin-top:22px;font-family:var(--f-dinm);font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.bk2 .b2-cnt b{font-family:var(--f-dinb);font-weight:400;font-size:22px;color:var(--blue);margin-right:4px}

/* sayfa içi dizin */
.bk2 .b2-idx{margin-top:46px}
.bk2 .b2-hnone .b2-idx{margin-top:0}
.bk2 .b2-idx>p{font-family:var(--f-dinm);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-bottom:10px}
.bk2 .b2-idx ol{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;border-top:1px solid var(--b2-rule)}
.bk2 .b2-hnone .b2-idx ol{grid-template-columns:minmax(0,1fr)}
.bk2 .b2-idx a{position:relative;display:flex;align-items:baseline;gap:14px;padding:13px 26px 13px 0;border-bottom:1px solid var(--b2-rule);font-family:var(--f-dinm);font-size:16px;line-height:1.3;color:var(--b2-ink)}
.bk2 .b2-idx a span{font-family:var(--f-dinb);font-size:13px;color:var(--blue);font-variant-numeric:tabular-nums;flex:none}
.bk2 .b2-idx a::after{content:'';position:absolute;right:4px;top:50%;width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.45;transition:opacity .3s,translate .3s}
.bk2 .b2-idx a:hover{color:var(--blue)}
.bk2 .b2-idx a:hover::after{opacity:1;translate:0 3px}

/* numune sahnesi: ızgaralı çizim kâğıdı + köşe işaretleri */
.bk2 .b2-stage{position:relative;margin:0;aspect-ratio:1/1;border-radius:26px;overflow:hidden;isolation:isolate;
  background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,0) 100%),
             linear-gradient(rgba(59,59,59,.075) 1px,transparent 1px) 0 0/28px 28px,
             linear-gradient(90deg,rgba(59,59,59,.075) 1px,transparent 1px) 0 0/28px 28px,
             rgba(255,255,255,.32);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.bk2 .b2-stage::after{content:'';position:absolute;left:50%;top:9%;bottom:9%;width:1px;background:linear-gradient(transparent,rgba(0,159,227,.35) 18%,rgba(0,159,227,.35) 82%,transparent);z-index:-1}
.bk2 .b2-stage::before{content:'';position:absolute;top:50%;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,159,227,.35) 18%,rgba(0,159,227,.35) 82%,transparent);z-index:-1}
.bk2 .b2-stage img{position:absolute;left:50%;top:50%;width:76%;height:76%;object-fit:contain;translate:-50% -50%}
.bk2 .b2-stage.b2-wide{aspect-ratio:16/10}
.bk2 .b2-stage.b2-wide img{width:82%;height:78%}
.bk2 .b2-tk{position:absolute;width:18px;height:18px;border:0 solid var(--blue)}
.bk2 .b2-tk1{left:16px;top:16px;border-left-width:2px;border-top-width:2px}
.bk2 .b2-tk2{right:16px;top:16px;border-right-width:2px;border-top-width:2px}
.bk2 .b2-tk3{left:16px;bottom:16px;border-left-width:2px;border-bottom-width:2px}
.bk2 .b2-tk4{right:16px;bottom:16px;border-right-width:2px;border-bottom-width:2px}

/* ---------- numaralı bölümler (temel bilgi sayfaları) ---------- */
.bk2 .b2-secs{margin-top:110px}
.bk2 .b2-sec{display:grid;grid-template-columns:300px minmax(0,1fr);gap:60px;padding:44px 0 54px;border-top:1px solid var(--b2-rule)}
.bk2 .b2-rail{display:flex;flex-direction:column;gap:12px}
.bk2 .b2-rail .b2-no{font-size:15px;letter-spacing:.08em}
.bk2 .b2-rail h2{font-family:var(--f-dinb);font-size:26px;line-height:1.15;color:var(--b2-ink)}
.bk2 .b2-body{max-width:700px;font-family:var(--f-inter);font-size:17px;line-height:1.72;color:var(--b2-ink)}
.bk2 .b2-body>p+p,.bk2 .b2-body>p+ul,.bk2 .b2-body>ul+p,.bk2 .b2-body>ul+ul{margin-top:1.1em}
.bk2 .b2-body .b2-key{font-family:var(--f-dinm);font-size:23px;line-height:1.35;padding:4px 0 4px 22px;border-left:3px solid var(--blue)}
.bk2 .b2-ul{list-style:none;border-top:1px solid var(--b2-rule2)}
.bk2 .b2-ul li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid var(--b2-rule2);line-height:1.55}
.bk2 .b2-ul li::before{content:'';position:absolute;left:0;top:calc(12px + .78em);width:12px;height:2px;background:var(--blue)}
.bk2 .b2-ul.b2-ul2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}

/* tablolar: beyaz kart, dar ekranda kendi kabında yatay kayar */
.bk2 .b2-tsec .b2-body{max-width:none}
.bk2 .b2-tw+.b2-tw{margin-top:30px}
.bk2 .b2-tsc{overflow-x:auto;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 18px 40px -28px rgba(35,35,35,.45);-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.bk2 .tbl{width:100%;min-width:0;border:0;border-radius:0;overflow:visible;border-collapse:collapse;font-family:var(--f-inter);font-weight:400;font-size:15px;line-height:1.45;color:var(--b2-ink);font-variant-numeric:tabular-nums}
.bk2 .tbl td,.bk2 .tbl th{border:0;border-bottom:1px solid var(--b2-rule2);padding:11px 16px;text-align:center;vertical-align:middle;font-weight:400}
.bk2 .tbl tr:last-child>*{border-bottom:0}
.bk2 .tbl td+td{border-left:1px solid var(--b2-rule2)}
.bk2 .tbl .l{text-align:left}
.bk2 .tbl td.l:first-child{font-family:var(--f-dinm);font-size:15.5px}
.bk2 .tbl .h{background:var(--b2-ink);color:#fff;font-family:var(--f-dinb);font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:16px 20px;border-left:0}
.bk2 .tbl .z{background:rgba(0,159,227,.055)}
.bk2 .tbl:has(col:nth-child(3)) tr:nth-child(2) td{background:#eaf6fe;font-family:var(--f-dinm);font-size:14px;line-height:1.3;color:var(--b2-ink);padding-top:13px;padding-bottom:13px}
.bk2 .tbl tr:last-child td[colspan]{font-size:14px;color:var(--ink)}
.bk2 .tbl tr:first-child td[colspan].h{border-left:0}
.bk2 .tbl sup,.bk2 .tbl sub{font-size:.68em}
/* karşılaştırma değerleri: harf aynen kalır, altında 4 kademeli gösterge (P < F < G < E, tablo açıklamasındaki sıra) */
.bk2 .tbl td.b2-rt{font-family:var(--f-dinb);font-size:15px;--p:0%}
.bk2 .tbl td.b2-rt::after{content:'';display:block;width:46px;height:4px;margin:6px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--blue) var(--p),rgba(59,59,59,.14) var(--p))}
.bk2 .tbl td.b2-rP{--p:25%}.bk2 .tbl td.b2-rF{--p:50%}.bk2 .tbl td.b2-rG{--p:75%}.bk2 .tbl td.b2-rGE{--p:87.5%}.bk2 .tbl td.b2-rE{--p:100%}

/* ---------- örgü tipleri ---------- */
.bk2 .b2-brows{margin-top:100px;display:flex;flex-direction:column}
.bk2 .b2-brow{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:70px;align-items:center;padding:56px 0;border-top:1px solid var(--b2-rule)}
.bk2 .b2-brow:nth-child(even) .b2-bfig{order:2}
.bk2 .b2-btx h2{display:flex;align-items:baseline;gap:16px;font-family:var(--f-dinb);font-size:32px;line-height:1.1;color:var(--b2-ink)}
.bk2 .b2-btx h2 .b2-no{font-size:16px;letter-spacing:.08em}
.bk2 .b2-btx p{margin-top:20px;max-width:560px;font-family:var(--f-inter);font-size:17px;line-height:1.72;color:var(--b2-ink)}

/* ---------- montaj adımları ---------- */
.bk2 .b2-steps{margin-top:100px}
.bk2 .b2-step{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;padding:52px 0 60px;border-top:1px solid var(--b2-rule)}
.bk2 .b2-shd{display:flex;flex-direction:column;gap:14px}
.bk2 .b2-big{font-family:var(--f-dinb);font-size:96px;line-height:.82;color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.bk2 .b2-shd h2{display:flex;flex-direction:column;gap:8px;font-family:var(--f-dinb);font-size:24px;line-height:1.15;color:var(--b2-ink)}
.bk2 .b2-shd h2 small{font-family:var(--f-dinm);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.bk2 .b2-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.bk2 .b2-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--b2-card);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.bk2 .b2-figs{display:grid;grid-template-columns:repeat(var(--n,1),minmax(0,1fr));gap:1px;background:var(--b2-rule2)}
.bk2 .b2-figs.b2-n2{--n:2}.bk2 .b2-figs.b2-n3{--n:3}
.bk2 .b2-fig{display:flex;align-items:center;justify-content:center;background:#fff;height:250px;overflow:hidden}
.bk2 .b2-fig img{width:100%;height:100%;object-fit:contain}
.bk2 .b2-ctx{padding:22px 24px 24px}
.bk2 .b2-ctx h3{font-family:var(--f-dinb);font-size:19px;line-height:1.25;color:var(--b2-ink);margin-bottom:12px}
.bk2 .b2-cl{list-style:none;font-family:var(--f-inter);font-size:15.5px;line-height:1.6;color:var(--b2-ink)}
.bk2 .b2-cl>li{position:relative;padding-left:22px}
.bk2 .b2-cl>li+li{margin-top:8px}
.bk2 .b2-cl>li::before{content:'';position:absolute;left:0;top:.78em;width:10px;height:2px;background:var(--blue)}
.bk2 .b2-sub{list-style:none;margin:10px 0 2px;padding:10px 14px;border-radius:12px;background:rgba(59,59,59,.055)}
.bk2 .b2-sub li{position:relative;padding:3px 0 3px 18px}
.bk2 .b2-sub li::before{content:'';position:absolute;left:2px;top:calc(3px + .62em);width:6px;height:6px;border-radius:50%;border:1.5px solid var(--blue)}
.bk2 .b2-cards.b2-solo{grid-template-columns:minmax(0,1fr)}
.bk2 .b2-solo .b2-card.b2-hasfig{flex-direction:row-reverse}
.bk2 .b2-solo .b2-figs{flex:0 0 42%}
.bk2 .b2-solo .b2-figs.b2-n1 .b2-fig{height:100%;min-height:300px}
.bk2 .b2-solo .b2-ctx{flex:1;padding:28px 30px}

/* ---------- diğer bilgi sayfaları + katalog ---------- */
.bk2 .b2-more{margin-top:110px;padding-top:44px;border-top:1px solid var(--b2-rule)}
.bk2 .b2-mh{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 30px;margin-bottom:30px}
.bk2 .b2-mh h2{font-family:var(--f-dinb);font-size:26px;line-height:1.15;color:var(--b2-ink)}
.bk2 .b2-cat{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;border:1px solid var(--b2-ink);font-family:var(--f-dinm);font-size:15px;color:var(--b2-ink)}
.bk2 .b2-cat svg{color:var(--blue);transition:color .3s}
.bk2 .b2-cat:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.bk2 .b2-cat:hover svg{color:#fff}
.bk2 .b2-ml{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.bk2 .b2-ml a{position:relative;display:flex;flex-direction:column;height:100%;padding:10px 10px 16px;border-radius:20px;background:var(--b2-card);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.bk2 .b2-mi{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:13px;overflow:hidden;background:radial-gradient(closest-side,rgba(255,255,255,.8),rgba(255,255,255,.35))}
.bk2 .b2-mi img{width:78%;height:82%;object-fit:contain;transition:scale .6s cubic-bezier(.22,.9,.28,1)}
.bk2 .b2-mi.b2-wt{background:#fff}
.bk2 .b2-mi.b2-wt img{width:100%;height:100%;object-fit:cover}
.bk2 .b2-mt{display:flex;flex-direction:column;gap:5px;padding:14px 34px 0 6px}
.bk2 .b2-mt small{font-family:var(--f-dinb);font-size:12px;letter-spacing:.08em;color:var(--blue)}
.bk2 .b2-mt b{font-family:var(--f-dinm);font-weight:400;font-size:16px;line-height:1.25;color:var(--b2-ink)}
.bk2 .b2-ma{position:absolute;right:14px;bottom:16px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(59,59,59,.08);color:var(--b2-ink);transition:background-color .3s,color .3s}
.bk2 .b2-ml a:hover{background:var(--b2-card2);translate:0 -4px}
.bk2 .b2-ml a:hover .b2-mi img{scale:1.06}
.bk2 .b2-ml a:hover .b2-ma{background:var(--blue);color:#fff}

/* ---------- geniş ekran ---------- */
@media (min-width:1800px){
  .bk2 .b2-w{width:1240px}
  .bk2 .b2-hero{grid-template-columns:minmax(0,1fr) 470px}
}

/* ---------- tablet ---------- */
@media (max-width:1199px){
  .bk2 .b2-hero{grid-template-columns:minmax(0,1fr) 340px;gap:48px}
  .bk2 .b2-hero h1{font-size:46px}
  .bk2 .b2-sec{grid-template-columns:220px minmax(0,1fr);gap:40px}
  .bk2 .b2-brow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px}
  .bk2 .b2-step{grid-template-columns:200px minmax(0,1fr);gap:36px}
  .bk2 .b2-big{font-size:76px}
  .bk2 .b2-ml{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .bk2 .b2-cards{grid-template-columns:minmax(0,1fr)}
  .bk2 .b2-fig{height:280px}
}

/* ---------- telefon / dar tablet ---------- */
@media (max-width:809px){
  .bk2 .b2-w{max-width:calc(100% - 40px);padding:185px 0 80px}
  .bk2 .b2-hero,.bk2 .b2-hero.b2-hnone{grid-template-columns:minmax(0,1fr);gap:36px;align-items:start}
  .bk2 .b2-hero h1{margin-top:20px;font-size:38px;line-height:1.06}
  .bk2 .b2-stage{max-width:440px;width:100%;justify-self:center}
  .bk2 .b2-idx{margin-top:34px}
  .bk2 .b2-secs,.bk2 .b2-brows,.bk2 .b2-steps{margin-top:60px}
  .bk2 .b2-sec{grid-template-columns:minmax(0,1fr);gap:20px;padding:34px 0 40px}
  .bk2 .b2-rail{flex-direction:row;align-items:baseline;gap:14px}
  .bk2 .b2-rail h2{font-size:24px}
  .bk2 .b2-body{font-size:16.5px;line-height:1.68}
  .bk2 .b2-body .b2-key{font-size:20px}
  .bk2 .tbl:has(col:nth-child(4)){min-width:640px}
  .bk2 .tbl td,.bk2 .tbl th{padding:10px 12px}
  .bk2 .tbl .h{padding:14px 16px}
  .bk2 .b2-brow{grid-template-columns:minmax(0,1fr);gap:24px;padding:36px 0 40px}
  .bk2 .b2-brow:nth-child(even) .b2-bfig{order:0}
  .bk2 .b2-btx h2{font-size:26px}
  .bk2 .b2-btx p{font-size:16.5px;margin-top:14px}
  .bk2 .b2-step{grid-template-columns:minmax(0,1fr);gap:22px;padding:36px 0 44px}
  .bk2 .b2-shd{flex-direction:row;align-items:flex-end;gap:18px}
  .bk2 .b2-big{font-size:60px}
  .bk2 .b2-shd h2{font-size:21px}
  .bk2 .b2-solo .b2-card.b2-hasfig{flex-direction:column}
  .bk2 .b2-solo .b2-figs{flex:none}
  .bk2 .b2-solo .b2-figs.b2-n1 .b2-fig{height:280px;min-height:0}
  .bk2 .b2-solo .b2-ctx{padding:22px 22px 24px}
  .bk2 .b2-ctx{padding:20px 20px 22px}
  .bk2 .b2-more{margin-top:70px;padding-top:34px}
  .bk2 .b2-mh h2{font-size:23px}
  .bk2 .b2-ml{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:520px){
  .bk2 .b2-hero h1{font-size:31px}
  .bk2 .b2-idx ol{grid-template-columns:minmax(0,1fr)}
  .bk2 .b2-ul.b2-ul2{grid-template-columns:minmax(0,1fr)}
  .bk2 .b2-fig,.bk2 .b2-solo .b2-figs.b2-n1 .b2-fig{height:auto;aspect-ratio:1/1}
  .bk2 .b2-figs.b2-n2 .b2-fig{aspect-ratio:auto;height:auto}
  .bk2 .b2-figs.b2-n2 .b2-fig img{aspect-ratio:1/1}
  .bk2 .b2-ml{grid-template-columns:minmax(0,1fr);gap:10px}
  .bk2 .b2-ml a{flex-direction:row;align-items:center;gap:14px;padding:8px 52px 8px 8px}
  .bk2 .b2-mi{flex:0 0 92px;aspect-ratio:1/1}
  .bk2 .b2-mt{padding:0}
  .bk2 .b2-ma{top:50%;bottom:auto;translate:0 -50%}
}

@media (hover:none){.bk2 .b2-ml a:hover{translate:none}}
@media (prefers-reduced-motion:reduce){
  .bk2 a,.bk2 .b2-mi img,.bk2 .b2-idx a::after{transition:none}
  .bk2 .b2-ml a:hover{translate:none}
  .bk2 .b2-ml a:hover .b2-mi img{scale:none}
}