/* === Ajuste Mobile Black Friday === */
@media screen and (max-width: 720px) {
  /* Títulos */
  #custon-page h1 { font-size: 42px !important; }
  #custon-page h2 { font-size: 24px !important; }
  #custon-page h3 { font-size: 20px !important; }

  /* Banner topo (imagem + gradiente) */
  #custon-page .banner-topo {
    background:
      linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.35)),
      url("https://ph-cdn4.ecosweb.com.br/web/cp-urls/posthaus/nova-id/2025/black-friday/img/banners/mobile.jpg")
      no-repeat center top / cover;
    border-radius: 0 0 32px 32px;
    height: 460px;              /* ↓ menor para reduzir o "vazio" */
    font-size: 72px;
    line-height: 62px;
    margin-bottom: 0 !important; /* remove espaçamento do section .mb-4 */
  }

  /* Conteúdo dentro do banner + blocos seguintes */
  #custon-page .controller-width {
    position: relative;
    top: 0;                     /* ↓ remove deslocamento que criava gap */
    z-index: 1;
  }

  /* Se o próximo container vier com mt-4, diminui no mobile */
  #custon-page .controller-width.mt-4 { margin-top: 8px !important; }
  /* E, se quiser, um respiro menor no final */
  #custon-page .controller-width.mb-5 { margin-bottom: 16px !important; }

  /* Título composto (imagem + textos) */
  #custon-page .ajust-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    top: 80px;                 /* ajuste fino (era -72px); reduza mais se precisar colar no topo */
  }
  #custon-page .ajust-title img { height: 105px; }
  #custon-page .ajust-title p,
  #custon-page .ajust-title span { position: relative; top: -10px; }
  #custon-page .ajust-title span { font-size: 56px; }

  /* Imagens arredondadas */
  #custon-page img { border-radius: 16px; }

  /* Vídeos */
  #video-manifesto-desktop { display: none; }
  #video-manifesto-mobile  { display: block; }

  /* Boxes / utilidades já existentes */
  .box-content { border-radius: 0; min-height: 420px; }
  .box-content h1 { text-align: center !important; }

  .mockup-desktop { display: none; }
  .mockup-mobile  { display: block; }

  .category-bf p { height: 92px; }
  .box-vantagens { padding: 16px; height: auto; min-height: auto; }
  .box-marcas    { height: 92px; }
  .box-formulario h1 { display: none; }
  .products-container .row { margin: 1px; }
}