/* Kum teması. Sıra: ortak taban, tasarıma özgü kurallar, WooCommerce.
   Renk, yazı tipi ve başlık boyut çarpanı (--k) ":root" içinde. */
/* Üç tasarımın ortak tabanı: sıfırlama, ürün kartı iskeleti, sepet / hızlı bakış /
   üyelik pencereleri, bildirim. Renk ve yazı her tasarımın :root değişkenlerinden gelir. */
/* Yazı tipleri temanın içinde (SIL Open Font License): başlık Marcellus, gövde Jost. */
@font-face{font-family:'Jost';font-style:normal;font-weight:300 500;font-display:swap;src:url(fonts/jost-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 500;font-display:swap;src:url(fonts/jost-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Kiril (Ukraynaca): Marcellus'ta Kiril harf yok, Jost'ta Ukraynacaya özgü і ї є ґ yok. Kiril aralığı aynı aile adlarıyla
   Forum (başlık) ve Raleway (gövde) dosyalarından gelir; Latin yazı değişmez. Adayların karşılaştırması: wp/ekran/gizem/yazi-tipi-adaylari.png */
@font-face{font-family:'Jost';font-style:normal;font-weight:300 500;font-display:swap;src:url(fonts/raleway-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/forum-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/marcellus-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/marcellus-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--metin);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
a{color:inherit;touch-action:manipulation}
h1,h2{text-wrap:balance}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;border-radius:0}
input{font:inherit;color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--odak,currentColor);outline-offset:3px}
h2,section[id]{scroll-margin-top:90px}
.atla{position:absolute;left:8px;top:-80px;background:var(--metin);color:var(--zemin);padding:12px 16px;z-index:100;text-decoration:none}
.atla:focus{top:8px}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cizgili{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;transition:text-decoration-thickness .15s}
.cizgili:hover{text-decoration-thickness:2px}

/* ikonlu üst menü düğmeleri */
.ikon{position:relative;display:inline-grid;place-items:center;min-width:44px;height:44px}
.ikon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.ikon [data-sepet-adet]{position:absolute;top:5px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--buton);color:var(--buton-yazi);font-size:10.5px;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}
.ikon [data-sepet-adet]:empty,.ikon [data-fav-adet]:empty{display:none}
.ikon [data-fav-adet]{position:absolute;top:5px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--buton);color:var(--buton-yazi);font-size:10.5px;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}
.ikon,.kapat,.oklar button,.adet button,.urun-fav{border-radius:50%;transition:background-color .15s}
.ikon:hover,.dil-sec summary:hover,.kapat:hover,.oklar button:hover,.adet button:hover,.urun-fav:hover{background-color:color-mix(in srgb,currentColor 13%,transparent)}
.adet button{border-radius:0}

/* ürün kartı iskeleti */
.urun{position:relative;min-width:0}
.urun-gorsel{position:relative;display:block;width:100%;overflow:hidden;background:var(--karo)}
.urun-gorsel img{width:100%;aspect-ratio:var(--oran,4/5);object-fit:cover;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}
/* üstüne gelince ikinci fotoğraf belirir; ikinci fotoğraf yoksa aynı karenin yakın planı */
.urun-gorsel .iki{position:absolute;inset:0;height:100%;opacity:0}
.urun-gorsel .iki.yakin{transform:scale(1.3)}
@media (hover:hover){.urun:hover .iki,.urun-gorsel:focus-visible .iki{opacity:1}}
.urun-malzeme{display:none}
.urun-fav{position:absolute;top:4px;right:4px;width:44px;height:44px;display:grid;place-items:center;color:var(--fav,#121212)}
.urun-fav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;transition:fill .15s}
.urun-fav[aria-pressed=true] svg{fill:currentColor}
.urun-etiket{position:absolute;top:12px;left:12px;font-size:11px;letter-spacing:.06em;pointer-events:none}
.urun-ad{font:inherit;font-weight:500;overflow-wrap:anywhere}
.urun-fiyat{font-variant-numeric:tabular-nums}
.urun-fiyat s,.bf s{margin-left:6px;color:var(--ikincil)}

/* yatay kaydırıcı */
.kaydir{display:grid;grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.kaydir::-webkit-scrollbar{display:none}
.kaydir>li{scroll-snap-align:start}

/* kategori sayfası (?kat=...): ana sayfa bölümleri gizlenir, liste gelir */
.kat-gorunum main>:not(.kat),.kat-gorunum>.kapak,.kat-gorunum>.guven{display:none}
.kat{max-width:1360px;margin:0 auto;padding:26px 40px 80px}
.kat-yol{font-size:12.5px;color:var(--ikincil)}
.kat-yol a{text-decoration:none}
.kat-yol a:hover{text-decoration:underline;text-underline-offset:4px}
.kat-ust{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:16px 0 22px}
.kat-ust h1{font-family:var(--serif);font-weight:var(--serif-kalinlik,300);font-size:clamp(36px,4.6vw,60px);line-height:1.04;letter-spacing:-.01em}
.kat-sayi{font-size:13px;color:var(--ikincil);white-space:nowrap;font-variant-numeric:tabular-nums}
.kat-arac{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:30px;padding:12px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.kat-cipler{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:3px}
.kat-cipler::-webkit-scrollbar{display:none}
.kat-cipler a{display:inline-flex;align-items:center;height:40px;padding:0 17px;border:1px solid var(--cizgi-koyu,var(--metin));border-radius:var(--kose-cip,999px);font-size:13px;text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}
.kat-cipler a:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.kat-cipler a[aria-current]{background:var(--buton);border-color:var(--buton);color:var(--buton-yazi)}
.kat-sirala{display:flex;align-items:center;gap:10px;font-size:13px}
.kat-sirala select{height:40px;padding:0 10px;font:inherit;font-size:14px;color:var(--metin);background-color:var(--yuzey,var(--zemin));border:1px solid var(--cizgi-koyu,var(--metin));border-radius:var(--kose,0)}
.kat-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 18px}
.kat-bos{padding:40px 0;color:var(--ikincil)}
.kat-diger{margin-top:80px;padding-top:36px;border-top:1px solid var(--cizgi)}
.kat-diger h2{margin-bottom:22px;font-family:var(--serif);font-weight:var(--serif-kalinlik,300);font-size:28px}
/* metin sayfası (?sayfa=kvkk) */
.metin{max-width:68ch;font-size:16px;line-height:1.65}
.metin p+p{margin-top:.8em} /* art arda paragraflar yapışık durmasın (kargo, hikâye) */
.metin h2,.woocommerce-order h2{margin:34px 0 8px;font-family:var(--serif);font-weight:var(--serif-kalinlik,300);font-size:26px;line-height:1.2}
.woocommerce-order address{font-style:normal}
.metin-not{padding:12px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);font-size:13.5px;color:var(--ikincil)}
/* onay kutusu satırı (KVKK / ileti izni) */
.onay{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;cursor:pointer}
.onay input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--buton)}
@media (max-width:860px){
  .kat{padding:16px 16px 60px}
  .kat-arac{margin-bottom:22px}
  .kat-cipler{margin:0 -16px;padding:3px 16px}
  .kat-sirala select{font-size:16px}
  .kat-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}
  .kat-diger{margin-top:56px}
}

