/* Khan Saffron — tasarım belirteçleri
   Kaynak: ürün kutusunun etiketi (daktilo yazısı, kırmızı damga, kurucunun imzası),
   safran ipliğinin koyu kırmızısı, kroküsün moru ve çekim fonlarının kömür grisi. */
/* başlıklar Chiswell (h1 Regular, h2 Light), metin Kyle Regular — Blaze Type, yerelden */
@font-face{font-family:"Chiswell";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/chiswellmedian-regular.woff2) format("woff2")}
@font-face{font-family:"Chiswell";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/chiswellmedian-light.woff2) format("woff2")}
@font-face{font-family:"Chiswell";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/chiswellmedian-regularitalic.woff2) format("woff2")}
@font-face{font-family:"Chiswell";font-style:italic;font-weight:300;font-display:swap;src:url(/assets/fonts/chiswellmedian-lightitalic.woff2) format("woff2")}
@font-face{font-family:"Chiswell Large";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/chiswelllarge-light.woff2) format("woff2")}
/* Homie: gövde metni Light kesimde (kullanıcı, 25 Eki: "bir tık incelt"). 400 ağırlığı Light dosyasına bağlı;
   böylece yalnız Homie incelir, aynı ağırlığı kullanan Chiswell/Kyle etkilenmez */
@font-face{font-family:"Homie";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/homie-light.woff2) format("woff2")}
@font-face{font-family:"Homie";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/homie-lightitalic.woff2) format("woff2")}
@font-face{font-family:"Kyle";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/kyle-regular.woff2) format("woff2")}
@font-face{font-family:"Kyle";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/kyle-regularitalic.woff2) format("woff2")}
@font-face{font-family:"Stampwriter";src:url(/assets/fonts/STAMPWRITER-KIT.woff) format("woff");font-display:swap}
@font-face{font-family:"Awesome Ways";src:url(/assets/fonts/Awesome_Ways.woff) format("woff");font-display:swap}

:root{
  /* palet (Daniel Bey, 16 Eki 2026): #0D0D0D mürekkep, #F3EFEA zemin, #272400 zeytin, #8C0000 kırmızı */
  --komur:#0D0D0D;      /* koyu panolar */
  --keten:#EDE7DC;      /* etiket kâğıdı */
  --kagit:#F3EFEA;      /* açık pano */
  --kraft:#A9855A;      /* saffron etiketinin kraft rengi */
  --damga:#8C0000;      /* kırmızı: bağlantı, fiyat, damga */
  --iplik:#6E1510;      /* kurutulmuş stigma */
  --krokus:#7A68A8;     /* çiçek */
  --murekkep:#0D0D0D;
  --zeytin:#272400;     /* açık zeminde alt başlık, çizgi */
  --soluk:#5E5C45;
  --cizgi:rgba(39,36,0,.22);

  --serif:"Chiswell",Georgia,"Times New Roman",serif;
  --metin:"Homie",Georgia,serif;    /* gövde metni (müşteri, 25 Eki 2026) */
  --etiket:"Kyle",Georgia,serif;    /* etiket kartları ve harita: kutu etiketindeki yazı */
  --daktilo:"Kyle",Georgia,serif;
  --damga-yazi:"Stampwriter","Courier New",monospace;
  --imza:"Awesome Ways","Snell Roundhand",cursive;

  --bosluk:clamp(1rem,3vw,3rem);
  --ust-y:72px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(100%,.42vw + 10px,128%)}
body{margin:0;background:var(--kagit);color:var(--murekkep);font-family:var(--metin);font-weight:400;font-size:1.05rem;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0}
h1{font-weight:400}
figure{margin:0}
button,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--damga);outline-offset:3px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--kagit);padding:.6rem 1rem;font-family:var(--daktilo);font-size:.9rem}
.atla:focus{top:1rem}

/* ---------------------------------------------------------------- tipografi */
.dev{font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,6.2vw,6.2rem);line-height:.98;letter-spacing:0}
.egik{font-family:var(--serif);font-style:italic;font-weight:300}
h1.dev{font-weight:400}
h1.dev.ince{font-family:"Chiswell Large",var(--serif);font-weight:300;letter-spacing:.005em}  /* giriş başlığı (müşteri: daha ince): Large optik boyutu, Light — kıl çizgileri en ince kesim */
.dev-egik{font-size:clamp(2rem,4.6vw,4.6rem);line-height:1;margin:.2em 0 1.4em}
/* ana sayfa giriş alt başlığı: h2 = Chiswell Light Italic (ailenin en incesi); daha ince görünsün diye punto küçük, renk yumuşak */
.giris-alt{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(1.6rem,3.3vw,3.3rem);line-height:1.12;letter-spacing:.012em;color:rgba(255,255,255,.84);font-synthesis:none;text-wrap:balance}
.baslik{display:flex;flex-direction:column;margin-bottom:1.4rem}
.baslik span:first-child{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.05;letter-spacing:0}
.baslik .egik{font-size:clamp(1.7rem,2.8vw,2.7rem);line-height:1.1;color:var(--zeytin)}
.koyu-pano .baslik .egik{color:var(--kraft)}
.daktilo{font-family:var(--daktilo);font-size:.92rem;line-height:1.5;letter-spacing:.01em}
.damga{font-family:var(--damga-yazi);color:var(--damga);font-size:1.5rem;line-height:1.1;margin:0 0 .8rem}
.imza{font-family:var(--imza);font-size:2.4rem;line-height:1;margin:.4rem 0 1.2rem;color:inherit}
.imza.buyuk{font-size:clamp(3.4rem,6vw,6rem);margin:1rem 0 2rem;transform:rotate(-4deg);transform-origin:left}
.imza.orta{font-size:3.4rem;color:var(--damga);transform:rotate(-3deg);transform-origin:left;margin-top:1.5rem}
.koyu-yazi{color:var(--murekkep)}
.kucuk-baslik{font-size:1rem;color:var(--damga);margin:0 0 .9rem;font-weight:400}

