/* FitChair ana sayfa stilleri — hero-mock.html'den türetildi.
   TÜM seçiciler .fc-ana altına kapsanmıştır; kapsamı bozma:
   kapsamsız bir kural (ör. çıplak "a" veya "*") sitenin tamamına sızar. */
@font-face{font-family:'Onest';src:url('../fonts/Onest-Variable.woff2') format('woff2-variations');font-weight:100 900;font-style:normal;font-display:swap}
:root{--kum:#F3EFE8;--lacivert:#0F1428;--bakir:#A9633C;--metin:#1A1F33;--soluk:#5C6377}
.fc-ana *{box-sizing:border-box;margin:0;padding:0}
/* İÇERİK GRİDİ.
   Zemin tam genişlikte kalır, içerik tema konteyneriyle AYNI hizaya oturur.
   Woodmart header'ı .container (max-width:1480px, padding:0 15px) kullanıyor;
   1920px'te logo x=235'ten başlıyor. Aynı hizayı yakalamak için bölüm yan
   boşluğu hesaplanır: (100% - 1480px)/2 + 15px. Dar ekranda max() ile 20px
   tabanına düşer. Tek yerden değiştirilir. */
.fc-ana{--fc-kap:1480px;--fc-yan:max(20px,calc((100% - var(--fc-kap)) / 2 + 15px))}
.fc-ana{font-family:'Onest',-apple-system,sans-serif;background:var(--kum);color:var(--metin)}
.fc-ana header{display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:#fff;position:relative;z-index:5}
.fc-ana .logo{font-weight:700;font-size:19px;color:var(--lacivert);letter-spacing:-.02em}
.fc-ana nav{display:flex;gap:24px;font-size:14.5px;font-weight:500}
.fc-ana .tel{background:var(--lacivert);color:#fff;padding:10px 19px;border-radius:999px;font-weight:700;font-size:14px}
/* ---------- HERO CAROUSEL ---------- */
.fc-ana .hero{position:relative;height:clamp(440px,58vw,600px);overflow:hidden;background:var(--lacivert)}
.fc-ana .slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.fc-ana .slide.aktif{opacity:1;pointer-events:auto}
.fc-ana .slide img{width:100%;height:100%;object-fit:cover;object-position:center}
/* Y-06: tek yönlü hafif perde — görsel silikleşmez, yazı okunur */
.fc-ana .slide::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,20,40,.72) 0%,rgba(15,20,40,.42) 40%,rgba(15,20,40,.04) 70%,transparent 100%)}
.fc-ana .slide__ic{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding-inline:var(--fc-yan);max-width:calc(var(--fc-yan) + 620px);z-index:2}
.fc-ana .slide__etiket{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#E5B58C;margin-bottom:14px}
.fc-ana .slide h1,.fc-ana .slide h2{font-size:clamp(2rem,3.4vw,3.1rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:#fff;max-width:14ch}
.fc-ana .slide p{margin-top:16px;font-size:16.5px;line-height:1.5;color:rgba(255,255,255,.78);max-width:40ch}
.fc-ana .slide__ctalar{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.fc-ana .fc-btn{padding:14px 24px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;display:inline-block}
.fc-ana .fc-btn--dolu{background:#fff;color:var(--lacivert)}
.fc-ana .fc-btn--bos{border-color:rgba(255,255,255,.55);color:#fff}
/* oklar — kart dikey ortasında (Y-16) */
/* Oklar sağ ALTTA gruplanır: dikey ortada durunca sol ok metnin üstüne biniyordu (ölçüldü, 1280px). Grup hâlinde hem çakışma biter hem kaydırma kontrolü tek yerde toplanır. */
.fc-ana .ok{position:absolute;bottom:20px;z-index:4;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);border:0;cursor:pointer;font-size:18px;color:var(--lacivert);display:grid;place-items:center;transition:background-color .2s ease}
.fc-ana .ok:hover{background:#fff}
.fc-ana .ok--sol{right:74px}
.fc-ana .ok--sag{right:22px}
/* segment göstergesi: hangi koltuk ailesindesin */
.fc-ana .noktalar{position:absolute;left:48px;bottom:22px;display:flex;gap:8px;z-index:4}
.fc-ana .nokta{width:34px;height:3px;border-radius:2px;background:rgba(255,255,255,.32);border:0;cursor:pointer;padding:0}
.fc-ana .nokta.aktif{background:#E5B58C}
.fc-ana .segment{position:absolute;right:48px;bottom:20px;z-index:4;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.65);letter-spacing:.04em}
/* ---------- güven şeridi ---------- */
.fc-ana .guven{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding-inline:calc(var(--fc-yan) - 24px)}
.fc-ana .guven__h{padding:20px 24px;position:relative}
.fc-ana .guven__h+.guven__h::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:repeating-linear-gradient(180deg,var(--bakir) 0 8px,transparent 8px 16px);opacity:.4}
.fc-ana .guven__b{font-weight:700;font-size:14.5px;color:var(--lacivert)}
.fc-ana .guven__a{font-size:13px;color:var(--soluk);margin-top:2px}
/* ---------- iki segment kapısı: %50 / %50 ---------- */
/* Bakır rengi İKİ KAPI ARASINDAKİ DİKİŞTİR, zemin değil. Zemin olarak
   verilince yan padding alanları da bakıra boyanıyor ve blok gibi duruyordu
   (ölçüldü: 235px'lik padding bakır). Dikiş artık kenarlıkla çiziliyor. */
.fc-ana .ikili{display:grid;grid-template-columns:1fr 1fr;gap:0;background:transparent;padding-inline:var(--fc-yan)}
.fc-ana .ikili .kapi + .kapi{border-left:2px solid var(--bakir)}
/* Kaynak görseller 1200x1200 (1:1). 230px'lik kutu 3.15:1 kırpım demekti ve
   koltuğun üstü/altı kesiliyordu (ölçüldü). Kutu yükseltildi → ~2.1:1. */
.fc-ana .kapi{position:relative;min-height:clamp(230px,19vw,340px);overflow:hidden;display:block;text-decoration:none}
.fc-ana .kapi img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.fc-ana .kapi::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,20,40,.78) 0%,rgba(15,20,40,.15) 60%,transparent 100%)}
.fc-ana .kapi__ic{position:absolute;left:26px;right:26px;bottom:22px;z-index:2}
.fc-ana .kapi__b{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.02em}
.fc-ana .kapi__a{font-size:14px;color:rgba(255,255,255,.8);margin-top:4px}
.fc-ana .kapi__l{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;color:#E5B58C}
.fc-ana .test{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px var(--fc-yan);background:var(--lacivert);color:#fff}
/* İmza hamlenin hareketli hâli: akan dikiş çizgileri. stroke-dashoffset animasyonu = dikiş makinesinin ilerleyişi. Üç katman farklı hızda akar → derinlik. */
.fc-ana .test__desen{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.fc-ana .test__desen path{fill:none;stroke:#E5B58C;stroke-width:1.5;stroke-dasharray:9 11;stroke-linecap:round}
.fc-ana .test__desen path:nth-child(1){opacity:.34;animation:dikis 9s linear infinite}
.fc-ana .test__desen path:nth-child(2){opacity:.22;animation:dikis 14s linear infinite}
.fc-ana .test__desen path:nth-child(3){opacity:.16;animation:dikis 20s linear infinite reverse}
@keyframes dikis{from{stroke-dashoffset:0}to{stroke-dashoffset:-200}}
.fc-ana .test > div,.fc-ana .test > a{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){
  .fc-ana .test__desen path{animation:none}
}
.fc-ana .test__b{font-size:19px;font-weight:700}
.fc-ana .test__a{font-size:14px;opacity:.72;margin-top:3px}
.fc-ana .test .fc-btn--dolu{white-space:nowrap}
/* ---------- kategori vitrini ---------- */
.fc-ana .katgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
/* Kategori görselleri 1024x1024 (1:1). Kart kare yapılınca kırpım SIFIRLANIR;
   2.37:1 kutuda koltukların üstü ve altı kesiliyordu (Efehan, 28.08). */
.fc-ana .kat{position:relative;display:block;text-decoration:none;border-radius:14px;overflow:hidden;aspect-ratio:1;background:var(--kum)}
.fc-ana .kat img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s ease}
.fc-ana .kat:hover img{transform:scale(1.04)}
.fc-ana .kat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,20,40,.82) 0%,rgba(15,20,40,.2) 55%,transparent 100%)}
.fc-ana .kat__ic{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}
.fc-ana .kat__b{font-size:17px;font-weight:700;color:#fff;line-height:1.2}
.fc-ana .kat__s{margin-top:3px;font-size:13.5px;color:#E5B58C;font-weight:600}
/* ---------- ürün vitrini ---------- */
.fc-ana .sekmeler{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.fc-ana .sekme{padding:10px 18px;border-radius:999px;border:1.5px solid rgba(15,20,40,.16);background:transparent;font-family:inherit;font-size:14.5px;font-weight:700;color:var(--soluk);cursor:pointer}
.fc-ana .sekme.aktif{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.fc-ana .urunler{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fc-ana .urunler[hidden]{display:none}
.fc-ana .urun{border:1px solid rgba(15,20,40,.1);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.fc-ana .urun__g{position:relative;aspect-ratio:4/3;background:var(--kum);overflow:hidden}
.fc-ana .urun__g img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.fc-ana .urun:hover .urun__g img{transform:scale(1.05)}
.fc-ana .urun__ic{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.fc-ana .urun__b{font-size:15px;font-weight:700;color:var(--lacivert);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.fc-ana .urun__ozet{margin-top:6px;font-size:13px;color:var(--soluk)}
.fc-ana .urun__puan{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;color:var(--soluk)}
.fc-ana .urun__yildiz{color:#E0A64B;letter-spacing:1px;font-size:13px}
.fc-ana .urun__rozetler{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.fc-ana .rozet{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(15,20,40,.06);color:var(--lacivert);letter-spacing:.01em}
.fc-ana .rozet--stok{background:rgba(23,138,74,.12);color:#0F6B39}
.fc-ana .urun__taksit{margin-top:4px;font-size:12.5px;color:var(--bakir);font-weight:600}
.fc-ana .urun__g .etiket{position:absolute;top:10px;left:10px;z-index:2;background:rgba(255,255,255,.94);color:var(--lacivert);font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px}
.fc-ana .urun__f{margin-top:auto;padding-top:12px;font-size:18px;font-weight:700;color:var(--lacivert);letter-spacing:-.02em}
.fc-ana .urun__btn{margin-top:10px;display:block;text-align:center;padding:11px;border-radius:999px;background:var(--lacivert);color:#fff;font-weight:700;font-size:14px;text-decoration:none}
.fc-ana .urun__btn:hover{background:#1b2450}
.fc-ana .tumu{margin-top:22px;text-align:center}
.fc-ana .tumu a{display:inline-block;padding:13px 28px;border-radius:999px;border:2px solid var(--lacivert);color:var(--lacivert);font-weight:700;text-decoration:none;font-size:15px}
@media(max-width:900px){
  /* ============================================================ MOBİLDE YATAY KAYDIRMA — dikey uzunluk sorunu 6 kategori + 4 ürün + 8 galeri + 3 yorum alt alta dizilince mobil sayfa ~9.000px'e çıkıyordu. Bu blokların hepsi şeride döner. Y-16 reçetesi zorunlu: overflow-y:hidden + overscroll-behavior-x:contain olmadan dokunmatikte dikey kaydırma şeride kilitleniyor. Kart genişliği %100 DEĞİL — kenardan peek bırakılır ki kaydırılabildiği görülsün. ============================================================ */
  .fc-ana .urunler,.fc-ana .galeri,.fc-ana .yorumlar{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:10px;
    margin-inline:-20px;              /* sayfa padding'iyle EŞİT (Y-24) */
    padding-inline:20px;
    scroll-padding-inline:20px;
  }
  .fc-ana .urunler::-webkit-scrollbar,.fc-ana .galeri::-webkit-scrollbar,.fc-ana .yorumlar::-webkit-scrollbar{display:none}
  .fc-ana .urunler > *,.fc-ana .galeri > *,.fc-ana .yorumlar > *{
    scroll-snap-align:start;
    flex:0 0 auto;
  }
  /* Kategoriler mobilde KAYDIRILMAZ (müşteri, 02.09: "gsm sağa doğru
     kaydırmamız gerek" şikayeti). 6 kare kart → 2 sütun, 3 satır. */
  .fc-ana .katgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .fc-ana .urunler > *{width:62%}
  .fc-ana .galeri > *{width:70%}
  .fc-ana .yorumlar > *{width:82%}
  /* şerit olduğunu belli eden ipucu */
  .fc-ana .bolum__ust::after{content:"→ kaydırın";display:block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--bakir);letter-spacing:.02em}
  .fc-ana .sss + .bolum .bolum__ust::after,.fc-ana .iletisim{}
  /* MOBİL ÜRÜN KARTI — 375px'te kolon genişliği ~170px. Ölçülen sorunlar: "5.0 · 4<span class="uzun"> değerlendirme</span>" kart dışına taşıyordu, üç rozet alt alta üç satır oluyordu, kart gereksiz uzuyordu. Kartta yalnız satın alma kararına giren bilgi bırakılır: görsel · ad · puan (kısa) · stok · fiyat · eylem. */
  .fc-ana .urun__ic{padding:11px 12px 12px}
  .fc-ana .urun__b{font-size:13.5px;line-height:1.28;min-height:2.56em}
  .fc-ana .urun__ozet{display:none}
  /* özellik satırı: detayda zaten var */
  .fc-ana .urun__puan{margin-top:6px;font-size:11.5px;gap:4px;white-space:nowrap}
  .fc-ana .urun__yildiz{font-size:11px;letter-spacing:0}
  .fc-ana .urun__puan span.uzun{display:none}
  /* "değerlendirme" kelimesi düşer */
  .fc-ana .urun__rozetler{margin-top:8px}
  .fc-ana .urun__rozetler .rozet{display:none}
  /* yalnız stok rozeti kalır */
  .fc-ana .urun__rozetler .rozet--stok{display:inline-block;font-size:10.5px;padding:3px 8px}
  .fc-ana .urun__f{font-size:15.5px;padding-top:9px}
  .fc-ana .urun__taksit{font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fc-ana .urun__btn{margin-top:9px;padding:10px;font-size:13px}
  .fc-ana .urun__g .etiket{font-size:10.5px;padding:4px 8px;top:8px;left:8px}
}
/* ---------- galeri: gerçek teslimat projeleri ---------- */
.fc-ana .galeri{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fc-ana .gkart{position:relative;display:block;text-decoration:none;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--kum)}
.fc-ana .gkart img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.fc-ana .gkart:hover img{transform:scale(1.05)}
.fc-ana .gkart::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,20,40,.8) 0%,rgba(15,20,40,.1) 60%,transparent 100%)}
.fc-ana .gkart__ic{position:absolute;left:14px;right:14px;bottom:12px;z-index:2}
.fc-ana .gkart__b{font-size:14px;font-weight:700;color:#fff;line-height:1.3}
.fc-ana .gkart__y{margin-top:3px;font-size:12.5px;color:#E5B58C;font-weight:600}
/* ---------- müşteri yorumları ---------- */
.fc-ana .yorum__ust{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.fc-ana .yorum__puan{font-size:34px;font-weight:700;color:var(--lacivert);letter-spacing:-.03em}
.fc-ana .yorum__yildiz{color:#E0A64B;font-size:19px;letter-spacing:2px}
.fc-ana .yorum__adet{font-size:14.5px;color:var(--soluk)}
.fc-ana .yorumlar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fc-ana .yorum{border:1px solid rgba(15,20,40,.1);border-radius:14px;padding:20px;background:#fff;display:flex;flex-direction:column}
.fc-ana .yorum__y{color:#E0A64B;font-size:14px;letter-spacing:1px}
.fc-ana .yorum__m{margin-top:10px;font-size:14.5px;line-height:1.6;color:var(--metin);flex:1}
.fc-ana .yorum__k{margin-top:14px;font-size:13px;color:var(--soluk)}
.fc-ana .yorum__k b{color:var(--lacivert);font-weight:700}
/* ---------- SSS ---------- */
.fc-ana .sss{display:grid;gap:0;border:1px solid rgba(15,20,40,.12);border-radius:14px;overflow:hidden;background:#fff}
.fc-ana .sss details{border-bottom:1px solid rgba(15,20,40,.09)}
.fc-ana .sss details:last-child{border-bottom:0}
.fc-ana .sss summary{padding:17px 20px;cursor:pointer;font-weight:700;font-size:15.5px;color:var(--lacivert);list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
.fc-ana .sss summary::-webkit-details-marker{display:none}
.fc-ana .sss summary::after{content:"+";color:var(--bakir);font-size:20px;font-weight:700;flex:0 0 auto}
.fc-ana .sss details[open] summary::after{content:"−"}
.fc-ana .sss p{padding:0 20px 18px;margin:0;font-size:14.5px;line-height:1.6;color:var(--soluk);max-width:78ch}
/* ---------- iletişim ---------- */
.fc-ana .iletisim{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fc-ana .ikart{border:1px solid rgba(15,20,40,.12);border-radius:14px;padding:22px;background:#fff;display:flex;flex-direction:column}
.fc-ana .ikart__b{font-size:16px;font-weight:700;color:var(--lacivert)}
.fc-ana .ikart__a{margin-top:6px;font-size:14px;line-height:1.55;color:var(--soluk);flex:1}
.fc-ana .ikart__l{margin-top:14px;font-size:15px;font-weight:700;color:var(--bakir);text-decoration:none}
@media(max-width:900px){
  .fc-ana .galeri{grid-template-columns:1fr 1fr;gap:10px}
  .fc-ana .yorumlar{grid-template-columns:1fr}
  .fc-ana .iletisim{grid-template-columns:1fr}
  /* SSS ve iletişim dikey kalır: liste ve eylem blokları kaydırmaya uygun değil */
  .fc-ana section.bolum:has(.sss) .bolum__ust::after,.fc-ana section.bolum:has(.iletisim) .bolum__ust::after,.fc-ana section.bolum:has(.mekanizma) .bolum__ust::after,.fc-ana section.bolum:has(.kime) .bolum__ust::after{content:none}
}
/* ---------- mekanizma anlatımı ---------- */
.fc-ana .bolum{padding:clamp(44px,5vw,72px) var(--fc-yan)}
.fc-ana .bolum--gri{background:#fff}
.fc-ana .bolum__ust{max-width:640px;margin-bottom:34px}
.fc-ana .bolum h2{font-size:clamp(1.7rem,2.4vw,2.25rem);font-weight:700;letter-spacing:-.025em;color:var(--lacivert);line-height:1.12}
.fc-ana .bolum__alt{margin-top:12px;font-size:16px;line-height:1.55;color:var(--soluk);max-width:52ch}
.fc-ana .mekanizma{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fc-ana .mek{border:1px solid rgba(15,20,40,.1);border-radius:14px;padding:22px;background:var(--kum)}
.fc-ana .mek svg{width:100%;height:112px;display:block;margin-bottom:14px}
.fc-ana .mek__b{font-weight:700;font-size:17px;color:var(--lacivert)}
.fc-ana .mek__a{margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--soluk)}
.fc-ana .mek__rozet{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:700;color:var(--bakir);letter-spacing:.04em}
/* ---------- hangi koltuk kime ---------- */
.fc-ana .kime{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(15,20,40,.12);border-radius:14px;overflow:hidden;background:#fff}
.fc-ana .kime__h{padding:22px 20px;border-right:1px solid rgba(15,20,40,.1)}
.fc-ana .kime__h:last-child{border-right:0}
.fc-ana .kime__kim{font-weight:700;font-size:16px;color:var(--lacivert)}
.fc-ana .kime__ne{margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--soluk)}
.fc-ana .kime__l{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--bakir);text-decoration:none}
/* ---------- showroom ---------- */
/* Yan boşluk .showroom__sol'a DEĞİL bu bloğa verilir: --fc-yan içindeki
   yüzde, kullanıldığı öğenin KENDİ genişliğine göre çözülür; 1008px'lik
   sütunda hesap negatife düşüp 20px tabanına çakılıyordu (ölçüldü).
   Sağ boşluk bilinçli olarak YOK — görsel sağ kenara dayanır, metin grid'e. */
.fc-ana .showroom{display:grid;grid-template-columns:1.05fr .95fr;background:var(--lacivert);color:#fff;padding-inline-start:var(--fc-yan)}
.fc-ana .showroom__sol{padding:clamp(36px,4vw,56px) 48px clamp(36px,4vw,56px) 0}
.fc-ana .showroom h2{color:#fff;font-size:clamp(1.7rem,2.4vw,2.25rem);font-weight:700;letter-spacing:-.025em}
.fc-ana .showroom p{margin-top:14px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.76);max-width:46ch}
.fc-ana .showroom__liste{margin:22px 0 26px;display:grid;gap:10px}
.fc-ana .showroom__liste div{font-size:15px;color:rgba(255,255,255,.9);padding-inline-start:18px;position:relative}
.fc-ana .showroom__liste div::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--bakir)}
.fc-ana .showroom__sag{position:relative;min-height:260px;overflow:hidden}
.fc-ana .showroom__sag img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){
  .fc-ana .bolum{padding:36px var(--fc-yan)}
  .fc-ana .mekanizma{grid-template-columns:1fr}
  .fc-ana .kime{grid-template-columns:1fr}
  .fc-ana .kime__h{border-right:0;border-bottom:1px solid rgba(15,20,40,.1)}
  .fc-ana .kime__h:last-child{border-bottom:0}
  .fc-ana .showroom{grid-template-columns:1fr;padding-inline:var(--fc-yan)}
  .fc-ana .showroom__sol{padding:32px 0}
  .fc-ana .showroom__sag{order:-1;min-height:200px}
}
@media(max-width:900px){
  .fc-ana nav{display:none}
  .fc-ana header{padding:14px 20px}
  /* Perde mobilde DİKEY: yatay degrade dar ekranda metnin altını açıkta bırakıyordu */
  .fc-ana .slide::after{background:linear-gradient(0deg,rgba(15,20,40,.9) 0%,rgba(15,20,40,.72) 42%,rgba(15,20,40,.25) 72%,rgba(15,20,40,.08) 100%)}
  /* İçerik alta hizalı — görselin üst yarısı görünür kalsın */
  .fc-ana .slide__ic{padding:0 20px 46px;max-width:none;justify-content:flex-end}
  .fc-ana .noktalar{left:20px;bottom:16px}
  .fc-ana .segment{display:none}
  /* Oklar metnin üstüne biniyordu; mobilde parmak kaydırma var, gizlenir (Y-16) */
  .fc-ana .ok{display:none}
  .fc-ana .guven{grid-template-columns:1fr 1fr}
  .fc-ana .ikili{grid-template-columns:1fr}
  .fc-ana .test{flex-direction:column;align-items:flex-start;padding:22px var(--fc-yan)}
  .fc-ana .slide__ctalar .fc-btn{flex:1 1 0;text-align:center;padding:13px 12px;font-size:14px}
}
/* ============================================================ MOBİL ŞERİT — SIRALAMA DÜZELTMESİ .galeri ve .yorumlar'ın masaüstü `display:grid` tanımı, media query'den SONRA geldiği için carousel kuralını eziyordu (ölçüldü: ikisi grid kaldı, scrollWidth = clientWidth). Kural dosyanın en sonuna alınıyor — CSS'te son gelen aynı özgüllükte kazanır. ============================================================ */
@media(max-width:900px){
  .fc-ana .urunler,.fc-ana .galeri,.fc-ana .yorumlar{
    display:flex !important;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:10px;
    margin-inline:-20px;
    padding-inline:20px;
    scroll-padding-inline:20px;
  }
  .fc-ana .urunler > *,.fc-ana .galeri > *,.fc-ana .yorumlar > *{
    scroll-snap-align:start;
    flex:0 0 auto !important;
  }
  .fc-ana .urunler > *{width:62% !important}
  .fc-ana .galeri > *{width:70% !important}
  .fc-ana .yorumlar > *{width:82% !important}
}
@media(max-width:900px){
  /* Mekanizma ve "kime uygun" da şeride döner — ikisi de eşdeğer kartlardan oluşuyor, kaydırmaya uygun. SSS ve iletişim dikey kalır (liste ve eylem). */
  .fc-ana .mekanizma,.fc-ana .kime{
    display:flex !important;
    overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    scrollbar-width:none; gap:10px;
    margin-inline:-20px; padding-inline:20px; scroll-padding-inline:20px;
    border:0; border-radius:0; background:transparent;
  }
  .fc-ana .mekanizma::-webkit-scrollbar,.fc-ana .kime::-webkit-scrollbar{display:none}
  .fc-ana .mekanizma > *,.fc-ana .kime > *{scroll-snap-align:start;flex:0 0 auto !important;width:74% !important}
  /* .kime kartları şeritte kendi kenarlığını alır (tablo görünümü dağılmasın) */
  .fc-ana .kime__h{border:1px solid rgba(15,20,40,.12);border-radius:14px;background:#fff}
  /* İkili segment kapısı MOBİLDE ALT ALTA.
     Sayfayı kısaltmak için yan yana denendi ve geri alındı: 390px'te her kart
     194px kalıyor, başlık ("Sinema ve TV Koltukları") ve açıklama kart
     kenarında kırpılıyordu. Bunlar sitenin birincil gezinme kapıları —
     okunurluk, 190px'lik sayfa kısalmasından önce gelir. */
  .fc-ana .ikili{grid-template-columns:1fr;gap:2px}
  .fc-ana .kapi{min-height:170px}
  .fc-ana .kapi__b{font-size:17px}
  .fc-ana .kapi__a{font-size:13px}
}

/* ==================================================================
   TEMA UYUM KATMANI
   Mock tek başına, tema olmadan yazıldı; bazı kuralları tarayıcı
   varsayılanlarına güveniyordu. Woodmart o varsayılanları değiştiriyor.
   Aşağıdaki her kural CANLIDA ÖLÇÜLMÜŞ bir sapmayı kapatır — süs değil.
   ================================================================== */

/* 1) Tam genişlik.
   Woodmart içeriği main#main-content.container içine alıyor:
   max-width:1480px + padding:40px 15px. Sonuç: 1280px ekranda bölümler
   1250px kalıyor ve kum zemin sağ/sol kenara ULAŞMIYOR.
   `.fc-ana`ya 100vw vermek yerine konteyner ana sayfada nötrleniyor:
   100vw kaydırma çubuğunu da sayar ve yatay taşma üretir.
   Bağ: front-page.php'nin eklediği body.fc-anasayfa sınıfı. */
/* Konteyner nötrleme css/header.css'e taşındı (ana sayfa + kategori ortak). */

/* 2) Tema düğme stilleri.
   Woodmart button/.fc-btn öğelerine min-height (42-48px) ve
   text-transform:capitalize veriyor. min-height DAİMA height'i yener:
   3px'lik slayt çubuğu 42px'lik kutuya dönüşüyordu. */
.fc-ana button,
.fc-ana .fc-btn,
.fc-ana .urun__btn,
.fc-ana .sekme,
.fc-ana .nokta,
.fc-ana .ok{
	min-height:0;
	min-width:0;
	text-transform:none;
	letter-spacing:normal;
	box-shadow:none;
	background-image:none;
}

/* `.fc-btn` tema ile ADI ÇAKIŞAN bir sınıf; tema ona açık gri zemin veriyor.
   Mock'ta zemin şeffaftı → beyaz yazılı "boş" düğme okunmaz oluyordu. */
.fc-ana .fc-btn{background-color:transparent}
.fc-ana .fc-btn--dolu{background-color:#fff}
.fc-ana .fc-btn--bos{background-color:transparent}

/* 3) EWWW <picture> sarmalayıcısı.
   Eklenti her <img>'i <picture> içine alıyor. <picture> boyutsuz bir kutu
   olduğu için içindeki img'in height:100%'ü çözülemiyor ve görsel doğal
   oranına çöküyordu (ürün görseli 28px yüksekliğinde kalmıştı). */
.fc-ana picture{display:block;width:100%;height:100%}
.fc-ana .kat picture,
.fc-ana .kapi picture{position:absolute;inset:0}
.fc-ana .showroom__sag picture,
.fc-ana .showroom__sag img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fc-ana .showroom__sag{position:relative;overflow:hidden}

/* 4) Gizli sekme paneli.
   Mobil şerit kuralı `.urunler{display:flex !important}` diyor ve bu,
   HTML'in `hidden` niteliğinden gelen `display:none`'ı EZİYOR: seçilmemiş
   sekmenin ürünleri de sayfada duruyordu (mobilde bölüm iki katı uzundu).
   `hidden` bir görünürlük sözleşmesidir; şerit kuralından sonra gelmeli. */
.fc-ana [hidden]{display:none !important}

/* ============================================================
   HERO — MOBİL KOMPOZİSYON (02.09, müşteri: "resimler ekrana sığmamış")
   Ölçüldü: 1376×768 yatay görsel 375×440 DİKEY kutuya `cover` ile
   sıkışıyor, koltuğun üçte ikisi kırpılıyordu. Masaüstü kompozisyonu
   mobile bükülmez (Z-01): görsel üstte 16:10 (hafif kırpım), metin altta
   düz lacivert zeminde, görselin üstünde perde yok (Y-06).
   Slaytlar aynı grid hücresine yığılır → opaklık geçişi korunur, hero
   yüksekliği en uzun slayttan gelir.
   ============================================================ */
@media(max-width:900px){
  .fc-ana .hero{height:auto;display:grid;overflow:hidden}
  .fc-ana .slide{position:relative;inset:auto;grid-area:1/1;display:flex;flex-direction:column}
  .fc-ana .slide img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;display:block}
  .fc-ana .slide::after{display:none}
  .fc-ana .slide__ic{position:static;inset:auto;max-width:none;justify-content:flex-start;
    padding:20px 20px 64px;background:var(--lacivert)}
  .fc-ana .slide h1,.fc-ana .slide h2{font-size:clamp(1.55rem,6.4vw,2rem)}
  .fc-ana .slide p{margin-top:12px;font-size:15px}
  /* Butonlar 50/50 zorlanınca 163px'e sığmayıp 2 satıra kırılıyordu (ölçüldü,
     4 slaytın 8 butonu). Buton İÇİ asla kırılmaz (nowrap); satır dolmazsa
     ikinci buton alt satıra tam genişlik iner. */
  .fc-ana .slide__ctalar{margin-top:20px;flex-wrap:wrap;gap:10px}
  .fc-ana .slide__ctalar .fc-btn{flex:1 1 auto;white-space:nowrap;padding:13px 16px;font-size:14px;text-align:center}
  .fc-ana .noktalar{left:20px;bottom:24px}
}