/* pencereler */
dialog{border:0;padding:0;color:var(--metin);background:var(--yuzey,var(--zemin));max-width:none;max-height:none;overscroll-behavior:contain}
dialog::backdrop{background:rgba(10,10,10,.5)}
.kapat{width:44px;height:44px;font-size:26px;line-height:1;font-weight:300}
.dolu{display:block;width:100%;padding:15px 20px;background:var(--buton);color:var(--buton-yazi);border-radius:var(--kose,0);font-size:14px;letter-spacing:.03em;text-align:center;transition:opacity .15s}
.dolu:hover{opacity:.86}
.cekmece{margin:0 0 0 auto;width:min(430px,100vw);height:100vh;height:100dvh}
.cekmece[open]{display:flex;flex-direction:column;animation:cek .32s cubic-bezier(.2,.7,.2,1)}
@keyframes cek{from{transform:translateX(48px);opacity:0}}
.pencere-ust{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 24px;border-bottom:1px solid var(--cizgi)}
.pencere-ust h2{font-family:var(--serif);font-weight:var(--serif-kalinlik,300);font-size:24px}
.sepet-liste{flex:1;overflow-y:auto;padding:8px 24px}
.sepet-liste li{display:grid;grid-template-columns:72px minmax(0,1fr) 44px;gap:14px;padding:16px 0;border-bottom:1px solid var(--cizgi);align-items:start}
.sepet-liste img{width:72px;aspect-ratio:4/5;object-fit:cover;background:var(--karo)}
.sepet-liste .sa{font-size:14px;font-weight:500;overflow-wrap:anywhere}
.sepet-liste .sf{font-size:13px;color:var(--ikincil);font-variant-numeric:tabular-nums}
.adet{display:inline-flex;align-items:center;margin-top:8px;border:1px solid var(--cizgi)}
.adet button{width:36px;height:36px;font-size:16px}
.adet span{min-width:28px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.sepet-bos{padding:40px 24px;color:var(--ikincil)}
.cekmece-alt{padding:18px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--cizgi)}
.sepet-toplam{display:flex;justify-content:space-between;margin-bottom:14px;font-size:15px}
.sepet-toplam b{font-weight:500;font-variant-numeric:tabular-nums}
.not{margin-top:10px;font-size:12px;color:var(--ikincil)}
.orta{margin:auto;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}
.orta[open]{animation:belir .25s ease}
@keyframes belir{from{opacity:0;transform:translateY(12px)}}
.bak-ic{display:grid;grid-template-columns:1fr 1fr}
.bak-gorsel{position:relative;background:var(--karo)}
.bak-gorsel>img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}
.bak-kucuk{position:absolute;left:12px;bottom:12px;display:flex;gap:8px}
.bak-kucuk button{width:58px;padding:2px;background:var(--yuzey,var(--zemin));border:1px solid transparent}
.bak-kucuk button[aria-pressed=true]{border-color:var(--metin)}
.bak-kucuk img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bak-yazi{display:flex;flex-direction:column;gap:12px;padding:12px 12px 28px 28px}
.bak-yazi .kapat{align-self:flex-end}
.bak-yazi h2{font-family:var(--serif);font-weight:var(--serif-kalinlik,300);font-size:30px;line-height:1.15;padding-right:16px}
.bak-yazi .bf{font-size:16px;font-variant-numeric:tabular-nums}
.bak-yazi .ba{color:var(--ikincil);font-size:14px;padding-right:16px}
.bak-yazi .bm{margin-top:-6px;font-size:13.5px;color:var(--ikincil)}
.bak-yazi .dolu{margin-top:4px;width:calc(100% - 16px)}
.bak-acilir{margin:6px 16px 0 0;border-bottom:1px solid var(--cizgi)}
.bak-acilir details{border-top:1px solid var(--cizgi)}
.bak-acilir summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;cursor:pointer;font-size:14px;list-style:none}
.bak-acilir summary::-webkit-details-marker{display:none}
.bak-acilir summary::after{content:"+";font-size:19px;font-weight:300;line-height:1}
.bak-acilir details[open] summary::after{content:"−"}
.bak-acilir p{padding:0 0 14px;font-size:13.5px;color:var(--ikincil)}
.bak-oneri{margin:8px 16px 0 0}
.bak-oneri>p{margin-bottom:10px;font-family:var(--serif);font-weight:var(--serif-kalinlik,300);font-size:20px}
.bak-oneri ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bak-oneri button{display:block;width:100%;text-align:left;font-size:12.5px;line-height:1.35}
.bak-oneri img{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:7px;background:var(--karo);transition:opacity .2s}
.bak-oneri button:hover img{opacity:.82}
.bak-oneri span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bak-oneri .of{color:var(--ikincil);font-variant-numeric:tabular-nums}
.uye-ic{width:min(420px,100%);padding:8px 12px 30px 28px}
#uye.orta{width:min(440px,calc(100vw - 32px))}
.uye-ic .kapat{display:block;margin-left:auto}
.uye-ic h2{font-family:var(--serif);font-weight:var(--serif-kalinlik,300);font-size:30px;margin-bottom:6px}
.uye-ic p{color:var(--ikincil);font-size:14px;margin-bottom:18px;padding-right:16px}
.uye-ic form{display:grid;gap:14px;padding-right:16px}
.uye-ic label{display:grid;gap:6px;font-size:13px}
.uye-ic input{height:48px;padding:0 14px;font-size:16px;background:transparent;border:1px solid var(--cizgi-koyu,var(--metin));border-radius:var(--kose,0)}
#bul.orta{width:min(560px,calc(100vw - 32px))}
.bul-kutu{display:block;padding:18px 24px 4px}
.bul-kutu input{width:100%;height:50px;padding:0 14px;font-size:16px;background:transparent;border:1px solid var(--cizgi-koyu,var(--metin));border-radius:var(--kose,0)}
.bul-liste{padding:6px 24px 10px}
.bul-liste button{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:10px 0;border-bottom:1px solid var(--cizgi);text-align:left;font-size:14px}
.bul-liste img{width:56px;aspect-ratio:1/1;object-fit:cover;background:var(--karo)}
.bul-liste .of{color:var(--ikincil);font-variant-numeric:tabular-nums;white-space:nowrap}
.bul-liste button:hover span:first-of-type{text-decoration:underline;text-underline-offset:4px}
.bul-bos{padding:10px 24px 28px;color:var(--ikincil);font-size:14px}
.bul-bos:empty{display:none}
#bildirim{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 18px;background:var(--metin);color:var(--zemin);font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1000}
#bildirim.acik{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#bildirim button{text-decoration:underline;text-underline-offset:3px;min-height:24px}


