/** Shopify CDN: Minification failed

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

**/
/* ─── Seçici Alanı Genel Yapı ─────────────────────────── */
.variant-picker, .variant-picker--center, .variant-picker--right {
  text-align: left !important;
}

/* SIZE ve COLOR Başlıkları */
.variant-option legend {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  margin-bottom: 12px !important;
  color: rgba(11, 43, 38, 0.5) !important;
  border: none !important;
}

/* ─── Buton Konteyneri ───────────────── */
.variant-option--buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important; 
  justify-content: flex-start !important;
  margin-top: 5px !important;
}

/* ─── Butonun Kendisi (Kutular Yok, Sadece Yazı) ──── */
.variant-option--buttons .variant-option__button-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important; 
  padding: 0 0 6px 0 !important; /* Harf ile çizgi arası lüks mesafe */
  margin: 0 !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  position: relative !important;
  min-width: unset !important;
  height: auto !important;
}

/* ─── S M L Yazı Tipi Stili ───────────────────────────── */
.variant-option__button-label__text {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important; 
  letter-spacing: 0.05em !important;
  font-weight: 400 !important; 
  text-transform: uppercase !important;
  color: rgba(11, 43, 38, 0.4) !important; 
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
}

/* ─── Alt Çizgi Temel Yapısı ────────────────────── */
.variant-option--buttons .variant-option__button-label::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 1px !important; 
  background-color: #0B2B26 !important; 
  display: block !important;
  width: 0 !important; /* Başlangıçta çizgiler kapalı */
  transition: width 0.25s ease !important;
}

/* HOVER DURUMU (Üzerine Gelince Çizgi Uzat) */
.variant-option--buttons .variant-option__button-label:hover::after {
  width: 100% !important; 
}
.variant-option--buttons .variant-option__button-label:hover .variant-option__button-label__text {
  color: #0B2B26 !important;
}

/* ─── SEÇİLİ DURUMDA ALT ÇİZGİYİ KİLİTLEYEN DENKLEM ─── */
/* Girdiler (Input) ister label'ın önünde olsun ister içinde, bu blok çizgiyi %100 yapar */
.variant-option--buttons input:checked + .variant-option__button-label::after,
.variant-option--buttons label:has(input:checked) .variant-option__button-label::after,
.variant-option--buttons label:has(input:checked)::after,
.variant-option--buttons .variant-option__button-label[class*="active"]::after,
.variant-option--buttons .variant-option__button-label[class*="selected"]::after,
.variant-option--buttons [class*="active"] .variant-option__button-label::after,
.variant-option--buttons [class*="selected"] .variant-option__button-label::after {
  width: 100% !important;
  background-color: #0B2B26 !important;
}

