/* ============================================================
   Diamels — Premium İç Giyim · Rebrand katmanı (tema CSS'inden SONRA yüklenir)
   Prestige (Maestrooo) tema chrome'unu Diamels marka kimliğine dönüştürür.
   Palet: brief · Tipografi: Cormorant Garamond + Manrope (OFL)
   ============================================================ */
/* self-hosted Cormorant Garamond + Manrope (KVKK/perf — harici font fetch yok) */

:root {
  --dm-black: 11 11 13;          /* #0B0B0D */
  --dm-burgundy: 91 16 32;       /* #5B1020 */
  --dm-rose: 197 138 149;        /* #C58A95 */
  --dm-champagne: 216 195 165;   /* #D8C3A5 */
  --dm-ivory: 248 243 238;       /* #F8F3EE */
  --dm-gray: 185 180 176;        /* #B9B4B0 */

  --dm-black-hex: #0B0B0D;
  --dm-burgundy-hex: #5B1020;
  --dm-rose-hex: #C58A95;
  --dm-champagne-hex: #D8C3A5;
  --dm-ivory-hex: #F8F3EE;
  --dm-gray-hex: #B9B4B0;

  /* Tema font değişkenlerini Diamels'e çevir */
  --heading-font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  --text-font-family: "Manrope", system-ui, -apple-system, sans-serif !important;
  --dm-serif: "Cormorant Garamond", Georgia, serif;
  --dm-sans: "Manrope", system-ui, sans-serif;
}

/* Tema renk şemalarını Diamels paletiyle yeniden boya (eşit specificity → sonra yüklenen kazanır) */
.color-scheme--scheme-1 {
  --background: 248 243 238 / 1.0; --background-without-opacity: 248 243 238;
  --text-color: 11 11 13; --heading-color: 11 11 13;
  --button-background: 91 16 32; --button-text-color: 248 243 238;
  --secondary-button-text-color: 11 11 13; --border-color: 185 180 176;
}
.color-scheme--scheme-2 {
  --background: 255 255 255 / 1.0; --background-without-opacity: 255 255 255;
  --text-color: 11 11 13; --heading-color: 11 11 13;
  --button-background: 91 16 32; --button-text-color: 248 243 238;
  --secondary-button-text-color: 11 11 13; --border-color: 216 195 165;
}
.color-scheme--scheme-3 {
  --background: 11 11 13 / 1.0; --background-without-opacity: 11 11 13;
  --text-color: 248 243 238; --heading-color: 248 243 238;
  --button-background: 216 195 165; --button-text-color: 11 11 13;
  --secondary-button-text-color: 248 243 238; --border-color: 62 62 62;
}
.color-scheme--scheme-4 {
  --text-color: 248 243 238; --heading-color: 248 243 238;
  --button-text-color: 11 11 13; --border-color: 248 243 238;
}

/* Countdown bar → sade Diamels announcement (sıfırlanmış sayaç + ":" ayraçları gizle) */
.countdown-condensed__timer, .countdown-timer { display: none !important; }
.countdown-condensed__text { text-align: center !important; width: 100%; letter-spacing: .14em; }

/* Marka logosu (ikon + wordmark) */
.dm-logo {
  display: inline-flex; align-items: center; gap: .6rem;
  color: inherit; text-decoration: none; line-height: 1;
}
.dm-logo__icon {
  width: 40px; height: 40px; object-fit: contain; flex: none; display: block;
}
.dm-logo__wm {
  font-family: var(--dm-serif); font-weight: 600; font-size: 1.55rem;
  letter-spacing: 0.30em; line-height: 1; padding-left: 0.30em;
  /* MARKA ADI YABANCI ÖZEL İSİM: text-transform KULLANMA. lang="tr" ile birlikte tarayıcı
     Türkçe büyütme kuralını uygular ve "Diamels" → "DİAMELS" olur (yanlış). Metin kaynakta
     zaten büyük harfle yazılır; dönüşüm yok → her locale'de "DIAMELS". */
  text-transform: none;
  /* Marka primary'si (profil: colors.primary #5B1020). Önceden secondary/siyah kullanılıyordu;
     bordo hem markanın imza rengi hem de mercan logo ile aynı sıcak aileden. */
  color: var(--dm-burgundy-hex);
}
/* Descriptor: bordonun açılmış tonu. Rose (#C58A95) beyazda yalnız 2.8:1 kontrast verir —
   9.6px metin için WCAG AA (4.5:1) altında kalır. Bordo @ .72 opaklık ≈ 5.6:1 → AA geçer
   ve marka ailesinde kalır. */
