/* Üst çubuk "Ürünler" menüsü (16.10.2026, iş I): front_end/home/parca/_menu_urunler.html. yeni_ana_sayfa.css belirteçleri.
   <details> ile JS'siz açılır; geniş ekranda üst çubuğun altında tam genişlik panel, telefonda tam ekran liste. */
.uz-menu{position:static}
.uz-menu > summary{list-style:none; display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 4px; font-size:14.5px; color:var(--ink); cursor:pointer; white-space:nowrap; font-weight:500}
.uz-menu > summary::-webkit-details-marker{display:none}
.uz-menu > summary i{width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .2s}
.uz-menu[open] > summary i{transform:rotate(225deg) translateY(-2px)}
.uz-menu[open] > summary, .uz-menu > summary:hover{color:var(--accent)}
.uz-menu-panel{position:absolute; left:50%; width:100vw; transform:translateX(-50%); top:100%; z-index:30; background:var(--bg); border-top:1px solid var(--hair); border-bottom:1px solid var(--ink); box-shadow:0 40px 60px -40px rgba(10,40,90,.35);
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.15fr); gap:0 40px; padding:26px max(var(--gut), calc((100vw - var(--max)) / 2)) 30px}
.uz-menu-panel section{min-width:0}
.uz-menu-panel h2{margin:0 0 8px; padding-bottom:8px; border-bottom:1px solid var(--hair); font-family:var(--f-body); font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted)}
.uz-menu-panel h2 a{color:inherit; text-decoration:none}
.uz-menu-panel h2 a:hover{color:var(--accent)}
.uz-menu-panel ul{list-style:none; margin:0; padding:0}
.uz-menu-panel li a{display:block; padding:8px 0; text-decoration:none; color:var(--ink)}
.uz-menu-panel li b{display:block; font-size:14.5px; font-weight:600}
.uz-menu-panel li span{display:block; font-size:12.5px; color:var(--muted); line-height:1.4}
@media (hover:hover){ .uz-menu-panel li a:hover b{color:var(--accent)} }
.uz-menu-sag{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 32px; align-content:start}
.uz-menu-sag section:first-child{grid-column:1 / -1}
.uz-menu-sag section:first-child ul{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px}
.ust{position:sticky}
.ust .sar{position:relative}
@media (max-width:1080px){
  .uz-menu-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uz-menu-sag{grid-column:1 / -1; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:16px}
  .uz-menu-sag section:first-child{grid-column:auto}
  .uz-menu-sag section:first-child ul{display:block}
}
@media (max-width:600px){
  .uz-menu > summary{font-size:14px; padding:0}
  .uz-menu-panel{position:fixed; left:0; width:auto; right:0; transform:none; top:64px; bottom:0; overflow-y:auto; grid-template-columns:minmax(0,1fr); gap:18px; padding:18px 16px 32px}
  .uz-menu-sag{grid-template-columns:minmax(0,1fr); margin-top:0}
  .uz-menu-panel li a{min-height:44px; padding:8px 0}
}
@media (prefers-reduced-motion:reduce){ .uz-menu > summary i{transition:none} }
/* 16.10.2026 iş L: ok işareti fiziksel sağ kenarla çizilir; RTL'de (he) de aşağı baksın, "<" gibi durmasın */
/* menü nav'ın hemen ardında dursun: nav'ın sağ boşluğu menüye geçer (nav telefonda gizlenince de sağ blok sağda kalır) */
.ust .sar > nav.menu:has(~ .uz-menu){margin-right:0}
nav.menu ~ .uz-menu{margin-inline-end:auto}