/**
 * Belle Aura - Luxury Black & Gold Master Theme (Maison Elise Standard)
 *
 * Exact Brand Palette:
 * - Siyah: #0D0D0D (Ana zemin, derin ve premium görünüm)
 * - Gold: #C9A24D (Logo, başlıklar, butonlar, fiyatlar, yıldızlar, önemli detaylar)
 * - Kırık Beyaz: #F8F6F1 (Metin alanları ve açık tipografi)
 * - Soft Nude: #E8D8CC (Güzellik/cilt bakım sıcak vurguları, etiketler)
 * - Koyu Kahve: #3A302B (Yardımcı renk, kenarlıklar, koyu paneller)
 */

:root {
  --primary: #C9A24D;
  --primary-hover: #DBB358;
  --primary-contrast: #0D0D0D;
  --ink: #F8F6F1;
  --paper: #171513;
  --paper-card: #171513;
  --paper-elevated: #201C18;
  --cream: #0D0D0D;
  --soft: #241E1A;
  --nude: #E8D8CC;
  --line: #3A302B;
  --line-light: #4E4038;
  --muted: #A89F94;
  --danger: #e05d5d;
  --border-solid: 1px solid #C9A24D;
  --border-color: #C9A24D;
  --radius: 20px;
}

/* ==========================================================================
   1. GLOBAL ZEMİN, BODY, MAIN & TÜM SAYFA BÖLÜMLERİ
   ========================================================================== */
html,
body,
body.customer-site,
main {
  background-color: #0D0D0D !important;
  color: #F8F6F1 !important;
}

