/* Pipio V5.0.04 — long-list navigation. Scoped to catalogue views only.
   Sticky topbar never overlays watch/player, studio, authentication or payments. */
body.pipio-pro .app-shell:is(.view-home,.view-catalog) .topbar.pipio-topbar-v5002{
  position:sticky!important;top:0!important;z-index:29!important;
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  row-gap:0!important;justify-content:space-between!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid #eee9f4!important;
  box-shadow:0 5px 18px rgba(42,28,69,.08)!important;
  border-radius:0 0 15px 15px!important;
  min-height:46px!important;padding:4px 12px!important;
  margin:0 0 11px!important;
}
body.pipio-pro .app-shell:is(.view-home,.view-catalog) .pipio-top-brand{height:38px}
body.pipio-pro .app-shell:is(.view-home,.view-catalog) .pipio-top-brand img{height:36px}
body.pipio-pro .app-shell:is(.view-home,.view-catalog) .pipio-top-icon{height:38px;width:38px}
body.pipio-pro .app-shell:is(.view-home,.view-catalog) .pipio-quick-rail{
  order:3;flex:1 0 100%;min-width:0;width:100%;
  display:flex;align-items:center;gap:7px;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  white-space:nowrap;max-height:0;opacity:0;visibility:hidden;
  pointer-events:none;padding:0;
}
body.pipio-pro .pipio-quick-rail::-webkit-scrollbar{display:none}
body.pipio-pro.pipio-nav-scrolled .app-shell:is(.view-home,.view-catalog) .pipio-quick-rail{
  max-height:43px;opacity:1;visibility:visible;pointer-events:auto;
  padding:5px 1px 2px;border-top:1px solid #f0ecf4;
}
body.pipio-pro.pipio-nav-scrolled .app-shell:is(.view-home,.view-catalog) .topbar.pipio-topbar-v5002{
  box-shadow:0 9px 23px rgba(42,28,69,.12)!important;
}
body.pipio-pro .pipio-quick-chip{
  flex:0 0 auto;white-space:nowrap;min-height:33px;
  border:1px solid #e6e0f0;border-radius:10px;
  padding:6px 11px;background:#fff;color:#4a415c;
  font-weight:750;font-size:12px;line-height:1.2;
}
body.pipio-pro .pipio-quick-chip.active{
  background:#302343;color:#fff;border-color:#302343;
}
body.pipio-pro .pipio-quick-chip.pipio-quick-access.active{
  background:#7544c8;color:#fff;border-color:#7544c8;
}
body.pipio-pro .pipio-quick-divider{width:1px;height:22px;background:#cec3de;flex:0 0 1px;margin:0 3px}
body.pipio-pro .pipio-quick-chip:focus-visible,
body.pipio-pro .pipio-back-to-top:focus-visible{outline:3px solid #aa83f0;outline-offset:2px}
body.pipio-pro .pipio-back-to-top{
  display:none;position:fixed;right:clamp(16px,3vw,44px);
  bottom:calc(24px + env(safe-area-inset-bottom));z-index:27;
  width:47px;height:47px;align-items:center;justify-content:center;
  border:1px solid #e2d7ed;background:#fff;color:#643fbc;
  border-radius:50%;box-shadow:0 7px 22px rgba(43,25,75,.25);
  cursor:pointer;
}
body.pipio-pro.pipio-nav-return .pipio-back-to-top{display:flex}
body.pipio-pro .pipio-back-to-top svg{transform:rotate(90deg)}
body.pipio-pro .pipio-catalog-page #results{scroll-margin-top:116px}
body.pipio-pro .pipio-catalog-load-more{display:flex;justify-content:center;margin:18px 0 35px;padding:8px}
body.pipio-pro .pipio-catalog-load-more button{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;
  border:1px solid #d9c8ef;background:#f5efff;color:#653bc1;border-radius:13px;
  padding:12px 19px;font-size:13px;font-weight:800;
}
body.pipio-pro .pipio-catalog-load-more span{color:#766686;font-size:11px;font-weight:650}
@media(max-width:899px){
  body.pipio-pro .app-shell:is(.view-home,.view-catalog) .topbar.pipio-topbar-v5002{
    margin-inline:-12px!important;padding-inline:12px!important;border-radius:0 0 14px 14px!important;
  }
  body.pipio-pro .pipio-back-to-top{bottom:calc(86px + env(safe-area-inset-bottom));right:14px;width:44px;height:44px}
}
@media(min-width:900px){
  body.pipio-pro .app-shell:is(.view-home,.view-catalog) .topbar.pipio-topbar-v5002{top:0!important}
  body.pipio-pro .app-shell:is(.view-home,.view-catalog) .pipio-top-brand{display:none}
}
@media(prefers-reduced-motion:reduce){
  body.pipio-pro .pipio-back-to-top,body.pipio-pro .pipio-quick-rail{transition:none!important;scroll-behavior:auto!important}
}