.dm-logo__wm small { display:block; font-family: var(--dm-sans); font-weight:500;
  font-size:0.6rem; letter-spacing:0.34em; color: var(--dm-burgundy-hex); opacity:.72;
  margin-top:.42em; padding-left:.40em; }
/* Koyu zeminli footer'da logo ivory kalır (bordo okunmaz) */
.dm-footer__brand .dm-logo__wm { color: inherit; }
.dm-footer__brand .dm-logo__wm small { color: var(--dm-champagne-hex); }
/* Logo SVG renkli (sıcak rose/şampanya) — koyu ve açık zeminde de görünür; filtre yok */

/* ============================================================
   Diamels gövde (composeHome) — tamamen self-contained dm-* bileşenleri
   ============================================================ */
.dm { font-family: var(--dm-sans); color: var(--dm-black-hex); background: var(--dm-ivory-hex); }
.dm *, .dm *::before, .dm *::after { box-sizing: border-box; }
.dm-wrap { max-width: 1280px; margin: 0 auto; padding: 0 clamp(1rem, 4vw, 3rem); }
.dm-section { padding: clamp(3rem, 6vw, 5.5rem) 0; }
.dm h1, .dm h2, .dm h3, .dm .dm-serif { font-family: var(--dm-serif); font-weight: 500; letter-spacing: .005em; }
.dm-eyebrow { font-family: var(--dm-sans); font-size:.7rem; font-weight:600; letter-spacing:.28em;
  text-transform: uppercase; color: var(--dm-burgundy-hex); margin: 0 0 .9rem; }
