.browse-catalog-web{--bc-bg:#141216;--bc-surface:#211d23;--bc-text:#f7f0f4;--bc-muted:#b2a1ad;--bc-pink:#efa8c0;--bc-line:#ffffff14;background:var(--bc-bg);min-height:0;color:var(--bc-text);flex:1;font-family:Inter,system-ui,sans-serif;overflow:auto}.browse-catalog-web.bc-light{--bc-bg:#fcf9f7;--bc-surface:#f2e9ee;--bc-text:#30262d;--bc-muted:#7b6975;--bc-pink:#aa365f;--bc-line:#30262d1a}.browse-catalog-web *{box-sizing:border-box}.browse-catalog-web :is(h1,h2,p){margin:0}.browse-catalog-web :is(button,input,select){font:inherit}.browse-catalog-web button{cursor:pointer}.browse-catalog-web :is(button,input,select,a):focus-visible{outline:2px solid var(--bc-pink);outline-offset:4px}.bc-shell{max-width:1400px;margin:auto;padding:30px clamp(20px,4vw,56px) 70px}.bc-back{color:var(--bc-muted);background:0 0;border:0;min-height:38px;margin-bottom:26px;padding:0;font-size:12px!important}.bc-shell>header>p{color:var(--bc-pink);text-transform:capitalize;margin-bottom:9px;font-size:12px}.bc-shell h1{letter-spacing:-1.3px;margin-bottom:30px;font-size:36px;font-weight:650}.bc-shell h1>span{color:var(--bc-pink)}.bc-toolbar{border-bottom:1px solid var(--bc-line);align-items:flex-end;gap:20px;margin-bottom:28px;padding-bottom:24px;display:flex}.bc-toolbar label{color:var(--bc-muted);gap:8px;font-size:11px;display:grid}.bc-toolbar label:first-child{flex:1;max-width:420px}.bc-toolbar input,.bc-toolbar select{border:1px solid var(--bc-line);background:var(--bc-surface);color:var(--bc-text);border-radius:3px;min-width:0;height:42px;padding:0 12px;font-size:12px}.bc-toolbar input{width:100%}.bc-toolbar>p{color:var(--bc-muted);white-space:nowrap;margin-left:auto;padding-bottom:13px;font-size:11px}.bc-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:28px 19px;display:grid}.bc-card{min-width:0;color:inherit;text-decoration:none}.bc-card>div{aspect-ratio:2/3;background:var(--bc-surface);border-radius:3px;position:relative;overflow:hidden}.bc-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:12px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.bc-card p{color:var(--bc-muted);margin-top:5px;font-size:10px}.bc-card:hover h2{color:var(--bc-pink)}.bc-skeleton{aspect-ratio:2/3;background:var(--bc-surface)}.bc-empty,.bc-error{text-align:center;color:var(--bc-muted);padding:30px 20px;font-size:13px}.bc-empty h2{font-size:20px}.bc-error button,.bc-empty button,.bc-more{border:1px solid var(--bc-line);color:var(--bc-pink);background:0 0;border-radius:3px;margin-top:20px;padding:12px 19px;font-size:12px!important}.bc-more{min-height:44px;margin:32px auto 0;display:block}.bc-more:disabled{opacity:.5;cursor:default}@media (width<=1250px){.bc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 17px}}@media (width<=600px){.bc-shell{padding:18px 20px 60px}.bc-back{margin-bottom:18px}.bc-shell h1{margin-bottom:23px;font-size:29px}.bc-toolbar{flex-wrap:wrap;gap:14px;margin-bottom:23px;padding-bottom:18px}.bc-toolbar label:first-child{flex-basis:100%;width:100%;max-width:none}.bc-toolbar label{flex:1}.bc-toolbar input{font-size:16px}.bc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.bc-toolbar>p{padding-bottom:12px}.bc-card h2{font-size:12px}}@media (prefers-reduced-motion:reduce){.browse-catalog-web *{transition:none!important}}