/* =========================================================
   MUMELLA HOME — Ana stil
   Palet: kovan içi karanlığı + balmumu altını + keten
   ========================================================= */

:root{
  --gece:#12160E;
  --kovan:#1B2113;
  --kovan-2:#232C18;
  --orman:#2C3A21;
  --orman-koyu:#1F2A16;
  --bal:#D9A32B;
  --bal-acik:#F0C24E;
  --mum:#F2DCA7;
  --keten:#E9E1CD;
  --ot:#96A277;
  --cizgi:rgba(217,163,43,.22);
  --cizgi-2:rgba(233,225,205,.10);

  --font-display:"Fraunces",Georgia,serif;
  --font-body:"Karla","Segoe UI",system-ui,sans-serif;

  --en:1280px;
  --r:4px;
  --gecis:.45s cubic-bezier(.22,.68,.32,1);
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{
  margin:0;
  font-family:var(--font-body);
  font-size:16.5px;
  line-height:1.75;
  color:var(--keten);
  background-color:var(--gece);
  background-image:
    radial-gradient(1100px 620px at 78% -8%, rgba(217,163,43,.13), transparent 62%),
    radial-gradient(900px 700px at 4% 22%, rgba(44,58,33,.55), transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cg fill='none' stroke='%23D9A32B' stroke-opacity='.10' stroke-width='1'%3E%3Cpath d='M28 0l14 8v17l-14 8-14-8V8z'/%3E%3Cpath d='M28 48.5l14 8v17l-14 8-14-8v-17z'/%3E%3Cpath d='M0 24.25l14 8v17l-14 8zM56 24.25l-14 8v17l14 8z'/%3E%3Cpath d='M0 72.75l14 8v17l-14 8zM56 72.75l-14 8v17l14 8z'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment:fixed,fixed,fixed;
  overflow-x:hidden;
}

img{max-width:100%;height:auto;display:block}
a{color:var(--bal);text-decoration:none;transition:color .25s}
a:hover{color:var(--bal-acik)}
button,input,select,textarea{font:inherit;color:inherit}

::selection{background:var(--bal);color:var(--gece)}

:focus-visible{outline:2px solid var(--bal-acik);outline-offset:3px}

/* --------- Tipografi --------- */
h1,h2,h3,h4,h5{
  font-family:var(--font-display);
  font-weight:500;
  font-variation-settings:"SOFT" 60,"WONK" 1;
  line-height:1.08;
  letter-spacing:-.015em;
  margin:0 0 .6em;
  color:var(--mum);
}
h1{font-size:clamp(2.6rem,6vw,5rem)}
h2{font-size:clamp(2rem,3.6vw,3.3rem)}
h3{font-size:clamp(1.3rem,2vw,1.85rem)}
p{margin:0 0 1.1em}

.ustyazi{
  font-family:var(--font-body);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:var(--bal);
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  margin-bottom:1.1rem;
}
.ustyazi::before{
  content:"";width:34px;height:1px;background:var(--bal);opacity:.6;
}
.vurgu{color:var(--bal)}
.el-yazi{
  font-family:var(--font-display);
  font-style:italic;
  font-variation-settings:"SOFT" 100,"WONK" 1;
  color:var(--bal-acik);
}

/* --------- Yerleşim --------- */
.kapsayici{width:min(var(--en),92vw);margin-inline:auto}
.bolum{padding:clamp(4.5rem,9vw,8.5rem) 0;position:relative}
.bolum--sik{padding:clamp(3rem,5vw,4.5rem) 0}
.merkez{text-align:center}
.merkez .ustyazi::after{content:"";width:34px;height:1px;background:var(--bal);opacity:.6}

/* Petek ayırıcı */
.petek-ayirici{
  display:flex;justify-content:center;align-items:center;gap:.55rem;
  padding:0;margin:0;
}
.petek-ayirici span{
  width:12px;height:14px;
  background:var(--bal);opacity:.35;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.petek-ayirici span:nth-child(2){opacity:.85;width:16px;height:18px}

/* =========================================================
   AÇILIŞ ANİMASYONU
   ========================================================= */
#acilis{
  position:fixed;inset:0;z-index:9999;
  background:
    radial-gradient(700px 480px at 50% 46%, rgba(217,163,43,.16), transparent 70%),
    linear-gradient(180deg,#0E1209,#171E10 60%,#0E1209);
  display:grid;place-items:center;
  overflow:hidden;
}
#acilis.kapaniyor{
  animation:acilisKapan 1s cubic-bezier(.7,0,.3,1) forwards;
}
@keyframes acilisKapan{
  to{opacity:0;visibility:hidden;transform:scale(1.06)}
}
body.acilis-acik{overflow:hidden}

.acilis-petek{
  position:absolute;inset:-10%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cg fill='none' stroke='%23D9A32B' stroke-opacity='.16' stroke-width='1.2'%3E%3Cpath d='M28 0l14 8v17l-14 8-14-8V8z'/%3E%3Cpath d='M28 48.5l14 8v17l-14 8-14-8v-17z'/%3E%3Cpath d='M0 24.25l14 8v17l-14 8zM56 24.25l-14 8v17l14 8z'/%3E%3C/g%3E%3C/svg%3E");
  animation:petekKay 26s linear infinite;
  opacity:.55;
}
@keyframes petekKay{to{transform:translate3d(-56px,-97px,0)}}

.acilis-sahne{
  position:relative;width:min(560px,86vw);aspect-ratio:1/1;
  display:grid;place-items:center;
}

/* --- Balmumu bezi (arıların taşıdığı) --- */
.bez{
  position:absolute;width:170px;height:170px;
  top:50%;left:50%;
  transform:translate(-50%,-50%) translateY(-90px) scale(.28) rotate(-8deg);
  opacity:0;
  animation:bezGel 1.5s .55s cubic-bezier(.2,.7,.3,1) forwards,
            bezAcil 1.1s 2.1s cubic-bezier(.5,0,.2,1) forwards;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.55));
}
@keyframes bezGel{
  to{opacity:1;transform:translate(-50%,-50%) translateY(-6px) scale(1) rotate(2deg)}
}
@keyframes bezAcil{
  40%{transform:translate(-50%,-50%) scale(1.35) rotate(-3deg);opacity:1}
  100%{transform:translate(-50%,-50%) scale(3.6) rotate(0);opacity:0}
}
.bez svg{width:100%;height:100%;overflow:visible}

