/* Eliçelik Faz 2 tasarım sistemi
   Biçim kuralı: butonlar hap (999px), kartlar ve görseller 14px, form alanları 8px.
   Tek vurgu rengi: logo laciverti. Tema: varsayılan açık; ziyaretçi başlıktaki düğmeyle koyu temayı seçebilir (html[data-theme]). */
/* Yazı tipleri: WOFF (woff_uret.py ile TTF'den), eski tarayıcı için TTF yedeği */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/font-0.woff) format('woff'),url(/assets/fonts/font-0.ttf) format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/font-1.woff) format('woff'),url(/assets/fonts/font-1.ttf) format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/font-2.woff) format('woff'),url(/assets/fonts/font-2.ttf) format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/font-3.woff) format('woff'),url(/assets/fonts/font-3.ttf) format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/font-4.woff) format('woff'),url(/assets/fonts/font-4.ttf) format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/font-5.woff) format('woff'),url(/assets/fonts/font-5.ttf) format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/font-6.woff) format('woff'),url(/assets/fonts/font-6.ttf) format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/font-7.woff) format('woff'),url(/assets/fonts/font-7.ttf) format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/font-8.woff) format('woff'),url(/assets/fonts/font-8.ttf) format('truetype')}

:root{
  --bg:#f5f6f9; --surface:#ffffff; --surface-2:#eceef4; --surface-3:#e2e5ee;
  --ink:#0f1226; --ink-2:#2b2f47; --muted:#5d6277; --line:#d9dce6;
  --accent:#000066; --accent-2:#1b2a8c; --on-accent:#ffffff; --accent-tint:#e7eaf8;
  --deep:#070a1f; --deep-2:#0f1333; --deep-ink:#eceef7; --deep-muted:#a3a8bf; --deep-line:#232849;
  --wa:#1f7a4d;
  --r:14px; --r-sm:8px; --pill:999px;
  --ease:cubic-bezier(.16,1,.3,1);
  --wrap:1360px; --gut:clamp(20px,4vw,56px);
  --hd:72px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#090b1d; --surface:#10132b; --surface-2:#161a37; --surface-3:#1d2244;
  --ink:#eef0f8; --ink-2:#d0d4e6; --muted:#a0a5bc; --line:#262b4c;
  --accent:#a9b6ff; --accent-2:#c6cfff; --on-accent:#0a0c1f; --accent-tint:#1a2050;
  color-scheme:dark;
}
[data-theme="dark"] .brand img,[data-theme="dark"] .ft-brand img{filter:brightness(0) invert(1)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 16px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:Manrope,sans-serif;margin:0;color:var(--ink);font-weight:700;letter-spacing:-.025em;line-height:1.1}
h1{font-size:clamp(40px,5.2vw,78px);font-weight:800;letter-spacing:-.04em;line-height:1.02}
h2{font-size:clamp(30px,3.3vw,50px);letter-spacing:-.035em}
h3{font-size:20px}
h1,h2,h3{text-wrap:balance}
p{margin:0}
::selection{background:var(--accent);color:var(--on-accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--surface);color:var(--ink);padding:12px 16px;border-radius:var(--r-sm)}
.skip-link:focus{top:12px}
.eyebrow{display:inline-block;font:700 12px/1 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--muted);max-width:56ch}
.link{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--accent);border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:gap .3s var(--ease)}
.link::after{content:'→'}
.link:hover{gap:16px}

/* Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:var(--pill);background:var(--accent);color:var(--on-accent);font:700 15px/1 'DM Sans',sans-serif;letter-spacing:.01em;white-space:nowrap;border:1.5px solid var(--accent);transition:background .25s,border-color .25s,transform .15s,box-shadow .3s}
.btn:hover{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 14px 28px -16px var(--accent)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{background:var(--surface);border-color:var(--ink);box-shadow:none}
.btn-sm{min-height:42px;padding:0 20px;font-size:14px}
.btn svg{width:20px;height:20px;flex:none}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}

/* Başlık ve menü */
.hd{position:sticky;top:0;z-index:40;background:var(--bg);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.hd-in{height:var(--hd);display:flex;align-items:center;gap:28px}
.brand img{width:156px;height:auto}
.hd nav{display:flex;gap:30px;margin-left:auto;font-weight:600;font-size:15px}
.hd nav a{position:relative;padding:8px 0;color:var(--ink-2);white-space:nowrap}
.hd nav a::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.hd nav a:hover,.hd nav a[aria-current=page]{color:var(--ink)}
.hd nav a:hover::after,.hd nav a[aria-current=page]::after{transform:scaleX(1)}
.menu{display:none;width:44px;height:44px;border:0;background:transparent;position:relative;margin-left:4px}
.menu span,.menu span::before,.menu span::after{position:absolute;left:11px;width:22px;height:2px;background:var(--ink);content:'';transition:transform .3s var(--ease),opacity .2s}
.menu span{top:21px}.menu span::before{left:0;top:-7px}.menu span::after{left:0;top:7px}
.menu[aria-expanded=true] span{background:transparent}
.menu[aria-expanded=true] span::before{transform:translateY(7px) rotate(45deg)}
.menu[aria-expanded=true] span::after{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1080px){
  .menu{display:block}
  .hd nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:4px;padding:18px var(--gut) 26px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 30px 40px -30px #0007;font:700 22px/1.2 Manrope,sans-serif}
  .hd nav.open{display:flex}
  .hd nav a{padding:12px 0}
  .hd nav a::after{display:none}
  .hd-cta{margin-left:auto}
}
@media(max-width:520px){.brand img{width:128px}.hd-cta{display:none}}

/* Ana sayfa: hero */
.h-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,4vw,72px);min-height:clamp(520px,calc(100vh - var(--hd) - 132px),760px);min-height:clamp(520px,calc(100dvh - var(--hd) - 132px),760px);padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(28px,4vw,56px)}
.h-hero-text{display:flex;flex-direction:column;gap:26px}
.h-hero-text .lead{max-width:34ch}
.h1-ust{display:block;margin-bottom:18px;font:700 12px/1.4 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}  /* ana sayfa: ne ürettiğimiz h1 içinde, slogan görünümü değişmez */
.h-hero-media{margin:0;border-radius:var(--r);overflow:hidden;background:var(--surface-2);aspect-ratio:3/2}
.h-hero-media img{width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:no-preference){
  .h-hero-text>*{animation:rise .45s var(--ease) both}
  .h-hero-text>:nth-child(2){animation-delay:.05s}.h-hero-text>:nth-child(3){animation-delay:.1s}
  .h-hero-media img{animation:settle .6s var(--ease) both}
}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes settle{from{opacity:.85;transform:scale(1.02)}to{opacity:1;transform:none}}  /* kısa ve hafif: sayfa hızlı açılıyor hissi (17.10.2026) */
@media(max-width:900px){
  .h-hero{grid-template-columns:1fr;min-height:0;gap:24px;padding-top:28px}
  .h-hero h1{font-size:clamp(38px,10.4vw,60px)}
  .h-hero-media{aspect-ratio:4/3}
}

