/* Protein Planet: teal, tangerine and soft fruit-colour accents. */
:root {
  --orange: #b94320;
  --cream: #fff5ec;
  --mint: #b6edc9;
  --line: #d9e6e2;
}
body { background: #fffcf8; }
header { background: #fffcf8; }
.header-main { border-top: 5px solid #f4774c; }
.logo { color: #006b68; }
.search { background: #e8f3ef; }
.coach { background: #fff3d1; border-color: #cbb87a; }
.main-nav {
  background: #e4f1ec;
  border-bottom-color: #f4774c;
}
.main-nav a { border-radius: 20px; padding: 5px 12px; }
.main-nav a:hover, .main-nav a:focus-visible {
  background: #003942;
  color: white;
  opacity: 1;
}
.benefits { background: #ffedc5; color: #493b20; }
.planet-hero { border-bottom: 6px solid #b6edc9; }
.planet-hero-copy {
  background: linear-gradient(90deg, #063e44 0%, #082e33 76%, transparent);
}
.planet-hero em { color: #ffab86; }
.planet-hero-copy > p:first-child { color: #c8f29b; }
.pill, .planet-hero .pill {
  background: #b94320;
  border-color: #b94320;
  color: #fff;
}
.pill:hover, .planet-hero .pill:hover {
  background: #95351a;
  border-color: #95351a;
  opacity: 1;
}
.pill.outline { background: #fff3d1; border-color: #003942; color: #003942; }
.pill.outline:hover { background: #ffe3a3; border-color: #003942; }
.deals-title { color: #006b68; }
.product { border-color: #d4e4df; box-shadow: 0 5px 18px #0039420b; }
.product:nth-child(4n + 1) { border-top: 5px solid #f49b73; }
.product:nth-child(4n + 2) { border-top: 5px solid #84cbb3; }
.product:nth-child(4n + 3) { border-top: 5px solid #b7a0df; }
.product:nth-child(4n + 4) { border-top: 5px solid #e6bd52; }
.product-info { background: #fff1e6; }
.product:nth-child(4n + 2) .product-info { background: #eaf5ee; }
.product:nth-child(4n + 3) .product-info { background: #f1ecfa; }
.product:nth-child(4n + 4) .product-info { background: #fff6dc; }
.savings span { background: #c9edb9; color: #244528; border-radius: 4px; }
.savings del { border-color: #d88b6b; background: #fffaf6; border-radius: 4px; }
.sale-note { background: #ffffffb3; }
.wish { background: #fffcf0e8; border-radius: 50%; }
.wish.saved { color: #b94320; }
.planet-strip {
  background: linear-gradient(110deg, #00575b, #087a70);
  border-top: 5px solid #f5b44f;
  border-bottom: 5px solid #b6edc9;
}
.planet-strip p { color: #dcf5ae; }
.listing-header, .content-heading {
  background: linear-gradient(115deg, #e3f2e9, #f1ebfa 60%, #fff0dd);
  border-bottom: 4px solid #f4bb86;
}
.brand-tile { background: #e4f1ec; border-color: #9bc9ba; }
.brand-tile:nth-child(3n + 2) { background: #fff0dc; border-color: #e6bc8a; }
.brand-tile:nth-child(3n + 3) { background: #f0eafa; border-color: #c1afe0; }
.content-help, .product-facts > div { background: #e6f2eb; }
.content-nav a[aria-current] { background: #006760; }
.footer-main { background: #064c50; }
.footer-main .footer-left { background: #0b6663; }
.newsletter-box { background: #ffedc5; }
.footer-bottom { background: #f6e9dc; }
.drawer-head { background: #e8f3ee; }
button:focus-visible, a:focus-visible { outline-color: #a63c1e; }
.store-rating { display: grid; justify-items: center; gap: 7px; letter-spacing: normal; }
.store-rating strong { font-size: 14px; }
.store-rating small { font-size: 11px; line-height: 1.5; margin-left: 0; }
.detail-info .store-rating { justify-items: start; }
.store-stars { position: relative; display: inline-block; color: #9f9a91; font-size: 22px; line-height: 1; letter-spacing: 2px; }
.store-stars > span { position: absolute; inset: 0 auto 0 0; width: 90%; overflow: hidden; color: #a85413; white-space: nowrap; }
@media (max-width: 760px) {
  .planet-hero-copy { background: linear-gradient(#063e44 0%, #082e33 90%, transparent); }
  .main-nav a { padding: 5px 8px; }
}