/* --- Arılar --- */
.ari{
  position:absolute;width:70px;
  top:50%;left:50%;
  opacity:0;
  will-change:transform;
}
.ari svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.ari .kanat{transform-origin:60% 82%;animation:kanatCirp .09s linear infinite}
.ari .kanat-2{transform-origin:40% 82%;animation:kanatCirp .09s .045s linear infinite}
@keyframes kanatCirp{
  0%,100%{transform:rotate(0) scaleY(1)}
  50%{transform:rotate(-26deg) scaleY(.6)}
}

.ari-1{animation:ari1 3.4s .1s cubic-bezier(.4,.1,.5,.9) forwards}
.ari-2{animation:ari2 3.4s .25s cubic-bezier(.4,.1,.5,.9) forwards}
.ari-3{animation:ari3 3.4s .4s cubic-bezier(.4,.1,.5,.9) forwards}

@keyframes ari1{
  0%  {opacity:0;transform:translate(-320%,-460%) rotate(38deg) scale(.5)}
  18% {opacity:1}
  45% {transform:translate(-165%,-165%) rotate(24deg) scale(1)}
  62% {transform:translate(-150%,-140%) rotate(16deg) scale(1)}
  100%{opacity:0;transform:translate(-620%,-380%) rotate(-14deg) scale(.55)}
}
@keyframes ari2{
  0%  {opacity:0;transform:translate(260%,-500%) rotate(-40deg) scale(.5) scaleX(-1)}
  18% {opacity:1}
  45% {transform:translate(70%,-170%) rotate(-22deg) scale(1) scaleX(-1)}
  62% {transform:translate(58%,-145%) rotate(-14deg) scale(1) scaleX(-1)}
  100%{opacity:0;transform:translate(520%,-420%) rotate(12deg) scale(.55) scaleX(-1)}
}
@keyframes ari3{
  0%  {opacity:0;transform:translate(-40%,340%) rotate(-16deg) scale(.45)}
  22% {opacity:1}
  48% {transform:translate(-46%,58%) rotate(-6deg) scale(.92)}
  64% {transform:translate(-44%,44%) rotate(0) scale(.92)}
  100%{opacity:0;transform:translate(-30%,420%) rotate(18deg) scale(.5)}
}

