/* Esprint LED ekran katalog sitesi (2026-11-07). Aydınlık tema, Esprint mavisi #006EC7. */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(/endustriyel-ekran/fonts/instrument-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(/endustriyel-ekran/fonts/instrument-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Outfit';font-style:normal;font-weight:500 800;font-display:swap;src:url(/endustriyel-ekran/fonts/outfit-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Outfit';font-style:normal;font-weight:500 800;font-display:swap;src:url(/endustriyel-ekran/fonts/outfit-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --mavi:#006ec7;--mavi-k:#00599f;--mavi-a:#e9f3fc;--mavi-p:#38a3f0;
  --lac:#0f1d2e;--lac-2:#0b1a2b;--soluk:#4f5d6f;--cizgi:#e2e8ef;--zemin:#f4f7fb;--zemin-2:#eef3f9;
  --wa:#11803d;--wa-k:#0c6b32;
  --r:20px;--ust-h:72px;
  --golge:0 1px 2px rgba(15,29,46,.05),0 6px 20px -6px rgba(15,29,46,.08);
  --golge-2:0 2px 6px rgba(15,29,46,.06),0 28px 56px -18px rgba(15,29,46,.28);
  --baslik:'Outfit',ui-sans-serif,system-ui,sans-serif;
  --govde:'Instrument Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --pad:clamp(16px,4vw,40px);
  --egri:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--ust-h) + 16px)}
body{margin:0;font-family:var(--govde);font-size:16px;line-height:1.6;color:var(--lac);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--baslik);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0;text-wrap:balance}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--mavi);outline-offset:3px;border-radius:6px}
.k-ikon{width:20px;height:20px;flex:none}
.k-kap{width:min(100% - 2 * var(--pad),1280px);margin-inline:auto}
.k-gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.k-atla{position:absolute;left:12px;top:-60px;z-index:100;background:var(--lac);color:#fff;padding:10px 16px;border-radius:10px}
.k-atla:focus{top:12px}

/* Düğmeler */
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;border:1px solid transparent;background:var(--mavi);color:#fff;font-weight:600;font-size:15.5px;line-height:1.2;cursor:pointer;transition:transform .25s var(--egri),box-shadow .25s,background-color .2s,border-color .2s,color .2s;box-shadow:0 8px 20px -10px rgba(0,110,199,.7)}
.k-btn:hover{background:var(--mavi-k);transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(0,110,199,.75)}
.k-btn .k-ikon{width:19px;height:19px}
.k-btn-wa{background:var(--wa);box-shadow:0 8px 20px -10px rgba(17,128,61,.7)}
.k-btn-wa:hover{background:var(--wa-k);box-shadow:0 14px 28px -12px rgba(17,128,61,.7)}
.k-btn-ikinci{background:#fff;color:var(--lac);border-color:var(--cizgi);box-shadow:var(--golge)}
.k-btn-ikinci:hover{background:#fff;border-color:var(--mavi);color:var(--mavi);box-shadow:var(--golge)}
.k-btn-acik{background:#fff;color:var(--lac);box-shadow:none}
.k-btn-acik:hover{background:var(--mavi-a);color:var(--lac)}
.k-btn-kucuk{min-height:40px;padding:8px 16px;font-size:14.5px}
.k-btnlar{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.k-metin-link{display:inline-flex;align-items:center;gap:6px;color:var(--mavi);font-weight:600;min-height:32px}
.k-metin-link .k-ikon{width:17px;height:17px;transition:transform .25s var(--egri)}
.k-metin-link:hover .k-ikon{transform:translateX(3px)}
.k-ust-baslik{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.4 var(--govde);text-transform:uppercase;letter-spacing:.12em;color:var(--mavi);margin-bottom:14px}
.k-canli{width:8px;height:8px;border-radius:50%;background:var(--mavi);box-shadow:0 0 0 0 rgba(0,110,199,.5);animation:k-nabiz 2.2s infinite}
@keyframes k-nabiz{70%{box-shadow:0 0 0 10px rgba(0,110,199,0)}100%{box-shadow:0 0 0 0 rgba(0,110,199,0)}}
.k-lede{font-size:clamp(16.5px,1.4vw,19px);line-height:1.65;color:var(--soluk);max-width:58ch;margin-top:18px}
.k-etiket{display:inline-block;font:600 11.5px/1.3 var(--govde);text-transform:uppercase;letter-spacing:.08em;color:var(--mavi)}

/* Hizmet şeridi (ana site bağlantıları) */
.k-servis{background:var(--zemin);border-bottom:1px solid var(--cizgi);font-size:13px;color:var(--soluk)}
.k-servis-ic{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.k-servis a{display:inline-flex;align-items:center;gap:6px;min-height:32px;transition:color .2s}
.k-servis a:hover{color:var(--mavi)}
.k-servis .k-ikon{width:15px;height:15px}
.k-servis-nav{display:flex;gap:4px 18px;flex-wrap:wrap}
.k-servis-nav a[aria-current]{color:var(--lac);font-weight:600}
.k-servis-nav a[aria-current]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mavi)}
.k-servis-tel{font-weight:600;color:var(--lac)}

/* Üst menü */
.k-ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.k-ust.is-kaydi{border-color:var(--cizgi);box-shadow:0 10px 30px -20px rgba(15,29,46,.35)}
.k-ust-ic{position:relative;display:flex;align-items:center;gap:24px;height:var(--ust-h)}
.k-logo{display:flex;align-items:center;gap:12px;flex:none}
.k-logo img{width:auto;height:28px}
.k-logo span{font:600 12px/1 var(--govde);letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);padding-left:12px;border-left:1px solid var(--cizgi);height:20px;display:flex;align-items:center}
.k-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.k-nav > a,.k-mega-ac{display:inline-flex;align-items:center;gap:4px;padding:10px 14px;border-radius:999px;font-weight:500;font-size:15.5px;transition:background-color .2s,color .2s;position:relative}
.k-nav > a:hover,.k-mega-ac:hover,.k-mega-kap:hover .k-mega-ac{background:var(--zemin)}
.k-nav > a[aria-current],.k-mega-ac.is-aktif{color:var(--mavi)}
.k-nav > a[aria-current]::after,.k-mega-ac.is-aktif::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--mavi)}
.k-mega-ac .k-ikon{width:16px;height:16px;transition:transform .3s var(--egri)}
.k-mega-kap:hover .k-mega-ac .k-ikon,.k-mega-kap:focus-within .k-mega-ac .k-ikon{transform:rotate(180deg)}
.k-mega{position:absolute;left:0;right:0;top:calc(100% - 6px);background:#fff;border:1px solid var(--cizgi);border-radius:24px;box-shadow:var(--golge-2);padding:22px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .3s var(--egri),visibility 0s .3s}
.k-mega::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.k-mega-kap:hover .k-mega,.k-mega-kap:focus-within .k-mega{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s var(--egri),visibility 0s}
.k-mega-kap.is-kapali .k-mega{opacity:0;visibility:hidden}
.k-mega-ic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.k-mega-sutun{padding:8px;border-radius:16px}
.k-mega-baslik{display:flex;align-items:center;gap:12px;padding:6px;border-radius:14px;font:600 15.5px/1.25 var(--baslik);transition:background-color .2s}
.k-mega-baslik:hover{background:var(--zemin)}
.k-mega-baslik small{display:block;font:500 12.5px var(--govde);color:var(--soluk);margin-top:3px}
.k-mega-gorsel{width:52px;height:52px;object-fit:cover;border-radius:12px;background:var(--zemin)}
.k-mega ul{list-style:none;margin:8px 0 0;padding:0 0 0 6px}
.k-mega li a{display:block;padding:6px 10px;border-radius:8px;font-size:14.5px;color:var(--soluk);transition:background-color .2s,color .2s,transform .2s}
.k-mega li a:hover{color:var(--mavi);background:var(--mavi-a);transform:translateX(3px)}
.k-mega-tum{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:14px;border-radius:14px;background:var(--zemin);font-weight:600;color:var(--mavi);transition:background-color .2s}
.k-mega-tum:hover{background:var(--mavi-a)}
.k-ust-eylem{display:flex;align-items:center;gap:10px}
.k-menu-btn{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--cizgi);background:#fff;cursor:pointer;position:relative}
.k-menu-btn span{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:var(--lac);transition:transform .3s var(--egri),opacity .2s}
.k-menu-btn span:nth-child(1){top:16px}.k-menu-btn span:nth-child(2){top:22px}.k-menu-btn span:nth-child(3){top:28px}
.k-menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.k-menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}
.k-menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.k-mobil{position:fixed;left:0;right:0;bottom:0;top:var(--menu-ust,110px);z-index:45;background:#fff;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--cizgi)}
.k-mobil[hidden]{display:none}
.k-mobil.is-acik .k-mobil-ic{animation:k-asagi .35s var(--egri)}
@keyframes k-asagi{from{opacity:0;transform:translateY(-10px)}}
.k-mobil-ic{padding:12px var(--pad) 40px;display:flex;flex-direction:column}
.k-mobil-ic > a,.k-mobil summary{display:flex;align-items:center;gap:8px;min-height:54px;border-bottom:1px solid var(--cizgi);font:600 18px var(--baslik)}
.k-mobil-ic > a[aria-current]{color:var(--mavi)}
.k-mobil summary{cursor:pointer;list-style:none}
.k-mobil summary::-webkit-details-marker{display:none}
.k-mobil summary small{font:500 13px var(--govde);color:var(--soluk);background:var(--zemin);border-radius:999px;padding:2px 8px}
.k-mobil summary .k-ikon{margin-left:auto;transition:transform .3s}
.k-mobil details[open] summary .k-ikon{transform:rotate(180deg)}
.k-mobil ul{list-style:none;margin:0;padding:6px 0 10px 12px;border-bottom:1px solid var(--cizgi)}
.k-mobil ul a{display:block;padding:9px 0;color:var(--soluk)}
.k-mobil ul li:first-child a{color:var(--mavi);font-weight:600}
.k-mobil-eylem{display:grid;gap:10px;margin-top:22px}
.k-mobil-not{margin-top:28px;font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--soluk)}
.k-mobil-servis{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.k-mobil-servis a{padding:8px 12px;border:1px solid var(--cizgi);border-radius:999px;font-size:14px}
html.k-menu-acik{overflow:hidden}

/* Sayfa yolu */
.k-yol{margin-top:20px;font-size:13.5px;color:var(--soluk)}
.k-yol ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.k-yol li+li::before{content:"/";margin-right:8px;opacity:.45}
.k-yol a{display:inline-block;min-height:24px;transition:color .2s}
.k-yol a:hover{color:var(--mavi)}
.k-yol [aria-current]{color:var(--lac);font-weight:500}

/* Kaydırınca beliren */
.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--egri),transform .8s var(--egri);transition-delay:var(--gecikme,0ms)}
.js [data-reveal].is-in{opacity:1;transform:none}

