/* Opdag composition only. Cards, topbar, location and navigation have shared owners. */
.beamii-browse{background:linear-gradient(180deg,var(--surface-3),var(--bg));min-height:100dvh}
.beamii-browse__main{width:100%;max-width:980px;min-width:0;margin:0 auto;padding:calc(var(--topbar-total-h,69px) + 12px) 11px calc(var(--beamii-shell-bottomnav-total-h,84px) + 28px);color:var(--text)}
.beamii-browse__heading{margin-bottom:10px}
.beamii-browse__heading h1{font-size:27px;line-height:1.12;font-weight:850;letter-spacing:-.035em;margin:0 0 4px;color:var(--text)}
.beamii-browse__heading p{font-size:14px;line-height:1.4;color:var(--muted);margin:0}
.beamii-browse__controls{display:flex;align-items:stretch;gap:6px;margin:0 0 8px}
.beamii-browse__controls button{min-width:0;min-height:40px;display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;padding:8px 10px;border:var(--border-soft);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}
.beamii-browse__controls button i{font-size:16px;color:var(--beamii-primary)}
.beamii-browse__controls button[aria-pressed="true"]{background:linear-gradient(160deg,var(--beamii-primary-3),var(--beamii-primary));color:var(--surface);border-color:transparent}
.beamii-browse__controls button[aria-pressed="true"] i{color:inherit}
.beamii-browse__controls [data-browse-count]{display:grid;place-items:center;min-width:19px;height:19px;background:var(--beamii-orange-2);color:var(--surface);border-radius:50%;font-size:11px}
.beamii-browse__categories{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 0 4px;max-width:100%;margin-bottom:13px}
.beamii-browse__categories::-webkit-scrollbar{display:none}
.beamii-browse__categories button{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:36px;padding:7px 15px;border:0;border-radius:var(--radius-pill);background:var(--surface-soft-3);color:var(--text-2);font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}
.beamii-browse__categories button i{color:var(--beamii-primary);font-size:15px}
.beamii-browse__categories button[aria-pressed="true"]{background:var(--beamii-primary);color:var(--surface)}
.beamii-browse__categories button[aria-pressed="true"] i{color:inherit}
.beamii-browse__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}
.beamii-browse__section-head h2{font-size:23px;line-height:1.15;letter-spacing:-.035em;font-weight:850;margin:0;color:var(--text);min-width:0;overflow-wrap:anywhere}
.beamii-browse__section-head button,.beamii-browse__sort{display:flex;align-items:center;gap:7px;color:var(--beamii-primary-2);font-size:12px;font-weight:700;white-space:nowrap;background:transparent;border:0;min-height:36px;padding:0;cursor:pointer}
.beamii-browse__section-head button i{font-size:11px}
.beamii-browse__sort select{max-width:105px;background:transparent;border:0;color:inherit;font:inherit;min-height:36px;padding:0 3px}
.beamii-browse__rail{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 5px}
.beamii-browse__rail::-webkit-scrollbar{display:none}
.beamii-browse__rail>*{scroll-snap-align:start}
.beamii-browse [data-browse-nearby]{margin-bottom:17px}
.beamii-browse__list{display:grid;gap:6px;min-width:0}
.beamii-browse__feedback:empty{display:none}
.beamii-browse__feedback{font-size:13px;color:var(--muted);padding:12px 0;margin:0}
.beamii-browse__filters{background:var(--surface);padding:14px;border:var(--border-soft);border-radius:var(--radius-md);margin-bottom:16px}
.beamii-browse__filters form{display:grid;gap:12px}
.beamii-browse__filters label{display:grid;gap:5px;font-size:13px;font-weight:600;min-width:0}
.beamii-browse__filters input[type="search"],.beamii-browse__filters select{width:100%;min-width:0;min-height:42px;border:var(--border-soft-3);border-radius:var(--radius-sm);padding:8px 10px;background:var(--surface);font:inherit}
.beamii-browse__filters fieldset{min-width:0;border:0;padding:0;margin:0}
.beamii-browse__filters legend{font-size:13px;font-weight:700;margin-bottom:7px}
.beamii-browse__filters [data-browse-category-options]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.beamii-browse__filters [data-browse-category-options] label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.beamii-browse__filters label.is-subcategory{padding-left:12px;color:var(--muted)}
.beamii-browse__filters small{font-size:10px;color:var(--muted)}
.beamii-browse__filters summary{font-size:13px;font-weight:600;cursor:pointer;padding:6px 0}
.beamii-browse__filters [data-browse-excluded-options]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px}
.beamii-browse__filters [data-browse-excluded-options] label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}
.beamii-browse__filter-actions{display:flex;justify-content:space-between;gap:8px}
.beamii-browse__filter-actions button,.beamii-browse__load,.beamii-browse__empty button{min-height:42px;padding:8px 15px;border:var(--border-soft-3);border-radius:var(--radius-pill);background:var(--surface);color:var(--beamii-primary);font-size:13px;font-weight:700;cursor:pointer}
.beamii-browse__filter-actions button[type="submit"]{background:var(--beamii-primary);color:var(--surface);border-color:transparent}
.beamii-browse__load{display:block;margin:18px auto 0}
.beamii-browse__empty{padding:24px 14px;text-align:center;color:var(--muted)}
.beamii-browse__empty h3{color:var(--text);margin:0 0 6px}
.beamii-browse #browseResults{scroll-margin-top:calc(var(--beamii-shell-topbar-h,64px) + 12px)}
.beamii-browse button:focus-visible,.beamii-browse select:focus-visible{outline:2px solid var(--beamii-accent);outline-offset:3px}
@media(max-width:359px){.beamii-browse__controls button{padding:8px 6px;gap:4px;font-size:11px}.beamii-browse__controls button i{font-size:14px}}
@media(min-width:600px){
  .beamii-browse__main{padding:calc(var(--topbar-total-h,69px) + 20px) 22px calc(var(--beamii-shell-bottomnav-total-h,84px) + 32px)}
  .beamii-browse__heading h1{font-size:34px}
  .beamii-browse__heading p{font-size:17px}
  .beamii-browse__controls{max-width:650px;margin-bottom:12px}
  .beamii-browse__controls button{font-size:15px;min-height:44px}
  .beamii-browse__categories{margin-bottom:24px}
  .beamii-browse__section-head h2{font-size:27px}
  .beamii-browse__rail{grid-auto-columns:calc((100% - 24px)/3);gap:12px}
  .beamii-browse__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .beamii-browse [data-browse-nearby]{margin-bottom:26px}
}
