/* =========================================================================
   Hâne Mefruşatı — görünüm
   -------------------------------------------------------------------------
   Ana oyunun (style.css) diliyle aynı: aynı palet, aynı kâğıt, aynı düğmeler,
   aynı tezhip.

   Düzen: üstte ince künye şeridi, altında iki sütun —
     solda dükkân defteri (dar, kendi içinde kayar),
     sağda oda, kalan yerin tamamını kaplar.

   Tüm seçiciler dk- ile başlar; ana oyunun stiline karışmaz.
   ========================================================================= */

.dk-kok{
  /* ana oyunun :root değerleriyle birebir */
  --dk-ink:#2a1c10;
  --dk-ink-soft:#5a4630;
  --dk-parchment:#e9dcbe;
  --dk-parchment-2:#d8c69f;
  --dk-gold:#c8a33c;
  --dk-crimson:#8c2b21;
  --dk-koyu:#33200f;
  --dk-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --dk-elyazi:"Aref Ruqaa","Amiri",var(--dk-serif);
  --dk-kalem:"Petit Formal Script","Segoe Script","Bradley Hand",cursive;
  --dk-golge:0 18px 45px rgba(0,0,0,.55);
  --dk-cerceve-pad:clamp(6px,.85vw,13px);
  --dk-sahne-pad:clamp(9px,1.2vw,20px);
  --dk-alt-h:clamp(66px,8vh,88px);     /* odanın altındaki makine şeridi */

  position:relative;
  display:flex; flex-direction:column;
  width:100%; height:var(--dk-boy, 100dvh); min-height:520px;
  overflow:hidden;              /* iki sütun düzeninde sayfa kaymaz */
  font-family:var(--dk-serif);
  color:var(--dk-parchment);
  -webkit-font-smoothing:antialiased;
}
.dk-kok *{box-sizing:border-box}
@supports not (height: 100dvh){ .dk-kok{height:var(--dk-boy, 100vh)} }
/* Kap kendi yüksekliğini dayatmak isterse: kaba --dk-boy verir.
   Ana oyunda .screen zaten position:fixed/inset:0 olduğu için gerekmez. */

/* ---------------------------------------------------------- sokak fotoğrafı
   Ana oyundaki #bg + #scrim ikilisinin aynısı. */
.dk-fon,
.dk-tul{position:fixed; inset:0; z-index:0; pointer-events:none}
.dk-fon{
  background:#0d0906 url("assets/sokak.jpg") center/cover no-repeat;
  filter:saturate(.62) contrast(1.04);
}
.dk-tul{
  background:
    radial-gradient(ellipse at 50% 28%, rgba(20,14,8,.20) 0%, rgba(10,7,3,.84) 74%),
    linear-gradient(rgba(18,12,6,.50), rgba(14,9,4,.74));
}

/* ------------------------------------------------------------- künye şeridi */
.dk-ust{
  position:relative; z-index:2;
  flex:0 0 auto;
  display:flex; align-items:center; gap:clamp(12px,2.4vw,32px);
  padding:9px clamp(12px,1.8vw,24px);
  background:linear-gradient(rgba(46,29,14,.94), rgba(24,15,6,.94));
  border-bottom:1px solid rgba(200,163,60,.45);
  box-shadow:0 6px 20px rgba(0,0,0,.45);
}
.dk-kunye{flex:0 0 auto; min-width:0}
.dk-osmanli{
  margin:0;
  font-family:var(--dk-elyazi);
  font-size:clamp(13px,1.5vw,18px); line-height:1.5;
  color:var(--dk-gold); opacity:.78; direction:rtl;
}
.dk-baslik{
  margin:0;
  font-family:var(--dk-elyazi); font-weight:700;
  font-size:clamp(19px,2.4vw,30px); line-height:1.12; letter-spacing:.015em;
  color:var(--dk-parchment);
  text-shadow:0 2px 0 rgba(0,0,0,.45);
}
.dk-altbaslik{
  margin:2px 0 0;
  font-size:clamp(8px,.85vw,10px); font-weight:400;
  letter-spacing:.2em; text-transform:uppercase;
  color:#d8c8a6; opacity:.55;
}
/* ana oyunun kapak tezhibi: ─ ❖ ─ */
.dk-tezhip{
  flex:1 1 auto;
  display:flex; align-items:center; gap:10px;
  min-width:30px;
  color:#b08a34;
}
.dk-tezhip .dk-cizgi{
  flex:1 1 auto; height:1px;
  background:linear-gradient(90deg, rgba(176,138,52,0), rgba(176,138,52,.8), rgba(176,138,52,0));
}
.dk-tezhip .dk-gul{flex:0 0 auto; font-size:14px; opacity:.9}

