/* ============================================================
   PASTEL ART MOBİLYA — STİL (v2)
   Palet: kâğıt #FAF7F2 · antrasit #2B2A29 · marka turuncusu #F26717
   Tipografi: Marcellus (başlık) · Jost (gövde)
   İlke: sakin, editoryal, görsel öncelikli. Turuncu yalnızca vurgu.
   ============================================================ */

:root{
  --beyaz:#FFFFFF;
  --kagit:#FAF7F2;
  --kagit-koyu:#F1ECE4;
  --studyo:#EAE8E5;          /* render zeminlerine yakın nötr ton */
  --murekkep:#2B2A29;
  --murekkep-yumusak:#5C5853;
  --gri:#8F8A84;
  --cizgi:#E6E0D8;
  --turuncu:#F26717;
  --turuncu-koyu:#D4560E;
  --wa:#1FAF5A;
  --govde:'Jost',system-ui,sans-serif;
  --baslik:'Marcellus',Georgia,serif;
  --gecis:cubic-bezier(.22,.61,.36,1);
  --golge:0 30px 70px -30px rgba(43,42,41,.28);
  --menu-yukseklik:76px;
}

*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth;scroll-padding-top:var(--menu-yukseklik)}
body{
  font-family:var(--govde);color:var(--murekkep);background:var(--beyaz);
  line-height:1.65;font-size:16px;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;background:none;border:none;cursor:pointer;color:inherit;font-size:inherit}
h1,h2,h3{font-family:var(--baslik);font-weight:400;line-height:1.12;letter-spacing:.005em}
h2{font-size:clamp(2rem,4.2vw,3.3rem)}

.kap{width:min(1320px,100% - 2*clamp(1.1rem,4vw,3rem));margin-inline:auto}

