.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}
.detay-wrap .galeri .ana img{width:100%;height:460px;object-fit:contain;background:#fff;display:block}
.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}}