.static-page { --mobile-safe-area-height: 0px; }
.static-page .floating-whatsapp { bottom:18px; }
.static-page .album-card, .static-page .brand-item { display:block; color:inherit; text-decoration:none; }
.static-page .brand-item { display:flex; }
.static-page .icon-button { text-decoration:none; font-size:24px; }
.static-category { overflow:hidden; background:var(--catalog-paper); }
.static-category > .category-strip { cursor:pointer; }
.static-category-brands { display:grid; grid-template-rows:0fr; opacity:0; transform:translateY(-4px); transition:grid-template-rows 300ms cubic-bezier(.22,1,.36,1), opacity 180ms ease, transform 300ms cubic-bezier(.22,1,.36,1); }
.static-category-brands > .brand-grid { min-height:0; overflow:hidden; padding-top:0; padding-bottom:0; transition:padding 260ms cubic-bezier(.22,1,.36,1); }
.static-category[data-open="true"] > .static-category-brands > .brand-grid { padding-top:20px; padding-bottom:24px; }
.static-category[data-open="true"] > .static-category-brands { grid-template-rows:1fr; opacity:1; transform:translateY(0); }
.static-category[data-open="true"] > .category-strip .category-chevron { transform:rotate(180deg); }
.static-page .category-chevron-right { transform:none !important; }
.static-category-brands { border-bottom:1px solid var(--catalog-line); background:var(--catalog-paper); }
.static-brand .album-card { content-visibility:auto; contain-intrinsic-size:auto 190px; }
.static-album-sentinel { height:1px; margin-top:24px; }
@media (min-width: 900px) {
  .app-screen.static-page { width:min(980px, 100%); margin:0 auto; }
  .static-page .catalog-header { height:78px; padding:0 24px; }
  .static-page .catalog-header h1 { font-size:34px; }
  .static-page .category-strip { min-height:176px; padding:28px 78px 28px 36px; }
  .static-page .category-strip h2 { font-size:44px; }
  .static-page .category-toggle { right:28px; width:42px; height:42px; }
  .static-page .category-chevron { width:22px; height:22px; }
  .static-page .brand-grid { grid-template-columns:repeat(10, minmax(0, 1fr)); column-gap:6px; row-gap:24px; padding-right:24px; padding-left:24px; }
  .static-category[data-open="true"] > .static-category-brands > .brand-grid { padding-top:28px; padding-bottom:34px; }
  .static-page .brand-logo-wrap { width:64px; height:64px; }
  .static-page .brand-logo { width:46px; height:46px; }
}