/* Stage 85: responsive safeguards across the public Pixthor UI. */
html{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;max-width:100%;overflow-x:clip}
#app,.container,main,section,.gallery,.tile,.px-freebies-hero,.px-home-inspiration,.px-detail-layout,.detail-layout{min-width:0;max-width:100%}
img,video,svg{max-width:100%}img,video{height:auto}
input,select,textarea{max-width:100%;min-width:0}
.px-header-band,.px-footer-band{width:100%;max-width:100%}
.header{min-width:0}.header nav{min-width:0}.header nav a{flex-shrink:0}
.px-freebies-hero{min-width:0}.px-freebies-hero img{max-width:100%}
.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery .tile{min-width:0}.gallery .tile>img{width:100%;height:100%;object-fit:cover}
.px-home-inspiration-strip{min-width:0}.px-home-inspiration-tile{min-width:0}
.px-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.px-ad-grid>a{min-width:0;width:100%;aspect-ratio:1/1;min-height:0;overflow:hidden}
.px-ad-grid img,.px-ad-resource-banner img,.px-home-leaderboard img,.px-resource-leaderboard img{max-width:100%;height:auto;object-fit:contain}
.px-home-leaderboard,.px-resource-leaderboard,.px-ad-resource-banner{max-width:100%;overflow:hidden}
@media(max-width:1024px){
 .container{padding-left:clamp(14px,2.5vw,22px);padding-right:clamp(14px,2.5vw,22px)}
 .px-freebies-hero{max-width:100%}
 .px-home-inspiration-strip{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:10px}
 .px-home-inspiration-strip::-webkit-scrollbar{display:none}
 .px-home-inspiration-tile{flex:0 0 clamp(135px,22vw,200px);scroll-snap-align:start}
 .gallery,#app>.px-freebies-collection+.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .header{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:16px;padding-bottom:16px}
 .header nav{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 16px}
 .header nav a{font-size:clamp(11px,2.5vw,14px)}
 .px-home-inspiration-heading{flex-wrap:wrap;align-items:baseline;gap:8px 14px}
 .px-home-inspiration-heading a{white-space:normal}
 .detail-layout,.two-col,.px-detail-hero,.px-detail-lower{grid-template-columns:minmax(0,1fr)}
 .footer{gap:18px;flex-wrap:wrap}
 .footer nav,.px-footer-links{flex-wrap:wrap;gap:12px 18px}
 .px-resource-subbar .categories,.categories{gap:9px 14px}
}
@media(max-width:520px){
 .container{padding-left:14px;padding-right:14px}
 .promo-inner{gap:8px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
 .header nav{column-gap:12px;row-gap:12px}
 .gallery,#app>.px-freebies-collection+.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .px-home-inspiration-tile{flex-basis:clamp(120px,38vw,160px)}
 .px-ad-grid{gap:9px}
 .px-ad-grid>a{padding:8px}
 .px-ad-grid a strong{font-size:clamp(10px,2.8vw,13px)}
 .px-ad-grid a span,.px-ad-grid a small{font-size:clamp(8px,2.2vw,11px)}
 .px-detail-primary-actions{min-width:0}
 .px-detail-primary-actions>*{min-width:0}
 .px-home-inspiration-heading h2{font-size:19px}
}
@media(max-width:360px){
 .gallery,#app>.px-freebies-collection+.gallery{grid-template-columns:minmax(0,1fr)}
 .header nav{column-gap:10px}
}
@media(prefers-reduced-motion:reduce){.px-home-inspiration-tile img,.tile img{transition:none!important}}