/* =========================================================
   Kuaförlerim — Premium 3D tema (koyu zümrüt + altın)
   theme-white-gold-green.css'in yerine geçer: sayfaların
   düzeni, formları ve scriptleri aynen kalır, yalnızca
   görünüm değişir. Ana sayfa tasarımı: /premium/
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --gold: #D6B270 !important;
  --gold-light: #F4E2B4 !important;
  --gold-soft: #E9CE93 !important;
  --gold-dim: rgba(214, 178, 112, .12) !important;
  --gold-border: rgba(214, 178, 112, .3) !important;
  --primary: #D6B270 !important;
  --primary-dark: #B8913F !important;
  --primary-light: rgba(214, 178, 112, .14) !important;
  --secondary: #3FC495 !important;
  --success: #3FC495 !important;
  --green: #3FC495 !important;
  --cyan: #56D7A6 !important;
  --accent: #3FC495 !important;
  --black: #06110D !important;
  --bg: #06110D !important;
  --card: #0D1F18 !important;
  --panel: #0D1F18 !important;
  --panel-2: #132B22 !important;
  --panel-3: #183528 !important;
  --surface: #0D1F18 !important;
  --surface-2: #132B22 !important;
  --surface-3: #183528 !important;
  --line: rgba(255, 255, 255, .09) !important;
  --border: rgba(255, 255, 255, .09) !important;
  --border-strong: rgba(255, 255, 255, .16) !important;
  --border-gold: rgba(214, 178, 112, .3) !important;
  --text: #F6F1E7 !important;
  --dark: #F6F1E7 !important;
  --text-dim: #B4C2BA !important;
  --text-secondary: #B4C2BA !important;
  --text-muted: #8A9B92 !important;
  --muted: #8A9B92 !important;
  --white: #F6F1E7 !important;
  --gray-50: #0D1F18 !important;
  --gray-100: #132B22 !important;
  --gray-200: #1C3A2E !important;
  --gray-300: #2A4A3D !important;
  --gray-400: #6F8379 !important;
  --gray-500: #8A9B92 !important;
  --gray-600: #B4C2BA !important;
  --gray-700: #D2DBD5 !important;
  --gray-800: #E9EEEA !important;
  --gray-900: #F6F1E7 !important;
  --gray-950: #FFFFFF !important;
  --grad-primary: linear-gradient(135deg, #FBEFCB, #D6B270 45%, #9C7430) !important;
  --grad-gold: linear-gradient(135deg, #FBEFCB, #D6B270 45%, #9C7430) !important;
  --grad-green: linear-gradient(135deg, #13704F, #3FC495) !important;
  --grad-hero: linear-gradient(135deg, #06110D 0%, #0D1F18 100%) !important;
  --grad-card: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)) !important;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.35) !important;
  --shadow-sm: 0 4px 12px rgba(0,0,0,.35) !important;
  --shadow: 0 10px 28px rgba(0,0,0,.4) !important;
  --shadow-md: 0 16px 40px -8px rgba(0,0,0,.5) !important;
  --shadow-lg: 0 24px 56px -10px rgba(0,0,0,.55) !important;
  --shadow-xl: 0 32px 80px -16px rgba(0,0,0,.6) !important;
  --shadow-glow: 0 0 40px rgba(214,178,112,.25) !important;
  --shadow-gold: 0 0 40px rgba(214,178,112,.2) !important;

  --pt-glass: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.025));
  --pt-glass-line: rgba(255,255,255,.12);
  --pt-glass-shadow: 0 24px 48px -16px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.1);
  --pt-gold-btn: linear-gradient(135deg, #FBEFCB 0%, #D6B270 45%, #9C7430 100%);
  --pt-serif: "Cormorant Garamond", Georgia, serif;
  --pt-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---------- Temel ---------- */
