.urun-yeni { background: #fff; padding-bottom: 60px; }
.urun-kapsayici { width: min(1160px, calc(100% - 64px)); margin: auto; }
.urun-yeni [id] { scroll-margin-top: 100px; }
.urun-yeni a:focus-visible, .urun-yeni button:focus-visible, .urun-yeni summary:focus-visible,
.urun-yeni input:focus-visible, .urun-yeni textarea:focus-visible, .urun-galeri-serit:focus-visible {
  outline: 3px solid #287b66; outline-offset: 4px;
}
.urun-yeni h2 { font-size: clamp(24px, 2.5vw, 30px); line-height: 1.2; margin: 0 0 20px; letter-spacing: -.5px; }
.urun-yol { display: flex; flex-wrap: wrap; gap: 8px; padding: 24px 0; font-size: 12px; line-height: 1.6; color: #53666b; }
.urun-yol a:hover { text-decoration: underline; }
.urun-yol [aria-current] { color: var(--metin); }
.urun-vitrin { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-areas: 'galeri baslik' 'galeri karar'; gap: 22px 48px; align-items: start; padding: 12px 0 40px; }
.urun-baslik-alani { grid-area: baslik; min-width: 0; }
.urun-ust-bilgi { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; color: #596b70; font-size: 11px; line-height: 1.5; margin-bottom: 15px; }
.urun-kategori-etiketi { color: #245b4b; font-weight: 700; }
.urun-baslik-alani h1 { font-size: clamp(28px, 3vw, 38px); line-height: 1.12; letter-spacing: -.8px; margin: 0; overflow-wrap: break-word; }
.urun-kisa-metin { color: #53666b; font-size: 15px; line-height: 1.65; margin: 14px 0 0; }
.urun-puan { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 9px; font-size: 13px; margin-top: 15px; }
.urun-puan > span:first-child { color: #926522; font-size: 19px; }
.urun-puan > span:last-child { color: #53666b; text-decoration: underline; }
.urun-ilk-yorum { display: inline-block; margin-top: 14px; color: #46645a; font-size: 13px; text-decoration: underline; }
.urun-galeri { grid-area: galeri; min-width: 0; }
.urun-galeri-pencere { position: relative; border: 1px solid #e0e6e2; border-radius: 12px; background: #f1f4f1; overflow: hidden; }
.urun-galeri-serit { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.urun-galeri-serit::-webkit-scrollbar { display: none; }
.urun-galeri-slayt { flex: 0 0 100%; min-width: 0; width: 100%; padding: 0; border-radius: 0; background: transparent; scroll-snap-align: start; cursor: zoom-in; }
.urun-galeri-slayt img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.urun-galeri-buyut { position: absolute; right: 16px; bottom: 16px; background: #fff; color: #23473c; border: 1px solid #d9e4df; border-radius: 50%; width: 36px; height: 36px; display: grid; place-items: center; font-size: 22px; pointer-events: none; }
.urun-galeri-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #596b70; min-height: 54px; font-size: 11px; }
.urun-galeri-kontrol { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.urun-galeri-kontrol button { background: transparent; color: #25463c; width: 44px; padding: 0; font-size: 19px; }
.urun-galeri-kontrol button:disabled { opacity: .3; cursor: default; }
.urun-kucuk-gorseller { display: flex; gap: 10px; overflow-x: auto; padding: 5px; margin: -5px; }
.urun-kucuk-gorseller button { flex: 0 0 76px; padding: 3px; background: #fff; border: 1px solid #dbe3df; border-radius: 6px; }
.urun-kucuk-gorseller button[aria-pressed='true'] { border: 2px solid #245b4b; padding: 2px; }
.urun-kucuk-gorseller img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 3px; }
.urun-karar-alani { grid-area: karar; min-width: 0; }
.urun-fiyat-kutu { background: #f3f6f3; border: 1px solid #dce6de; border-radius: 10px; padding: 22px; }
.urun-fiyat-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #53666b; font-size: 12px; }
.urun-stok { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; }
.urun-stok::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.urun-stok-var { color: #256047; }
.urun-stok-yok { color: #984328; }
.urun-fiyat-deger { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; margin-top: 10px; }
.urun-fiyat-deger strong { color: #173f34; font-size: clamp(28px, 3vw, 36px); letter-spacing: -1px; line-height: 1.2; }
.urun-fiyat-deger > span { color: #53666b; font-size: 14px; }
.urun-fiyat-not { font-size: 12px; line-height: 1.5; color: #53666b; margin: 9px 0 20px; max-width: 350px; }
.urun-siparis-formu { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 10px; align-items: end; }
.urun-siparis-formu label { display: grid; gap: 5px; font-size: 11px; font-weight: 700; color: #53666b; }
.urun-siparis-formu input { width: 100%; min-width: 0; height: 48px; border: 1px solid #c5d2ca; border-radius: 6px; padding: 10px; background: #fff; color: var(--metin); font: inherit; font-size: 16px; }
.urun-yeni .urun-siparis-formu button, .urun-yeni .urun-ana-talep { min-height: 48px; background: #224f40; font-size: 14px; gap: 16px; width: 100%; }
.urun-yeni .urun-siparis-formu button:hover, .urun-yeni .urun-ana-talep:hover, .urun-talep-formu button:hover { background: #153c2f; }
.urun-yeni .urun-teklif-link { width: 100%; min-height: 44px; background: #fff; color: #284e41; border: 1px solid #c5d2ca; margin-top: 10px; font-size: 13px; }
.urun-teklif-link:hover { border-color: #224f40; }
.urun-odeme-not { color: #53666b; font-size: 11px; line-height: 1.55; margin: 16px 0 0; border-top: 1px solid #dce6de; padding-top: 14px; }
.urun-destek-notu { display: flex; align-items: center; gap: 12px; padding: 18px 4px 0; font-size: 12px; }
.urun-destek-simge { border: 1px solid #d0dad4; color: #345749; border-radius: 50%; flex: 0 0 30px; height: 30px; display: grid; place-items: center; }
.urun-destek-notu strong { font-size: 12px; }
.urun-destek-notu p { margin: 4px 0 0; color: #53666b; line-height: 1.5; }
.urun-destek-notu a { text-decoration: underline; color: #28513e; }
.urun-bolum-menu { display: flex; flex-wrap: wrap; column-gap: 30px; border-top: 1px solid #dce6de; border-bottom: 1px solid #dce6de; }
.urun-bolum-menu a { padding: 20px 0; font-size: 13px; font-weight: 700; color: #425d52; }
.urun-bolum-menu a:hover { color: #173f34; text-decoration: underline; text-underline-offset: 5px; }
.urun-bolum-menu a:last-child { margin-left: auto; }
.urun-detay-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 64px; padding: 48px 0; }
.urun-detay-grid > :only-child { grid-column: 1 / -1; max-width: 840px; }
.urun-bolum-etiket { color: #4e6a5c; font-size: 10px; letter-spacing: 1.5px; font-weight: 700; margin: 0 0 12px; line-height: 1.5; }
.urun-zengin-metin { font-size: 16px; line-height: 1.8; color: #43595d; overflow-wrap: break-word; }
.urun-zengin-metin h2, .urun-zengin-metin h3 { font-size: 20px; line-height: 1.4; color: var(--metin); margin: 22px 0 10px; }
.urun-zengin-metin p { margin: 0 0 16px; }
.urun-zengin-metin ul { padding-left: 20px; }
.urun-zengin-metin li { padding-left: 4px; margin: 6px 0; }
.urun-zengin-metin table { display: block; max-width: 100%; overflow: auto; border-collapse: collapse; }
.urun-zengin-metin td, .urun-zengin-metin th { padding: 10px; border: 1px solid #dce6de; }
.urun-zengin-metin a { text-decoration: underline; color: #224f40; }
.urun-teknik-kart { background: #f5f7f4; padding: 26px; border-radius: 10px; align-self: start; min-width: 0; }
.urun-teknik-kart h2 { font-size: 22px; }
.urun-teknik-kart dl { margin: 0; }
.urun-teknik-kart dl > div { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 14px 0; border-bottom: 1px solid #dce6de; font-size: 14px; line-height: 1.5; }
.urun-teknik-kart dl > div:last-child { border-bottom: 0; padding-bottom: 0; }
.urun-teknik-kart dt { color: #53666b; }
.urun-teknik-kart dd { margin: 0; font-weight: 700; text-align: right; overflow-wrap: anywhere; }
.urun-sorular { display: grid; grid-template-columns: 1fr 1.6fr; gap: 64px; padding: 40px 0 48px; border-top: 1px solid #dce6de; }
.urun-sorular > div > p:not(.urun-bolum-etiket) { font-size: 14px; color: #53666b; line-height: 1.6; }
.urun-soru-listesi details { border-bottom: 1px solid #dce6de; }
.urun-soru-listesi summary { padding: 18px 24px 18px 0; font-size: 15px; font-weight: 700; cursor: pointer; line-height: 1.5; }
.urun-soru-listesi details:first-child summary { padding-top: 0; }
.urun-soru-listesi details p { color: #53666b; font-size: 16px; line-height: 1.7; margin: 0 0 18px; }
.urun-yeni .yorum-bolumu { padding: 36px 0; width: 100%; margin: 0; }
.urun-yeni .yorum-bolumu h2 { font-size: 26px; }
.urun-teklif-bolumu { display: grid; grid-template-columns: 1fr 1.15fr; gap: 60px; padding: 40px; border-radius: 12px; background: #edf3ee; border: 1px solid #dce6de; }
.urun-teklif-aciklama { align-self: center; }
.urun-teklif-aciklama h2 { font-size: clamp(28px, 3vw, 38px); line-height: 1.15; }
.urun-teklif-aciklama > p:not(.urun-bolum-etiket) { font-size: 15px; color: #425a51; line-height: 1.75; }
.urun-talep-notu { display: inline-block; margin-top: 14px; font-size: 12px; color: #4e6a5c; }
.urun-talep-formu { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.urun-talep-formu label { gap: 6px; font-size: 12px; }
.urun-talep-formu label > span { font-weight: 400; }
.urun-talep-formu input, .urun-talep-formu textarea { font-size: 16px; border-color: #c5d2ca; background: #fff; border-radius: 6px; width: 100%; min-width: 0; }
.urun-talep-formu .urun-form-genis { grid-column: 1 / -1; }
.urun-talep-formu button { background: #224f40; gap: 16px; font-size: 14px; }
.urun-alternatifler { padding-top: 54px; }
.urun-alternatif-baslik { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 24px; }
.urun-alternatif-baslik h2 { margin-bottom: 0; }
.urun-alternatif-baslik > a { font-size: 13px; color: #315b48; padding: 12px 0; }
.urun-alternatif-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.urun-alternatif-kart { min-width: 0; }
.urun-alternatif-kart > div { border-radius: 8px; overflow: hidden; background: #f1f4f1; border: 1px solid #e0e6e2; }
.urun-alternatif-kart img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .2s ease; }
.urun-alternatif-kart:hover img { transform: scale(1.03); }
.urun-alternatif-kart h3 { font-size: 15px; line-height: 1.4; margin: 14px 0 8px; }
.urun-alternatif-kart > strong { font-size: 16px; color: #24533f; }
.urun-mobil-cubuk { display: none; }
@media (max-width: 900px) {
  .urun-kapsayici { width: calc(100% - 36px); }
  .urun-vitrin { grid-template-columns: 1fr; grid-template-areas: 'baslik' 'galeri' 'karar'; gap: 20px; padding-top: 4px; }
  .urun-baslik-alani h1 { font-size: 30px; }
  .urun-kisa-metin { font-size: 16px; line-height: 1.5; }
  .urun-galeri-slayt img { aspect-ratio: 16 / 10; max-height: 420px; }
  .urun-ust-bilgi { margin-bottom: 10px; }
  .urun-fiyat-kutu { padding: 18px; }
  .urun-detay-grid, .urun-sorular { grid-template-columns: 1fr; gap: 26px; padding: 32px 0; }
  .urun-detay-grid > :only-child { max-width: none; }
  .urun-teklif-bolumu { gap: 28px; padding: 26px; }
  .urun-bolum-menu { gap: 0 22px; }
  .urun-bolum-menu a { padding: 16px 0; }
  .urun-bolum-menu a:last-child { margin-left: 0; }
  .urun-alternatif-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  body.urun-detay-acik { padding-bottom: calc(82px + env(safe-area-inset-bottom)); }
  .urun-mobil-cubuk:not([hidden]) { display: flex; align-items: center; justify-content: space-between; gap: 14px; position: fixed; z-index: 70; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #dce6de; box-shadow: 0 -4px 20px #173f340d; padding: 12px 18px calc(12px + env(safe-area-inset-bottom)); }
  .urun-mobil-cubuk > div { min-width: 0; }
  .urun-mobil-cubuk > div > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: #53666b; margin-bottom: 4px; }
  .urun-mobil-cubuk strong { color: #173f34; font-size: 20px; }
  .urun-mobil-cubuk small { font-size: 12px; font-weight: 400; }
  .urun-mobil-cubuk button, .urun-mobil-cubuk a { flex-shrink: 0; background: #224f40; font-size: 13px; }
  body.menu-acik .urun-mobil-cubuk { display: none; }
}
@media (max-width: 620px) {
  .urun-yol { padding: 16px 0; font-size: 11px; gap: 5px 8px; }
  .urun-yol [aria-current], .urun-yol > span:nth-last-child(2) { display: none; }
  .urun-baslik-alani h1 { font-size: 28px; }
  .urun-kisa-metin { margin-top: 10px; }
  .urun-vitrin { gap: 18px; padding-bottom: 28px; }
  .urun-galeri-alt > span { max-width: 180px; line-height: 1.5; }
  .urun-fiyat-deger strong { font-size: 32px; }
  .urun-fiyat-not { font-size: 13px; }
  .urun-yeni h2 { font-size: 26px; }
  .urun-teklif-bolumu { grid-template-columns: 1fr; padding: 22px 18px; }
  .urun-teklif-aciklama h2 { font-size: 30px; }
  .urun-talep-formu { grid-template-columns: 1fr; }
  .urun-alternatif-baslik { align-items: start; flex-direction: column; gap: 8px; }
  .urun-alternatifler { padding-top: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .urun-galeri-serit { scroll-behavior: auto; }
  .urun-alternatif-kart img { transition: none; }
}