button.btn.s-small.sign-in::after, .smartPanel-bc::after {
  display: none;
}
.header-bc > .nav-content-bc, .header-bc .form-control-bc, .header-bc .infoTime, .header-bc .smartPanel-bc {
  display: none !important;
 }

.header-bc .logo-container img {
  width: 103px;
  height: 25px;
  aspect-ratio: 103/25;
}

.hdr-user-bc .btn.sign-in, .hdr-user-bc .btn.register {
  display: flex;
  height: var(--dimensions-spacing-8, 32px);
  min-width: var(--dimensions-spacing-8, 32px);
  padding: var(--dimensions-spacing-15, 6px) var(--dimensions-spacing-3, 12px);
  justify-content: center;
  align-items: center;
  gap: var(--dimensions-spacing-1, 4px);
  border-radius: var(--dimensions-radius-rounded-lg, 8px);
  background: var(--background-background-tertiary, #0E1730);
  background-color: var(--background-background-tertiary, #0E1730);
  /* blur */
  backdrop-filter: blur(calc(var(--blur, 0) / 2));
  color: var(--default-default-foreground, #FCFCFC);
  /* Button sm */
  font-family: var(--font, "Google Sans Flex");
  font-size: var(--dimensions-font-text-sm, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--dimensions-leading-text-sm, 20px); /* 142.857% */
  letter-spacing: var(--letter-spacing, 0);
  text-decoration: none;
  text-transform: capitalize;
}

.hdr-user-bc .btn.register {
  background: var(--accent-accent, #FFF600);
  color: var(--accent-accent-foreground, #18181B);
  font-weight: 500;  
}

/* ===== BRBET Stories (Figma) ===== */
.storiesWidgetWrapper { background: transparent !important; padding: 8px 16px !important; }
.storiesWidgetList .horizontalSliderRow { gap: 8px !important; align-items: flex-start !important; flex-direction: row-reverse !important; justify-content: flex-end !important; }
.storiesWidgetListItem { position: relative !important; width: 48px !important; min-width: 48px !important; height: auto !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; }
.storiesWidgetListItem::before { display: none !important; content: none !important; }
.storiesWidgetListItem .horizontal-sl-icon-bc { width: 48px !important; height: 48px !important; min-width: 48px !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.45) !important; background: #0E1730 !important; object-fit: cover !important; padding: 0 !important; box-shadow: none !important; }
.storiesWidgetListItem .horizontal-sl-title-bc { display: block !important; width: 100% !important; max-width: 48px !important; margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 11px !important; letter-spacing: 0.4px !important; font-weight: 400 !important; color: #FFFFFF !important; text-align: center !important; text-transform: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; }
.storiesWidgetListItem::after { position: absolute !important; top: -8px !important; left: 24px !important; transform: translateX(-50%) !important; width: max-content !important; min-width: 16px !important; height: 16px !important; padding: 0 4px !important; box-sizing: border-box !important; border-radius: 12px !important; background: #217F26 !important; color: #FCFCFC !important; font-size: 10px !important; line-height: 16px !important; letter-spacing: 0.4px !important; text-align: center !important; white-space: nowrap !important; z-index: 2 !important; display: none; }
.storiesWidgetListItem:nth-child(6)::after { content: "Prêmio" !important; display: block !important; }
.storiesWidgetListItem:nth-child(4)::after { content: "Até 25%" !important; display: block !important; left: 28px !important; }
.storiesWidgetListItem:nth-child(4) { width: 56px !important; min-width: 56px !important; }
.storiesWidgetListItem:nth-child(4) .horizontal-sl-title-bc { width: auto !important; max-width: none !important; overflow: visible !important; text-overflow: clip !important; }


/* ===== BRBET Topbar / Botoes (Figma) ===== */
.header-bc { background: rgba(6,11,24,0.85) !important; backdrop-filter: blur(35px) !important; -webkit-backdrop-filter: blur(35px) !important; border-radius: 0 0 16px 16px !important; padding: 16px !important; }
.hdr-user-bc { display: flex !important; align-items: center !important; gap: 8px !important; border: 0 !important; }
.hdr-user-bc::before, .hdr-user-bc::after { display: none !important; content: none !important; }
.logo-container::after { display: none !important; content: none !important; }
.hdr-user-bc .btn.sign-in { margin-left: 0 !important; }
.hdr-user-bc .btn.sign-in::before, .hdr-user-bc .btn.sign-in::after { display: none !important; content: none !important; }
.btn.sign-in { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; height: 32px !important; min-width: 32px !important; padding: 6px 12px !important; border: 0 !important; border-radius: 8px !important; background: #0E1730 !important; color: #FCFCFC !important; font-family: 'Google Sans Flex', sans-serif !important; font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; }
.btn.sign-in:hover { background: #213157 !important; }
.btn.register { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; height: 32px !important; min-width: 32px !important; padding: 6px 12px !important; border: 0 !important; border-radius: 8px !important; background: #FFF600 !important; color: #18181B !important; font-family: 'Google Sans Flex', sans-serif !important; font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
.btn.register:hover { background: #E6DD00 !important; }
.nav-content-bc { background: #0A1124 !important; padding: 0 8px !important; }
.nav-content-bc .nav-menu-item { font-family: 'Google Sans Flex', sans-serif !important; font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; color: #94A3B8 !important; text-transform: none !important; }
.nav-content-bc .nav-menu-item:hover { color: #FCFCFC !important; }
.nav-content-bc .nav-menu-item.active, .nav-content-bc .nav-menu-item.selected { color: #FFF600 !important; }

/* ===== BRBET Ganhos / Casino Winners (Figma) ===== */
.casino-winners-block { position: relative !important; display: flex !important; align-items: center !important; gap: 6px !important; margin: 8px 16px !important; padding: 0 0 0 27px !important; border-radius: 12px !important; overflow: hidden !important; background: linear-gradient(90deg, #0A1124 0%, #060B18 100%) !important; box-shadow: 0 2px 4px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06) !important; }
.casino-winners-block .main-tabs-bc { display: none !important; }
.casino-winners-block::before { content: 'GANHOS' !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 27px !important; display: flex !important; align-items: center !important; justify-content: center !important; writing-mode: vertical-rl !important; transform: rotate(180deg) !important; font-size: 10px !important; line-height: 11px !important; font-weight: 700 !important; letter-spacing: 0.4px !important; color: #FFFFFF !important; background: linear-gradient(90deg, rgba(45,245,128,0.7) 0%, rgba(45,245,128,0) 100%) !important; border-radius: 12px 0 0 12px !important; z-index: 2 !important; }
.casino-winners-block::after { content: '' !important; position: absolute !important; left: 0 !important; top: 13px !important; width: 2px !important; height: 39px !important; border-radius: 12px !important; background: #33BF3B !important; box-shadow: 0 0 20px 3px #33BF3B !important; z-index: 3 !important; }
.casino-info-content-winners { display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 12px !important; width: 100% !important; flex: 1 1 auto !important; overflow-x: auto !important; overflow-y: hidden !important; list-style: none !important; margin: 0 !important; padding: 11px 8px 11px 6px !important; scrollbar-width: none !important; }
.casino-info-content-winners::-webkit-scrollbar { display: none !important; }
.casino-info-content-winners > li { display: flex !important; align-items: flex-start !important; gap: 6px !important; flex: 0 0 auto !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
.casino-winners-img { width: 43px !important; height: 43px !important; min-width: 43px !important; border-radius: 6px !important; border: 1px solid #FFFFFF !important; object-fit: cover !important; }
.casino-winners-info { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; }
.casino-winners-info > span:nth-child(1) { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; line-height: 12px !important; letter-spacing: 0.4px !important; font-weight: 400 !important; color: #FCFCFC !important; white-space: nowrap !important; }
.casino-winners-info > span:nth-child(1)::before { content: '' !important; width: 12px !important; height: 12px !important; min-width: 12px !important; border-radius: 1000px !important; background: #FFFFFF !important; border: 1px solid #B2B2B2 !important; box-sizing: border-box !important; }
.casino-winners-info > span:nth-child(2) { font-size: 10px !important; line-height: 12px !important; letter-spacing: 0.4px !important; font-weight: 400 !important; color: #64748B !important; white-space: nowrap !important; }
.casino-winners-amount { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 2px 4px 1px !important; border-radius: 1000px !important; background: rgba(45,245,128,0.1) !important; color: #2DF580 !important; font-size: 10px !important; line-height: 12px !important; letter-spacing: 0.4px !important; font-weight: 400 !important; white-space: nowrap !important; }

/* ===== BRBET Espacamentos (Figma) ===== */
.layout-header-holder-bc { margin-bottom: 0 !important; }
.hdr-main-content-bc { height: 32px !important; min-height: 0 !important; align-items: center !important; }
.logo-container { height: 32px !important; min-height: 0 !important; align-items: center !important; }
.hm-row-bc { margin: 0 !important; gap: 0 !important; row-gap: 0 !important; min-height: 0 !important; }
.hm-row-bc-inner { margin: 0 !important; min-height: 0 !important; }
.bb-stories .storiesWidgetLoader { height: auto !important; min-height: 0 !important; }
.bb-stories .horizontal-sl-item-bc { height: auto !important; min-height: 0 !important; }
.bb-stories .skeleton-loader-game-cube { width: 48px !important; height: 48px !important; padding: 0 !important; border-radius: 12px !important; }
.bb-stories .horizontal-sl-title-bc { margin-top: 4px !important; }
.storiesWidgetList { height: auto !important; min-height: 0 !important; }
.storiesWidgetList .horizontalSliderRow { height: auto !important; min-height: 0 !important; align-items: flex-start !important; }
.storiesWidgetListItem { height: auto !important; min-height: 0 !important; }
.bb-ganhos, .bb-ganhos .hm-row-bc-inner { min-height: 0 !important; }
.casino-winners-block { min-height: 0 !important; }
.casino-winners-block .casino-info-content-winners { min-height: 0 !important; }
.casino-winners-block [class*="empty"] { min-height: 0 !important; padding: 10px 0 !important; font-size: 10px !important; line-height: 12px !important; }

.storiesWidgetWrapper .storiesWidgetList { padding: 0 !important; }
.storiesWidgetWrapper .horizontalSliderRow { padding: 0 !important; }

.hm-row-bc:has(.bb-stories) { height: auto !important; }
.storiesWidgetWrapper { height: auto !important; align-items: flex-start !important; }
.storiesWidgetWrapper .storiesWidgetList { height: auto !important; align-self: flex-start !important; }

.storiesWidgetWrapper { padding: 16px 16px 8px !important; overflow: visible !important; }
.storiesWidgetWrapper .storiesWidgetList { overflow: visible !important; }
.storiesWidgetWrapper .horizontalSliderRow { overflow: visible !important; }
.hm-row-bc:has(.bb-stories), .hm-row-bc:has(.bb-stories) .hm-row-bc-inner { overflow: visible !important; }

/* ===== BRBET Titulos de secao (Figma) ===== */
.bb-top10 .sectionTitleText, .bb-novidades .sectionTitleText, .bb-mais-jogados .sectionTitleText { font-size: 20px !important; line-height: 24px !important; font-weight: 600 !important; color: #FCFCFC !important; letter-spacing: 0 !important; }
.bb-top10 .sectionTitle, .bb-novidades .sectionTitle, .bb-mais-jogados .sectionTitle { padding: 8px 16px !important; }
.bb-top10 .ds-link .link__label, .bb-novidades .ds-link .link__label { font-size: 14px !important; line-height: 20px !important; color: #94A3B8 !important; }
.bb-top10 .ds-link:hover .link__label, .bb-novidades .ds-link:hover .link__label { color: #FCFCFC !important; }

/* ===== BRBET TOP 10 (numeracao via counter) ===== */
.bb-top10 .swiper-wrapper { counter-reset: bbtop10 !important; }
.bb-top10 .casinoGameItemContent { position: relative !important; overflow: visible !important; }
.bb-top10 .casinoGameItem { position: relative !important; border-radius: 8px !important; overflow: hidden !important; }
.bb-top10 .casinoGameItemImage { border-radius: 8px !important; object-fit: cover !important; }
.bb-top10 .casinoGameItem::before { content: "TOP" !important; position: absolute !important; left: 6px !important; top: 6px !important; width: 34px !important; height: 46px !important; box-sizing: border-box !important; padding-top: 6px !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; border-radius: 8px !important; background: rgba(255,246,0,0.1) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; font-size: 10px !important; line-height: 12px !important; font-weight: 700 !important; letter-spacing: 0.4px !important; color: #FFFFFF !important; z-index: 2 !important; }
.bb-top10 .casinoGameItem::after { counter-increment: bbtop10 !important; content: counter(bbtop10) !important; position: absolute !important; left: 6px !important; top: 22px !important; width: 34px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; line-height: 28px !important; font-weight: 700 !important; color: #FFF600 !important; z-index: 3 !important; }
.bb-top10 .casinoGameItemContent::after { content: "Jogar agora" !important; position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; bottom: 8px !important; width: 126px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 9999px !important; background: rgba(255,246,0,0.1) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; color: #FFF600 !important; font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; z-index: 3 !important; pointer-events: none !important; }

/* ===== BRBET Provedores ===== */
.bb-provedores .sectionTitleText { font-size: 20px !important; line-height: 24px !important; font-weight: 600 !important; color: #FCFCFC !important; }
.bb-provedores .swiper-slide { border-radius: 8px !important; overflow: hidden !important; }

/* ===== BRBET Torneios ===== */
.bb-torneios .sectionTitleText { font-size: 20px !important; line-height: 24px !important; font-weight: 600 !important; color: #FCFCFC !important; }

/* ===== BRBET Refinamentos (Figma desktop) ===== */
.bb-torneios .sectionTitleText { font-size: 0 !important; }
.bb-torneios .sectionTitleText::after { content: "Torneios ineditos" !important; font-size: 20px !important; line-height: 24px !important; font-weight: 600 !important; color: #FCFCFC !important; }
.bb-torneios .sectionTitle { padding: 8px 16px !important; }
.bb-provedores .sectionTitle { padding: 8px 16px !important; }
.bb-top10 .swiper-slide { width: 138px !important; margin-right: 12px !important; }
.bb-top10 .casinoGameItemContent, .bb-top10 .casinoGameItem { width: 138px !important; height: 184px !important; }
.bb-top10 .casinoGameItemImage { width: 138px !important; height: 184px !important; object-fit: cover !important; }
.bb-top10 .casinoGameItem::before { height: 48px !important; }
.bb-top10 .casinoGameItemContent::after { width: 118px !important; bottom: 10px !important; font-size: 13px !important; }

/* ===== BRBET GANHOS fix (faixa, nao pilula) ===== */
.casino-winners-block::before { background: linear-gradient(90deg, rgba(45,245,128,0.16) 0%, rgba(45,245,128,0) 100%) !important; border-radius: 12px 0 0 12px !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; }
.casino-winners-block::after { width: 2px !important; height: 39px !important; top: 13px !important; left: 0 !important; border-radius: 0 0 12px 12px !important; background: #33BF3B !important; box-shadow: 0 -3px 20px 2px #33BF3B, 0 0 12px 1px #33BF3B !important; }

/* ===== BRBET Stories badges fix (so quem tem texto) ===== */
.storiesWidgetListItem::after { display: none !important; content: none !important; }
/* ===== BRBET Stories DESKTOP refazer (Figma 512:36834) ===== */
.storiesWidgetWrapper .horizontalSliderRow { gap: 16px !important; align-items: flex-start !important; }
.storiesWidgetWrapper .storiesWidgetListItem, .storiesWidgetWrapper .storiesWidgetListItem:nth-child(4) { width: 80px !important; min-width: 80px !important; gap: 4px !important; }
.storiesWidgetWrapper .storiesWidgetListItem .horizontal-sl-icon-bc { width: 80px !important; height: 80px !important; min-width: 80px !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,0.45) !important; background: #0E1730 !important; object-fit: cover !important; padding: 0 !important; }
.storiesWidgetWrapper .storiesWidgetListItem .horizontal-sl-title-bc, .storiesWidgetWrapper .storiesWidgetListItem:nth-child(4) .horizontal-sl-title-bc { font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; width: 80px !important; max-width: 80px !important; margin-top: 4px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.storiesWidgetWrapper .storiesWidgetListItem::after, .storiesWidgetWrapper .storiesWidgetListItem:nth-child(4)::after, .storiesWidgetWrapper .storiesWidgetListItem:nth-child(6)::after { top: -8px !important; left: 50% !important; transform: translateX(-50%) !important; height: 16px !important; min-width: 16px !important; padding: 0 4px !important; border-radius: 12px !important; background: #217F26 !important; color: #FCFCFC !important; font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; }
.bb-stories .skeleton-loader-game-cube { width: 80px !important; height: 80px !important; border-radius: 16px !important; }

/* ===== BRBET Stories icon padding (Figma 8px, imagem 64 em caixa 80) ===== */
.storiesWidgetWrapper .storiesWidgetListItem .horizontal-sl-icon-bc { padding: 8px !important; box-sizing: border-box !important; object-fit: cover !important; }

/* ===== BRBET Stories borda com blend OVERLAY (Figma) ===== */
.storiesWidgetWrapper .storiesWidgetListItem { position: relative !important; }
.storiesWidgetWrapper .storiesWidgetListItem .horizontal-sl-icon-bc { border: 0 !important; }
.storiesWidgetWrapper .storiesWidgetListItem::before { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; left: 50% !important; transform: translateX(-50%) !important; width: 80px !important; height: 80px !important; box-sizing: border-box !important; border: 1px solid rgba(255,255,255,0.45) !important; border-radius: 16px !important; mix-blend-mode: overlay !important; pointer-events: none !important; background: transparent !important; z-index: 2 !important; }

/* ===== BRBET Stories badge cantos arredondados + padding lateral ===== */
.storiesWidgetWrapper:not(.portraitView) .horizontalSliderRow .storiesWidgetListItem:nth-child(4)::after, .storiesWidgetWrapper:not(.portraitView) .horizontalSliderRow .storiesWidgetListItem:nth-child(6)::after { border-radius: 6px !important; padding: 0 6px !important; height: 16px !important; min-width: 0 !important; width: max-content !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }

/* ===== BRBET Stories anel de borda (nao circular, 16px) ===== */
.storiesWidgetWrapper:not(.portraitView) .horizontalSliderRow .storiesWidgetListItem::before { border-radius: 16px !important; }

/* ===== BRBET Menu topo desktop estilo Figma (512:36829) ===== */
.nav-content-bc { background: #060B18 !important; }
.nav-content-bc .nav-menu-item { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 40px !important; padding: 8px 16px !important; margin: 0 4px !important; border-radius: 12px !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; color: #FCFCFC !important; opacity: 0.5 !important; text-transform: none !important; }
.nav-content-bc .nav-menu-item .CMSIconSVGWrapper, .nav-content-bc .nav-menu-item svg { display: none !important; }
.nav-content-bc .nav-menu-item:hover { opacity: 1 !important; color: #FFFFFF !important; background: #0E1730 !important; }
.nav-content-bc .nav-menu-item.active, .nav-content-bc .nav-menu-item.selected, .nav-content-bc .nav-menu-item.is-active, .nav-content-bc li.active .nav-menu-item { color: #FFFFFF !important; opacity: 1 !important; }
/* ===== BRBET Menu topo: exibir nav (skin esconde por padrao) ===== */
.header-bc > .nav-content-bc { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; padding: 6px 24px !important; }
.nav-content-bc .nav-menu-list { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: nowrap !important; }
/* ===== BRBET Stories borda solida no card (sem anel circular) ===== */
.storiesWidgetWrapper .storiesWidgetListItem::before { content: none !important; display: none !important; }
.storiesWidgetWrapper .storiesWidgetListItem .horizontal-sl-icon-bc { border: 1px solid #1B2748 !important; border-radius: 16px !important; }
/* ===== BRBET Menu topo: active/default estilo Figma (sem pilula) ===== */
.header-bc .nav-content-bc .nav-menu-item:hover, .header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu > li:hover > .nav-menu-item, .header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item:hover { color: #FFFFFF !important; background: transparent !important; opacity: 1 !important; }
.header-bc .nav-content-bc .nav-menu-item.active, .header-bc .nav-content-bc .nav-menu-item.selected, .header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item.active, .header-bc .nav-content-bc .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item.active { color: #FFFFFF !important; background: transparent !important; opacity: 1 !important; }