/* --- Logo ve yazı --- */
.acilis-logo{
  position:relative;z-index:3;
  width:min(260px,52vw);
  opacity:0;transform:scale(.72);
  animation:logoCik 1.5s 2.55s cubic-bezier(.2,.8,.25,1) forwards;
}
.acilis-logo img{
  width:100%;
  filter:drop-shadow(0 0 44px rgba(217,163,43,.45));
}
@keyframes logoCik{
  0%{opacity:0;transform:scale(.72) rotate(-6deg)}
  60%{opacity:1;transform:scale(1.03) rotate(1deg)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}
.acilis-yazi{
  position:absolute;left:50%;bottom:2%;transform:translateX(-50%);
  text-align:center;width:100%;
  opacity:0;animation:yaziCik 1.2s 3.3s ease forwards;
}
@keyframes yaziCik{to{opacity:1;transform:translate(-50%,-14px)}}
.acilis-yazi strong{
  display:block;font-family:var(--font-display);font-weight:400;font-style:italic;
  font-size:clamp(1rem,2.4vw,1.45rem);color:var(--mum);letter-spacing:.02em;
}
.acilis-yazi small{
  display:block;margin-top:.5rem;font-size:.68rem;letter-spacing:.4em;
  text-transform:uppercase;color:var(--bal);
}
.acilis-gec{
  position:absolute;right:clamp(1rem,4vw,2.5rem);bottom:clamp(1rem,4vw,2.2rem);
  background:none;border:1px solid var(--cizgi);color:var(--ot);
  padding:.5rem 1.1rem;border-radius:99px;cursor:pointer;
  font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  transition:var(--gecis);
}
.acilis-gec:hover{border-color:var(--bal);color:var(--bal)}

@media (prefers-reduced-motion:reduce){
  #acilis .ari,#acilis .bez,.acilis-petek{animation:none!important;opacity:0!important}
  .acilis-logo,.acilis-yazi{animation-delay:0s!important;animation-duration:.5s!important}
}

/* =========================================================
   ÜST BAR + MENÜ
   ========================================================= */
.duyuru-bar{
  background:var(--orman-koyu);
  border-bottom:1px solid var(--cizgi);
  color:var(--mum);
  font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;
  text-align:center;padding:.62rem 1rem;
}
.duyuru-bar b{color:var(--bal)}

.ustlik{
  position:sticky;top:0;z-index:900;
  background:rgba(18,22,14,.72);
  backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--cizgi-2);
  transition:background .4s,border-color .4s;
}
.ustlik.kaydi{background:rgba(14,18,10,.94);border-bottom-color:var(--cizgi)}
.ustlik-ic{
  display:flex;align-items:center;gap:1.4rem;
  min-height:78px;
}
.marka{display:flex;align-items:center;gap:.8rem;flex-shrink:0}
.marka img{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 1px var(--cizgi),0 6px 18px rgba(0,0,0,.4)}
.marka-yazi{display:flex;flex-direction:column;line-height:1}
.marka-yazi b{
  font-family:var(--font-display);font-weight:500;font-size:1.42rem;
  color:var(--mum);letter-spacing:.01em;
}
.marka-yazi span{font-size:.6rem;letter-spacing:.42em;text-transform:uppercase;color:var(--bal);margin-top:.28rem}

.menu{display:flex;align-items:center;gap:.35rem;margin-left:auto}
.menu a{
  color:var(--keten);font-size:.79rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;
  padding:.7rem .9rem;position:relative;
}
.menu a::after{
  content:"";position:absolute;left:.9rem;right:.9rem;bottom:.45rem;height:1px;
  background:var(--bal);transform:scaleX(0);transform-origin:left;transition:transform .35s;
}
.menu a:hover::after,.menu a[aria-current]::after{transform:scaleX(1)}
.menu a[aria-current]{color:var(--bal)}

.ust-aksiyon{display:flex;align-items:center;gap:.5rem;margin-left:.6rem}
.sepet-dugme{
  display:inline-flex;align-items:center;gap:.55rem;
  border:1px solid var(--cizgi);border-radius:99px;
  padding:.6rem 1.05rem;color:var(--mum);
  font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  transition:var(--gecis);
}
.sepet-dugme:hover{background:var(--bal);color:var(--gece);border-color:var(--bal)}
.sepet-dugme .sayi{
  min-width:20px;height:20px;border-radius:50%;
  background:var(--bal);color:var(--gece);
  display:grid;place-items:center;font-size:.68rem;font-weight:700;
}
.sepet-dugme:hover .sayi{background:var(--gece);color:var(--bal)}

