.detay-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:20px}
.detay-wrap .galeri{background:#fff;border:1px solid #eee;border-radius:16px;padding:12px}
.detay-wrap .galeri .ana{border-radius:12px;overflow:hidden;border:1px solid #eee;position:relative}
.detay-wrap .galeri .ana img{width:100%;height:460px;object-fit:contain;background:#fff;display:block}
.detay-wrap .galeri .zoom-btn{
  position:absolute;right:10px;top:10px;
  width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(0,0,0,.15);background:#fff;
  cursor:pointer;font-size:18px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.12)
}
.detay-wrap .galeri .zoom-btn:hover{transform:scale(1.05)}
.detay-wrap .thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.detay-wrap .thumbs .th{width:72px;height:72px;border-radius:10px;border:1px solid #e4e7ec;background:#fff;cursor:pointer;padding:4px}
.detay-wrap .thumbs .th img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.detay-wrap .thumbs .th:focus,.detay-wrap .thumbs .th:hover{outline:0;border-color:#d1d5db}

.detay-wrap .bilgi h1{margin:0 0 10px 0}
.detay-wrap .bilgi .fiyat{color:#0a7c2f;font-weight:800;margin:6px 0 12px 0}
.detay-wrap .bilgi .aciklama{color:#333;background:#fff;border:1px solid #eee;border-radius:12px;padding:12px}

.adet-sepet{display:flex;gap:12px;align-items:center;margin-top:14px}
.adet{display:inline-flex;align-items:center;border:1px solid #e4e7ec;border-radius:12px;overflow:hidden;background:#fff}
.adet button{width:36px;height:36px;border:0;background:#f6f7f9;cursor:pointer;font-size:18px}
.adet input{width:56px;height:36px;border:0;text-align:center;font-weight:700;outline:0}
@media (max-width:900px){.detay-wrap{grid-template-columns:1fr}.detay-wrap .galeri .ana img{height:360px}}

/* Tam ekran modal */
.img-modal{position:fixed;inset:0;z-index:9999;display:none;background:#000;align-items:center;justify-content:center;padding:0}
.img-modal.open{display:flex}
.img-modal img{max-width:100vw;max-height:100vh;object-fit:contain;background:#000}
.img-modal .img-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;cursor:pointer;font-size:28px;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1}
.img-modal .img-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:0;background:rgba(255,255,255,.9);cursor:pointer;font-size:40px;line-height:1;z-index:1}
.img-modal .img-prev{left:16px}
.img-modal .img-next{right:16px}
body.modal-open{overflow:hidden}