/* altı çizili metin bağlantısı (referanstaki ince çizgi) */
.cizgili{display:inline-block;font-family:var(--daktilo);font-size:.95rem;text-decoration:none;padding-bottom:.35rem;background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat;transition:background-size .5s cubic-bezier(.6,0,.2,1)}
.cizgili:hover{background-size:0 1px;background-position:right bottom}
.cizgili.koyu{color:var(--damga)}
.dugme{display:inline-block;background:var(--murekkep);color:var(--kagit);font-family:var(--daktilo);font-size:.95rem;text-decoration:none;padding:1rem 1.6rem;border:1px solid var(--murekkep);transition:background .3s,color .3s}
.dugme:hover{background:transparent;color:var(--murekkep)}

/* ---------------------------------------------------------------- üst şerit + menü */
.ust{position:fixed;inset:0 0 auto;z-index:50;height:var(--ust-y);display:flex;align-items:center;justify-content:space-between;padding:0 var(--bosluk);color:#fff;pointer-events:none;transition:color .4s}
.ust>*{pointer-events:auto}
.ust::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(246,242,235,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi);opacity:0;transition:opacity .35s}
body.ust-zeminli .ust::before{opacity:1}
body.menu-acik .ust::before{opacity:0}
.logo img{width:96px;height:auto;transition:filter .4s}
.ust-sag{display:flex;align-items:center;gap:1.1rem}
.ust-link{font-family:var(--daktilo);font-size:.92rem;text-decoration:none}
.ust-ayrac{width:1px;height:26px;background:currentColor;opacity:.5}
.menu-dugme{background:none;border:0;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:pointer;padding:6px}
.menu-dugme .cizgi{display:block;height:1px;background:currentColor;transition:transform .4s}
.menu-dugme[aria-expanded=true] .cizgi:nth-of-type(2){transform:translateY(4px) rotate(45deg)}
.menu-dugme[aria-expanded=true] .cizgi:nth-of-type(3){transform:translateY(-4px) rotate(-45deg)}
.ust-sag{transition:color .4s}
body.acik-sag .ust-sag{color:var(--murekkep)}
body.acik-sol .logo img{filter:brightness(0) saturate(100%) invert(12%) sepia(9%) saturate(900%) hue-rotate(340deg)}
body.menu-acik .ust-sag{color:var(--kagit)}
body.menu-acik .logo img{filter:none}

.menu{position:fixed;inset:0;z-index:40;background:var(--komur);color:var(--kagit);overflow:auto;opacity:0;transition:opacity .45s}
.menu.gorunur{opacity:1}
.menu-ic{min-height:100%;display:grid;grid-template-columns:1.6fr 1fr;gap:var(--bosluk);padding:calc(var(--ust-y) + 4vh) var(--bosluk) 6vh;align-items:end}
.menu-liste{list-style:none;margin:0;padding:0}
.menu-liste a{display:flex;align-items:baseline;gap:1.2rem;text-decoration:none;padding:.15rem 0}
.m-ad{font-size:clamp(2.2rem,5.4vw,4.8rem);line-height:1.08;font-weight:300;letter-spacing:0;transition:color .3s}
.m-alt{font-style:italic;font-size:clamp(1.1rem,1.6vw,1.5rem);color:var(--kraft);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s}
.menu-liste a:hover .m-ad,.menu-liste a[aria-current] .m-ad{color:var(--kraft)}
.menu-liste a:hover .m-alt,.menu-liste a:focus-visible .m-alt{opacity:1;transform:none}
.menu-yan{font-size:1.1rem;color:rgba(246,242,235,.8)}
.menu-yan .daktilo{color:var(--kraft);margin-bottom:.3rem}
.menu-sosyal a{margin-right:1rem;font-family:var(--daktilo);font-size:.9rem}

/* ---------------------------------------------------------------- ana sayfa: yatay ray */
.yatay-ray{display:flex;flex-direction:column}
.pano{position:relative}
.acik{background:var(--kagit)}
.koyu-pano{background:var(--komur);color:var(--kagit)}

/* kahraman */
.kahraman{min-height:100svh;color:#fff;display:grid;place-items:center;overflow:hidden;background:var(--komur)}
.kahraman-gorseller,.kg,.kg img{position:absolute;inset:0;width:100%;height:100%}
.kg{opacity:0;transition:opacity 2.4s ease}
.kg.aktif{opacity:1}
.kg img{object-fit:cover;transform:scale(1.06);transition:transform 9s linear}
.kg.aktif img{transform:scale(1)}
.kahraman::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.15),rgba(0,0,0,.55));pointer-events:none}
.kahraman-yazi{position:relative;z-index:2;text-align:center;padding:var(--ust-y) var(--bosluk) 0}
.kahraman .dev{max-width:12ch;margin:0 auto}

