/* Stage132: one public-site shell. No admin selectors or route changes. */
:root{--px132-max:1600px;--px132-gutter:32px}
html body:has(#app) .container.px132-shell{
 width:calc(100% - var(--px132-gutter) * 2)!important;
 max-width:var(--px132-max)!important;min-width:0!important;
 margin-inline:auto!important;margin-left:auto!important;margin-right:auto!important;
 padding-inline:0!important;padding-left:0!important;padding-right:0!important;
 box-sizing:border-box!important;
}
html body .px-header-band>header.header.px132-shell{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;height:auto!important;min-height:88px!important;padding-block:20px!important;flex-wrap:nowrap!important}
html body .px-header-band>header.header.px132-shell>nav{display:flex!important;position:relative;flex:0 1 auto!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;min-width:0!important;max-width:100%!important;width:auto!important;margin:0 0 0 auto!important;column-gap:22px!important;row-gap:8px!important}
html body #app.px132-shell> .px-resource-subbar{width:100%!important;max-width:100%!important;margin-inline:0!important;padding-inline:0!important;box-sizing:border-box!important;gap:16px!important}
html body #app.px132-shell> .px-resource-subbar::before{display:none!important}
html body #app.px132-shell> .px-resource-subbar .categories{min-width:0!important;flex:1 1 auto!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none;overscroll-behavior-inline:contain}
html body #app.px132-shell> .px-resource-subbar .categories button{flex-shrink:0;min-height:36px}
html body #app.px132-shell> .px-resource-subbar .px-sort-dropdown{flex:0 0 auto!important}
html body #app.px132-shell> .px-resource-subbar+.px-home-inspiration{margin:20px 0 24px!important;padding:0!important;width:100%!important;max-width:100%!important}
html body #app.px132-shell> .px-home-inspiration .px-home-inspiration-strip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%;min-width:0;gap:10px}
html body #app.px132-shell> .px-home-inspiration .px-home-inspiration-tile{min-width:0;max-width:100%}
html body #app.px132-shell> .gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important;width:100%!important;gap:16px!important}
html body #app.px132-shell> .gallery>.tile{min-width:0!important;max-width:100%!important;width:100%!important}
html body .px-footer-band>footer.footer.px132-shell{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(0,3fr)!important;align-items:start!important;gap:20px 35px!important;padding-block:30px!important}
html body .px-footer-band>footer.footer.px132-shell>.px110-footer-brand{display:block!important;grid-row:1/3;min-width:0}
html body .px-footer-band>footer.footer.px132-shell>nav{min-width:0!important;max-width:100%;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:12px 22px!important;margin:0!important;padding:0!important}
html body #app.px132-shell :is(.two-col,.detail-layout,.px-detail-hero,.px-detail-lower,.px-inspiration-detail-layout,.px110-layout)>*{min-width:0}
html body #app.px132-shell :is(input,textarea,select){min-width:0;max-width:100%;box-sizing:border-box}
html body #app.px132-shell :is(.px-detail-info-grid,.px110-body,.px-upload-main){overflow-wrap:anywhere}
@media(max-width:1100px){
 :root{--px132-gutter:24px}
 html body #app.px132-shell> .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
 html body .px-header-band>header.header.px132-shell{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding-block:18px!important}
 html body .px-header-band>header.header.px132-shell>nav{flex:1 1 auto!important;justify-content:flex-start!important;width:100%!important;margin:0!important;column-gap:18px!important}
 html body .px-header-band>header.header.px132-shell>nav>.px-more{position:static!important}
 html body .px-header-band>header.header.px132-shell>nav .px-more-menu{left:auto!important;right:0!important;top:calc(100% + 8px)!important;max-width:100%!important;min-width:min(225px,100%)!important;box-sizing:border-box}
 html body #app.px132-shell> .px-home-inspiration .px-home-inspiration-strip{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;min-height:0}
 html body #app.px132-shell> .px-home-inspiration .px-home-inspiration-tile{flex:0 0 clamp(130px,24vw,190px)!important;scroll-snap-align:start}
}
@media(max-width:760px){
 :root{--px132-gutter:16px}
 html body #app.px132-shell :is(.two-col,.detail-layout,.px-detail-hero,.px-detail-lower,.px-inspiration-detail-layout,.px110-layout){grid-template-columns:minmax(0,1fr)!important}
 html body #app.px132-shell>.px-resource-subbar{gap:10px!important}
 html body #app.px132-shell>.px-home-inspiration .px-home-inspiration-heading{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline}
 html body .px-footer-band>footer.footer.px132-shell{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 html body .px-footer-band>footer.footer.px132-shell>.px110-footer-brand{grid-row:auto!important}
 html body .px-footer-band>footer.footer.px132-shell>nav{justify-content:flex-start!important}
}
@media(max-width:480px){
 html body .px-header-band>header.header.px132-shell>nav{column-gap:15px!important;row-gap:6px!important}
 html body #app.px132-shell>.gallery{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html body #app.px132-shell>.px-home-inspiration .px-home-inspiration-tile{flex-basis:135px!important}
 html body #app.px132-shell>.px-freebies-collection{display:flex;flex-wrap:wrap;gap:8px 16px}
 html body #app.px132-shell .px-detail-top-actions{flex-wrap:wrap;gap:10px}
 html body #app.px132-shell :is(input[type="text"],input[type="email"],input[type="search"],textarea,select){font-size:16px!important}
}