/* Referans şeridi (tek kayan bölüm) */
.ref-band{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0 20px}
.ref-band-head{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut) 12px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.ref-band .eyebrow{font-size:11px;color:var(--muted)}
.ref-band .eyebrow.accent::before{display:none}
.ref-band-all{font-size:13px;font-weight:700;color:var(--accent);display:inline-flex;gap:8px}
.ref-marquee{display:flex;gap:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ref-track{display:flex;gap:14px;list-style:none;margin:0;padding:0;flex:none;animation:refscroll 70s linear infinite}
.ref-marquee:hover .ref-track,.ref-marquee:focus-within .ref-track{animation-play-state:paused}
.ref-logo{display:flex;align-items:center;justify-content:center;width:168px;height:70px;padding:10px 18px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}
.ref-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
a.ref-logo:hover img{filter:none;opacity:1}
@keyframes refscroll{to{transform:translateX(calc(-100% - 14px))}}
@media(prefers-reduced-motion:reduce){.ref-track{animation:none}.ref-marquee{overflow-x:auto}.ref-track[aria-hidden]{display:none}}
@media(max-width:700px){.ref-logo{width:132px;height:58px}}

/* Bölüm düzeni */
.sec{padding-top:clamp(72px,8vw,128px);padding-bottom:clamp(72px,8vw,128px)}
.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(28px,3vw,44px)}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}


/* Kuşaklar */
.legacy{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,88px);align-items:center}
.legacy-text{display:flex;flex-direction:column;gap:24px}
.legacy-text .lead{max-width:52ch}
.timeline{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink)}
.timeline li{padding:20px 20px 0 0;display:flex;flex-direction:column;gap:6px}
.timeline b{font:800 clamp(30px,3vw,46px)/1 Manrope,sans-serif;letter-spacing:-.04em}
.timeline span{color:var(--muted);font-size:15px;line-height:1.5}
.legacy-media{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--surface-2)}
.legacy-media img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.legacy{grid-template-columns:1fr}.legacy-media{aspect-ratio:16/10}.timeline{grid-template-columns:1fr}.timeline li{flex-direction:row;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.timeline b{min-width:110px}}

