/* Qelivra — Made for the Method global design system */
:root{
  --qm-ink:#091524;
  --qm-ink-2:#12243a;
  --qm-cream:#f3f0eb;
  --qm-paper:#fbfaf7;
  --qm-white:#fff;
  --qm-blue:#356cff;
  --qm-blue-soft:#e9efff;
  --qm-sage:#cfd8cf;
  --qm-line:#d7d4cf;
  --qm-muted:#65707d;
  --qm-danger:#9e2f32;
  --qm-success:#2e6851;
  --qm-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --qm-sans:"DM Sans",Arial,sans-serif;
  --qm-max:1240px;
  --qm-shadow:0 20px 60px rgba(9,21,36,.08);
}

html{background:var(--qm-cream);color:var(--qm-ink)}
body{background:var(--qm-cream)!important;color:var(--qm-ink)!important;font-family:var(--qm-sans)!important}
body::before{display:none!important}
::selection{background:var(--qm-blue);color:#fff}
a{color:inherit}
:focus-visible{outline:2px solid var(--qm-blue)!important;outline-offset:3px!important}
.container{width:min(var(--qm-max),calc(100% - 48px))!important;max-width:none!important}

/* Shared navigation */
body:not(.home-index) .announcement{min-height:26px!important;padding:7px 18px!important;background:var(--qm-ink)!important;color:#fff!important;border:0!important;font-size:.62rem!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important}
body:not(.home-index) .site-header{height:76px!important;min-height:76px!important;background:rgba(243,240,235,.97)!important;border:0!important;border-bottom:1px solid var(--qm-line)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}
body:not(.home-index) .header-inner{height:76px!important;min-height:76px!important}
body:not(.home-index) .site-header .logo span{color:var(--qm-ink)!important;font-family:var(--qm-sans)!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:-.065em!important;text-transform:none!important}
body:not(.home-index) .site-header .nav{gap:32px!important}
body:not(.home-index) .site-header .nav-link{color:var(--qm-ink)!important;font-size:.75rem!important;font-weight:600!important}
body:not(.home-index) .site-header .nav-link:hover{color:var(--qm-blue)!important}
body:not(.home-index) .site-header .icon-btn,
body:not(.home-index) .nexus-header-link{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--qm-ink)!important}
body:not(.home-index) .nexus-header-link__mark{border-radius:50%!important;background:var(--qm-ink)!important;color:#fff!important}
.mobile-menu{border-radius:0!important;background:var(--qm-paper)!important;border-color:var(--qm-line)!important;box-shadow:var(--qm-shadow)!important}
.mobile-menu a{color:var(--qm-ink)!important;border-bottom-color:var(--qm-line)!important}

/* Shared typography and controls */
.eyebrow,.kicker,.checkout-kicker,.policy-eyebrow,.verify-eyebrow,.support-eyebrow,
.product-category,.catalog-count span,.success-kicker{color:var(--qm-blue)!important;font-family:var(--qm-sans)!important;font-size:.67rem!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important}
h1,h2,.section-heading,.catalog-hero h1,.product-info h1,.order-status-hero h1,.support-hero h1,
.policy-hero h1,.verify-hero h1,.checkout-top h1,.checkout-card h2,.success-card h1{
  color:var(--qm-ink)!important;
}
.catalog-hero h1,.product-info h1,.order-status-hero h1,.support-hero h1,.policy-hero h1,.verify-hero h1,
.checkout-top h1,.success-card h1{
  font-family:var(--qm-serif)!important;font-weight:400!important;letter-spacing:-.045em!important;line-height:.9!important;
}
p{color:var(--qm-muted)}
.btn,.index-button,.product-add,.checkout-button,.support-submit,.order-lookup-form button,
button[type="submit"]:not(.icon-btn){min-height:48px!important;border-radius:0!important;border:1px solid var(--qm-ink)!important;background:var(--qm-ink)!important;color:#fff!important;box-shadow:none!important;font-family:var(--qm-sans)!important;font-size:.76rem!important;font-weight:700!important;transition:background .18s ease,color .18s ease,border-color .18s ease!important}
.btn:hover,.index-button:hover,.product-add:hover,.checkout-button:hover,.support-submit:hover,
button[type="submit"]:not(.icon-btn):hover{background:var(--qm-blue)!important;border-color:var(--qm-blue)!important;color:#fff!important;transform:none!important}
.btn-secondary,.btn-ghost,.checkout-edit-link{background:transparent!important;color:var(--qm-ink)!important;border-color:var(--qm-ink)!important}
.btn-secondary:hover,.btn-ghost:hover{background:var(--qm-ink)!important;color:#fff!important}
input,select,textarea{border-radius:0!important;border:1px solid var(--qm-line)!important;background:var(--qm-white)!important;color:var(--qm-ink)!important;box-shadow:none!important;font-family:var(--qm-sans)!important}
input:focus,select:focus,textarea:focus{border-color:var(--qm-blue)!important;box-shadow:0 0 0 2px rgba(53,108,255,.13)!important}

/* Shared cards, overlays and commerce */
.product-card,.related-card,.recent-product-card,.order-lookup-card,.order-result-card,.order-status-side,
.support-start-card,.support-thread-card,.support-side-card,.checkout-card,.success-card,.verify-card,
.transparency-card,.support-card,.coa-summary-card,.coa-info-card,.detail-callout,.document-placeholder,
.customer-delivery-card,.customer-next-step,.customer-hub-saved{
  border:1px solid var(--qm-line)!important;border-radius:0!important;background:var(--qm-paper)!important;box-shadow:none!important;
}
.overlay{background:rgba(9,21,36,.48)!important;backdrop-filter:blur(6px)!important}
.drawer,.search-dialog{border-radius:0!important;background:var(--qm-paper)!important;border-color:var(--qm-line)!important;box-shadow:var(--qm-shadow)!important}
.toast{border-radius:0!important;background:var(--qm-ink)!important;color:#fff!important}
.product-state,.order-result-badge,.sandbox-badge,.checkout-assurance-pill,.policy-badge{border-radius:999px!important;border:1px solid var(--qm-line)!important;background:transparent!important;color:var(--qm-ink)!important;box-shadow:none!important}
.site-footer{background:var(--qm-ink)!important;color:#fff!important;border:0!important;border-top:3px solid var(--qm-blue)!important}
.site-footer *{color:inherit!important}
.site-footer .logo span{font-family:var(--qm-sans)!important;text-transform:none!important;letter-spacing:-.06em!important}
.footer-bottom{border-top-color:rgba(255,255,255,.18)!important}

/* Catalog */
.catalog-hero{padding:86px 0 76px!important;background:var(--qm-cream)!important;border-bottom:1px solid var(--qm-line)!important;overflow:hidden!important}
.catalog-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important;align-items:center!important}
.catalog-hero h1{font-size:clamp(4.7rem,8.5vw,8.8rem)!important;margin:18px 0 24px!important}
.catalog-hero h1 span{color:var(--qm-ink)!important}
.catalog-hero p{max-width:540px!important;font-size:1rem!important}
.catalog-vial-preview{background:transparent!important;border:0!important;box-shadow:none!important}
.catalog-vial-preview::before,.catalog-vial-preview::after,.catalog-vial-preview .product-visual__graphics{display:none!important}
.catalog-browser,.catalog-section{background:var(--qm-paper)!important}
.catalog-toolbar{padding:0 0 24px!important;border-bottom:1px solid var(--qm-line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.catalog-search{border-radius:0!important;border-color:var(--qm-line)!important;background:#fff!important}
.filter-pills{gap:0!important;border:1px solid var(--qm-line)!important}
.filter-pill{min-height:44px!important;border:0!important;border-right:1px solid var(--qm-line)!important;border-radius:0!important;background:transparent!important;color:var(--qm-ink)!important;box-shadow:none!important}
.filter-pill:last-child{border-right:0!important}
.filter-pill.active{background:var(--qm-ink)!important;color:#fff!important}
.catalog-product-grid,.product-grid{gap:1px!important;background:var(--qm-line)!important;border:1px solid var(--qm-line)!important}
.catalog-product-grid .product-card,.product-grid .product-card{margin:0!important;border:0!important;background:var(--qm-paper)!important}
.product-card:hover{transform:none!important;background:#fff!important;box-shadow:none!important}
.product-media,.product-visual--card{border-radius:0!important;background:#efede8!important}
.product-visual__graphics{display:none!important}
.product-body{border-top:1px solid var(--qm-line)!important}
.product-card h3{font-family:var(--qm-serif)!important;font-size:2rem!important;font-weight:400!important;letter-spacing:-.03em!important}
.product-card__commerce{border-top-color:var(--qm-line)!important}

/* Product detail */
.breadcrumb{padding-top:30px!important;color:var(--qm-muted)!important;font-size:.72rem!important}
.product-detail{padding:48px 0 86px!important;background:var(--qm-cream)!important}
.product-detail-grid{gap:clamp(38px,8vw,120px)!important;align-items:start!important}
.product-gallery{position:sticky!important;top:100px!important}
.product-stage{min-height:620px!important;border:0!important;border-radius:0!important;background:#ebe8e2!important;box-shadow:none!important}
.product-stage::before,.product-stage::after,.stage-orbit{display:none!important}
.gallery-note{margin-top:0!important;border:1px solid var(--qm-line)!important;border-radius:0!important;background:var(--qm-paper)!important}
.product-info h1{font-size:clamp(4.4rem,7vw,7.6rem)!important;margin:18px 0!important}
.product-lede{font-size:1.05rem!important;line-height:1.7!important}
.research-badge{border-radius:0!important;border:1px solid var(--qm-line)!important;background:transparent!important;color:var(--qm-ink)!important}
.spec-list{border-top:1px solid var(--qm-line)!important}
.spec-list>div{border-bottom-color:var(--qm-line)!important}
.product-tabs-section{background:var(--qm-ink)!important;color:#fff!important;padding:72px 0!important}
.product-tabs{border:0!important;border-bottom:1px solid rgba(255,255,255,.22)!important;background:transparent!important;border-radius:0!important;overflow-x:auto!important}
.product-tab{border-radius:0!important;background:transparent!important;color:#aeb9c8!important;border:0!important;border-bottom:2px solid transparent!important}
.product-tab.active{color:#fff!important;border-bottom-color:var(--qm-blue)!important}
.tab-panels,.tab-panel{background:transparent!important;color:#fff!important}
.tab-panel h2,.tab-panel strong{color:#fff!important}
.tab-panel p{color:#b8c0cc!important}
.detail-callout,.document-placeholder{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
.related-section{background:var(--qm-paper)!important}

/* Customer Hub and support */
.order-status-body,.support-page-body{background:var(--qm-cream)!important}
.order-status-hero,.support-hero{padding:96px 0 80px!important;background:var(--qm-cream)!important;border-bottom:1px solid var(--qm-line)!important}
.order-status-hero h1,.support-hero h1{max-width:980px!important;font-size:clamp(4.2rem,8vw,8rem)!important;margin:18px 0 26px!important}
.order-status-privacy,.order-status-compliance,.support-privacy-note{border-radius:0!important;border:1px solid var(--qm-line)!important;background:transparent!important;color:var(--qm-ink)!important}
.order-status-workspace,.support-workspace-section{background:var(--qm-paper)!important;padding:72px 0!important}
.order-status-grid,.support-workspace-grid{gap:1px!important;background:var(--qm-line)!important;border:1px solid var(--qm-line)!important}
.order-lookup-card,.order-result-card,.order-status-side,.support-start-card,.support-thread-card,.support-side-card{border:0!important}
.order-status-card-icon,.support-start-mark,.support-side-mark{border-radius:50%!important;background:var(--qm-ink)!important;color:#fff!important}
.order-status-side{background:var(--qm-ink)!important;color:#fff!important}
.order-status-side h2,.order-status-side strong,.order-status-side span{color:#fff!important}
.order-status-side p{color:#b8c0cc!important}
.order-status-side__mark{color:var(--qm-blue)!important}
.order-lookup-form,.support-start-form{gap:16px!important}
.support-message{border-radius:0!important}
.support-message--customer{background:var(--qm-ink)!important;color:#fff!important}

/* Checkout */
.checkout-shell{min-height:100vh!important;padding:42px!important;background:var(--qm-cream)!important}
.checkout-top{max-width:var(--qm-max)!important;margin:0 auto 44px!important;padding:0 0 24px!important;border-bottom:1px solid var(--qm-line)!important;background:transparent!important}
.checkout-brand,.checkout-brand span{color:var(--qm-ink)!important;font-family:var(--qm-sans)!important;letter-spacing:-.06em!important}
.checkout-grid{max-width:var(--qm-max)!important;gap:1px!important;background:var(--qm-line)!important;border:1px solid var(--qm-line)!important}
.checkout-card{border:0!important;padding:38px!important}
.checkout-order{background:#ece9e3!important}
.checkout-info{background:var(--qm-paper)!important}
.checkout-card h2{font-family:var(--qm-serif)!important;font-size:clamp(2.6rem,4vw,4.4rem)!important;font-weight:400!important}
.checkout-hero-band,.checkout-trust,.checkout-trust-item,.checkout-assurance-row{border-radius:0!important;background:transparent!important;box-shadow:none!important}
.checkout-trust{border-top:1px solid var(--qm-line)!important;border-bottom:1px solid var(--qm-line)!important}
.checkout-trust-item{border:0!important;border-right:1px solid var(--qm-line)!important}
.checkout-trust-item:last-child{border-right:0!important}
.checkout-trust-icon,.sandbox-dot{border-radius:50%!important;background:var(--qm-blue)!important;color:#fff!important}
.checkout-item,.checkout-summary{border-color:var(--qm-line)!important;border-radius:0!important;background:transparent!important}
.checkout-note{border-top-color:var(--qm-line)!important}

/* Checkout success */
.success-shell{min-height:100vh!important;background:var(--qm-cream)!important;padding:48px 24px!important}
.success-card{width:min(760px,100%)!important;padding:56px!important}
.success-mark{border-radius:50%!important;background:var(--qm-ink)!important;color:#fff!important;box-shadow:none!important}
.success-card h1{font-size:clamp(3.5rem,7vw,6rem)!important}
.success-meta,.success-next,.success-alert,.success-order-reference{border-radius:0!important;border-color:var(--qm-line)!important;background:transparent!important;box-shadow:none!important}
.success-next__step span{border-radius:50%!important;background:var(--qm-ink)!important;color:#fff!important}

/* Verification and COA */
.verify-header,.coa-toolbar{background:var(--qm-cream)!important;border-bottom:1px solid var(--qm-line)!important;box-shadow:none!important}
.verify-main,.coa-shell{background:var(--qm-cream)!important}
.verify-hero{padding:96px 0 72px!important;background:transparent!important}
.verify-hero h1{font-size:clamp(4.3rem,8vw,8rem)!important}
.domain-card,.verify-mark__card,.verify-grid article,.transparency-card,.verify-main .support-card{border-radius:0!important;border-color:var(--qm-line)!important;background:var(--qm-paper)!important;box-shadow:none!important}
.verify-mark__card{background:var(--qm-ink)!important;color:#fff!important}
.coa-sheet{border-radius:0!important;border:1px solid var(--qm-line)!important;box-shadow:none!important;background:#fff!important}
.coa-brand,.coa-sheet h1,.coa-sheet h2{color:var(--qm-ink)!important}
.coa-results-table th{background:var(--qm-ink)!important;color:#fff!important}
.coa-status,.coa-sr-only{border-radius:0!important;background:var(--qm-blue-soft)!important;color:var(--qm-ink)!important}

/* Policies */
.policy-top{position:sticky!important;top:0!important;z-index:20!important;background:rgba(243,240,235,.96)!important;border-bottom:1px solid var(--qm-line)!important;backdrop-filter:blur(16px)!important}
.policy-nav{width:min(var(--qm-max),calc(100% - 48px))!important;min-height:76px!important;margin:auto!important}
.policy-brand{font-family:var(--qm-sans)!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:-.06em!important}
.policy-back{border-radius:0!important;border-color:var(--qm-ink)!important;background:transparent!important;color:var(--qm-ink)!important}
.policy-hero{max-width:var(--qm-max)!important;padding:92px 24px 72px!important;background:transparent!important}
.policy-hero h1{font-size:clamp(4.5rem,8vw,8.4rem)!important;margin:18px 0 24px!important}
.policy-layout{max-width:var(--qm-max)!important;gap:0!important;border-top:1px solid var(--qm-line)!important}
.policy-toc{border-radius:0!important;border:0!important;border-right:1px solid var(--qm-line)!important;background:#ece9e3!important;box-shadow:none!important}
.policy-toc a{border-bottom:1px solid var(--qm-line)!important;color:var(--qm-ink)!important}
.policy-content{background:var(--qm-paper)!important;padding:48px!important}
.policy-content section{padding:34px 0!important;border-bottom:1px solid var(--qm-line)!important}
.policy-content h2{font-family:var(--qm-serif)!important;font-size:2.3rem!important;font-weight:400!important}
.policy-callout,.policy-note{border-radius:0!important;border:1px solid var(--qm-line)!important;background:transparent!important;box-shadow:none!important}
.policy-footer{background:var(--qm-ink)!important;color:#fff!important;border-top:3px solid var(--qm-blue)!important}

/* Research gate: remove the legacy cinematic / glass language */
.pepx-gate{background:var(--qm-cream)!important;color:var(--qm-ink)!important;backdrop-filter:none!important}
.pepx-gate__glow--one,.pepx-gate__glow--two,.pepx-gate__grid,.pepx-gate__beam,.pepx-gate__orb,.pepx-gate__particles,.pepx-cine{display:none!important}
.pepx-gate__shell{width:min(920px,calc(100% - 32px))!important;border:1px solid var(--qm-line)!important;border-radius:0!important;background:var(--qm-paper)!important;box-shadow:var(--qm-shadow)!important;overflow:hidden!important}
.pepx-gate__shell::before{content:"qelivra"!important;display:block!important;margin:-20px -20px 30px!important;color:var(--qm-ink)!important;font-family:var(--qm-sans)!important;font-size:clamp(5rem,15vw,10rem)!important;font-weight:700!important;line-height:.72!important;letter-spacing:-.1em!important;white-space:nowrap!important;overflow:hidden!important}
.pepx-gate__card,.pepx-gate__head,.pepx-gate__body,.pepx-gate__intro-body{border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.pepx-gate__logo{color:var(--qm-ink)!important;font-family:var(--qm-sans)!important;letter-spacing:-.06em!important}
.pepx-gate h1,.pepx-gate h2{font-family:var(--qm-serif)!important;font-weight:400!important;color:var(--qm-ink)!important}
.pepx-gate__tagline,.pepx-gate__fine,.pepx-gate__check-text{color:var(--qm-muted)!important}
.pepx-gate__check{border-radius:0!important;border-color:var(--qm-line)!important;background:#fff!important;box-shadow:none!important}
.pepx-gate__check:has(input:checked){border-color:var(--qm-blue)!important;background:var(--qm-blue-soft)!important}
.pepx-gate__box{border-radius:0!important}
.pepx-gate__check input:checked+.pepx-gate__box{background:var(--qm-blue)!important;border-color:var(--qm-blue)!important}

/* Nexus: preserve dense operations while replacing the old blue/glass styling */
.admin-body{--admin-bg:var(--qm-cream)!important;--admin-card:var(--qm-paper)!important;background:var(--qm-cream)!important;color:var(--qm-ink)!important;font-family:var(--qm-sans)!important}
.admin-sidebar{background:var(--qm-ink)!important;border:0!important;border-right:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
.admin-brand,.admin-brand *{color:#fff!important}
.admin-nav a,.admin-nav button{border-radius:0!important;color:#b9c3d0!important;background:transparent!important}
.admin-nav a:hover,.admin-nav button:hover,.admin-nav a.active,.admin-nav button.active{background:rgba(255,255,255,.08)!important;color:#fff!important}
.admin-nav a.active,.admin-nav button.active{border-left:3px solid var(--qm-blue)!important}
.admin-main,.admin-content,.admin-page{background:var(--qm-cream)!important}
.admin-mobile-header{background:rgba(243,240,235,.96)!important;border-bottom:1px solid var(--qm-line)!important;box-shadow:none!important;backdrop-filter:blur(16px)!important}
.admin-card,.admin-panel,.admin-widget,.admin-command-card,.admin-health-item,.admin-metric-card,
.admin-modal__card,.admin-address-dialog__card,.admin-editor,.admin-table-wrap,.admin-callout,
[class*="admin-"][class*="card"]{border-radius:0!important;border-color:var(--qm-line)!important;background:var(--qm-paper)!important;box-shadow:none!important}
.admin-body button,.admin-body .button,.admin-body input,.admin-body select,.admin-body textarea{border-radius:0!important;box-shadow:none!important}
.admin-body button:not(.admin-nav__item):not([class*="icon"]){border-color:var(--qm-line)!important}
.admin-body .admin-primary,.admin-body button[type="submit"]{background:var(--qm-ink)!important;color:#fff!important;border-color:var(--qm-ink)!important}
.admin-body table{border-collapse:collapse!important}
.admin-body th{background:#ece9e3!important;color:var(--qm-ink)!important}
.admin-body td,.admin-body th{border-color:var(--qm-line)!important}
.admin-body h1,.admin-body h2{color:var(--qm-ink)!important}
.admin-body h1{font-family:var(--qm-serif)!important;font-weight:400!important;letter-spacing:-.04em!important}

/* Access denied */
.admin-denied-body{background:var(--qm-cream)!important;color:var(--qm-ink)!important}
.admin-denied-card{border-radius:0!important;border:1px solid var(--qm-line)!important;background:var(--qm-paper)!important;box-shadow:none!important}

/* One product silhouette everywhere: short, consistent and independent of label data. */
.method-vial-image{display:block!important;width:auto!important;max-width:100%!important;object-fit:contain!important;filter:drop-shadow(0 22px 24px rgba(9,21,36,.16))!important}
.product-card .method-vial-image,.search-result .method-vial-image,.cart-line .method-vial-image{height:100%!important;max-height:245px!important;margin:auto!important}
.catalog-vial-preview .method-vial-image{height:360px!important;margin:auto!important}
.product-stage .method-vial-image{height:min(560px,76vh)!important;margin:auto!important}
.pepx-service-notice{border:1px solid var(--qm-line)!important;border-radius:0!important;background:var(--qm-paper)!important;color:var(--qm-ink)!important;box-shadow:none!important}
.pepx-service-notice__label{border-radius:0!important;background:var(--qm-blue)!important;color:#fff!important}
.nexus-header-link__label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:900px){
  .container{width:min(100% - 30px,var(--qm-max))!important}
  body:not(.home-index) .site-header,body:not(.home-index) .header-inner{height:66px!important;min-height:66px!important}
  .catalog-hero-grid,.product-detail-grid,.order-status-grid,.support-workspace-grid,.checkout-grid,.policy-layout{grid-template-columns:1fr!important}
  .catalog-vial-preview{min-height:300px!important}
  .product-gallery{position:relative!important;top:0!important}
  .product-stage{min-height:460px!important}
  .policy-toc{position:relative!important;top:0!important;border-right:0!important;border-bottom:1px solid var(--qm-line)!important}
  .checkout-shell{padding:24px!important}
  .method-quality{grid-template-columns:1fr!important}
}

@media(max-width:600px){
  .container{width:calc(100% - 24px)!important}
  .catalog-hero,.order-status-hero,.support-hero,.verify-hero{padding:62px 0 52px!important}
  .catalog-hero h1,.order-status-hero h1,.support-hero h1,.verify-hero h1{font-size:3.9rem!important}
  .catalog-toolbar{align-items:stretch!important}
  .filter-pills{display:grid!important;grid-template-columns:1fr!important}
  .filter-pill{border-right:0!important;border-bottom:1px solid var(--qm-line)!important}
  .filter-pill:last-child{border-bottom:0!important}
  .product-stage{min-height:360px!important}
  .product-info h1{font-size:4rem!important}
  .product-tabs{display:flex!important}
  .checkout-shell{padding:12px!important}
  .checkout-card,.success-card,.policy-content{padding:24px!important}
  .checkout-trust{grid-template-columns:1fr!important}
  .checkout-trust-item{border-right:0!important;border-bottom:1px solid var(--qm-line)!important}
  .checkout-trust-item:last-child{border-bottom:0!important}
  .policy-nav{width:calc(100% - 24px)!important}
  .policy-hero{padding:64px 12px 48px!important}
  .policy-hero h1{font-size:3.9rem!important}
  .pepx-gate__shell{width:calc(100% - 18px)!important}
}

/* RC1.0.2 — launch polish and unified label presentation */
@media(min-width:901px){
  body:not(.admin-body) .site-header .menu-toggle{display:none!important}
}

/* Keep the oversized wordmark editorial, but let the full name breathe. */
@media(min-width:901px){
  .home-index .method-wordmark{
    top:72px!important;
    left:clamp(24px,3vw,48px)!important;
    width:auto!important;
    max-width:calc(100vw - 48px)!important;
    font-size:clamp(10rem,20.5vw,19.4rem)!important;
    letter-spacing:-.085em!important;
  }
  .home-index .method-hero{min-height:1030px!important}
  .home-index .method-copy{top:370px!important}
}

/* Catalog: shorter opening, consistent short vial, and complete card frames. */
.catalog-hero{padding:58px 0 46px!important}
.catalog-hero h1{font-size:clamp(4rem,7.25vw,7.5rem)!important;margin:14px 0 20px!important}
.catalog-vial-preview{position:relative!important;min-height:280px!important}
.catalog-vial-preview .method-catalog-vial{height:300px!important;max-height:300px!important}
.catalog-vial-preview::after{
  content:"q"!important;
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  z-index:3!important;
  top:55%!important;
  left:50%!important;
  width:82px!important;
  height:82px!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  background:transparent!important;
  color:var(--qm-ink)!important;
  font-family:var(--qm-sans)!important;
  font-size:3.8rem!important;
  font-weight:600!important;
  line-height:1!important;
}
.catalog-product-grid{overflow:hidden!important}
.catalog-product-grid .product-media,
.home-index .index-featured .product-media{min-height:300px!important}
.catalog-product-grid .product-visual__image,
.home-index .index-featured .product-visual__image{display:grid!important;place-items:center!important;width:100%!important;height:100%!important}
.catalog-product-grid .product-visual__image>pepx-vial-image.single-vial-product-image,
.home-index .index-featured .product-visual__image>pepx-vial-image.single-vial-product-image{
  width:178px!important;height:236px!important;max-width:70%!important;max-height:236px!important
}
.index-availability{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--qm-ink)}
.index-availability::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--qm-blue)}

/* Product routes no longer expose their placeholder copy while hydrating. */
.product-detail{position:relative!important}
.product-loading-state{display:none}
.product-loading .product-loading-state{
  position:absolute;z-index:5;inset:48px 0 auto;display:grid;place-items:center;align-content:center;gap:8px;min-height:520px;color:var(--qm-muted);text-align:center
}
.product-loading .product-loading-state span{width:42px;height:42px;border:2px solid var(--qm-line);border-top-color:var(--qm-blue);border-radius:50%;animation:qelivraProductLoad .8s linear infinite}
.product-loading .product-loading-state strong{color:var(--qm-ink);font-family:var(--qm-serif);font-size:2rem;font-weight:400}
.product-loading .product-loading-state small{font-size:.75rem}
.product-loading .product-detail-grid,
.product-loading .product-tabs-section,
.product-loading .related-section,
.product-loading .breadcrumb{visibility:hidden!important}
@keyframes qelivraProductLoad{to{transform:rotate(360deg)}}
.product-stage{min-height:540px!important;height:540px!important}
.product-stage picture>pepx-vial-image.single-vial-product-image{width:285px!important;height:370px!important;max-width:72%!important;max-height:370px!important}

/* Put customer tasks and verification content earlier in the first viewport. */
.order-status-hero,.support-hero{padding:54px 0 44px!important}
.order-status-hero h1,.support-hero h1{max-width:900px!important;font-size:clamp(3.7rem,6.5vw,6.4rem)!important;margin:12px 0 18px!important}
.order-status-workspace,.support-workspace-section{padding:48px 0 64px!important}
.order-status-compliance{
  display:block!important;width:max-content!important;max-width:100%!important;margin-top:16px!important;padding:7px 0 7px 14px!important;border:0!important;border-left:3px solid var(--qm-blue)!important;background:transparent!important;box-shadow:none!important
}
.support-side-icon{font-family:var(--qm-sans)!important;text-transform:lowercase!important}
.verify-main{padding-top:18px!important}
.verify-hero{padding:42px 0 52px!important}
.verify-mark__halo{background:radial-gradient(circle,rgba(173,78,54,.12),rgba(173,78,54,0) 68%)!important}
.verify-mark__card .shield path:first-child{fill:#efe9df!important;stroke:#8b857b!important}
.verify-mark__card .shield path:last-child{stroke:#171915!important}
.verify-badge__dot,.verify-grid .step{background:var(--qm-ink)!important;color:#fff!important}

/* Checkout copy now stays legible and the pre-Stripe panel feels intentional. */
.checkout-copy,.checkout-note,.checkout-handoff,.checkout-pricing-status,
.checkout-legal-certification label,.checkout-presale-certification label{color:#50544d!important}
.checkout-copy{font-size:.86rem!important;line-height:1.65!important}
.checkout-note{font-size:.68rem!important;line-height:1.6!important}
.checkout-handoff{font-size:.65rem!important;font-weight:650!important}
.checkout-legal-certification label,.checkout-presale-certification label{font-size:.7rem!important}
.checkout-info{min-height:650px!important}
.checkout-ready-panel{display:grid;gap:8px;margin-top:28px;padding:26px;border:1px solid var(--qm-line);background:#eee9e0}
.checkout-ready-panel span{color:var(--qm-blue);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.checkout-ready-panel strong{color:var(--qm-ink);font-family:var(--qm-serif);font-size:2rem;font-weight:400;letter-spacing:-.025em}
.checkout-ready-panel p{max-width:520px;margin:0;color:#50544d;font-size:.78rem;line-height:1.65}

@media(max-width:780px){
  .catalog-hero{padding:44px 0 30px!important}
  .catalog-hero h1{font-size:3.55rem!important}
  .catalog-vial-preview{min-height:230px!important}
  .catalog-vial-preview .method-catalog-vial{height:245px!important;max-height:245px!important}
  .catalog-vial-preview::after{top:56%!important;width:62px!important;height:62px!important;font-size:2.9rem!important}
  .catalog-product-grid{grid-template-columns:1fr!important;border-right:1px solid var(--qm-line)!important}
  .catalog-product-grid .product-media{height:270px!important;min-height:270px!important;overflow:hidden!important}
  .catalog-product-grid .product-visual__image>pepx-vial-image.single-vial-product-image{width:166px!important;height:224px!important;max-height:224px!important}
  .product-stage{min-height:420px!important;height:420px!important}
  .product-stage.product-visual--detail{width:100%!important;max-width:100%!important;aspect-ratio:auto!important}
  .product-stage picture>pepx-vial-image.single-vial-product-image{width:245px!important;height:320px!important;max-height:320px!important}
  .support-hero{padding:36px 0 30px!important}
  .support-hero h1{font-size:clamp(2.75rem,13vw,3.7rem)!important}
  .verify-main{padding-top:8px!important}
  .verify-hero{padding:28px 0 42px!important}
  .checkout-info{min-height:0!important}
  .checkout-ready-panel{margin-top:18px;padding:20px}
  .checkout-ready-panel strong{font-size:1.7rem}
}

@media(prefers-reduced-motion:reduce){.product-loading .product-loading-state span{animation:none!important}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}

/* v1.0.21.2 — project-wide type, language, menu, button and color refinement */
:root{
  --qm-ink:#0a1626;
  --qm-ink-2:#17283c;
  --qm-cream:#f4f1ec;
  --qm-paper:#fcfbf8;
  --qm-blue:#2f63e8;
  --qm-blue-soft:#e8eefc;
  --qm-line:#d6d2cb;
  --qm-muted:#606b78;
}
html{font-size:16px!important}
body{font-size:1rem!important;line-height:1.55!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important}
body:not(.admin-body) h1,body:not(.admin-body) h2,body:not(.admin-body) h3{font-kerning:normal!important;text-wrap:balance}
body:not(.admin-body) h2:not(.drawer-head h2):not(.checkout-order-head h1),
body:not(.admin-body) .section-heading{font-family:var(--qm-serif)!important;font-weight:400!important;letter-spacing:-.035em!important;line-height:.98!important}
body:not(.admin-body) p{line-height:1.7!important}
small,.product-meta,.footer-col a,.policy-toc a{letter-spacing:.005em!important}

/* Navigation hierarchy and active state */
.site-header .nav-link{position:relative!important;padding:28px 0 25px!important;letter-spacing:-.01em!important}
.site-header .nav-link::after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;background:var(--qm-blue);transition:right .18s ease}
.site-header .nav-link:hover::after,.site-header .nav-link[aria-current="page"]::after{right:0}
.site-header .nav-link[aria-current="page"]{color:var(--qm-ink)!important}
.site-header .header-actions{gap:5px!important}
.site-header .icon-btn,.site-header .nexus-header-link{min-width:42px!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid transparent!important;transition:background .16s,border-color .16s,color .16s!important}
.site-header .icon-btn:hover,.site-header .nexus-header-link:hover{background:var(--qm-paper)!important;border-color:var(--qm-line)!important;color:var(--qm-blue)!important}
.mobile-menu{top:calc(100% + 1px)!important;right:12px!important;width:min(430px,calc(100vw - 24px))!important;padding:12px!important}
.mobile-menu .mobile-search{margin-bottom:8px!important;border:1px solid var(--qm-line)!important;background:#fff!important}
.mobile-menu a{min-height:58px!important;padding:0 14px!important;font-family:var(--qm-serif)!important;font-size:1.48rem!important;font-weight:400!important;letter-spacing:-.025em!important}
.mobile-menu a:hover{background:var(--qm-blue-soft)!important;color:var(--qm-ink)!important}
body:not(.home-index) .mobile-menu.open{display:grid!important;grid-template-columns:1fr!important;position:fixed!important;z-index:240!important;top:103px!important;left:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.mobile-menu.open>*{width:100%!important;min-width:0!important}
.mobile-menu .mobile-menu-nexus{display:grid!important;grid-template-columns:38px 1fr 18px!important;font-family:var(--qm-sans)!important;font-size:.8rem!important;background:var(--qm-ink)!important;color:#fff!important;border:0!important}
.mobile-menu .mobile-menu-nexus strong,.mobile-menu .mobile-menu-nexus small{color:#fff!important}
.mobile-menu-nexus__copy{display:grid!important;gap:2px!important;min-width:0!important}
.mobile-menu-nexus__copy strong,.mobile-menu-nexus__copy small{display:block!important;line-height:1.25!important}
.mobile-menu-nexus__copy small{font-size:.62rem!important;color:#aeb9c7!important}

/* Buttons: clear primary, secondary and quiet actions */
.btn,.index-button,.product-add,.checkout-button,.checkout-pay,.support-submit,.order-lookup-form button,
.checkout-promo-entry button,.success-copy-order,.policy-back,.checkout-back,.admin-primary-button,.admin-secondary-button{
  min-height:46px!important;padding:0 18px!important;border-radius:0!important;font-size:.76rem!important;font-weight:700!important;letter-spacing:.005em!important;line-height:1.2!important;text-decoration:none!important;
}
.btn-primary,.product-add,.checkout-pay,.support-submit,.order-lookup-form button,.checkout-promo-entry button,.admin-primary-button{
  border:1px solid var(--qm-ink)!important;background:var(--qm-ink)!important;color:#fff!important;
}
.btn-primary:hover,.product-add:hover,.checkout-pay:hover:not(:disabled),.support-submit:hover,.order-lookup-form button:hover,.checkout-promo-entry button:hover,.admin-primary-button:hover{
  border-color:var(--qm-blue)!important;background:var(--qm-blue)!important;color:#fff!important;
}
.btn-secondary,.btn-ghost,.checkout-edit-link,.checkout-back,.policy-back,.admin-secondary-button{
  border:1px solid var(--qm-ink)!important;background:transparent!important;color:var(--qm-ink)!important;
}
.btn-secondary:hover,.btn-ghost:hover,.checkout-edit-link:hover,.checkout-back:hover,.policy-back:hover,.admin-secondary-button:hover{
  border-color:var(--qm-ink)!important;background:var(--qm-ink)!important;color:#fff!important;
}
button:disabled,.btn[aria-disabled="true"]{opacity:.42!important;cursor:not-allowed!important}

/* Catalog controls */
.catalog-search,.sort-control{min-height:48px!important}
.filter-pill{font-size:.71rem!important;font-weight:700!important;letter-spacing:.01em!important}
.filter-pill:hover:not(.active){background:var(--qm-blue-soft)!important;color:var(--qm-ink)!important}
.sort-control{border:1px solid var(--qm-line)!important;background:#fff!important}
.product-card .product-link{font-size:.72rem!important;font-weight:700!important;color:var(--qm-ink)!important}
.product-card:hover .product-link{color:var(--qm-blue)!important}

/* Checkout: replace the remaining legacy rounded/bright surface */
.checkout-top__meta{color:var(--qm-muted)!important;font-size:.7rem!important;font-weight:500!important}
.checkout-steps{gap:0!important;border:1px solid var(--qm-line)!important}
.checkout-step{min-height:36px!important;padding:0 14px!important;border:0!important;border-right:1px solid var(--qm-line)!important;border-radius:0!important;background:transparent!important;color:var(--qm-muted)!important;box-shadow:none!important;backdrop-filter:none!important}
.checkout-step:last-child{border-right:0!important}
.checkout-step.is-active{background:var(--qm-ink)!important;color:#fff!important}
.checkout-step.is-complete{background:var(--qm-blue-soft)!important;color:var(--qm-ink)!important}
.checkout-summary-badges span,.checkout-promo-entry__tag,.checkout-assurance-pill,.checkout-embedded__lock{border-radius:0!important;background:transparent!important;border:1px solid var(--qm-line)!important;color:var(--qm-ink)!important;box-shadow:none!important}
.checkout-promo-entry,.checkout-legal-certification,.checkout-presale-certification{border-radius:0!important;border-color:var(--qm-line)!important;background:transparent!important;box-shadow:none!important}
.checkout-promo-entry__row{gap:8px!important}
.checkout-trust-icon{display:none!important}
.checkout-trust-item{padding:14px 18px!important}
.checkout-trust-item strong{font-size:.73rem!important}
.checkout-trust-item span{font-size:.64rem!important;line-height:1.45!important}
.checkout-hero-band{padding:0 0 24px!important;border:0!important;border-bottom:1px solid var(--qm-line)!important}
.sandbox-badge{border-radius:0!important;padding:10px 12px!important;background:transparent!important}
.checkout-order-head h1{font-family:var(--qm-serif)!important;font-size:clamp(2.5rem,4vw,4rem)!important;font-weight:400!important;letter-spacing:-.04em!important}

/* Customer tools and policy actions */
.order-status-back,.support-back,.verify-back{border-radius:0!important;border:1px solid var(--qm-ink)!important;background:transparent!important;color:var(--qm-ink)!important}
.order-status-back:hover,.support-back:hover,.verify-back:hover{background:var(--qm-ink)!important;color:#fff!important}
.order-status-privacy strong,.support-privacy-note strong{font-weight:700!important}
.policy-back{display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* Nexus login and internal controls: same system, denser application scale */
body.admin-auth-locked{background:var(--qm-cream)!important}
body.admin-auth-locked .admin-main{background:var(--qm-cream)!important}
body.admin-auth-locked .admin-login{border:1px solid var(--qm-line)!important;border-radius:0!important;background:var(--qm-paper)!important;box-shadow:0 24px 70px rgba(10,22,38,.11)!important}
body.admin-auth-locked .nexus-auth-intro{background:var(--qm-ink)!important;color:#fff!important}
.nexus-auth-intro::before,.nexus-auth-intro::after,.nexus-auth-intro__visual{display:none!important}
.nexus-auth-intro__copy{margin-top:0!important}
.nexus-auth-intro__copy h2{color:#fff!important;font-family:var(--qm-serif)!important;font-weight:400!important;letter-spacing:-.04em!important}
.nexus-auth-intro__copy p{color:#b9c3cf!important}
.nexus-auth-intro__signal{border-radius:0!important;background:transparent!important;backdrop-filter:none!important}
.nexus-auth-intro__signal-dot{border-radius:0!important;background:var(--qm-blue)!important;box-shadow:none!important}
body.admin-auth-locked .admin-login__form{background:var(--qm-paper)!important}
.nexus-auth-card__copy h1{font-family:var(--qm-serif)!important;font-weight:400!important;color:var(--qm-ink)!important}
.nexus-auth-card__copy p,.nexus-auth-card__note{color:var(--qm-muted)!important}
.nexus-auth-card .admin-field input{border-radius:0!important;background:#fff!important}
.nexus-auth-card>.admin-primary-button{border-radius:0!important;box-shadow:none!important}
.nexus-auth-card__secure,.nexus-auth-card__eyebrow{color:var(--qm-blue)!important}
.admin-nav a[aria-current="page"]{border-left:3px solid var(--qm-blue)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
.admin-page-header h1{font-family:var(--qm-serif)!important;font-weight:400!important}
.admin-toolbar,.admin-form,.admin-filter-row,.admin-record-card,.admin-callout,.admin-login-briefing__card{border-radius:0!important;box-shadow:none!important}

@media(max-width:760px){
  .site-header .nav-link{padding:0!important}
  .checkout-shell{padding:18px 12px 40px!important}
  .checkout-top__right{gap:10px!important}
  .checkout-step{padding:0 10px!important}
  .checkout-card{padding:24px 18px!important}
}

/* v1.0.21.5 — mineral editorial palette
   Carbon and oxide replace the generic medical navy/electric-blue scheme. */
:root{
  --qm-ink:#171915;
  --qm-ink-2:#292c26;
  --qm-cream:#f1ede5;
  --qm-paper:#faf8f3;
  --qm-white:#fffefa;
  --qm-blue:#ad4e36;
  --qm-blue-soft:#f2e2da;
  --qm-sage:#aeb6a5;
  --qm-line:#d3cdc2;
  --qm-muted:#686c64;
  --qm-success:#39644f;
  --method-ink:#171915;
  --method-cream:#f1ede5;
  --method-blue:#ad4e36;
  --method-line:#d3cdc2;
}
.home-index{
  --method-ink:#171915!important;
  --method-cream:#f1ede5!important;
  --method-blue:#ad4e36!important;
  --method-line:#d3cdc2!important;
  --index-violet:#ad4e36!important;
  --index-blue:#853a2a!important;
  --index-mint:#aeb6a5!important;
  --index-mint-dark:#344035!important;
  --index-ink:#171915!important;
  --index-muted:#686c64!important;
  --index-line:#d3cdc2!important;
  --index-paper:#faf8f3!important;
  --index-soft:#f2e2da!important;
}
::selection{background:#ad4e36!important;color:#fff!important}
:focus-visible{outline-color:#ad4e36!important}
input:focus,select:focus,textarea:focus{border-color:#ad4e36!important;box-shadow:0 0 0 2px rgba(173,78,54,.16)!important}
.home-index .site-header,.home-index .method-hero{background:var(--qm-cream)!important}
.home-index .pepx-service-notice strong{color:var(--qm-blue)!important}
.home-index .nexus-header-link__mark{background:var(--qm-ink)!important;color:#fff!important;box-shadow:none!important}
.home-index .index-section,.home-index .index-faq,.home-index .index-track-card{background:var(--qm-paper)!important}
.home-index .index-faq .faq-item{background:var(--qm-paper)!important;border-color:var(--qm-line)!important;box-shadow:none!important}
.home-index .index-faq .faq-item button{color:var(--qm-ink)!important}
.home-index .index-faq .support-card{background:var(--qm-blue-soft)!important;border-color:#d9b8ab!important;color:var(--qm-ink)!important}
.home-index .index-faq .support-card h2,.home-index .index-faq .support-card p,.home-index .index-faq .support-card span{color:var(--qm-ink)!important}
.home-index .index-faq .support-icon{background:var(--qm-blue)!important;color:#fff!important}
.home-index .index-faq .btn-primary{background:var(--qm-ink)!important;border-color:var(--qm-ink)!important;color:#fff!important}
.home-index .index-footer .footer-col h3{color:#d9876f!important}
.home-index .index-footer .footer-col a:hover{color:#d9876f!important}
.home-index .index-benefit-grid .icon,.home-index .index-doc-links>a>.icon:first-child{color:var(--qm-blue)!important}
.home-index .pepx-announcement-card::before{background:var(--qm-blue)!important}
.home-index .pepx-announcement-card__eyebrow{border-color:#d9b8ab!important;color:var(--qm-blue)!important}
.method-rail{background:var(--qm-paper)!important}
.method-quality,.site-footer,.order-status-side,.admin-sidebar,body.admin-auth-locked .nexus-auth-intro{background:var(--qm-ink)!important}
.product-media,.product-visual--card,.product-stage{background:#e9e3d8!important}
.catalog-browser,.catalog-section,.related-section,.order-status-workspace,.support-workspace-section{background:var(--qm-paper)!important}
.checkout-order,.policy-toc,.admin-body th{background:#e8e2d7!important}
.checkout-step.is-complete,.filter-pill:hover:not(.active),.mobile-menu a:hover{background:var(--qm-blue-soft)!important}
.pepx-service-notice__label,.checkout-trust-icon,.sandbox-dot,.checkout-trust-icon,.success-next__step span{background:var(--qm-blue)!important}
.nexus-auth-card__secure::before,.nexus-auth-card__note-dot,.nexus-auth-intro__signal-dot{background:var(--qm-blue)!important;box-shadow:none!important}
.nexus-auth-intro__eyebrow,.nexus-auth-card__eyebrow,.nexus-auth-card__secure{color:#d9876f!important}
.admin-body{
  --admin-navy:#171915!important;
  --admin-navy-2:#292c26!important;
  --admin-blue:#ad4e36!important;
  --admin-blue-2:#913d2b!important;
  --admin-ice:#f2e2da!important;
  --admin-bg:#f1ede5!important;
  --admin-surface:#faf8f3!important;
  --admin-text:#292c26!important;
  --admin-muted:#686c64!important;
  --admin-line:#d3cdc2!important;
  --admin-line-strong:#beb6a9!important;
}
.admin-page-header__eyebrow,.admin-quick-action__arrow,.admin-mobile-store{color:var(--qm-blue)!important}
.admin-nav a[aria-current="page"],.admin-nav a.active,.admin-nav button.active{border-left-color:var(--qm-blue)!important}
.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{border-color:var(--qm-blue)!important;box-shadow:0 0 0 3px rgba(173,78,54,.14)!important}
.admin-sync-chip__dot,.admin-login-briefing__pulse,.admin-login-briefing__status-dot{background:var(--qm-blue)!important}
.pepx-service-notice strong,.pepx-service-notice--presale strong{color:var(--qm-blue)!important}
.checkout-order-head p,.checkout-note a,.checkout-legal-certification a,.checkout-presale-certification a{color:var(--qm-blue)!important}
.nexus-auth-card__tag{border-color:#d9b8ab!important;border-radius:0!important;background:var(--qm-blue-soft)!important;color:var(--qm-blue)!important}
.nexus-auth-card__word{color:var(--qm-ink)!important}

/* Operational banners, maintenance and promo states follow the redesign too. */
.pepx-control-screen{background:var(--qm-cream)!important;color:var(--qm-ink)!important;font-family:var(--qm-sans)!important}
.pepx-control-screen__card{border:1px solid var(--qm-line)!important;border-radius:0!important;background:var(--qm-paper)!important;box-shadow:var(--qm-shadow)!important}
.pepx-control-brand{color:var(--qm-ink)!important;font-family:var(--qm-sans)!important}
.pepx-control-screen__badge{border-radius:0!important;background:var(--qm-blue-soft)!important;color:var(--qm-blue)!important}
.pepx-control-button{border-radius:0!important;border-color:var(--qm-ink)!important;background:transparent!important;color:var(--qm-ink)!important}
.pepx-control-button--primary{background:var(--qm-ink)!important;color:#fff!important;box-shadow:none!important}
.pepx-site-banner--info{background:var(--qm-blue-soft)!important;color:#6f3023!important}
.pepx-home-promo__card{border-radius:0!important;border-color:var(--qm-line)!important;background:var(--qm-ink)!important;box-shadow:none!important}
.pepx-home-promo__eyebrow,.pepx-home-promo__mark small{color:#d9876f!important}
.empty-icon,.support-card-icon{background:var(--qm-blue-soft)!important;color:var(--qm-blue)!important;border-color:#d9b8ab!important}
.empty-icon .icon,.support-card-icon .icon,.gallery-note>.icon,.detail-callout>.icon,.document-placeholder>.icon{color:var(--qm-blue)!important}
.support-card-icon .icon{width:18px!important;height:18px!important}

/* v1.0.21.10 — navigation visibility and dark-surface legibility */
@media(min-width:901px){
  .home-index .site-header .nav{
    display:flex!important;
    align-items:center!important;
    gap:clamp(18px,2vw,32px)!important;
    margin-left:clamp(28px,4vw,68px)!important;
  }
  .home-index .site-header .nav-link{
    display:inline-flex!important;
    align-items:center!important;
    min-height:76px!important;
    padding:0!important;
    color:var(--qm-ink)!important;
    font-size:.72rem!important;
    font-weight:600!important;
  }
  .home-index .site-header .nav-link::after{bottom:18px!important}
  .home-index .menu-toggle{display:none!important}
}
@media(max-width:900px){
  .home-index .site-header .nav{display:none!important}
  .home-index .menu-toggle{display:flex!important}
}

/* Warm white for headings and a softer, still-readable secondary tone. */
.method-quality,
.product-tabs-section,
.order-status-side,
.site-footer,
.index-doc-hub,
.admin-sidebar,
body.admin-auth-locked .nexus-auth-intro{color:#fffdf8!important}

.method-quality h2,.method-quality h3,.method-quality strong,
.product-tabs-section h2,.product-tabs-section h3,.product-tabs-section strong,
.order-status-side h2,.order-status-side h3,.order-status-side strong,
.site-footer h2,.site-footer h3,.site-footer strong,.site-footer .logo span,
.index-doc-hub h2,.index-doc-hub h3,.index-doc-hub strong,
.admin-sidebar strong,.admin-sidebar .admin-brand,
body.admin-auth-locked .nexus-auth-intro h2,
body.admin-auth-locked .nexus-auth-intro strong{color:#fffdf8!important}

.method-quality p,.method-quality li,.method-quality small,
.product-tabs-section p,.product-tabs-section li,.product-tabs-section small,
.order-status-side p,.order-status-side li,.order-status-side small,
.site-footer p,.site-footer a,.site-footer span,
.index-doc-hub p,.index-doc-hub a,.index-doc-hub span,.index-doc-hub small,
.admin-sidebar a,.admin-sidebar button,.admin-sidebar small,
body.admin-auth-locked .nexus-auth-intro p,
body.admin-auth-locked .nexus-auth-intro small{color:#d8d3ca!important}

.site-footer .footer-bottom,
.site-footer .footer-bottom span,
.admin-sidebar .admin-version,
.admin-sidebar .admin-identity__label{color:#bbb6ad!important}

.method-quality__copy>span,
.site-footer .footer-col h3,
.index-doc-hub .index-eyebrow,
.nexus-auth-intro__eyebrow{color:#e09a84!important}

.product-tabs-section .product-tab{color:#c8c3ba!important}
.product-tabs-section .product-tab.active{color:#fffdf8!important}

/* v1.0.21.11 — smoother lowercase storefront wordmark */
.site-header .logo span{
  font-family:var(--qm-sans)!important;
  font-weight:600!important;
  letter-spacing:-.075em!important;
  line-height:1!important;
  text-transform:lowercase!important;
}
.home-index .site-header .logo span{font-size:1.42rem!important}
body:not(.home-index) .site-header .logo span{font-size:1.46rem!important}

/* v1.0.21.12 — first-visit research access, rebuilt in the Method system */
html:has(body.pepx-gate-locked),
html:has(body.pepx-gate-locked) body{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.pepx-gate-locked{position:fixed!important;inset:0!important;width:100%!important;height:100%!important}
.pepx-gate{
  inset:0!important;
  width:100vw!important;
  height:100svh!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:var(--qm-cream)!important;
  color:var(--qm-ink)!important;
}
.pepx-gate::before,.pepx-gate::after,.pepx-gate__particle{display:none!important}
.pepx-gate__shell{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  border:0!important;
  background:var(--qm-cream)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.pepx-gate__shell::before{display:none!important}
.pepx-gate__card{width:100%!important;height:100%!important;overflow:hidden!important}
.pepx-gate__card::before{display:none!important}

/* Welcome stage */
.pepx-gate.pepx-gate--intro-stage .pepx-cine{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  width:100%!important;
  height:100svh!important;
  min-height:0!important;
  padding:28px clamp(24px,4vw,64px)!important;
  background:var(--qm-cream)!important;
  color:var(--qm-ink)!important;
  overflow:hidden!important;
}
.pepx-cine__grid,.pepx-cine__scan,.pepx-cine__halo,.pepx-cine__ring{display:none!important}
.pepx-cine__topline{
  color:var(--qm-blue)!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  font-size:.64rem!important;
  font-weight:700!important;
}
.pepx-cine__dot{border-radius:0!important;background:var(--qm-blue)!important;box-shadow:none!important}
.pepx-cine__center{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)!important;
  grid-template-rows:auto auto auto auto auto!important;
  align-content:center!important;
  place-items:start!important;
  gap:0!important;
  min-height:0!important;
  margin:0!important;
  text-align:left!important;
}
.pepx-cine__logo{
  grid-area:1/1!important;
  align-self:auto!important;
  margin:0 0 34px!important;
  color:var(--qm-ink)!important;
  font-family:var(--qm-sans)!important;
  font-size:clamp(2rem,4vw,3.4rem)!important;
  font-weight:600!important;
  line-height:.9!important;
  letter-spacing:-.08em!important;
  text-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
.pepx-cine__micro{
  grid-area:2/1!important;
  align-self:auto!important;
  margin:0 0 18px!important;
  color:var(--qm-blue)!important;
  font-size:.64rem!important;
  letter-spacing:.18em!important;
  opacity:1!important;
  animation:none!important;
}
.pepx-cine__welcome{
  grid-area:3/1!important;
  align-self:auto!important;
  margin:0!important;
  color:var(--qm-ink)!important;
  font-family:var(--qm-serif)!important;
  font-size:clamp(4.3rem,8vw,8.4rem)!important;
  font-weight:400!important;
  line-height:.8!important;
  letter-spacing:-.05em!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.pepx-cine__tagline{
  grid-area:4/1!important;
  align-self:auto!important;
  margin:28px 0 0!important;
  color:var(--qm-muted)!important;
  font-size:.72rem!important;
  letter-spacing:.12em!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.pepx-cine__visual{
  grid-area:1/2/6/3!important;
  align-self:center!important;
  justify-self:center!important;
  width:min(620px,48vw)!important;
  height:min(520px,58vh)!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.pepx-cine__vials{width:100%!important;height:100%!important;filter:none!important}
.pepx-cine__vial{object-fit:contain!important;filter:drop-shadow(0 28px 30px rgba(23,25,21,.15))!important}
.pepx-cine__vial--center{width:min(220px,17vw)!important;height:auto!important;left:50%!important}
.pepx-cine__vial--side{width:min(150px,11.5vw)!important;height:auto!important;bottom:4%!important;opacity:.96!important}
.pepx-cine__vial--left{left:7%!important}.pepx-cine__vial--right{right:7%!important}
.pepx-cine__values{
  grid-area:5/1!important;
  align-self:auto!important;
  margin:28px 0 0!important;
  color:var(--qm-ink)!important;
  font-size:.61rem!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.pepx-cine__values i{border-radius:0!important;background:var(--qm-blue)!important}
.pepx-cine__footer{grid-template-columns:100px 1fr 100px!important}
.pepx-cine__progress{height:1px!important;border-radius:0!important;background:var(--qm-line)!important}
.pepx-cine__progress span{background:var(--qm-blue)!important;box-shadow:none!important}
.pepx-cine__skip,.pepx-cine__continue{color:var(--qm-ink)!important;font-weight:700!important}

/* Acknowledgment stage */
.pepx-gate.pepx-gate--ack-stage .pepx-gate__ack-stage{
  display:grid!important;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)!important;
  width:100%!important;
  height:100svh!important;
  overflow:hidden!important;
  background:var(--qm-paper)!important;
}
.pepx-gate.pepx-gate--ack-stage .pepx-gate__head{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(34px,5vw,78px)!important;
  background:var(--qm-ink)!important;
  color:#fffdf8!important;
  text-align:left!important;
}
.pepx-gate.pepx-gate--ack-stage .pepx-gate__logo{
  margin:0 0 auto!important;
  color:#fffdf8!important;
  font-size:1.75rem!important;
  font-weight:600!important;
  text-transform:lowercase!important;
}
.pepx-gate.pepx-gate--ack-stage .pepx-gate__badge{
  order:2!important;
  width:max-content!important;
  margin:42px 0 20px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e09a84!important;
}
.pepx-gate__badge-dot{border-radius:0!important;background:#e09a84!important;box-shadow:none!important}
.pepx-gate.pepx-gate--ack-stage .pepx-gate__head h1{
  order:3!important;
  margin:0!important;
  color:#fffdf8!important;
  font-size:clamp(3.4rem,6vw,6.8rem)!important;
  line-height:.82!important;
}
.pepx-gate.pepx-gate--ack-stage .pepx-gate__intro{
  order:4!important;
  margin:30px 0 0!important;
  color:#d8d3ca!important;
  font-size:.86rem!important;
}
.pepx-gate.pepx-gate--ack-stage .pepx-gate__intro strong{color:#fffdf8!important}
.pepx-gate.pepx-gate--ack-stage .pepx-gate__body{
  height:100svh!important;
  padding:clamp(30px,4vw,60px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  background:var(--qm-paper)!important;
}
.pepx-gate.pepx-gate--ack-stage .pepx-gate__body::-webkit-scrollbar{display:none!important}
.pepx-gate__notice{border-radius:0!important;border-color:var(--qm-line)!important;background:var(--qm-blue-soft)!important;color:var(--qm-ink)!important}
.pepx-gate__notice-icon{border-radius:0!important;border:0!important;background:var(--qm-blue)!important;color:#fff!important}
.pepx-gate__checks{grid-template-columns:1fr 1fr!important;gap:1px!important;background:var(--qm-line)!important;border:1px solid var(--qm-line)!important}
.pepx-gate__check{min-height:144px!important;margin:0!important;padding:20px!important;border:0!important;background:#fff!important}
.pepx-gate__check-text{color:var(--qm-muted)!important}.pepx-gate__check-text strong{color:var(--qm-ink)!important}
.pepx-gate__progress{border-radius:0!important;border-color:var(--qm-line)!important;background:transparent!important;color:var(--qm-muted)!important}
.pepx-gate--ready .pepx-gate__progress{border-color:var(--qm-blue)!important;background:var(--qm-blue-soft)!important;color:var(--qm-blue)!important}
.pepx-gate__legal-link{color:var(--qm-blue)!important}
.pepx-gate__actions{gap:1px!important;background:var(--qm-line)!important;border:1px solid var(--qm-line)!important}
.pepx-gate__btn{border-radius:0!important;box-shadow:none!important}
.pepx-gate__btn--decline{border:0!important;background:var(--qm-paper)!important;color:var(--qm-ink)!important}
.pepx-gate__btn--accept{border:0!important;background:var(--qm-ink)!important;color:#fff!important}
.pepx-gate__btn--accept:not(:disabled):hover{background:var(--qm-blue)!important;box-shadow:none!important;transform:none!important}
.pepx-gate__btn--accept::after{display:none!important}
.pepx-gate__fine{color:var(--qm-muted)!important}

@media(max-width:760px){
  .pepx-gate.pepx-gate--intro-stage .pepx-cine{padding:20px 18px!important}
  .pepx-cine__center{grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto minmax(150px,1fr) auto!important;align-content:start!important;padding-top:8vh!important}
  .pepx-cine__logo{margin-bottom:20px!important;font-size:2rem!important}
  .pepx-cine__welcome{font-size:clamp(3.8rem,18vw,5.8rem)!important}
  .pepx-cine__tagline{margin-top:18px!important;font-size:.6rem!important}
  .pepx-cine__visual{grid-area:5/1!important;width:100%!important;height:min(280px,31vh)!important;margin-top:12px!important}
  .pepx-cine__vial--center{width:min(145px,34vw)!important}.pepx-cine__vial--side{width:min(92px,22vw)!important}
  .pepx-cine__values{grid-area:6/1!important;margin:8px 0 0!important;justify-self:center!important;font-size:.52rem!important}
  .pepx-cine__footer{grid-template-columns:72px 1fr 72px!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__ack-stage{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__head{padding:22px 20px!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__logo{margin:0 0 26px!important;font-size:1.35rem!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__badge{margin:0 0 10px!important;font-size:.56rem!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__head h1{font-size:2.85rem!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__intro{display:none!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__body{height:auto!important;min-height:0!important;padding:16px!important}
  .pepx-gate__notice{margin-bottom:12px!important;padding:11px!important;font-size:.68rem!important}
  .pepx-gate__checks{grid-template-columns:1fr!important}
  .pepx-gate__check{min-height:0!important;padding:12px!important}
  .pepx-gate__actions{grid-template-columns:1fr!important}
  .pepx-gate__btn--accept{order:-1!important}
}

/* v1.0.21.14 — announcement alignment, lowercase brand, Verify contrast */
.home-index .pepx-service-notice{
  left:auto!important;
  right:30px!important;
  text-align:right!important;
}

/* Every dedicated brand/wordmark treatment uses the lowercase identity. */
.site-header .logo span,
.footer-brand .logo span,
.policy-brand,
.checkout-brand,
.verify-header .brand span,
.verify-footer .brand span,
.coa-toolbar__brand,
.coa-logo,
.coa-footer__brand,
.admin-brand__word,
.admin-mobile-brand>span,
.nexus-auth-card__word,
.pepx-control-brand,
.pepx-gate__logo,
.pepx-cine__logo{
  text-transform:lowercase!important;
}

/* Verify uses firm mineral-gray copy instead of pale legacy blue-gray. */
.verify-main .lead,
.verify-main .domain-card small,
.verify-main .verify-grid p,
.verify-main .transparency-card>p,
.verify-main .support-card p,
.verify-main .mark-subtitle,
.verify-footer,
.verify-footer p,
.verify-footer nav a{color:#50544d!important}
.verify-main .domain-card span{color:#5b5f57!important}
.verify-main .domain-card strong,
.verify-main .verify-grid h2,
.verify-main .transparency-card h2,
.verify-main .support-card h2,
.verify-main .mark-title{color:var(--qm-ink)!important}
.verify-main .verify-mark__card .mark-title{color:#fffdf8!important}
.verify-main .verify-mark__card .mark-subtitle,
.verify-main .verify-mark__card small{color:#d8d3ca!important}
.research-strip{background:var(--qm-ink)!important;color:#fffdf8!important}
.verify-header .brand,.verify-header .home-link{color:var(--qm-ink)!important}
.verify-copy h1 span{color:var(--qm-blue)!important}
.verify-main .eyebrow{color:var(--qm-blue)!important}
.verify-copy .eyebrow{text-transform:none!important}
.verify-main .button--primary{background:var(--qm-ink)!important;color:#fff!important}
.verify-main .button--secondary,.verify-main .text-link{border-color:var(--qm-line)!important;background:var(--qm-paper)!important;color:var(--qm-ink)!important}

@media(max-width:760px){
  .home-index .pepx-service-notice{right:15px!important;left:15px!important;text-align:left!important}
}

/* v1.0.21.17 — responsive stabilization.
   Storefront/customer surfaces only; authenticated Nexus workspace is unchanged. */
@media(max-width:900px){
  /* The previous shared top:100% rule placed the home menu below the viewport. */
  body.home-index .mobile-menu.open{
    display:grid!important;
    grid-template-columns:1fr!important;
    position:fixed!important;
    z-index:240!important;
    top:103px!important;
    right:12px!important;
    left:auto!important;
    max-height:calc(100dvh - 115px)!important;
    overflow-y:auto!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* v1.1.0 RC1.0.3 — restrained liquid-glass header controls and dismissible
   fulfillment announcement. Authenticated Nexus workspace remains untouched. */
body:not(.admin-body) .site-header .header-actions{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.28))!important;
  box-shadow:0 12px 30px rgba(23,25,21,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
body:not(.admin-body) .site-header .icon-btn,
body:not(.admin-body) .site-header .nexus-header-link{
  position:relative!important;
  min-width:42px!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid rgba(190,183,171,.54)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(247,244,238,.54))!important;
  color:var(--qm-ink)!important;
  box-shadow:0 5px 14px rgba(23,25,21,.065),inset 0 1px 0 rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  transform:translateY(0)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease!important;
}
body:not(.admin-body) .site-header .nexus-header-link{border-radius:50%!important}
body:not(.admin-body) .site-header .icon-btn:hover,
body:not(.admin-body) .site-header .nexus-header-link:hover{
  border-color:rgba(173,78,54,.48)!important;
  background:rgba(255,255,255,.9)!important;
  color:var(--qm-blue)!important;
  box-shadow:0 9px 20px rgba(23,25,21,.1),inset 0 1px 0 #fff!important;
  transform:translateY(-2px)!important;
}
body:not(.admin-body) .site-header .icon-btn:active,
body:not(.admin-body) .site-header .nexus-header-link:active{
  transform:translateY(0) scale(.97)!important;
  box-shadow:0 3px 9px rgba(23,25,21,.08),inset 0 1px 0 rgba(255,255,255,.84)!important;
}
body:not(.admin-body) .site-header .nexus-header-link__mark{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:var(--qm-ink)!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(23,25,21,.14)!important;
}
body:not(.admin-body) .site-header .icon-btn[data-count]::after{
  right:-5px!important;
  top:-6px!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  border:2px solid var(--qm-cream)!important;
  background:var(--qm-blue)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(173,78,54,.22)!important;
  font-size:.56rem!important;
}

.pepx-service-notice{
  position:relative!important;
  padding-right:48px!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
.pepx-service-notice__close,
.pepx-site-banner__close,
.pepx-announcement-card__close{
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(190,183,171,.58)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(244,240,232,.62))!important;
  color:var(--qm-ink)!important;
  box-shadow:0 5px 14px rgba(23,25,21,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
  cursor:pointer!important;
}
.pepx-service-notice__close{
  position:absolute!important;
  z-index:3!important;
  top:50%!important;
  right:7px!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border-radius:9px!important;
  transform:translateY(-50%)!important;
}
.pepx-service-notice__close .icon{width:13px!important;height:13px!important}
.pepx-service-notice__close:hover,
.pepx-site-banner__close:hover,
.pepx-announcement-card__close:hover{
  border-color:rgba(173,78,54,.52)!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--qm-blue)!important;
}
.pepx-service-notice.is-dismissing{opacity:0!important;transform:translateY(-6px)!important;pointer-events:none!important}
.home-index .pepx-service-notice{
  position:absolute!important;
  left:auto!important;
  right:30px!important;
  width:auto!important;
  max-width:min(680px,calc(100vw - 60px))!important;
  padding-right:46px!important;
}

@media(max-width:780px){
  body:not(.admin-body) .site-header .header-actions{
    gap:3px!important;
    padding:4px!important;
    border-radius:16px!important;
  }
  body:not(.admin-body) .site-header .icon-btn,
  body:not(.admin-body) .site-header .nexus-header-link{
    min-width:38px!important;
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
  }
  body:not(.admin-body) .site-header .nexus-header-link{border-radius:50%!important}
  body:not(.admin-body) .site-header .nexus-header-link__mark{
    width:29px!important;
    height:29px!important;
    flex-basis:29px!important;
  }
  .pepx-service-notice__close{width:30px!important;height:30px!important;right:6px!important}
  .home-index .pepx-service-notice{
    left:15px!important;
    right:15px!important;
    width:auto!important;
    max-width:none!important;
    text-align:left!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .pepx-service-notice{transition:none!important}
}

/* v1.0.21.19 — restrained surface elevation
   Keep the editorial hairline system, then lift only complete customer-facing
   surfaces. Nexus operations and printable label output are intentionally
   excluded from this layer. */
:root{
  --qm-shadow-soft:0 2px 8px rgba(23,25,21,.06),0 10px 28px rgba(23,25,21,.10);
  --qm-shadow-hover:0 3px 10px rgba(23,25,21,.07),0 16px 36px rgba(23,25,21,.12);
}

body:not(.admin-body) .catalog-product-grid,
body:not(.admin-body) .product-grid,
body:not(.admin-body) .product-stage,
body:not(.admin-body) .gallery-note,
body:not(.admin-body) .order-status-grid,
body:not(.admin-body) .customer-hub-saved,
body:not(.admin-body) .support-workspace-grid,
body:not(.admin-body) .checkout-grid,
body:not(.admin-body) .success-card,
body:not(.admin-body) .domain-card,
body:not(.admin-body) .verify-mark__card,
body:not(.admin-body) .verify-grid article,
body:not(.admin-body) .transparency-card,
body:not(.admin-body) .verify-main .support-card,
body:not(.admin-body) .coa-sheet,
body:not(.admin-body) .policy-layout,
body.home-index .index-featured .product-card,
body.home-index .index-collection,
body.home-index .index-faq .faq-item,
body.home-index .index-faq .support-card{
  box-shadow:var(--qm-shadow-soft)!important;
}

/* The comparison table keeps its mobile right-edge containment line while
   gaining the same quiet, two-layer depth as the approved mockup. */
body.home-index .index-table-wrap{
  box-shadow:inset -1px 0 0 var(--index-line),var(--qm-shadow-soft)!important;
}

@media(hover:hover){
  body.home-index .index-featured .product-card,
  body.home-index .index-collection,
  body.home-index .index-faq .faq-item{
    transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important;
  }
  body.home-index .index-featured .product-card:hover,
  body.home-index .index-collection:hover,
  body.home-index .index-faq .faq-item:hover{
    transform:translateY(-2px)!important;
    box-shadow:var(--qm-shadow-hover)!important;
  }
}

@media(max-width:600px){
  :root{
    --qm-shadow-soft:0 2px 7px rgba(23,25,21,.06),0 8px 22px rgba(23,25,21,.09);
  }
}

@media print{
  body *{--qm-shadow-soft:none;--qm-shadow-hover:none}
}

/* v1.1.0 RC1.0.5 — compact desktop catalog + aligned universal search.
   The storefront keeps the editorial Method system, but featured products no
   longer expand into oversized two-column split cards on wide screens. */
@media(min-width:1081px){
  body.home-index .index-featured .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:1px!important;
  }
  body.home-index .index-featured .product-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:0!important;
  }
  body.home-index .index-featured .product-media.product-visual--card{
    width:100%!important;
    height:248px!important;
    min-height:248px!important;
    padding:20px 16px!important;
    border-right:0!important;
    border-bottom:1px solid var(--index-line)!important;
  }
  body.home-index .index-featured .product-media.product-visual--card .product-visual__image{
    height:100%!important;
    min-height:0!important;
  }
  body.home-index .index-featured .product-media.product-visual--card .method-vial-image,
  body.home-index .index-featured .product-media.product-visual--card .single-vial-product-image{
    width:auto!important;
    height:218px!important;
    max-width:82%!important;
    max-height:218px!important;
    margin:auto!important;
  }
  body.home-index .index-featured .product-body{
    flex:1!important;
    min-height:326px!important;
    padding:22px 22px 20px!important;
  }
  body.home-index .index-featured .product-title{
    margin:14px 0 8px!important;
    font-size:clamp(1.55rem,2vw,1.9rem)!important;
  }
  body.home-index .index-featured .product-desc{
    display:-webkit-box!important;
    min-height:4.65em!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
}

/* Search is a single focused surface. The input itself deliberately has no
   independent outline, preventing the doubled orange/blue focus rectangles. */
body:not(.admin-body) .search-dialog{
  top:clamp(72px,9vh,104px)!important;
  width:min(720px,calc(100% - 32px))!important;
  max-height:calc(100svh - 96px)!important;
  padding:18px!important;
  overflow:hidden!important;
}
body:not(.admin-body) .search-box{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:0 8px 0 16px!important;
  border:1px solid var(--qm-line)!important;
  border-radius:2px!important;
  background:#fff!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
body:not(.admin-body) .search-box:focus-within{
  border-color:#ad4e36!important;
  box-shadow:0 0 0 3px rgba(173,78,54,.12)!important;
}
body:not(.admin-body) .search-box>svg{
  width:20px!important;
  height:20px!important;
  color:var(--qm-ink)!important;
}
body:not(.admin-body) .search-box input,
body:not(.admin-body) .search-box input:focus,
body:not(.admin-body) .search-box input:focus-visible{
  width:100%!important;
  height:56px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--qm-ink)!important;
  font-size:1rem!important;
  appearance:none!important;
}
body:not(.admin-body) .search-box .icon-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  border:1px solid var(--qm-line)!important;
  border-radius:50%!important;
  background:var(--qm-paper)!important;
  box-shadow:none!important;
}
body:not(.admin-body) .search-results{
  display:grid!important;
  gap:2px!important;
  max-height:min(430px,calc(100svh - 190px))!important;
  padding:12px 0 0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
body:not(.admin-body) .search-result{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  min-height:78px!important;
  padding:8px 12px!important;
  border:1px solid transparent!important;
  border-radius:2px!important;
  color:var(--qm-ink)!important;
  text-align:left!important;
}
body:not(.admin-body) .search-result:hover,
body:not(.admin-body) .search-result:focus-visible{
  border-color:var(--qm-line)!important;
  background:#fff!important;
}
body:not(.admin-body) .search-result>img,
body:not(.admin-body) .search-result>pepx-vial-image,
body:not(.admin-body) .search-result>.single-vial-product-image,
body:not(.admin-body) .search-result>.method-vial-image{
  display:block!important;
  grid-column:1!important;
  width:56px!important;
  height:66px!important;
  min-width:56px!important;
  max-width:56px!important;
  min-height:66px!important;
  max-height:66px!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 6px 7px rgba(23,25,21,.1))!important;
}
body:not(.admin-body) .search-result>span{
  display:grid!important;
  grid-column:2!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
  text-align:left!important;
}
body:not(.admin-body) .search-result strong{
  display:block!important;
  overflow:hidden!important;
  color:var(--qm-ink)!important;
  font-size:.92rem!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body:not(.admin-body) .search-result small{
  display:block!important;
  overflow:hidden!important;
  color:var(--qm-muted)!important;
  font-size:.72rem!important;
  line-height:1.3!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body:not(.admin-body) .mobile-menu{
  overflow-x:hidden!important;
}
body:not(.admin-body) .mobile-search{
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
body:not(.admin-body) .mobile-search:focus-within{
  border-color:#ad4e36!important;
  box-shadow:0 0 0 3px rgba(173,78,54,.12)!important;
}
body:not(.admin-body) .mobile-search input,
body:not(.admin-body) .mobile-search input:focus,
body:not(.admin-body) .mobile-search input:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

@media(max-width:600px){
  body:not(.admin-body) .search-dialog{
    top:max(58px,calc(env(safe-area-inset-top) + 52px))!important;
    width:calc(100% - 20px)!important;
    max-height:calc(100svh - 72px)!important;
    padding:10px!important;
  }
  body:not(.admin-body) .search-box{
    grid-template-columns:20px minmax(0,1fr) 40px!important;
    min-height:52px!important;
    padding-left:12px!important;
  }
  body:not(.admin-body) .search-box input,
  body:not(.admin-body) .search-box input:focus,
  body:not(.admin-body) .search-box input:focus-visible{
    height:50px!important;
    font-size:16px!important;
  }
  body:not(.admin-body) .search-box .icon-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  body:not(.admin-body) .search-results{
    max-height:calc(100svh - 150px)!important;
    padding-top:8px!important;
  }
  body:not(.admin-body) .search-result{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:70px!important;
    padding:6px 8px!important;
  }
  body:not(.admin-body) .search-result>img,
  body:not(.admin-body) .search-result>pepx-vial-image,
  body:not(.admin-body) .search-result>.single-vial-product-image,
  body:not(.admin-body) .search-result>.method-vial-image{
    width:48px!important;
    height:58px!important;
    min-width:48px!important;
    max-width:48px!important;
    min-height:58px!important;
    max-height:58px!important;
  }
}

/* v1.0.21.18 — mobile catalog media and comparison containment. */
@media(max-width:1080px){
  .home-index .index-featured .product-media.product-visual--card{
    height:285px!important;
    min-height:285px!important;
    padding:20px 16px!important;
  }
  .home-index .index-featured .product-media.product-visual--card .product-visual__image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .home-index .index-featured .product-media.product-visual--card .method-vial-image{
    width:auto!important;
    height:235px!important;
    max-width:90%!important;
    max-height:235px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

@media(max-width:520px){
  .home-index .index-featured .product-media.product-visual--card{
    height:270px!important;
    min-height:270px!important;
    padding:17px 14px!important;
  }
  .home-index .index-featured .product-media.product-visual--card .method-vial-image{
    height:230px!important;
    max-height:230px!important;
  }
  .home-index .index-table-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    border:1px solid var(--index-line)!important;
    box-shadow:inset -1px 0 0 var(--index-line),var(--qm-shadow-soft)!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
  }
}

@media(max-width:780px){
  /* Keep checkout controls inside the viewport at phone widths. */
  body:not(.admin-body){overflow-x:clip}
  .checkout-shell,.checkout-top,.checkout-grid,.checkout-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .checkout-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    align-items:start!important;
    gap:10px 12px!important;
  }
  .checkout-top__left{grid-column:1!important;grid-row:1!important;min-width:0!important}
  .checkout-top__right{display:contents!important}
  .checkout-steps{grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important}
  .checkout-step{min-width:0!important;padding:0 6px!important;justify-content:center!important;font-size:.61rem!important;white-space:nowrap!important}
  .checkout-back{
    grid-column:2!important;
    grid-row:1!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    justify-content:center!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:0!important;
  }
  .checkout-back::before{content:"←"!important;font-size:1rem!important;line-height:1!important}
  .checkout-order-head{grid-template-columns:minmax(0,1fr) auto!important;min-width:0!important}
  .checkout-edit-link{min-height:44px!important;padding:0 12px!important;white-space:nowrap!important}
  .checkout-promo-entry input,.checkout-promo-entry button{height:46px!important;min-height:46px!important}
  .checkout-legal-certification label,.checkout-presale-certification label{min-height:44px!important;align-items:start!important;padding:5px 0!important}
  .checkout-legal-certification input,.checkout-presale-certification input{width:20px!important;height:20px!important;margin:1px 0 0!important}
}

@media(max-width:600px){
  body.home-index .mobile-menu.open{
    top:103px!important;
    right:10px!important;
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 113px)!important;
  }

  /* Put the customer task within the first useful mobile viewport. */
  .order-status-hero{padding:34px 0 28px!important}
  .order-status-hero h1{margin:10px 0 12px!important;font-size:clamp(2.55rem,14vw,3.35rem)!important;line-height:.92!important}
  .order-status-hero p{font-size:.88rem!important;line-height:1.55!important}
  .order-status-compliance{margin-top:10px!important}
  .order-status-privacy{margin-top:14px!important;padding:9px 11px!important;gap:3px!important}
  .order-status-workspace{padding:24px 0 56px!important}
  .order-status-grid{gap:16px!important}

  /* Keep the required action visible once acknowledgements are being reviewed. */
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__head{padding:18px 18px 14px!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__logo{margin:0 0 14px!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__head h1{font-size:2.35rem!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__body{padding:12px 14px 16px!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__notice{margin-bottom:9px!important;padding:9px 10px!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__check{padding:10px!important}
  .pepx-gate.pepx-gate--ack-stage .pepx-gate__actions{
    position:sticky!important;
    z-index:4!important;
    bottom:-1px!important;
    margin-top:12px!important;
    padding-top:10px!important;
    background:linear-gradient(180deg,rgba(250,248,243,0),var(--qm-paper) 24%)!important;
  }

  /* Final mobile launch precedence. */
  .catalog-hero{padding:44px 0 30px!important}
  .catalog-hero h1{font-size:3.55rem!important}
  .catalog-vial-preview{min-height:230px!important}
  .support-hero{padding:36px 0 30px!important}
  .support-hero h1{font-size:clamp(2.75rem,13vw,3.7rem)!important}
  .verify-hero{padding:28px 0 42px!important}

  /* Keep the editorial home wordmark fully readable on a phone. */
  .home-index .method-wordmark{
    left:14px!important;
    width:auto!important;
    max-width:calc(100vw - 28px)!important;
    font-size:22.5vw!important;
    letter-spacing:-.085em!important;
  }
}
