/* Ferrer Precise Painting — stable premium review cards */

/* These selectors intentionally outrank the shared mobile theme. */
html body.reviews-page main .content:not(.alt) > .grid{
  gap:14px!important;
}

html body.reviews-page main .content:not(.alt) > .grid > article.review{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:24px!important;
  overflow:hidden!important;
  border:1px solid #d8e2ea!important;
  border-radius:18px!important;
  background:#fff!important;
  background-image:none!important;
  color:#102238!important;
  box-shadow:0 10px 26px rgba(15,42,63,.08)!important;
  backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  isolation:isolate!important;
}

/* Kill every legacy/generated layer that caused the giant white pills. */
html body.reviews-page main .content:not(.alt) > .grid > article.review::before,
html body.reviews-page main .content:not(.alt) > .grid > article.review::after,
html body.reviews-page main .content:not(.alt) > .grid > article.review h3::before,
html body.reviews-page main .content:not(.alt) > .grid > article.review h3::after,
html body.reviews-page main .content:not(.alt) > .grid > article.review .review-source::before,
html body.reviews-page main .content:not(.alt) > .grid > article.review .review-source::after{
  content:none!important;
  display:none!important;
  position:static!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

html body.reviews-page main .content:not(.alt) > .grid > article.review .quote-mark{
  display:none!important;
}

html body.reviews-page main .content:not(.alt) > .grid > article.review .stars{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  width:max-content!important;
  height:auto!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#f4b400!important;
  -webkit-text-fill-color:#f4b400!important;
  background:none!important;
  box-shadow:none!important;
  letter-spacing:0!important;
}

html body.reviews-page main .content:not(.alt) > .grid > article.review .stars .ui-icon{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
  padding:0!important;
  color:#f4b400!important;
  fill:#f4b400!important;
}

html body.reviews-page main .content:not(.alt) > .grid > article.review h3{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#102238!important;
  -webkit-text-fill-color:#102238!important;
  background:none!important;
  font-size:19px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  text-shadow:none!important;
}

html body.reviews-page main .content:not(.alt) > .grid > article.review p{
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:#52677a!important;
  -webkit-text-fill-color:#52677a!important;
  background:none!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.62!important;
  text-shadow:none!important;
}

html body.reviews-page main .content:not(.alt) > .grid > article.review .review-source{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  height:auto!important;
  min-height:0!important;
  margin:17px 0 0!important;
  padding:6px 10px!important;
  border:1px solid #dce5ec!important;
  border-radius:999px!important;
  background:#f6f9fb!important;
  color:#52677a!important;
  -webkit-text-fill-color:#52677a!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-transform:none!important;
}

html body.reviews-page main .content:not(.alt) > .grid > article.review .review-source::first-letter{
  color:#4285f4;
}

@media(max-width:820px){
  html body.reviews-page main .content:not(.alt) > .grid{
    gap:10px!important;
  }

  html body.reviews-page main .content:not(.alt) > .grid > article.review{
    padding:17px 16px 16px!important;
    border-radius:14px!important;
    box-shadow:0 6px 18px rgba(15,42,63,.07)!important;
  }

  html body.reviews-page main .content:not(.alt) > .grid > article.review .stars{
    margin-bottom:11px!important;
    gap:2px!important;
  }

  html body.reviews-page main .content:not(.alt) > .grid > article.review .stars .ui-icon{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    min-height:14px!important;
  }

  html body.reviews-page main .content:not(.alt) > .grid > article.review h3{
    margin-bottom:8px!important;
    font-size:16px!important;
  }

  html body.reviews-page main .content:not(.alt) > .grid > article.review p{
    font-size:12.5px!important;
    line-height:1.55!important;
  }

  html body.reviews-page main .content:not(.alt) > .grid > article.review .review-source{
    margin-top:12px!important;
    padding:5px 8px!important;
    font-size:9px!important;
  }
}