/* Mesnevi Gümüş — Ürün Detay
   Galeri, yorum, yıldız, garanti, sekmeler.
*/

/* ── QUICK VIEW MODAL ── */
.mg-qv-modal { position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center;padding:16px; }

.mg-qv-modal.acik { display:flex; }

.mg-qv-overlay { position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(3px); }

.mg-qv-icerik {
  position:relative;z-index:2;background:#fff;border-radius:16px;
  width:100%;max-width:860px;max-height:90vh;overflow-y:auto;
  display:grid;grid-template-columns:1fr 1fr;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  animation:qvGoster .25s ease;
}

.mg-qv-kapat {
  position:absolute;top:14px;right:14px;z-index:5;
  width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.07);
  border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .15s;
}

.mg-qv-kapat:hover { background:rgba(0,0,0,.15); }

.mg-qv-loading { grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:80px;min-height:300px; }

.mg-qv-spin {
  width:36px;height:36px;border:3px solid var(--border);
  border-top-color:var(--yesil);border-radius:50%;
  animation:spin .7s linear infinite;display:block;
}

.mg-qv-govde { display:contents; }

.mg-qv-gorsel-wrap { padding:20px;background:var(--bg-section);border-radius:16px 0 0 16px; }

.mg-qv-gorsel-wrap img { width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px; }

.mg-qv-kucukler { display:flex;gap:6px;margin-top:10px;flex-wrap:wrap; }

.mg-qv-kucuk { width:56px;height:56px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .15s; }

.mg-qv-kucuk img { width:100%;height:100%;object-fit:cover; }

.mg-qv-kucuk.aktif,.mg-qv-kucuk:hover { border-color:var(--yesil); }

.mg-qv-bilgi { padding:28px 24px;display:flex;flex-direction:column;gap:12px; }

.mg-qv-ad { font-family:var(--f-baslik);font-size:1.25rem;line-height:1.3;margin:0;color:var(--siyah); }

.mg-qv-puan { display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--metin-ince); }

.mg-qv-fiyat { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }

