/* ════════════════════════════════════════════════════════════════
   Rise Mode — custom.css (carregado pelo index.html, fora do build)
   1) Logo com a escrita RISEMODE   2) Hover dos cards de produto
   3) Selo RA1000 no rodapé
   ════════════════════════════════════════════════════════════════ */

/* ── 1) Logo: chama + RISEMODE ── */
a[aria-label="Rise Mode"]{ display:flex; align-items:center; gap:10px; text-decoration:none; }
.rm-wordmark{
  font-weight:800; letter-spacing:.18em; white-space:nowrap;
  font-size:clamp(15px, 1.4vw, 21px); color:#fff; line-height:1;
  font-family:inherit; user-select:none;
}
.rm-wordmark i{ font-style:normal; color:#2f7bea; }

/* ── 2) Cards de produto: levanta, brilha e dá zoom na foto ── */
a[href^="/p/"]:has(img){
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  will-change: transform;
}
a[href^="/p/"]:has(img):hover{
  transform: translateY(-6px);
  box-shadow: 0 14px 34px rgba(47,123,234,.22), 0 2px 10px rgba(0,0,0,.35);
  border-color: rgba(47,123,234,.65) !important;
}
a[href^="/p/"]:has(img) img{ transition: transform .35s ease; }
a[href^="/p/"]:has(img):hover img{ transform: scale(1.06); }

/* ── 3) Selo RA1000 (rodapé) ── */
.rm-ra{
  display:inline-flex; align-items:center; gap:10px; margin-top:14px;
  padding:9px 14px; border-radius:12px; text-decoration:none;
  background:rgba(124,193,66,.08); border:1px solid rgba(124,193,66,.4);
  transition: border-color .2s ease, background .2s ease;
}
.rm-ra:hover{ border-color:#7cc142; background:rgba(124,193,66,.14); }
.rm-ra b{ font-size:17px; font-weight:800; color:#fff; letter-spacing:.02em; }
.rm-ra b span{ color:#7cc142; }
.rm-ra small{ font-size:10px; line-height:1.25; color:#9aa3b2; text-align:left; }

/* ── acessibilidade: sem animação pra quem pediu menos movimento ── */
@media (prefers-reduced-motion: reduce){
  a[href^="/p/"]:has(img), a[href^="/p/"]:has(img) img{ transition:none; }
  a[href^="/p/"]:has(img):hover{ transform:none; }
  a[href^="/p/"]:has(img):hover img{ transform:none; }
}