html { color-scheme: dark !important; }
body {
  background: #06110D !important;
  color: var(--text) !important;
  font-family: var(--pt-sans) !important;
}
/* Sabit ortam ışıkları (3D derinlik hissi) */
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(900px 700px at 88% -10%, rgba(19,112,79,.38), transparent 60%),
    radial-gradient(700px 600px at -10% 60%, rgba(19,112,79,.22), transparent 60%),
    radial-gradient(500px 400px at 75% 95%, rgba(214,178,112,.10), transparent 60%),
    #06110D;
}
input, select, textarea { color-scheme: dark; }
::selection { color: #1A1206; background: #D6B270; }
::-webkit-scrollbar-track { background: #06110D !important; }
::-webkit-scrollbar-thumb { background: linear-gradient(#F4E2B4, #9C7430) !important; }

h1, h2,
.section-header h2, .slide-title, .page-title, .hero-title, .mp-hero h1, .store-banner h1 {
  font-family: var(--pt-serif) !important;
  font-weight: 600 !important;
  letter-spacing: -.015em;
}
h3, h4, h5, h6 { font-family: var(--pt-sans) !important; }
.gradient-text, .gradient-text-gold {
  background: linear-gradient(180deg, #FBEFCB 0%, #D6B270 55%, #A07A35 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.section-badge {
  background: rgba(214,178,112,.08) !important; border-color: rgba(214,178,112,.35) !important;
  color: var(--gold) !important; letter-spacing: .18em !important;
}

/* ---------- Butonlar ---------- */
.btn-primary, .btn-gold, .btn-gold-solid, button.primary, .btn.primary, .cta-btn, .submit-btn, .btn-submit {
  background: var(--pt-gold-btn) !important;
  color: #1A1206 !important;
  border-color: transparent !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 30px -8px rgba(214,178,112,.5), inset 0 2px 2px rgba(255,255,255,.55), inset 0 -3px 6px rgba(90,62,20,.45) !important;
}
.btn-primary:hover, .btn-gold:hover, .cta-btn:hover, .submit-btn:hover, .btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px -8px rgba(214,178,112,.6), inset 0 2px 2px rgba(255,255,255,.55), inset 0 -3px 6px rgba(90,62,20,.45) !important;
}
.btn-secondary, .btn-outline {
  background: rgba(255,255,255,.06) !important; color: var(--text) !important;
  border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.btn-secondary:hover, .btn-outline:hover { border-color: var(--gold) !important; color: var(--gold) !important; }
.btn { border-radius: 999px; }

/* ---------- Üst şerit + menü (navbar.js) ---------- */
.top-ticker { background: #0D1F18 !important; border-bottom: 1px solid rgba(214,178,112,.2) !important; }
.top-ticker span { color: #9FB1A8 !important; }
.top-ticker .dot { color: #D6B270 !important; opacity: 1 !important; }
.navbar, .navbar.transparent, .navbar.scrolled {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  padding: .6rem 1rem !important;
}
.navbar .nav-container {
  max-width: 1240px !important;
  background: rgba(6,17,13,.62) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px !important;
  padding: .45rem .5rem .45rem 1.4rem !important;
  backdrop-filter: blur(28px) saturate(140%); -webkit-backdrop-filter: blur(28px) saturate(140%);
  box-shadow: 0 20px 50px -14px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.navbar .logo { flex-shrink: 0 !important; }
.navbar .logo-image { width: 140px !important; min-width: 140px; height: 48px !important; }
.nav-links { gap: 0 !important; }
.logo, .nav-links > li > a { color: #B4C2BA !important; }
.nav-links > li > a { text-transform: none !important; letter-spacing: .01em !important; font-size: .84rem !important; font-weight: 500 !important; }
.nav-links > li > a:hover, .nav-links > li > a.active { color: #D6B270 !important; background: rgba(214,178,112,.08) !important; border-radius: 999px !important; }
.btn-ghost { color: #F6F1E7 !important; border-color: rgba(255,255,255,.16) !important; background: rgba(255,255,255,.04) !important; border-radius: 999px !important; }
.btn-ghost:hover { color: #D6B270 !important; border-color: rgba(214,178,112,.45) !important; background: rgba(214,178,112,.08) !important; }
.btn-ghost i:first-child { color: #D6B270 !important; }
.navbar .btn-gold { padding: .65rem 1.2rem !important; }
.dropdown-menu { background: rgba(13,31,24,.97) !important; border-color: rgba(214,178,112,.25) !important; box-shadow: 0 24px 60px -10px rgba(0,0,0,.6) !important; }
.dropdown-menu::before { border-bottom-color: rgba(214,178,112,.35) !important; }
.dropdown-header { border-bottom-color: rgba(255,255,255,.08) !important; color: #D6B270 !important; }
.dropdown-item:hover, .dropdown-item.featured { background: rgba(214,178,112,.08) !important; }
.dropdown-title { color: #F6F1E7 !important; }
.dropdown-desc, .dropdown-item.small, .dropdown-footer { color: #8A9B92 !important; }
.dropdown-divider { background: rgba(255,255,255,.08) !important; }
.dropdown-icon { background: linear-gradient(135deg, #1E8C63, #0B4A33) !important; color: #F4E2B4 !important; border: 1px solid rgba(244,226,180,.3) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.3), 0 6px 14px -4px rgba(0,0,0,.5) !important; }
.hamburger { border-color: rgba(255,255,255,.16) !important; background: var(--pt-gold-btn) !important; border-radius: 999px !important; }
.hamburger span { background: #1A1206 !important; }
.mobile-menu { background: rgba(6,17,13,.98) !important; }
.mobile-close { color: #D6B270 !important; border-color: rgba(214,178,112,.4) !important; border-radius: 999px !important; }
.mobile-menu a { color: #B4C2BA !important; border-bottom-color: rgba(255,255,255,.07) !important; text-transform: none !important; }
.mobile-menu a:hover { color: #D6B270 !important; background: rgba(214,178,112,.06) !important; }
.mobile-menu a i { color: #D6B270 !important; }
.mobile-bottom-nav { background: rgba(6,17,13,.92) !important; border-top: 1px solid rgba(214,178,112,.2) !important; box-shadow: 0 -10px 30px rgba(0,0,0,.4) !important; backdrop-filter: blur(24px) !important; }
.bottom-nav-item { color: #8A9B92 !important; }
.bottom-nav-item:hover, .bottom-nav-item.active { color: #D6B270 !important; }
.center-icon { background: var(--pt-gold-btn) !important; border-color: rgba(255,255,255,.2) !important; box-shadow: 0 8px 20px -4px rgba(214,178,112,.5) !important; }

/* ---------- Eski ana sayfa bölümleri ---------- */
.hero-slider { background: transparent !important; }
.hero-slider .slide-overlay { background: linear-gradient(90deg, rgba(6,17,13,.96), rgba(6,17,13,.82), rgba(6,17,13,.45)) !important; }
.slide-title, .slide-card h3 { color: var(--text) !important; }
.slide-title em { background: linear-gradient(180deg,#FBEFCB,#D6B270 55%,#A07A35) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; font-style: italic; }
.slide-desc { color: var(--text-secondary) !important; }
.slide-feature, .slide-card { background: var(--pt-glass) !important; border-color: var(--pt-glass-line) !important; color: var(--text-secondary) !important; box-shadow: var(--pt-glass-shadow) !important; backdrop-filter: blur(24px); }
.slider-arrow { background: rgba(6,17,13,.6) !important; border-color: rgba(214,178,112,.4) !important; color: #D6B270 !important; }
.slider-dot { background: rgba(255,255,255,.25) !important; }
.slider-dot.active { background: #D6B270 !important; border-color: #D6B270 !important; }
.app-promo-section, .free-site-section, .ai-section { background: transparent !important; }
.app-promo-section strong, .app-promo-section .section-title, .ai-section .section-title, .free-site-section .section-title { color: var(--text) !important; }

/* ---------- Ortak kartlar: cam görünümü ---------- */
.search-box, .sidebar-card, .toolbar, .salon-card, .salon-card-detail, .mp-product, .wh-card, .product-card,
.card, .modal-box, .cart-panel, .auth-card, .feature-item, .step-item, .product-item, .review-item,
.stats-list-item, .pr-card, .supplier-stat-card, .free-features-grid > div,
.brand-hero, .how-section, .quota-bar, .upload-box, .item, .kpi, .summary-card, .formula, .step, .feat-dark,
.stat-card, .info-card, .content-card, .legal-content, .policy-content, .faq-item, .pricing-card, .plan-card,
.order-card, .category-card, .video-card, .course-card, .panel-card, .dashboard-card, .widget, .box,
/* eski ana sayfa */
.free-box, .feature-tilt-card, .stat-counter-box, .fc, .app-card, .how-card, .review-card, .sel,
/* salon rehberi, giriş/kayıt, iletişim, sahiplenme rehberi */
.nearby-btn, .auth-form-section, .contact-card, .guide-step, .guide-benefit, .guide-button.secondary,
/* admin */
.panel, .stat-box, .admin-login-box, .loc-picker-header, .loc-city-btn, .template-card, .quick-item, .info-box,
.mini-stat, .chip-btn, .history-item, .status, .login-card, .btn.secondary {
  background: var(--pt-glass) !important;
  border: 1px solid var(--pt-glass-line) !important;
  box-shadow: var(--pt-glass-shadow) !important;
  color: var(--text) !important;
}
.contact-page { background: transparent !important; }
.input-group, .form-step-indicator { background: rgba(0,0,0,.25) !important; border-color: rgba(255,255,255,.12) !important; color: var(--text) !important; }
.form-step-indicator.active, .template-card.active, .loc-city-btn.active, .chip-btn.active {
  background: rgba(214,178,112,.14) !important; border-color: rgba(214,178,112,.5) !important; color: #D6B270 !important;
}
.product-icon {
  background: linear-gradient(135deg, #1E8C63, #0B4A33) !important; color: #F4E2B4 !important;
  border: 1px solid rgba(244,226,180,.3) !important;
  box-shadow: inset 0 2px 2px rgba(255,255,255,.3), inset 0 -6px 10px rgba(2,16,9,.5), 0 10px 20px -6px rgba(0,0,0,.5) !important;
}
.ssc-bar { background: rgba(255,255,255,.1) !important; }
.btn.success { background: linear-gradient(135deg, #56D7A6, #13704F) !important; color: #fff !important; border-color: transparent !important; }
.free-box, .feature-tilt-card, .stat-counter-box, .fc, .app-card, .how-card, .review-card, .sel,
.nearby-btn, .auth-form-section, .contact-card, .guide-step, .guide-benefit,
.panel, .stat-box, .admin-login-box, .loc-picker-header, .loc-city-btn, .template-card, .quick-item, .info-box,
.mini-stat, .chip-btn, .history-item, .status, .login-card, .btn.secondary {
  background: var(--pt-glass) !important;
  border: 1px solid var(--pt-glass-line) !important;
  box-shadow: var(--pt-glass-shadow) !important;
  color: var(--text) !important;
  backdrop-filter: blur(22px) saturate(130%); -webkit-backdrop-filter: blur(22px) saturate(130%);
}
.salon-card, .product-card, .mp-product, .card, .feature-item, .video-card, .course-card, .category-card, .stat-card {
  border-radius: 22px !important;
  transition: transform .45s cubic-bezier(.22,.8,.24,1), box-shadow .45s, border-color .45s !important;
}
.salon-card:hover, .product-card:hover, .mp-product:hover, .card:hover, .feature-item:hover, .video-card:hover, .course-card:hover, .category-card:hover {
  border-color: rgba(214,178,112,.4) !important;
  box-shadow: 0 30px 60px -18px rgba(0,0,0,.6), 0 0 0 1px rgba(214,178,112,.15), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.note, .summary-value, .item h4, .kpi .v { color: var(--text) !important; }
.tag { color: #D6B270 !important; background: rgba(214,178,112,.1) !important; border-color: rgba(214,178,112,.3) !important; }
.image-modal { background: rgba(6,17,13,.92) !important; }

/* ---------- Kahraman (hero) şeritleri ---------- */
.hero-search, .store-banner, .mp-hero, .page-hero, .page-header {
  background:
    radial-gradient(700px 400px at 85% 0%, rgba(19,112,79,.45), transparent 65%),
    radial-gradient(400px 300px at 10% 100%, rgba(214,178,112,.10), transparent 65%),
    transparent !important;
  border-bottom: 1px solid rgba(214,178,112,.15) !important;
}

/* ---------- Form alanları ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),
select, textarea,
.form-group input, .form-group select, .form-group textarea, .field input, .field select, .field textarea,
.toolbar input, .toolbar select, .search-box input, .search-box select {
  background: rgba(0,0,0,.28) !important;
  color: var(--text) !important;
  border-color: rgba(255,255,255,.14) !important;
}
input::placeholder, textarea::placeholder { color: #6F8379 !important; }
input:focus, select:focus, textarea:focus { border-color: rgba(214,178,112,.6) !important; box-shadow: 0 0 0 3px rgba(214,178,112,.15) !important; outline: none !important; }
select option { background: #0D1F18; color: #F6F1E7; }
label { color: var(--text-secondary); }

/* ---------- Tablolar (panel & admin) ---------- */
table { color: var(--text); }
th { background: rgba(214,178,112,.08) !important; color: #D6B270 !important; border-color: rgba(255,255,255,.08) !important; }
td { border-color: rgba(255,255,255,.07) !important; }
tr:hover td { background: rgba(255,255,255,.025); }

/* ---------- Panel / admin kenar çubukları ---------- */
.dashboard-main, .panel-main, .toptanci-form-section, .admin-main, .main-content { background: transparent !important; }
.dashboard-sidebar, .panel-sidebar, .toptanci-visual, .admin-sidebar, .sidebar {
  background:
    radial-gradient(circle at 50% 0%, rgba(214,178,112,.16), transparent 30%),
    linear-gradient(180deg, #0D1F18 0%, #0A2A1F 55%, #06110D 100%) !important;
  border-right: 1px solid rgba(214,178,112,.15) !important;
  border-color: rgba(214,178,112,.15) !important;
}
.dashboard-sidebar *, .panel-sidebar *, .toptanci-visual *, .admin-sidebar * {
  --text: #F6F1E7 !important; --text-secondary: #B4C2BA !important; --text-muted: #8A9B92 !important;
}
.sidebar-nav a.active, .sidebar-nav .active, .admin-sidebar .active, .dashboard-sidebar .active {
  background: rgba(214,178,112,.12) !important; color: #D6B270 !important; border-color: rgba(214,178,112,.3) !important;
}

/* ---------- Footer ---------- */
.footer, footer {
  background: #0D1F18 !important; color: var(--text) !important;
  border-top: 1px solid rgba(214,178,112,.2) !important;
}
.footer .footer-logo, .footer h4, footer h4 { color: #D6B270 !important; }
.footer h4, footer h4 { letter-spacing: .16em; font-size: .78rem !important; }
.footer p, .footer a, .footer-bottom, footer p, footer a { color: #9FB1A8 !important; }
.footer a:hover, footer a:hover { color: #F6F1E7 !important; }

/* ---------- Satır içi açık renkleri koyulaştır ----------
   Sayfalarda style="background:#fff" gibi sabit beyaz kutular var;
   bunları cam yüzeye çeviriyoruz. */
[style*="background:#fff"], [style*="background: #fff"], [style*="background:#FFF"], [style*="background: #FFF"],
[style*="background:white"], [style*="background: white"], [style*="background-color:#fff"], [style*="background-color: #fff"],
[style*="background-color:white"], [style*="background-color: white"] {
  background: var(--pt-glass) !important;
  border-color: var(--pt-glass-line) !important;
}
[style*="color:#000"], [style*="color: #000"], [style*="color:#111"], [style*="color: #111"], [style*="color:#17231e"],
[style*="color:#333"], [style*="color: #333"], [style*="color:#1f2937"], [style*="color: #1f2937"], [style*="color:#24322b"] {
  color: var(--text) !important;
}

/* ---------- Sayfalara gömülü sabit koyu başlık/yazı renkleri ----------
   (giriş, kayıt, iletişim, rehber ve admin sayfalarında #176348, #241f17,
   #0f172a gibi açık temaya göre yazılmış renkler var) */
html body h1:not(.gradient-text):not(.gradient-text-gold),
html body h2:not(.gradient-text):not(.gradient-text-gold),
html body h3:not(.gradient-text):not(.gradient-text-gold),
html body h4:not(.gradient-text):not(.gradient-text-gold) { color: var(--text) !important; }
html body .auth-title, html body #formTitle { color: var(--text) !important; -webkit-text-fill-color: currentColor !important; }
html body .s-num, html body .panel-title, html body .quick-title, html body #charCount,
html body #activeTemplateName, html body #previewRecipient, html body #previewPhone { color: var(--text) !important; }
html body label:not([class*="btn"]) { color: var(--text-secondary) !important; }
html body .auth-footer a { color: #D6B270 !important; }
html body #photoUploadArea { background: rgba(0,0,0,.25) !important; border-color: rgba(214,178,112,.35) !important; color: var(--text) !important; }
html.pt-admin-toptanci-uyeler body button.btn:not(.success):not(.danger) {
  background: rgba(255,255,255,.06) !important; color: var(--text) !important; border: 1px solid rgba(255,255,255,.16) !important;
}

/* ---------- Giriş / kayıt / toptancı sol paneli ----------
   Sayfalardaki eski düz yeşil degradeyi (#176348 → #27765e) ezer. */
html body .auth-visual, html body .toptanci-visual {
  position: relative !important; overflow: hidden !important; isolation: isolate;
  background:
    radial-gradient(520px 460px at 18% 8%, rgba(19,112,79,.55), transparent 62%),
    radial-gradient(420px 380px at 95% 100%, rgba(214,178,112,.16), transparent 60%),
    linear-gradient(165deg, #0A2A1F 0%, #071A13 55%, #06110D 100%) !important;
  border-right: 1px solid rgba(214,178,112,.2) !important;
  box-shadow: inset -40px 0 80px -40px rgba(0,0,0,.6);
}
/* 3D altın küre */
html body .auth-visual::before, html body .toptanci-visual::before {
  content: "" !important; position: absolute !important; z-index: -1; pointer-events: none;
  width: 110px !important; height: 110px !important; top: 4% !important; right: -38px !important; left: auto !important; bottom: auto !important;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, #FFF8E2 0%, #F0D396 14%, #C79A4C 43%, #6E4D18 69%, #3A270A 80%) !important;
  box-shadow: inset -8px -10px 24px rgba(0,0,0,.35), 0 30px 50px -12px rgba(0,0,0,.6);
  animation: pt-float 7s ease-in-out infinite;
}
/* 3D altın halka */
html body .auth-visual::after, html body .toptanci-visual::after {
  content: "" !important; position: absolute !important; z-index: -1; pointer-events: none;
  width: 240px !important; height: 240px !important; right: -90px !important; bottom: -100px !important; top: auto !important; left: auto !important;
  border-radius: 50%;
  background:
    radial-gradient(closest-side, transparent 55%, rgba(0,0,0,.45) 57%, transparent 66%, transparent 84%, rgba(0,0,0,.55) 100%),
    radial-gradient(closest-side, transparent 64%, rgba(255,250,230,.5) 70%, transparent 78%),
    linear-gradient(135deg, #FFF4D6 0%, #E2BD76 30%, #9C7430 65%, #4A330E 100%) !important;
  -webkit-mask: radial-gradient(closest-side, transparent 55%, #000 56.5%, #000 98.5%, transparent 100%);
          mask: radial-gradient(closest-side, transparent 55%, #000 56.5%, #000 98.5%, transparent 100%);
  filter: drop-shadow(0 24px 30px rgba(0,0,0,.5));
  opacity: .7;
  animation: pt-spin-slow 28s linear infinite;
}
@keyframes pt-spin-slow { to { transform: rotate(360deg); } }
html body .auth-visual-content { position: relative; z-index: 1; }
html body .auth-visual h1, html body .auth-visual h2 {
  font-family: var(--pt-serif) !important; font-weight: 600 !important;
  font-size: clamp(2.2rem, 3.2vw, 3rem) !important; line-height: 1.02 !important; letter-spacing: -.02em !important;
  color: #F6F1E7 !important; margin-bottom: 1rem !important;
}
html body .auth-visual h2 span, html body .auth-visual h1 span {
  font-style: italic; font-weight: 500;
  background: linear-gradient(180deg, #FBEFCB 0%, #D6B270 55%, #A07A35 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important;
}
html body .auth-visual p { color: #B4C2BA !important; font-size: 1rem !important; line-height: 1.7 !important; max-width: 420px; }
html body .auth-visual .av-stat {
  background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(255,255,255,.13) !important; border-radius: 18px !important;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 18px 36px -14px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.12) !important;
  padding: 1.1rem .6rem !important;
}
html body .auth-visual .av-stat:hover { border-color: rgba(214,178,112,.45) !important; transform: translateY(-3px); }
html body .auth-visual .av-stat .n {
  display: block; font-family: var(--pt-serif) !important; font-weight: 700 !important; font-size: 2rem !important; line-height: 1 !important;
  background: linear-gradient(180deg, #FBEFCB 0%, #D6B270 55%, #A07A35 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important;
}
html body .auth-visual .av-stat .l { display: block; margin-top: .35rem; color: #8A9B92 !important; font-size: .62rem !important; font-weight: 700; letter-spacing: .12em !important; }
/* Avantaj listesi: 3D zümrüt ikon karoları */
html body .auth-visual .auth-benefits-list li,
html body .auth-visual .auth-visual-content > div:last-child > div { color: #D2DBD5 !important; font-size: .92rem !important; gap: .85rem !important; }
html body .auth-visual .auth-benefits-list li i,
html body .auth-visual .auth-visual-content > div:last-child > div > i {
  flex: none; width: 34px !important; height: 34px !important; border-radius: 11px;
  display: inline-grid !important; place-items: center; font-size: .82rem !important; color: #F4E2B4 !important;
  background: linear-gradient(135deg, #1E8C63, #0B4A33);
  border: 1px solid rgba(244,226,180,.3);
  box-shadow: inset 0 2px 2px rgba(255,255,255,.3), inset 0 -5px 8px rgba(2,16,9,.5), 0 8px 16px -6px rgba(0,0,0,.6);
}
html body .auth-visual .auth-benefits-list { gap: .75rem !important; }
@media (prefers-reduced-motion: reduce) { html body .auth-visual::before, html body .auth-visual::after, html body .toptanci-visual::before, html body .toptanci-visual::after { animation: none !important; } }

/* ---------- 3D süsler (premium-fx.js ekler) ---------- */
/* z-index:-1 → içeriğin arkasında, sayfa zemininin önünde kalır */
.pt-fx { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.pt-orb { position: absolute; border-radius: 50%; will-change: transform; }
.pt-orb--gold { background: radial-gradient(circle at 34% 28%, #FFF8E2 0%, #F0D396 14%, #C79A4C 43%, #6E4D18 69%, #3A270A 80%); }
.pt-orb--emerald { background: radial-gradient(circle at 34% 28%, #C8FFE6 0%, #56D7A6 12%, #159067 38%, #07402C 65%, #021009 80%); }
.pt-orb { box-shadow: inset -6px -8px 18px rgba(0,0,0,.35), 0 20px 40px -10px rgba(0,0,0,.55); opacity: .9; }
.pt-ring {
  position: absolute; border-radius: 50%;
  background:
    radial-gradient(closest-side, transparent 55%, rgba(0,0,0,.45) 57%, transparent 66%, transparent 84%, rgba(0,0,0,.55) 100%),
    radial-gradient(closest-side, transparent 64%, rgba(255,250,230,.5) 70%, transparent 78%),
    linear-gradient(135deg, #FFF4D6 0%, #E2BD76 30%, #9C7430 65%, #4A330E 100%);
  -webkit-mask: radial-gradient(closest-side, transparent 55%, #000 56.5%, #000 98.5%, transparent 100%);
          mask: radial-gradient(closest-side, transparent 55%, #000 56.5%, #000 98.5%, transparent 100%);
  filter: drop-shadow(0 20px 30px rgba(0,0,0,.5));
  opacity: .55;
}
@keyframes pt-float { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -22px, 0); } }
@keyframes pt-turn { 0%, 100% { transform: rotateX(18deg) rotateY(-22deg) rotateZ(-20deg); } 50% { transform: rotateX(32deg) rotateY(26deg) rotateZ(20deg); } }
.pt-float { animation: pt-float 8s ease-in-out infinite; }
.pt-turn { animation: pt-turn 12s ease-in-out infinite; }

/* Kaydırınca belirme */
.pt-reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s cubic-bezier(.22,.8,.24,1), transform .8s cubic-bezier(.22,.8,.24,1); }
.pt-reveal.pt-in { opacity: 1; transform: none; }

@media (max-width: 768px) {
  .navbar, .navbar.transparent, .navbar.scrolled { padding: .4rem .6rem !important; }
  .navbar .nav-container { padding: .35rem .4rem .35rem 1rem !important; }
  .pt-orb, .pt-ring { opacity: .45; }
}
@media (prefers-reduced-motion: reduce) {
  .top-ticker-inner, .pt-float, .pt-turn { animation: none !important; }
  .pt-reveal { opacity: 1 !important; transform: none !important; }
}

/* ---------- Yeni logo (altın küre + Kuaförlerim + PRO), eski logo görselinin yerine ---------- */
.kf-wordmark { display: inline-flex; align-items: center; gap: .55em; font-size: 26px; line-height: 1; color: #F6F1E7; text-decoration: none; vertical-align: middle; }
.kf-wordmark__orb { width: 1.3em; height: 1.3em; border-radius: 24%; flex: none; background: url(/images/marka/ikon.svg) center / cover no-repeat; box-shadow: 0 .25em .55em -.2em rgba(0,0,0,.6); }
.kf-wordmark .kf-wordmark__pro { display: none !important; }
.kf-wordmark .kf-wordmark__text { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 1em !important; font-weight: 700 !important; letter-spacing: -.02em !important; text-transform: none !important; color: #F6F1E7 !important; -webkit-text-fill-color: #F6F1E7 !important; background: none !important; }
.kf-wordmark .kf-wordmark__pro { font-family: Manrope, system-ui, sans-serif !important; font-size: .38em !important; font-weight: 800 !important; letter-spacing: .1em !important; line-height: 1 !important; padding: .3em .55em !important; border-radius: .45em !important; color: #1A1206 !important; -webkit-text-fill-color: #1A1206 !important; background: linear-gradient(135deg, #FBEFCB 0%, #D6B270 45%, #9C7430 100%) !important; }
span.kf-wordmark, a .kf-wordmark { font-size: 26px !important; line-height: 1 !important; }
.kf-wordmark.kf-wordmark--sm { font-size: 22px !important; }
.kf-wordmark.kf-wordmark--md { font-size: 28px !important; }
.kf-wordmark.kf-wordmark--lg { font-size: 34px !important; }

/* ===== K yükleyici: yeşil K, etrafında dönen altın halka =====
   Kullanım: <span class="kf-yukleyici"></span>. Sayfalardaki büyük .spinner'lar da bu görünüme döner. */
.kf-yukleyici,
html body .loading-overlay .spinner, html body .loading-spinner .spinner, html body .store-loading .spinner {
  position: relative !important; display: block !important; width: 62px !important; height: 62px !important; margin: 0 auto !important;
  border: 0 !important; border-radius: 50% !important; animation: none !important; flex-shrink: 0;
  background: url("/images/marka/ikon.svg") center / 58% no-repeat, radial-gradient(circle, rgba(6,17,13,.35) 55%, transparent 72%) !important;
}
.kf-yukleyici::before,
html body .loading-overlay .spinner::before, html body .loading-spinner .spinner::before, html body .store-loading .spinner::before {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(214,178,112,0) 0deg, rgba(214,178,112,.12) 90deg, #C79A4C 220deg, #F6E2A8 320deg, #FFF8E2 352deg, rgba(214,178,112,0) 360deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4.5px));
          mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4.5px));
  filter: drop-shadow(0 0 6px rgba(246,226,168,.5)); animation: kfHalka .9s linear infinite;
}
.kf-yukleyici--kucuk { width: 40px !important; height: 40px !important; }
.kf-yukleyici--kucuk::before { -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 calc(100% - 3px)); mask: radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 calc(100% - 3px)); }
@keyframes kfHalka { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .kf-yukleyici::before, html body .spinner::before { animation-duration: 2.4s; } }