/* ===========================================================
YAPIMCI : OFISIMO 
Versiyon: v8.0.0

    CSS INDEX OFISIMO SOFTWARE
   =========================================================== */

/* ---- BASE ---- */
*,*::before,*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family:'Inter',sans-serif; margin:0; padding:0; color:var(--body); background:var(--paper); }
h1,h2,h3,h4,.disp { font-family:'Archivo','Inter',sans-serif; }
a { text-decoration: none; }
img { max-width: 100%; }

.btn-primary {
    display:inline-flex; align-items:center; gap:9px; padding:14px 30px; border-radius:4px;
    font-family:'Archivo',sans-serif; font-weight:700; font-size:14px; letter-spacing:0.3px; text-transform:uppercase;
    transition:all .2s; cursor:pointer; border:none; background:var(--genel); color:var(--butonyazi);
}
.btn-primary:hover { background:var(--genel-dark); transform:translateY(-2px); }
.btn-primary:active { transform:translateY(0) scale(.99); }
.btn-ghost {
    display:inline-flex; align-items:center; gap:9px; padding:13px 28px; border-radius:4px;
    font-family:'Archivo',sans-serif; font-weight:700; font-size:14px; letter-spacing:0.3px; text-transform:uppercase;
    transition:all .2s; cursor:pointer; background:transparent; color:var(--ink); border:1.5px solid var(--ink);
}
.btn-ghost:hover { background:var(--ink); color:var(--paper); }

.container { max-width: 1280px; margin: 0 auto; padding: 0 22px; }
.sec-pad { padding: 90px 0; }

.kicker { display:inline-flex; align-items:center; gap:11px; font-family:'Archivo',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--genel); margin-bottom:18px; }
.kicker::before { content:''; width:34px; height:2px; background:var(--genel); display:inline-block; }
.h-title { font-family:'Archivo',sans-serif; font-size:clamp(28px,3.6vw,46px); font-weight:800; color:var(--ink); line-height:1.08; letter-spacing:-0.5px; margin:0; }
.h-title.on-dark { color:var(--paper); }
.lead { font-size:15.5px; line-height:1.8; color:var(--body); max-width:60ch; }
.lead.on-dark { color:rgba(250,250,249,0.72); }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
.reveal.in { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ .reveal{opacity:1;transform:none;transition:none;} }

@media (max-width: 768px){
    .sec-pad { padding: 56px 0; }
    .container { padding: 0 16px; }
    .btn-primary,.btn-ghost { font-size:13px; padding:12px 22px; }
}

