/* Mobile-first header, intro, disclosure and filters (<=720px). */
.f-short,.disc-short{display:none}
.menu-toggle{display:none}
html{scroll-padding-top:0}
#inicio,#lancamentos,#catalogo,#historia,#volumes{scroll-margin-top:64px}

@media(max-width:720px){
  html{scroll-padding-top:0}
  .site-header{position:sticky;top:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:56px;min-height:56px;padding:0 16px;gap:10px}
  .wordmark{min-height:44px;font-size:28px}
  .main-nav{position:absolute;left:0;right:0;top:100%;margin:0;padding:0 12px;order:0;flex:none;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line);transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s,visibility 0s .25s}
  .site-header.nav-open .main-nav{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s}
  .main-nav a,.main-nav a:nth-child(2){display:flex;align-items:center;min-height:44px}
  .menu-toggle{display:inline-flex;align-items:center;margin-left:auto;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--pine);font:600 13px var(--body);letter-spacing:.02em}
  .menu-toggle[aria-expanded=true]{background:var(--pine);border-color:var(--pine);color:#fff}
  .menu-toggle:focus-visible{outline:2px solid var(--sage);outline-offset:2px}

  .catalog-section{padding:28px 16px 64px}
  .section-intro{margin-bottom:12px}
  .section-index,.section-intro>p{display:none}
  .section-intro h2{font-size:32px;line-height:1.05;margin:0}
  .catalog-disclosure{margin:0 0 12px;padding:8px 12px;font-size:12px;line-height:1.4}
  .disc-full{display:none}.disc-short{display:inline}
  .catalog-toolbar{gap:10px}
  .filter-group{display:flex;overflow:visible;gap:0}
  .filter{flex:1 1 0;min-width:0;padding:10px 4px;font-size:12px;min-height:44px}
  .filter .f-long{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .filter .f-short{display:inline}
  .filter #total-products{display:inline}
  .results-count{margin:10px 0 12px}
}