/* Anasayfa: hero */
.k-hero{position:relative;overflow-x:clip;padding:clamp(28px,5vw,64px) 0 0;isolation:isolate}
.k-hero-zemin{position:absolute;inset:0 0 -80px;z-index:-1;overflow:hidden;pointer-events:none}
.k-hero-izgara{position:absolute;inset:0;background-image:radial-gradient(rgba(0,110,199,.2) 1.3px,transparent 1.8px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 72% 38%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 72% 38%,#000 0%,transparent 75%)}
.k-isik{position:absolute;width:640px;height:640px;border-radius:50%;will-change:transform}
.k-isik-1{right:-120px;top:-180px;background:radial-gradient(circle,rgba(56,163,240,.30),rgba(56,163,240,0) 65%);animation:k-suzul 16s ease-in-out infinite alternate}
.k-isik-2{left:-220px;top:260px;background:radial-gradient(circle,rgba(0,110,199,.16),rgba(0,110,199,0) 65%);animation:k-suzul 20s ease-in-out -6s infinite alternate-reverse}
@keyframes k-suzul{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,50px) scale(1.08)}100%{transform:translate(40px,-30px) scale(.95)}}
.k-hero-ic{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center}
.k-hero h1{font-size:clamp(38px,5.3vw,74px);line-height:1.02;letter-spacing:-.04em;font-weight:700}
.k-vurgu{background:linear-gradient(100deg,var(--mavi) 0%,#0a8fe0 45%,var(--mavi) 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:k-parilti 7s ease-in-out infinite alternate}
@keyframes k-parilti{to{background-position:100% 0}}
.k-hero-yazi .k-lede{max-width:52ch}

/* Vitrin (dönen ürünler) */
.k-vitrin{position:relative;max-width:480px;width:100%;justify-self:end}
.k-vitrin-sahne{position:relative;aspect-ratio:4/5;border-radius:30px;overflow:hidden;background:var(--zemin-2);box-shadow:var(--golge-2);isolation:isolate}
.k-vitrin::before{content:"";position:absolute;inset:-14px -14px 64px;border-radius:40px;background:conic-gradient(from 210deg,rgba(0,110,199,0),rgba(0,110,199,.35),rgba(56,163,240,.12),rgba(0,110,199,0) 60%);filter:blur(18px);z-index:-1;animation:k-don 14s linear infinite}
@keyframes k-don{to{transform:rotate(360deg)}}
.k-slayt{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}
.k-slayt.is-aktif{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.k-slayt img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 6s linear}
.k-slayt.is-aktif img{transform:scale(1)}
.no-js .k-slayt:first-child,.k-slayt:first-child:not(.is-aktif):only-child{opacity:1;visibility:visible}
.k-slayt-bilgi{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:2px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px -14px rgba(15,29,46,.35);transform:translateY(14px);opacity:0;transition:transform .7s var(--egri) .25s,opacity .6s .25s}
.k-slayt.is-aktif .k-slayt-bilgi,.no-js .k-slayt-bilgi{transform:none;opacity:1}
.k-slayt-bilgi small{font:600 11.5px/1.3 var(--govde);text-transform:uppercase;letter-spacing:.08em;color:var(--mavi)}
.k-slayt-bilgi strong{font:700 clamp(20px,2vw,24px)/1.2 var(--baslik);letter-spacing:-.02em}
.k-slayt-bilgi > span{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--soluk)}
.k-slayt-bilgi .k-ikon{width:16px;height:16px;color:var(--mavi);transition:transform .25s}
.k-slayt:hover .k-slayt-bilgi .k-ikon{transform:translateX(4px)}
.k-vitrin-alt{display:flex;align-items:center;gap:10px;margin-top:14px}
.k-vitrin-kucuk{display:flex;gap:8px;flex:1;min-width:0}
.k-vitrin-kucuk button{position:relative;flex:1;max-width:64px;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:14px;overflow:hidden;background:var(--zemin);cursor:pointer;opacity:.6;transition:opacity .25s,border-color .25s,transform .25s}
.k-vitrin-kucuk button:hover{opacity:1;transform:translateY(-2px)}
.k-vitrin-kucuk button[aria-current]{opacity:1;border-color:var(--mavi)}
.k-vitrin-kucuk img{width:100%;height:100%;object-fit:cover}
.k-vitrin-kucuk i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--mavi)}
.js .k-vitrin.is-hazir [aria-current] i{animation:k-ilerle 5.5s linear forwards}
.k-vitrin.is-durdu [aria-current] i,.k-vitrin:hover [aria-current] i,.k-vitrin:focus-within [aria-current] i,.k-vitrin.is-disarida [aria-current] i{animation-play-state:paused}
@keyframes k-ilerle{to{width:100%}}
.k-vitrin-dur{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--cizgi);background:#fff;cursor:pointer;display:grid;place-items:center}
.k-vitrin-dur span{width:10px;height:12px;border-left:3px solid var(--lac);border-right:3px solid var(--lac)}
.k-vitrin-dur[aria-pressed=true] span{width:0;height:0;border:0;border-left:11px solid var(--lac);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.no-js .k-vitrin-alt{display:none}

/* Kategori kutuları */
.k-hero-kat{margin-top:clamp(28px,4vw,48px)}
.k-katlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.k-kat{position:relative;display:flex;align-items:center;gap:14px;padding:12px;padding-right:44px;border-radius:20px;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge);transition:transform .35s var(--egri),box-shadow .35s,border-color .3s}
.k-kat:hover{transform:translateY(-4px);box-shadow:var(--golge-2);border-color:rgba(0,110,199,.35)}
.k-kat-gorsel{flex:none;width:72px;height:72px;border-radius:14px;overflow:hidden;background:var(--zemin)}
.k-kat-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--egri)}
.k-kat:hover .k-kat-gorsel img{transform:scale(1.1)}
.k-kat-yazi{display:grid;gap:3px;min-width:0}
.k-kat-yazi strong{font:600 16.5px/1.2 var(--baslik);letter-spacing:-.01em}
.k-kat-yazi small{font-size:13px;line-height:1.4;color:var(--soluk)}
.k-kat-ok{position:absolute;right:14px;top:50%;margin-top:-14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--zemin);color:var(--mavi);transition:background-color .3s,color .3s,transform .3s var(--egri)}
.k-kat-ok .k-ikon{width:15px;height:15px}
.k-kat:hover .k-kat-ok{background:var(--mavi);color:#fff;transform:translateX(3px)}

/* Kayan şerit */
.k-kayan{margin-top:clamp(40px,5vw,64px);padding:18px 0;border-block:1px solid var(--cizgi);background:linear-gradient(#fff,var(--zemin));overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.k-kayan-iz{display:flex;width:max-content;animation:k-kay 70s linear infinite}
.k-kayan:hover .k-kayan-iz,.k-kayan.is-disarida .k-kayan-iz,.k-kayan:focus-within .k-kayan-iz{animation-play-state:paused}
@keyframes k-kay{to{transform:translateX(-50%)}}
.k-kayan-liste{display:flex;gap:12px;list-style:none;margin:0;padding:0 6px}
.k-kayan-liste a{display:flex;align-items:center;gap:12px;padding:6px 18px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);white-space:nowrap;font:600 15px var(--baslik);transition:border-color .25s,color .25s}
.k-kayan-liste a:hover{border-color:var(--mavi);color:var(--mavi)}
.k-kayan-liste img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--zemin)}