/* ------------------------------------------------------------------- kese */
.dk-kasa{
  flex:0 0 auto;
  display:flex; align-items:center; gap:clamp(12px,1.8vw,26px);
}
.dk-hane{text-align:center; line-height:1.1}
.dk-hane-sayi{
  display:block;
  font-size:clamp(19px,2.3vw,30px); font-weight:600; letter-spacing:.02em;
  color:var(--dk-parchment); font-variant-numeric:tabular-nums;
}
.dk-hane-ad{
  display:block; margin-top:2px;
  font-size:clamp(8px,.85vw,10.5px); letter-spacing:.14em; text-transform:uppercase;
  color:#d8c8a6; opacity:.6; white-space:nowrap;
}
.dk-kasa.dk-kese-bos .dk-kese-sayi{color:#e07a63}
.dk-ayrac{
  width:1px; align-self:stretch; min-height:34px;
  background:linear-gradient(rgba(200,163,60,0), rgba(200,163,60,.45), rgba(200,163,60,0));
}

/* ------------------------------------------------------------------ düğmeler
   Ana oyunun .btn-major / .mini-btn kalıpları. */
.dk-btn{
  font-family:var(--dk-serif); cursor:pointer; border-radius:2px;
  transition:transform .12s ease, filter .18s ease, box-shadow .18s ease;
  touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
.dk-btn:focus-visible{outline:2px solid var(--dk-gold); outline-offset:2px}
.dk-btn:disabled{cursor:default; transform:none}

.dk-btn-al,
.dk-btn-bitir{
  color:var(--dk-parchment);
  background:linear-gradient(#4a2f1c, var(--dk-koyu));
  border:1px solid var(--dk-gold);
  text-transform:uppercase;
  box-shadow:0 4px 12px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,220,150,.22);
}
.dk-btn-al{width:100%; padding:8px 11px; font-size:12px; letter-spacing:.1em}
.dk-btn-bitir{padding:10px clamp(16px,2vw,28px); font-size:13px; letter-spacing:.14em}
@media (hover:hover){
  .dk-btn-al:hover:not(:disabled),
  .dk-btn-bitir:hover{transform:translateY(-2px); filter:brightness(1.16)}
}
.dk-btn-al:disabled{
  color:#8d7c5d; background:linear-gradient(#3a291a, #241708);
  border-color:rgba(200,163,60,.28); box-shadow:none;
}
.dk-btn-sat,
.dk-btn-ad{
  padding:7px 12px; font-size:12.5px; letter-spacing:.05em; white-space:nowrap;
  color:#3b2a17;
  background:linear-gradient(rgba(255,250,235,.75), rgba(228,213,178,.75));
  border:1px solid rgba(112,80,34,.5);
}
.dk-btn-sat{width:100%; color:#7d2a20; border-color:rgba(125,42,32,.45)}
.dk-btn-ad{flex:0 0 auto; padding:7px 9px; font-size:11.5px}
@media (hover:hover){
  .dk-btn-sat:hover,.dk-btn-ad:hover{filter:brightness(1.06); transform:translateY(-1px)}
}

/* ===================================================================== gövde */
.dk-govde{
  position:relative; z-index:1;
  flex:1 1 0; min-height:0;
  display:grid;
  grid-template-columns:clamp(286px, 23vw, 356px) 1fr;
  grid-template-rows:minmax(0, 1fr);   /* satır içerikle büyümesin, sığsın */
}

/* ---------------------------------------------------------- dükkân defteri
   Ana oyunun .paper zemini, tam boy bir sütun hâlinde. */
.dk-panel{
  position:relative;
  display:flex; flex-direction:column; min-height:0;
  color:var(--dk-ink);
  background:
    linear-gradient(rgba(255,255,255,.14), rgba(120,90,50,.10)),
    radial-gradient(120% 60% at 25% 0%, #f2e7cc 0%, var(--dk-parchment) 45%, var(--dk-parchment-2) 100%);
  border-right:1px solid rgba(70,50,25,.55);
  box-shadow:6px 0 26px rgba(0,0,0,.5), inset 0 0 60px rgba(120,90,45,.22);
}

/* fihrist: ikonlu sekmeler, üç sütun */
.dk-sekmeler{
  flex:0 0 auto;
  display:grid; grid-template-columns:repeat(3, 1fr);
  gap:1px;
  padding:6px 6px 0;
  background:rgba(90,66,35,.14);
  border-bottom:1px solid rgba(70,50,25,.4);
}
.dk-sekme{
  position:relative;
  display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  padding:8px 3px 7px;
  font-family:var(--dk-serif);
  color:#6b4a1a;
  background:rgba(242,231,204,.55);
  border:0; border-bottom:2px solid transparent;
  cursor:pointer;
  transition:background .15s ease, color .15s ease;
  touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
.dk-sekme-ikon{display:block; line-height:0; opacity:.85}
.dk-sekme-ikon svg{width:clamp(20px,2vw,24px); height:clamp(20px,2vw,24px)}
.dk-sekme-ad{
  font-size:clamp(8px,.82vw,9.5px); letter-spacing:.1em; text-transform:uppercase;
  line-height:1.15; text-align:center;
}
.dk-sekme-im{
  position:absolute; top:4px; right:5px;
  font-size:8.5px; color:#a8801d;
}
@media (hover:hover){
  .dk-sekme:hover{background:rgba(255,250,235,.8); color:var(--dk-ink)}
  .dk-sekme:hover .dk-sekme-ikon{opacity:1}
}
.dk-sekme.dk-acik{
  color:var(--dk-ink); font-weight:600;
  background:rgba(255,251,240,.95);
  border-bottom-color:var(--dk-gold);
  box-shadow:inset 0 2px 8px rgba(120,90,45,.12);
}
.dk-sekme.dk-acik .dk-sekme-ikon{opacity:1}
.dk-sekme:focus-visible{outline:2px solid var(--dk-crimson); outline-offset:-2px}

/* kayan gövde */
.dk-panel-ic{
  flex:1 1 0; min-height:0;
  overflow-y:auto; overscroll-behavior:contain;
  padding:clamp(13px,1.6vw,20px) clamp(12px,1.5vw,20px) 22px;
  scrollbar-width:thin;
}
.dk-panel-ic::-webkit-scrollbar{width:9px}
.dk-panel-ic::-webkit-scrollbar-track{background:rgba(120,90,45,.10)}
.dk-panel-ic::-webkit-scrollbar-thumb{
  background-color:rgba(110,80,40,.5); border-radius:5px;
  border:2px solid transparent; background-clip:content-box;
}

/* ------------------------------------------------------- indirim duyurusu
   Ana oyunda gözüne girdiğin tarafların dükkâna yansıması. */
.dk-indirim{
  margin:0 0 14px; padding:9px 11px 10px;
  background:rgba(200,163,60,.14);
  border:1px solid rgba(200,163,60,.45);
  border-left:3px solid var(--dk-gold);
  border-radius:2px;
}
.dk-indirim-baslik{
  margin:0 0 5px;
  font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  color:#8a6410;
}
.dk-indirim-satir{
  margin:0; padding-left:13px; position:relative;
  font-size:12px; line-height:1.45; color:var(--dk-ink);
}
.dk-indirim-satir + .dk-indirim-satir{margin-top:5px}
.dk-indirim-satir::before{
  content:"\2726"; position:absolute; left:0; top:.05em;
  font-size:9px; color:#a8801d;
}

.dk-raf-ust{margin:0 0 2px; text-align:center}
.dk-raf-baslik{
  margin:0; font-family:var(--dk-elyazi);
  font-size:clamp(18px,1.9vw,24px); font-weight:700; letter-spacing:.02em;
  color:var(--dk-ink);
}
.dk-raf-not{
  margin:5px 0 0;
  font-size:12.5px; line-height:1.5; color:var(--dk-ink-soft); font-style:italic;
}
.dk-rule{
  height:1px; margin:13px auto 6px; width:82%;
  background:linear-gradient(90deg, transparent, rgba(90,66,35,.7), transparent);
}

/* -------------------------------------------------------- defter satırları */
.dk-raf{display:flex; flex-direction:column}
.dk-satir{
  display:flex; gap:11px;
  padding:12px 2px 14px;
  border-bottom:1px solid rgba(70,50,25,.18);
}
.dk-satir:last-child{border-bottom:0}
.dk-satir.dk-secili{
  background:rgba(200,163,60,.14);
  box-shadow:inset 3px 0 0 var(--dk-gold);
  padding-left:11px; padding-right:8px;
  border-bottom-color:rgba(200,163,60,.4);
}
.dk-satir.dk-yetmez{opacity:.55}

/* sepya levha — ana oyunun kart görselleriyle aynı süzgeç */
.dk-levha{
  position:relative; flex:0 0 auto;
  width:clamp(74px,7vw,94px); height:clamp(74px,7vw,94px);
  display:flex; align-items:center; justify-content:center;
  padding:5px;
  background:
    repeating-linear-gradient(45deg, rgba(120,92,50,.07) 0 10px, rgba(120,92,50,.015) 10px 20px),
    linear-gradient(#efe4c8, #d5c199);
  border:1px solid rgba(70,50,25,.4);
  box-shadow:inset 0 0 14px rgba(120,90,45,.3);
}
.dk-levha img{
  max-width:100%; max-height:100%; display:block; object-fit:contain;
  filter:sepia(.34) saturate(.86) contrast(1.04);
}
.dk-yuva-duvar .dk-levha{padding:0}
.dk-yuva-duvar .dk-levha img{width:100%; height:100%; max-height:none; object-fit:cover}

/* mürekkep damgaları */
.dk-damga{
  position:absolute; left:50%; bottom:-7px; transform:translateX(-50%) rotate(-3deg);
  padding:1px 7px;
  font-size:8px; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap;
  color:#8c2b21;
  background:rgba(250,244,228,.94);
  border:1.4px solid rgba(140,43,33,.7); border-radius:1px;
  box-shadow:0 2px 5px rgba(0,0,0,.22);
}
.dk-damga-luks{
  left:auto; right:-4px; bottom:auto; top:-7px; transform:rotate(4deg);
  color:#7a5c1e; border-color:rgba(168,128,29,.7);
}

.dk-satir-govde{flex:1; min-width:0; display:flex; flex-direction:column}

/* adı, altında noktalı çizgiyle bedeli */
.dk-satir-ad{
  margin:0;
  font-size:15px; font-weight:600; letter-spacing:.01em; line-height:1.3;
  color:var(--dk-ink);
}
.dk-bedel-satir{display:flex; align-items:baseline; gap:6px; margin-top:2px}
.dk-nokta{
  flex:1 1 auto; min-width:10px; height:1px; margin-bottom:4px;
  border-bottom:1px dotted rgba(90,66,35,.55);
}
.dk-bedel{
  flex:0 0 auto;
  font-size:13.5px; font-weight:600; color:#6b4a1a;
  font-variant-numeric:tabular-nums; white-space:nowrap;
}
.dk-bedel-bedava{font-style:italic; font-weight:400; color:var(--dk-ink-soft)}
.dk-bedel-eski{
  flex:0 0 auto;
  font-size:12px; color:var(--dk-ink-soft); opacity:.75;
  text-decoration-thickness:1px; font-variant-numeric:tabular-nums;
}
.dk-bedel-indirim{color:#8a6410}
.dk-damga-indirim{
  left:auto; right:-4px; bottom:auto; top:-7px; transform:rotate(4deg);
  color:#7a5c1e; border-color:rgba(168,128,29,.75);
  background:rgba(255,247,222,.96);
}

.dk-satir-not{
  margin:4px 0 0; flex:1;
  font-size:12.5px; line-height:1.45; color:var(--dk-ink-soft);
}
.dk-eylem{display:flex; flex-direction:column; gap:5px; margin-top:9px}
.dk-takas-not{font-size:11px; line-height:1.35; color:var(--dk-ink-soft); font-style:italic}
.dk-durum-yazi{margin-top:9px; font-size:12px; color:var(--dk-ink-soft); font-style:italic}

/* ad verme */
.dk-ad-kutu{margin-top:9px; padding-top:8px; border-top:1px dotted rgba(90,66,35,.4)}
.dk-ad-etiket{
  display:block; margin-bottom:5px;
  font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:#6b4a1a;
}
.dk-ad-satir{display:flex; flex-wrap:wrap; gap:5px}
.dk-ad-alan{
  flex:1 1 104px; min-width:0;      /* sığmazsa düğme alt satıra iner */
  padding:7px 10px;
  font-family:var(--dk-kalem); font-size:15px; color:var(--dk-ink);
  background:rgba(255,250,235,.65);
  border:1px solid rgba(112,80,34,.5); border-radius:2px;
}
.dk-ad-alan:focus{outline:2px solid var(--dk-gold); outline-offset:1px}

.dk-dip{
  margin:18px 0 0; padding-top:12px;
  border-top:1px solid rgba(70,48,22,.32);
  font-size:11.5px; line-height:1.55; text-align:center;
  color:var(--dk-ink-soft); font-style:italic;
}

/* ====================================================================== oda
   Kalan alanın tamamını kaplar; oranı bozulmadan hem enine hem boyuna sığar.
   --dk-alt-h, altındaki makine şeridine ayrılan paydır. */
.dk-sahne{
  container-type:size;
  position:relative;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:8px;
  min-width:0; min-height:0;
  padding:var(--dk-sahne-pad);
}
.dk-oda-cerceve{
  position:relative;
  width:min(100cqw, calc((100cqh - var(--dk-alt-h) - 8px - var(--dk-cerceve-pad) * 2)
                         * 2816 / 1536 + var(--dk-cerceve-pad) * 2));
  padding:var(--dk-cerceve-pad);
  background:linear-gradient(160deg, #5a3b21 0%, #33200f 38%, #4a2f1c 62%, #2a1a0c 100%);
  border:1px solid rgba(200,163,60,.42);
  border-radius:2px;
  box-shadow:var(--dk-golge), inset 0 1px 0 rgba(255,220,150,.18);
}
/* container query yoksa: yüksekliği kabaca ekrandan hesapla */
@supports not (container-type: size){
  .dk-oda-cerceve{width:min(100%, calc(72vh * 2816 / 1536))}
}
.dk-oda-cerceve::before{
  content:""; position:absolute; inset:clamp(3px,.5vw,7px);
  border:1px solid rgba(200,163,60,.34);
  border-radius:1px; pointer-events:none; z-index:2;
}
.dk-oda{
  position:relative;
  width:100%;
  aspect-ratio:2816 / 1536;
  overflow:hidden;
  isolation:isolate;            /* katman z-index'leri odanın içinde kalsın */
  background:#0d0906;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.7);
}
@supports not (aspect-ratio: 1 / 1){
  .dk-oda{height:0; padding-bottom:54.5455%}
}
.dk-oda::after{
  content:""; position:absolute; inset:0; z-index:99; pointer-events:none;
  box-shadow:inset 0 0 44px rgba(24,14,4,.42);
}

.dk-kat{position:absolute; display:block; pointer-events:none; animation:dkBelir .4s ease both}
.dk-kat-duvar{inset:0; width:100%; height:100%; object-fit:cover}
@keyframes dkBelir{from{opacity:0}to{opacity:1}}

.dk-yerlesti{animation:dkYerles .5s cubic-bezier(.2,.9,.3,1.25) both}
@keyframes dkYerles{
  from{opacity:0; transform:translateY(10px) scale(.965)}
  to{opacity:1; transform:none}
}

/* hayvanın adı — mürekkeple yazılıp iğnelenmiş küçük bir kâğıt etiket */
.dk-tabela{
  position:absolute;
  transform:translate(-50%,-100%) rotate(-1.2deg);
  padding:1px 11px 4px;
  font-family:var(--dk-kalem);
  font-size:clamp(12px,1.5cqw,22px);
  line-height:1.25;
  color:#2b1d0c;
  background:linear-gradient(#f6eed6, #ddcda4);
  border:1px solid rgba(70,48,22,.6);
  box-shadow:0 3px 8px rgba(0,0,0,.55);
  white-space:nowrap;
  pointer-events:none;
}

/* ------------------------------------------------------- fotoğraf makinesi
   Odanın çerçevesinin dışında, altındaki şeridin sağ ucunda bir ikon. */
.dk-sahne-alt{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:flex-end; gap:clamp(10px,1.6vw,22px);
  width:100%; height:var(--dk-alt-h);
}
.dk-makine{
  flex:0 0 auto;
  display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:0; margin:0;
  background:none; border:0;
  cursor:pointer;
  touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
.dk-makine-gorsel{
  display:block; height:auto;
  width:calc(var(--dk-alt-h) - 21px);
  filter:drop-shadow(0 5px 11px rgba(0,0,0,.6)) saturate(.94);
  transition:filter .25s ease, transform .18s ease;
}
.dk-makine-yazi{
  font-family:var(--dk-serif);
  font-size:clamp(9.5px,1.05vw,12px); line-height:1.2;
  letter-spacing:.13em; text-transform:uppercase; white-space:nowrap;
  color:#d8c8a6; opacity:.72;
  text-shadow:0 1px 3px rgba(0,0,0,.8);
  transition:opacity .2s ease, color .2s ease;
}
@media (hover:hover){
  .dk-makine:hover .dk-makine-gorsel{
    transform:translateY(-2px);
    filter:drop-shadow(0 0 12px rgba(255,214,130,.8))
           drop-shadow(0 5px 11px rgba(0,0,0,.5)) brightness(1.18) saturate(1);
  }
  .dk-makine:hover .dk-makine-yazi{opacity:1; color:#ffeec4}
}
.dk-makine:focus-visible{outline:2px solid var(--dk-gold); outline-offset:4px; border-radius:2px}
.dk-makine:disabled{cursor:progress}
.dk-makine:disabled .dk-makine-gorsel{filter:drop-shadow(0 5px 11px rgba(0,0,0,.6)) grayscale(.5); opacity:.6}

/* seyrek pırıltı: pirinç aksam ışığı yakalamış gibi */
.dk-makine.dk-pirilti .dk-makine-gorsel{animation:dkPirilti 1.9s ease-in-out}
@keyframes dkPirilti{
  0%,100%{filter:drop-shadow(0 5px 11px rgba(0,0,0,.6)) saturate(.94) brightness(1)}
  40%    {filter:drop-shadow(0 0 16px rgba(255,219,140,.85))
                 drop-shadow(0 5px 11px rgba(0,0,0,.5)) saturate(1.05) brightness(1.3)}
  70%    {filter:drop-shadow(0 0 7px rgba(255,219,140,.4))
                 drop-shadow(0 5px 11px rgba(0,0,0,.58)) saturate(.98) brightness(1.1)}
}

/* deklanşör parlaması */
.dk-flas{position:absolute; inset:0; z-index:98; background:#fff; opacity:0; pointer-events:none}
.dk-flas.dk-parla{animation:dkFlas .5s ease-out}
@keyframes dkFlas{0%{opacity:0} 8%{opacity:.85} 100%{opacity:0}}

.dk-foto-not{
  flex:1 1 auto; min-width:0;
  margin:0;
  font-size:12px; line-height:1.4; text-align:right; font-style:italic;
  color:#d8c8a6;
  opacity:0; transition:opacity .3s ease;
}
.dk-foto-not.dk-gorunur{opacity:.85}
.dk-foto-not.dk-foto-hata{color:#e5a08c; font-style:normal}

/* ================================================================ dar ekran
   Tek sütun: oda üstte, defter altta; sayfa normal akışta kayar. */
@media (max-width:900px){
  .dk-kok{height:auto; min-height:0; overflow:visible}
  .dk-ust{flex-wrap:wrap; gap:8px 16px; position:sticky; top:0; z-index:20}
  .dk-tezhip{order:9; flex-basis:100%; min-width:0}
  .dk-kasa{margin-left:auto; gap:14px}
  /* kap otomatik yükseklikte: flex-basis:0 kutuları sıfıra indirir, geri al */
  .dk-govde{display:flex; flex-direction:column; grid-template-rows:none; flex:0 1 auto}
  .dk-panel-ic{flex:0 1 auto}
  .dk-sahne{container-type:normal; order:-1; padding:clamp(8px,2vw,16px)}
  .dk-oda-cerceve{width:100%}
  .dk-panel{
    border-right:0; border-top:1px solid rgba(70,50,25,.55);
    box-shadow:0 -6px 26px rgba(0,0,0,.5), inset 0 0 60px rgba(120,90,45,.22);
  }
  .dk-sekmeler{grid-template-columns:repeat(5, 1fr)}
  .dk-tabela{font-size:clamp(11px,2.2vw,18px)}
}
@media (max-width:520px){
  .dk-sekmeler{grid-template-columns:repeat(3, 1fr)}
  .dk-baslik{font-size:20px}
  .dk-altbaslik{display:none}
}

@media (prefers-reduced-motion:reduce){
  .dk-kat,.dk-yerlesti,.dk-flas.dk-parla,.dk-makine.dk-pirilti .dk-makine-gorsel{animation:none}
  .dk-btn,.dk-sekme{transition:none}
}