/* sipnik.com ortak üst menü (masaüstü satırı + mobil açılır panel). Sayfa başlık stillerinin (header.ust) üstüne eklenir. */
header.ust .ana-menu { display:flex; gap:20px; font-size:15px; color:rgba(246,239,230,.68); }
header.ust .ana-menu a { text-decoration:none; white-space:nowrap; position:relative; }
header.ust .ana-menu a:hover { color:#F6EFE6; }
header.ust .ana-menu a[aria-current] { color:#F6EFE6; }
header.ust .ana-menu a[aria-current]::after { content:""; position:absolute; left:0; right:0; bottom:-21px; height:2px; border-radius:2px; background:#FF5A36; }
.dil-gecis { display:flex; gap:2px; background:rgba(255,255,255,.07); border:1px solid rgba(246,239,230,.12); border-radius:999px; padding:3px; }
.dil-gecis a { font-size:12.5px; font-weight:700; color:rgba(246,239,230,.68); text-decoration:none; border-radius:999px; padding:5px 10px; }
.dil-gecis a[aria-current] { background:#F6EFE6; color:#121826; }

.menu-ac { display:none; width:42px; height:42px; flex:none; border-radius:12px; cursor:pointer; place-items:center;
           border:1px solid rgba(246,239,230,.12); background:rgba(255,255,255,.06); color:#F6EFE6; }
.menu-ac:focus-visible, .mobil-menu a:focus-visible { outline:2px solid #FF8A5C; outline-offset:2px; }
.menu-ac i, .menu-ac i::before, .menu-ac i::after { display:block; width:18px; height:2px; border-radius:2px; background:currentColor; position:relative; transition:transform .2s, background .2s; }
.menu-ac i::before, .menu-ac i::after { content:""; position:absolute; left:0; }
.menu-ac i::before { top:-6px; } .menu-ac i::after { top:6px; }
.menu-ac[aria-expanded="true"] i { background:transparent; }
.menu-ac[aria-expanded="true"] i::before { transform:translateY(6px) rotate(45deg); }
.menu-ac[aria-expanded="true"] i::after { transform:translateY(-6px) rotate(-45deg); }

.mobil-menu { border-top:1px solid rgba(246,239,230,.12); background:rgba(18,24,38,.98); }
.mobil-menu[hidden] { display:none !important; }
.mobil-menu .ic { max-width:1120px; margin:0 auto; padding:8px 16px 22px; }
.mobil-menu nav { display:grid !important; gap:0 !important; font-size:inherit; }   /* sayfaların 'header nav' kuralları (yatay/gizli) panele uygulanmasın */
.mobil-menu nav a { display:flex; justify-content:space-between; align-items:center; padding:15px 4px; font-size:17px; font-weight:600; color:#F6EFE6;
                    text-decoration:none; border-bottom:1px solid rgba(246,239,230,.08); }
.mobil-menu nav a::after { content:"→"; color:rgba(246,239,230,.35); font-weight:500; }
.mobil-menu nav a[aria-current] { color:#FF8A5C; } .mobil-menu nav a[aria-current]::after { color:#FF8A5C; }
.mobil-menu .sm-alt { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:18px; }
.mobil-menu .sm-alt .sm-tel { margin-left:auto; color:rgba(246,239,230,.68); font-size:15px; font-weight:600; text-decoration:none; }

.mobil-menu .sm-alt .dil-gecis { display:flex !important; }   /* bazı sayfalar dar ekranda .dil-gecis'i gizliyor */
.mobil-menu .sm-alt .btn { position:static; }

@media (max-width:960px) {
  header.ust .ana-menu, header.ust .kap > .dil-gecis, header.ust .kap > .ust-tel { display:none !important; }
  .menu-ac { display:grid; }
}
@media (min-width:961px) { .mobil-menu { display:none !important; } }
@media (max-width:380px) { header.ust .kap > .btn.kucuk { padding:8px 11px; } }
@media (prefers-reduced-motion:reduce) { .menu-ac i, .menu-ac i::before, .menu-ac i::after { transition:none; } }