/* ─────────────────────────────────────────────────────────────
   Página "Montagem de Natal" — só ela carrega esta folha.

   Folha própria, e não mais um bloco em site-detalhes.css, por dois motivos:
   aquela está no teto de 20 KB que o FTP desta hospedagem transporta
   (CONTEXTO §12.5), e nada disto aparece em outra página (§12.11).

   O formulário reaproveita `.form-consultoria` de site.css: é o mesmo gesto
   — contar algo à loja —, e deve parecer o mesmo.
   ───────────────────────────────────────────────────────────── */

.montagens{margin:var(--s-12) 0 0}
.montagens__titulo{
  font-family:var(--font-display);font-style:italic;font-weight:400;
  font-size:clamp(1.5rem,4vw,2rem);color:var(--c-deep-green);
  text-align:center;margin-bottom:var(--s-8);padding:0 var(--s-4);
}
.montagens .grade{padding-bottom:var(--s-8)}

.pedido-montagem{
  max-width:34rem;margin:var(--s-12) auto var(--s-16);padding:0 var(--s-4);
  /* O formulário é o destino de quem veio de um botão "verificar
     disponibilidade" em outra parte da página: fica longe do cabeçalho
     ao chegar pela âncora. */
  scroll-margin-top:var(--s-8);
}
.pedido-montagem__titulo{
  font-family:var(--font-display);font-style:italic;font-weight:400;
  font-size:clamp(1.5rem,4vw,2rem);color:var(--c-deep-green);text-align:center;
}
.pedido-montagem__apoio{
  text-align:center;margin:var(--s-2) 0 var(--s-8);opacity:.8;text-wrap:balance;
}
.pedido-montagem select{
  width:100%;min-height:48px;padding:.6rem .8rem;
  border:1px solid var(--border);border-radius:var(--radius);
  background:var(--surface,#fff);color:inherit;font:inherit;
}
.pedido-montagem__ok{
  text-align:center;padding:var(--s-8) var(--s-6);
  border:1px solid var(--border);border-radius:var(--radius-lg);
  background:rgba(50,79,77,.04);
}
.pedido-montagem__ok h2{
  font-family:var(--font-display);font-style:italic;font-weight:400;
  font-size:1.75rem;color:var(--c-deep-green);margin-bottom:var(--s-3);
}
.pedido-montagem__ok p{line-height:1.6;opacity:.88;text-wrap:pretty}