/* Bölümler */
.k-bolum{padding-top:clamp(64px,8vw,112px)}
.k-bolum-sik{padding-top:clamp(24px,3vw,40px)}
.k-bolum-bas{max-width:720px;margin-bottom:clamp(24px,3vw,36px)}
.k-bolum-bas h2{font-size:clamp(30px,3.6vw,46px)}
.k-bolum-bas > p:not(.k-ust-baslik){margin-top:14px;color:var(--soluk);font-size:17px;line-height:1.65}
.k-bolum-bas-yan{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;flex-wrap:wrap}
.k-bolum-bas-yan > p:not(.k-ust-baslik){max-width:46ch;margin:0}
.k-sayfa-bas{padding-top:clamp(28px,4vw,48px)}
.k-sayfa-bas h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.035em;line-height:1.04}

/* Süzgeç + ızgara + kart */
.k-suzgec{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none;padding:2px}
.k-suzgec::-webkit-scrollbar{display:none}
.k-suzgec a{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--cizgi);background:#fff;font-weight:500;font-size:15px;white-space:nowrap;transition:background-color .25s,color .25s,border-color .25s}
.k-suzgec a small{font-size:12px;font-weight:600;color:var(--soluk);background:var(--zemin);border-radius:999px;padding:1px 8px;transition:inherit}
.k-suzgec a:hover{border-color:var(--mavi);color:var(--mavi)}
.k-suzgec a[aria-pressed=true]{background:var(--lac);border-color:var(--lac);color:#fff}
.k-suzgec a[aria-pressed=true] small{background:rgba(255,255,255,.16);color:#fff}
.k-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.k-izgara-1,.k-izgara-2{grid-template-columns:repeat(4,minmax(0,1fr))}
.k-izgara-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-izgara > :nth-child(4n+2){--gecikme:70ms}.k-izgara > :nth-child(4n+3){--gecikme:140ms}.k-izgara > :nth-child(4n+4){--gecikme:210ms}
.k-kart[hidden]{display:none}
.k-kart.k-cik{opacity:0!important;transform:scale(.96)!important;transition:opacity .2s,transform .2s!important}
.k-kart.k-gir{animation:k-gir .5s var(--egri) both}
@keyframes k-gir{from{opacity:0;transform:translateY(14px) scale(.98)}}
.k-kart-a{position:relative;display:flex;flex-direction:column;height:100%;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .4s var(--egri),box-shadow .4s,border-color .3s}
.k-kart-a:hover{--ty:-6px;box-shadow:var(--golge-2);border-color:rgba(0,110,199,.3)}
.k-kart-gorsel{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--zemin)}
.k-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--egri)}
.k-kart-a:hover .k-kart-gorsel img{transform:scale(1.07)}
.k-kart-gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-110%);transition:transform .9s var(--egri);pointer-events:none}
.k-kart-a:hover .k-kart-gorsel::after{transform:translateX(110%)}
.k-kart-yazi{display:grid;gap:4px;padding:14px 52px 16px 16px}
.k-kart-ad{font:600 18px/1.25 var(--baslik);letter-spacing:-.015em}
.k-kart-alt{font-size:14px;color:var(--soluk)}
.k-kart-ok{position:absolute;right:14px;bottom:18px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--zemin);color:var(--mavi);transition:background-color .3s,color .3s,transform .3s var(--egri)}
.k-kart-ok .k-ikon{width:16px;height:16px}
.k-kart-a:hover .k-kart-ok{background:var(--mavi);color:#fff;transform:rotate(-45deg)}

/* Ortak özellikler */
.k-ozellikler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.k-ozellik{position:relative;padding:28px;border-radius:24px;background:linear-gradient(160deg,#fff 40%,var(--zemin));border:1px solid var(--cizgi);overflow:hidden;transition:transform .4s var(--egri),box-shadow .4s}
.k-ozellik:hover{transform:translateY(-4px);box-shadow:var(--golge-2)}
.k-ozellik::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;background-image:radial-gradient(rgba(0,110,199,.22) 1.3px,transparent 1.8px);background-size:12px 12px;-webkit-mask-image:radial-gradient(circle,#000,transparent 70%);mask-image:radial-gradient(circle,#000,transparent 70%);transition:transform .8s var(--egri)}
.k-ozellik:hover::after{transform:scale(1.25) rotate(8deg)}
.k-ozellik-ikon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--mavi),#0a8fe0);color:#fff;box-shadow:0 12px 24px -12px rgba(0,110,199,.8);margin-bottom:22px}
.k-ozellik-ikon .k-ikon{width:28px;height:28px}
.k-ozellik h3{font-size:21px;margin-bottom:8px}
.k-ozellik p{color:var(--soluk);line-height:1.65}
.k-teknik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 0;border:1px solid var(--cizgi);border-radius:20px;background:#fff;overflow:hidden}
.k-teknik div{padding:18px 22px;border-left:1px solid var(--cizgi);display:flex;flex-direction:column-reverse;gap:2px}
.k-teknik div:first-child{border-left:0}
.k-teknik dt{font-size:13px;color:var(--soluk)}
.k-teknik dd{margin:0;font:600 18px/1.3 var(--baslik)}

/* Süreç */
.k-surec{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.k-surec li{position:relative;padding-top:30px}
.k-surec li::before{content:"";position:absolute;left:0;right:-18px;top:0;height:2px;background:linear-gradient(90deg,var(--mavi),var(--mavi-p));transform:scaleX(0);transform-origin:left;transition:transform 1s var(--egri);transition-delay:var(--gecikme,0ms)}
.k-surec li:last-child::before{right:0}
.k-surec li::after{content:"";position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--mavi)}
.k-surec.is-in li::before,.no-js .k-surec li::before{transform:scaleX(1)}
.k-surec-no{display:block;font:700 15px var(--baslik);color:var(--mavi);margin-bottom:8px}
.k-surec h3{font-size:22px;margin-bottom:8px}
.k-surec p{color:var(--soluk);line-height:1.65;font-size:15.5px}

/* SSS */
.k-sss-bolum{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 64px;align-items:start}
.k-sss{border-top:1px solid var(--cizgi)}
.k-sss details{border-bottom:1px solid var(--cizgi)}
.k-sss summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;list-style:none;font:600 18px/1.4 var(--baslik);letter-spacing:-.01em;transition:color .2s}
.k-sss summary::-webkit-details-marker{display:none}
.k-sss summary:hover{color:var(--mavi)}
.k-arti{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:var(--zemin);transition:background-color .3s,transform .4s var(--egri)}
.k-arti::before,.k-arti::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--mavi);border-radius:2px}
.k-arti::after{transform:rotate(90deg);transition:transform .3s}
.k-sss details[open] .k-arti{background:var(--mavi);transform:rotate(180deg)}
.k-sss details[open] .k-arti::before,.k-sss details[open] .k-arti::after{background:#fff}
.k-sss details[open] .k-arti::after{transform:rotate(0)}
.k-sss-cevap p{padding:0 48px 22px 0;color:var(--soluk);line-height:1.7}
.k-sss details[open] .k-sss-cevap{animation:k-asagi .4s var(--egri)}

/* LED piksel efekti */
.k-piksel{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000 1.5px,transparent 2.2px);mask-image:radial-gradient(circle,#000 1.5px,transparent 2.2px);-webkit-mask-size:9px 9px;mask-size:9px 9px}
.k-piksel::before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 30% 40%,rgba(56,189,248,.9),transparent 22%),radial-gradient(circle at 70% 60%,rgba(0,110,199,.95),transparent 28%),radial-gradient(circle at 55% 25%,rgba(125,211,252,.6),transparent 20%),rgba(255,255,255,.07);animation:k-led 12s ease-in-out infinite alternate}
@keyframes k-led{0%{transform:translate(-12%,-6%) rotate(0)}50%{transform:translate(8%,6%) rotate(20deg)}100%{transform:translate(-4%,10%) rotate(-10deg)}}

