/* Scientific design system. No external fonts or build runtime required. */
:root {
 --ink:#102f65; --ink-2:#0b244c; --ink-3:#153b71; --porcelain:#f6f9fe; --paper:#fff;
 --mist:#dfE8f4; --mist-2:#eef4fc; --muted:#5c7192; --eluent:#075bda; --eluent-2:#0447b1;
 --trace:#3484ef; --brass:#2b7ae5; --black:#0b244c; --lime:#69b8ff; --lime-soft:#edf5ff;
 --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Microsoft YaHei",sans-serif;
 --serif:var(--sans); --radius:7px; --max:1280px; --section:80px; --grad:linear-gradient(110deg,#0872ea,#034ec5);
}
body {background:#fff; font-size:15px; line-height:1.7}
h1,h2,h3,h4 {font-weight:650; letter-spacing:-.035em; line-height:1.18}
h1 {font-weight:650} h2 {font-size:clamp(26px,2.7vw,36px)} h3 {font-size:20px}
a {text-decoration:none} button,input,textarea,select {font-family:var(--sans)}
[hidden] {display:none!important}
.sr,.screen-reader-text {left:0; top:0}
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt {border-radius:6px; font-weight:600; min-height:46px; box-shadow:none}
.btn--ghost {color:var(--eluent); border-color:#bdd3f1; background:transparent}
.btn--dark {background:var(--eluent)} .btn--line {background:transparent; border-color:#a8c9ed; color:var(--eluent)}
.eyebrow {font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--eluent); margin:0 0 16px}
.topbar {background:#f1f6fd; color:#44618a; font-size:11px; border-bottom:1px solid #e4edf8}
.topbar__inner {min-height:30px} .topbar a:hover {color:var(--eluent)}
.masthead {background:#ffffffed; border-bottom-color:#e4edf8}
.masthead__inner {min-height:84px; gap:32px}
.admin-bar .masthead {top:32px}
.brand {gap:5px; color:#034ebc} .brand:hover {color:#034ebc}
.brand__mark {width:34px; height:39px}
.brand__name {font-size:25px; font-weight:600; letter-spacing:-1.1px}
.brand__name b {font-weight:650}
.nav .menu {justify-content:center; gap:8px}
.nav .menu a {font-size:12px; padding:13px 10px; font-weight:600; color:var(--ink)}
.nav .menu a:hover,.nav .current-menu-item>a {background:transparent; color:var(--eluent)}
.iconbtn {width:38px; height:42px; color:var(--ink)}
.iconbtn:hover {color:var(--eluent)}
.science-hero {position:relative; overflow:hidden; isolation:isolate; background:#e5effa}
.science-hero__image {position:absolute; z-index:-2; inset:0 max(0px,calc((100vw - 1280px)/2)) 0 auto; width:570px; background-size:cover; background-position:center; background-repeat:no-repeat; mask-image:linear-gradient(90deg,transparent,#000 17%,#000 90%,transparent)}
.science-hero::after {content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#eaf3fc 0%,#eaf3fc 27%,#eaf3fcf2 37%,#eaf3fc80 49%,#eaf3fc00 66%)}
.science-hero__inner {min-height:570px; display:flex; align-items:center; padding-top:64px; padding-bottom:64px}
.science-hero__copy {max-width:550px; width:49%}
.science-hero h1 {font-size:clamp(36px,3.6vw,54px); letter-spacing:-.045em; margin-bottom:23px; line-height:1.13}
.science-hero__lede {font-size:16px; color:#355b88; max-width:430px; line-height:1.8; margin-bottom:30px}
.science-actions {display:flex; flex-wrap:wrap; gap:20px; align-items:center}
.science-actions .btn {gap:24px; padding:0 23px; min-height:48px; font-size:13px}
.science-link {display:inline-flex; align-items:center; gap:12px; color:var(--eluent); font-weight:600; font-size:12px}
.science-link:hover {color:var(--ink)}
.science-hero__note {display:flex; align-items:center; gap:6px; margin:32px 0 0; font-size:11px; color:#56759a}
.science-hero__note svg {width:16px}
.science-trust {border-bottom:1px solid var(--mist); background:#fff}
.science-trust__grid {display:grid; grid-template-columns:repeat(4,1fr); padding-top:28px; padding-bottom:28px}
.science-trust__item {display:flex; gap:15px; align-items:center; padding:0 24px; border-right:1px solid #e7edf7}
.science-trust__item:first-child {padding-left:0} .science-trust__item:last-child {border:0; padding-right:0}
.science-icon {display:inline-grid; place-items:center; width:46px; height:46px; flex-shrink:0; background:#eaf2ff; border-radius:50%; color:#0958c7}
.science-icon .hw-icon {width:23px; height:23px}
.science-trust__item b {display:block; font-size:12px; font-weight:650}
.science-trust__item small {display:block; font-size:10px; color:var(--muted); margin-top:4px}
.science-section {padding:78px 0}
.science-heading {display:flex; justify-content:space-between; align-items:flex-end; gap:25px; margin-bottom:32px}
.science-heading h2 {margin-bottom:12px} .science-heading .eyebrow {margin-bottom:11px}
.science-heading p:not(.eyebrow) {color:var(--muted); font-size:13px; margin-bottom:0}
.science-heading>.science-link {padding-bottom:4px; white-space:nowrap}
.science-featured {background:linear-gradient(180deg,#f6f9fe,#fff)}
.science-products ul.products {grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:24px}
.woocommerce ul.products li.product.tile,.tile {border:1px solid #e1eaf6; border-radius:7px; background:#fff; box-shadow:0 5px 18px #193f6a04; transition:transform .18s,box-shadow .18s}
.tile:hover {transform:translateY(-3px); box-shadow:0 12px 32px #183f7710}
.tile__media {background:#e9f2fc; overflow:hidden}
.tile__media img,.tile__media .vial {aspect-ratio:1/1; object-fit:cover}
.tile__body {padding:18px 18px 19px}
.tile__cat {margin:0 0 6px; font-size:9px; letter-spacing:.07em; color:#637d9e; text-transform:uppercase}
.tile__title,.woocommerce ul.products li.product .tile__title {font-size:14px; font-weight:650; margin-bottom:8px; letter-spacing:-.015em}
.tile__sizes,.tile__purity {font-size:10px; color:var(--muted); margin:0 0 5px}
.tile__foot {border:0; padding-top:14px; display:flex; flex-wrap:wrap; align-items:stretch; gap:10px}
.tile__price {width:100%; font-size:15px}
.woocommerce ul.products li.product .tile__foot .button {width:100%; min-height:34px; font-size:11px; border-color:#b6cfee; border-radius:4px; background:#f7faff; font-weight:600}
.woocommerce ul.products li.product .tile__foot .button:hover {background:var(--eluent); color:#fff}
.science-areas {background:#f6f9fd; border-block:1px solid #e8eef7}
.science-area-grid {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px}
.science-area {position:relative; padding:22px 19px 18px; border:1px solid #e0e9f5; border-radius:6px; background:#fff; color:var(--ink); display:flex; flex-direction:column; transition:border-color .2s}
.science-area:hover {border-color:#80b0f1; color:var(--ink)}
.science-area__index {font-size:11px; letter-spacing:.1em; color:#6f98c6; margin-bottom:22px}
.science-area h3 {font-size:16px; letter-spacing:-.02em; min-height:38px}
.science-area p {font-size:11px; color:var(--muted); line-height:1.7; margin:8px 0 20px}
.science-area__foot {display:flex; justify-content:space-between; font-size:10px; color:#4773a4; border-top:1px solid #edf2f8; padding-top:12px; margin-top:auto}
.science-quality {display:grid; grid-template-columns:1.15fr 1fr; gap:85px; align-items:center; background:#edf5ff; border-radius:9px; padding:50px}
.science-quality h2 {font-size:34px; max-width:400px}
.science-quality>div>p:not(.eyebrow) {font-size:13px; color:var(--muted); max-width:440px}
.science-verify {background:#fff; padding:28px; border:1px solid #e0e9f6; border-radius:7px; box-shadow:0 8px 26px #12396806}
.science-verify .science-icon {margin-bottom:16px; width:39px; height:39px}
.science-verify h3 {font-size:19px; margin-bottom:22px}
.coa-form label {font-size:12px} .coa-form__row {gap:8px} .coa-form__row input {min-width:0; width:0; font-size:12px; letter-spacing:0; border-color:#d8e3f2}
.coa-form__row .btn {font-size:11px; padding:0 14px} .coa-form__hint {font-size:10px; line-height:1.7}
.science-journal {background:#f8faff}
.posts {gap:24px}
.card {border:1px solid #e0e8f4; border-radius:7px; overflow:hidden; background:#fff; box-shadow:none}
.card__body {padding:24px} .card__title {font-size:19px; line-height:1.35}
.card__cat {font-size:10px; color:var(--eluent)} .card__excerpt {font-size:12px; line-height:1.8}
.card__meta {font-size:10px; color:var(--muted)} .card__media img {aspect-ratio:16/9; object-fit:cover; width:100%}
.science-card-art {height:175px; background:radial-gradient(circle at 72% 28%,#fff 0 3%,transparent 3.5%),radial-gradient(circle at 52% 60%,#d8eaff 0 9%,transparent 9.5%),linear-gradient(125deg,#e6f0fd,#bad4f6); display:flex; align-items:end; padding:23px; color:#2c629f; font-size:10px; letter-spacing:.18em; text-transform:uppercase}
.science-faq {display:grid; grid-template-columns:.85fr 1.15fr; gap:100px}
.science-faq>div>p:not(.eyebrow) {font-size:13px; color:var(--muted); max-width:340px}
.science-question {border-bottom:1px solid #dfe8f5; padding:20px 0}
.science-question:first-child {border-top:1px solid #dfe8f5}
.science-question summary {list-style:none; position:relative; padding-right:30px; font-size:14px; font-weight:600; cursor:pointer}
.science-question summary::-webkit-details-marker {display:none}
.science-question summary::after {content:"+"; position:absolute; right:0; top:-3px; font-size:22px; font-weight:400; color:#3e79c6}
.science-question[open] summary::after {content:"−"}
.science-question p {font-size:12px; color:var(--muted); margin:15px 30px 0 0}
.science-newsletter {background:linear-gradient(115deg,#074d9a,#0862c4); color:#fff; padding:45px 0}
.science-newsletter>.wrap {display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:center}
.science-newsletter .eyebrow {color:#b5d8ff; font-size:10px; margin-bottom:10px}
.science-newsletter h2 {font-size:27px; color:#fff}
.science-newsletter p:not(.eyebrow) {font-size:12px; color:#d0e4fc; margin:0}
.band__form {display:flex; gap:8px} .band__form input[type=email] {min-width:0; font-size:12px; border-color:transparent}
.band__form .btn {background:#fff; color:#0752b9; border:1px solid #fff; font-size:12px; padding:0 20px}
.band__msg {color:#fff; font-size:13px}
.science-empty {padding:40px; background:#fff; border:1px solid var(--mist); border-radius:8px}
.science-empty p {color:var(--muted)}
.footer {background:#0c2a50; font-size:12px; color:#b8cce7; padding-top:48px}
.footer__ruo {padding:20px 24px; border:1px solid #ffffff19; border-radius:5px; background:#ffffff04; margin-bottom:38px}
.footer__ruo h2 {font-size:16px; font-weight:600}
.footer__ruo p {font-size:11px; max-width:none; line-height:1.8}
.footer__grid {gap:42px; grid-template-columns:1.3fr .9fr .9fr 1.2fr}
.footer__brand {font-size:22px; font-weight:600; letter-spacing:-.8px}
.footer__brand b {color:#a9d5ff!important} .footer h2 {font-size:13px; font-weight:600}
.footer__base {font-size:10px; margin-top:36px}
.footer__coa input {width:0; min-width:0; flex:1; background:#ffffff09; border-color:#ffffff30; font-size:12px}
.footer__coa .btn {font-size:11px; padding:0 14px}
.socials {display:flex; gap:8px; margin-top:18px}
.socials a {border:1px solid #ffffff38; border-radius:50%; width:29px; height:29px; display:grid; place-items:center; font-size:10px}
.shop {padding-top:28px}
.science-catalog-head {padding:38px 42px; background:linear-gradient(110deg,#eff6fe,#e1edfc); border:1px solid #e0eaf7; border-radius:8px; margin:20px 0 36px}
.science-catalog-head .eyebrow {margin-bottom:12px}
.science-catalog-head h1 {font-size:38px; margin-bottom:10px}
.science-catalog-head>p:not(.eyebrow) {font-size:13px; margin:0; color:#46688e}
.science-catalog-head .term-description {margin-top:14px; font-size:12px; max-width:80ch}
.science-catalog-head .term-description p {margin-bottom:0}
.science-catalog {display:grid; grid-template-columns:210px minmax(0,1fr); gap:35px}
.science-catalog-results {min-width:0}
.science-catalog-results>.chips {display:none}
.science-filters {border-right:1px solid #e3ecf6; padding-right:22px}
.science-filters summary {font-size:13px; font-weight:650; list-style:none; margin-bottom:15px}
.science-filters summary {cursor:pointer; display:flex; justify-content:space-between}
.science-filters summary::after {content:"−"; color:#6590c7}
.science-filters details:not([open]) summary {margin-bottom:0}
.science-filters details:not([open]) summary::after {content:"+"}
.science-filters nav {display:grid; gap:4px}
.science-filters nav a {display:flex; justify-content:space-between; gap:5px; align-items:center; padding:10px 12px; font-size:11px; color:#4c6b92; border-radius:4px}
.science-filters nav a:hover,.science-filters nav a[aria-current] {background:#eaf3ff; color:var(--eluent)}
.science-filters nav small {font-size:10px; color:#7f99ba}
.science-filter-note {margin-top:28px; padding:19px; background:#f0f6fe; border-radius:6px}
.science-filter-note svg {color:var(--eluent); margin-bottom:14px}
.science-filter-note h3 {font-size:15px} .science-filter-note p {font-size:11px; color:var(--muted)} .science-filter-note a {font-size:10px; font-weight:650}
.woocommerce .woocommerce-result-count {font-size:11px}
.woocommerce .woocommerce-ordering select {font-size:11px; min-height:35px; border-color:#dbe5f4; border-radius:4px; padding:6px 12px}
.science-catalog-results ul.products {clear:both; grid-template-columns:repeat(3,minmax(0,1fr))}
.woocommerce nav.woocommerce-pagination {margin-top:36px}
.science-product-label {display:block; text-transform:uppercase; color:var(--eluent); letter-spacing:.12em; font-size:10px; margin-bottom:13px}
.woocommerce div.product {gap:38px 56px; margin-top:28px}
.woocommerce div.product .product_title {font-size:36px; font-weight:650}
.woocommerce-product-details__short-description {font-size:14px; line-height:1.9; color:#49658a}
.woocommerce div.product p.price {font-size:27px}
.woocommerce div.product div.images {border-radius:7px; overflow:hidden; background:#ecf3fd}
.woocommerce div.product .vial-wrap--lg svg {aspect-ratio:1}
.woocommerce div.product .woocommerce-tabs ul.tabs {margin-top:12px}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {font-size:12px; font-weight:600}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color:var(--eluent)}
.woocommerce div.product .woocommerce-tabs .panel {font-size:14px; line-height:1.9; max-width:92ch}
.spec--compact {font-size:12px; border-top:1px solid #e1eaf5; padding-top:15px}
.woocommerce div.product form.cart .variations th {font-size:12px}
.hw-swatches {display:flex; flex-wrap:wrap; gap:8px; margin:8px 0}
.hw-swatches button {padding:9px 15px; border:1px solid #cfdff2; background:#fff; color:var(--ink); border-radius:5px; font-size:12px; cursor:pointer}
.hw-swatches button[aria-pressed=true] {background:#edf5ff; border-color:var(--eluent); color:var(--eluent)}
.hw-swatches button:disabled {opacity:.35; cursor:not-allowed}
.woocommerce div.product form.cart.hw-swatched .woocommerce-variation-price {display:none}
.woocommerce div.product form.cart.hw-swatched .variations select {position:absolute; opacity:0; width:1px; min-width:0; height:1px; pointer-events:none}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td {display:block; text-align:left; padding:0; border:0}
.pnote {font-size:11px; color:var(--muted); margin:10px 0; padding-left:12px; border-left:2px solid #8db8ef}
main.page {padding:55px 0 80px} .page__head {margin-bottom:32px}
.page__head h1 {font-size:40px; font-weight:650}
.page__lede {font-size:15px; color:var(--muted)}
.page.wrap>.page__head {padding:35px; background:#edf5ff; border-radius:8px}
.rtabs {display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px}
.rtabs a {border-radius:5px; border:1px solid #dbe7f6; padding:8px 13px; color:#527299; font-size:11px}
.rtabs a.is-on {background:var(--eluent); color:#fff; border-color:var(--eluent)}
.article {padding-top:35px; padding-bottom:80px}
.article h1 {font-size:clamp(32px,4vw,46px); font-weight:650}
.article__lede {font-size:17px} .article__hero {max-width:1000px; margin-block:28px 42px}
.article__hero img {border-radius:8px; width:100%; max-height:480px; object-fit:cover}
.prose {font-size:15px; line-height:1.95; color:#3d587d}
.prose>table {display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch}
.prose iframe,.prose video {max-width:100%}
.prose h2 {font-size:26px; color:var(--ink)} .prose h3 {font-size:21px; color:var(--ink)}
.note {background:#edf5ff; color:#466a93; border-left-color:#78adf3}
.crumbs {font-size:10px; color:#6b86a8}
.hwcalc {padding:26px; background:#fff; border:1px solid #dce8f6; border-radius:8px; margin:28px 0}
.hwcalc__tabs {display:flex; flex-wrap:wrap; gap:5px; padding:5px; background:#f0f5fc; border-radius:6px; margin-bottom:20px}
.hwcalc__tabs button {flex:1; padding:10px; border:0; background:transparent; border-radius:4px; color:#54739b; font-size:12px; cursor:pointer}
.hwcalc__tabs button[aria-selected=true] {background:#fff; color:var(--eluent); box-shadow:0 2px 7px #11376910}
.hwcalc__intro,.hwcalc__note {font-size:12px; color:var(--muted)}
.hwcalc__grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px}
.hwcalc__grid--3 {grid-template-columns:repeat(3,minmax(0,1fr))}
.hwcalc label {font-size:12px; font-weight:600} .hwcalc label span {display:flex; align-items:center; gap:8px; margin-top:6px; font-size:11px}
.hwcalc input {min-width:0}
.hwcalc__out {display:flex; gap:12px; margin-block:20px}
.hwcalc__out>div {flex:1; background:#edf5ff; padding:17px; border-radius:6px}
.hwcalc__out b {display:block; font-size:26px; color:var(--eluent)} .hwcalc__out small {font-size:10px; color:var(--muted)}
.wa-float {position:fixed; z-index:65; right:20px; bottom:20px; display:flex; align-items:center; gap:9px; padding:12px 16px; border-radius:7px; background:#075bda; color:#fff; box-shadow:0 7px 20px #0e4a9f20}
.wa-float:hover {color:#fff; background:#0447b1} .wa-float span {display:grid; line-height:1.5} .wa-float b {font-size:11px} .wa-float small {font-size:9px}
body:has(.ruo-bar:not([hidden])) .wa-float {bottom:145px}
.ruo-bar {background:#0c2a50; font-size:11px; max-width:800px; box-shadow:0 7px 24px #0c2a5020; border-radius:7px}
.ruo-bar .btn {font-size:11px}
.woocommerce-account .woocommerce {display:grid; grid-template-columns:220px minmax(0,1fr); gap:35px}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content {width:auto; float:none}
.woocommerce-account .woocommerce-MyAccount-navigation ul {list-style:none; padding:10px; margin:0; border:1px solid #e0e9f6; border-radius:7px; background:#f7faff}
.woocommerce-MyAccount-navigation li a {display:block; padding:10px 14px; font-size:12px; color:#4c6b93; border-radius:4px}
.woocommerce-MyAccount-navigation li.is-active a {background:#e8f1ff; color:var(--eluent); font-weight:650}
.woocommerce-account .woocommerce>#customer_login,.woocommerce-account .woocommerce>form,.woocommerce-account .woocommerce>.woocommerce-notices-wrapper {grid-column:1/-1}
.woocommerce form.checkout {display:grid; grid-template-columns:1.1fr .9fr; gap:20px 38px; align-items:start}
.woocommerce form.checkout::before,.woocommerce form.checkout::after {display:none}
.prose>.woocommerce {max-width:none}
.woocommerce-cart .prose>.woocommerce {display:grid; grid-template-columns:1.5fr 1fr; gap:30px; align-items:start}
.woocommerce-cart .woocommerce-notices-wrapper,.woocommerce-cart .cart-empty,.woocommerce-cart .return-to-shop {grid-column:1/-1}
.woocommerce-cart .cart-collaterals,.woocommerce-cart .cart-collaterals .cart_totals {width:100%; float:none}
.woocommerce-cart .cart_totals h2 {margin:0 0 20px; font-size:23px}
.woocommerce-cart .product-thumbnail svg {width:55px; height:55px}
.woocommerce-cart .coupon input.input-text {width:140px!important; font-size:12px}
.woocommerce-cart table.cart td.actions .coupon {display:flex; gap:8px}
.woocommerce-cart table.shop_table {margin-top:0}
.woocommerce form.checkout #customer_details {grid-row:1 / span 3; width:100%}
.woocommerce form.checkout #customer_details .col-1,.woocommerce form.checkout #customer_details .col-2 {width:100%; float:none}
.woocommerce form.checkout #order_review_heading,.woocommerce form.checkout #order_review {width:100%; margin:0}
.woocommerce form.checkout h3 {font-size:20px}
.woocommerce form .form-row label {font-size:12px}
.woocommerce table.shop_table {font-size:12px; border-radius:6px; border:1px solid #dfe8f5}
@media(min-width:1081px) {
 .nav .menu>li {position:relative} .nav .menu-item-has-children>a::after {content:"⌄"; margin-left:5px; color:#6b8cb7}
 .nav .sub-menu {display:block; position:absolute; top:100%; left:0; min-width:230px; margin:0; padding:8px; list-style:none; background:#fff; border:1px solid #e0e9f5; border-radius:6px; box-shadow:0 14px 30px #133a7014; visibility:hidden; opacity:0; transform:translateY(6px); transition:all .15s}
 .nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu {visibility:visible; opacity:1; transform:none}
 .nav .sub-menu a {padding:9px 12px; font-size:12px} .nav .sub-menu a:hover {background:#edf5ff}
}
.subtoggle {display:none}
@media(max-width:1080px) {
 .masthead__inner {min-height:74px} .nav .menu {gap:0} .nav .menu a {font-size:14px; padding:16px 4px}
 .nav .menu-item-has-children {position:relative} .nav .menu-item-has-children>a {padding-right:45px}
 .subtoggle {display:block; position:absolute; right:0; top:8px; width:38px; height:38px; background:#f1f6ff; color:#1655a8; border:1px solid #dce8f6; border-radius:5px}
 .subtoggle::before {content:"+"; font-size:20px} .is-open>.subtoggle::before {content:"−"}
 .nav .sub-menu {list-style:none; padding-left:18px; margin:0} .nav .is-open>.sub-menu {display:block}
 .nav .sub-menu a {font-size:13px} .science-hero__inner {min-height:510px}
 .science-hero h1 {font-size:42px} .science-area-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 .science-hero__image {width:510px}
 .science-trust__item {padding:0 13px; gap:10px} .science-trust__item b {font-size:11px}
 .science-trust__item small {font-size:9px} .science-trust .science-icon {width:37px; height:37px}
 .science-quality {gap:35px; padding:35px} .science-faq {gap:45px}
 .science-catalog {grid-template-columns:180px minmax(0,1fr); gap:24px}
 .science-catalog-results ul.products {grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer__grid {grid-template-columns:1fr 1fr}
}
@media(max-width:782px) {
 .admin-bar .masthead {top:46px} .science-hero h1 {font-size:35px}
 .science-hero__inner {min-height:450px} .science-hero__copy {width:52%}
 .science-hero__image {width:450px; right:0}
 .science-hero__lede {font-size:13px} .science-hero .eyebrow {font-size:9px}
 .science-hero__note {font-size:9px} .science-hero .science-link {font-size:10px}
 .science-trust__grid {grid-template-columns:1fr 1fr; gap:22px; padding-block:24px}
 .science-trust__item,.science-trust__item:first-child {padding:0} .science-trust__item:nth-child(2) {border:0}
 .science-products ul.products {grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px}
 .science-heading {align-items:start; flex-direction:column; gap:12px}
 .science-section {padding:50px 0}
 .science-quality,.science-faq,.science-newsletter>.wrap {grid-template-columns:1fr; gap:30px}
 .science-quality h2 {font-size:29px} .science-newsletter {padding:35px 0}
 .science-catalog {grid-template-columns:1fr; gap:20px}
 .science-filters {border:0; padding:0} .science-filters details {border:1px solid #dfe8f5; border-radius:5px; padding:14px}
 .science-filters nav {grid-template-columns:repeat(2,minmax(0,1fr))}
 .science-filters .science-filter-note {display:none}
 .woocommerce-account .woocommerce {grid-template-columns:1fr; gap:20px}
 .woocommerce-MyAccount-navigation ul {display:flex; flex-wrap:wrap; gap:4px}
 .woocommerce-MyAccount-navigation li a {font-size:11px; padding:8px 10px}
 .woocommerce form.checkout {display:block} .woocommerce form.checkout #order_review_heading {margin:30px 0 20px}
 .woocommerce-cart .prose>.woocommerce {display:block}
 .hwcalc__grid--3 {grid-template-columns:1fr}
}
@media(max-width:640px) {
 .admin-bar .masthead {top:0}
 .masthead__inner {min-height:68px; gap:8px} .brand__name {font-size:20px; letter-spacing:-.8px} .brand__mark {width:27px; height:32px}
 .masthead__tools {gap:0} .iconbtn {width:32px; height:40px} .iconbtn svg {width:18px}
 .science-hero__inner {min-height:0; padding-top:42px; padding-bottom:315px; align-items:start}
 .science-hero__copy {width:100%; max-width:440px} .science-hero h1 {font-size:37px; max-width:360px; margin-bottom:18px}
 .science-hero__lede {font-size:13px; max-width:350px; margin-bottom:22px}
 .science-hero__image {inset:45% 0 0; width:auto; background-size:cover; background-position:center 53%; mask-image:none}
 .science-hero::after {background:linear-gradient(180deg,#eaf3fc 0%,#eaf3fc 44%,#eaf3fc00 67%)}
 .science-actions {gap:18px} .science-actions .btn {font-size:11px; min-height:43px; padding:0 17px; gap:15px}
 .science-hero__note {display:none} .science-trust__item b {font-size:10px} .science-trust__item small {font-size:9px}
 .science-trust__item {gap:9px} .science-trust__item:nth-child(odd) {border-right:0}
 .science-trust .science-icon {width:33px; height:33px} .science-trust .hw-icon {width:18px}
 .science-area-grid {grid-template-columns:1fr 1fr; gap:10px} .science-area {padding:18px 14px}
 .science-area h3 {font-size:14px} .science-area p {font-size:10px} .science-area__index {margin-bottom:15px}
 .science-products ul.products {gap:12px} .tile__body {padding:13px}
 .tile__title,.woocommerce ul.products li.product .tile__title {font-size:12px}
 .tile__cat {font-size:8px} .tile__sizes,.tile__purity {font-size:9px}
 .science-quality {padding:25px 20px} .science-verify {padding:20px}
 .coa-form__row {flex-direction:column} .coa-form__row input {width:100%}
 .science-faq {gap:25px} .science-question summary {font-size:12px}
 .band__form {flex-direction:column} .band__form .btn {min-height:43px}
 .footer__grid {grid-template-columns:1fr 1fr; gap:28px 22px} .footer__about {grid-column:1/-1}
 .footer__grid>div:last-child {grid-column:1/-1} .footer__ruo {padding:16px}
 .footer__base {font-size:9px} .footer {padding-top:30px}
 .science-catalog-head {padding:25px; margin-top:15px} .science-catalog-head h1 {font-size:30px}
 .science-catalog-head>p:not(.eyebrow) {font-size:12px}
 .science-catalog-results ul.products {gap:12px}
 .science-filters nav a {font-size:10px; padding:8px}
 .woocommerce div.product {gap:28px} .woocommerce div.product .product_title {font-size:30px}
 .woocommerce div.product .woocommerce-tabs ul.tabs {display:flex; flex-wrap:wrap; gap:0 16px}
 .woocommerce div.product .woocommerce-tabs ul.tabs li {margin:0} .woocommerce div.product .woocommerce-tabs ul.tabs li a {font-size:10px}
 .page__head h1 {font-size:32px} .page.wrap>.page__head {padding:25px}
 main.page {padding-top:32px} .article h1 {font-size:32px} .prose {font-size:14px}
 .hwcalc {padding:18px} .hwcalc__grid {grid-template-columns:1fr} .hwcalc__out {flex-wrap:wrap} .hwcalc__out>div {min-width:100px}
 .hwcalc__out b {font-size:22px}
 .wa-float {padding:11px; right:12px; bottom:12px} .wa-float span {display:none}
 body:has(.ruo-bar:not([hidden])) .wa-float {bottom:210px}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important; transition:none!important}}