.mg-qv-stok-uyari { background:#fff8e1;border:1px solid #ffe082;color:#795548;font-size:.82rem;padding:7px 12px;border-radius:6px;margin:0; }

.mg-qv-kisaca { font-size:.87rem;color:var(--metin-ince);line-height:1.7;margin:0; }

.mg-qv-butonlar { display:flex;gap:10px;flex-wrap:wrap;margin-top:auto; }

.mg-qv-btn { flex:1;min-width:140px;justify-content:center;text-align:center; }

@media(max-width:640px) {
  .mg-qv-icerik { grid-template-columns:1fr;max-height:95vh; }
  .mg-qv-gorsel-wrap { border-radius:16px 16px 0 0; }
  .mg-qv-bilgi { padding:20px 16px; }
}

/* ── ÜRÜN DETAY MOBİL ── */
@media (max-width: 768px) {
  .single-product-wrap { grid-template-columns: 1fr !important; gap: 20px !important; margin-bottom: 2rem !important; }
  .galeri-ana { aspect-ratio: 1 / 1 !important; max-height: 80vw !important; width: 100% !important; border-radius: 12px !important; overflow: hidden !important; }
  .galeri-ana img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .galeri-video-wrap { max-height: 80vw !important; }
  .galeri-kucukler { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; padding-bottom: 4px !important; margin-top: 10px !important; }
  .galeri-kucukler::-webkit-scrollbar { display: none !important; }
  .galeri-kucuk { flex: 0 0 60px !important; width: 60px !important; height: 60px !important; border-radius: 8px !important; }
  .urun-baslik { font-size: 1.3rem !important; line-height: 1.2 !important; margin-bottom: .6rem !important; }
  .urun-fiyat-wrap { padding: 12px 14px !important; margin-bottom: 1rem !important; }
  .urun-fiyat-wrap .woocommerce-Price-amount { font-size: 1.6rem !important; }
  .urun-kisaca { font-size: .88rem !important; margin-bottom: 1rem !important; }
  .qty-wrap { gap: 10px !important; margin-bottom: .8rem !important; }
  .qty-kontrol { border-radius: 8px !important; }
  .qty-btn { width: 40px !important; height: 44px !important; }
  .qty-input { width: 50px !important; height: 44px !important; font-size: 1rem !important; }
  .btn-sepete-detay { padding: 14px !important; font-size: .95rem !important; border-radius: 10px !important; width: 100% !important; }
  .urun-guven-blok { grid-template-columns: repeat(3, 1fr) !important; margin-top: 1rem !important; }
  .ugb-satir { padding: 10px 6px !important; }
  .ugb-satir svg { width: 16px !important; height: 16px !important; }
  .ugb-satir strong { font-size: .65rem !important; }
  .ugb-satir span { font-size: .58rem !important; }
  .urun-sekme-basliklar { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; white-space: nowrap !important; flex-wrap: nowrap !important; }
  .urun-sekme-basliklar::-webkit-scrollbar { display: none !important; }
  .urun-sekme-btn { flex-shrink: 0 !important; font-size: .82rem !important; padding: 10px 14px !important; }
  .urun-acc summary { padding: 12px 14px !important; font-size: .85rem !important; }
  .urun-acc-ic p { font-size: .82rem !important; }
  .urun-paylasim { gap: 6px !important; flex-wrap: wrap !important; }
  .up-btn { padding: 6px 10px !important; font-size: .75rem !important; }
  .ilgili-urunler { margin-top: 2rem !important; }
  .ilgili-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .urun-ilgili-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .mg-ozel-siparis-wrap { padding: 14px !important; margin-top: 1rem !important; }
}

@media (max-width: 600px) {
  .urun-guven-blok { grid-template-columns: repeat(3, 1fr) !important; }
  .ugb-satir:nth-child(3) { border-right: none !important; }
  .ugb-satir:nth-child(4) { border-top: 1px solid rgba(122,154,31,.15) !important; }
  .ugb-satir:nth-child(5) { border-top: 1px solid rgba(122,154,31,.15) !important; border-right: none !important; }
}

/* ── QUICK VIEW MOBİL ── */
@media (max-width: 640px) {
  .mg-qv-icerik { grid-template-columns: 1fr !important; max-height: 95vh !important; border-radius: 12px !important; }
  .mg-qv-kisaca { display: none !important; }
  .mg-qv-butonlar { flex-direction: column !important; gap: 8px !important; }
  .mg-qv-btn { width: 100% !important; justify-content: center !important; font-size: .85rem !important; }
}

/* ============================================================
   ÜRÜN DETAY
   ============================================================ */
.single-product-wrap {display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}

/* Galeri */
.galeri-ana {border-radius:var(--r-md);overflow:hidden;background:var(--bg-section);aspect-ratio:1;position:relative;cursor:zoom-in}

.galeri-ana img {width:100%;height:100%;object-fit:cover;transition:transform .3s ease}

.galeri-kucukler {display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}

.galeri-kucuk {width:72px;height:72px;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color var(--t-hizli);flex-shrink:0}

.galeri-kucuk img {width:100%;height:100%;object-fit:cover}

.galeri-kucuk:hover,.galeri-kucuk.aktif {border-color:var(--yesil)}

.urun-baslik {font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:.75rem;font-family:'Nunito','Segoe UI',sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.2}

.urun-fiyat-wrap {margin-bottom:1.4rem;padding:14px 18px;background:var(--bg-section);border-radius:var(--r-sm);border-left:4px solid var(--yesil)}

.urun-fiyat-wrap .woocommerce-Price-amount {font-size:2rem;font-weight:800;color:var(--yesil);font-family:'Nunito','Segoe UI',sans-serif;letter-spacing:-.01em}

.urun-fiyat-wrap .woocommerce-Price-amount bdi {font-variant-numeric:tabular-nums}

.urun-fiyat-wrap del {margin-left:10px;opacity:.6}

.urun-fiyat-wrap del .woocommerce-Price-amount {font-size:1.1rem;font-weight:500;color:var(--metin-ince);font-family:'Nunito','Segoe UI',sans-serif}

.qty-wrap {display:flex;align-items:center;gap:12px;margin-bottom:1rem}

.qty-label {font-weight:600;font-size:.88rem;color:var(--metin)}

.qty-kontrol {display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r-sm);overflow:hidden}

