/*
 * Vomar Natural Stone — site stili
 *
 * Tasarım dili: "Kesit". Logonun V işareti, bir dairenin ~22°'lik bir kirişle kesilmesinden ve yanındaki
 * damladan oluşur. Bu kesit açısı sitede yalnızca anlamlı yerlerde tekrar eder: tam ekran ana görselin
 * üzerindeki başlık levhası ve öteki yazı levhalarının eğik kenarı, ana düğmeler ve mobil menünün açılışı.
 * Renkler logodan (bordo yazı, bakır ve kahve parçalar) ve Vomar'ın kendi taşlarından ölçüldü.
 * Tek cesur öğe: taş dolgulu başlıklar — koleksiyon ve taş adları o taşın kendi dokusuyla yazılır.
 */

@font-face {
  font-family: "Brygada 1918";
  src: url("../fonts/brygada-1918.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brygada 1918";
  src: url("../fonts/brygada-1918-italik.woff2") format("woff2");
  font-weight: 400 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/hanken-grotesk.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@property --aralik {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --kay {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}

/* ------------------------------------------------------------------ belirteçler */

:root {
  /* Açık tema — "gün ışığında showroom" */
  --zemin: #f3f1ee;          /* Burdur Beige Light'ın ışıklı tonu */
  --zemin-2: #e9e5e0;        /* Myra Beige */
  --zemin-3: #dcd5cd;
  --murekkep: #532220;       /* logodaki "vomar" yazısının rengi */
  --murekkep-2: #6e4a44;
  --cizgi: rgba(83, 34, 32, 0.16);
  --cizgi-guclu: rgba(83, 34, 32, 0.34);
  --bakir: #b17d45;          /* logo — sol parça */
  --bakir-metin: #8a5a2b;    /* küçük metinde bakır (kontrast ≥ 4.5) */
  --kahve: #683513;          /* logo — damla */
  --dugme-zemin: #532220;
  --dugme-metin: #f6efe6;
  --dugme-uzeri: #683513;
  --bant: #532220;
  --bant-metin: #f3ebe0;
  --bant-metin-2: #d8c3b0;
  --levha: #f3f1ee;
  --ust-zemin: rgba(243, 241, 238, 0.9);
  --gorsel-zemin: #ddd6ce;
  --odak: #532220;
  --isik-zemin: rgba(20, 16, 14, 0.94);
  --parilti: none;

  --yazi-serif: "Brygada 1918", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --yazi-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --boy-mikro: 0.8125rem;
  --boy-kucuk: 0.9rem;
  --boy-govde: 1.0625rem;
  --boy-giris: clamp(1.25rem, 1.08rem + 0.7vw, 1.625rem);
  --boy-h3: clamp(1.375rem, 1.2rem + 0.75vw, 1.875rem);
  --boy-h2: clamp(2rem, 1.35rem + 2.7vw, 3.75rem);
  --boy-h1: clamp(2.6rem, 1.5rem + 4.6vw, 6.25rem);
  --boy-dev: clamp(3.4rem, 0.9rem + 10.4vw, 12.5rem);

  --kenar: clamp(1rem, 4.2vw, 4.5rem);
  --oluk: clamp(1rem, 2vw, 1.75rem);
  --bosluk-s: clamp(0.75rem, 1.2vw, 1rem);
  --bosluk-m: clamp(1.5rem, 2.6vw, 2.25rem);
  --bosluk-l: clamp(2.5rem, 5vw, 4.5rem);
  --bosluk-xl: clamp(4rem, 9vw, 8.5rem);
  --icerik: 94rem;
  --ust-y: 5.5rem;

  --kesit: 22deg;
  --kesit-tan: 0.404;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --t-hizli: 180ms;
  --t-orta: 420ms;
  --t-yavas: 900ms;

  color-scheme: light;
}

/* Koyu tema — "gece galerisi": zemin Vomar'ın Black Swan taşından, metin fildişi, vurgu bakır */
:root[data-theme="dark"] {
  --zemin: #1b1a19;
  --zemin-2: #242221;
  --zemin-3: #302d2b;
  --murekkep: #efe8dd;
  --murekkep-2: #b7ada1;
  --cizgi: rgba(239, 232, 221, 0.14);
  --cizgi-guclu: rgba(239, 232, 221, 0.3);
  --bakir: #c8955e;
  --bakir-metin: #d2a26f;
  --kahve: #8a4a24;
  --dugme-zemin: #c8955e;
  --dugme-metin: #1b1a19;
  --dugme-uzeri: #ddb07f;
  --bant: #2b1917;
  --bant-metin: #f3ebe0;
  --bant-metin-2: #c9b29e;
  --levha: #1b1a19;
  --ust-zemin: rgba(27, 26, 25, 0.86);
  --gorsel-zemin: #2c2926;
  --odak: #e9c49a;
  --isik-zemin: rgba(8, 7, 6, 0.96);
  --parilti: 0 2.5rem 7rem -2.5rem rgba(200, 149, 94, 0.22);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not(.js) {
    --zemin: #1b1a19; --zemin-2: #242221; --zemin-3: #302d2b; --murekkep: #efe8dd; --murekkep-2: #b7ada1;
    --cizgi: rgba(239, 232, 221, 0.14); --cizgi-guclu: rgba(239, 232, 221, 0.3); --bakir: #c8955e; --bakir-metin: #d2a26f;
    --kahve: #8a4a24; --dugme-zemin: #c8955e; --dugme-metin: #1b1a19; --dugme-uzeri: #ddb07f; --bant: #2b1917;
    --levha: #1b1a19; --ust-zemin: rgba(27, 26, 25, 0.86); --gorsel-zemin: #2c2926; --odak: #e9c49a; color-scheme: dark;
  }
}

/* ------------------------------------------------------------------ temel */

*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(var(--ust-y) + 1rem);
}
body {
  margin: 0;
  background: var(--zemin);
  color: var(--murekkep);
  font-family: var(--yazi-sans);
  font-size: var(--boy-govde);
  line-height: 1.65;
  font-weight: 400;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
  transition: background-color var(--t-orta) var(--ease), color var(--t-orta) var(--ease);
}
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4 { margin: 0; font-family: var(--yazi-serif); font-weight: 400; line-height: 1.08; letter-spacing: -0.012em; text-wrap: balance; }
p { margin: 0 0 1em; text-wrap: pretty; }
ul, ol { margin: 0; padding: 0; }
dl, dd, figure, blockquote { margin: 0; }
[hidden] { display: none !important; }
::selection { background: var(--bakir); color: #fff; }

:focus-visible { outline: 2px solid var(--odak); outline-offset: 3px; }
main:focus { outline: none; }

.gorunmez {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.atla {
  position: fixed; left: 1rem; top: -4rem; z-index: 100; padding: 0.75rem 1.1rem;
  background: var(--dugme-zemin); color: var(--dugme-metin); text-decoration: none; font-weight: 600;
  transition: top var(--t-hizli) var(--ease);
}
.atla:focus { top: 1rem; }
.sayi { font-variant-numeric: tabular-nums; }

/* Görseller: yüklenirken taşın ortalama rengi */
.gorsel { display: block; background: var(--tas, var(--gorsel-zemin)); overflow: hidden; }
.gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 50%); }

/* Tek seferlik görsel açılışı (yalnızca editoryal büyük görseller) */
.js .acilir img { opacity: 0; transform: scale(1.035); transition: opacity 1s var(--ease), transform 1.6s var(--ease); }
.js .acilir.gorundu img { opacity: 1; transform: none; }

/* Çizgili bağlantı: altı çizili, üzerine gelince çizgi soldan yeniden çizilir */
.cizgili {
  text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat;
  padding-bottom: 0.12em;
  transition: background-size var(--t-orta) var(--ease), color var(--t-hizli);
}
.cizgili:hover { animation: cizgi-ciz 0.7s var(--ease); }
@keyframes cizgi-ciz { 0% { background-size: 0 1px; } 100% { background-size: 100% 1px; } }

/* Düğmeler — ana düğmenin sağ kenarı logonun kesit açısıyla eğik */
.dugme {
  position: relative; isolation: isolate;
  display: inline-flex; align-items: center; justify-content: center; gap: 0.6em;
  min-height: 3.25rem; padding: 0.85rem 2.6rem 0.85rem 1.5rem;
  color: var(--dugme-metin); font-weight: 600; font-size: 0.975rem; letter-spacing: 0.01em;
  text-decoration: none; border: 0; background: none; line-height: 1.2;
}
.dugme::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--dugme-zemin);
  clip-path: polygon(0 0, calc(100% - 1.32rem) 0, 100% 100%, 0 100%);
  transition: background-color var(--t-hizli) var(--ease), clip-path var(--t-orta) var(--ease);
}
.dugme:hover::before { background: var(--dugme-uzeri); clip-path: polygon(0 0, calc(100% - 0.6rem) 0, 100% 100%, 0 100%); }
.dugme--cizgi { color: var(--murekkep); padding-right: 2.6rem; }
.dugme--cizgi::before { background: transparent; box-shadow: inset 0 0 0 1px var(--cizgi-guclu); clip-path: none; }
.dugme--cizgi:hover::before { background: var(--zemin-2); clip-path: none; }
.dugme--acik { color: var(--bant); }
.dugme--acik::before { background: var(--bant-metin); }
.dugme--acik:hover::before { background: #fff; }
.dugme[disabled] { opacity: 0.6; cursor: progress; }

/* ------------------------------------------------------------------ üst bilgi */

.ust {
  position: sticky; top: 0; z-index: 50;
  background: var(--ust-zemin);
  -webkit-backdrop-filter: saturate(1.2) blur(14px);
  backdrop-filter: saturate(1.2) blur(14px);
  border-bottom: 1px solid transparent;
  transition: border-color var(--t-orta) var(--ease), background-color var(--t-orta) var(--ease);
}
.ust[data-kaydi] { border-bottom-color: var(--cizgi); }
/* Ana sayfanın tam ekran görseli üst bilginin altından başlar (data-zemin). Sayfa en üstteyken üst bilgi saydamdır;
   yazı ve logo rengi temadan değil görselin tonundan gelir. Kaydırınca ya da mobil menü açılınca normale döner. */
.js body:not([data-menu-acik]) .ust[data-zemin]:not([data-kaydi]) {
  background-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none;
  --ust-yazi: #532220; --ust-yazi-2: #5e3833; --ust-cizgi: rgba(83, 34, 32, 0.32); --ust-odak: #532220; --ust-vurgu: rgba(83, 34, 32, 0.08);
}
.js body:not([data-menu-acik]) .ust[data-zemin="koyu"]:not([data-kaydi]) {
  --ust-yazi: #f3f1ee; --ust-yazi-2: #e4ddd3; --ust-cizgi: rgba(243, 241, 238, 0.42); --ust-odak: #f3f1ee; --ust-vurgu: rgba(243, 241, 238, 0.14);
}
.js body:not([data-menu-acik]) .ust[data-zemin="acik"]:not([data-kaydi]) .logo--acik,
.js body:not([data-menu-acik]) .ust[data-zemin="koyu"]:not([data-kaydi]) .logo--koyu { display: block; }
.js body:not([data-menu-acik]) .ust[data-zemin="acik"]:not([data-kaydi]) .logo--koyu,
.js body:not([data-menu-acik]) .ust[data-zemin="koyu"]:not([data-kaydi]) .logo--acik { display: none; }
.ust__ic { color: var(--ust-yazi, var(--murekkep)); }
/* Yazı rengi değişiyorsa (görselin tonu temayla ters) geçiş anlıktır: yarı saydam zeminde okunmayan bir an olmaz */
:root:not([data-theme="dark"]) .ust[data-zemin="koyu"], [data-theme="dark"] .ust[data-zemin="acik"] { transition: none; }
:is(.ust__logo, .ust__bag, .ust__ac, .dil__oge, .tema, .menu-dugme):focus-visible { outline-color: var(--ust-odak, var(--odak)); }
.ust__ic {
  display: flex; align-items: center; gap: var(--oluk);
  max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: 0 var(--kenar);
  height: var(--ust-y);
  transition: height var(--t-orta) var(--ease);
}
.ust[data-kaydi] .ust__ic { height: 4.25rem; }
.ust__logo { flex: none; display: block; margin-right: auto; }
.logo { width: clamp(7.75rem, 5.5rem + 6vw, 12.5rem); height: auto; }
.ust[data-kaydi] .logo { width: clamp(8.5rem, 6.5rem + 4vw, 10.5rem); }
.logo { transition: width var(--t-orta) var(--ease); }
.logo--koyu { display: none; }
[data-theme="dark"] .logo--acik { display: none; }
[data-theme="dark"] .logo--koyu { display: block; }

.ust__nav { display: none; }
.ust__liste { list-style: none; display: flex; align-items: center; gap: clamp(1.25rem, 2.4vw, 2.5rem); }
.ust__oge { position: relative; display: flex; align-items: center; }
.ust__bag {
  text-decoration: none; font-size: 0.95rem; font-weight: 500; letter-spacing: 0.01em; padding: 0.5rem 0;
  background: linear-gradient(currentColor, currentColor) 0 calc(100% - 0.2rem) / 0 1px no-repeat;
  transition: background-size var(--t-orta) var(--ease);
}
.ust__bag:hover, .ust__bag[aria-current] { background-size: 100% 1px; }
.ust__ac {
  display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; margin-left: 0.15rem;
  border: 0; background: none; padding: 0; color: inherit;
}
.ust__ac .ikon { transition: transform var(--t-orta) var(--ease); }
.ust__ac[aria-expanded="true"] .ikon { transform: rotate(180deg); }
.ikon { width: 1.25rem; height: 1.25rem; flex: none; }
.ikon--kucuk { width: 1rem; height: 1rem; }

/* Panel tetikleyici hizasından açılır; --panel-g / --panel-x betikte, üst bilginin içerik sınırına göre hesaplanır */
.panel {
  position: absolute; top: calc(100% + 0.9rem); left: calc(-1.5rem + var(--panel-x, 0px)); z-index: 60;
  width: var(--panel-g, 36rem); min-width: 32rem; padding: 1.25rem 1.5rem 1.4rem;
  background: var(--zemin); color: var(--murekkep); border: 1px solid var(--cizgi);
  box-shadow: 0 1.5rem 3rem -1.5rem rgba(40, 20, 15, 0.25);
  opacity: 0; transform: translateY(-0.4rem); pointer-events: none;
  transition: opacity var(--t-orta) var(--ease), transform var(--t-orta) var(--ease);
}
/* Tetikleyiciyle panel arasındaki boşluk: fare buradan geçerken menüden çıkmış sayılmasın */
.panel::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: calc(0.9rem + 2px); }
.panel[data-acik] { opacity: 1; transform: none; pointer-events: auto; }
.panel__liste { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.15rem 1.5rem; }
.panel__bag {
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.75rem;
  padding: 0.55rem 0; text-decoration: none; border-bottom: 1px solid var(--cizgi);
}
.panel__ad { font-family: var(--yazi-serif); font-size: 1.125rem; line-height: 1.2; }
.panel__sayi { font-size: var(--boy-mikro); color: var(--murekkep-2); font-variant-numeric: tabular-nums; }
.panel__bag:hover .panel__ad { color: var(--bakir-metin); }
.panel__tumu { display: inline-block; margin-top: 1rem; font-size: 0.95rem; font-weight: 500; }
.panel__tumu .sayi { color: var(--murekkep-2); margin-left: 0.25rem; }