/* ---- HEADER ---- */
.kp-strip { background:#0F0D0C; border-bottom:1px solid rgba(217,130,43,0.18); font-size:12.5px; color:rgba(250,250,249,0.6); }
.kp-strip .container { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:8px; padding-bottom:8px; flex-wrap:wrap; }
.kp-strip .kp-cert { display:flex; align-items:center; gap:9px; }
.kp-strip .kp-cert i { color:var(--genel); }
.kp-strip .kp-right { display:flex; align-items:center; gap:20px; }
.kp-strip .kp-right a, .kp-strip .kp-right span { color:rgba(250,250,249,0.6); display:flex; align-items:center; gap:7px; transition:color .2s; }
.kp-strip .kp-right a:hover { color:#fff; }
.kp-strip .kp-right i { color:var(--genel); }

#kp-header { background:var(--menuarkaplan); position:sticky; top:0; z-index:50; transition:box-shadow .3s, padding .3s; border-bottom:1px solid rgba(255,255,255,0.06); }
#kp-header.scrolled { box-shadow:0 10px 30px rgba(0,0,0,0.35); }
.kp-inner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; height:78px; gap:24px; }
.kp-logo-text { font-family:'Archivo',sans-serif; font-size:23px; font-weight:800; color:#fff; letter-spacing:-0.5px; }
.kp-logo-text b { color:var(--genel); }

.kp-nav { display:flex; align-items:center; justify-content:center; gap:4px; }
.kp-nav-item { position:relative; display:inline-flex; align-items:center; gap:6px; padding:10px 15px; font-family:'Archivo',sans-serif; font-size:14px; font-weight:600; color:rgba(250,250,249,0.82); transition:color .18s; cursor:pointer; }
.kp-nav-item::after { content:''; position:absolute; left:15px; right:15px; bottom:6px; height:2px; background:var(--genel); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.kp-nav-item:hover { color:#fff; } .kp-nav-item:hover::after { transform:scaleX(1); }
.kp-nav-item i { font-size:10px; opacity:.55; }
.kp-dd { position:relative; }
.kp-dd-menu { position:absolute; top:calc(100% + 4px); left:0; background:var(--dark2); border:1px solid rgba(255,255,255,0.08); border-top:2px solid var(--genel); min-width:215px; padding:8px; opacity:0; visibility:hidden; transform:translateY(6px); transition:all .18s; z-index:100; }
.kp-dd:hover .kp-dd-menu { opacity:1; visibility:visible; transform:translateY(0); }
.kp-dd-menu a { display:flex; align-items:center; gap:9px; padding:10px 12px; font-size:13.5px; font-weight:500; color:rgba(250,250,249,0.75); transition:all .15s; }
.kp-dd-menu a:hover { background:rgba(217,130,43,0.14); color:#fff; }
.kp-dd-menu a i { font-size:10px; color:var(--genel); }

.kp-cta { display:inline-flex; align-items:center; gap:9px; background:var(--genel); color:var(--butonyazi); padding:13px 24px; border-radius:4px; font-family:'Archivo',sans-serif; font-size:14px; font-weight:700; letter-spacing:0.3px; text-transform:uppercase; white-space:nowrap; transition:all .2s; }
.kp-cta:hover { background:var(--genel-dark); transform:translateY(-2px); }

.kp-mob-btn { display:none; background:none; border:none; cursor:pointer; padding:6px; color:#fff; }
@media (max-width:1023px){ .kp-nav{display:none;} .kp-mob-btn{display:flex;} .kp-cta .kp-cta-text{display:none;} .kp-cta{padding:12px 14px;} }
@media (max-width:640px){ .kp-strip .kp-extra{display:none !important;} }

.kp-mob { display:none; padding:12px 0 16px; border-top:1px solid rgba(255,255,255,0.08); }
.kp-mob.open { display:block; }
.kp-mob a { display:block; padding:12px 16px; font-size:14px; font-weight:600; color:rgba(250,250,249,0.85); }
.kp-mob a:hover { background:rgba(217,130,43,0.12); }

/* dil seçici (koyu) */
.lang-select { position:relative; }
.lang-toggle { display:inline-flex; align-items:center; gap:7px; cursor:pointer; color:rgba(250,250,249,0.8); font-size:12.5px; font-weight:600; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); padding:4px 10px; border-radius:4px; }
.lang-toggle:hover { background:rgba(255,255,255,0.12); }
.lang-toggle img { width:18px; height:18px; border-radius:2px; object-fit:cover; display:block; }
.lang-menu { position:absolute; top:calc(100% + 6px); right:0; background:var(--dark2); border:1px solid rgba(255,255,255,0.1); border-top:2px solid var(--genel); padding:6px; min-width:165px; opacity:0; visibility:hidden; transform:translateY(6px); transition:all .18s; z-index:200; list-style:none; margin:0; }
.lang-select.open .lang-menu { opacity:1; visibility:visible; transform:translateY(0); }
.lang-menu a { display:flex; align-items:center; gap:9px; padding:9px 11px; font-size:13px; color:rgba(250,250,249,0.8); }
.lang-menu a:hover { background:rgba(217,130,43,0.14); color:#fff; }
.lang-menu img { width:19px; height:19px; border-radius:2px; object-fit:cover; display:block; }
.kp-mob-lang { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:16px 16px 4px; margin-top:8px; border-top:1px solid rgba(255,255,255,0.08); }
.kp-mob-lang > i { color:var(--genel); }
.kp-mob-lang a { display:inline-flex; padding:3px; border:1px solid rgba(255,255,255,0.14); border-radius:4px; }
.kp-mob-lang a img { width:28px; height:20px; border-radius:2px; object-fit:cover; display:block; }

/* ---- FOOTER ---- */
.fcta { position:relative; background:var(--genel); overflow:hidden; }
.fcta::after { content:'\f49e'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; right:-10px; top:50%; transform:translateY(-50%); font-size:200px; color:rgba(28,25,23,0.08); pointer-events:none; }
.fcta .container { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; padding:42px 22px; }
.fcta h3 { font-family:'Archivo',sans-serif; font-size:clamp(22px,3vw,34px); font-weight:900; color:var(--butonyazi); margin:0; line-height:1.1; letter-spacing:-0.5px; }
.fcta p { color:rgba(28,25,23,0.7); margin:6px 0 0; font-size:15px; }
.fcta-btn { display:inline-flex; align-items:center; gap:10px; background:var(--dark); color:var(--paper); padding:16px 32px; border-radius:4px; font-family:'Archivo',sans-serif; font-weight:700; text-transform:uppercase; font-size:14px; letter-spacing:0.4px; transition:transform .2s; }
.fcta-btn:hover { transform:translateY(-2px); }

.fmain { background:var(--footerarkaplan); color:var(--footeryazi); }
.fgrid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:44px; padding:64px 0 44px; }
.fcol h4 { font-family:'Archivo',sans-serif; font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#fff; margin:0 0 22px; padding-bottom:12px; border-bottom:1px solid rgba(217,130,43,0.3); }
.flink { display:flex; align-items:center; gap:10px; color:rgba(250,250,249,0.6); font-size:13.5px; padding:6px 0; transition:all .2s; }
.flink:hover { color:var(--genel); padding-left:5px; }
.flink i { font-size:9px; color:var(--genel); }
.fsoc { width:40px; height:40px; border-radius:4px; background:rgba(255,255,255,0.06); color:#fff; display:flex; align-items:center; justify-content:center; transition:all .2s; }
.fsoc:hover { background:var(--genel); color:var(--butonyazi); }
.fcontact { display:flex; gap:11px; margin-bottom:15px; font-size:13.5px; color:rgba(250,250,249,0.6); }
.fcontact i { color:var(--genel); margin-top:3px; }
@media (max-width:900px){ .fgrid{grid-template-columns:1fr 1fr !important; gap:32px;} }
@media (max-width:540px){ .fgrid{grid-template-columns:1fr !important;} }

/* ---- ALT SAYFA HERO (titlehead) ---- */
.kp-ph { position:relative; overflow:hidden; background:var(--dark); padding:70px 0 60px; }
.kp-ph .ph-bg { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0.32; }
.kp-ph .ph-scrim { position:absolute; inset:0; background:linear-gradient(90deg, rgba(28,25,23,0.96) 0%, rgba(28,25,23,0.78) 60%, rgba(28,25,23,0.55) 100%); }
.kp-ph .ph-stripe { position:absolute; top:0; bottom:0; left:0; width:6px; background:var(--genel); }
.kp-ph .ph-deco { position:absolute; right:48px; top:50%; transform:translateY(-50%); font-size:160px; color:rgba(217,130,43,0.10); pointer-events:none; line-height:1; }
.kp-ph .ph-in { position:relative; z-index:2; }
.kp-ph .ph-kicker { display:inline-flex; align-items:center; gap:10px; font-family:'Archivo',sans-serif; font-size:12px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--genel); margin-bottom:14px; }
.kp-ph .ph-kicker::before { content:''; width:30px; height:2px; background:var(--genel); }
.kp-ph h1 { font-family:'Archivo',sans-serif; color:#fff; font-size:clamp(30px,4.2vw,48px); font-weight:900; line-height:1.08; margin:0 0 16px; letter-spacing:-0.5px; }
.kp-ph .bc { display:flex; align-items:center; gap:9px; list-style:none; padding:0; margin:0; flex-wrap:wrap; }
.kp-ph .bc li a { color:rgba(250,250,249,0.6); font-size:14px; transition:color .2s; }
.kp-ph .bc li a:hover { color:var(--genel); }
.kp-ph .bc li.active { color:var(--genel); font-size:14px; font-weight:600; }
.kp-ph .bc li:not(:first-child)::before { content:'/'; color:rgba(250,250,249,0.3); margin-right:9px; }
@media (max-width:768px){ .kp-ph{padding:50px 0 42px;} .kp-ph .ph-deco{display:none;} }

/* ---- HERO SLIDER (blok_slider) ---- */
.kh { position:relative; background:var(--dark); overflow:hidden; min-height:640px; }
.kh-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .9s ease; }
.kh-slide.on { opacity:1; visibility:visible; }
.kh-grid { display:grid; grid-template-columns:1.05fr 0.95fr; min-height:640px; }
.kh-left { display:flex; flex-direction:column; justify-content:center; padding:60px 56px 60px 0; position:relative; z-index:2; }
.kh-kicker { display:inline-flex; align-items:center; gap:11px; font-family:'Archivo',sans-serif; font-size:12.5px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--genel); margin-bottom:20px; }
.kh-kicker::before { content:''; width:40px; height:2px; background:var(--genel); }
.kh h1 { font-family:'Archivo',sans-serif; font-size:clamp(34px,4.6vw,58px); font-weight:900; color:#fff; line-height:1.04; letter-spacing:-1px; margin:0 0 22px; }
.kh-sub { font-size:16px; color:rgba(250,250,249,0.72); line-height:1.75; max-width:480px; margin:0 0 32px; }
.kh-btns { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:38px; }
.kh-right { position:absolute; top:0; right:0; bottom:0; width:48%; z-index:1; }
.kh-img { position:absolute; inset:0; background-size:cover; background-position:center; clip-path:polygon(14% 0, 100% 0, 100% 100%, 0 100%); }
.kh-img::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg, var(--dark), transparent 30%); }
.kh-stats { display:flex; gap:0; border-top:1px solid rgba(255,255,255,0.12); max-width:480px; }
.kh-stat { padding:18px 24px 0 0; margin-right:24px; }
.kh-stat:not(:last-child){ border-right:1px solid rgba(255,255,255,0.12); }
.kh-stat b { font-family:'Archivo',sans-serif; display:block; font-size:30px; font-weight:900; color:var(--genel); line-height:1; }
.kh-stat span { font-size:11.5px; color:rgba(250,250,249,0.55); text-transform:uppercase; letter-spacing:1px; font-weight:600; display:block; margin-top:6px; }
.kh-dots { position:absolute; bottom:30px; right:40px; z-index:5; display:flex; gap:9px; }
.kh-dots span { width:34px; height:4px; background:rgba(255,255,255,0.25); cursor:pointer; transition:all .3s; }
.kh-dots span.on { background:var(--genel); }
@media (max-width:1023px){
    .kh-grid{grid-template-columns:1fr;} .kh-left{padding:48px 0;}
    .kh-right{display:none;} .kh{min-height:auto;} .kh-slide{position:relative; visibility:visible;}
    .kh-slide:not(.on){display:none;}
    .kh-bgmob{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.18;}
}

/* ---- HAKKIMIZDA (blok_hakkimizda) ---- */
.ka { background:var(--paper); }
.ka-grid { display:grid; grid-template-columns:1fr 1.02fr; gap:70px; align-items:center; }
.ka-media { position:relative; padding-bottom:50px; padding-right:40px; }
.ka-main { aspect-ratio:5/5.2; clip-path:polygon(0 0, 100% 0, 100% 86%, 86% 100%, 0 100%); overflow:hidden; }
.ka-main img { width:100%; height:100%; object-fit:cover; display:block; }
.ka-inset { position:absolute; right:0; bottom:0; width:46%; aspect-ratio:1/1; border-radius:50%; overflow:hidden; border:7px solid var(--paper); box-shadow:0 18px 50px -16px rgba(28,25,23,0.45); }
.ka-inset img { width:100%; height:100%; object-fit:cover; display:block; }
.ka-xp { position:absolute; left:0; bottom:14px; background:var(--genel); color:var(--butonyazi); padding:16px 22px; border-radius:4px; box-shadow:0 16px 36px -12px rgba(217,130,43,0.6); }
.ka-xp b { font-family:'Archivo',sans-serif; display:block; font-size:32px; font-weight:900; line-height:1; }
.ka-xp span { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; display:block; margin-top:5px; }
.ka-feat { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:28px 0 30px; }
.ka-fitem { display:flex; gap:13px; align-items:flex-start; }
.ka-fico { width:46px; height:46px; border-radius:4px; background:var(--genel-tint); color:var(--genel-dark); display:flex; align-items:center; justify-content:center; font-size:19px; flex-shrink:0; }
.ka-fitem b { font-family:'Archivo',sans-serif; font-size:15px; color:var(--ink); display:block; line-height:1.3; }
.ka-fitem small { font-size:12.5px; color:var(--body); display:block; margin-top:3px; }
@media (max-width:900px){ .ka-grid{grid-template-columns:1fr !important; gap:48px;} .ka-media{max-width:480px;margin:0 auto;} }
@media (max-width:480px){ .ka-feat{grid-template-columns:1fr !important;} }

/* ---- HİZMETLER (blok_hizmetler) ---- */
.ks { background:var(--dark); position:relative; overflow:hidden; }
.ks::before { content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(217,130,43,0.10) 1px, transparent 1px); background-size:26px 26px; opacity:.6; }
.ks .container { position:relative; z-index:2; }
.ks-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:50px; }
.ks-rows { border-top:1px solid rgba(255,255,255,0.1); }
.ks-row { display:grid; grid-template-columns:90px 64px 1fr auto; align-items:center; gap:24px; padding:30px 24px; border-bottom:1px solid rgba(255,255,255,0.1); transition:background .25s, padding .25s; position:relative; }
.ks-row::before { content:''; position:absolute; left:0; top:0; bottom:0; width:0; background:var(--genel); transition:width .25s; }
.ks-row:hover { background:rgba(217,130,43,0.07); padding-left:34px; }
.ks-row:hover::before { width:4px; }
.ks-num { font-family:'Archivo',sans-serif; font-size:30px; font-weight:900; color:rgba(255,255,255,0.18); }
.ks-row:hover .ks-num { color:var(--genel); }
.ks-ico { width:58px; height:58px; border-radius:4px; background:rgba(255,255,255,0.06); color:var(--genel); display:flex; align-items:center; justify-content:center; font-size:24px; transition:all .25s; }
.ks-row:hover .ks-ico { background:var(--genel); color:var(--butonyazi); }
.ks-row h3 { font-family:'Archivo',sans-serif; font-size:19px; font-weight:700; color:#fff; margin:0 0 5px; }
.ks-row p { font-size:13.5px; color:rgba(250,250,249,0.6); margin:0; max-width:60ch; line-height:1.6; }
.ks-arrow { width:46px; height:46px; border-radius:50%; border:1.5px solid rgba(255,255,255,0.2); color:#fff; display:flex; align-items:center; justify-content:center; transition:all .25s; }
.ks-row:hover .ks-arrow { background:var(--genel); border-color:var(--genel); color:var(--butonyazi); transform:rotate(-45deg); }
@media (max-width:768px){
    .ks-row{grid-template-columns:54px 1fr; gap:14px; padding:22px 14px;}
    .ks-ico,.ks-arrow{display:none;} .ks-row:hover{padding-left:20px;}
}

/* ---- SAYAÇ (blok_sayac) ---- */
.kc { background:var(--genel); position:relative; overflow:hidden; }
.kc::after { content:'\f466'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; left:-30px; bottom:-50px; font-size:230px; color:rgba(28,25,23,0.07); pointer-events:none; }
.kc-grid { display:grid; grid-template-columns:repeat(4,1fr); position:relative; z-index:2; }
.kc-item { text-align:center; padding:54px 18px; }
.kc-item:not(:last-child){ border-right:1px solid rgba(28,25,23,0.15); }
.kc-ico { width:58px; height:58px; border-radius:4px; background:rgba(28,25,23,0.1); color:var(--dark); display:flex; align-items:center; justify-content:center; font-size:23px; margin:0 auto 16px; }
.kc-num { display:flex; align-items:baseline; justify-content:center; gap:2px; }
.kc-num span:first-child { font-family:'Archivo',sans-serif; font-size:48px; font-weight:900; color:var(--dark); line-height:1; }
.kc-suf { font-family:'Archivo',sans-serif; font-size:26px; font-weight:900; color:var(--dark); }
.kc-label { font-family:'Archivo',sans-serif; font-size:12.5px; font-weight:700; color:rgba(28,25,23,0.7); text-transform:uppercase; letter-spacing:1.2px; margin-top:12px; }
@media (max-width:768px){ .kc-grid{grid-template-columns:1fr 1fr;} .kc-item:nth-child(odd){border-right:1px solid rgba(28,25,23,0.15);} .kc-item:nth-child(1),.kc-item:nth-child(2){border-bottom:1px solid rgba(28,25,23,0.15);} }

/* ---- ÜRÜNLER (blok_urunler) ---- */
.ku { background:var(--paper); }
.ku-head { text-align:center; margin-bottom:50px; }
.ku-head .kicker { justify-content:center; }
.ku-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.ku-card { background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; display:flex; flex-direction:column; transition:transform .3s, box-shadow .3s; }
.ku-card:hover { transform:translateY(-6px); box-shadow:0 26px 50px -24px rgba(28,25,23,0.3); }
.ku-imgw { position:relative; height:230px; background:var(--soft); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.ku-imgw img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.ku-card:hover .ku-imgw img { transform:scale(1.06); }
.ku-tag { position:absolute; top:14px; left:14px; background:var(--dark); color:var(--paper); font-family:'Archivo',sans-serif; font-size:10.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:5px 12px; border-radius:3px; }
.ku-body { padding:22px 22px 24px; display:flex; flex-direction:column; flex:1; }
.ku-body h3 { font-family:'Archivo',sans-serif; font-size:17px; font-weight:700; color:var(--ink); margin:0 0 8px; line-height:1.3; }
.ku-spec { font-size:13px; color:var(--body); line-height:1.6; margin:0 0 18px; flex:1; }
.ku-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:16px; border-top:1px solid var(--line); }
.ku-price { font-family:'Archivo',sans-serif; font-size:18px; font-weight:800; color:var(--genel-dark); }
.ku-more { display:inline-flex; align-items:center; gap:7px; font-family:'Archivo',sans-serif; font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--ink); transition:gap .2s; }
.ku-card:hover .ku-more { gap:11px; color:var(--genel-dark); }
@media (max-width:900px){ .ku-grid{grid-template-columns:1fr 1fr !important; gap:16px;} }
@media (max-width:560px){ .ku-grid{grid-template-columns:1fr !important;} }

/* ---- PROJELER (blok_projeler) ---- */
.kpr { background:var(--dark2); }
.kpr-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:46px; }
.kpr-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:230px; gap:16px; }
.kpr-item { position:relative; overflow:hidden; border-radius:6px; }
.kpr-item:nth-child(1){ grid-column:span 2; grid-row:span 2; }
.kpr-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s; }
.kpr-item:hover img { transform:scale(1.07); }
.kpr-ov { position:absolute; inset:0; background:linear-gradient(to top, rgba(28,25,23,0.92) 0%, rgba(28,25,23,0.1) 60%, transparent 100%); display:flex; flex-direction:column; justify-content:flex-end; padding:22px; opacity:1; }
.kpr-cat { font-family:'Archivo',sans-serif; font-size:10.5px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--genel); margin-bottom:7px; }
.kpr-item h3 { font-family:'Archivo',sans-serif; font-size:16px; font-weight:700; color:#fff; margin:0; line-height:1.3; transition:transform .3s; }
.kpr-item:nth-child(1) h3 { font-size:22px; }
.kpr-go { display:inline-flex; align-items:center; gap:8px; margin-top:14px; font-size:12.5px; font-weight:700; color:#fff; max-height:0; opacity:0; overflow:hidden; transition:all .3s; }
.kpr-item:hover .kpr-go { max-height:30px; opacity:1; }
.kpr-go i { color:var(--genel); }
@media (max-width:900px){ .kpr-grid{grid-template-columns:1fr 1fr;} .kpr-item:nth-child(1){grid-column:span 2;} }
@media (max-width:560px){ .kpr-grid{grid-template-columns:1fr; grid-auto-rows:200px;} .kpr-item:nth-child(1){grid-column:span 1; grid-row:span 1;} }

/* ---- BANNER (blok_banner) ---- */
.kb { background:var(--dark); position:relative; overflow:hidden; }
.kb-grid { display:grid; grid-template-columns:1.1fr 0.9fr; min-height:480px; }
.kb-left { padding:72px 56px 72px 0; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:2; }
.kb-left h2 { font-family:'Archivo',sans-serif; font-size:clamp(26px,3.2vw,42px); font-weight:900; color:#fff; line-height:1.1; margin:0 0 18px; letter-spacing:-0.5px; }
.kb-left p { font-size:15.5px; color:rgba(250,250,249,0.7); line-height:1.75; margin:0 0 30px; max-width:480px; }
.kb-stats { display:flex; gap:34px; margin-bottom:34px; flex-wrap:wrap; }
.kb-stat b { font-family:'Archivo',sans-serif; display:block; font-size:32px; font-weight:900; color:var(--genel); line-height:1; }
.kb-stat span { font-size:11.5px; color:rgba(250,250,249,0.55); text-transform:uppercase; letter-spacing:1px; font-weight:600; margin-top:6px; display:block; }
.kb-btns { display:flex; gap:13px; flex-wrap:wrap; }
.kb-right { position:absolute; top:0; right:0; bottom:0; width:42%; }
.kb-right .kb-img { position:absolute; inset:0; background-size:cover; background-position:center; clip-path:polygon(18% 0, 100% 0, 100% 100%, 0 100%); }
.kb-right .kb-img::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, var(--dark), transparent 35%); }
@media (max-width:900px){ .kb-grid{grid-template-columns:1fr;} .kb-left{padding:52px 0;} .kb-right{display:none;} }

/* ---- YORUMLAR (blok_yorumlar) ---- */
.ky { background:var(--paper); position:relative; overflow:hidden; }
.ky::before { content:'\f10d'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; top:60px; left:50%; transform:translateX(-50%); font-size:140px; color:var(--genel-tint); z-index:1; }
.ky .container { position:relative; z-index:2; }
.ky-head { text-align:center; margin-bottom:44px; } .ky-head .kicker{justify-content:center;}
.ky-stage { max-width:840px; margin:0 auto; text-align:center; min-height:230px; }
.ky-slide { display:none; }
.ky-slide.on { display:block; animation:kyfade .6s ease; }
@keyframes kyfade{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.ky-quote { font-family:'Archivo',sans-serif; font-size:clamp(19px,2.4vw,28px); font-weight:600; color:var(--ink); line-height:1.5; margin:0 0 30px; letter-spacing:-0.3px; }
.ky-person { display:flex; align-items:center; justify-content:center; gap:14px; }
.ky-av { width:58px; height:58px; border-radius:50%; overflow:hidden; border:2px solid var(--genel); }
.ky-av img { width:100%; height:100%; object-fit:cover; display:block; }
.ky-name { font-family:'Archivo',sans-serif; font-size:16px; font-weight:700; color:var(--ink); text-align:left; }
.ky-role { font-size:13px; color:var(--genel-dark); text-align:left; margin-top:2px; }
.ky-stars { color:#D9822B; font-size:13px; margin-bottom:16px; display:flex; gap:3px; justify-content:center; }
.ky-thumbs { display:flex; gap:12px; justify-content:center; margin-top:40px; flex-wrap:wrap; }
.ky-thumb { width:54px; height:54px; border-radius:50%; overflow:hidden; cursor:pointer; opacity:.45; filter:grayscale(60%); border:2px solid transparent; transition:all .25s; }
.ky-thumb.on { opacity:1; filter:none; border-color:var(--genel); transform:scale(1.08); }
.ky-thumb img { width:100%; height:100%; object-fit:cover; display:block; }

/* ---- REFERANSLAR (blok_referanslar) ---- */
.kr { background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.kr-head { text-align:center; margin-bottom:40px; }
.kr-sub { font-family:'Archivo',sans-serif; font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--muted); }
.kr-grid { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.kr-cell { border-right:1px solid var(--line); border-bottom:1px solid var(--line); min-height:120px; display:flex; align-items:center; justify-content:center; padding:24px; transition:background .25s; }
.kr-cell:hover { background:var(--soft); }
.kr-cell img { max-height:46px; max-width:120px; object-fit:contain; filter:grayscale(100%); opacity:.55; transition:all .3s; display:block; }
.kr-cell:hover img { filter:none; opacity:1; }
@media (max-width:900px){ .kr-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:480px){ .kr-grid{grid-template-columns:repeat(2,1fr);} }

/* ---- SSS (blok_sss) ---- */
.kf { background:var(--dark); position:relative; overflow:hidden; }
.kf::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px); background-size:48px 48px; opacity:.5; }
.kf .container { position:relative; z-index:2; }
.kf-grid { display:grid; grid-template-columns:1.05fr 0.95fr; gap:60px; align-items:center; }
.kf-acc { display:flex; flex-direction:column; gap:12px; }
.kf-item { background:#fff; border-radius:5px; overflow:hidden; border-left:4px solid transparent; transition:border-color .25s; }
.kf-item.open { border-left-color:var(--genel); }
.kf-q { width:100%; text-align:left; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:14px; font-family:'Archivo',sans-serif; font-weight:700; font-size:15px; color:var(--ink); background:#fff; cursor:pointer; border:none; }
.kf-q i { color:var(--genel); font-size:13px; transition:transform .3s; flex-shrink:0; }
.kf-item.open .kf-q i { transform:rotate(180deg); }
.kf-a { max-height:0; overflow:hidden; transition:max-height .35s ease; font-size:14px; color:var(--body); line-height:1.75; }
.kf-a>div { padding:0 20px 18px; }
.kf-deco { position:relative; aspect-ratio:1/1; }
.kf-circle { position:absolute; inset:8%; border-radius:50%; background:var(--genel); }
.kf-circle::after { content:'\f49e'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:120px; color:rgba(28,25,23,0.12); }
.kf-ph { position:absolute; border-radius:50%; overflow:hidden; border:6px solid var(--dark); box-shadow:0 14px 34px -10px rgba(0,0,0,0.5); }
.kf-ph img { width:100%; height:100%; object-fit:cover; display:block; }
.kf-ph.p1 { width:42%; aspect-ratio:1/1; top:0; left:26%; }
.kf-ph.p2 { width:36%; aspect-ratio:1/1; top:30%; right:2%; }
.kf-ph.p3 { width:38%; aspect-ratio:1/1; bottom:2%; left:30%; }
.kf-ph.p4 { width:32%; aspect-ratio:1/1; top:32%; left:2%; }
@media (max-width:900px){ .kf-grid{grid-template-columns:1fr;} .kf-deco{max-width:420px;margin:10px auto 0;} }

/* ---- HABERLER (blok_haberler) ---- */
.kn { background:var(--paper); }
.kn-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:44px; }
.kn-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:34px; align-items:start; }
.kn-feat { background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.kn-feat-img { height:320px; overflow:hidden; position:relative; }
.kn-feat-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.kn-feat:hover .kn-feat-img img { transform:scale(1.05); }
.kn-date { position:absolute; top:16px; left:16px; background:var(--genel); color:var(--butonyazi); font-family:'Archivo',sans-serif; font-weight:700; font-size:12px; padding:6px 13px; border-radius:3px; }
.kn-feat-body { padding:26px 28px 28px; }
.kn-meta { display:flex; gap:16px; font-size:12px; color:var(--muted); margin-bottom:12px; }
.kn-meta i { color:var(--genel); margin-right:5px; }
.kn-feat-body h3 { font-family:'Archivo',sans-serif; font-size:23px; font-weight:800; color:var(--ink); line-height:1.25; margin:0 0 16px; }
.kn-feat-body h3 a:hover { color:var(--genel-dark); }
.kn-list { display:flex; flex-direction:column; gap:18px; }
.kn-row { display:grid; grid-template-columns:120px 1fr; gap:16px; background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; transition:box-shadow .25s; }
.kn-row:hover { box-shadow:0 14px 30px -16px rgba(28,25,23,0.3); }
.kn-row-img { overflow:hidden; }
.kn-row-img img { width:100%; height:100%; object-fit:cover; min-height:108px; transition:transform .4s; }
.kn-row:hover .kn-row-img img { transform:scale(1.07); }
.kn-row-body { padding:14px 16px 14px 0; display:flex; flex-direction:column; justify-content:center; }
.kn-row-body .d { font-size:11.5px; color:var(--muted); margin-bottom:6px; }
.kn-row-body h4 { font-family:'Archivo',sans-serif; font-size:14.5px; font-weight:700; color:var(--ink); line-height:1.4; margin:0; }
.kn-row-body h4 a:hover { color:var(--genel-dark); }
.kn-more { font-family:'Archivo',sans-serif; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--genel-dark); display:inline-flex; align-items:center; gap:7px; }
@media (max-width:900px){ .kn-grid{grid-template-columns:1fr;} }
@media (max-width:480px){ .kn-row{grid-template-columns:96px 1fr;} }