.eyebrow{
  font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--turuncu);font-weight:500;margin-bottom:1rem;
}
.eyebrow-acik{color:#FFA56B}

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

/* ---------- GÖRÜNÜRLÜK ANİMASYONU ---------- */
.gorun{opacity:0;transform:translateY(22px);transition:opacity .9s var(--gecis),transform .9s var(--gecis)}
.gorun.aktif{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.gorun{opacity:1;transform:none;transition:none}}

/* ---------- GÖRSEL YÜKLEME: kırık ikon yerine yumuşak belirme ---------- */
.gorsel-cerceve{position:relative;overflow:hidden;background:var(--studyo)}
.gorsel-cerceve img{
  width:100%;height:100%;object-fit:cover;opacity:0;
  transition:opacity .6s var(--gecis),transform 1.1s var(--gecis);
}
.gorsel-cerceve img.yuklendi{opacity:1}
.gorsel-cerceve.sigdir{background:#fff}
.gorsel-cerceve.sigdir img{object-fit:contain;padding:6%}

/* ---------- DÜĞMELER ---------- */
.dugme{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:1rem 2.1rem;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;
  font-weight:500;border-radius:0;transition:background .35s var(--gecis),color .35s,border-color .35s;
  white-space:nowrap;
}
.dugme svg{width:17px;height:17px;flex:none}
.dugme-dolu{background:var(--murekkep);color:#fff;border:1px solid var(--murekkep)}
.dugme-dolu:hover{background:var(--turuncu);border-color:var(--turuncu)}
.dugme-cizgi{border:1px solid currentColor;color:var(--murekkep)}
.dugme-cizgi:hover{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}
.dugme-wa{background:var(--wa);border-color:var(--wa)}
.dugme-wa:hover{background:#189549;border-color:#189549}

.ikon-dugme{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;
  transition:background .25s,color .25s;
}
.ikon-dugme:hover{background:rgba(43,42,41,.07)}
.ikon-dugme svg{width:20px;height:20px}

/* ============================================================
   ÜST MENÜ
   ============================================================ */
.ust-menu{
  position:fixed;inset:0 0 auto;z-index:60;height:var(--menu-yukseklik);
  display:flex;align-items:center;
  transition:background .4s,box-shadow .4s,height .4s;
}
.ust-menu.katilasti{
  background:rgba(250,247,242,.94);backdrop-filter:saturate(1.4) blur(14px);
  box-shadow:0 1px 0 var(--cizgi);height:64px;
}
.ust-menu-ic{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}
.marka{display:flex;align-items:center;gap:.75rem;justify-self:start}
.marka-logo{height:40px;width:auto;transition:height .4s}
.ust-menu.katilasti .marka-logo{height:34px}
.marka-yazi{
  font-family:var(--baslik);font-size:1.2rem;letter-spacing:.05em;
  display:flex;flex-direction:column;line-height:1.05;
}
.marka-yazi em{
  font-family:var(--govde);font-style:normal;font-size:.56rem;
  letter-spacing:.38em;text-transform:uppercase;color:var(--gri);margin-top:.2rem;
}
.menu{display:flex;gap:2.4rem}
.menu-link{
  font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;
  position:relative;padding:.4rem 0;
}
.menu-link::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:right;
  transition:transform .4s var(--gecis);
}
.menu-link:hover::after,.menu-link.aktif::after{transform:scaleX(1);transform-origin:left}
.ust-araclar{display:flex;align-items:center;gap:.4rem;justify-self:end}
.ust-cta{
  font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;
  border:1px solid var(--murekkep);padding:.62rem 1.2rem;margin-left:.4rem;
  transition:background .3s,color .3s;
}
.ust-cta:hover{background:var(--murekkep);color:#fff}
.menu-dugme{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:7px}
.menu-dugme span{display:block;width:24px;height:1.5px;background:var(--murekkep);transition:transform .35s var(--gecis)}
.menu-dugme[aria-expanded="true"] span:first-child{transform:translateY(4.25px) rotate(45deg)}
.menu-dugme[aria-expanded="true"] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}

/* ---------- ARAMA ---------- */
.arama-katman{
  position:fixed;inset:0;z-index:90;background:rgba(250,247,242,.985);
  padding-top:clamp(4rem,10vh,7rem);overflow:auto;animation:belir .3s var(--gecis);
}
@keyframes belir{from{opacity:0}to{opacity:1}}
.arama-ic{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--murekkep);padding-bottom:1rem}
.arama-simge{width:26px;height:26px;flex:none;color:var(--gri)}
#aramaGirdi{
  flex:1;min-width:0;border:none;outline:none;font-family:var(--baslik);
  font-size:clamp(1.5rem,3.4vw,2.6rem);background:none;color:var(--murekkep);
}
#aramaGirdi::placeholder{color:#C4BCB1}
.arama-sonuc{padding:2.4rem 0 4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2rem 1.4rem}
.arama-sonuc-not{grid-column:1/-1;color:var(--gri)}

/* ============================================================
   HERO — tam ekran, render'lar kenardan kenara
   ============================================================ */
.hero{
  position:relative;height:100svh;min-height:620px;max-height:1100px;
  overflow:hidden;background:var(--kagit);display:flex;flex-direction:column;
  justify-content:flex-end;
}
/* Solda metin, sağda tam yükseklikte sahne — render'lar ortalanmış
   kompozisyonlar olduğundan başlığın arkasında kalmasınlar. */
.hero-sahne{position:absolute;top:0;bottom:0;right:0;left:44%;background:var(--studyo)}
.hero-kare{
  position:absolute;inset:0;opacity:0;transition:opacity 1.4s var(--gecis);
}
.hero-kare.aktif{opacity:1;z-index:1}
.hero-kare img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.hero-kare.sigdir{background:#fff}
.hero-kare.sigdir img{object-fit:contain;object-position:50% 50%;padding:12% 7% 14%}
@media (prefers-reduced-motion:no-preference){
  .hero-kare.aktif img{animation:yakinlas 9s linear forwards}
  @keyframes yakinlas{from{transform:scale(1.001)}to{transform:scale(1.06)}}
}
.hero-ortu{
  position:absolute;top:0;bottom:0;right:0;left:44%;z-index:2;pointer-events:none;
  background:linear-gradient(0deg,rgba(250,247,242,.9) 0%,rgba(250,247,242,0) 16%);
}
.hero-ic{position:relative;z-index:3;padding-bottom:clamp(2rem,7vh,5rem);max-width:none}
.hero .hero-ic>*{max-width:min(44ch,calc(44vw - clamp(1.1rem,4vw,3rem) - 2rem))}
.hero .hero-ic>.hero-baslik{max-width:calc(44vw - clamp(1.1rem,4vw,3rem) - 1rem)}
.hero-baslik{font-size:clamp(2.8rem,5.4vw,5.6rem);margin:0 0 1.5rem;line-height:1.02}
.hero-baslik .satir{display:block;overflow:hidden;padding-bottom:.06em}
.hero-baslik .satir>span{display:block;transform:translateY(105%);animation:satirGel 1.1s var(--gecis) .15s forwards}
.hero-baslik .satir:nth-child(2)>span{animation-delay:.27s}
.hero-baslik .satir:nth-child(3)>span{animation-delay:.39s}
.hero-baslik .vurgu>span{color:var(--turuncu);font-style:normal}
@keyframes satirGel{to{transform:none}}
.hero-giris{opacity:0;animation:yukselerekGel 1s var(--gecis) .55s forwards}
.hero-dugmeler{animation-delay:.7s}
@keyframes yukselerekGel{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .hero-baslik .satir>span,.hero-giris{animation:none;transform:none;opacity:1}
}
.hero-alt{max-width:44ch;color:var(--murekkep-yumusak);font-size:1.05rem;margin-bottom:2.2rem}
.hero-dugmeler{display:flex;gap:.8rem;flex-wrap:wrap}

.hero-serit{
  position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;padding:1.3rem 0 1.6rem;border-top:1px solid rgba(43,42,41,.14);
}
.hero-urun{display:flex;align-items:baseline;gap:1rem;text-align:left}
.hero-urun-kat{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gri)}
.hero-urun-ad{font-family:var(--baslik);font-size:1.35rem}
.hero-urun-git{
  display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;letter-spacing:.2em;
  text-transform:uppercase;font-weight:500;opacity:.7;transition:opacity .3s,gap .3s;
}
.hero-urun-git svg{width:15px;height:15px}
.hero-urun:hover .hero-urun-git{opacity:1;gap:.7rem;color:var(--turuncu)}
.hero-kontrol{display:flex;align-items:center;gap:.9rem}
.hero-sayi{font-family:var(--baslik);font-size:.95rem;min-width:1.4em;text-align:center}
.hero-ilerleme{width:clamp(60px,9vw,120px);height:1px;background:rgba(43,42,41,.2);position:relative;overflow:hidden}
.hero-ilerleme i{position:absolute;inset:0;background:var(--murekkep);transform-origin:left;transform:scaleX(0)}

/* ============================================================
   GİRİŞ / RAKAMLAR
   ============================================================ */
.giris{padding:clamp(4.5rem,10vw,8rem) 0 clamp(3rem,7vw,5rem)}
.giris-ic{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:end}
.giris-metin{font-family:var(--baslik);font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.35}
.giris-metin em{font-style:normal;color:var(--turuncu)}
.rakamlar{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}
.rakamlar div{border-top:1px solid var(--cizgi);padding-top:1rem}
.rakamlar dt{font-family:var(--baslik);font-size:clamp(2rem,3.4vw,2.9rem);line-height:1}
.rakamlar dd{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gri);margin-top:.5rem}