@media (max-width:640px){
  .bak-ic{grid-template-columns:1fr}
  .bak-gorsel>img{aspect-ratio:1/1}
  .bak-yazi{padding:16px 12px 24px 20px}
  .bak-yazi .kapat{position:absolute;top:4px;right:4px;background:rgba(255,255,255,.85);color:#121212;border-radius:50%}
  .orta{position:relative}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ---------- Kum tasarımı ---------- */
:root{--zemin:#F4EFE6;--metin:#1C1A16;--ikincil:#6A6357;--karo:#E9E1D3;--cizgi:#D8CFBF;--cizgi-koyu:#1C1A16;--vurgu:#7E5E26;--buton:#1C1A16;--buton-yazi:#F4EFE6;--kose:0;--odak:#7E5E26;
  --serif:'Marcellus',Georgia,'Times New Roman',serif;--serif-kalinlik:400;--sans:'Jost','Helvetica Neue',Arial,sans-serif;
  --k:.72} /* --k: başlık yazı tipinin boyut çarpanı; yazı tipi değişirse buradan ayarlanır */
body{font-weight:300;font-size:16px}
.serit{padding:10px 16px;background:var(--metin);color:var(--zemin);text-align:center;text-wrap:balance;font-size:13px;font-weight:400;letter-spacing:.04em}
.ust{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:36px;align-items:center;padding:8px 28px 8px 40px;border-bottom:1px solid var(--cizgi)}
.ust nav{text-wrap:balance;font-size:14px;letter-spacing:.03em} /* menü sığmazsa iki dengeli satıra bölünür, logoya yapışmaz */
.ust nav a{display:inline-block;margin-right:clamp(10px,1.1vw,22px);padding:10px 0;text-decoration:none;white-space:nowrap;transition:color .15s}
.ust nav a:hover{color:var(--vurgu)}
.logo{font-family:var(--serif);font-weight:400;font-size:calc(30px*var(--k));letter-spacing:.34em;margin-right:-.34em;text-decoration:none}
.ust-sag{display:flex;align-items:center;justify-content:flex-end}
.ikon{font-weight:400}
@media (min-width:901px){.ust{position:sticky;top:0;z-index:50;background:var(--zemin)}}

.kunye{font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--vurgu)}
.giris{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding:32px 40px 0}
.giris-yazi{grid-column:1/8;padding-bottom:84px}
.giris h1{margin:22px 0 28px;font-family:var(--serif);font-weight:300;font-size:clamp(calc(58px*var(--k)),calc(9vw*var(--k)),calc(140px*var(--k)));line-height:.9;letter-spacing:-.025em}
.giris h1 em{display:block;font-weight:300;padding-left:.55em}
em{font-style:normal}
.giris h1,.baslik h2,.rehber h2{letter-spacing:0;line-height:1.02}
.giris-yazi p{max-width:370px;font-size:17px;line-height:1.55}
.giris-yazi .cizgili{display:inline-block;margin-top:22px;font-weight:400;letter-spacing:.03em}
.giris-gorsel{grid-column:8/13;position:relative}
.giris-gorsel>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
@media (min-width:901px){.giris-gorsel>img{max-height:calc(100vh - 150px)}} /* site açılınca yazı ve fotoğraf ilk ekranda görünür */
.kucuk{position:absolute;left:-30%;bottom:-48px;width:46%;border:10px solid var(--zemin);background:var(--zemin)}
.kucuk img{width:100%;aspect-ratio:4/5;object-fit:cover}
.kunye-alt{margin-top:12px;font-size:13px;text-align:right;color:var(--ikincil)}
.kunye-alt button{color:var(--metin);font-weight:400}

.dizin{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:112px 40px 0}
.dizin a{display:block;font-family:var(--serif);font-size:clamp(calc(24px*var(--k)),calc(2.5vw*var(--k)),calc(34px*var(--k)));text-decoration:none;transition:color .15s}
.dizin img{width:100%;aspect-ratio:3/4;object-fit:cover;margin-bottom:12px;background:var(--karo);transition:opacity .2s}
.dizin a:hover img{opacity:.86}
.dizin a:hover{color:var(--vurgu)}

.baslik{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;padding:104px 40px 40px}
.baslik h2{grid-column:1/8;font-family:var(--serif);font-weight:300;font-size:clamp(calc(44px*var(--k)),calc(5.4vw*var(--k)),calc(80px*var(--k)));line-height:.95;letter-spacing:-.02em}
.baslik h2 em{font-weight:300}
.baslik p{grid-column:9/13;font-size:15px;color:var(--ikincil)}
.izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 24px;padding:0 40px;counter-reset:no}
.izgara .urun{counter-increment:no;--oran:3/4}
.kat .izgara{padding:0}
:root{--kose-cip:0}
.urun-etiket{top:0;left:0;padding:5px 10px 4px;background:var(--zemin);font-family:var(--serif);font-size:calc(16px*var(--k));font-weight:400;letter-spacing:0}
.urun-fav{color:#1C1A16}
.urun-bilgi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--metin)}
.urun-kat{grid-column:1/-1;font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil)}
.izgara .urun-kat::before{content:"No. " counter(no,decimal-leading-zero) "  ·  "}
.urun-ad{font-family:var(--serif);font-size:calc(23px*var(--k));font-weight:400;line-height:1.12}
.urun-fiyat{font-size:14px;font-weight:400;padding-top:5px;white-space:nowrap}
.urun-ekle{margin-top:6px;min-height:36px;font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;transition:color .15s}
.urun-ekle::after{content:"  +"}
.urun-ekle:hover{color:var(--vurgu)}