.menu-ac{
  display:none;background:none;border:1px solid var(--cizgi);border-radius:var(--r);
  width:46px;height:42px;cursor:pointer;color:var(--mum);
}
.menu-ac span{display:block;width:20px;height:1.5px;background:currentColor;margin:4px auto;transition:.3s}
.menu-ac[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.menu-ac[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-ac[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* =========================================================
   HERO / SLIDER
   ========================================================= */
.hero{
  position:relative;height:clamp(560px,92vh,940px);
  overflow:hidden;background:var(--gece);
}
.hero-kat{
  position:absolute;inset:0;opacity:0;
  transition:opacity 1.3s ease;
  pointer-events:none;
}
.hero-kat.aktif{opacity:1;pointer-events:auto}
.hero-kat img{
  width:100%;height:100%;object-fit:cover;object-position:center 46%;
  transform:scale(1.06);
}
.hero-kat.aktif img{animation:kenBurns 11s linear forwards}
@keyframes kenBurns{from{transform:scale(1.02)}to{transform:scale(1.13)}}
.hero-kat::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(12,15,9,.93) 0%,rgba(12,15,9,.72) 38%,rgba(12,15,9,.18) 70%,rgba(12,15,9,.55) 100%),
    linear-gradient(0deg,rgba(12,15,9,.92),transparent 45%);
}
.hero-icerik{
  position:absolute;inset:0;z-index:3;
  display:flex;align-items:center;
  pointer-events:none;
}
.hero-metin{max-width:640px;pointer-events:auto}
.hero-metin h1{
  font-size:clamp(2.5rem,5.6vw,4.9rem);
  color:#fff;margin-bottom:1.1rem;white-space:pre-line;
  text-shadow:0 6px 40px rgba(0,0,0,.6);
}
.hero-metin p{
  font-size:clamp(1rem,1.35vw,1.18rem);
  color:rgba(233,225,205,.9);max-width:50ch;margin-bottom:2rem;
}
.hero-metin .ustyazi{
  background:rgba(217,163,43,.12);border:1px solid var(--cizgi);
  padding:.45rem 1rem;border-radius:99px;margin-bottom:1.5rem;
}
.hero-metin .ustyazi::before{display:none}

.hero-kat .hero-metin>*{opacity:0;transform:translateY(26px)}
.hero-kat.aktif .hero-metin>*{animation:heroGir .95s cubic-bezier(.2,.7,.3,1) forwards}
.hero-kat.aktif .hero-metin>*:nth-child(1){animation-delay:.15s}
.hero-kat.aktif .hero-metin>*:nth-child(2){animation-delay:.3s}
.hero-kat.aktif .hero-metin>*:nth-child(3){animation-delay:.45s}
.hero-kat.aktif .hero-metin>*:nth-child(4){animation-delay:.6s}
@keyframes heroGir{to{opacity:1;transform:none}}

/* petek şeklinde slider noktaları */
.hero-nokta{
  position:absolute;right:clamp(1.2rem,3vw,2.6rem);top:50%;transform:translateY(-50%);
  z-index:5;display:flex;flex-direction:column;gap:.85rem;
}
.hero-nokta button{
  width:16px;height:18px;padding:0;border:0;cursor:pointer;
  background:rgba(233,225,205,.32);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  transition:var(--gecis);
}
.hero-nokta button:hover{background:var(--mum)}
.hero-nokta button[aria-selected="true"]{background:var(--bal);transform:scale(1.45)}

.hero-alt{
  position:absolute;left:0;right:0;bottom:0;z-index:5;
  border-top:1px solid var(--cizgi);
  background:linear-gradient(0deg,rgba(12,15,9,.85),rgba(12,15,9,.25));
  backdrop-filter:blur(6px);
}
.hero-alt ul{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);
}
.hero-alt li{
  padding:1.15rem .6rem;text-align:center;
  font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--mum);
  border-left:1px solid var(--cizgi-2);
  display:flex;align-items:center;justify-content:center;gap:.6rem;
}
.hero-alt li:first-child{border-left:0}
.hero-alt svg{width:18px;height:18px;stroke:var(--bal);fill:none;stroke-width:1.6;flex-shrink:0}

/* =========================================================
   DÜĞMELER
   ========================================================= */
.dugme{
  --dugme-bg:var(--bal);
  display:inline-flex;align-items:center;justify-content:center;gap:.7rem;
  padding:1rem 2rem;border:1px solid var(--bal);border-radius:99px;
  background:transparent;color:var(--bal);
  font-family:var(--font-body);font-size:.79rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;cursor:pointer;
  position:relative;overflow:hidden;isolation:isolate;
  transition:color .4s,border-color .4s;
}
.dugme::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:var(--dugme-bg);
  transform:translateY(101%);transition:transform .48s cubic-bezier(.3,.7,.2,1);
}
.dugme:hover{color:var(--gece)}
.dugme:hover::before{transform:translateY(0)}
.dugme--dolu{background:var(--bal);color:var(--gece);--dugme-bg:var(--bal-acik)}
.dugme--dolu:hover{color:var(--gece)}
.dugme--hayalet{border-color:var(--cizgi-2);color:var(--keten);--dugme-bg:var(--mum)}
.dugme--hayalet:hover{border-color:var(--mum)}
.dugme--tam{width:100%}
.dugme--kucuk{padding:.7rem 1.3rem;font-size:.72rem}
.dugme svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}

/* =========================================================
   DEĞER ŞERİDİ / HİKÂYE
   ========================================================= */
