:root{
  --accent:#F8A848; --accent-hi:#FFC077; --signal:#FFF000;
  --canvas:#14100D; --canvas-deep:#0B0907; --panel:#1E1813; --panel-2:#2A221A;
  --text:#F4EDE3; --text-dim:#B6A793; --text-faint:#8A7C6B;
  --line:rgba(248,168,72,.20); --line-soft:rgba(244,237,227,.10);
  --font-head:'Fraunces',Georgia,'Times New Roman',serif;
  --font-body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --shell:820px; --gutter:clamp(20px,5vw,48px); --radius:2px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font-body);
  font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-hi)}
.shell{max-width:var(--shell);margin:0 auto;padding-inline:var(--gutter)}
.wide{max-width:1240px}

/* başlık çubuğu */
.hdr{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;
  padding:14px clamp(16px,4vw,32px);background:rgba(11,9,7,.86);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr__logo img{width:132px;height:auto}
.hdr__nav{margin-inline-start:auto;display:flex;gap:18px;font-size:14px;font-weight:500}
.hdr__nav a{color:var(--text-dim);text-decoration:none}
.hdr__nav a:hover{color:var(--accent-hi)}
.wa-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:99px;
  background:#25D366;color:#fff;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;
  box-shadow:0 4px 18px rgba(37,211,102,.35)}
.wa-btn:hover{background:#1EBE5B}
.wa-btn svg{width:19px;height:19px}
@media (max-width:720px){ .hdr__nav{display:none} }

/* yazı */
article{padding:clamp(32px,6vw,64px) 0 24px}
.kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
  font-weight:600;margin:0 0 14px}
h1{font-family:var(--font-head);font-weight:700;font-size:clamp(30px,5.4vw,46px);
  line-height:1.14;margin:0 0 18px;letter-spacing:-.01em}
h2{font-family:var(--font-head);font-weight:600;font-size:clamp(22px,3.4vw,30px);
  line-height:1.24;margin:44px 0 14px}
h3{font-family:var(--font-head);font-weight:600;font-size:20px;margin:30px 0 10px}
p{margin:0 0 18px}
.lede{font-size:clamp(18px,2.3vw,21px);color:var(--text-dim);line-height:1.62;margin-bottom:26px}
.meta{font-size:14px;color:var(--text-faint);margin:0 0 30px;
  padding-bottom:20px;border-bottom:1px solid var(--line-soft)}
figure{margin:32px 0}
figure img{border-radius:var(--radius);border:1px solid var(--line-soft)}
figcaption{font-size:14px;color:var(--text-faint);margin-top:10px}
ul,ol{margin:0 0 20px;padding-inline-start:22px}
li{margin-bottom:9px}
li::marker{color:var(--accent)}
strong{color:#FFF;font-weight:600}
blockquote{margin:30px 0;padding:20px 24px;background:var(--panel);
  border-inline-start:3px solid var(--accent);border-radius:var(--radius)}
blockquote p:last-child{margin-bottom:0}
.kutu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 24px;margin:32px 0}
.kutu h3{margin-top:0}
.kutu p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}
th,td{text-align:start;padding:11px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{color:var(--accent);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.tablo-kaydir{overflow-x:auto}

/* kapanış çağrısı */
.cta{margin:52px 0 0;padding:30px clamp(22px,4vw,36px);background:var(--panel-2);
  border:1px solid var(--line);border-radius:var(--radius)}
.cta h2{margin-top:0;font-size:clamp(21px,3vw,26px)}
.cta__row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:var(--radius);
  font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;line-height:1.2}
.btn svg{width:19px;height:19px;flex:none}
.btn--wa{background:#25D366;color:#fff;box-shadow:0 4px 18px rgba(37,211,102,.30)}
.btn--wa:hover{background:#1EBE5B}
.btn--ghost{border:1px solid var(--line);color:var(--text)}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent-hi)}

/* liste sayfası */
.liste{padding:clamp(32px,6vw,64px) 0 20px}
.kart{display:grid;grid-template-columns:200px 1fr;gap:22px;padding:24px 0;
  border-bottom:1px solid var(--line-soft);text-decoration:none;color:inherit}
.kart:hover h2{color:var(--accent-hi)}
.kart img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}
.kart h2{margin:0 0 8px;font-size:21px;line-height:1.3;transition:color .15s}
.kart p{margin:0;color:var(--text-dim);font-size:15px}
.kart time{display:block;margin-top:9px;font-size:13px;color:var(--text-faint)}
@media (max-width:640px){ .kart{grid-template-columns:1fr} }

/* iniş sayfası ek bileşenleri */
.hero{padding:clamp(40px,7vw,80px) 0 10px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:30px 0}
.grid3 .kutu{margin:0}
.galeri{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:34px 0}
.galeri img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover}

/* modeller (iniş sayfası) */
.modeller{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:26px 0 10px}
.model{margin:0;display:flex;flex-direction:column;background:var(--panel);
  border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden}
.model img{width:100%;aspect-ratio:1/1;object-fit:cover;border:0;border-radius:0}
.model figcaption{flex:1;display:flex;flex-direction:column;gap:7px;margin:0;padding:14px 16px 16px;
  font-size:14.5px;line-height:1.55;color:var(--text-dim)}
.model h3{margin:0;font-size:18px;line-height:1.3;color:var(--text)}
.model p{margin:0}
.model figcaption > a{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;text-decoration:none}
.model figcaption > a:hover{color:var(--accent)}