.rehber{margin-top:120px;padding:96px 40px;background:var(--karo)}
.rehber-ic{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:72px;align-items:center;max-width:1180px;margin:0 auto}
.rehber svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
.rehber h2{margin:14px 0 26px;font-family:var(--serif);font-weight:300;font-size:clamp(calc(40px*var(--k)),calc(4.6vw*var(--k)),calc(68px*var(--k)));line-height:.98;letter-spacing:-.02em}
.boylar{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.boylar label{position:relative;cursor:pointer}
.boylar span{display:grid;place-items:center;min-width:76px;height:48px;padding:0 14px;border:1px solid var(--metin);font-size:15px;font-weight:400;font-variant-numeric:tabular-nums;transition:background-color .15s,color .15s}
.boylar input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.boylar input:checked+span{background:var(--metin);color:var(--zemin)}
.boylar input:focus-visible+span{outline:2px solid var(--odak);outline-offset:3px}
.boylar label:hover span{border-color:var(--vurgu)}
.rehber-not{min-height:3.2em;margin:24px 0 22px;font-family:var(--serif);font-size:calc(25px*var(--k));font-weight:400;line-height:1.25;max-width:430px}
.rehber small{display:block;margin-top:26px;font-size:12.5px;color:var(--ikincil)}

.uclu{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:0 40px}
.uclu figure:nth-child(1){grid-column:1/5}
.uclu figure:nth-child(2){grid-column:5/9;margin-top:104px}
.uclu figure:nth-child(3){grid-column:9/13;margin-top:36px}
.uclu img{width:100%;aspect-ratio:3/4;object-fit:cover}
.uclu figcaption{margin-top:12px;font-family:var(--serif);font-size:calc(22px*var(--k));line-height:1.2}
.uclu figcaption span+span{display:block;margin-top:3px;font-family:var(--sans);font-style:normal;font-size:13px;color:var(--ikincil)}

footer.alt{margin-top:128px;padding:0 40px 104px;border-top:1px solid var(--metin)}
.alt-ic{display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2fr));gap:40px;padding-top:56px}
footer.alt h2{font-family:var(--serif);font-weight:300;font-size:calc(40px*var(--k));line-height:1;letter-spacing:-.015em}
footer.alt h3{margin-bottom:14px;font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ikincil)}
.bulten p{margin:12px 0 18px;max-width:360px;color:var(--ikincil);font-size:15px}
.bulten form{max-width:400px}
.bulten .satir{display:flex;border:1px solid var(--metin)}
.bulten .onay{margin-top:14px;color:var(--ikincil)}
.bulten .satir input{flex:1;min-width:0;height:50px;padding:0 16px;border:0;background:transparent;font-size:16px}
.bulten .satir input:focus-visible{outline:0}
.bulten .satir:focus-within{outline:2px solid var(--odak);outline-offset:3px}
.bulten button{padding:0 20px;background:var(--metin);color:var(--zemin);font-size:12.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}
footer.alt li a{display:inline-block;padding:5px 0;font-size:15px;text-decoration:none}
footer.alt li a:hover{color:var(--vurgu)}
.imza{margin:64px 0 -0.08em;font-family:var(--serif);font-weight:300;font-size:clamp(calc(96px*var(--k)),calc(20vw*var(--k)),calc(300px*var(--k)));line-height:.8;letter-spacing:-.04em;color:var(--karo);user-select:none}
.alt-dip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:18px;border-top:1px solid var(--cizgi);font-size:12.5px;color:var(--ikincil)}
.alt-iletisim svg{width:18px;height:18px;margin-right:8px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.3}
/* arama: sayfanın üstünde açılan şerit (üst menüdeki büyüteç) */
.ara{margin:0;width:100%}
.ara[open]{animation:belir .25s ease}
.ara form{display:flex;width:min(720px,calc(100% - 32px));margin:24px auto 32px;border:1px solid var(--metin)}
.ara form:focus-within{outline:2px solid var(--odak);outline-offset:3px}
.ara input[type=search]{flex:1;min-width:0;height:50px;padding:0 16px;border:0;background:transparent;font-size:16px}
.ara input[type=search]:focus-visible{outline:0}
.ara form button{padding:0 22px;background:var(--metin);color:var(--zemin);font-size:12.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}

