/* Página individual de produto — FDS TECNOLOGIA LTDA */
.pd-topo{padding:40px 0 48px;background:var(--bg)}
.pd-topo-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.pd-topo.sem-midia .pd-topo-in{grid-template-columns:minmax(0,1fr)}
.pd-trilha{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:.84rem;color:var(--ink-soft)}
.pd-trilha a{color:var(--ink-soft);text-decoration:none}
.pd-trilha a:hover{color:var(--blue);text-decoration:underline}
.pd-trilha span{opacity:.5}
.pd-topo h1{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.12;color:var(--blue-deep);margin:0}
.pd-topo .launch-tag{margin-bottom:12px}
.pd-sub{margin:14px 0 0;color:var(--ink-soft);font-size:1.08rem;line-height:1.55;max-width:52ch}
.pd-botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.pd-midia{position:relative;aspect-ratio:4/3;border-radius:24px;border:1px solid var(--line);cursor:default}
.pd-midia img{padding:6%}
.pd-midia:hover img{transform:none}

.pd-conteudo{padding:8px 0 64px;background:var(--bg)}
.pd-voltar{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font:600 .88rem 'Inter',sans-serif;color:var(--blue);text-decoration:none}
.pd-voltar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.pd-voltar:hover svg{transform:translateX(-3px)}
.pd-modal.modal{max-width:none;margin:0;padding:40px;box-shadow:0 24px 60px -30px rgba(14,39,69,.25);border:1px solid var(--line)}
.pd-detalhe{max-width:880px;margin:0 auto;padding:0}
.pd-detalhe > p:first-child{font-size:1.02rem}
.pd-detalhe .compat-detail p,.pd-detalhe p{font-size:.98rem}
.pd-detalhe img.zoomable{max-width:100%}
.pd-detalhe .modal-subhead,.pd-detalhe h3.modal-subhead{margin-top:30px}
.pd-bloco + .pd-bloco{margin-top:8px}
.pd-detalhe .modal-cta{margin-top:34px}

/* produtos relacionados */
.pd-rel{padding:64px 0 72px;background:var(--bg-alt,#f6f1ef);border-top:1px solid var(--line)}
.pd-rel h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--blue-deep);margin:0}
.pd-rel-sub{margin:8px 0 28px;color:var(--ink-soft)}
.pd-rel-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.pd-rel-grade .pcard.destaque{grid-column:auto}
.pd-rel-grade .pcard-img,.pd-rel-grade .pcard.destaque .pcard-img{aspect-ratio:1/1}
.pd-rel-todos{display:inline-flex;align-items:center;gap:8px;margin-top:30px;font:600 .95rem 'Inter',sans-serif;color:var(--blue);text-decoration:none}
.pd-rel-todos svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.pd-rel-todos:hover svg{transform:translateX(3px)}
.pcard h3 a{color:inherit;text-decoration:none;display:block}
.pcard h3 a:hover{color:var(--blue)}
a.pcard-img{text-decoration:none}

@media (max-width:1024px){.pd-rel-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){
  .pd-topo{padding:28px 0 32px}
  .pd-topo-in{grid-template-columns:minmax(0,1fr);gap:28px}
  .pd-midia{order:-1;aspect-ratio:16/11}
  .pd-modal.modal{padding:24px 18px}
}
@media (max-width:560px){
  .pd-rel-grade{grid-template-columns:minmax(0,1fr)}
  .pd-botoes .btn{flex:1 1 100%;justify-content:center}
}
/* cada produto já tem seus botões no topo e no fim da página */
.pd-detalhe > a.btn-primary{display:none}