/* Ajustes de leitura e conversão para desktop, tablet e mobile. */
@media (min-width:1100px){
  header,main,footer{max-width:1320px}
  header{padding:1.15rem 2rem}
  .crumbs{padding:1rem 2rem}
  .product{grid-template-columns:minmax(440px,.96fr) minmax(480px,1.04fr);gap:3.5rem;margin:0 2rem 2.5rem;padding:2.5rem}
  .image{min-height:520px;padding:2rem}
  .image img{max-height:470px}
  .details{align-self:center;max-width:570px}
  .details h1{font-size:clamp(2rem,2.7vw,2.75rem)}
  .details ul{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.4rem;padding-left:1.2rem}
  .details li:last-child{grid-column:1/-1}
  .product-more{max-width:1320px;padding:0 2rem}
  .more-heading{max-width:820px}
  .info-card{min-height:174px}
}

@media (min-width:721px) and (max-width:1099px){
  .product{grid-template-columns:minmax(310px,.9fr) minmax(340px,1.1fr);gap:1.8rem;padding:1.6rem}
  .image{min-height:370px;padding:1rem}
  .image img{max-height:340px}
  .details h1{font-size:clamp(1.75rem,3.1vw,2.25rem)}
  .product-more{margin-top:0}
  .info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .info-card{padding:1rem}
  .service-strip div{padding:1rem}
}

@media (max-width:720px){
  body{font-size:15.5px}
  .topline{gap:.25rem;padding:.55rem 1rem;font-size:.72rem;line-height:1.35}
  .topline span{width:100%}
  .topline span:before{padding-right:.35rem}
  header{padding:.85rem 1rem;gap:.7rem}
  .brand{gap:.55rem;font-size:1rem;min-width:0}
  .brand img{width:46px;height:46px;flex:0 0 46px}
  .brand small{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}
  .help{font-size:.78rem;white-space:nowrap}
  .crumbs{padding:.8rem 1rem;font-size:.78rem}
  .product{margin:0 .75rem 1.4rem;padding:0;gap:0;border-radius:1rem;overflow:hidden;box-shadow:0 8px 24px #0b294d0d}
  .image{min-height:300px;padding:1.25rem;background:linear-gradient(180deg,#f8fbfd,#f2f7fb)}
  .image img{max-height:285px}
  .details{padding:1.2rem}
  .details h1{font-size:1.58rem;line-height:1.18;margin:.32rem 0 .7rem}
  .code{font-size:.76rem}
  .price{font-size:1.85rem;margin:.9rem 0 .1rem}
  .pix{font-size:.9rem}
  .details>p:not(.code):not(.pix){font-size:.92rem;line-height:1.5}
  .details ul{padding:0;margin:1.1rem 0;list-style:none;display:grid;gap:.55rem}
  .details li{position:relative;padding:.7rem .75rem .7rem 1.85rem;background:#f5f9fc;border:1px solid #e4edf5;border-radius:.65rem;font-size:.84rem;line-height:1.4}
  .details li:before{content:"✓";position:absolute;left:.72rem;color:#087464;font-weight:900}
  .buy{margin:1.1rem 0 .7rem;padding:1rem;min-height:50px;border-radius:.75rem}
  .whatsapp{padding:.75rem;border:1px solid var(--line);border-radius:.75rem;font-size:.88rem}
  .return-note{font-size:.78rem;margin-top:1.1rem}
  .product-more{margin:0 0 2rem;padding:0 .75rem}
  .more-heading{margin-bottom:1rem}
  .more-heading h2{font-size:1.45rem}
  .more-heading>p:last-child{font-size:.9rem}
  .info-grid{gap:.75rem}
  .info-card{padding:1rem;border-radius:.9rem}
  .info-card h3{margin:.65rem 0 .3rem}
  .service-strip{margin-top:.75rem;border-radius:.9rem}
  .service-strip div{padding:.9rem 1rem}
  .faq{margin-top:.75rem;border-radius:.9rem;padding:1rem}
  .faq details{padding:.75rem 0}
  footer{margin:0 .75rem;padding:1.5rem 0;font-size:.84rem}
}

@media (max-width:380px){
  .brand small{max-width:130px}
  .help{font-size:.71rem}
  .image{min-height:270px}
  .image img{max-height:255px}
  .details h1{font-size:1.42rem}
}

a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffbd39;outline-offset:3px}