*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--p:#1b7a8c;--pd:#125f6e;--pl:#e4f3f6;--a:#c8924a;--bg:#faf8f5;--bg2:#f0ebe3;--txt:#2c2c2c;--txl:#6b6b6b;--wh:#fff;--sh:0 4px 20px rgba(0,0,0,.07);--sh2:0 10px 40px rgba(0,0,0,.12);--r:14px;--tr:.3s ease}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--txt);overflow-x:hidden}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.2rem 6%;display:flex;align-items:center;justify-content:space-between;transition:all var(--tr)}
nav.sc{background:rgba(250,248,245,.96);backdrop-filter:blur(14px);box-shadow:0 2px 20px rgba(0,0,0,.07);padding:.75rem 6%}
.logo{text-decoration:none;display:inline-flex;flex-direction:column;line-height:1;gap:1px}
.logo-main{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--txt);letter-spacing:5px;text-transform:uppercase}
.logo-main .lj{color:var(--p)}
.logo-script{font-family:'Dancing Script',cursive;font-size:1.05rem;color:var(--txt);padding-left:54px}
.nav-right{display:flex;align-items:center;gap:1.5rem}
.nl{display:flex;gap:2rem;list-style:none;align-items:center}
.nl a{text-decoration:none;color:var(--txt);font-size:.85rem;font-weight:500;letter-spacing:.3px;transition:color var(--tr);position:relative;padding-bottom:2px}
.nl a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--p);transition:width var(--tr)}
.nl a:hover,.nl a.active{color:var(--p)}
.nl a:hover::after,.nl a.active::after{width:100%}
.lang{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap}
.lbtn{background:none;border:none;cursor:pointer;font-size:.68rem;font-weight:600;color:var(--txl);letter-spacing:1px;padding:.2rem .22rem;transition:color var(--tr);font-family:'Inter',sans-serif}
.lbtn.act{color:var(--p);border-bottom:2px solid var(--p)}
.lbtn:hover{color:var(--p)}
.lsep{color:#d0d0d0;font-size:.65rem}
.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.hbg span{width:24px;height:2px;background:var(--txt);border-radius:2px;display:block;transition:all var(--tr)}

/* ── SAYFA SLIDER ── */
.page-slider{position:relative;width:100%;overflow:hidden}
.sl-track{display:flex;width:100%;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.sl-slide{flex:0 0 100%;aspect-ratio:16/6;overflow:hidden}
.sl-slide img{width:100%;height:100%;object-fit:cover;display:block}
.sl-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.82);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 16px rgba(0,0,0,.12);transition:all var(--tr);z-index:5;backdrop-filter:blur(4px)}
.sl-btn:hover{background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.16);transform:translateY(-50%) scale(1.08)}
.sl-btn.prev{left:20px}.sl-btn.next{right:20px}
.sl-btn svg{width:18px;height:18px;stroke:var(--txt);stroke-width:2;fill:none}
.sl-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:.45rem;z-index:5}
.sl-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);border:none;cursor:pointer;transition:all .25s;padding:0}
.sl-dot.act{background:#fff;width:24px;border-radius:3px}

/* ── FOTOĞRAF YER TUTUCU (ELEGANt) ── */
.sl-placeholder{
  position:relative;
  aspect-ratio:16/6;
  overflow:hidden;
  background:linear-gradient(135deg,#edf5f8 0%,#f5f0ea 50%,#edf5f8 100%);
  display:flex;align-items:center;justify-content:center;
}
.sl-placeholder canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.sl-ph-inner{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:1.4rem;
  text-align:center;
}
.sl-ph-logo{
  display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.45;
}
.sl-ph-logo span{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.6rem,4vw,3rem);
  font-weight:700;letter-spacing:8px;text-transform:uppercase;
  color:var(--txt);
}
.sl-ph-logo span .lj{color:var(--p)}
.sl-ph-logo small{
  font-family:'Dancing Script',cursive;
  font-size:clamp(.9rem,2vw,1.4rem);
  color:var(--txt);letter-spacing:2px;
}
.sl-ph-line{
  width:40px;height:1px;
  background:linear-gradient(to right,transparent,var(--p),transparent);
  opacity:.4;
}
.sl-ph-text{
  font-family:'Inter',sans-serif;
  font-size:clamp(.7rem,1.5vw,.8rem);
  font-weight:500;letter-spacing:3px;text-transform:uppercase;
  color:var(--p);opacity:.5;
}

/* ── BÖLÜM ORTAK ── */
section{padding:6rem 6%}
.stag{font-size:.75rem;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;color:var(--p);margin-bottom:.8rem}
.stitle{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:400;color:var(--txt);margin-bottom:1.1rem;line-height:1.35;letter-spacing:.01em}
.sline{width:55px;height:3px;background:linear-gradient(to right,var(--p),var(--a));border-radius:2px;margin-bottom:2rem}

/* ── HERO ── */
#hero{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#faf8f5 0%,#edf5f8 50%,#faf8f5 100%)}
#yc{position:absolute;inset:0;width:100%;height:100%}
.hc{position:relative;z-index:2;text-align:center;max-width:720px;padding:2rem;animation:fadeUp .9s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--p);margin-bottom:1.3rem;display:flex;align-items:center;justify-content:center;gap:1rem}
.eyebrow::before,.eyebrow::after{content:'';display:block;height:1px;width:45px;background:var(--p);opacity:.4}
.htitle{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:700;line-height:1.15;color:var(--txt);margin-bottom:1.4rem}
.htitle em{color:var(--p);font-style:italic}
.hsub{font-size:1.05rem;color:var(--txl);line-height:1.8;margin-bottom:2.8rem;font-weight:300;max-width:540px;margin-left:auto;margin-right:auto}
.btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn1{padding:.9rem 2.2rem;background:var(--p);color:#fff;border:none;border-radius:50px;font-size:.88rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--tr);letter-spacing:.4px;display:inline-block}
.btn1:hover{background:var(--pd);transform:translateY(-2px);box-shadow:0 8px 25px rgba(27,122,140,.3)}
.btn2{padding:.9rem 2.2rem;background:transparent;color:var(--p);border:2px solid var(--p);border-radius:50px;font-size:.88rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--tr);letter-spacing:.4px;display:inline-block}
.btn2:hover{background:var(--p);color:#fff;transform:translateY(-2px)}
.si{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--txl);font-size:.72rem;letter-spacing:2.5px;text-transform:uppercase;animation:bob 2.2s infinite}
.si::after{content:'';display:block;width:1px;height:45px;background:linear-gradient(to bottom,var(--p),transparent)}
@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* ── HAKKIMIZDA ── */
#hakkimizda{background:var(--wh)}
.ag{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1100px;margin:0 auto}
.at p{color:var(--txl);line-height:1.9;margin-bottom:1.2rem;font-size:1rem}
.stats{display:flex;gap:3rem;margin-top:2.8rem;padding-top:2.2rem;border-top:1px solid #eee}
.stn{font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:700;color:var(--p);line-height:1}
.stl{font-size:.75rem;color:var(--txl);text-transform:uppercase;letter-spacing:1.5px;margin-top:.4rem}
.av{display:flex;align-items:center;justify-content:center}

/* ── KOLEKSİYON ── */
#koleksiyon{background:var(--bg)}
.ch{text-align:center;margin-bottom:4rem}
.ch .sline{margin:0 auto 2rem}
.ch p{color:var(--txl);max-width:480px;margin:0 auto;font-size:.95rem;line-height:1.7}
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;max-width:1100px;margin:0 auto}
.cc{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:all var(--tr);background:var(--wh)}
.cc:hover{transform:translateY(-8px);box-shadow:var(--sh2)}
.ci{width:100%;aspect-ratio:3/4;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.ci-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .5s ease}
.cc:hover .ci-bg{transform:scale(1.04)}
.ci-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cc:hover .ci-img{transform:scale(1.04)}
.co{position:absolute;inset:0;background:linear-gradient(to top,rgba(27,122,140,.4) 0%,transparent 55%);opacity:0;transition:opacity var(--tr)}
.cc:hover .co{opacity:1}
.cinfo{padding:1.2rem 1.5rem}
.cinfo h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:400;color:var(--txt);margin-bottom:.3rem}
.cinfo p{font-size:.83rem;color:var(--txl)}

