/* PDM NEXT R9 full R7 block-port compatibility layer.
   Old R7 CSS remains the visual contract. Only newer canonical rules override it. */

html body .topbar{
  position:sticky!important;
  top:0!important;
  width:100%!important;
  transition:transform .16s ease!important;
  will-change:transform!important;
}
html body .topbar:not(.pdm-next-topbar-hidden){
  visibility:visible!important;
  transform:none!important;
  -webkit-transform:none!important;
  pointer-events:auto!important;
}
html body .topbar.pdm-next-topbar-hidden{
  visibility:visible!important;
  transform:translateY(calc(-100% - 2px))!important;
  -webkit-transform:translateY(calc(-100% - 2px))!important;
  pointer-events:none!important;
}
.top-nav a.active,.top-nav button.active,
.top-nav a[aria-current="page"],.top-nav button[aria-current="page"],
.chip.active,[aria-selected="true"]{
  background:#fff!important;
  color:#10265b!important;
  box-shadow:0 3px 12px rgba(15,23,42,.22)!important;
}
button:active,.btn:active,.chip:active,a.btn:active{transform:scale(.97)}
#pdm-global-back-v138f{
  z-index:2147483000!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
#pdm-global-back-v138f.pdm-floating-back-dragging{
  cursor:grabbing!important;
  opacity:.92!important;
  transform:scale(1.04)!important;
}
html.pdm-v156-miniapp body{padding-top:0!important}

/* PDM NEXT 20260828: one canonical top-nav selection owner. */
html[data-pdm-nav-active] .top-nav [data-nav].active:not([aria-current="page"]){
  background:transparent!important;
  color:#dbeafe!important;
  box-shadow:none!important;
}
html[data-pdm-nav-active="shop"] .top-nav [data-nav="shop"],
html[data-pdm-nav-active="cart"] .top-nav [data-nav="cart"],
html[data-pdm-nav-active="favorites"] .top-nav [data-nav="favorites"],
html[data-pdm-nav-active="ads"] .top-nav [data-nav="ads"],
html[data-pdm-nav-active="profile"] .top-nav [data-nav="profile"],
html[data-pdm-nav-active="about"] .top-nav [data-nav="about"]{
  background:#fff!important;
  color:#10265b!important;
  box-shadow:0 3px 12px rgba(15,23,42,.22)!important;
}

/* PDM NEXT 20260829: stable cross-route nav and counters. */
/* Keep the desktop content width constant when a route gains/loses a scrollbar. */
@supports (scrollbar-gutter: stable) {
  html:not(.pdm-v156-miniapp){scrollbar-gutter:stable;}
}
@media (min-width:701px) {
  html:not(.pdm-v156-miniapp){overflow-y:scroll;}
}
/* Red counters are overlays, never flex children that resize/recenter a nav item. */
html body .top-nav [data-nav]{position:relative!important;}
html body .top-nav [data-nav] > em,
html body .top-nav [data-nav] > em.pdm-r25-attention-badge{
  position:absolute!important;
  top:2px!important;
  right:3px!important;
  margin:0!important;
  min-width:19px!important;
  width:auto!important;
  height:19px!important;
  padding:0 5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  -webkit-transform:none!important;
  transform-origin:center!important;
  z-index:2!important;
}
html body .top-nav [data-nav] > em[hidden]{display:none!important;}
/* === /PDM NEXT 20260829 stable cross-route nav and counters === */