/* =====================================================================
   drarzuakar.css — Luxine RECOLOR (Op. Dr. Arzu Akar)
   Sıcak-feminen premium palet. Luxine tamamen var(--*) tabanlı olduğu
   için :root override teması baştan sona recolor eder.
   Yön: ivory zemin + gül/berry marka + rose-gold aksan; hero/header
   videolu koyu-dramatik (ebruunal etkisi), içerik açık (eserdağ okunaklılığı).
   ===================================================================== */

:root {
  --primary-color          : #2A1B24; /* deep plum-espresso — başlıklar, koyu zemin */
  --secondary-color        : #FFFFFF;
  --bg-color               : #FBF7F3; /* warm ivory — sayfa zemini */
  --text-color             : #5E5550; /* warm taupe — gövde metni */
  --accent-color           : #8A4A63; /* deep rose/berry — marka, buton, link */
  --accent-secondary-color : #C8A07C; /* rose-gold — ikincil aksan, vurgu */
  --white-color            : #FFFFFF;
  --divider-color          : #2A1B2414;
  --dark-divider-color     : #FFFFFF1A;
  --error-color            : rgb(230, 87, 87);
  /* fontlar Luxine ile aynı: DM Sans + Space Grotesk */

  /* Marka yardımcı değişkenleri (kendi bileşenlerimiz için) */
  --brand-deep             : #2A1B24;
  --brand-rose             : #8A4A63;
  --brand-rose-soft        : #A86A82;
  --brand-gold             : #C8A07C;
  --brand-ivory            : #FBF7F3;
  --brand-cream            : #F3EBE4;
}

