/* Native WordPress and WooCommerce screens, aligned with the supplied design system. */
.wp-main-content{min-height:55vh;padding:42px 0 72px;background:var(--ground)}
.wp-article>.page-head{padding-top:0}.wp-entry{padding-top:34px}
.wp-entry>*+*{margin-top:20px}.wp-entry h2,.wp-entry h3{margin-top:34px}
.woocommerce-wrap{padding-top:22px;padding-bottom:60px}
.woocommerce .woocommerce-breadcrumb{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--ink-3);margin-bottom:28px}
.woocommerce h1,.woocommerce h2,.woocommerce h3{color:var(--ink)}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--ground);box-shadow:var(--shadow-1)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--disp);font-size:18px;color:var(--ink)}
.woocommerce .price{font-family:var(--mono);color:var(--ink)!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button{border-radius:var(--r)!important;background:var(--signal)!important;color:#fff!important;font-family:var(--body)!important;font-weight:600!important;padding:12px 18px!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--bright)!important;color:#fff!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single{background:var(--ground);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:11px 13px;min-height:44px}
.woocommerce form.checkout,.woocommerce form.login,.woocommerce form.register,.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order{color:var(--ink)}
.woocommerce table.shop_table{border-color:var(--line);border-radius:var(--r);background:var(--ground)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line-soft)}
.woocommerce .col2-set,.woocommerce-page .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:auto}
.woocommerce-error,.woocommerce-info,.woocommerce-message{border-top-color:var(--signal);background:var(--surface);color:var(--ink)}
.ahs-research-checkout-ack{margin:18px 0!important;padding:16px!important;border:1px solid var(--accent)!important;border-left-width:4px!important;border-radius:var(--r);background:var(--accent-soft);font-size:12.5px;line-height:1.55}
.ahs-research-checkout-ack label{display:flex;align-items:flex-start;gap:10px}.ahs-research-checkout-ack input{margin-top:4px!important;flex:none}
.woocommerce-account .woocommerce-MyAccount-navigation{width:24%}.woocommerce-account .woocommerce-MyAccount-content{width:72%}
@media(max-width:1000px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce .col2-set,.woocommerce-page .col2-set{grid-template-columns:1fr}.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}}
@media(max-width:480px){.woocommerce ul.products{grid-template-columns:1fr}.wp-main-content{padding-top:26px}}

/* Mobile-first hero upgrade: full three-vial stage before the headline. */
@media(max-width:960px){
  .hero-grid{display:flex!important;flex-direction:column;gap:22px!important;padding:0 0 56px!important}
  .hero-grid>.hero-art{order:-1;width:100%;max-width:none!important;margin:0!important}
  .hero-grid>div:first-child{width:100%}
}
@media(max-width:640px){
  .hero-grid{gap:28px!important;padding-bottom:48px!important}
  .hero-grid>.hero-art{
    width:calc(100% + (var(--gut) * 2));
    margin-inline:calc(var(--gut) * -1)!important;
    overflow:visible;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent!important;
  }
  .hero-art::before{display:none!important}
  .hero-stage{min-height:390px!important;max-width:none!important;margin:0!important;overflow:visible!important;z-index:1}
  .showcase-deck{inset:0!important}
  .showcase-vial{width:150px!important;height:286px!important;top:49%!important}
  .showcase-vial.is-active{left:50%!important;opacity:1!important;transform:translate(-50%,-50%) translateY(-5px) scale(1)!important}
  .showcase-vial.is-prev{left:16%!important;opacity:.92!important;transform:translate(-50%,-50%) translateY(19px) scale(.69) rotate(-7deg)!important}
  .showcase-vial.is-next{left:84%!important;opacity:.92!important;transform:translate(-50%,-50%) translateY(19px) scale(.69) rotate(7deg)!important}
  .hero-grid>div:first-child{padding-top:4px}
  .hero h1{font-size:clamp(38px,12vw,54px);line-height:1.01}
  .hero .lede{font-size:16px;line-height:1.67}
  .hero-cta{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px;margin-top:30px}
  .hero-stat{padding:14px 10px;text-align:center}
  .hero-stat b{font-size:21px}
  .hero-stat span{font-size:8px;letter-spacing:.075em;line-height:1.35}
}
@media(max-width:380px){
  .hero-stage{min-height:360px!important}
  .showcase-vial{width:140px!important;height:267px!important}
  .showcase-vial.is-prev{left:14%!important;transform:translate(-50%,-50%) translateY(18px) scale(.64) rotate(-7deg)!important}
  .showcase-vial.is-next{left:86%!important;transform:translate(-50%,-50%) translateY(18px) scale(.64) rotate(7deg)!important}
}
