/* Herbal Science: inset photographic banner, scoped to this section only. */
.sunrider-herbal.sunrider-herbal--banner{display:flex;position:relative;isolation:isolate;align-items:center;justify-content:center;min-height:460px;aspect-ratio:3/1;gap:0;margin:72px 16px 0;padding:64px 24px;border-radius:20px;overflow:hidden;background:#283120}
.sunrider-herbal--banner::after{content:"";position:absolute;inset:0;z-index:0;background:rgb(0 0 0 / 44%);pointer-events:none}
.sunrider-herbal--banner .sunrider-herbal__img--left{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-height:none;margin:0;border-radius:0;object-fit:cover;object-position:center}
.sunrider-herbal--banner .sunrider-herbal__body{position:relative;z-index:1;width:100%;max-width:480px;padding:0;margin:0;text-align:left;color:#fff}
.funner-theme .sunrider-herbal--banner .sunrider-herbal__title{font-size:clamp(22px,2vw,30px) !important;font-weight:700 !important;font-style:italic !important;line-height:1.08 !important;letter-spacing:-.04em !important;text-transform:uppercase;color:#fff !important;margin:0 0 20px}
.funner-theme .sunrider-herbal--banner .sunrider-herbal__copy{font-size:16px !important;font-weight:400 !important;line-height:1.4 !important;letter-spacing:normal !important;color:#fff !important;margin:0 0 24px}
.sunrider-herbal--banner .sunrider-herbal__cta{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:16px 22px;background:#fff;color:#111 !important;border-radius:999px;font-size:14px !important;font-weight:400 !important;font-style:normal;line-height:1 !important;letter-spacing:-.02em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
.sunrider-herbal--banner .sunrider-herbal__cta:hover{background:#ED0024;color:#fff !important}
.sunrider-herbal--banner .sunrider-herbal__cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:720px){.sunrider-herbal.sunrider-herbal--banner{aspect-ratio:auto;min-height:480px;margin:48px 12px 0;padding:48px 24px;border-radius:16px}.sunrider-herbal--banner .sunrider-herbal__body{max-width:440px}.sunrider-herbal--banner::after{background:rgb(0 0 0 / 52%)}}
@media(prefers-reduced-motion:reduce){.sunrider-herbal--banner .sunrider-herbal__cta{transition:none}}