/* DARK PLUS — Ürün detay (özgün): dikey galeri + yapışkan satın alma kartı */

.dk-uhero{ padding:22px 0 6px; }
.dk-uhero .ic-yol a, .dk-uhero .ic-yol span{ color:var(--yazi-soluk); }

/* Düzen */
.dk-ud-duzen{ display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:44px; align-items:start; }
@media(max-width:940px){ .dk-ud-duzen{ grid-template-columns:1fr; gap:28px; } }

/* Galeri: dikey thumbnail + büyük görsel */
.dk-ud-galeri{ display:grid; grid-template-columns:86px minmax(0,1fr); gap:14px; }
@media(max-width:940px){ .dk-ud-galeri{ grid-template-columns:1fr; } }
.dk-ud-thumbs{ display:flex; flex-direction:column; gap:12px; }
@media(max-width:940px){ .dk-ud-thumbs{ flex-direction:row; order:2; overflow-x:auto; padding-bottom:4px; } }
.dk-ud-thumb{ width:86px; height:86px; flex:0 0 auto; border-radius:12px; overflow:hidden; border:1px solid var(--cizgi); background:#0f1626; cursor:pointer; padding:0; opacity:.55; transition:.2s; }
.dk-ud-thumb img{ width:100%; height:100%; object-fit:cover; }
.dk-ud-thumb:hover{ opacity:.85; }
.dk-ud-thumb.aktif{ opacity:1; border-color:var(--renk-s); box-shadow:0 0 0 2px color-mix(in srgb, var(--renk-s) 40%, transparent); }
.dk-ud-ana{ position:relative; border-radius:20px; overflow:hidden; border:1px solid var(--cizgi-2); background:#0b1220; aspect-ratio:1; cursor:zoom-in; }
@media(max-width:940px){ .dk-ud-ana{ order:1; } }
.dk-ud-ana img{ width:100%; height:100%; object-fit:contain; }
.dk-ud-ana .ik-bos{ position:absolute; inset:0; display:grid; place-items:center; font-size:60px; }
.dk-ud-zoom{ position:absolute; bottom:14px; right:14px; width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:rgba(4,7,13,.6); color:#fff; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.dk-ud-indirim-rozet{ position:absolute; top:16px; left:16px; background:linear-gradient(135deg,#ef4444,#f97316); color:#fff; font-weight:800; font-size:15px; padding:7px 14px; border-radius:12px; box-shadow:0 8px 22px -6px rgba(239,68,68,.6); }

/* Yapışkan satın alma kartı */
.dk-ud-satin{ position:sticky; top:100px; background:var(--kart); border:1px solid var(--cizgi-2); border-radius:20px; padding:28px; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
@media(max-width:940px){ .dk-ud-satin{ position:static; } }
.dk-ud-kat{ display:inline-block; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--renk-s); margin-bottom:10px; }
.dk-ud-satin h1{ font-size:clamp(22px,3vw,30px); color:#fff; line-height:1.2; margin:0 0 12px; }
.dk-ud-kod{ font-size:13px; color:var(--yazi-soluk); margin-bottom:20px; }
.dk-ud-kod i{ color:var(--renk-s); } .dk-ud-kod span{ color:var(--yazi); font-weight:600; }

/* Fiyat bloğu */
.dk-ud-fiyat{ display:flex; align-items:flex-end; gap:16px; padding:18px 0; border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); margin-bottom:16px; }
.dk-ud-fiyat-guncel{ font-size:34px; font-weight:800; color:#fff; line-height:1; letter-spacing:-.02em; }
.dk-ud-fiyat-yan{ display:flex; flex-direction:column; gap:5px; padding-bottom:3px; }
.dk-ud-eski{ font-size:15px; color:var(--yazi-soluk); text-decoration:line-through; }
.dk-ud-tasarruf{ font-size:12px; font-weight:700; color:#4ade80; background:color-mix(in srgb, #22c55e 15%, transparent); padding:3px 9px; border-radius:100px; white-space:nowrap; }

/* Stok */
.dk-ud-stok{ display:inline-flex; align-items:center; gap:9px; font-size:14px; font-weight:600; margin-bottom:18px; }
.dk-ud-stok.var{ color:#4ade80; } .dk-ud-stok.yok{ color:#ef5b6e; }
.dk-ud-nokta{ width:9px; height:9px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; }
.dk-ud-ozet{ font-size:14.5px; line-height:1.7; color:var(--yazi-soluk); margin:0 0 22px; }

/* Form */
.dk-ud-satir{ display:flex; align-items:center; gap:16px; margin-bottom:14px; }
.dk-ud-adet{ display:flex; align-items:center; border:1px solid var(--cizgi-2); border-radius:12px; overflow:hidden; flex:0 0 auto; }
.dk-ud-adet button{ width:44px; height:48px; border:none; background:rgba(255,255,255,.04); color:var(--yazi); font-size:20px; cursor:pointer; transition:.15s; }
.dk-ud-adet button:hover{ background:var(--renk-s); color:#04121a; }
.dk-ud-adet input{ width:46px; height:48px; border:none !important; background:transparent !important; text-align:center; font-weight:700; color:#fff !important; padding:0 !important; }
.dk-ud-toplam{ font-size:13px; color:var(--yazi-soluk); }
.dk-ud-toplam b{ display:block; font-size:18px; color:var(--renk-s); }
.dk-ud-ekle, .dk-ud-hemen, .dk-ud-wa{ width:100%; margin-bottom:10px; justify-content:center; }
.dk-ud-wa{ background:#25d366 !important; color:#04121a !important; border-color:transparent !important; }
.dk-ud-wa:hover{ background:#20bd5a !important; }

/* Güven rozetleri */
.dk-ud-guven{ list-style:none; margin:20px 0 0; padding:18px 0 0; border-top:1px solid var(--cizgi); display:flex; flex-direction:column; gap:11px; }
.dk-ud-guven li{ display:flex; align-items:center; gap:11px; font-size:13.5px; color:var(--yazi-soluk); }
.dk-ud-guven i{ color:var(--renk-s); width:18px; text-align:center; }

/* Açıklama */
.dk-ud-aciklama{ margin-top:50px; padding-top:36px; border-top:1px solid var(--cizgi); }