/* Página: FDS — fiel ao site original (banda navy com foto de fundo por categoria) */
.fds-prod-panel { display: grid; grid-template-columns: 170px 1fr; gap: 24px; align-items: center; }
.fds-prod-panel + .fds-prod-panel { border-top: 1px solid rgba(255,255,255,.18); margin-top: 18px; padding-top: 20px; }
.fds-prod-panel__can { text-align: center; }
.fds-prod-panel__can img { width: 100%; max-width: 170px; margin: 0 auto; filter: drop-shadow(0 12px 24px rgba(0,0,0,.4)); }
.fds-prod-panel__body h3 { font-size: 19px; color: #fff; letter-spacing: .05em; margin-bottom: 12px; }

.fds-pill-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.fds-pill { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff;
  border-radius: 999px; padding: 7px 7px 7px 16px; font-size: 12.5px; color: #2b2b8c; transition: var(--transition); }
.fds-pill:hover { background: #eef0ff; }
.fds-pill .dot { flex: none; width: 22px; height: 22px; border-radius: 50%; background: #2b2b8c; padding: 4px; }

@media (max-width: 860px) {
  .fds-prod-panel { grid-template-columns: 1fr; text-align: center; }
  .fds-prod-panel__can img { max-width: 130px; }
  .fds-pill-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .fds-pill-grid { grid-template-columns: 1fr; }
}