/* Pixthor v1.7.60 — full-width secondary navigation, homepage only */
#app > .px-resource-subbar{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;margin:0 0 30px;padding:12px 0}
#app > .px-resource-subbar::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#ededed}
#app > .px-resource-subbar .categories{display:flex;justify-content:flex-start;align-items:center;gap:clamp(12px,1.6vw,22px);flex-wrap:wrap;margin:0;padding:0;max-width:none}
#app > .px-resource-subbar .categories button{background:transparent;border:0;padding:7px 0;font-size:12px;color:#777;white-space:nowrap;cursor:pointer;transition:color .15s}
#app > .px-resource-subbar .categories button.active{color:#111;font-weight:700}
#app > .px-resource-subbar .categories button:hover{color:#111}
.px-resource-sort-label{display:flex;align-items:center;gap:10px;flex:0 0 auto;font-size:11px;font-weight:600;color:#777;white-space:nowrap}
.px-resource-sort-label select{appearance:auto;border:1px solid #d9d9d9;border-radius:6px;background:#fafafa;color:#222;padding:9px 12px;font-size:12px;font-weight:600;min-width:155px;cursor:pointer}
.px-resource-sort-label select:focus-visible,.px-resource-subbar button:focus-visible{outline:2px solid #333;outline-offset:3px}
@media(max-width:960px){#app > .px-resource-subbar{flex-wrap:wrap;gap:9px;padding:14px 0}#app > .px-resource-subbar .categories{gap:10px 16px}.px-resource-sort-label{margin-left:auto}}
@media(max-width:520px){#app > .px-resource-subbar .categories{gap:6px 14px}#app > .px-resource-subbar .categories button{font-size:11px}.px-resource-sort-label{width:100%;justify-content:space-between;margin:6px 0 0}}

/* v1.7.61: one compact navigation bar, filter on the same line */
#app > .px-resource-subbar{min-height:52px;margin-bottom:22px;padding:7px 0;flex-wrap:nowrap;gap:16px}
#app > .px-resource-subbar::before{background:#f0f0f0}
#app > .px-resource-subbar .categories{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:clamp(10px,1.4vw,20px)}
#app > .px-resource-subbar .categories::-webkit-scrollbar{display:none}
#app > .px-resource-subbar .categories button{flex:0 0 auto;font-size:12px;padding:6px 0}
#app > .px-resource-subbar .px-resource-sort-label{width:auto;margin:0;flex:0 0 auto}
#app > .px-resource-subbar .px-resource-sort-label select{min-width:140px;padding:7px 10px;background:#fff;border-color:#ddd;font-size:12px}
@media(max-width:960px){#app > .px-resource-subbar{flex-wrap:nowrap;gap:12px;padding:8px 0}}
@media(max-width:520px){#app > .px-resource-subbar{flex-wrap:nowrap;gap:9px}#app > .px-resource-subbar .categories{flex-wrap:nowrap;gap:14px}#app > .px-resource-subbar .px-resource-sort-label{width:auto;margin:0;justify-content:flex-end}#app > .px-resource-subbar .px-resource-sort-label select{min-width:112px;max-width:128px;font-size:11px;padding:7px 5px}}

/* v1.7.62 — refined minimalist sorting control */
#app > .px-resource-subbar .px-resource-sort-label{position:relative;display:flex;align-items:center}
#app > .px-resource-subbar .px-resource-sort-label::after{
 content:"";pointer-events:none;position:absolute;right:14px;top:50%;
 width:7px;height:7px;border-right:1.5px solid #454545;border-bottom:1.5px solid #454545;
 transform:translateY(-65%) rotate(45deg);
}
#app > .px-resource-subbar .px-resource-sort-label select{
 appearance:none;-webkit-appearance:none;-moz-appearance:none;
 background:#fbfbfb;border:1px solid #dedede;border-radius:9px;
 color:#202020;box-shadow:none;font:500 12px/1.4 inherit;
 font-family:inherit;font-size:12px;font-weight:500;
 min-width:142px;min-height:34px;padding:8px 35px 8px 13px;
 cursor:pointer;transition:border-color .16s ease,background-color .16s ease;
}
#app > .px-resource-subbar .px-resource-sort-label select:hover{border-color:#c8c8c8;background:#fff}
#app > .px-resource-subbar .px-resource-sort-label select:focus-visible{
 outline:2px solid #666;outline-offset:2px
}
@media(max-width:520px){
 #app > .px-resource-subbar .px-resource-sort-label select{
 min-width:112px;max-width:138px;min-height:33px;padding:7px 28px 7px 10px;font-size:11px
 }
 #app > .px-resource-subbar .px-resource-sort-label::after{right:11px;width:6px;height:6px}
}

/* v1.7.63 — native-details custom dropdown: no OS blue selection, no heavy focus shadow */
#app > .px-resource-subbar{overflow:visible}
#app > .px-resource-subbar .px-sort-dropdown{position:relative;flex:0 0 auto;z-index:20;min-width:144px;font-family:inherit}
#app > .px-resource-subbar .px-sort-dropdown summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:35px;padding:8px 12px 8px 14px;box-sizing:border-box;border:1px solid #dedede;border-radius:9px;background:#fcfcfc;color:#222;font-size:12px;font-weight:500;line-height:1.3;cursor:pointer;user-select:none;box-shadow:none;outline:0}
#app > .px-resource-subbar .px-sort-dropdown summary::-webkit-details-marker{display:none}
#app > .px-resource-subbar .px-sort-dropdown summary:hover{background:#fff;border-color:#d0d0d0}
#app > .px-resource-subbar .px-sort-dropdown summary:focus-visible{outline:2px solid #777;outline-offset:2px}
#app > .px-resource-subbar .px-sort-chevron{width:7px;height:7px;border-right:1.5px solid #444;border-bottom:1.5px solid #444;transform:translateY(-2px) rotate(45deg);flex:none}
#app > .px-resource-subbar .px-sort-dropdown[open] .px-sort-chevron{transform:translateY(2px) rotate(225deg)}
#app > .px-resource-subbar .px-sort-options{position:absolute;right:0;top:calc(100% + 3px);width:100%;min-width:180px;padding:5px;box-sizing:border-box;border:1px solid #e2e2e2;border-radius:9px;background:#fff;box-shadow:none;z-index:100}
#app > .px-resource-subbar .px-sort-options button{display:block;width:100%;text-align:left;border:0;border-radius:5px;background:transparent;color:#222;padding:10px 11px;font:500 12px/1.3 inherit;font-family:inherit;font-size:12px;cursor:pointer;box-shadow:none}
#app > .px-resource-subbar .px-sort-options button:hover,#app > .px-resource-subbar .px-sort-options button.selected{background:#f2f3f4;color:#222}
#app > .px-resource-subbar .px-sort-options button:focus-visible{outline:2px solid #888;outline-offset:-2px}
@media(max-width:520px){#app > .px-resource-subbar .px-sort-dropdown{min-width:114px}#app > .px-resource-subbar .px-sort-dropdown summary{font-size:11px;padding:8px 9px;gap:8px}#app > .px-resource-subbar .px-sort-options{min-width:160px}}

/* v1.7.64 — keep sort menu above Inspiration and normalize option typography */
#app > .px-resource-subbar{position:relative;z-index:100;isolation:isolate;overflow:visible}
#app > .px-home-inspiration,#app > .gallery{position:relative;z-index:0}
#app > .px-resource-subbar .px-sort-dropdown{position:relative;z-index:101}
#app > .px-resource-subbar .px-sort-options{z-index:102;overflow:visible;min-width:185px;padding:5px;background:#fff;border:1px solid #e4e4e4;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.035)}
#app > .px-resource-subbar .px-sort-options button{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;width:100%;min-height:35px;margin:0;padding:9px 11px;text-align:left;white-space:nowrap;font-family:inherit;font-size:12px;font-style:normal;font-weight:500;line-height:1.4;letter-spacing:0;color:#222;border:0;border-radius:6px;box-shadow:none}
#app > .px-resource-subbar .px-sort-options button.selected,#app > .px-resource-subbar .px-sort-options button:hover{background:#f3f3f3;color:#202020}
#app > .px-resource-subbar .px-sort-dropdown summary{font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0}
@media(max-width:520px){#app > .px-resource-subbar .px-sort-options{min-width:175px;right:0;left:auto}#app > .px-resource-subbar .px-sort-options button{font-size:12px}}