/** Shopify CDN: Minification failed

Line 12:19 Unexpected "*"
Line 12:80 Unterminated string token

**/
/** Critical CSS for the theme. This file is included on every page. */

/* @layer base: reset/temel stiller Tailwind'in base katmanına katılır.
   ŞART — yoksa bu dosya layer'sız kalır ve layer'sız CSS, Tailwind utility'lerini
   (@layer utilities) specificity'den bağımsız EZER. O zaman `* { margin: 0 }`
   mx-auto/mt-*/mb-* gibi tüm margin utility'lerini, `img { display:block }` da
   .hidden'ı geçersiz kılar. base < utilities olduğundan utility'ler artık kazanır. */
@layer base {
  /* Reset styles inspired by https://www.joshwcomeau.com/css/custom-css-reset/ */
  * {
    box-sizing: border-box;
    margin: 0;
  }

  body {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100svh;
  }

  html:has(dialog[scroll-lock][open], details[scroll-lock][open]) {
    overflow: hidden;
  }

  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
    height: auto;
  }

  input,
  textarea,
  select {
    font: inherit;
    border-radius: var(--style-border-radius-inputs);
  }

  select {
    background-color: var(--color-background);
    color: currentcolor;
  }

  dialog {
    background-color: var(--color-background);
    color: var(--color-foreground);
  }

  p {
    text-wrap: pretty;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }

  p:empty {
    display: none;
  }

  :is(p, h1, h2, h3, h4, h5, h6):first-child,
  :empty:first-child + :where(p, h1, h2, h3, h4, h5, h6) {
    margin-block-start: 0;
  }

  :is(p, h1, h2, h3, h4, h5, h6):last-child,
  :where(p, h1, h2, h3, h4, h5, h6) + :has(+ :empty:last-child) {
    margin-block-end: 0;
  }

  /** Theme styles below */
  body {
    font-family: var(--font-primary--family);
    background-color: var(--color-background);
    color: var(--color-foreground);
  }

  /** Section layout
   *
   * Ortalama TEK KAYNAK: snippets/section-width.liquid (mx-auto max-w-site).
   * Skeleton'ın grid tabanlı container'ı (display:grid + --content-grid + .full-width)
   * KALDIRILDI — section-width ile çakışıyor, header/footer/trust-row hizasını bozuyordu.
   * Section wrapper'ı normal blok: full-bleed arka plan doğal olarak tam genişlik,
   * içerik section-width ile ortalanır.
   */
  .shopify-section {
    /* <img> elementlerinin background olarak çalışması için gerekli. */
    position: relative;
    width: 100%;
  }
}