/* ============================================================
   BÖLÜM ORTAK
   ============================================================ */
.bolum{padding:clamp(4.5rem,9vw,8rem) 0}
.bolum-kagit{background:var(--kagit)}
.bolum-baslik{margin-bottom:clamp(2.2rem,4.5vw,3.6rem)}
.bolum-baslik-yan{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.bolum-aciklama{color:var(--murekkep-yumusak);max-width:42ch}

/* ============================================================
   KATEGORİLER — editoryal ızgara
   ============================================================ */
.kategori-izgara{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(1rem,2vw,1.8rem)}
.kategori-kart{grid-column:span 2;text-align:left;display:block}
.kategori-kart.genis{grid-column:span 3}
.kategori-kart.tam{grid-column:span 6}
.kategori-kart .gorsel-cerceve{aspect-ratio:4/3}
.kategori-kart.genis .gorsel-cerceve{aspect-ratio:16/10}
.kategori-kart.tam .gorsel-cerceve{aspect-ratio:21/8}
.kategori-kart:hover img.yuklendi{transform:scale(1.045)}
.kategori-alt{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:1rem}
.kategori-alt h3{font-size:clamp(1.3rem,1.9vw,1.65rem);transition:color .3s}
.kategori-alt span{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gri);white-space:nowrap}
.kategori-kart:hover h3{color:var(--turuncu)}

/* ============================================================
   KOLEKSİYON
   ============================================================ */
