.shop-browse{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:32px;display:grid}.shop-browse__col{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}.shop-browse__drawerhead,.shop-browse__drawerfoot{display:none}.shop-browse__main{flex-direction:column;gap:16px;min-width:0;display:flex}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.shop-browse__scrim{z-index:var(--z-overlay,60);background:var(--scrim,#00000080);position:fixed;inset:0}@media (width<=900px){.shop-browse{grid-template-columns:minmax(0,1fr)}.shop-browse__col{position:static}.shop-browse__sidebar{display:none}.shop-browse__sidebar[data-open]{max-height:85vh;z-index:calc(var(--z-overlay,60) + 1);background:var(--ui-panel);border-radius:18px 18px 0 0;flex-direction:column;padding:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.shop-browse__sidebar[data-open] .shop-browse__drawerhead{justify-content:space-between;align-items:center;display:flex}.shop-browse__sidebar[data-open] .shop-browse__drawerhead h2{margin:0;font-size:18px}.shop-browse__sidebar[data-open] .shop-browse__drawerhead button{color:var(--ui-text);cursor:pointer;background:0 0;border:0}.shop-browse__scroll{overflow-y:auto}.shop-browse__sidebar[data-open] .shop-browse__drawerfoot{padding-top:12px;display:block}.shop-browse__drawerfoot button{border-radius:var(--r-control,10px);background:var(--ui-action);width:100%;height:44px;color:var(--on-brand,#fff);font:inherit;border:0;font-weight:700}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.shop-page{padding:var(--ui-page-pad,24px);box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:1440px;margin:0 auto;display:flex}.shop-page__error{border-radius:var(--r-control,10px);border:1px solid var(--error,#fb3b3b);align-items:center;gap:12px;padding:12px 16px;display:flex}.shop-page__error p{flex:1;margin:0}.shop-crumbs{color:var(--ui-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.shop-crumbs a{color:var(--ui-muted);text-decoration:none}.shop-crumbs a:hover{color:var(--ui-text)}.shop-crumbs [aria-current]{color:var(--ui-text);font-weight:600}.shop-tabs{border-bottom:1px solid var(--line,#ffffff14);gap:4px;display:flex}.shop-tabs button{color:var(--ui-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 16px;font-weight:600}.shop-tabs button[aria-selected=true]{color:var(--ui-text);border-bottom-color:var(--ui-accent)}