/*
 * qelivra RC1.0.49 — responsive and component hardening
 * Final public-site QA layer. This file intentionally loads last.
 */

:root{
  --rc49-paper:#f1ede5;
  --rc49-soft:#faf8f3;
  --rc49-deep:#e8e2d7;
  --rc49-ink:#171915;
  --rc49-muted:#666861;
  --rc49-line:#d3cdc2;
  --rc49-rust:#ad4e36;
  --rc49-rust-dark:#843823;
  --rc49-rust-soft:#f2e2da;
  --rc49-max:1440px;
}

/* RC1.0.53 — Conversion & Acquisition Stabilization */
.catalog-order-guide{border-block:1px solid rgba(18,19,16,.12);background:#f6f1e8}
.catalog-order-guide>.container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:18px}
.catalog-order-guide .container>div{display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:start;padding:2px 20px;border-right:1px solid rgba(18,19,16,.12)}
.catalog-order-guide .container>div:first-child{padding-left:0}.catalog-order-guide .container>div:last-child{border:0;padding-right:0}
.catalog-order-guide span{grid-row:1/3;font:700 11px/1.2 "DM Sans",sans-serif;color:#a64737;letter-spacing:.08em}
.catalog-order-guide strong{font:600 13px/1.25 "DM Sans",sans-serif;color:#151713}.catalog-order-guide small{margin-top:4px;font:500 11px/1.35 "DM Sans",sans-serif;color:#65645e}
.catalog-freshness{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:13px 15px;border:1px solid rgba(166,71,55,.28);background:#faf4ea;color:#262722}
.catalog-freshness>div{display:grid;gap:2px}.catalog-freshness strong{font-size:13px}.catalog-freshness span{font-size:12px;color:#68665e}.catalog-freshness button{flex:0 0 auto;border:1px solid #1b1d19;background:transparent;border-radius:999px;padding:8px 12px;font:600 11px/1 "DM Sans",sans-serif;cursor:pointer}
.catalog-card--skeleton{min-height:480px;padding:0!important;overflow:hidden;background:#f3eee5!important;border-color:rgba(18,19,16,.08)!important;animation:qelivra-skeleton-pulse 1.4s ease-in-out infinite alternate}
.catalog-card--skeleton div{height:300px;background:rgba(18,19,16,.055)}.catalog-card--skeleton span,.catalog-card--skeleton strong{display:block;height:12px;margin:22px 24px 0;border-radius:999px;background:rgba(18,19,16,.08)}.catalog-card--skeleton strong{width:55%;height:24px;margin-top:14px}.catalog-card--skeleton span:last-child{width:75%;margin-top:14px}
@keyframes qelivra-skeleton-pulse{to{opacity:.56}}
.mobile-purchase-dock{display:none}
@media(max-width:820px){
  .catalog-order-guide>.container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:14px;gap:0}.catalog-order-guide .container>div{min-width:76vw;scroll-snap-align:start;padding-inline:16px}.catalog-order-guide .container>div:first-child{padding-left:4px}
  .catalog-freshness{align-items:flex-start;flex-direction:column}.catalog-freshness button{width:100%}
  .mobile-purchase-dock{position:fixed;z-index:70;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 14px;border:1px solid rgba(18,19,16,.16);border-radius:16px;background:rgba(247,242,233,.96);box-shadow:0 14px 40px rgba(18,19,16,.22);backdrop-filter:blur(16px)}
  .mobile-purchase-dock>div{display:grid;min-width:0}.mobile-purchase-dock strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 13px/1.2 "DM Sans",sans-serif}.mobile-purchase-dock span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:500 11px/1.2 "DM Sans",sans-serif;color:#66645d}.mobile-purchase-dock button{min-height:44px;flex:0 0 auto;border:0;border-radius:11px;padding:0 16px;background:#151713;color:#fff;font:650 12px/1 "DM Sans",sans-serif}.mobile-purchase-dock button:disabled{background:#d6d0c6;color:#77736b}
  body:has(.mobile-purchase-dock) .site-footer{padding-bottom:94px}
}
@media(min-width:821px) and (max-width:1180px){.catalog-order-guide>.container{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.catalog-order-guide .container>div:nth-child(2){border-right:0}.catalog-order-guide .container>div:nth-child(3){padding-left:0}}

html,body{max-width:100%;overflow-x:clip}
body:not(.admin-body){font-size:16px!important}
body:not(.admin-body) :is(button,input,select,textarea){font-family:"DM Sans",Arial,sans-serif}
body:not(.admin-body) :is(input,select,textarea){color:var(--rc49-ink)!important}

/* Readable chrome and consistent control targets */
.container{width:min(calc(100% - 40px),var(--rc49-max))!important}
.site-header .nav-link{min-height:44px!important;padding-block:0!important;display:inline-flex!important;align-items:center!important;font-size:.875rem!important;line-height:1.2!important}
.site-header .logo{display:inline-flex;align-items:center;min-height:44px}
.icon-btn,.nexus-header-link{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.pepx-site-banner__text{font-size:.8125rem!important}
.pepx-site-banner__cta{min-height:36px!important;padding-inline:12px!important;font-size:.75rem!important}
.pepx-site-banner__close{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
.btn,.product-add,.qcx-catalog-reset,.filter-pill,.product-variant-option,.product-tab,.coa-btn,.button{
  min-height:44px!important;font-size:.875rem!important;line-height:1.2!important;
}
.product-link{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;font-size:.8125rem!important}
.footer-col a{display:flex!important;align-items:center!important;min-height:36px!important;font-size:.8125rem!important}
.footer-status-link{font-size:.8125rem!important}
.eyebrow,.kicker{font-size:.75rem!important;line-height:1.35!important}

/* Wide and short desktop homepage scaling */
.home-index .method-hero{min-height:880px!important;max-height:none!important}
.home-index .method-wordmark{
  top:58px!important;left:-2.5vw!important;width:105vw!important;
  font-size:clamp(10rem,20.5vw,19rem)!important;line-height:.8!important;
}
.home-index .method-copy{top:285px!important;left:max(5.5%,32px)!important}
.home-index .method-copy h1{font-size:clamp(4rem,6.4vw,6.5rem)!important;line-height:.84!important}
.home-index .method-tray{height:400px!important}
.method-hero__actions{margin-top:24px!important}
.method-hero__actions a{min-height:48px!important;font-size:.8125rem!important}

@media(min-width:1600px){
  .home-index .method-hero{min-height:820px!important}
  .home-index .method-wordmark{top:42px!important;left:0!important;width:100%!important;font-size:clamp(16rem,18.5vw,19rem)!important}
  .home-index .method-copy{top:250px!important;left:max(calc((100vw - 1440px)/2),64px)!important}
  .home-index .method-copy h1{font-size:6rem!important}
  .home-index .method-tray{height:350px!important}
}

@media(min-width:901px) and (max-height:820px){
  .home-index .method-hero{min-height:760px!important}
  .home-index .method-wordmark{top:34px!important;font-size:clamp(10rem,18.5vw,17rem)!important}
  .home-index .method-copy{top:220px!important}
  .home-index .method-copy h1{font-size:clamp(3.8rem,5.7vw,5.6rem)!important}
  .home-index .method-tray{height:320px!important}
  .method-hero__actions{margin-top:18px!important}
}

/* Homepage cards and content contrast */
.home-index .index-collection-grid{gap:12px!important;border:0!important}
.home-index .index-collection{
  min-height:168px!important;padding:24px!important;border:1px solid var(--rc49-line)!important;
}
.home-index .index-collection p{color:var(--rc49-muted)!important;font-size:.875rem!important;line-height:1.5!important}
.home-index .index-collection--violet p,.home-index .index-collection--black p{color:rgba(255,255,255,.78)!important}
.home-index .index-collection--violet:hover{background:var(--rc49-rust-dark)!important;color:#fff!important}
.home-index .index-collection--black:hover{background:#292b27!important;color:#fff!important}
.home-index .index-collection--blue:hover,.home-index .index-collection--pale:hover{background:#fff!important;color:var(--rc49-ink)!important}
.index-benefit-grid article p,.qcx-flow__step span{font-size:.875rem!important;line-height:1.55!important}

/* FAQ: calm editorial rows, no blue pill cards */
.faq-list{margin-top:28px!important;border-top:1px solid var(--rc49-line)!important}
.faq-item{
  margin:0!important;border:0!important;border-bottom:1px solid var(--rc49-line)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.faq-question{min-height:72px!important;padding:16px 0!important;font-size:1rem!important;line-height:1.35!important;color:var(--rc49-ink)!important}
.faq-question .icon{
  width:38px!important;height:38px!important;padding:10px!important;border-radius:50%!important;
  background:var(--rc49-rust-soft)!important;color:var(--rc49-rust)!important;
}
.faq-item.open .faq-question .icon{color:var(--rc49-rust-dark)!important}
.faq-answer p{font-size:.9375rem!important;line-height:1.7!important;color:var(--rc49-muted)!important}

/* Catalog desktop proportions and controls */
.catalog-hero{padding:52px 0 46px!important}
.catalog-hero-grid{gap:42px!important}
.catalog-hero h1{font-size:clamp(4rem,6vw,5.5rem)!important;line-height:.94!important}
.catalog-vial-preview{min-height:330px!important}
.catalog-browser{padding-top:52px!important}
.catalog-toolbar{gap:12px!important}
.catalog-search{min-height:48px!important;border:1px solid var(--rc49-line)!important;background:var(--rc49-soft)!important;color:var(--rc49-muted)!important}
.catalog-search input{min-height:46px!important;font-size:1rem!important}
.filter-pills{border-color:var(--rc49-line)!important}
.filter-pill{padding-inline:15px!important;color:var(--rc49-ink)!important}
.filter-pill.active,.filter-pill[aria-pressed="true"]{background:var(--rc49-ink)!important;border-color:var(--rc49-ink)!important;color:#fff!important}
.sort-control{font-size:.8125rem!important;color:var(--rc49-muted)!important}
.sort-control select{min-height:44px!important;font-size:.875rem!important;border-color:var(--rc49-line)!important;background:var(--rc49-soft)!important}
.qcx-catalog-reset{padding-inline:15px!important;border:1px solid var(--rc49-line)!important;background:var(--rc49-soft)!important;color:var(--rc49-ink)!important}
.catalog-count,.catalog-count strong{font-size:.875rem!important}

/* Product page loading and details */
.product-loading .product-loading-state{inset:24px 0 auto!important;min-height:340px!important}
.product-loading .product-loading-state span{border-top-color:var(--rc49-rust)!important}
.product-loading .product-loading-state strong{font-size:1.75rem!important}
.product-loading .product-loading-state small{font-size:.875rem!important}
.product-detail-grid{gap:clamp(32px,5vw,64px)!important}
.product-info h1{font-size:clamp(3.8rem,5.6vw,5.2rem)!important}
.product-lede{font-size:1rem!important;line-height:1.65!important}
.research-badge{background:var(--rc49-rust-soft)!important;border-color:#dfbcae!important;color:var(--rc49-rust)!important}
.spec-list dt,.spec-list dd,.gallery-note span,.product-legal{font-size:.8125rem!important;line-height:1.55!important}
.product-tab{font-size:.875rem!important}
.product-tab.active::after{background:var(--rc49-rust)!important}
.product-tabs[role="tablist"] .product-tab:focus-visible{outline-color:rgba(173,78,54,.28)!important}
.detail-callout,.document-placeholder,.related-card{background:var(--rc49-soft)!important;border-color:var(--rc49-line)!important}

/* Utility pages and forms */
.order-status-hero h1,.support-hero h1{font-size:clamp(3.8rem,6vw,5.6rem)!important;line-height:.94!important}
.order-status-hero p,.support-hero p{font-size:1rem!important;line-height:1.65!important}
.support-field>span{font-size:.8125rem!important}
.support-field input,.support-field select{min-height:48px!important;font-size:1rem!important}
.support-field textarea{font-size:1rem!important}
.support-card-heading p,.support-thread-head p,.support-side-card li span{font-size:.8125rem!important}
.support-side-card li strong,.support-side-card>a{font-size:.875rem!important}
.support-message p{font-size:.9375rem!important}
.support-message--customer{background:var(--rc49-ink)!important;border-color:var(--rc49-ink)!important}
.support-side-card li::before{background:var(--rc49-rust-soft)!important;color:var(--rc49-rust)!important}

/* Checkout readable at every width */
.checkout-top,.checkout-grid{width:min(calc(100% - 32px),1180px)!important}
.checkout-step,.checkout-top__meta,.checkout-note,.checkout-handoff,.checkout-summary-badges span,.checkout-assurance-pill,.checkout-embedded__lock{
  font-size:.75rem!important;
}
.checkout-field label,.checkout-promo-entry label,.checkout-legal-certification,.checkout-presale-certification{font-size:.8125rem!important}
.checkout-promo-entry input,.checkout-field input,.checkout-field select{font-size:1rem!important;min-height:48px!important}
.checkout-trust-item strong{font-size:.8125rem!important}

/* Policies: cap huge headings and restore readable navigation */
.policy-nav,.policy-hero,.policy-layout{max-width:1160px!important}
.policy-hero{padding-top:54px!important}
.policy-hero h1{font-size:clamp(3.8rem,6vw,5.4rem)!important;line-height:.96!important}
.policy-lede{font-size:1rem!important}
.policy-badge{min-height:32px!important;font-size:.75rem!important}
.policy-toc a{min-height:38px!important;padding:9px 0!important;font-size:.8125rem!important;line-height:1.45!important}
.policy-content h2{font-size:1.35rem!important}
.policy-content p,.policy-content li{font-size:1rem!important;line-height:1.75!important}
.policy-footer,.policy-footer a{font-size:.8125rem!important}

/* Verification, COA, Field Notes and success */
.verify-copy h1{font-size:clamp(4rem,7vw,5.8rem)!important}
.verify-grid p,.transparency-card>p,.verify-main .support-card p,.text-link{font-size:.9375rem!important}
.verify-footer,.verify-footer a{font-size:.8125rem!important}
.coa-toolbar{min-height:72px!important;height:auto!important}
.coa-toolbar__brand{min-height:44px;display:flex;align-items:center}
.field-notes-page .field-note__copy p{font-size:.9375rem!important;line-height:1.65!important}
.success-card h1{font-size:clamp(3rem,6vw,5rem)!important}

/* Mobile navigation dock and touch-safe fixed UI */
@media(max-width:780px){
  .container{width:calc(100% - 32px)!important}
  body.qcx-dock-active{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
  body.qcx-product-buy-active{padding-bottom:calc(176px + env(safe-area-inset-bottom))!important}
  .qcx-mobile-dock{
    left:50%!important;right:auto!important;width:min(calc(100% - 24px),430px)!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
    min-height:58px!important;padding:4px!important;border:1px solid var(--rc49-line)!important;
    border-radius:18px!important;background:rgba(250,248,243,.96)!important;
    box-shadow:0 12px 30px rgba(23,25,21,.14)!important;
  }
  .qcx-mobile-dock a,.qcx-mobile-dock button{min-height:48px!important;border-radius:14px!important;color:#5f655f!important;font-size:.7rem!important}
  .qcx-mobile-dock .icon{width:18px!important;height:18px!important}
  .qcx-mobile-dock :is(a,button).is-active{background:var(--rc49-rust-soft)!important;color:var(--rc49-rust)!important}
  .qcx-product-buy{
    left:50%!important;right:auto!important;width:min(calc(100% - 24px),430px)!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
    border-color:var(--rc49-line)!important;background:rgba(250,248,243,.97)!important;
  }

  /* Compact homepage */
  .home-index .method-hero{min-height:690px!important}
  .home-index .method-wordmark{top:72px!important;left:-4vw!important;width:108vw!important;font-size:25vw!important}
  .home-index .method-copy{top:190px!important;left:20px!important;right:20px!important}
  .home-index .method-copy h1{font-size:clamp(3.4rem,15vw,4.7rem)!important}
  .home-index .method-tray{height:330px!important}
  .home-index .index-collection-grid{gap:8px!important}
  .home-index .index-collection{
    min-height:112px!important;padding:18px 20px!important;gap:8px 16px!important;
    grid-template-columns:minmax(0,1fr) auto!important;align-content:center!important;
  }
  .home-index .index-collection>span{font-size:1rem!important}
  .home-index .index-collection p{font-size:.8125rem!important;max-width:34ch!important}
  .home-index .index-collection>.icon{width:24px!important;height:24px!important}
  .faq-question{min-height:66px!important;font-size:.9375rem!important}
  .faq-question .icon{width:36px!important;height:36px!important}

  /* Rebuild catalog controls after the legacy !important mobile rules */
  .catalog-hero{padding:32px 0 28px!important}
  .catalog-hero-grid{display:block!important}
  .catalog-hero h1{font-size:clamp(2.8rem,12vw,3.7rem)!important;margin:10px 0 12px!important}
  .catalog-hero p{font-size:.9375rem!important}
  .catalog-vial-preview{display:none!important}
  .catalog-browser{padding-top:24px!important}
  .qcx-catalog-search-sticky{
    top:calc(var(--header-h,60px) + 4px)!important;margin:0 0 10px!important;padding:6px 0 8px!important;
    background:linear-gradient(180deg,rgba(241,237,229,.98) 0%,rgba(241,237,229,.94) 78%,transparent 100%)!important;
  }
  .qcx-catalog-search-sticky .catalog-search{
    height:48px!important;border:1px solid var(--rc49-line)!important;border-radius:12px!important;
    background:var(--rc49-soft)!important;box-shadow:0 6px 18px rgba(23,25,21,.06)!important;
  }
  .catalog-toolbar{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
    margin:0!important;padding:0 0 14px!important;border:0!important;border-bottom:1px solid var(--rc49-line)!important;
  }
  .filter-pills{
    grid-column:1/-1!important;display:flex!important;grid-template-columns:none!important;
    gap:0!important;overflow-x:auto!important;border:1px solid var(--rc49-line)!important;
    border-radius:12px!important;background:var(--rc49-soft)!important;
  }
  .filter-pill,.filter-pill:first-child{
    flex:0 0 auto!important;min-height:44px!important;padding:0 14px!important;
    border:0!important;border-right:1px solid var(--rc49-line)!important;border-bottom:0!important;
    border-radius:0!important;white-space:nowrap!important;
  }
  .filter-pill:last-child{border-right:0!important}
  .sort-control{
    grid-column:1!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;gap:9px!important;width:100%!important;font-size:.8125rem!important;
  }
  .sort-control select{width:100%!important;min-width:0!important;min-height:44px!important}
  .qcx-catalog-reset{grid-column:2!important;min-width:74px!important;padding-inline:12px!important}
  .catalog-count{margin-top:14px!important}
  .catalog-product-grid{
    display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
    overflow:visible!important;scroll-snap-type:none!important;background:transparent!important;border:0!important;
  }
  .catalog-product-grid .product-card{width:100%!important;scroll-snap-align:none!important}

  /* Mobile product and utility pages */
  .product-loading .product-loading-state{min-height:280px!important}
  .product-stage{height:360px!important;min-height:360px!important}
  .product-info h1{font-size:clamp(3rem,13vw,3.7rem)!important}
  .product-tabs{top:calc(var(--header-h,60px) + 2px)!important}
  .product-tab{font-size:.8125rem!important}
  .order-status-hero,.support-hero{padding:42px 0 34px!important}
  .order-status-hero h1,.support-hero h1{font-size:clamp(2.8rem,12vw,3.6rem)!important}
  .policy-hero{padding:42px 16px 26px!important}
  .policy-hero h1{font-size:clamp(2.9rem,12vw,3.8rem)!important}
  .policy-layout{padding-inline:16px!important}
  .policy-content{padding:24px 20px!important}
  .policy-content p,.policy-content li{font-size:.9375rem!important}
  .verify-copy h1{font-size:clamp(3.4rem,15vw,4.6rem)!important}
  .success-card h1{font-size:clamp(2.8rem,12vw,3.7rem)!important}
}

/* iOS Safari's floating toolbar can overlay position:fixed controls. */
@supports(-webkit-touch-callout:none){
  @media(max-width:780px){
    body.qcx-dock-active{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
    body.qcx-product-buy-active{padding-bottom:calc(208px + env(safe-area-inset-bottom))!important}
    .qcx-mobile-dock{bottom:calc(44px + env(safe-area-inset-bottom))!important}
    .qcx-product-buy{bottom:calc(112px + env(safe-area-inset-bottom))!important}
  }
}

@media(max-width:430px){
  .container{width:calc(100% - 24px)!important}
  .site-header .logo{font-size:1.5rem!important}
  .icon-btn{width:42px!important;height:42px!important;min-width:42px!important}
  .method-hero__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .method-hero__actions a{padding-inline:10px!important;font-size:.75rem!important}
  .home-index .method-hero{min-height:650px!important}
  .home-index .method-copy{top:178px!important}
  .home-index .method-tray{height:300px!important}
  .filter-pills{border-radius:10px!important}
  .filter-pill,.filter-pill:first-child{padding-inline:12px!important;font-size:.8125rem!important}
}

/* RC1.0.52 — live header + fluid homepage hero correction */
body:not(.admin-body)>.announcement{
  min-height:36px!important;height:auto!important;margin:0!important;padding:8px 18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-bottom:1px solid var(--rc49-line)!important;
  background:var(--rc49-paper-deep)!important;color:var(--rc49-ink)!important;
  font-size:.75rem!important;font-weight:700!important;line-height:1.35!important;
  letter-spacing:.08em!important;text-align:center!important;text-transform:uppercase!important;
}
.site-header .nav-link[aria-current="page"]{color:var(--rc49-rust)!important}
.site-header .nav-link[aria-current="page"]::after{display:none!important}

/* Use document flow so the two hero headlines cannot occupy the same pixels. */
.home-index .method-hero{
  display:grid!important;grid-template-rows:auto auto 285px!important;
  align-content:start!important;height:auto!important;min-height:0!important;padding-top:22px!important;
}
.home-index .method-wordmark{
  position:relative!important;inset:auto!important;grid-row:1!important;
  width:calc(100% - 48px)!important;margin:0 24px!important;
  font-size:clamp(9rem,16.2vw,14.5rem)!important;line-height:.74!important;
}
.home-index .method-copy{
  position:relative!important;inset:auto!important;grid-row:2!important;
  width:min(620px,calc(100% - 104px))!important;max-width:none!important;
  margin:12px 52px 20px!important;
}
.home-index .method-copy h1{margin:0!important;font-size:clamp(3.5rem,5vw,5rem)!important;line-height:.88!important}
.home-index .method-tray{
  position:relative!important;inset:auto!important;grid-row:3!important;
  width:100%!important;height:285px!important;margin:0!important;
}

@media(max-width:900px){
  .home-index .method-hero{grid-template-rows:auto auto 270px!important;padding-top:20px!important}
  .home-index .method-wordmark{width:calc(100% - 36px)!important;margin-inline:18px!important;font-size:21vw!important}
  .home-index .method-copy{width:calc(100% - 56px)!important;margin:12px 28px 18px!important}
  .home-index .method-tray{height:270px!important}
}

@media(max-width:780px){
  body:not(.admin-body)>.announcement{min-height:32px!important;padding:7px 12px!important;font-size:.6875rem!important}
  .home-index .method-hero{grid-template-rows:auto auto 245px!important;padding-top:18px!important}
  .home-index .method-wordmark{font-size:23vw!important}
  .home-index .method-copy{width:calc(100% - 36px)!important;margin:10px 18px 16px!important}
  .home-index .method-copy h1{font-size:clamp(3rem,13vw,4rem)!important}
  .home-index .method-tray{height:245px!important}
}

@media(max-width:430px){
  .home-index .method-hero{grid-template-rows:auto auto 220px!important}
  .home-index .method-wordmark{width:calc(100% - 28px)!important;margin-inline:14px!important;font-size:22vw!important}
  .home-index .method-copy{width:calc(100% - 28px)!important;margin:8px 14px 14px!important}
  .home-index .method-copy h1{font-size:clamp(2.8rem,13vw,3.55rem)!important}
  .home-index .method-tray{height:220px!important}
}

@media(prefers-reduced-motion:reduce){
  .product-card:hover,.index-collection:hover,.method-hero__actions a:hover{transform:none!important}
}

/*
 * RC1.0.50 — launch layout correction
 * Geometry, density and viewport rules are centralized here so the public
 * storefront stays composed from compact laptops through ultrawide screens.
 */

/* Shared public rhythm */
body:not(.admin-body){
  --rc50-page:min(1440px,calc(100vw - 48px));
  --rc50-section:clamp(56px,6.2vw,92px);
  --rc50-control:46px;
}
body:not(.admin-body) :is(a,button,input,select,textarea){box-sizing:border-box}
body:not(.admin-body) :is(button,a,input,select,textarea):focus-visible{
  outline:3px solid rgba(173,78,54,.26)!important;outline-offset:2px!important;
}
.site-header{height:74px!important;min-height:74px!important}
.site-header .header-inner{height:74px!important;min-height:74px!important}
.site-header .logo{font-size:1.65rem!important}
.site-header .nav{gap:clamp(20px,2.5vw,38px)!important}
.site-header .header-actions{gap:8px!important}
.site-header .nav-link{font-size:.875rem!important;letter-spacing:-.01em!important}
.section,.index-section{padding-block:var(--rc50-section)!important}
.section-heading,.index-section-head h2{line-height:.98!important;text-wrap:balance}
.index-section-head{gap:24px!important;margin-bottom:34px!important}
.product-card{min-width:0!important;overflow:hidden!important}
.product-body{min-width:0!important}
.product-desc{font-size:.875rem!important;line-height:1.55!important;color:var(--rc49-muted)!important}
.product-title{line-height:1.05!important;text-wrap:balance}

/* Welcome film: stable composition rather than viewport-dependent stacking */
.pepx-gate.pepx-gate--intro-stage{padding:0!important}
.pepx-gate.pepx-gate--intro-stage .pepx-gate__shell{width:100%!important;max-width:none!important;min-height:100svh!important}
.pepx-cine{
  width:100%!important;min-height:100svh!important;height:100svh!important;
  padding:clamp(24px,3vw,46px) clamp(28px,4vw,68px)!important;
}
.pepx-cine__center{
  min-height:0!important;height:100%!important;margin:0!important;
  display:grid!important;grid-template-columns:minmax(300px,.78fr) minmax(360px,1.22fr)!important;
  grid-template-rows:1fr!important;align-items:center!important;text-align:left!important;
}
.pepx-cine__logo,.pepx-cine__micro,.pepx-cine__welcome,.pepx-cine__tagline,.pepx-cine__values{
  grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;
}
.pepx-cine__logo{margin:-280px 0 0!important;font-size:clamp(4rem,6vw,7rem)!important}
.pepx-cine__micro{margin:-130px 0 0!important;font-size:.75rem!important;letter-spacing:.2em!important}
.pepx-cine__welcome{
  max-width:8.5ch!important;margin:40px 0 0!important;
  font-family:"Instrument Serif",Georgia,serif!important;font-size:clamp(3.4rem,5.5vw,6rem)!important;
  font-weight:400!important;line-height:.88!important;letter-spacing:-.055em!important;text-wrap:balance;
}
.pepx-cine__tagline{margin:245px 0 0!important;font-size:.8125rem!important;line-height:1.4!important}
.pepx-cine__visual{
  grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:center!important;
  width:min(640px,48vw)!important;height:min(58vh,560px)!important;place-items:center!important;
}
.pepx-cine__vials{width:min(560px,45vw)!important;height:390px!important}
.pepx-cine__vial--center{width:238px!important;height:298px!important}
.pepx-cine__vial--side{width:125px!important;height:156px!important;bottom:20px!important}
.pepx-cine__vial--left{left:6%!important}.pepx-cine__vial--right{right:6%!important}
.pepx-cine__ring{width:min(520px,42vw)!important;height:170px!important;bottom:8%!important}
.pepx-cine__values{margin:390px 0 0!important;font-size:.75rem!important;letter-spacing:.075em!important}
.pepx-cine__footer{grid-template-columns:100px minmax(120px,1fr) 100px!important;gap:18px!important}
.pepx-cine__topline,.pepx-cine__skip,.pepx-cine__continue{min-height:44px!important;font-size:.75rem!important;color:rgba(255,255,255,.76)!important}
.pepx-cine__continue{color:#d78970!important}
.pepx-cine.has-welcome-video .pepx-cine__center{display:block!important}
.pepx-cine.has-welcome-video .pepx-cine__logo,
.pepx-cine.has-welcome-video .pepx-cine__micro,
.pepx-cine.has-welcome-video .pepx-cine__welcome,
.pepx-cine.has-welcome-video .pepx-cine__tagline,
.pepx-cine.has-welcome-video .pepx-cine__values{position:absolute!important;left:0!important}
.pepx-cine.has-welcome-video .pepx-cine__logo{top:50%!important;transform:translateY(-285px)!important;margin:0!important}
.pepx-cine.has-welcome-video .pepx-cine__micro{top:50%!important;transform:translateY(-142px)!important;margin:0!important}
.pepx-cine.has-welcome-video .pepx-cine__welcome{top:50%!important;transform:translateY(-30px)!important;margin:0!important}
.pepx-cine.has-welcome-video .pepx-cine__tagline{top:50%!important;transform:translateY(205px)!important;margin:0!important}
.pepx-cine.has-welcome-video .pepx-cine__values{bottom:24px!important;margin:0!important}

/* Acknowledgment remains readable on short displays and never clips actions */
.pepx-gate:not(.pepx-gate--intro-stage){overflow:auto!important;overscroll-behavior:contain}
.pepx-gate:not(.pepx-gate--intro-stage) .pepx-gate__shell{margin:auto!important;padding-block:20px!important}
.pepx-gate:not(.pepx-gate--intro-stage) .pepx-gate__card{max-height:none!important}
.pepx-gate__check-text{font-size:.875rem!important;line-height:1.5!important}
.pepx-gate__check-text strong{font-size:.875rem!important}
.pepx-gate__fine{font-size:.75rem!important;line-height:1.5!important}

/* Homepage: content begins in the first viewport on common desktop sizes */
.home-index .method-hero{min-height:clamp(700px,78vh,830px)!important}
.home-index .method-wordmark{top:36px!important;font-size:clamp(10rem,18vw,17.5rem)!important}
.home-index .method-copy{top:clamp(205px,27vh,275px)!important}
.home-index .method-copy h1{font-size:clamp(4rem,5.7vw,5.9rem)!important}
.home-index .method-tray{height:clamp(310px,39vh,390px)!important}
.qcx-quick-actions{padding-block:18px!important}
.qcx-quick-actions__inner{gap:10px!important}
.qcx-quick-action{min-height:88px!important;padding:16px 18px!important}
.index-benefit-grid,.qcx-flow__steps{gap:1px!important}
.index-benefit-grid article,.qcx-flow__step{min-height:150px!important}

/* Catalog: remove the empty half-screen and create a purposeful working bar */
.catalog-hero{padding:34px 0 32px!important}
.catalog-hero-grid{min-height:230px!important;align-items:center!important;gap:54px!important}
.catalog-hero h1{font-size:clamp(3.75rem,4.8vw,5rem)!important;line-height:.9!important;margin:14px 0 20px!important}
.catalog-hero p{max-width:560px!important;font-size:1rem!important;line-height:1.6!important}
.catalog-vial-preview{min-height:230px!important;height:230px!important}
.catalog-vial-preview img{max-height:220px!important;width:auto!important}
.catalog-browser{padding:30px 0 var(--rc50-section)!important}
.catalog-toolbar{
  display:grid!important;grid-template-columns:minmax(300px,520px) max-content max-content!important;
  justify-content:space-between!important;align-items:center!important;gap:14px!important;
  padding:10px!important;min-height:68px!important;
}
.catalog-search{width:100%!important;min-width:0!important}
.filter-pills{justify-self:center!important;flex-wrap:nowrap!important;min-width:max-content!important}
.sort-control{justify-self:end!important;min-width:190px!important}
.sort-control select{min-width:128px!important}
.qcx-catalog-reset{justify-self:end!important}
.catalog-count{margin:22px 2px 14px!important}
.catalog-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important}
.catalog-product-grid .product-media{height:300px!important;min-height:300px!important;padding:24px!important}
.catalog-product-grid .product-visual__image{height:100%!important;min-height:0!important}
.catalog-product-grid .product-visual__image :is(img,pepx-vial-image){max-height:252px!important}
.catalog-product-grid .product-body{min-height:285px!important;padding:22px!important}
.catalog-product-grid .product-title{font-size:clamp(1.45rem,1.7vw,1.9rem)!important}
.catalog-empty{padding:54px 20px!important;background:var(--rc49-soft)!important;border-color:var(--rc49-line)!important}

/* Product: fit the buying decision on a standard laptop */
.product-detail{padding:26px 0 54px!important}
.product-stage{height:clamp(430px,54vw,610px)!important;min-height:430px!important}
.product-info h1{font-size:clamp(3.6rem,5vw,5rem)!important;line-height:.9!important}
.product-info{top:112px!important}
.product-actions{gap:10px!important;flex-wrap:wrap!important}
.product-tabs-section{padding-bottom:var(--rc50-section)!important}
.product-tabs{overflow-x:auto!important;scrollbar-width:none!important}
.product-tabs::-webkit-scrollbar{display:none}
.product-tab{flex:0 0 auto!important;white-space:nowrap!important}

/* Checkout and customer workspaces */
.checkout-shell{padding-top:24px!important}
.checkout-grid{gap:18px!important;align-items:start!important}
.checkout-card{overflow:hidden!important}
.checkout-hero-band{gap:18px!important}
.checkout-trust{gap:1px!important}
.order-status-hero,.support-hero{padding:54px 0 46px!important}
.order-status-hero__inner,.support-hero__inner{max-width:900px!important}
.order-status-grid,.support-workspace-grid{gap:18px!important;align-items:start!important}
.order-lookup-card,.support-lookup-card,.support-thread-card,.support-start-card{padding:clamp(24px,3vw,38px)!important}

/* Policies and supporting pages */
.policy-hero{padding-bottom:34px!important}
.policy-layout{gap:22px!important;align-items:start!important}
.policy-toc{top:96px!important;max-height:calc(100vh - 120px)!important;overflow:auto!important}
.policy-content{min-width:0!important}
.verify-main,.coa-shell{overflow-x:hidden!important}

/* Medium desktop and tablet: controls wrap intentionally instead of crushing */
@media(max-width:1180px){
  body:not(.admin-body){--rc50-page:calc(100vw - 40px)}
  .site-header .nav{gap:18px!important}
  .catalog-toolbar{grid-template-columns:minmax(260px,1fr) max-content!important}
  .catalog-search{grid-column:1/-1!important;max-width:none!important}
  .filter-pills{grid-column:1!important;justify-self:start!important}
  .sort-control{grid-column:2!important}
  .qcx-catalog-reset{grid-column:2!important}
  .catalog-product-grid .product-media{height:270px!important;min-height:270px!important}
  .pepx-cine__center{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)!important}
  .pepx-cine__vials{width:min(470px,43vw)!important}
}

@media(max-width:900px){
  .site-header{height:64px!important;min-height:64px!important}
  .site-header .header-inner{height:64px!important;min-height:64px!important}
  .home-index .method-hero{min-height:720px!important}
  .home-index .method-wordmark{top:60px!important;font-size:22vw!important}
  .home-index .method-copy{top:220px!important}
  .home-index .method-tray{height:340px!important}
  .catalog-hero-grid{min-height:200px!important;grid-template-columns:1fr .65fr!important}
  .catalog-vial-preview{min-height:200px!important;height:200px!important}
  .catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-info{top:auto!important}
  .product-detail-grid{grid-template-columns:1fr!important}
  .product-stage{height:520px!important}
  .policy-layout{grid-template-columns:1fr!important}
  .policy-toc{position:relative!important;top:auto!important;max-height:none!important}
}

@media(max-width:780px){
  body:not(.admin-body){--rc50-page:calc(100vw - 32px);--rc50-section:52px}
  .site-header .logo{font-size:1.5rem!important}
  .section,.index-section{padding-block:52px!important}
  .index-section-head{display:grid!important;gap:14px!important;margin-bottom:26px!important}
  .qcx-quick-actions__inner{grid-template-columns:1fr!important}
  .qcx-quick-action{min-height:76px!important}

  .pepx-cine{height:100svh!important;padding:max(20px,env(safe-area-inset-top)) 20px max(18px,env(safe-area-inset-bottom))!important}
  .pepx-cine__center{
    height:100%!important;grid-template-columns:1fr!important;grid-template-rows:1fr 220px!important;
    text-align:left!important;align-items:center!important;
  }
  .pepx-cine__logo,.pepx-cine__micro,.pepx-cine__welcome,.pepx-cine__tagline,.pepx-cine__values{
    grid-column:1!important;grid-row:1!important;
  }
  .pepx-cine__logo{margin:-245px 0 0!important;font-size:clamp(3.8rem,18vw,5.25rem)!important}
  .pepx-cine__micro{margin:-135px 0 0!important;font-size:.75rem!important}
  .pepx-cine__welcome{margin:0!important;font-size:clamp(3.2rem,15vw,4.5rem)!important;max-width:7.5ch!important}
  .pepx-cine__tagline{margin:150px 0 0!important;font-size:.75rem!important}
  .pepx-cine__visual{grid-column:1!important;grid-row:2!important;width:100%!important;height:210px!important}
  .pepx-cine__vials{width:min(360px,88vw)!important;height:195px!important}
  .pepx-cine__vial--center{width:126px!important;height:158px!important}
  .pepx-cine__vial--side{width:70px!important;height:88px!important;bottom:9px!important}
  .pepx-cine__vial--left{left:13%!important}.pepx-cine__vial--right{right:13%!important}
  .pepx-cine__ring{width:min(330px,82vw)!important;height:110px!important}
  .pepx-cine__values{grid-row:2!important;align-self:end!important;margin:0 0 -6px!important;font-size:.75rem!important;gap:8px!important;letter-spacing:.035em!important}
  .pepx-cine__footer{grid-template-columns:78px minmax(80px,1fr) 78px!important;gap:10px!important}
  .pepx-cine.has-welcome-video .pepx-cine__logo{top:50%!important;transform:translateY(-235px)!important}
  .pepx-cine.has-welcome-video .pepx-cine__micro{top:50%!important;transform:translateY(-130px)!important}
  .pepx-cine.has-welcome-video .pepx-cine__welcome{top:50%!important;transform:translateY(-30px)!important}
  .pepx-cine.has-welcome-video .pepx-cine__tagline{top:50%!important;transform:translateY(150px)!important}
  .pepx-gate__head{padding:24px 18px 18px!important}
  .pepx-gate__body{padding:18px!important}
  .pepx-gate__check{padding:13px!important}

  .home-index .method-hero{min-height:640px!important}
  .home-index .method-wordmark{top:58px!important;font-size:24vw!important}
  .home-index .method-copy{top:172px!important}
  .home-index .method-copy h1{font-size:clamp(3.25rem,14vw,4.3rem)!important}
  .home-index .method-tray{height:285px!important}

  .catalog-hero{padding:28px 0 24px!important}
  .catalog-hero-grid{display:block!important;min-height:0!important}
  .catalog-hero h1{font-size:clamp(2.8rem,11vw,3.6rem)!important;margin:10px 0 14px!important}
  .catalog-vial-preview{display:none!important}
  .catalog-browser{padding-top:18px!important}
  .catalog-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:0 0 14px!important;min-height:0!important;background:transparent!important;box-shadow:none!important}
  .catalog-search{grid-column:1/-1!important}
  .filter-pills{grid-column:1/-1!important;justify-self:stretch!important;min-width:0!important;overflow-x:auto!important}
  .sort-control{grid-column:1!important;justify-self:stretch!important;min-width:0!important}
  .qcx-catalog-reset{grid-column:2!important}
  .catalog-product-grid{grid-template-columns:1fr!important}
  .catalog-product-grid .product-media{height:250px!important;min-height:250px!important}
  .catalog-product-grid .product-body{min-height:0!important;padding:20px!important}

  .product-detail{padding-top:18px!important}
  .product-stage{height:360px!important;min-height:360px!important}
  .product-info h1{font-size:clamp(3rem,13vw,3.75rem)!important}
  .checkout-shell{padding:14px 0 36px!important}
  .checkout-grid,.order-status-grid,.support-workspace-grid{grid-template-columns:1fr!important}
  .checkout-card{padding:22px 18px!important}
  .checkout-trust{grid-template-columns:1fr!important}
  .checkout-hero-band{grid-template-columns:1fr!important}
  .policy-content{padding:24px 18px!important}
}

@media(max-width:430px){
  body:not(.admin-body){--rc50-page:calc(100vw - 24px)}
  .pepx-cine__center{grid-template-rows:1fr 180px!important}
  .pepx-cine__logo{margin:-215px 0 0!important;font-size:3.9rem!important}
  .pepx-cine__micro{margin:-120px 0 0!important;font-size:.75rem!important;letter-spacing:.12em!important}
  .pepx-cine__welcome{font-size:3.2rem!important}
  .pepx-cine__tagline{margin:130px 0 0!important;max-width:26ch!important}
  .pepx-cine__visual{height:172px!important}
  .pepx-cine__vials{height:164px!important}
  .pepx-cine__vial--center{width:108px!important;height:135px!important}
  .pepx-cine__vial--side{width:60px!important;height:75px!important}
  .pepx-cine__footer{grid-template-columns:70px minmax(60px,1fr) 70px!important}
  .pepx-cine__skip,.pepx-cine__continue{font-size:.75rem!important}
  .pepx-gate__actions{grid-template-columns:1fr!important}
  .pepx-gate__btn--accept{order:-1!important}
  .home-index .method-hero{min-height:610px!important}
  .home-index .method-copy{top:160px!important}
  .home-index .method-tray{height:265px!important}
  .method-hero__actions{grid-template-columns:1fr!important}
  .filter-pill,.filter-pill:first-child{padding-inline:11px!important}
  .sort-control{grid-template-columns:auto minmax(0,1fr)!important}
}

/* Short desktop windows require vertical compaction, not smaller text. */
@media(min-width:901px) and (max-height:760px){
  .home-index .method-hero{min-height:650px!important}
  .home-index .method-wordmark{top:24px!important;font-size:16.5vw!important}
  .home-index .method-copy{top:175px!important}
  .home-index .method-copy h1{font-size:clamp(3.5rem,5vw,5rem)!important}
  .home-index .method-tray{height:270px!important}
  .pepx-cine{padding-block:20px!important}
  .pepx-cine__logo{margin-top:-210px!important}
  .pepx-cine__micro{margin-top:-95px!important}
  .pepx-cine__welcome{margin-top:45px!important;font-size:clamp(3.2rem,5vw,5rem)!important}
  .pepx-cine__tagline{margin-top:205px!important}
  .pepx-cine__visual{height:440px!important}
  .pepx-cine__vials{height:315px!important}
  .pepx-cine__values{margin-top:315px!important}
}

/* Landscape phones and very short tablets */
@media(max-width:900px) and (max-height:560px) and (orientation:landscape){
  .pepx-cine{padding:14px 22px!important}
  .pepx-cine__center{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important}
  .pepx-cine__logo,.pepx-cine__micro,.pepx-cine__welcome,.pepx-cine__tagline{grid-column:1!important;grid-row:1!important}
  .pepx-cine__logo{margin:-160px 0 0!important;font-size:3.5rem!important}
  .pepx-cine__micro{margin:-75px 0 0!important}
  .pepx-cine__welcome{margin:30px 0 0!important;font-size:3rem!important}
  .pepx-cine__tagline{margin:155px 0 0!important}
  .pepx-cine__visual{grid-column:2!important;grid-row:1!important;height:260px!important}
  .pepx-cine__values{display:none!important}
  .pepx-cine__vials{height:235px!important}
  .pepx-cine__vial--center{width:140px!important;height:175px!important}
  .pepx-cine__vial--side{width:74px!important;height:93px!important}
  .pepx-cine__footer{min-height:38px!important}
}

/* RC1.0.51 — rendered-browser correction layer
   These page-scoped rules resolve cascade collisions confirmed against the
   deployed storefront at normal desktop zoom. */
.pepx-site-banner{
  width:100%!important;max-width:none!important;margin:0!important;
  border-radius:0!important;box-shadow:none!important;
}
.pepx-site-banner__inner{width:min(1280px,calc(100% - 40px))!important;min-height:40px!important;padding:4px 0!important}
.pepx-site-banner__text{font-size:.8125rem!important;line-height:1.35!important}
.pepx-site-banner__close{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}

/* The homepage header was underneath the injected announcement bar. */
.home-index .site-header{
  position:relative!important;inset:auto!important;top:auto!important;
  z-index:160!important;display:block!important;
}
.home-index .method-hero{min-height:680px!important;height:680px!important;overflow:hidden!important}
.home-index .method-wordmark{
  top:22px!important;left:24px!important;width:calc(100% - 48px)!important;
  font-size:clamp(9rem,16.2vw,14.5rem)!important;line-height:.72!important;
}
.home-index .method-copy{top:205px!important;left:max(5.4vw,52px)!important;right:auto!important;max-width:620px!important}
.home-index .method-copy h1{font-size:clamp(3.7rem,5.25vw,5.25rem)!important;line-height:.86!important}
.home-index .method-tray{height:285px!important;bottom:0!important}
.home-index .method-hero__actions{margin-top:18px!important}

/* Catalog: complete vial, balanced tools, and cards that fit the viewport. */
.catalog-vial-preview{display:grid!important;place-items:center!important;overflow:hidden!important;height:210px!important;min-height:210px!important}
.catalog-vial-preview::after{display:none!important}
.catalog-vial-preview .method-catalog-vial,
.catalog-vial-preview :is(img,pepx-vial-image){
  position:relative!important;inset:auto!important;transform:none!important;
  width:auto!important;height:190px!important;max-height:190px!important;margin:auto!important;
}
.catalog-toolbar{grid-template-columns:minmax(320px,1fr) auto 190px!important;justify-content:stretch!important}
.catalog-toolbar .catalog-search{max-width:none!important}
.catalog-product-grid .product-media{height:244px!important;min-height:244px!important}
.catalog-product-grid .product-visual__image :is(img,pepx-vial-image){max-height:205px!important}
.catalog-product-grid .product-body{min-height:0!important;padding:20px!important}
.catalog-product-grid .product-description{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

/* Remove legacy blue interaction accents from the customer-facing system. */
body:not(.admin-body) :is(.product-link,.product-link .icon,.support-side-card>a,.policy-footer a,.policy-back){color:var(--rc49-rust)!important}
body:not(.admin-body) .product-tab:is(.active,.is-active,[aria-selected="true"]){color:var(--rc49-ink)!important;border-color:var(--rc49-rust)!important}
body:not(.admin-body) .product-tab:is(.active,.is-active,[aria-selected="true"])::after{display:block!important;background:var(--rc49-rust)!important}
.support-card-icon,.support-side-card li::before{background:var(--rc49-rust-soft)!important;color:var(--rc49-rust)!important}
.support-field :is(input,select,textarea):focus{border-color:var(--rc49-rust)!important;box-shadow:0 0 0 3px rgba(162,73,55,.12)!important}

/* Product: the decision and primary actions now fit a laptop first fold. */
.product-detail{padding:22px 0 42px!important}
.product-detail-grid{align-items:start!important;gap:clamp(30px,4vw,60px)!important}
.product-stage{height:430px!important;min-height:430px!important}
.product-stage picture>pepx-vial-image.single-vial-product-image{width:250px!important;height:330px!important;max-height:330px!important}
.product-info{top:88px!important}
.product-info h1{margin:10px 0 12px!important;font-size:clamp(3.35rem,4.6vw,4.6rem)!important}
.product-lede{margin-bottom:14px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.research-badge{margin-block:12px!important;padding:10px 12px!important}
.spec-list>div{padding-block:9px!important}
.product-actions{margin-top:14px!important}
.product-legal{margin-top:12px!important;font-size:.75rem!important;line-height:1.45!important}

/* Customer workspaces should expose the task—not a poster-sized preface. */
.order-status-hero,.support-hero{padding:36px 0 30px!important}
.order-status-hero h1,.support-hero h1{margin:10px 0 14px!important;font-size:clamp(3.25rem,5vw,4.75rem)!important}
.order-status-workspace,.support-workspace-section{padding-top:28px!important}
.support-security-note{margin-top:14px!important}
.support-field>span{font-size:.75rem!important}
.support-field :is(input,select,textarea){font-size:.9375rem!important}

/* Policy pages: readable navigation rail and less ceremonial whitespace. */
.policy-hero{padding:42px 24px 28px!important}
.policy-hero h1{margin:10px 0 14px!important;font-size:clamp(3.4rem,5vw,4.8rem)!important}
.policy-layout{grid-template-columns:minmax(250px,280px) minmax(0,1fr)!important;gap:24px!important}
.policy-toc{padding:18px!important}
.policy-toc a{overflow-wrap:normal!important;word-break:normal!important}
.policy-content p,.policy-content li{font-size:.9375rem!important}

/* Verification page inherited an unrelated global strip height. */
.verify-page-body .research-strip{
  min-height:32px!important;height:auto!important;padding:7px 18px!important;
  font-size:.75rem!important;line-height:1.4!important;letter-spacing:.08em!important;
}

@media(min-width:1400px){
  .home-index .method-wordmark{left:max(24px,calc((100vw - 1440px)/2))!important;width:min(1440px,calc(100% - 48px))!important}
  .home-index .method-copy{left:max(5.4vw,calc((100vw - 1440px)/2 + 64px))!important}
}

@media(max-width:1180px){
  .catalog-toolbar{grid-template-columns:minmax(0,1fr) auto!important}
  .catalog-toolbar .catalog-search{grid-column:1/-1!important}
  .policy-layout{grid-template-columns:230px minmax(0,1fr)!important}
}

@media(max-width:900px){
  .home-index .method-hero{height:650px!important;min-height:650px!important}
  .home-index .method-wordmark{top:34px!important;left:18px!important;width:calc(100% - 36px)!important;font-size:21vw!important}
  .home-index .method-copy{top:172px!important;left:28px!important;right:28px!important}
  .home-index .method-tray{height:285px!important}
  .policy-layout{grid-template-columns:1fr!important}
}

@media(max-width:780px){
  .pepx-site-banner__inner{width:calc(100% - 24px)!important;min-height:38px!important}
  .home-index .method-hero{height:610px!important;min-height:610px!important}
  .home-index .method-wordmark{top:28px!important;font-size:23vw!important}
  .home-index .method-copy{top:140px!important;left:18px!important;right:18px!important}
  .home-index .method-copy h1{font-size:clamp(3rem,13vw,4rem)!important}
  .home-index .method-tray{height:255px!important}
  .catalog-vial-preview{display:none!important}
  .catalog-toolbar{grid-template-columns:minmax(0,1fr) auto!important}
  .product-stage{height:340px!important;min-height:340px!important}
  .product-stage picture>pepx-vial-image.single-vial-product-image{width:220px!important;height:290px!important}
  .product-info{top:auto!important}
  .order-status-hero,.support-hero{padding:30px 0 26px!important}
  .order-status-hero h1,.support-hero h1{font-size:clamp(2.7rem,12vw,3.5rem)!important}
  .policy-hero{padding:34px 16px 22px!important}
}

@media(max-width:430px){
  .home-index .method-hero{height:590px!important;min-height:590px!important}
  .home-index .method-wordmark{top:25px!important}
  .home-index .method-copy{top:126px!important}
  .home-index .method-tray{height:235px!important}
}

/* RC1.0.54 — mobile shell stabilization
   The header already exposes search, cart, and navigation. Remove the older
   injected bottom navigation and purchase bar so they cannot cover content or
   stack with the current product shortcut. */
.qcx-mobile-dock,.qcx-product-buy{display:none!important}
body.qcx-dock-active,body.qcx-product-buy-active{padding-bottom:0!important}

@media(max-width:1000px){
  body:not(.admin-body) .mobile-menu,
  body:not(.admin-body) .mobile-menu.open{
    top:var(--qelivra-mobile-menu-top, var(--header-h,64px))!important;
    bottom:auto!important;
    max-height:calc(100dvh - var(--qelivra-mobile-menu-top, var(--header-h,64px)) - 12px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
  }
}

@media(max-width:820px){
  body:has(.mobile-purchase-dock){padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  .mobile-purchase-dock{
    z-index:190!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s step-start!important;
  }
  .mobile-purchase-dock.is-hidden{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(calc(18px + env(safe-area-inset-bottom)))!important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s step-end!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .mobile-purchase-dock{transition:none!important}
}

/* RC1.0.55 — authoritative mobile homepage composition
   Earlier release layers alternated between document-flow and absolute hero
   positioning. This final layer removes that conflict below tablet width. */
@media(max-width:780px){
  .home-index .method-hero{
    display:grid!important;
    grid-template-rows:auto auto 238px!important;
    align-content:start!important;
    height:auto!important;
    min-height:0!important;
    padding:18px 0 0!important;
    overflow:hidden!important;
  }
  .home-index .method-hero__topline{
    top:12px!important;
    right:18px!important;
    left:auto!important;
  }
  .home-index .method-wordmark{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    width:calc(100% - 36px)!important;
    margin:0 18px!important;
    font-size:clamp(5.5rem,23vw,8rem)!important;
    line-height:.74!important;
  }
  .home-index .method-copy{
    position:relative!important;
    inset:auto!important;
    grid-row:2!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
    margin:20px 18px 20px!important;
  }
  .home-index .method-copy h1{
    margin:0!important;
    font-size:clamp(3.25rem,13.5vw,4.1rem)!important;
    line-height:.84!important;
  }
  .home-index .method-hero__actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
    gap:8px!important;
    width:100%!important;
    margin-top:18px!important;
  }
  .home-index .method-hero__actions a{
    min-width:0!important;
    min-height:48px!important;
    padding-inline:12px!important;
    font-size:.75rem!important;
    white-space:nowrap!important;
  }
  .home-index .method-tray{
    position:relative!important;
    inset:auto!important;
    grid-row:3!important;
    width:100%!important;
    height:238px!important;
    margin:0!important;
  }
  .home-index .method-tray img{object-position:center 62%!important}
  .home-index .method-rail a{min-height:82px!important}
}

@media(max-width:430px){
  .home-index .method-hero{
    grid-template-rows:auto auto 222px!important;
    padding-top:16px!important;
  }
  .home-index .method-wordmark{
    width:calc(100% - 28px)!important;
    margin-inline:14px!important;
    font-size:22vw!important;
  }
  .home-index .method-copy{
    width:calc(100% - 28px)!important;
    margin:18px 14px 16px!important;
  }
  .home-index .method-copy h1{font-size:clamp(3.1rem,14vw,3.65rem)!important}
  .home-index .method-tray{height:222px!important}
  .home-index .method-rail a{min-height:78px!important;padding-inline:22px!important;font-size:1.85rem!important}
}

@media(max-width:340px){
  .home-index .method-hero__actions{grid-template-columns:1fr!important}
  .home-index .method-hero{grid-template-rows:auto auto 210px!important}
  .home-index .method-tray{height:210px!important}
}

/* RC1.0.56 — mobile FAQ containment and rhythm
   The FAQ inherited zero-inline-padding editorial rows plus a stronger legacy
   card shadow. On narrow screens that made the questions touch the card edge
   and oversized the disclosure controls. This final layer owns the mobile FAQ. */
@media(max-width:780px){
  body.home-index .index-faq{
    padding-top:46px!important;
    padding-bottom:58px!important;
  }
  body.home-index .index-faq .faq-support{
    gap:36px!important;
  }
  body.home-index .index-faq .kicker{
    margin-bottom:4px!important;
  }
  body.home-index .index-faq .section-heading{
    margin:0!important;
    font-size:clamp(2.75rem,12vw,3.45rem)!important;
    line-height:.95!important;
  }
  body.home-index .index-faq .faq-list{
    margin-top:22px!important;
    border-top:1px solid var(--rc49-line)!important;
  }
  body.home-index .index-faq .faq-item{
    margin:0!important;
    border:0!important;
    border-bottom:1px solid var(--rc49-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.home-index .index-faq .faq-question{
    min-height:64px!important;
    gap:14px!important;
    padding:13px 10px 13px 2px!important;
    color:var(--rc49-ink)!important;
    font-size:.9rem!important;
    font-weight:650!important;
    line-height:1.34!important;
    overflow-wrap:anywhere!important;
  }
  body.home-index .index-faq .faq-question .icon{
    width:32px!important;
    height:32px!important;
    padding:8px!important;
    flex:0 0 32px!important;
    border-radius:50%!important;
    background:var(--rc49-rust-soft)!important;
    color:var(--rc49-rust)!important;
  }
  body.home-index .index-faq .faq-answer p{
    margin:0 46px 17px 2px!important;
    color:var(--rc49-muted)!important;
    font-size:.86rem!important;
    line-height:1.62!important;
  }
  body.home-index .index-faq .support-card{
    margin-top:0!important;
  }
}

@media(max-width:430px){
  body.home-index .index-faq .faq-question{
    min-height:60px!important;
    padding-block:12px!important;
    font-size:.875rem!important;
  }
  body.home-index .index-faq .faq-question .icon{
    width:30px!important;
    height:30px!important;
    padding:7px!important;
    flex-basis:30px!important;
  }
  body.home-index .index-faq .faq-answer p{
    margin-right:38px!important;
    font-size:.84rem!important;
  }
}

/* RC1.0.57 — full responsive storefront stabilization
   Final ownership rules for shared public geometry. Historical desktop hero
   blocks mixed grid flow with absolute offsets; these rules keep every hero
   layer in one document-flow composition from tablet through ultrawide. */

html.pepx-gate-pending{
  background:var(--qm-cream,#f3f0eb)!important;
}
html.pepx-gate-pending::before{
  content:"qelivra";
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:grid;
  place-items:center;
  background:var(--qm-cream,#f3f0eb);
  color:var(--qm-ink,#171915);
  font-family:"DM Sans",Arial,sans-serif;
  font-size:clamp(3.25rem,9vw,7rem);
  font-weight:650;
  line-height:1;
  letter-spacing:-.085em;
}

body:not(.admin-body){
  --rc50-section:clamp(52px,4.4vw,72px);
}

body.home-index :is(
  .index-featured,
  .index-comparison,
  .index-collections,
  .index-why,
  .index-faq
){
  min-height:0!important;
  height:auto!important;
}

@media(min-width:781px){
  body.home-index .method-hero{
    display:grid!important;
    grid-template-rows:auto auto clamp(300px,24vw,360px)!important;
    align-content:start!important;
    height:auto!important;
    min-height:0!important;
    padding:24px 0 0!important;
    overflow:hidden!important;
  }
  body.home-index .method-hero__topline{
    top:22px!important;
    right:max(32px,calc((100vw - 1440px)/2 + 48px))!important;
    left:auto!important;
  }
  body.home-index .method-wordmark{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    width:min(1440px,calc(100% - 64px))!important;
    margin:0 auto!important;
    font-size:clamp(9rem,16.5vw,16rem)!important;
    line-height:.74!important;
  }
  body.home-index .method-copy{
    position:relative!important;
    inset:auto!important;
    grid-row:2!important;
    width:min(620px,calc(100% - 96px))!important;
    max-width:620px!important;
    margin:clamp(24px,2.2vw,34px) 0 clamp(24px,2.4vw,36px)
      max(48px,calc((100vw - 1440px)/2 + 48px))!important;
  }
  body.home-index .method-copy h1{
    margin:0!important;
    font-size:clamp(3.75rem,5vw,5.2rem)!important;
    line-height:.86!important;
  }
  body.home-index .method-hero__actions{
    display:flex!important;
    align-items:stretch!important;
    gap:10px!important;
    width:max-content!important;
    max-width:100%!important;
    margin-top:20px!important;
  }
  body.home-index .method-hero__actions a{
    min-width:0!important;
    min-height:48px!important;
    white-space:nowrap!important;
  }
  body.home-index .method-tray{
    position:relative!important;
    inset:auto!important;
    grid-row:3!important;
    width:100%!important;
    height:clamp(300px,24vw,360px)!important;
    margin:0!important;
  }
  body.home-index .method-tray img{
    object-position:center 62%!important;
  }
  body.home-index .method-rail a{
    min-width:0!important;
    min-height:118px!important;
    padding-inline:clamp(28px,4vw,64px)!important;
    font-size:clamp(2.1rem,3.15vw,3.4rem)!important;
  }
}

@media(min-width:781px) and (max-width:1080px){
  body.home-index .method-hero{
    grid-template-rows:auto auto 300px!important;
    padding-top:20px!important;
  }
  body.home-index .method-wordmark{
    width:calc(100% - 48px)!important;
    font-size:17.5vw!important;
  }
  body.home-index .method-copy{
    width:min(560px,calc(100% - 64px))!important;
    margin:22px 0 26px 32px!important;
  }
  body.home-index .method-copy h1{
    font-size:clamp(3.55rem,7vw,4.65rem)!important;
  }
  body.home-index .method-tray{height:300px!important}
  body.home-index .method-rail a{
    min-height:104px!important;
    padding-inline:26px!important;
    font-size:clamp(1.75rem,3.6vw,2.4rem)!important;
  }
}

/* Keep the homepage content dense enough for ordinary laptop displays. */
@media(min-width:781px) and (max-width:1180px){
  body.home-index .index-featured .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.home-index .index-featured .product-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  body.home-index .index-featured .product-media.product-visual--card{
    height:260px!important;
    min-height:260px!important;
  }
  body.home-index .index-featured .product-body{
    min-height:300px!important;
  }
  body.home-index .index-collection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .catalog-toolbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }
  .catalog-toolbar .catalog-search{
    grid-column:1/-1!important;
  }
  .catalog-toolbar .filter-pills{
    justify-self:start!important;
    max-width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .catalog-toolbar .sort-control{
    justify-self:end!important;
  }
}

@media(min-width:1181px){
  .catalog-toolbar{
    grid-template-columns:minmax(300px,1fr) max-content minmax(180px,210px)!important;
  }
}

/* Product information cards sit inside a dark section, but keep their own
   light-surface text colors instead of inheriting the section's white type. */
.product-tabs-section :is(.detail-callout,.document-placeholder){
  background:var(--qm-paper,#fbfaf7)!important;
  border-color:var(--qm-line,#d7d4cf)!important;
  color:var(--qm-ink,#171915)!important;
}
.product-tabs-section :is(.detail-callout,.document-placeholder) :is(h2,h3,strong){
  color:var(--qm-ink,#171915)!important;
}
.product-tabs-section :is(.detail-callout,.document-placeholder) :is(p,li,small){
  color:var(--qm-muted,#65707d)!important;
}

@media(max-width:780px){
  .catalog-toolbar .filter-pills{
    max-width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html.pepx-gate-pending::before{animation:none!important}
}

/* RC1.0.58 — desktop proportion and visual-system correction
   This final layer restores a bounded reading width, fixes the navigation
   indicator position, and keeps the product, FAQ, and Customer Hub surfaces
   in the same warm editorial system from laptop through ultrawide. */

body:not(.admin-body) .container{
  width:min(calc(100% - 48px),1240px)!important;
  max-width:1240px!important;
}

/* The older indicator was positioned for a 76px link after the links were
   reduced to 44px targets, which placed the line through the label. */
.site-header .nav-link::after{
  bottom:0!important;
  height:2px!important;
}

/* Product detail: one calm surface, readable line lengths, and balanced media. */
body:not(.admin-body) .product-detail{
  padding:30px 0 56px!important;
}
body:not(.admin-body) .product-detail-grid{
  width:min(calc(100% - 48px),1180px)!important;
  max-width:1180px!important;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)!important;
  gap:clamp(40px,4.5vw,64px)!important;
}
body:not(.admin-body) .product-gallery{
  top:104px!important;
}
body:not(.admin-body) .product-stage{
  height:clamp(410px,36vw,500px)!important;
  min-height:410px!important;
}
body:not(.admin-body) .product-info{
  top:104px!important;
  min-width:0!important;
}
body:not(.admin-body) .product-info h1{
  max-width:100%!important;
  margin:10px 0 12px!important;
  font-size:clamp(3.35rem,4.5vw,4.65rem)!important;
  overflow-wrap:anywhere!important;
}
body:not(.admin-body) .product-lede{
  max-width:650px!important;
}
body:not(.admin-body) .qcx-product-flow{
  gap:10px!important;
}

body:not(.admin-body) .product-tabs-section{
  padding:52px 0 60px!important;
  border-block:1px solid var(--rc49-line)!important;
  background:var(--rc49-soft)!important;
  color:var(--rc49-ink)!important;
}
body:not(.admin-body) .product-tabs-section>.container{
  width:min(calc(100% - 48px),1180px)!important;
  max-width:1180px!important;
}
body:not(.admin-body) .product-tabs-section .product-tabs{
  position:static!important;
  top:auto!important;
  gap:clamp(8px,1.5vw,22px)!important;
  border-bottom:1px solid var(--rc49-line)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body:not(.admin-body) .product-tabs-section .product-tab{
  padding:12px 2px!important;
  color:var(--rc49-muted)!important;
}
body:not(.admin-body) .product-tabs-section .product-tab:is(.active,.is-active,[aria-selected="true"]){
  color:var(--rc49-ink)!important;
}
body:not(.admin-body) .product-tabs-section .tab-panels{
  padding-top:34px!important;
  background:transparent!important;
  color:var(--rc49-ink)!important;
}
body:not(.admin-body) .product-tabs-section .tab-panel.active{
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;
  gap:clamp(36px,4vw,56px)!important;
}
body:not(.admin-body) .product-tabs-section :is(h2,h3,strong){
  color:var(--rc49-ink)!important;
}
body:not(.admin-body) .product-tabs-section :is(p,li,small){
  color:var(--rc49-muted)!important;
}
body:not(.admin-body) .product-tabs-section .tab-copy h2{
  max-width:720px!important;
  font-size:clamp(2.35rem,3.4vw,3.35rem)!important;
  line-height:.96!important;
}
body:not(.admin-body) .product-tabs-section .tab-copy p{
  max-width:720px!important;
  font-size:.975rem!important;
  line-height:1.72!important;
}
body:not(.admin-body) .product-tabs-section :is(.detail-callout,.document-placeholder){
  align-self:start!important;
  min-width:0!important;
  padding:26px!important;
  border:1px solid var(--rc49-line)!important;
  background:var(--rc49-paper)!important;
  color:var(--rc49-ink)!important;
}

/* Homepage FAQ: cap the ultrawide stretch and make the support card a useful,
   legible companion rather than a short floating panel. */
body.home-index .index-faq{
  padding:64px 0 72px!important;
}
body.home-index .index-faq .faq-support{
  width:min(calc(100% - 48px),1240px)!important;
  max-width:1240px!important;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr)!important;
  gap:clamp(36px,4vw,56px)!important;
  align-items:stretch!important;
}
body.home-index .index-faq .section-heading{
  font-size:clamp(2.75rem,4vw,3.6rem)!important;
}
body.home-index .index-faq .faq-list{
  margin-top:24px!important;
}
body.home-index .index-faq .faq-question{
  min-height:64px!important;
  padding:13px 2px!important;
  font-size:.9375rem!important;
}
body.home-index .index-faq .faq-question .icon{
  width:34px!important;
  height:34px!important;
  padding:9px!important;
  flex:0 0 34px!important;
}
body.home-index .index-faq .support-card{
  position:relative!important;
  top:auto!important;
  display:flex!important;
  min-height:100%!important;
  padding:36px!important;
  flex-direction:column!important;
  border:1px solid #d7b9ac!important;
  background:#f0dfd6!important;
  color:var(--rc49-ink)!important;
  box-shadow:none!important;
}
body.home-index .index-faq .support-card h2{
  color:var(--rc49-ink)!important;
  font-size:clamp(2rem,2.6vw,2.8rem)!important;
  line-height:.98!important;
  text-shadow:none!important;
}
body.home-index .index-faq .support-card p{
  color:var(--rc49-muted)!important;
  font-size:.9375rem!important;
}
body.home-index .index-faq .support-icon{
  background:var(--rc49-rust)!important;
  color:#fff!important;
  border:0!important;
}
body.home-index .index-faq .support-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
}
body.home-index .index-faq .support-card .btn{
  width:100%!important;
  margin:0!important;
  box-shadow:none!important;
}
body.home-index .index-faq .support-card .btn-primary{
  border-color:var(--rc49-ink)!important;
  background:var(--rc49-ink)!important;
  color:#fff!important;
}
body.home-index .index-faq .support-card .btn-secondary{
  border-color:var(--rc49-ink)!important;
  background:transparent!important;
  color:var(--rc49-ink)!important;
}
body.home-index .index-faq .support-meta{
  margin-top:auto!important;
  padding-top:24px!important;
  border-top-color:rgba(23,25,21,.2)!important;
  color:var(--rc49-muted)!important;
}

/* Customer Hub: keep the task above the fold and keep both workspace columns
   visually connected at laptop and ultrawide sizes. */
.order-status-body .order-status-hero{
  padding:38px 0 34px!important;
}
.order-status-body .order-status-hero__inner{
  width:min(calc(100% - 48px),1080px)!important;
  max-width:1080px!important;
}
.order-status-body .order-status-hero h1{
  max-width:880px!important;
  margin:9px 0 14px!important;
  font-size:clamp(3.15rem,4.6vw,4.25rem)!important;
  line-height:.94!important;
}
.order-status-body .order-status-hero p{
  max-width:720px!important;
  font-size:.9375rem!important;
  line-height:1.62!important;
}
.order-status-body .order-status-compliance{
  margin-top:17px!important;
  padding:10px 14px!important;
}
.order-status-body .order-status-privacy{
  margin-top:12px!important;
}
.order-status-body .order-status-workspace{
  padding:34px 0 68px!important;
}
.order-status-body .order-status-grid{
  width:min(calc(100% - 48px),1180px)!important;
  max-width:1180px!important;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr)!important;
  gap:1px!important;
  align-items:stretch!important;
}
.order-status-body :is(.order-lookup-card,.order-result-card){
  min-width:0!important;
  padding:clamp(26px,3vw,36px)!important;
}
.order-status-body .order-status-side{
  position:relative!important;
  top:auto!important;
  min-height:100%!important;
  padding:32px!important;
}

@media(max-width:900px){
  body:not(.admin-body) .product-detail-grid{
    grid-template-columns:1fr!important;
  }
  body:not(.admin-body) .product-gallery,
  body:not(.admin-body) .product-info{
    position:relative!important;
    top:auto!important;
  }
  body:not(.admin-body) .product-tabs-section .tab-panel.active,
  .order-status-body .order-status-grid{
    grid-template-columns:1fr!important;
  }
  body.home-index .index-faq .faq-support{
    grid-template-columns:1fr!important;
  }
  body.home-index .index-faq .support-card{
    min-height:0!important;
  }
}

@media(max-width:780px){
  body:not(.admin-body) .container,
  body:not(.admin-body) .product-detail-grid,
  body:not(.admin-body) .product-tabs-section>.container,
  body.home-index .index-faq .faq-support,
  .order-status-body .order-status-hero__inner,
  .order-status-body .order-status-grid{
    width:calc(100% - 28px)!important;
  }
  body:not(.admin-body) .product-stage{
    height:350px!important;
    min-height:350px!important;
  }
  body:not(.admin-body) .product-tabs-section{
    padding:34px 0 46px!important;
  }
  body:not(.admin-body) .product-tabs-section .product-tabs{
    position:sticky!important;
    top:calc(var(--header-h,60px) + 2px)!important;
    z-index:60!important;
    margin-inline:-14px!important;
    padding-inline:14px!important;
    background:rgba(250,248,243,.96)!important;
    backdrop-filter:blur(14px)!important;
  }
  body.home-index .index-faq .support-card{
    padding:28px 24px!important;
  }
  .order-status-body .order-status-hero{
    padding:30px 0 28px!important;
  }
  .order-status-body .order-status-hero h1{
    font-size:clamp(2.65rem,12vw,3.45rem)!important;
  }
  .order-status-body .order-status-workspace{
    padding:24px 0 52px!important;
  }
  .order-status-body .order-status-side{
    padding:26px!important;
  }
}

@media(max-width:430px){
  body:not(.admin-body) .container,
  body:not(.admin-body) .product-detail-grid,
  body:not(.admin-body) .product-tabs-section>.container,
  body.home-index .index-faq .faq-support,
  .order-status-body .order-status-hero__inner,
  .order-status-body .order-status-grid{
    width:calc(100% - 24px)!important;
  }
  body:not(.admin-body) .product-stage{
    height:320px!important;
    min-height:320px!important;
  }
  body.home-index .index-faq .support-meta{
    display:grid!important;
    gap:8px!important;
  }
  .order-status-body .order-status-card-head{
    padding-bottom:19px!important;
  }
}

/* RC1.0.59 — Radix-inspired native interaction primitives
   The storefront remains dependency-free and Cloudflare-uploadable while
   adopting semantic states, visible focus, and motion-safe transitions. */
:root{
  --q-surface-canvas:#f4f0e8;
  --q-surface-panel:#fbfaf7;
  --q-surface-subtle:#eee8de;
  --q-text-primary:#171915;
  --q-text-secondary:#65707d;
  --q-border-subtle:#d7d1c7;
  --q-accent-solid:#a24937;
  --q-accent-hover:#873929;
  --q-focus-ring:rgba(162,73,55,.34);
}
.sr-only,.visually-hidden{
  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;
}
body:not(.admin-body) :is(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--q-focus-ring)!important;outline-offset:3px!important;
}
body:not(.admin-body) :is(.overlay,.mobile-menu,.faq-item,.faq-question,.faq-answer,.product-tab,.tab-panel,.toast)[data-state="open"]{
  --q-component-state:1;
}
.overlay[data-state="closed"],.mobile-menu[data-state="closed"]{pointer-events:none!important}
.overlay[data-state="open"]{pointer-events:auto!important}
.overlay[role="dialog"]:focus-visible{outline:none!important}
.overlay[data-state="open"] :is(.search-dialog,.drawer){animation:qPrimitiveEnter .22s cubic-bezier(.16,1,.3,1)}
.overlay[data-state="closed"] :is(.search-dialog,.drawer){animation:none}
.faq-item[data-state="open"] .faq-question .icon{transform:rotate(45deg)}
.faq-answer[aria-hidden="true"]{visibility:hidden}
.faq-answer[aria-hidden="false"]{visibility:visible}
.product-tab[data-state="open"]{color:var(--q-text-primary)!important}
.product-tab[data-state="closed"]{color:var(--q-text-secondary)!important}
.tab-panel[data-state="open"]{animation:qPrimitivePanelIn .2s ease-out}
.toast[data-state="closed"]{pointer-events:none}
@keyframes qPrimitiveEnter{from{opacity:0}to{opacity:1}}
@keyframes qPrimitivePanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){
  .mobile-menu[data-state="open"]{pointer-events:auto!important}
  .mobile-menu[data-state="closed"]{pointer-events:none!important}
}
@media(prefers-reduced-motion:reduce){
  .overlay[data-state] :is(.search-dialog,.drawer),.tab-panel[data-state]{animation:none!important}
}