/* Kesit örneği: logonun sol parçası gibi kirişle kesilmiş daire, içinde taşın dokusu */
.kesit-ornek {
  display: block; width: 1.9rem; height: 1.9rem; flex: none;
  background: var(--tas, var(--zemin-3)) center / cover no-repeat;
  border-radius: 50%;
  clip-path: polygon(0 0, 58% 0, 98% 100%, 0 100%);
}

.ust__araclar { display: flex; align-items: center; gap: clamp(0.25rem, 1.2vw, 1.1rem); }
.dil { display: flex; align-items: center; font-size: var(--boy-mikro); font-weight: 600; letter-spacing: 0.04em; }
.dil__oge { display: inline-grid; place-items: center; min-width: 2.1rem; min-height: 2.5rem; text-decoration: none; color: var(--ust-yazi-2, var(--murekkep-2)); }
.dil__oge + .dil__oge { border-left: 1px solid var(--ust-cizgi, var(--cizgi-guclu)); }
.dil__oge[aria-current] { color: var(--ust-yazi, var(--murekkep)); }
a.dil__oge:hover { color: var(--ust-yazi, var(--murekkep)); text-decoration: underline; }

.tema {
  display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; padding: 0;
  border: 0; background: none; color: var(--ust-yazi, var(--murekkep)); border-radius: 50%;
}
.tema__ikon { width: 1.35rem; height: 1.35rem; }
.tema__dis { fill: none; stroke: currentColor; stroke-width: 1.5; }
.tema__yarim { fill: currentColor; transition: opacity var(--t-orta) var(--ease); }
[data-theme="dark"] .tema__yarim { opacity: 0.25; }
[data-theme="dark"] .tema__dis { fill: currentColor; fill-opacity: 0.12; }
.tema:hover { background: var(--ust-vurgu, var(--zemin-2)); }

