/* FREZE FABRİKASI — kırmızı/beyaz marka dili */
:root{
  --bg:#ffffff; --panel:#ffffff; --ink:#191817; --muted:#6b6864;
  --line:#e5e2de; --red:#d81f26; --red-dark:#b0141b; --red-soft:#fdeceb;
  --coal:#211f1e; --coal-ink:#f5f3f0;
  --good:#1f7a3d; --good-soft:#e4f1e7;
}
*{box-sizing:border-box;}
html{background:var(--bg);}
body{margin:0; font-family:"Segoe UI",system-ui,sans-serif; color:var(--ink); line-height:1.45;}
.mono{font-family:Consolas,"Cascadia Mono",monospace;}
a{color:inherit;}

.ribbon{background:var(--red); color:#fff; text-align:center; font-size:.84rem; padding:.42rem .8rem; font-weight:700;}
header.site{
  display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap;
  padding:.95rem 1.4rem; background:var(--panel); border-bottom:3px solid var(--red);
  position:sticky; top:0; z-index:5;
}
.logo{font-size:1.3rem; font-weight:900; letter-spacing:.03em; text-transform:uppercase; text-decoration:none;}
.logo span{color:var(--red);}
nav{display:flex; gap:1rem; flex-wrap:wrap; font-size:.88rem; font-weight:650;}
nav a{color:var(--muted); text-decoration:none;}
nav a:hover{color:var(--red);}

.hero{
  background:var(--coal) linear-gradient(105deg, rgba(216,31,38,.92) 0%, rgba(216,31,38,.85) 34%, transparent 34.3%);
  color:var(--coal-ink); padding:3.2rem 1.4rem 2.7rem;
}
.hero-in{max-width:1020px; margin:0 auto;}
.hero .eyebrow{color:#fff; text-transform:uppercase; letter-spacing:.2em; font-size:.72rem; font-weight:800; margin:0 0 .7rem;}
.hero h1{font-size:clamp(2rem,5.5vw,3.3rem); margin:0 0 .7rem; line-height:1.05; font-weight:900; max-width:18ch; text-transform:uppercase;}
.hero p.lead{margin:0 0 1.5rem; color:#d9d5d0; max-width:52ch; font-size:1.05rem;}
.cta{
  display:inline-block; background:var(--red); color:#fff; font-weight:800;
  padding:.75rem 1.6rem; border-radius:3px; text-decoration:none; font-size:.95rem;
  text-transform:uppercase; letter-spacing:.04em; border:none; cursor:pointer;
}
.cta:hover{background:var(--red-dark);}
.cta.ghost{background:transparent; color:#fff; border:2px solid #fff; margin-left:.6rem;}
.chips{display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1.6rem;}
.chip{border:1px solid #4a4644; border-radius:3px; padding:.32rem .8rem; font-size:.78rem; color:#d9d5d0; background:rgba(0,0,0,.25);}
.chip b{color:#fff;}

main{max-width:1020px; margin:0 auto; padding:2.4rem 1.4rem 4.5rem; display:flex; flex-direction:column; gap:2.6rem;}
h2{font-size:1.4rem; margin:0 0 .2rem; font-weight:850; text-transform:uppercase;}
h2 .tick{color:var(--red);}
.sec-sub{color:var(--muted); margin:0 0 1rem; font-size:.92rem; max-width:62ch;}

.cats{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:.7rem;}
.cat{
  background:var(--panel); border:1px solid var(--line); border-radius:4px;
  padding:1rem .9rem; text-decoration:none; color:var(--ink); display:block; border-top:3px solid var(--line);
}
.cat:hover{border-top-color:var(--red);}
.cat .ic{font-size:1.25rem; color:var(--red);}
.cat .nm{font-weight:750; font-size:.92rem; margin:.35rem 0 .1rem;}
.cat .ct{color:var(--muted); font-size:.78rem;}

.filters{display:flex; gap:.6rem; flex-wrap:wrap; align-items:center;}
.filters input, .filters select{
  padding:.55rem .8rem; border:1px solid var(--line); border-radius:3px; font-size:.9rem;
  background:var(--panel); color:var(--ink); min-width:180px;
}
.filters input:focus, .filters select:focus{outline:2px solid var(--red);}
.count{color:var(--muted); font-size:.82rem;}

.prods{display:grid; grid-template-columns:repeat(auto-fill,minmax(215px,1fr)); gap:.8rem;}
.prod{
  background:var(--panel); border:1px solid var(--line); border-radius:4px;
  padding:.95rem; display:flex; flex-direction:column; gap:.3rem; position:relative;
}
.prod:hover{border-color:var(--red); box-shadow:0 2px 10px rgba(216,31,38,.12);}
.prod .disc{position:absolute; top:.7rem; right:.7rem; background:var(--red); color:#fff; font-weight:800; font-size:.75rem; padding:.16rem .45rem; border-radius:3px;}
.prod .fam{font-size:.68rem; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); font-weight:750;}
.prod .nm{font-weight:750; font-size:.93rem; line-height:1.25; padding-right:3rem;}
.prod .spec{color:var(--muted); font-size:.76rem;}
.prod .price{margin-top:.4rem; display:flex; align-items:baseline; gap:.5rem;}
.prod .old{color:var(--muted); text-decoration:line-through; font-size:.8rem;}
.prod .now{font-size:1.2rem; font-weight:900; color:var(--red);}
.prod .ask{font-size:.95rem; font-weight:750; color:var(--muted); margin-top:.4rem;}
.prod .btn{
  margin-top:.55rem; text-align:center; background:var(--red); color:#fff;
  border-radius:3px; padding:.5rem; font-size:.83rem; font-weight:800; text-decoration:none;
  text-transform:uppercase; letter-spacing:.03em; border:none; cursor:pointer;
}
.prod .btn:hover{background:var(--red-dark);}
.prod .btn.gri{background:var(--coal);}

.compare{background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:1.2rem 1.3rem;}
.tblwrap{overflow-x:auto;}
table{border-collapse:collapse; width:100%; font-variant-numeric:tabular-nums; font-size:.9rem;}
th{text-align:right; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted);
   padding:.4rem .6rem; border-bottom:2px solid var(--red); white-space:nowrap;}
th:first-child{text-align:left;}
td{padding:.45rem .6rem; border-bottom:1px solid var(--line); text-align:right; white-space:nowrap;}
td:first-child{text-align:left; font-weight:650;}
tr:last-child td{border-bottom:none;}
td.rival{color:var(--muted); text-decoration:line-through;}
td.our{font-weight:900; color:var(--red);}
.win{color:var(--good); font-weight:800;}
.foot-note{color:var(--muted); font-size:.78rem; margin-top:.6rem;}

.band{
  background:var(--coal); color:var(--coal-ink); border-left:5px solid var(--red); border-radius:6px;
  padding:1.3rem 1.4rem; display:flex; gap:1.2rem; flex-wrap:wrap; align-items:center;
}
.band .big{font-weight:800; font-size:1.1rem; line-height:1.3;}
.band p{margin:0; font-size:.88rem; color:#c8c4bf; max-width:50ch;}

#cartbar{
  position:fixed; bottom:0; left:0; right:0; z-index:9;
  background:var(--coal); color:var(--coal-ink); padding:.7rem 1.2rem;
  display:none; align-items:center; gap:1rem; flex-wrap:wrap; border-top:3px solid var(--red);
}
#cartbar.on{display:flex;}
#cartbar .info{font-weight:700;}
#cartbar .clear{background:none; border:1px solid #555; color:#c8c4bf; border-radius:3px; padding:.4rem .8rem; cursor:pointer; font-size:.8rem;}

footer.site{background:var(--coal); color:#a5a19c; padding:1.7rem 1.4rem 2.6rem; font-size:.8rem; border-top:3px solid var(--red);}
footer .in{max-width:1020px; margin:0 auto; display:flex; gap:2rem; flex-wrap:wrap; justify-content:space-between;}
footer b{color:#f5f3f0;}

/* kademeli fiyat + adet satırı */
.prod .tier{color:var(--muted); font-size:.74rem;}
.prod .buyrow{display:flex; gap:.4rem; margin-top:.55rem;}
.prod .qty{width:4.2rem; padding:.4rem .5rem; border:1px solid var(--line); border-radius:3px; text-align:center; font-size:.9rem;}
.prod .buyrow .btn{flex:1; margin-top:0;}
#cartbar .next{color:#ffb08a; font-size:.82rem;}
.kademe3{display:inline-flex; border:2px solid var(--red); border-radius:4px; overflow:hidden; flex-wrap:wrap; margin:.4rem 0 .8rem;}
.kademe3 div{padding:.55rem 1rem; font-weight:800; font-size:.88rem;}
.kademe3 .k1{background:var(--panel); color:var(--muted);}
.kademe3 .k2{background:var(--red-soft); color:var(--red);}
.kademe3 .k3{background:var(--red); color:#fff;}
.guven{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:.7rem;}
.guven .g{background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--red); border-radius:4px; padding: .9rem 1rem;}
.guven .g b{display:block; margin-bottom:.2rem;}
.guven .g span{color:var(--muted); font-size:.85rem;}

/* katalog kartı ürün fotoğrafı */
.prod img.foto{width:100%; height:110px; object-fit:contain; background:#fff; border-radius:3px;}

/* aile sayfası başlığı */
.aile-bas{display:flex; gap:1.2rem; align-items:center; background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--red); border-radius:6px; padding:1rem 1.2rem; margin-bottom:.8rem; flex-wrap:wrap;}
.aile-bas img{width:150px; height:100px; object-fit:contain; background:#fff; border-radius:4px;}
.aile-bas h3{margin:.1rem 0; font-size:1.3rem; font-weight:850; text-transform:uppercase;}
.aile-bas p{margin:0; color:var(--muted); font-size:.9rem; max-width:60ch;}
.aile-bas .geri{font-size:.78rem; color:var(--red); text-decoration:none; font-weight:700;}
.prod .tier{margin-left:.4rem;}
.aile-blok{margin-bottom:1.6rem;}
.aile-blok .aile-bas{margin-bottom:.5rem;}
.aile-blok .aile-bas img{width:110px; height:74px;}
.aile-blok .aile-bas h3{font-size:1.1rem;}

/* üst telefon rozeti — patron kuşağı için hep görünür */
.tel-ust{margin-left:auto; background:var(--coal); color:#fff; text-decoration:none; font-weight:800; padding:.45rem .9rem; border-radius:3px; font-size:.88rem; white-space:nowrap;}
.tel-ust:hover{background:var(--red);}
@media (max-width:640px){ .tel-ust{margin-left:0;} header.site{gap:.7rem;} }
/* mobil tablo rahatlığı */
@media (max-width:640px){ td, th{padding:.4rem .45rem; font-size:.82rem;} .aile-bas img{width:80px; height:56px;} }

/* ürün fotoğrafı: stüdyo görünümü — gerçek foto + hafif zemin/gölge */
.prod img.foto, .aile-bas img, .cat img{
  background:#fff;
  filter:drop-shadow(0 3px 6px rgba(25,24,23,.18));
  border-radius:4px;
}


/* ölçü tablosu — yeniden yerleşim */
.olcu-kart{background:var(--panel); border:1px solid var(--line); border-radius:6px; overflow:hidden;}
.olcu-tablo{width:100%;}
.olcu-tablo th{position:sticky; top:0; background:var(--coal); color:#fff; border-bottom:none; padding:.6rem .7rem; letter-spacing:.05em; z-index:1;}
.olcu-tablo th.sol{text-align:left;} .olcu-tablo th.orta{text-align:center;}
.olcu-tablo td{padding:.55rem .7rem; border-bottom:1px solid var(--line);}
.olcu-tablo td.sol{text-align:left;} .olcu-tablo td.orta{text-align:center;}
.olcu-tablo td.kalin{font-weight:800; font-size:.95rem;}
.olcu-tablo td.soluk{color:var(--muted);}
.olcu-tablo td.dip{font-size:1rem; font-weight:900;}
.olcu-tablo tr:nth-child(even) td{background:rgba(0,0,0,.03);}
.olcu-tablo tr:hover td{background:var(--red-soft);}
.alsat{display:inline-flex; gap:.35rem; align-items:center;}
.alsat .qty{width:3.4rem; padding:.35rem .3rem; border:1px solid var(--line); border-radius:3px; text-align:center; font-size:.85rem;}
.btn.mini{padding:.4rem .8rem; font-size:.78rem; margin-top:0;}
@media (max-width:640px){
  .olcu-tablo th, .olcu-tablo td{padding:.45rem .4rem;}
  .olcu-tablo td.dip{font-size:.92rem;}
  .alsat .qty{width:2.8rem;}
}

/* ürün sayfası üst blok — büyük görsel + teknik özellikler */
.urun-ust{
  display:grid; grid-template-columns: minmax(280px, 420px) 1fr; gap:1.4rem;
  background:var(--panel); border:1px solid var(--line); border-radius:8px;
  padding:1.3rem; margin-bottom:1rem; align-items:center;
}
.urun-foto{background:#fff; border-radius:6px; padding:1rem; display:flex; align-items:center; justify-content:center;}
.urun-foto img{width:100%; max-height:260px; object-fit:contain; filter:drop-shadow(0 6px 12px rgba(25,24,23,.22));}
.urun-bilgi h2{font-size:1.5rem; margin:.2rem 0 .3rem; text-transform:uppercase; font-weight:900;}
.urun-bilgi .uzun{color:var(--muted); font-size:.92rem; max-width:60ch; margin:0 0 .8rem;}
.urun-bilgi .geri{font-size:.78rem; color:var(--red); text-decoration:none; font-weight:700;}
.spec-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:.5rem .9rem;}
.spec-grid > div{border-left:3px solid var(--red); padding:.15rem 0 .15rem .6rem;}
.spec-grid small{display:block; color:var(--muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.06em;}
.spec-grid b{font-size:.88rem;}
.chip2{border:1px solid var(--line); background:var(--bg); border-radius:3px; padding:.28rem .7rem; font-size:.78rem; font-weight:650;}
@media (max-width:760px){ .urun-ust{grid-template-columns:1fr;} .urun-foto img{max-height:180px;} }

/* mobil: fiyat + sipariş SABİT kalır, teknik sütunlar kayar (kullanıcı kuralı) */
@media (max-width:760px){
  .olcu-tablo td.dip, .olcu-tablo th:nth-last-child(4){position:sticky; right:96px; background:var(--panel); box-shadow:-4px 0 6px rgba(0,0,0,.06);}
  .olcu-tablo td:last-child, .olcu-tablo th:last-child{position:sticky; right:0; background:var(--panel); box-shadow:-4px 0 6px rgba(0,0,0,.06);}
  .olcu-tablo tr:nth-child(even) td.dip, .olcu-tablo tr:nth-child(even) td:last-child{background:#f4f2ef;}
  .olcu-tablo th:nth-last-child(4), .olcu-tablo th:last-child{background:var(--coal);}
  /* aradaki 5-9 / 1-4 kolonlari mobilde gizle — sadelik */
  .olcu-tablo td:nth-last-child(2), .olcu-tablo td:nth-last-child(3),
  .olcu-tablo th:nth-last-child(2), .olcu-tablo th:nth-last-child(3){display:none;}
}

/* kategori sayfasi: alt grup listesi v2 */
.grup-liste{display:flex; flex-direction:column; gap:.6rem;}
.grup-satir{display:flex; align-items:center; gap:1.1rem; text-decoration:none; color:var(--ink);
  background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:.8rem 1rem;}
.grup-satir:hover{border-color:var(--red); box-shadow:0 3px 12px rgba(216,31,38,.12);}
.gfoto{width:150px; height:96px; flex-shrink:0; border-radius:5px; overflow:hidden;
  background:#fff; display:flex; align-items:center; justify-content:center;}
.gfoto img{width:92%; height:92%; object-fit:contain; background:none; filter:drop-shadow(0 3px 6px rgba(25,24,23,.18));}
.gbilgi{flex:1; min-width:0;}
.gbilgi b{display:block; font-size:1.05rem; font-weight:850; text-transform:uppercase; line-height:1.2; margin-bottom:.15rem;}
.gbilgi small{color:var(--muted); font-size:.8rem; line-height:1.35; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gbilgi em{display:block; font-style:normal; color:var(--red); font-size:.72rem; font-weight:750; margin-top:.25rem; text-transform:uppercase; letter-spacing:.05em;}
.gsag{display:flex; flex-direction:column; align-items:flex-end; gap:.45rem; flex-shrink:0;}
.gfx{text-align:right;}
.gfx .our{font-size:1.15rem; font-weight:900;}
.gfx small{display:block; color:var(--muted); font-size:.7rem;}
.gsag .btn.mini{white-space:nowrap;}
@media (max-width:640px){
  .grup-satir{gap:.7rem; padding:.6rem .7rem;}
  .gfoto{width:92px; height:66px;}
  .gbilgi small{display:none;}
  .gfx .our{font-size:1rem;}
  .gsag .btn.mini{padding:.35rem .6rem; font-size:.7rem;}
}

/* genel kırmızı buton (liste ve statik sayfalar) */
a.btn, span.btn, button.btn{
  background:var(--red); color:#fff; border:none; border-radius:3px; cursor:pointer;
  font-weight:800; text-transform:uppercase; letter-spacing:.03em; text-decoration:none;
  padding:.5rem 1rem; font-size:.83rem; display:inline-block; text-align:center;
}
a.btn:hover, span.btn:hover, button.btn:hover{background:var(--red-dark);}
a.btn.gri, button.btn.gri{background:var(--coal);}
.btn.mini{padding:.4rem .8rem; font-size:.78rem;}

.kat-baslik{font-size:1.15rem; margin:1.4rem 0 .6rem; font-weight:850; text-transform:uppercase;}
.kat-baslik:first-child{margin-top:0;}
.alt-baslik{font-size:.9rem; font-weight:800; text-transform:uppercase; color:var(--red); margin:.8rem 0 .2rem; letter-spacing:.06em;}

/* FF Asistan (chatbot) */
#bot-ac{position:fixed; right:1rem; bottom:4.4rem; z-index:20; width:52px; height:52px; border-radius:50%;
  background:var(--red); color:#fff; border:none; font-size:1.4rem; cursor:pointer; box-shadow:0 4px 14px rgba(216,31,38,.4);}
#bot-panel{position:fixed; right:1rem; bottom:8.2rem; z-index:20; width:min(340px, calc(100vw - 2rem));
  background:#fff; border:1px solid var(--line); border-radius:8px; box-shadow:0 8px 30px rgba(0,0,0,.18);
  display:none; flex-direction:column; overflow:hidden;}
#bot-panel.on{display:flex;}
.bot-bas{background:var(--coal); color:#fff; padding:.6rem .9rem; font-weight:800; display:flex; align-items:center; gap:.5rem;}
.bot-bas small{color:#b5b1ab; font-weight:600; font-size:.7rem;}
#bot-kapat{margin-left:auto; cursor:pointer; padding:.1rem .4rem;}
.bot-log{max-height:320px; overflow-y:auto; padding:.7rem; display:flex; flex-direction:column; gap:.5rem;}
.bot-msg{background:var(--bg); border:1px solid var(--line); border-radius:8px 8px 8px 2px; padding:.5rem .7rem; font-size:.85rem; max-width:90%;}
.bot-msg.kul{background:var(--red-soft); border-radius:8px 8px 2px 8px; align-self:flex-end;}
#bot-form{display:flex; gap:.4rem; padding:.6rem; border-top:1px solid var(--line);}
#bot-in{flex:1; padding:.5rem .7rem; border:1px solid var(--line); border-radius:4px; font-size:.85rem;}
.asistan-band{margin-top:.9rem; background:var(--red-soft); border:1px solid var(--line); border-left:4px solid var(--red); border-radius:5px; padding:.7rem 1rem; font-size:.9rem; display:flex; align-items:center; gap:.6rem; flex-wrap:wrap;}