/* LATMORA tipografi v2.1 · 11.10.2026
 * Yazı tipleri: SIL Open Font License 1.1 (lisans metinleri fonts/ klasöründe). Yalnız Latin + Latin genişletilmiş (Türkçe dahil).
 * Boyutlar üç kademe: mobil (<768 px), tablet (768–1199 px), masaüstü (≥1200 px). Yalnız rem; vw yok.
 * Sayfa: <html lang="tr"> zorunlu (büyük harfte İ). İngilizce bölümlerde lang="en" verilir.
 * Önerilen ön yükleme: <link rel="preload" href="fonts/source-sans-3-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin> */

/* cinzel-latin-ext-500-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cinzel-latin-ext-500-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* cinzel-latin-500-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cinzel-latin-500-normal.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;
}
/* cormorant-garamond-latin-ext-500-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cormorant-garamond-latin-ext-500-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* cormorant-garamond-latin-500-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cormorant-garamond-latin-500-normal.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;
}
/* cormorant-garamond-latin-ext-600-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/cormorant-garamond-latin-ext-600-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* cormorant-garamond-latin-600-normal */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/cormorant-garamond-latin-600-normal.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;
}
/* source-serif-4-latin-ext-400-normal */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/source-serif-4-latin-ext-400-normal.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;
}
/* source-serif-4-latin-400-normal */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/source-serif-4-latin-400-normal.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;
}
/* source-serif-4-latin-ext-400-italic */
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/source-serif-4-latin-ext-400-italic.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;
}
/* source-serif-4-latin-400-italic */
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/source-serif-4-latin-400-italic.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;
}
/* source-sans-3-latin-ext-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/source-sans-3-latin-ext-400-normal.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;
}
/* source-sans-3-latin-400-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/source-sans-3-latin-400-normal.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;
}
/* source-sans-3-latin-ext-500-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/source-sans-3-latin-ext-500-normal.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;
}
/* source-sans-3-latin-500-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/source-sans-3-latin-500-normal.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;
}
/* source-sans-3-latin-ext-600-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/source-sans-3-latin-ext-600-normal.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;
}
/* source-sans-3-latin-600-normal */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/source-sans-3-latin-600-normal.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;
}

:root{
  --renk-metin:#171715; --renk-ikincil:#5B564D; --zemin:#F7F4EE;
  --renk-bronz:#92704B;       /* ana bronz: logo, büyük yazı, yüzey */
  --renk-bronz-metin:#7D5F3E; /* işlevsel koyu bronz: küçük yazı (iç zeminde 5,35:1, dış taş zeminde 4,60:1) */
  --t-vurgu-boyut:2.125rem; /* mobil 34 px · tablet 49 px · masaüstü 64 px · Vurgu başlığı · ekranda tek · hedef iki satır, gerekirse alt satıra geçer */
  --t-h1-boyut:2.25rem; /* mobil 36 px · tablet 46 px · masaüstü 56 px · Sayfa başlığı */
  --t-h2-boyut:1.875rem; /* mobil 30 px · tablet 35 px · masaüstü 40 px · Bölüm başlığı */
  --t-h3-boyut:1.5rem; /* mobil 24 px · tablet 27 px · masaüstü 30 px · Alt başlık · ürün sayfasında ürün adı */
  --t-giris-boyut:1.25rem; /* mobil 20 px · tablet 21 px · masaüstü 22 px · Giriş paragrafı · hikâye açılışı */
  --t-hikaye-boyut:1.125rem; /* mobil 18 px · tablet 19 px · masaüstü 20 px · Uzun hikâye metni */
  --t-metin-boyut:1.125rem; /* mobil 18 px · tablet 18 px · masaüstü 18 px · Ana metin · ürün açıklaması */
  --t-urun-boyut:1rem; /* mobil 16 px · tablet 16 px · masaüstü 16 px · Ürün listesinde ürün adı */
  --t-fiyat-boyut:1rem; /* mobil 16 px · tablet 16 px · masaüstü 17 px · Fiyat · ürün kartı */
  --t-fiyat-detay-boyut:1.375rem; /* mobil 22 px · tablet 24 px · masaüstü 26 px · Fiyat · ürün detay sayfası */
  --t-buton-boyut:1rem; /* mobil 16 px · tablet 16 px · masaüstü 16 px · Buton · normal cümle düzeni ("Sepete ekle") */
  --t-kucuk-boyut:0.875rem; /* mobil 14 px · tablet 14 px · masaüstü 14 px · Yardımcı bilgi · bakım talimatı · satış koşulları */
  --t-etiket-boyut:0.75rem; /* mobil 12 px · tablet 12 px · masaüstü 12 px · Üst etiket · seri adı (alışveriş bilgisi için kullanılmaz) */
  --t-mikro-boyut:0.75rem; /* mobil 12 px · tablet 12 px · masaüstü 12 px · Yalnız ikincil kısa not (okunması gereken bilgi için kullanılmaz) */
}
/* Kademeli boyut: yalnız rem kullanılır, görünüm genişliğine (vw) bağlı değer yoktur.
   Böylece tarayıcının yazı boyutu ayarı ve yalnız-metin yakınlaştırması her genişlikte metni tam oranında büyütür. */