.menu-dugme {
  display: inline-flex; align-items: center; gap: 0.6rem; min-height: 2.75rem; padding: 0 0.1rem 0 0.4rem;
  border: 0; background: none; font-weight: 600; font-size: 0.95rem;
}
.menu-dugme__cizgi { position: relative; width: 1.5rem; height: 0.7rem; }
.menu-dugme__cizgi::before, .menu-dugme__cizgi::after {
  content: ""; position: absolute; left: 0; right: 0; height: 1.5px; background: currentColor;
  transition: transform var(--t-orta) var(--ease), top var(--t-orta) var(--ease);
}
.menu-dugme__cizgi::before { top: 0; }
.menu-dugme__cizgi::after { top: calc(100% - 1.5px); left: 0.35rem; }
.menu-dugme[aria-expanded="true"] .menu-dugme__cizgi::before { top: calc(50% - 0.75px); transform: rotate(calc(90deg - var(--kesit))); }
.menu-dugme[aria-expanded="true"] .menu-dugme__cizgi::after { top: calc(50% - 0.75px); left: 0; transform: rotate(calc(-1 * (90deg - var(--kesit)))); }

@media (min-width: 64rem) {
  .ust__nav { display: block; }
  .menu-dugme { display: none; }
}
@media (max-width: 26rem) {
  .menu-dugme { min-width: 2.75rem; justify-content: center; padding: 0; }
  .menu-dugme__yazi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* Mobil menü: sayfa, logonun kesit açısıyla eğik bir hat boyunca sağdan açılır */
.mobil-menu {
  position: fixed; inset: 0; z-index: 45; overflow-y: auto; overscroll-behavior: contain;
  background: var(--zemin);
  padding: calc(var(--ust-y) + 1.5rem) var(--kenar) 2.5rem;
  clip-path: polygon(100% 0, calc(100% + 42lvh) 0, calc(100% + 42lvh) 100%, calc(100% + 40.4lvh) 100%);
  transition: clip-path 0.7s var(--ease-io);
}
.mobil-menu[data-acik] { clip-path: polygon(-40.4lvh 0, calc(100% + 42lvh) 0, calc(100% + 42lvh) 100%, 0 100%); }
.mobil-menu__ic { max-width: 36rem; }
.mobil-menu__liste { list-style: none; border-top: 1px solid var(--cizgi); }
.mobil-menu__liste a {
  display: block; padding: 0.7rem 0; border-bottom: 1px solid var(--cizgi); text-decoration: none;
  font-family: var(--yazi-serif); font-size: clamp(2rem, 8vw, 2.75rem); line-height: 1.15;
}
.mobil-menu__liste a[aria-current] { color: var(--bakir-metin); }
.mobil-menu__baslik { margin: 2rem 0 0.6rem; font-size: var(--boy-mikro); font-weight: 600; color: var(--murekkep-2); letter-spacing: 0.03em; }
.mobil-menu__koleksiyonlar { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.25rem; }
.mobil-menu__koleksiyonlar a { display: flex; justify-content: space-between; gap: 0.5rem; padding: 0.55rem 0; border-bottom: 1px solid var(--cizgi); text-decoration: none; }
.mobil-menu__koleksiyonlar .sayi { color: var(--murekkep-2); font-size: var(--boy-mikro); }
.mobil-menu__iletisim { display: grid; gap: 0.4rem; margin-top: 2rem; font-weight: 500; }
.mobil-menu__iletisim a { text-decoration: none; }
body[data-menu-acik] { overflow: hidden; }
@media (min-width: 64rem) { .mobil-menu { display: none !important; } }

/* ------------------------------------------------------------------ ortak bölüm başlığı */

.bolum-bas {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 1.5rem;
  margin: 0 var(--kenar) var(--bosluk-m);
}
.bolum-bas__baslik { font-size: var(--boy-h2); margin-right: auto; }
.bolum-bas__not { margin: 0; color: var(--murekkep-2); font-size: var(--boy-kucuk); }
.bolum-bas__bag { font-weight: 500; font-size: 0.975rem; }
.giris { font-family: var(--yazi-serif); font-size: var(--boy-giris); line-height: 1.5; }

/* ------------------------------------------------------------------ 01 kesit (ana görsel): tam ekran zemin */
/* Görsel ekranın tamamını kaplar; sayfanın ilk bölümüyse (kesit--ust) üst bilginin altından başlar. Başlık sol
   alttaki levhada durur: levhanın zemini sayfanın kendisi, sağ kenarı logonun kesit açısıyla eğik. */

.kesit {
  position: relative; display: flex; flex-direction: column; justify-content: flex-end;
  min-height: max(36rem, 100svh); overflow: clip;
}
.kesit--ust { margin-top: calc(-1 * var(--ust-y) - 1px); } /* üst bilginin 1px'lik alt çizgisi dahil */
.kesit--duz { min-height: 0; }
.kesit__zemin { position: absolute; inset: 0; }
.kesit__zemin .gorsel { width: 100%; height: 100%; }
/* Üst bilgi görselin üzerindeyken okunsun diye üstte hafif bir örtü; rengi görselin tonuna göre */
.kesit--ust::before {
  content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; height: calc(var(--ust-y) + 5rem);
  background: linear-gradient(rgba(243, 241, 238, 0.7), rgba(243, 241, 238, 0));
  pointer-events: none;
}
.kesit--ust[data-ton="koyu"]::before { background: linear-gradient(rgba(20, 14, 12, 0.6), rgba(20, 14, 12, 0)); }

.kesit__levha {
  position: relative; z-index: 2; isolation: isolate;
  width: min(100% - 3.5rem, 46rem);
  padding: clamp(1.4rem, 3vw, 2.75rem) clamp(0.75rem, 2.5vw, 2.5rem) clamp(1.75rem, 3.5vw, 3.25rem) var(--kenar);
}
.kesit__levha::before {
  content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -60vw; right: 0;
  background: var(--levha);
  transform: skewX(var(--kesit)); transform-origin: 100% 0;
}
.kesit--duz .kesit__levha::before { display: none; }
.kesit__baslik { font-size: var(--boy-h1); font-weight: 500; letter-spacing: -0.022em; line-height: 1.02; max-width: 12ch; }
.kesit__metin { margin: 1.1rem 0 1.6rem; max-width: 34ch; font-size: var(--boy-giris); font-family: var(--yazi-serif); line-height: 1.45; color: var(--murekkep-2); }

/* Görselin adı: mobilde sağ üstte, geniş ekranda sağ altta; sol kenarı levhayla aynı açıda */
.kesit__not {
  position: absolute; right: 0; top: calc(var(--ust-y) + 0.75rem); z-index: 2; margin: 0;
  padding: 0.55rem var(--kenar) 0.6rem 1.4rem; font-size: var(--boy-mikro); font-weight: 500;
  background: var(--levha);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 1.05rem 100%);
}
.kesit__not a { text-decoration: none; display: inline-flex; gap: 0.75rem; }
.kesit__not-ad { font-family: var(--yazi-serif); font-size: 1rem; }
.kesit__not-git { color: var(--murekkep-2); text-decoration: underline; text-underline-offset: 0.2em; }
.kesit__not a:hover .kesit__not-git { color: var(--murekkep); }

/* Tek seferlik açılış: görsel yüklenince hafifçe yerine oturur. Başlık ilk boyamada görünür: tam ekran görseli
   tarayıcı arka plan sayar, sayfanın en büyük içeriği (LCP) başlıktır ve bekletilmemelidir. */
.js .kesit:not([data-acildi]) .kesit__zemin img { opacity: 0.001; transform: scale(1.035); }
.js .kesit .kesit__zemin img { transition: opacity 0.9s var(--ease), transform 2.2s var(--ease); }

@media (min-width: 64rem) {
  .kesit__levha { width: min(54%, 58rem); padding-right: clamp(1.5rem, 3vw, 3rem); }
  .kesit__baslik { font-size: clamp(3rem, 1.3rem + 3.7vw, 5.75rem); max-width: 17ch; }
  .kesit__metin { margin: 0.9rem 0 1.4rem; }
  .kesit__not { top: auto; bottom: 0; padding: 0.85rem var(--kenar) 0.9rem 1.9rem; clip-path: polygon(0 0, 100% 0, 100% 100%, 1.15rem 100%); }
  .kesit__not-ad { font-size: 1.1rem; }
}