.filtreler{
  display:flex;gap:.3rem 2rem;flex-wrap:wrap;margin-bottom:clamp(2rem,4vw,3rem);
  border-bottom:1px solid var(--cizgi);
}
.filtre{
  padding:.9rem 0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:500;color:var(--gri);position:relative;transition:color .3s;
}
.filtre::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--murekkep);
  transform:scaleX(0);transition:transform .4s var(--gecis);
}
.filtre:hover{color:var(--murekkep)}
.filtre.secili{color:var(--murekkep)}
.filtre.secili::after{transform:scaleX(1)}

.urun-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:clamp(2.2rem,4vw,3.2rem) clamp(1rem,2vw,1.8rem)}
.urun-kart{text-align:left;display:block;width:100%}
.urun-kart .gorsel-cerceve{aspect-ratio:4/3}
.urun-kart .ikinci{position:absolute;inset:0;opacity:0}
.urun-kart:hover .ikinci.yuklendi{opacity:1}
.urun-kart:hover img.yuklendi{transform:scale(1.035)}
.urun-alt{padding-top:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.urun-alt span{display:block;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gri);margin-bottom:.3rem}
.urun-alt h3{font-size:1.3rem;transition:color .3s}
.urun-kart:hover h3{color:var(--turuncu)}
.urun-kart.giris-anim{animation:kartGel .7s var(--gecis) both}
@keyframes kartGel{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.urun-kart.giris-anim{animation:none}}
.bos-mesaj{color:var(--gri);padding:3rem 0;text-align:center}
.daha-fazla{display:flex;justify-content:center;margin-top:clamp(2.6rem,5vw,4rem)}

/* ============================================================
   PROJELER
   ============================================================ */