.qty-btn {width:36px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;cursor:pointer;transition:all var(--t-hizli);border:none;font-size:1.1rem;font-weight:700;color:var(--metin)}

.qty-btn:hover {background:var(--yesil);color:#fff}

.qty-input {width:52px;height:38px;border:none;text-align:center;font-size:.95rem;font-weight:600;outline:none;border-left:1px solid var(--border);border-right:1px solid var(--border)}

.btn-sepete-detay {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--yesil);color:#fff;border:none;border-radius:var(--r-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--t-normal)}

.btn-sepete-detay:hover {background:var(--siyah);transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,92,46,.3)}

/* Garanti Kutusu */
.urun-garanti {display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.2rem;padding:14px;background:var(--bg-section);border-radius:var(--r-sm)}

/* GÜVEN BLOĞU */
.urun-guven-blok {
  margin-top:1.6rem;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  border:1px solid rgba(122,154,31,.25);
  border-radius:var(--r-md);
  overflow:hidden;
  background:linear-gradient(135deg,rgba(10,30,15,.97),rgba(5,20,10,.97));
}

/* Sekmeler */
.urun-sekmeler {margin-top:3rem}

.urun-sekme-basliklar {display:flex;border-bottom:2px solid var(--border);margin-bottom:1.5rem;overflow-x:auto}

.urun-sekme-btn {padding:10px 22px;font-size:.9rem;font-weight:600;color:var(--metin-ince);border:none;background:none;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all var(--t-hizli)}

.urun-sekme-btn:hover {color:var(--metin)}

.urun-sekme-btn.aktif {color:var(--yesil);border-bottom-color:var(--yesil)}

.urun-sekme-icerik {display:none}

.urun-sekme-icerik.aktif {display:block}

.urun-sekme-icerik h3 {font-size:1.1rem;margin-bottom:.75rem}

.urun-sekme-icerik p {color:var(--metin-ince);line-height:1.75;margin-bottom:.75rem}

/* İlgili Ürünler */
.ilgili-urunler {margin-top:4rem}

.ilgili-urunler h2 {margin-bottom:2rem}

/* ============================================================
   EK MOBİL İYİLEŞTİRMELERİ
   ============================================================ */
