/* Navegação entre páginas */
nav.main a[aria-current="page"] { color: var(--gold-hi); }
nav.main a[aria-current="page"]::after { content: ""; display: block; height: 2px; margin-top: 4px; background: var(--metal-gold); }
@media (max-width: 860px) {
  header.site .wrap { flex-wrap: wrap; row-gap: .6rem; }
  nav.main { display: flex; order: 3; width: 100%; margin-left: 0; gap: 1.2rem; overflow-x: auto; padding-bottom: .2rem; font-size: .88rem; white-space: nowrap; scrollbar-width: none; }
}
main.sub > section.block:first-child { padding-top: 3.5rem; }
.sec-head h1 { font-size: clamp(2.6rem, 6vw, 4.6rem); font-weight: 900; margin-top: .7rem; }
.buy.solo { margin-top: 3.5rem; }

/* Campeões de vendas */
.champs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; list-style: none; margin: 0; padding: 0; }
.champ { position: relative; display: grid; grid-template-rows: auto 1fr auto; background: var(--surface); border: 1px solid var(--line); border-radius: 3px; overflow: hidden; text-decoration: none; min-width: 0; transition: border-color .15s ease, transform .15s ease; height: 100%; }
.champ:hover { border-color: var(--gold); transform: translateY(-2px); }
.champ .foto { aspect-ratio: 1; max-width: 100%; background: #fff; display: block; }
.champ .foto img { width: 100%; height: 100%; object-fit: contain; display: block; }
.champ .rank { position: absolute; top: .6rem; left: .6rem; font: 900 1.15rem/1 var(--font-display); padding: .35rem .5rem; background: var(--bg); color: var(--gold-hi); border: 1px solid var(--gold-lo); border-radius: 2px; }
.champ .info { padding: 1rem 1rem .4rem; display: grid; gap: .5rem; align-content: start; }
.champ .sold { font: 600 .78rem/1 var(--font-mono); color: var(--gold); letter-spacing: .04em; }
.champ h3 { font: 500 .95rem/1.35 var(--font-body); text-transform: none; letter-spacing: 0; color: var(--fg); }
.champ .go { padding: .6rem 1rem 1rem; font: 500 .75rem/1 var(--font-mono); color: var(--silver); }
.champs-note { margin-top: 1rem; color: var(--muted); font-size: .8rem; }
@media (max-width: 960px) { .champs { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px) { .champs { grid-template-columns: 1fr; } }

/* Atalhos da página inicial */
.explore { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.tile { display: grid; grid-template-rows: auto auto 1fr auto; gap: .7rem; padding: 1.5rem 1.3rem; background: var(--surface); border: 1px solid var(--line); border-radius: 3px; text-decoration: none; min-width: 0; transition: border-color .15s ease, transform .15s ease; }
.tile:hover { border-color: var(--gold); transform: translateY(-2px); }
.tile h3 { font-size: 1.6rem; font-weight: 800; color: var(--silver); }
.tile p { color: var(--muted); font-size: .9rem; }
.tile .go { font: 500 .75rem/1 var(--font-mono); color: var(--gold); }
@media (max-width: 960px) { .explore { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .explore { grid-template-columns: 1fr; } }

/* Próxima página */
.next { margin-top: 4rem; display: flex; justify-content: flex-end; }
.next a { display: grid; gap: .4rem; text-align: right; text-decoration: none; padding: 1.2rem 1.4rem; border: 1px solid var(--line); border-radius: 3px; transition: border-color .15s ease; }
.next a:hover { border-color: var(--gold); }
.next b { font: 800 1.8rem/1 var(--font-display); text-transform: uppercase; color: var(--silver); }

/* Contato */
.contact { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 0; background: var(--line); border: 1px solid var(--line); }
.contact div { background: var(--surface); padding: 1.3rem; min-width: 0; }
.contact dt { font: 500 .72rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.contact dd { margin: .6rem 0 0; color: var(--fg); overflow-wrap: anywhere; }
@media (max-width: 860px) { .contact { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .contact { grid-template-columns: 1fr; } }

.buy h1 { font-size: clamp(2.6rem, 6vw, 4.6rem); font-weight: 900; }
.contact .addr { grid-column: 1 / -1; }