/* Stage 36: Freebies complete visual redesign. Homepage only; no behavior changes. */
#app > .px-freebies-hero{padding:clamp(32px,5vw,72px) 0 clamp(28px,4vw,52px);text-align:center;background:transparent;border:0;max-width:850px;margin:0 auto}
#app > .px-freebies-hero .px-freebies-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;color:#939ba3;margin-bottom:15px}
#app > .px-freebies-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(28px,3.5vw,48px);font-weight:800;letter-spacing:-.055em;line-height:1.12;margin:0 auto 15px;max-width:780px;color:inherit}
#app > .px-freebies-hero p{font-size:clamp(12px,1.1vw,14px);line-height:1.65;color:#8e969e;margin:0}
#app > .px-freebies-hero + .px-resource-subbar{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)}
#app > .px-freebies-hero + .px-resource-subbar::before{background:transparent!important}
#app > .px-freebies-hero + .px-resource-subbar .categories{gap:clamp(9px,1.6vw,24px)}
#app > .px-freebies-hero + .px-resource-subbar .categories button{font-size:12px;font-weight:500;transition:color .18s}
#app > .px-freebies-hero + .px-resource-subbar .categories button.active{font-weight:750}
#app > .px-freebies-hero ~ .px-home-search-band{margin-top:20px;margin-bottom:26px}
#app > .px-freebies-hero ~ .px-home-inspiration{margin-top:24px;margin-bottom:42px}
#app > .px-freebies-collection{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:10px 0 18px;padding-bottom:15px;border-bottom:1px solid rgba(140,150,160,.17)}
#app > .px-freebies-collection .px-freebies-collection-kicker{font-size:9px;font-weight:700;letter-spacing:.19em;color:#8f989f}
#app > .px-freebies-collection h2{font-size:clamp(19px,2.3vw,26px);letter-spacing:-.045em;font-weight:750;margin:6px 0 0;line-height:1.2;color:inherit}
#app > .px-freebies-collection .px-freebies-collection-note{font-size:12px;color:#929aa2;padding-bottom:3px}
#app > .px-freebies-collection + .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;align-items:start}
#app > .px-freebies-collection + .gallery .tile{border-radius:9px;aspect-ratio:1.13;background:#202428;overflow:hidden;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}
#app > .px-freebies-collection + .gallery .tile img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1);}
@media(hover:hover){#app > .px-freebies-collection + .gallery .tile:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.14)}#app > .px-freebies-collection + .gallery .tile:hover img{transform:scale(1.045)}}
#app > .px-freebies-collection + .gallery .tile .tile-overlay{padding:48px 15px 15px;background:linear-gradient(transparent,rgba(0,0,0,.83));color:#fff;line-height:1.3}
#app > .px-freebies-collection + .gallery .tile .tile-overlay strong{font-size:13px;font-weight:650;letter-spacing:-.01em}
#app > .px-freebies-collection + .gallery .tile .px-hover-category{font-size:10px;letter-spacing:.03em}
#app > .px-freebies-collection + .gallery .tile:focus-visible{outline:2px solid #91b4ff;outline-offset:3px}
html[data-theme="dark"] #app > .px-freebies-hero h1,html[data-theme="dark"] #app > .px-freebies-collection h2{color:#f6f7f8}
html[data-theme="dark"] #app > .px-freebies-hero + .px-resource-subbar{background:transparent!important}
@media(max-width:850px){#app > .px-freebies-collection + .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#app > .px-freebies-hero{padding-top:30px}}
@media(max-width:520px){#app > .px-freebies-hero{padding:26px 8px 30px}#app > .px-freebies-hero h1{font-size:29px}#app > .px-freebies-collection .px-freebies-collection-note{display:none}#app > .px-freebies-collection + .gallery{gap:9px}#app > .px-freebies-collection + .gallery .tile{border-radius:6px;aspect-ratio:1}#app > .px-freebies-collection + .gallery .tile .tile-overlay{opacity:1;padding:30px 8px 9px}#app > .px-freebies-collection + .gallery .tile .tile-overlay strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){#app > .px-freebies-collection + .gallery .tile,#app > .px-freebies-collection + .gallery .tile img{transition:none!important}}