/* kurumsaletkinlik.net — v2 (Keypad Sistem kırmızısı, sıcak kâğıt zemin) */
@font-face{font-family:"Syne";src:url(/f/syne-latin.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Syne";src:url(/f/syne-latin-ext.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";src:url(/f/dmsans-latin.woff2) format("woff2");font-weight:100 1000;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"DM Sans";src:url(/f/dmsans-latin-ext.woff2) format("woff2");font-weight:100 1000;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --kagit:#f7f4ee;
  --kagit-2:#eee8dd;
  --murekkep:#1b1814;
  --soluk:#5a544b;
  --cizgi:#d8d0c2;
  --kirmizi:#e30613;
  --kirmizi-koyu:#b0040e;
  --gece:#1b1814;
  --gece-metin:#f3efe7;
  --gece-soluk:#b7afa2;
  --baslik:"Syne","Avenir Next","Segoe UI",system-ui,sans-serif;
  --govde:"DM Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --kenar:clamp(1.25rem,4vw,3.5rem);
  --genislik:76rem;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--kagit);color:var(--murekkep);font-family:var(--govde);font-size:1.0625rem;line-height:1.65;font-kerning:normal;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--baslik);font-weight:700;line-height:1.08;letter-spacing:-.015em;margin:0;text-wrap:balance}
p{margin:0 0 1em}
a{color:var(--kirmizi-koyu);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--murekkep);outline-offset:3px;border-radius:2px}
.gece :focus-visible{outline-color:var(--gece-metin)}

.atla{position:absolute;left:-999px;top:0;background:var(--murekkep);color:#fff;padding:.6rem 1rem;z-index:20}
.atla:focus{left:1rem;top:1rem}

.kap{max-width:var(--genislik);margin:0 auto;padding:0 var(--kenar)}
.ust-yazi{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);margin:0 0 1.25rem}