@media (max-width:900px){
  .ust{grid-template-columns:1fr auto;padding:4px 6px 0 16px}
  .logo{grid-column:1;grid-row:1;font-size:calc(24px*var(--k))}
  .ust-sag{grid-column:2;grid-row:1}
  .ust nav{grid-column:1/-1;grid-row:2;display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;margin-right:-6px;padding-right:16px}
  .ust nav::-webkit-scrollbar{display:none}
  .ust nav a{margin-right:0}
  .giris{display:block;padding:40px 16px 0}
  .giris-yazi{padding-bottom:36px}
  .giris h1{font-size:clamp(calc(54px*var(--k)),calc(17vw*var(--k)),calc(96px*var(--k)))}
  .giris-gorsel{margin-left:22%}
  .kucuk{left:-28%;bottom:-28px;width:48%;border-width:6px}
  .dizin{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;margin:76px 16px 0}
  .baslik{display:block;padding:72px 16px 28px}
  .baslik p{margin-top:14px;max-width:420px}
  .izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px;padding:0 16px}
  .urun-bilgi{grid-template-columns:1fr}
  .urun-ad{font-size:calc(20px*var(--k))}
  .urun-ekle{min-height:44px}
  .rehber{margin-top:80px;padding:56px 16px}
  .rehber-ic{grid-template-columns:1fr;gap:28px}
  .boylar span{min-width:60px}
  .uclu{grid-template-columns:1fr 1fr;column-gap:12px;row-gap:28px;padding:0 16px}
  .uclu figure:nth-child(n){grid-column:auto;margin-top:0}
  .uclu figure:nth-child(2){margin-top:48px}
  .uclu figure:nth-child(3){grid-column:1/-1}
  .uclu figure:nth-child(3) img{aspect-ratio:4/3}
  footer.alt{margin-top:88px;padding:0 16px 100px}
  .alt-ic{grid-template-columns:1fr 1fr;gap:32px 16px;padding-top:44px}
  .bulten{grid-column:1/-1}
}

