/* ===== FAQ (port_faq) =====
   Tipografia espelhando o bloco de Trustpilot, que e o vizinho direto na pagina:
   mesma familia (herdada do alvo, como o .dy-tps faz), titulo em clamp(24-32px)/600
   e cartao 15px/700 + corpo 13.5px. Assim os dois blocos leem como um so.

   Este CSS mora em arquivo PROPRIO de proposito. Antes ele era anexado ao
   dy-shell.css pelo port_faq, e o port_shell — que recopia o shell.css por cima a
   cada execucao — apagava tudo: o FAQ voltava a herdar 16px/400 em titulo, pergunta
   e resposta, sem hierarquia nenhuma. */
.dy-faq{margin-top:64px !important;margin-bottom:72px !important}
@media(min-width:1024px){.dy-faq{margin-top:88px !important;margin-bottom:96px !important}}
/* A margem de BAIXO importa tanto quanto a de cima: a secao seguinte no Oura e a
   pdp-tech-specs ("What's Included"), que tem pt-20 no mobile e pt-0 no desktop —
   ou seja, no desktop ela encostava no FAQ sem nenhum respiro. */

.dy-faq h2{font-size:clamp(24px,4vw,32px);font-weight:600;text-align:center;
  letter-spacing:-.01em;line-height:1.2;margin:0 0 clamp(20px,3.4vw,30px)}

.dy-faq-l{border-top:1px solid rgba(0,0,0,.13);max-width:52rem;margin:0 auto}
.dy-faq-i{border-bottom:1px solid rgba(0,0,0,.13)}

.dy-faq-q{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:19px 2px;cursor:pointer;list-style:none;text-align:left;
  font-size:15px;font-weight:700;color:var(--dy-ink);letter-spacing:-.01em;line-height:1.3}
.dy-faq-q::-webkit-details-marker{display:none}

.dy-faq-ic{position:relative;flex:0 0 auto;width:13px;height:13px;color:var(--dy-soft)}
.dy-faq-ic::before,.dy-faq-ic::after{content:"";position:absolute;background:currentColor;
  left:50%;top:50%;transform:translate(-50%,-50%)}
.dy-faq-ic::before{width:13px;height:1.5px}
.dy-faq-ic::after{width:1.5px;height:13px;transition:transform .2s}
.dy-faq-i[open] .dy-faq-ic::after{transform:translate(-50%,-50%) scaleY(0)}

.dy-faq-a{padding:0 2px 22px;max-width:44rem;font-size:13.5px;color:#3a3a3a;line-height:1.6}
.dy-faq-a p+p{margin-top:11px}
.dy-faq-a ul{list-style:disc;padding-left:20px;margin-top:9px}
.dy-faq-a li{margin-top:4px}