/* ══════════════════════════════════════════════════════════════════════════
   DURU FLORA — DİNAMİK HEADER TASARIM ŞABLONLARI & TEMALARI
   Desteklenen Stiller: default, velosphere, blek, xontlo, ai_glow, nft_arch
   Desteklenen Temalar: light_cream, dark_forest, dark_velosphere, warm_amber, transparent_glass
   ══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. VELOSPHERE (100% Şeffaf Arka Plan & Gerçek Camsı Kapsül Menü) ── */
header.site-header--velosphere,
header.site-header--velosphere.is-scrolled,
header.site-header--velosphere.site-header--theme-dark_velosphere,
header.site-header--velosphere.site-header--theme-dark_forest,
header.site-header--velosphere.site-header--theme-warm_amber,
header.site-header--velosphere.site-header--theme-light_cream,
header.site-header--velosphere.site-header--theme-transparent_glass {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 16px 36px !important;
  height: auto !important;
  min-height: 68px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1100 !important;
  transition: padding 0.3s ease;
}

.site-header--velosphere.is-scrolled {
  padding: 12px 36px !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.site-header--velosphere .site-header__container {
  max-width: 1400px !important;
  margin: 0 auto;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  position: relative !important;
}

/* Ortada Yüzen Camsı Menü Kapsülü (Dribbble VeloSphere: 16px radius, zengin dark-glass blur & alt parlaklık) */
.site-header--velosphere .site-header__nav {
  background: rgba(15, 12, 30, 0.52) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 16px !important;
  padding: 11px 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.site-header--velosphere .header-nav-link {
  color: #f1f5f9 !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  letter-spacing: 0.2px !important;
  text-decoration: none !important;
  transition: all 0.22s ease !important;
  opacity: 0.88;
}

.site-header--velosphere .header-nav-link:hover {
  opacity: 1 !important;
  color: #ffffff !important;
  text-shadow: 0 0 14px rgba(255, 255, 255, 0.8) !important;
  transform: translateY(-1px);
}

/* ─── VELOSPHERE Alt Kategoriler (Açılır Mega Menü) ─── */
.site-header--velosphere .mega-menu-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.site-header--velosphere .mega-menu-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  cursor: pointer !important;
}

.site-header--velosphere .mega-menu-btn .chevron {
  transition: transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  stroke: currentColor !important;
  opacity: 0.8 !important;
}

.site-header--velosphere .mega-menu-wrapper:hover .mega-menu-btn .chevron,
.site-header--velosphere .mega-menu-btn[aria-expanded="true"] .chevron,
.site-header--velosphere .mega-menu-dropdown.is-active ~ .mega-menu-btn .chevron {
  transform: rotate(180deg) !important;
  opacity: 1 !important;
}

.site-header--velosphere .mega-menu-dropdown {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(8px) !important;
  min-width: 220px !important;
  width: max-content !important;
  max-width: 320px !important;
  background: rgba(15, 12, 30, 0.62) !important;
  background-color: rgba(15, 12, 30, 0.62) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 25px rgba(139, 92, 246, 0.18) !important;
  padding: 10px 12px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.24s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.24s !important;
  z-index: 1200 !important;
  pointer-events: none !important;
  text-transform: none !important;
  display: block !important;
}

.site-header--velosphere .mega-menu-dropdown.is-active,
.site-header--velosphere .mega-menu-wrapper:hover .mega-menu-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
  pointer-events: auto !important;
}

/* Mouse gezinme köprüsü: menü butonundan dropdown'a geçerken kapanmayı engeller */
.site-header--velosphere .mega-menu-dropdown::before {
  content: '' !important;
  position: absolute !important;
  top: -16px !important;
  left: 0 !important;
  width: 100% !important;
  height: 16px !important;
  background: transparent !important;
}

.site-header--velosphere .mega-menu-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.site-header--velosphere .mega-menu-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.site-header--velosphere .mega-menu-column a {
  color: #e2e8f0 !important;
  text-decoration: none !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0.2px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  transition: all 0.18s ease !important;
  display: block !important;
  text-align: left !important;
}

.site-header--velosphere .mega-menu-column a:hover {
  background: rgba(139, 92, 246, 0.24) !important;
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(139, 92, 246, 0.8) !important;
  transform: translateX(4px) !important;
}

.site-header--velosphere .mega-menu-column a.mega-menu-all-link {
  font-weight: 700 !important;
  color: #c4b5fd !important;
  margin-top: 6px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding-top: 10px !important;
}

.site-header--velosphere .mega-menu-column a.mega-menu-all-link:hover {
  background: rgba(139, 92, 246, 0.35) !important;
  color: #ffffff !important;
  text-shadow: 0 0 14px rgba(139, 92, 246, 1) !important;
}

/* Sağdaki Neon Mor Aurora Aksiyon Butonu (Dribbble VeloSphere "Get Started") */
.site-header--velosphere .velosphere-glow-btn {
  background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 14px !important;
  padding: 11px 24px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 0 26px rgba(139, 92, 246, 0.65), inset 0 1px 1px rgba(255, 255, 255, 0.45) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.site-header--velosphere .velosphere-glow-btn:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 38px rgba(139, 92, 246, 0.92), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
  color: #ffffff !important;
}

/* E-ticaret Aksiyon İkonları (Arama, Favori, Sepet, Hesap) — Her Zaman Parlak Beyaz */
.site-header--velosphere .site-header__actions .header-action-btn,
.site-header--velosphere .site-header__actions .header-account-btn,
.site-header--velosphere .site-header__actions .header-search-toggle,
.site-header--velosphere .site-header__actions .header-wishlist,
.site-header--velosphere .site-header__actions .header-cart {
  color: #ffffff !important;
  stroke: #ffffff !important;
  transition: all 0.2s ease !important;
  opacity: 0.92;
}

.site-header--velosphere .site-header__actions .header-action-btn svg,
.site-header--velosphere .site-header__actions .header-account-btn svg {
  stroke: #ffffff !important;
}