/* ---------- üst şerit ---------- */
.ust{border-bottom:1px solid var(--cizgi);background:var(--kagit)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem}
.markalar{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--murekkep)}
.markalar img{width:auto;height:24px}
.ayrac{width:1px;height:22px;background:var(--cizgi)}
.ev{font-family:var(--baslik);font-weight:800;font-size:1.2rem;letter-spacing:-.04em;line-height:1;position:relative;padding-right:.45em;color:#111827}
.ev::after{content:"";position:absolute;right:0;top:.05em;width:.3em;height:.3em;border-radius:50%;background:#e8433a}
.ust nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.75rem;align-items:center}
.ust nav a{color:var(--murekkep);text-decoration:none;font-size:.95rem;font-weight:500;padding:.6rem 0;display:inline-block}
.ust nav a:hover{text-decoration:underline}
.ust .tel{font-weight:700;font-variant-numeric:tabular-nums}
a[href^="tel:"]{white-space:nowrap}
.sadece-genis{display:none}
@media (min-width:56rem){.sadece-genis{display:list-item}}
@media (max-width:30rem){.ayrac,.ev-ust{display:none}}

/* ---------- hero ---------- */
.hero{padding:clamp(2.75rem,7vw,6rem) 0 clamp(3rem,6vw,5rem)}
.hero h1{font-size:clamp(2.35rem,1.15rem + 4.6vw,5.1rem);max-width:19ch;letter-spacing:-.025em;line-height:1.02}
.hero h1 em{font-style:normal;color:var(--kirmizi)}
.hero-alt{display:grid;gap:2.5rem;margin-top:clamp(2rem,4vw,3.5rem)}
.giris{font-size:clamp(1.125rem,1rem + .45vw,1.3rem);line-height:1.55;max-width:34ch}
.aciklama{color:var(--soluk);max-width:42ch;border-left:2px solid var(--kirmizi);padding-left:1rem;margin-top:1.5rem}
.eylem{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:0 1.6rem;background:var(--kirmizi);color:#fff;font-weight:700;text-decoration:none;border-radius:2px;font-size:1.0625rem;cursor:pointer}
.dugme:hover{background:var(--kirmizi-koyu)}
.dugme svg{width:1.1em;height:1.1em}
.yan-baglanti{color:var(--murekkep);font-weight:600;padding:.75rem 0}
.ekran{margin:0}
.ekran-cerceve{background:#0e0c0a;padding:clamp(.4rem,1vw,.75rem);border-radius:6px;box-shadow:0 30px 60px -30px rgba(27,24,20,.55)}
.ekran-cerceve img{border-radius:2px;width:100%}
figcaption{font-size:.875rem;color:var(--soluk);margin-top:.8rem;line-height:1.45;max-width:52ch}
figcaption b{color:var(--murekkep);font-weight:600}
@media (min-width:60rem){
  .hero-alt{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:4rem}
  .hero .ekran{margin-right:calc(-1 * var(--kenar));margin-top:-1rem}
  .hero .ekran figcaption{margin-right:var(--kenar)}
}

/* ---------- genel bölüm ---------- */
.bolum{padding:clamp(3.5rem,8vw,7rem) 0}
.bolum h2{font-size:clamp(1.85rem,1.2rem + 2.4vw,3.2rem);max-width:20ch}
.cizgili{border-top:1px solid var(--cizgi)}

/* sorun */
.sorun{display:grid;gap:1.75rem}
.sorun .buyuk{font-family:var(--baslik);font-weight:600;font-size:clamp(1.3rem,1rem + 1.1vw,1.9rem);line-height:1.3;letter-spacing:-.01em;margin-bottom:1.25rem;max-width:30ch}
.sorun p{max-width:62ch}
@media (min-width:56rem){.sorun{grid-template-columns:5fr 7fr;gap:4rem}}

/* araçlar */
.arac-giris{max-width:58ch;color:var(--soluk);margin-top:1.25rem}
.one-cikan{display:grid;gap:1.75rem;margin-top:clamp(3rem,6vw,5rem);align-items:center}
.one-cikan h3{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);margin-bottom:1rem;max-width:18ch}
.one-cikan p{max-width:48ch}
.ozellik{font-size:.9375rem;color:var(--soluk);border-top:1px solid var(--cizgi);padding-top:.9rem;margin-top:1.25rem;max-width:48ch}
.ozellik strong{color:var(--murekkep)}
.kolaj{position:relative;margin:0}
.kolaj .telefon{position:absolute;right:-.5rem;bottom:-2.5rem;width:24%;max-width:150px;border-radius:14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.6);border:4px solid #0e0c0a;background:#0e0c0a}
.kolaj figcaption{max-width:40ch;padding-right:30%}
@media (min-width:56rem){.kolaj figcaption{padding-right:0}}
@media (min-width:56rem){
  .one-cikan{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4.5rem}
  .one-cikan.ters{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .one-cikan.ters .metin{order:2}
  .kolaj .telefon{right:-1.5rem}
}
.genis-sahne{margin-top:clamp(3.5rem,7vw,6rem)}
.genis-sahne .alt-metin{display:grid;gap:1rem 4rem;margin-top:2rem}
.genis-sahne h3{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);max-width:16ch}
.genis-sahne p{max-width:56ch}
@media (min-width:56rem){.genis-sahne .alt-metin{grid-template-columns:5fr 7fr}}

/* diğer araçlar listesi */
.diger{margin-top:clamp(4rem,8vw,6.5rem);display:grid;gap:2.5rem}
.diger-baslik{font-family:var(--baslik);font-weight:700;font-size:1.25rem;margin-bottom:.5rem}
.liste{margin:0;border-top:2px solid var(--murekkep)}
.liste div{display:grid;gap:.15rem 2rem;padding:1rem 0;border-bottom:1px solid var(--cizgi)}
.liste dt{font-weight:700}
.liste dd{margin:0;color:var(--soluk)}
@media (min-width:40rem){.liste div{grid-template-columns:13rem 1fr}}
@media (min-width:64rem){.diger{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem;align-items:start}.diger .kenar-gorsel{position:sticky;top:2rem;margin-top:2.6rem}}
.tumu{margin-top:1.75rem;font-weight:600}

/* gece bandı: etkinlik türleri */
.gece{background:var(--gece);color:var(--gece-metin)}
.gece a{color:var(--gece-metin)}
.gece .ust-yazi{color:var(--gece-soluk)}
.turler{list-style:none;margin:clamp(2rem,5vw,3.5rem) 0 0;padding:0;counter-reset:tur;border-top:1px solid #3a352e}
.turler li{counter-increment:tur;display:grid;grid-template-columns:2.5rem 1fr;gap:.25rem 1rem;padding:1.25rem 0;border-bottom:1px solid #3a352e}
.turler li::before{content:counter(tur,decimal-leading-zero);font-family:var(--baslik);font-weight:700;color:#ff6b62;font-size:.95rem;padding-top:.35rem;grid-row:span 2}
.turler h3{font-size:clamp(1.15rem,1rem + .6vw,1.5rem);font-weight:600;letter-spacing:-.01em}
.turler p{margin:0;color:var(--gece-soluk)}
@media (min-width:52rem){
  .turler li{grid-template-columns:3.5rem minmax(0,5fr) minmax(0,6fr);align-items:baseline}
  .turler li::before{grid-row:auto;padding-top:0}
}

/* nasıl çalışır: zaman çizelgesi */
.akis{list-style:none;margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;display:grid;gap:0;counter-reset:adim}
.akis li{counter-increment:adim;position:relative;padding:0 0 2rem 2.25rem;border-left:2px solid var(--murekkep);margin-left:.5rem}
.akis li:last-child{border-left-color:transparent;padding-bottom:0}
.akis li::before{content:"";position:absolute;left:-.5rem;top:.2rem;width:.875rem;height:.875rem;border-radius:50%;background:var(--kagit);border:2px solid var(--murekkep)}
.akis li:first-child::before{background:var(--kirmizi);border-color:var(--kirmizi)}
.akis .no{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);margin-bottom:.35rem}
.akis h3{font-size:1.3rem;margin-bottom:.5rem}
.akis p{margin:0;max-width:34ch}
@media (min-width:56rem){
  .akis{grid-template-columns:repeat(4,1fr);gap:0}
  .akis li{border-left:0;border-top:2px solid var(--murekkep);margin-left:0;padding:2rem 2rem 0 0}
  .akis li:last-child{border-top-color:var(--murekkep)}
  .akis li::before{left:0;top:-.5rem}
}
.akis-alt{display:grid;gap:2rem;margin-top:clamp(3rem,6vw,4.5rem);align-items:center}
.akis-alt p{max-width:26ch;font-family:var(--baslik);font-weight:600;font-size:clamp(1.3rem,1rem + 1.1vw,1.9rem);line-height:1.3;letter-spacing:-.01em}
.akis-alt figure{margin:0;max-width:32rem}
.akis-alt img{border-radius:6px}
@media (min-width:56rem){.akis-alt{grid-template-columns:6fr 5fr;gap:4rem}}

/* hakkında */
.hakkinda{display:grid;gap:1.5rem}
.hakkinda p{max-width:60ch}
@media (min-width:56rem){.hakkinda{grid-template-columns:5fr 7fr;gap:4rem}}

/* SSS */
.sss-duzen{display:grid;gap:2rem}
@media (min-width:60rem){.sss-duzen{grid-template-columns:4fr 8fr;gap:4rem}.sss-duzen .sol{position:sticky;top:2rem;align-self:start}}
.sss-duzen .sol p{color:var(--soluk);margin-top:1rem;max-width:30ch}
.sss{border-top:2px solid var(--murekkep)}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.25rem 0;min-height:44px}
.sss summary::-webkit-details-marker{display:none}
.sss summary h3{font-family:var(--govde);font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:0}
.sss summary::after{content:"";flex:none;width:.75rem;height:.75rem;margin-top:.45rem;border-right:2px solid var(--murekkep);border-bottom:2px solid var(--murekkep);transform:rotate(45deg)}
.sss details[open] summary::after{transform:rotate(-135deg);margin-top:.75rem}
.sss summary:hover h3{color:var(--kirmizi-koyu)}
.sss details p{margin:0;padding:0 2.5rem 1.5rem 0;color:#3d3832;max-width:62ch}

/* kapanış */
.kapanis{background:var(--kagit-2);padding:clamp(4rem,9vw,7.5rem) 0}
.kapanis h2{font-size:clamp(2.2rem,1.2rem + 4vw,4.5rem);max-width:14ch;letter-spacing:-.025em}
.kapanis-duzen{display:grid;gap:2.5rem}
.kapanis .giris{max-width:40ch;margin-top:1.5rem}
.iletisim-satir{list-style:none;margin:0;padding:0;border-top:2px solid var(--murekkep)}
.iletisim-satir li{border-bottom:1px solid var(--cizgi)}
.iletisim-satir a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.1rem 0;text-decoration:none;color:var(--murekkep)}
.iletisim-satir a span{font-size:.875rem;color:var(--soluk);font-weight:500}
.iletisim-satir a strong{font-family:var(--baslik);font-size:clamp(1.15rem,1rem + .8vw,1.6rem);font-weight:700;font-variant-numeric:tabular-nums}
.iletisim-satir a:hover strong{color:var(--kirmizi-koyu)}
.kapanis .ek{margin-top:1.5rem;font-size:.9375rem;color:var(--soluk)}
@media (min-width:56rem){.kapanis-duzen{grid-template-columns:7fr 5fr;gap:5rem;align-items:end}}

/* alt bilgi */
.alt{padding:2.5rem 0 3rem;font-size:.9375rem;color:var(--soluk);border-top:1px solid var(--cizgi)}
.alt-ic{display:grid;gap:1rem}
.alt p{margin:0}
.alt a{color:var(--murekkep)}
@media (min-width:56rem){.alt-ic{grid-template-columns:auto 1fr auto;gap:3rem;align-items:center}}

/* 404 */
.hata{padding:6rem 0}
.hata h1{font-size:clamp(2rem,1.5rem + 3vw,3.5rem);margin-bottom:1rem}

@media (prefers-reduced-motion:no-preference){
  a,.dugme,.sss summary::after,.sss summary h3{transition:color .2s ease,background-color .2s ease,transform .2s ease,text-decoration-thickness .2s ease}
}

/* ---------- ürün sayfaları ---------- */
.urun-serit{border-top:1px solid var(--cizgi)}
.urun-serit ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.urun-serit ul::-webkit-scrollbar{display:none}
.urun-serit a{display:inline-block;padding:.7rem 0;font-size:.9rem;font-weight:500;color:var(--soluk);text-decoration:none;border-bottom:2px solid transparent}
.urun-serit a:hover{color:var(--murekkep)}
.urun-serit a[aria-current="page"]{color:var(--murekkep);font-weight:700;border-bottom-color:var(--kirmizi)}
@media (min-width:56rem){.urun-serit .dar-ekran{display:none}}
.yol{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.875rem;color:var(--soluk)}
.yol li+li::before{content:"/";margin-right:.4rem;color:var(--cizgi)}
.yol a{color:var(--soluk)}
.u-hero{padding:clamp(2.25rem,6vw,4.5rem) 0 clamp(2.5rem,6vw,4.5rem)}
.u-hero h1{font-size:clamp(2.1rem,1.2rem + 3.6vw,4.2rem);max-width:20ch;letter-spacing:-.025em;line-height:1.04}
.u-hero-alt{display:grid;gap:2.5rem;margin-top:clamp(1.75rem,4vw,3rem)}
.u-hero .giris{max-width:38ch}
.u-hero-alt p{max-width:58ch}
.u-hero .ekran,.u-hero .kolaj{margin:0}
@media (min-width:60rem){
  .gorselli .u-hero-alt{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:start}
  .gorselsiz .u-hero-alt{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
  .gorselsiz .giris{font-size:clamp(1.25rem,1rem + .7vw,1.55rem);max-width:40ch}
}
.gorselsiz .u-hero-alt>div{border-left:3px solid var(--kirmizi);padding-left:clamp(1rem,2.5vw,2rem)}
.u-govde{padding-bottom:clamp(2rem,5vw,4rem)}
.u-bolum{display:grid;gap:1.25rem;padding:clamp(2.5rem,5vw,4rem) 0;border-top:1px solid var(--cizgi)}
.u-bolum h2{font-size:clamp(1.5rem,1.1rem + 1.5vw,2.3rem);max-width:16ch}
.u-icerik p{max-width:62ch}
.u-icerik p:last-child{margin-bottom:0}
@media (min-width:56rem){.u-bolum{grid-template-columns:4fr 8fr;gap:4rem}}
.u-adim{list-style:none;margin:0 0 1em;padding:0;counter-reset:u}
.u-adim li{counter-increment:u;display:grid;grid-template-columns:2.75rem 1fr;gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--cizgi);max-width:62ch}
.u-adim li:first-child{border-top:2px solid var(--murekkep)}
.u-adim li::before{content:counter(u);font-family:var(--baslik);font-weight:700;font-size:1.35rem;line-height:1.3;color:var(--kirmizi-koyu)}
.u-liste{margin-bottom:1em;max-width:62ch}
@media (min-width:40rem){.u-liste div{grid-template-columns:11rem 1fr}}
.u-liste div>dd:only-child{grid-column:1/-1}
.ilgili-duzen{display:grid;gap:1.25rem}
.ilgili h2{font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem)}
.ilgili ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--murekkep)}
.ilgili li a{display:block;padding:1rem 0;border-bottom:1px solid var(--cizgi);font-weight:600;color:var(--murekkep);text-decoration:none}
.ilgili li a::after{content:" →";color:var(--kirmizi-koyu)}
.ilgili li a:hover{color:var(--kirmizi-koyu)}
@media (min-width:56rem){.ilgili-duzen{grid-template-columns:4fr 8fr;gap:4rem}}
.arac-bag{font-weight:600}
.u-adim li>span{min-width:0}
.icindekiler{align-self:start;border-top:2px solid var(--murekkep);padding-top:1rem}
.icindekiler p{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);margin-bottom:.5rem}
.icindekiler ol{list-style:none;margin:0;padding:0}
.icindekiler a{display:block;padding:.55rem 0;border-bottom:1px solid var(--cizgi);color:var(--murekkep);text-decoration:none;font-weight:500}
.icindekiler a:hover{color:var(--kirmizi-koyu)}
@media (min-width:60rem){
  .u-bolum.adimli{grid-template-columns:1fr;gap:2rem}
  .u-bolum.adimli h2{max-width:none}
  .adimli .u-adim{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:0;border-top:2px solid var(--murekkep)}
  .adimli .u-adim li{grid-template-columns:1fr;align-content:start;border:0;padding:1.25rem 1.5rem 0 0;max-width:none;position:relative}
  .adimli .u-adim li:first-child{border-top:0}
  .adimli .u-adim li::before{font-size:2rem}
  .adimli .u-icerik p{max-width:70ch}
}
@media (max-width:56rem){.urun-serit ul{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent);padding-right:2rem}}