@media (min-width:768px){:root{--t-vurgu-boyut:3.062rem;--t-h1-boyut:2.875rem;--t-h2-boyut:2.188rem;--t-h3-boyut:1.688rem;--t-giris-boyut:1.312rem;--t-hikaye-boyut:1.188rem;--t-fiyat-boyut:1rem;--t-fiyat-detay-boyut:1.5rem;}}
@media (min-width:1200px){:root{--t-vurgu-boyut:4rem;--t-h1-boyut:3.5rem;--t-h2-boyut:2.5rem;--t-h3-boyut:1.875rem;--t-giris-boyut:1.375rem;--t-hikaye-boyut:1.25rem;--t-fiyat-boyut:1.062rem;--t-fiyat-detay-boyut:1.625rem;}}

html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--renk-metin);font-family:'Source Sans 3', system-ui, sans-serif;font-weight:400;font-size:var(--t-metin-boyut);line-height:1.5;font-kerning:normal;text-rendering:optimizeLegibility}
/* Başlıklar kırpılmaz ve gerektiğinde alt satıra geçer */
.t-vurgu,.t-h1,.t-h2,.t-h3{text-wrap:balance;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:7 3 3;overflow-wrap:break-word}
/* Büyütmede başlık serbestçe yeni satıra geçer. Uzun kelimede önce tarayıcının Türkçe hecelemesi (lang="tr"),
   kampanya metinlerinde gerekirse elle yumuşak tire (&shy;, ör. top&shy;ra&shy;ğın) kullanılır; kelime bölme yalnız son çaredir. */

.t-vurgu{font-family:'Cinzel', 'Cormorant Garamond', serif;font-weight:500;font-size:var(--t-vurgu-boyut);line-height:1.08;letter-spacing:0.02em}
.t-h1{font-family:'Cormorant Garamond', Georgia, serif;font-weight:500;font-size:var(--t-h1-boyut);line-height:1.05;letter-spacing:-0.005em}
.t-h2{font-family:'Cormorant Garamond', Georgia, serif;font-weight:500;font-size:var(--t-h2-boyut);line-height:1.1;letter-spacing:0em}
.t-h3{font-family:'Cormorant Garamond', Georgia, serif;font-weight:600;font-size:var(--t-h3-boyut);line-height:1.15;letter-spacing:0em}
.t-giris{font-family:'Source Serif 4', Georgia, serif;font-weight:400;font-size:var(--t-giris-boyut);line-height:1.55;letter-spacing:0em}
.t-hikaye{font-family:'Source Serif 4', Georgia, serif;font-weight:400;font-size:var(--t-hikaye-boyut);line-height:1.65;letter-spacing:0em;max-width:66ch /* yaklaşık ölçü: ch, "0" genişliğine göre hesaplanır; gerçek satır uzunluğu içerikle kontrol edilir */}
.t-metin{font-family:'Source Sans 3', system-ui, sans-serif;font-weight:400;font-size:var(--t-metin-boyut);line-height:1.5;letter-spacing:0em}
.t-urun{font-family:'Source Sans 3', system-ui, sans-serif;font-weight:500;font-size:var(--t-urun-boyut);line-height:1.35;letter-spacing:0em}
.t-fiyat{font-family:'Source Sans 3', system-ui, sans-serif;font-weight:600;font-size:var(--t-fiyat-boyut);line-height:1.3;letter-spacing:0em;font-variant-numeric:tabular-nums lining-nums}
.t-fiyat-detay{font-family:'Source Sans 3', system-ui, sans-serif;font-weight:600;font-size:var(--t-fiyat-detay-boyut);line-height:1.2;letter-spacing:0em;font-variant-numeric:tabular-nums lining-nums}
.t-buton{font-family:'Source Sans 3', system-ui, sans-serif;font-weight:600;font-size:var(--t-buton-boyut);line-height:1.2;letter-spacing:0.01em}
.t-kucuk{font-family:'Source Sans 3', system-ui, sans-serif;font-weight:400;font-size:var(--t-kucuk-boyut);line-height:1.45;letter-spacing:0em;color:var(--renk-ikincil)}
.t-etiket{font-family:'Source Sans 3', system-ui, sans-serif;font-weight:600;font-size:var(--t-etiket-boyut);line-height:1.3;letter-spacing:0.16em;text-transform:uppercase;color:var(--renk-bronz-metin)}
.t-mikro{font-family:'Source Sans 3', system-ui, sans-serif;font-weight:400;font-size:var(--t-mikro-boyut);line-height:1.45;letter-spacing:0em;color:var(--renk-ikincil)}

/* Buton: bağlantı (<a>) ya da <button> üzerinde aynı çalışır */
.buton{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.75em 1.75em;box-sizing:border-box;
  font-family:'Source Sans 3', system-ui, sans-serif;font-weight:600;font-size:var(--t-buton-boyut);line-height:1.2;letter-spacing:.01em;
  background:var(--renk-metin);color:var(--zemin);border:0;text-decoration:none;cursor:pointer;text-align:center;max-width:100%;overflow-wrap:anywhere}
.buton:focus-visible{outline:2px solid var(--renk-bronz-metin);outline-offset:3px}
.buton--ikincil{background:transparent;color:var(--renk-metin);box-shadow:inset 0 0 0 1px var(--renk-metin)}