/* dönen rozet */
.rozet{position:absolute;z-index:3;right:clamp(1.5rem,8vw,9rem);bottom:clamp(1.5rem,7vh,5rem);width:118px;height:118px;color:#fff;text-decoration:none;display:grid;place-items:center}
.rozet svg{position:absolute;inset:0;width:100%;height:100%;animation:don 22s linear infinite}
.rozet text{font-family:var(--daktilo);font-size:10.5px;letter-spacing:2.6px;fill:currentColor}
.rozet-ok{width:30px;height:1px;background:currentColor;position:relative;transition:transform .4s}
.rozet-ok::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.rozet:hover .rozet-ok{transform:translateX(5px)}
@keyframes don{to{transform:rotate(360deg)}}

/* metin panosu */
.metin-pano{display:flex;align-items:center;padding:calc(var(--ust-y) + 3rem) var(--bosluk) 4rem}
.metin-blok{max-width:34rem}
.metin-blok p{color:var(--murekkep)}
.koyu-pano .metin-blok p{color:inherit}

.gorsel-pano figure{position:relative;height:100%}
.gorsel-pano img{width:100%;height:70vh;object-fit:cover}
.gorsel-pano figcaption{position:absolute;left:1rem;bottom:1rem;color:#fff;opacity:.85}

/* koleksiyon */
.koleksiyon{padding:calc(var(--ust-y) + 2rem) var(--bosluk) 3rem;display:flex;flex-direction:column;gap:2rem}
.koleksiyon-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.koleksiyon-bas .baslik{margin:0}
.kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,2.4rem)}
.kart{text-align:center;border-top:1px solid var(--cizgi);padding-top:1.5rem}
.kart-kutu{display:block;margin:0 auto 1rem;max-width:300px}
.kart-kutu img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.kart:hover .kart-kutu img{transform:translateY(-8px) rotate(-1.5deg)}
.kart-ad{font-size:clamp(1.8rem,2.6vw,2.6rem);letter-spacing:0;line-height:1}
.kart-ad a{text-decoration:none}
.kart-not{color:var(--kraft);font-size:1.35rem;margin:.3rem 0 .6rem}
.kart-fiyat{color:var(--damga);margin:0}

/* bölünmüş pano */
.bolunmus{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.bolunmus-gorsel{height:100%;min-height:60vh}
.bolunmus-gorsel img{width:100%;height:100%;object-fit:cover}
.bolunmus .metin-blok{padding:calc(var(--ust-y) + 2rem) var(--bosluk) 3rem}

/* iletişim */
.iletisim-pano{padding:calc(var(--ust-y) + 2rem) var(--bosluk) 4rem;display:flex;flex-direction:column;justify-content:center}
.iletisim-pano .baslik .egik{color:var(--kraft)}
.iletisim-ikili{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}
.iletisim-ikili .daktilo{color:var(--kraft);margin-bottom:.3rem}
.iletisim-pano a,.iletisim-sayfa a{text-decoration:none}
.iletisim-eposta{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:400;letter-spacing:.01em}  /* müşteri: e-posta başlık yazı tipinde */
.sosyal{display:flex;gap:1.4rem;font-family:var(--daktilo);font-size:.92rem}
.sosyal a{text-decoration:underline;text-underline-offset:4px}

.son-pano{padding:4rem var(--bosluk);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.4rem}
.son-ikon{width:56px}

/* yatay kaydırma: geniş ekran, hareket kısıtlaması yok */
@media (min-width:1024px) and (prefers-reduced-motion:no-preference){
  .yatay.etkin .yatay-sahne{position:sticky;top:0;height:100vh;overflow:hidden}
  .yatay.etkin .yatay-ray{flex-direction:row;height:100vh;width:max-content;will-change:transform}
  .yatay.etkin .pano{height:100vh;flex:none;overflow:hidden}
  .yatay.etkin .kahraman{width:100vw}
  .yatay.etkin .metin-pano{width:46vw}
  .yatay.etkin .gorsel-pano{width:30vw}
  .yatay.etkin .gorsel-pano img{height:100vh}
  .yatay.etkin .koleksiyon{width:92vw;justify-content:center}
  .yatay.etkin .bolunmus{width:88vw;height:100vh}
  .yatay.etkin .tarih{width:auto;grid-template-columns:minmax(18rem,30rem) auto}
  .yatay.etkin .tarih-gorsel img{width:auto;height:min(64vh,calc(100vh - var(--ust-y) - 8rem))}
  /* harita panelin üst ve alt kenarına yaslı (kullanıcı, 25 Eki): dolgu yok, tam ekran yüksekliği */
  .yatay.etkin .harita-pano{width:auto;grid-template-columns:minmax(16rem,21rem) auto;align-items:stretch;padding:0 0 0 var(--bosluk);column-gap:0}
  .yatay.etkin .harita-yazi{align-self:center;padding-top:var(--ust-y);position:relative;z-index:1}
  .yatay.etkin .harita-kap{overflow:visible;height:100vh}
  .yatay.etkin .harita{min-width:0;height:100vh;width:auto}
  .yatay.etkin .rezerv-pano{width:auto;grid-template-columns:minmax(20rem,30rem) minmax(16rem,22rem)}
  .yatay.etkin .iletisim-pano{width:auto;min-width:56vw;max-width:80vw}
  .yatay.etkin .son-pano{width:30vw}
  .yatay.etkin .kart-kutu{max-width:min(420px,44vh)}
  /* ana sayfa paneli 100vh: 2×2 kart ızgarası yüksekliğe göre daralır */
  .yatay.etkin .ana-kartlar{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,calc((100vh - 17rem) * 2.15));margin:0 auto;gap:clamp(1rem,2vh,1.8rem)}
  .yatay.etkin .ana-kartlar .kk-ust,.yatay.etkin .ana-kartlar .kk-alt p{white-space:nowrap;font-size:max(.68rem,1.7cqi)}
  .yatay.etkin .ana-kartlar .kk-alt{gap:.6rem}
  .yatay.etkin .ana-kartlar .kk-sepet{font-size:max(1.15rem,3.5cqi)}
}