.deger{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:1px;background:var(--cizgi-2);
  border:1px solid var(--cizgi-2);
}
.deger article{
  background:var(--kovan);padding:2.4rem 1.8rem;
  transition:background .4s;
}
.deger article:hover{background:var(--kovan-2)}
.deger .no{
  font-family:var(--font-display);font-size:.8rem;color:var(--bal);
  letter-spacing:.2em;display:block;margin-bottom:1rem;
}
.deger h3{font-size:1.22rem;margin-bottom:.5rem;color:var(--mum)}
.deger p{font-size:.93rem;color:var(--ot);margin:0}

.ikili{
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(2rem,5vw,5rem);align-items:center;
}
.ikili--ters{grid-template-columns:.95fr 1.05fr}
.ikili--ters .ikili-gorsel{order:-1}
.ikili-gorsel{position:relative;isolation:isolate}
.ikili-gorsel img{
  position:relative;z-index:2;
  width:100%;border-radius:2px;
  filter:saturate(1.02) contrast(1.02);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.85);
}
.ikili-gorsel::after{
  content:"";position:absolute;inset:14px -14px -14px 14px;z-index:1;
  border:1px solid var(--cizgi);
}
.rozet{
  position:absolute;z-index:3;left:-24px;bottom:-24px;
  width:132px;height:132px;
  background:var(--gece);border:1px solid var(--cizgi);
  border-radius:50%;display:grid;place-items:center;text-align:center;
  padding:1rem;
}
.rozet>span{display:block}
.rozet b{display:block;font-family:var(--font-display);font-size:1.55rem;color:var(--bal);line-height:1;margin-bottom:.25rem}
.rozet span span{display:block;font-size:.58rem;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:var(--ot)}

.liste-tik{list-style:none;margin:0 0 2rem;padding:0}
.liste-tik li{
  position:relative;padding-left:2rem;margin-bottom:.85rem;color:var(--keten);
}
.liste-tik li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:11px;height:13px;background:var(--bal);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}

/* =========================================================
   ÜRÜN KARTLARI
   ========================================================= */
.urun-izgara{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(276px,1fr));
  gap:clamp(1.2rem,2vw,2rem);
}
.urun{
  position:relative;background:var(--kovan);
  border:1px solid var(--cizgi-2);
  display:flex;flex-direction:column;
  transition:border-color .45s,transform .45s;
  overflow:hidden;
}
.urun::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:0;
  background:linear-gradient(0deg,rgba(217,163,43,.16),transparent);
  transition:height .5s cubic-bezier(.3,.7,.2,1);pointer-events:none;
}
.urun:hover{border-color:var(--cizgi);transform:translateY(-6px)}
.urun:hover::after{height:100%}
.urun-gorsel{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--orman-koyu)}
.urun-gorsel img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s cubic-bezier(.2,.7,.3,1);
}
.urun:hover .urun-gorsel img{transform:scale(1.07)}
.etiket{
  position:absolute;top:0;left:0;z-index:2;
  background:var(--bal);color:var(--gece);
  font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  padding:.42rem .85rem;
}
.etiket--stok{background:var(--orman);color:var(--mum)}
.urun-govde{padding:1.5rem 1.5rem 1.7rem;display:flex;flex-direction:column;flex:1;position:relative;z-index:2}
.urun-kat{font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--bal);margin-bottom:.55rem}
.urun-govde h3{
  font-size:1.16rem;margin-bottom:.5rem;line-height:1.25;
}
.urun-govde h3 a{color:var(--mum)}
.urun-govde h3 a:hover{color:var(--bal-acik)}
.urun-govde p{font-size:.88rem;color:var(--ot);margin-bottom:1.2rem;flex:1}
.urun-fiyat{display:flex;align-items:baseline;gap:.65rem;margin-bottom:1.15rem}
.urun-fiyat b{font-family:var(--font-display);font-size:1.5rem;color:var(--mum);font-weight:500}
.urun-fiyat s{color:var(--ot);font-size:.9rem;text-decoration-thickness:1px}

/* =========================================================
   ÜRÜN DETAY
   ========================================================= */
.detay{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,4rem)}
.galeri-ana{
  position:relative;aspect-ratio:1/1;overflow:hidden;
  border:1px solid var(--cizgi-2);background:var(--orman-koyu);
}
.galeri-ana img{width:100%;height:100%;object-fit:cover}
.galeri-kucuk{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:.7rem}
.galeri-kucuk button{
  padding:0;border:1px solid var(--cizgi-2);background:none;cursor:pointer;
  aspect-ratio:1/1;overflow:hidden;transition:border-color .3s,opacity .3s;opacity:.68;
}
.galeri-kucuk button img{width:100%;height:100%;object-fit:cover}
.galeri-kucuk button:hover{opacity:1}
.galeri-kucuk button[aria-selected="true"]{border-color:var(--bal);opacity:1}