/* SEÇİLİ METİN STİLİ (Net Yeşil ve İtalik) */
.variant-option--buttons input:checked + .variant-option__button-label .variant-option__button-label__text,
.variant-option--buttons label:has(input:checked) .variant-option__button-label__text,
.variant-option--buttons .variant-option__button-label[class*="active"] .variant-option__button-label__text,
.variant-option--buttons .variant-option__button-label[class*="selected"] .variant-option__button-label__text,
.variant-option--buttons [class*="active"] .variant-option__button-label__text,
.variant-option--buttons [class*="selected"] .variant-option__button-label__text {
  color: #0B2B26 !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

/* ─── STOKTA OLMAYAN BEDENLER ─────────────────────────── */
.variant-option--buttons label:has(input.disabled) .variant-option__button-label__text {
  color: rgba(11, 43, 38, 0.2) !important; 
  text-decoration: line-through !important; 
  cursor: not-allowed !important;
}
.variant-option--buttons label:has(input.disabled):hover::after {
  width: 0 !important; 
}

/* ─── KRİTİK DEĞİŞİKLİK: ARKA PLANDA ÇALIŞAN GİZLEME ─── */
/* display:none YAPMADIK. Inputlar artık canlı ama görünmez, böylece sistem hatasız çalışır */
.variant-option__button-label__pill, .swatch, .variant-option--buttons input {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Eski kutu kalıntılarını temizle */
[data-testid="variant-option-single"] .variant-option__button-label,
.variant-option--swatches .variant-option__button-label {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Mobil Ayar */
@media (max-width: 600px) {
  .variant-option--buttons {
    gap: 16px !important; 
    flex-wrap: nowrap !important; 
    overflow-x: auto !important; 
    padding-bottom: 5px !important;
  }
  .variant-option--buttons .variant-option__button-label {
    flex-shrink: 0 !important; 
  }
}


/* ─── Tek renk — Color label + değer ────────────────────── */
[data-testid="variant-option-single"] {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin-bottom: 20px !important;
}

/* "COLOR" Başlık Yazısı */
[data-testid="variant-option-single"] .variant-option__label,
[data-testid="variant-option-single"] > span:first-child,
[data-testid="variant-option-single"] legend {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(11, 43, 38, 0.5) !important; /* Diğer başlıklarla aynı sönük koyu yeşil */
  font-weight: 400 !important;
  float: none !important;
  margin-bottom: 0 !important;
  width: auto !important;
}

/* Renk değerinin kendisi (Örn: FADED BLACK) */
.variant-option__swatch-value {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 15px !important; /* Elit serif boyutu */
  font-weight: 500 !important;
  font-style: italic !important; /* Lüks segment duruşu için hafif italik */
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #0B2B26 !important; /* Beyaz yerine net koyu yeşil */
  border: none !important; 
  padding: 0 0 2px 0 !important;
  border-bottom: 1px solid #0B2B26 !important; /* Görünür koyu yeşil alt çizgi */
  background: transparent !important;
}

/* 1. Eğer tek bir varyant/renk varsa yazı kısmını komple gizle */
[data-testid="variant-option-single"]:has(.variant-option__swatch-value:only-child),
.variant-picker__option:has(input[type="radio"]:only-of-type) {
  display: none !important;
}

/* 2. SIZE kısmındaki alt çizgi stabilizasyonu (Çelişki tamamen giderildi) */
.variant-option--buttons .variant-option__button-label::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background: #0B2B26 !important;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}


/* --- Masaüstü Ekranlarda Sol Menüdeki Fazlalıkları Temizleme --- */
@media screen and (max-width: 9999px) and (min-width: 769px) {
  
  /* Masaüstü menüsündeki account ve search linklerini içeren liste elemanlarını gizle */
  nav a[href*="/account"],
  nav a[href*="/search"],
  .header__inline-menu a[href*="/account"],
  .header__inline-menu a[href*="/search"],
  [class*="menu"] a[href*="/account"],
  [class*="menu"] a[href*="/search"] {
    display: none !important;
  }

  /* Eğer tema bunları liste (li) içinde tutuyorsa, o boşluğu da yok etmek için: */
  nav li:has(a[href*="/account"]),
  nav li:has(a[href*="/search"]),
  .header__inline-menu li:has(a[href*="/account"]),
  .header__inline-menu li:has(a[href*="/search"]) {
    display: none !important;
  }
}

/* --- Masaüstünde (Desktop) Tüm Sol Menü Linklerini Tamamen Gizleme --- */
@media screen and (min-width: 769px) {
  
  /* Masaüstü ana menü linklerini ve kapsayıcısını tamamen uçuruyoruz */
  .header__inline-menu,
  nav.header__inline-menu,
  .header__navigation-list,
  .header__menu,

/* Butonların yatay sıralanması */
.las-tabs-header {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 2rem;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}

.last-tab-btn {  /* Dikkat: class ismi senin HTML'deki gibi last-tab-btn */
  background: none;
  border: none;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1.5px;
  color: #555;
  cursor: pointer;
  padding: 0.5rem 0;
  white-space: nowrap;
}

.last-tab-btn.active {
  color: #fff;  /* Temanız koyuysa beyaz, açıksa siyah yapın */
}

.las-tabs-content {
  border-top: 1px solid #e5e5e5;
  padding-top: 1.5rem;
}

.last-tab-content {
  display: none;
}


@media screen and (min-width: 990px) {
  .overflow-menu {
    display: none !important;
  }
}



