/* t594: ürün detayı alttan panel. Animasyon yalnız transform/opacity (det594.js, WAAPI); burada geçiş/keyframe yok.
   Resim: sabit 4:3 kutu + object-fit:cover (canlı medyanın çoğu 5:4 → %6 kırpma; 16:10'da %22 olurdu). */
html.vdsh-on{overscroll-behavior-y:contain}
body.vdsh-lock{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.vdsh-bg{position:fixed;inset:0;z-index:44;--vdkb:0px;--vdvh:100dvh}
.vdsh-bg.out{pointer-events:none}
.vdsh-dim{position:absolute;inset:0;background:rgba(8,10,12,.58);-webkit-tap-highlight-color:transparent}
.vdsh{position:absolute;left:0;right:0;margin:0 auto;bottom:var(--vdkb);width:100%;max-width:560px;display:flex;flex-direction:column;
  height:auto;min-height:min(70dvh,calc(var(--vdvh) - 24px));max-height:min(85dvh,calc(var(--vdvh) - 24px));
  background:var(--bg,#F1EDE6);border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 -10px 34px rgba(0,0,0,.35);outline:none;will-change:transform}
.vdsh-bg.kb .vdsh{min-height:0;max-height:calc(var(--vdvh) - 12px)}
.vdsh.drag{will-change:transform}
.vdsh-hd{position:absolute;top:0;left:0;right:0;height:26px;z-index:4;display:flex;justify-content:center;align-items:flex-start;padding-top:8px;touch-action:none;cursor:grab}
.vdsh-grip{width:42px;height:5px;border-radius:3px;background:rgba(255,255,255,.82);box-shadow:0 1px 4px rgba(0,0,0,.35)}
.vdsh-sc{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.vdsh-ft{flex:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ln,rgba(0,0,0,.08));background:var(--bg,#F1EDE6);display:grid;gap:10px}
.vdsh-bg.kb .vdsh-ft{padding-bottom:10px}
.vdsh-ft.empty{display:none}
/* panel içindeki detay sayfası: tam ekran düzeninin boşluklarını kaldır */
.v2 .vdsh .vpage.vdetail{padding-bottom:18px;min-height:0}
.v2.vx.vxn-on .vdsh .vdetail.hasbar,.v2 .vdsh .vdetail.hasbar{padding-bottom:18px}
.v2 .vdsh .vdimg{position:relative}
.v2 .vdsh .vdimg:after{height:76px}
.v2 .vdsh .vph.hero{height:auto;aspect-ratio:4/3;border-radius:0;font-size:40px}
.v2 .vph.hero.vdfr{position:relative;overflow:hidden;background:#1C2123}
.v2 .vph.hero.vdfr>img.vdim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.v2 .vdsh .vdb{margin-top:0;border-radius:0;padding-top:16px}
.v2 .vdsh .vdimg>.vstk{bottom:12px}
.v2 .vdsh .vdbtns{top:14px;left:14px;right:14px}
/* resimsiz ürün: büyük boş yer tutucu yok; üstte buton satırı, adın önünde küçük monogram */
.v2 .vdsh .vdimg.noimg{padding:30px 14px 0}
.v2 .vdsh .vdimg.noimg:after{display:none}
.v2 .vdsh .vdimg.noimg>.vph.hero{display:none}
.v2 .vdsh .vdimg.noimg>.vstk{position:static;display:inline-flex;margin:0 0 4px}
.v2 .vdsh .vdimg.noimg .vdbtns{position:static}
.v2 .vdsh .vdimg.noimg+.vdb{padding-top:10px}
/* alt sabit bölüm: not + adet/Sepete ekle (fixed çubuk panel içinde akışa alınır) */
.v2 .vdsh-ft .vbar,.v2.vx.vxn-on .vdsh-ft .vbar:not(.main){position:static;padding:0;background:none;bottom:auto;z-index:auto}
.v2 .vdsh-ft .vbar .vbin{max-width:none;margin:0}
.v2 .vdsh-ft .vnote{margin:0}
.v2.vx .vdsh{background:var(--bg)}
.v2.vx .vdsh-ft{background:var(--bg)}
.v2.vx.vxlt .vdsh{box-shadow:0 -10px 30px rgba(40,30,15,.22)}
.v2.vx.vxlt .vdsh-dim{background:rgba(32,26,18,.46)}
.vdsh.noimg .vdsh-grip{background:rgba(127,127,127,.55);box-shadow:none}
.v2 .vdsh-ft .vgl{font-size:16px}  /* iOS: 16px altı odakta sayfayı yakınlaştırır */
@media (min-width:600px){.vdsh{border-radius:18px 18px 0 0}}
@media (prefers-reduced-motion:reduce){.vdsh,.vdsh-dim{transition:none!important;animation:none!important}}
