/* Page-scoped styles: eye-care
 * Identity: slug:wl-hlp--eye-care
 * Extracted VERBATIM from packages/rexall-ds/src/styles/globals.css.
 * Every selector here carries the identity above, so these rules could only
 * ever match on this one page -- yet every route downloaded them.
 * Loaded by <PageScopedStyles> AFTER globals.css. Only rules proven not to
 * change any cascade outcome by that move were extracted; see
 * docs/plans/css-route-splitting.md for the ordering proof.
 */

@media (min-width: 1024px) {
  .wl-hlp.wl-hlp--eye-care .wl-hlp-slider-track {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-slider-track > .wl-hlp-product-card {
    grid-column: span 2;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-slider-track > .wl-hlp-product-card:nth-last-child(-n + 2) {
    grid-column: span 3;
  }
}
.wl-hlp--eye-care {
  --hlp-c-primary: #147b74;
  --hlp-c-primary-dark: #005a5a;
  --hlp-c-title: #147b74;
  --hlp-c-body: #333333;
  --hlp-c-surface-tint: #e5f5f4;
  --hlp-c-track: #ade3e1;
  --hlp-hero-pos: left top;
  background: #ffffff;
}
.wl-hlp--eye-care .wl-hlp-cardgrid-media,
.wl-hlp--eye-care .wl-hlp-product-img-wrapper {
  height: 170px;
  padding: 22px;
  background: #ffffff;
  border-bottom: 1px solid #d7e3e2;
  box-sizing: border-box;
}
.wl-hlp--eye-care .wl-hlp-cardgrid-content,
.wl-hlp--eye-care .wl-hlp-product-content {
  gap: 12px;
  min-height: 0;
  padding: 22px 24px 28px;
}
.wl-hlp--eye-care .wl-hlp-cardgrid-body p:has(strong)::before,
.wl-hlp--eye-care .wl-hlp-product-description strong::before {
  content: "\2713";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  color: #ffffff;
  background: #06a199;
  border-radius: 50%;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
}
.wl-hlp--eye-care .wl-hlp-slider-header {
  margin-bottom: 28px;
}
.wl-hlp--eye-care .wl-hlp-slider-track {
  display: grid;
  grid-template-columns: 1fr;
  gap: 76px 24px;
  overflow: visible;
  padding: 0;
}
.wl-hlp--eye-care .wl-hlp-product-card {
  width: auto;
  max-width: none;
  scroll-snap-align: unset;
}
.wl-hlp--eye-care .wl-hlp-product-link {
  height: 100%;
}
.wl-hlp--eye-care .wl-hlp-slider-nav,
.wl-hlp--eye-care .wl-hlp-slider-dots,
.wl-hlp--eye-care .wl-hlp-slider-arrow {
  display: none;
}
.wl-hlp--eye-care .wl-hlp-sources-rule {
  margin-bottom: 28px;
  border-top-color: #d7e3e2;
}
.wl-hlp--eye-care sup {
  font-size: 0.7em;
  vertical-align: super;
}
@media (min-width: 1024px) {
  .wl-hlp--eye-care .wl-hlp-content-row {
    flex-direction: row;
  }
  .wl-hlp--eye-care .wl-hlp-slider-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.wl-hlp.wl-hlp--eye-care {
  --ec-teal: #147b74;
  --ec-check: #1db1a8;
  --ec-ink: #333333;
  --ec-muted: #555555;
  --ec-panel: #f8f8f8;
  --ec-rule: #eaeaea;
}
.wl-hlp.wl-hlp--eye-care .wl-hlp-faq,
.wl-hlp.wl-hlp--eye-care .wl-hlp-bewell {
  display: none;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content:has(.wl-hlp-content-media) .wl-hlp-content-stack > .wl-hlp-content-row-full:first-child {
  margin-bottom: 34px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content:has(.wl-hlp-content-media) .wl-hlp-content-stack > .wl-hlp-content-row-full:first-child .wl-hlp-content-text h2 {
  margin: 0 0 24px;
  color: var(--ec-teal);
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content:has(.wl-hlp-content-media) .wl-hlp-content-stack > .wl-hlp-content-row-full:first-child .wl-hlp-content-text p {
  max-width: none;
  color: var(--ec-ink);
  font-size: 15px;
  line-height: 23px;
  text-align: left;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-hlp-content-text h2 {
  margin: 0 0 34px;
  color: var(--ec-teal);
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
  text-align: center;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 34px;
  height: 34px;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) .wl-hlp-cardgrid-heading {
  margin: 0 0 38px;
  color: var(--ec-teal);
  font-size: 31px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-body ul > li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: -3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #ffffff;
  background: var(--ec-check);
  border-radius: 999px;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-body ul + p {
  margin-top: 22px;
}
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-card:has(.wl-hlp-cardgrid-eyebrow) {
  padding-top: 78px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-card:has(.wl-hlp-cardgrid-eyebrow) .wl-hlp-cardgrid-eyebrow {
  position: absolute;
  top: 26px;
  left: 0;
  right: 0;
  color: var(--ec-teal);
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-hlp-content-text h2 {
  margin-bottom: 28px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:not(.wl-hlp-content-row-full):not(:has(img[src*="manage-hero"])) .wl-hlp-content-text h2 {
  font-size: 28px;
  line-height: 36px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:not(.wl-hlp-content-row-full):not(:has(img[src*="manage-hero"])) .wl-hlp-content-text p,
.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:not(.wl-hlp-content-row-full):not(:has(img[src*="manage-hero"])) .wl-hlp-content-text li {
  font-size: 14px;
  line-height: 22px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) + .wl-hlp-content:not(:has(.wl-hlp-content-media)) + .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo),
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) + .wl-hlp-content:not(:has(.wl-hlp-content-media)) + .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) ~ .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) {
  padding-bottom: 24px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) + .wl-hlp-content:not(:has(.wl-hlp-content-media)) + .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) .wl-hlp-cardgrid-content,
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) + .wl-hlp-content:not(:has(.wl-hlp-content-media)) + .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) ~ .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) .wl-hlp-cardgrid-content {
  padding-bottom: 28px;
}

@media (max-width: 767px) {

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose ul {
    grid-template-columns: 1fr;
    row-gap: 22px;
  }
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-hlp-content-text h2 {
  margin-bottom: 24px;
  font-size: 30px;
  line-height: 38px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose ul {
  column-gap: 88px;
  row-gap: 24px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li {
  min-height: 38px;
  padding-left: 50px;
  font-size: 15px;
  line-height: 21px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li::before {
  width: 30px;
  height: 30px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li strong {
  margin-left: 4px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 70' fill='none' stroke='%23147b74' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 18h22l-3 43H16L13 18Z'/%3E%3Cpath d='M17 25h14M18 34h12M19 43h10'/%3E%3C/svg%3E");
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 46' fill='none' stroke='%23147b74' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 23c10-10 24-14 39-6 7 4 11 9 17 6-6 8-14 12-25 12-12 0-21-5-31-12Z'/%3E%3Cpath d='M9 23 3 13M9 23 3 33M50 15c3-5 7-7 13-7M42 35c5 4 10 5 16 3'/%3E%3Ccircle cx='49' cy='21' r='1.5' fill='%23147b74' stroke='none'/%3E%3C/svg%3E");
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82 50' fill='none' stroke='%23147b74' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M8 25h66'/%3E%3Cpath d='M16 20v10M28 20v10M40 20v10M52 20v10M64 20v10' stroke-width='3'/%3E%3C/svg%3E");
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(4)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 74 44' fill='none' stroke='%23147b74' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 23c9-10 18-15 30-15s21 5 30 15c-9 10-18 15-30 15S16 33 7 23Z'/%3E%3Ccircle cx='37' cy='23' r='8'/%3E%3Cpath d='M15 7l5 7M32 3l1 8M55 7l-5 7'/%3E%3C/svg%3E");
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(5)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 68' fill='none' stroke='%23147b74' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 6C18 21 10 32 10 43c0 12 8 19 18 19s18-7 18-19C46 32 38 21 28 6Z'/%3E%3Cpath d='M20 44c0 5 3 8 8 8'/%3E%3C/svg%3E");
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) .wl-hlp-cardgrid-heading {
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 38px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) .wl-hlp-cardgrid-media img {
  max-height: 170px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-body ul > li::before {
  top: -2px;
  width: 26px;
  height: 26px;
  font-size: 14px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-body ul + p {
  margin-top: 20px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-card:has(.wl-hlp-cardgrid-eyebrow) {
  padding-top: 74px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-card:has(.wl-hlp-cardgrid-eyebrow) .wl-hlp-cardgrid-eyebrow {
  top: 24px;
  font-size: 29px;
  line-height: 34px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-sources + .wl-hlp-content .wl-hlp-content-row-full .wl-hlp-content-text {
  flex: 1 1 auto;
  width: 100%;
  max-width: 1120px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-sources + .wl-hlp-content .wl-hlp-content-text .wl-prose {
  width: 100%;
  max-width: 1120px;
}

.wl-cms-main:has(.wl-hlp.wl-hlp--eye-care) + .gm-normalized-footer .gm-normalized-footer-brand {
  gap: 20px;
}

.wl-cms-main:has(.wl-hlp.wl-hlp--eye-care) + .gm-normalized-footer .gm-normalized-footer-ctas {
  gap: 15px;
}

.wl-cms-main:has(.wl-hlp.wl-hlp--eye-care) + .gm-normalized-footer .gm-normalized-footer-social {
  gap: 20px;
}

.wl-cms-main:has(.wl-hlp.wl-hlp--eye-care) + .gm-normalized-footer .gm-normalized-footer-groups {
  gap: 58px;
}

.wl-cms-main:has(.wl-hlp.wl-hlp--eye-care) + .gm-normalized-footer .gm-normalized-footer-legal {
  margin-top: 36px;
  padding-top: 24px;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="lumify_1.png"],
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="soothe.png"],
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="biotrue.png"] {
  max-height: 158px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="refresh-fusion_pack_v2.png"],
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="refresh_digital_pack_v2.png"],
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="refresh_optive_pack_v2.png"],
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="refresh_tears_pack_v2.png"],
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="refresh-plus_pack_v2.png"],
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="refresh_liquigel_pack_v2.png"],
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="refresh_celluvisc_pack_v2.png"] {
  max-height: 178px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="refresh_lacri-lube_pack_v2.png"],
.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-media img[src*="refresh_eye_allergy_relief_pack_v2.png"] {
  max-height: 182px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature:has(img[src*="refresh_tears_pack_v2.png"]) .wl-hlp-cardgrid-list {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 28px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature:has(img[src*="refresh_tears_pack_v2.png"]) .wl-hlp-cardgrid-card {
  grid-column: span 2;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature:has(img[src*="refresh_tears_pack_v2.png"]) .wl-hlp-cardgrid-card:nth-child(4) {
  grid-column: 2 / span 2;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature:has(img[src*="refresh_tears_pack_v2.png"]) .wl-hlp-cardgrid-card:nth-child(5) {
  grid-column: 4 / span 2;
}

@media (max-width: 767px) {
  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature:has(img[src*="refresh_tears_pack_v2.png"]) .wl-hlp-cardgrid-list {
    grid-template-columns: 1fr;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature:has(img[src*="refresh_tears_pack_v2.png"]) .wl-hlp-cardgrid-card,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature:has(img[src*="refresh_tears_pack_v2.png"]) .wl-hlp-cardgrid-card:nth-child(4),
  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature:has(img[src*="refresh_tears_pack_v2.png"]) .wl-hlp-cardgrid-card:nth-child(5) {
    grid-column: auto;
  }
}

@media (min-width: 1024px) {
  .wl-hlp.wl-hlp--eye-care .wl-hlp-content:has(.wl-hlp-content-media) .wl-hlp-content-stack {
    gap: 48px;
  }
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-hlp-content-text h2 {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 400;
  line-height: 35px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 60px;
  row-gap: 25px;
  padding-left: 40px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li {
  min-height: 30px;
  padding-left: 58px;
  font-size: 16px;
  line-height: 22px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li::before {
  width: 40px;
  height: 30px;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(1)::before {
  background-image: url("/brand-assets/eye-care/hydrate.png");
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(2)::before {
  background-image: url("/brand-assets/eye-care/omega.png");
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(3)::before {
  background-image: url("/brand-assets/eye-care/2020vision.png");
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(4)::before {
  background-image: url("/brand-assets/eye-care/eye.png");
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li:nth-child(5)::before {
  background-image: url("/brand-assets/eye-care/lubricate.png");
}

@media (min-width: 1024px) {

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:not(.wl-hlp-content-row-full):not(:has(img[src*="manage-hero"])) .wl-hlp-content-media {
    height: auto;
    aspect-ratio: 1404 / 1068;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:not(.wl-hlp-content-row-full):not(:has(img[src*="manage-hero"])) .wl-hlp-content-media .rxp-image-asset,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:not(.wl-hlp-content-row-full):not(:has(img[src*="manage-hero"])) .wl-hlp-content-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

@media (max-width: 767px) {

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose ul {
    grid-template-columns: 1fr;
    padding-left: 0;
  }
  .wl-hlp.wl-hlp--eye-care .wl-hlp-hero::before {
    content: none !important;
    display: none !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:not(.wl-hlp-content-row-full):not(:has(img[src*="manage-hero"])) .wl-hlp-content-media {
    order: -1;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:not(.wl-hlp-content-row-full):not(:has(img[src*="manage-hero"])) .wl-hlp-content-media {
    width: 290px;
    max-width: 290px;
    margin-right: auto;
    margin-left: auto;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-text h2,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-text .wl-prose h2,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-text .wl-prose h3,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-heading,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-slider-header h2,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-topics-heading {
    margin-bottom: 15px !important;
    font-size: 24px !important;
    line-height: 33.6px !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-hlp-content-text h2 {
    margin-bottom: 15px !important;
    font-size: 24px !important;
    line-height: 33.6px !important;
    font-weight: 700 !important;
    text-align: center;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-text .wl-prose,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-text .wl-prose p,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-text .wl-prose li {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-text .wl-prose p {
    margin-bottom: 10px !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) .wl-hlp-cardgrid-media {
    height: 198px !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) .wl-hlp-cardgrid-content {
    gap: 0 !important;
    padding: 15px !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-title {
    margin-bottom: 15px !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-body,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-body p,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-body li {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid-body p {
    margin-bottom: 10px !important;
  }
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-hlp-content-text h2 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li {
  display: block;
  align-content: center;
}

.wl-hlp.wl-hlp--eye-care .wl-hlp-content-stack {
  gap: 48px;
}

@media (min-width: 1024px) {

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-list > .wl-hlp-cardgrid-card {
    grid-column: span 2;
    width: auto;
    max-width: none;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-list:has(> .wl-hlp-cardgrid-card:nth-child(3n + 1):last-child) > .wl-hlp-cardgrid-card:last-child {
    grid-column: span 6;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-list:has(> .wl-hlp-cardgrid-card:nth-child(3n + 2):last-child) > .wl-hlp-cardgrid-card:nth-last-child(-n + 2) {
    grid-column: span 3;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-slider-track {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-slider-track > .wl-hlp-product-card {
    grid-column: span 2;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-slider-track > .wl-hlp-product-card:nth-last-child(-n + 2) {
    grid-column: span 3;
  }
}

@media (max-width: 767px) {

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose ul {
    row-gap: 26px;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li {
    min-height: 34px;
    padding-left: 44px;
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-prose li::before {
    width: 32px;
    height: 32px;
  }
}
.wl-hlp--eye-care .wl-hlp-hero-card {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (min-width: 768px) {

  .wl-hlp--eye-care > .wl-hlp-cardgrid--feature + .wl-hlp-content .wl-hlp-content-text {
    flex: 1 1 100%;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-content-row:has(img[src*="manage-hero"]) .wl-hlp-content-text h2,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid--feature .wl-hlp-cardgrid-heading,
  .wl-hlp.wl-hlp--eye-care .wl-hlp-slider-header h2 {
    margin-bottom: 20px !important;
    font-size: 26px !important;
    line-height: 36.4px !important;
  }

  .wl-hlp.wl-hlp--eye-care .wl-hlp-cardgrid:not(.wl-hlp-cardgrid--logo) .wl-hlp-cardgrid-title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22.4px;
  }
}