/* SwapThing Browse mobile animated header repair — 2026-07-30
   Content between the two gold lines expands at top and collapses while scrolling. */
@media (max-width:760px){
  html body main.site-main .container.browse-page .browse-page-header-section{
    position:sticky!important;
    top:116px!important;
    z-index:60!important;
    padding:0!important;
    margin:0 0 .32rem!important;
    overflow:visible!important;
    border-bottom:2px solid rgba(217,157,18,.86)!important;
    transition:margin .18s ease,padding .18s ease!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section::after{
    content:none!important;
    display:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{
    overflow:hidden!important;
    padding:.68rem 1rem .48rem!important;
    border-bottom:0!important;
    background:linear-gradient(180deg,rgba(4,15,10,.94),rgba(5,18,13,.9))!important;
    transition:padding .24s ease,max-height .24s ease,background .24s ease!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{
    display:block!important;
    transform-origin:top left!important;
    transition:max-height .18s ease,opacity .14s ease,transform .18s ease,margin .18s ease!important;
    overflow:hidden!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{
    margin:0!important;
    line-height:.88!important;
    font-size:clamp(4.25rem,18vw,5.35rem)!important;
    transition:opacity .16s ease,transform .20s ease!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{
    display:block!important;
    margin:.78rem 0 .72rem!important;
    max-height:4.9rem!important;
    overflow:hidden!important;
    opacity:1!important;
    transform:translateY(0)!important;
    transition:max-height .18s ease,opacity .14s ease,transform .18s ease,margin .18s ease!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    column-gap:.34rem!important;
    width:100%!important;
    max-width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:.4rem .12rem 0!important;
    border-top:2px solid rgba(217,157,18,.62)!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    overflow:visible!important;
    pointer-events:auto!important;
    z-index:8!important;
    transition:min-height .18s ease,padding .18s ease,opacity .14s ease,transform .18s ease!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action::before{
    content:none!important;
    display:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action .browse-hero-add-listing{
    box-sizing:border-box!important;
    grid-column:2!important;
    justify-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:8.5rem!important;
    min-width:0!important;
    max-width:8.5rem!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 .55rem!important;
    font-size:.82rem!important;
    border-bottom-width:1px!important;
    box-shadow:0 5px 12px rgba(0,0,0,.22),0 0 10px rgba(55,209,126,.16),inset 0 1px 0 rgba(255,255,255,.42)!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    line-height:1!important;
    transition:width .22s ease,height .22s ease,font-size .22s ease,box-shadow .22s ease!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action .browse-hero-add-listing::before{
    flex:0 0 auto!important;
    width:1em!important;
    height:1em!important;
    margin-right:.28rem!important;
    font-size:1em!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-controls{
    box-sizing:border-box!important;
    grid-column:3!important;
    justify-self:end!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.24rem!important;
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    transition:transform .22s ease,opacity .18s ease!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-view-toggle,
  html body main.site-main .container.browse-page .browse-page-header-section .browse-view-toggle .browse-view-toggle-button{
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-search-toggle{
    box-sizing:border-box!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    align-self:center!important;
  }

  html body main.site-main .container.browse-page #listing-grid{
    padding-top:.18rem!important;
    transition:padding .22s ease!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    margin-bottom:.14rem!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-secondary-header{
    padding:.34rem .82rem .34rem!important;
    background:linear-gradient(180deg,rgba(4,15,10,.98),rgba(5,18,13,.94))!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-title{
    font-size:clamp(2.05rem,8.3vw,2.55rem)!important;
    line-height:.92!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-subtitle{
    max-height:0!important;
    margin:0!important;
    opacity:0!important;
    transform:translateY(-.45rem)!important;
    pointer-events:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-after-hero-action{
    min-height:38px!important;
    padding:.24rem .08rem 0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-after-hero-action .browse-hero-add-listing{
    width:7.6rem!important;
    max-width:7.6rem!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    font-size:.78rem!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-header-controls,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-view-toggle,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-view-toggle .browse-view-toggle-button,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-search-toggle{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-search-toggle{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed + .browse-search-card + #listing-grid,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed ~ #listing-grid{
    padding-top:.08rem!important;
  }



  /* Bottom-anchor collapsed Browse header: keep the shrunken text and command row
     sitting on the lower edge of the header instead of drifting upward. */
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-secondary-header{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    min-height:86px!important;
    padding:.18rem .82rem .26rem!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-header-row{
    display:grid!important;
    grid-template-rows:auto auto!important;
    align-content:end!important;
    justify-content:stretch!important;
    min-height:76px!important;
    width:100%!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-heading-copy{
    align-self:end!important;
    display:block!important;
    max-height:2.55rem!important;
    margin:0!important;
    transform:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-title{
    display:block!important;
    margin:0!important;
    transform:translateY(.08rem)!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-after-hero-action{
    align-self:end!important;
    margin:0!important;
    padding:.2rem .08rem 0!important;
    transform:none!important;
  }



  /* Final compact Browse header sticks while scrolling. */
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    position:sticky!important;
    top:116px!important;
    z-index:80!important;
    box-shadow:0 10px 24px rgba(0,0,0,.35)!important;
  }



  /* Smooth scroll-collapse: hint compositing and avoid scroll-time paint jank. */
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-secondary-header,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-subtitle,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-after-hero-action,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-hero-add-listing,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-header-controls{
    will-change:transform,opacity,max-height,padding!important;
    backface-visibility:hidden!important;
    transform:translateZ(0)!important;
  }



  /* Keep sticky Browse strip below the main mobile site header. */
  html body main.site-main .container.browse-page .browse-page-header-section,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    top:116px!important;
  }
  @media (max-width:420px){
    html body main.site-main .container.browse-page .browse-page-header-section,
    html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
      top:112px!important;
    }
  }



  /* Fill the sticky Browse header area so the animation has one solid surface. */
  html body main.site-main .container.browse-page .browse-page-header-section{
    background:linear-gradient(180deg,rgba(8,22,18,.98),rgba(7,23,17,.96))!important;
    border-top:0!important;
    box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{
    margin:0!important;
    min-height:100%!important;
    background:linear-gradient(180deg,rgba(4,15,10,.96),rgba(4,17,11,.96))!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{
    background:rgba(0,10,6,.52)!important;
    box-shadow:inset 0 0 0 1px rgba(55,209,126,.08),0 8px 20px rgba(0,0,0,.18)!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-secondary-header{
    min-height:86px!important;
  }



  /* Fix dead band: make the Browse panel itself fill the sticky header surface. */
  html body main.site-main .container.browse-page .browse-page-header-section{
    background:linear-gradient(180deg,rgba(4,15,10,.98),rgba(4,17,11,.97))!important;
    overflow:hidden!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{
    padding:.42rem 1rem .42rem!important;
    background:linear-gradient(180deg,rgba(4,15,10,.98),rgba(4,17,11,.97))!important;
    border-bottom:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{
    background:transparent!important;
    box-shadow:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-secondary-header{
    padding:.18rem .82rem .26rem!important;
    min-height:86px!important;
  }



  /* Visual correction: remove the empty band between main header and Browse panel. */
  html body main.site-main .container.browse-page{
    padding-top:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section{
    margin-top:0!important;
    margin-left:calc(-1 * max(0px, env(safe-area-inset-left)))!important;
    margin-right:calc(-1 * max(0px, env(safe-area-inset-right)))!important;
    width:100%!important;
    border-radius:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{
    padding-top:.18rem!important;
    border-top:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{
    margin-top:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    margin-top:0!important;
  }



  /* Edge-to-edge sticky Browse header: no inset box/gutters during collapse. */
  html body main.site-main .container.browse-page .browse-page-header-section{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-top:0!important;
    margin-bottom:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(4,15,10,.99),rgba(4,17,11,.98))!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{
    width:100%!important;
    max-width:100%!important;
    padding-left:1.25rem!important;
    padding-right:1.25rem!important;
    border-radius:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{
    border-bottom:0!important;
    padding-bottom:.22rem!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-secondary-header{
    padding-left:1rem!important;
    padding-right:1rem!important;
  }



  /* Final trim: no space above Browse, no extra inner third gold line. */
  html body main.site-main .container.browse-page .browse-page-header-section{
    top:96px!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    top:96px!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{
    padding-top:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{
    margin-top:-.08rem!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{
    border-top:0!important;
  }

  @media (max-width:420px){
    html body main.site-main .container.browse-page .browse-page-header-section,
    html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
      top:96px!important;
    }
  }



  /* Correct gold lines + remove site/page header gap. */
  html body main.site-main,
  html body main.site-main .container.browse-page{
    padding-top:0!important;
    margin-top:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section{
    margin-top:-24px!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{
    border-top:2px solid rgba(217,157,18,.62)!important;
    border-bottom:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{
    border-bottom:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    margin-top:0!important;
  }



  /* Close header seam and reserve room below sticky Browse header. */
  html body main.site-main{
    padding-top:0!important;
  }

  html body main.site-main .container.browse-page{
    padding-top:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section{
    top:92px!important;
    margin-top:-16px!important;
    margin-bottom:.7rem!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    top:92px!important;
    margin-top:0!important;
    margin-bottom:.55rem!important;
  }

  html body main.site-main .container.browse-page #listing-grid{
    padding-top:.85rem!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed ~ #listing-grid{
    padding-top:1rem!important;
  }

  @media (max-width:420px){
    html body main.site-main .container.browse-page .browse-page-header-section,
    html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
      top:92px!important;
    }
  }



  /* Final seam/clearance override: pull sticky header tighter and protect first card. */
  html body main.site-main .container.browse-page .browse-page-header-section,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    top:76px!important;
    margin-top:-32px!important;
    margin-bottom:1.45rem!important;
  }

  html body main.site-main .container.browse-page #listing-grid,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed ~ #listing-grid{
    padding-top:2.15rem!important;
  }

  @media (max-width:420px){
    html body main.site-main .container.browse-page .browse-page-header-section,
    html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
      top:76px!important;
      margin-top:-32px!important;
    }
  }



  /* Scroll-linked Browse header animation: values track --browse-collapse-progress. */
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated{
    --browse-collapse-progress:0;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-secondary-header{
    padding-top:calc(.68rem - (.50rem * var(--browse-collapse-progress)))!important;
    padding-bottom:calc(.48rem - (.22rem * var(--browse-collapse-progress)))!important;
    transition:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title{
    transform:scale(calc(1 - (.08 * var(--browse-collapse-progress)))) translateY(calc(.1rem * var(--browse-collapse-progress)))!important;
    transform-origin:left top!important;
    transition:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-subtitle{
    max-height:calc(4.9rem * (1 - var(--browse-collapse-progress)))!important;
    margin-top:calc(.78rem * (1 - var(--browse-collapse-progress)))!important;
    margin-bottom:calc(.72rem * (1 - var(--browse-collapse-progress)))!important;
    opacity:calc(1 - var(--browse-collapse-progress))!important;
    transform:translateY(calc(-.45rem * var(--browse-collapse-progress)))!important;
    transition:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-after-hero-action{
    padding-top:calc(.4rem - (.16rem * var(--browse-collapse-progress)))!important;
    min-height:calc(42px - (4px * var(--browse-collapse-progress)))!important;
    transition:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-hero-add-listing{
    width:calc(8.5rem - (.9rem * var(--browse-collapse-progress)))!important;
    height:calc(42px - (4px * var(--browse-collapse-progress)))!important;
    min-height:calc(42px - (4px * var(--browse-collapse-progress)))!important;
    max-height:calc(42px - (4px * var(--browse-collapse-progress)))!important;
    transition:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-header-controls,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-view-toggle,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-view-toggle .browse-view-toggle-button,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-search-toggle{
    height:calc(42px - (4px * var(--browse-collapse-progress)))!important;
    min-height:calc(42px - (4px * var(--browse-collapse-progress)))!important;
    max-height:calc(42px - (4px * var(--browse-collapse-progress)))!important;
    transition:none!important;
  }



  /* Scale-only title correction: keep Browse in the same position, just less tiny. */
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title{
    transform-origin:left top!important;
  }



  /* Browse title minimum visual height must stay at least as tall as Add Listing. */
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-title{
    min-height:42px!important;
    font-size:clamp(3.9rem,15vw,5.35rem)!important;
    line-height:.86!important;
  }




  /* Keep the good gold action line spacing; remove padding directly below Browse text. */
  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-title{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-heading-copy,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-heading-copy{
    padding-bottom:0!important;
    margin-bottom:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-subtitle{
    margin-top:calc(.28rem * (1 - var(--browse-collapse-progress)))!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-subtitle{
    margin-top:0!important;
  }



  /* Fix Browse clipping without removing the good gold divider or moving the title block. */
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-heading-copy,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-heading-copy{
    max-height:none!important;
    min-height:3.85rem!important;
    overflow:visible!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-title{
    line-height:.96!important;
    overflow:visible!important;
    margin-top:0!important;
    padding-top:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-header-row{
    min-height:88px!important;
  }




  /* Browse can shrink with scroll, but cap it at Add Listing button height. */
  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-title{
    transform:translateY(calc(.06rem * var(--browse-collapse-progress, 0)))!important;
    transform-origin:left top!important;
    font-size:clamp(2.9rem, calc(4.0rem - (1.10rem * var(--browse-collapse-progress, 0))), 4.0rem)!important;
    line-height:.94!important;
    min-height:42px!important;
    max-height:none!important;
    overflow:visible!important;
    transition:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-heading-copy,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-heading-copy{
    min-height:42px!important;
    max-height:none!important;
    overflow:visible!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-header-row{
    min-height:88px!important;
  }



  /* Starting Browse title size reduced to about 75% while keeping capped shrink. */
  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-title{
    font-size:clamp(2.9rem, calc(4.0rem - (1.10rem * var(--browse-collapse-progress, 0))), 4.0rem)!important;
  }



  /* Smooth scroll driver support: avoid reflow jumps while preserving current Browse sizing. */
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-subtitle,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-after-hero-action{
    transition:none!important;
    backface-visibility:hidden!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title{
    will-change:font-size,transform!important;
  }

  @media (prefers-reduced-motion:reduce){
    html body main.site-main .container.browse-page .browse-page-header-section,
    html body main.site-main .container.browse-page .browse-page-header-section *,
    html body main.site-main .container.browse-page #listing-grid{
      transition:none!important;
    }
  }

  /* Single separator lock: older browse-mobile-final.css adds a pseudo gold rule under the inner header. Keep only the outer page-header separator. */
  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-secondary-header,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-secondary-header{
    border-bottom:0!important;
    box-shadow:none!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header::after,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-secondary-header::after,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-secondary-header::after{
    content:none!important;
    display:none!important;
    height:0!important;
    background:none!important;
  }


  /* 2026-08-20 compact Browse landing header: tighter static spacing only; preserve existing scroll animation hooks. */
  html body main.site-main .container.browse-page .browse-page-header-section,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    margin-bottom:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-secondary-header,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-secondary-header{
    padding-top:.12rem!important;
    padding-bottom:.08rem!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-title{
    font-size:clamp(2.25rem, calc(3.0rem - (.55rem * var(--browse-collapse-progress, 0))), 3.0rem)!important;
    line-height:.90!important;
    margin:0!important;
    padding:0!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-subtitle,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-subtitle{
    margin:.08rem 0 .06rem!important;
    line-height:1.02!important;
  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-after-hero-action,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-after-hero-action{
    padding-top:.02rem!important;
    padding-bottom:0!important;
    min-height:38px!important;
  }

  /* Listing seam lock: sit flush below the sticky Browse header: no visible extra gap, no overlap. */
  html body main.site-main .container.browse-page #listing-grid,
  html body main.site-main .container.browse-page .listing-grid,
  html body main.site-main .container.browse-page .browse-page-header-section + #listing-grid,
  html body main.site-main .container.browse-page .browse-page-header-section ~ #listing-grid{
    margin-top:32px!important;
    padding-top:0!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background-image:none!important;
  }

  html body main.site-main .container.browse-page #listing-grid::before,
  html body main.site-main .container.browse-page #listing-grid::after,
  html body main.site-main .container.browse-page .listing-grid::before,
  html body main.site-main .container.browse-page .listing-grid::after{
    content:none!important;
    display:none!important;
    height:0!important;
    border:0!important;
    box-shadow:none!important;
    background:none!important;
  }

}