/* m² hesaplayıcı (iniş sayfası) */
.hesap{margin:22px 0 8px;padding:22px clamp(18px,3.5vw,28px) 24px;background:var(--panel-2);
  border:1px solid var(--line);border-radius:var(--radius)}
.hesap__etiket{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);font-weight:600;margin-bottom:12px}
.hesap__giris{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hesap input[type=range]{flex:1 1 220px;min-width:160px;accent-color:var(--accent);height:32px;margin:0}
.hesap__sayi{display:inline-flex;align-items:center;gap:8px;background:var(--canvas);
  border:1px solid var(--line);border-radius:var(--radius);padding:6px 12px}
.hesap__sayi input{width:64px;border:0;background:transparent;color:var(--text);font:600 18px var(--font-body);
  text-align:end;outline:none;-moz-appearance:textfield}
.hesap__sayi input::-webkit-outer-spin-button,.hesap__sayi input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hesap__sayi span{color:var(--text-dim);font-size:15px}
.hesap__sonuc{margin:18px 0 8px;font-size:clamp(18px,2.6vw,22px);color:var(--text-dim)}
.hesap__sonuc strong{display:inline-block;font-family:var(--font-head);font-weight:700;color:var(--accent-hi);
  font-size:clamp(26px,4.6vw,38px);line-height:1.2;margin-inline-start:4px}
.hesap__kdv{font-size:14px;color:var(--text-faint);white-space:nowrap}
.hesap__not{font-size:14px;color:var(--text-faint);margin:0 0 16px}
.hesap .btn{margin:0}
.hesap__ozel{margin:0 0 16px;font-size:15px;font-weight:600}
.hesap__ozel a{color:var(--accent-hi);text-decoration:none;border-bottom:1px solid var(--line)}
.hesap__ozel a:hover{color:var(--accent);border-color:var(--accent)}

/* alt bilgi */
.ftr{margin-top:64px;padding:34px 0 40px;border-top:1px solid var(--line);
  background:var(--canvas-deep);font-size:14px;color:var(--text-faint)}
.ftr a{color:var(--text-dim);text-decoration:none}
.ftr a:hover{color:var(--accent-hi)}
.ftr__row{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:14px}
/* iniş sayfası: ilk ekranda fiyat şeridi (2026-09-23 — reklam tıklamalarının %96'sı telefondan) */
.fiyat-serit{display:grid;gap:2px;margin:0 0 6px;padding:14px 18px;background:var(--panel-2);
  border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:var(--radius);
  text-decoration:none;color:var(--text);max-width:460px}
.fiyat-serit:hover{border-color:var(--accent)}
.fiyat-serit__etiket{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:600}
.fiyat-serit__rakam{font-family:var(--font-head);font-weight:700;font-size:clamp(26px,6vw,34px);line-height:1.15;color:var(--accent-hi)}
.fiyat-serit__not{font-size:14px;color:var(--text-faint)}

/* telefonda altta sabit WhatsApp çubuğu */
.wa-bar{display:none}
@media (max-width:720px){
  .wa-bar{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;gap:8px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(11,9,7,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .wa-bar a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 14px;
    border-radius:var(--radius);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
  .wa-bar svg{width:19px;height:19px;flex:none}
  .wa-bar__wa{flex:1;background:#25D366;color:#fff}
  .wa-bar__fiyat{border:1px solid var(--line);color:var(--text)}
  body.wabar-var{padding-bottom:76px}
  .hero{padding-top:28px}
}

/* WhatsApp yeşili + sağ altta yüzen düğme (Yavuz 2026-09-23). Telefonda alt çubuk varken gizli. */
.wa-float{position:fixed;right:clamp(16px,2.4vw,28px);bottom:calc(clamp(16px,2.4vw,28px) + env(safe-area-inset-bottom,0px));z-index:40;
  width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,.35),0 0 0 6px rgba(37,211,102,.18);transition:transform .2s,background .2s}
.wa-float:hover{background:#1EBE5B;transform:scale(1.06)}
.wa-float svg{width:32px;height:32px}
@media (max-width:720px){ body.wabar-var .wa-float{display:none} }

/* dar ekran menüsü (2026-09-25): ≤720px'te .hdr__nav gizleniyordu, yerine düğme + açılır panel */
.menu-btn{display:none}
.menu-btn .m-close{display:none}
@media (max-width:720px){
  .menu-btn{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;cursor:pointer;
    border-radius:50%;border:1px solid var(--line);background:rgba(244,237,227,.07);color:var(--text)}
  .menu-btn svg{width:22px;height:22px}
  .hdr .wa-btn{margin-inline-start:auto;padding:11px 12px}
  .hdr .wa-btn span{display:none}
  .hdr[data-menu="1"] .menu-btn .m-open{display:none}
  .hdr[data-menu="1"] .menu-btn .m-close{display:inline}
  .hdr[data-menu="1"] .hdr__nav{display:flex;flex-direction:column;gap:0;margin:0;
    position:absolute;top:100%;inset-inline:0;padding:6px clamp(16px,4vw,32px) 14px;
    background:#0b0907;border-bottom:1px solid var(--line);font-size:16px}
  .hdr[data-menu="1"] .hdr__nav a{padding:14px 0;border-bottom:1px solid var(--line)}
  .hdr[data-menu="1"] .hdr__nav a:last-child{border-bottom:0}
}