.site-header--velosphere .site-header__actions .header-account-label {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.site-header--velosphere .site-header__actions .chevron {
  stroke: #ffffff !important;
}

.site-header--velosphere .site-header__actions .header-action-btn:hover,
.site-header--velosphere .site-header__actions .header-account-btn:hover {
  opacity: 1 !important;
  color: #ffffff !important;
}

.site-header--velosphere .site-header__actions .header-action-btn:hover svg,
.site-header--velosphere .site-header__actions .header-account-btn:hover svg {
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
}

.site-header--velosphere .cart-badge {
  background: linear-gradient(135deg, #8b5cf6, #6366f1) !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.7) !important;
  border: 1.5px solid #ffffff !important;
}

.site-header--velosphere .header-auth-desktop {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.site-header--velosphere .header-auth-desktop a[href*="login"] {
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  padding: 6px 10px !important;
  opacity: 0.9 !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease, color 0.2s ease !important;
}
.site-header--velosphere .header-auth-desktop a[href*="login"]:hover {
  opacity: 1 !important;
  color: #a78bfa !important;
}
.site-header--velosphere .header-auth-desktop a[href*="register"] {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  border-radius: 99px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.site-header--velosphere .header-auth-desktop a[href*="register"]:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: #ffffff !important;
}



/* ─── 2. BLEK WORLD (Master Neo-Çerçeve Kart Header & Hero Enclosure) ── */

/* Theme Variables for Blek World Master Frame */
.blek-master-canvas,
.site-header--blek .site-header__container {
  --blek-frame-bg: #111317;
  --blek-frame-border: rgba(255, 255, 255, 0.1);
  --blek-hero-bg: linear-gradient(135deg, #3845d4 0%, #2934b0 100%);
  --blek-hero-accent: #3845d4;
  --blek-accent-btn: #ccff00;
  --blek-accent-text: #111317;
  --blek-text: #ffffff;
  --blek-nav-link: rgba(255, 255, 255, 0.85);
  --blek-nav-link-hover: #ffffff;
  --blek-header-icon: #ffffff;
  --blek-cta-bg: #4f46e5;
  --blek-cta-text: #ffffff;
  --blek-lime-btn-bg: #ccff00;
  --blek-lime-btn-text: #111317;
  --blek-dot-bg: rgba(255, 255, 255, 0.35);
  --blek-dot-active: #ffffff;
}

.blek-master-canvas--theme-dark_forest,
.site-header--theme-dark_forest.site-header--blek .site-header__container {
  --blek-frame-bg: #142318 !important;
  --blek-frame-border: rgba(243, 201, 107, 0.22) !important;
  --blek-hero-bg: linear-gradient(135deg, #1f4f33 0%, #11291b 100%) !important;
  --blek-hero-accent: #1f4f33 !important;
  --blek-accent-btn: #f3c96b !important;
  --blek-accent-text: #142318 !important;
  --blek-text: #ffffff !important;
  --blek-nav-link: rgba(255, 255, 255, 0.88) !important;
  --blek-nav-link-hover: #f3c96b !important;
  --blek-header-icon: #ffffff !important;
  --blek-cta-bg: #f3c96b !important;
  --blek-cta-text: #142318 !important;
  --blek-lime-btn-bg: #f3c96b !important;
  --blek-lime-btn-text: #142318 !important;
  --blek-dot-bg: rgba(255, 255, 255, 0.35) !important;
  --blek-dot-active: #f3c96b !important;
}

.blek-master-canvas--theme-dark_velosphere,
.site-header--theme-dark_velosphere.site-header--blek .site-header__container {
  --blek-frame-bg: #0b0f19 !important;
  --blek-frame-border: rgba(139, 92, 246, 0.25) !important;
  --blek-hero-bg: linear-gradient(135deg, #3845d4 0%, #1e1b4b 100%) !important;
  --blek-hero-accent: #3845d4 !important;
  --blek-accent-btn: #ccff00 !important;
  --blek-accent-text: #0b0f19 !important;
  --blek-text: #ffffff !important;
  --blek-nav-link: rgba(255, 255, 255, 0.88) !important;
  --blek-nav-link-hover: #a78bfa !important;
  --blek-header-icon: #ffffff !important;
  --blek-cta-bg: #8b5cf6 !important;
  --blek-cta-text: #ffffff !important;
  --blek-lime-btn-bg: #ccff00 !important;
  --blek-lime-btn-text: #0b0f19 !important;
  --blek-dot-bg: rgba(255, 255, 255, 0.35) !important;
  --blek-dot-active: #ffffff !important;
}

.blek-master-canvas--theme-warm_amber,
.site-header--theme-warm_amber.site-header--blek .site-header__container {
  --blek-frame-bg: #241107 !important;
  --blek-frame-border: rgba(251, 191, 36, 0.25) !important;
  --blek-hero-bg: linear-gradient(135deg, #9a3412 0%, #451a03 100%) !important;
  --blek-hero-accent: #9a3412 !important;
  --blek-accent-btn: #fbbf24 !important;
  --blek-accent-text: #241107 !important;
  --blek-text: #ffffff !important;
  --blek-nav-link: rgba(255, 255, 255, 0.88) !important;
  --blek-nav-link-hover: #fbbf24 !important;
  --blek-header-icon: #ffffff !important;
  --blek-cta-bg: #fbbf24 !important;
  --blek-cta-text: #241107 !important;
  --blek-lime-btn-bg: #fbbf24 !important;
  --blek-lime-btn-text: #241107 !important;
  --blek-dot-bg: rgba(255, 255, 255, 0.35) !important;
  --blek-dot-active: #fbbf24 !important;
}

.blek-master-canvas--theme-light_cream,
.site-header--theme-light_cream.site-header--blek .site-header__container {
  --blek-frame-bg: #ebe5d8 !important;
  --blek-frame-border: rgba(44, 76, 59, 0.18) !important;
  --blek-hero-bg: linear-gradient(135deg, #1c3626 0%, #112217 100%) !important;
  --blek-hero-accent: #1c3626 !important;
  --blek-accent-btn: #1a2e1e !important;
  --blek-accent-text: #f5f0e6 !important;
  --blek-text: #1a2e1e !important;
  --blek-nav-link: #1c1917 !important; /* AÇIK RENKLERDE KOYU YAZI */
  --blek-nav-link-hover: #2F4F3A !important;
  --blek-header-icon: #1c1917 !important; /* KOYU İKONLAR */
  --blek-cta-bg: #1a2e1e !important;
  --blek-cta-text: #f5f0e6 !important;
  --blek-lime-btn-bg: #ccff00 !important;
  --blek-lime-btn-text: #111317 !important;
  --blek-dot-bg: rgba(26, 46, 30, 0.35) !important;
  --blek-dot-active: #1a2e1e !important;
}

/* Master Neo-Frame Outer Container */
.blek-master-canvas {
  max-width: 1560px;
  margin: 0 auto 36px !important; /* En üstte, aşağı kayma yok! */
  padding: 12px 16px 16px !important;
  border-radius: 40px !important;
  background: var(--blek-frame-bg, #111317) !important;
  border: 1px solid var(--blek-frame-border, rgba(255, 255, 255, 0.1)) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35) !important;
  position: relative !important;
  box-sizing: border-box !important;
  transition: background 0.3s ease, border-color 0.3s ease !important;
  overflow: visible !important;
}

/* Çerçeve İçi Üst Header Bar */
.blek-frame-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 4px 8px 12px 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 20 !important;
}

/* LOGO: Açıkta kalsın, beyaz hap/kapsül kaldırıldı */
.blek-logo-wrap,
.blek-logo-pill,
.site-header__logo-pill {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Logo Blek Header Desteği: Boyutlandırma ve hizalama (Renkler duruflora-logo.css mevsim sisteminden gelir) */
.blek-master-canvas .df-logo,
.site-header--blek .df-logo {
  height: auto !important;
}

.blek-frame-nav {
  display: flex !important;
  align-items: center !important;
  gap: 26px !important;
}

.blek-nav-link {
  color: var(--blek-nav-link, #cbd5e1) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.blek-nav-link:hover {
  color: var(--blek-nav-link-hover, #ffffff) !important;
  transform: translateY(-1px) !important;
}

.blek-frame-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-right: 200px !important; /* Sağ üst çıkıntı butonuna alan bırakır */
}

.blek-frame-actions .header-action-btn {
  color: var(--blek-header-icon, #ffffff) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}
.blek-frame-actions .header-action-btn:hover {
  opacity: 0.8 !important;
  transform: scale(1.05) !important;
}

/* ─── KAVİSLİ HERO WRAPPER & SAĞ ÜST ÇIKINTI (Dribbble Shot #1) ─── */
.blek-hero-wrapper {
  position: relative !important;
  width: 100% !important;
}

/* Sağ Üste Doğru Çıkıntılı Kavisli Buton Alanı (Hero ile 0px Boşlukla Birleşik) */
.blek-tr-wing {
  position: absolute !important;
  bottom: 100% !important;
  right: 0 !important;
  height: 52px !important;
  background: var(--blek-hero-bg) !important;
  border-top-right-radius: 36px !important;
  border-top-left-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px 0 20px !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
}

/* Sağ üst çıkıntının solundaki içbükey kavis (fillet) */
.blek-tr-fillet {
  position: absolute !important;
  right: 100% !important;
  bottom: 0 !important;
  width: 24px !important;
  height: 24px !important;
  background: radial-gradient(circle at 0 0, transparent 24px, var(--blek-hero-accent, #1c3626) 24.5px) !important;
  pointer-events: none !important;
}

.blek-cta-btn {
  background: var(--blek-cta-bg, #4f46e5) !important;
  color: var(--blek-cta-text, #ffffff) !important;
  border-radius: 99px !important;
  padding: 9px 20px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.25s ease !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.blek-cta-btn:hover {
  transform: translateY(-1px) scale(1.02);
  filter: brightness(1.1);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.35) !important;
}

/* ─── KAVİSLİ HERO ALANI (Dribbble Shot #1 Geometrisi) ─── */
.blek-hero-inner {
  border-radius: 36px !important;
  border-top-right-radius: 0 !important; /* Sağ üst çıkıntı ile kesintisiz birleşir */
  background: var(--blek-hero-bg, linear-gradient(135deg, #3845d4 0%, #2934b0 100%)) !important;
  min-height: 580px !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 56px 48px 90px 52px !important;
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  align-items: center !important;
  gap: 40px !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
  transition: background 0.35s ease !important;
}

/* ─── SOL ALT GİRİNTİ (LIME BUTON YUVASI) ─── */
.blek-notch-bl {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--blek-frame-bg);
  padding: 12px 20px 0 0;
  border-top-right-radius: 32px;
  z-index: 10;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

/* Sol alt girintinin sağındaki içbükey kavis (fillet) */
.blek-notch-bl::after {
  content: '';
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 26px;
  height: 26px;
  background: radial-gradient(circle at 100% 0, transparent 26px, var(--blek-frame-bg) 26.5px);
  pointer-events: none;
}

.blek-lime-btn {
  background: var(--blek-lime-btn-bg, #ccff00) !important;
  color: var(--blek-lime-btn-text, #111317) !important;
  font-weight: 700 !important;
  border-radius: 99px !important;
  padding: 14px 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}
.blek-lime-btn:hover {
  transform: translateY(-2px) scale(1.02) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
}

/* ─── SAĞ ALT GİRİNTİ (DİNAMİK BÜYÜYEN SLIDER NOKTALARI) ─── */
.blek-notch-br {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px 20px 10px 18px;
  background: var(--blek-frame-bg);
  border-top-left-radius: 32px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  width: auto; /* DİNAMİK: Kaç nokta varsa o kadar genişler */
  box-sizing: border-box;
}

/* Sağ alt girintinin solundaki içbükey kavis (fillet) */
.blek-notch-br::before {
  content: '';
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 26px;
  height: 26px;
  background: radial-gradient(circle at 0 0, transparent 26px, var(--blek-frame-bg) 26.5px);
  pointer-events: none;
}

.blek-dots-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blek-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--blek-dot-bg, rgba(255, 255, 255, 0.35));
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.blek-dot.is-active {
  width: 26px;
  border-radius: 99px;
  background: var(--blek-dot-active, #ffffff);
}

/* Hero İçeriği Tipografi */
.blek-hero-content-col {
  position: relative;
  z-index: 5;
}
.blek-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 99px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 24px;
}
.blek-badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--blek-accent-btn, #ccff00);
}
.blek-hero-heading {
  font-size: clamp(2.4rem, 4.8vw, 4.2rem);
  line-height: 1.05;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 20px 0;
  letter-spacing: -1px;
}
.blek-hero-subtext {
  font-size: 15.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.88);
  max-width: 480px;
  margin: 0 0 40px 0;
}

/* Hero Görsel Alanı: Kutu gibi hapsedilmez, organik harmanlanır */
.blek-hero-visual-col {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 5;
}
.blek-visual-frame {
  width: 100%;
  max-width: 520px;
  height: 480px;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
  position: relative;
}
.blek-visual-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease, transform 0.4s ease;
}

/* Bağımsız/Kayan Blek Header (Hero Üzerinde ve Sayfa Boyunca Sabit) */
header.site-header--blek,
header.site-header--blek.is-scrolled,
header.site-header--hero.site-header--blek:not(.is-scrolled),
header.site-header--hero.site-header--blek.is-scrolled {
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1200 !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 14px 24px !important;
  margin: 0 !important;
  transition: padding 0.3s ease;
}

.site-header--blek.is-scrolled,
.site-header--hero.site-header--blek.is-scrolled {
  padding: 10px 24px !important;
}
.site-header--blek .site-header__container {
  background: var(--blek-frame-bg, #111317) !important;
  border-radius: 20px !important;
  padding: 10px 24px !important;
  border: 1px solid var(--blek-frame-border, rgba(255, 255, 255, 0.1)) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1440px !important;
  margin: 0 auto;
}
.site-header--blek .site-header__logo-pill,
.site-header--blek .site-header__logo-wrap {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  box-shadow: none !important;
}
.site-header--blek .site-header__nav {
  position: static !important;
  transform: none !important;
}
.site-header--blek .header-nav-link {
  color: var(--blek-nav-link, #cbd5e1) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}
.site-header--blek .header-nav-link:hover {
  color: var(--blek-nav-link-hover, #ffffff) !important;
}
.site-header--blek .blek-cta-btn {
  background: var(--blek-cta-bg, #4f46e5) !important;
  color: var(--blek-cta-text, #ffffff) !important;
  border-radius: 99px !important;
  padding: 8px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}
.site-header--blek .blek-cta-btn:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.site-header--blek .header-action-btn {
  color: var(--blek-header-icon, #e2e8f0) !important;
}

/* ─── BLEK WORLD Alt Kategoriler (Neo-Çerçeve Mega Menü) ─── */
.site-header--blek .mega-menu-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.site-header--blek .mega-menu-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  cursor: pointer !important;
}

.site-header--blek .mega-menu-btn .chevron {
  transition: transform 0.22s ease !important;
  stroke: currentColor !important;
  opacity: 0.8 !important;
}

.site-header--blek .mega-menu-wrapper:hover .mega-menu-btn .chevron,
.site-header--blek .mega-menu-btn[aria-expanded="true"] .chevron,
.site-header--blek .mega-menu-dropdown.is-active ~ .mega-menu-btn .chevron {
  transform: rotate(180deg) !important;
  opacity: 1 !important;
}

.site-header--blek .mega-menu-dropdown {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(8px) !important;
  min-width: 220px !important;
  width: max-content !important;
  max-width: 320px !important;
  background: var(--blek-frame-bg, #111317) !important;
  border-radius: 18px !important;
  border: 1px solid var(--blek-frame-border, rgba(255, 255, 255, 0.12)) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5), 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  padding: 10px 12px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.22s !important;
  z-index: 1200 !important;
  pointer-events: none !important;
  text-transform: none !important;
  display: block !important;
}

.site-header--blek .mega-menu-dropdown.is-active,
.site-header--blek .mega-menu-wrapper:hover .mega-menu-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
  pointer-events: auto !important;
}

.site-header--blek .mega-menu-dropdown::before {
  content: '' !important;
  position: absolute !important;
  top: -16px !important;
  left: 0 !important;
  width: 100% !important;
  height: 16px !important;
  background: transparent !important;
}

.site-header--blek .mega-menu-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.site-header--blek .mega-menu-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.site-header--blek .mega-menu-column a {
  color: var(--blek-nav-link, #cbd5e1) !important;
  text-decoration: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.2px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  transition: all 0.18s ease !important;
  display: block !important;
  text-align: left !important;
}

.site-header--blek .mega-menu-column a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--blek-nav-link-hover, #ffffff) !important;
  transform: translateX(4px) !important;
}

.site-header--theme-light_cream.site-header--blek .mega-menu-column a:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: var(--blek-text, #1a2e1e) !important;
}

.site-header--blek .mega-menu-column a.mega-menu-all-link {
  font-weight: 700 !important;
  color: var(--blek-cta-bg, #4f46e5) !important;
  margin-top: 6px !important;
  border-top: 1px solid var(--blek-frame-border, rgba(255, 255, 255, 0.12)) !important;
  padding-top: 10px !important;
}

.site-header--blek .mega-menu-column a.mega-menu-all-link:hover {
  background: rgba(79, 70, 229, 0.15) !important;
  color: #ffffff !important;
}

/* ─── HEADER YÜKSEKLİK FİX: özel stillerde kaydırınca içerik taşmasın, hep en üstte sabit ─── */
.site-header:not(.site-header--default),
.site-header:not(.site-header--default).is-scrolled {
  height: auto !important;
  min-height: 0 !important;
}
.site-header--ai_glow .site-header__container,
.site-header--nft_arch .site-header__container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  flex-wrap: nowrap !important;
}
.site-header--ai_glow .site-header__nav,
.site-header--nft_arch .site-header__nav {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

/* ─── BLEK HERO GEÇİŞ ANİMASYONLARI (yazı + görsel otomatik geçiş) ─── */
@keyframes blekTextOut { to { opacity: 0; transform: translateY(-24px); filter: blur(4px); } }
@keyframes blekTextIn { from { opacity: 0; transform: translateY(28px); filter: blur(4px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes blekImgIn { from { opacity: 0; transform: scale(1.08) translateX(30px); } to { opacity: 1; transform: scale(1) translateX(0); } }
.blek-hero-badge, .blek-hero-heading, .blek-hero-subtext { will-change: opacity, transform; }
.blek-anim-out { animation: blekTextOut 0.45s ease forwards; }
.blek-anim-in { animation: blekTextIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; }
.blek-hero-heading.blek-anim-in { animation-delay: 0.08s; }
.blek-hero-subtext.blek-anim-in { animation-delay: 0.18s; }
.blek-img-in { animation: blekImgIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }
.blek-visual-frame img { transition: none; }

@media (max-width: 992px) {
  .blek-hero-inner {
    grid-template-columns: 1fr;
    padding: 36px 24px 76px 24px;
    min-height: auto;
    gap: 30px;
  }
  .blek-visual-frame {
    max-width: 100%;
    height: 360px;
  }
  .blek-step-notch-tr {
    display: none;
  }
}
@media (max-width: 768px) {
  .blek-master-canvas {
    margin: 8px auto 24px;
    padding: 12px 14px 18px;
    border-radius: 24px;
  }
  .blek-frame-nav {
    display: none !important;
  }
  .blek-hero-inner {
    border-radius: 20px;
    padding: 28px 16px 70px 16px;
  }
  .blek-notch-bl {
    padding: 0;
    border-top-right-radius: 20px;
  }
  .blek-lime-btn {
    padding: 10px 18px;
    font-size: 13px;
  }
}

/* ─── 3. XONTLO (Ortalanmış Logo & Yıldızlı Kapsül Bar & Bağımsız Aksiyon Kapsülü) ─── */
header.site-header--xontlo,
header.site-header--xontlo.is-scrolled,
header.site-header--hero.site-header--xontlo:not(.is-scrolled),
header.site-header--hero.site-header--xontlo.is-scrolled {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1200 !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 16px 24px !important;
  margin: 0 !important;
  display: block !important;
  transition: padding 0.3s ease;
}

.site-header--xontlo.is-scrolled,
.site-header--hero.site-header--xontlo.is-scrolled {
  padding: 10px 32px !important;
}

.site-header--xontlo .xontlo-outer-wrap {
  max-width: 1800px;
  margin: 0 auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  position: relative !important;
  padding: 0 40px !important;
  box-sizing: border-box !important;
}

/* Ana Navigasyon Kapsülü: Ortalanmış, Beyaz Buzlu Cam, Geniş ve Ferah (Uzatılmış) */
.site-header--xontlo .xontlo-nav-pill,
.site-header--xontlo .site-header__container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: 1px solid rgba(44, 76, 59, 0.1) !important;
  border-radius: 99px !important;
  padding: 10px 40px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  gap: 16px !important;
  max-width: 1220px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 500 !important;
}

/* Sol ve Sağ Nav: flex 1 ile logonun hem kapsülün hem de sayfanın tam ortasında durması sağlanır */
.site-header--xontlo .xontlo-left-nav {
  flex: 1 1 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  white-space: nowrap !important;
}

.site-header--xontlo .xontlo-right-nav {
  flex: 1 1 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  white-space: nowrap !important;
}

/* Duru Flora Logosu (Sayfanın ve Kapsülün Tam Ortasında Kilitli) */
.site-header--xontlo .site-header__logo {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  width: 155px !important;
  margin: 0 24px !important;
}
.site-header--xontlo .site-header__logo .df-logo,
.site-header--xontlo .df-logo {
  width: 155px !important;
  height: auto !important;
}

/* Linkler ve Yıldızlar */
.site-header--xontlo .header-nav-link {
  color: #111827 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
  opacity: 0.92;
}
.site-header--xontlo .header-nav-link:hover {
  color: #2F4F3A !important;
  opacity: 1;
}
.site-header--xontlo .xontlo-nav-star {
  color: #9ca3af !important;
  font-size: 11px !important;
  margin: 0 2px !important;
  opacity: 0.8 !important;
}

/* XONTLO Altbaşlıklar (Mega Menü Açılır Kutuları) */
.site-header--xontlo .mega-menu-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  z-index: 600 !important;
}
.site-header--xontlo .mega-menu-dropdown {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(8px) !important;
  min-width: 220px !important;
  width: max-content !important;
  max-width: 320px !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(26, 46, 30, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(44, 76, 59, 0.1) !important;
  padding: 10px 14px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s !important;
  z-index: 5000 !important;
  pointer-events: none !important;
  text-transform: none !important;
}
.site-header--xontlo .mega-menu-dropdown.is-active,
.site-header--xontlo .mega-menu-wrapper:hover .mega-menu-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
  pointer-events: auto !important;
}
.site-header--xontlo .mega-menu-dropdown::before {
  content: '' !important;
  position: absolute !important;
  top: -16px !important;
  left: 0 !important;
  width: 100% !important;
  height: 16px !important;
  background: transparent !important;
}
.site-header--xontlo .mega-menu-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.site-header--xontlo .mega-menu-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.site-header--xontlo .mega-menu-column a {
  color: #1a2e1e !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
  display: block !important;
  text-align: left !important;
}
.site-header--xontlo .mega-menu-column a:hover {
  background: #f1f5f9 !important;
  color: #2F4F3A !important;
  transform: translateX(3px) !important;
}

/* XONTLO Actions Kapsülü (Hesap, Sepet, Favori, Arama): Header'ın az altında, alt kategorilerin kesinlikle altında kalacak şekilde z-index: 20 */
@media (min-width: 1100px) {
  .site-header--xontlo .xontlo-actions-pill {
    position: absolute !important;
    right: max(40px, calc(50% - 610px)) !important;
    top: calc(100% + 10px) !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    border: 1px solid rgba(44, 76, 59, 0.1) !important;
    border-radius: 99px !important;
    padding: 7px 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.05) !important;
    z-index: 20 !important;
    transition: all 0.25s ease !important;
    pointer-events: auto !important;
  }
}
@media (max-width: 1099px) {
  .site-header--xontlo .xontlo-actions-pill {
    margin-top: 12px !important;
    display: flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-radius: 99px !important;
    padding: 6px 14px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    z-index: 20 !important;
  }
}
.site-header--xontlo .xontlo-outer-wrap:hover .mega-menu-wrapper:hover ~ .xontlo-actions-pill,
.site-header--xontlo .xontlo-outer-wrap:has(.mega-menu-dropdown.is-active) .xontlo-actions-pill,
.site-header--xontlo .xontlo-outer-wrap:has(.mega-menu-wrapper:hover) .xontlo-actions-pill {
  z-index: 10 !important;
}
.site-header--xontlo .xontlo-actions-pill .site-header__actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.site-header--xontlo .xontlo-actions-pill .header-action-btn,
.site-header--xontlo .xontlo-actions-pill .header-account-btn {
  color: #1a2e1e !important;
}
.site-header--xontlo .xontlo-actions-pill .header-account-label {
  color: #1a2e1e !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}
.site-header--xontlo .xontlo-actions-pill svg {
  stroke: #1a2e1e !important;
}
.site-header--xontlo .xontlo-actions-pill .cart-badge {
  background: #1a2e1e !important;
  color: #ffffff !important;
}

/* ─── 4. AI SUNSET GLOW / AI AUTOMATION (100% Şeffaf, Siyah Gölgeli & Tema Seçenekli) ─── */
header.site-header--ai_glow,
header.site-header--ai_glow.is-scrolled,
header.site-header.site-header--ai_glow,
header.site-header.site-header--ai_glow.is-scrolled,
.site-header--ai_glow,
.site-header--ai_glow.is-scrolled,
.site-header--hero.site-header--ai_glow,
.site-header--hero.site-header--ai_glow.is-scrolled {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 14px 40px !important;
  transition: none !important;
  overflow: visible !important;
}

.site-header--ai_glow .site-header__container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1800px !important;
  margin: 0 auto !important;
  width: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
}

.site-header--ai_glow .site-header__nav {
  overflow: visible !important;
}

/* Siyah gölge efekti: Yazı ve ikonları her türlü açık veya koyu zemin üzerinde ultra net ve belirgin kılar */
.site-header--ai_glow .header-nav-link,
.site-header--ai_glow .header-action-btn,
.site-header--ai_glow .header-account-label,
.site-header--ai_glow .chevron {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 1px #000000 !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
}

.site-header--ai_glow .header-action-btn svg,
.site-header--ai_glow .chevron {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.75)) !important;
}

.site-header--ai_glow .site-header__logo img,
.site-header--ai_glow .site-header__logo svg,
.site-header--ai_glow .site-header__logo .df-logo {
  filter: none !important;
}

/* ─── AI AUTOMATION RENK TEMASI SEÇENEKLERİ (Yazı ve Buton Renklerini Belirler) ─── */
/* 1. Sıcak Bakır & Amber Sunset (warm_amber - Varsayılan) */
.site-header--ai_glow .header-nav-link,
.site-header--ai_glow .header-action-btn,
.site-header--theme-warm_amber.site-header--ai_glow .header-nav-link,
.site-header--theme-warm_amber.site-header--ai_glow .header-action-btn {
  color: #d97706 !important; /* Doygun zengin amber */
}
.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-nav-link,
.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-action-btn,
.site-header--theme-warm_amber.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-nav-link,
.site-header--theme-warm_amber.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-action-btn {
  color: #fbbf24 !important; /* Hero üzerinde parlak güneş amberi */
}
.site-header--ai_glow .header-nav-link:hover,
.site-header--theme-warm_amber.site-header--ai_glow .header-nav-link:hover,
.site-header--ai_glow .header-action-btn:hover,
.site-header--theme-warm_amber.site-header--ai_glow .header-action-btn:hover {
  color: #b45309 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 10px rgba(217, 119, 6, 0.5) !important;
}
.site-header--ai_glow .ai-solid-btn,
.site-header--theme-warm_amber.site-header--ai_glow .ai-solid-btn {
  background: #d97706 !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(217, 119, 6, 0.4) !important;
  border-radius: 99px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(217, 119, 6, 0.35) !important;
  transition: all 0.2s ease !important;
}
.site-header--ai_glow .ai-solid-btn:hover,
.site-header--theme-warm_amber.site-header--ai_glow .ai-solid-btn:hover {
  transform: translateY(-1px);
  background: #b45309 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 22px rgba(217, 119, 6, 0.5) !important;
}

/* 2. Açık Krem & İnci Beyazı (light_cream) */
.site-header--theme-light_cream.site-header--ai_glow .header-nav-link,
.site-header--theme-light_cream.site-header--ai_glow .header-action-btn {
  color: #1a2e1e !important; /* Açık arka planda net ve okunabilir koyu zümrüt/orman */
}
.site-header--theme-light_cream.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-nav-link,
.site-header--theme-light_cream.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-action-btn {
  color: #ffffff !important; /* Hero üzerinde kristal beyaz */
}
.site-header--theme-light_cream.site-header--ai_glow .header-nav-link:hover,
.site-header--theme-light_cream.site-header--ai_glow .header-action-btn:hover {
  color: #2F4F3A !important;
}
.site-header--theme-light_cream.site-header--ai_glow .ai-solid-btn {
  background: #1a2e1e !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(26, 46, 30, 0.4) !important;
  border-radius: 99px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}
.site-header--theme-light_cream.site-header--ai_glow .ai-solid-btn:hover {
  background: #2F4F3A !important;
}

/* 3. Zümrüt Yeşili & Koyu Orman (dark_forest) */
.site-header--theme-dark_forest.site-header--ai_glow .header-nav-link,
.site-header--theme-dark_forest.site-header--ai_glow .header-action-btn {
  color: #15803d !important; /* Parlak taze zümrüt yeşili */
}
.site-header--theme-dark_forest.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-nav-link,
.site-header--theme-dark_forest.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-action-btn {
  color: #34d399 !important;
}
.site-header--theme-dark_forest.site-header--ai_glow .header-nav-link:hover,
.site-header--theme-dark_forest.site-header--ai_glow .header-action-btn:hover {
  color: #166534 !important;
}
.site-header--theme-dark_forest.site-header--ai_glow .ai-solid-btn {
  background: #15803d !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(21, 128, 61, 0.4) !important;
  border-radius: 99px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(21, 128, 61, 0.3) !important;
}
.site-header--theme-dark_forest.site-header--ai_glow .ai-solid-btn:hover {
  background: #166534 !important;
}

/* 4. Gece Moru & Neon Aurora (dark_velosphere) */
.site-header--theme-dark_velosphere.site-header--ai_glow .header-nav-link,
.site-header--theme-dark_velosphere.site-header--ai_glow .header-action-btn {
  color: #7c3aed !important; /* Canlı neon leylak moru */
}
.site-header--theme-dark_velosphere.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-nav-link,
.site-header--theme-dark_velosphere.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-action-btn {
  color: #c084fc !important;
}
.site-header--theme-dark_velosphere.site-header--ai_glow .header-nav-link:hover,
.site-header--theme-dark_velosphere.site-header--ai_glow .header-action-btn:hover {
  color: #6d28d9 !important;
}
.site-header--theme-dark_velosphere.site-header--ai_glow .ai-solid-btn {
  background: #7c3aed !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(124, 58, 237, 0.4) !important;
  border-radius: 99px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35) !important;
}
.site-header--theme-dark_velosphere.site-header--ai_glow .ai-solid-btn:hover {
  background: #6d28d9 !important;
}

/* 5. Şeffaf Kristal Cam (transparent_glass) */
.site-header--theme-transparent_glass.site-header--ai_glow .header-nav-link,
.site-header--theme-transparent_glass.site-header--ai_glow .header-action-btn {
  color: #0284c7 !important; /* Kristal deniz mavisi */
}
.site-header--theme-transparent_glass.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-nav-link,
.site-header--theme-transparent_glass.site-header--ai_glow.site-header--hero:not(.is-scrolled) .header-action-btn {
  color: #e0f2fe !important;
}
.site-header--theme-transparent_glass.site-header--ai_glow .header-nav-link:hover,
.site-header--theme-transparent_glass.site-header--ai_glow .header-action-btn:hover {
  color: #0369a1 !important;
}
.site-header--theme-transparent_glass.site-header--ai_glow .ai-solid-btn {
  background: #0284c7 !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(2, 132, 199, 0.4) !important;
  border-radius: 99px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.35) !important;
}
.site-header--theme-transparent_glass.site-header--ai_glow .ai-solid-btn:hover {
  background: #0369a1 !important;
}

/* ─── AI AUTOMATION ALT BAŞLIKLAR (Mega Menü Dropdown) ─── */
.site-header--ai_glow .mega-menu-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: visible !important;
}
.site-header--ai_glow .mega-menu-dropdown {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(8px) !important;
  min-width: 220px !important;
  width: max-content !important;
  max-width: 320px !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(44, 76, 59, 0.1) !important;
  padding: 10px 14px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s !important;
  z-index: 1100 !important;
  pointer-events: none !important;
  text-transform: none !important;
  display: block !important;
}
.site-header--ai_glow .mega-menu-dropdown.is-active,
.site-header--ai_glow .mega-menu-wrapper:hover .mega-menu-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
  pointer-events: auto !important;
}
.site-header--ai_glow .mega-menu-dropdown::before {
  content: '' !important;
  position: absolute !important;
  top: -16px !important;
  left: 0 !important;
  width: 100% !important;
  height: 16px !important;
  background: transparent !important;
}
.site-header--ai_glow .mega-menu-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.site-header--ai_glow .mega-menu-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.site-header--ai_glow .mega-menu-column a {
  color: #1a2e1e !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  text-shadow: none !important;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
  display: block !important;
  text-align: left !important;
}
.site-header--ai_glow .mega-menu-column a:hover {
  background: #f1f5f9 !important;
  color: #2F4F3A !important;
  transform: translateX(3px) !important;
}

/* ─── 5. NFT LUXURY ARCH (Müze Galerisi & Döner Mühür) ──────────────────── */
.site-header--nft_arch {
  background: rgba(18, 19, 22, 0.92) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 14px 32px !important;
}
.site-header--nft_arch .header-nav-link {
  color: #e5e7eb !important;
  font-size: 13.5px !important;
  font-family: var(--f-display, 'Cinzel', Georgia, serif) !important;
  letter-spacing: 0.5px !important;
  font-weight: 400 !important;
}
.site-header--nft_arch .header-nav-link:hover {
  color: #f3c96b !important;
}
.site-header--nft_arch .nft-rotating-badge {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px dashed rgba(243, 201, 107, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #f3c96b;
  animation: nftBadgeSpin 18s linear infinite;
  box-shadow: 0 0 16px rgba(243, 201, 107, 0.15);
}
@keyframes nftBadgeSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.site-header--nft_arch .header-action-btn {
  color: #e5e7eb !important;
}

/* ─── RENK TEMALARI OVERRIDES (Header Themes) ──────────────────────────── */

/* Koyu Zümrüt & Orman Yeşili */
.site-header--theme-dark_forest:not(.site-header--velosphere):not(.site-header--xontlo):not(.site-header--blek) {
  background: rgba(26, 46, 30, 0.95) !important;
  border-bottom: 1px solid rgba(243, 201, 107, 0.18) !important;
}

/* Gece Moru & Neon Aurora */
.site-header--theme-dark_velosphere:not(.site-header--velosphere):not(.site-header--xontlo):not(.site-header--blek) {
  background: rgba(15, 23, 42, 0.95) !important;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2) !important;
}

/* Sıcak Bakır & Amber Sunset */
.site-header--theme-warm_amber:not(.site-header--velosphere):not(.site-header--xontlo):not(.site-header--blek) {
  background: rgba(69, 26, 3, 0.95) !important;
  border-bottom: 1px solid rgba(251, 191, 36, 0.2) !important;
}

/* XONTLO ve Klasik Kapsüllerde Yazılar Kesinlikle Siyah / Koyu Kalacak */
.site-header__capsule-nav .header-nav-link,
.site-header--default .site-header__capsule-nav .header-nav-link,
.site-header--theme-dark_forest .site-header__capsule-nav .header-nav-link,
.site-header--theme-dark_velosphere .site-header__capsule-nav .header-nav-link,
.site-header--theme-warm_amber .site-header__capsule-nav .header-nav-link,
.site-header--theme-dark_forest.site-header--xontlo .header-nav-link,
.site-header--theme-dark_velosphere.site-header--xontlo .header-nav-link,
.site-header--theme-warm_amber.site-header--xontlo .header-nav-link,
.site-header--xontlo .header-nav-link {
  color: #111827 !important;
}

.site-header__capsule-nav .header-nav-link:hover,
.site-header--xontlo .header-nav-link:hover {
  color: #2F4F3A !important;
}

/* XONTLO için Temaya Özel Kapsül Kenarlık & Yıldız Vurguları */
.site-header--theme-dark_forest.site-header--xontlo .site-header__container {
  border: 1.5px solid rgba(47, 79, 58, 0.35) !important;
}
.site-header--theme-dark_forest.site-header--xontlo .xontlo-nav-star {
  color: #2F4F3A !important;
}

.site-header--theme-warm_amber.site-header--xontlo .site-header__container {
  border: 1.5px solid rgba(180, 83, 9, 0.35) !important;
}
.site-header--theme-warm_amber.site-header--xontlo .xontlo-nav-star {
  color: #b45309 !important;
}

.site-header--theme-dark_velosphere.site-header--xontlo .site-header__container {
  border: 1.5px solid rgba(124, 58, 237, 0.35) !important;
}
.site-header--theme-dark_velosphere.site-header--xontlo .xontlo-nav-star {
  color: #7c3aed !important;
}

/* Şeffaf Kristal Cam */
.site-header--theme-transparent_glass:not(.site-header--velosphere):not(.site-header--xontlo):not(.is-scrolled) {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

/* ─── KEMERLİ VİTRİN HERO STİLİ (NFT Arch Showcase Slider) ─────────────── */
.nft-arch-hero-section {
  position: relative;
  min-height: 85vh;
  min-height: 85svh;
  background: #101214;
  color: #ffffff;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 80px 24px 60px;
}
.nft-arch-hero-bg-glow {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(234, 88, 12, 0.4) 0%, rgba(202, 138, 4, 0.15) 50%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 1;
}
.nft-arch-hero-container {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: 50px;
  position: relative;
  z-index: 2;
}
.nft-arch-hero-title {
  font-family: var(--f-display, 'Cinzel', Georgia, serif);
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  line-height: 1.1;
  font-weight: 400;
  margin: 18px 0;
  letter-spacing: -0.5px;
}
.nft-arch-hero-desc {
  font-size: 15px;
  color: #94a3b8;
  line-height: 1.7;
  max-width: 480px;
  margin-bottom: 28px;
}
.nft-arch-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nft-arch-card-main {
  width: 320px;
  height: 480px;
  border-radius: 200px 200px 16px 16px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
  position: relative;
  z-index: 3;
  background: #1c1917;
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.6s ease;
}
.nft-arch-card-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.nft-arch-card-peek {
  position: absolute;
  right: -50px;
  width: 260px;
  height: 400px;
  border-radius: 160px 160px 14px 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  opacity: 0.45;
  filter: blur(1.5px);
  z-index: 2;
  pointer-events: none;
}
.nft-arch-card-peek img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nft-arch-nav-arrow {
  position: absolute;
  top: 50%;
  right: -24px;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  z-index: 5;
  transition: all 0.25s ease;
}
.nft-arch-nav-arrow:hover {
  background: #ffffff;
  color: #0f172a;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
@media (max-width: 992px) {
  .nft-arch-hero-container { grid-template-columns: 1fr; text-align: center; }
  .nft-arch-hero-desc { margin: 0 auto 28px; }
  .nft-arch-stage { margin-top: 20px; }
  .nft-arch-card-peek { display: none; }
  .nft-arch-nav-arrow { right: 10px; }
}

/* ─── GENEL MOBİL & RESPONSIVE KURALLAR (Tüm Headerlar İçin) ─── */
@media (max-width: 768px) {
  .site-header--velosphere,
  .site-header--blek,
  .site-header--xontlo,
  .site-header--ai_glow,
  .site-header--nft_arch {
    padding: 8px 12px !important;
  }

  .site-header--velosphere .site-header__container,
  .site-header--blek .site-header__container,
  .site-header--xontlo .site-header__container,
  .site-header--ai_glow .site-header__container,
  .site-header--nft_arch .site-header__container {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .site-header--velosphere .site-header__nav,
  .site-header--blek .site-header__nav,
  .site-header--xontlo .xontlo-left-nav,
  .site-header--xontlo .xontlo-right-nav,
  .site-header--ai_glow .site-header__nav,
  .site-header--nft_arch .site-header__nav,
  .velosphere-glow-btn,
  .blek-cta-btn,
  .ai-ghost-btn,
  .ai-solid-btn,
  .nft-rotating-badge {
    display: none !important;
  }

  .site-header--velosphere .site-header__logo,
  .site-header--blek .site-header__logo,
  .site-header--xontlo .site-header__logo,
  .site-header--ai_glow .site-header__logo,
  .site-header--nft_arch .site-header__logo {
    position: static !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    width: 125px !important;
    max-width: 130px !important;
  }

  .site-header--blek .site-header__logo-pill {
    padding: 4px 10px !important;
  }

  .site-header--velosphere .site-header__actions,
  .site-header--blek .site-header__actions,
  .site-header--xontlo .site-header__actions,
  .site-header--ai_glow .site-header__actions,
  .site-header--nft_arch .site-header__actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
}

/* ─── KUSURSUZ OKUNABİLİR AÇILAN KISIMLAR (DROP-DOWN & MEGA MENÜ) ─── */
/* Default & Hero Header Dropdown Menüleri: BEYAZ TERTEMİZ TASARIM (Velosphere & Blek Hariç) */
.site-header:not(.site-header--velosphere):not(.site-header--blek) .mega-menu-dropdown,
.site-header:not(.site-header--velosphere):not(.site-header--blek) .header-dropdown__menu,
.site-header--default .mega-menu-dropdown,
.site-header--default .header-dropdown__menu,
.site-header--xontlo .mega-menu-dropdown,
.site-header--xontlo .header-dropdown__menu,
.site-header--ai_glow .mega-menu-dropdown,
.site-header--ai_glow .header-dropdown__menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1a2e1e !important;
  border: 1px solid rgba(44, 76, 59, 0.1) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  opacity: 1 !important;
  z-index: 9999 !important;
}

.site-header:not(.site-header--velosphere):not(.site-header--blek) .mega-menu-dropdown a,
.site-header:not(.site-header--velosphere):not(.site-header--blek) .header-dropdown__menu a,
.site-header--default .mega-menu-dropdown a,
.site-header--default .header-dropdown__menu a,
.site-header--xontlo .mega-menu-dropdown a,
.site-header--xontlo .header-dropdown__menu a,
.site-header--ai_glow .mega-menu-dropdown a,
.site-header--ai_glow .header-dropdown__menu a {
  color: #1a2e1e !important;
  background: transparent !important;
  font-weight: 500 !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  display: block !important;
  font-size: 0.92rem !important;
}

.site-header:not(.site-header--velosphere):not(.site-header--blek) .mega-menu-dropdown a:hover,
.site-header:not(.site-header--velosphere):not(.site-header--blek) .header-dropdown__menu a:hover,
.site-header--default .mega-menu-dropdown a:hover,
.site-header--default .header-dropdown__menu a:hover,
.site-header--xontlo .mega-menu-dropdown a:hover,
.site-header--xontlo .header-dropdown__menu a:hover,
.site-header--ai_glow .mega-menu-dropdown a:hover,
.site-header--ai_glow .header-dropdown__menu a:hover {
  color: #2c4c3b !important;
  background: rgba(44, 76, 59, 0.06) !important;
  transform: translateX(4px) !important;
}

.site-header:not(.site-header--velosphere):not(.site-header--blek) .mega-menu-dropdown .mega-menu-column a:last-child,
.site-header--default .mega-menu-dropdown .mega-menu-column a:last-child,
.site-header--xontlo .mega-menu-dropdown .mega-menu-column a:last-child,
.site-header--ai_glow .mega-menu-dropdown .mega-menu-column a:last-child {
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  margin-top: 6px !important;
  padding-top: 10px !important;
  font-weight: 700 !important;
  color: #2c4c3b !important;
}

/* ─── VELOSPHERE: SİYAH ŞEFFAF (DARK TRANSLUCENT GLASS) DROP-DOWN & MEGA MENÜ ─── */
.site-header--velosphere .mega-menu-dropdown,
.site-header--velosphere .header-dropdown__menu,
.site-header--velosphere .site-header__nav .mega-menu-dropdown {
  background: rgba(15, 12, 30, 0.62) !important;
  background-color: rgba(15, 12, 30, 0.62) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 25px rgba(139, 92, 246, 0.18) !important;
  color: #f1f5f9 !important;
  padding: 10px 12px !important;
  z-index: 9999 !important;
}

.site-header--velosphere .mega-menu-dropdown a,
.site-header--velosphere .header-dropdown__menu a,
.site-header--velosphere .header-dropdown__item {
  color: #f1f5f9 !important;
  background: transparent !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
  display: block !important;
  text-decoration: none !important;
}

.site-header--velosphere .mega-menu-dropdown a:hover,
.site-header--velosphere .header-dropdown__menu a:hover,
.site-header--velosphere .header-dropdown__item:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.8) !important;
  transform: translateX(4px) !important;
}

.site-header--velosphere .mega-menu-dropdown .mega-menu-column a:last-child,
.site-header--velosphere .mega-menu-column a.mega-menu-all-link {
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  margin-top: 6px !important;
  padding-top: 10px !important;
  font-weight: 700 !important;
  color: #c4b5fd !important;
}

.site-header--velosphere .mega-menu-dropdown .mega-menu-column a:last-child:hover,
.site-header--velosphere .mega-menu-column a.mega-menu-all-link:hover {
  background: rgba(139, 92, 246, 0.28) !important;
  color: #ffffff !important;
  text-shadow: 0 0 14px rgba(139, 92, 246, 0.95) !important;
}

.site-header--velosphere .header-dropdown__divider {
  background: rgba(255, 255, 255, 0.12) !important;
  margin: 6px 0 !important;
  height: 1px !important;
}

/* ─── BLEK WORLD: DROP-DOWN & MEGA MENÜ (Neo-Frame Renk ve Şekilleri) ─── */
.site-header--blek .mega-menu-dropdown,
.site-header--blek .header-dropdown__menu {
  background: var(--blek-frame-bg, #111317) !important;
  border-radius: 18px !important;
  border: 1px solid var(--blek-frame-border, rgba(255, 255, 255, 0.12)) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5), 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  color: var(--blek-nav-link, #cbd5e1) !important;
  padding: 10px 12px !important;
  z-index: 9999 !important;
}

.site-header--blek .mega-menu-dropdown a,
.site-header--blek .header-dropdown__menu a,
.site-header--blek .header-dropdown__item {
  color: var(--blek-nav-link, #cbd5e1) !important;
  background: transparent !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  transition: all 0.18s ease !important;
  display: block !important;
  text-decoration: none !important;
}

.site-header--blek .mega-menu-dropdown a:hover,
.site-header--blek .header-dropdown__menu a:hover,
.site-header--blek .header-dropdown__item:hover {
  color: var(--blek-nav-link-hover, #ffffff) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  transform: translateX(4px) !important;
}

.site-header--theme-light_cream.site-header--blek .mega-menu-dropdown a:hover,
.site-header--theme-light_cream.site-header--blek .header-dropdown__menu a:hover,
.site-header--theme-light_cream.site-header--blek .header-dropdown__item:hover {
  color: var(--blek-text, #1a2e1e) !important;
  background: rgba(0, 0, 0, 0.06) !important;
}

.site-header--blek .mega-menu-dropdown .mega-menu-column a:last-child,
.site-header--blek .mega-menu-column a.mega-menu-all-link {
  border-top: 1px solid var(--blek-frame-border, rgba(255, 255, 255, 0.12)) !important;
  margin-top: 6px !important;
  padding-top: 10px !important;
  font-weight: 700 !important;
  color: var(--blek-cta-bg, #4f46e5) !important;
}

.site-header--blek .mega-menu-dropdown .mega-menu-column a:last-child:hover,
.site-header--blek .mega-menu-column a.mega-menu-all-link:hover {
  background: rgba(79, 70, 229, 0.18) !important;
  color: #ffffff !important;
}

/* ─── ARAMA PANELİ HER ŞEYİN ÜSTÜNDE (KLASİK HEADER GİBİ EN ÜSTTE) ─── */
body.search-active #site-header,
body.search-active .site-header,
body.search-active #top-campaign-bar,
#site-header.search-active {
  z-index: 10 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.header-search-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999999 !important;
}
.header-search-overlay.is-active {
  z-index: 9999999 !important;
}
.header-search-panel {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 10000000 !important;
}

/* ─── 5. NFT LUXURY ARCH MASTER HEADER ──────────────────── */
header.site-header--nft_arch,
.hdr {
  --header-bg: #1c2e22;
  --hero-bg: #233a2c;
  --fg: #ffffff;
  --fg-soft: rgba(255, 255, 255, .68);
  --line: rgba(255, 255, 255, .14);
  --accent: #e8d49a;
  --glow: rgba(232, 212, 154, .28);
  --card-bg: rgba(255, 255, 255, .07);
  --card-border: rgba(255, 255, 255, .12);
  --surface-solid: #1c2e22;
  --serif: 'Cinzel', 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ease: cubic-bezier(.76, 0, .24, 1);
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: calc(14px + env(safe-area-inset-top, 0px)) clamp(20px, 4vw, 60px) 14px !important;
  background: var(--header-bg, #1c2e22) !important;
  background-color: #1c2e22 !important;
  color: var(--fg, #ffffff) !important;
  border-bottom: 1px solid var(--line, rgba(255, 255, 255, .14)) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transition: background .6s cubic-bezier(.76,0,.24,1), color .6s cubic-bezier(.76,0,.24,1), padding .35s cubic-bezier(.76,0,.24,1), box-shadow .35s !important;
}

header.site-header--nft_arch.is-sticky,
header.site-header--nft_arch.is-scrolled,
.hdr.is-sticky,
.hdr.is-scrolled {
  padding: calc(10px + env(safe-area-inset-top, 0px)) clamp(20px, 4vw, 60px) 10px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .5) !important;
}

.site-header--nft_arch .logo,
.hdr .logo {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  color: var(--fg, #ffffff) !important;
  width: 160px !important;
  height: auto !important;
  transition: opacity .2s !important;
  flex-shrink: 0 !important;
}
.site-header--nft_arch .logo:hover,
.hdr .logo:hover {
  opacity: .95 !important;
}
.site-header--nft_arch .logo .df-logo,
.hdr .logo .df-logo {
  width: 100% !important;
  height: auto !important;
}
.site-header--nft_arch .logo .df-logo svg,
.hdr .logo .df-logo svg {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.site-header--nft_arch .nav,
.hdr .nav {
  display: flex !important;
  align-items: center !important;
  gap: clamp(16px, 2.4vw, 40px) !important;
  font-family: var(--serif, 'Cinzel', serif) !important;
  font-size: 15px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.site-header--nft_arch .nav-item,
.hdr .nav-item {
  position: static !important;
}
.site-header--nft_arch .nav-link,
.hdr .nav-link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 0 !important;
  opacity: .9 !important;
  color: var(--fg, #ffffff) !important;
  text-decoration: none !important;
  transition: opacity .25s, color .25s !important;
}
.site-header--nft_arch .nav-link::after,
.hdr .nav-link::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  width: 100% !important;
  background: var(--accent, #e8d49a) !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform .4s cubic-bezier(.76,0,.24,1) !important;
}
.site-header--nft_arch .nav-link:hover,
.site-header--nft_arch .nav-item:focus-within > .nav-link,
.site-header--nft_arch .nav-link[aria-current="page"],
.hdr .nav-link:hover,
.hdr .nav-item:focus-within > .nav-link,
.hdr .nav-link[aria-current="page"] {
  opacity: 1 !important;
  color: var(--accent, #e8d49a) !important;
}
.site-header--nft_arch .nav-link:hover::after,
.site-header--nft_arch .nav-link[aria-current="page"]::after,
.hdr .nav-link:hover::after,
.hdr .nav-link[aria-current="page"]::after {
  transform: scaleX(1) !important;
}
.site-header--nft_arch .nav-link svg.arrow,
.hdr .nav-link svg.arrow {
  width: 11px !important;
  height: 11px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.2 !important;
  transition: transform .3s cubic-bezier(.76,0,.24,1) !important;
}
.site-header--nft_arch .nav-item:hover .nav-link svg.arrow,
.site-header--nft_arch .nav-item:focus-within .nav-link svg.arrow,
.hdr .nav-item:hover .nav-link svg.arrow,
.hdr .nav-item:focus-within .nav-link svg.arrow {
  transform: rotate(180deg) !important;
}

/* NFT ARCH MEGA MENÜ */
.site-header--nft_arch .nav-item,
.hdr .nav-item {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 0 !important;
}

.site-header--nft_arch .mega-menu,
.hdr .mega-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: var(--header-bg, #1c2e22) !important;
  background-color: #1c2e22 !important;
  color: var(--fg, #ffffff) !important;
  border-top: 1px solid var(--line, rgba(255, 255, 255, 0.14)) !important;
  border-bottom: 1px solid var(--line, rgba(255, 255, 255, 0.14)) !important;
  box-shadow: 0 35px 80px rgba(0, 0, 0, .85) !important;
  padding: 36px clamp(20px, 6vw, 110px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transform: translateY(-6px) !important;
  transition: opacity .24s cubic-bezier(.76,0,.24,1) 0.22s, transform .24s cubic-bezier(.76,0,.24,1) 0.22s, visibility .24s ease 0.22s !important;
  z-index: 600 !important;
  box-sizing: border-box !important;
}

/* Hover Bridge: İmleç menü başlığından alt kategorilere inerken bağlantıyı koparmaz */
.site-header--nft_arch .mega-menu::before,
.hdr .mega-menu::before {
  content: "" !important;
  position: absolute !important;
  top: -24px !important;
  left: 0 !important;
  right: 0 !important;
  height: 24px !important;
  background: transparent !important;
  pointer-events: auto !important;
  z-index: 999 !important;
}

.site-header--nft_arch .nav-item:hover > .mega-menu,
.site-header--nft_arch .nav-item:focus-within > .mega-menu,
.hdr .nav-item:hover > .mega-menu,
.hdr .nav-item:focus-within > .mega-menu {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0s !important;
}
.site-header--nft_arch .mega-grid,
.hdr .mega-grid {
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.35fr !important;
  gap: 40px !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}
.site-header--nft_arch .mega-col,
.hdr .mega-col {
  background: rgba(0, 0, 0, 0.32) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}
.site-header--nft_arch .mega-col h5,
.hdr .mega-col h5 {
  margin: 0 0 16px !important;
  font-family: var(--serif, 'Cinzel', serif) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--accent, #e8d49a) !important;
  border-bottom: 1px solid var(--line, rgba(255, 255, 255, 0.14)) !important;
  padding-bottom: 8px !important;
}
.site-header--nft_arch .mega-links,
.hdr .mega-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  font-family: var(--sans, 'DM Sans', sans-serif) !important;
  text-transform: none !important;
  font-size: 14px !important;
}
.site-header--nft_arch .mega-links a,
.hdr .mega-links a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, .88) !important;
  text-decoration: none !important;
  transition: all .2s !important;
  font-weight: 500 !important;
}
.site-header--nft_arch .mega-links a:hover,
.hdr .mega-links a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .14) !important;
  padding-left: 16px !important;
}
.site-header--nft_arch .mega-featured,
.hdr .mega-featured {
  background: rgba(0, 0, 0, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  height: 100% !important;
  box-sizing: border-box !important;
}
.site-header--nft_arch .mega-featured img,
.hdr .mega-featured img {
  width: 100% !important;
  aspect-ratio: 16/10 !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}
.site-header--nft_arch .mega-featured h6,
.hdr .mega-featured h6 {
  margin: 0 !important;
  font-size: 15px !important;
  font-family: var(--serif, 'Cinzel', serif) !important;
  color: #ffffff !important;
}
.site-header--nft_arch .mega-featured p,
.hdr .mega-featured p {
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, .75) !important;
}
.site-header--nft_arch .mega-featured a.ft-btn,
.hdr .mega-featured a.ft-btn {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--accent, #e8d49a) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: auto !important;
  text-decoration: none !important;
}

/* TOOLS */
.site-header--nft_arch .tools,
.hdr .tools {
  display: flex !important;
  align-items: center !important;
  gap: clamp(12px, 1.6vw, 24px) !important;
}
.site-header--nft_arch .tools button.tool-btn,
.site-header--nft_arch .tools a.tool-btn,
.hdr .tools button.tool-btn,
.hdr .tools a.tool-btn {
  position: relative !important;
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: var(--fg, #ffffff) !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background .25s, color .25s !important;
}
.site-header--nft_arch .tools button.tool-btn:hover,
.site-header--nft_arch .tools a.tool-btn:hover,
.hdr .tools button.tool-btn:hover,
.hdr .tools a.tool-btn:hover {
  background: var(--card-bg, rgba(255,255,255,.07)) !important;
  color: var(--accent, #e8d49a) !important;
}
.site-header--nft_arch .tools svg,
.hdr .tools svg {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.site-header--nft_arch .badge-count,
.hdr .badge-count {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  background: var(--accent, #e8d49a) !important;
  color: #14201a !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
  text-align: center !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35) !important;
  pointer-events: none !important;
}

.site-header--nft_arch .acct-wrap,
.hdr .acct-wrap {
  position: relative !important;
}
.site-header--nft_arch .acct,
.hdr .acct {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: var(--card-bg, rgba(255,255,255,.07)) !important;
  border: 1px solid var(--card-border, rgba(255,255,255,.12)) !important;
  color: var(--fg, #ffffff) !important;
  text-decoration: none !important;
  transition: all .25s !important;
}
.site-header--nft_arch .acct:hover,
.site-header--nft_arch .acct-wrap:focus-within .acct,
.hdr .acct:hover,
.hdr .acct-wrap:focus-within .acct {
  background: var(--card-border, rgba(255,255,255,.12)) !important;
  color: var(--accent, #e8d49a) !important;
  border-color: var(--accent, #e8d49a) !important;
}
.site-header--nft_arch .acct svg,
.hdr .acct svg {
  width: 18px !important;
  height: 18px !important;
}
.site-header--nft_arch .acct-wrap,
.hdr .acct-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.site-header--nft_arch .acct-dropdown,
.hdr .acct-dropdown {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  min-width: 236px !important;
  width: max-content !important;
  max-width: 280px !important;
  background: rgba(22, 36, 27, 0.96) !important;
  color: #ffffff !important;
  border: 1px solid rgba(232, 212, 154, 0.22) !important;
  border-radius: 16px !important;
  padding: 8px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, 0.05) inset !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transform: translateY(6px) !important;
  transition: opacity .24s cubic-bezier(.76, 0, .24, 1) 0.22s, transform .24s cubic-bezier(.76, 0, .24, 1) 0.22s, visibility .24s ease 0.22s !important;
  z-index: 1000 !important;
  box-sizing: border-box !important;
}

/* Hover bridge: imleç Hesabım butonundan menüye inerken bağlantıyı koparmaz */
.site-header--nft_arch .acct-dropdown::before,
.hdr .acct-dropdown::before {
  content: "" !important;
  position: absolute !important;
  top: -16px !important;
  left: 0 !important;
  right: 0 !important;
  height: 16px !important;
  background: transparent !important;
  pointer-events: auto !important;
  z-index: 999 !important;
}

.site-header--nft_arch .acct-wrap:hover .acct-dropdown,
.site-header--nft_arch .acct-wrap:focus-within .acct-dropdown,
.hdr .acct-wrap:hover .acct-dropdown,
.hdr .acct-wrap:focus-within .acct-dropdown {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition-delay: 0s !important;
}

.site-header--nft_arch .acct-header,
.hdr .acct-header {
  padding: 8px 14px 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  margin-bottom: 6px !important;
}

.site-header--nft_arch .acct-header strong,
.hdr .acct-header strong {
  display: block !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.02em !important;
}

.site-header--nft_arch .acct-header span,
.hdr .acct-header span {
  display: block !important;
  font-size: 11.5px !important;
  color: var(--accent, #e8d49a) !important;
  margin-top: 2px !important;
}

.site-header--nft_arch .acct-dropdown a,
.hdr .acct-dropdown a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: all .2s ease !important;
}

.site-header--nft_arch .acct-dropdown a:hover,
.hdr .acct-dropdown a:hover {
  color: #ffffff !important;
  background: rgba(232, 212, 154, 0.14) !important;
  transform: translateX(4px) !important;
}

.site-header--nft_arch .acct-dropdown a svg,
.hdr .acct-dropdown a svg {
  width: 17px !important;
  height: 17px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex-shrink: 0 !important;
  transition: stroke .2s ease !important;
}

.site-header--nft_arch .acct-dropdown hr,
.hdr .acct-dropdown hr {
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  margin: 6px 4px !important;
}

/* ÇIKIŞ YAP ÖZEL STİLİ: Asla 2 satıra kırılmaz, şık kırmızı tonlu hover */
.site-header--nft_arch .acct-dropdown a.acct-logout,
.site-header--nft_arch .acct-dropdown a[href*="logout"],
.hdr .acct-dropdown a.acct-logout,
.hdr .acct-dropdown a[href*="logout"] {
  color: #f87171 !important;
  margin-top: 2px !important;
  white-space: nowrap !important;
}

.site-header--nft_arch .acct-dropdown a.acct-logout svg,
.site-header--nft_arch .acct-dropdown a[href*="logout"] svg,
.hdr .acct-dropdown a.acct-logout svg,
.hdr .acct-dropdown a[href*="logout"] svg {
  stroke: #f87171 !important;
}

.site-header--nft_arch .acct-dropdown a.acct-logout:hover,
.site-header--nft_arch .acct-dropdown a[href*="logout"]:hover,
.hdr .acct-dropdown a.acct-logout:hover,
.hdr .acct-dropdown a[href*="logout"]:hover {
  background: rgba(239, 68, 68, 0.16) !important;
  color: #ff9999 !important;
  transform: translateX(4px) !important;
}

.site-header--nft_arch .acct-dropdown a.acct-logout:hover svg,
.site-header--nft_arch .acct-dropdown a[href*="logout"]:hover svg,
.hdr .acct-dropdown a.acct-logout:hover svg,
.hdr .acct-dropdown a[href*="logout"]:hover svg {
  stroke: #ff9999 !important;
}
.site-header--nft_arch .burger,
.hdr .burger {
  display: none !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  place-items: center !important;
  color: var(--fg, #ffffff) !important;
  background: var(--card-bg, rgba(255,255,255,.07)) !important;
  border: 1px solid var(--card-border, rgba(255,255,255,.12)) !important;
  cursor: pointer !important;
}
.site-header--nft_arch .burger svg,
.hdr .burger svg {
  width: 20px !important;
  height: 20px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
}
@media (max-width: 900px) {
  header.site-header--nft_arch,
  .hdr {
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 10px !important;
  }
  .site-header--nft_arch .nav,
  .hdr .nav {
    display: none !important;
  }
  .site-header--nft_arch .hide-m,
  .hdr .hide-m {
    display: none !important;
  }
  .site-header--nft_arch .burger,
  .hdr .burger {
    display: grid !important;
  }
}

/* ─── NFT LUXURY ARCH ÖZEL ARAMA MODALI (OVERLAY) ─── */
.search-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(10, 14, 12, .88) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  z-index: 9999999 !important;
  display: grid !important;
  place-items: start center !important;
  padding: calc(40px + env(safe-area-inset-top, 0px)) 20px 40px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition: opacity .35s cubic-bezier(.76,0,.24,1), visibility .35s !important;
}
.search-overlay.open {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}
.search-overlay .search-box {
  width: min(720px, 100%) !important;
  background: #1c2e22 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 22px !important;
  padding: 26px 30px !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6) !important;
  transform: translateY(16px) !important;
  transition: transform .35s cubic-bezier(.76,0,.24,1) !important;
  box-sizing: border-box !important;
}
.search-overlay.open .search-box {
  transform: none !important;
}
.search-overlay .search-input-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  border-bottom: 2px solid rgba(255, 255, 255, .14) !important;
  padding-bottom: 14px !important;
}
.search-overlay .search-input-wrap svg {
  width: 24px !important;
  height: 24px !important;
  stroke: #e8d49a !important;
  fill: none !important;
  stroke-width: 2 !important;
  flex-shrink: 0 !important;
}
.search-overlay .search-input {
  flex: 1 !important;
  background: none !important;
  border: 0 !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  color: #ffffff !important;
  outline: none !important;
}
.search-overlay .search-input::placeholder {
  color: rgba(255, 255, 255, .68) !important;
}
.search-overlay .search-close {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255, 255, 255, .07) !important;
  color: #ffffff !important;
  transition: background .2s !important;
  border: none !important;
  cursor: pointer !important;
  font-size: 16px !important;
}
.search-overlay .search-close:hover {
  background: rgba(255, 255, 255, .12) !important;
}
.search-overlay .search-tags {
  margin-top: 18px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}
.search-overlay .search-tags span.lbl {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #e8d49a !important;
  margin-right: 4px !important;
}
.search-overlay .search-tag {
  font-size: 12px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  color: rgba(255, 255, 255, .68) !important;
  transition: all .2s !important;
  cursor: pointer !important;
}
.search-overlay .search-tag:hover {
  background: #e8d49a !important;
  color: #14201a !important;
  border-color: #e8d49a !important;
}

/* NFT ARCH CANLI ARAMA SONUÇLARI (LIVE AJAX RESULTS) */
.nft-search-results {
  max-height: 52vh !important;
  overflow-y: auto !important;
  margin-top: 18px !important;
  padding-right: 6px !important;
}
.nft-search-results::-webkit-scrollbar {
  width: 5px !important;
}
.nft-search-results::-webkit-scrollbar-thumb {
  background: rgba(232, 212, 154, 0.4) !important;
  border-radius: 6px !important;
}
.nft-search-results .search-section-title {
  color: var(--accent, #e8d49a) !important;
  font-family: var(--serif, 'Cinzel', serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
  padding-bottom: 6px !important;
  margin: 16px 0 10px !important;
}
.nft-search-results .search-category-item,
.nft-search-results .search-result-item {
  display: flex !important;
  align-items: center !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
}
.nft-search-results .search-category-item {
  justify-content: space-between !important;
  padding: 10px 14px !important;
  margin-bottom: 6px !important;
}
.nft-search-results .search-result-item {
  gap: 14px !important;
  padding: 10px 14px !important;
  margin-bottom: 8px !important;
}
.nft-search-results .search-category-item:hover,
.nft-search-results .search-result-item:hover {
  background: rgba(232, 212, 154, 0.12) !important;
  border-color: rgba(232, 212, 154, 0.4) !important;
  transform: translateX(4px) !important;
  color: #ffffff !important;
}
.nft-search-results .search-category-name {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}
.nft-search-results .search-category-count {
  font-size: 12px !important;
  color: var(--accent, #e8d49a) !important;
  font-weight: 600 !important;
}
.nft-search-results .search-result-img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  background: #ffffff !important;
  flex-shrink: 0 !important;
}
.nft-search-results .search-result-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.nft-search-results .search-result-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-bottom: 3px !important;
}
.nft-search-results .search-result-price {
  font-size: 13px !important;
  color: var(--accent, #e8d49a) !important;
  font-weight: 700 !important;
}

/* ─── HEADER KONUMLANDIRMA: Hero Üzerinde Şeffaf & Ekranı Kaplayan Hero ─── */
header.site-header:not(.is-scrolled):not(.site-header--nft_arch):not(.hdr),
header.site-header--hero:not(.is-scrolled):not(.site-header--nft_arch):not(.hdr) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  z-index: 1100 !important;
}

header.site-header--default,
header.site-header--default.is-scrolled,
header.site-header.site-header--default.is-scrolled {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  z-index: 1100 !important;
}

/* ─── CANLI ÖNİZLEME İZOLASYONU: Admin Paneli #liveHeaderStage ─── */
#liveHeaderStage,
#liveHeaderWrapper #liveHeaderStage,
div#liveHeaderStage,
#liveHeaderStage.site-header--default,
#liveHeaderStage.site-header--velosphere,
#liveHeaderStage.site-header--blek,
#liveHeaderStage.site-header--xontlo,
#liveHeaderStage.site-header--ai_glow,
#liveHeaderStage.site-header--nft_arch {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 60px !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 1 !important;
  transform: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  display: block !important;
}