/* ------------------------------------------------------------------ 02 marka cümlesi */

.beyan { padding: var(--bosluk-l) var(--kenar) var(--bosluk-xl); }
.beyan__ic { max-width: var(--icerik); margin: 0 auto; }
.beyan__metin {
  font-family: var(--yazi-serif); font-size: clamp(1.6rem, 1rem + 2.4vw, 3.25rem); line-height: 1.22;
  letter-spacing: -0.012em; max-width: 26ch; margin: 0 0 1.5rem;
}
.beyan__imza { display: flex; align-items: center; gap: 1rem; font-size: var(--boy-kucuk); color: var(--murekkep-2); font-weight: 500; }
.kesik-cizgi { display: block; width: 2.6rem; height: 1px; background: var(--bakir); transform: rotate(calc(-1 * (90deg - var(--kesit)))); transform-origin: center; }
@media (min-width: 64rem) {
  .beyan__metin { margin-left: 16.66%; }
  .beyan__imza { margin-left: 16.66%; }
}

/* ------------------------------------------------------------------ 03 levha rafı (koleksiyonlar) */

.raf-bolum { padding-bottom: var(--bosluk-xl); }
.raf { list-style: none; display: flex; flex-direction: column; gap: 4px; margin: 0 var(--kenar); }
.raf__levha { position: relative; height: 6.5rem; min-width: 0; }
.raf__bag { position: absolute; inset: 0; display: block; overflow: hidden; color: #fff; text-decoration: none; background: #2a2522; }
.raf__gorsel { position: absolute; inset: 0; width: 100%; height: 100%; }
.raf__gorsel img { transition: transform 1.4s var(--ease); }
.raf__bag::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(20, 14, 12, 0.62), rgba(20, 14, 12, 0.08) 70%);
}
.raf__yazi { position: absolute; inset: auto 1rem 0.85rem 1rem; z-index: 1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.1rem 0.75rem; }
.raf__ad { font-family: var(--yazi-serif); font-size: 1.6rem; line-height: 1.1; width: 100%; }
.raf__ticari, .raf__sayi { font-size: var(--boy-mikro); font-weight: 500; opacity: 0.92; }
.raf__bag:hover .raf__gorsel img { transform: scale(1.05); }
.raf__bag:focus-visible { outline: 2px solid #fff; outline-offset: -6px; }

@media (min-width: 48rem) {
  /* Aralıklar levhaların içinde: fare iki levha arasından geçerken raftan çıkmış sayılmaz */
  .raf { flex-direction: row; gap: 0; height: clamp(26rem, 68svh, 44rem); margin: 0 calc(var(--kenar) - 2.5px); }
  .raf__levha { height: auto; flex: 1 1 0; transition: flex-grow 0.85s var(--ease-io); }
  .raf__bag { inset: 0 2.5px; }
  /* Açık levha: başta ilki; fare ya da klavye odağı hangi levhadaysa o açılır, öbürleri daralır */
  .raf__levha:first-child { flex-grow: 5; }
  .raf:has(.raf__levha:hover) .raf__levha,
  .raf:has(.raf__bag:focus-visible) .raf__levha { flex-grow: 1; }
  .raf:has(.raf__levha:hover) .raf__levha:hover,
  .raf:has(.raf__bag:focus-visible) .raf__levha:has(.raf__bag:focus-visible) { flex-grow: 5; }
  .raf__bag::after { background: linear-gradient(0deg, rgba(20, 14, 12, 0.7), rgba(20, 14, 12, 0) 55%); }
  .raf__yazi { inset: auto 0 0 0; display: block; padding: 1.1rem 1.1rem 1.2rem; }
  .raf__ad {
    position: absolute; left: 0.9rem; bottom: 1.1rem; width: auto;
    writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap;
    font-size: clamp(1.35rem, 0.8rem + 1.2vw, 2.1rem);
  }
  .raf__ticari, .raf__sayi {
    display: block; margin-left: clamp(2.6rem, 2rem + 1.5vw, 3.6rem); white-space: nowrap;
    opacity: 0; transform: translateY(0.5rem);
    transition: opacity var(--t-orta) var(--ease), transform var(--t-orta) var(--ease);
  }
  .raf__levha:first-child .raf__ticari, .raf__levha:first-child .raf__sayi { opacity: 0.92; transform: none; }
  .raf:has(.raf__levha:hover) .raf__levha .raf__ticari, .raf:has(.raf__levha:hover) .raf__levha .raf__sayi,
  .raf:has(.raf__bag:focus-visible) .raf__levha .raf__ticari, .raf:has(.raf__bag:focus-visible) .raf__levha .raf__sayi { opacity: 0; transform: translateY(0.5rem); }
  .raf:has(.raf__levha:hover) .raf__levha:hover .raf__ticari, .raf:has(.raf__levha:hover) .raf__levha:hover .raf__sayi,
  .raf:has(.raf__bag:focus-visible) .raf__levha:has(.raf__bag:focus-visible) .raf__ticari,
  .raf:has(.raf__bag:focus-visible) .raf__levha:has(.raf__bag:focus-visible) .raf__sayi { opacity: 0.92; transform: none; transition-delay: 0.3s; }
  .raf__ticari { font-family: var(--yazi-serif); font-size: 1.05rem; font-weight: 400; }
}

/* ------------------------------------------------------------------ 04 seçki (öne çıkan taşlar) */

.secki { padding-bottom: var(--bosluk-xl); }
.secki__liste { list-style: none; display: grid; gap: var(--bosluk-l) var(--oluk); margin: 0 var(--kenar); }
.secki__bag { display: block; text-decoration: none; }
.secki__cerceve { display: block; overflow: hidden; box-shadow: var(--parilti); }
.secki__cerceve .gorsel { aspect-ratio: 4 / 5; }
.secki__cerceve img { transition: transform 1.4s var(--ease); }
.secki__bag:hover .secki__cerceve img { transform: scale(1.04); }
.secki__ad { display: block; margin-top: 1rem; font-family: var(--yazi-serif); font-size: clamp(1.6rem, 1.1rem + 1.6vw, 2.6rem); line-height: 1.1; letter-spacing: -0.01em; }
.secki__kol { display: block; margin-top: 0.3rem; color: var(--murekkep-2); font-size: var(--boy-kucuk); }
.secki__oge:nth-child(even) { margin-left: 18%; }
.secki__oge:nth-child(odd) { margin-right: 10%; }
@media (min-width: 48rem) {
  .secki__liste { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .secki__oge { margin: 0 !important; }
  .secki__oge--1 { grid-column: 1 / span 7; }
  .secki__oge--2 { grid-column: 9 / span 4; margin-top: 38% !important; }
  .secki__oge--2 .gorsel { aspect-ratio: 3 / 4; }
  .secki__oge--3 { grid-column: 2 / span 5; }
  .secki__oge--3 .gorsel { aspect-ratio: 1 / 1; }
  .secki__oge--4 { grid-column: 8 / span 5; margin-top: -24% !important; }
}

/* ------------------------------------------------------------------ 05 tam ekran taş */

.tamekran { position: relative; margin-bottom: var(--bosluk-xl); overflow: clip; }
.tamekran__gorsel { height: clamp(24rem, 86svh, 62rem); }
.tamekran__not {
  position: absolute; left: 0; bottom: 0; margin: 0; isolation: isolate;
  padding: 1.1rem 3rem 1.1rem var(--kenar);
}
.tamekran__not::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--levha); transform: skewX(var(--kesit)); transform-origin: 100% 0; left: -2rem; }
.tamekran__not a { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 1rem; text-decoration: none; }
.tamekran__ad { font-family: var(--yazi-serif); font-size: clamp(1.4rem, 1rem + 1.4vw, 2.25rem); line-height: 1.1; }
.tamekran__git { font-size: var(--boy-kucuk); font-weight: 500; text-decoration: underline; text-underline-offset: 0.25em; color: var(--murekkep-2); }
.tamekran__not a:hover .tamekran__git { color: var(--murekkep); }

/* ------------------------------------------------------------------ 06 tanıtım (hakkımızda) */