.dm-eyebrow--light { color: var(--dm-champagne-hex); }
.dm-h2 { font-size: clamp(1.9rem, 4vw, 3.1rem); line-height: 1.08; margin: 0 0 1rem; }
.dm-lead { font-size: clamp(1rem, 1.5vw, 1.12rem); line-height: 1.7; color: #4a4742; max-width: 60ch; }
.dm-center { text-align: center; } .dm-center .dm-lead { margin-inline: auto; }

/* Butonlar — keskin köşe, uppercase, geniş letter-spacing (Prestige disiplini) */
.dm-btn { display:inline-flex; align-items:center; gap:.6em; font-family: var(--dm-sans);
  font-size:.74rem; font-weight:600; letter-spacing:.18em; text-transform: uppercase;
  padding: 1.05em 2.2em; border:1px solid transparent; border-radius:0; cursor:pointer;
  text-decoration:none; transition: background .45s cubic-bezier(.16,1,.3,1), color .45s, border-color .45s, transform .45s; }
.dm-btn--primary { background: var(--dm-burgundy-hex); color: var(--dm-ivory-hex); }
.dm-btn--primary:hover { background:#410b17; transform: translateY(-2px); }
.dm-btn--ghost { background: transparent; color: var(--dm-black-hex); border-color: var(--dm-black-hex); }
.dm-btn--ghost:hover { background: var(--dm-black-hex); color: var(--dm-ivory-hex); }
.dm-btn--light { background: var(--dm-ivory-hex); color: var(--dm-black-hex); }
.dm-btn--light:hover { background: var(--dm-champagne-hex); }
.dm-btn--outline-light { background:transparent; color:var(--dm-ivory-hex); border-color:rgb(255 255 255 / .55); }
.dm-btn--outline-light:hover { background: var(--dm-ivory-hex); color: var(--dm-black-hex); }

/* HERO */
.dm-hero { position: relative; min-height: clamp(560px, 82vh, 820px); display: grid;
  align-items: center; overflow: hidden; background: var(--dm-black-hex); }
.dm-hero__bg { position:absolute; inset:0; z-index:0; }
.dm-hero__bg img, .dm-hero__bg svg { width:100%; height:100%; object-fit: cover; display:block; }
.dm-hero__scrim { position:absolute; inset:0; z-index:1;
  background: linear-gradient(90deg, rgb(11 11 13 / .72) 0%, rgb(11 11 13 / .45) 42%, rgb(11 11 13 / .12) 100%); }
.dm-hero__inner { position: relative; z-index:2; color: var(--dm-ivory-hex); padding: 4rem 0; }
.dm-hero__title { font-size: clamp(2.4rem, 5.6vw, 4.6rem); line-height: 1.04; margin: .4rem 0 1.2rem; max-width: 16ch; }
.dm-hero__title em { font-style: italic; color: var(--dm-rose-hex); }
.dm-hero__sub { font-size: clamp(1rem, 1.6vw, 1.18rem); line-height:1.65; max-width: 46ch; color: rgb(248 243 238 / .9); margin-bottom: 2rem; }
.dm-hero__cta { display:flex; flex-wrap:wrap; gap:1rem; }

/* TRUST BAR */
.dm-trust { background: var(--dm-black-hex); color: var(--dm-ivory-hex); }
.dm-trust__grid { display:grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgb(255 255 255 / .1); }
.dm-trust__item { background: var(--dm-black-hex); padding: 1.7rem 1.2rem; text-align:center; }
.dm-trust__item svg { width:26px; height:26px; margin-bottom:.6rem; color: var(--dm-champagne-hex); }
.dm-trust__t { font-size:.82rem; font-weight:600; letter-spacing:.04em; }
.dm-trust__d { font-size:.72rem; color: rgb(248 243 238 / .62); margin-top:.25rem; }

/* CAPSULE / ÜRÜN GRID */
.dm-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2vw, 1.8rem); }
.dm-card { display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.dm-card__media { position:relative; aspect-ratio: 3/4; overflow:hidden; background:#ece3da; display:block; }
.dm-card__media img, .dm-card__media svg { width:100%; height:100%; object-fit:cover; display:block;
  transition: transform .9s cubic-bezier(.16,1,.3,1), opacity .5s; }
.dm-card:hover .dm-card__img--front { opacity:0; }
.dm-card__img--back { position:absolute; inset:0; opacity:0; }
.dm-card:hover .dm-card__img--back { opacity:1; transform: scale(1.05); }

/* Kart hover videosu — ürünü manken üzerinde hareketli gösterir.
   Video, poster'ı olan ana görselin ÜSTÜNE biner ve yalnız hover'da görünür; bu yüzden
   yüklenemezse/oynatılamazsa kart sessizce duran görselde kalır (bozulma yok).
   Yalnız gerçek hover'ı olan cihazlarda yüklenir (aşağıdaki @media hover) — dokunmatikte
   kart bir videoyu boşuna indirmez. */
.dm-card__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transition: opacity .45s ease; pointer-events:none; z-index:1; }
@media (hover: hover) and (pointer: fine) {
  .dm-card:hover .dm-card__video[data-ready="1"] { opacity:1; }
  .dm-card:hover .dm-card__video[data-ready="1"] ~ .dm-card__img--back { opacity:0; }
}
@media (prefers-reduced-motion: reduce) {
  .dm-card__video { display:none; }
}
.dm-card__tag { position:absolute; top:.8rem; left:.8rem; z-index:2; background: var(--dm-burgundy-hex);
  color: var(--dm-ivory-hex); font-size:.6rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; padding:.42em .8em; }
.dm-card__tag--soft { background: var(--dm-champagne-hex); color: var(--dm-black-hex); }
.dm-card__info { padding: 1rem .2rem 0; text-align:center; }
.dm-card__name { font-family: var(--dm-serif); font-size:1.18rem; font-weight:500; margin:.1rem 0 .3rem; line-height:1.2; }
.dm-card__price { font-size:.82rem; letter-spacing:.04em; color:#4a4742; }
.dm-card__price del { color: var(--dm-gray-hex); margin-right:.5em; }
.dm-card__price ins { color: var(--dm-burgundy-hex); text-decoration:none; font-weight:600; }

/* SEÇİM REHBERİ / iki sütun blok */
.dm-split { display:grid; grid-template-columns: 1.05fr .95fr; align-items:center; gap: clamp(1.5rem, 4vw, 4rem); }
.dm-split--rev .dm-split__media { order:2; }
.dm-split__media { aspect-ratio: 4/3; overflow:hidden; }
.dm-split__media img, .dm-split__media svg { width:100%; height:100%; object-fit:cover; display:block; }
.dm-steps { list-style:none; margin:1.4rem 0 0; padding:0; }
.dm-steps li { display:flex; gap:1rem; padding:.85rem 0; border-top:1px solid rgb(11 11 13 / .1); }
.dm-steps li:last-child { border-bottom:1px solid rgb(11 11 13 / .1); }
.dm-steps b { font-family:var(--dm-serif); font-size:1.3rem; color:var(--dm-burgundy-hex); min-width:1.6em; line-height:1.2; }
.dm-steps span { font-size:.92rem; line-height:1.55; color:#4a4742; }
.dm-steps span strong { color: var(--dm-black-hex); font-weight:600; }

/* HEDİYE KUTUSU */
.dm-gift { background: linear-gradient(135deg, #2a0a12 0%, var(--dm-burgundy-hex) 100%); color: var(--dm-ivory-hex); }
.dm-gift .dm-split__media { aspect-ratio: 1/1; }

/* GİZLİ PAKETLEME */
.dm-discreet { background: var(--dm-champagne-hex); }
.dm-discreet__grid { display:grid; grid-template-columns: repeat(3,1fr); gap: clamp(1rem,2.4vw,2.2rem); margin-top:2rem; }
.dm-feature { text-align:center; padding: 1.2rem; }
.dm-feature svg { width:34px; height:34px; color: var(--dm-burgundy-hex); margin-bottom:.8rem; }
.dm-feature h3 { font-size:1.18rem; margin:.2rem 0 .4rem; }
.dm-feature p { font-size:.86rem; line-height:1.55; color:#5c453a; margin:0; }

/* KATEGORİ KARTLARI */
.dm-tiles { display:grid; grid-template-columns: repeat(4,1fr); gap: clamp(.8rem,1.6vw,1.4rem); }
.dm-tile { position:relative; aspect-ratio: 3/4; overflow:hidden; display:flex; align-items:flex-end;
  text-decoration:none; color:var(--dm-ivory-hex); }
.dm-tile img, .dm-tile svg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition: transform .9s cubic-bezier(.16,1,.3,1); z-index:0; }
.dm-tile:hover img, .dm-tile:hover svg { transform: scale(1.06); }
.dm-tile::after { content:""; position:absolute; inset:0; z-index:1;
  background: linear-gradient(0deg, rgb(11 11 13 / .68) 0%, rgb(11 11 13 / .05) 60%); }
.dm-tile span { position:relative; z-index:2; padding:1.1rem; font-family:var(--dm-serif);
  font-size:1.25rem; font-weight:500; width:100%; text-align:center; }

/* SSS AKORDEON */
.dm-faq { max-width: 820px; margin: 1.5rem auto 0; }
.dm-faq details { border-top:1px solid rgb(11 11 13 / .12); }
.dm-faq details:last-child { border-bottom:1px solid rgb(11 11 13 / .12); }
.dm-faq summary { list-style:none; cursor:pointer; padding:1.15rem .2rem; font-family:var(--dm-serif);
  font-size:1.18rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.dm-faq summary::-webkit-details-marker { display:none; }
.dm-faq summary::after { content:"+"; font-family:var(--dm-sans); font-size:1.3rem; color:var(--dm-burgundy-hex); transition:transform .3s; }
.dm-faq details[open] summary::after { transform: rotate(45deg); }
.dm-faq p { margin:0 0 1.15rem; font-size:.92rem; line-height:1.65; color:#4a4742; max-width:70ch; }

/* BLOG / REHBER KARTLARI */
.dm-blog { display:grid; grid-template-columns: repeat(3,1fr); gap: clamp(1rem,2vw,1.8rem); }
.dm-blog__card { text-decoration:none; color:inherit; display:flex; flex-direction:column; }
.dm-blog__media { aspect-ratio: 4/3; overflow:hidden; background:#ece3da; }
.dm-blog__media img, .dm-blog__media svg { width:100%; height:100%; object-fit:cover; transition: transform .9s cubic-bezier(.16,1,.3,1); }
.dm-blog__card:hover .dm-blog__media img, .dm-blog__card:hover .dm-blog__media svg { transform: scale(1.05); }
.dm-blog__cat { font-size:.66rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--dm-burgundy-hex); margin:1rem 0 .4rem; }
.dm-blog__t { font-family:var(--dm-serif); font-size:1.32rem; font-weight:500; line-height:1.2; margin:0 0 .5rem; }
.dm-blog__x { font-size:.86rem; line-height:1.55; color:#4a4742; margin:0; }

/* FOOTER (Diamels — mirror footer'ı tamamen değiştirir) */
.dm-footer { background: var(--dm-black-hex); color: var(--dm-ivory-hex); font-family: var(--dm-sans); }
.dm-footer a { color: rgb(248 243 238 / .72); text-decoration: none; transition: color .3s; }
.dm-footer a:hover { color: var(--dm-champagne-hex); }
.dm-footer__top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: clamp(1.5rem, 3vw, 3rem);
  padding: clamp(3rem, 5vw, 4.5rem) 0 2.5rem; }
.dm-footer__brand .dm-logo { color: var(--dm-ivory-hex); font-size: 1.5rem; }
.dm-footer__brand p { font-size: .86rem; line-height: 1.7; color: rgb(248 243 238 / .6); margin: 1rem 0 1.2rem; max-width: 32ch; }
.dm-footer__social { display: flex; gap: .8rem; }
.dm-footer__social a { width: 38px; height: 38px; border: 1px solid rgb(248 243 238 / .25); display: grid;
  place-items: center; border-radius: 0; }
.dm-footer__social svg { width: 17px; height: 17px; }
.dm-footer__col h4 { font-family: var(--dm-sans); font-size: .72rem; font-weight: 600; letter-spacing: .18em;
  text-transform: uppercase; color: var(--dm-champagne-hex); margin: 0 0 1.1rem; }
.dm-footer__col ul { list-style: none; margin: 0; padding: 0; }
.dm-footer__col li { margin-bottom: .65rem; font-size: .86rem; }
.dm-footer__news input { width: 100%; background: transparent; border: 1px solid rgb(248 243 238 / .3);
  color: var(--dm-ivory-hex); padding: .85rem 1rem; font-size: .84rem; border-radius: 0; margin-bottom: .7rem; font-family: var(--dm-sans); }
.dm-footer__news input::placeholder { color: rgb(248 243 238 / .45); }
.dm-footer__news button { width: 100%; }
/* Bülten yanıtı — butonun hemen altında. Ekran köşesindeki toast footer'a inen kullanıcının
   gözünden kaçıyordu ve buton "çalışmıyor" sanılıyordu. */
.dm-news-note { margin: .7rem 0 0; font-size: .8rem; line-height: 1.5; opacity: 0;
  transition: opacity .25s ease; color: rgb(248 243 238 / .82); }
.dm-news-note.is-on { opacity: 1; }
.dm-news-note.is-error { color: #f0a9a9; }
.dm-footer__bottom { border-top: 1px solid rgb(248 243 238 / .14); padding: 1.4rem 0; display: flex;
  flex-wrap: wrap; gap: .8rem 1.6rem; align-items: center; justify-content: space-between; }
.dm-footer__legal { display: flex; flex-wrap: wrap; gap: 1.2rem; font-size: .76rem; }
.dm-footer__copy { font-size: .76rem; color: rgb(248 243 238 / .5); }
.dm-footer__pay { display: flex; gap: .5rem; align-items: center; font-size: .72rem; color: rgb(248 243 238 / .5); }
@media (max-width: 1000px) { .dm-footer__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .dm-footer__top { grid-template-columns: 1fr; } .dm-footer__bottom { justify-content: flex-start; } }

.dm-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* ============================================================
   İç sayfalar: breadcrumb · ürün detay · kategori · rehber/blog
   ============================================================ */
.dm-bc { font-size:.74rem; letter-spacing:.04em; color:#6b6560; padding:1.4rem 0 0; }
.dm-bc a { color:#6b6560; text-decoration:none; } .dm-bc a:hover { color:var(--dm-burgundy-hex); }
.dm-bc span { margin:0 .5em; opacity:.5; }

.dm-page-head { padding: 2.2rem 0 1rem; }
.dm-page-head h1 { font-family:var(--dm-serif); font-size:clamp(1.9rem,4vw,3rem); font-weight:500; margin:.3rem 0 .4rem; }

/* Ürün detay */
.dm-pd { display:grid; grid-template-columns: 1.05fr .95fr; gap:clamp(1.5rem,4vw,3.5rem); align-items:start; padding:1.5rem 0 0; }
.dm-pd__gallery { display:grid; gap:.7rem; }
.dm-pd__main { aspect-ratio:3/4; overflow:hidden; background:#ece3da; }
.dm-pd__main img, .dm-pd__main svg { width:100%; height:100%; object-fit:cover; }
.dm-pd__thumbs { display:grid; grid-template-columns:repeat(4,1fr); gap:.7rem; }
.dm-pd__thumb { aspect-ratio:1; overflow:hidden; background:#ece3da; border:1px solid transparent; cursor:pointer; }
.dm-pd__thumb img, .dm-pd__thumb svg { width:100%; height:100%; object-fit:cover; }
.dm-pd__info h1 { font-family:var(--dm-serif); font-size:clamp(1.7rem,3vw,2.5rem); font-weight:500; line-height:1.1; margin:.2rem 0 .6rem; }
.dm-pd__price { font-size:1.3rem; margin:.4rem 0 1.1rem; }
.dm-pd__price del { color:var(--dm-gray-hex); font-size:1rem; margin-right:.5em; }
.dm-pd__price ins { color:var(--dm-burgundy-hex); text-decoration:none; font-weight:600; }
.dm-pd__price .dm-save { font-size:.7rem; background:var(--dm-burgundy-hex); color:var(--dm-ivory-hex); padding:.2em .6em; margin-left:.6em; letter-spacing:.08em; }
.dm-pd__lead { color:#4a4742; line-height:1.65; margin:0 0 1.3rem; }
.dm-opt { margin:1.1rem 0; } .dm-opt__lbl { font-size:.72rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#6b6560; margin-bottom:.5rem; }
/* Tek seçenekli özellik (ör. tek renk) — seçici değil, düz bilgi satırı */
.dm-opt__val { font-size:.95rem; color:var(--dm-black-hex); }
.dm-chips { display:flex; flex-wrap:wrap; gap:.5rem; }
.dm-chip { border:1px solid var(--dm-gray-hex); background:#fff; padding:.55em 1.05em; font-size:.82rem; cursor:pointer; transition:.25s; }
.dm-chip:hover, .dm-chip[aria-pressed="true"] { border-color:var(--dm-black-hex); background:var(--dm-black-hex); color:var(--dm-ivory-hex); }
.dm-pd__actions { display:flex; gap:.8rem; margin:1.5rem 0 1rem; flex-wrap:wrap; }
.dm-pd__actions .dm-btn { flex:1; min-width:180px; justify-content:center; }
.dm-pd__upsell { display:flex; gap:.7rem; align-items:flex-start; background:var(--dm-champagne-hex); padding:1rem 1.1rem; margin:1rem 0; }
.dm-pd__upsell svg { width:22px; height:22px; color:var(--dm-burgundy-hex); flex:none; margin-top:2px; }
.dm-pd__upsell b { font-family:var(--dm-serif); font-size:1.05rem; }
.dm-pd__upsell p { font-size:.82rem; margin:.2rem 0 0; color:#5c453a; }
.dm-pd__trust { display:flex; flex-wrap:wrap; gap:1rem 1.5rem; padding:1rem 0; border-top:1px solid rgb(11 11 13/.1); border-bottom:1px solid rgb(11 11 13/.1); margin:1rem 0; }
.dm-pd__trust div { display:flex; align-items:center; gap:.5rem; font-size:.8rem; color:#4a4742; }
.dm-pd__trust svg { width:18px; height:18px; color:var(--dm-burgundy-hex); }
.dm-acc { margin-top:1.2rem; } .dm-acc details { border-top:1px solid rgb(11 11 13/.12); }
.dm-acc details:last-child { border-bottom:1px solid rgb(11 11 13/.12); }
.dm-acc summary { list-style:none; cursor:pointer; padding:.95rem .2rem; font-family:var(--dm-serif); font-size:1.1rem; display:flex; justify-content:space-between; }
.dm-acc summary::-webkit-details-marker { display:none; }
.dm-acc summary::after { content:"+"; color:var(--dm-burgundy-hex); }
.dm-acc details[open] summary::after { content:"–"; }
.dm-acc p, .dm-acc ul { font-size:.88rem; line-height:1.6; color:#4a4742; margin:0 0 1rem; } .dm-acc ul { padding-left:1.2rem; }

/* Rehber / makale */
.dm-article { max-width:760px; margin:0 auto; padding:1rem 0 0; }
.dm-article .dm-tldr { background:var(--dm-champagne-hex); padding:1.1rem 1.3rem; font-size:.95rem; line-height:1.6; margin:1.2rem 0; }
.dm-article h2 { font-family:var(--dm-serif); font-size:1.6rem; font-weight:500; margin:2rem 0 .6rem; }
.dm-article p, .dm-article li { font-size:.98rem; line-height:1.75; color:#332f2c; }
.dm-article ul { padding-left:1.3rem; }
.dm-note { font-size:.74rem; color:#7a5b4e; border-left:3px solid var(--dm-champagne-hex); padding:.4rem 0 .4rem 1rem; margin:1.2rem 0; }

/* ---- Rehber/blog yazısı bileşenleri ---- */
.dm-meta { font-size:.76rem; letter-spacing:.06em; color:#7a736d; margin:.4rem 0 0; }
.dm-article h3 { font-family:var(--dm-serif); font-size:1.18rem; font-weight:500; margin:1.4rem 0 .4rem; }
.dm-article ol { padding-left:1.3rem; }
.dm-article ol li { margin:.35rem 0; }
/* Tablolar dar ekranda kendi içinde kaydırılır — sayfa gövdesi yatay kaymaz */
.dm-table { width:100%; border-collapse:collapse; margin:1.1rem 0; font-size:.92rem; display:block; overflow-x:auto; }
.dm-table th, .dm-table td { border-bottom:1px solid #e6ddd4; padding:.6rem .7rem; text-align:left; vertical-align:top; }
.dm-table th { font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:#6b6560; font-weight:600; }
.dm-toc { background:#faf6f1; border:1px solid #ece3da; padding:1rem 1.2rem; margin:1.4rem 0; }
.dm-toc__t { font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:#6b6560; margin:0 0 .5rem; font-weight:600; }
.dm-toc ol { margin:0; padding-left:1.2rem; }
.dm-toc li { font-size:.9rem; margin:.25rem 0; }
.dm-toc a { color:var(--dm-burgundy-hex); text-decoration:none; }
.dm-toc a:hover { text-decoration:underline; }
.dm-cta { max-width:760px; margin:2.4rem auto 0; background:var(--dm-ivory-hex); border:1px solid #e6ddd4; padding:1.5rem; text-align:center; }
.dm-cta__t { font-family:var(--dm-serif); font-size:1.25rem; margin:0 0 .3rem; }
.dm-cta__x { font-size:.9rem; color:#5a534d; margin:0 0 1rem; }
.dm-related { max-width:760px; margin:2.4rem auto 0; }
.dm-related h2 { font-family:var(--dm-serif); font-size:1.3rem; font-weight:500; margin:0 0 .6rem; }
.dm-related ul { padding-left:1.2rem; }
.dm-related li { margin:.35rem 0; font-size:.95rem; }
.dm-related a { color:var(--dm-burgundy-hex); }
.dm-blog-sec { margin:0 0 2.6rem; }
.dm-blog-sec .dm-h2 { margin:0 0 1rem; }
/* Yazı kapak görseli — sabit oran, yükleme sırasında zıplama (CLS) olmaz */
.dm-hero-img { max-width:760px; margin:1.4rem auto 0; }
.dm-hero-img img { width:100%; aspect-ratio:3/2; object-fit:cover; display:block; }
.dm-blog__media { display:block; aspect-ratio:3/2; overflow:hidden; background:#ece3da; margin-bottom:.7rem; }
.dm-blog__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .9s cubic-bezier(.16,1,.3,1); }
.dm-blog__card:hover .dm-blog__media img { transform:scale(1.04); }

@media (max-width:780px){ .dm-pd { grid-template-columns:1fr; } }

/* DEMO rozeti (mock içerik işareti) */
.dm-demo-note { background: var(--dm-black-hex); color: var(--dm-champagne-hex); text-align:center;
  font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; padding:.55rem 1rem; }

/* Responsive */
@media (max-width: 1000px) {
  .dm-grid, .dm-tiles { grid-template-columns: repeat(2, 1fr); }
  .dm-blog, .dm-discreet__grid, .dm-trust__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .dm-split, .dm-split--rev .dm-split__media { grid-template-columns: 1fr; order: initial; }
  .dm-split__media { order: -1 !important; }
  .dm-grid, .dm-blog { grid-template-columns: 1fr 1fr; gap: .9rem; }
  .dm-tiles { grid-template-columns: 1fr 1fr; }
  .dm-trust__grid, .dm-discreet__grid { grid-template-columns: 1fr; }
  .dm-card__name { font-size: 1rem; }
  .dm-hero { min-height: 70vh; }
}

/* Erişilebilirlik: reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .dm *, .dm *::before, .dm *::after { transition: none !important; animation: none !important; }
  .dm-card__media img, .dm-tile img, .dm-tile svg { transition: none !important; }
}

/* Klavye odak görünürlüğü */
.dm a:focus-visible, .dm button:focus-visible, .dm summary:focus-visible {
  outline: 2px solid var(--dm-burgundy-hex); outline-offset: 3px;
}