/** Shopify CDN: Minification failed

Line 240:14 Expected ":"
Line 240:76 Unterminated string token

**/
/*
  assets/alverane.css — Alverane token layer.
  Loads AFTER base.css (see layout/theme.liquid, layout/password.liquid, templates/gift_card.liquid).

  Tek renk/ölçü kaynağı burasıdır. Başka hiçbir dosyada çıplak hex yok.
  Dawn'ın kendi değişkenleri (--color-*, --font-*, --duration-*, --spacing-*)
  aşağıdaki "Dawn köprüsü" bloğunda bu token'lardan beslenir.
*/

/* ------------------------------------------------------------------ */
/* 0. YAZI TİPLERİ — self-host (Google Fonts'tan latin + latin-ext woff2), preload: snippets/alv-fonts */
/* ------------------------------------------------------------------ */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('plexmono-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('plexmono-400-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;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('plexmono-500-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('plexmono-500-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;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('plexmono-600-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('plexmono-600-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;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('inter-400-700-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('inter-400-700-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;
}

/* ------------------------------------------------------------------ */
/* 1. TOKEN'LAR                                                        */
/* ------------------------------------------------------------------ */

:root {
  /* Renk — referans ekran görüntülerinden piksel olarak ölçüldü */
  --alv-ink: #1a1a1a; /* metin — nötr near-black */
  --alv-ink-soft: #3d3d3d; /* menü kök maddesi, aktif olmayan */
  --alv-paper: #f8f8f8; /* sayfa zemini — ölçüldü */
  --alv-surface: #f1f1f1; /* ikincil zemin */
  --alv-product-bg: #efefef; /* ürün görseli çerçevesi — sayfadan BİR TIK koyu */
  --alv-line: #e3e3e3; /* 1px saç çizgi */
  --alv-muted: #6e6e6e; /* ikincil metin */
  --alv-sea: #2f4f55; /* hover, çok az */
  --alv-bad: #8c3a2e;

  /* Aynı renkler rgb kanal üçlüsü olarak — Dawn rgba(var(--color-x), a) kullanır */
  --alv-ink-rgb: 26, 26, 26;
  --alv-paper-rgb: 248, 248, 248;
  --alv-surface-rgb: 241, 241, 241;
  --alv-product-bg-rgb: 239, 239, 239;
  --alv-line-rgb: 227, 227, 227;
  --alv-muted-rgb: 110, 110, 110;
  --alv-sea-rgb: 47, 79, 85;
  --alv-bad-rgb: 140, 58, 46;

  /* Biçim */
  --alv-r: 0px;
  --alv-hair: 1px solid var(--alv-line);
  --alv-pill: 999px; /* TEK istisna: menüdeki GİRİŞ YAP hap butonu */

  /* Boşluk */
  --alv-s1: 8px;
  --alv-s2: 16px;
  --alv-s3: 24px;
  --alv-s4: 40px;
  --alv-s5: 64px;
  --alv-s6: 96px;
  --alv-s7: 112px;

  /* Tipografi — iki aile, serif yok */
  --alv-font-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --alv-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Punto ölçeği (sayfa başına en fazla 4'ü kullan) */
  --alv-fs-eyebrow: 11px; /* mono */
  --alv-fs-card: 12px; /* ürün adı, ızgara */
  --alv-fs-button: 13px; /* mono */
  --alv-fs-body: 14px;
  --alv-fs-sub: 15px; /* menü alt maddesi, bölüm başlığı */
  --alv-fs-pdp: 16px; /* ürün adı, PDP */
  --alv-fs-menu: 17px; /* menü kök maddesi */

  --alv-lh-body: 1.6;
  --alv-lh-tight: 1.3;
  --alv-lh-menu: 2;

  --alv-ls-eyebrow: 0.18em;
  --alv-ls-button: 0.14em;
  --alv-ls-group: 0.08em;
  --alv-ls-card: 0.04em;

  /* Hareket — 150–250ms, sadece opacity ve transform */
  --alv-t-fast: 150ms;
  --alv-t-base: 200ms;
  --alv-t-slow: 250ms;
  --alv-t-image: 400ms; /* görsel fade */
  --alv-t-panel: 240ms; /* panel */
  --alv-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Klavye odağı — tek kural base.css'te (*:focus-visible). Gizli input + etiket çiftleri için: */
  --alv-focus: 1px solid var(--alv-ink);
  --alv-focus-offset: 3px;

  /* Sayfa */
  --alv-page-max: 1600px;
  --alv-gutter: var(--alv-s3);
}

@media screen and (max-width: 749px) {
  :root {
    --alv-gutter: var(--alv-s2);
  }
}

/* ------------------------------------------------------------------ */
/* 2. DAWN KÖPRÜSÜ — Dawn'ın değişkenlerini token'lardan besle          */
/* ------------------------------------------------------------------ */

:root {
  /* Tek renk şeması */
  --color-background: var(--alv-paper-rgb);
  --gradient-background: var(--alv-paper);
  --color-foreground: var(--alv-ink-rgb);
  --color-background-contrast: var(--alv-line-rgb);
  --color-button: var(--alv-ink-rgb);
  --color-button-text: var(--alv-paper-rgb);
  --color-secondary-button: var(--alv-paper-rgb);
  --color-secondary-button-text: var(--alv-ink-rgb);
  --color-link: var(--alv-ink-rgb);
  --color-badge-foreground: var(--alv-ink-rgb);
  --color-badge-background: var(--alv-paper-rgb);
  --color-badge-border: var(--alv-line-rgb);
  --payment-terms-background-color: var(--alv-paper);
  /* templates/gift_card.liquid bu adları kullanır */
  --color-button-label: var(--alv-paper-rgb);
  --color-secondary-button-label: var(--alv-ink-rgb);
  --color-soldout-badge: var(--alv-muted-rgb);
  --color-soldout-badge-label: var(--alv-paper-rgb);

  /* Yazı */
  --font-body-family: var(--alv-font-sans);
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bold: 600;
  --font-heading-family: var(--alv-font-sans);
  --font-heading-style: normal;
  --font-heading-weight: 600;
  --font-body-scale: 1;
  --font-heading-scale: 1;

  /* Boşluk */
  --spacing-sections-desktop: var(--alv-s7);
  --spacing-sections-mobile: var(--alv-s5);

  /* Kenarlıklar — hepsi 1px saç çizgi ya da yok; köşe ve gölge hiçbir yerde */
  --buttons-border-width: 1px;
  --buttons-border-opacity: 1;
  --inputs-border-width: 1px;
  --inputs-border-opacity: 1;
  --variant-pills-border-width: 1px;
  --variant-pills-border-opacity: 1;
  --popup-border-width: 1px;
  --popup-border-opacity: 1;
  --drawer-border-width: 1px;
  --drawer-border-opacity: 1;
  --media-border-width: 0px;
  --media-border-opacity: 0;
  --media-padding: 0px;
  --text-boxes-border-width: 0px;
  --text-boxes-border-opacity: 0;
  --product-card-border-width: 0px;
  --product-card-border-opacity: 0;
  --collection-card-border-width: 0px;
  --collection-card-border-opacity: 0;
  --blog-card-border-width: 0px;
  --blog-card-border-opacity: 0;

     doğrudan base.css içinde token'lardan okunur; burada tekrarlanmaz. */
}

/* ------------------------------------------------------------------ */
/* 3. TEMEL                                                            */
/* ------------------------------------------------------------------ */

/* Zemin, renk ve gövde yazısı layout/theme.liquid içindeki body kuralından
   token'larla gelir (--color-*, --font-*, --alv-fs-body, --alv-lh-body). */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background-color: var(--alv-ink);
  color: var(--alv-paper);
}

a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: opacity var(--alv-t-fast) var(--alv-ease);
}

a:hover {
  color: var(--alv-sea);
}

hr {
  border: 0;
  border-top: var(--alv-hair);
  margin: 0;
}

/* ------------------------------------------------------------------ */
/* 4. TİPOGRAFİ ÖLÇEĞİ                                                 */
/*                                                                     */
/* text-transform: uppercase yalnızca tr.json'dan gelen Türkçe metinde  */
/* (buton) ve menü kök maddesinde kullanılır. Ürün adı, eyebrow ve      */
/* bölüm başlığı gibi mağazadan gelen metinlerde KULLANILMAZ: Türkçe   */
/* locale "i"yi "İ" yapar, NOIR → NOİR olur. Bu metinler Shopify'da      */
/* zaten büyük harf yazılır.                                           */
/* ------------------------------------------------------------------ */

.alv-eyebrow {
  font-family: var(--alv-font-mono);
  font-size: var(--alv-fs-eyebrow);
  font-weight: 400;
  letter-spacing: var(--alv-ls-eyebrow);
  line-height: var(--alv-lh-body);
  color: var(--alv-muted);
}

.alv-title {
  font-family: var(--alv-font-sans);
  font-size: var(--alv-fs-sub);
  font-weight: 600;
  line-height: var(--alv-lh-tight);
  letter-spacing: 0;
  margin: 0;
}

.alv-body {
  font-family: var(--alv-font-sans);
  font-size: var(--alv-fs-body);
  font-weight: 400;
  line-height: var(--alv-lh-body);
}

.alv-muted {
  color: var(--alv-muted);
}

.alv-mono {
  font-family: var(--alv-font-mono);
  font-variant-numeric: tabular-nums;
}

/* Menü */
.alv-menu-root {
  font-family: var(--alv-font-sans);
  font-size: var(--alv-fs-menu);
  font-weight: 500;
  line-height: var(--alv-lh-menu);
  text-transform: uppercase;
  color: var(--alv-ink-soft);
}

.alv-menu-root--active {
  font-weight: 600;
  color: var(--alv-ink);
}

.alv-menu-group {
  font-family: var(--alv-font-mono);
  font-size: var(--alv-fs-eyebrow);
  font-weight: 400;
  letter-spacing: var(--alv-ls-group);
  line-height: var(--alv-lh-body);
  color: var(--alv-muted);
}

.alv-menu-sub {
  font-family: var(--alv-font-sans);
  font-size: var(--alv-fs-sub);
  font-weight: 400;
  line-height: var(--alv-lh-menu);
  color: var(--alv-ink);
}

/* Ürün adı */
.alv-card-title {
  font-family: var(--alv-font-sans);
  font-size: var(--alv-fs-card);
  font-weight: 400;
  letter-spacing: var(--alv-ls-card);
  line-height: var(--alv-lh-body);
  color: var(--alv-ink);
}

.alv-pdp-title {
  font-family: var(--alv-font-sans);
  font-size: var(--alv-fs-pdp);
  font-weight: 500;
  line-height: var(--alv-lh-tight);
  letter-spacing: 0;
  color: var(--alv-ink);
  margin: 0;
}

/* Fiyat — snippets/alv-price.liquid; punto bulunduğu ürün adından miras alır */
.alv-price {
  font-family: var(--alv-font-mono);
  font-size: inherit;
  font-weight: 400;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--alv-ink);
}

.alv-price--card {
  font-size: var(--alv-fs-card);
}

.alv-price--pdp {
  font-size: var(--alv-fs-pdp);
}

.alv-price--cart {
  font-size: var(--alv-fs-body);
}

/* ------------------------------------------------------------------ */
/* 5. BUTON                                                            */
/*    Kenarlık, zemin ve tipografi Dawn'ın base.css'inde token'lardan    */
/*    beslenir (buradan bakınız: .button). Burada yalnızca ek varyantlar.*/
/* ------------------------------------------------------------------ */

.alv-button-pill {
  border-radius: var(--alv-pill); /* GİRİŞ YAP — tek istisna, referansta öyle */
}

.button:not([disabled]):not([aria-disabled='true']):hover {
  opacity: 0.85;
}

.button:disabled,
.button[aria-disabled='true'] {
  opacity: 0.4;
  cursor: default;
}

/* ------------------------------------------------------------------ */
/* 6. FORM                                                             */
/* ------------------------------------------------------------------ */

.alv-label {
  display: block;
  font-family: var(--alv-font-mono);
  font-size: var(--alv-fs-eyebrow);
  letter-spacing: var(--alv-ls-group);
  color: var(--alv-muted);
  margin-bottom: var(--alv-s1);
}

.field:focus-within::after,
.select:focus-within::after,
.quantity:focus-within::after,
.customer .field:focus-within::after,
.customer select:focus-within::after {
  border-color: var(--alv-ink);
}

.field__input::placeholder,
.text-area::placeholder {
  color: var(--alv-muted);
  opacity: 1;
}

/* Metin link buton: ARŞİVE DÖN (sepet, arama, 404) */
.alv-cart__back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: var(--alv-font-mono);
  font-size: var(--alv-fs-button);
  font-weight: 600;
  letter-spacing: var(--alv-ls-button);
  text-transform: uppercase; /* tr.json metni */
  color: var(--alv-ink);
  text-decoration: underline;
  text-underline-offset: 0.3em;
}

