/** Shopify CDN: Minification failed

Line 33:0 All "@import" rules must come first

**/
/*
  36 GOODS — Global Font Override
  ================================
  Yükleme: theme.liquid head kısmından.
  - Başlıklar (h1-h6)  → Milker (local asset)
  - Diğer her şey       → IBM Plex Mono (Google Fonts)
*/

/* ──────────────────────────────────────────────────────────
   0. MILKER — @font-face (Shopify CDN'den yüklenir)
   Shopify tüm assets'i aynı dizinden sunar, bu yüzden
   URL'de sadece dosya adı yeterlidir.
   ──────────────────────────────────────────────────────────
*/
@font-face {
  font-family: 'Milker';
  src: url('Milker.woff2') format('woff2'),
       url('Milker.otf')   format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ──────────────────────────────────────────────────────────
   1. IBM PLEX MONO — Google Fonts (theme.liquid'den preload)
   ──────────────────────────────────────────────────────────
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

/* ──────────────────────────────────────────────────────────
   2. CSS CUSTOM PROPERTIES
   ──────────────────────────────────────────────────────────
*/
:root {
  --font-ibm-plex-mono: 'IBM Plex Mono', 'Courier New', monospace;
  --font-milker:        'Milker', 'Georgia', serif;
}

/* ──────────────────────────────────────────────────────────
   3. BODY & PARAGRAPHS → IBM Plex Mono
   ──────────────────────────────────────────────────────────
*/
body,
p,
span,
li,
td,
th,
label,
caption,
figcaption,
blockquote,
cite,
abbr,
small,
.rte,
.rte p,
.rte li {
  font-family: var(--font-ibm-plex-mono) !important;
  text-transform: uppercase !important;
}

/* Page / Policy Container Spacing */
.shopify-policy__container,
.page-width--narrow,
.main-page-title {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.shopify-policy__title,
.main-page-title {
  margin-bottom: 120px !important;
}

/* ──────────────────────────────────────────────────────────
   4. LINKS (heading içindekiler hariç) → IBM Plex Mono
   ──────────────────────────────────────────────────────────
*/
a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) {
  font-family: var(--font-ibm-plex-mono) !important;
}

/* ──────────────────────────────────────────────────────────
   5. BUTTONS → IBM Plex Mono
   ──────────────────────────────────────────────────────────
*/
button,
[type="button"],
[type="submit"],
[type="reset"],
.button,
.button--primary,
.button--secondary,
.button--tertiary,
.button--ghost,
.link,
.button-unstyled,
.shopify-payment-button__button {
  font-family: var(--font-ibm-plex-mono) !important;
}

/* ──────────────────────────────────────────────────────────
   6. FORM INPUTS → IBM Plex Mono
   ──────────────────────────────────────────────────────────
*/
input,
input::placeholder,
textarea,
textarea::placeholder,
select,
option {
  font-family: var(--font-ibm-plex-mono) !important;
}

/* ──────────────────────────────────────────────────────────
   7. NAV / MENU → IBM Plex Mono
   ──────────────────────────────────────────────────────────
*/
nav,
.header__menu,
.header-menu,
.menu-item,
.menu__item,
.header__nav,
.disclosure__button,
.mega-menu,
.mega-menu__link {
  font-family: var(--font-ibm-plex-mono) !important;
}

/* ──────────────────────────────────────────────────────────
   8. CART / PRICE / BADGE → IBM Plex Mono
   ──────────────────────────────────────────────────────────
*/
.price,
.price__regular,
.price__sale,
.price__compare,
.price-item,
.cart-item,
.cart-item__name,
.cart-item__price,
.cart-subtotal,
.cart-total,
.badge,
.product-badge {
  font-family: var(--font-ibm-plex-mono) !important;
}

/* ──────────────────────────────────────────────────────────
   9. PRODUCT CARD BILGI → IBM Plex Mono
   ──────────────────────────────────────────────────────────
*/
.product-card__title,
.product-card__info,
.product-card__price,
.card-information,
.card-information__title,
.card-information__subtitle {
  font-family: var(--font-ibm-plex-mono) !important;
}

/* ──────────────────────────────────────────────────────────
   10. FOOTER / ANNOUNCEMENT / MISC → IBM Plex Mono
   ──────────────────────────────────────────────────────────
*/
.announcement-bar,
.announcement-bar__message,
.footer,
.footer__content,
.footer__heading,
.copyright,
.breadcrumb,
.breadcrumb__item,
.pagination,
.pagination__item,
.drawer,
.drawer__title,
.drawer__content,
.search-modal,
.predictive-search,
.predictive-search__item-heading {
  font-family: var(--font-ibm-plex-mono) !important;
}

/* ──────────────────────────────────────────────────────────
   11. TEMA CSS VARIABLE OVERRIDE → IBM Plex Mono
   ──────────────────────────────────────────────────────────
*/
:root {
  --font-body--family:      var(--font-ibm-plex-mono) !important;
  --font-paragraph--family: var(--font-ibm-plex-mono) !important;
}

/* ──────────────────────────────────────────────────────────
   12. BAŞLIKLAR → Milker
   h1-h6 ve custom g36- heading class'larına Milker uygulanır.
   Bu kurallar üstteki IBM Plex Mono override'larını
   başlıklar için geri alır (cascade'de sonra gelir → üste çıkar).
   ──────────────────────────────────────────────────────────
*/
h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 *,
.h1, .h1 *,
.h2, .h2 *,
.h3, .h3 *,
.h4, .h4 *,
.h5, .h5 *,
.h6, .h6 *,
.text-block.h1 > *,
.text-block.h2 > *,
.text-block.h3 > *,
.text-block.h4 > *,
.text-block.h5 > *,
.text-block.h6 > *,
/* 36GOODS custom heading classes */
.g36-hero__headline,
.g36-products__title,
.g36-editorial__heading {
  font-family: var(--font-milker) !important;
}

/* Tema CSS variable'larını da güncelle — Shopify heading preset'leri bunu kullanır */
:root {
  --font-heading--family:    var(--font-milker) !important;
  --font-h1--family:         var(--font-milker) !important;
  --font-h2--family:         var(--font-milker) !important;
  --font-h3--family:         var(--font-milker) !important;
  --font-h4--family:         var(--font-milker) !important;
  --font-h5--family:         var(--font-milker) !important;
  --font-h6--family:         var(--font-milker) !important;
}