.projeler{background:var(--murekkep);color:#fff;padding:clamp(4.5rem,9vw,8rem) 0}
.projeler .bolum-aciklama{color:#BDB7B0}
.proje-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,1.8rem)}
.proje-kart{grid-column:span 6;text-align:left;display:block;color:#fff}
.proje-kart:nth-child(3n+1){grid-column:span 12}
.proje-kart .gorsel-cerceve{aspect-ratio:4/3;background:#3A3836}
.proje-kart:nth-child(3n+1) .gorsel-cerceve{aspect-ratio:21/9}
.proje-kart:hover img.yuklendi{transform:scale(1.04)}
.proje-alt{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-top:1rem}
.proje-alt h3{font-size:clamp(1.35rem,2.2vw,1.9rem)}
.proje-alt span{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#A8A29B}

.daha-fazla-koyu .dugme-cizgi{color:#fff}
.daha-fazla-koyu .dugme-cizgi:hover{background:#fff;color:var(--murekkep);border-color:#fff}

.proje-detay{position:fixed;inset:0;z-index:85;background:var(--kagit);overflow:auto;animation:belir .35s var(--gecis)}
.proje-kapat{position:fixed;right:clamp(.8rem,2vw,1.6rem);top:clamp(.8rem,2vw,1.4rem);z-index:2;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.1)}
.proje-detay-ust{padding:clamp(4rem,9vh,6rem) 0 clamp(2rem,4vw,3rem);max-width:900px}
.proje-detay-ust h2{margin-bottom:1.2rem}
.proje-aciklama p{color:var(--murekkep-yumusak);max-width:62ch;margin-bottom:.9rem}
.proje-galeri{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.8rem,1.6vw,1.4rem);padding-bottom:5rem}
.proje-galeri button{display:block;width:100%;cursor:zoom-in}
.proje-galeri button:nth-child(3n+1){grid-column:span 2}
.proje-galeri .gorsel-cerceve{aspect-ratio:3/2}
.proje-galeri button:nth-child(3n+1) .gorsel-cerceve{aspect-ratio:16/8}

/* ============================================================
   DEĞERLER
   ============================================================ */
.miras{background:var(--kagit);padding:clamp(4.5rem,9vw,8rem) 0;border-top:1px solid var(--cizgi)}
.miras blockquote{
  font-family:var(--baslik);font-size:clamp(1.6rem,3.2vw,2.7rem);line-height:1.32;
  max-width:24ch;margin-bottom:clamp(3rem,6vw,5rem);
}
.miras-degerler{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,4rem)}
.miras-degerler div{border-top:1px solid var(--murekkep);padding-top:1.4rem}
.miras-degerler span{font-family:var(--baslik);color:var(--turuncu);font-size:.95rem}
.miras-degerler h3{font-size:1.4rem;margin:.6rem 0 .7rem}
.miras-degerler p{color:var(--murekkep-yumusak);font-size:.97rem}

/* ============================================================
   HAKKIMIZDA
   ============================================================ */
.hakkimizda-ic{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
.hakkimizda-gorsel{position:relative;aspect-ratio:4/5;background:var(--studyo);overflow:hidden}
.hakkimizda-gorsel img{width:100%;height:100%;object-fit:cover}
.hakkimizda-gorsel.sigdir{background:#fff}
.hakkimizda-gorsel.sigdir img{object-fit:contain;padding:10%}
.hakkimizda-gorsel img.logo-yedek{object-fit:contain;padding:22%;background:var(--kagit)}
.hakkimizda-yil{
  position:absolute;left:0;bottom:0;background:var(--murekkep);color:#fff;
  padding:1.2rem 1.6rem;display:flex;flex-direction:column;
}
.hakkimizda-yil strong{font-family:var(--baslik);font-size:2rem;font-weight:400;line-height:1}
.hakkimizda-yil span{font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;opacity:.75;margin-top:.35rem}
.hakkimizda-metin h2{margin-bottom:1.6rem}
.hakkimizda-metin p{color:var(--murekkep-yumusak);margin-bottom:1.1rem;max-width:58ch}

/* ============================================================
   INSTAGRAM
   ============================================================ */
.instagram{padding:clamp(4rem,8vw,6.5rem) 0;background:var(--kagit);border-top:1px solid var(--cizgi)}
.instagram-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}
.instagram-ust h2 a{transition:color .3s}
.instagram-ust h2 a:hover{color:var(--turuncu)}
.instagram-widget{min-height:120px}
.instagram-widget iframe{max-width:100%}
.instagram-not{color:var(--murekkep-yumusak);max-width:52ch}

/* ============================================================
   İLETİŞİM
   ============================================================ */
.iletisim{background:var(--murekkep);color:#fff;padding:clamp(4.5rem,9vw,8rem) 0}
.iletisim-ic{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:stretch}
.iletisim-metin>p{color:#C9C4BE;max-width:40ch;margin:1rem 0 2.4rem}
.iletisim-kartlar{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.14)}
.iletisim-kart{
  display:flex;align-items:flex-start;gap:.9rem;padding:1.3rem 1rem 1.3rem 0;
  border-bottom:1px solid rgba(255,255,255,.14);transition:color .3s;min-width:0;
}
a.iletisim-kart:hover{color:var(--turuncu)}
.iletisim-kart svg{width:22px;height:22px;color:var(--turuncu);flex:none;margin-top:.15rem}
.iletisim-kart div{min-width:0}
.iletisim-kart strong{display:block;font-weight:500;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.2rem}
.iletisim-kart span{font-size:.93rem;color:#D2CDC7;overflow-wrap:anywhere}
.harita{background:#3A3836;min-height:380px;position:relative}
.harita iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.85) contrast(1.05)}

/* ============================================================
   ALT BİLGİ
   ============================================================ */
.alt-bilgi{background:#232221;color:#A8A29B;font-size:.92rem}
.alt-bilgi-ust{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;padding:clamp(3.5rem,6vw,5rem) 0 3rem}
.alt-logo{height:36px;width:auto;margin-bottom:1rem}
.alt-bilgi h3{font-family:var(--govde);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#fff;font-weight:500;margin-bottom:1.1rem}
.alt-bilgi ul{list-style:none;display:grid;gap:.55rem}
.alt-bilgi a:hover{color:#fff}
.alt-bilgi-alt{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.4rem 90px 2rem 0;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem}

/* ============================================================
   WHATSAPP YÜZEN
   ============================================================ */
.wa-yuzen{
  position:fixed;right:clamp(1rem,2.5vw,1.8rem);bottom:clamp(1rem,2.5vw,1.8rem);z-index:55;
  width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;
  display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(31,175,90,.55);
  transition:transform .3s var(--gecis),opacity .3s;
}
.wa-yuzen svg{width:28px;height:28px}
.wa-yuzen:hover{transform:scale(1.07)}
body.kilitli .wa-yuzen{opacity:0;pointer-events:none}

/* ============================================================
   ÜRÜN DETAY
   ============================================================ */
.detay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(0rem,2vw,1.5rem)}
.detay-fon{position:absolute;inset:0;background:rgba(30,29,28,.62);backdrop-filter:blur(5px);animation:belir .3s}
.detay-panel{
  position:relative;background:#fff;width:min(1280px,100%);
  height:min(88svh,820px);display:grid;grid-template-columns:1.5fr 1fr;
  box-shadow:0 40px 100px -30px rgba(0,0,0,.45);animation:panelGel .5s var(--gecis);
}
@keyframes panelGel{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.detay-panel,.detay-fon{animation:none}}
.detay-kapat{position:absolute;right:.8rem;top:.8rem;z-index:5;background:#fff}
.detay-galeri{position:relative;background:var(--studyo);min-height:0}
.galeri-sahne{position:absolute;inset:0;cursor:zoom-in}
.galeri-sahne img{width:100%;height:100%;object-fit:contain;transition:opacity .3s var(--gecis)}
.galeri-sahne img.soluk{opacity:0}
.galeri-sahne.sigdir{background:#fff}
.galeri-sahne.sigdir img{padding:5%}
.galeri-ok,.galeri-buyut{
  position:absolute;z-index:3;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94);
  display:grid;place-items:center;transition:background .25s,color .25s;
}
.galeri-ok{top:50%;transform:translateY(-50%)}
.galeri-ok:hover,.galeri-buyut:hover{background:var(--murekkep);color:#fff}
.galeri-ok svg,.galeri-buyut svg{width:19px;height:19px}
.galeri-geri{left:1rem}.galeri-ileri{right:1rem}
.galeri-buyut{right:1rem;bottom:1rem}
.galeri-sayac{position:absolute;left:1.2rem;bottom:1.25rem;z-index:3;font-family:var(--baslik);font-size:.92rem;color:var(--murekkep-yumusak)}
.detay-bilgi{padding:clamp(1.8rem,3.5vw,3rem);display:flex;flex-direction:column;overflow:auto}
.detay-ad{font-size:clamp(2rem,3.4vw,3rem);margin:0 0 1.2rem}
.detay-aciklama p{color:var(--murekkep-yumusak);margin-bottom:.8rem;font-size:.97rem}
.detay-kucukler{display:flex;gap:.55rem;flex-wrap:wrap;margin:.6rem 0 1.6rem}
.detay-kucuk{
  width:72px;aspect-ratio:4/3;overflow:hidden;opacity:.55;
  outline:1px solid transparent;outline-offset:2px;transition:opacity .25s,outline-color .25s;
  background:var(--studyo);
}
.detay-kucuk img{width:100%;height:100%;object-fit:cover}
.detay-kucuk.sigdir{background:#fff}
.detay-kucuk.sigdir img{object-fit:contain;padding:6%}
.detay-kucuk:hover{opacity:.9}
.detay-kucuk.secili{opacity:1;outline-color:var(--murekkep)}
.detay-not{color:var(--gri);font-size:.9rem;margin-bottom:1.6rem;max-width:44ch}
.detay-eylemler{display:flex;gap:.7rem;flex-wrap:wrap}
.detay-eylemler .dugme{padding:1rem 1.6rem}
.detay-benzer{margin-top:auto;padding-top:2.2rem}
.detay-benzer h3{font-family:var(--govde);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gri);font-weight:500;margin-bottom:.9rem}
.benzer-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.benzer-izgara button{text-align:left}
.benzer-izgara .gorsel-cerceve{aspect-ratio:4/3}
.benzer-izgara span{display:block;font-size:.84rem;margin-top:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.benzer-izgara button:hover span{color:var(--turuncu)}

/* ---------- TAM EKRAN ---------- */
.buyutec{position:fixed;inset:0;z-index:95;background:rgba(20,19,18,.97);display:grid;place-items:center;padding:clamp(.5rem,3vw,3rem);animation:belir .25s}
.buyutec img{max-width:100%;max-height:100%;object-fit:contain}
.buyutec-kapat,.buyutec-ok{
  position:absolute;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);
  color:#fff;display:grid;place-items:center;transition:background .25s;
}
.buyutec-kapat{right:1.2rem;top:1.2rem}
.buyutec-ok{top:50%;transform:translateY(-50%)}
.buyutec-geri{left:1.2rem}.buyutec-ileri{right:1.2rem}
.buyutec-kapat:hover,.buyutec-ok:hover{background:var(--turuncu)}
.buyutec-kapat svg,.buyutec-ok svg{width:22px;height:22px}

/* ---------- BİLDİRİM ---------- */
.bildirim{
  position:fixed;left:50%;bottom:1.6rem;transform:translateX(-50%);z-index:120;
  background:var(--murekkep);color:#fff;padding:.85rem 1.5rem;font-size:.88rem;
  box-shadow:var(--golge);animation:belir .3s;
}

/* ---------- ERİŞİLEBİLİRLİK ---------- */
:focus-visible{outline:2px solid var(--turuncu);outline-offset:3px}
body.kilitli{overflow:hidden}

/* ============================================================
   DUYARLI TASARIM
   ============================================================ */
@media (max-width:1080px){
  .menu{gap:1.6rem}
  .ust-cta{display:none}
  .detay-panel{grid-template-columns:1.25fr 1fr}
  .alt-bilgi-ust{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  :root{--menu-yukseklik:64px}
  .ust-menu-ic{grid-template-columns:1fr auto}
  .menu{
    position:fixed;inset:0;background:var(--kagit);z-index:-1;
    flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;
    opacity:0;pointer-events:none;transition:opacity .35s var(--gecis);
  }
  .menu.acik{opacity:1;pointer-events:auto}
  .menu-link{font-family:var(--baslik);font-size:1.9rem;letter-spacing:.02em;text-transform:none}
  .menu-dugme{display:flex}
  .giris-ic,.hakkimizda-ic,.iletisim-ic{grid-template-columns:1fr}
  .kategori-izgara{grid-template-columns:1fr 1fr}
  .kategori-kart,.kategori-kart.genis,.kategori-kart.tam{grid-column:span 1}
  .kategori-kart:last-child:nth-child(odd){grid-column:span 2}
  .kategori-kart .gorsel-cerceve,.kategori-kart.genis .gorsel-cerceve,.kategori-kart.tam .gorsel-cerceve{aspect-ratio:4/3}
  .detay{padding:0}
  .detay-panel{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100svh;overflow:auto}
  .detay-galeri{height:min(75vw,62svh)}
  .detay-bilgi{overflow:visible}
  .hakkimizda-gorsel{aspect-ratio:4/3}
  .harita{min-height:320px}
}
@media (max-width:640px){
  .marka-yazi{display:none}
  .hero{height:auto;max-height:none;min-height:0;justify-content:flex-start;padding-top:var(--menu-yukseklik)}
  .hero-sahne{position:relative;inset:auto;left:auto;aspect-ratio:4/3.4}
  .hero-ortu{display:none}
  .hero-ic{padding:1.8rem 0 1.4rem;background:var(--kagit)}
  .hero .hero-ic>*,.hero .hero-ic>.hero-baslik{max-width:none}
  .hero-baslik{font-size:clamp(2.4rem,11vw,3.2rem)}
  .hero-serit{background:var(--kagit);border-top:1px solid var(--cizgi);flex-wrap:wrap;width:100%;padding-inline:clamp(1.1rem,4vw,3rem)}
  .hero-urun-ad{font-size:1.15rem}
  .hero-ilerleme{display:none}
  .rakamlar{grid-template-columns:1fr 1fr}
  .kategori-izgara{grid-template-columns:1fr}
  .kategori-kart:last-child:nth-child(odd){grid-column:span 1}
  .miras-degerler{grid-template-columns:1fr}
  .proje-kart,.proje-kart:nth-child(3n+1){grid-column:span 12}
  .proje-kart:nth-child(3n+1) .gorsel-cerceve{aspect-ratio:4/3}
  .proje-galeri{grid-template-columns:1fr}
  .proje-galeri button:nth-child(3n+1){grid-column:span 1}
  .proje-galeri button:nth-child(3n+1) .gorsel-cerceve{aspect-ratio:3/2}
  .iletisim-kartlar{grid-template-columns:1fr}
  .alt-bilgi-ust{grid-template-columns:1fr}
  .galeri-ok{width:40px;height:40px}
  .galeri-geri{left:.5rem}.galeri-ileri{right:.5rem}
  .benzer-izgara{grid-template-columns:repeat(3,1fr)}
  .dugme{padding:.95rem 1.5rem}
}