/* Onay kutusu: kare 16px (form, filtre) */
.alv-check {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--alv-font-sans);
  font-size: var(--alv-fs-button);
  color: var(--alv-ink);
  cursor: pointer;
}

.alv-check__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.alv-check__box {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid var(--alv-ink);
  background-color: transparent;
}

.alv-check__input:checked + .alv-check__box {
  background-color: var(--alv-ink);
}

.alv-check__input:focus-visible + .alv-check__box {
  outline: var(--alv-focus);
  outline-offset: var(--alv-focus-offset);
}

/* ------------------------------------------------------------------ */
/* 6b. AKORDİYON — ürün ve sepet ortak                                  */
/* ------------------------------------------------------------------ */

.alv-acc {
  border-bottom: var(--alv-hair);
}

.alv-acc__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: var(--alv-s1) 0;
  list-style: none;
  font-family: var(--alv-font-mono);
  font-size: var(--alv-fs-eyebrow);
  letter-spacing: 0.12em;
  text-transform: uppercase; /* tr.json metni */
  color: var(--alv-ink);
  cursor: pointer;
}

.alv-acc__summary::-webkit-details-marker {
  display: none;
}

.alv-acc__icon {
  position: relative;
  width: 12px;
  height: 12px;
  flex: none;
}

.alv-acc__icon::before,
.alv-acc__icon::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 1px;
  background-color: var(--alv-ink);
  transition: transform var(--alv-t-fast) var(--alv-ease);
}

