/* ═══════════════════════════════════════════════════════════════
   💎 SET1 - "DIAMOND PREMIUM" v2 — Specificity Yükseltildi
   
   📋 SADECE "set-" prefix'li class'ları hedefler
   🎯 Çift class (.set-X.set-X) ile specificity yüksek
═══════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,500;1,600&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --set-ana       : #C9A961;
  --set-ana-koyu  : #A88B45;
  --set-ana-acik  : #E8C77A;
  --set-koyu      : #1F2329;
  --set-orta      : #5C6470;
  --set-acik      : #FAFAF7;
  --set-zit       : #FFFFFF;
  --set-baslik-font : 'Cormorant Garamond', serif;
  --set-govde-font  : 'Montserrat', sans-serif;
  --set-grad        : linear-gradient(135deg, #C9A961, #D4B574, #E8C77A);
  --set-grad-hover  : linear-gradient(135deg, #E8C77A, #C9A961, #A88B45);
  --set-glow        : 0 0 24px rgba(201,169,97,.35);
}

/* ═══════════════════════════════════════════════════════════════
   1️⃣ BAŞLIK — Çift class + her elemente uygula (h1,h2,h3,h4)
═══════════════════════════════════════════════════════════════════ */
h1.set-baslik, h2.set-baslik, h3.set-baslik, h4.set-baslik,
.set-baslik.set-baslik {
  font-family: var(--set-baslik-font) !important;
  font-weight: 700 !important;
  color: var(--set-koyu) !important;
  letter-spacing: -0.015em !important;
  background: none !important;
  -webkit-text-fill-color: var(--set-koyu) !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

h1.set-altbaslik, h2.set-altbaslik, h3.set-altbaslik, h4.set-altbaslik,
.set-altbaslik.set-altbaslik {
  font-family: var(--set-baslik-font) !important;
  font-weight: 600 !important;
  color: var(--set-koyu) !important;
}

h1.set-kart-baslik, h2.set-kart-baslik, h3.set-kart-baslik, h4.set-kart-baslik,
.set-kart-baslik.set-kart-baslik,
.set-kart .set-kart-baslik,
.set-kart h3.set-kart-baslik,
.set-kart:hover .set-kart-baslik,
.set-kart:hover h3.set-kart-baslik {
  font-family: var(--set-baslik-font) !important;
  font-weight: 700 !important;
  color: var(--set-koyu) !important;
  background: none !important;
  -webkit-text-fill-color: var(--set-koyu) !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

/* ═══════════════════════════════════════════════════════════════
   2️⃣ METİN
═══════════════════════════════════════════════════════════════════ */
p.set-metin, .set-metin.set-metin {
  font-family: var(--set-govde-font) !important;
  color: var(--set-orta) !important;
  line-height: 1.7 !important;
}

.set-mini.set-mini {
  font-family: var(--set-govde-font) !important;
  color: var(--set-orta) !important;
  font-size: 0.85em !important;
  letter-spacing: 0.04em !important;
}

/* ═══════════════════════════════════════════════════════════════
   3️⃣ ETİKET — Hem KENDİ hem ÇOCUK div'leri override
═══════════════════════════════════════════════════════════════════ */
.set-etiket.set-etiket {
  background: var(--set-acik) !important;
  color: var(--set-koyu) !important;
  border: 1px solid rgba(201,169,97,.3) !important;
  box-shadow: 0 2px 8px rgba(201,169,97,.15) !important;
}

/* Etiket içindeki herşey */
.set-etiket > * {
  background: transparent !important;
  color: var(--set-koyu) !important;
}

.set-etiket *,
.set-etiket span,
.set-etiket div {
  background: transparent !important;
  color: var(--set-koyu) !important;
  font-family: var(--set-govde-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Etiket glow'u kapat (mavi ışıma kaybolsun) */
.set-etiket .ihz-tag-glow,
.set-etiket [class*="-glow"] {
  background: radial-gradient(circle, rgba(201,169,97,.25), transparent 70%) !important;
}

/* ═══════════════════════════════════════════════════════════════
   ROZET — set-rozet (7/24, KURUMSAL gibi)
═══════════════════════════════════════════════════════════════════ */
.set-rozet.set-rozet {
  background: var(--set-grad) !important;
  background-image: var(--set-grad) !important;
  color: var(--set-koyu) !important;
  font-family: var(--set-govde-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border: none !important;
}

.set-rozet svg {
  stroke: var(--set-koyu) !important;
  fill: none !important;
}

.set-rozet span,
.set-rozet * {
  color: var(--set-koyu) !important;
}

/* ═══════════════════════════════════════════════════════════════
   4️⃣ BUTONLAR
═══════════════════════════════════════════════════════════════════ */

/* ANA BUTON - Altın */
a.set-btn-ana, button.set-btn-ana, .set-btn-ana.set-btn-ana {
  background: var(--set-grad) !important;
  background-image: var(--set-grad) !important;
  color: var(--set-koyu) !important;
  border: 1.5px solid var(--set-ana) !important;
  font-family: var(--set-govde-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: var(--set-glow) !important;
  transition: all 0.3s ease !important;
}

a.set-btn-ana:hover, button.set-btn-ana:hover, .set-btn-ana.set-btn-ana:hover {
  background: var(--set-grad-hover) !important;
  background-image: var(--set-grad-hover) !important;
  color: var(--set-koyu) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 48px rgba(201,169,97,.55) !important;
}

.set-btn-ana svg,
.set-btn-ana * {
  stroke: var(--set-koyu) !important;
  color: var(--set-koyu) !important;
  fill: none !important;
}

/* YAN BUTON - Antrasit zemin, altın yazı (Tüm Hizmetleri Gör) */
a.set-btn-yan, button.set-btn-yan, .set-btn-yan.set-btn-yan {
  background: var(--set-koyu) !important;
  background-image: linear-gradient(135deg, #1F2329, #2C3038) !important;
  color: var(--set-ana-acik) !important;
  border: 1.5px solid var(--set-ana) !important;
  font-family: var(--set-govde-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: var(--set-glow) !important;
  transition: all 0.3s ease !important;
}

a.set-btn-yan:hover, button.set-btn-yan:hover, .set-btn-yan.set-btn-yan:hover {
  background: var(--set-grad) !important;
  background-image: var(--set-grad) !important;
  color: var(--set-koyu) !important;
  transform: translateY(-2px) !important;
}

.set-btn-yan svg {
  stroke: currentColor !important;
  fill: none !important;
}

.set-btn-yan:hover svg {
  stroke: var(--set-koyu) !important;
}

/* OK BUTON */
a.set-ok-btn, button.set-ok-btn, .set-ok-btn.set-ok-btn {
  background: var(--set-zit) !important;
  color: var(--set-koyu) !important;
  border: 1.5px solid var(--set-ana) !important;
  box-shadow: var(--set-glow) !important;
  transition: all 0.3s ease !important;
}

a.set-ok-btn:hover, button.set-ok-btn:hover {
  background: var(--set-grad) !important;
  background-image: var(--set-grad) !important;
  color: var(--set-koyu) !important;
  transform: scale(1.08) !important;
}

.set-ok-btn svg {
  stroke: var(--set-koyu) !important;
  fill: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   5️⃣ KART — Hover dahil
═══════════════════════════════════════════════════════════════════ */
div.set-kart, .set-kart.set-kart {
  background: var(--set-zit) !important;
  border: 1.5px solid rgba(201,169,97,.20) !important;
  box-shadow: 0 4px 18px rgba(31,35,41,.06) !important;
  transition: all 0.4s ease !important;
}

div.set-kart:hover, .set-kart.set-kart:hover {
  border-color: var(--set-ana) !important;
  box-shadow: 0 16px 40px rgba(201,169,97,.25) !important;
  transform: translateY(-4px) !important;
}

/* Kart hover sırasında üst gradient çubuğu (mavi yerine altın) */
.set-kart::before,
div.set-kart::before,
.set-kart.set-kart::before {
  background: linear-gradient(90deg, var(--set-ana), var(--set-ana-acik), var(--set-ana)) !important;
  background-image: linear-gradient(90deg, var(--set-ana), var(--set-ana-acik), var(--set-ana)) !important;
}

.set-kart::after,
div.set-kart::after {
  background: linear-gradient(90deg, var(--set-ana), var(--set-ana-acik)) !important;
}

/* Kart içi GLOW efekti (mavi arka radial-gradient → altın) */
.set-kart [class*="-glow"],
.set-kart [class*="-card-glow"],
.set-kart .ihz-card-glow {
  background: radial-gradient(circle, rgba(201,169,97,.18), transparent 70%) !important;
  background-image: radial-gradient(circle, rgba(201,169,97,.18), transparent 70%) !important;
}

/* Kart içi ACCENT / SHIMMER çizgileri (yan kenar mavi-sarı animasyon) */
.set-kart [class*="-accent"],
.set-kart [class*="-img-accent"],
.set-kart .ihz-img-accent {
  background: linear-gradient(180deg, transparent, var(--set-ana), transparent) !important;
  background-image: linear-gradient(180deg, transparent, var(--set-ana), transparent) !important;
}

/* Kart içi tüm overlay'ler (mavi yer yoksun) */
.set-kart [class*="-ov"],
.set-kart [class*="-overlay"] {
  background: linear-gradient(to top, rgba(31,35,41,.30), transparent 60%) !important;
}

/* Kart içindeki corner border'lar (mavi → altın) */
.set-kart [class*="-corner"],
.set-kart [class*="-cc"] {
  border-color: rgba(201,169,97,.30) !important;
}

.set-kart:hover [class*="-corner"],
.set-kart:hover [class*="-cc"] {
  border-color: var(--set-ana) !important;
}

/* Kart hover'da resimde mavi tint kalmasın */
.set-kart:hover [class*="-glow"],
.set-kart:hover .ihz-card-glow {
  background: radial-gradient(circle, rgba(201,169,97,.30), transparent 70%) !important;
}

.set-kart [class*="-glow"] {
  background: radial-gradient(circle, rgba(201,169,97,.15), transparent 70%) !important;
}

/* ═══════════════════════════════════════════════════════════════
   6️⃣ VURGULAR
═══════════════════════════════════════════════════════════════════ */
.set-vurgu.set-vurgu {
  background: linear-gradient(135deg, #C9A961, #E8C77A, #A88B45) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  font-weight: 700 !important;
}

.set-fiyat.set-fiyat {
  color: var(--set-ana-koyu) !important;
  font-family: var(--set-govde-font) !important;
  font-weight: 800 !important;
}

.set-nokta.set-nokta {
  background: var(--set-ana) !important;
  background-color: var(--set-ana) !important;
  box-shadow: 0 0 8px rgba(201,169,97,.6) !important;
}

/* ═══════════════════════════════════════════════════════════════
   7️⃣ İKON KUTULARI
═══════════════════════════════════════════════════════════════════ */
.set-icon-ana.set-icon-ana {
  background: var(--set-grad) !important;
  background-image: var(--set-grad) !important;
  box-shadow: var(--set-glow) !important;
}

.set-icon-ana svg {
  stroke: var(--set-koyu) !important;
  fill: none !important;
}

.set-icon-koyu.set-icon-koyu {
  background: linear-gradient(135deg, #1F2329, #2C3038) !important;
  background-image: linear-gradient(135deg, #1F2329, #2C3038) !important;
  box-shadow: var(--set-glow) !important;
}

.set-icon-koyu svg {
  stroke: var(--set-ana-acik) !important;
  fill: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   8️⃣ SAYAÇ
═══════════════════════════════════════════════════════════════════ */
.set-sayi.set-sayi {
  color: var(--set-ana-koyu) !important;
  font-family: var(--set-govde-font) !important;
  font-weight: 900 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: var(--set-ana-koyu) !important;
  background-clip: initial !important;
}

/* ═══════════════════════════════════════════════════════════════
   9️⃣ FORM
═══════════════════════════════════════════════════════════════════ */
input.set-input, textarea.set-textarea, select.set-select,
.set-input.set-input, .set-textarea.set-textarea, .set-select.set-select {
  font-family: var(--set-govde-font) !important;
  color: var(--set-koyu) !important;
  background: var(--set-zit) !important;
  border: 1.5px solid rgba(201,169,97,.25) !important;
  outline: none !important;
}

input.set-input:focus, textarea.set-textarea:focus, select.set-select:focus {
  border-color: var(--set-ana) !important;
  box-shadow: 0 0 0 3px rgba(201,169,97,.15) !important;
}

label.set-label, .set-label.set-label {
  font-family: var(--set-govde-font) !important;
  font-weight: 600 !important;
  color: var(--set-koyu) !important;
}

/* ═══════════════════════════════════════════════════════════════
   🔟 LİNK
═══════════════════════════════════════════════════════════════════ */
a.set-link, .set-link.set-link {
  color: var(--set-ana-koyu) !important;
  font-family: var(--set-govde-font) !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

a.set-link:hover {
  color: var(--set-ana) !important;
}

/* ═══════════════════════════════════════════════════════════════
   📱 MOBİL
═══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .set-btn-ana, .set-btn-yan {
    font-size: 0.8rem !important;
    letter-spacing: 0.06em !important;
  }
  h1.set-baslik, h2.set-baslik {
    font-size: clamp(1.6rem, 5vw, 2.4rem) !important;
  }
}