/* dil seçici: bayrak + kısa ad; tıklanınca dillerin adı açılır (header.php) */
.dil-sec{position:relative;font-weight:400}
.dil-sec summary{display:flex;align-items:center;gap:7px;height:44px;padding:0 10px;border-radius:22px;font-size:12.5px;letter-spacing:.08em;list-style:none;cursor:pointer;touch-action:manipulation;transition:background-color .15s}
.dil-sec summary::-webkit-details-marker{display:none}
.dil-sec summary::after{content:"";width:5px;height:5px;margin-top:-3px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg)}
.dil-sec[open] summary::after{margin-top:3px;transform:rotate(225deg)}
.dil-sec img{width:20px;height:14px;box-shadow:0 0 0 1px var(--cizgi)}
.dil-sec ul{position:absolute;right:0;top:100%;z-index:60;min-width:176px;padding:6px 0;background:var(--zemin);border:1px solid var(--metin)}
.dil-sec li a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;font-size:14px;text-decoration:none;white-space:nowrap}
.dil-sec li a:hover{background-color:color-mix(in srgb,currentColor 8%,transparent)}
.dil-sec [aria-current]{font-weight:500}
@media (max-width:900px){ /* telefonda yalnız bayrak: logo + beş düğme 390px'e ancak sığıyor */
  .dil-sec summary{gap:5px;padding:0 6px}
  .dil-sec summary span{display:none}
}
/* Ukraynaca menü uzun: logonun yanına tek satır sığmadığı genişliklerde logonun altına, ortalı tek satıra iner
   (ölçüm 11.10.2026: menü ~640px, logonun yanındaki yer 1440'ta 581px, 1640'ta 677px) */
@media (min-width:901px) and (max-width:1639px){
  :lang(uk) .ust nav{grid-column:1/-1;grid-row:2;text-align:center}
  :lang(uk) .ust nav a{margin:0 clamp(8px,1vw,16px)}
  :lang(uk) .logo{grid-column:2;grid-row:1}
  :lang(uk) .ust-sag{grid-column:3;grid-row:1}
}

/* ---------- WooCommerce: kart ve liste ---------- */
.urun-ad a,.kat-yol a{text-decoration:none}
.urun-fiyat del,.summary .price del{margin-right:6px;color:var(--ikincil)}
.urun-fiyat ins,.summary .price ins{text-decoration:none}
a.urun-ekle{display:inline-flex;align-items:center;text-decoration:none}
a.urun-ekle::after{content:"+";margin-left:.6em}
a.urun-ekle.loading{opacity:.5}
a.added_to_cart,.onsale,.woocommerce-product-gallery__trigger,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.woocommerce-ordering{margin:0;max-width:100%}
.woocommerce-ordering select{height:40px;padding:0 10px;font:inherit;font-size:14px;color:var(--metin);background-color:var(--zemin);border:1px solid var(--metin);border-radius:0;max-width:100%}
.woocommerce-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px}
.woocommerce-pagination .page-numbers li>*{display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border:1px solid var(--cizgi);text-decoration:none;font-variant-numeric:tabular-nums}
.woocommerce-pagination .page-numbers .current{background:var(--buton);border-color:var(--buton);color:var(--buton-yazi)}

/* ---------- WooCommerce: düğme, bildirim, form ---------- */
.button,.wp-element-button{display:inline-block;padding:15px 22px;background:var(--buton);color:var(--buton-yazi);border:0;border-radius:0;font:inherit;font-size:14px;letter-spacing:.03em;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .15s}
.button:hover,.wp-element-button:hover{opacity:.86}
.button.disabled,.button:disabled{opacity:.45;cursor:not-allowed}
.woocommerce-message,.woocommerce-info,.woocommerce-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 24px;padding:14px 16px;border:1px solid var(--metin);font-size:14px;list-style:none}
.woocommerce-error{border-color:#A3271B;color:#A3271B}
.woocommerce-message .button,.woocommerce-info .button{order:2;padding:9px 14px;font-size:13px}
.form-row{margin:0 0 14px;padding:0}
.form-row label{display:block;margin-bottom:6px;font-size:13px}
.input-text,.genis select,.genis textarea,.summary select{width:100%;height:48px;padding:0 14px;font:inherit;font-size:16px;color:var(--metin);background:transparent;border:1px solid var(--metin);border-radius:0}
textarea.input-text,.genis textarea{height:auto;min-height:110px;padding:12px 14px}
.quantity .qty{width:76px;height:50px;padding:0 8px;text-align:center}
.shop_table{width:100%;border-collapse:collapse;font-size:15px}
.shop_table th,.shop_table td{padding:12px 8px 12px 0;border-bottom:1px solid var(--cizgi);text-align:left;font-weight:400}
.woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:28px}
.woocommerce-MyAccount-navigation .is-active a{text-decoration-thickness:2px}