.alv-acc__icon::after {
  transform: rotate(90deg);
}

.alv-acc[open] .alv-acc__icon::after {
  transform: rotate(0deg);
}

.alv-acc__body {
  font-family: var(--font-body-family);
  padding: 0 0 var(--alv-s3);
  animation: alv-acc-in var(--alv-t-fast) var(--alv-ease);
}

.alv-acc__body p {
  margin: 0;
}

.alv-acc__body p + p {
  margin-top: var(--alv-s1);
}

@keyframes alv-acc-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* ------------------------------------------------------------------ */
/* 7. IZGARA VE YERLEŞİM YARDIMCILARI                                    */
/* ------------------------------------------------------------------ */

.alv-container {
  width: 100%;
  max-width: var(--alv-page-max);
  margin-inline: auto;
  padding-inline: var(--alv-gutter);
}

.alv-section {
  padding-block: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .alv-section {
    padding-block: var(--spacing-sections-desktop);
  }
}

.alv-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--alv-s2);
  row-gap: var(--alv-s4);
}

.alv-grid--2 > * {
  grid-column: span 6;
}

.alv-grid--3 > * {
  grid-column: span 4;
}

.alv-grid--4 > * {
  grid-column: span 3;
}

@media screen and (max-width: 989px) {
  .alv-grid--3 > *,
  .alv-grid--4 > * {
    grid-column: span 6;
  }
}

@media screen and (max-width: 749px) {
  .alv-grid {
    column-gap: var(--alv-s1);
    row-gap: var(--alv-s3);
  }

  .alv-grid--2 > *,
  .alv-grid--3 > *,
  .alv-grid--4 > * {
    grid-column: span 6;
  }
}

.alv-stack > * + * {
  margin-top: var(--alv-s2);
}

.alv-hair-top {
  border-top: var(--alv-hair);
}

.alv-hair-bottom {
  border-bottom: var(--alv-hair);
}

.alv-media {
  background-color: var(--alv-product-bg);
  overflow: hidden;
}

.alv-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity var(--alv-t-image) var(--alv-ease);
}

.alv-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ------------------------------------------------------------------ */
/* 8. ERİŞİLEBİLİRLİK VE HAREKET                                        */
/* ------------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {
  :root {
    --alv-t-fast: 0ms;
    --alv-t-base: 0ms;
    --alv-t-slow: 0ms;
    --alv-t-image: 0ms;
    --alv-t-panel: 0ms;
  }

  html {
    scroll-behavior: auto;
  }
}
