/* ===== Subsónico – descrições de produto (K-Tek / Stingray / Airo) ===== */
.ss-desc, .ss-short {
  --ss-accent: #ff4d20;
  --ss-accent-soft: rgba(255, 77, 32, .08);
  --ss-text: #1d1d1f;
  --ss-muted: #6e6e73;
  --ss-line: #e8e8ed;
  --ss-bg: #f7f7f8;
  --ss-radius: 14px;
  color: var(--ss-text);
  line-height: 1.65;
}
.ss-desc { max-width: 900px; }
.ss-desc > * + * { margin-top: 1.6em; }

/* Abertura */
.ss-desc .ss-lead { font-size: 1.15em; line-height: 1.6; margin: 0; }
.ss-desc .ss-lead strong { color: var(--ss-accent); font-weight: 600; }

/* Chips de especificações rápidas */
.ss-desc .ss-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1em; }
.ss-desc .ss-chips span {
  padding: 6px 14px; border-radius: 999px; font-size: .85em; font-weight: 500;
  background: var(--ss-accent-soft); color: var(--ss-accent); white-space: nowrap;
}

/* Títulos */
.ss-desc h2 {
  font-size: 1.45em; font-weight: 600; letter-spacing: -.01em; margin: 1.8em 0 .5em;
  padding-left: 14px; border-left: 3px solid var(--ss-accent);
}
.ss-desc h3 { font-size: 1.05em; font-weight: 600; margin: 0 0 .6em; }
.ss-desc p { margin: 0 0 .8em; }

/* Cartões em duas colunas */
.ss-desc .ss-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.ss-desc .ss-card { background: var(--ss-bg); border-radius: var(--ss-radius); padding: 22px 24px; }
.ss-desc .ss-card ul, .ss-short ul { list-style: none; margin: 0; padding: 0; }
.ss-desc .ss-card li, .ss-short li { position: relative; padding: 5px 0 5px 22px; }
.ss-desc .ss-card li::before, .ss-short li::before {
  content: ""; position: absolute; left: 0; top: .85em; width: 8px; height: 8px;
  border-radius: 50%; background: var(--ss-accent);
}

/* Secções que abrem (acordeão nativo) */
.ss-desc details.ss-acc { border: 1px solid var(--ss-line); border-radius: var(--ss-radius); background: #fff; overflow: hidden; }
.ss-desc details.ss-acc + details.ss-acc { margin-top: 10px; }
.ss-desc details.ss-acc > summary {
  list-style: none; cursor: pointer; padding: 18px 56px 18px 22px; position: relative; transition: background .2s;
}
.ss-desc details.ss-acc > summary::-webkit-details-marker { display: none; }
.ss-desc details.ss-acc > summary h3 { margin: 0; display: inline; }
.ss-desc details.ss-acc > summary::after {
  content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%);
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  background: var(--ss-accent-soft); color: var(--ss-accent); font-size: 18px; line-height: 1; transition: transform .25s;
}
.ss-desc details.ss-acc[open] > summary::after { transform: translateY(-50%) rotate(45deg); }
.ss-desc details.ss-acc > summary:hover { background: var(--ss-bg); }
.ss-desc details.ss-acc > .ss-acc-body { padding: 0 22px 20px; }
.ss-desc details.ss-acc > .ss-acc-body > :last-child { margin-bottom: 0; }

/* Tabela de especificações */
.ss-desc table.ss-specs { width: 100%; border-collapse: collapse; margin: 0; border: 0; font-size: .95em; }
.ss-desc table.ss-specs th, .ss-desc table.ss-specs td {
  padding: 11px 0; border: 0; border-bottom: 1px solid var(--ss-line); text-align: left; vertical-align: top; background: none;
}
.ss-desc table.ss-specs tr:last-child th, .ss-desc table.ss-specs tr:last-child td { border-bottom: 0; }
.ss-desc table.ss-specs th { width: 42%; font-weight: 500; color: var(--ss-muted); padding-right: 16px; }
.ss-desc table.ss-specs td { font-weight: 500; }

/* Combine com */
.ss-desc .ss-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ss-desc .ss-links a {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 12px 16px; border-radius: 10px; background: var(--ss-bg); color: var(--ss-text); text-decoration: none; transition: all .2s;
}
.ss-desc .ss-links a::after { content: "→"; color: var(--ss-accent); font-weight: 600; transition: transform .2s; }
.ss-desc .ss-links a:hover { background: var(--ss-accent-soft); color: var(--ss-accent); }
.ss-desc .ss-links a:hover::after { transform: translateX(4px); }

/* Perguntas frequentes */
.ss-desc .ss-faq-q { font-weight: 600; margin: 0 0 .3em; }
.ss-desc .ss-faq-a { color: var(--ss-muted); margin: 0 0 1em; }

/* Ligação externa */
.ss-desc .ss-ext { font-size: .9em; color: var(--ss-muted); }
.ss-desc a { color: var(--ss-accent); }
.ss-desc .ss-ext a { font-weight: 500; text-underline-offset: 3px; }

/* Descrição breve */
.ss-short .ss-short-lead { margin: 0 0 .8em; }
.ss-short li strong { font-weight: 500; color: var(--ss-muted); }

@media (max-width: 600px) {
  .ss-desc .ss-card { padding: 18px; }
  .ss-desc table.ss-specs th { width: 48%; }
}
