/* v2.9.25.600c — HOME UPGRADE, RRH light-green take (Sohan 11/2: "alot of black letters on dark bg …
   use the lighter green gradient that was used by RRH for bg and transitions").
   RRH mint gradient = #e1fdd6 → #fff (same as the live Specials / Strains bands). Dark is kept only
   for the hero and the Loud Star band (Loud Star art is printed on a dark field). Every text colour
   below is set with enough specificity to beat ".srh p { color:#000 }". Presentation only. */

/* ---------- header: white → mint (RRH) ---------- */
.srh .srh-hdr { background: linear-gradient(180deg, #ffffff 0%, #f3fdee 55%, #e8fbe0 100%); border-bottom: 1px solid #cdeec0; }
.srh .srh-logo { flex: 0 0 auto; }
.srh .srh-nav > li > a { color: #0b1f12; white-space: nowrap; }
.srh .srh-nav > li > a:hover, .srh .srh-nav > li > a:focus-visible { color: #209F48; }
.srh .srh-search { background: #fff; border: 1px solid #b9e3a8; }
.srh .srh-search input { background: #fff; color: #0b1f12; }
.srh .srh-cart { background: #fff; border: 1px solid #b9e3a8; color: #0b1f12; }
.srh .srh-cart .sr-cart-badge { background: #209F48; color: #fff; }

/* header helpers: language · talk · ask */
.srh-tools { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.srh .srh-tools button { font: 600 13px/1 Poppins, sans-serif; border-radius: 999px; padding: 0 14px; height: 40px; white-space: nowrap; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.srh .srh-lang { position: relative; }
.srh .srh-tools .sr-lang-btn { background: #fff; color: #0b1f12; border: 1px solid #b9e3a8; }
.srh .srh-tools .sr-lang-btn:hover { border-color: #209F48; }
.srh .srh-lang .sr-lang-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 80; background: #fff; border: 1px solid #cdeec0; border-radius: 12px; padding: 6px; min-width: 190px; max-height: 60vh; overflow: auto; box-shadow: 0 16px 40px rgba(0,0,0,.18); }
.srh .srh-lang .sr-lang-menu a { display: block; padding: 9px 12px; color: #0b1f12; text-decoration: none; border-radius: 8px; font: 500 14px/1.3 Poppins, sans-serif; }
.srh .srh-lang .sr-lang-menu a:hover { background: #e1fdd6; }
.srh .srh-tools .srh-talk { background: #fff; color: #0b1f12; border: 1.5px solid #209F48; }
.srh .srh-tools .srh-talk:hover { background: #e1fdd6; }
.srh .srh-tools .srh-ask { background: #209F48; color: #fff; border: 0; box-shadow: 0 4px 14px rgba(32,159,72,.35); }
.srh .srh-tools .srh-ask:hover { background: #1a8a3d; }

/* ---------- pills + status: mint band, RRH outlined pills ---------- */
.srh .srh-pills { background: linear-gradient(180deg, #e8fbe0 0%, #e1fdd6 100%); border-top: 0; border-bottom: 1px solid #cdeec0; }
.srh .srh-pills a { background: #fff; color: #1a7a38; border: 1.5px solid #209F48; }
.srh .srh-pills a:hover { background: #209F48; color: #fff; }
.srh .srh-pills a.srh-pill-ls { background: #0f1311; color: #ffd84a; border-color: #0f1311; }
.srh .srh-pills a.srh-pill-ls:hover { background: #1b2a1f; color: #ffd84a; }
.srh .srh-status { background: #e1fdd6; color: #1d4a29; border-bottom: 0; }

/* ---------- Loud Star band: stays dark, all text light ---------- */
.srh .srh-sec-featured.srh-ls { background: radial-gradient(90% 120% at 0% 0%, #1d4a29 0%, #0b1610 45%, #070908 100%); scroll-margin-top: 80px; }
.srh .srh-ls .srh-ls-k { font: 800 12px/1.2 Poppins, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #ffd84a; margin: 0 0 6px; }
.srh .srh-sec-featured.srh-ls h2.srh-fb, .srh .srh-sec-featured.srh-ls .srh-ls-h2 { color: #fff; }
.srh .srh-sec-featured.srh-ls .srh-fb-kick { color: #ffd84a; }
.srh .srh-sec-featured.srh-ls p.srh-fb-sub { color: #e3ece6; }
.srh .srh-sec-featured.srh-ls p.srh-ls-s { color: #e3ece6; font: 400 15px/1.55 Poppins, sans-serif; margin: 0 0 10px; max-width: 700px; }
.srh .srh-ls .srh-ls-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
.srh .srh-ls .srh-ls-badges span { font: 700 11.5px/1 Poppins, sans-serif; color: #eaf6ec; border: 1px solid rgba(126,217,87,.45); border-radius: 999px; padding: 6px 10px; }
.srh .srh-ls .srh-fb-tile .srh-fb-tile-k { color: #ffd84a; }
.srh .srh-ls .srh-fb-tile .srh-fb-tile-h { color: #fff; }
.srh .srh-ls .srh-fb-tile .srh-fb-tile-p { color: #dfe6e1; }
.srh .srh-ls .srh-fb-tile:hover { box-shadow: inset 0 0 0 2px #ffd84a; }

/* ---------- strongest real flower / infused: RRH mint → white, dark text ---------- */
.srh .srh-sec-real { background: linear-gradient(180deg, #e1fdd6 0%, #ffffff 100%); scroll-margin-top: 80px; }
.srh .srh-sec-infused { background: linear-gradient(180deg, #ffffff 0%, #e1fdd6 100%); scroll-margin-top: 80px; }
.srh .srh-sec-real h2.srh-t, .srh .srh-sec-infused h2.srh-t { color: #000; }
.srh .srh-sec-real p.srh-rank-sub, .srh .srh-sec-infused p.srh-rank-sub { color: #33473a; font: 400 14px/1.5 Poppins, sans-serif; margin: -10px 0 16px; text-align: center; }
.srh p.srh-rank-more { text-align: center; margin: 14px 0 0; }
.srh p.srh-rank-more a { color: #1a7a38; font: 700 14px/1 Poppins, sans-serif; text-decoration: none; display: inline-block; padding: 12px 0; }
.srh .sr-rc .sr-rc-ph { position: relative; }
.srh .sr-rc .sr-rc-rank { position: absolute; top: 8px; left: 8px; background: #000; color: #7ED957; font: 800 12px/1 Poppins, sans-serif; border-radius: 7px; padding: 5px 7px; z-index: 2; }
.srh .sr-rc .sr-rc-only { position: absolute; top: 8px; right: 8px; background: #ffd84a; color: #141100; font: 800 10px/1 Poppins, sans-serif; letter-spacing: .04em; text-transform: uppercase; border-radius: 6px; padding: 5px 6px; z-index: 2; }

/* ---------- readability: white text on light-green buttons → dark text ---------- */
.srh a.srh-btn, .srh button.srh-btn { color: #07130b; }
.srh a.srh-btn:hover, .srh button.srh-btn:hover { color: #07130b; }

/* ---------- laptop / phone ---------- */
@media (max-width: 1560px) {
  .srh .srh-nav > li > a { padding-left: 9px; padding-right: 9px; }
  .srh .srh-tools .srh-talk { font-size: 0; gap: 0; width: 40px; padding: 0; justify-content: center; }
  .srh .srh-tools .srh-talk span { font-size: 16px; }
}
@media (max-width: 1024px) {
  .srh .srh-nav { background: #fff; }
}
@media (max-width: 767px) {
  .srh-tools { gap: 6px; margin-left: auto; }
  .srh .srh-tools button { height: 38px; padding: 0 10px; font-size: 12.5px; }
  .srh .srh-tools .srh-talk, .srh .srh-tools .srh-ask { display: none; }   /* Ask + Talk live in the bottom bar */
  .srh .srh-ls .srh-ls-k { font-size: 11px; }
  .srh .srh-sec-featured.srh-ls h2.srh-fb { font-size: 22px; line-height: 1.2; }
  .srh .srh-sec-featured.srh-ls p.srh-ls-s { font-size: 13.5px; }
  .srh .srh-sec-real p.srh-rank-sub, .srh .srh-sec-infused p.srh-rank-sub { font-size: 13px; margin: -6px 0 12px; text-align: left; }
  .srh .srh-sec-real h2.srh-t, .srh .srh-sec-infused h2.srh-t { text-align: left; }
}