.tanitim { display: grid; gap: var(--bosluk-l) var(--oluk); margin: 0 var(--kenar); padding-bottom: var(--bosluk-xl); }
.tanitim__metin .bolum-bas__baslik { margin-bottom: 1.25rem; }
.tanitim__metin .giris { max-width: 36ch; }
.tanitim__metin .dugme { margin-top: 0.75rem; }
.tanitim__gorseller { position: relative; }
.tanitim__gorsel { box-shadow: var(--parilti); }
.tanitim__gorsel--1 .gorsel { aspect-ratio: 1200 / 776; }
.tanitim__gorsel--2 { width: 52%; margin: -18% 0 0 auto; position: relative; border: clamp(6px, 0.8vw, 12px) solid var(--zemin); }
.tanitim__gorsel--2 .gorsel { aspect-ratio: 1200 / 776; }
@media (min-width: 64rem) {
  .tanitim { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; }
  .tanitim__metin { grid-column: 1 / span 5; }
  .tanitim__gorseller { grid-column: 7 / span 6; }
  .tanitim__gorsel--2 { width: 48%; margin: -22% 0 0 -12%; }
}

/* ------------------------------------------------------------------ 07 numune duvarı */

.duvar-bolum { padding-bottom: var(--bosluk-xl); }
.duvar { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; margin: 0 var(--kenar); }
.duvar__tas:nth-child(n + 13) { display: none; }
.duvar__bag { position: relative; display: block; aspect-ratio: 1; overflow: hidden; color: #fff; text-decoration: none; }
.duvar__bag .gorsel { position: absolute; inset: 0; }
.duvar__bag img { transition: transform 1.2s var(--ease); }
.duvar__ad {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 1.5rem 0.6rem 0.5rem;
  font-size: 0.8rem; font-weight: 500; line-height: 1.25;
  background: linear-gradient(0deg, rgba(20, 14, 12, 0.7), rgba(20, 14, 12, 0));
}
.duvar__bag:focus-visible { outline: 2px solid var(--odak); outline-offset: 2px; }
@media (min-width: 48rem) {
  .duvar { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .duvar__tas:nth-child(n + 13) { display: block; }
}
@media (min-width: 64rem) { .duvar { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
@media (hover: hover) and (min-width: 48rem) {
  .duvar__ad { opacity: 0; transform: translateY(0.4rem); transition: opacity var(--t-orta) var(--ease), transform var(--t-orta) var(--ease); font-size: 0.9rem; padding: 2rem 0.8rem 0.7rem; }
  .duvar__bag:hover .duvar__ad, .duvar__bag:focus-visible .duvar__ad { opacity: 1; transform: none; }
  .duvar__bag:hover img { transform: scale(1.08); }
}

/* ------------------------------------------------------------------ 08 ocaklar şeridi */

.ocak-bolum { padding-bottom: var(--bosluk-xl); }
.ocak-bolum__metin { margin: 0 var(--kenar) var(--bosluk-m); max-width: 44rem; }
.ocak-bolum__metin .bolum-bas__baslik { margin-bottom: 1rem; }
.serit__liste {
  list-style: none; display: flex; gap: var(--oluk); overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-padding-inline: var(--kenar); padding: 0 var(--kenar) 1rem;
  scrollbar-width: thin; scrollbar-color: var(--cizgi-guclu) transparent;
}
.serit__kare { flex: none; scroll-snap-align: start; }
.serit__kare .gorsel { height: clamp(15rem, 56svh, 36rem); aspect-ratio: 3 / 2; }
.serit__liste:focus-visible { outline-offset: -2px; }

/* ------------------------------------------------------------------ 09 iletişim bandı */

.bant { background: var(--bant); color: var(--bant-metin); }
.bant__ic { max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: var(--bosluk-xl) var(--kenar); display: grid; gap: var(--bosluk-l); }
.bant__baslik { font-size: var(--boy-h1); font-weight: 400; }
.bant__liste { display: grid; gap: 1.5rem 3rem; }
.bant__liste dt { font-size: var(--boy-mikro); font-weight: 600; letter-spacing: 0.03em; color: var(--bant-metin-2); margin-bottom: 0.2rem; }
.bant__liste dd { font-family: var(--yazi-serif); font-size: clamp(1.35rem, 1rem + 1.2vw, 2.1rem); line-height: 1.25; }
.bant__liste a { text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size var(--t-orta) var(--ease); }
.bant__liste a:hover { background-size: 100% 1px; }
.bant .dugme { justify-self: start; }
.bant :focus-visible { outline-color: var(--bant-metin); }
@media (min-width: 64rem) {
  .bant__ic { grid-template-columns: 5fr 7fr; align-items: start; }
  .bant__liste { grid-template-columns: 1fr 1fr; }
  .bant .dugme { grid-column: 2; }
}

/* ------------------------------------------------------------------ alt bilgi */

.alt { border-top: 1px solid var(--cizgi); }
.alt__ic {
  max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: var(--bosluk-l) var(--kenar) var(--bosluk-m);
  display: grid; gap: 2rem var(--oluk); grid-template-columns: 1fr 1fr;
}
.alt__marka { grid-column: 1 / -1; }
.alt__isaret { width: 2.6rem; height: auto; margin-bottom: 1rem; }
.alt__ad { font-family: var(--yazi-serif); font-size: 1.5rem; line-height: 1.2; margin: 0 0 0.35rem; }
.alt__adres { color: var(--murekkep-2); margin: 0; font-size: var(--boy-kucuk); }
.alt__baslik { font-size: var(--boy-mikro); font-weight: 600; letter-spacing: 0.03em; color: var(--murekkep-2); margin: 0 0 0.75rem; }
.alt__kolon ul { list-style: none; display: grid; gap: 0.35rem; }
.alt__kolon a { text-decoration: none; font-size: 0.975rem; }
.alt__kolon a:hover { text-decoration: underline; }
.alt__taban {
  max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: 1.25rem var(--kenar) 2rem;
  display: flex; flex-wrap: wrap; gap: 0.75rem 2rem; justify-content: space-between; align-items: baseline;
  border-top: 1px solid var(--cizgi); font-size: var(--boy-mikro); color: var(--murekkep-2);
}
.alt__telif { margin: 0; }
.alt__telif a { color: var(--murekkep); }
.alt__yukari { color: var(--murekkep); font-weight: 500; }
@media (min-width: 64rem) {
  .alt__ic { grid-template-columns: 4fr 3fr 2fr 3fr; }
  .alt__marka { grid-column: auto; }
}

/* ------------------------------------------------------------------ iç sayfa başlığı ve kırıntı */

.sayfa-bas { max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: var(--bosluk-m) var(--kenar) var(--bosluk-l); }
.sayfa-bas__baslik { font-size: var(--boy-h1); font-weight: 500; letter-spacing: -0.022em; margin-top: 0.4em; }
.sayfa-bas__not { margin: 1rem 0 0; color: var(--murekkep-2); }
.sayfa-bas__giris { margin-top: 1.25rem; max-width: 44rem; font-family: var(--yazi-serif); font-size: var(--boy-giris); line-height: 1.5; }
.sayfa-bas__giris--buyuk { font-size: clamp(1.5rem, 1rem + 1.8vw, 2.4rem); line-height: 1.3; max-width: 30ch; }
.kirinti ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.25rem 0; font-size: var(--boy-mikro); color: var(--murekkep-2); }
.kirinti li:not(:last-child)::after { content: "/"; margin: 0 0.6rem; color: var(--cizgi-guclu); }
.kirinti a { text-decoration: none; }
.kirinti a:hover { text-decoration: underline; color: var(--murekkep); }
.kirinti [aria-current] { color: var(--murekkep); }

/* ------------------------------------------------------------------ çip (süzgeç ve koleksiyon geçişi) */

.cip {
  display: inline-flex; align-items: center; gap: 0.5rem; min-height: 2.5rem; padding: 0.35rem 0.9rem;
  border: 1px solid var(--cizgi-guclu); text-decoration: none; font-size: 0.925rem; font-weight: 500; white-space: nowrap;
  background: transparent; transition: background-color var(--t-hizli) var(--ease), color var(--t-hizli) var(--ease), border-color var(--t-hizli);
}
.cip:hover { border-color: var(--murekkep); }
.cip[aria-current] { background: var(--murekkep); border-color: var(--murekkep); color: var(--zemin); }
.cip__sayi { font-size: var(--boy-mikro); opacity: 0.75; font-variant-numeric: tabular-nums; }
.cip--gorselli { padding-left: 0.4rem; }
.cip--gorselli .kesit-ornek { width: 1.6rem; height: 1.6rem; }

/* ------------------------------------------------------------------ ürünler: koleksiyon dizini */

.dizin-bolum { padding-bottom: var(--bosluk-l); }
.dizin {
  list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(11rem, 62%);
  gap: var(--oluk); overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 var(--kenar) 1rem; scroll-padding-inline: var(--kenar);
  scrollbar-width: thin; scrollbar-color: var(--cizgi-guclu) transparent;
}
.dizin__oge { scroll-snap-align: start; }
.dizin__bag { display: block; text-decoration: none; }
.dizin__cerceve .gorsel { aspect-ratio: 3 / 4; }
.dizin__cerceve img { transition: transform 1.2s var(--ease); }
.dizin__bag:hover img { transform: scale(1.05); }
.dizin__ad { display: block; margin-top: 0.75rem; font-family: var(--yazi-serif); font-size: 1.3rem; line-height: 1.15; }
.dizin__sayi { display: block; color: var(--murekkep-2); font-size: var(--boy-mikro); margin-top: 0.15rem; }
@media (min-width: 48rem) {
  /* Geniş ekranda dizin kaydırılmaz, satırlara dizilir: ekran kenarında yarım kalan koleksiyon olmaz */
  .dizin { grid-auto-flow: row; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; padding-bottom: 0; row-gap: var(--bosluk-m); }
  .dizin__ad { font-size: 1.15rem; }
}
@media (min-width: 80rem) { .dizin { grid-template-columns: repeat(9, minmax(0, 1fr)); } }

/* ------------------------------------------------------------------ ürünler: kütüphane */

.kutuphane { padding: var(--bosluk-l) 0 var(--bosluk-xl); border-top: 1px solid var(--cizgi); max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; }
.kutuphane__bas { margin: 0 var(--kenar) var(--bosluk-m); display: grid; gap: 1.25rem; }
.kutuphane__araclar { display: grid; gap: 1rem; }
.suzgec { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.arama { position: relative; max-width: 26rem; }
.arama__alan {
  width: 100%; min-height: 2.75rem; padding: 0.55rem 0.9rem 0.55rem 2.6rem;
  border: 1px solid var(--cizgi-guclu); border-radius: 0; background: transparent; font-size: 1rem;
  -webkit-appearance: none; appearance: none;
}
.arama__alan::placeholder { color: var(--murekkep-2); opacity: 1; }
.arama__alan:focus { border-color: var(--murekkep); outline: none; box-shadow: 0 0 0 1px var(--murekkep); }
.arama__ikon { position: absolute; left: 0.8rem; top: 50%; transform: translateY(-50%); color: var(--murekkep-2); pointer-events: none; }
.kutuphane__sonuc { margin: 0; font-size: var(--boy-kucuk); color: var(--murekkep-2); }
.kutuphane__bos { margin: 0 var(--kenar); padding: var(--bosluk-l) 0; }
.kutuphane__bos p { font-family: var(--yazi-serif); font-size: var(--boy-giris); max-width: 32ch; }
@media (min-width: 64rem) {
  .kutuphane__bas { grid-template-columns: 1fr auto; align-items: end; }
  .kutuphane__bas .bolum-bas__baslik { grid-column: 1 / -1; }
  .kutuphane__araclar { grid-template-columns: 1fr 18rem; align-items: start; grid-column: 1 / -1; }
}

/* Kartlar */
.kartlar { list-style: none; display: grid; gap: var(--bosluk-m) var(--oluk); margin: 0 var(--kenar); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 48rem) { .kartlar--dort, .kartlar--uc { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 80rem) { .kartlar--dort { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 29.99rem) { .kartlar--uc { grid-template-columns: 1fr; } }
.kart__bag { display: block; text-decoration: none; }
.kart__cerceve { display: block; overflow: hidden; }
.kart__cerceve .gorsel { aspect-ratio: 4 / 5; }
.kartlar--uc .kart__cerceve .gorsel { aspect-ratio: 5 / 6; }
.kart__cerceve img { transition: transform 1.2s var(--ease); }
.kart__ad {
  display: inline; font-family: var(--yazi-serif); font-size: clamp(1.15rem, 1rem + 0.5vw, 1.45rem); line-height: 1.2;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size 0.6s var(--ease);
}
.kart__cerceve + .kart__ad { margin-top: 0.8rem; }
.kart__bag > .kart__ad { display: inline-block; margin-top: 0.8rem; }
.kart__kol { display: block; margin-top: 0.15rem; color: var(--murekkep-2); font-size: var(--boy-mikro); }
.kart__bag:hover .kart__cerceve img { transform: scale(1.045); }
.kart__bag:hover .kart__ad { background-size: 100% 1px; }
.kart.gizli { display: none; }

/* ------------------------------------------------------------------ taş dolgulu başlık */

.tas-yazi {
  /* Doku yalnızca başlığın kutusuna boyanır. Satır aralığı dar olduğundan harflerin inen ve çıkan uçları (y, g, ç, ş,
     İ, Ğ) kutudan taşıp kesiliyordu: kutu iç boşlukla büyütülür, aynı pay dış boşluktan düşülür, yerleşim değişmez. */
  --tas-ust: 0.15em; --tas-alt: 0.22em; --tas-yan: 0.05em;
  padding: var(--tas-ust) var(--tas-yan) var(--tas-alt);
  color: var(--murekkep);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .tas-yazi[style*="--doku"] {
    /* Doku, temaya göre bir renkle harmanlanır: damarlar görünür kalır, zeminle kontrast korunur */
    background-image: linear-gradient(var(--ortu, transparent), var(--ortu, transparent)), var(--doku);
    background-blend-mode: var(--karisim, normal), normal;
    background-size: cover, cover;
    background-position: center, 50% 45%;
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
  }
  .tas-yazi[data-ton="acik"] { --ortu: #8e5d55; --karisim: multiply; }
  .tas-yazi[data-ton="orta"] { --ortu: #d9c6bd; --karisim: multiply; }
  [data-theme="dark"] .tas-yazi[data-ton="acik"] { --ortu: transparent; --karisim: normal; }
  [data-theme="dark"] .tas-yazi[data-ton="orta"] { --ortu: #5e524b; --karisim: screen; }
  [data-theme="dark"] .tas-yazi[data-ton="koyu"] { --ortu: #a19287; --karisim: screen; }
}

/* ------------------------------------------------------------------ koleksiyon sayfası */

.koleksiyon-bas { max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: var(--bosluk-m) var(--kenar) var(--bosluk-m); }
.koleksiyon-bas__ad { font-size: var(--boy-dev); font-weight: 700; line-height: 0.92; letter-spacing: -0.03em; margin: calc(0.3em - var(--tas-ust, 0em)) calc(-1 * var(--tas-yan, 0em)) calc(0.25em - var(--tas-alt, 0em)) calc(-0.04em - var(--tas-yan, 0em)); }
.koleksiyon-bas__alt { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; align-items: baseline; margin: 0; }
.koleksiyon-bas__ticari { font-family: var(--yazi-serif); font-size: var(--boy-giris); }
.koleksiyon-bas__sayi { color: var(--murekkep-2); font-size: var(--boy-kucuk); }
.koleksiyon-bas__giris { margin-top: 1.25rem; max-width: 42rem; font-family: var(--yazi-serif); font-size: var(--boy-giris); line-height: 1.5; }
.gecis { margin: 0 0 var(--bosluk-l); }
.gecis__liste {
  list-style: none; display: flex; gap: 0.5rem; overflow-x: auto; padding: 0.25rem var(--kenar) 0.9rem;
  scrollbar-width: thin; scrollbar-color: var(--cizgi-guclu) transparent;
}
@media (min-width: 48rem) {
  /* Geniş ekranda koleksiyonlar alt satıra geçer: ekran kenarında yarım kalan ad olmaz */
  .gecis__liste { flex-wrap: wrap; overflow: visible; max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; }
}
.koleksiyon-urunler { max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding-bottom: var(--bosluk-xl); }
.bos-not { margin: 0 var(--kenar); font-family: var(--yazi-serif); font-size: var(--boy-giris); }

/* ------------------------------------------------------------------ taş (ürün) sayfası */

.tas { max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; }
.tas__bas { padding: var(--bosluk-m) var(--kenar) 0; }
.tas__ad { font-size: var(--boy-dev); font-weight: 700; line-height: 0.92; letter-spacing: -0.03em; margin: calc(0.3em - var(--tas-ust, 0em)) calc(-1 * var(--tas-yan, 0em)) calc(0.3em - var(--tas-alt, 0em)) calc(-0.04em - var(--tas-yan, 0em)); overflow-wrap: anywhere; hyphens: manual; }
.tas__sahne { display: grid; gap: var(--bosluk-m) var(--oluk); padding: 0 var(--kenar) var(--bosluk-xl); }
.tas__ana { position: relative; }
.tas__kare .gorsel { aspect-ratio: 3 / 2; }
.tas__buyut { position: relative; display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; box-shadow: var(--parilti); }
.tas__buyut-ikon {
  position: absolute; right: 0.9rem; bottom: 0.9rem; display: grid; place-items: center; width: 2.6rem; height: 2.6rem;
  background: var(--levha); color: var(--murekkep); opacity: 0.92; transition: opacity var(--t-hizli);
}
.tas__buyut:hover .tas__buyut-ikon { opacity: 1; }
.tas__sayac { margin: 0.7rem 0 0; font-size: var(--boy-mikro); color: var(--murekkep-2); font-variant-numeric: tabular-nums; }
.tas__kucukler { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(4.25rem, 1fr)); gap: 0.5rem; margin-bottom: var(--bosluk-m); }
.tas__kucuk { display: block; width: 100%; padding: 0; border: 0; background: none; position: relative; }
.tas__kucuk .gorsel { aspect-ratio: 1; }
.tas__kucuk::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px var(--cizgi); transition: box-shadow var(--t-hizli); }
.tas__kucuk[aria-pressed="true"]::after { box-shadow: inset 0 0 0 2px var(--murekkep), inset 0 0 0 4px var(--zemin); }
.tas__kucuk:hover::after { box-shadow: inset 0 0 0 1px var(--murekkep); }
.tas__bilgi { border-top: 1px solid var(--cizgi); margin-bottom: 1.5rem; }
.tas__bilgi > div { display: grid; grid-template-columns: 8.5rem 1fr; gap: 1rem; padding: 0.8rem 0; border-bottom: 1px solid var(--cizgi); }
.tas__bilgi dt { font-size: var(--boy-mikro); font-weight: 600; color: var(--murekkep-2); letter-spacing: 0.02em; padding-top: 0.2rem; }
.tas__bilgi dd { font-family: var(--yazi-serif); font-size: 1.15rem; line-height: 1.35; }
.tas__ticari { display: block; font-size: var(--boy-kucuk); color: var(--murekkep-2); font-family: var(--yazi-sans); }
.tas__aciklama { margin-bottom: 1.5rem; max-width: 40rem; }
.tas__eylem { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.tas__komsu { display: grid; grid-template-columns: 1fr 1fr; gap: var(--oluk); margin-top: var(--bosluk-m); border-top: 1px solid var(--cizgi); padding-top: 1rem; }
.tas__komsu-bag { display: grid; text-decoration: none; }
.tas__komsu-bag--sonraki { text-align: right; grid-column: 2; }
.tas__komsu-etiket { font-size: var(--boy-mikro); color: var(--murekkep-2); font-weight: 500; }
.tas__komsu-ad { font-family: var(--yazi-serif); font-size: 1.15rem; line-height: 1.25; }
.tas__komsu-bag:hover .tas__komsu-ad { text-decoration: underline; text-underline-offset: 0.2em; }
@media (min-width: 64rem) {
  .tas__sahne { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; }
  .tas__ana { grid-column: 1 / span 8; }
  .tas__yan { grid-column: 9 / span 4; position: sticky; top: calc(4.25rem + 1.5rem); }
}
@media (max-width: 63.99rem) {
  .tas__ana { margin: 0 calc(-1 * var(--kenar)); }
  .tas__sayac { padding: 0 var(--kenar); }
  .tas__kucukler { grid-auto-flow: column; grid-auto-columns: 4.5rem; grid-template-columns: none; overflow-x: auto; padding-bottom: 0.5rem; }
  .tas__eylem { position: sticky; bottom: 0; z-index: 5; margin: 0 calc(-1 * var(--kenar)); padding: 0.75rem var(--kenar) calc(0.75rem + env(safe-area-inset-bottom)); background: var(--ust-zemin); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--cizgi); }
  .tas__eylem .dugme { flex: 1 1 12rem; }
}

.uygulama { padding: 0 var(--kenar) var(--bosluk-xl); }
.uygulama .bolum-bas__baslik { margin-bottom: var(--bosluk-m); }
.uygulama__liste { list-style: none; display: grid; gap: var(--oluk); }
.uygulama__bag { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.uygulama__bag .gorsel { aspect-ratio: 4 / 3; }
@media (min-width: 48rem) {
  .uygulama__liste--2 { grid-template-columns: repeat(2, 1fr); }
  .uygulama__liste--3 { grid-template-columns: repeat(3, 1fr); }
  .uygulama__liste--1 { max-width: 60rem; }
}
.benzer { padding-bottom: var(--bosluk-xl); }

/* Işık kutusu (tam ekran görsel) */
.isik {
  width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0;
  background: var(--isik-zemin); color: #f3ebe0;
}
.isik::backdrop { background: rgba(8, 7, 6, 0.6); }
.isik[open] { display: grid; grid-template-rows: 1fr auto; }
.isik__sahne { display: grid; place-items: center; min-height: 0; padding: 4rem 1rem 0.5rem; }
.isik__sahne .gorsel { background: none; width: 100%; height: 100%; }
.isik__sahne img { width: 100%; height: 100%; object-fit: contain; }
.isik__sayac { margin: 0; padding: 0.75rem 1rem 1.25rem; text-align: center; font-size: var(--boy-kucuk); font-variant-numeric: tabular-nums; }
.isik__dugme {
  position: absolute; display: grid; place-items: center; width: 3rem; height: 3rem; padding: 0;
  border: 1px solid rgba(243, 235, 224, 0.3); background: rgba(20, 16, 14, 0.5); color: inherit;
}
.isik__dugme:hover { background: rgba(243, 235, 224, 0.12); }
.isik__dugme--kapat { top: 1rem; right: 1rem; }
.isik__dugme--onceki { left: 1rem; top: 50%; transform: translateY(-50%); }
.isik__dugme--sonraki { right: 1rem; top: 50%; transform: translateY(-50%); }
.isik :focus-visible { outline-color: #f3ebe0; }
.isik[data-tek] .isik__dugme--onceki, .isik[data-tek] .isik__dugme--sonraki, .isik[data-tek] .isik__sayac { display: none; }

/* ------------------------------------------------------------------ hakkımızda */

.hakkinda__giris { max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: 0 var(--kenar) var(--bosluk-l); }
.hakkinda__one { font-family: var(--yazi-serif); font-size: clamp(1.5rem, 1rem + 1.9vw, 2.6rem); line-height: 1.3; letter-spacing: -0.008em; max-width: 34ch; margin: 0; }
.hakkinda__genis { margin: 0 0 var(--bosluk-l); }
.hakkinda__genis-gorsel { height: clamp(18rem, 64svh, 44rem); }
.metin { max-width: 40rem; }
.metin p { margin-bottom: 1.1em; }
.metin h2 { font-size: var(--boy-h3); margin: 1.6em 0 0.6em; }
.metin h3 { font-size: 1.3rem; margin: 1.4em 0 0.5em; }
.metin ul, .metin ol { margin: 0 0 1.1em 1.25em; }
.metin blockquote { border-left: 2px solid var(--bakir); padding-left: 1.25rem; font-family: var(--yazi-serif); font-size: 1.25rem; margin: 1.5em 0; }
.hakkinda__metin { margin: 0 var(--kenar) var(--bosluk-xl); font-size: 1.1rem; line-height: 1.75; }
.hakkinda__ikili { display: grid; gap: var(--bosluk-l) var(--oluk); margin: 0 var(--kenar) var(--bosluk-xl); }
.ilke__gorsel { margin-bottom: 1.5rem; box-shadow: var(--parilti); }
.ilke__gorsel .gorsel { aspect-ratio: 1200 / 776; }
.ilke__baslik { font-size: var(--boy-h2); margin-bottom: 1rem; }
.ilke__metin { font-family: var(--yazi-serif); font-size: var(--boy-giris); line-height: 1.5; max-width: 34ch; }
@media (min-width: 64rem) {
  .hakkinda__metin { margin-left: calc(var(--kenar) + 33.33%); }
  .hakkinda__ikili { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .ilke--1 { grid-column: 1 / span 6; }
  .ilke--2 { grid-column: 8 / span 5; margin-top: 30%; }
}

.yonlendir { display: grid; margin: 0 var(--kenar) var(--bosluk-xl); border-top: 1px solid var(--cizgi); max-width: var(--icerik); }
.yonlendir__bag { display: grid; gap: 0.2rem; padding: 1.4rem 0; border-bottom: 1px solid var(--cizgi); text-decoration: none; }
.yonlendir__etiket { font-size: var(--boy-mikro); font-weight: 600; color: var(--murekkep-2); letter-spacing: 0.03em; }
.yonlendir__baslik { font-family: var(--yazi-serif); font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.75rem); line-height: 1.1; transition: color var(--t-hizli); }
.yonlendir__bag:hover .yonlendir__baslik { color: var(--bakir-metin); }
@media (min-width: 48rem) { .yonlendir { grid-template-columns: 1fr 1fr; column-gap: var(--oluk); } }

/* ------------------------------------------------------------------ ocaklar sayfası */

.ocaklar-sayfa__serit { margin: 0 0 var(--bosluk-l); }
.ocaklar-sayfa__serit .gorsel { height: clamp(12rem, 40svh, 30rem); }
.mozaik { list-style: none; display: grid; gap: var(--oluk); margin: 0 var(--kenar) var(--bosluk-xl); }
.mozaik__bag { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.mozaik__bag .gorsel { aspect-ratio: 3 / 2; }
@media (min-width: 48rem) {
  .mozaik { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .mozaik__oge--1 { grid-column: 1 / span 4; grid-row: span 2; }
  .mozaik__oge--1 .gorsel { aspect-ratio: auto; height: 100%; }
  .mozaik__oge--1 .mozaik__bag { height: 100%; }
  .mozaik__oge--2, .mozaik__oge--3 { grid-column: 5 / span 2; }
  .mozaik__oge--4 { grid-column: 1 / span 3; }
  .mozaik__oge--5 { grid-column: 4 / span 3; }
}

/* ------------------------------------------------------------------ iletişim sayfası */

.iletisim { max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: 0 var(--kenar) var(--bosluk-xl); display: grid; gap: var(--bosluk-l) var(--oluk); }
.iletisim__kanallar { display: grid; gap: 0; border-top: 1px solid var(--cizgi); align-self: start; }
.kanal { padding: 1.1rem 0; border-bottom: 1px solid var(--cizgi); }
.kanal__etiket { font-size: var(--boy-mikro); font-weight: 600; color: var(--murekkep-2); letter-spacing: 0.03em; margin-bottom: 0.2rem; }
.kanal__deger { font-family: var(--yazi-serif); font-size: clamp(1.35rem, 1rem + 1.2vw, 2rem); line-height: 1.25; overflow-wrap: anywhere; }
.kanal__deger a { text-decoration: none; }
.kanal__deger a:hover { text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
.kanal__ek { font-family: var(--yazi-sans); font-size: var(--boy-kucuk); font-weight: 500; }
.form-bolum { background: var(--zemin-2); padding: clamp(1.5rem, 4vw, 3.5rem); }
.form-bolum:focus { outline: none; }
.form-bolum__baslik { font-size: var(--boy-h2); margin-bottom: 1.5rem; }
.form { display: grid; gap: 1.1rem; }
.alan { display: grid; gap: 0.35rem; }
.alan__etiket { font-weight: 600; font-size: 0.95rem; margin: 0; }
.alan__ek { font-weight: 400; color: var(--murekkep-2); }
.alan__girdi {
  width: 100%; min-height: 3rem; padding: 0.7rem 0.85rem; border: 1px solid var(--cizgi-guclu); border-radius: 0;
  background: var(--zemin); font-size: 1rem; line-height: 1.5;
  transition: border-color var(--t-hizli), box-shadow var(--t-hizli);
}
.alan__girdi--uzun { min-height: 9rem; resize: vertical; }
.alan__girdi:focus { outline: none; border-color: var(--murekkep); box-shadow: 0 0 0 1px var(--murekkep); }
.alan--hata .alan__girdi { border-color: #a3261f; box-shadow: 0 0 0 1px #a3261f; }
[data-theme="dark"] .alan--hata .alan__girdi { border-color: #f08d7e; box-shadow: 0 0 0 1px #f08d7e; }
.alan__hata { margin: 0; color: #a3261f; font-size: var(--boy-kucuk); font-weight: 500; }
[data-theme="dark"] .alan__hata { color: #f4a295; }
.alan__sabit { margin: 0; font-family: var(--yazi-serif); font-size: 1.25rem; }
.form__ozet { padding: 0.8rem 1rem; border-left: 3px solid #a3261f; background: var(--zemin); font-weight: 500; }
[data-theme="dark"] .form__ozet { border-left-color: #f08d7e; }
.form__not { font-size: var(--boy-kucuk); color: var(--murekkep-2); margin: 0; }
.form .dugme { justify-self: start; }
.form-sonuc { padding: 1.25rem 1.4rem; background: var(--zemin); border-left: 3px solid var(--bakir); }
.form-sonuc__baslik { font-family: var(--yazi-serif); font-size: 1.5rem; margin-bottom: 0.4rem; }
@media (min-width: 64rem) {
  .iletisim { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .iletisim__kanallar { grid-column: 1 / span 5; }
  .form-bolum { grid-column: 7 / span 6; }
}

/* ------------------------------------------------------------------ haberler */

.haberler { list-style: none; display: grid; gap: var(--bosluk-l); max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: 0 var(--kenar) var(--bosluk-xl); }
.haber-kart__bag { display: grid; gap: 1rem; text-decoration: none; }
.haber-kart__cerceve .gorsel { aspect-ratio: 3 / 2; }
.haber-kart__tarih { font-size: var(--boy-mikro); color: var(--murekkep-2); }
.haber-kart__baslik { display: block; font-family: var(--yazi-serif); font-size: var(--boy-h3); line-height: 1.2; margin: 0.25rem 0 0.5rem; }
.haber-kart__ozet { display: block; color: var(--murekkep-2); max-width: 44rem; }
.haber-kart__bag:hover .haber-kart__baslik { text-decoration: underline; text-underline-offset: 0.18em; }
@media (min-width: 48rem) { .haber-kart__bag { grid-template-columns: 5fr 7fr; gap: var(--oluk); align-items: center; } }
.haber { max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; }
.haber__tarih { display: block; margin-top: 1.5rem; font-size: var(--boy-kucuk); color: var(--murekkep-2); }
.haber__baslik { max-width: 20ch; }
.haber__ozet { font-family: var(--yazi-serif); font-size: var(--boy-giris); max-width: 40ch; margin-top: 1rem; }
.haber__gorsel { margin: 0 var(--kenar) var(--bosluk-l); }
.haber__gorsel .gorsel { aspect-ratio: 16 / 9; }
.haber__govde { margin: 0 var(--kenar) var(--bosluk-l); font-size: 1.1rem; line-height: 1.75; }
.haber__geri { margin: 0 var(--kenar) var(--bosluk-xl); }
@media (min-width: 64rem) { .haber__govde { margin-left: calc(var(--kenar) + 25%); } }

/* ------------------------------------------------------------------ 404 */

.yok { max-width: calc(var(--icerik) + 2 * var(--kenar)); margin: 0 auto; padding: var(--bosluk-l) var(--kenar) var(--bosluk-xl); }
.yok__kod { font-family: var(--yazi-serif); font-size: clamp(6rem, 3rem + 14vw, 16rem); line-height: 0.85; margin: 0; color: var(--bakir); letter-spacing: -0.04em; }
.yok__baslik { font-size: var(--boy-h1); margin: 0.5rem 0 1rem; }
.yok__metin { max-width: 44ch; font-size: 1.1rem; margin-bottom: 1.75rem; }
.yok__liste { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: var(--bosluk-l); }

/* ------------------------------------------------------------------ dil önerisi */

.dil-onerisi {
  position: fixed; left: 50%; bottom: 1rem; z-index: 70; transform: translateX(-50%);
  display: flex; align-items: center; gap: 0.75rem 1rem; flex-wrap: wrap;
  width: min(calc(100% - 2rem), 34rem); padding: 0.8rem 0.8rem 0.8rem 1.1rem;
  background: var(--murekkep); color: var(--zemin); font-size: 0.95rem;
  box-shadow: 0 1rem 2.5rem -1rem rgba(20, 10, 8, 0.45);
}
.dil-onerisi__metin { margin: 0; flex: 1 1 12rem; }
.dil-onerisi__git { font-weight: 600; text-underline-offset: 0.2em; }
.dil-onerisi__kapat { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; padding: 0; border: 0; background: none; color: inherit; }
.dil-onerisi :focus-visible { outline-color: var(--zemin); }

/* ------------------------------------------------------------------ sayfa geçişi ve hareket tercihleri */

@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.28s; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  .js .acilir img { opacity: 1; transform: none; }
  @view-transition { navigation: none; }
}

@media print {
  .ust, .alt, .mobil-menu, .dil-onerisi, .tas__eylem, .gecis, .suzgec, .arama { display: none !important; }
  body { background: #fff; color: #000; }
  .tas-yazi { -webkit-text-fill-color: currentColor; color: #000; background: none !important; }
}