/* ---------------------------------------------------------------- iç sayfalar */
.acik-zemin{background:var(--kagit)}
.ic-kahraman{position:relative;height:72vh;min-height:420px;display:grid;place-items:center;color:#fff;overflow:hidden;background:var(--komur)}
.ic-kahraman picture,.ic-kahraman img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ic-kahraman::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.38)}
.ic-kahraman-yazi{position:relative;z-index:2;text-align:center;padding:var(--ust-y) var(--bosluk) 0}
.ic-kahraman .egik{font-size:clamp(1.8rem,3.4vw,3.4rem);margin:.4rem 0 0}

.okuma{max-width:46rem;margin:0 auto;padding:clamp(3rem,8vw,6rem) var(--bosluk)}
.okuma .bolum{margin-bottom:3rem}
.okuma-gorsel img{width:100%;margin-top:1rem}
.okuma ul{padding-left:1.2rem}
.yasal{font-size:1.15rem}
.yasal h2{margin-top:2.4rem}
.yasal-bas{padding:calc(var(--ust-y) + 5rem) var(--bosluk) 0;text-align:center}
.yasal-bas .egik{font-size:clamp(1.5rem,2.6vw,2.4rem);color:var(--zeytin)}

.soru{border-top:1px solid var(--cizgi);padding:1.1rem 0}
.soru:last-child{border-bottom:1px solid var(--cizgi)}
.soru summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.soru summary h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:400;line-height:1.25}
.soru summary::-webkit-details-marker{display:none}
.soru summary::after{content:"+";font-family:var(--daktilo);color:var(--damga);transition:transform .3s}
.soru[open] summary::after{transform:rotate(45deg)}
.soru p{margin-top:1rem}

/* koleksiyon listesi */
.koleksiyon-liste{padding:clamp(3rem,7vw,6rem) var(--bosluk)}
.koleksiyon-satir{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;max-width:76rem;margin:0 auto clamp(4rem,9vw,8rem)}
.koleksiyon-satir:nth-child(even) .ks-gorsel{order:2}
.ks-gorsel img{width:100%;aspect-ratio:1;object-fit:cover}
.ks-yazi .dev a{text-decoration:none}
.ks-yazi>.egik{font-size:1.8rem;color:var(--kraft);margin:.2rem 0 1.2rem}
.ks-yazi .daktilo{color:var(--damga)}
.instagram-not{text-align:center;font-size:1.6rem;max-width:36rem;margin:0 auto}

/* ürün sayfası */
.urun{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem);padding:calc(var(--ust-y) + 3rem) var(--bosluk) 4rem;max-width:90rem;margin:0 auto}
.urun-galeri{display:grid;gap:1rem;align-content:start}
.urun-galeri img{width:100%;aspect-ratio:1;object-fit:cover}
.urun-bilgi{position:sticky;top:calc(var(--ust-y) + 1rem);align-self:start}
.kirinti{color:var(--soluk);margin-bottom:1rem}
.kirinti a{text-decoration:none;color:var(--damga)}
.urun-bilgi>.egik{font-size:1.8rem;color:var(--zeytin);margin:.3rem 0 1.6rem}
.urun-metin{margin-top:2rem}
.bilgi{list-style:none;padding:0;margin:0;font-family:var(--daktilo);font-size:.92rem;columns:2;column-gap:2rem}
.bilgi li{padding:.35rem 0;border-bottom:1px dashed var(--cizgi);break-inside:avoid}

