/* Piqelo Laptop header/nav v979 — TV navigation parity, stronger active state, AI floating-only. */
.laptopExperience .topRight{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
}
.laptopExperience .liveStatus{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
}

/* Laptop anchors use the same button language as TV / Best TVs — no legacy underline treatment. */
.laptopExperience .categoryNavV924 .navClusterV924>a:after{
  display:none!important;
  content:none!important;
}
.laptopExperience .categoryNavV924 .navClusterV924>a{
  color:#d5e4ee!important;
  font-weight:720!important;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.laptopExperience .categoryNavV924 .navClusterV924>a:hover,
.laptopExperience .categoryNavV924 .navClusterV924>a:focus-visible{
  color:#f2fbff!important;
  background:rgba(255,255,255,.05)!important;
}

/* Route/section state: visible enough to distinguish the current tab, still quiet/premium. */
.laptopExperience .categoryNavV924 .navClusterV924>a.active,
.laptopExperience .categoryNavV924 .navClusterV924>a[aria-current="page"],
.laptopExperience .categoryNavV924 .navClusterV924>a[aria-current="location"]{
  color:#f4feff!important;
  background:linear-gradient(135deg,rgba(45,144,167,.20),rgba(47,164,132,.16))!important;
  box-shadow:inset 0 0 0 1px rgba(100,223,205,.20),0 5px 16px rgba(1,15,25,.12)!important;
}
.laptopExperience .categoryNavV924 .navClusterV924>a.active:hover,
.laptopExperience .categoryNavV924 .navClusterV924>a[aria-current="page"]:hover,
.laptopExperience .categoryNavV924 .navClusterV924>a[aria-current="location"]:hover{
  background:linear-gradient(135deg,rgba(45,144,167,.25),rgba(47,164,132,.20))!important;
}
.laptopExperience .categoryNavV924 .navClusterV924>a:focus-visible{
  outline:2px solid rgba(114,226,211,.45)!important;
  outline-offset:2px;
}

/* Standard desktop: same one-row composition as TV. */
@media(min-width:901px) and (max-width:1180px){
  .laptopExperience .topbar{gap:12px!important}
  .laptopExperience .brandLock{min-width:205px}
  .laptopExperience .brandText{font-size:28px}
  .laptopExperience .liveStatus{font-size:10px!important;padding:7px 9px!important}
}

/* Medium desktop / phone desktop-view: preserve the real tabs on a clean second row. */
@media(min-width:681px) and (max-width:900px){
  .laptopExperience .topbar{
    height:auto!important;
    min-height:118px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:70px auto!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:0!important;
    padding-bottom:10px!important;
  }
  .laptopExperience .brandLock{grid-column:1;grid-row:1;min-width:0!important}
  .laptopExperience .topRight{grid-column:2;grid-row:1;justify-content:flex-end!important}
  .laptopExperience .desktopNav.categoryNavV924{
    display:flex!important;
    grid-column:1/-1;
    grid-row:2;
    justify-content:flex-start!important;
    width:100%;
    min-width:0;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    gap:6px!important;
    padding:1px 0 4px;
  }
  .laptopExperience .desktopNav.categoryNavV924::-webkit-scrollbar{display:none}
  .laptopExperience .categoryNavV924 .navClusterV924{flex:0 0 auto}
  .laptopExperience .categoryNavV924>.categoryHomeV925{flex:0 0 auto}
}

/* True mobile keeps the dedicated bottom nav and compact live counter. */
@media(max-width:680px){
  .laptopExperience .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
  }
  .laptopExperience .desktopNav{display:none!important}
  .laptopExperience .topRight{justify-content:flex-end!important}
}
@media(max-width:600px){
  .laptopExperience .liveStatus{padding:5px 7px!important;font-size:9.5px!important;line-height:1.2!important;min-height:0!important;gap:5px!important}
  .laptopExperience .liveStatus .verifiedWord{display:none}
  .laptopExperience .brandLock{min-width:0;gap:8px}
  .laptopExperience .brandIcon{width:38px;height:38px;border-radius:12px}
  .laptopExperience .brandText{font-size:21px}
}
@media(max-width:430px){
  .laptopExperience .brandText b,.laptopExperience .brandText i{display:none}
  .laptopExperience .liveStatus{font-size:9px!important;padding:5px 6px!important}
}
@media(prefers-reduced-motion:reduce){
  .laptopExperience .categoryNavV924 .navClusterV924>a{transition:none}
}