@media (max-width: 768px) {
    .single-product-wrap {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .urun-baslik {
        font-size: 1.5rem !important;
        line-height: 1.25 !important;
    }
    .urun-fiyat-wrap {
        font-size: 1.3rem !important;
    }
    /* Galeri ana görsel — mobilde tam genişlik, makul yükseklik */
    .galeri-ana {
        aspect-ratio: 1 / 1 !important;
        max-height: 75vw !important;
        border-radius: var(--r-md) !important;
        overflow: hidden !important;
    }
    .galeri-ana img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .galeri-video-wrap {
        max-height: 75vw !important;
    }
    .galeri-kucukler {
        gap: 8px !important;
        overflow-x: auto !important;
        padding-bottom: 8px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .galeri-kucukler::-webkit-scrollbar { display: none !important; }
    .galeri-kucuk {
        flex: 0 0 60px !important;
        width: 60px !important;
        height: 60px !important;
    }

    /* Ürün grid */
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* Ürün sekmeler */
    .urun-sekme-basliklar {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        white-space: nowrap !important;
    }
    .urun-sekme-basliklar::-webkit-scrollbar { display: none !important; }
    .urun-sekme-btn {
        flex-shrink: 0 !important;
        font-size: .85rem !important;
        padding: 10px 16px !important;
    }

    /* Garanti kartları */
    .urun-garanti {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .ug-uye {
        padding: 10px !important;
        font-size: .8rem !important;
    }

    /* İlgili ürünler */
    .ilgili-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* Mağaza (archive) */
    .woo-wrap {
        padding: 20px 16px !important;
    }

    /* Breadcrumb */
    .breadcrumb {
        font-size: .78rem !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .breadcrumb::-webkit-scrollbar { display: none !important; }
}

@media (max-width: 480px) {
    .urun-baslik { font-size: 1.3rem !important; }
    .urun-ekle-form {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .qty-wrap, .btn-sepete-detay {
        width: 100% !important;
    }
    .btn-sepete-detay {
        justify-content: center !important;
    }
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .ilgili-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .urun-garanti {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 600px) {
    .urun-guven-blok { margin-top: 1rem; grid-template-columns: repeat(3,1fr); }
    .ugb-satir:nth-child(3) { border-right: none; }
    .ugb-satir:nth-child(4) { border-top: 1px solid rgba(122,154,31,.15); }
    .ugb-satir:nth-child(5) { border-top: 1px solid rgba(122,154,31,.15); border-right: none; }
    .ugb-satir { padding: 14px 8px; }
    .ugb-satir strong { font-size: .68rem; }
    .ugb-satir span { font-size: .62rem; }
}

/* ── GALERİ ZOOM & LİGHTBOX ── */
.galeri-ana:hover img { transform: scale(1.03); }

.galeri-zoom-btn {
  position: absolute; bottom: 12px; right: 12px;
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(255,255,255,.9); border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 10px rgba(0,0,0,.15); z-index: 5;
  transition: background .2s, transform .2s;
}

.galeri-zoom-btn:hover { background: #fff; transform: scale(1.1); }

/* ── YORUM SİSTEMİ ── */
.yorum-liste { display:flex; flex-direction:column; gap:12px; margin-bottom:2rem; }

/* Form bölümü */
.yorum-form-bolum { border-top:1px solid var(--border); padding-top:1.8rem; margin-top:1.8rem; }

/* Form kartı */
.yorum-form-kart {
  background:var(--bg-section);
  border:1.5px solid var(--border); border-radius:var(--r-md);
  padding:24px 24px 20px;
}

.yorum-form-baslik { font-size:.95rem; font-weight:700; color:var(--siyah); margin:0 0 1.4rem; }

/* Yıldız seçici — CSS only */
.yildiz-secici { display:flex; flex-direction:row-reverse; gap:4px; }

.yildiz-secici input { display:none; }

.yildiz-secici label {
  font-size:2.2rem; color:#ddd;
  cursor:pointer; transition:color .12s, transform .12s;
  line-height:1;
}

.yildiz-secici label:hover,
.yildiz-secici label:hover ~ label,
.yildiz-secici input:checked ~ label {
  color:var(--altin);
  text-shadow:0 0 6px rgba(201,168,76,.4);
}

.yildiz-secici label:hover { transform:scale(1.18); }

/* Yıldız gösterim */
.yildiz-wrap { display:flex; gap:2px; }

/* ── Mobil Fiyat Font Düzeltmesi ── */
@media (max-width: 1024px) {
  html body .urun-fiyat-wrap .woocommerce-Price-amount,
  html body .urun-fiyat-wrap ins .woocommerce-Price-amount {
    font-family: 'Nunito', 'Segoe UI', Arial, sans-serif !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: -.01em !important;
  }
  html body .urun-fiyat-wrap del .woocommerce-Price-amount {
    font-family: 'Nunito', 'Segoe UI', Arial, sans-serif !important;
    font-weight: 500 !important;
  }
}

/* ── Mobil Ürün Başlığı Font Düzeltmesi ── */
@media (max-width: 1024px) {
  html body .urun-baslik {
    font-family: 'Nunito', 'Segoe UI', Arial, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    line-height: 1.2 !important;
    font-size: 1.4rem !important;
  }
}

/* Ürün detayında görsel paneli daha stabil */
.single-product .single-product-wrap {
  align-items: start;
}

.single-product .galeri-ana {
  border: 1px solid var(--border);
}

/* Mobilde ürün detayındaki güven blokları daha okunabilir */
@media (max-width: 640px) {
  .single-product .urun-guven-blok {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .single-product .ugb-satir {
    border-right: 1px solid rgba(122, 154, 31, 0.15) !important;
    border-top: 1px solid rgba(122, 154, 31, 0.15) !important;
  }

  .single-product .ugb-satir:nth-child(1),
  .single-product .ugb-satir:nth-child(2) {
    border-top: none !important;
  }

  .single-product .ugb-satir:nth-child(2n) {
    border-right: none !important;
  }
}