/* Restore the reference Likes card presentation across resource galleries. */
html body #app#app.container .gallery .tile.px-hover-card{display:block!important;position:relative!important;aspect-ratio:4/3!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#101112!important;border:0!important;border-radius:6px!important;box-shadow:none!important;transform:none!important}
html body #app#app.container .gallery .tile.px-hover-card>img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:0!important;margin:0!important;transform:none!important;filter:none!important}
html body #app#app.container .gallery .tile.px-hover-card:before,html body #app#app.container .gallery .tile.px-hover-card:after{content:none!important}
html body #app#app.container .gallery .tile.px-hover-card>.tile-overlay{position:absolute!important;inset:auto 0 0!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;background:linear-gradient(transparent,rgba(0,0,0,.75))!important;padding:35px 14px 14px!important;margin:0!important;box-shadow:none!important;pointer-events:none!important;text-align:left!important}
html body #app#app.container .gallery .tile.px-hover-card>.tile-overlay strong{display:block!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important;color:#fff!important;text-shadow:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body #app#app.container .gallery .tile.px-hover-card>.px-hover-category{position:absolute!important;inset:12px auto auto 12px!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;background:#f5f5f5!important;color:#111!important;border-radius:7px!important;padding:7px 10px!important;margin:0!important;font-size:11px!important;line-height:1.4!important;font-weight:500!important;max-width:40%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;pointer-events:none!important}
html body #app#app.container .gallery .tile.px-hover-card>.px-tile-actions{position:absolute!important;inset:12px 12px auto auto!important;display:flex!important;align-items:center!important;gap:6px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;padding:0!important;margin:0!important;background:none!important;z-index:3!important}
html body #app#app.container .gallery .tile.px-hover-card>.px-tile-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:38px!important;height:31px!important;border:1px solid #ffffff25!important;border-radius:6px!important;padding:6px 8px!important;background:#08090bcf!important;color:#fff!important;box-shadow:none!important;cursor:pointer!important}
html body #app#app.container .gallery .tile.px-hover-card>.px-tile-actions .px-download-green{background:#008a05!important;border-color:transparent!important}
html body #app#app.container .gallery .px-tile-actions svg{width:14px!important;height:14px!important;flex:0 0 14px!important}
html body #app#app.container .gallery .px-tile-actions .px-heart-count,html body #app#app.container .gallery .px-tile-actions .px-download-number{display:inline!important;color:#fff!important;font-size:10px!important;line-height:1!important}
html body #app#app.container .gallery .px-tile-actions .px-heart.is-liked svg{fill:#fa3f54!important;stroke:#fa3f54!important}
html body #app#app.container .gallery .px-tile-actions .px-heart:not(.is-liked) svg{fill:none!important;stroke:#fff!important}
html body #app#app.container .gallery .px-tile-actions button:focus-visible{outline:2px solid #acd9f1!important;outline-offset:2px!important}
@media(max-width:600px){html body #app#app.container .gallery .tile.px-hover-card>.px-hover-category{inset:7px auto auto 7px!important;padding:5px 6px!important;font-size:10px!important;max-width:34%!important}html body #app#app.container .gallery .tile.px-hover-card>.px-tile-actions{inset:7px 7px auto auto!important;gap:4px!important}html body #app#app.container .gallery .tile.px-hover-card>.px-tile-actions button{min-width:30px!important;padding:5px!important;height:30px!important;gap:3px!important}html body #app#app.container .gallery .tile.px-hover-card>.tile-overlay{padding:26px 9px 10px!important}html body #app#app.container .gallery .tile.px-hover-card>.tile-overlay strong{font-size:11px!important}}

/* Reveal metadata and actions only on hover or keyboard focus. */
html body #app#app.container .gallery .tile.px-hover-card>.tile-overlay,html body #app#app.container .gallery .tile.px-hover-card>.px-hover-category,html body #app#app.container .gallery .tile.px-hover-card>.px-tile-actions{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .16s ease,visibility .16s ease!important}
html body #app#app.container .gallery .tile.px-hover-card:focus-within>.tile-overlay,html body #app#app.container .gallery .tile.px-hover-card:focus-within>.px-hover-category,html body #app#app.container .gallery .tile.px-hover-card:focus-within>.px-tile-actions{opacity:1!important;visibility:visible!important}
html body #app#app.container .gallery .tile.px-hover-card:focus-visible>.tile-overlay,html body #app#app.container .gallery .tile.px-hover-card:focus-visible>.px-hover-category,html body #app#app.container .gallery .tile.px-hover-card:focus-visible>.px-tile-actions{opacity:1!important;visibility:visible!important}
html body #app#app.container .gallery .tile.px-hover-card:focus-within>.px-tile-actions,html body #app#app.container .gallery .tile.px-hover-card:focus-visible>.px-tile-actions{pointer-events:auto!important}
@media(hover:hover) and (pointer:fine){html body #app#app.container .gallery .tile.px-hover-card:hover>.tile-overlay,html body #app#app.container .gallery .tile.px-hover-card:hover>.px-hover-category,html body #app#app.container .gallery .tile.px-hover-card:hover>.px-tile-actions{opacity:1!important;visibility:visible!important}html body #app#app.container .gallery .tile.px-hover-card:hover>.px-tile-actions{pointer-events:auto!important}}
@media(hover:none),(pointer:coarse){html body #app#app.container .gallery .tile.px-hover-card>.tile-overlay,html body #app#app.container .gallery .tile.px-hover-card>.px-hover-category,html body #app#app.container .gallery .tile.px-hover-card>.px-tile-actions{opacity:1!important;visibility:visible!important}html body #app#app.container .gallery .tile.px-hover-card>.px-tile-actions{pointer-events:auto!important}}
@media(prefers-reduced-motion:reduce){html body #app#app.container .gallery .tile.px-hover-card>.tile-overlay,html body #app#app.container .gallery .tile.px-hover-card>.px-hover-category,html body #app#app.container .gallery .tile.px-hover-card>.px-tile-actions{transition:none!important}}

/* Match Freebies and Favorites columns at every breakpoint, including saved wrappers. */
html body #app#app.container>.gallery,html body #app#app.container .px158-skeleton{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px 20px!important;columns:auto!important;align-items:start!important}
html body #app#app.container .px135-saved-item{min-width:0!important;width:100%!important;max-width:100%!important}
html body #app#app.container .px135-saved-item>.tile{width:100%!important;max-width:100%!important}
html body #app#app.container .px158-skeleton{grid-column:1 / -1!important;width:100%!important}
html body #app#app.container .px158-skeleton>span{display:block;aspect-ratio:4/3;border-radius:6px;background:#e8ecf0}
html[data-theme=dark] body #app#app.container .px158-skeleton>span{background:#20252b}
html body #app#app.container #px-infinite-status:empty{min-height:1px!important;height:1px!important;padding:0!important;margin:0!important;overflow:hidden!important}
@media(max-width:1200px){html body #app#app.container>.gallery,html body #app#app.container .px158-skeleton{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){html body #app#app.container>.gallery,html body #app#app.container .px158-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body #app#app.container>.gallery,html body #app#app.container .px158-skeleton{gap:20px 12px!important}}
@media(max-width:380px){html body #app#app.container>.gallery,html body #app#app.container .px158-skeleton{grid-template-columns:minmax(0,1fr)!important}}