.detay-bilgi h1{font-size:clamp(1.9rem,3.4vw,2.9rem);margin-bottom:1rem}
.detay-fiyat{
  display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;
  padding:1.2rem 0;margin:1.4rem 0;
  border-top:1px solid var(--cizgi-2);border-bottom:1px solid var(--cizgi-2);
}
.detay-fiyat b{font-family:var(--font-display);font-size:2.4rem;color:var(--bal);font-weight:500}
.detay-fiyat s{color:var(--ot)}
.detay-fiyat em{
  font-style:normal;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  background:var(--orman);color:var(--mum);padding:.32rem .7rem;border-radius:99px;
}
.adet-satir{display:flex;gap:.8rem;align-items:stretch;flex-wrap:wrap;margin-bottom:1.4rem}
.adet{
  display:inline-flex;align-items:center;border:1px solid var(--cizgi);border-radius:99px;overflow:hidden;
}
.adet button{
  width:46px;background:none;border:0;color:var(--bal);font-size:1.2rem;cursor:pointer;
  transition:background .3s;
}
.adet button:hover{background:rgba(217,163,43,.14)}
.adet input{
  width:52px;text-align:center;background:none;border:0;color:var(--mum);
  font-weight:700;-moz-appearance:textfield;
}
.adet input::-webkit-outer-spin-button,.adet input::-webkit-inner-spin-button{-webkit-appearance:none}

.detay-metin{margin-top:2.5rem;border-top:1px solid var(--cizgi-2);padding-top:2rem}
.detay-metin h4{
  font-family:var(--font-body);font-size:.74rem;font-weight:700;
  letter-spacing:.24em;text-transform:uppercase;color:var(--bal);margin:2rem 0 .8rem;
}
.detay-metin ul{padding-left:1.1rem;color:var(--keten)}
.detay-metin li{margin-bottom:.5rem}
.detay-metin ::marker{color:var(--bal)}

.mini-bilgi{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.7rem}
.mini-bilgi li{
  display:flex;gap:.8rem;align-items:center;font-size:.88rem;color:var(--ot);
}
.mini-bilgi svg{width:18px;height:18px;stroke:var(--bal);fill:none;stroke-width:1.6;flex-shrink:0}

/* =========================================================
   SEPET / FORM / TABLO
   ========================================================= */
.kutu{
  background:var(--kovan);border:1px solid var(--cizgi-2);
  padding:clamp(1.4rem,3vw,2.2rem);
}
.kutu--altin{border-color:var(--cizgi)}
.kutu h3{font-size:1.3rem}

.tablo{width:100%;border-collapse:collapse}
.tablo th{
  text-align:left;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--bal);font-weight:700;padding:0 1rem 1rem;border-bottom:1px solid var(--cizgi);
}
.tablo td{padding:1.2rem 1rem;border-bottom:1px solid var(--cizgi-2);vertical-align:middle}
.tablo tr:last-child td{border-bottom:0}
.sepet-urun{display:flex;gap:1.1rem;align-items:center}
.sepet-urun img{width:82px;height:82px;object-fit:cover;border:1px solid var(--cizgi-2);flex-shrink:0}
.sepet-urun b{display:block;font-family:var(--font-display);font-size:1.05rem;color:var(--mum);font-weight:500}
.sepet-urun small{color:var(--ot);font-size:.78rem}
.sil{
  background:none;border:0;color:var(--ot);cursor:pointer;padding:.4rem;
  transition:color .3s;
}
.sil:hover{color:#E0654B}
.sil svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}

.ozet-satir{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;color:var(--keten)}
.ozet-satir span:last-child{font-weight:700;color:var(--mum)}
.ozet-toplam{
  border-top:1px solid var(--cizgi);margin-top:.6rem;padding-top:1.1rem;
  display:flex;justify-content:space-between;align-items:baseline;
}
.ozet-toplam b{font-family:var(--font-display);font-size:1.9rem;color:var(--bal);font-weight:500}
.kargo-bar{
  margin:1.2rem 0;font-size:.82rem;color:var(--ot);
}
.kargo-bar .yol{height:3px;background:var(--cizgi-2);margin-top:.6rem;overflow:hidden}
.kargo-bar .yol i{display:block;height:100%;background:var(--bal);transition:width .6s}

.form-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}
.alan{display:flex;flex-direction:column;gap:.5rem}
.alan--tam{grid-column:1/-1}
.alan label{
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bal);font-weight:700;
}
.alan input,.alan select,.alan textarea{
  background:var(--gece);border:1px solid var(--cizgi-2);border-radius:2px;
  padding:.92rem 1rem;color:var(--keten);width:100%;
  transition:border-color .3s,background .3s;
}
.alan input:focus,.alan select:focus,.alan textarea:focus{
  outline:0;border-color:var(--bal);background:#0E1209;
}
.alan textarea{min-height:120px;resize:vertical}
.alan small{color:var(--ot);font-size:.76rem}