/* Koyu zemin yardımcı sınıfı — hero / page-header video bölümleri için */
.dra-dark { background-color: var(--brand-deep); color: #EFE6DE; }
.dra-dark h1, .dra-dark h2, .dra-dark h3, .dra-dark h4, .dra-dark h5, .dra-dark h6 { color: #FFFFFF; }

/* Marka metin/zemin yardımcıları */
.dra-text-rose { color: var(--brand-rose) !important; }
.dra-text-gold { color: var(--brand-gold) !important; }
.dra-bg-cream  { background-color: var(--brand-cream) !important; }

/* ---- Logo (metin tabanlı wordmark — gerçek logo gelince değişecek) ---- */
.dra-logo { display:inline-flex; flex-direction:column; line-height:1.05; text-decoration:none; }
.dra-logo .dra-logo-name { font-family:var(--accent-font); font-weight:600; font-size:25px; letter-spacing:.01em; color:var(--primary-color); }
.dra-logo .dra-logo-name strong { color:var(--accent-color); font-weight:700; }
.dra-logo .dra-logo-sub { font-family:var(--default-font); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-secondary-color); margin-top:5px; }
.dra-logo--footer { margin-bottom:24px; }
.dra-logo--footer .dra-logo-name { color:#fff; }
.dra-logo--footer .dra-logo-name strong { color:var(--accent-secondary-color); }
.dra-logo--footer .dra-logo-sub { color:var(--accent-secondary-color); }

/* ---- Hero / Page-header arka plan videosu (ebruunal etkisi) ---- */
/* ⚠️ Masaüstü ana menü görünürlük düzeltmesi — Bootstrap .collapse + navbar-expand-lg
   display'i flex yapıyor ama .navbar-collapse'ın visibility:collapse mirasını override
   ETMİYOR → menü ekranda kaybolyordu. ≥992px'de menüyü görünür kıl (mobil slicknav etkilenmez). */
@media (min-width: 992px) {
  .navbar-collapse.main-menu,
  .main-menu .nav-menu-wrapper,
  .main-menu .nav-menu-wrapper > ul,
  .main-menu .navbar-nav { visibility: visible !important; }
  /* Açılır alt menüler kendi hover mekanizmasını korur */
  .main-menu .navbar-nav ul ul { visibility: hidden; }
  .main-menu .navbar-nav li:hover > ul { visibility: visible !important; }
}

.hero, .page-header { position:relative; overflow:hidden; }
.dra-bg-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.hero .container, .page-header .container { position:relative; z-index:2; }
.page-header.dra-has-video::before { content:''; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(75% 95% at 50% 58%, rgba(28,17,24,.60) 0%, rgba(28,17,24,.36) 55%, rgba(28,17,24,.22) 100%),
    linear-gradient(180deg, rgba(28,17,24,.54) 0%, rgba(28,17,24,.30) 42%, rgba(28,17,24,.62) 100%);
}

/* ---- Footer yasal bilgilendirme notu ---- */
.dra-legal-note { margin-top:22px; padding-top:20px; border-top:1px solid var(--dark-divider-color); font-size:12.5px; line-height:1.7; color:rgba(255,255,255,.5); }

/* ======================================================================
   ANA SAYFA — özel bölümler
   ====================================================================== */

/* ---- Hero ---- */
.dra-hero { background: radial-gradient(125% 125% at 78% 0%, #6E3A52 0%, #3A2334 46%, #241620 100%); padding: 225px 0 150px; }
.dra-hero::before { opacity: .12; }
.dra-hero .hero-content { max-width: 1000px; }
.dra-hero .section-title h3 { color: var(--brand-gold); letter-spacing:.16em; text-transform:uppercase; font-size:14px; margin-bottom:22px; }
.dra-hero .section-title h1 { color:#fff; font-size: clamp(32px, 4.6vw, 62px); line-height:1.12; }
.dra-hero .section-title p { color: rgba(255,255,255,.82); font-size:18px; }
.dra-hero .hero-body { margin-top: 44px; gap:16px 18px; }
.btn-highlighted { background: transparent !important; border:1px solid rgba(255,255,255,.45) !important; color:#fff !important; }
.btn-highlighted:hover { background: var(--brand-gold) !important; border-color: var(--brand-gold) !important; color: var(--brand-deep) !important; }

/* ---- Ticker ---- */
.our-scrolling-ticker .scrolling-content span { color: var(--primary-color); font-family: var(--accent-font); font-weight:500; }
.our-scrolling-ticker .scrolling-content span i { color: var(--brand-rose); margin-right:14px; font-size:12px; }

/* ---- Intro / Neden ---- */
.dra-intro { padding: 100px 0; }
.dra-intro-visual { position:relative; background: linear-gradient(160deg,#3A2334,#241620); border-radius: 18px; padding: 46px 40px; min-height: 420px; display:flex; flex-direction:column; justify-content:space-between; }
.dra-intro-badge { display:flex; align-items:baseline; gap:12px; }
.dra-intro-badge-num { font-family:var(--accent-font); font-size:62px; font-weight:700; color:var(--brand-gold); line-height:1; }
.dra-intro-badge-text { color:rgba(255,255,255,.7); font-size:15px; max-width:120px; }
.dra-intro-quote { margin-top:auto; }
.dra-intro-quote i { color:var(--brand-rose-soft); font-size:28px; margin-bottom:14px; display:block; }
.dra-intro-quote p { color:#EFE6DE; font-size:19px; line-height:1.6; font-style:italic; margin:0; font-family:var(--accent-font); }
.dra-neden-list { display:grid; grid-template-columns:1fr 1fr; gap:22px 26px; margin:34px 0; }
.dra-neden-item { display:flex; gap:14px; }
.dra-neden-icon { flex:0 0 46px; width:46px; height:46px; border-radius:12px; background:var(--brand-cream); color:var(--brand-rose); display:flex; align-items:center; justify-content:center; font-size:18px; }
.dra-neden-text h4 { font-family:var(--accent-font); font-size:17px; color:var(--primary-color); margin:2px 0 6px; }
.dra-neden-text p { font-size:14px; line-height:1.6; margin:0; }

/* ---- Hizmet kartları ---- */
.dra-services { padding: 24px 0 100px; }
.dra-service-grid { margin-top: 14px; --bs-gutter-y: 26px; }
.dra-service-card { display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid var(--divider-color); border-radius:16px; padding:38px 32px; text-decoration:none; transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; position:relative; overflow:hidden; }
.dra-service-card::after { content:''; position:absolute; left:0; top:0; height:3px; width:0; background:linear-gradient(90deg,var(--brand-rose),var(--brand-gold)); transition:width .4s ease; }
.dra-service-card:hover { transform:translateY(-6px); box-shadow:0 24px 50px rgba(42,27,36,.12); border-color:transparent; }
.dra-service-card:hover::after { width:100%; }
.dra-service-icon { width:62px; height:62px; border-radius:16px; background:var(--brand-cream); color:var(--brand-rose); display:flex; align-items:center; justify-content:center; font-size:25px; margin-bottom:24px; transition:background .35s ease, color .35s ease; }
.dra-service-card:hover .dra-service-icon { background:var(--brand-rose); color:#fff; }
.dra-service-card h3 { font-family:var(--accent-font); font-size:21px; color:var(--primary-color); margin-bottom:12px; }
.dra-service-card p { font-size:14.5px; line-height:1.65; color:var(--text-color); margin-bottom:20px; flex-grow:1; }
.dra-service-more { font-family:var(--accent-font); font-weight:600; font-size:14px; color:var(--brand-rose); display:inline-flex; align-items:center; gap:8px; }
.dra-service-more i { transition:transform .3s ease; }
.dra-service-card:hover .dra-service-more i { transform:translateX(5px); }

/* ---- CTA bandı ---- */
.dra-cta-band { background:linear-gradient(120deg,#2A1B24,#5A3247); padding:80px 0; }
.dra-cta-band .section-title h2 { color:#fff; font-size:clamp(26px,3vw,40px); margin:0; }
.dra-cta-band .section-title p { color:rgba(255,255,255,.78); margin-top:18px; margin-bottom:0; }
.dra-cta-band-action { display:flex; flex-direction:column; gap:16px; align-items:flex-start; }
.dra-cta-phone { color:var(--brand-gold); font-family:var(--accent-font); font-size:23px; font-weight:600; text-decoration:none; }
.dra-cta-phone i { margin-right:10px; font-size:17px; }

/* ---- Video ---- */
.dra-video-section { padding:100px 0; }
.section-title-center { text-align:center; max-width:720px; margin:0 auto 40px; }
.dra-video-poster { display:flex; flex-direction:column; align-items:center; gap:20px; max-width:760px; margin:0 auto; padding:90px 30px; border-radius:20px; background:linear-gradient(165deg, rgba(34,21,30,.80), rgba(58,35,52,.64)), url("/luxine/images/dra/interior-warm.jpg") center / cover no-repeat; color:#EFE6DE; text-decoration:none; text-align:center; }
.dra-video-play { width:84px; height:84px; border-radius:50%; background:var(--brand-gold); color:var(--brand-deep); display:flex; align-items:center; justify-content:center; font-size:26px; transition:transform .3s ease; }
.dra-video-poster:hover .dra-video-play { transform:scale(1.08); }
.dra-video-poster span { font-size:16px; color:rgba(255,255,255,.85); }

/* ---- 360° Felsefe bandı ---- */
.dra-360 { background: linear-gradient(135deg, #2A1B24 0%, #4A2A3D 55%, #241620 100%); padding: 100px 0; }
.dra-360 .section-title h3 { color: var(--brand-gold); }
.dra-360 .section-title h2 { color: #fff; }
.dra-360 .section-title p { color: rgba(255,255,255,.8); }
.dra-360-grid { --bs-gutter-y: 24px; margin-top: 16px; }
.dra-360-card { height:100%; background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:38px 30px; text-align:center; transition:transform .35s ease, background .35s ease; }
.dra-360-card:hover { transform:translateY(-5px); background:rgba(255,255,255,.08); }
.dra-360-icon { width:64px; height:64px; border-radius:16px; margin:0 auto 22px; background:rgba(200,160,124,.16); color:var(--brand-gold); display:flex; align-items:center; justify-content:center; font-size:26px; }
.dra-360-card h4 { font-family:var(--accent-font); font-size:20px; color:#fff; margin-bottom:12px; }
.dra-360-card p { font-size:14.5px; line-height:1.65; color:rgba(255,255,255,.72); margin:0; }

/* ---- Genital Estetik — Beni farklı kılan (2 sütun: başlık + madde listesi) ---- */
.dra-genital-fark { background: var(--bg-color); padding: 100px 0; }
.dra-genital-fark .section-title h3 { color: var(--accent-color); }
.dra-genital-fark .section-btn { margin-top: 30px; }
.dra-fark-list { display:flex; flex-direction:column; gap:18px; }
.dra-fark-item { display:flex; gap:20px; align-items:flex-start; background:#fff; border:1px solid rgba(42,27,36,.08); border-radius:16px; padding:26px; box-shadow:0 10px 30px rgba(42,27,36,.04); transition:transform .35s ease, box-shadow .35s ease; }
.dra-fark-item:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(42,27,36,.09); }
.dra-fark-icon { flex:0 0 auto; width:56px; height:56px; border-radius:14px; background:linear-gradient(135deg, var(--accent-color), var(--accent-secondary-color)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; }
.dra-fark-body h4 { font-family:var(--accent-font); font-size:19px; color:var(--primary-color); margin-bottom:8px; }
.dra-fark-body p { font-size:14.5px; line-height:1.65; color:var(--text-color); margin:0; }
@media (max-width: 991px){ .dra-genital-fark { padding:70px 0; } .dra-genital-fark .col-lg-7 { margin-top:32px; } }

/* ---- Genital estetik öne çıkan kartlar + ikincil "Diğer Hizmetler" şeridi ---- */
.dra-service-card--featured { border-top:3px solid var(--accent-color); }
.dra-diger { margin-top:56px; padding-top:42px; border-top:1px solid rgba(42,27,36,.10); text-align:center; }
.dra-diger h4 { font-family:var(--accent-font); font-size:14px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-color); margin-bottom:24px; }
.dra-diger-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
.dra-diger .dra-chip { background:transparent; }
.dra-diger .dra-chip:hover { background:var(--brand-rose); }

/* ---- Yorumlar / Blog placeholder ---- */
.dra-reviews { padding:100px 0; }
.dra-blog { padding:100px 0; }
.dra-reviews-note { text-align:center; }
.dra-reviews-note p { font-size:16px; color:var(--text-color); }
.dra-reviews-note i { color:var(--brand-rose); margin-right:8px; }

/* ---- Responsive ---- */
@media (max-width: 991px) {
  .dra-hero { padding: 165px 0 105px; }
  .dra-neden-list { grid-template-columns:1fr; }
  .dra-intro-visual { min-height:auto; margin-bottom:36px; }
  .dra-cta-band-action { margin-top:28px; }
}
@media (max-width: 575px) {
  .dra-hero .section-title h1 { font-size:29px; }
  .dra-service-card { padding:30px 24px; }
  .dra-intro, .dra-services, .dra-video-section, .dra-reviews, .dra-blog { padding:60px 0; }
}

/* ======================================================================
   HEADER durumları — transparan (banner üstü) vs sticky (scroll)
   ====================================================================== */
/* Transparan durum (koyu hero/banner üstü): açık metin */
.main-header .navbar-brand.dra-logo .dra-logo-name { color:#fff; }
.main-header .navbar-brand.dra-logo .dra-logo-name strong { color:var(--brand-gold); }
.main-header .navbar-brand.dra-logo .dra-logo-sub { color:var(--brand-gold); }
.main-header .navbar-nav > li > .nav-link { color:rgba(255,255,255,.92); }
.main-header .navbar-nav > li > .nav-link:hover { color:var(--brand-gold); }

/* Sticky aktif (scroll): KOYU zemin (custom.css default) + BEYAZ logo/menü.
   Hero header'la tutarlı; beyaz metin koyu zeminde her zaman görünür (specificity savaşı yok).
   Logo'yu açıkça beyaza zorla (yoksa --primary-color koyu kalıp koyu zeminde kaybolur). */
header.main-header .header-sticky.active { background:var(--primary-color); box-shadow:0 10px 34px rgba(0,0,0,.28); border-bottom-color:rgba(255,255,255,.10); }
header.main-header .header-sticky.active .navbar-brand.dra-logo .dra-logo-name { color:#fff !important; }
header.main-header .header-sticky.active .navbar-brand.dra-logo .dra-logo-name strong { color:var(--brand-gold) !important; }
header.main-header .header-sticky.active .navbar-brand.dra-logo .dra-logo-sub { color:var(--brand-gold) !important; }
header.main-header .header-sticky.active .navbar-nav > li > .nav-link { color:#fff !important; }
header.main-header .header-sticky.active .navbar-nav > li > .nav-link:hover { color:var(--brand-gold) !important; }

/* ===== Mega menü (Hizmetler) — 3 sütun, genital estetik öne çıkan ===== */
.main-menu .dra-mega { width: 680px !important; left: 0; padding: 26px 30px !important; columns: 3; column-gap: 26px; }
.main-menu .dra-mega .dra-mega-h { break-before: column; break-inside: avoid; display:block; font-family:var(--accent-font); font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.66); padding:0 0 9px; margin:0 0 7px; border-bottom:1px solid rgba(255,255,255,.20); pointer-events:none; list-style:none; }
.main-menu .dra-mega .dra-mega-h:first-child { break-before: avoid; }
.main-menu .dra-mega .dra-mega-h--lead { color:#fff; font-size:11.5px; }
.main-menu .dra-mega li.nav-item { break-inside: avoid; width:100%; }
.main-menu .dra-mega li.nav-item a { padding:7px 0 !important; font-size:14px !important; white-space:normal; line-height:1.3; }
.main-menu .dra-mega li.dra-mega-lead a { font-weight:600; }
/* Mobil (slicknav) — mega CSS sütunlarını iptal et, normal dikey liste */
@media (max-width: 991px){ .main-menu .dra-mega { width:auto !important; columns:auto !important; padding:0 !important; } }

/* ===== Sabit hızlı iletişim (FAB) — WhatsApp her zaman, telefon YALNIZ mobil ===== */
.dra-fab { position: fixed; right: 18px; bottom: 20px; z-index: 95; display:flex; flex-direction:column; gap:12px; }
.dra-fab-btn { width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff !important; font-size:23px; text-decoration:none; box-shadow:0 10px 26px rgba(42,27,36,.30); transition:transform .25s ease; }
.dra-fab-btn:hover { transform:translateY(-3px) scale(1.05); color:#fff !important; }
.dra-fab-phone { background:var(--accent-color); }
.dra-fab-wa { background:#25D366; animation:draFabPulse 2.4s ease-out infinite; }
@keyframes draFabPulse {
  0%   { box-shadow:0 10px 26px rgba(42,27,36,.30), 0 0 0 0 rgba(37,211,102,.55); }
  70%  { box-shadow:0 10px 26px rgba(42,27,36,.30), 0 0 0 16px rgba(37,211,102,0); }
  100% { box-shadow:0 10px 26px rgba(42,27,36,.30), 0 0 0 0 rgba(37,211,102,0); }
}
/* Masaüstünde telefon sticky'ye gerek yok → gizle (WhatsApp kalır) */
@media (min-width: 992px) { .dra-fab-phone { display:none; } }
@media (max-width: 575px) { .dra-fab { right:14px; bottom:14px; } .dra-fab-btn { width:50px; height:50px; font-size:21px; } }
@media (prefers-reduced-motion: reduce) { .dra-fab-wa { animation:none; } }

/* ---- Luxine interior/mimari dekoratif arka plan görsellerini kaldır (marka-dışı) ---- */
.our-services, .about-us, .why-choose-us, .our-blog { background-image: none !important; }

/* ---- WOW/animate.css giriş animasyonları nötr — içerik DAİMA görünür ----
   Sebep: bu animasyonlar opacity'yi 0'dan başlatıyor ve preview/gizli-sekme
   ortamında donup içeriği soluk bırakıyor; ayrıca JS'e bağımlı görünürlük
   erişilebilirlik riski. Canlılık hover geçişleri + premium tasarımdan gelir.
   (İsteğe bağlı giriş animasyonu, nihai cila turunda preview-güvenli eklenecek.) */
/* Scroll-reveal (ebruunal-tarzı geçişler) — yalnız JS varsa gizler (.dra-anim html'de),
   JS/preview sorunu olursa <head> failsafe .dra-anim'i 7sn'de kaldırır → içerik görünür. */
.wow { visibility: visible !important; }
.dra-anim .wow { opacity: 0; transform: translateY(26px); transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); animation: none !important; }
.dra-anim .wow.dra-in { opacity: 1; transform: none; }
/* Üst-fold (hero + page-header) reveal'den HARİÇ — anında görünür, freeze riski yok */
.dra-anim .dra-hero .wow, .dra-anim .page-header .wow, .dra-anim .page-header-box { opacity: 1 !important; transform: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) { .dra-anim .wow { opacity: 1; transform: none; transition: none; } }

/* ======================================================================
   İÇ SAYFA ORTAK BİLEŞENLERİ (Hakkımda + diğerleri)
   ====================================================================== */
.dra-section { padding: 100px 0; }
.dra-section > .container > .section-title-center { margin-bottom: 50px; }

/* Portre placeholder — gerçek fotoğraf gelince <img> ile değişecek */
.dra-portrait { position:relative; border-radius:20px; overflow:hidden; aspect-ratio:4/5; background:linear-gradient(160deg,#3A2334,#241620); display:flex; align-items:center; justify-content:center; }
.dra-portrait-monogram { font-family:var(--accent-font); font-size:120px; font-weight:700; color:rgba(200,160,124,.22); letter-spacing:.05em; }
.dra-portrait-caption { position:absolute; left:0; right:0; bottom:0; padding:28px; background:linear-gradient(180deg,transparent,rgba(20,12,17,.85)); display:flex; flex-direction:column; gap:4px; }
.dra-portrait-caption strong { color:#fff; font-family:var(--accent-font); font-size:20px; }
.dra-portrait-caption span { color:var(--brand-gold); font-size:13px; letter-spacing:.04em; }
.dra-portrait-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 72%; }

/* Inline alıntı */
.dra-quote-inline { margin-top:30px; padding:22px 26px; border-left:3px solid var(--brand-gold); background:var(--brand-cream); border-radius:0 12px 12px 0; font-family:var(--accent-font); font-size:18px; font-style:italic; color:var(--primary-color); line-height:1.55; }
.dra-quote-inline i { color:var(--brand-rose-soft); margin-right:12px; }

/* Timeline */
.dra-timeline { max-width:780px; margin:0 auto; }
.dra-timeline-item { display:flex; gap:28px; padding:24px 0; border-bottom:1px solid var(--divider-color); }
.dra-timeline-item:last-child { border-bottom:none; }
.dra-timeline-year { flex:0 0 150px; font-family:var(--accent-font); font-weight:600; color:var(--brand-rose); font-size:15px; padding-top:2px; }
.dra-timeline-body h4 { font-family:var(--accent-font); font-size:18px; color:var(--primary-color); margin:0 0 4px; }
.dra-timeline-body p { margin:0; font-size:14.5px; color:var(--text-color); }

/* Yaklaşım kartları (ortalı) */
.dra-neden-grid { --bs-gutter-y:26px; }
.dra-neden-card { height:100%; background:#fff; border:1px solid var(--divider-color); border-radius:16px; padding:34px 26px; text-align:center; transition:transform .35s ease, box-shadow .35s ease; }
.dra-neden-card:hover { transform:translateY(-5px); box-shadow:0 20px 44px rgba(42,27,36,.10); }
.dra-neden-card .dra-neden-icon { margin:0 auto 18px; }
.dra-neden-card h4 { font-family:var(--accent-font); font-size:18px; color:var(--primary-color); margin-bottom:10px; }
.dra-neden-card p { font-size:14px; line-height:1.65; margin:0; }

/* Chip grid (uzmanlık alanları linkleri) */
.dra-chip-grid { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; max-width:920px; margin:0 auto; }
.dra-chip { display:inline-flex; align-items:center; gap:10px; padding:14px 24px; background:#fff; border:1px solid var(--divider-color); border-radius:50px; font-family:var(--accent-font); font-weight:500; font-size:15px; color:var(--primary-color); text-decoration:none; transition:background .3s ease, color .3s ease, border-color .3s ease; }
.dra-chip i { color:var(--brand-rose); font-size:13px; transition:transform .3s ease; }
.dra-chip:hover { background:var(--brand-rose); color:#fff; border-color:var(--brand-rose); }
.dra-chip:hover i { color:#fff; transform:translateX(4px); }

/* Eğitim & Sertifikalar */
.dra-sertifika { max-width:780px; margin:44px auto 0; padding-top:34px; border-top:1px solid var(--divider-color); }
.dra-sertifika > h4 { font-family:var(--accent-font); font-size:18px; color:var(--primary-color); margin-bottom:18px; text-align:center; }
.dra-sertifika-list { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.dra-sertifika-list li { display:flex; gap:12px; align-items:flex-start; font-size:14.5px; line-height:1.6; color:var(--text-color); }
.dra-sertifika-list li i { color:var(--brand-gold); margin-top:3px; flex-shrink:0; }

@media (max-width:767px){
  .dra-section { padding:60px 0; }
  .dra-timeline-item { flex-direction:column; gap:6px; }
  .dra-timeline-year { flex-basis:auto; }
  .dra-portrait { margin-bottom:34px; max-width:420px; }
}

/* ===== İletişim ===== */
.dra-contact-list { margin-top:8px; }
.dra-contact-card { display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid var(--divider-color); border-radius:14px; padding:20px 22px; margin-bottom:14px; }
.dra-contact-icon { flex:0 0 46px; width:46px; height:46px; border-radius:12px; background:var(--brand-cream); color:var(--brand-rose); display:flex; align-items:center; justify-content:center; font-size:18px; }
.dra-contact-card h4 { font-family:var(--accent-font); font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-color); margin:2px 0 6px; }
.dra-contact-card p { margin:0; font-size:15px; color:var(--primary-color); line-height:1.6; }
.dra-contact-strong { font-family:var(--accent-font); font-size:19px; font-weight:600; color:var(--primary-color); text-decoration:none; }
.dra-contact-strong:hover { color:var(--brand-rose); }
.dra-contact-link { display:inline-block; margin-top:8px; font-size:14px; font-weight:600; color:var(--brand-rose); text-decoration:none; }
.dra-contact-link i { margin-right:6px; }
.dra-whatsapp-btn { display:flex; align-items:center; justify-content:center; gap:12px; background:#25d366; color:#fff; border-radius:12px; padding:16px; font-family:var(--accent-font); font-weight:600; text-decoration:none; margin:6px 0 18px; transition:filter .3s ease; }
.dra-whatsapp-btn:hover { filter:brightness(.95); color:#fff; }
.dra-whatsapp-btn i { font-size:22px; }
.dra-contact-social { display:flex; gap:12px; }
.dra-contact-social a { width:44px; height:44px; border-radius:12px; background:var(--brand-cream); color:var(--brand-rose); display:flex; align-items:center; justify-content:center; font-size:18px; text-decoration:none; transition:background .3s ease, color .3s ease; }
.dra-contact-social a:hover { background:var(--brand-rose); color:#fff; }
.dra-form-card { background:#fff; border:1px solid var(--divider-color); border-radius:18px; padding:42px 40px; box-shadow:0 14px 50px rgba(42,27,36,.06); }
.dra-form-card .section-title { margin-bottom:26px; }
.dra-konum-card { background:linear-gradient(150deg,#3A2334,#241620); border-radius:20px; padding:56px 40px; text-align:center; color:#EFE6DE; }
.dra-konum-pin { width:64px; height:64px; border-radius:50%; background:var(--brand-gold); color:var(--brand-deep); display:inline-flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:22px; }
.dra-konum-card h3 { font-family:var(--accent-font); color:#fff; font-size:24px; margin-bottom:12px; }
.dra-konum-card p { color:rgba(255,255,255,.78); margin-bottom:24px; }
@media (max-width:575px){ .dra-form-card { padding:28px 22px; } }

/* ===== Hizmet detay ===== */
.dra-detail-intro { max-width:820px; margin:0 auto 50px; text-align:center; }
.dra-hook { font-family:var(--accent-font); font-size:clamp(24px,3vw,36px); color:var(--primary-color); line-height:1.25; margin-bottom:20px; }
.dra-detail-lead { font-size:18px; line-height:1.7; color:var(--text-color); }
.dra-detail-body { display:grid; grid-template-columns:1fr 340px; gap:50px; align-items:start; }
.dra-detail-content { min-width:0; }
.dra-detail-section { margin-bottom:36px; }
.dra-detail-section h3 { font-family:var(--accent-font); font-size:23px; color:var(--primary-color); margin-bottom:16px; position:relative; padding-left:18px; }
.dra-detail-section h3::before { content:''; position:absolute; left:0; top:6px; bottom:6px; width:4px; border-radius:3px; background:linear-gradient(var(--brand-rose),var(--brand-gold)); }
.dra-detail-section p { font-size:16px; line-height:1.75; color:var(--text-color); margin-bottom:16px; }
.dra-detail-list { list-style:none; padding:0; margin:0 0 16px; }
.dra-detail-list li { position:relative; padding-left:30px; margin-bottom:12px; font-size:16px; line-height:1.7; color:var(--text-color); }
.dra-detail-list li::before { content:"\f00c"; font-family:"Font Awesome 7 Free"; font-weight:900; position:absolute; left:0; top:3px; color:var(--brand-rose); font-size:13px; }
.dra-faq-item { border:1px solid var(--divider-color); border-radius:12px; margin-bottom:12px; background:#fff; overflow:hidden; }
.dra-faq-item summary { list-style:none; cursor:pointer; padding:18px 22px; font-family:var(--accent-font); font-weight:600; font-size:16px; color:var(--primary-color); display:flex; justify-content:space-between; align-items:center; gap:16px; }
.dra-faq-item summary::-webkit-details-marker { display:none; }
.dra-faq-item summary i { color:var(--brand-rose); transition:transform .3s ease; flex-shrink:0; }
.dra-faq-item[open] summary i { transform:rotate(45deg); }
.dra-faq-item p { padding:0 22px 20px; margin:0; font-size:15px; line-height:1.7; color:var(--text-color); }
.dra-detail-disclaimer { margin-top:30px; padding:18px 22px; background:var(--brand-cream); border-radius:12px; font-size:14px; line-height:1.7; color:var(--text-color); }
.dra-detail-disclaimer i { color:var(--brand-rose); margin-right:8px; }
.dra-detail-aside { position:sticky; top:110px; display:flex; flex-direction:column; gap:20px; }
.dra-aside-card { border:1px solid var(--divider-color); border-radius:16px; padding:28px 26px; background:#fff; }
.dra-aside-cta { background:linear-gradient(160deg,#3A2334,#241620); border:none; }
.dra-aside-cta h4 { color:#fff; }
.dra-aside-cta p { font-size:14px; color:rgba(255,255,255,.75); margin-bottom:18px; line-height:1.6; }
.dra-aside-phone { display:block; color:var(--brand-gold); font-family:var(--accent-font); font-size:20px; font-weight:600; text-decoration:none; margin-bottom:16px; }
.dra-aside-phone i { margin-right:8px; font-size:15px; }
.dra-aside-cta .btn-default { width:100%; text-align:center; justify-content:center; }
.dra-aside-card h4 { font-family:var(--accent-font); font-size:18px; color:var(--primary-color); margin-bottom:16px; }
.dra-aside-links { list-style:none; padding:0; margin:0; }
.dra-aside-links li { border-bottom:1px solid var(--divider-color); }
.dra-aside-links li:last-child { border-bottom:none; }
.dra-aside-links a { display:flex; justify-content:space-between; align-items:center; padding:13px 0; color:var(--primary-color); text-decoration:none; font-size:15px; font-family:var(--accent-font); }
.dra-aside-links a:hover { color:var(--brand-rose); }
.dra-aside-links a i { color:var(--brand-rose); font-size:12px; }
@media (max-width:991px){ .dra-detail-body { grid-template-columns:1fr; } .dra-detail-aside { position:static; } }

/* ===== SSS ===== */
.dra-sss-wrap { max-width:840px; margin:0 auto; }
.dra-sss-group { margin-bottom:44px; }
.dra-sss-cat { font-family:var(--accent-font); font-size:22px; color:var(--primary-color); margin-bottom:20px; padding-bottom:12px; border-bottom:2px solid var(--brand-cream); }
.dra-sss-wrap .dra-detail-disclaimer a { color:var(--brand-rose); font-weight:600; }

/* ===== Video konuları ===== */
.dra-video-grid { --bs-gutter-y:24px; margin-top:50px; }
.dra-video-topic { display:block; height:100%; background:#fff; border:1px solid var(--divider-color); border-radius:16px; padding:30px 26px; text-align:center; text-decoration:none; transition:transform .35s ease, box-shadow .35s ease; }
.dra-video-topic:hover { transform:translateY(-5px); box-shadow:0 20px 44px rgba(42,27,36,.10); }
.dra-video-topic .dra-service-icon { margin:0 auto 16px; }
.dra-video-topic h3 { font-family:var(--accent-font); font-size:18px; color:var(--primary-color); margin-bottom:8px; }
.dra-video-topic p { font-size:14px; line-height:1.6; margin:0; color:var(--text-color); }

/* ===== Yasal sayfalar (KVKK / Gizlilik) ===== */
.dra-legal { max-width:820px; margin:0 auto; }
.dra-legal h1 { font-family:var(--accent-font); font-size:28px; color:var(--primary-color); margin-bottom:22px; }
.dra-legal h2 { font-family:var(--accent-font); font-size:20px; color:var(--primary-color); margin:34px 0 14px; padding-bottom:10px; border-bottom:1px solid var(--divider-color); }
.dra-legal p { font-size:15.5px; line-height:1.85; color:var(--text-color); margin-bottom:14px; }
.dra-legal ul { padding-left:22px; margin-bottom:16px; }
.dra-legal li { font-size:15.5px; line-height:1.8; color:var(--text-color); margin-bottom:8px; }
.dra-legal a { color:var(--brand-rose); text-decoration:underline; }
.dra-legal-band { background:var(--brand-cream); border-left:4px solid var(--brand-gold); border-radius:0 8px 8px 0; padding:12px 18px; margin-bottom:30px; font-size:13.5px; color:var(--primary-color); }
.dra-legal-note { background:#FBF3F6; border:1px solid #E8D0DA; border-radius:10px; padding:14px 18px; font-size:14px; line-height:1.75; color:var(--text-color); margin:6px 0 16px; }
.dra-legal-foot { font-size:13px; color:var(--text-color); opacity:.7; margin-top:44px; border-top:1px solid var(--divider-color); padding-top:20px; }

/* ===== Blog ===== */
.dra-blog-grid { --bs-gutter-y:26px; margin-top:14px; }
.dra-blog-card { display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid var(--divider-color); border-radius:16px; padding:30px 28px; text-decoration:none; transition:transform .35s ease, box-shadow .35s ease; }
.dra-blog-card:hover { transform:translateY(-6px); box-shadow:0 24px 50px rgba(42,27,36,.12); }
.dra-blog-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.dra-blog-top .dra-service-icon { margin:0; width:50px; height:50px; font-size:20px; }
.dra-blog-cat { font-family:var(--accent-font); font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--brand-rose); background:var(--brand-cream); padding:6px 12px; border-radius:50px; }
.dra-blog-card h3 { font-family:var(--accent-font); font-size:19px; line-height:1.35; color:var(--primary-color); margin-bottom:12px; }
.dra-blog-card p { font-size:14px; line-height:1.65; color:var(--text-color); margin-bottom:20px; flex-grow:1; }
.dra-blog-meta { display:flex; align-items:center; justify-content:space-between; margin-top:auto; }
.dra-blog-more { font-family:var(--accent-font); font-weight:600; font-size:13.5px; color:var(--brand-rose); }
.dra-blog-more i { margin-left:6px; transition:transform .3s ease; }
.dra-blog-card:hover .dra-blog-more i { transform:translateX(4px); }
.dra-blog-time { font-size:12.5px; color:#A89E97; }

/* Blog yazı (article) */
.dra-article { max-width:780px; margin:0 auto; }
.dra-article-meta { display:flex; align-items:center; gap:16px; margin-bottom:28px; font-size:13px; color:var(--text-color); }
.dra-article-meta i { margin-right:5px; color:var(--brand-rose); }
.dra-article h2 { font-family:var(--accent-font); font-size:23px; color:var(--primary-color); margin:30px 0 14px; }
.dra-article p { font-size:16.5px; line-height:1.8; color:var(--text-color); margin-bottom:18px; }
.dra-article-related-service { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:34px 0; padding:24px 26px; background:var(--brand-cream); border-radius:14px; }
.dra-article-related-service span { font-family:var(--accent-font); font-weight:600; color:var(--primary-color); }
.dra-article-others { max-width:1100px; margin:70px auto 0; }
.dra-article-others > h3 { font-family:var(--accent-font); font-size:24px; color:var(--primary-color); text-align:center; margin-bottom:30px; }

/* ===== Çerez banner (consent-first) ===== */
.dra-cookie { position:fixed; left:0; right:0; bottom:0; z-index:9999; background:rgba(42,27,36,.97); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); padding:16px 20px; box-shadow:0 -8px 30px rgba(0,0,0,.2); }
.dra-cookie-inner { max-width:1140px; margin:0 auto; display:flex; align-items:center; gap:24px; flex-wrap:wrap; justify-content:space-between; }
.dra-cookie-inner p { margin:0; color:rgba(255,255,255,.85); font-size:14px; line-height:1.6; flex:1; min-width:260px; }
.dra-cookie-inner a { color:var(--brand-gold); text-decoration:underline; }
.dra-cookie-actions { display:flex; gap:12px; align-items:center; }
.dra-cookie-reject { background:transparent; border:1px solid rgba(255,255,255,.35); color:#fff; padding:11px 24px; border-radius:50px; font-family:var(--accent-font); font-weight:500; font-size:14px; cursor:pointer; transition:border-color .3s ease; }
.dra-cookie-reject:hover { border-color:#fff; }
.dra-cookie .btn-default { padding:11px 28px; }
@media (max-width:575px){ .dra-cookie-actions { width:100%; } .dra-cookie-actions .btn-default, .dra-cookie-reject { flex:1; text-align:center; } }

/* ======================================================================
   HERO + PAGE-HEADER görsel zenginleştirme
   (video gelene kadar katmanlı ışık/glow + ince hareket; gerçek video
   .dra-bg-video ile bunların ÜSTÜNE biner.)
   ====================================================================== */
.dra-hero { background: radial-gradient(120% 125% at 78% 0%, #6E3A52 0%, #3A2334 46%, #241620 100%); }
/* Animasyonlu görsel katmanı — Ken-Burns yavaş zoom (video-benzeri canlılık) */
.dra-hero-media { position:absolute; inset:0; z-index:0; overflow:hidden; }
.dra-hero-media img { width:100%; height:100%; object-fit:cover; object-position:center; transform-origin:center; animation: draKenBurns 30s ease-in-out infinite alternate; will-change: transform; }
/* Hero arka plan videosu — kendi sinematik hareketi var; hafif zoom ile dolu kadraj */
.dra-hero-video { width:100%; height:100%; object-fit:cover; object-position:center; display:block; transform:scale(1.04); }

/* Mobilde videolar statik poster'a düşer — veri tasarrufu (5-11MB) + ebruunal "mobilde statik" davranışı */
@media (max-width: 768px) {
  .dra-hero-video { display: none; }
  .dra-hero-media { background: url("/luxine/images/dra/hero-clinic.jpg") center / cover no-repeat; }
  .dra-bg-video { display: none; }
  .page-header.dra-has-video {
    background:
      radial-gradient(50% 80% at 15% 12%, rgba(138,74,99,.30) 0%, transparent 60%),
      radial-gradient(45% 70% at 88% 92%, rgba(200,160,124,.16) 0%, transparent 55%),
      linear-gradient(118deg, rgba(34,21,30,.84) 0%, rgba(58,35,52,.74) 55%, rgba(34,21,32,.88) 100%),
      url("/luxine/images/dra/header-petals.jpg") center / cover no-repeat !important;
  }
}
@keyframes draKenBurns { 0% { transform: scale(1.06) translate(0,0); } 100% { transform: scale(1.2) translate(-2.5%,-1.5%); } }
/* Koyu overlay + glow — metin okunabilirliği (görsel ~%22 görünür) */
.dra-hero::before {
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:1 !important;
  background:
    radial-gradient(55% 75% at 12% 18%, rgba(138,74,99,.40) 0%, transparent 58%),
    radial-gradient(48% 65% at 88% 82%, rgba(200,160,124,.20) 0%, transparent 55%),
    linear-gradient(120deg, rgba(33,21,30,.82) 0%, rgba(52,31,46,.74) 55%, rgba(33,21,30,.86) 100%);
}
.page-header::after {
  content:""; position:absolute; inset:-28%; z-index:1; pointer-events:none;
  background: radial-gradient(38% 38% at 28% 32%, rgba(200,160,124,.13), transparent 70%);
}

/* Page-header: Luxine'in interior bg görselini marka gradyanıyla değiştir */
.page-header {
  background:
    radial-gradient(50% 80% at 15% 12%, rgba(138,74,99,.34) 0%, transparent 60%),
    radial-gradient(45% 70% at 88% 92%, rgba(200,160,124,.18) 0%, transparent 55%),
    linear-gradient(118deg, rgba(34,21,30,.90) 0%, rgba(58,35,52,.84) 55%, rgba(34,21,32,.93) 100%),
    url("/luxine/images/dra/hero-roses.jpg") center / cover no-repeat !important;
  position: relative; overflow: hidden;
}
.page-header .container { position: relative; z-index: 2; }
.page-header-box { position: relative; z-index: 2; }