/* İç sayfaların üst bilgisi. Ana sayfanın site.css kurallarının üstüne eklenir; ana sayfada yüklenmez. */

/* Mağaza sayfaları (Ürünler, ürünler, blog): sayfa akışında (kullanıcı kararı: hap menü ana sayfa genişliğinde, canlıdaki gibi tam genişlik değil) */
.ust--magaza{position:relative}
/* Hap menü ana sayfadakiyle aynı genişlikte (max 1354 px, ortalı) */

/* İçerik sayfaları (Hakkımızda, İletişim…): içeriğin üstünde, kenar boşluklu hap; beyaz menü yazıları */
.ust--icerik .ust-ana{margin:30px auto 0}
.ust--icerik .ust-ana__ic{padding:0 30px 0 40px}
.ust--icerik .ana-menu{margin-left:auto;padding-left:30px}
.ust--icerik .ana-menu a{color:#fff;text-shadow:0 0 12px rgba(120,40,140,.25)}
.ust--icerik .ana-menu a[aria-current]{color:rgba(255,255,255,.7)}
.ust--icerik .ana-menu a:hover{color:var(--mor);text-shadow:none}
.ust--icerik .ust-ana__urunler{margin-left:60px}
.ust--icerik .araclar{border-left:0;margin-left:10px;padding-left:0}
.ust--icerik .ust-ana__menu-btn{color:#fff}

/* Aşağı kaydırınca: 62 px'lik sabit menü */
.ust-yer{display:block}
.ust--sabit{position:fixed;top:0;left:0;right:0;z-index:60;animation:ust-in .3s ease-out}
.ust--sabit .ust-bar{display:none}
.ust--sabit .ust-ana__ic{height:62px}
.ust--sabit .ust-ana{box-shadow:0 8px 24px rgba(0,0,0,.08);background:rgba(240,225,246,.82)}
.ust--icerik.ust--sabit .ust-ana{margin-top:10px}
.ust--icerik.ust--sabit .ana-menu a{color:#5a3b63;text-shadow:none}
.ust--icerik.ust--sabit .ana-menu a[aria-current],.ust--icerik.ust--sabit .ana-menu a:hover{color:var(--mor)}
.ust--icerik.ust--sabit .ust-ana__menu-btn{color:#333}
@keyframes ust-in{from{transform:translateY(-100%)}to{transform:none}}
.ust--sabit{transition:transform .3s ease}
.ust--sabit.ust--gizli{transform:translateY(calc(-100% - 12px));pointer-events:none}
@media (prefers-reduced-motion:reduce){.ust--sabit{animation:none;transition:none}}

@media (max-width:1024px){
  .ust--icerik .ust-ana{margin:0 10px}
  .ust--icerik .ust-ana__ic{padding:0 15px}
  .ust--icerik .ust-ana__urunler{display:none}
  .ust--icerik.ust--sabit .ust-ana{margin-top:0}
}
@media (max-width:767px){
  .ust--icerik .ust-ana{margin:0}
  .ust--sabit .ust-ana__ic{height:60px}
}