.odeme-secim{display:grid;gap:.8rem;margin-bottom:1.4rem}
.odeme-secim label{
  display:flex;gap:.9rem;align-items:flex-start;cursor:pointer;
  border:1px solid var(--cizgi-2);padding:1.1rem 1.2rem;transition:border-color .3s,background .3s;
}
.odeme-secim label:hover{border-color:var(--cizgi)}
.odeme-secim input{accent-color:var(--bal);margin-top:.35rem}
.odeme-secim input:checked+div{color:var(--mum)}
.odeme-secim b{display:block;color:var(--mum)}
.odeme-secim small{color:var(--ot)}
.odeme-secim label:has(input:checked){border-color:var(--bal);background:rgba(217,163,43,.06)}

.uyari{
  padding:1rem 1.2rem;border-left:2px solid var(--bal);
  background:rgba(217,163,43,.08);color:var(--mum);font-size:.92rem;margin-bottom:1.5rem;
}
.uyari--hata{border-color:#E0654B;background:rgba(224,101,75,.1)}
.uyari--basari{border-color:#7FA05A;background:rgba(127,160,90,.1)}

.bos-durum{text-align:center;padding:clamp(3rem,8vw,6rem) 1rem}
.bos-durum svg{width:64px;height:64px;stroke:var(--bal);fill:none;stroke-width:1;opacity:.6;margin:0 auto 1.5rem}
.bos-durum h3{margin-bottom:.6rem}
.bos-durum p{color:var(--ot);max-width:44ch;margin:0 auto 2rem}

/* Bildirim */
.bildirim{
  position:fixed;right:1.4rem;bottom:1.4rem;z-index:1000;
  background:var(--orman);border:1px solid var(--cizgi);
  color:var(--mum);padding:1rem 1.4rem;max-width:340px;
  display:flex;gap:.8rem;align-items:center;
  box-shadow:0 20px 50px -20px rgba(0,0,0,.9);
  animation:bildirimGir .5s cubic-bezier(.2,.8,.3,1);
}
@keyframes bildirimGir{from{opacity:0;transform:translateY(20px)}}
.bildirim svg{width:20px;height:20px;stroke:var(--bal);fill:none;stroke-width:1.8;flex-shrink:0}

/* =========================================================
   SAYFA BAŞLIĞI
   ========================================================= */
.sayfa-basi{
  position:relative;padding:clamp(3.5rem,7vw,6rem) 0 clamp(2.5rem,5vw,4rem);
  border-bottom:1px solid var(--cizgi-2);
  background:linear-gradient(180deg,rgba(44,58,33,.5),transparent);
}
.sayfa-basi h1{margin-bottom:.4rem}
.sayfa-basi p{color:var(--ot);max-width:56ch;margin:0}
.iz{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ot);margin-bottom:1.2rem}
.iz a{color:var(--bal)}
.iz span{margin:0 .5rem;opacity:.5}

/* Kategori sekmeleri */
.sekmeler{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.6rem}
.sekmeler a{
  border:1px solid var(--cizgi-2);padding:.62rem 1.25rem;border-radius:99px;
  font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--keten);
  transition:var(--gecis);
}
.sekmeler a:hover{border-color:var(--bal);color:var(--bal)}
.sekmeler a.aktif{background:var(--bal);border-color:var(--bal);color:var(--gece)}

/* =========================================================
   BÜLTEN + ALT BİLGİ
   ========================================================= */
.bulten{
  border:1px solid var(--cizgi);
  background:
    radial-gradient(600px 300px at 20% 0%,rgba(217,163,43,.14),transparent 70%),
    var(--kovan);
  padding:clamp(2.2rem,5vw,4rem);
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;
}
.bulten h2{margin-bottom:.5rem}
.bulten p{color:var(--ot);margin:0}
.bulten form{display:flex;gap:.7rem;flex-wrap:wrap}
.bulten input{
  flex:1;min-width:200px;background:var(--gece);border:1px solid var(--cizgi-2);
  padding:1rem 1.2rem;color:var(--keten);border-radius:99px;
}
.bulten input:focus{outline:0;border-color:var(--bal)}

