/* Dune-style type: Alte Haas Grotesk (freeware), self-hosted on Fluid DAM. */
@font-face{font-family:"Alte Haas Grotesk";src:url(https://ik.imagekit.io/fluid/980243488/AlteHaasGroteskRegular_IIRIXnjW1.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Alte Haas Grotesk";src:url(https://ik.imagekit.io/fluid/980243488/AlteHaasGroteskBold_o3nCEqDan.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
/* Funner source tokens; Bell Centennial is deliberately not redistributed. */
:root{--funner-font:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;--funner-blue:#4190de;--funner-orange:#fe5100;--funner-yellow:#ffcd01;--funner-purple:#b680d2;--funner-green:#00b241;--funner-header-height:102px;--funner-text-size:16px}
*,*::before,*::after{box-sizing:border-box}
html{margin:0;padding:0;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.funner-theme{margin:0;background:#fff;color:#000;font-family:var(--funner-font);font-size:var(--funner-text-size);line-height:1;-webkit-font-smoothing:antialiased}
.funner-theme h1,.funner-theme h2,.funner-theme h3,.funner-theme h4,.funner-theme p{margin:0;font:inherit}
.funner-theme a{color:inherit;text-decoration:none}
.funner-theme button,.funner-theme input,.funner-theme select{font:inherit;color:inherit}
.funner-theme button{cursor:pointer;border:0;background:none}
.funner-theme button:disabled{cursor:not-allowed;opacity:.5}
.funner-theme img,.funner-theme svg{display:block;max-width:100%}
.funner-theme a:focus-visible,.funner-theme button:focus-visible,.funner-theme input:focus-visible,.funner-theme select:focus-visible{outline:2px solid #000;outline-offset:4px}
.funner-theme [hidden]{display:none!important}
.funner-theme ul{list-style:none;margin:0;padding:0}
.funner-skip{position:absolute;z-index:200;top:0;left:16px;padding:12px;background:white;transform:translateY(-120%)}
.funner-skip:focus{transform:none}
#maincontent{min-width:0;outline:0}
.funner-header{position:relative;z-index:30;display:flex;align-items:flex-start;padding:16px 16px 43px;height:102px;gap:8px}
.funner-header-brand,.funner-header-actions{flex:1;min-width:0;display:flex;align-items:center}
.funner-crest{height:43px;width:172px;display:block;flex-shrink:0}
.funner-crest svg{height:43px;width:172px;max-width:none}
.funner-nav{display:none;gap:8px;align-items:center;justify-content:center}
.funner-header-actions{justify-content:flex-end;gap:8px;height:43px}
.funner-theme .funner-pill{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:130px;height:40px;border-radius:999px;padding:13px 18px;white-space:nowrap;text-transform:uppercase;font-size:var(--funner-text-size);line-height:1;color:#000;background:#ffcd01;transition:background .2s,color .2s}
.funner-theme .funner-pill-1{background:var(--funner-blue)}
.funner-theme .funner-pill-2{background:var(--funner-orange)}
.funner-theme .funner-pill-3{background:var(--funner-yellow)}
.funner-theme .funner-pill-4{background:var(--funner-purple)}
.funner-theme .funner-pill-function{background:var(--funner-green)}
.funner-theme .funner-pill:hover{background:#000;color:#fff}
.funner-cart{padding:0;min-width:40px;height:40px;white-space:nowrap}
.funner-theme .funner-menu-toggle{width:43px;height:43px;flex:none;border-radius:50%;background:var(--funner-yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;z-index:2}
.funner-menu-toggle span{width:15px;height:2px;background:#000;transition:transform .2s}
.funner-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}
.funner-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.funner-mobile-menu{position:absolute;top:75px;left:0;right:0;padding:24px 16px 32px;background:#fff;border-bottom:1px solid #000;max-height:calc(100svh - 75px);overflow:auto}
.funner-mobile-menu nav{display:grid;gap:14px}
.funner-mobile-menu .funner-pill{width:100%;height:44px}
.funner-mobile-menu nav>a:not(.funner-pill){padding:8px 0}
.funner-function-menu{position:absolute;right:calc(50% - 351px);top:65px;width:260px;background:white;border:1px solid #000;border-radius:16px;padding:20px;box-shadow:0 8px 20px #0002}
.funner-function-menu>a{display:block;padding:10px 0}
.funner-locale{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}
.funner-locale fluid-country,.funner-locale fluid-language{display:block;min-width:90px;min-height:36px}
.funner-footer{background:#fff;color:#000}
.funner-footer-banner{display:block;position:relative;aspect-ratio:3/4;overflow:hidden}
.funner-footer-banner img{width:100%;height:100%;object-fit:cover}
.funner-footer-inner{padding:64px 16px 16px}
.funner-footer-grid{display:grid;grid-template-columns:1fr;gap:40px 16px;margin-bottom:64px}
.funner-footer-brand{display:flex;flex-direction:column;gap:33px;min-width:0}
.funner-newsletter{width:100%}
.funner-newsletter h3{margin-bottom:8px}
.funner-email-field{position:relative;display:flex;border-bottom:2px solid #000;height:48px}
.funner-email-field input{min-width:0;width:100%;border:0;background:white;padding:0 48px 0 0;border-radius:0;font-size:var(--funner-text-size)}
.funner-email-field button{position:absolute;right:0;top:0;height:46px;width:46px;display:grid;place-items:center}
.funner-newsletter-status{padding-top:12px;line-height:1.25}
.funner-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.funner-footer-links h3{text-transform:uppercase;margin-bottom:12px}
.funner-footer-links a{display:block;padding:8px 0}
.funner-footer-links a:hover{text-decoration:underline}
/* Three navigation columns with a separate legal row, as in the reference. */
.funner-footer .funner-footer-links{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:64px}
.funner-footer .funner-footer-links h3{text-transform:none;font-size:16px !important;margin-bottom:16px}
.funner-footer .funner-footer-links a{font-size:16px;line-height:1.4;padding:10px 0}
.sunrider-footer-legal{grid-column:1/-1}
.sunrider-footer-legal ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
@media(min-width:800px){.funner-footer .funner-footer-grid{grid-template-columns:1fr 1fr;gap:48px}.funner-footer .funner-footer-inner{padding:64px 40px 24px}}
@media(max-width:600px){.funner-footer .funner-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.sunrider-footer-legal ul{grid-template-columns:1fr;gap:4px}}
.funner-footer-wordmark{padding:16px;display:flex;align-items:center;justify-content:center;color:black}
.funner-footer-wordmark svg{width:100%;height:auto}
.funner-wordmark-desktop{display:none!important}
.funner-wordmark-mobile{max-width:372px}
@media(min-width:800px){.funner-footer-banner{aspect-ratio:2/1}.funner-footer-grid{grid-template-columns:5fr 7fr}.funner-newsletter{max-width:340px}}
@media(min-width:1000px){:root{--funner-text-size:14px}.funner-nav{display:flex;flex:0 0 auto}.funner-theme .funner-menu-toggle{display:none}.funner-footer-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.funner-wordmark-desktop{display:block!important}.funner-wordmark-mobile{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Dune type system applied theme-wide: Alte Haas for headings+body, tight tracking. */
:root{--ff-heading:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;--ff-body:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif}
body{letter-spacing:-.02em}
/* Shared corners for visible storefront surfaces; leave layout wrappers,
   logos, circular controls and pill buttons untouched. */
:root{--sr-panel-radius:20px;--sr-thumbnail-radius:12px}
.funner-theme :is(.sr-hero__card,.sri-media,.funner-product-card__media,.srb-feature,.srb-tile,.sunrider-ugc-card,.sunrider-herbal--banner,.sunrider-shop-benefits,.funner-editorial-image,.funner-category-card){border-radius:var(--sr-panel-radius) !important;overflow:hidden}
.funner-theme :is(.sri-media__img,.funner-product-card__image,.funner-product-card__alternate,.srb-feature__img,.sunrider-ugc-card__video){border-radius:inherit}
.funner-theme .srb-tile__img{border-radius:var(--sr-thumbnail-radius)}
@media(max-width:720px){:root{--sr-panel-radius:16px}}
/* Reference typography: upright bold caps, with regular, open body copy.
   Keep card/footer type compact and preserve each section's alignment/colors. */
.funner-theme :is(h1,h2,h3,h4,.srb-feature__title,.srb-tile__label){font-family:var(--ff-heading) !important;font-weight:700 !important;font-style:normal !important;text-transform:uppercase;letter-spacing:-.03em !important;line-height:1.08 !important}
.funner-theme p{font-family:var(--ff-body) !important;font-weight:400 !important;font-style:normal !important;letter-spacing:-.02em !important;line-height:1.5 !important}
.funner-theme :is(.funner-rail-heading h2,.sri-heading,.sunrider-ugc__handle,.funner-shop__intro h1){font-size:clamp(28px,3.3vw,48px) !important}
.funner-theme .sunrider-herbal__title{font-size:clamp(28px,2.4vw,34px) !important}
.funner-theme :is(.funner-rail-heading p,.sri-copy,.sunrider-ugc__copy,.funner-shop__intro>p,.funner-shop__description){font-size:clamp(17px,1.5vw,20px) !important}
.funner-theme .sunrider-herbal__copy{font-size:18px !important}
.funner-theme .sr-hero__content h1{font-size:clamp(34px,4.6vw,64px) !important}
.funner-theme .sr-hero__content p{font-size:clamp(17px,1.5vw,20px) !important}
.funner-theme .srb-feature__title{font-weight:700 !important;line-height:1.2 !important}