:root{
  /* Sitenin geneliyle AYNI koyu lüks tema (config.theme ile birebir) — light→dark flash olmaz.
     detail.js yine config.theme'den bu değişkenleri override eder; varsayılan da koyu olduğu için ilk boyamada uyumlu. */
  --bg:#100e0c; --ink:#ece0c2; --muted:#b09a6e; --line:rgba(220,190,120,0.22);
  --preview-bg:#1c1814;
  --font:"Helvetica Neue","Inter",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html,body{ width:100%; height:100%; overflow:hidden; background:var(--bg); color:var(--ink);
  font-family:var(--font); -webkit-font-smoothing:antialiased; }
body{ display:flex; flex-direction:column; }
a{ color:inherit; text-decoration:none; }

.d-header{ flex-shrink:0; z-index:10; display:flex; align-items:center; justify-content:space-between;
  padding:1.5em 2.4em; font-size:13px; letter-spacing:0.02em;
  background:color-mix(in srgb, var(--bg) 86%, transparent); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }
.brand{ font-weight:600; font-size:16px; letter-spacing:0.06em; }
.brand-dot{ font-size:9px; vertical-align:super; margin-left:2px; }
.d-back{ font-weight:500; opacity:0.8; transition:opacity .25s ease; }
.d-back:hover{ opacity:1; }
.d-back-spacer{ display:inline-block; width:96px; }   /* d-back yerine: markayı ~ortada tutar (geri oku köşede) */
@media (max-width:860px){ .d-back-spacer{ width:48px; } }
.d-lang{ display:flex; gap:0.5em; font-weight:500; font-size:14px; }
.d-lang .sep{ opacity:0.4; }
.d-lang .lang-opt{ cursor:pointer; transition:opacity .2s ease; }
.d-lang .lang-opt.muted{ opacity:0.45; }
.d-lang .lang-opt:hover{ opacity:1; }
.hesap{ display:flex; align-items:center; gap:10px; font-weight:500; font-size:14px; }
.hesap a{ color:var(--ink,#ece0c2); text-decoration:none; opacity:0.85; transition:opacity .2s ease; }
.hesap a:hover{ opacity:1; }
.hesap .hesap-ad{ color:var(--muted,#b09a6e); }
.d-contact{ font-weight:600; border-bottom:1px solid var(--ink); padding-bottom:3px; }

.d-main{ flex:1; min-height:0; width:100%; max-width:1640px; margin:0 auto; padding:1.8em 2.4em; display:grid;
  grid-template-columns:1.45fr 1fr; gap:2.8em; align-items:stretch; }

/* Sayfa SABİT: sol görsel sütunu yüksekliği doldurur, yalnız sağdaki bilgiler içte kayar. */
.d-gallery{ display:flex; flex-direction:column; justify-content:center; min-height:0; }
/* Hero, görsellerin doğal oranı (1344x768 = 7/4) ile birebir; bant kalmaz, kırpma olmaz.
   Yükseklik taşarsa max-height devreye girer, kalan bant da zeminle aynı renk (görünmez). */
.d-hero{ position:relative; width:100%; aspect-ratio:7/4; max-height:100%; min-height:0;
  overflow:hidden; border-radius:16px; background:var(--bg); cursor:zoom-in; }
.d-hero img{ width:100%; height:100%; object-fit:contain; display:block; }
/* Sağ sütun: üst blok (kategori/ad/fiyat/açıklama) SABİT; yalnız teknik özellikler+donanım kayar. */
.d-info{ display:flex; flex-direction:column; min-height:0; overflow:hidden; }
.d-info-head{ flex-shrink:0; }
.d-info-body{ flex:1; min-height:0; overflow-y:auto; padding-right:0.6em; }
.d-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:46px; height:46px; border:none; border-radius:50%;
  background:rgba(0,0,0,0.42); color:#fff; font-size:26px; line-height:1; cursor:pointer; display:flex;
  align-items:center; justify-content:center; transition:background .2s ease; }
.d-nav:hover{ background:rgba(0,0,0,0.72); }
.d-nav--prev{ left:10px; } .d-nav--next{ right:10px; }
.d-thumbs{ flex-shrink:0; display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.d-thumbs img{ width:84px; height:56px; object-fit:cover; cursor:pointer; opacity:0.6; border-radius:10px;
  border:1px solid var(--line); transition:opacity .2s ease; }
.d-thumbs img:hover, .d-thumbs img.is-active{ opacity:1; }

.d-cat{ font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); margin-bottom:0.8em; }
.d-title{ font-size:clamp(28px,3.4vw,44px); font-weight:500; line-height:1.05; letter-spacing:-0.02em; }
.d-price{ margin-top:0.8em; font-size:clamp(20px,2.2vw,28px); font-weight:600; }
.d-price small{ font-size:13px; font-weight:400; color:var(--muted); margin-left:0.6em; letter-spacing:0.02em; }
.d-desc{ margin-top:1.4em; font-size:15px; line-height:1.6; color:var(--muted); }

.d-specs-title{ margin-top:2.2em; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted);
  border-bottom:1px solid var(--line); padding-bottom:0.8em; }
.d-specs{ width:100%; border-collapse:collapse; margin-top:0.4em; }
.d-specs tr{ border-bottom:1px solid var(--line); }
.d-specs th{ text-align:left; font-weight:400; color:var(--muted); padding:0.85em 0; font-size:14px; width:44%; }
.d-specs td{ text-align:right; font-weight:500; padding:0.85em 0; font-size:14px; }

.d-features-wrap{ margin-top:0.4em; }
.d-features{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:9px 24px; margin-top:0.6em; }
.d-features li{ font-size:14px; padding-left:18px; position:relative; color:var(--ink); }
.d-features li::before{ content:"—"; position:absolute; left:0; color:var(--muted); }

.d-actions{ display:flex; gap:14px; margin-top:2.4em; flex-wrap:wrap; }
.d-btn{ display:inline-block; padding:14px 28px; font-size:14px; font-weight:600; letter-spacing:0.03em;
  border:1px solid var(--ink); border-radius:12px; cursor:pointer; transition:opacity .25s ease; }
.d-btn:hover{ opacity:0.62; }
.d-btn--primary{ background:var(--ink); color:var(--bg); }

.d-missing{ grid-column:1/-1; text-align:center; padding:6em 1em; color:var(--muted); }

/* ---- Ekspertiz raporu (inline görsel — dış link yok) ---- */
.d-exp-reportwrap{ margin-top:14px; }
.d-exp-rlabel{ font-size:12px; color:var(--muted); margin-bottom:7px; letter-spacing:0.02em; }
.d-exp-report-img{ width:100%; max-width:440px; border-radius:14px; display:block; border:1px solid var(--line); }

/* ---- Tam ekran görsel (lightbox) ---- */
.d-lightbox{ position:fixed; inset:0; z-index:100000; display:none; align-items:center; justify-content:center;
  padding:4vmin; background:rgba(8,7,6,0.92); cursor:zoom-out; }
.d-lightbox.is-open{ display:flex; }
#dLbImg{ max-width:92vw; max-height:86vh; object-fit:contain; display:block; border-radius:14px;
  box-shadow:0 30px 90px -20px rgba(0,0,0,0.85); }
.d-lb-close{ position:fixed; top:18px; right:26px; z-index:2; background:none; border:none; color:#fff;
  font-size:34px; line-height:1; cursor:pointer; opacity:0.82; transition:opacity .2s ease; }
.d-lb-close:hover{ opacity:1; }
.d-lb-nav{ position:fixed; top:50%; transform:translateY(-50%); z-index:2; width:52px; height:52px; border:none;
  background:rgba(255,255,255,0.12); color:#fff; font-size:30px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background .2s ease; }
.d-lb-nav:hover{ background:rgba(255,255,255,0.26); }
.d-lb-prev{ left:18px; } .d-lb-next{ right:18px; }

/* ---- Site içi widget: açılır-kapanır chatbox + test sürüşü formu ---- */
.d-widget{ position:fixed; right:24px; bottom:24px; z-index:90000; width:min(380px,calc(100vw - 32px)); }
.d-chat, .d-lead{ display:flex; flex-direction:column; border-radius:16px; overflow:hidden;
  background:color-mix(in srgb, var(--ink) 7%, var(--bg)); border:1px solid var(--line);
  box-shadow:0 24px 60px -22px rgba(0,0,0,0.7); }
.d-chat[hidden], .d-lead[hidden]{ display:none; }
.d-chat-head{ display:flex; align-items:center; justify-content:space-between; padding:13px 16px;
  font-size:14px; font-weight:600; letter-spacing:0.02em; border-bottom:1px solid var(--line);
  background:color-mix(in srgb, var(--ink) 12%, var(--bg)); }
.d-chat-x{ background:none; border:none; color:var(--ink); font-size:22px; line-height:1; cursor:pointer; opacity:0.7; }
.d-chat-x:hover{ opacity:1; }

.d-chat-log{ height:340px; max-height:52vh; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:10px; }
.d-msg{ max-width:84%; padding:10px 14px; border-radius:15px; font-size:14px; line-height:1.5; white-space:pre-wrap; }
.d-msg--bot{ align-self:flex-start; background:color-mix(in srgb, var(--ink) 10%, var(--bg)); border-bottom-left-radius:5px; }
.d-msg--user{ align-self:flex-end; background:var(--ink); color:var(--bg); border-bottom-right-radius:5px; }

.d-chat-form{ display:flex; gap:8px; padding:12px; border-top:1px solid var(--line); }
.d-chat-form input{ flex:1; background:var(--bg); border:1px solid var(--line); color:var(--ink);
  border-radius:10px; padding:10px 13px; font:inherit; font-size:14px; outline:none; }
.d-chat-form input:focus{ border-color:var(--ink); }
.d-chat-form button{ width:42px; border:none; border-radius:10px; background:var(--ink); color:var(--bg);
  font-size:18px; cursor:pointer; }

.d-lead-form{ display:flex; flex-direction:column; gap:10px; padding:16px; }
.d-lead-sub{ font-size:13px; color:var(--muted); line-height:1.5; margin-bottom:2px; }
.d-lead-form input, .d-lead-form textarea{ background:var(--bg); border:1px solid var(--line); color:var(--ink);
  border-radius:10px; padding:11px 13px; font:inherit; font-size:14px; outline:none; resize:vertical; }
.d-lead-chk{ display:flex; align-items:center; gap:9px; font-size:13px; color:var(--muted); cursor:pointer; }
.d-lead-chk input{ width:auto; padding:0; accent-color:var(--ink); }
/* Araç durum rozeti (detay) */
.d-status{ display:inline-block; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; font-weight:600;
  color:#fff; padding:4px 11px; border-radius:999px; margin:2px 0 4px; }
.d-status[hidden]{ display:none; }
.d-status--satildi{ background:rgba(180,40,40,0.92); }
.d-status--rezerve{ background:rgba(170,120,30,0.94); }
/* Video gömme */
.d-video{ margin-top:14px; border-radius:14px; overflow:hidden; background:#000; aspect-ratio:16/9; }
.d-video[hidden]{ display:none; }
.d-video iframe{ width:100%; height:100%; border:0; display:block; }
.d-lead-form input:focus{ border-color:var(--ink); }
.d-lead-form .d-btn{ width:100%; margin-top:4px; text-align:center; border:none; }
.d-lead-ok{ font-size:13px; color:var(--ink); line-height:1.5;
  background:color-mix(in srgb, var(--ink) 10%, var(--bg)); border-radius:10px; padding:12px 14px; }
.d-lead-ok[hidden]{ display:none; }

@media (max-width:860px){
  .d-widget{ right:12px; left:12px; bottom:12px; width:auto; }
  html,body{ height:auto; overflow:auto; }          /* mobilde sayfa kayar */
  .d-main{ display:block; grid-template-columns:1fr; padding:2.2em 1.2em 4em; }
  .d-header{ padding:1.15em 1.2em; }
  .d-gallery{ display:block; }
  .d-hero{ aspect-ratio:7/4; max-height:none; }     /* mobilde de görsel oranı */
  .d-info{ display:block; overflow:visible; margin-top:2em; }
  .d-info-body{ overflow:visible; padding-right:0; }
}

/* Yapısal kimlik (marka · seri · model) */
.d-identity{ font-size:13px; color:var(--muted); letter-spacing:0.04em; margin:-0.5em 0 0.9em; }
.d-identity:empty{ display:none; }

/* Donanım grup başlığı (gruplu features) — bullet'siz, tam genişlik */
.d-feat-head{ grid-column:1 / -1; padding-left:0 !important; margin-top:0.7em;
  font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); }
.d-feat-head::before{ content:"" !important; }

/* Güven Paketi (Ekspertiz / Boya-Değişen) */
.d-exp-top{ display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:0.5em 0 1.1em; }
.d-exp-summary{ font-size:14px; font-weight:600; color:var(--ink); }
.d-exp-badge{ font-size:11px; letter-spacing:0.03em; border-radius:999px; padding:4px 11px;
  border:1px solid var(--line); color:var(--muted); }
.d-exp-badge.ok{ color:#8fcf8f; border-color:rgba(120,200,120,0.5); background:rgba(80,160,80,0.12); }
.d-exp-badge.warn{ color:#d8b85a; border-color:rgba(216,184,90,0.5); background:rgba(216,184,90,0.1); }
.d-exp-report{ font-size:12px; color:var(--ink); border-bottom:1px solid var(--ink); padding-bottom:1px; }
.d-exp-grid{ display:grid; grid-template-columns:1fr 1fr; gap:7px 24px; }
.d-exp-panel{ display:flex; align-items:center; justify-content:space-between; gap:10px;
  border-bottom:1px solid var(--line); padding:0.5em 0; font-size:13.5px; }
.d-exp-pname{ color:var(--ink); }
.d-exp-st{ font-size:11px; font-weight:600; border-radius:999px; padding:2px 10px; white-space:nowrap; }
.d-exp-st--orijinal{ color:#8fcf8f; background:rgba(80,160,80,0.16); }
.d-exp-st--boyali{ color:#e0c060; background:rgba(216,184,90,0.16); }
.d-exp-st--lokal{ color:#7fb0e0; background:rgba(90,150,220,0.16); }
.d-exp-st--degismis{ color:#e0795f; background:rgba(200,80,60,0.18); }
@media (max-width:860px){ .d-exp-grid{ grid-template-columns:1fr; } }

/* ===== Erişilebilirlik (Phase H) ===== */
.d-back:focus-visible, .d-contact:focus-visible, .d-lang .lang-opt:focus-visible, .hesap a:focus-visible,
.d-nav:focus-visible, .d-thumbs img:focus-visible, .d-btn:focus-visible, .d-lb-close:focus-visible,
.d-lb-nav:focus-visible, .d-chat-x:focus-visible, .d-chat-form input:focus-visible,
.d-chat-form button:focus-visible, .d-lead-form input:focus-visible, .d-lead-form textarea:focus-visible,
.d-lead-form button:focus-visible, .d-exp-report:focus-visible {
  outline:2px solid var(--ink, #ece0c2); outline-offset:3px; border-radius:4px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:0.001ms !important; animation-iteration-count:1 !important;
    transition-duration:0.001ms !important; scroll-behavior:auto !important;
  }
}
/* Footer detay sayfasında kayan sütunun sonunda — sütuna sığacak şekilde sadeleşir */
.d-info-body .site-footer{ background:transparent; padding:2em 0 0.5em; margin-top:2.4em; }
.d-info-body .site-footer .ft-inner{ grid-template-columns:1fr 1fr; gap:1.4em; }