/* Reviews by platform (11-oct-2026). Its own file so other edits to home.css never drop it.
   Loaded after home.css on the home page, Sacred Plants and Yoga. Five platforms: Facebook added,
   and it has no stars, so it shows the % that recommend. Numbers come from scripts/reviews.js. */
.rvs__list { grid-template-columns: repeat(5, auto); justify-content: space-between; }
.rvs__score, .rvs__name { white-space: nowrap; }
.rvs__rec { font-size: 12.5px; line-height: 13px; color: #1B5FD9; white-space: nowrap; }
.rvs__rec b { font-weight: 600; }
.hproof__fb { display: inline-flex; }
@media (max-width: 1320px) { .rvs { grid-template-columns: 1fr; } .rvs__item:first-child { border-left: 0; padding-left: 0; } }
@media (max-width: 1180px) and (min-width: 721px) { .rvs__list { grid-template-columns: repeat(3, 1fr); row-gap: 18px; } .rvs__item:nth-child(3n+1) { border-left: 0; padding-left: 0; } }
@media (max-width: 720px) { .rvs__list { grid-template-columns: 1fr 1fr; justify-content: stretch; } .rvs__score, .rvs__name { white-space: normal; } }
/* Hero line on phones: five logos still fit next to the text on a normal phone */
@media (max-width: 480px) { .hproof { gap: 8px; } .hproof__stars { gap: 1px; } .hproof__stars svg { width: 13px; height: 13px; } .hproof__logos { gap: 8px; } .hproof__logo { width: 17px; height: 17px; } img.hproof__logo[src*="tripadvisor"] { width: 20px; height: 20px; } }
/* Narrow phones (iPhone SE, 320-380px): two columns still fit inside the page */
@media (max-width: 380px) { .rvs__list { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .rvs__item { gap: 8px; padding: 0 8px; } .rvs__item:nth-child(odd) { padding-left: 0; } .rvs__logo { width: 26px; height: 26px; } .rvs__stars svg { width: 12px; height: 12px; } .rvs__rec { white-space: normal; line-height: 1.25; } }