/* İki yol kartı */
.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.path{position:relative;display:flex;flex-direction:column;gap:14px;min-height:280px;padding:clamp(28px,3vw,44px);border-radius:var(--r);background:var(--deep-2);color:var(--deep-ink);overflow:hidden;isolation:isolate;transition:transform .4s var(--ease)}
.path::before{content:'';position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(140,158,255,.22),transparent 65%);z-index:-1}
.path h2{color:#fff;font-size:clamp(26px,2.4vw,36px)}
.path p{color:var(--deep-muted);max-width:44ch}
.path .go{margin-top:auto;display:inline-flex;align-items:center;gap:12px;font-weight:700;color:#fff}
.path .go::after{content:'→';display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--deep);transition:transform .35s var(--ease)}
.path:hover{transform:translateY(-4px)}
.path:hover .go::after{transform:translateX(4px)}
.path-kicker{font:700 12px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b9c3ff}
@media(max-width:800px){.paths{grid-template-columns:1fr}.path{min-height:0}}

/* Römorksan bandı */
.rk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(20px,2.4vw,32px);border-radius:var(--r);background:var(--surface-2)}
.rk img{border-radius:calc(var(--r) - 4px);aspect-ratio:4/3;object-fit:cover;width:100%}
.rk-text{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.rk-text h2{font-size:clamp(26px,2.6vw,40px)}
.rk-text p{color:var(--muted);max-width:52ch}
.rk-tag{font-weight:700;font-size:14px;color:var(--muted)}
@media(max-width:800px){.rk{grid-template-columns:1fr}}

/* Footer */
.ft{background:var(--deep);color:var(--deep-ink);margin-top:clamp(72px,8vw,128px)}
.ft a{color:var(--deep-ink)}
.ft-cta{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:28px;padding:clamp(56px,6vw,88px) 0 clamp(40px,4vw,56px);border-bottom:1px solid var(--deep-line)}
.ft-cta h2{color:#fff;max-width:18ch;font-size:clamp(30px,3.4vw,52px)}
.ft-cta .btn{background:#fff;color:var(--deep);border-color:#fff}
.ft-cta .btn:hover{background:#dfe3ff;border-color:#dfe3ff;box-shadow:none}
.ft-cta .btn-ghost{background:transparent;color:#fff;border-color:#ffffff4d}
.ft-cta .btn-ghost:hover{border-color:#fff;background:#ffffff14}
.ft-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding:48px 0}
.ft-brand img{width:150px;filter:brightness(0) invert(1)}
.ft-cols p{color:var(--deep-muted);font-size:14.5px;margin-top:16px;max-width:34ch}
.ft-cols h2{font:700 14px/1.3 'DM Sans',sans-serif;letter-spacing:.02em;color:#fff;margin-bottom:14px}
.ft-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14.5px}
.ft-cols ul a{color:var(--deep-muted);transition:color .2s}
.ft-cols ul a:hover{color:#fff}
.ft-bottom{display:flex;flex-wrap:wrap;gap:12px 28px;padding:22px 0 30px;border-top:1px solid var(--deep-line);font-size:13px;color:var(--deep-muted)}
.ft-bottom a{color:var(--deep-muted)}
.ft-bottom a:hover{color:#fff}
.ft-bottom span:first-child{margin-right:auto}
@media(max-width:900px){.ft-cols{grid-template-columns:1fr 1fr}.ft-cols>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.ft-cols{grid-template-columns:1fr}}

/* Sabit iletişim butonları */
.call-fab{display:none}
.wa-fab{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border-radius:var(--pill);background:var(--wa);color:#fff;font-weight:700;font-size:14px;box-shadow:0 16px 32px -14px rgba(10,40,25,.6);transition:transform .25s var(--ease)}
.wa-fab:hover{transform:translateY(-2px)}
.wa-fab svg,.call-fab svg{width:22px;height:22px}
@media(max-width:700px){
  .call-fab,.wa-fab{bottom:12px;min-height:50px;justify-content:center;padding:0 10px;font-size:14px;gap:8px;border-radius:var(--pill)}
  .call-fab{display:flex;position:fixed;z-index:30;left:12px;right:calc(50% + 5px);align-items:center;background:var(--accent);color:var(--on-accent);font-weight:700;box-shadow:0 16px 32px -14px rgba(0,0,60,.55)}
  .wa-fab{left:calc(50% + 5px);right:12px}
  .ft{padding-bottom:76px}
}
@media print{.call-fab,.wa-fab,.hd,.ft{display:none!important}}

/* Lightbox (app.js) */
#lightbox{padding:0;border:0;background:#05060f;color:#fff;max-width:1200px;width:95vw;max-height:95svh;overflow:hidden;border-radius:var(--r)}
#lightbox::backdrop{background:rgba(5,6,18,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#lightbox .close{position:absolute;right:12px;top:12px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#05060f;font-size:24px}
.lightbox-stage{height:80svh;display:flex;align-items:center;justify-content:center;position:relative}
.lightbox-stage>img{width:100%;height:100%;object-fit:contain}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:0;border-radius:50%;background:#ffffffe6;color:#05060f;font-size:20px}
.lightbox-prev{left:14px}.lightbox-next{right:14px}
.lightbox-caption{display:flex;justify-content:space-between;gap:20px;padding:14px 20px;font-size:13px;color:#c3c7d6}
body.modal-open{overflow:hidden}

/* Model föyü */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;padding-top:22px;font-size:13.5px;color:var(--muted)}
.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-hidden]{opacity:.5}
.m-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);padding-top:22px;padding-bottom:clamp(56px,6vw,88px);align-items:start}
.m-gal{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--hd) + 20px)}
.photo{display:block;padding:0;border:0;background:var(--surface-2);border-radius:var(--r);overflow:hidden;cursor:zoom-in}
.m-main{display:block;width:100%;aspect-ratio:6/5;padding:0;border:0;border-radius:var(--r);overflow:hidden;background:var(--surface-2);cursor:zoom-in}
.m-main img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.m-thumbs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin}
.m-thumbs button{flex:0 0 calc((100% - 40px)/5);scroll-snap-align:start}
.m-count{font-size:13.5px;color:var(--muted)}
.m-thumbs button{padding:0;border:2px solid transparent;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2);aspect-ratio:1;transition:border-color .2s}
.m-thumbs button[aria-pressed=true]{border-color:var(--accent)}
.m-thumbs img{width:100%;height:100%;object-fit:cover}
.m-info{display:flex;flex-direction:column;gap:22px;padding-top:6px}
.m-fam{font-weight:700;font-size:14px;color:var(--accent)}
.m-info h1{font-size:clamp(36px,3.8vw,58px)}
.m-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.m-keys div{background:var(--surface);padding:16px 18px}
.m-keys dt{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.m-keys dd{margin:6px 0 0;font:700 18px/1.3 Manrope,sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.btn-wa{border-color:var(--line)}
.btn-wa svg{color:var(--wa)}
@media(max-width:900px){.m-hero{grid-template-columns:minmax(0,1fr)}.m-gal{position:static;min-width:0}.m-main{aspect-ratio:4/3}}
@media(max-width:420px){.m-keys{grid-template-columns:1fr}}

.m-about{display:flex;flex-direction:column;gap:22px}
.m-about p{font-size:18px;line-height:1.75;color:var(--ink-2);max-width:65ch}
.m-about h3{margin-top:12px;font-size:17px}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.chips li{padding:10px 16px;border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);font-size:14.5px;font-weight:500}

.foy-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.foy-g{border-top:2px solid var(--ink);padding-top:18px}
.foy-g h3{font-size:15px;letter-spacing:.06em;text-transform:uppercase;font-family:'DM Sans',sans-serif;color:var(--muted);margin-bottom:16px}
.foy-g dl{margin:0;display:flex;flex-direction:column;gap:18px}
.foy-g dt{font-size:14px;color:var(--muted)}
.foy-g dd{margin:4px 0 0;font:700 19px/1.35 Manrope,sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.foy-more{margin-top:clamp(28px,3vw,40px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;padding:24px 28px;border-radius:var(--r);background:var(--accent-tint)}
.foy-more p{color:var(--ink-2);max-width:62ch}
.guncel{margin-top:18px;font-size:13.5px;color:var(--muted)}
.bolge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}.bolge{padding:20px 22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.bolge h3{font-size:17px;margin-bottom:8px}.bolge p{color:var(--ink-2);font-size:15px;line-height:1.65}.is-kart{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;transition:border-color .2s}.is-kart:hover{border-color:var(--accent)}.is-kart .go{margin-top:auto;padding-top:8px;font-weight:700;color:var(--accent)}  /* teslimat ve Aydın sayfası */  /* model, aile ve kullanım sayfalarında son güncelleme tarihi */
.swatches{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:24px 0 0;padding:0;font-size:14.5px;color:var(--ink-2)}
.swatches li{display:flex;align-items:center;gap:8px}
.swatches i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block}
@media(max-width:900px){.foy-groups{grid-template-columns:1fr}.foy-more{grid-template-columns:1fr}}


.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* Ürün ailesi ve model kartları: eşit boy, fotoğraf 4:3 kutuda, ad altta (17.10.2026) */
.fam-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.fcard{display:flex;flex-direction:column;gap:14px;color:var(--ink);text-decoration:none}
.fcard-img{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--line)}
.fcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.fcard:hover .fcard-img img{transform:scale(1.04)}
.fcard-body{display:grid;gap:4px}
.fcard h3{font-size:clamp(17px,1.35vw,20px);transition:color .2s}
.fcard:hover h3{color:var(--accent)}
.fcard-alt{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.fcard-cta .fcard-img{display:grid;place-items:center;padding:16px;background:var(--accent);border-color:var(--accent);color:#fff;font:800 clamp(20px,1.8vw,28px)/1.15 Manrope,sans-serif;letter-spacing:-.02em;text-align:center}
@media(max-width:1000px){.fam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.fam-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.fcard h3{font-size:16px}.fcard-alt{font-size:13px}}
@media(max-width:900px){.rel{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}

/* Kurumsal */
.k-hero h1{font-size:clamp(36px,3.9vw,58px)}
@media(max-width:600px){.k-hero h1 br{display:none}}
.k-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,96px);align-items:center;padding-top:clamp(40px,5vw,80px);padding-bottom:clamp(56px,6vw,96px)}
.k-hero-text{display:flex;flex-direction:column;gap:24px}
.k-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.k-facts div{background:var(--surface);padding:clamp(20px,2.4vw,32px)}
.k-facts dt{font-size:14px;color:var(--muted)}
.k-facts dd{margin:8px 0 0;font:800 clamp(34px,3.6vw,56px)/1 Manrope,sans-serif;letter-spacing:-.04em}
.k-facts div:first-child{background:var(--deep-2)}
.k-facts div:first-child dt{color:var(--deep-muted)}
.k-facts div:first-child dd{color:#fff}
@media(max-width:900px){.k-hero{grid-template-columns:1fr}}
.k-info{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,72px)}
.k-info-side{display:flex;flex-direction:column;gap:16px}
.k-info-side p{color:var(--muted);max-width:36ch}
.k-dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px}
.k-dl dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.k-dl dd{margin:6px 0 0;font-size:17px;font-weight:500;color:var(--ink)}
.k-dl dd a{color:var(--accent);font-weight:700}
@media(max-width:900px){.k-info{grid-template-columns:1fr}}
@media(max-width:560px){.k-dl{grid-template-columns:1fr}}
.k-note{margin-top:16px;font-size:14.5px;color:var(--muted)}
.corp-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.corp-logos .ref-logo{width:100%;height:96px}
@media(max-width:800px){.corp-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.k-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.k-steps li{padding:22px 22px 0 0;border-top:2px solid var(--line);position:relative}
.k-steps li::before{content:'';position:absolute;left:0;top:-2px;width:44px;height:2px;background:var(--accent)}
.k-steps h3{font-size:19px;margin-bottom:10px}
.k-steps p{font-size:14.5px;color:var(--muted);line-height:1.65}
@media(max-width:1000px){.k-steps{grid-template-columns:1fr 1fr;gap:28px 24px}}
@media(max-width:560px){.k-steps{grid-template-columns:1fr}}

/* Model tablosu */
.spec-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.model-table{width:100%;min-width:760px;border-collapse:collapse;font-size:15px}
.model-table thead th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:16px 20px;background:var(--surface-2)}
.model-table tbody th,.model-table td{text-align:left;padding:15px 20px;border-top:1px solid var(--line);font-weight:500}
.model-table tbody th a{font-weight:700}
.model-table tbody tr:hover{background:var(--accent-tint)}
.model-table td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.model-table .row-link{color:var(--accent);font-weight:700;white-space:nowrap}
@media(max-width:700px){
  .spec-wrap{overflow:visible;border:0;background:transparent}
  .model-table{min-width:0}
  .model-table thead{display:none}
  .model-table tbody{display:grid;gap:10px}
  .model-table tr{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
  .model-table tbody th,.model-table td{border:0;padding:0}
  .model-table tbody th{font-size:16px;margin-bottom:4px}
  .model-table td{font-size:14px;color:var(--muted)}
  .model-table td:nth-of-type(1),.model-table td:last-child{display:none}
  .model-table td.num{color:var(--ink);font-weight:700}
}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Form */
.k-quote{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,72px);align-items:start}
.k-quote-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:calc(var(--hd) + 24px)}
.k-quote-side p{color:var(--muted);max-width:44ch}
.k-contact{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.k-contact span{display:block;font-size:13px;color:var(--muted)}
.k-contact a{font:700 20px/1.3 Manrope,sans-serif;color:var(--ink)}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px;padding:clamp(24px,3vw,40px);border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.inquiry-form h2{grid-column:1/-1;font-size:26px}
.inquiry-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.inquiry-form .full{grid-column:1/-1}
.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}
.inquiry-form textarea{min-height:110px;resize:vertical}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.inquiry-form .consent{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px;font-weight:500}
.inquiry-form .consent a{text-decoration:underline}
.inquiry-form .btn{grid-column:1/-1;justify-self:start;border:0}
.form-note,.form-status,.form-fallback{grid-column:1/-1;font-size:13px;color:var(--muted)}
.form-fallback{text-decoration:underline}
.form-status{padding:12px 14px;border-radius:var(--r-sm);background:var(--accent-tint);color:var(--ink)}
.form-status.error{background:#fbe8e8;color:#7a1f1f}
.botcheck{display:none!important}
@media(max-width:900px){.k-quote{grid-template-columns:1fr}.k-quote-side{position:static}}
@media(max-width:560px){.inquiry-form{grid-template-columns:1fr}}

/* ===== M2: diğer sayfalar ===== */
.text-link{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.p-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:clamp(24px,3.5vw,48px);padding-bottom:clamp(40px,5vw,72px)}
.p-hero-text{display:flex;flex-direction:column;gap:22px;max-width:920px}
.p-hero h1{font-size:clamp(38px,4.6vw,68px)}
.p-hero-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(28px,5vw,96px)}
@media(max-width:900px){.p-hero-split{grid-template-columns:1fr}}
.sec-tight{padding-top:0}
.sec-count{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.sec-note{color:var(--muted);max-width:52ch}
.pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pills a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:14.5px;transition:border-color .2s,color .2s}
.pills a:hover{border-color:var(--accent);color:var(--accent)}
.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:clamp(28px,3vw,44px);border-radius:var(--r);background:var(--accent-tint)}
.cta-band h2{font-size:clamp(24px,2.4vw,36px)}
.cta-band p{color:var(--ink-2);margin-top:8px}