/* ---------- WooCommerce: ürün sayfası ---------- */
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:start;margin-top:22px}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto;margin:0}
.woocommerce-tabs,.related,.upsells{grid-column:1/-1}
.woocommerce-product-gallery{position:relative;background:var(--karo)}
.woocommerce-product-gallery__image img{width:100%;height:auto}
.flex-control-thumbs{display:flex;gap:8px;padding:8px;background:var(--zemin)}
.flex-control-thumbs li{width:72px;cursor:pointer}
.flex-control-thumbs img{opacity:.55;transition:opacity .15s}
.flex-control-thumbs img.flex-active,.flex-control-thumbs img:hover{opacity:1}
.product_title{font-family:var(--serif);font-weight:300;font-size:clamp(calc(34px*var(--k)),calc(4vw*var(--k)),calc(54px*var(--k)));line-height:1.05;letter-spacing:-.015em}
.summary .price{margin:14px 0 18px;font-size:18px;font-weight:400;font-variant-numeric:tabular-nums}
.woocommerce-product-details__short-description{color:var(--ikincil)}
.woocommerce div.product form.cart{display:flex;gap:12px;margin:26px 0}
.woocommerce div.product form.cart::before,.woocommerce div.product form.cart::after{display:none}
.woocommerce div.product form.cart div.quantity{float:none;margin:0}
form.cart .button{flex:1;min-height:50px}
.stock{font-size:13px;color:var(--ikincil)}
.product_meta{font-size:13px;color:var(--ikincil)}
.product_meta>span{display:block}
.woocommerce-tabs{margin-top:40px}
.woocommerce-tabs ul.tabs{display:flex;gap:26px;overflow-x:auto;border-bottom:1px solid var(--cizgi)}
.woocommerce-tabs ul.tabs a{display:block;padding:12px 0;text-decoration:none;white-space:nowrap}
.woocommerce-tabs ul.tabs li.active a{box-shadow:inset 0 -1px 0 var(--metin)}
.woocommerce-Tabs-panel{max-width:68ch;padding-top:20px}
.woocommerce-Tabs-panel>h2{margin-bottom:10px;font-family:var(--serif);font-weight:300;font-size:calc(26px*var(--k))}
.related,.upsells{margin-top:64px;padding-top:36px;border-top:1px solid var(--cizgi)}
.related>h2,.upsells>h2{margin-bottom:22px;font-family:var(--serif);font-weight:300;font-size:calc(28px*var(--k))}