::selection {
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

/* Tüm Sayfa ve Bölüm Arka Planları (Açık/bej olan her yeri siyah yapar) */
.hero-original,
.home-section,
.home-products-showcase,
.home-portfolio-section,
.services-hero,
.service-browser,
.services-portfolio-block,
.packages-hero,
.packages-section,
.campaign-hero,
.campaign-showcase,
.campaign-membership,
.campaigns-page,
.products-intro,
.product-browser,
.about-page,
.about-hero,
.about-values,
.about-team,
.contact-page,
.contact-hero,
.contact-links,
.contact-branches,
.contact-hours,
.blog-page,
.blog-hero,
.booking-page,
.appointment-payment-page,
.page-intro,
.account-surface,
.auth-shell,
.staff-apply-shell,
.lux-stats-strip,
.lux-reviews-section,
.lux-about-showcase {
  background-color: #0D0D0D !important;
  color: #F8F6F1 !important;
}

/* Tipografi & Başlıklar */
h1, h2, h3, h4, h5, h6 {
  color: #F8F6F1 !important;
}

.eyebrow,
.product-category-tag,
.service-category-tag,
.service-card-copy p,
.about-hero-badge,
.hero-copy .eyebrow,
.home-title .eyebrow,
.lux-about-pill {
  color: #C9A24D !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

p, span, li, dd, dt, label {
  color: inherit;
}

/* ==========================================================================
   2. HEADER, TOPBAR & MENÃœLER
   ========================================================================== */
.topbar {
  background: #080808 !important;
  border-bottom: 1px solid #1C1814 !important;
  color: #A89F94 !important;
}

.topbar a {
  color: #A89F94 !important;
}

.topbar a:hover {
  color: #C9A24D !important;
}

.topbar-social a {
  background: #141210 !important;
  border: 1px solid rgba(201, 162, 77, 0.35) !important;
  color: #C9A24D !important;
}

.topbar-social a:hover {
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

.site-header {
  background: rgba(13, 13, 13, 0.95) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid #221D18 !important;
  position: relative !important;
  top: auto !important;
  
}

.brand {
  color: #F8F6F1 !important;
}

.brand-mark:not(.has-logo) {
  border: 1px solid var(--border-color) !important;
  color: #C9A24D !important;
  background: rgba(201, 162, 77, 0.06) !important;
  box-shadow: none !important;
}

.brand-mark.has-logo,
.site-header .brand-mark.has-logo {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: auto !important;
  height: 68px !important;
  max-height: 72px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
}

.brand-mark.has-logo img,
.site-header .brand-mark.has-logo img {
  filter: brightness(0) invert(1) drop-shadow(0 2px 5px rgba(0,0,0,0.4)) !important;
  width: auto !important;
  height: 68px !important;
  max-height: 72px !important;
  max-width: 280px !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.site-header .brand:has(.brand-mark.has-logo) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: 72px !important;
}

@media(min-width: 981px) {
  .site-header .nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .site-header .nav-links a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #D6CEC5 !important;
    background: transparent !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    padding: 8px 12px 10px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
  }

  .site-header .nav-links a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0px !important;
    left: 50% !important;
    width: 22px !important;
    height: 2px !important;
    background: #C9A24D !important;
    border-radius: 2px !important;
    transform: translateX(-50%) scaleX(0) !important;
    opacity: 0 !important;
    transition: transform 0.25s ease, opacity 0.25s ease !important;
  }

  .site-header .nav-links a:hover {
    color: #F8F6F1 !important;
    background: transparent !important;
  }

  .site-header .nav-links a:hover::after {
    transform: translateX(-50%) scaleX(0.6) !important;
    opacity: 0.5 !important;
  }

  .site-header .nav-links a.active {
    color: #C9A24D !important;
    font-weight: 600 !important;
    background: transparent !important;
  }

  .site-header .nav-links a.active::after {
    transform: translateX(-50%) scaleX(1) !important;
    opacity: 1 !important;
  }
}

.menu-button {
  background: #1A1714 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.cart-circle {
  background: #1A1714 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.cart-circle:hover {
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

.cart-circle [data-cart-count] {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  font-weight: 800 !important;
}

.guest-login {
  color: #F8F6F1 !important;
  border: var(--border-solid) !important;
  background: #161412 !important;
}

.guest-login:hover {
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

.guest-register {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  font-weight: 700 !important;
}

.guest-register:hover {
  background: #DBB358 !important;
  box-shadow: 0 4px 14px rgba(201, 162, 77, 0.35) !important;
}

.user-preview summary {
  background: #161412 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.user-preview summary span {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  font-weight: 800 !important;
}

.user-menu {
  background: #161412 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7) !important;
}

.user-menu a,
.user-menu button {
  color: #D6CBC2 !important;
}

.user-menu a:hover,
.user-menu button:hover {
  background: rgba(201, 162, 77, 0.12) !important;
  color: #C9A24D !important;
}

.products-mega,
.services-mega {
  background: #141210 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6) !important;
}

.products-mega-categories a,
.services-mega-grid a {
  background: #1A1714 !important;
  border: 1px solid transparent !important;
  color: #F8F6F1 !important;
}

.products-mega-categories a:hover,
.services-mega-grid a:hover {
  background: #241F1A !important;
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

.services-mega-grid h3 {
  color: #C9A24D !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.services-mega-more {
  color: #C9A24D !important;
  border-top: 1px solid var(--border-color) !important;
}

/* ==========================================================================
   3. BUTONLAR: GOLD ZEMÄ°N + SÄ°YAH YAZI (TÃœM SAYFALARDA)
   ========================================================================== */
.button,
.card-book-btn,
.btn-product-cart,
.btn-service-book,
.booking-submit-btn,
.btn-gold,
.btn-product-view,
.hero-original .button,
a.button:not(.secondary):not(.button-outline):not(.ghost),
button.button:not(.secondary):not(.button-outline):not(.ghost),
input[type="submit"].button {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  border: var(--border-solid) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 3px 12px rgba(201, 162, 77, 0.28) !important;
  transition: all 0.22s ease !important;
}

.button:hover,
.card-book-btn:hover,
.btn-product-cart:hover,
.btn-service-book:hover,
.booking-submit-btn:hover,
.btn-gold:hover,
.btn-product-view:hover,
.hero-original .button:hover,
a.button:not(.secondary):not(.button-outline):not(.ghost):hover,
button.button:not(.secondary):not(.button-outline):not(.ghost):hover {
  background: #DBB358 !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
  box-shadow: 0 6px 20px rgba(201, 162, 77, 0.45) !important;
  transform: translateY(-2px) !important;
}

.button.secondary,
.button.ghost,
.button-outline,
.btn-secondary {
  background: transparent !important;
  color: #C9A24D !important;
  border: var(--border-solid) !important;
}

.button.secondary:hover,
.button.ghost:hover,
.button-outline:hover,
.btn-secondary:hover {
  background: rgba(201, 162, 77, 0.14) !important;
  color: #F8F6F1 !important;
}

/* ==========================================================================
   4. KARTLAR & PANELLER (LÃœKS ESPRESSO ZEMÄ°N & BRONZ KENARLAR)
   ========================================================================== */
.content-card,
.service-card,
.service-card-copy,
.service-detail-card,
.home-service-card,
.home-service-body,
.product-card,
.product-card > div,
.home-product-card,
.home-product-body,
.home-expert-card,
.home-expert-body,
.package-card,
.packages-grid article,
.campaign-card,
.campaign-card-copy,
.campaign-feature-card,
.campaign-feature-copy,
.portfolio-item-card,
.portfolio-card-body,
.review-card,
.lux-review-card,
.blog-card,
.blog-card-copy,
.blog-article,
.blog-detail-card,
.branch-grid > article,
.about-card,
.about-team-card,
.about-values article,
.about-faq details,
.contact-card,
.contact-form-wrap,
.branch-card,
.contact-branches article,
.contact-hours article,
.contact-links article,
.contact-grid > div,
.product-filters,
.shop-panel,
.shop-summary,
.booking-planner,
.booking-surface,
.booking-summary,
.booking-step-card,
.auth-box,
.auth-card,
.auth-side,
.staff-apply-card,
.staff-apply-shell .panel-card,
.panel-card,
.stat-card,
.portfolio-item-detail,
.product-detail-card,
.order-card,
.appointment-card,
.profile-card {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45) !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.service-card:hover,
.home-service-card:hover,
.product-card:hover,
.home-product-card:hover,
.home-expert-card:hover,
.campaign-card:hover,
.portfolio-item-card:hover,
.packages-grid article:hover,
.review-card:hover,
.lux-review-card:hover,
.blog-card:hover {
  border-color: var(--border-color) !important;
  box-shadow: 0 10px 28px rgba(201, 162, 77, 0.16) !important;
}

/* Kart İçi Görsel Yuvaları ve Degrade Arka Planlar */
.home-service-card .home-service-image-wrap,
.home-service-image-wrap.tone-0,
.home-service-image-wrap.tone-1,
.home-service-image-wrap.tone-2,
.home-service-placeholder,
.home-product-card .home-product-image,
.home-product-image.tone-0,
.home-product-image.tone-1,
.home-product-image.tone-2,
.home-product-placeholder,
.product-card-image,
.editorial-image,
.service-detail-visual,
.portfolio-media-thumb,
.campaign-art-feature,
.campaign-card-art,
.blog-image,
.expert-portrait {
  background: radial-gradient(circle at 50% 35%, #2a221c 0%, #151210 100%) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

/* Kart İçi Başlıklar ve Bağlantılar */
.home-service-card .service-card-title,
.home-product-body h3,
.home-expert-body h3,
.product-card h3,
.product-card h3 a,
.service-card h3,
.service-card h3 a,
.packages-grid article h3,
.campaign-card h3,
.campaign-feature-copy h2,
.blog-card h3,
.blog-card h3 a,
.contact-branches article h3,
.contact-links article b,
.panel-card h2,
.panel-card h3,
.auth-box h1,
.auth-box h2,
.booking-intro h1,
.about-values h3,
.lux-about-heading {
  color: #F8F6F1 !important;
}

.about-values p,
.lux-about-lead,
.lux-about-body,
.campaign-feature-copy > p,
.home-expert-body p,
.avatar-status-text {
  color: #D1C7BD !important;
}

/* Fiyatlar */
.product-price-tag,
.product-card span,
.service-card strong,
.home-service-price,
.package-card strong,
.packages-grid article strong,
.shop-totals strong,
.service-price-value,
.about-values article i {
  color: #C9A24D !important;
  font-weight: 700 !important;
}

/* Modals: Lightbox & Video Player */
.site-lightbox-modal .lightbox-container,
.site-video-modal .video-modal-container {
  background: #171513 !important;
  border: 1px solid #3A302B !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.85) !important;
}

.site-lightbox-modal .lightbox-caption,
.site-video-modal .video-modal-caption {
  background: #171513 !important;
  color: #E8D8CC !important;
  border-top: 1px solid #2A221C !important;
}

.site-lightbox-modal .lightbox-caption h3,
.site-video-modal .video-modal-caption h3 {
  color: #F8F6F1 !important;
  font-family: 'Cinzel Decorative', Georgia, serif !important;
  margin-bottom: 8px !important;
}

.site-lightbox-modal .lightbox-caption p,
.site-video-modal .video-modal-caption p {
  color: #A89F94 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.site-lightbox-modal .lightbox-category,
.site-video-modal .video-category {
  background: rgba(201, 162, 77, 0.15) !important;
  color: #C9A24D !important;
  border: 1px solid rgba(201, 162, 77, 0.3) !important;
  display: inline-block !important;
  padding: 4px 10px !important;
  border-radius: 99px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.site-lightbox-modal .lightbox-media-frame,
.site-video-modal .video-modal-media-frame {
  background: #0D0D0D !important;
}

.video-default-logo-cover {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: radial-gradient(circle at 50% 45%, #2a221b 0%, #12100e 100%) !important;
  padding: 24px !important;
}

.video-default-logo-cover .video-cover-logo {
  max-width: 130px !important;
  max-height: 65px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,0.7)) !important;
  transition: transform 0.4s ease !important;
}

.portfolio-item-card:hover .video-default-logo-cover .video-cover-logo {
  transform: scale(1.08) !important;
}

/* Before / After Dönüşüm Karşılaştırma Lightbox */
.site-lightbox-modal .lightbox-ba-stage {
  position: relative !important;
  width: 100% !important;
  max-width: 960px !important;
  height: 58vh !important;
  min-height: 320px !important;
  max-height: 600px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: pan-y !important;
  cursor: ew-resize !important;
  background: #0A0908 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.site-lightbox-modal .lightbox-ba-layer {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.site-lightbox-modal .lightbox-ba-layer .lightbox-ba-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.site-lightbox-modal .lightbox-ba-before-layer {
  clip-path: inset(0 calc(100% - var(--pos, 50%)) 0 0) !important;
  -webkit-clip-path: inset(0 calc(100% - var(--pos, 50%)) 0 0) !important;
  z-index: 2 !important;
}

.site-lightbox-modal .lightbox-ba-after-layer {
  z-index: 1 !important;
}

.site-lightbox-modal .lightbox-ba-handle {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: var(--pos, 50%) !important;
  width: 44px !important;
  margin-left: -22px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  cursor: ew-resize !important;
  pointer-events: none !important;
}

.site-lightbox-modal .lightbox-ba-handle .ba-handle-line {
  flex: 1 !important;
  width: 2px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.9), 0 0 3px rgba(201, 162, 77, 0.9) !important;
}

.site-lightbox-modal .lightbox-ba-handle .ba-handle-btn {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #DFBE72 0%, #C9A24D 100%) !important;
  color: #141210 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 0 0 2.5px #ffffff !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  pointer-events: auto !important;
}

.site-lightbox-modal .lightbox-ba-stage:hover .ba-handle-btn,
.site-lightbox-modal .lightbox-ba-stage.is-dragging .ba-handle-btn {
  transform: scale(1.15) !important;
  box-shadow: 0 6px 28px rgba(201, 162, 77, 0.8), 0 0 0 3px #ffffff !important;
}

.site-lightbox-modal .lightbox-ba-badge {
  position: absolute !important;
  bottom: 16px !important;
  padding: 6px 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  border-radius: 4px !important;
  pointer-events: none !important;
  text-transform: uppercase !important;
  z-index: 5 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7) !important;
}

.site-lightbox-modal .lightbox-ba-badge.before {
  left: 16px !important;
  background: rgba(18, 16, 14, 0.88) !important;
  color: #F8F6F1 !important;
  border: 1px solid rgba(201, 162, 77, 0.5) !important;
  backdrop-filter: blur(8px) !important;
}

.site-lightbox-modal .lightbox-ba-badge.after {
  right: 16px !important;
  background: rgba(201, 162, 77, 0.95) !important;
  color: #12100E !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(8px) !important;
}

@media (max-width: 640px) {
  .site-lightbox-modal .lightbox-ba-stage {
    height: 48vh !important;
    min-height: 250px !important;
  }
  .site-lightbox-modal .lightbox-ba-handle .ba-handle-btn {
    width: 36px !important;
    height: 36px !important;
  }
  .site-lightbox-modal .lightbox-ba-badge {
    font-size: 10px !important;
    padding: 4px 10px !important;
    bottom: 10px !important;
  }
  .site-lightbox-modal .lightbox-ba-badge.before {
    left: 10px !important;
  }
  .site-lightbox-modal .lightbox-ba-badge.after {
    right: 10px !important;
  }
}

/* ==========================================================================
   5. ANASAYFA, TRUST & SHOWCASE DETAYLARI
   ========================================================================== */

/* Ana slider: tasarımlı slide olmayan durumda nude arka plan */
.hero-original:not(.is-designed-slide) {
  background-color: #fffaf4 !important;
}

.hero-original h1 {
  color: #2B2320 !important;
}

.hero-original-copy > p:not(.eyebrow) {
  color: #6f5b52 !important;
}

.editorial-visual .editorial-image {
  background: #f3e6de !important;
}

.ritual-note {
  background: rgba(255, 253, 249, 0.91) !important;
  border: var(--border-solid) !important;
  color: #2B2320 !important;
}

.ritual-note strong {
  color: #2B2320 !important;
}

.ritual-note span {
  color: #6f5b52 !important;
}

/* Tasarlanmış slider: sadece görsel, yazı bloğu gizli */
.hero-original.is-designed-slide {
  grid-template-columns: 1fr !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.hero-original.is-designed-slide .hero-original-copy {
  display: none !important;
}

.hero-original.is-designed-slide .editorial-visual {
  min-height: 440px !important;
}

@media(max-width:800px) {
  .hero-original.is-designed-slide {
    aspect-ratio: 1920 / 780 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
  .hero-original.is-designed-slide .editorial-visual {
    min-height: 0 !important;
  }
  .home-appointment-wrap,
  .home-appointment-wrap.wrap,
  .trust > .home-appointment-wrap {
    position: relative !important;
    z-index: 10 !important;
    margin-top: -24px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
  }
}

.trust {
  background: #12100E !important;
  border-block: 1px solid #28211C !important;
}

.home-appointment-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.home-appointment-search {
  background: #171513 !important;
  border: 1px solid rgba(201, 162, 77, 0.45) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.6) !important;
}

.home-appointment-intro {
  border-right: 1px solid rgba(201, 162, 77, 0.25) !important;
  border-bottom-color: rgba(201, 162, 77, 0.25) !important;
}

.home-appointment-intro span {
  color: #C9A24D !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
}

.home-appointment-intro strong {
  color: #F8F6F1 !important;
  font-family: 'Cinzel Decorative', Georgia, serif !important;
}

.home-appointment-search > label,
.home-appointment-search > .home-appointment-field {
  background: #1E1A16 !important;
  border: 1px solid #3A302B !important;
  border-radius: 12px !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}

.home-appointment-search > label:focus-within,
.home-appointment-search > label:hover,
.home-appointment-search > .home-appointment-field:focus-within,
.home-appointment-search > .home-appointment-field:hover {
  border-color: var(--border-color) !important;
  background: #231E19 !important;
}

.home-appointment-search > label > span,
.home-appointment-search > .home-appointment-field > span {
  color: #A89F94 !important;
  font-weight: 700 !important;
}

.home-appointment-search select,
.home-appointment-search input,
.home-picker-trigger,
.home-date-trigger {
  color: #F8F6F1 !important;
  background: transparent !important;
}

.home-picker-trigger::after,
.home-date-trigger i {
  color: #C9A24D !important;
}

.home-picker.is-disabled .home-picker-trigger {
  color: #6E6359 !important;
}

.home-picker-menu,
.home-date-calendar {
  background: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7) !important;
}

.home-picker-search {
  background: #221D19 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.home-picker-search:focus {
  border-color: var(--border-color) !important;
  outline: none !important;
}

.home-picker-option {
  color: #E8D8CC !important;
  background: transparent !important;
}

.home-picker-option:hover,
.home-picker-option.is-selected {
  background: #29221C !important;
  color: #C9A24D !important;
}

.home-picker-option:disabled {
  color: #5C5249 !important;
}

.home-date-calendar header {
  color: #F8F6F1 !important;
}

.home-date-calendar header button {
  background: #221D19 !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

.home-date-calendar header button:hover {
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

.home-date-week {
  color: #A89F94 !important;
}

.home-date-days button {
  color: #F8F6F1 !important;
}

.home-date-days button:hover {
  background: #2A221B !important;
  color: #C9A24D !important;
}

.home-date-days button.is-selected {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  font-weight: 800 !important;
}

.home-date-days button.is-closed {
  color: #52473F !important;
}

.home-date-days button:disabled {
  color: #3D352F !important;
}

.home-appointment-feedback {
  color: #D1C7BD !important;
}

/* Güven Rozetleri Şeridi (Hizmetler ve Ürünler Arası) */
.home-trust-strip {
  background: linear-gradient(180deg, rgba(23, 21, 19, 0.95) 0%, rgba(18, 16, 14, 0.95) 100%) !important;
  border-top: 1px solid rgba(201, 162, 77, 0.2) !important;
  border-bottom: 1px solid rgba(201, 162, 77, 0.2) !important;
  padding: 32px 0 !important;
  margin: 54px 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 36px rgba(0, 0, 0, 0.5) !important;
}

.home-trust-strip .trust-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  align-items: center !important;
}

.trust-grid > div {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: #F8F6F1 !important;
}

.trust-grid > div .trust-icon,
.trust-grid > div i {
  color: #C9A24D !important;
  font-size: 24px !important;
  flex-shrink: 0 !important;
}

.trust-grid > div em {
  color: #A89F94 !important;
  font-size: 12px !important;
  display: block !important;
}

.trust-grid > div b {
  color: #F8F6F1 !important;
  font-size: 14.5px !important;
  display: block !important;
}

@media(max-width: 900px) {
  .home-trust-strip .trust-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}

@media(max-width: 540px) {
  .home-trust-strip .trust-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* Belle Aura Hikayesi - Özellik Kutuları & Rozet */
.lux-feat-item {
  background: #171513 !important;
  border: var(--border-solid) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.lux-feat-item:hover {
  transform: translateY(-2px) !important;
  border-color: var(--border-color) !important;
}

.lux-feat-item .feat-icon-wrap,
.lux-feat-item i {
  background: #241E1A !important;
  color: #C9A24D !important;
  border: var(--border-solid) !important;
  border-radius: 8px !important;
}

.lux-feat-item .feat-svg {
  stroke: #C9A24D !important;
}

.lux-feat-item strong {
  color: #F8F6F1 !important;
}

.lux-feat-item small {
  color: #A89F94 !important;
}

.lux-floating-badge {
  background: rgba(23, 21, 19, 0.94) !important;
  border: var(--border-solid) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}

.lux-floating-badge .badge-icon-wrap {
  background: #241E1A !important;
  color: #C9A24D !important;
  border: var(--border-solid) !important;
}

.lux-floating-badge .badge-svg {
  stroke: #C9A24D !important;
}

.lux-floating-badge strong {
  color: #F8F6F1 !important;
}

.lux-floating-badge small {
  color: #A89F94 !important;
}

/* İstatistik Şeridi & Kartları */
.lux-stats-strip {
  background: #12100E !important;
  border-block: 1px solid #28211C !important;
}

.lux-stat-card {
  background: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.lux-stat-card:hover {
  transform: translateY(-3px) !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 10px 24px rgba(201, 162, 77, 0.12) !important;
}

.lux-stat-card.highlight {
  background: linear-gradient(135deg, #1D1915 0%, #151311 100%) !important;
  border: var(--border-solid) !important;
}

.lux-stat-card .stat-icon-wrap {
  background: #241E1A !important;
  color: #C9A24D !important;
  border: var(--border-solid) !important;
}

.lux-stat-card:hover .stat-icon-wrap {
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

.lux-stat-card .stat-svg {
  stroke: #C9A24D !important;
}

.lux-stat-card .stat-svg.star {
  fill: #C9A24D !important;
  color: #C9A24D !important;
}

.lux-stat-card .stat-num {
  color: #C9A24D !important;
}

.lux-stat-card .stat-label {
  color: #F8F6F1 !important;
}

.lux-stat-card .stat-sub {
  color: #A89F94 !important;
}

/* 4 Adımda Randevu (Steps Grid) */
.home-muted {
  background: #110F0E !important;
  border-block: 1px solid #241E1A !important;
}

.steps-grid article {
  background: #171513 !important;
  border: var(--border-solid) !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.steps-grid article:hover {
  transform: translateY(-4px) !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 12px 28px rgba(201, 162, 77, 0.15) !important;
}

.steps-grid article i,
.steps-grid i {
  color: #C9A24D !important;
  font-family: 'Cinzel Decorative', Georgia, serif !important;
}

.steps-grid article h3,
.steps-grid h3 {
  color: #F8F6F1 !important;
  font-family: 'Cinzel Decorative', Georgia, serif !important;
}

.steps-grid article p,
.steps-grid p {
  color: #D1C7BD !important;
}

/* Uzmanlarımızla Tanışın (Expert Cards & Monogram) */
.home-expert-card {
  background: #171513 !important;
  border: var(--border-solid) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.home-expert-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(201, 162, 77, 0.5) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.6), 0 0 20px rgba(201, 162, 77, 0.12) !important;
}

.home-expert-card .expert-portrait,
.expert-portrait,
.expert-portrait.tone-0,
.expert-portrait.tone-1,
.expert-portrait.tone-2 {
  background: radial-gradient(circle at 50% 35%, #28211B 0%, #151311 100%) !important;
  border-bottom: 1px solid var(--border-color) !important;
  aspect-ratio: 4 / 5 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.home-expert-card .expert-portrait img,
.expert-portrait img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}

.home-expert-card:hover .expert-portrait img {
  transform: scale(1.05) !important;
}

.home-expert-body {
  padding: 20px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  flex: 1 !important;
}

.expert-logo-placeholder {
  width: 100% !important;
  height: 100% !important;
  min-height: 220px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: radial-gradient(circle at 50% 50%, #251E19 0%, #141210 100%) !important;
  padding: 28px 20px !important;
  box-sizing: border-box !important;
}

.expert-logo-placeholder .expert-logo-img {
  width: 100% !important;
  max-width: 180px !important;
  height: auto !important;
  max-height: 110px !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  filter: drop-shadow(0 4px 16px rgba(201, 162, 77, 0.28)) !important;
  opacity: 0.95 !important;
  transition: transform 0.4s ease, opacity 0.4s ease !important;
}

.home-expert-card:hover .expert-logo-placeholder .expert-logo-img {
  transform: scale(1.06) !important;
  opacity: 1 !important;
}

.expert-card-name,
.home-expert-body h3 {
  color: #F8F6F1 !important;
  font-family: 'Cinzel Decorative', Georgia, serif !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.expert-card-unvan {
  color: #C9A24D !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.expert-book-btn {
  margin-top: 10px !important;
  width: 100% !important;
  max-width: 160px !important;
  padding: 8px 18px !important;
  font-size: 0.82rem !important;
  border-radius: 999px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #DFBE76 0%, #C9A24D 100%) !important;
  color: #12100E !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease !important;
}

.expert-book-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(201, 162, 77, 0.4) !important;
  opacity: 0.95 !important;
}

/* Neden Belle Aura? (Home Values) */
.home-values-heading h2 {
  color: #F8F6F1 !important;
}

.home-values-heading > p:last-child {
  color: #A89F94 !important;
}

.home-values-grid article {
  background: #171513 !important;
  border: var(--border-solid) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
  transition: transform 0.25s ease, border-color 0.25s ease !important;
}

.home-values-grid article:hover {
  transform: translateY(-2px) !important;
  border-color: var(--border-color) !important;
}

.home-values-grid i {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

.home-values-grid i i,
.home-values-grid .fa-solid,
.home-values-grid [class*="fa-"],
.membership-benefits i i,
.membership-benefits .fa-solid,
.membership-benefits [class*="fa-"] {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.home-values-grid h3 {
  color: #F8F6F1 !important;
  font-family: 'Cinzel Decorative', Georgia, serif !important;
}

.home-values-grid p {
  color: #D1C7BD !important;
}

/* Maison Belle Aura Hikayesi (Showcase) */
.aura-showcase {
  background: transparent !important;
  border-radius: 0 !important;
  border: 0 !important;
}

.aura-showcase-copy h2 {
  color: #F8F6F1 !important;
}

.aura-showcase-copy p {
  color: #D1C7BD !important;
}

.aura-gallery-main > div {
  background: rgba(18, 16, 14, 0.88) !important;
  backdrop-filter: blur(8px) !important;
  color: #F8F6F1 !important;
}

/* Müşteri Yorumları */
.lux-review-card {
  background: #171513 !important;
  border: var(--border-solid) !important;
}

.lux-review-card:hover {
  border-color: var(--border-color) !important;
}

.lux-review-card .review-stars i,
.lux-reviews-heading .star {
  color: #C9A24D !important;
}

/* Hakkımızda / Lux-About İkonları & Rozetleri */
.feat-icon-wrap {
  background: #241E1A !important;
  color: #C9A24D !important;
  border: var(--border-solid) !important;
}

.lux-floating-badge {
  background: #171513 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.lux-floating-badge small {
  color: #A89F94 !important;
}

/* ==========================================================================
   6. FÄ°LTRELER, ETÄ°KETLER & ROZETLER
   ========================================================================== */
.filter-pill,
.product-categories button,
.campaign-filter button {
  background: #191614 !important;
  border: var(--border-solid) !important;
  color: #D6CBC2 !important;
  font-weight: 500 !important;
}

.filter-pill:hover,
.product-categories button:hover,
.campaign-filter button:hover {
  background: #231E19 !important;
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

.filter-pill.active,
.filter-pill.selected,
.product-categories button.selected,
.campaign-filter button.active {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(201, 162, 77, 0.35) !important;
}

.filter-pill.active span,
.product-categories button.selected span {
  color: #0D0D0D !important;
  opacity: 0.9 !important;
}

.product-filters > button[data-product-reset] {
  background: #191614 !important;
  border: 1px dashed #4E4038 !important;
  color: #C9A24D !important;
}

.product-filters > button[data-product-reset]:hover {
  background: #241E1A !important;
  border-color: var(--border-color) !important;
}

/* Rozetler & Çipler */
.category-tag,
.duration-pill,
.type-pill,
.product-stock-pill,
.service-duration-badge,
.campaign-tag,
.apply-service-chip {
  background: #221D19 !important;
  border: var(--border-solid) !important;
  color: #E8D8CC !important;
}

.service-idx-badge {
  background: rgba(22, 19, 17, 0.92) !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

.product-stock-pill.in-stock,
.product-card-image em.in-stock,
.product-card-image em:not(.out-of-stock) {
  background: rgba(34, 197, 94, 0.18) !important;
  color: #4ade80 !important;
  border: var(--border-solid) !important;
}

.product-stock-pill.out-stock,
.product-card-image em.out-of-stock {
  background: rgba(239, 68, 68, 0.18) !important;
  color: #f87171 !important;
  border: var(--border-solid) !important;
}

/* ==========================================================================
   7. FORM ELEMANLARI (INPUT, SELECT, TEXTAREA)
   ========================================================================== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
textarea,
.product-filters input,
.product-filters select,
.product-toolbar select,
.booking-fields select,
.booking-fields input,
.home-appointment-search select,
.home-appointment-search input,
.auth-box input,
.auth-card input {
  background-color: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
  border-radius: 12px !important;
}

input::placeholder,
textarea::placeholder {
  color: #7A7067 !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--border-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(201, 162, 77, 0.25) !important;
}

/* ==========================================================================
   8. RANDEVU SÄ°HÄ°RBAZI & SEPET & HESABIM
   ========================================================================== */
.booking-planner {
  background: #171513 !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.6) !important;
}

.booking-surface,
.booking-summary {
  background: #141210 !important;
  border: var(--border-solid) !important;
}

.booking-step-card,
.calendar-day-btn,
.slot-pill,
.calendar-wrap {
  background: #1A1715 !important;
  border-color: var(--border-color) !important;
  color: #F8F6F1 !important;
}

.slot-pill:hover,
.calendar-day-btn:hover {
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

.slot-pill.active,
.calendar-day-btn.selected {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
  font-weight: 700 !important;
}

.shop-steps li.active span {
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

.shop-items article,
.payment-method-card {
  background: #1A1714 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.payment-method-card.is-selected {
  border-color: var(--border-color) !important;
  background: #241E1A !important;
}

/* Tablolar (Profil, SipariÅŸler, Randevular) */
.table-wrap table,
table {
  color: #F8F6F1 !important;
  border-color: var(--border-color) !important;
}

th {
  background: #1A1715 !important;
  color: #C9A24D !important;
  border-bottom: 1px solid var(--border-color) !important;
}

td {
  border-bottom: 1px solid var(--border-color) !important;
  color: #F8F6F1 !important;
}

/* ==========================================================================
   9. FOOTER & UYGULAMA Ä°NDÄ°RME ALANI
   ========================================================================== */
.site-footer {
  background: #080808 !important;
  border-top: 1px solid #221D18 !important;
}

.footer-grid b {
  color: #C9A24D !important;
  font-size: 15px !important;
}

.footer-grid p,
.footer-grid span,
.copyright {
  color: #9E9589 !important;
}

.footer-grid a {
  color: #D1C7BD !important;
}

.footer-grid a:hover {
  color: #C9A24D !important;
}

.footer-app-box {
  background: #141210 !important;
  border: 1px solid #28211C !important;
  border-radius: 16px !important;
  padding: 16px !important;
  margin-top: 18px !important;
}

.footer-app-btn {
  background: #1A1612 !important;
  border: 1px solid #362D26 !important;
  color: #F8F6F1 !important;
}

.footer-app-btn:hover {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  border-color: var(--border-color) !important;
}

.ios-install-card {
  background: #171513 !important;
  border: 1px solid rgba(201, 162, 77, 0.3) !important;
  color: #F8F6F1 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.8) !important;
}

.ios-modal-btn {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  font-weight: 700 !important;
}

.copyright {
  border-top: 1px solid #1E1A16 !important;
}

/* ==========================================================================
   10. MOBİL MENÜ, FLOATING WIDGET & TOAST
   ========================================================================== */
.mobile-menu {
  background: #12100E !important;
  border-right: 1px solid #241E1A !important;
}

.mobile-menu a {
  color: #F8F6F1 !important;
  border-bottom: 1px solid #1E1A16 !important;
}

.mobile-menu a:hover {
  color: #C9A24D !important;
}

.site-toast {
  background: #1A1714 !important;
  border: 1px solid rgba(201, 162, 77, 0.35) !important;
  color: #F8F6F1 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7) !important;
}

.site-toast.success .toast-icon {
  color: #C9A24D !important;
}

.floating-contact-options a {
  background: #141210 !important;
  border: 1px solid rgba(201, 162, 77, 0.35) !important;
  color: #C9A24D !important;
}



/* ==========================================================================
   11. MÜŞTERİ YORUMLARI (TESTIMONIALS)
   ========================================================================== */
.testimonials-enhanced {
  background: #0E0C0B !important;
  border-block: 1px solid #241E1A !important;
}

.testimonials-slider-nav .testi-nav-btn {
  background: #1A1714 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.testimonials-slider-nav .testi-nav-btn:hover {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  border-color: var(--border-color) !important;
}

.testimonial-card {
  background: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

.testimonial-card:hover {
  transform: translateY(-5px) !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 16px 36px rgba(201, 162, 77, 0.14) !important;
}

.testi-stars {
  color: #C9A24D !important;
}

.testi-service-badge {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

.testi-quote {
  color: #E8D8CC !important;
}

.testi-avatar {
  background: #241E1A !important;
  border: 2px solid var(--border-color) !important;
  color: #C9A24D !important;
}

.testi-author-info strong {
  color: #F8F6F1 !important;
}

.testi-author-info small {
  color: #A89F94 !important;
}

/* ==========================================================================
   12. KAMPANYA CTA & STEPS & UYELÄ°K
   ========================================================================== */
.campaign-cta {
  background: #1A1512 !important;
  background-color: #1A1512 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55) !important;
}

.campaign-cta h2 {
  color: #F8F6F1 !important;
}

.campaign-cta p:not(.eyebrow) {
  color: #D1C7BD !important;
}

.campaign-steps {
  background: #0D0B09 !important;
  border-block: 1px solid #241E1A !important;
}

.campaign-steps h2 {
  color: #F8F6F1 !important;
}

.campaign-steps article {
  border-top: 1px solid var(--border-color) !important;
}

.campaign-steps article > b {
  color: #C9A24D !important;
}

.campaign-steps h3 {
  color: #F8F6F1 !important;
}

.campaign-steps article p {
  color: #D1C7BD !important;
}

.campaign-membership {
  background: #110E0C !important;
  border-block: 1px solid #241E1A !important;
}

.campaign-membership h2 {
  color: #F8F6F1 !important;
}

.campaign-membership p {
  color: #D1C7BD !important;
}

.membership-benefits article {
  background: #171513 !important;
  border: var(--border-solid) !important;
  border-radius: 14px !important;
}

.membership-benefits article i {
  color: #C9A24D !important;
}

.membership-benefits article h3 {
  color: #F8F6F1 !important;
}

.campaign-card {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

.campaign-card-copy h3 {
  color: #F8F6F1 !important;
}

.campaign-card-copy p {
  color: #D1C7BD !important;
}

.campaign-card-copy a {
  color: #C9A24D !important;
  border-bottom-color: rgba(201, 162, 77, 0.4) !important;
}

.campaign-filter button {
  background: #171513 !important;
  border: var(--border-solid) !important;
  color: #D1C7BD !important;
}

.campaign-filter button.active {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  border-color: #C9A24D !important;
  font-weight: 700 !important;
}

.faq-list details {
  background: #171513 !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 14px !important;
  margin-bottom: 12px !important;
  padding: 16px 20px !important;
}

.faq-list summary {
  color: #F8F6F1 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer !important;
}

.faq-list details[open] summary {
  color: #C9A24D !important;
  margin-bottom: 10px !important;
}

.faq-list p {
  color: #D1C7BD !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ==========================================================================
   13. HAKKIMIZDA / İLETİŞİM CTA
   ========================================================================== */
.about-cta,
.contact-cta {
  background: #1A1512 !important;
  background-color: #1A1512 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}

.about-cta h2,
.contact-cta h2 {
  color: #F8F6F1 !important;
}

.about-cta > p:not(.eyebrow),
.contact-cta > p:not(.eyebrow) {
  color: #D1C7BD !important;
}

/* ==========================================================================
   14. BLOG DETAY BAÅžLIÄžI
   ========================================================================== */
.blog-detail > header {
  background: #0D0B09 !important;
  background-color: #0D0B09 !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.blog-detail > header a {
  color: #C9A24D !important;
}

.blog-detail > header a:hover {
  color: #DBB358 !important;
}

.blog-detail h1 {
  color: #F8F6F1 !important;
}

.blog-detail > header span {
  color: #A89F94 !important;
}

.blog-detail-copy p {
  color: #D1C7BD !important;
}

/* ==========================================================================
   15. UZMAN KARTI BODY - home.css son satırlardaki #fff !important'ını ez
   ========================================================================== */
body .home-expert-body {
  background: #171513 !important;
  background-color: #171513 !important;
}

body .home-expert-card {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
}

/* ==========================================================================
   16. PAKETLER HERO - nude kartı siyah + gold lüks temaya çevir
   (Ekran görüntüsündeki açık nude zemin / beyaz başlık kontrast sorununu çözer)
   Palette: #0D0D0D zemin, #C9A24D gold, #F8F6F1 başlık, #A89F94 açıklama
   ========================================================================== */
.packages-hero {
  background: #0D0D0D !important;
  background-color: #0D0D0D !important;
  padding: 72px 24px 54px !important;
}

.packages-hero > div {
  max-width: 1240px !important;
  margin: auto !important;
  text-align: center !important;
  border-radius: 36px !important;
  padding: 78px 48px !important;
  background: radial-gradient(circle at 50% 0%, rgba(201, 162, 77, 0.14) 0%, transparent 55%), #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;
}

.packages-hero > div .eyebrow {
  color: #C9A24D !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
}

.packages-hero h1 {
  max-width: 760px !important;
  margin: 20px auto 0 !important;
  color: #F8F6F1 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 56px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

.packages-hero p:not(.eyebrow) {
  max-width: 660px !important;
  margin: 24px auto 0 !important;
  color: #A89F94 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

@media(max-width:850px) {
  .packages-hero h1 {
    font-size: 43px !important;
  }
}

@media(max-width:520px) {
  .packages-hero {
    padding: 38px 14px !important;
  }

  .packages-hero > div {
    border-radius: 28px !important;
    padding: 52px 24px !important;
  }

  .packages-hero h1 {
    font-size: 36px !important;
  }
}

/* ==========================================================================
   17. KAMPANYA HERO - beyaz kartı siyah + gold lüks temaya çevir
   (Beyaz zeminde kaybolan beyaz başlık sorununu çözer)
   Palette: #0D0D0D zemin, #C9A24D gold, #F8F6F1 başlık, #A89F94 açıklama
   ========================================================================== */
.campaign-hero {
  background: #0D0D0D !important;
  background-color: #0D0D0D !important;
  padding: 24px 16px 36px !important;
}

.campaign-hero-card {
  background: radial-gradient(circle at 20% 0%, rgba(201, 162, 77, 0.12) 0%, transparent 55%), #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;
  overflow: hidden !important;
}

.campaign-hero-copy {
  padding: 36px 40px !important;
  align-self: center !important;
}

.campaign-hero-copy .eyebrow {
  color: #C9A24D !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
}

.campaign-hero h1 {
  color: #F8F6F1 !important;
  max-width: 480px !important;
}

.campaign-hero-copy > p:not(.eyebrow) {
  color: #A89F94 !important;
}

.campaign-art-hero {
  background: radial-gradient(circle at 50% 35%, #2a221c 0%, #151210 100%) !important;
  border-left: 1px solid var(--border-color) !important;
  min-height: 220px !important;
}

.campaign-art-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* ==========================================================================
   18. İLETİŞİM SAYFASI - beyaz/nude kalan kartları siyah + gold temaya çevir
   Palette: #0D0D0D zemin, #C9A24D gold, #F8F6F1 başlık, #A89F94 açıklama
   ========================================================================== */
/* Hero kartı */
.contact-hero {
  background: #0D0D0D !important;
  background-color: #0D0D0D !important;
}

.contact-hero-card {
  background: radial-gradient(circle at 20% 0%, rgba(201, 162, 77, 0.12) 0%, transparent 55%), #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.55) !important;
}

.contact-hero-card > div .eyebrow {
  color: #C9A24D !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
}

.contact-hero h1 {
  color: #F8F6F1 !important;
}

.contact-hero-card > div > p:not(.eyebrow) {
  color: #A89F94 !important;
}

.contact-hero-card > div > b {
  color: #E8D8CC !important;
}

.contact-hero-card > aside {
  background: radial-gradient(circle at 50% 35%, #2a221c 0%, #151210 100%) !important;
  border-left: 1px solid var(--border-color) !important;
}

.contact-hero-card aside i {
  background: rgba(201, 162, 77, 0.14) !important;
}

.contact-hero-card aside b {
  background: rgba(201, 162, 77, 0.28) !important;
}

.contact-hero-card aside em,
.contact-hero-card aside span {
  background: rgba(201, 162, 77, 0.18) !important;
}

/* 4'lü iletişim linkleri */
.contact-links {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5) !important;
}

.contact-links article {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-left: 1px solid var(--border-color) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 28px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.contact-links article:first-child {
  border-left: 0 !important;
}

.contact-links i {
  color: #C9A24D !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: rgba(201, 162, 77, 0.12) !important;
  border: 1px solid rgba(201, 162, 77, 0.22) !important;
  font-size: 19px !important;
  font-style: normal !important;
  margin-bottom: 12px !important;
  flex-shrink: 0 !important;
}

.contact-links i svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #C9A24D !important;
}

.contact-links h2 {
  color: #F8F6F1 !important;
}

.contact-links p {
  color: #A89F94 !important;
}

.contact-links a {
  color: #C9A24D !important;
  border-bottom-color: var(--border-color) !important;
}

/* Form + salon kartı */
.contact-form {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5) !important;
}

.contact-form h2 {
  color: #F8F6F1 !important;
}

.contact-form > p {
  color: #A89F94 !important;
}

.contact-form label {
  color: #D1C7BD !important;
}

/* İsimsiz-type input (Ad Soyad kutusunda type yok) dahil tüm form alanlarını koyuya zorla */
.contact-form input,
.contact-form select,
.contact-form textarea {
  background: #1A1715 !important;
  background-color: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #7A7067 !important;
}

.contact-address {
  background: radial-gradient(circle at 20% 0%, rgba(201, 162, 77, 0.12) 0%, transparent 55%), #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5) !important;
}

.contact-address .eyebrow {
  color: #C9A24D !important;
}

.contact-address h2 {
  color: #F8F6F1 !important;
}

.contact-address dt,
.contact-address small {
  color: #C9A24D !important;
}

.contact-address dd {
  color: #F8F6F1 !important;
}

.contact-address dd a,
.contact-address p a {
  color: #E8D8CC !important;
}

.contact-address dd a:hover,
.contact-address p a:hover {
  color: #C9A24D !important;
}

.contact-address hr {
  border-top-color: var(--border-color) !important;
}

.contact-address > p:last-child {
  color: #A89F94 !important;
}

/* Hızlı ulaşım şeridi (nude şeridi koyuya çevir) */
.contact-fast {
  background: #12100E !important;
  background-color: #12100E !important;
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.contact-fast h2 {
  color: #F8F6F1 !important;
}

.contact-fast p {
  color: #A89F94 !important;
}

/* Harita / lokasyon kartı */
.contact-map {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5) !important;
}

.contact-map h2 {
  color: #F8F6F1 !important;
}

.contact-map p:not(.eyebrow) {
  color: #A89F94 !important;
}

.contact-map aside {
  background: radial-gradient(circle at 50% 35%, #2a221c 0%, #151210 100%) !important;
  border-left: 1px solid var(--border-color) !important;
}

/* Otomatik doldurma (isim kutusunu beyaza çeviren Chrome boyasını ez) */
.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:focus,
.contact-form input:autofill {
  -webkit-text-fill-color: #F8F6F1 !important;
  caret-color: #F8F6F1 !important;
  -webkit-box-shadow: 0 0 0 1000px #1A1715 inset !important;
  box-shadow: 0 0 0 1000px #1A1715 inset !important;
  background-color: #1A1715 !important;
  border: var(--border-solid) !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* ==========================================================================
   19. ÖDEME PANELLERİ - açık kalan havale/kart kutularını siyah + gold temaya çevir
   Palette: #0D0D0D zemin, #C9A24D gold, #F8F6F1 başlık, #A89F94 açıklama
   ========================================================================== */
/* Ödeme yöntemi sekmeleri (Kredi Kartı / Havale-EFT şeridi) */
.payment-method-tabs {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
}

.payment-method-tabs .payment-method-card {
  color: #D6CBC2 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.payment-method-tabs .payment-method-card > span {
  background: transparent !important;
  color: #C9A24D !important;
}

.payment-method-tabs .payment-method-card.is-selected {
  background: #C9A24D !important;
  background-color: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
  box-shadow: 0 4px 14px rgba(201, 162, 77, 0.35) !important;
}

.payment-method-tabs .payment-method-card.is-selected > span {
  background: transparent !important;
  color: #0D0D0D !important;
}

/* Havale / EFT detay kutusu */
.bank-transfer-detail,
.appointment-payment-detail {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  border-radius: 16px !important;
  color: #F8F6F1 !important;
}

.bank-transfer-detail b,
.appointment-payment-detail b {
  color: #F8F6F1 !important;
}

.bank-transfer-detail p,
.appointment-payment-detail p {
  color: #A89F94 !important;
}

.bank-transfer-detail p strong,
.appointment-payment-detail p strong {
  color: #E8D8CC !important;
}

.bank-transfer-detail dl div {
  border-bottom-color: var(--border-color) !important;
}

.bank-transfer-detail dt {
  color: #C9A24D !important;
}

.bank-transfer-detail dd {
  color: #F8F6F1 !important;
}

.bank-transfer-detail small,
.appointment-payment-summary > small {
  color: #A89F94 !important;
}

/* Kart önizleme paneli */
.pos-checkout-panel {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  border-radius: 16px !important;
}

.pos-card-preview {
  border: var(--border-solid) !important;
}

.pos-card-fields > label,
.pos-card-fields > div {
  color: #D1C7BD !important;
}

.pos-card-fields input {
  background: #1A1715 !important;
  background-color: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.pos-card-fields input::placeholder {
  color: #7A7067 !important;
}

.pos-security-note {
  background: rgba(34, 197, 94, 0.1) !important;
  border: var(--border-solid) !important;
  color: #4ade80 !important;
}

.pos-disabled-pay {
  background: #2A241F !important;
  border: var(--border-solid) !important;
  color: #A89F94 !important;
}

.pos-activation-note {
  color: #A89F94 !important;
}

/* ==========================================================================
   20. RANDEVU PLANLAYICI + RANDEVU ÖDEME ÖZETİ - açık kalan paneller
   Palette: #0D0D0D zemin, #C9A24D gold, #F8F6F1 başlık, #A89F94 açıklama
   ========================================================================== */
/* Arama ÅŸeridi (Hizmet kategorisi / Hizmet / Uzman / Tarih) */
.booking-page .appointment-search-panel {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 17px 36px rgba(0, 0, 0, 0.5) !important;
}

.appointment-search-field {
  background: #1E1A16 !important;
  color: #F8F6F1 !important;
}

.appointment-search-field > span {
  color: #A89F94 !important;
}

.appointment-search-field strong {
  color: #F8F6F1 !important;
}

.appointment-search-field small {
  color: #A89F94 !important;
}

.appointment-search-field select,
.appointment-search-field input {
  background: transparent !important;
  color: #F8F6F1 !important;
  color-scheme: dark !important;
}

.appointment-search-field select:disabled {
  color: #5C5249 !important;
}

.appointment-search-field select option {
  background: #1A1715 !important;
  color: #F8F6F1 !important;
}

/* Saat listesi kartı */
.booking-page #booking-step-datetime {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.5) !important;
}

.lux-booking-header h2 {
  color: #F8F6F1 !important;
}

.lux-booking-header p {
  color: #A89F94 !important;
}

.lux-slots-wrapper {
  background: #141210 !important;
  background-color: #141210 !important;
  border: var(--border-solid) !important;
}

.lux-slots-header strong {
  color: #F8F6F1 !important;
}

.lux-slots-legend {
  color: #A89F94 !important;
}

.lux-time-slot {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

.lux-time-slot:hover:not(:disabled) {
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

.lux-time-slot.is-selected {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
}

.lux-time-slot:disabled {
  background: #241E1A !important;
  border-color: var(--border-color) !important;
  color: #5C5249 !important;
}

.lux-inline-confirm {
  background: #141210 !important;
  background-color: #141210 !important;
  border: var(--border-solid) !important;
}

.lux-inline-confirm strong {
  color: #F8F6F1 !important;
}

.lux-inline-confirm span {
  color: #A89F94 !important;
}

.lux-empty-state p {
  color: #A89F94 !important;
}

.step-pill {
  background: #1E1A16 !important;
  color: #A89F94 !important;
}

.step-pill.active {
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

.step-pill.active .step-num {
  background: #0D0D0D !important;
  color: #C9A24D !important;
}

.step-pill.completed {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #4ade80 !important;
}

.step-line {
  background: #3A302B !important;
}

/* Randevu ödeme sayfası: ana kart + özet kartı */
.appointment-payment-main {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.5) !important;
}

.appointment-payment-main h1 {
  color: #F8F6F1 !important;
}

.appointment-payment-intro {
  color: #A89F94 !important;
}

.payment-pos-coming {
  border: 1px dashed #4E4038 !important;
  border-radius: 12px !important;
  background: #1A1715 !important;
  padding: 12px 15px !important;
  color: #A89F94 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

.appointment-payment-summary {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.5) !important;
}

.appointment-payment-summary > p {
  color: #C9A24D !important;
}

.appointment-payment-summary h2 {
  color: #F8F6F1 !important;
}

.appointment-payment-summary dl div {
  border-bottom-color: var(--border-color) !important;
}

.appointment-payment-summary dt {
  color: #A89F94 !important;
}

.appointment-payment-summary dd {
  color: #F8F6F1 !important;
}

.appointment-payment-summary .appointment-total dd {
  color: #C9A24D !important;
}

.payment-safe-box {
  background: #1E1A16 !important;
  background-color: #1E1A16 !important;
  border: var(--border-solid) !important;
  color: #A89F94 !important;
}

.payment-safe-box b {
  color: #E8D8CC !important;
}

.payment-safe-box span {
  color: #A89F94 !important;
}

/* ==========================================================================
   21. GENEL SÜPÜRME - kalan tüm açık zemin ve beyaz duran kenarlıklar
   (body.customer-site önekiyle eski !important kuralları da ezer)
   ========================================================================== */
/* Typesiz input boşluğu + autofill (beyaz kalan kutuların kök sebebi) */
body.customer-site input:not([type]) {
  background: #1A1715 !important;
  background-color: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

body.customer-site input:not([type]):-webkit-autofill,
body.customer-site input:not([type]):-webkit-autofill:hover,
body.customer-site input:not([type]):-webkit-autofill:focus {
  -webkit-text-fill-color: #F8F6F1 !important;
  caret-color: #F8F6F1 !important;
  -webkit-box-shadow: 0 0 0 1000px #1A1715 inset !important;
  box-shadow: 0 0 0 1000px #1A1715 inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Genel ayraçlar */
body.customer-site hr {
  border: 0 !important;
  border-top: 1px solid var(--border-color) !important;
}

body.customer-site .table-wrap tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.02) !important;
}

/* --- Rezervasyon akışı kartları (lux-*) --- */
body.customer-site .lux-step-section,
body.customer-site .lux-salon-banner,
body.customer-site .lux-summary-card {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

body.customer-site .lux-salon-banner {
  background: #1E1A16 !important;
  background-color: #1E1A16 !important;
}

body.customer-site .lux-salon-banner strong {
  color: #F8F6F1 !important;
}

body.customer-site .lux-salon-banner small {
  color: #A89F94 !important;
}

body.customer-site .lux-salon-icon {
  background: #241E1A !important;
  color: #C9A24D !important;
  border: var(--border-solid) !important;
}

body.customer-site .lux-step-badge {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.customer-site .lux-step-title h3 {
  color: #F8F6F1 !important;
}

body.customer-site .lux-step-title p {
  color: #A89F94 !important;
}

body.customer-site .lux-service-card,
body.customer-site .lux-staff-card,
body.customer-site .lux-branch-card {
  background: #1A1715 !important;
  background-color: #1A1715 !important;
  border: 1.5px solid var(--border-color) !important;
}

body.customer-site .lux-service-card:hover,
body.customer-site .lux-staff-card:hover,
body.customer-site .lux-branch-card:hover {
  border-color: var(--border-color) !important;
  background: #201B17 !important;
}

body.customer-site .lux-service-card.is-selected,
body.customer-site .lux-staff-card.is-selected,
body.customer-site .lux-branch-card.is-selected {
  border-color: var(--border-color) !important;
  background: #241E1A !important;
  box-shadow: 0 8px 22px rgba(201, 162, 77, 0.14) !important;
}

body.customer-site .lux-service-card h4,
body.customer-site .lux-staff-info strong {
  color: #F8F6F1 !important;
}

body.customer-site .lux-service-card p,
body.customer-site .lux-staff-info small {
  color: #A89F94 !important;
}

body.customer-site .lux-service-bottom {
  border-top-color: var(--border-color) !important;
}

body.customer-site .lux-staff-avatar {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.customer-site .lux-staff-card.is-selected .lux-staff-avatar {
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

body.customer-site .lux-service-card.is-selected .check-circle,
body.customer-site .lux-branch-card.is-selected .check-circle {
  border-color: var(--border-color) !important;
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

body.customer-site .lux-cat-pill {
  background: #191614 !important;
  border: var(--border-solid) !important;
  color: #D6CBC2 !important;
}

body.customer-site .lux-cat-pill:hover {
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

body.customer-site .lux-cat-pill.active {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
}

body.customer-site .lux-date-chip {
  background: #1A1715 !important;
  border: 1.5px solid var(--border-color) !important;
}

body.customer-site .lux-date-chip:hover {
  border-color: var(--border-color) !important;
}

body.customer-site .lux-date-chip.is-selected {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
}

body.customer-site .lux-date-chip.is-selected .date-day-name,
body.customer-site .lux-date-chip.is-selected .date-month-name {
  color: #0D0D0D !important;
}

body.customer-site .lux-date-chip.is-selected .date-day-num {
  color: #0D0D0D !important;
}

body.customer-site .lux-date-chip.is-closed {
  background: #241E1A !important;
  border-color: var(--border-color) !important;
  color: #5C5249 !important;
}

body.customer-site .lux-date-chip.is-closed .date-day-name {
  color: #5C5249 !important;
}

body.customer-site .lux-date-scroll {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.customer-site .lux-date-scroll:hover {
  border-color: var(--border-color) !important;
  background: #241E1A !important;
}

body.customer-site .lux-empty-state {
  background: #141210 !important;
  border: 1px dashed #4E4038 !important;
  color: #A89F94 !important;
}

body.customer-site .lux-summary-header {
  border-bottom-color: var(--border-color) !important;
}

body.customer-site .lux-summary-header h4 {
  color: #F8F6F1 !important;
}

body.customer-site .summary-item strong {
  color: #F8F6F1 !important;
}

body.customer-site .summary-item small {
  color: #A89F94 !important;
}

body.customer-site .summary-divider {
  background: #3A302B !important;
}

body.customer-site .summary-total-row span {
  color: #D1C7BD !important;
}

body.customer-site .lux-trust-badge small {
  color: #A89F94 !important;
}

body.customer-site .lux-duration-badge {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

/* --- Sepet / ödeme (shop) --- */
body.customer-site .shop-panel,
body.customer-site .shop-summary {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.5) !important;
}

body.customer-site .shop-panel h2,
body.customer-site .shop-summary h3 {
  color: #F8F6F1 !important;
}

body.customer-site .shop-panel p,
body.customer-site .shop-summary p {
  color: #A89F94 !important;
}

body.customer-site .shop-items article {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
}

body.customer-site .shop-totals div {
  border-bottom-color: var(--border-color) !important;
}

body.customer-site .shop-totals dt {
  color: #A89F94 !important;
}

body.customer-site .shop-totals dd {
  color: #F8F6F1 !important;
}

body.customer-site .shop-notice {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #D1C7BD !important;
}

body.customer-site .shop-addresses label {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

body.customer-site .shop-addresses label small {
  color: #A89F94 !important;
}

body.customer-site .cart-list > div {
  border-bottom-color: var(--border-color) !important;
}

body.customer-site .packages-grid ul {
  border-color: var(--border-color) !important;
}

body.customer-site .packages-grid dl div:last-child dd {
  color: #C9A24D !important;
}

body.customer-site .packages-grid > b {
  background: #241E1A !important;
  color: #C9A24D !important;
}

/* --- Uzman başvuru sayfası --- */
body.customer-site .staff-apply-card {
  background: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55) !important;
}

body.customer-site .staff-apply-sidebar {
  background: #141210 !important;
  border-right: 1px solid var(--border-color) !important;
}

body.customer-site .staff-apply-sidebar h1,
body.customer-site .staff-apply-form h1,
body.customer-site .staff-apply-success h2 {
  color: #F8F6F1 !important;
}

body.customer-site .staff-apply-intro,
body.customer-site .staff-apply-perks,
body.customer-site .staff-apply-success .success-desc {
  color: #A89F94 !important;
}

body.customer-site .staff-apply-location-card,
body.customer-site .staff-apply-form {
  background: #171513 !important;
  background-color: #171513 !important;
  border-color: var(--border-color) !important;
}

body.customer-site .staff-apply-services-scroll {
  background: #141210 !important;
  border: 1.5px solid var(--border-color) !important;
}

body.customer-site .staff-apply-success .success-icon-badge {
  background: rgba(34, 197, 94, 0.12) !important;
  border: var(--border-solid) !important;
  color: #4ade80 !important;
}

/* --- Hakkımızda şeritleri --- */
body.customer-site .about-strengths {
  background: #171513 !important;
  border: var(--border-solid) !important;
}

body.customer-site .about-strengths article + article {
  border-left-color: var(--border-color) !important;
}

body.customer-site .about-strengths h2 {
  color: #F8F6F1 !important;
}

body.customer-site .about-values {
  background: #12100E !important;
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

body.customer-site .about-values article {
  border-top-color: var(--border-color) !important;
}

body.customer-site .about-values article i {
  color: #C9A24D !important;
}

body.customer-site .about-values h3 {
  color: #F8F6F1 !important;
}

body.customer-site .about-stats {
  background: #12100E !important;
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

body.customer-site .about-stats b {
  color: #C9A24D !important;
}

body.customer-site .about-stats span {
  color: #A89F94 !important;
}

body.customer-site .about-reviews {
  background: #0D0D0D !important;
}

body.customer-site .about-reviews blockquote {
  background: #171513 !important;
  border: var(--border-solid) !important;
}

body.customer-site .about-reviews blockquote p {
  color: #E8D8CC !important;
}

body.customer-site .about-reviews cite {
  color: #A89F94 !important;
}

body.customer-site .about-editorial img:last-child {
  border-color: var(--border-color) !important;
}

body.customer-site .about-faq details,
body.customer-site .contact-faq details,
body.customer-site .campaign-faq details {
  border-top-color: var(--border-color) !important;
}

body.customer-site .about-faq details:last-child,
body.customer-site .contact-faq details:last-child {
  border-bottom-color: var(--border-color) !important;
}

body.customer-site .membership-benefits article {
  border-top-color: var(--border-color) !important;
}

body.customer-site .membership-benefits i {
  color: #C9A24D !important;
}

/* --- Anasayfa artıkları --- */
body.customer-site .home-newsletter {
  background: #1A1512 !important;
  border: var(--border-solid) !important;
}

body.customer-site .home-newsletter h2 {
  color: #F8F6F1 !important;
}

body.customer-site .home-category-card {
  background: #171513 !important;
  border: var(--border-solid) !important;
}

body.customer-site .home-category-card.tone-1,
body.customer-site .home-category-card.tone-2 {
  background: #1A1512 !important;
}

body.customer-site .home-category-card p {
  color: #C9A24D !important;
}

body.customer-site .home-category-card h3 {
  color: #F8F6F1 !important;
}

body.customer-site .home-category-card span {
  color: #A89F94 !important;
}

body.customer-site .testimonial-grid blockquote {
  background: #171513 !important;
  border: var(--border-solid) !important;
}

body.customer-site .testimonial-grid p {
  color: #E8D8CC !important;
}

body.customer-site .testimonial-grid footer {
  color: #A89F94 !important;
}

/* --- Hesap / çeşitli --- */
body.customer-site .customer-record {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
}

body.customer-site .customer-record-main h3,
body.customer-site .customer-record-date b {
  color: #F8F6F1 !important;
}

body.customer-site .customer-record-main p,
body.customer-site .customer-record-date small {
  color: #A89F94 !important;
}

body.customer-site .customer-list-heading {
  border-bottom-color: var(--border-color) !important;
}

body.customer-site .cart-login-tip {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #D1C7BD !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
}

body.customer-site .site-header .nav-links.open a {
  border: 0 !important;
  background: transparent !important;
  color: #F8F6F1 !important;
}

body.customer-site .site-header .nav-links.open a.active {
  background: rgba(201, 162, 77, 0.08) !important;
  color: #C9A24D !important;
}

body.customer-site .content-modal-header {
  border-bottom-color: var(--border-color) !important;
}

body.customer-site .user-menu hr {
  border-top-color: var(--border-color) !important;
}

/* Belle Aura Hikâyesi rozeti */
body.customer-site .lux-about-pill {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

/* Güven satırı ikon daireleri (beyaz daireleri koyuya çevir) */
body.customer-site .trust-grid > div i.trust-icon,
body.customer-site .trust-grid > div .trust-icon {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

/* ==========================================================================
   22. UZMAN BAŞVURU FORMU - foto kutusu + hizmet çipleri + onay modali
   ========================================================================== */
body.customer-site .form-sublead {
  color: #A89F94 !important;
}

body.customer-site .form-label {
  color: #D1C7BD !important;
}

body.customer-site .form-label mark {
  color: #E07878 !important;
}

body.customer-site .form-control {
  background: #1A1715 !important;
  background-color: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

body.customer-site .form-control::placeholder {
  color: #7A7067 !important;
}

body.customer-site .form-control:focus {
  border-color: var(--border-color) !important;
  background: #201B17 !important;
  box-shadow: 0 0 0 3px rgba(201, 162, 77, 0.15) !important;
}

body.customer-site .avatar-upload-wrapper {
  background: #141210 !important;
  border: 1.5px dashed #4E4038 !important;
}

body.customer-site .avatar-preview-circle {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.customer-site .btn-text-action {
  color: #C9A24D !important;
}

body.customer-site .services-count-badge {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.customer-site .services-actions .sep {
  color: #3A302B !important;
}

body.customer-site .chip-box {
  background: #1A1715 !important;
  background-color: #1A1715 !important;
  border: 1.5px solid var(--border-color) !important;
}

body.customer-site .apply-service-chip:hover .chip-box {
  border-color: var(--border-color) !important;
  box-shadow: 0 3px 10px rgba(201, 162, 77, 0.12) !important;
}

body.customer-site .apply-service-chip.is-checked .chip-box {
  border-color: var(--border-color) !important;
  background: #241E1A !important;
  box-shadow: 0 2px 8px rgba(201, 162, 77, 0.12) !important;
}

body.customer-site .chip-check {
  background: #1A1715 !important;
  border: 1.5px solid var(--border-color) !important;
}

body.customer-site .apply-service-chip.is-checked .chip-check {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
}

body.customer-site .chip-name {
  color: #F8F6F1 !important;
}

/* Onay / silme modalı */
body.customer-site dialog.site-confirm-dialog {
  background: #171513 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6) !important;
}

body.customer-site .confirm-dialog-text h3 {
  color: #F8F6F1 !important;
}

body.customer-site .confirm-dialog-text p {
  color: #A89F94 !important;
}

body.customer-site .confirm-dialog-icon.type-danger {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: var(--border-color) !important;
}

body.customer-site .confirm-dialog-icon.type-warning {
  background: rgba(201, 162, 77, 0.12) !important;
  border-color: var(--border-color) !important;
}

body.customer-site .confirm-dialog-icon.type-success {
  background: rgba(34, 197, 94, 0.12) !important;
  border-color: var(--border-color) !important;
}

body.customer-site .confirm-dialog-icon.type-info {
  background: #241E1A !important;
  border-color: var(--border-color) !important;
}

/* ==========================================================================
   23. SCROLLBAR - ince koyu kaydırma çubukları + gold vurgu
   ========================================================================== */
html {
  scrollbar-color: #4E4038 #0D0D0D;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #0D0D0D;
}

::-webkit-scrollbar-thumb {
  background: #3A302B;
  border-radius: 999px;
  border: 2px solid var(--border-color);
}

::-webkit-scrollbar-thumb:hover {
  background: #C9A24D;
}

::-webkit-scrollbar-corner {
  background: #0D0D0D;
}

/* ==========================================================================
   25. MOBÄ°L TAÅžMA KORUMASI + SIKIÅžIK BAÅžLIK DÃœZELTMESÄ°
   ========================================================================== */
/* Sayfa asla yana kaymaz (sticky menü clip ile korunur) */
html,
body {
  overflow-x: clip;
  overflow-wrap: break-word;
}

@supports not (overflow: clip) {
  html,
  body {
    overflow-x: hidden;
  }
}

img,
video,
iframe {
  max-width: 100%;
}

/* Uzun tek parça metinler (IBAN, e-posta) kartı taşırmasın */
.bank-transfer-detail dd,
.appointment-payment-summary dd,
.contact-links a,
.report-list b {
  overflow-wrap: anywhere;
}

@media(max-width:620px) {
  /* Mobil Header (Sayfayla Birlikte Kayar) */
  .site-header {
    position: relative !important;
    top: auto !important;
    z-index: 100 !important;
    background: #0D0D0D !important;
    border-bottom: 1px solid #1C1814 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
  }

@media(max-width:980px) {
  .site-header .nav-links:not(.open) {
    display: none !important;
  }
@media(max-width:980px) {
  /* Sol Menü Butonu (HER ZAMAN EN SOLDA) */
  .site-header .menu-button {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 50% !important;
    background: #171513 !important;
    border: 1px solid rgba(201, 162, 77, 0.35) !important;
    color: #C9A24D !important;
    cursor: pointer !important;
    margin: 0 !important;
    margin-right: auto !important;
    z-index: 2 !important;
  }

  /* Orta Logo */
  .site-header .brand {
    order: 2 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  /* Sağ Taraf Eylemleri */
  .site-header .nav-actions {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    z-index: 2 !important;
  }
}
  /* Navbar her koşulda düz siyah (saydamlık/blur oyunları kapalı) */
  .site-header,
  .site-header .navbar,
  .site-header .topbar {
    background: #0D0D0D !important;
    background-color: #0D0D0D !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Giriş yapmış kullanıcıda misafir butonları asla görünmesin (mobil !important'ı ezer) */
body.is-logged-in .site-header .guest-actions {
  display: none !important;
}

/* Hesap menüsü (avatar) her koşulda açılır ve görünür */
.site-header [data-account-menu] {
  position: relative !important;
}

.site-header [data-account-toggle] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #161412 !important;
  border: var(--border-solid) !important;
  border-radius: 999px !important;
  padding: 4px 10px 4px 4px !important;
  color: #F8F6F1 !important;
  font: inherit !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation !important;
}

.site-header [data-account-toggle] > span {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #241E1A !important;
  color: #C9A24D !important;
  font: 800 13px Georgia, serif !important;
  flex-shrink: 0 !important;
}

.site-header [data-account-toggle] > b {
  max-width: 96px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}

.site-header [data-account-toggle] > i {
  font-size: 11px !important;
  font-style: normal !important;
  color: #C9A24D !important;
}

.site-header [data-account-menu]:not(.open) .user-menu {
  display: none !important;
}

.site-header [data-account-menu].open [data-account-toggle] {
  border-color: var(--border-color) !important;
}

.site-header [data-account-menu].open .user-menu {
  display: grid !important;
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 10px) !important;
  z-index: 60 !important;
  min-width: 210px !important;
  background: #161412 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.65) !important;
}



@media(max-width:980px) {
  body.is-logged-in .site-header .nav-links.open > a[data-account-links] {
    display: flex !important;
    border: 0 !important;
    border-bottom: 1px solid #1C1814 !important;
    color: #C9A24D !important;
  }

  body:not(.is-logged-in) .site-header .nav-links.open > a[data-guest-links] {
    display: flex !important;
    border: 0 !important;
    border-bottom: 1px solid #1C1814 !important;
    color: #C9A24D !important;
  }
}

/* ==========================================================================
   26. HESABIM SAYFASI - profil, ayar ve yorum kartları
   ========================================================================== */
body.customer-site .customer-profile-card,
body.customer-site .customer-list,
body.customer-site .account-editor-card,
body.customer-site .customer-review-card,
body.customer-site .customer-empty {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.5) !important;
}

body.customer-site .customer-profile-card header {
  border-bottom-color: var(--border-color) !important;
}

body.customer-site .customer-profile-card h2,
body.customer-site .customer-list h2,
body.customer-site .account-editor-card h2,
body.customer-site .customer-review-card h2,
body.customer-site .customer-empty h3 {
  color: #F8F6F1 !important;
}

body.customer-site .customer-profile-card header > div > p:last-child,
body.customer-site .customer-list-heading p:last-child,
body.customer-site .account-editor-card > p:not(.eyebrow),
body.customer-site .customer-review-card > p:not(.eyebrow),
body.customer-site .customer-empty p {
  color: #A89F94 !important;
}

body.customer-site .customer-avatar {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.customer-site .customer-profile-details div {
  border-bottom-color: var(--border-color) !important;
}

body.customer-site .customer-profile-details dt {
  color: #C9A24D !important;
}

body.customer-site .customer-profile-details dd {
  color: #F8F6F1 !important;
}

body.customer-site .account-editor-fields label,
body.customer-site .customer-review-card form > label {
  color: #D1C7BD !important;
}

body.customer-site .account-editor-fields input,
body.customer-site .customer-review-card textarea {
  background: #1A1715 !important;
  background-color: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

body.customer-site .account-editor-fields input::placeholder,
body.customer-site .customer-review-card textarea::placeholder {
  color: #7A7067 !important;
}

body.customer-site .review-rating > span {
  color: #D1C7BD !important;
}

body.customer-site .review-rating label {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #D1C7BD !important;
}

body.customer-site .review-rating label:has(input:checked) {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
}

body.customer-site .review-current-status {
  color: #A89F94 !important;
}

body.customer-site .record-payment-link {
  color: #C9A24D !important;
}

body.customer-site .record-cancel {
  color: #E07878 !important;
}

/* ==========================================================================
   27. PAKET / ÜRÜN / KAMPANYA / İLETİŞİM - mobil responsive tamamlayıcı
   ========================================================================== */
/* Paket ızgarası: sonraki dosya 3 sütunu dayattığı için mobilde kesin kapatma */
@media(max-width:850px) {
  .packages-grid {
    grid-template-columns: 1fr !important;
  }
}

@media(max-width:620px) {
  /* Detay kartları (hizmet / paket / ürün) tek sütun */
  .service-detail-card {
    grid-template-columns: 1fr !important;
    border-radius: 18px !important;
    margin-bottom: 28px !important;
  }

  .service-detail-visual {
    min-height: 220px !important;
    max-height: 260px !important;
  }

  .service-detail-copy {
    padding: 24px 20px !important;
  }

  .service-detail-copy h1 {
    font-size: 28px !important;
  }
  
    /* Açılan Menü (Temiz Tek Sütun Liste) */
  .site-header .nav-links.open {
    display: flex !important;
    flex-direction: column !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(17, 15, 13, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    margin: 0 !important;
    padding: 10px 16px 20px !important;
    border: 0 !important;
    border-top: 1px solid #1C1814 !important;
    border-bottom: 1px solid rgba(201, 162, 77, 0.35) !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.9) !important;
    z-index: 1000 !important;
    gap: 3px !important;
    max-height: calc(100vh - 85px) !important;
    overflow-y: auto !important;
    animation: menuSlideDown 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  @keyframes menuSlideDown {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .site-header .nav-links.open a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(28, 24, 20, 0.8) !important;
    border-radius: 10px !important;
    color: #F8F6F1 !important;
    padding: 13px 16px !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    text-align: left !important;
    transition: all 0.2s ease !important;
  }

  .site-header .nav-links.open a:last-child {
    border-bottom: 0 !important;
  }

  .site-header .nav-links.open a::after {
    display: none !important;
  }

  .site-header .nav-links.open a.active,
  .site-header .nav-links.open a:hover {
    color: #C9A24D !important;
    background: rgba(201, 162, 77, 0.1) !important;
    padding-left: 20px !important;
  }

  /* Mobil Ürünler Alt Menüsü */
  .mobile-products-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin: 4px 0 10px 14px !important;
    padding: 6px 0 6px 14px !important;
    border-left: 2px solid rgba(201, 162, 77, 0.35) !important;
    background: rgba(26, 23, 20, 0.4) !important;
    border-radius: 0 8px 8px 0 !important;
    animation: menuSlideDown 0.2s ease !important;
  }

  .mobile-products-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 9px 12px !important;
    font-size: 13.5px !important;
    color: #D6CEC5 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
  }

  .mobile-products-menu a:hover,
  .mobile-products-menu a:active {
    color: #C9A24D !important;
    background: rgba(201, 162, 77, 0.12) !important;
    padding-left: 16px !important;
  }

  .mobile-products-menu a i {
    font-size: 12px !important;
    color: #C9A24D !important;
  }

  /* İletişim: link kartları, form ve hızlı iletişim şeridi */
  .contact-links {
    grid-template-columns: 1fr !important;
    margin-top: 24px !important;
    margin-bottom: 36px !important;
    border-radius: 20px !important;
  }

  .contact-links article {
    border-left: 0 !important;
    border-top: 1px solid var(--border-color) !important;
    padding: 20px 16px !important;
    align-items: center !important;
    text-align: center !important;
  }

  .contact-links article:first-child {
    border-top: 0 !important;
  }

  .contact-links i {
    margin-bottom: 10px !important;
  }

  .contact-links p {
    min-height: 0 !important;
    margin-bottom: 8px !important;
  }

  .contact-form-section {
    grid-template-columns: 1fr !important;
    padding-bottom: 48px !important;
    gap: 20px !important;
  }

  .contact-form {
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .contact-form > div {
    grid-template-columns: 1fr !important;
    margin-top: 20px !important;
  }

  .contact-address {
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .contact-fast > .wrap {
    flex-direction: column !important;
    text-align: center !important;
    gap: 18px !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .contact-fast h2 {
    font-size: 22px !important;
  }

  .contact-fast span {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
  }

  .contact-fast span a {
    width: 100% !important;
    justify-content: center !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 18px !important;
    font-size: 13.5px !important;
  }

  .contact-fast span a i {
    margin-right: 8px !important;
  }

  /* Paket kartları telefonda kısa ve rahat */
  .packages-grid article {
    min-height: 0 !important;
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .packages-grid h3 {
    font-size: 24px !important;
  }

  .packages-grid ul {
    margin-top: 18px !important;
    padding: 16px 0 !important;
  }

  .packages-grid dl {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  .packages-grid dl div:last-child dd {
    font-size: 18px !important;
  }

  /* Genel iç sayfa başlıkları telefonda taşmasın */
  .page-intro {
    padding-block: 44px 16px !important;
  }

  .page-intro h1 {
    font-size: 36px !important;
  }

  /* Kampanya CTA ve üyelik iç boşlukları */
  .campaign-cta {
    padding: 44px 20px !important;
    margin-bottom: 52px !important;
  }

  .campaign-membership > .wrap {
    gap: 32px !important;
  }

  .membership-benefits {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

/* Footer: daha sonraki dosyadaki 2 sütun kuralı mobilde ezdiği için kesin kapatma */
@media(max-width:620px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   28. FORM ALANLARI - kırık beyaz zemin + gold ince çerçeve (palet standardı)
   Kırık beyaz #F8F6F1 zemin, Gold #C9A24D çerçeve, koyu yazı
   ========================================================================== */
body.customer-site input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="hidden"]),
body.panel-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="hidden"]),
body.customer-site select:not([multiple]),
body.panel-page select:not([multiple]),
body.customer-site textarea,
body.panel-page textarea {
  background: #F8F6F1 !important;
  background-color: #F8F6F1 !important;
  border: var(--border-solid) !important;
  color: #1f1a16 !important;
  caret-color: #1f1a16 !important;
  color-scheme: light !important;
}

body.customer-site input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="hidden"]):focus,
body.panel-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="hidden"]):focus,
body.customer-site select:not([multiple]):focus,
body.panel-page select:not([multiple]):focus,
body.customer-site textarea:focus,
body.panel-page textarea:focus {
  border-color: var(--border-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201, 162, 77, 0.22) !important;
  background: #FFFDF8 !important;
  background-color: #FFFDF8 !important;
}

body.customer-site input::placeholder,
body.panel-page input::placeholder,
body.customer-site textarea::placeholder,
body.panel-page textarea::placeholder {
  color: #8a7f76 !important;
}

body.customer-site select:not([multiple]) option,
body.panel-page select:not([multiple]) option {
  background: #F8F6F1 !important;
  color: #1f1a16 !important;
}

body.customer-site select:not([multiple]):disabled,
body.panel-page select:not([multiple]):disabled,
body.customer-site input:disabled,
body.panel-page input:disabled,
body.customer-site textarea:disabled,
body.panel-page textarea:disabled {
  background: #EDE8E1 !important;
  background-color: #EDE8E1 !important;
  border-color: var(--border-color) !important;
  color: #8a7f76 !important;
  opacity: 0.75 !important;
}

/* Otomatik doldurma da aynı dile uyar */
body.customer-site input:-webkit-autofill,
body.panel-page input:-webkit-autofill,
body.customer-site input:-webkit-autofill:hover,
body.panel-page input:-webkit-autofill:hover,
body.customer-site input:-webkit-autofill:focus,
body.panel-page input:-webkit-autofill:focus,
body.customer-site input:autofill,
body.panel-page input:autofill {
  -webkit-text-fill-color: #1f1a16 !important;
  caret-color: #1f1a16 !important;
  -webkit-box-shadow: 0 0 0 1000px #F8F6F1 inset !important;
  box-shadow: 0 0 0 1000px #F8F6F1 inset !important;
  border: var(--border-solid) !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Anasayfa özel seçim butonları (native select gizli, buton görünür) */
body.customer-site .home-picker-trigger,
body.customer-site .home-date-trigger {
  background: #F8F6F1 !important;
  background-color: #F8F6F1 !important;
  border: var(--border-solid) !important;
  border-radius: 10px !important;
  color: #1f1a16 !important;
  padding: 8px 12px !important;
  min-height: 44px !important;
}

body.customer-site .home-picker-trigger::after,
body.customer-site .home-date-trigger i {
  color: #8a6d1f !important;
}

body.customer-site .home-picker.is-disabled .home-picker-trigger {
  background: #EDE8E1 !important;
  color: #8a7f76 !important;
}

/* Sepet ızgarası: masaüstü kuralı mobil kuralı ezdiği için burada kesin kapatma */
@media(max-width:800px) {
  .shop-layout {
    grid-template-columns: 1fr !important;
  }

  .shop-summary {
    position: static !important;
  }
}

@media(max-width:620px) {
  /* Sepet sayfası mobil sıkıştırma */
  .shop-product-photo {
    width: 60px !important;
    height: 60px !important;
  }

  .shop-items article {
    gap: 10px !important;
    padding: 14px 0 !important;
  }

  .shop-items h3 {
    font-size: 14px !important;
  }

  .shop-quantity {
    gap: 8px !important;
  }

  .shop-quantity button {
    width: 38px !important;
    height: 38px !important;
  }

  .shop-coupon .button {
    width: 100% !important;
    min-height: 46px !important;
  }

  .shop-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .shop-actions .button {
    text-align: center !important;
  }

  .shop-steps {
    gap: 6px !important;
  }

  .shop-steps li {
    font-size: 11px !important;
    padding: 10px 0 !important;
  }
}

/* ==========================================================================
   24. YÖNETİM + PERSONEL PANELİ - siyah + gold lüks tema
   ========================================================================== */
body.panel-page {
  background: #0D0D0D !important;
  background-color: #0D0D0D !important;
  color: #F8F6F1 !important;
  color-scheme: dark;
}

body.panel-page .panel-shell {
  background: #0D0D0D !important;
}

/* Sol menü */
body.panel-page .panel-sidebar {
  background: linear-gradient(180deg, #141110 0%, #1E1713 50%, #100D0B 100%) !important;
  border-right: 1px solid var(--border-color) !important;
  box-shadow: 10px 0 35px rgba(0, 0, 0, 0.5) !important;
}

body.panel-page .panel-brand-wrap {
  border-bottom-color: var(--border-color) !important;
}

body.panel-page .panel-sidebar .brand {
  color: #F8F6F1 !important;
}

body.panel-page .panel-sidebar .brand-mark {
  border: 1.5px solid var(--border-color) !important;
  background: radial-gradient(circle, rgba(201, 162, 77, 0.2) 0%, transparent 70%) !important;
  color: #C9A24D !important;
  box-shadow: 0 0 12px rgba(201, 162, 77, 0.25) !important;
}

body.panel-page .panel-sidebar .brand small {
  color: #C9A24D !important;
}

body.panel-page .panel-status {
  color: #A89F94 !important;
}

body.panel-page .panel-nav-group > p {
  color: #C9A24D !important;
}

body.panel-page .panel-sidebar nav a {
  color: #D1C7BD !important;
  border: 1px solid transparent !important;
}

body.panel-page .panel-sidebar nav a:hover {
  background: rgba(201, 162, 77, 0.1) !important;
  border-color: var(--border-color) !important;
  color: #F8F6F1 !important;
}

body.panel-page .panel-sidebar nav a.active {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
  box-shadow: 0 4px 14px rgba(201, 162, 77, 0.35) !important;
}

body.panel-page .panel-sidebar .nav-dot {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.panel-page .panel-sidebar nav a.active .nav-dot {
  background: #0D0D0D !important;
  color: #C9A24D !important;
}

body.panel-page .panel-sidebar .panel-back {
  background: #1A1714 !important;
  border: var(--border-solid) !important;
  color: #D1C7BD !important;
}

body.panel-page .panel-sidebar .panel-back:hover {
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

body.panel-page .panel-sidebar .panel-logout {
  border-top: 1px solid var(--border-color) !important;
  color: #E07878 !important;
}

body.panel-page .panel-sidebar .panel-logout:hover {
  color: #f87171 !important;
}

body.panel-page .panel-sidebar .panel-logout .nav-dot {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #E07878 !important;
}

/* Ãœst bar */
body.panel-page .panel-header {
  background: rgba(13, 13, 13, 0.95) !important;
  border-bottom: 1px solid var(--border-color) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
}

body.panel-page .panel-breadcrumb p {
  color: #C9A24D !important;
}

body.panel-page .panel-breadcrumb strong {
  color: #F8F6F1 !important;
}

body.panel-page .panel-user-name {
  color: #D1C7BD !important;
}

body.panel-page .panel-preview {
  background: #1A1714 !important;
  border: var(--border-solid) !important;
  color: #D1C7BD !important;
}

body.panel-page .panel-preview:hover {
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

body.panel-page .account-pill {
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

body.panel-page .account-pill:hover {
  background: #DBB358 !important;
}

/* Başlık kartı */
body.panel-page .panel-heading {
  background: radial-gradient(circle at 88% 20%, rgba(201, 162, 77, 0.12) 0%, transparent 40%), #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.5) !important;
}

body.panel-page .panel-heading h1 {
  color: #F8F6F1 !important;
}

body.panel-page .panel-heading > div > p:not(.eyebrow) {
  color: #A89F94 !important;
}

body.panel-page .panel-heading-mark {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
  box-shadow: none !important;
}

/* Ä°statistik + kartlar */
body.panel-page .dashboard-stat,
body.panel-page .panel-card,
body.panel-page .stat-card,
body.panel-page .report-stat-grid article,
body.panel-page .report-content-grid .panel-card,
body.panel-page .report-recent-orders {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45) !important;
}

body.panel-page .dashboard-stat p,
body.panel-page .dashboard-stat small,
body.panel-page .report-stat-grid span,
body.panel-page .report-stat-grid small,
body.panel-page .panel-card p {
  color: #A89F94 !important;
}

body.panel-page .dashboard-stat b,
body.panel-page .report-stat-grid b,
body.panel-page .stat-card b {
  color: #F8F6F1 !important;
}

body.panel-page .dashboard-stat i {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.panel-page .dashboard-stat:last-child {
  border-color: var(--border-color) !important;
}

body.panel-page .dashboard-stat:last-child i {
  background: #C9A24D !important;
  color: #0D0D0D !important;
}

body.panel-page .report-content-grid h3,
body.panel-page .report-recent-orders h3,
body.panel-page .panel-list-heading h2,
body.panel-page .admin-manager .panel-list-heading h2 {
  color: #F8F6F1 !important;
}

body.panel-page .report-content-grid header > a,
body.panel-page .report-recent-orders header > a {
  color: #C9A24D !important;
}

body.panel-page .report-list > div {
  border-top-color: var(--border-color) !important;
}

body.panel-page .report-list b {
  color: #F8F6F1 !important;
}

body.panel-page .report-list small {
  color: #A89F94 !important;
}

body.panel-page .report-list em {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

/* Listeler + tablolar */
body.panel-page .panel-list-heading {
  border-color: var(--border-color) !important;
}

body.panel-page .panel-list-heading span,
body.panel-page .panel-list-heading p {
  color: #A89F94 !important;
}

body.panel-page .table-wrap {
  border: var(--border-solid) !important;
}

body.panel-page .table-wrap th {
  background: #1A1715 !important;
  color: #C9A24D !important;
}

body.panel-page .table-wrap td {
  border-top-color: var(--border-color) !important;
  color: #F8F6F1 !important;
}

body.panel-page .table-wrap tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.02) !important;
}

body.panel-page .table-wrap tbody tr:hover {
  background: #1E1A16 !important;
}

body.panel-page .admin-actions button {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.panel-page .admin-actions button:hover {
  border-color: var(--border-color) !important;
}

body.panel-page .admin-actions button:last-child {
  color: #E07878 !important;
}

/* Formlar */
body.panel-page .admin-search {
  background: #171513 !important;
  border: var(--border-solid) !important;
}

body.panel-page .admin-editor {
  background: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: none !important;
}

body.panel-page .admin-field {
  color: #D1C7BD !important;
}

body.panel-page .admin-field input,
body.panel-page .admin-field select,
body.panel-page .admin-field textarea,
body.panel-page .admin-search input,
body.panel-page .review-admin-list input,
body.panel-page .review-admin-list select,
body.panel-page .review-admin-list textarea,
body.panel-page .settings-control input,
body.panel-page .settings-control select,
body.panel-page .settings-control textarea,
body.panel-page .content-editor input,
body.panel-page .content-editor select,
body.panel-page .content-editor textarea {
  background: #1A1715 !important;
  background-color: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

body.panel-page input::placeholder,
body.panel-page textarea::placeholder {
  color: #7A7067 !important;
}

body.panel-page select:not([multiple]) option {
  background: #1A1715 !important;
  color: #F8F6F1 !important;
}

body.panel-page .admin-field input:focus,
body.panel-page .admin-field select:focus,
body.panel-page .admin-field textarea:focus,
body.panel-page .admin-search input:focus {
  border-color: var(--border-color) !important;
  outline: 3px solid rgba(201, 162, 77, 0.15) !important;
}

body.panel-page .admin-check {
  color: #D1C7BD !important;
}

body.panel-page .empty-panel,
body.panel-page .loading {
  color: #A89F94 !important;
}

/* Sekmeler */
body.panel-page .workspace-tabs {
  border-bottom-color: var(--border-color) !important;
}

body.panel-page .workspace-tabs button,
body.panel-page .content-workspace .workspace-tabs button,
body.panel-page .settings-workspace .workspace-tabs button {
  background: #191614 !important;
  border: var(--border-solid) !important;
  color: #D6CBC2 !important;
}

body.panel-page .workspace-tabs button:hover,
body.panel-page .content-workspace .workspace-tabs button:hover {
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
  background: #1E1A16 !important;
}

body.panel-page .workspace-tabs button.active,
body.panel-page .content-workspace .workspace-tabs button.active,
body.panel-page .settings-workspace .workspace-tabs button.active {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
  box-shadow: 0 4px 14px rgba(201, 162, 77, 0.35) !important;
}

/* İçerik / ayar kartları */
body.panel-page .content-workspace .content-section,
body.panel-page .content-workspace .content-navigation-grid,
body.panel-page .settings-group,
body.panel-page .settings-media,
body.panel-page .portfolio-edit-workspace,
body.panel-page .portfolio-editor-form,
body.panel-page .review-admin-card,
body.panel-page .review-admin-list > article,
body.panel-page .portfolio-admin-card {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
}

body.panel-page .content-workspace .content-section-heading p,
body.panel-page .content-workspace .settings-control small,
body.panel-page .portfolio-edit-empty,
body.panel-page .portfolio-editor-heading p,
body.panel-page .review-admin-list p,
body.panel-page .review-admin-list small,
body.panel-page .review-admin-list label,
body.panel-page .settings-control {
  color: #A89F94 !important;
}

body.panel-page .portfolio-admin-body h4,
body.panel-page .portfolio-editor-heading h3,
body.panel-page .review-admin-list blockquote {
  color: #F8F6F1 !important;
}

body.panel-page .portfolio-admin-thumb-wrap {
  background: radial-gradient(circle at 50% 35%, #2a221c 0%, #151210 100%) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

body.panel-page .portfolio-admin-actions {
  border-top-color: var(--border-color) !important;
}

body.panel-page .settings-media {
  background: #171513 !important;
}

body.panel-page .settings-media label,
body.panel-page .content-workspace input[type="file"] {
  background: #141210 !important;
  border: 1px dashed #4E4038 !important;
  color: #D1C7BD !important;
}

body.panel-page .home-service-admin-note {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #D1C7BD !important;
}

body.panel-page .home-service-admin-note b {
  color: #C9A24D !important;
}

/* Modallar */
body.panel-page .product-editor-dialog,
body.panel-page .admin-modal-dialog {
  background: #171513 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.7) !important;
}

body.panel-page .product-editor-dialog .admin-editor,
body.panel-page .admin-modal-dialog .admin-editor,
body.panel-page .admin-modal-dialog .staff-service-editor {
  background: #171513 !important;
}

body.panel-page .product-editor-dialog .admin-editor > header,
body.panel-page .admin-modal-dialog .admin-editor > header,
body.panel-page .admin-modal-dialog .staff-service-editor > header,
body.panel-page .admin-modal-frame-header {
  background: #171513 !important;
  border-bottom-color: var(--border-color) !important;
}

body.panel-page .admin-modal-frame-header h3 {
  color: #F8F6F1 !important;
}

/* Personel çalışma saatleri / izin formları */
body.panel-page .working-hours-form > label,
body.panel-page .days-off-form label {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #D1C7BD !important;
}

body.panel-page .staff-service-options > label {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

body.panel-page .staff-service-options b {
  color: #F8F6F1 !important;
}

body.panel-page .staff-service-options small {
  color: #A89F94 !important;
}

/* --- Personel paneli özel beyazları --- */
body.panel-page .staff-welcome h2 {
  color: #F8F6F1 !important;
}

body.panel-page .staff-welcome p:not(.eyebrow) {
  color: #A89F94 !important;
}

body.panel-page .staff-summary-grid article,
body.panel-page .staff-upcoming-card,
body.panel-page .staff-quick-card,
body.panel-page .staff-appointment-list article,
body.panel-page .days-off-list article,
body.panel-page .staff-service-list article,
body.panel-page .staff-branch-list article {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45) !important;
}

body.panel-page .staff-summary-grid span {
  color: #C9A24D !important;
}

body.panel-page .staff-summary-grid b {
  color: #F8F6F1 !important;
}

body.panel-page .staff-summary-grid small {
  color: #A89F94 !important;
}

body.panel-page .staff-upcoming-card h3,
body.panel-page .staff-quick-card h3,
body.panel-page .staff-appointment-list h3,
body.panel-page .staff-service-list h3,
body.panel-page .staff-branch-list h3 {
  color: #F8F6F1 !important;
}

body.panel-page .staff-upcoming-card header > a {
  color: #C9A24D !important;
}

body.panel-page .staff-upcoming-row {
  border-top-color: var(--border-color) !important;
}

body.panel-page .staff-upcoming-row time b {
  color: #C9A24D !important;
}

body.panel-page .staff-upcoming-row time span,
body.panel-page .staff-upcoming-row small,
body.panel-page .staff-appointment-list p,
body.panel-page .staff-service-list p,
body.panel-page .days-off-list p,
body.panel-page .staff-branch-list p,
body.panel-page .staff-quick-card a small {
  color: #A89F94 !important;
}

body.panel-page .staff-upcoming-row strong,
body.panel-page .days-off-list b {
  color: #F8F6F1 !important;
}

body.panel-page .staff-upcoming-row em {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.panel-page .staff-quick-card > a {
  border-top-color: var(--border-color) !important;
  color: #D1C7BD !important;
}

body.panel-page .staff-quick-card > a > span,
body.panel-page .staff-branch-list article > span,
body.panel-page .staff-service-list article > span {
  background: #241E1A !important;
  border: var(--border-solid) !important;
  color: #C9A24D !important;
}

body.panel-page .staff-quick-card a b {
  color: #F8F6F1 !important;
}

body.panel-page .staff-filter-tabs button {
  background: #191614 !important;
  border: var(--border-solid) !important;
  color: #D6CBC2 !important;
}

body.panel-page .staff-filter-tabs button.active {
  background: #C9A24D !important;
  border-color: var(--border-color) !important;
  color: #0D0D0D !important;
}

body.panel-page .staff-appointment-list label {
  color: #D1C7BD !important;
}

body.panel-page .staff-appointment-list select,
body.panel-page .days-off-form input {
  background: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
}

body.panel-page .days-off-list article button {
  color: #E07878 !important;
}

/* Portfolyo modal formları her koşulda görünür */
body.panel-page dialog.admin-modal-dialog form[data-create-portfolio],
body.panel-page dialog.admin-modal-dialog form[data-portfolio-editor],
body.panel-page dialog.admin-modal-dialog form[data-portfolio-modal-form] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Personel profil formu (satır içi açık stilleri ezer) */
body.panel-page [data-own-staff-profile] {
  background: #171513 !important;
  background-color: #171513 !important;
  border: var(--border-solid) !important;
}

body.panel-page [data-own-staff-profile] .form-label {
  color: #D1C7BD !important;
}

body.panel-page [data-own-staff-profile] small {
  color: #A89F94 !important;
}

body.panel-page [data-own-staff-profile] strong {
  color: #C9A24D !important;
}

body.panel-page [data-own-staff-profile] .staff-avatar-field {
  border-bottom-color: var(--border-color) !important;
}

body.panel-page [data-own-staff-profile] div[style*="border-top"] {
  border-top-color: var(--border-color) !important;
}

body.panel-page [data-staff-own-avatar-preview] {
  background: #241E1A !important;
  border: 3px solid var(--border-color) !important;
}

body.panel-page [data-staff-own-avatar-preview] span {
  color: #C9A24D !important;
}

body.panel-page [data-staff-own-avatar-status] {
  color: #A89F94 !important;
}

body.panel-page [data-own-staff-profile] input:disabled {
  background: #241E1A !important;
  color: #7A7067 !important;
}

/* Personel foto kutusu + çalışma saati kutuları (müşteri tarafındaki kuralların panel karşılığı) */
body.panel-page .avatar-upload-wrapper {
  background: #141210 !important;
  background-color: #141210 !important;
  border: 1.5px dashed #4E4038 !important;
}

body.panel-page .avatar-preview-circle {
  background: #241E1A !important;
  border-color: var(--border-color) !important;
  color: #C9A24D !important;
}

body.panel-page .working-hours-form input {
  background: #1A1715 !important;
  background-color: #1A1715 !important;
  border: var(--border-solid) !important;
  color: #F8F6F1 !important;
  color-scheme: dark !important;
}

/* ==========================================================================
   27. MOBİL RESPONSIVE DÜZELTMELERİ (Hikaye, Özellik Kartları ve İletişim Butonları)
   ========================================================================== */
@media (max-width: 680px) {
  /* Hikaye Alanı Grid & Büyük Şık Görsel */
  .lux-about-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .lux-about-content {
    width: 100% !important;
    order: 1 !important;
  }

  .lux-about-media {
    width: 100% !important;
    order: 2 !important;
    margin-top: 10px !important;
    position: relative !important;
  }

  .lux-media-frame {
    width: 100% !important;
    border-radius: 18px !important;
    border: 1px solid rgba(201, 162, 77, 0.3) !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
  }

  .lux-main-img {
    width: 100% !important;
    height: 220px !important;
    max-height: 240px !important;
    object-fit: cover !important;
    display: block !important;
  }

  .lux-floating-badge {
    background: rgba(18, 16, 14, 0.92) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(201, 162, 77, 0.3) !important;
    border-radius: 12px !important;
    color: #F8F6F1 !important;
    padding: 8px 12px !important;
  }

  .lux-floating-badge strong {
    color: #F8F6F1 !important;
    font-size: 12px !important;
  }

  .lux-floating-badge small {
    color: #C9A24D !important;
    font-size: 10.5px !important;
  }

  /* Hikaye Özellik Kartları (Taşma engellendi, temiz dikey liste) */
  .lux-about-features {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
  }

  .lux-feat-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    background: #171513 !important;
    border: 1px solid rgba(201, 162, 77, 0.3) !important;
    border-radius: 12px !important;
  }

  .lux-feat-item .feat-icon-wrap {
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
  }

  .lux-feat-item strong {
    font-size: 13px !important;
    color: #F8F6F1 !important;
    margin-bottom: 2px !important;
  }

  .lux-feat-item small {
    font-size: 11.5px !important;
    color: #A89F94 !important;
    line-height: 1.4 !important;
  }

  /* Hikaye Aksiyon Butonları (Yan yana dengeli 2 sütun) */
  .lux-about-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .lux-about-actions .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 12px 10px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

/* ==========================================================================
   İLETİŞİM BUTONLARI & TELEFON BUTONU (GARANTİLİ İKON GÖSTERİMİ)
   ========================================================================== */
/* Altın çerçeveli Bizi Arayın telefon butonu */
.contact-btn.contact-btn-call {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #151311 !important;
  border: 1.5px solid #C9A24D !important;
  color: #C9A24D !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
  position: relative !important;
}

.contact-btn.contact-btn-call:hover {
  background: #C9A24D !important;
  color: #0D0D0D !important;
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 6px 20px rgba(201, 162, 77, 0.4) !important;
}

.contact-btn.contact-btn-call i {
  font-size: 18px !important;
  color: inherit !important;
}

/* Üzerine gelince "Bizi Arayın" yazısının çıkması */
.contact-btn.contact-btn-call .contact-tooltip {
  position: absolute !important;
  left: calc(100% + 10px) !important;
  background: #171513 !important;
  color: #F8F6F1 !important;
  border: 1px solid rgba(201, 162, 77, 0.3) !important;
  padding: 5px 12px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translateX(-6px) !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.6) !important;
}

.contact-btn.contact-btn-call:hover .contact-tooltip {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
/* ==========================================================================
   SÖZLEŞMELER & YASAL METİNLER SAYFASI (LEGAL PAGES)
   ========================================================================== */
.legal-page-header {
  padding: 56px 0 40px;
  background: radial-gradient(ellipse at 50% -20%, rgba(201, 162, 77, 0.15), transparent 70%), #0D0D0D;
  border-bottom: 1px solid var(--border-color);
  text-align: center;
}

.legal-page-header h1 {
  font-size: clamp(1.8rem, 3.2vw, 2.6rem);
  color: #F8F6F1;
  margin: 10px 0 12px;
}

.legal-header-lead {
  max-width: 680px;
  margin: 0 auto;
  color: #A89F94;
  font-size: 15px;
  line-height: 1.6;
}

.legal-page-container {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 36px;
  margin-block: 48px 80px;
  align-items: start;
}

.legal-sidebar {
  position: sticky;
  top: 96px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.legal-nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: #141210;
  border: 1px solid #28211C;
  border-radius: 20px;
  padding: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

.legal-nav-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  color: #D1C7BD;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

.legal-nav-item i {
  font-size: 18px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(201, 162, 77, 0.08);
  color: #C9A24D;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.legal-nav-item strong {
  display: block;
  font-size: 13.5px;
  color: #F8F6F1;
  margin-bottom: 2px;
  line-height: 1.3;
}

.legal-nav-item small {
  display: block;
  font-size: 11px;
  color: #8C8277;
  line-height: 1.3;
}

.legal-nav-item:hover {
  background: rgba(201, 162, 77, 0.08);
  color: #F8F6F1;
  border-color: rgba(201, 162, 77, 0.2);
}

.legal-nav-item.is-active {
  background: #1D1814;
  border-color: rgba(201, 162, 77, 0.4);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.legal-nav-item.is-active i {
  background: #C9A24D;
  color: #0D0D0D;
}

.legal-sidebar-card {
  background: #141210;
  border: 1px solid #28211C;
  border-radius: 20px;
  padding: 22px 20px;
  text-align: center;
}

.legal-sidebar-card i {
  font-size: 28px;
  color: #C9A24D;
  margin-bottom: 12px;
  display: inline-block;
}

.legal-sidebar-card h4 {
  font-size: 16px;
  color: #F8F6F1;
  margin: 0 0 6px;
}

.legal-sidebar-card p {
  font-size: 12.5px;
  color: #A89F94;
  line-height: 1.5;
  margin: 0 0 16px;
}

.legal-content-card {
  background: #141210;
  border: 1px solid #28211C;
  border-radius: 24px;
  padding: clamp(24px, 4vw, 44px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}

.legal-doc-header {
  border-bottom: 1px solid #28211C;
  padding-bottom: 24px;
  margin-bottom: 30px;
}

.legal-doc-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #C9A24D;
  background: rgba(201, 162, 77, 0.12);
  border: 1px solid rgba(201, 162, 77, 0.25);
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.legal-doc-header h2 {
  font-size: clamp(1.5rem, 2.6vw, 2.2rem);
  color: #F8F6F1;
  margin: 0 0 8px;
}

.legal-doc-subtitle {
  color: #A89F94;
  font-size: 14px;
  margin: 0 0 18px;
}

.legal-doc-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 12.5px;
  color: #7A7067;
}

.legal-print-btn {
  background: transparent;
  border: 1px solid #362D26;
  color: #D1C7BD;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.legal-print-btn:hover {
  border-color: #C9A24D;
  color: #C9A24D;
}

.legal-doc-body {
  color: #D1C7BD;
  font-size: 15px;
  line-height: 1.8;
}

.legal-doc-body h3 {
  color: #F8F6F1;
  font-size: 17px;
  margin: 28px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(201, 162, 77, 0.15);
}

.legal-doc-body p {
  margin: 0 0 16px;
}

.legal-doc-body ul {
  margin: 0 0 18px 20px;
  padding: 0;
}

.legal-doc-body li {
  margin-bottom: 8px;
}

.legal-doc-body a {
  color: #C9A24D;
  text-decoration: underline;
}

/* Footer 5 Sütun Responsive */
.footer-grid {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr 1.1fr 1.2fr !important;
  gap: 36px !important;
}

@media (max-width: 1024px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }
}

@media (max-width: 900px) {
  .legal-page-container {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-block: 28px 48px;
  }

  .legal-sidebar {
    position: static;
  }
}

@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   Admin Notifications & Contact Messages Hub
   ========================================================================== */
.notifications-page-view {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.notif-tab-nav {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid rgba(201, 162, 77, 0.18);
  padding-bottom: 14px;
  overflow-x: auto;
}

.notif-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(201, 162, 77, 0.15);
  color: var(--text-muted, #a39e93);
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.notif-tab-btn:hover {
  background: rgba(201, 162, 77, 0.08);
  color: #F8F6F1;
  border-color: rgba(201, 162, 77, 0.35);
}

.notif-tab-btn.active {
  background: linear-gradient(135deg, rgba(201, 162, 77, 0.22), rgba(201, 162, 77, 0.08));
  color: #C9A24D;
  border-color: #C9A24D;
  box-shadow: 0 4px 14px rgba(201, 162, 77, 0.12);
}

.notif-tab-btn .tab-badge {
  background: rgba(201, 162, 77, 0.2);
  color: #C9A24D;
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 10px;
  font-weight: 700;
}

.notif-tab-btn.active .tab-badge {
  background: #C9A24D;
  color: #0D0D0D;
}

/* Contact Messages Grid */
.contact-messages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 20px;
}

.contact-msg-card {
  background: linear-gradient(145deg, #161514, #100f0e);
  border: 1px solid rgba(201, 162, 77, 0.15);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.contact-msg-card:hover {
  border-color: rgba(201, 162, 77, 0.35);
  transform: translateY(-2px);
}

.msg-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.msg-author-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.msg-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #C9A24D, #8f6657);
  color: #0D0D0D;
  font-weight: 800;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(201, 162, 77, 0.25);
  flex-shrink: 0;
}

.msg-author-name {
  display: block;
  font-size: 15px;
  color: #F8F6F1;
  font-weight: 700;
  line-height: 1.25;
}

.msg-time {
  display: block;
  font-size: 12px;
  color: var(--text-muted, #8e887f);
  margin-top: 3px;
}

.msg-subject-badge {
  background: rgba(201, 162, 77, 0.12);
  color: #C9A24D;
  border: 1px solid rgba(201, 162, 77, 0.25);
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}

.msg-card-body {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 12px;
  padding: 14px 16px;
  min-height: 64px;
}

.msg-content-text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: #e5e1d8;
  word-break: break-word;
}

.icon-svg {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

.msg-card-footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.msg-contact-details {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12.5px;
  color: var(--text-muted, #a39e93);
}

.msg-detail-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.msg-subfilter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 12px;
}

.msg-filter-pills {
  display: inline-flex;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(201, 162, 77, 0.18);
  border-radius: 12px;
  padding: 4px;
  gap: 4px;
}

.msg-filter-btn {
  background: transparent;
  border: none;
  color: var(--text-muted, #a39e93);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.msg-filter-btn:hover {
  color: #F8F6F1;
  background: rgba(255, 255, 255, 0.05);
}

.msg-filter-btn.active {
  background: rgba(201, 162, 77, 0.2);
  color: #C9A24D;
}

.msg-filter-btn .filter-count {
  font-size: 11px;
  background: rgba(255, 255, 255, 0.08);
  padding: 1px 6px;
  border-radius: 10px;
}

.msg-filter-btn.active .filter-count {
  background: #C9A24D;
  color: #0D0D0D;
  font-weight: 700;
}

.archived-pill {
  background: rgba(140, 140, 140, 0.15);
  color: #a0a0a0;
  border: 1px solid rgba(140, 140, 140, 0.3);
  padding: 3px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
}

.contact-msg-card.is-archived {
  opacity: 0.85;
  border-color: rgba(255, 255, 255, 0.07);
}

.msg-card-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.msg-primary-actions, .msg-management-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.msg-act-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #F8F6F1;
}

.msg-act-btn:hover {
  transform: translateY(-1px);
}

.msg-act-btn.call-btn:hover {
  background: rgba(59, 130, 246, 0.15);
  border-color: #3b82f6;
  color: #60a5fa;
}

.msg-act-btn.wa-btn {
  border-color: rgba(37, 211, 102, 0.35);
  color: #25D366;
  background: rgba(37, 211, 102, 0.08);
}

.msg-act-btn.wa-btn:hover {
  background: rgba(37, 211, 102, 0.2);
  border-color: #25D366;
}

.msg-act-btn.mail-btn:hover {
  background: rgba(201, 162, 77, 0.15);
  border-color: #C9A24D;
  color: #C9A24D;
}

.msg-act-btn.archive-btn:hover, .msg-act-btn.unarchive-btn:hover {
  background: rgba(201, 162, 77, 0.12);
  border-color: rgba(201, 162, 77, 0.3);
  color: #C9A24D;
}

.msg-act-btn.delete-btn {
  border-color: rgba(239, 68, 68, 0.2);
  color: #f87171;
  background: rgba(239, 68, 68, 0.05);
}

.msg-act-btn.delete-btn:hover {
  background: rgba(239, 68, 68, 0.18);
  border-color: #ef4444;
  color: #fca5a5;
}

/* Notification Channels Grid */
.notification-channels-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.channel-config-card {
  background: linear-gradient(145deg, #161514, #100f0e);
  border: 1px solid rgba(201, 162, 77, 0.15);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.channel-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
}

.channel-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(201, 162, 77, 0.1);
  border: 1px solid rgba(201, 162, 77, 0.2);
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.channel-card-header h3 {
  margin: 0 0 4px;
  font-size: 16px;
  color: #F8F6F1;
}

.channel-status-pill {
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
}

.channel-status-pill.ready {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.channel-status-pill.unconfigured {
  background: rgba(234, 179, 8, 0.15);
  color: #fde047;
  border: 1px solid rgba(234, 179, 8, 0.3);
}

.channel-card-desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--text-muted, #a39e93);
  flex: 1;
}

.channel-card-footer {
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.channel-toggle-label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

.channel-toggle-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  position: relative;
  width: 44px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  transition: 0.3s;
}

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.3s;
}

.channel-toggle-label input:checked + .toggle-slider {
  background-color: #C9A24D;
}

.channel-toggle-label input:checked + .toggle-slider:before {
  transform: translateX(20px);
}

.toggle-text {
  font-size: 13.5px;
  font-weight: 600;
  color: #F8F6F1;
}

.channel-badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #F8F6F1;
}

.channel-badge.sms {
  background: rgba(59, 130, 246, 0.12);
  color: #60a5fa;
  border-color: rgba(59, 130, 246, 0.3);
}

.channel-badge.email {
  background: rgba(201, 162, 77, 0.12);
  color: #C9A24D;
  border-color: rgba(201, 162, 77, 0.3);
}

.channel-badge.whatsapp {
  background: rgba(37, 211, 102, 0.12);
  color: #25D366;
  border-color: rgba(37, 211, 102, 0.3);
}

@media (max-width: 768px) {
  .contact-messages-grid {
    grid-template-columns: 1fr;
  }
}

/* Site Ayarları - Sözleşmeler & Yasal Metinler Tasarımı */
.legal-field-control {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  margin-bottom: 16px !important;
  transition: border-color 0.2s ease !important;
}

.legal-field-control:focus-within {
  border-color: rgba(201, 162, 77, 0.45) !important;
}

.legal-field-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.legal-field-label b {
  color: #F8F6F1 !important;
  font-size: 14.5px !important;
  display: block !important;
}

.legal-field-label small {
  color: #A89F94 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.legal-field-actions {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.legal-btn-load,
.legal-btn-clear {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 13px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.legal-btn-load {
  background: rgba(201, 162, 77, 0.12) !important;
  border: 1px solid rgba(201, 162, 77, 0.35) !important;
  color: #C9A24D !important;
}

.legal-btn-load:hover {
  background: #C9A24D !important;
  color: #12100E !important;
  border-color: #C9A24D !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(201, 162, 77, 0.25) !important;
}

.legal-btn-clear {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #A89F94 !important;
}

.legal-btn-clear:hover {
  background: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #f87171 !important;
  transform: translateY(-1px) !important;
}

.legal-settings-info-banner {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  background: linear-gradient(135deg, rgba(201, 162, 77, 0.1) 0%, rgba(20, 18, 16, 0.6) 100%) !important;
  border: 1px solid rgba(201, 162, 77, 0.28) !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  margin-bottom: 22px !important;
  color: #E2DACF !important;
}

.legal-settings-info-banner svg,
.legal-settings-info-banner i {
  color: #C9A24D !important;
  font-size: 22px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.legal-settings-info-banner strong {
  color: #F8F6F1 !important;
  display: block !important;
  font-size: 14.5px !important;
  margin-bottom: 4px !important;
}

.legal-settings-info-banner p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #D1C7BD !important;
}

/* ========================================================
   LUXURY CINEMATIC ANIMATIONS & SCROLL INTERACTIONS
   ======================================================== */

/* 1. Sayfa Başı Altın İlerleme Çubuğu (Top Scroll Progress Bar) */
#scroll-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg, #99783D, #C9A24D, #F3E8CE, #C9A24D);
  box-shadow: 0 0 10px rgba(201, 162, 77, 0.7);
  z-index: 99999;
  transition: width 0.12s ease-out;
  pointer-events: none;
}

/* 2. Zarif Yukarı Çık Butonu (Floating Back to Top) */
.scroll-to-top-btn {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(20, 18, 16, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(201, 162, 77, 0.35);
  color: #C9A24D;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px) scale(0.9);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.scroll-to-top-btn:hover {
  background: #C9A24D;
  color: #141210;
  border-color: #C9A24D;
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 28px rgba(201, 162, 77, 0.35);
}

.scroll-to-top-btn.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

/* 3. Hero Slider Sinematik Geçişleri & Ken Burns Efekti */
.editorial-image {
  position: relative;
  overflow: hidden;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: heroKenBurns 7s ease-out forwards;
}

@keyframes heroKenBurns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.055);
  }
}

/* Metinlerin Süzülme Animasyonu (Fade-Up) */
.hero-text-animating [data-hero-eyebrow] {
  animation: heroTextFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both;
}

.hero-text-animating [data-hero-title] {
  animation: heroTextFadeUp 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both;
}

.hero-text-animating [data-hero-text] {
  animation: heroTextFadeUp 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
}

.hero-text-animating .editorial-actions,
.hero-text-animating [data-hero-note] {
  animation: heroTextFadeUp 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.28s both;
}

@keyframes heroTextFadeUp {
  0% {
    opacity: 0;
    transform: translateY(18px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slider Noktaları (Genişleyen Altın Pill İndikatörler) */
.slider-dots {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.slider-dots i,
.slider-dots [data-hero-dot] {
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  cursor: pointer !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.slider-dots i:hover {
  background: rgba(201, 162, 77, 0.6) !important;
}

.slider-dots i.active {
  width: 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #C9A24D, #E5C483) !important;
  box-shadow: 0 0 12px rgba(201, 162, 77, 0.6) !important;
  border-color: #C9A24D !important;
}

/* 4. Sayfada Aşağı Kaydırdıkça Açılan Dalga Efekti (Staggered Reveal) */
[data-scroll-reveal] {
  opacity: 0 !important;
  transform: translateY(26px) !important;
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: opacity, transform;
}

[data-scroll-reveal].is-visible {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

/* 5. Kart & Buton Lüks Mikro-Etkileşimleri (Luxury Hover Effects) */
.home-service-card,
.home-product-card,
.home-expert-card,
.portfolio-card,
.testimonial-card {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-service-card:hover,
.home-product-card:hover,
.home-expert-card:hover,
.portfolio-card:hover,
.testimonial-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6), 0 0 20px rgba(201, 162, 77, 0.12) !important;
  border-color: rgba(201, 162, 77, 0.35) !important;
}

/* Buton Işıltı Yansıması (Shimmer) */
.button:not(.ghost):not(.button-outline),
.btn-product-cart {
  position: relative;
  overflow: hidden;
}

.button:not(.ghost):not(.button-outline)::after,
.btn-product-cart::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -60%;
  width: 40%;
  height: 200%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.22) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: rotate(25deg);
  transition: all 0.65s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.button:not(.ghost):not(.button-outline):hover::after,
.btn-product-cart:hover::after {
  left: 120%;
}

/* ==========================================================================
   19. ÇEREZ (COOKIE) AYDINLATMA & ONAY ÇUBUĞU
   ========================================================================== */
.cookie-consent-bar {
  position: fixed !important;
  bottom: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(120px) !important;
  width: calc(100% - 32px) !important;
  max-width: 1040px !important;
  z-index: 999999 !important;
  background: rgba(23, 21, 19, 0.94) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(201, 162, 77, 0.4) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.75), 0 0 24px rgba(201, 162, 77, 0.12) !important;
  border-radius: 20px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease, visibility 0.5s ease !important;
  box-sizing: border-box !important;
}

.cookie-consent-bar.is-visible {
  transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.cookie-consent-inner {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 18px 24px !important;
}

.cookie-consent-icon {
  width: 48px !important;
  height: 48px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: radial-gradient(circle at 50% 40%, #2E251E 0%, #171513 100%) !important;
  border: 1px solid rgba(201, 162, 77, 0.4) !important;
  border-radius: 50% !important;
  color: #C9A24D !important;
  font-size: 20px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
}

.cookie-consent-copy {
  flex: 1 !important;
  min-width: 0 !important;
}

.cookie-consent-title {
  display: block !important;
  font-family: 'Cinzel Decorative', Georgia, serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #F8F6F1 !important;
  margin-bottom: 4px !important;
  letter-spacing: 0.04em !important;
}

.cookie-consent-text {
  font-size: 0.84rem !important;
  line-height: 1.5 !important;
  color: #D1C7BD !important;
  margin: 0 !important;
}

.cookie-consent-text a {
  color: #C9A24D !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.cookie-consent-text a:hover {
  color: #DFBE76 !important;
}

.cookie-consent-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

.cookie-btn-accept {
  background: linear-gradient(135deg, #DFBE76 0%, #C9A24D 100%) !important;
  color: #12100E !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(201, 162, 77, 0.35) !important;
}

.cookie-btn-accept:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(201, 162, 77, 0.5) !important;
  filter: brightness(1.05) !important;
}

.cookie-btn-ghost {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #F8F6F1 !important;
  border: 1px solid rgba(201, 162, 77, 0.3) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.cookie-btn-ghost:hover {
  background: rgba(201, 162, 77, 0.15) !important;
  border-color: #C9A24D !important;
  color: #DFBE76 !important;
}

.cookie-btn-close {
  background: transparent !important;
  border: none !important;
  color: #A89F94 !important;
  font-size: 16px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.cookie-btn-close:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #F8F6F1 !important;
}

@media (max-width: 860px) {
  .cookie-consent-bar {
    bottom: 16px !important;
    width: calc(100% - 24px) !important;
    border-radius: 16px !important;
  }
  .cookie-consent-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px 18px !important;
  }
  .cookie-consent-icon {
    display: none !important;
  }
  .cookie-consent-actions {
    width: 100% !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }
  .cookie-btn-accept {
    flex: 1 !important;
    justify-content: center !important;
  }
}




/* ==========================================================================
   MOBİL HEADER: SOLDA MENÜ, ORTADA SADECE LOGO, SAĞDA BUTONLAR
   ========================================================================== */
   
   
@media (max-width: 980px) {
  .site-header .navbar {
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 64px !important;
  }

  /* 1. SOL: Açılır Menü Butonu */
  .site-header .menu-button {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 50% !important;
    background: #171513 !important;
    border: 1px solid rgba(201, 162, 77, 0.35) !important;
    color: #C9A24D !important;
    cursor: pointer !important;
    margin: 0 !important;
    z-index: 10 !important;
    flex-shrink: 0 !important;
  }

  /* Menü yazısını mobilde gizler, sadece ikon kalır */
  .site-header .menu-button span {
    display: none !important;
  }

  /* 2. ORTA / SOLA KAYDIRILMIŞ LOGO */
  .site-header .brand,
  .site-header .brand:has(.brand-mark.has-logo) {
    order: 2 !important;
    position: absolute !important;
    left: 33% !important; /* Daha sola kaydırmak istiyorsan sayıyı küçült */
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    z-index: 5 !important;
    max-width: calc(100% - 190px) !important;
    height: 44px !important;
  }

  .site-header .brand [data-brand-name],
  .site-header .brand span:not(.brand-mark) {
    display: none !important;
  }

  .site-header .brand-mark.has-logo,
  .brand-mark.has-logo {
    height: 40px !important;
    max-height: 40px !important;
    width: auto !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .site-header .brand-mark.has-logo img,
  .brand-mark.has-logo img {
    height: 40px !important;
    max-height: 40px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  /* 3. SAĞ: Butonlar */
  .site-header .nav-actions {
    order: 3 !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    z-index: 10 !important;
    flex-shrink: 0 !important;
  }

  .site-header .guest-actions {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
  }

  .site-header .guest-login,
  .site-header .guest-register {
    padding: 6px 10px !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
  }
}

/* Açılır menü içerisindeki Giriş Yap ve Kayıt Ol linklerini gizle */
.site-header .nav-links a[data-guest-links],
.site-header .nav-links.open a[data-guest-links] {
  display: none !important;
}