/* TRECHO 4 — faixa entre a linha de avaliacao e o bloco de ofertas (lynae.co). 12/09/2026.
   Medido em 390/768/1024/1440 com getComputedStyle + regras casadas por CDP.
   Tudo escopado em #lyn-tp4. SEM all:revert: a regiao fica colada nas barras de oferta e no
   botao de compra, e um revert mal escopado ja' matou o position:relative do botao e cobriu a
   pagina com um pseudo-elemento (LEIA.md, 10/09/2026). Aqui nada e' devolvido ao UA: cada
   propriedade que importa e' declarada.
   A origem usa Montserrat, a mesma fonte da nossa pagina — a familia e' herdada de proposito.  */

#lyn-tp4{display:block;margin:0;padding:0;border:0;color:#1c1c1c;
  font-family:'Montserrat',sans-serif;font-size:14px;font-weight:400;font-style:normal;
  letter-spacing:normal;text-transform:none;text-align:left}
#lyn-tp4 *,#lyn-tp4 *::before,#lyn-tp4 *::after{box-sizing:border-box}
#lyn-tp4 p{margin:0;padding:0;color:#1c1c1c;text-wrap:pretty;overflow-wrap:break-word}
#lyn-tp4 strong{font-weight:600}
#lyn-tp4 em{font-style:italic}
#lyn-tp4 img{display:block;max-width:100%}

/* bloco 1 — frase de apoio (14px/19,6 no mobile; 15px/21 do desktop) */
#lyn-tp4 .lyn-tp4__frase{margin:0}
#lyn-tp4 .lyn-tp4__frase p{font-size:14px;line-height:19.6px;font-weight:400}

/* bloco 2 — grade de 4 beneficios: 2 colunas iguais, gap 10; item flex com gap 5 */
#lyn-tp4 .lyn-tp4__grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 0}
#lyn-tp4 .lyn-tp4__item{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0}
#lyn-tp4 .lyn-tp4__item p{font-size:12.5px;line-height:17.5px;font-weight:400}
/* icone: altura fixa de 30px, largura pelo proprio viewBox (28, 30, 22, 30) */
#lyn-tp4 .lyn-tp4__icone{height:30px;width:auto;flex:0 0 auto}
/* o icone 3 e o selo ESCALAM na origem (o tamanho vem de variavel do tema). Igualo por faixa
   de largura, com os numeros medidos em 390 / 768 / 1024 / 1440. */
#lyn-tp4 .lyn-tp4__item:nth-child(3) .lyn-tp4__icone{height:33.4px}

/* bloco 3 — card do selo */
#lyn-tp4 .lyn-tp4__card{display:flex;flex-direction:row;align-items:center;gap:15px;
  margin:22px 0 0;padding:10px 15px;background:#f7f7f7;border-radius:10px;
  border:1px solid rgba(0,0,0,.81)}   /* medido na origem: 1px solid rgba(0,0,0,.81) */
#lyn-tp4 .lyn-tp4__selo{height:35.3px;width:auto;flex:0 0 auto}
#lyn-tp4 .lyn-tp4__cardtxt{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
#lyn-tp4 .lyn-tp4__cardtit{font-size:14px;line-height:19.6px}
#lyn-tp4 .lyn-tp4__cardsub{font-size:12.5px;line-height:17.5px}

/* a origem troca a tipografia em 768, nao em 1024 (medido nas 4 larguras) */
@media (min-width:768px){
  #lyn-tp4 .lyn-tp4__frase p{font-size:15px;line-height:21px}
  #lyn-tp4 .lyn-tp4__item p{font-size:13.5px;line-height:18.9px}
  #lyn-tp4 .lyn-tp4__cardtit{font-size:15px;line-height:21px}
  #lyn-tp4 .lyn-tp4__cardsub{font-size:13.5px;line-height:18.9px}
  #lyn-tp4 .lyn-tp4__item:nth-child(3) .lyn-tp4__icone{height:30px}
  #lyn-tp4 .lyn-tp4__selo{height:33.9px}
}
@media (min-width:1024px){
  #lyn-tp4 .lyn-tp4__item:nth-child(3) .lyn-tp4__icone{height:37.1px}
  #lyn-tp4 .lyn-tp4__selo{height:36.3px}
}
@media (min-width:1440px){
  #lyn-tp4 .lyn-tp4__item:nth-child(1) .lyn-tp4__icone{height:32.1px}
  #lyn-tp4 .lyn-tp4__item:nth-child(3) .lyn-tp4__icone{height:40.9px}
  #lyn-tp4 .lyn-tp4__selo{height:38.1px}
}