/* CTA */
.k-cta{margin-top:clamp(64px,8vw,112px)}
.k-cta-ic{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:28px 48px;align-items:center;padding:clamp(32px,5vw,64px);border-radius:32px;background:var(--lac-2);color:#fff}
.k-cta-ic .k-piksel,.k-ozel-kart .k-piksel{z-index:-1;opacity:.75;-webkit-mask-image:radial-gradient(circle,#000 1.5px,transparent 2.2px),linear-gradient(90deg,transparent 20%,#000 75%);mask-image:radial-gradient(circle,#000 1.5px,transparent 2.2px),linear-gradient(90deg,transparent 20%,#000 75%);-webkit-mask-size:9px 9px,100% 100%;mask-size:9px 9px,100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}
.k-cta h2{font-size:clamp(28px,3.4vw,44px)}
.k-cta p{margin-top:12px;color:#c5d3e2;font-size:17px;line-height:1.65;max-width:54ch}
.k-cta-btn{display:flex;flex-direction:column;gap:12px;min-width:250px}
.k-cta-tel{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;color:#dbe7f3;font-weight:600}
.k-cta-tel:hover{color:#fff}
.k-cta :focus-visible{outline-color:#fff}

/* Alt bilgi */
.k-alt{margin-top:clamp(64px,8vw,112px);background:var(--zemin);border-top:1px solid var(--cizgi);font-size:15px}
.k-alt-ic{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,1.3fr);gap:32px;padding:56px 0 40px}
.k-alt-marka p{margin-top:18px;color:var(--soluk);line-height:1.7;max-width:44ch}
.k-alt-sutun{display:flex;flex-direction:column;gap:2px}
.k-alt-sutun h2{font:600 12.5px var(--govde);text-transform:uppercase;letter-spacing:.12em;color:var(--lac);margin-bottom:10px}
.k-alt-sutun a{display:inline-flex;align-items:flex-start;gap:10px;padding:5px 0;color:var(--soluk);transition:color .2s}
.k-alt-sutun a:hover{color:var(--mavi)}
.k-alt-sutun .k-ikon{width:18px;height:18px;margin-top:2px;color:var(--mavi)}
.k-alt-son{display:flex;justify-content:space-between;gap:16px;padding:20px 0 28px;border-top:1px solid var(--cizgi);color:var(--soluk);font-size:14px}
.k-alt-son a:hover{color:var(--mavi)}

/* Kategori sayfası */
.k-kat-bas{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:center;padding-top:clamp(24px,4vw,40px)}
.k-kat-bas h1{font-size:clamp(36px,5vw,66px);letter-spacing:-.035em;line-height:1.03}
.k-kolaj{position:relative;height:clamp(300px,34vw,440px)}
.k-kolaj span{position:absolute;border-radius:22px;overflow:hidden;background:var(--zemin);box-shadow:var(--golge-2);animation:k-yuz 7s ease-in-out infinite alternate;animation-delay:calc(var(--n) * -2.3s)}
.k-kolaj img{width:100%;height:100%;object-fit:cover}
.k-kolaj span:nth-child(1){left:18%;top:4%;width:46%;height:88%;z-index:2}
.k-kolaj span:nth-child(2){left:0;top:24%;width:30%;height:56%;z-index:1}
.k-kolaj span:nth-child(3){right:0;top:14%;width:32%;height:62%;z-index:3}
.k-kolaj::before{content:"";position:absolute;inset:6% 4% 0 10%;background-image:radial-gradient(rgba(0,110,199,.24) 1.3px,transparent 1.8px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 70%);mask-image:radial-gradient(circle,#000 20%,transparent 70%)}
@keyframes k-yuz{from{transform:translateY(-6px)}to{transform:translateY(8px)}}
.k-sekmeler{display:flex;gap:8px;margin-top:clamp(28px,4vw,44px);padding:6px;border-radius:999px;background:var(--zemin);overflow-x:auto;scrollbar-width:none;width:fit-content;max-width:calc(100% - 2 * var(--pad))}
.k-sekmeler::-webkit-scrollbar{display:none}
.k-sekmeler a{flex:none;padding:10px 18px;border-radius:999px;font-weight:500;font-size:15px;white-space:nowrap;transition:background-color .25s,color .25s,box-shadow .25s}
.k-sekmeler a:hover{color:var(--mavi)}
.k-sekmeler a[aria-current]{background:#fff;color:var(--mavi);box-shadow:var(--golge)}
.k-detay-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.k-detay-kart{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge);transition:box-shadow .4s,border-color .3s}
.k-detay-kart:hover{box-shadow:var(--golge-2);border-color:rgba(0,110,199,.3)}
.k-detay-gorsel{display:block;overflow:hidden;background:var(--zemin);min-height:100%}
.k-detay-gorsel img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;transition:transform .8s var(--egri)}
.k-detay-kart:hover .k-detay-gorsel img{transform:scale(1.06)}
.k-detay-yazi{display:flex;flex-direction:column;gap:10px;padding:24px 24px 22px}
.k-detay-yazi h3{font-size:24px}
.k-detay-yazi h3 a:hover{color:var(--mavi)}
.k-detay-yazi > p{color:var(--soluk);line-height:1.6;font-size:15.5px}
.k-detay-yazi dl{margin:4px 0 0;display:grid;gap:8px;font-size:14px}
.k-detay-yazi dl div{display:grid;gap:1px;padding-top:8px;border-top:1px solid var(--cizgi)}
.k-detay-yazi dt{color:var(--soluk);font-size:12.5px}
.k-detay-yazi dd{margin:0;font-weight:500}
.k-detay-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:auto;padding-top:8px}
.k-detay-eylem .k-metin-link{color:var(--wa)}

/* Ürün sayfası */
.k-urun{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:start;padding-top:24px}
.k-galeri{position:sticky;top:calc(var(--ust-h) + 16px)}
.k-galeri-ana{margin:0;border-radius:28px;overflow:hidden;background:var(--zemin);box-shadow:var(--golge-2)}
.k-galeri-buyut{display:block;position:relative;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.k-galeri-buyut img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:opacity .35s,transform .8s var(--egri)}
.k-galeri-buyut:hover img{transform:scale(1.03)}
.k-galeri-buyut img.is-geciyor{opacity:.2}
.k-galeri-ipucu{position:absolute;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--lac);box-shadow:var(--golge);transition:transform .3s var(--egri)}
.k-galeri-buyut:hover .k-galeri-ipucu{transform:scale(1.1)}
.k-galeri-kucuk{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.k-galeri-kucuk a{width:84px;height:84px;border-radius:16px;overflow:hidden;border:2px solid transparent;background:var(--zemin);opacity:.65;transition:opacity .25s,border-color .25s,transform .25s}
.k-galeri-kucuk a:hover{opacity:1;transform:translateY(-2px)}
.k-galeri-kucuk a[aria-current]{opacity:1;border-color:var(--mavi)}
.k-galeri-kucuk img{width:100%;height:100%;object-fit:cover}
.k-urun-bilgi{padding-top:8px}
.k-etiket-link{padding:6px 12px;border-radius:999px;background:var(--mavi-a);transition:background-color .2s}
.k-etiket-link:hover{background:#d6e9fa}
.k-urun-bilgi h1{margin-top:16px;font-size:clamp(34px,4.2vw,56px);letter-spacing:-.035em;line-height:1.04}
.k-urun-kod{margin-top:10px;font-size:14px;color:var(--soluk)}
.k-urun-ac{margin-top:18px;font-size:18px;line-height:1.7;color:#2c3a4c}
.k-urun-bilgi .k-btnlar{margin-top:24px}
.k-tablo{width:100%;border-collapse:collapse;font-size:15px}
.k-tablo caption{text-align:left;font:600 13px var(--govde);text-transform:uppercase;letter-spacing:.12em;color:var(--mavi);padding-bottom:10px}
.k-tablo th,.k-tablo td{text-align:left;padding:12px 0;border-bottom:1px solid var(--cizgi);vertical-align:top}
.k-tablo th{font-weight:500;color:var(--soluk);width:40%;padding-right:16px}
.k-tablo td{font-weight:500}
.k-ozellik-tablo{margin-top:36px}
.k-ozellik-tablo tr{transition:background-color .2s}
.k-ozellik-tablo tr:hover{background:var(--zemin)}
.k-mini-ozellik{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.k-mini-ozellik li{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;background:var(--zemin)}
.k-mini-ozellik .k-ikon{width:26px;height:26px;color:var(--mavi);margin-top:2px}
.k-mini-ozellik span{font-size:14.5px;line-height:1.55;color:var(--soluk)}
.k-mini-ozellik strong{display:block;color:var(--lac);font:600 16px var(--baslik)}
.k-onceki-sonraki{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:clamp(56px,7vw,96px);padding-top:28px;border-top:1px solid var(--cizgi)}
.k-onceki-sonraki > a:not(.k-tum-link){display:flex;align-items:center;gap:14px;padding:10px;border-radius:18px;transition:background-color .25s}
.k-onceki-sonraki > a:not(.k-tum-link):hover{background:var(--zemin)}
.k-onceki-sonraki img{width:64px;height:64px;border-radius:14px;object-fit:cover;background:var(--zemin)}
.k-onceki-sonraki span{display:grid;gap:2px;font:600 17px/1.25 var(--baslik)}
.k-onceki-sonraki small{display:inline-flex;align-items:center;gap:6px;font:500 13px var(--govde);color:var(--soluk)}
.k-onceki-sonraki small .k-ikon{width:14px;height:14px}
.k-sonraki{justify-self:end;text-align:right}
.k-sonraki small{justify-content:flex-end}
.k-tum-link{padding:10px 18px;border:1px solid var(--cizgi);border-radius:999px;font-weight:500;font-size:14.5px;transition:border-color .2s,color .2s}
.k-tum-link:hover{border-color:var(--mavi);color:var(--mavi)}
.k-yapiskan{display:none}
.k-buyutec{padding:0;border:0;background:transparent;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;overflow:hidden}
.k-buyutec::backdrop{background:rgba(11,26,43,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.k-buyutec[open]{animation:k-belir .3s ease}
@keyframes k-belir{from{opacity:0}}
.k-buyutec-ic{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:56px 72px}
.k-buyutec img{max-width:100%;max-height:calc(100vh - 112px);width:auto;height:auto;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);background:#fff}
.k-buyutec button{position:absolute;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--lac);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform .2s}
.k-buyutec button:hover{transform:scale(1.08)}
.k-buyutec-kapat{right:16px;top:16px}
.k-buyutec-ok{top:50%;margin-top:-24px}
.k-geri{left:16px}.k-ileri{right:16px}
.k-buyutec-sayac{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);color:#fff;font-size:14px;background:rgba(255,255,255,.12);padding:6px 14px;border-radius:999px}
.k-buyutec :focus-visible{outline-color:#fff}

/* Tablolar */
.k-tablo-kap{overflow-x:auto;border:1px solid var(--cizgi);border-radius:20px;background:#fff}
.k-tablo-genis th,.k-tablo-genis td{padding:14px 18px}
.k-tablo-genis thead th{background:var(--zemin);color:var(--lac);font-weight:600;font-size:13.5px;width:auto}
.k-tablo-genis tbody th{width:auto;color:var(--lac);font-weight:600}
.k-tablo-genis tbody th a{color:var(--mavi)}
.k-tablo-genis tbody th a:hover{text-decoration:underline}
.k-tablo-genis tbody tr:last-child > *{border-bottom:0}
.k-tablo-genis tbody tr:hover{background:#fafcfe}

/* Hakkımızda */
.k-bilgi-seridi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.k-bilgi-seridi div{display:flex;flex-direction:column-reverse;gap:4px;padding:22px 24px;border-radius:20px;background:var(--zemin);border:1px solid var(--cizgi)}
.k-bilgi-seridi dd{margin:0;font:700 clamp(24px,2.6vw,32px)/1.1 var(--baslik);letter-spacing:-.02em;color:var(--mavi)}
.k-bilgi-seridi dt{color:var(--soluk);font-size:14.5px}
.k-iki-sutun{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px 64px;align-items:start}
.k-metin p{font-size:17.5px;line-height:1.75;color:#2c3a4c}
.k-metin p+p{margin-top:16px}
.k-rozetler{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.k-rozetler li{padding:8px 14px;border-radius:999px;background:var(--mavi-a);color:var(--mavi-k);font-weight:500;font-size:14.5px}
.k-diger{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:20px!important}

/* İletişim */
.k-iletisim{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,4vw,48px);align-items:start;padding-top:clamp(28px,4vw,48px)}
.k-iletisim-kartlar{display:grid;gap:12px}
.k-bilgi-kart{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:20px;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge);transition:border-color .25s,transform .3s var(--egri)}
a.k-bilgi-kart:hover{border-color:var(--mavi);transform:translateY(-2px)}
.k-bilgi-kart > .k-ikon{width:44px;height:44px;padding:11px;border-radius:14px;background:var(--mavi-a);color:var(--mavi);flex:none}
.k-bilgi-wa > .k-ikon{background:#e3f4ea;color:var(--wa)}
.k-bilgi-kart span{display:grid;gap:2px;min-width:0}
.k-bilgi-kart small{font-size:13px;color:var(--soluk)}
.k-bilgi-kart strong{font:600 18px/1.35 var(--baslik);overflow-wrap:anywhere}
.k-harita{position:relative;overflow:hidden;isolation:isolate;height:240px;border-radius:20px;background:var(--lac-2);color:#c5d3e2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px}
.k-harita .k-piksel{z-index:-1;opacity:.5}
.k-harita p{font-size:14px}
.k-harita iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2;background:#fff}
.k-form{padding:clamp(24px,4vw,40px);border-radius:28px;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge-2);display:grid;gap:16px}
.k-form h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:4px}
.k-form-ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.k-alan{display:grid;gap:6px}
.k-alan > span{font-size:14px;font-weight:500;color:var(--lac)}
.k-alan input,.k-alan select,.k-alan textarea{width:100%;min-height:50px;padding:12px 16px;border:1px solid #cdd6e1;border-radius:14px;background:#fbfcfe;font:inherit;font-size:16px;color:var(--lac);transition:border-color .2s,box-shadow .2s,background-color .2s}
.k-alan textarea{resize:vertical;min-height:130px;line-height:1.55}
.k-alan select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23526072' stroke-width='2' stroke-linecap='round' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px;cursor:pointer}
.k-alan input:focus,.k-alan select:focus,.k-alan textarea:focus{outline:0;border-color:var(--mavi);background:#fff;box-shadow:0 0 0 4px rgba(0,110,199,.15)}
.k-form-gonder{width:100%;margin-top:4px}
.k-form-gonder[disabled]{opacity:.6;cursor:wait}
.k-form-hata{color:#b42318;font-weight:500}
.k-form-not{font-size:13px;color:var(--soluk);text-align:center}
.k-surec-sade li::before{background:var(--cizgi)}

/* 404 */
.k-404{padding-top:clamp(48px,7vw,96px)}
.k-404 h1{max-width:16ch}

/* Duyarlı */
@media (width <= 1100px){
  .k-izgara,.k-izgara-1,.k-izgara-2{grid-template-columns:repeat(3,minmax(0,1fr))}
  .k-katlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-alt-ic{grid-template-columns:1fr 1fr}
  .k-servis-ic{flex-wrap:wrap;row-gap:0}
  .k-servis-nav{order:3;flex:1 0 100%;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:2px var(--pad) 9px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent)}
  .k-servis-nav::-webkit-scrollbar{display:none}
  .k-servis-nav a{flex:0 0 auto;white-space:nowrap;min-height:32px;padding:0 13px;border:1px solid var(--cizgi);border-radius:999px;background:#fff;font-size:13px}
  .k-servis-nav a[aria-current]{border-color:var(--mavi);color:var(--mavi)}
  .k-detay-liste{grid-template-columns:1fr}
}
@media (width <= 960px){
  :root{--ust-h:64px}
  .k-nav{display:none}
  .k-menu-btn{display:block}
  .k-ust-eylem{margin-left:auto}
  .k-hero-ic,.k-kat-bas,.k-urun,.k-iletisim,.k-iki-sutun,.k-sss-bolum{grid-template-columns:minmax(0,1fr)}
  .k-vitrin{justify-self:stretch;max-width:560px;margin-inline:auto}
  .k-galeri{position:static}
  .k-ozellikler{grid-template-columns:1fr}
  .k-teknik{grid-template-columns:1fr 1fr}
  .k-teknik div:nth-child(3){border-left:0}
  .k-teknik div:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .k-surec{grid-template-columns:1fr 1fr;gap:28px 18px}
  .k-surec li:nth-child(2)::before{right:0}
  .k-cta-ic{grid-template-columns:1fr}
  .k-cta-btn{flex-direction:row;flex-wrap:wrap;min-width:0}
  .k-bilgi-seridi{grid-template-columns:1fr 1fr}
  .k-kolaj{max-width:520px;width:100%;margin-inline:auto}
}
@media (width <= 700px){
  .k-izgara,.k-izgara-1,.k-izgara-2,.k-izgara-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .k-izgara > :nth-child(odd){--gecikme:0ms}.k-izgara > :nth-child(even){--gecikme:80ms}
  .k-kart-yazi{padding:10px 12px 14px;gap:2px}
  .k-kart-ad{font-size:15.5px}
  .k-kart-alt{font-size:13px}
  .k-kart-ok{display:none}
  .k-etiket{font-size:10.5px;letter-spacing:.05em}
  .k-kart-a{border-radius:16px}
  .k-hero{padding-top:20px}
  .k-hero h1{font-size:clamp(34px,9.6vw,44px)}
  .k-hero .k-lede{font-size:16px;margin-top:12px}
  .k-hero .k-btnlar{margin-top:20px}
  .k-hero .k-btn{flex:1 1 auto;padding-inline:16px}
  .k-vitrin-sahne{aspect-ratio:1/1;border-radius:24px}
  .k-vitrin::before{inset:-8px -8px 60px}
  .k-slayt-bilgi{left:10px;right:10px;bottom:10px;padding:12px 14px;border-radius:14px}
  .k-katlar{gap:10px}
  .k-kat{flex-direction:column;align-items:flex-start;gap:10px;padding:10px;padding-right:10px}
  .k-kat-gorsel{width:100%;height:auto;aspect-ratio:16/10}
  .k-kat-yazi strong{font-size:15px}
  .k-kat-yazi small{font-size:12px}
  .k-kat-ok{top:16px;right:16px;margin-top:0;background:rgba(255,255,255,.92)}
  .k-kayan-liste img{width:44px;height:44px}
  .k-kayan-liste a{font-size:14px}
  .k-detay-kart{grid-template-columns:minmax(0,1fr)}
  .k-detay-gorsel img{aspect-ratio:4/3}
  .k-surec{grid-template-columns:1fr}
  .k-surec li::before{right:0}
  .k-teknik div{padding:14px 16px}
  .k-teknik dd{font-size:16px}
  .k-sss summary{font-size:16.5px;padding:18px 0}
  .k-sss-cevap p{padding-right:0}
  .k-onceki-sonraki{grid-template-columns:1fr 1fr}
  .k-tum-link{display:none}
  .k-onceki-sonraki img{width:48px;height:48px}
  .k-onceki-sonraki span{font-size:15px}
  .k-urun-sayfa{padding-bottom:76px}
  .k-yapiskan{display:grid;grid-template-columns:1fr auto;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--cizgi);transform:translateY(0);transition:transform .35s var(--egri)}
  .k-yapiskan.is-gizli{transform:translateY(110%)}
  .k-buyutec-ic{padding:64px 10px}
  .k-buyutec-ok{top:auto;bottom:12px;margin-top:0}
  .k-form-ikili{grid-template-columns:1fr}
  .k-galeri-kucuk a{width:64px;height:64px;border-radius:12px}
  .k-alt-ic{grid-template-columns:1fr;gap:28px;padding-top:44px}
  .k-alt-son{flex-direction:column;gap:4px}
  .k-cta-btn .k-btn{flex:1 1 100%}
  .k-sekmeler{border-radius:16px}
  .k-servis-tel{display:none}
  .k-logo img{height:24px}
  .k-logo span{font-size:11px;padding-left:10px}
}
@media (width <= 420px){
  .k-ust-eylem .k-btn-wa{width:46px;height:46px;min-height:0;padding:0}
  .k-ust-eylem .k-btn-wa span{display:none}
  .k-logo span{display:none}
}

/* Hareket azaltma */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important}
  .js [data-reveal]{opacity:1;transform:none}
  .k-kayan{-webkit-mask-image:none;mask-image:none;overflow-x:auto}
  .k-kayan-iz{animation:none!important}
  .k-kayan-liste[aria-hidden]{display:none}
  .k-surec li::before{transform:scaleX(1)}
  .k-slayt img{transform:none}
}
.reduce .k-kayan-iz{animation:none}

/* Izgara sonu: özel tasarım kartı */
.k-ozel-kart{grid-column:span 2;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(24px,3vw,36px);border-radius:var(--r);background:var(--lac-2);color:#fff;min-height:260px}
.k-ozel-kart .k-piksel{z-index:-1;opacity:.7}
.k-ozel-kart h3{font-size:clamp(22px,2.2vw,28px)}
.k-ozel-kart p{margin-top:10px;color:#c5d3e2;line-height:1.6;max-width:46ch}
.k-ozel-btn{display:flex;flex-wrap:wrap;gap:10px}
.k-ozel-kart :focus-visible{outline-color:#fff}
.k-ozel-kart[hidden]{display:none}
@media (width <= 1100px){.k-ozel-kart{grid-column:1/-1}}
@media (width <= 700px){
  .k-kart .k-etiket{display:none}
  .k-kat{flex-direction:row;align-items:center;padding:8px;gap:10px}
  .k-kat-gorsel{width:44px;height:44px;aspect-ratio:auto;border-radius:10px}
  .k-kat-yazi strong{font-size:14px;line-height:1.2}
  .k-kat-yazi small span{display:none}
  .k-kat-ok{display:none}
  .k-ozellik{padding:22px}
  .k-ozellik-ikon{width:46px;height:46px;margin-bottom:14px}
}
.k-katlar-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (width <= 1100px){.k-katlar-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width <= 700px){.k-katlar-3{grid-template-columns:minmax(0,1fr)}}
@media (width <= 700px){
  .k-kolaj{height:230px}
  .k-onceki-sonraki img{display:none}
  .k-onceki-sonraki small{white-space:nowrap}
  .k-urun-bilgi .k-btnlar .k-btn{flex:1 1 100%}
}
.js .k-yapiskan:not(.is-goster){transform:translateY(110%)}
/* İlk ekrandaki başlık blokları: yalnız konum animasyonu (opaklık yok, LCP gecikmesin) */
.js .k-giris{animation:k-yukari .9s var(--egri) both}
@keyframes k-yukari{from{transform:translateY(18px)}}
.k-vitrin-sahne img:not([src]){visibility:hidden}
@media (width <= 700px){
  .k-tablo-model th:nth-child(2),.k-tablo-model td:nth-child(2){display:none}
  .k-tablo-genis th,.k-tablo-genis td{padding:12px 12px;font-size:14px}
}

/* ---- Teknoloji ---- */
.k-panel{margin:0;position:relative}
.k-panel-ekran{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0c1a3d;padding:0;box-shadow:0 0 0 8px #fff,0 0 0 9px var(--cizgi),var(--golge-2)}
.k-panel-isik{position:absolute;inset:0;overflow:hidden}
.k-panel-isik::before{content:"";position:absolute;inset:-60%;background:radial-gradient(circle at 32% 38%,#5eead4 0,transparent 22%),radial-gradient(circle at 66% 62%,#a78bfa 0,transparent 26%),radial-gradient(circle at 48% 52%,#38bdf8 0,transparent 40%),linear-gradient(135deg,#1d4ed8,#312e81 55%,#0e7490);animation:k-led 10s ease-in-out infinite alternate;will-change:transform}
.k-panel canvas{position:relative;z-index:1;display:block;width:100%;height:100%}
.k-panel figcaption{margin-top:16px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);text-align:center}
.k-panel-hero{max-width:560px;width:100%;justify-self:end}
.k-atlama{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(32px,4vw,48px)}
.k-atlama a{display:flex;flex-direction:column;gap:2px;padding:16px 20px;border-radius:18px;border:1px solid var(--cizgi);background:#fff;box-shadow:var(--golge);font:600 17px var(--baslik);transition:transform .3s var(--egri),border-color .25s,box-shadow .3s}
.k-atlama a:hover{transform:translateY(-3px);border-color:var(--mavi);box-shadow:var(--golge-2)}
.k-atlama small{font:500 13px var(--govde);color:var(--soluk)}
.k-not{margin-top:14px;color:var(--soluk);font-size:15px;line-height:1.65;max-width:80ch}
.k-not a{color:var(--mavi);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.k-capa{scroll-margin-top:calc(var(--ust-h) + 16px)}
.k-tablo-ikili th:first-child,.k-tablo-ikili td:first-child{width:30%}
.k-tablo-teknik{min-width:760px}
.k-tablo-teknik td,.k-tablo-teknik th{white-space:nowrap}
.k-hesap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,48px);align-items:start;padding:clamp(20px,3vw,36px);border-radius:28px;background:linear-gradient(160deg,#fff 30%,var(--zemin));border:1px solid var(--cizgi);box-shadow:var(--golge)}
.k-hesap-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.k-genis{grid-column:1/-1}
.k-hesap-not{font-size:14px;line-height:1.6;color:var(--soluk)}
.k-hesap-sonuc{display:grid;gap:22px}
.k-hesap-sonuc figcaption{display:none}
.k-hesap-sonuc dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.k-hesap-sonuc dl div{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--cizgi)}
.k-hesap-sonuc dt{font-size:12.5px;color:var(--soluk)}
.k-hesap-sonuc dd{margin:2px 0 0;font:700 clamp(18px,1.8vw,22px)/1.2 var(--baslik);font-variant-numeric:tabular-nums;color:var(--mavi)}
.k-ozel-yuzey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.k-yuzey-kart{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:24px;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge)}
.k-yuzey-kart .k-panel{margin-bottom:14px}
.k-yuzey-kart .k-panel-ekran{box-shadow:none;border-radius:14px}
.k-yuzey-kart .k-panel figcaption{display:none}
.k-yuzey-kart h3{font-size:22px}
.k-yuzey-kart p{color:var(--soluk);font-size:15px;line-height:1.6}
.k-yuzey-kart dl{margin:8px 0 0;display:grid;gap:0;font-size:14px}
.k-yuzey-kart dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--cizgi)}
.k-yuzey-kart dt{color:var(--soluk)}
.k-yuzey-kart dd{margin:0;font-weight:500;text-align:right}
.k-terimler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.k-terimler article{padding:22px;border-radius:20px;background:var(--zemin);border:1px solid var(--cizgi)}
.k-terimler h3{font-size:17.5px;margin-bottom:8px}
.k-terimler p{color:var(--soluk);font-size:14.5px;line-height:1.6}

/* ---- Uygulama ---- */
.k-adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.k-adimlar li{position:relative;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge);overflow:hidden;transition:transform .4s var(--egri),box-shadow .4s}
.k-adimlar li:hover{transform:translateY(-4px);box-shadow:var(--golge-2)}
.k-adimlar li::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;background-image:radial-gradient(rgba(0,110,199,.2) 1.3px,transparent 1.8px);background-size:12px 12px;-webkit-mask-image:radial-gradient(circle,#000,transparent 70%);mask-image:radial-gradient(circle,#000,transparent 70%)}
.k-adim-ikon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--mavi),#0a8fe0);color:#fff;margin-bottom:18px;box-shadow:0 12px 24px -12px rgba(0,110,199,.8)}
.k-adim-ikon svg{width:26px;height:26px}
.k-adimlar h3{font-size:21px;margin-bottom:8px}
.k-adimlar p{color:var(--soluk);line-height:1.65;font-size:15.5px}
.k-saha{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.k-saha article{padding:20px 22px;border-radius:18px;background:var(--zemin);border-left:3px solid var(--mavi)}
.k-saha h3{font-size:17.5px;margin-bottom:6px}
.k-saha p{color:var(--soluk);font-size:15px;line-height:1.6}
.k-montaj{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.k-montaj-kart{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge);transition:transform .4s var(--egri),box-shadow .4s,border-color .3s}
.k-montaj-kart:hover{transform:translateY(-6px);box-shadow:var(--golge-2);border-color:rgba(0,110,199,.3)}
.k-montaj-gorsel{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--zemin)}
.k-montaj-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--egri)}
.k-montaj-kart:hover .k-montaj-gorsel img{transform:scale(1.07)}
.k-montaj-yazi{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.k-montaj-yazi strong{font:600 19px/1.25 var(--baslik)}
.k-montaj-yazi > span{color:var(--soluk);font-size:14.5px;line-height:1.6}
.k-montaj-yazi em{margin-top:auto;padding-top:6px;font-style:normal;font-weight:600;font-size:14.5px;color:var(--mavi);display:inline-flex;align-items:center;gap:6px}
.k-montaj-yazi em .k-ikon{width:16px;height:16px;transition:transform .25s}
.k-montaj-kart:hover em .k-ikon{transform:translateX(4px)}
.k-ornekler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.k-ornek{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:var(--zemin);aspect-ratio:4/3}
.k-ornek img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--egri)}
.k-ornek:hover img{transform:scale(1.06)}
.k-ornek > span{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 14.5px var(--baslik);box-shadow:var(--golge)}
.k-ornek > span .k-ikon{width:15px;height:15px;color:var(--mavi)}

/* ---- Galeri ---- */
.k-galeri-izgara{columns:4 260px;column-gap:16px}
.k-foto{break-inside:avoid;margin:0 0 16px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge);transition:box-shadow .35s,transform .35s var(--egri)}
.k-foto:hover{box-shadow:var(--golge-2);transform:translateY(-3px)}
.k-foto-a{position:relative;display:block;overflow:hidden;background:var(--zemin);cursor:zoom-in}
.k-foto-a img{width:100%;transition:transform .8s var(--egri)}
.k-foto-a:hover img{transform:scale(1.05)}
.k-foto .k-galeri-ipucu{opacity:0;transform:scale(.8);right:12px;bottom:12px;width:40px;height:40px;transition:opacity .25s,transform .3s var(--egri)}
.k-foto-a:hover .k-galeri-ipucu,.k-foto-a:focus-visible .k-galeri-ipucu{opacity:1;transform:none}
.k-foto figcaption a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;font:600 15px var(--baslik);transition:color .2s}
.k-foto figcaption a:hover{color:var(--mavi)}
.k-foto figcaption .k-ikon{width:16px;height:16px;color:var(--mavi)}
.k-buyutec-alt{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap}
.k-buyutec-alt .k-buyutec-sayac{position:static;transform:none}
.k-buyutec-urun{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:#fff;color:var(--lac);font-weight:600;font-size:14px}
.k-buyutec-urun:hover{background:var(--mavi-a)}

/* ---- Menü sıkıştırma (7 bağlantı) ---- */
@media (width <= 1280px){
  .k-nav > a,.k-mega-ac{padding:10px 10px;font-size:15px}
  .k-ust-ic{gap:16px}
  .k-logo span{display:none}
}
@media (width <= 1120px) and (width > 960px){
  .k-nav > a,.k-mega-ac{padding:8px 8px;font-size:14.5px}
  .k-ust-eylem .k-btn-wa{width:44px;height:44px;min-height:0;padding:0}
  .k-ust-eylem .k-btn-wa span{display:none}
  .k-logo img{height:24px}
}
/* Alt bilgi: 5 sütun */
.k-alt-ic{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.2fr)}

@media (width <= 1100px){
  .k-terimler{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-montaj{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-alt-ic{grid-template-columns:1fr 1fr 1fr}
  .k-alt-marka{grid-column:1/-1}
}
@media (width <= 960px){
  .k-hesap{grid-template-columns:1fr}
  .k-ozel-yuzey{grid-template-columns:1fr}
  .k-atlama{grid-template-columns:1fr 1fr}
  .k-panel-hero{justify-self:center;max-width:520px}
  .k-saha{grid-template-columns:1fr}
}
@media (width <= 700px){
  .k-terimler,.k-adimlar,.k-montaj{grid-template-columns:1fr}
  .k-ornekler{grid-template-columns:1fr 1fr;gap:10px}
  .k-ornek{aspect-ratio:1}
  .k-ornek > span{left:8px;right:8px;bottom:8px;padding:6px 10px;font-size:12.5px;white-space:normal}
  .k-ornek > span .k-ikon{display:none}
  .k-hesap-sonuc dl{grid-template-columns:1fr 1fr}
  .k-hesap-sonuc dl div:first-child{grid-column:1/-1}
  .k-galeri-izgara{columns:2;column-gap:10px}
  .k-foto{margin-bottom:10px;border-radius:14px}
  .k-foto figcaption a{padding:8px 10px;font-size:13px}
  .k-foto figcaption .k-ikon{display:none}
  .k-atlama a{padding:12px 14px;font-size:15.5px}
  .k-alt-ic{grid-template-columns:1fr}
  .k-buyutec-alt{bottom:20px}
  .k-galeri-izgara .k-galeri-ipucu{display:none}
}
@media (prefers-reduced-motion: reduce){.k-panel-isik::before{animation:none}}
.k-kaydir-not{display:none;margin:0 0 10px;font-size:13px;color:var(--soluk)}
@media (width <= 760px){.k-kaydir-not{display:block}}