/* KUM — açık, krem, editoryal. Referans: Oravelle / Lumira / "Live in the moment" */
:root{
  --zemin:#F6F1E9;--zemin-2:#EDE3D3;--metin:#2B2521;--metin-soluk:#7A6E64;--cizgi:#E2D8CA;
  --vurgu:#A05842;--vurgu-metin:#fff;--kart-zemin:#ECE4D8;--hover-zemin:#ECE4D8;
  --fiyat-renk:#A05842;
  --baslik-font:"Lora",Georgia,serif;--baslik-agirlik:400;--baslik-harf:-.01em;
  --govde-font:"Lora",Georgia,serif;--govde-agirlik:400;
  --kart-baslik-boyut:16px;
  --radius:0;--btn-radius:0;
  --alt-zemin:#2B2521;--alt-metin:#EDE3D3;
  --duyuru-zemin:#2B2521;--duyuru-metin:#EDE3D3;
}
.baslik em{font-style:italic;font-weight:300;color:var(--vurgu)}
.logo-ad{font-weight:400;font-size:32px;letter-spacing:.04em}
.kart-bilgi h3{font-weight:500}
.btn-acik{color:#fff;border-color:rgba(255,255,255,.8)}
.btn-acik:hover{background:#fff;color:var(--metin)}
.orta{display:flex;justify-content:center;margin-top:56px}

/* hero */
.hero{position:relative;display:grid;grid-template-columns:1fr;height:min(88svh,860px);min-height:560px;overflow:hidden;background:var(--zemin-2)}
.hero figure{margin:0;overflow:hidden}
.hero img{width:100%;height:100%;object-fit:cover;animation:heroZum 14s ease-out both}
.hero-sag{display:none}
.hero-sol img{object-position:50% 30%}
.hero-sag img{object-position:50% 45%}
@keyframes heroZum{from{transform:scale(1.08)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,22,16,.05) 30%,rgba(30,22,16,.55));pointer-events:none}
.hero-yazi{position:absolute;z-index:2;inset:auto 16px 48px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;color:#fff;text-shadow:0 2px 30px rgba(20,14,10,.45)}
.hero-yazi .ust-yazi{color:rgba(255,255,255,.85)}
.hero-yazi h1{font-size:clamp(56px,10vw,132px);line-height:.92}
.hero-yazi h1 em{color:#F3D2BF}
.hero-yazi p{max-width:40ch;font-size:16px;opacity:.9}
.hero-yazi>*{animation:yaziGir 1.2s cubic-bezier(.2,.7,.2,1) both}
.hero-yazi>*:nth-child(2){animation-delay:.12s}.hero-yazi>*:nth-child(3){animation-delay:.24s}.hero-yazi>*:nth-child(4){animation-delay:.36s}
@keyframes yaziGir{from{opacity:0;transform:translateY(22px)}}
@media(min-width:768px){
  .hero{grid-template-columns:1fr 1fr}
  .hero-sag{display:block}
  .hero::after{background:radial-gradient(52% 58% at 50% 52%,rgba(30,22,16,.62),rgba(30,22,16,.18) 100%)}
  .hero-yazi{inset:0;justify-content:center}
}

/* manifesto */
.manifesto{padding:96px 0 72px;text-align:center}
.manifesto p{max-width:22ch;margin-inline:auto;font-size:clamp(30px,4.2vw,54px);line-height:1.12}

/* kategoriler — kemerli */
.kategoriler{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}
.kategoriler::-webkit-scrollbar{display:none}
.kemer{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.kemer figure{margin:0 0 12px;width:100%;aspect-ratio:3/4.2;border-radius:999px 999px 0 0;overflow:hidden;background:var(--kart-zemin)}
.kemer img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.kemer:hover img{transform:scale(1.07)}
.kemer span{font-family:var(--baslik-font);font-size:24px;line-height:1.1}
.kemer small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--metin-soluk)}
.kemer small b{font-weight:400}

/* editoryal */
.editoryal{display:grid;gap:28px;padding:40px 0 100px}
.ed-yazi{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.ed-yazi h2{font-size:clamp(42px,6vw,80px)}
.ed-yazi p{max-width:42ch;color:var(--metin-soluk)}
.editoryal figure{margin:0;overflow:hidden}
.editoryal img{width:100%;height:100%;object-fit:cover}
.ed-buyuk{aspect-ratio:4/5}
.ed-kucuk{aspect-ratio:3/4;width:62%;justify-self:end;margin-top:-30%!important;border:10px solid var(--zemin)}
@media(min-width:900px){
  .editoryal{grid-template-columns:1fr 1.1fr .8fr;grid-template-rows:auto;align-items:end;gap:40px;padding:60px 0 140px}
  .ed-yazi{grid-column:1;align-self:center}
  .ed-buyuk{grid-column:2}
  .ed-kucuk{grid-column:3;width:100%;margin-top:0!important;margin-bottom:-60px!important;border:0}
}

/* şahmeran bandı */
.bant{display:grid;background:var(--zemin-2)}
.bant figure{margin:0;aspect-ratio:4/5;overflow:hidden}
.bant img{width:100%;height:100%;object-fit:cover}
.bant-yazi{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:64px 16px}
.bant-yazi h2{font-size:clamp(64px,10vw,140px);font-style:italic;line-height:.9}
.bant-yazi p{max-width:44ch;color:var(--metin-soluk)}
@media(min-width:900px){
  .bant{grid-template-columns:1fr 1fr;min-height:720px}
  .bant figure{aspect-ratio:auto}
  .bant-yazi{padding:80px clamp(40px,8vw,140px)}
}

.insta-bas{margin-bottom:28px}
.bulten-bolum{background:var(--zemin-2)}
.bulten .ust-yazi{display:block;margin-bottom:12px}

/* kategori & ürün sayfası dokunuşları */
.sayfa-bas h1{font-style:italic}
.urun-bilgi h1{font-weight:300}
@media(max-width:767px){
  .hero{height:76svh;min-height:500px}
  .hero-yazi{bottom:40px;gap:14px}
  .hero-yazi h1{font-size:54px}
  .hero-yazi p{font-size:14.5px}
  .manifesto{padding:56px 0 36px}
  .manifesto p{font-size:28px}
  .kategoriler{grid-auto-columns:124px;gap:10px;margin-inline:-16px;padding-inline:16px;width:calc(100% + 32px)}
  .kemer span{font-size:20px}
  .editoryal{padding:24px 0 64px}
  .bant-yazi{padding:48px 16px}
  .orta{margin-top:36px}
}
/* Lora ayarı */
.hero-yazi h1{font-size:clamp(46px,7.4vw,100px);line-height:1}
.manifesto p{font-size:clamp(24px,3.2vw,40px);line-height:1.3}
.ed-yazi h2{font-size:clamp(36px,4.6vw,60px)}
.bant-yazi h2{font-size:clamp(52px,7vw,96px)}
.kemer span{font-size:20px}
@media(max-width:767px){.hero-yazi h1{font-size:44px}.manifesto p{font-size:23px}}