/* SLF Water Filter Brand Hub Bridge 1.2.3
 * Mirrors the electrolyte Finder Brand Hub connection.
 */

/* Finder card link — intentionally matches the electrolyte Finder treatment. */
.slf-wfbh-inline-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  width:auto;
  margin:12px 24px 0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  color:#5b43df!important;
  font-size:.88rem;
  line-height:1.35;
  font-weight:800;
  text-decoration:none!important;
}
.slf-wfbh-inline-link:hover,
.slf-wfbh-inline-link:focus-visible{
  color:#4932c7!important;
  text-decoration:underline!important;
}
.slf-wfbh-inline-link span{display:inline-block;transition:transform .16s ease}
.slf-wfbh-inline-link:hover span,.slf-wfbh-inline-link:focus-visible span{transform:translateX(2px)}

/* Brand-selected Finder CTA — same visual language as electrolyte Finder. */
.slf-wfbh-finder-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:18px 0 4px;
  padding:18px 20px;
  border:1px solid #d9d1ff;
  border-radius:18px;
  background:linear-gradient(135deg,#f7f4ff 0%,#eef6ff 100%);
  box-shadow:0 12px 28px rgba(55,42,120,.09);
}
.slf-wfbh-finder-logo{display:none}
.slf-wfbh-finder-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.slf-wfbh-finder-copy small{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6552d8}
.slf-wfbh-finder-copy strong{font-size:1.12rem;line-height:1.25;color:#17233d}
.slf-wfbh-finder-copy span{font-size:.9rem;line-height:1.4;color:#5d6880}
.slf-wfbh-finder-banner>a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 18px;
  border-radius:13px;
  background:#5b43df;
  color:#fff!important;
  font-weight:800;
  text-decoration:none!important;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(91,67,223,.22);
}
.slf-wfbh-finder-banner>a:hover,.slf-wfbh-finder-banner>a:focus-visible{background:#4932c7;transform:translateY(-1px)}

/* Comparison-post Brand Hub continuation. */
.slf-wfbh-comparison{margin:34px 0 44px;padding:28px;border:1px solid #d9d1ff;border-radius:24px;background:linear-gradient(145deg,#fbf9ff 0%,#f1edff 100%);box-shadow:0 14px 36px rgba(55,42,120,.09)}
.slf-wfbh-section-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.slf-wfbh-heading-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#5b43df;color:#fff;font-size:21px;font-weight:800}
.slf-wfbh-eyebrow{display:block;margin:0 0 3px;color:#6552d8;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.slf-wfbh-section-heading h2{margin:0;color:#17233d;font-size:clamp(22px,3vw,30px);line-height:1.15}
.slf-wfbh-section-heading p{margin:7px 0 0;color:#5d6880;font-size:14px;line-height:1.5}
.slf-wfbh-card{display:grid;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px;border:1px solid #e1dafb;border-radius:18px;background:#fff;color:inherit!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.slf-wfbh-card:hover{transform:translateY(-2px);border-color:#c8bbf5;box-shadow:0 13px 28px rgba(55,42,120,.12)}
.slf-wfbh-logo{display:flex;align-items:center;justify-content:center;min-height:76px;padding:10px;border-radius:14px;background:#fff}
.slf-wfbh-logo img{max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain}
.slf-wfbh-card-copy small{display:block;color:#6552d8;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.slf-wfbh-card-copy strong{display:block;margin-top:3px;color:#17233d;font-size:21px}
.slf-wfbh-card-copy>span{display:block;margin-top:4px;color:#5d6880;font-size:13px}
.slf-wfbh-arrow{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f0edff;color:#5b43df;font-size:22px;font-weight:900}

@media(max-width:760px){
  .slf-wfbh-finder-banner{align-items:stretch;flex-direction:column}
  .slf-wfbh-finder-banner>a{width:100%;box-sizing:border-box}
  .slf-wfbh-card{grid-template-columns:96px 1fr}
  .slf-wfbh-arrow{display:none}
  .slf-wfbh-comparison{padding:20px}
  .slf-wfbh-section-heading{gap:10px}
}

/* Water-filter comparison review link — mirrors electrolyte comparisons. */
.slf-wfbh-review-link{
  display:flex;
  width:max-content;
  max-width:100%;
  margin:12px 24px 0;
  color:#466f8c!important;
  font-size:15px;
  line-height:1.35;
  font-weight:800;
  text-decoration:underline!important;
  text-underline-offset:3px;
}
.slf-wfbh-review-link:hover,.slf-wfbh-review-link:focus-visible{color:#5b43df!important}
.slf-wfbh-review-link span{margin-left:4px}

/* Electrolyte-style Explore Both Brands block for water-filter comparisons. */
.slf-wfbh-comparison-multi{
  margin:34px 0 44px;
  padding:28px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.slf-wfbh-explore-heading{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:22px;
}
.slf-wfbh-explore-heading .slf-wfbh-heading-icon{
  width:54px;height:54px;flex:0 0 54px;border-radius:50%;
  background:#eefbf7;color:#15956f;font-size:28px;
}
.slf-wfbh-explore-heading h2{
  margin:0;color:#1d2738;font-size:clamp(30px,4vw,44px);line-height:1.08;font-weight:500;
}
.slf-wfbh-explore-heading p{
  margin:9px 0 0;color:#333;font-size:16px;line-height:1.5;
}
.slf-wfbh-brand-grid{display:grid;gap:22px}
.slf-wfbh-brand-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.slf-wfbh-brand-grid-1{grid-template-columns:minmax(0,1fr)}
.slf-wfbh-brand-card{
  display:grid;
  grid-template-columns:120px minmax(0,1fr) 42px;
  align-items:center;
  gap:20px;
  min-height:142px;
  padding:24px 26px;
  border:1px solid #ded6fa;
  border-radius:22px;
  background:linear-gradient(135deg,#fff 0%,#f8f5ff 100%);
  box-shadow:0 12px 30px rgba(48,35,96,.08);
}
.slf-wfbh-brand-card .slf-wfbh-logo{
  min-height:88px;
  border:1px solid #e5e0f4;
  background:#fff;
  border-radius:18px;
}
.slf-wfbh-brand-card .slf-wfbh-logo img{max-width:92px;max-height:64px}
.slf-wfbh-brand-card .slf-wfbh-logo strong{color:#24304a;font-size:16px;text-align:center}
.slf-wfbh-brand-card .slf-wfbh-card-copy small{font-size:12px;color:#6b50d8}
.slf-wfbh-brand-card .slf-wfbh-card-copy strong{font-size:22px;color:#211847}
.slf-wfbh-brand-card .slf-wfbh-card-copy>span{font-size:14px;color:#635d75}
.slf-wfbh-brand-card .slf-wfbh-arrow{background:transparent;color:#6b50d8;font-size:29px;width:auto;height:auto}
.slf-wfbh-brand-card:hover{border-color:#c9bdf4;box-shadow:0 16px 34px rgba(48,35,96,.12)}

@media(max-width:760px){
  .slf-wfbh-comparison-multi{padding:18px 0}
  .slf-wfbh-brand-grid-2{grid-template-columns:1fr}
  .slf-wfbh-brand-card{grid-template-columns:88px minmax(0,1fr);padding:18px;gap:14px;min-height:0}
  .slf-wfbh-brand-card .slf-wfbh-logo{min-height:72px}
  .slf-wfbh-brand-card .slf-wfbh-card-copy strong{font-size:18px}
  .slf-wfbh-explore-heading h2{font-size:30px}
  .slf-wfbh-explore-heading .slf-wfbh-heading-icon{width:46px;height:46px;flex-basis:46px}
}

/* 1.2.6 — Electrolyte-style Compare Retailers module on water-filter comparisons. */
.slf-wfbh-compare-retailers{margin:8px 0 48px;padding:30px;border:1px solid #e1e6ee;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(22,39,64,.07)}
.slf-wfbh-retailer-title{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}
.slf-wfbh-retailer-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#eef5fa;color:#17446c;font-size:23px;font-weight:900}
.slf-wfbh-retailer-title h2{margin:0;color:#1d2738;font-size:clamp(28px,4vw,40px);line-height:1.08;font-weight:500}
.slf-wfbh-retailer-title p{margin:8px 0 0;color:#5b6575;font-size:15px;line-height:1.5}
.slf-wfbh-retailer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.slf-wfbh-retailer-card{overflow:hidden;border:1px solid #e3e7ec;border-radius:19px;background:#fbfcfd}
.slf-wfbh-retailer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:67px;padding:16px 18px;border-bottom:1px solid #e7eaee;background:#f7f9fb}
.slf-wfbh-retailer-head small{color:#697486;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:right}
.slf-wfbh-retailer-wordmark{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:19px;line-height:1;color:#192331}
.slf-wfbh-retailer-wordmark.amazon{color:#111}.slf-wfbh-retailer-wordmark.amazon .smile{color:#ff9900;font-size:21px;margin-left:-3px;transform:translateY(4px)}
.slf-wfbh-retailer-wordmark.walmart{color:#0877c9}.slf-wfbh-retailer-wordmark.walmart b{color:#ffc220;font-size:20px}
.slf-wfbh-retailer-wordmark.target{color:#cc0000;text-transform:lowercase}.slf-wfbh-retailer-wordmark.target i{display:inline-block;width:17px;height:17px;border:4px solid #cc0000;border-radius:50%;box-sizing:border-box;box-shadow:inset 0 0 0 3px #fff;background:#cc0000}
.slf-wfbh-retailer-wordmark.bestbuy{display:inline-block;padding:7px 10px;background:#fff200;color:#111;font-size:14px;transform:skew(-5deg)}
.slf-wfbh-retailer-wordmark.costco{color:#e31837;font-size:17px}.slf-wfbh-retailer-wordmark.direct{color:#167d87;font-size:16px}
.slf-wfbh-retailer-products{display:grid;gap:0}
.slf-wfbh-retailer-product,.slf-wfbh-retailer-unavailable{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-top:1px solid #edf0f3;color:#263246!important;text-decoration:none!important}
.slf-wfbh-retailer-products>*:first-child{border-top:0}
.slf-wfbh-retailer-product strong,.slf-wfbh-retailer-unavailable strong{font-size:14px;line-height:1.35}
.slf-wfbh-retailer-product span{flex:0 0 auto;color:#466f8c;font-size:12px;font-weight:900;text-align:right}
.slf-wfbh-retailer-product:hover{background:#f2f7fb}.slf-wfbh-retailer-product:hover span{color:#5b43df}
.slf-wfbh-retailer-unavailable{opacity:.62}.slf-wfbh-retailer-unavailable small{font-size:11px;color:#717b8b;text-align:right}
.slf-wfbh-retailer-tip{margin:19px 2px 0;padding:13px 15px;border-radius:12px;background:#f6f7f9;color:#626c7a;font-size:12px;line-height:1.45}
@media(max-width:760px){.slf-wfbh-compare-retailers{padding:20px}.slf-wfbh-retailer-grid{grid-template-columns:1fr}.slf-wfbh-retailer-head{align-items:flex-start}.slf-wfbh-retailer-product,.slf-wfbh-retailer-unavailable{align-items:flex-start;flex-direction:column}.slf-wfbh-retailer-product span,.slf-wfbh-retailer-unavailable small{text-align:left}}
/* 1.2.7 — links to the same product matchup at other retailers. */
.slf-wfbh-other-editions{margin:0 0 48px;padding:26px 28px;border:1px solid #e1e6ee;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(22,39,64,.06)}
.slf-wfbh-other-editions h2{margin:0 0 7px;color:#1d2738;font-size:clamp(25px,3vw,34px);font-weight:500}.slf-wfbh-other-editions>p{margin:0 0 18px;color:#657080}
.slf-wfbh-edition-links{display:flex;flex-wrap:wrap;gap:10px}.slf-wfbh-edition-link{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #dce3ea;border-radius:12px;background:#f7f9fb;color:#17446c!important;font-weight:800;text-decoration:none!important}.slf-wfbh-edition-link:hover{border-color:#b8c9d8;background:#eef5fa}.slf-wfbh-edition-link.target{color:#c00!important}.slf-wfbh-edition-link.walmart{color:#0877c9!important}.slf-wfbh-edition-link.amazon{color:#111!important}

/* 1.2.8 — same-retailer related comparison posts at the bottom of water-filter comparisons. */
.slf-wfbh-related-comparisons{margin:8px 0 48px;padding:28px;border:1px solid #e1e6ee;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(22,39,64,.07)}
.slf-wfbh-related-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}
.slf-wfbh-related-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#eef5fa;color:#17446c;font-size:22px;font-weight:900}
.slf-wfbh-related-heading h2{margin:0;color:#1d2738;font-size:clamp(25px,3.5vw,36px);line-height:1.1;font-weight:600}
.slf-wfbh-related-heading p{margin:7px 0 0;color:#5b6575;font-size:14px;line-height:1.5}
.slf-wfbh-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.slf-wfbh-related-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e3e7ec;border-radius:18px;background:#fbfcfd;color:#1d2738!important;text-decoration:none!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.slf-wfbh-related-card:hover{transform:translateY(-2px);border-color:#cfd8e4;box-shadow:0 10px 24px rgba(22,39,64,.09)}
.slf-wfbh-related-images{display:flex;align-items:center;justify-content:center;gap:10px;min-height:130px;padding:16px;background:#f4f8fb;border-bottom:1px solid #e8edf2}
.slf-wfbh-related-images>span{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:12px;background:#fff}
.slf-wfbh-related-images img{display:block;max-width:82px;max-height:82px;width:auto;height:auto;object-fit:contain}
.slf-wfbh-related-images b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#17446c;color:#fff;font-size:10px;letter-spacing:.03em}
.slf-wfbh-related-copy{display:flex;flex:1;flex-direction:column;padding:17px 18px}
.slf-wfbh-related-copy small{margin-bottom:6px;color:#667487;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.slf-wfbh-related-copy strong{font-size:15px;line-height:1.35;color:#1e2b3c}
.slf-wfbh-related-copy>span{margin-top:auto;padding-top:13px;color:#466f8c;font-size:12px;font-weight:900}
@media(max-width:900px){.slf-wfbh-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.slf-wfbh-related-comparisons{padding:20px}.slf-wfbh-related-grid{grid-template-columns:1fr}.slf-wfbh-related-images{min-height:112px}}