/* ===== HOME v3189 - 333GO (integrado ao layout do site) ===== */
#hm3-wrap{ position:relative; z-index:5; padding:0 8px; margin:6px 0 10px; }
/* --- barra instalar (topo) --- */
#hm3-instalbar{ position:relative; z-index:5; margin:6px 8px 0; padding:6px 10px; border-radius:12px;
  background:linear-gradient(90deg,#171a22,#10131a); border:1px solid #2a2f3d; color:#e8ebf2; font-size:12px; font-family:inherit;
  display:flex; align-items:center; gap:8px; }
.hm3-coins{ width:58px; height:22px; position:relative; overflow:hidden; flex:0 0 auto; }
.hm3-coin{ position:absolute; top:1px; left:-10px; width:20px; height:20px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #ffe9a8, #f5b301 55%, #a86a00); box-shadow:0 1px 2px rgba(0,0,0,.6);
  animation:hm3coin 1.7s linear infinite; }
.hm3-coin:nth-child(2){ animation-delay:.55s; } .hm3-coin:nth-child(3){ animation-delay:1.1s; }
@keyframes hm3coin{ from{ transform:translateX(0);} to{ transform:translateX(72px);} }
#hm3-instalbar .grow{ flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hm3-inst-btn{ background:linear-gradient(180deg,#ffd54a,#f5a301); color:#241a00; font-weight:800; border:none;
  border-radius:9px; padding:6px 12px; font-size:12px; cursor:pointer; font-family:inherit; flex:0 0 auto; }
.hm3-x{ border:none; background:none; color:#8b93a7; font-size:14px; cursor:pointer; padding:2px 4px; flex:0 0 auto; }
/* --- carrossel hero --- */
.hm3-hero{ position:relative; margin-top:8px; border-radius:14px; overflow:hidden; aspect-ratio:732/256; background:#10131a;
  box-shadow:0 4px 18px rgba(0,0,0,.5); cursor:pointer; }
.hm3-slide{ position:absolute; inset:0; opacity:0; transition:opacity .45s ease; pointer-events:none; }
.hm3-slide.on{ opacity:1; }
.hm3-slide img,.hm3-slide video{ width:100%; height:100%; object-fit:cover; display:block; }
.hm3-dots{ position:absolute; bottom:8px; left:0; right:0; display:flex; gap:5px; justify-content:center; z-index:3; }
.hm3-dot{ width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.4); border:none; padding:0; cursor:pointer; }
.hm3-dot.on{ background:#ffd54a; width:16px; border-radius:4px; }
/* --- grade 2x2 --- */
.hm3-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; }
.hm3-tile{ position:relative; border-radius:12px; overflow:hidden; border:none; padding:0; background:#10131a;
  aspect-ratio:732/256; cursor:pointer; display:block; width:100%; }
.hm3-tile img,.hm3-tile video{ width:100%; height:100%; object-fit:cover; display:block; }
.hm3-tile:active{ transform:scale(.985); }
/* --- cartao POR SESSAO dentro da linha de categorias --- */
.hm3-sess-card{ order:99; flex:0 0 auto; margin-left:6px; width:92px; display:flex; flex-direction:column; gap:3px;
  align-self:center; background:linear-gradient(135deg,#141824,#0d1017); border:1px solid #2a2f3d; border-radius:10px;
  padding:6px; text-align:center; }
.hm3-sess-card video{ width:80px; height:46px; object-fit:cover; border-radius:7px; display:block; }
.hm3-sess-card .lbl{ font-size:7.5px; letter-spacing:.14em; color:#8b93a7; text-transform:uppercase; }
.hm3-sess-card .val{ font-size:12px; font-weight:900; color:#ffd54a; line-height:1; }
.hm3-sess-card .tmr{ font-size:10.5px; font-weight:700; font-variant-numeric:tabular-nums; color:#e8ebf2; }
/* --- nave inferior fixa com roleta central --- */
/* --- logo header --- */
.hm3-hlogo{ width:34px !important; height:34px !important; border-radius:9px; object-fit:cover; }
@media (min-width:720px){ #hm3-wrap{ max-width:720px; margin-left:auto; margin-right:auto; } #hm3-instalbar{ max-width:720px; margin-left:auto; margin-right:auto; } }


/* --- frase do catalogo oculta (pedido do dono) --- */
#cat-status{ display:none !important; }
/* --- trilha de provedores (formato pedido, ref image-19) --- */
#cat-chips{ display:flex; gap:8px; overflow-x:auto; padding:8px; margin:10px auto; max-width:560px;
  width:calc(100% - 16px); background:rgba(13,17,25,.94); border:1px solid #242b3b; border-radius:20px;
  scrollbar-width:none; box-sizing:border-box; }
#cat-chips::-webkit-scrollbar{ display:none; }
#cat-chips .chip{ flex:0 0 auto; border-radius:999px; padding:7px 12px 7px 8px; font-size:.72rem; font-weight:700; }
#cat-chips .chip img{ width:24px; height:24px; object-fit:contain; border-radius:6px; }
#cat-chips .chip img.hm3-lg-plate{ background:#fff; padding:2px; }