/* ==========================================================================
   play-store-like.html  •  02 NAVIGASYON
   Masaüstü Play üst menüsü + mobil uygulama barları + mobil yapışkan kurulum
   ========================================================================== */

/* ---------- masaüstü üst menü (play.google.com) ---------- */
.gnav{
  position:sticky;top:0;z-index:60;background:var(--gp-surface);
  border-bottom:1px solid var(--gp-divider);
}
.gnav-inner{
  display:flex;align-items:center;gap:8px;
  width:100%;max-width:var(--gp-max);margin:0 auto;padding:0 12px;
  height:64px;
}
.gnav-logo{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px}
.gnav-logo:hover{background:var(--gp-hover)}
.gnav-logo .wordmark{font-family:var(--ff-head);font-size:22px;font-weight:400;color:var(--gp-text-2);letter-spacing:-.2px}
.gp-mark{height:26px;width:auto;flex:0 0 auto;display:block}
.gnav-links{display:flex;align-items:center;gap:2px;margin-left:16px}
.gnav-link{
  display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:8px;
  font-family:var(--ff-head);font-size:14px;color:var(--gp-text-2);
}
.gnav-link:hover{background:var(--gp-hover);color:var(--gp-text)}
.gnav-link[aria-selected="true"]{color:var(--gp-green);position:relative}
.gnav-link[aria-selected="true"]::after{
  content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;
  background:var(--gp-green);border-radius:3px 3px 0 0;
}
.gnav-right{display:flex;align-items:center;gap:4px;margin-left:auto}
.gnav-search{
  display:flex;align-items:center;gap:8px;height:48px;padding:0 8px 0 16px;
  border:1px solid var(--gp-divider);border-radius:var(--gp-pill);
  min-width:320px;color:var(--gp-text-3);
}
.gnav-search input{
  flex:1;border:0;outline:0;background:transparent;font:inherit;color:var(--gp-text);
}
/* not: üst menüde "Sign in" ve profil avatarı kaldırıldı (istenmedi) */

/* ---------- mobil üst bar (Play uygulaması): logo + sağda arama ---------- */
.mbar{
  display:none;position:sticky;top:0;z-index:60;background:var(--gp-surface);
  height:56px;align-items:center;justify-content:space-between;
  padding:0 8px 0 12px;
}
.mbar-logo{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:8px}
.mbar-logo:hover{background:var(--gp-hover)}
.mbar-word{
  font-family:var(--ff-head);font-size:19px;font-weight:400;
  color:var(--gp-text-2);letter-spacing:-.2px;
}
.mbar .btn-icon{color:var(--gp-text-2)}
/* not: mobil arama pill'i, mikrofon, geri oku ve Games/Apps/Books/Kids
   sekme şeridi (mtabs) istenmediği için kaldırıldı */

/* ---------- mobil yapışkan kurulum barı ---------- */
.sticky-install{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:var(--gp-surface);border-top:1px solid var(--gp-divider);
  padding:8px 12px calc(8px + env(safe-area-inset-bottom));
  align-items:center;gap:12px;
  transform:translateY(110%);transition:transform .22s cubic-bezier(.2,0,0,1);
}
.sticky-install.is-visible{transform:translateY(0)}
.sticky-install img{width:40px;height:40px;border-radius:50%;flex:0 0 auto}
.sticky-install .si-meta{flex:1;min-width:0}
.sticky-install .si-name{
  font-family:var(--ff-head);font-size:14px;font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sticky-install .si-rate{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--gp-text-2)}
.sticky-install .btn{height:40px;padding:0 20px}