/* ---------- WooCommerce: sepet çekmecesi ---------- */
.widget_shopping_cart_content{display:flex;flex:1;flex-direction:column;min-height:0}
.woocommerce-mini-cart{flex:1;overflow-y:auto;padding:8px 24px}
.woocommerce-mini-cart-item{position:relative;min-height:122px;padding:16px 44px 16px 86px;border-bottom:1px solid var(--cizgi)}
.woocommerce-mini-cart-item img{position:absolute;left:0;top:16px;width:72px;height:90px;object-fit:cover;background:var(--karo)}
.woocommerce-mini-cart-item a:not(.remove){display:block;font-size:14px;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
.woocommerce-mini-cart-item .quantity{font-size:13px;color:var(--ikincil);font-variant-numeric:tabular-nums}
.woocommerce-mini-cart-item .remove{position:absolute;right:-8px;top:6px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:24px;font-weight:300;line-height:1;text-decoration:none}
.woocommerce-mini-cart-item .remove:hover{background-color:color-mix(in srgb,currentColor 13%,transparent)}
.woocommerce-mini-cart__total{display:flex;justify-content:space-between;padding:18px 24px 0;border-top:1px solid var(--cizgi);font-size:15px}
.woocommerce-mini-cart__total strong{font-weight:300}
.woocommerce-mini-cart__buttons{display:grid;gap:8px;padding:14px 24px calc(18px + env(safe-area-inset-bottom))}
.woocommerce-mini-cart__buttons .button:not(.checkout){background:transparent;color:var(--metin);box-shadow:inset 0 0 0 1px var(--metin)}
.woocommerce-mini-cart__empty-message{padding:40px 24px;color:var(--ikincil)}

@media (max-width:860px){
  .woocommerce div.product{grid-template-columns:minmax(0,1fr);gap:22px}
  .woocommerce-ordering select{font-size:16px}
}

/* ---------- Favoriler, açılır bilgiler, güven şeridi ---------- */
.urun .urun-fav{top:6px;right:6px;width:38px;height:38px;background-color:rgba(244,239,230,.82)} /* koyu fotoğrafta da görünsün */
.urun .urun-fav:hover{background-color:var(--zemin)}
.urun .urun-fav::after{content:"";position:absolute;inset:-4px} /* dokunma alanı 46px */
.fav-yazi{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px}
.fav-yazi svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;transition:fill .15s}
.fav-yazi[aria-pressed=true] svg{fill:currentColor}
.fav-yazi[aria-pressed=true] .ekle,.fav-yazi[aria-pressed=false] .ekli{display:none}
.kat-bos{padding:40px 0;color:var(--ikincil)}
.summary .bak-acilir{margin:18px 0 0}
.acilir-ic{padding:0 0 14px;font-size:14.5px;color:var(--ikincil);overflow-wrap:anywhere}
.acilir-ic p{padding:0 0 10px;font-size:inherit}
.acilir-ic table{width:100%;border-collapse:collapse}
.acilir-ic th,.acilir-ic td{padding:6px 0;text-align:left;font-weight:300;vertical-align:top}
.acilir-ic th{width:40%;font-weight:400}
.guven{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:104px 40px 0;border-top:1px solid var(--metin);border-bottom:1px solid var(--metin)}
.guven li{padding:22px 12px;text-align:center;font-size:12.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.guven li+li{border-left:1px solid var(--cizgi)}
@media (max-width:900px){
  .guven{grid-template-columns:1fr 1fr;margin:72px 16px 0}
  .guven li{padding:18px 8px;font-size:11.5px;letter-spacing:.1em}
  .guven li:nth-child(3){border-left:0}
  .guven li:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .alt-iletisim a{display:inline-flex;align-items:center;min-height:44px;padding:0} /* dokunma alanı */
}
@media (max-width:389px){.ust-sag .ikon{min-width:36px}.dil-sec summary{width:36px;justify-content:center;padding:0}.dil-sec summary::after{display:none}} /* logo + beş düğme 44px ile ancak 390px'e sığıyor (360'ta 29px taşıyordu); daha dar ekranda daralır */
/* kabul edilen kartlar: alt bilgi, sepet ve ödeme sayfası */
.kartlar{display:flex;align-items:center;gap:14px}
.kartlar img{width:38px;height:38px}
.odeme-kartlar{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-size:13px;color:var(--ikincil)}
/* süzgeç: renk ve kolye boyu (liste sayfası). Seçim tarayıcıda uygulanır, bkz. kum.js */
.kat-suz{display:flex;align-items:center;gap:8px;margin:-14px 0 22px;padding:3px;overflow-x:auto;scrollbar-width:none}
.kat-suz::-webkit-scrollbar{display:none}
.kat-suz+.kat-suz{margin-top:-12px}
.kat-suz span{flex:none;min-width:86px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ikincil)}
.kat-suz button{flex:none;height:40px;padding:0 15px;border:1px solid var(--cizgi);border-radius:var(--kose-cip,999px);font-size:13px;white-space:nowrap;transition:background-color .15s,color .15s,border-color .15s}
.kat-suz button:hover{border-color:var(--metin)}
.kat-suz button[aria-pressed=true]{background:var(--buton);border-color:var(--buton);color:var(--buton-yazi)}
.kat-suz button:focus-visible{outline:2px solid var(--metin);outline-offset:2px}
@media (max-width:860px){
  .kat-suz{margin:-8px -16px 16px;padding:3px 16px}
  .kat-suz+.kat-suz{margin-top:-10px}
  .kat-suz span{min-width:0}
}
/* bilgi sayfaları: sık sorulan sorular açılır başlıkları ve ürün sayfasındaki açılır bilgilerin ara başlıkları */
.metin .bak-acilir{margin:0}
.metin .bak-acilir summary{padding:6px 0;font-size:16px;color:var(--metin)}
.metin .acilir-ic{font-size:15.5px}
.summary .acilir-ic h2{margin:10px 0 4px;font:inherit;font-weight:500;color:var(--metin)}
/* "Daha fazla göster" (liste sayfası) */
.kat-daha{margin-top:48px;text-align:center}
.kat-daha .button{min-width:240px;background:transparent;color:var(--metin);box-shadow:inset 0 0 0 1px var(--metin)}
/* sepette ücretsiz kargo: eşiğe kalan tutar + sepeti tamamlayacak ürünler (functions.php → kum_kargo_blok) */
.kargo-li{padding:18px 0 10px}
.kargo-blok>p{font-size:14px;font-weight:400}
.kargo-oneri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.kargo-oneri .urun-fav,.kargo-oneri .urun-etiket,.kargo-oneri .urun-kat{display:none}
.kargo-oneri .urun-bilgi{display:block;margin-top:8px;padding-top:0;border-top:0}
.kargo-oneri .urun-ad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--sans);font-size:12.5px;line-height:1.3}
.kargo-oneri .urun-fiyat{padding-top:2px;font-size:12.5px}
.kargo-oneri .urun-ekle{min-height:36px;font-size:11px;letter-spacing:.06em;line-height:1.3;text-align:left}
.genis>.kargo-blok{max-width:520px;margin-bottom:26px;padding:14px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}