/* etiket (ürün kutusundaki daktilo etiketi) */
.etiket{background:#F1EEE5;border:1px solid rgba(42,36,32,.22);padding:1.4rem 1.5rem;position:relative;box-shadow:0 1px 0 rgba(42,36,32,.06);background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(122,104,168,.09) 31px 32px)}
.etiket-ust{display:flex;justify-content:space-between;font-family:var(--daktilo);font-size:.8rem;color:var(--soluk);border-bottom:1px solid rgba(42,36,32,.2);padding-bottom:.5rem;margin-bottom:1rem}
.siparis label{display:grid;grid-template-columns:7.5rem 1fr;align-items:center;gap:.8rem;padding:.45rem 0;border-bottom:1px solid rgba(42,36,32,.14)}
.siparis-satir{display:grid;grid-template-columns:7.5rem 1fr;align-items:baseline;gap:.8rem;padding:.55rem 0;margin:0;border-bottom:1px solid var(--cizgi)}
.siparis-satir .daktilo{color:var(--soluk)}
.siparis-satir+.dugme{margin-top:1.4rem}
.siparis label .daktilo{color:var(--soluk)}
.siparis select{appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='none' stroke='%23B3141C'/%3E%3C/svg%3E") right .2rem center no-repeat;border:0;font-family:var(--damga-yazi);color:var(--damga);font-size:1.15rem;padding:.25rem 1.4rem .25rem 0;cursor:pointer}
.fiyat{display:grid;grid-template-columns:7.5rem 1fr;align-items:baseline;gap:.8rem;margin:1rem 0 1.2rem}
.fiyat .daktilo{color:var(--soluk)}
.fiyat output{font-size:2.6rem;font-weight:300;line-height:1}
.fazla{font-size:1.05rem}
.fazla a{color:var(--damga)}
.siparis .dugme{width:100%;text-align:center}
.kucuk{font-size:1rem;color:var(--soluk);margin:1rem 0 0}

.diger-urunler{padding:clamp(3rem,7vw,6rem) var(--bosluk);border-top:1px solid var(--cizgi)}
.diger-ikili{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:56rem}
.diger{text-decoration:none;display:grid;justify-items:start}
.diger img{max-width:260px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.diger:hover img{transform:translateY(-6px) rotate(-1.5deg)}
.diger-ad{font-size:2rem;letter-spacing:0;line-height:1;margin-top:.6rem}
.diger .egik{color:var(--zeytin);font-size:1.3rem}

/* alt bilgi */
.alt{background:var(--komur);color:rgba(246,242,235,.82);padding:4rem var(--bosluk) 2rem;font-size:1.1rem}
.alt-ic{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:2rem;max-width:90rem;margin:0 auto}
.alt .daktilo{color:var(--kraft);margin-bottom:.4rem}
.alt-logo{width:110px}
.alt .imza{color:var(--kagit);opacity:.6;font-size:2rem}
.alt-liste{list-style:none;margin:0;padding:0}
.alt-liste a{text-decoration:none}
.alt-liste a:hover{text-decoration:underline}
.alt-not{font-family:var(--daktilo);font-size:.82rem;opacity:.7;max-width:90rem;margin:3rem auto 0}
.son-pano .alt-liste{font-size:1.4rem}
.son-pano .alt-not{margin:0}

/* ---------------------------------------------------------------- dar ekran */
@media (max-width:1023px){
  .kartlar{gap:1rem}
  .bolunmus{grid-template-columns:1fr}
  .bolunmus.ters .metin-blok{order:2}
  .bolunmus-gorsel{min-height:0}
  .bolunmus-gorsel img{height:60vh}
  .gorsel-pano img{height:80vh}
  .alt-ic{grid-template-columns:1fr 1fr}
  .alt-marka{grid-column:1/-1}
  .urun{grid-template-columns:1fr}
  .urun-bilgi{position:static}
  .urun-galeri{grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--bosluk));padding:0 var(--bosluk);scrollbar-width:none}
  .urun-galeri figure{scroll-snap-align:center}
}
@media (max-width:700px){
  body{font-size:1.18rem}
  :root{--ust-y:64px}
  .logo img{width:80px}
  .kartlar{grid-template-columns:1fr;gap:2.5rem}
  .iletisim-ikili{grid-template-columns:1fr}
  .menu-ic{grid-template-columns:1fr;align-items:start}
  .koleksiyon-satir{grid-template-columns:1fr}
  .koleksiyon-satir:nth-child(even) .ks-gorsel{order:0}
  .bilgi{columns:1}
  .diger-ikili{grid-template-columns:1fr}
  .rozet{width:96px;height:96px;right:1rem;bottom:1.5rem}
  .alt-ic{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* SEO/GEO eklemeleri: olgu cümleleri, karşılaştırma tablosu, bakış listesi, birim fiyat */
.varlik{font-size:1.32rem}
.karsilastirma{max-width:76rem;margin:0 auto clamp(4rem,9vw,8rem)}
.tablo-kap{overflow-x:auto}
.kalite-tablo{width:100%;border-collapse:collapse;font-size:1.1rem;min-width:44rem}
.kalite-tablo th,.kalite-tablo td{text-align:left;padding:.8rem .9rem .8rem 0;border-bottom:1px solid var(--cizgi);vertical-align:top}
.kalite-tablo thead th{font-family:var(--daktilo);font-size:.85rem;font-weight:400;color:var(--soluk)}
.kalite-tablo tbody th{font-weight:400;font-size:1.3rem;white-space:nowrap}
.kalite-tablo tbody th a{text-decoration:none}
.kalite-tablo td:nth-child(4),.kalite-tablo td:nth-child(5){font-family:var(--daktilo);color:var(--damga);white-space:nowrap}
.bakis{margin:0 0 1.6rem;border-top:1px solid var(--cizgi)}
.bakis div{display:grid;grid-template-columns:7.5rem 1fr;gap:.8rem;padding:.45rem 0;border-bottom:1px solid var(--cizgi);font-size:1.08rem;line-height:1.45}
.bakis dt{color:var(--soluk)}
.bakis dd{margin:0}
.birim{color:var(--soluk);margin:-.6rem 0 1.2rem 8.3rem}
@media (max-width:700px){.birim{margin-left:0}.bakis div{grid-template-columns:6rem 1fr}}
.bakis-baslik{margin-top:2.4rem}

/* ---------------------------------------------------------------- koleksiyon kartları (Labels ALL filled, 16 Eki 2026)
   Palet: #0D0D0D mürekkep, #F3EFEA zemin, #272400 zeytin çizgi/yazı, #8C0000 sepet kırmızısı.
   Ölçüler 858 px içerik genişliğindeki tasarımdan; yazılar kartın genişliğine bağlı (cqi). */
.koleksiyon-kartlar{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,36rem),1fr));gap:clamp(1.5rem,3vw,3rem);max-width:96rem;margin:0 auto clamp(4rem,8vw,7rem)}
.kk{display:grid;grid-template-columns:29.8% 1fr;column-gap:7.5%;align-items:stretch;background:#fff;padding:5.6% 6.5%;container-type:inline-size;color:var(--zeytin)}
.kk-gorsel img{width:100%}
/* pul: kâğıt zemin + perforasyon delikleri + ince noktalı iç çerçeve, hafif gölgeyle kartın üstünde durur */
.kk-pul{position:relative;align-self:start;width:100%;filter:drop-shadow(0 1px 1px rgba(39,36,0,.28)) drop-shadow(0 8px 16px rgba(39,36,0,.12))}
.kk-pul svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kk-pul img{position:absolute;height:auto}
.pul-kagit{fill:#F6F0E3}
.pul-nokta{fill:none;stroke:#272400;stroke-opacity:.5;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:0 7}
.kk-yazi{display:flex;flex-direction:column;min-width:0}
.kk-ust{display:flex;justify-content:space-between;gap:1rem;font-family:var(--etiket);font-size:max(.78rem,1.75cqi);line-height:1.3;letter-spacing:.01em}
.kk-ust p{margin:0}
.kk-ad{font-family:var(--serif);font-weight:400;font-size:max(1.9rem,5.4cqi);line-height:1.1;color:var(--murekkep);margin:.9em 0 0;letter-spacing:.02em}
.kk-ad a{text-decoration:none}
.kk-calisma{font-family:var(--serif);font-style:italic;font-weight:400;font-size:max(1.5rem,4.2cqi);line-height:1.15;color:var(--murekkep);margin:.2em 0 0;letter-spacing:.015em}
.kk-serit{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--zeytin);border-bottom:1px solid var(--zeytin);margin-top:max(1.2rem,3.6cqi);min-height:max(3rem,6.6cqi)}
.kk-tel{display:flex;align-items:center;justify-content:center;padding:.4rem 6%;border-right:1px solid var(--zeytin)}
.kk-tel img{max-height:max(2.2rem,4.6cqi);object-fit:contain;mix-blend-mode:multiply}
.kk-serit p{margin:0;display:flex;align-items:center;justify-content:center;font-family:var(--etiket);font-size:max(.85rem,2.1cqi);letter-spacing:.03em;text-transform:uppercase;text-align:center}
.kk-alt{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:auto;padding-top:max(1.5rem,4cqi)}
.kk-alt p{margin:0;font-family:var(--etiket);font-size:max(.78rem,1.75cqi)}
.kk-alt em{font-style:italic;opacity:.9}
.kk-sepet{font-family:var(--serif);font-weight:400;font-size:max(1.45rem,3.75cqi);line-height:1;color:var(--damga);text-decoration:none;white-space:nowrap;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .4s cubic-bezier(.6,0,.2,1)}
.kk-sepet:hover,.kk-sepet:focus-visible{background-size:100% 1px}
.kk:target{outline:1px solid #8C0000;outline-offset:6px}
@media (max-width:640px){
  .kk{grid-template-columns:1fr;row-gap:1.6rem;padding:7% 7% 8%}
  .kk-gorsel{max-width:62%;margin:0 auto}
  .kk-ust{flex-direction:column;gap:.15rem;font-size:.8rem}
  .kk-ad{margin-top:.6em}
  .kk-alt{flex-wrap:wrap;padding-top:1.6rem}
}

/* kısa ekran (yatay ana sayfa): 2×2 sığmaz → dört kart tek sırada, panel kartlar kadar genişler */
@media (min-width:1024px) and (max-height:820px) and (prefers-reduced-motion:no-preference){
  /* kısa ekran (ör. Windows dizüstü): kartlar yine 2×2 (kullanıcı, 25 Eki) — başlık solda sütun, kartlar yüksekliğe göre */
  .yatay.etkin .koleksiyon{width:auto;flex-direction:row;align-items:center;gap:clamp(2rem,3.5vw,3.5rem);padding:calc(var(--ust-y) + .6rem) var(--bosluk) 1.2rem}
  .yatay.etkin .koleksiyon-bas{flex-direction:column;align-items:flex-start;justify-content:center;gap:1.6rem;flex:none;width:min(20rem,24vw)}
  .yatay.etkin .ana-kartlar{grid-template-columns:repeat(2,calc((100vh - var(--ust-y) - 3rem) * 1.12));width:auto;max-width:none;margin:0;gap:clamp(.7rem,1.6vh,1.2rem)}
  /* kart içi ölçüler yalnız kart genişliğine bağlı (rem tabanları kartı uzatıp taşırıyordu) */
  .yatay.etkin .ana-kartlar .kk{padding:4.6% 5.5%}
  .yatay.etkin .ana-kartlar .kk-ust,.yatay.etkin .ana-kartlar .kk-alt p{font-size:max(.56rem,1.75cqi)}
  .yatay.etkin .ana-kartlar .kk-ad{font-size:5.6cqi;margin-top:.6em}
  .yatay.etkin .ana-kartlar .kk-calisma{font-size:4.3cqi}
  .yatay.etkin .ana-kartlar .kk-serit{margin-top:3.2cqi;min-height:6.4cqi}
  .yatay.etkin .ana-kartlar .kk-serit p{font-size:max(.6rem,2.1cqi)}
  .yatay.etkin .ana-kartlar .kk-tel img{max-height:4.4cqi}
  .yatay.etkin .ana-kartlar .kk-alt{padding-top:3.4cqi}
  .yatay.etkin .ana-kartlar .kk-sepet{font-size:3.9cqi}
  .yatay.etkin .tarih-not{display:none}
  .yatay.etkin .tarih .baslik span:first-child{font-size:clamp(1.8rem,2.8vw,2.6rem)}
}

/* ---------------------------------------------------------------- revizyon 25 Eki 2026 */
/* 1600 BC: Akrotiri freskleri (müşteri: rakam kırmızı) */
.tarih{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4.5rem);align-items:center;padding:calc(var(--ust-y) + 2rem) var(--bosluk) 3rem}
.tarih-yazi{max-width:30rem}
.tarih-sayi{font-family:var(--serif);font-weight:300;white-space:nowrap;line-height:.92;letter-spacing:.01em;font-variant-numeric:lining-nums;color:var(--damga);font-size:clamp(3.4rem,min(7vw,13vh),7rem);margin:0 0 .6rem}
.tarih .baslik{margin-bottom:1rem}
.tarih-not{font-size:.98rem;color:var(--soluk)}
.tarih-gorsel{position:relative}
.tarih-gorsel img{width:100%;height:auto;mix-blend-mode:multiply}
.tarih-gorsel figcaption{margin-top:.6rem;color:var(--soluk)}

/* safran coğrafyası haritası */
.harita-pano{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,3rem);align-items:center;padding:calc(var(--ust-y) + 1.5rem) var(--bosluk) 2.5rem}
.harita-yazi{max-width:24rem}
.harita-yazi>.daktilo{letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;color:var(--damga);margin:0 0 .3rem}
.harita-pano .baslik span:first-child{color:var(--damga);letter-spacing:.14em}
.harita-alt{font-size:1.45rem;line-height:1.25;color:var(--zeytin);margin:-.4rem 0 1.2rem}
.harita-not{font-size:.95rem;color:var(--soluk);border-top:1px solid var(--cizgi);padding-top:.9rem}
.harita-kap{overflow-x:auto;scrollbar-width:none}
.harita{position:relative;min-width:780px}
.harita img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}  /* üst/alt kenara yaslı, yalnız yanlar erir */
.harita img,.harita svg{position:absolute;inset:0;width:100%;height:100%}
.harita text{font-family:var(--serif);font-size:17px;letter-spacing:.02em;fill:var(--damga)}
.harita .h-deniz{font-family:var(--serif);font-style:italic;font-size:15px;letter-spacing:.2em;fill:var(--zeytin);opacity:.4}
.harita .h-kita{font-family:var(--etiket);font-size:13px;letter-spacing:.5em;text-transform:uppercase;fill:var(--zeytin);opacity:.38}
.h-bolge line{stroke:var(--damga);stroke-width:1}
.h-bolge circle{fill:var(--damga)}
.h-bolge .h-halka{fill:none;stroke:var(--damga);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:nabiz 4.8s ease-out infinite}
.h-bolge:nth-child(3n+2) .h-halka{animation-delay:-1.6s}
.h-bolge:nth-child(3n) .h-halka{animation-delay:-3.2s}
@keyframes nabiz{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(3.4);opacity:0}}