/* Ürün ailesi */
.f-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,72px);align-items:center;padding-top:22px;padding-bottom:clamp(56px,6vw,96px)}
.f-hero-text{display:flex;flex-direction:column;gap:22px}
.f-hero h1{font-size:clamp(36px,4vw,60px)}
.f-hero-media{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:6/5;background:var(--surface-2)}
.f-hero-media img{width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:no-preference){.f-hero-media img,.a-hero-media img{animation:settle .6s var(--ease) both}}
@media(max-width:900px){.f-hero{grid-template-columns:1fr;gap:24px}.f-hero-media{aspect-ratio:4/3}}
.m-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.m-card{display:flex;flex-direction:column;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.m-card:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 24px 48px -28px rgba(0,0,60,.45)}
.m-card-img{aspect-ratio:4/3;overflow:hidden;background:var(--surface-2)}
.m-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.m-card:hover .m-card-img img{transform:scale(1.04)}
.m-card-body{display:flex;flex-direction:column;gap:16px;padding:22px 22px 24px;flex:1}
.m-card h3{font-size:22px}
.m-card dl{margin:0;display:flex;flex-direction:column}
.m-card dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px}
.m-card dt{color:var(--muted);flex:none}
.m-card dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.m-card .go{margin-top:auto;font-weight:700;color:var(--accent);display:inline-flex;gap:10px}
.m-card .go::after{content:'→';transition:transform .3s var(--ease)}
.m-card:hover .go::after{transform:translateX(4px)}
.m-cards.one{grid-template-columns:1fr}
.m-cards.one .m-card{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.m-cards.one .m-card-img{position:relative;aspect-ratio:auto;min-height:420px}
.m-cards.one .m-card-img img{position:absolute;inset:0}
.m-cards.one .m-card-body{padding:clamp(24px,3vw,44px);justify-content:center}
.m-cards.one h3{font-size:clamp(26px,2.4vw,36px)}
.m-cards.one .go{margin-top:8px}
@media(max-width:760px){.m-cards.one .m-card{grid-template-columns:1fr}.m-cards.one .m-card-img{min-height:0;aspect-ratio:4/3}.m-cards.one .m-card-img img{position:static}}

/* Hakkımızda */
.a-hero{padding-top:clamp(24px,3.5vw,48px)}
.a-hero-text{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px clamp(28px,5vw,96px);align-items:end;margin-bottom:clamp(28px,4vw,56px)}
.a-hero-text .eyebrow{grid-column:1/-1}
.a-hero h1{font-size:clamp(40px,5vw,76px)}
.a-hero-media{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:21/9;background:var(--surface-2)}
.a-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
@media(max-width:900px){.a-hero-text{grid-template-columns:1fr}.a-hero-media{aspect-ratio:4/3}}
.a-time{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.a-time li{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,40px);border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.a-time b{font:800 clamp(44px,5vw,80px)/1 Manrope,sans-serif;letter-spacing:-.05em;color:var(--accent)}
.a-time h3{font-size:22px}
.a-time p{color:var(--muted)}
.a-time li:last-child{background:var(--deep-2);border-color:var(--deep-2)}
.a-time li:last-child b,.a-time li:last-child h3{color:#fff}
.a-time li:last-child p{color:var(--deep-muted)}
@media(max-width:800px){.a-time{grid-template-columns:1fr}}
.a-story{display:flex;flex-direction:column}
.a-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px clamp(28px,5vw,96px);padding:clamp(32px,4vw,56px) 0;border-top:1px solid var(--line)}
.a-row h2{font-size:clamp(26px,2.6vw,40px)}
.a-row p{font-size:18px;line-height:1.75;color:var(--ink-2);max-width:62ch}
.a-row .tse{width:132px;margin-top:24px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);padding:8px}
@media(max-width:800px){.a-row{grid-template-columns:1fr}}
.slogan{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:22px;padding:clamp(48px,7vw,120px) clamp(28px,5vw,80px);border-radius:var(--r);background:var(--deep-2)}
.slogan::before{content:'';position:absolute;right:-160px;bottom:-200px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(140,158,255,.2),transparent 65%);z-index:-1}
.slogan span{font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#b9c3ff}
.slogan h2{color:#fff;font-size:clamp(38px,5.6vw,88px);font-weight:800;letter-spacing:-.045em;line-height:1.02;max-width:14ch}

/* Referanslar */
.ref-groups{display:flex;flex-direction:column;gap:clamp(48px,5vw,72px)}
.ref-group h2{font-size:clamp(24px,2.2vw,32px);margin-bottom:22px;padding-top:18px;border-top:2px solid var(--ink)}
.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ref-card{display:block;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}
a.ref-card:hover{transform:translateY(-3px);border-color:transparent;box-shadow:0 20px 40px -28px rgba(0,0,60,.45)}
.ref-card figure{margin:0;display:flex;flex-direction:column;height:100%}
.ref-card-logo{height:136px;display:flex;align-items:center;justify-content:center;padding:22px 30px;background:#fff;border-bottom:1px solid var(--line)}
.ref-card-logo img{max-width:100%;max-height:100%;object-fit:contain}
.ref-card figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;flex:1}
.ref-card b{font:700 16px/1.3 Manrope,sans-serif;letter-spacing:-.01em}
.ref-card span{font-size:13.5px;color:var(--muted)}
.ref-card i{font-style:normal;font-size:13px;font-weight:700;color:var(--accent);margin-top:auto;padding-top:8px}
@media(max-width:1000px){.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-card-logo{height:96px;padding:14px 16px}.ref-card figcaption{padding:12px 14px 14px}.ref-card b{font-size:14.5px}}
.p-hero .k-facts dd{font-size:clamp(30px,3vw,46px)}

/* Bayilik ve iletişim */
.b-hero{padding-top:clamp(24px,3.5vw,48px)}
.b-hero h1{font-size:clamp(36px,4vw,58px)}
.b-hero .k-quote-side{gap:20px}
.b-hero .k-quote-side>p:not(.lead){color:var(--ink-2)}
.b-sub{font-size:17px;margin-top:8px}
.b-list{list-style:none;margin:0;padding:0}
.b-list li{position:relative;padding:13px 0 13px 32px;border-top:1px solid var(--line);font-weight:600}
.b-list li:last-child{border-bottom:1px solid var(--line)}
.b-list li::before{content:'';position:absolute;left:2px;top:19px;width:14px;height:14px;border-radius:50%;border:4px solid var(--accent)}
.c-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.c-card{display:flex;flex-direction:column;gap:8px;min-height:176px;padding:24px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);transition:border-color .25s,transform .35s var(--ease)}
.c-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.c-card span{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.c-card b{font:700 19px/1.35 Manrope,sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere}
.c-card small{margin-top:auto;padding-top:10px;font-size:14px;font-weight:700;color:var(--accent);display:inline-flex;gap:8px}
.c-card small::after{content:'→'}
@media(max-width:1000px){.c-cards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.c-cards{grid-template-columns:1fr}.c-card{min-height:0}}

/* Galeri */
.g-grid{columns:3 300px;column-gap:14px}
.g-grid .photo{position:relative;width:100%;margin:0 0 14px;break-inside:avoid}
.g-grid .photo img{width:100%;transition:transform .8s var(--ease)}
.g-grid .photo:hover img{transform:scale(1.03)}
@media(max-width:600px){.g-grid{columns:2;column-gap:8px}.g-grid .photo{margin-bottom:8px;border-radius:var(--r-sm)}}

/* Yasal metinler */
.legal{max-width:880px;padding-top:clamp(24px,3.5vw,48px)}
.legal-head{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(28px,3vw,44px)}
.legal h1{font-size:clamp(34px,4vw,56px)}
.prose{font-size:17px;line-height:1.75;color:var(--ink-2)}
.prose>*+*{margin-top:16px}
.prose h2{font-size:clamp(21px,2vw,26px);margin-top:44px;letter-spacing:-.02em}
.prose ul{padding-left:22px;margin-bottom:0}
.prose li+li{margin-top:8px}
.prose a{color:var(--accent);text-decoration:underline}

/* Katalog */
.kat-hero{padding-bottom:28px}
.kat-index{padding-bottom:8px}
.kat-fam{padding-top:clamp(56px,6vw,96px)}
.kat-fam-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px 48px;align-items:start;padding-top:18px;border-top:2px solid var(--ink);margin-bottom:8px}
.kat-fam-head h2{font-size:clamp(28px,3vw,44px)}
.kat-fam-head p{color:var(--muted);max-width:62ch}
.kat-model{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3vw,44px);padding:28px 0;border-bottom:1px solid var(--line)}
.kat-img{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--surface-2)}
.kat-img img{width:100%;height:100%;object-fit:cover}
.kat-body{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.kat-body h3{font-size:clamp(22px,2vw,28px)}
.kat-body p{color:var(--ink-2);max-width:68ch}
.kat-dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;width:100%}
.kat-dl div{border-top:1px solid var(--line);padding-top:8px}
.kat-dl dt{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.kat-dl dd{margin:4px 0 0;font-weight:600}
.kat-foot{padding-top:32px;color:var(--muted);font-size:14.5px}
.print-head{display:none}
@media(max-width:800px){.kat-fam-head,.kat-model{grid-template-columns:1fr}}
@media(max-width:520px){.kat-dl{grid-template-columns:1fr}}

/* 404 */
.nf{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-top:clamp(48px,7vw,112px);padding-bottom:clamp(48px,6vw,88px)}
.nf h1{font-size:clamp(38px,5vw,72px);max-width:16ch}
.nf-more{font-size:22px;margin:clamp(40px,4vw,56px) 0 16px}
.nf-contact{margin-top:28px;color:var(--muted)}
.nf-contact a{color:var(--accent);font-weight:700}

/* Yazdırma: katalog ve diğer sayfalar */
@page{size:A4;margin:12mm 12mm 14mm}
@media print{
  body{background:#fff;color:#000;font-size:10.5pt}
  .reveal{opacity:1!important;transform:none!important}
  .crumbs,.kat-index,.kat-hero .cta-row,.kat-body .link,.skip-link,#lightbox{display:none!important}
  .wrap{max-width:none;padding:0}
  .print-head{display:block;font-size:9pt;color:#333;margin-top:10pt;padding-top:6pt;border-top:1pt solid #000}
  .p-hero{padding:0 0 10pt}
  .p-hero h1{font-size:26pt}
  .kat-fam{break-before:page;padding-top:0}
  .kat-fam.kat-first{break-before:auto;padding-top:12pt}
  .kat-model{break-inside:avoid;grid-template-columns:32% 1fr;padding:12pt 0}
  .kat-dl{grid-template-columns:1fr 1fr}
  a{text-decoration:none}
}

/* ===== M3: SSS, nesiller boyu ===== */
.faq-sec{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,72px);align-items:start}
.faq-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:calc(var(--hd) + 24px)}
.faq-side p{color:var(--muted);max-width:40ch}
.faq{border-top:1px solid var(--line)}
.faq-i{border-bottom:1px solid var(--line)}
.faq-i summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4px;cursor:pointer;list-style:none}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary h3{font-size:clamp(17px,1.4vw,20px);font-weight:700;letter-spacing:-.015em;line-height:1.35}
.faq-i summary::after{content:'';flex:none;width:30px;height:30px;border-radius:50%;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000066' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/14px no-repeat;border:1px solid var(--line);transition:transform .3s var(--ease)}
.faq-i[open] summary::after{transform:rotate(45deg)}
.faq-i summary:hover h3{color:var(--accent)}
.faq-a{padding:0 56px 22px 4px}
.faq-a p{color:var(--ink-2);font-size:16.5px;line-height:1.7;max-width:68ch}
.faq-a p+p{margin-top:10px}
[data-theme="dark"] .faq-i summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b6ff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
@media(max-width:900px){.faq-sec{grid-template-columns:1fr}.faq-side{position:static}}
@media(max-width:560px){.faq-a{padding-right:4px}}

.proof{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:stretch;padding-top:0}
.proof-stat{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:14px;padding:clamp(28px,3.4vw,52px);border-radius:var(--r);background:var(--deep-2);color:var(--deep-ink)}
.proof-stat::before{content:'';position:absolute;left:-140px;bottom:-180px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(140,158,255,.2),transparent 65%);z-index:-1}
.proof-stat b{font:800 clamp(72px,9vw,140px)/.9 Manrope,sans-serif;letter-spacing:-.06em;color:#fff;margin-top:6px}
.proof-stat p{color:var(--deep-muted);max-width:36ch}
.proof-stat .proof-map{margin-top:auto;padding-top:18px;border-top:1px solid var(--deep-line);color:var(--deep-ink)}
.proof-quotes{display:flex;flex-direction:column;gap:20px;padding:clamp(24px,3vw,44px);border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.proof-quotes h2{font-size:clamp(28px,2.8vw,42px)}
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quote{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:20px 22px;border-radius:var(--r-sm);background:var(--bg);border-left:3px solid var(--accent)}
.quote blockquote{margin:0}
.quote p{font:600 clamp(16px,1.3vw,19px)/1.45 Manrope,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.quote figcaption{font-size:13px;color:var(--muted)}
.proof-note{font-size:13px;color:var(--muted)}
@media(max-width:900px){.proof{grid-template-columns:1fr}}
@media(max-width:560px){.quotes{grid-template-columns:1fr}}

.c-sub{font-style:normal;font-size:14.5px;color:var(--muted)}

/* ===== Ürün yapısı: seçenek tablosu, model kodu, özel renk ===== */
.var-baslik{font-size:15px;letter-spacing:.06em;text-transform:uppercase;font-family:'DM Sans',sans-serif;color:var(--muted);margin:0 0 14px}
.var-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin-bottom:clamp(28px,3vw,44px)}
.var-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.var-table thead th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:14px 18px;background:var(--surface-2);white-space:nowrap}
.var-table tbody th,.var-table td{text-align:left;padding:14px 18px;border-top:1px solid var(--line);font-weight:500}
.var-table tbody th{font:700 14px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;color:var(--accent);white-space:nowrap}
.var-table td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.kat-body .var-wrap{margin:4px 0 0;width:100%}
.model-table td.code{font:700 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;color:var(--accent);white-space:nowrap}
.swatches .sw-kirmizi{background:#c62828}.swatches .sw-mavi{background:#1f4fb4}.swatches .sw-turuncu{background:#ef7d1a}.swatches .sw-yesil{background:#2e7d32}
.swatches .sw-ozel{background:conic-gradient(#c62828,#ef7d1a,#f2c230,#2e7d32,#1f4fb4,#c62828)}
@media(max-width:700px){
  .model-table td.code{font-size:12.5px}
  .var-wrap{overflow:visible;border:0;background:transparent}
  .var-table{min-width:0}
  .var-table thead{display:none}
  .var-table tbody{display:grid;gap:10px}
  .var-table tr{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
  .var-table tbody th,.var-table td{border:0;padding:0}
  .var-table tbody th{grid-column:1/-1;font-size:14px}
  .var-table td{grid-column:1/-1;font-size:14px;color:var(--ink-2);white-space:normal}
  .var-table td:nth-of-type(1){font-weight:700;color:var(--ink)}
  .var-table td[data-l]::before{content:attr(data-l) ': ';color:var(--muted);font-weight:500}
}
@media print{.var-wrap{border:1pt solid #999}.var-table{min-width:0;font-size:9pt}.var-table thead th,.var-table td,.var-table tbody th{padding:4pt 6pt}}

/* ===== Özel üretim ve fason ===== */
.svc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.svc{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.4vw,32px);border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.svc-no{font:800 13px/1 Manrope,sans-serif;letter-spacing:.08em;color:var(--accent)}
.svc h3{font-size:clamp(19px,1.6vw,23px)}
.svc p{color:var(--muted);font-size:15.5px}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.svc-grid{grid-template-columns:1fr}}
.ou-band,.fs-band{margin-top:clamp(24px,3vw,40px)}
.ou-band h3,.fs-band h3{font-size:clamp(20px,1.8vw,26px)}
.inquiry-form .checks{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.inquiry-form .checks legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.inquiry-form label.chk{flex-direction:row;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:var(--pill);background:var(--bg);font-weight:500;cursor:pointer}
.inquiry-form label.chk:has(input:checked){border-color:var(--accent);background:var(--accent-tint)}
.inquiry-form label.chk input{accent-color:var(--accent);margin:0}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:var(--muted);opacity:.75}
@media(max-width:1200px) and (min-width:1081px){.hd nav{gap:20px;font-size:14.5px}.hd-in{gap:20px}.brand img{width:140px}}

/* ===== Kredi rehberi, belgeler, kılavuzlar ===== */
mark.mert{background:#fff3a6;color:#3a3000;padding:1px 6px;border-radius:4px;font-weight:600;font-size:.92em}
.checks2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.checks2>div{padding:clamp(22px,2.6vw,36px);border-radius:var(--r);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:16px}
.checks2 h3{font-size:20px}
.check-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.check-list li{position:relative;padding-left:30px;line-height:1.55;color:var(--ink-2)}
.check-list li::before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:5px;background:var(--accent-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000066' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.src{font-size:13.5px;color:var(--muted);margin-top:auto}
@media(max-width:800px){.checks2{grid-template-columns:1fr}}
.doc-sec{display:flex;flex-direction:column;gap:20px}
.doc-sec+.doc-sec{border-top:1px solid var(--line);padding-top:clamp(32px,4vw,56px)}
.doc-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px 48px;align-items:end}
.doc-head h2{font-size:clamp(26px,2.6vw,38px)}
.doc-head p{color:var(--muted);max-width:60ch}
@media(max-width:800px){.doc-head{grid-template-columns:1fr}}
.doc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.doc-card{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);transition:border-color .25s,transform .3s var(--ease)}
.doc-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.doc-card b{font:700 17px/1.3 Manrope,sans-serif;letter-spacing:-.01em}
.doc-card span:not(.doc-tag){font-size:13.5px;color:var(--muted)}
.doc-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-tint);padding:3px 8px;border-radius:var(--pill)}
.guide{max-width:920px;padding-top:clamp(20px,3vw,40px)}
.draft-band{display:flex;gap:12px;align-items:baseline;padding:14px 18px;border-radius:var(--r-sm);background:#fff8d6;color:#3a3000;font-size:14.5px;margin-bottom:28px}
.draft-band b{font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.guide-head{display:flex;flex-direction:column;gap:18px;padding-bottom:28px;border-bottom:2px solid var(--ink)}
.guide-head h1{font-size:clamp(34px,4vw,56px)}
.guide-meta{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px}
.guide-meta dt{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.guide-meta dd{margin:4px 0 0;font-weight:600}
@media(max-width:700px){.guide-meta{grid-template-columns:1fr}}
.guide-toc{padding:22px 0}
.guide-sec{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--hd) + 16px)}
.guide-sec h2{display:flex;align-items:baseline;gap:14px;font-size:clamp(22px,2.2vw,30px);margin-bottom:16px}
.guide-sec h2 span{font:800 14px/1 Manrope,sans-serif;color:var(--accent);letter-spacing:.06em}
.guide-sec ul,.guide-sec ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px;color:var(--ink-2);font-size:16.5px;line-height:1.65}
.guide-table{width:100%;border-collapse:collapse;font-size:15.5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.guide-table th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 16px;background:var(--surface-2)}
.guide-table td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}
.guide-table td:first-child{font-weight:700;white-space:nowrap}
@media(max-width:560px){.guide-table td:first-child{white-space:normal}}
@media print{.draft-band{border:1pt solid #999}.guide-toc{display:none}.guide-sec{break-inside:avoid}.guide{max-width:none}}
[data-theme="dark"] mark.mert{background:#5a4d00;color:#fff6c2}
[data-theme="dark"] .draft-band{background:#3d3500;color:#fff6c2}

/* ===== Tema düğmesi (açık / koyu) ===== */
.tema{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);transition:border-color .2s,background .2s}
.tema:hover{border-color:var(--ink);background:var(--surface)}
.tema svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tema .t-gunes{display:none}
[data-theme="dark"] .tema .t-ay{display:none}
[data-theme="dark"] .tema .t-gunes{display:block}
@media(max-width:520px){.tema{margin-left:auto}}
@media(max-width:1200px) and (min-width:1081px){.hd nav{gap:16px;font-size:14px}.hd-in{gap:16px}.brand img{width:130px}}
.tema-gecis,.tema-gecis *{transition:background-color .3s,color .3s,border-color .3s!important}
@media(prefers-reduced-motion:reduce){.tema-gecis,.tema-gecis *{transition:none!important}}
@media print{
  :root[data-theme="dark"]{--bg:#fff;--surface:#fff;--surface-2:#eceef4;--surface-3:#e2e5ee;--ink:#0f1226;--ink-2:#2b2f47;--muted:#5d6277;--line:#d9dce6;--accent:#000066;--accent-2:#1b2a8c;--on-accent:#fff;--accent-tint:#e7eaf8;color-scheme:light}
  [data-theme="dark"] .brand img{filter:none}
}

/* ===== M5 erişilebilirlik ===== */
.ref-band-act{display:inline-flex;align-items:center;gap:14px}
.ref-durdur{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--pill);background:transparent;color:var(--muted);font-size:12.5px;font-weight:700}
.ref-durdur:hover{color:var(--ink);border-color:var(--ink)}
.ref-band.durdu .ref-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ref-durdur{display:none}}
.ref-band-all{padding:6px 0}
.m-fam{display:inline-block;padding:4px 0;align-self:flex-start}
.model-table tbody th a{display:inline-block;padding:3px 0}
:focus:not(:focus-visible){outline:none}

/* ===== Satın alma şeridi (model sayfası) ===== */
.buy-strip{list-style:none;margin:-4px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;border-top:1px solid var(--line)}
.buy-strip li{border-bottom:1px solid var(--line)}
.buy-strip a{position:relative;display:block;padding:12px 0 12px 26px;font-size:14.5px;line-height:1.35;color:var(--ink-2)}
.buy-strip a::before{content:'';position:absolute;left:0;top:14px;width:16px;height:16px;border-radius:50%;background:var(--accent-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000066' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat}
[data-theme="dark"] .buy-strip a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b6ff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
.buy-strip a:hover{color:var(--accent)}
.buy-strip b{color:var(--ink);font-weight:700}
@media(max-width:360px){.buy-strip{grid-template-columns:1fr}}
.k-saat{font:700 20px/1.3 Manrope,sans-serif;color:var(--ink)}

/* ===== Katalog: seçenek tablosu tam genişlik, baskı logosu ===== */
.kat-model .var-wrap{grid-column:1/-1;margin:0}
.print-logo{display:none}
@media print{
  .no-print{display:none}
  .print-logo{display:block;width:62mm;height:auto;margin-bottom:4mm}
  .kat-model .var-wrap{overflow:visible}
  .var-table{width:100%;table-layout:auto}
  .var-table thead th{white-space:normal}
}
.print-toc{display:none}
@media print{
  .kat-fam.kat-first{break-before:page;padding-top:0}
  .print-toc{display:block;margin-top:10mm}
  .print-toc h2{font-size:16pt;margin-bottom:4mm}
  .print-toc ol{margin:0 0 8mm;padding-left:6mm;display:flex;flex-direction:column;gap:3mm}
  .print-toc li b{display:block;font:700 12pt Manrope,sans-serif}
  .print-toc li span{font-size:10pt;color:#444}
  .print-toc p{font-size:10pt;color:#333;border-top:1pt solid #999;padding-top:4mm;line-height:1.6}
}
/* Katalog PDF: baskı ölçüleri (bir sayfaya iki model) */
@media print{
  .kat-fam-head{margin-bottom:2mm;padding-top:3mm}
  .kat-fam-head h2{font-size:20pt}
  .kat-fam-head p{font-size:9.5pt;line-height:1.45}
  .kat-model{grid-template-columns:30% 1fr;gap:4mm 6mm;padding:5mm 0}
  .kat-body{gap:2.5mm}
  .kat-body h3{font-size:15pt}
  .kat-body p{font-size:9.5pt;line-height:1.45}
  .kat-dl{grid-template-columns:repeat(3,1fr);gap:2mm 5mm}
  .kat-dl div{padding-top:1.5mm}
  .kat-dl dt{font-size:6.5pt}
  .kat-dl dd{font-size:9pt;margin-top:.5mm}
  .kat-model .var-table{font-size:8.5pt}
  .kat-model .var-table thead th{font-size:6.5pt;padding:2mm 2.5mm}
  .kat-model .var-table tbody th,.kat-model .var-table td{padding:1.8mm 2.5mm}
  .kat-model .var-table tbody th{font-size:8.5pt}
}

/* Kullanıma göre ürün sayfaları (damperli, saman ve balya) */
.use-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px}.use-row>span{font-weight:600;color:var(--muted)}.use-row .pills{margin:0}
.m-card .m-note dd{color:var(--accent);font-weight:600}
/* Mevsimin ürünü şeridi (ana sayfa) */
.season{margin-bottom:16px;display:grid;gap:10px}.season-i{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:6px 22px;padding:18px 24px;border-radius:var(--r);background:var(--accent-tint);color:var(--ink);border:1px solid var(--line);transition:border-color .2s}.season-i:hover{border-color:var(--accent)}.season-i[hidden]{display:none}.season-i .path-kicker{color:var(--accent)}.season-i b{font-family:Manrope,sans-serif;color:var(--ink);font-size:20px;letter-spacing:-.01em}.season-i>span:not(.path-kicker):not(.go){color:var(--ink-2)}.season-i .go{font-weight:700;color:var(--accent);display:inline-flex;gap:10px;white-space:nowrap}.season-i .go::after{content:'→';transition:transform .3s var(--ease)}.season-i:hover .go::after{transform:translateX(4px)}@media (max-width:900px){.season-i{grid-template-columns:minmax(0,1fr);padding:16px 18px}}
.svc-grid.svc-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1000px){.svc-grid.svc-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.svc-grid.svc-4{grid-template-columns:minmax(0,1fr)}}
/* Teknik şartname örnekleri */
.sart-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:clamp(48px,6vw,96px)}.sart-doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3.5vw,48px);display:grid;gap:26px}.sart-b h2{font-size:clamp(18px,1.6vw,22px);margin-bottom:12px}.sart-b ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sart-b li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px;line-height:1.6;color:var(--ink-2)}.sart-no{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.sart-side{position:sticky;top:96px;display:grid;gap:14px}.sart-note{padding:22px;border-radius:var(--r);background:var(--accent-tint)}.sart-note h2{font-size:18px;margin-bottom:8px}.sart-note p{color:var(--ink-2);font-size:14.5px;line-height:1.6}.sart-urun .m-card-body{padding:22px}.sart-urun h3{margin:8px 0 12px}.sart-urun .path-kicker{color:var(--accent)}.sart-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sart-li{display:grid;gap:6px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);transition:border-color .2s}.sart-li:hover{border-color:var(--accent)}.sart-li b{font-family:Manrope,sans-serif;font-size:17px;color:var(--ink)}.sart-li span{color:var(--muted);font-size:14px}@media (max-width:900px){.sart-wrap{grid-template-columns:minmax(0,1fr)}.sart-side{position:static}.sart-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.sart-b li{grid-template-columns:38px minmax(0,1fr)}}
@media print{.sart-side,.p-hero .cta-row{display:none!important}.sart-wrap{display:block}.sart-doc{border:0;padding:0}}
/* Blog */
.post-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post-card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden;transition:border-color .2s}.post-card:hover{border-color:var(--accent)}.post-card-img{aspect-ratio:16/10;overflow:hidden;background:var(--accent-tint)}.post-card-img img{width:100%;height:100%;object-fit:cover}.post-card-body{display:grid;gap:10px;padding:20px 22px;align-content:start}.post-card-body h3,.post-card-body h2{font-size:19px;line-height:1.25}.post-card-body p{color:var(--ink-2);font-size:15px;line-height:1.55}.post-meta{font-size:13.5px;color:var(--muted)}.post{padding-bottom:clamp(24px,4vw,56px)}.post-head{max-width:820px;display:grid;gap:14px;padding-top:clamp(12px,2vw,24px)}.post-head h1{font-size:clamp(32px,4.4vw,54px)}.post-fig{margin:clamp(20px,3vw,36px) 0;border-radius:var(--r);overflow:hidden;aspect-ratio:21/9;max-width:100%}.post-fig img{width:100%;height:100%;object-fit:cover}.post-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}.post-body .prose{max-width:70ch}.post-body .prose h2:first-child{margin-top:0}.post-toc{position:sticky;top:96px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.post-toc h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.post-toc ol{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14.5px}.post-toc a{color:var(--ink-2)}.post-toc a:hover{color:var(--accent)}.post-links{margin-top:14px}@media (max-width:900px){.post-cards{grid-template-columns:minmax(0,1fr)}.post-body{grid-template-columns:minmax(0,1fr)}.post-toc{position:static}.post-fig{aspect-ratio:16/10}}
@media print{.post-toc,.post-fig{display:none}}
/* Tek model görünümü (teknik föy) */
.kat-model[hidden],.kat-fam[hidden]{display:none!important}.tek-model .kat-index,.tek-model .kat-hero .lead{display:none}
@media print{.tek-model .print-toc{display:none!important}.tek-model .kat-fam,.tek-model .kat-fam.kat-first{break-before:auto!important;padding-top:6pt}.tek-model .kat-hero{padding-bottom:0}}
/* Teklif listesi */
.tl-ekle-wrap{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14.5px}.tl-ekle{border:0;background:none;padding:8px 0;min-height:44px;font:700 15px 'DM Sans',sans-serif;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.tl-ekle[hidden]{display:none}.tl-durum{color:var(--ink-2)}.tl-rozet{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--pill);font-weight:600;font-size:14px;color:var(--ink)}.tl-rozet b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--accent);color:var(--on-accent);font-size:12.5px}.tl-liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}.tl-liste[hidden],.tl-bos[hidden],#tl-gonder[hidden]{display:none}.tl-satir{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:18px 20px;display:grid;gap:14px}.tl-ust{display:flex;justify-content:space-between;align-items:center;gap:12px}.tl-ust a{font:700 18px Manrope,sans-serif;color:var(--ink)}.tl-sil{border:0;background:none;color:var(--muted);font:600 14px 'DM Sans',sans-serif;min-height:44px;padding:0 4px;cursor:pointer;text-decoration:underline}.tl-alanlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;align-items:end}.tl-alanlar label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink-2)}.tl-alanlar select,.tl-alanlar input{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}.tl-kod{font-weight:600;color:var(--ink-2);margin:0;align-self:center}.tl-bos p{color:var(--ink-2);font-size:16px}@media (max-width:560px){.tl-rozet{padding:0 10px;font-size:0;gap:0}.tl-rozet b{font-size:12.5px}}
@media print{.tl-ekle-wrap,.tl-rozet{display:none!important}}
/* Çerez bandı (yalnız Analytics kimliği tanımlıysa çıkar) */
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;margin:0 auto;padding:16px 18px;border-radius:var(--r);background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 40px -18px rgba(9,11,29,.45);display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.cerez p{flex:1 1 320px;margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}.cerez a{text-decoration:underline}.cerez-btn{display:flex;gap:10px}.cerez-tercih{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}@media print{.cerez,.cerez-tercih{display:none!important}}
.sart-alt{font-size:18px;margin:32px 0 14px}
/* Dokunma alanı 24 px (WCAG 2.2, 2.5.8): satır içi bağlantılara dikey dolgu; düzen değişmez */
.crumbs a,.form-fallback,.text-link,.consent a,.prose a,.k-note a{padding-block:3px}
/* Eski Eliçelik'ler: fotoğraf çağrısı (koyu panel, iki temada) */
.proof-cagri{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--deep-line)}.proof-cagri p{color:var(--deep-ink);font-size:15px;line-height:1.55;margin:0}.proof-cta{justify-self:start;background:var(--deep-ink);color:var(--deep-2);border-color:transparent;gap:8px}.proof-cta svg{width:18px;height:18px}.proof-cta:hover{opacity:.9}
/* Açılır menü (17.10.2026): 5 başlık; masaüstünde fareyle ya da tıklayınca, telefonda akordeon */
.nv{position:relative}
.nv-b{display:inline-flex;align-items:center;gap:7px;padding:8px 0;border:0;background:none;font:inherit;color:var(--ink-2);cursor:pointer;white-space:nowrap;position:relative}
.nv-b::after{content:'';width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nv-b[aria-expanded=true]::after{transform:translateY(1px) rotate(225deg)}
.nv-b::before{content:'';position:absolute;left:0;right:13px;bottom:2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nv-b:hover,.nv:has([aria-current=page])>.nv-b{color:var(--ink)}
.nv:has([aria-current=page])>.nv-b::before{transform:scaleX(1)}
.nv-p{display:none;position:absolute;top:calc(100% + 10px);left:-16px;z-index:40;min-width:250px;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:0 24px 48px -24px rgba(9,11,29,.35)}
.nv-p::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
.hd nav .nv-p a{display:block;padding:9px 12px;border-radius:var(--r-sm);font:600 14.5px/1.3 'DM Sans',sans-serif;color:var(--ink-2);white-space:nowrap}
.hd nav .nv-p a::after{display:none}
.hd nav .nv-p a:hover,.hd nav .nv-p a[aria-current=page]{background:var(--accent-tint);color:var(--ink)}
.nv-genis{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;min-width:520px}
.nv-h{display:block;padding:10px 12px 4px;font:700 11.5px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nv-b[aria-expanded=true]+.nv-p{display:block}.nv-b[aria-expanded=true]+.nv-genis{display:grid}
@media (hover:hover) and (min-width:1081px){.nv:hover>.nv-p{display:block}.nv:hover>.nv-genis{display:grid}}
@media(max-width:1080px){
  .hd nav.open{max-height:calc(100dvh - var(--hd));overflow-y:auto}
  .nv{position:static}
  .nv-b{width:100%;justify-content:space-between;padding:12px 0;font:700 22px/1.2 Manrope,sans-serif;color:var(--ink)}
  .nv-b::before{display:none}
  .nv-p{position:static;min-width:0;padding:0 0 10px 14px;border:0;border-left:2px solid var(--line);border-radius:0;background:none;box-shadow:none}
  .nv-p::before{display:none}
  .nv-genis{grid-template-columns:1fr;min-width:0}
  .hd nav .nv-p a{padding:10px 8px;font-size:17px}
  .nv-h{padding:12px 8px 2px}
}
@media print{.nv-p{display:none!important}}
/* İletişim: konum, yol tarifi, harita */
.c-saat b{font-size:17px}
.c-konum{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,44px);align-items:stretch}
.c-konum-bilgi{display:flex;flex-direction:column;gap:18px}
.c-adres{font-style:normal;font-size:18px;line-height:1.6;color:var(--ink)}
.c-yol{display:flex;flex-wrap:wrap;gap:10px}
.c-not{margin:0;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:14.5px;color:var(--muted)}
.c-kopyala{border:0;background:none;padding:6px 0;min-height:32px;color:var(--accent);font:700 14.5px 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.c-harita{position:relative;min-height:340px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--accent-tint)}
.c-harita iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.c-harita-yer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:var(--ink-2)}
.c-harita-yer svg{width:44px;height:44px;fill:none;stroke:var(--accent);stroke-width:1.8}
.c-harita-yer p{margin:0;line-height:1.55}
.c-yollar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.c-yollar a{display:grid;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);transition:border-color .2s}
.c-yollar a:hover{border-color:var(--accent)}
.c-yollar b{font:700 17px Manrope,sans-serif;color:var(--ink)}.c-yollar span{font-size:14.5px;color:var(--muted)}
.c-sosyal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px}.c-sosyal>span{font-weight:600;color:var(--muted)}
@media(max-width:900px){.c-konum{grid-template-columns:minmax(0,1fr)}.c-yollar{grid-template-columns:minmax(0,1fr)}.c-harita{min-height:280px}}