/* Ürün sayfalarının yeni bölümleri (13.11.2026).
   Sitenin var olan dilini kullanır: aynı değişkenler (style.css :root), aynı yazı tipi, aynı köşe ve çizgi.
   Yalnız /<urun>/ sayfalarında yüklenir; öteki sayfaların biçemine dokunmaz. */

.urun-yol a { color: inherit; }
.urun-yol a:hover { color: #fff; }

.urun-govde { margin-top: 5rem; max-width: 920px; }
.urun-govde > section { margin-bottom: 3.5rem; }
.urun-govde h2 { font-size: 1.6rem; color: #fff; font-weight: 600; line-height: 1.3; margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--glass-border); padding-bottom: 0.6rem; }
.urun-govde h3 { font-size: 1.2rem; color: #fff; font-weight: 600; line-height: 1.4; margin: 0 0 0.6rem; }
.urun-govde p { font-size: 1.1rem; color: var(--text-muted); line-height: 1.8; margin-bottom: 1.1rem; }
.urun-govde p:last-child { margin-bottom: 0; }
.urun-govde a { color: var(--accent-color); }
.urun-govde a:hover { color: #fff; }

.urun-liste { list-style: none; padding: 0; margin: 0 0 1.1rem; }
.urun-liste li { position: relative; padding-left: 1.6rem; margin-bottom: 0.7rem; color: var(--text-muted);
    font-size: 1.05rem; line-height: 1.6; }
.urun-liste li::before { content: ''; position: absolute; left: 0.2rem; top: 0.72em; width: 6px; height: 6px;
    border-radius: 50%; background: var(--accent-color); }
.urun-liste.iki-sutun { columns: 2; column-gap: 3rem; }
.urun-liste.iki-sutun li { break-inside: avoid; }

.urun-tablo-kap { overflow-x: auto; border: 1px solid var(--glass-border); border-radius: 16px; background: var(--bg-card); }
.urun-tablo { width: 100%; border-collapse: collapse; font-size: 1rem; }
.urun-tablo th, .urun-tablo td { padding: 0.9rem 1.2rem; text-align: left; vertical-align: top;
    border-bottom: 1px solid var(--glass-border); color: var(--text-muted); line-height: 1.5; }
.urun-tablo th { color: #fff; font-weight: 600; background: rgba(14, 165, 233, 0.08); white-space: nowrap; }
.urun-tablo tr:last-child td { border-bottom: none; }
.urun-tablo td:first-child { color: var(--text-main); font-weight: 500; }
.urun-dipnot { font-size: 0.95rem !important; margin-top: 0.8rem; }

.urun-standart { margin: 0; }
.urun-standart div { display: grid; grid-template-columns: 11rem 1fr; gap: 1.2rem; padding: 0.8rem 0;
    border-bottom: 1px solid var(--glass-border); }
.urun-standart div:last-child { border-bottom: none; }
.urun-standart dt { color: var(--accent-color); font-weight: 600; font-size: 1.02rem; }
.urun-standart dd { margin: 0; color: var(--text-muted); font-size: 1.05rem; line-height: 1.6; }

.urun-alt { border: 1px solid var(--glass-border); border-radius: 20px; background: var(--bg-card); padding: 1.8rem 2rem;
    margin-bottom: 1.2rem; scroll-margin-top: 120px; }
.urun-alt:last-child { margin-bottom: 0; }
.urun-alt .urun-liste { margin-top: 1rem; margin-bottom: 0; }

.sss-oge { padding: 1.3rem 0; border-bottom: 1px solid var(--glass-border); }
.sss-oge:first-of-type { padding-top: 0; }
.sss-oge:last-child { border-bottom: none; padding-bottom: 0; }

.urun-teklif { border: 1px solid rgba(14, 165, 233, 0.35); border-radius: 24px; padding: 2.2rem 2.4rem;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.10), rgba(15, 23, 42, 0.6)); }
.urun-teklif h2 { border-bottom: none; padding-bottom: 0; margin-bottom: 0.6rem; }
.urun-teklif .urun-teklif-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem 2rem; margin-top: 1.4rem; }
.urun-teklif .btn, .urun-teklif .btn:hover { text-decoration: none; color: #fff; }
.urun-teklif .urun-tel { color: var(--text-main); font-weight: 600; font-size: 1.1rem; }

.urun-ilgili { display: flex; flex-wrap: wrap; gap: 0.7rem; list-style: none; padding: 0; margin: 0; }
.urun-ilgili a { display: inline-block; padding: 0.55rem 1.2rem; border: 1px solid var(--glass-border); border-radius: 50px;
    color: var(--text-main); font-size: 1rem; transition: var(--transition-smooth); }
.urun-ilgili a:hover { border-color: var(--accent-color); color: var(--accent-color); }

.urun-kaynak { list-style: decimal; padding-left: 1.4rem; margin: 0; }
.urun-kaynak li { color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; margin-bottom: 0.4rem; overflow-wrap: anywhere; }
.urun-kunye { font-size: 0.95rem !important; color: var(--text-muted); margin-top: 1.4rem; }

@media (max-width: 768px) {
    .urun-govde { margin-top: 3.5rem; }
    .urun-govde h2 { font-size: 1.35rem; }
    .urun-govde p { font-size: 1.02rem; }
    .urun-liste.iki-sutun { columns: 1; }
    .urun-standart div { grid-template-columns: 1fr; gap: 0.3rem; }
    .urun-alt { padding: 1.4rem 1.3rem; }
    .urun-teklif { padding: 1.6rem 1.4rem; }
    .urun-tablo th, .urun-tablo td { padding: 0.7rem 0.9rem; }
    .urun-tablo { min-width: 560px; }  /* dar ekranda sütunlar ezilmesin; tablo kendi kutusunda yana kayar */
}

/* Ürün listesi sayfası: bütün ürün sayfalarına düz bağlantılar ve "Ayrıntılı bilgi" bağlantısı */
.urun-dizin-bolum { padding: 0 0 6rem; }
.urun-dizin-baslik { font-size: 1.6rem; color: #fff; font-weight: 600; margin-bottom: 2rem;
    border-bottom: 1px solid var(--glass-border); padding-bottom: 0.6rem; }
.urun-dizin { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2.5rem 3rem; }
.urun-dizin-grup h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; }
.urun-dizin-grup h3 a { color: var(--accent-color); }
.urun-dizin-grup h3 a:hover { color: #fff; }
.urun-ayrinti-bag { display: inline-block; margin-top: 0.5rem; }