/* La Réserve des Saisons: yıllık tedarik */
.rezerv-pano{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:calc(var(--ust-y) + 2rem) var(--bosluk) 3rem;border-left:1px solid var(--cizgi)}
.rezerv-yazi>.daktilo{color:var(--damga);margin:0 0 .4rem}
.rezerv-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.rezerv-liste li{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--cizgi)}
.rezerv-liste .daktilo{color:var(--damga)}
.rezerv-liste p{margin:0;font-family:var(--serif);font-size:1.35rem;line-height:1.3}
.rezerv-eposta a{text-decoration:none;color:var(--damga)}

/* sürdürülebilirlik: palet zeytin yeşili zemin */
/* sürdürülebilirlik: zemin fotoğrafın siyahıyla aynı (üstten alta 04→0C), vurgu yosunun yeşilinden yumuşatılmış ton.
   #272400 zeytin bu fotoğrafın siyahıyla iki ayrı blok gibi duruyordu (kullanıcı, 25 Eki) */
.gece-pano{--yosun:#9AAE62;background:linear-gradient(#040406,#0C0B10);color:var(--kagit)}
.gece-pano .metin-blok p{color:rgba(243,239,234,.78)}
.gece-pano .baslik .egik{color:var(--yosun)}
.gece-pano .cizgili.koyu{color:var(--kagit)}
.gece-pano .cizgili.koyu:hover{color:var(--yosun)}
.gece-pano picture{display:block;height:100%}
/* geniş ekran: fotoğraf panonun tamamını kaplar, yazı solda üstünde (kullanıcı: "siyah ekranı doldursun") */
@media (min-width:1024px){
  .gece-pano{display:block;position:relative;overflow:hidden;min-height:100vh}
  .gece-pano .bolunmus-gorsel{position:absolute;inset:0;height:100%;min-height:0}
  .gece-pano .bolunmus-gorsel img{object-fit:cover;object-position:right center}
  .gece-pano .metin-blok{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:38rem}
}

/* sade karşılaştırma tablosu */
.kalite-tablo.sade{min-width:0;max-width:52rem}
.kalite-tablo.sade tbody th{font-family:var(--serif);font-size:1.45rem}
.kalite-tablo.sade td{font-family:var(--daktilo);white-space:nowrap}
.kalite-tablo.sade td:nth-child(2){color:var(--damga)}

@media (max-width:1023px){
  .tarih{grid-template-columns:1fr}
  .tarih-gorsel{max-width:34rem}
  .rezerv-pano{grid-template-columns:1fr;border-left:0}
}
@media (max-width:700px){
  .rezerv-liste li{grid-template-columns:4.5rem 1fr}
}
@media (max-width:1023px){#surdurulebilirlik .bolunmus-gorsel img{object-position:50% 40%}}  /* yosun + kutu kadrajda kalsın */

/* At the Table: simetrik bento — iki uzun görsel kenarda, ortada yazı kutusu + görsel (kullanıcı, 25 Eki 2026) */
.mutfak{padding:calc(var(--ust-y) + 1.5rem) var(--bosluk) 3rem}
.bento{display:grid;grid-template-columns:1fr 1.6fr 1fr;grid-template-rows:auto 1fr;gap:clamp(.6rem,1.1vw,1rem);height:min(82vh,52rem)}
.bento-kutu{position:relative;margin:0;overflow:hidden;min-height:0}
.b-sol{grid-column:1;grid-row:1/3}
.b-sag{grid-column:3;grid-row:1/3}
.b-yazi{grid-column:2;grid-row:1;background:#fff;padding:clamp(1.2rem,2.2vw,2.2rem);display:flex;flex-direction:column;justify-content:center}
.b-orta{grid-column:2;grid-row:2}
.b-yazi .baslik{margin-bottom:.9rem}
.mutfak-giris{margin:0;font-size:.98rem;line-height:1.6}
.bento-kutu img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.bento-kutu:hover img{transform:scale(1.03)}
.b-orta img{object-position:50% 72%}
.bento-kutu figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;gap:.6rem;padding:2.4rem 1.1rem .9rem;color:var(--kagit);background:linear-gradient(transparent,rgba(13,13,13,.62))}
.bento-kutu figcaption .daktilo{color:#E9C9A8}
.bento-kutu figcaption .egik{font-size:1.5rem}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference){
  .yatay.etkin .mutfak{width:auto;display:flex;align-items:center;padding:calc(var(--ust-y) + .5rem) var(--bosluk) 1.5rem}
  /* yükseklik 46rem'de, genişlik ekranın %82'sinde durur: büyük ekranda bento taşmaz (kullanıcı, 25 Eki) */
  .yatay.etkin .bento{--bh:min(calc(100vh - var(--ust-y) - 3rem),46rem);height:var(--bh);width:min(calc(var(--bh) * 2.1),82vw)}
}
@media (max-width:1023px){
  .bento{grid-template-columns:1fr 1fr;grid-template-rows:auto 62vw 46vw;height:auto}
  .b-yazi{grid-column:1/-1;grid-row:1}
  .b-sol{grid-column:1;grid-row:2}
  .b-sag{grid-column:2;grid-row:2}
  .b-orta{grid-column:1/-1;grid-row:3}
}
@media (min-width:1024px) and (max-height:760px){
  .b-yazi{padding:1rem 1.3rem}
  .b-yazi .baslik span:first-child{font-size:1.9rem}
  .b-yazi .baslik .egik{font-size:1.5rem}
  .mutfak-giris{font-size:.86rem;line-height:1.5}
}

/* ---- Fiyat talebi penceresi ---- */
.talep{width:min(44rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:0;background:var(--kagit);color:var(--murekkep);overflow:auto;box-shadow:0 0 0 100vmax rgba(13,13,13,.6),0 30px 80px rgba(13,13,13,.35)}
.talep::backdrop{background:rgba(13,13,13,.6)}
.talep[open]{animation:talep-ac .35s cubic-bezier(.2,.7,.2,1)}
@keyframes talep-ac{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.talep-form{padding:clamp(1.6rem,4vw,3rem)}
.talep-bas{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.talep h2{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1;margin:0}
.talep-kapat{border:0;background:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--zeytin);padding:0 .2rem}
.talep-giris{margin:1rem 0 1.6rem;font-size:1.05rem;line-height:1.6;max-width:34rem;color:var(--zeytin)}
.talep-tur{border:0;margin:0 0 1.2rem;padding:0}
.talep-tur legend,.talep-alan>span{display:block;font-size:.85rem;color:var(--zeytin);margin-bottom:.45rem;padding:0}
.talep-alan em{font-style:normal;opacity:.7}
.talep-cipler{display:flex;flex-wrap:wrap;gap:.5rem}
.talep-cipler input{position:absolute;opacity:0;pointer-events:none}
.talep-cipler label{padding:.6rem 1rem;border:1px solid rgba(39,36,0,.22);background:#fff;cursor:pointer;font-size:.95rem}
.talep-cipler input:checked+label{background:var(--murekkep);border-color:var(--murekkep);color:var(--kagit)}
.talep-cipler input:focus-visible+label{outline:2px solid var(--damga);outline-offset:2px}
.talep-ikili{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.talep-alan{display:block}
.talep-alan[hidden],.talep [hidden]{display:none}
.talep-genis{margin-bottom:1rem}
.talep-alan input,.talep-alan select,.talep-alan textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;color:var(--murekkep);background:#fff;border:1px solid rgba(39,36,0,.22);padding:.75rem .85rem;border-radius:0}
.talep-alan textarea{resize:vertical;min-height:5rem}
.talep-alan input:focus,.talep-alan select:focus,.talep-alan textarea:focus{outline:none;border-color:var(--murekkep)}
.talep-bal{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.talep-hata{background:#F6E3E0;color:var(--damga);padding:.8rem 1rem;margin:0 0 1rem;font-size:.95rem}
.talep-alt{display:flex;flex-direction:column;gap:.8rem;margin-top:.6rem}
.talep-alt .dugme{width:100%;justify-content:center}
.talep-alt p{margin:0;font-size:.85rem;color:var(--zeytin)}
.talep-tamam p{font-size:1.15rem;line-height:1.6;margin:1.2rem 0 1.8rem;max-width:32rem}
@media (max-width:560px){.talep-ikili{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.talep[open]{animation:none}}