.altlik{
  border-top:1px solid var(--cizgi);
  background:linear-gradient(180deg,rgba(31,42,22,.6),rgba(14,18,10,.9));
  padding:clamp(3rem,6vw,5rem) 0 0;
  margin-top:clamp(3rem,6vw,5rem);
}
.altlik-izgara{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;
  gap:clamp(1.6rem,4vw,3rem);padding-bottom:3rem;
}
.altlik h4{
  font-family:var(--font-body);font-size:.7rem;font-weight:700;
  letter-spacing:.26em;text-transform:uppercase;color:var(--bal);margin-bottom:1.3rem;
}
.altlik p{color:var(--ot);font-size:.92rem}
.altlik ul{list-style:none;margin:0;padding:0}
.altlik li{margin-bottom:.6rem}
.altlik li a{color:var(--keten);font-size:.92rem}
.altlik li a:hover{color:var(--bal)}
.altlik-marka{display:flex;align-items:center;gap:.9rem;margin-bottom:1.2rem}
.altlik-marka img{width:64px;height:64px;border-radius:50%}
.altlik-marka b{font-family:var(--font-display);font-size:1.4rem;color:var(--mum);display:block;line-height:1.1}
.altlik-marka span{font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--bal)}
.sosyal{display:flex;gap:.6rem;margin-top:1.2rem}
.sosyal a{
  width:42px;height:42px;border:1px solid var(--cizgi-2);border-radius:50%;
  display:grid;place-items:center;color:var(--keten);transition:var(--gecis);
}
.sosyal a:hover{background:var(--bal);color:var(--gece);border-color:var(--bal)}
.sosyal svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
.altlik-son{
  border-top:1px solid var(--cizgi-2);padding:1.5rem 0;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-size:.8rem;color:var(--ot);
}
.altlik-son a{color:var(--ot)}
.altlik-son a:hover{color:var(--bal)}

/* WhatsApp */
.wa{
  position:fixed;right:1.2rem;bottom:1.2rem;z-index:800;
  width:54px;height:54px;border-radius:50%;
  background:var(--orman);border:1px solid var(--cizgi);
  display:grid;place-items:center;color:var(--mum);
  box-shadow:0 12px 30px -10px rgba(0,0,0,.8);transition:var(--gecis);
}
.wa:hover{background:var(--bal);color:var(--gece);transform:translateY(-3px)}
.wa svg{width:26px;height:26px;fill:currentColor}

/* Kaydırma ile görünme */
.gorun{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.3,1),transform .9s cubic-bezier(.2,.7,.3,1)}
.gorun.icinde{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .gorun{opacity:1;transform:none;transition:none}
  .hero-kat.aktif img{animation:none}
  *{scroll-behavior:auto}
}

/* =========================================================
   DUYARLI
   ========================================================= */
@media (max-width:1080px){
  .altlik-izgara{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .menu-ac{display:block}
  .menu{
    position:fixed;inset:78px 0 auto;flex-direction:column;align-items:stretch;gap:0;
    background:rgba(14,18,10,.98);backdrop-filter:blur(14px);
    border-bottom:1px solid var(--cizgi);
    padding:1rem 6vw 2rem;margin:0;
    transform:translateY(-120%);transition:transform .45s cubic-bezier(.3,.7,.2,1);
    max-height:calc(100vh - 78px);overflow-y:auto;
  }
  .menu.acik{transform:none}
  .menu a{padding:1rem 0;font-size:.95rem;border-bottom:1px solid var(--cizgi-2)}
  .menu a::after{display:none}
  .ust-aksiyon{margin-left:auto}
  .ikili,.ikili--ters,.detay,.bulten{grid-template-columns:1fr}
  .ikili--ters .ikili-gorsel{order:0}
  .hero-alt ul{grid-template-columns:1fr 1fr}
  .hero-alt li{padding:.85rem .5rem;font-size:.66rem}
  .hero-nokta{flex-direction:row;top:auto;bottom:6.5rem;left:50%;right:auto;transform:translateX(-50%)}
  .rozet{left:auto;right:12px;bottom:-18px;width:106px;height:106px}
}
@media (max-width:640px){
  body{font-size:16px}
  .ustlik-ic{min-height:66px}
  .menu{inset-block-start:66px}
  .marka img{width:44px;height:44px}
  .marka-yazi b{font-size:1.2rem}
  .marka-yazi span{letter-spacing:.3em;font-size:.55rem}
  .sepet-dugme{padding:.55rem .8rem}
  .sepet-dugme .yazi{display:none}
  .form-izgara{grid-template-columns:1fr}
  .altlik-izgara{grid-template-columns:1fr}
  .galeri-kucuk{grid-template-columns:repeat(3,1fr)}
  .tablo thead{display:none}
  .tablo td{display:block;border:0;padding:.4rem 0}
  .tablo tbody tr{display:block;border-bottom:1px solid var(--cizgi-2);padding:1.2rem 0}
  .hero{height:88vh}
  .rozet{display:none}
}

/* Yazdırma */
@media print{
  body{background:#fff;color:#111}
  .ustlik,.altlik,.wa,#acilis,.hero-nokta{display:none}
}