/* ════════════════════════════════════════════════════════════════
   Rise Mode — custom.css v14 (carregado pelo index.html, fora do build)
   logo oficial · hover dos cards · selo RA1000 · faixa DESTAQUES
   ════════════════════════════════════════════════════════════════ */

/* ── logo oficial redesenhado em alta no cabeçalho ── */
a[aria-label="Rise Mode"]{ display:inline-flex; align-items:center; text-decoration:none; }
.rm-logoimg2{
  height:50px; width:auto; display:block;
  transform:translateY(-12px); /* sobe a imagem pra escrita alinhar com o menu */
  transition:filter .25s ease;
}
a[aria-label="Rise Mode"]:hover .rm-logoimg2{
  filter:drop-shadow(0 0 12px rgba(47,123,234,.5));
}
header a.rm-logo:focus:not(:focus-visible){ outline:none; }
/* desktop: logo dentro do grupo do menu, com respiro entre ele e o 1º item */
@media (min-width:1024px){
  header nav a.rm-logo{ margin-right:56px; }
}
@media (max-width:1023px){ .rm-logoimg2{ height:40px; transform:translateY(-9px); } }

/* ── 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); }

/* ── 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; }

/* ── faixa DESTAQUES (home) ── */
#rm-destaques{ padding:34px 0 10px; }
.rm-dhead{ max-width:1280px; margin:0 auto 16px; padding:0 16px; display:flex; align-items:baseline; gap:14px; }
.rm-dhead span{
  font-size:11px; font-weight:800; letter-spacing:.22em; color:#2f7bea;
  border:1px solid rgba(47,123,234,.45); border-radius:999px; padding:4px 10px;
}
.rm-dhead b{ font-size:15px; font-weight:800; letter-spacing:.08em; color:#fff; }
.rm-dwrap{
  overflow:hidden; position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.rm-dtrack{ display:flex; gap:16px; width:max-content; padding:6px 16px 22px; animation:rm-roll 70s linear infinite; }
.rm-dwrap:hover .rm-dtrack{ animation-play-state:paused; }
@keyframes rm-roll{ to{ transform:translateX(-50%); } }
.rm-dcard{
  width:190px; flex:0 0 auto; text-decoration:none;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08);
  border-radius:16px; padding:14px; display:flex; flex-direction:column; gap:10px;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.rm-dcard:hover{
  transform:translateY(-5px); border-color:rgba(47,123,234,.65);
  box-shadow:0 12px 30px rgba(47,123,234,.2);
}
.rm-dimg{ height:120px; display:flex; align-items:center; justify-content:center; }
.rm-dimg img{ max-height:120px; max-width:100%; object-fit:contain; transition:transform .3s ease; }
.rm-dcard:hover .rm-dimg img{ transform:scale(1.07); }
.rm-dnome{
  font-size:12px; font-weight:600; color:#cfd6e4; line-height:1.35; text-align:center;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* ── acessibilidade: menos movimento pra quem pediu ── */
@media (prefers-reduced-motion: reduce){
  a[href^="/p/"]:has(img), a[href^="/p/"]:has(img) img, .rm-dcard, .rm-dimg img{ transition:none; }
  a[href^="/p/"]:has(img):hover{ transform:none; }
  a[href^="/p/"]:has(img):hover img{ transform:none; }
  .rm-dtrack{ animation:none; }
  .rm-dwrap{ overflow-x:auto; }
}