/* Pixthor Stage 39 — scoped consistency fixes. No downloadable assets modified. */
/* Keep the global header identical across routes, even when Freebies widens its content. */
.px-header-band .header.container{width:calc(100% - 32px)!important;max-width:1200px!important;margin-inline:auto!important;box-sizing:border-box!important}
html{scrollbar-gutter:stable}
/* Stage 32 and Stage 38 used unconditional dark overrides; light mode must win. */
html:not([data-theme="dark"]) body:has(#px-inspiration-gallery),
html:not([data-theme="dark"]) body:has(#app > .px-stage38-hero){background:#fff!important;color:#17191b!important}
html:not([data-theme="dark"]) #app:has(#px-inspiration-gallery),
html:not([data-theme="dark"]) #app:has(> .px-stage38-hero){background:#fff!important;color:#17191b!important}
html:not([data-theme="dark"]) #app .px-stage32-hero{background:#fff!important;color:#17191b!important}
html:not([data-theme="dark"]) #app .px-stage32-hero h1,
html:not([data-theme="dark"]) #app .px-stage38-hero h1{color:#16181a!important}
html:not([data-theme="dark"]) #app .px-stage32-hero p,
html:not([data-theme="dark"]) #app .px-stage38-hero p{color:#626970!important}
html:not([data-theme="dark"]) #app .px-stage38-hero .px-stage38-perks{color:#333!important}
html:not([data-theme="dark"]) #px-inspiration-gallery{background:#fff!important}
html:not([data-theme="dark"]) body:has(#px-inspiration-gallery) .px-footer-band{background:#101010!important}
html:not([data-theme="dark"]) #app .px-stage38-hero h1 em{color:#796457!important}
html:not([data-theme="dark"]) #app > .px-resource-subbar:first-child{border-bottom-color:#ddd!important}
/* Give Inspiration headings stronger, still restrained hierarchy. */
#app .px-stage32-hero h1{font-size:clamp(38px,4.1vw,55px)!important;line-height:1.09!important}
#app .px-stage32-hero p{font-size:clamp(15px,1.3vw,17px)!important;line-height:1.55!important}
#app .px-stage32-hero .px-inspiration-eyebrow{font-size:clamp(18px,1.65vw,22px)!important}
/* Search suggestions directly under the field, without altering API filtering. */
#app .px-home-search-band{position:relative;z-index:8}
#app .px-live-suggestions[hidden]{display:none!important}
#app .px-live-suggestions{position:absolute;top:calc(100% - 12px);left:clamp(16px,3vw,42px);right:clamp(16px,3vw,42px);max-width:850px;margin-inline:auto;background:#fff;color:#191b1e;border:1px solid #e2e4e6;border-radius:12px;box-shadow:0 14px 38px #0002;overflow:hidden;z-index:50}
#app .px-suggestion{display:flex;align-items:center;gap:12px;padding:9px 13px;text-decoration:none;color:inherit;border-bottom:1px solid #eceeef;font-size:13px}
#app .px-suggestion:last-child{border:0}
#app .px-suggestion:hover,#app .px-suggestion:focus-visible{background:#f1f3f5}
#app .px-suggestion img{width:52px;height:44px;object-fit:cover;border-radius:5px;flex:none}
#app .px-suggestion span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
#app .px-suggestion small{color:#7c8288;font-size:11px}
#app .px-suggestion-empty{padding:15px;color:#858585;font-size:12px}
html[data-theme="dark"] #app .px-live-suggestions{background:#1e2226;color:#f5f5f5;border-color:#3c4146;box-shadow:0 16px 45px #0009}
html[data-theme="dark"] #app .px-suggestion{border-color:#34383d}
html[data-theme="dark"] #app .px-suggestion:hover,html[data-theme="dark"] #app .px-suggestion:focus-visible{background:#30363b}
/* Neutral image presentation; use native cover rather than 320/640px enlarged thumbnails. */
#app .gallery .tile>img{filter:none!important;image-rendering:auto!important;mix-blend-mode:normal!important}
@media(max-width:600px){#app .px-stage32-hero h1{font-size:36px!important}#app .px-stage32-hero p{font-size:15px!important}#app .px-suggestion small{display:none}}