/* ── NEDEN BİZ ── */
#neden-biz{background:linear-gradient(145deg,#edf5f8 0%,#faf8f5 60%,#f5ede0 100%)}
.rh{text-align:center;margin-bottom:4rem}
.rh .sline{margin:0 auto 2rem}
.rg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;max-width:1100px;margin:0 auto}
.rc{background:var(--wh);border-radius:var(--r);padding:2.5rem 2rem;text-align:center;box-shadow:var(--sh);transition:all var(--tr);border-bottom:3px solid transparent}
.rc:hover{transform:translateY(-6px);border-bottom-color:var(--p);box-shadow:var(--sh2)}
.ri{width:68px;height:68px;background:var(--pl);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:transform var(--tr)}
.rc:hover .ri{transform:scale(1.1)}
.rc h3{font-family:'Playfair Display',serif;font-size:1.08rem;font-weight:400;color:var(--txt);margin-bottom:.75rem}
.rc p{font-size:.86rem;color:var(--txl);line-height:1.75}

/* ── ÜRETİM ── */
#uretim{background:var(--bg)}
.prod-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:1100px;margin:0 auto 3.5rem}
.ps{background:var(--wh);border-radius:var(--r);padding:1.4rem 1.2rem;text-align:center;box-shadow:var(--sh)}
.ps-icon{width:48px;height:48px;background:var(--pl);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.ps h3{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:400;margin-bottom:.5rem;color:var(--txt)}
.ps p{font-size:.78rem;color:var(--txl);line-height:1.55}
.prod-hl{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1100px;margin:0 auto}
.prod-ph{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--bg2);display:flex;align-items:center;justify-content:center}
.prod-ph img{width:100%;height:100%;object-fit:cover}
.prod-ph-inner{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:var(--txl)}
.prod-ph-inner svg{width:52px;height:52px;opacity:.2}
.prod-ph-inner span{font-size:.85rem;opacity:.4}
.prod-features{display:flex;flex-direction:column;gap:1.8rem}
.pf{display:flex;gap:1.2rem;align-items:flex-start}
.pf-ic{width:44px;height:44px;background:var(--pl);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pf h4{font-family:'Playfair Display',serif;font-size:1rem;font-weight:400;margin-bottom:.4rem;color:var(--txt)}
.pf-card{background:var(--wh);border-radius:var(--r);padding:2rem 1.6rem;box-shadow:var(--sh);text-align:center;transition:all var(--tr)}
.pf-card:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.pf-card .pf-ic{width:52px;height:52px;background:var(--pl);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}
.pf-card h4{font-family:'Playfair Display',serif;font-size:1rem;font-weight:400;margin-bottom:.6rem;color:var(--txt)}
.pf-card p{font-size:.84rem;color:var(--txl);line-height:1.7}
@media(max-width:700px){.pf-card-grid{grid-template-columns:1fr!important}}
.pf p{font-size:.86rem;color:var(--txl);line-height:1.65}

/* ── İLETİŞİM ── */
#iletisim{background:var(--wh)}
.icg{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:start;max-width:1100px;margin:0 auto}
.cf{display:flex;flex-direction:column;gap:1.15rem}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fg{display:flex;flex-direction:column;gap:.45rem}
.fg label{font-size:.82rem;font-weight:500;color:var(--txt)}
.fg input,.fg textarea{padding:.82rem 1.05rem;border:1.5px solid #e2e2e2;border-radius:8px;font-family:'Inter',sans-serif;font-size:.88rem;color:var(--txt);background:var(--bg);transition:border-color var(--tr);outline:none}
.fg input:focus,.fg textarea:focus{border-color:var(--p);background:var(--wh)}
.fg textarea{resize:vertical;min-height:125px}
.ci2 h3{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:400;margin-bottom:.8rem;color:var(--txt)}
.ci2>p{color:var(--txl);line-height:1.75;margin-bottom:2rem;font-size:.93rem}
.iitems{display:flex;flex-direction:column;gap:1.2rem}
.ii{display:flex;align-items:flex-start;gap:1rem}
.iic{width:44px;height:44px;background:var(--pl);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ii strong{display:block;font-size:.82rem;font-weight:600;color:var(--txt);margin-bottom:.15rem}
.ii span{font-size:.86rem;color:var(--txl)}
.ii a{color:var(--txl);text-decoration:none;transition:color var(--tr)}
.ii a:hover{color:var(--p)}

/* ── HARİTA ── */
.map-wrap{margin-top:2rem;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);cursor:pointer;position:relative;display:block;text-decoration:none}
.map-wrap iframe{width:100%;height:220px;border:0;display:block;pointer-events:none}
.map-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:.8rem;background:linear-gradient(to top,rgba(0,0,0,.35) 0%,transparent 60%);opacity:0;transition:opacity var(--tr)}
.map-wrap:hover .map-overlay{opacity:1}
.map-label{color:#fff;font-size:.78rem;font-weight:500;display:flex;align-items:center;gap:.4rem}
.map-label svg{flex-shrink:0}

/* ── FOOTER ── */
footer{background:#18232f;color:rgba(255,255,255,.65);padding:3.5rem 6% 2rem}
.fc{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1100px;margin:0 auto}
.fb .logo-main{color:rgba(255,255,255,.85)}
.fb .logo-main .lj{color:var(--p)}
.fb .logo-script{color:rgba(255,255,255,.75)}
.fb>p{font-size:.83rem;margin-top:.8rem;color:rgba(255,255,255,.45);max-width:220px;line-height:1.65}
.fl h4{font-size:.77rem;text-transform:uppercase;letter-spacing:2.5px;color:#fff;margin-bottom:1.1rem}
.fl ul{list-style:none;display:flex;flex-direction:column;gap:.65rem}
.fl a{font-size:.84rem;color:rgba(255,255,255,.55);text-decoration:none;transition:color var(--tr)}
.fl a:hover{color:var(--p)}
.social-links{display:flex;gap:.8rem;margin-top:1rem}
.social-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all var(--tr);text-decoration:none}
.social-icon:hover{background:var(--p);transform:translateY(-2px)}
.social-icon svg{width:18px;height:18px;stroke:rgba(255,255,255,.8)}
.social-icon:hover svg{stroke:#fff}
.fb2{max-width:1100px;margin:2.2rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.09);text-align:center;font-size:.77rem;color:rgba(255,255,255,.3)}

/* ── WHATSAPP BUTONU ── */
.wa-float{position:fixed;bottom:1.8rem;right:1.8rem;z-index:999;background:#25D366;border-radius:50%;width:58px;height:58px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:all .3s ease;text-decoration:none}
.wa-float:hover{transform:scale(1.12);box-shadow:0 6px 30px rgba(37,211,102,.6)}

/* ── FADE-IN ANİMASYON ── */
.fi,.fil,.fir{transition:opacity .7s ease,transform .7s ease}
.fi.hidden{opacity:0;transform:translateY(28px)}
.fil.hidden{opacity:0;transform:translateX(-28px)}
.fir.hidden{opacity:0;transform:translateX(28px)}
.fi.v,.fil.v,.fir.v{opacity:1;transform:none}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .ag,.icg,.prod-hl{grid-template-columns:1fr;gap:3rem}
  .av{display:flex}
  .cg{grid-template-columns:repeat(2,1fr)}
  .rg{grid-template-columns:repeat(2,1fr)}
  .prod-steps{grid-template-columns:repeat(2,1fr)}
  .fc{flex-direction:column;gap:2rem}
  .hbg{display:flex}
  .nl{display:none;position:fixed;top:0;right:-100%;width:70vw;height:100vh;background:var(--wh);flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;box-shadow:-5px 0 40px rgba(0,0,0,.1);transition:right var(--tr);z-index:999}
  .nl.open{display:flex;right:0}
  .nav-right .lang{display:none}
  .nl .lang-mobile{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.5rem}
}
@media(min-width:961px){.nl .lang-mobile{display:none}.nl>button{display:none!important}}
@media(max-width:600px){
  .cg{grid-template-columns:1fr}
  .rg{grid-template-columns:1fr}
  .fr{grid-template-columns:1fr}
  .prod-steps{grid-template-columns:1fr}
  section{padding:4.5rem 5%}
  .stats{gap:1.5rem;flex-wrap:wrap}
  .sl-slide{aspect-ratio:16/9}
}