/** Shopify CDN: Minification failed

Line 156:0 Expected "}" to go with "{"

**/
/* Nooni — ürün sayfası düzenlemeleri */

/* "Hemen satın al" (Shopify dinamik ödeme butonu) ana butonla yarışmasın: sade metin linki */
.product-info__dynamic-checkout-button .shopify-payment-button__button--unbranded {
  background: transparent !important;
  border-color: transparent !important;
  color: rgb(var(--text-color)) !important;
  box-shadow: none !important;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: 0.75;
  min-height: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.product-info__dynamic-checkout-button .shopify-payment-button__button--unbranded:hover {
  opacity: 1;
}

/* Güven satırı */
.nn-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nn-trust__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 6px;
  border-radius: 10px;
  background: #ffffff;
  text-align: center;
  font-size: 12px;
  line-height: 1.35;
  color: #3a3633;
}
.nn-trust__icon { flex: none; }

/* Fayda maddeleri */
.nn-benefits {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
  line-height: 1.45;
}
.nn-benefits li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.nn-benefits__icon {
  flex: none;
  margin-top: 1px;
  color: #ab182e;
}

/* İkonlu rozet satırı — orijinal sitedeki düzen: ikon üstte, kalın yazı altta */
.nn-badges {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.nn-badges li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.nn-badges svg { flex: none; color: #ab182e; }
.nn-badges__gap { stroke: var(--bg-color, #f7f6f3); }
.nn-badges span {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: #141414;
}

/* ---- Sayfa kenar boşlukları (ürün alanı) ----
   Tema ürün alanını en fazla 1512px genişlikte tutup ortalıyordu; 1512px'ten geniş
   ekranlarda görsel, logodan ve sayfa yolundan daha içeride başlıyordu.
   max-width: none ile ürün alanı header ile aynı hizaya (iki yanda 56px) gelir.
   Kenar boşluğunu değiştirmek için iki 56px değerini değiştirin. */
@media (min-width: 1024px) {
  .product.js-product {
    max-width: none !important;
    padding-left: 56px;
    padding-right: 56px;
  }
}

/* ---- Figma oranları: görsel %62 / bilgi %38, aralarında 56px boşluk ----
   Tema, bilgi kolonuna geniş ekranlarda iki yandan 64–117px iç boşluk veriyordu;
   bu yüzden metin alanı ~300–400px'e düşüyordu. (Önizlemede 1280 ve 1440px'de test edildi.) */
@media (min-width: 1024px) {
  .product.product--media-size-large {
    --product-media-width: 62%;
    --product-info-width: 38%;
  }
  .product-main .product-info.product-info,
  .product-main .product-info--no-breadcrumbs {
    padding: 0 0 64px 56px !important;
  }
  /* Metin alanı kolonun tamamını kullansın (tema 535px'te ortalıyordu) */
  .product-main .product-info .product-info__inner {
    max-width: none !important;
    margin: 0 !important;
  }
  /* Görsel, uzun metin kaydırılırken yanda sabit kalsın (sol taraf boş kalmasın) */
  .product-main .product-media {
    position: sticky;
    top: 96px;
    align-self: flex-start;
  }
}

/* Dar dizüstü (1024–1279px): metin alanı daralmasın diye %55 / %45 */
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .product.product--media-size-large {
    --product-media-width: 55%;
    --product-info-width: 45%;
  }
  .product-main .product-info.product-info,
  .product-main .product-info--no-breadcrumbs {
    padding-left: 40px !important;
  }
}

/* Akordeon ve "Türkiye'de sevildi" başlıkları: Figma'daki gibi siyah, sade */
.product-info h2.text-theme-text-accent,
.product-info .disclosure h2,
.product-info details summary h2 {
  color: #141414 !important;
}
.product-info .product-info__block h2.h6 {
  font-family: Figtree, sans-serif;
  font-size: 20px;