/*
 * SLZ7 - Secoes ordenaveis / abas das paginas individuais (V46)
 * ---------------------------------------------------------------
 * Contextual: carrega apenas em serviço/produto e perfil do criador.
 * Aqui fica somente a base estrutural. Cores, tamanhos, pontos de quebra e
 * variacoes de estilo saem do Personalizar (CSS dinamico dos modulos
 * customizer-offer-page.php e customizer-creator-page.php).
 */

.slz7-ps,
.slz7-ps-panels { display: contents; }
.slz7-ps-panel { min-width: 0; }

/*
 * Espacamento identico ao original: antes as secoes eram filhas diretas de
 * .offer-main (.offer-main>section). Com o motor de secoes elas passam a
 * ficar dentro de um painel transparente (display:contents), por isso as
 * mesmas margens sao replicadas aqui, sem mudar nenhum valor.
 */
.offer-main .slz7-ps-panel > section { margin-bottom: 40px; }
@media (max-width: 900px) {
  .offer-main .slz7-ps-panel > section { margin-bottom: 22px; }
}

/* Sem abas o resultado visual e identico ao empilhado original. */
.slz7-ps .slz7-ps-tabs { display: none; }
.slz7-ps-tab { font: inherit; }

/* Cartao lateral movido pelo JS no mobile: nunca fica preso/sticky. */
.offer-sidebar.is-mobile-moved,
.inst-pro-side.is-mobile-moved { position: static; width: auto; margin: 0 0 22px; }
.offer-sidebar.is-mobile-moved .buy-card { position: static; }

/* Botao de avaliar: rotulo curto no mobile (visibilidade vem do dinamico). */
.slz7-lbl-short { display: none; }

/* Barra de compra fixa: escondida ate o CSS dinamico liga-la no mobile. */
.slz7-buybar { display: none; }
.slz7-buybar-in { display: flex; align-items: center; gap: 12px; }
.slz7-buybar-btn { display: inline-flex; align-items: center; gap: 8px; }

/* Link opcional "Ver perfil" no bloco Sobre o criador (mobile). */
.offer-creator .ci-profile-link {
  display: none;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-weight: 800;
  font-size: .82rem;
}