/* Stage 37: move category navigation directly under the site header; preserve the chosen Freebies design. */
#app > .px-resource-subbar:first-child{min-height:55px;margin:0 0 24px;padding:8px 0;border-top:1px solid rgba(140,150,160,.14);border-bottom:1px solid rgba(140,150,160,.14);background:transparent!important}
#app > .px-resource-subbar:first-child::before{background:transparent!important}
#app > .px-resource-subbar:first-child .categories{gap:clamp(9px,1.6vw,24px)}
#app > .px-resource-subbar:first-child .categories button{font-size:12px;font-weight:500}
#app > .px-resource-subbar:first-child .categories button.active{font-weight:750}
#app > .px-resource-subbar:first-child + .px-freebies-hero{padding-top:clamp(26px,4vw,52px)}
/* Cards adapt across desktop widths without stretching undersized previews. */
#app > .px-freebies-collection + .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.1vw,15px)}
#app > .px-freebies-collection + .gallery .tile{min-width:0}
#app > .px-freebies-collection + .gallery .tile > img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}
@media(min-width:1600px){#app > .px-freebies-collection + .gallery{gap:16px}}
@media(max-width:850px){#app > .px-freebies-collection + .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#app > .px-freebies-collection + .gallery{gap:9px}#app > .px-resource-subbar:first-child{gap:10px}}