/* Alluvi mobile parity pass — draft only.
   Scoped to responsive presentation; no WooCommerce data, Rank Math fields,
   product text, prices, stock values or desktop layout are modified. */
@media (max-width:991px){
  /* Keep the pill used by the reference, but let link labels stay legible. */
  .as-header .as-desktop-bar{
    display:block!important;
    height:73px!important;
    padding:12px 12px 0!important;
    background:#070707!important
  }
  .as-header .as-desktop-inner{
    position:relative!important;
    display:flex!important;
    width:100%!important;
    max-width:544px!important;
    height:52px!important;
    padding:0 13px!important;
    gap:13px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:#171719!important
  }
  .as-header .as-brand{
    flex:0 0 62px!important;
    width:62px!important;
    min-width:62px!important;
    height:48px!important
  }
  .as-header .as-brand img{
    display:block!important;
    width:65px!important;
    height:43px!important;
    object-fit:contain!important;
    max-width:65px!important
  }
  .as-header .as-desktop-links{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:17px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-padding-inline:5px;
    touch-action:pan-x
  }
  .as-header .as-desktop-links::-webkit-scrollbar{display:none}
  .as-header .as-desktop-links a{
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-height:44px!important;
    padding:8px 0!important;
    font-size:12.5px!important;
    line-height:1.15!important;
    font-weight:540!important;
    letter-spacing:0!important;
    color:#b4b4c0!important;
    white-space:nowrap!important
  }
  .as-header .as-desktop-links a.is-active{
    padding-inline:9px!important;
    margin-inline:-6px!important;
    color:#fff!important
  }
  .as-header .as-desktop-inner.has-more-links::after{
    content:"›";
    position:absolute;
    right:3px;
    top:9px;
    z-index:1;
    width:24px;
    height:33px;
    line-height:29px;
    text-align:center;
    border-radius:0 15px 15px 0;
    background:linear-gradient(90deg,rgba(23,23,25,0),#171719 55%);
    color:#ff9500;
    font-size:20px;
    pointer-events:none
  }
  .as-header .as-desktop-links:focus-visible{
    outline:2px solid #ff9700!important;
    outline-offset:-2px!important;
    border-radius:7px
  }
  /* Avoid a transparent floating element obscuring the header. */
  .as-header .as-mobile-bar,.as-header .as-mobile-menu{display:none!important}
}

@media (max-width:680px){
  /* Allow the reference's hero to breathe without changing text. */
  body.home .rx-hero{
    min-height:0!important;
    padding:78px 18px 104px!important
  }
  body.home .rx-hero h1{
    max-width:100%!important;
    margin-bottom:27px!important;
    font-size:clamp(34px,9vw,45px)!important;
    line-height:1.15!important;
    letter-spacing:-.052em!important;
    text-wrap:balance
  }
  body.home .rx-hero__lead,
  body.home .rx-hero__note{
    max-width:340px!important;
    font-size:15px!important;
    line-height:1.6!important;
    margin-inline:auto!important
  }
  body.home .rx-hero__links{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    max-width:360px!important;
    margin:23px auto 0!important;
    font-size:14px!important;
    line-height:1.6!important
  }
  /* Original pinned phone section: fluid heading, not fixed 68px at 320px. */
  #alluvi-labs-showcase .main-hero-text,
  #alluvi-labs-showcase .main-hero-text._1,
  #alluvi-labs-showcase .main-hero-text._2{
    font-size:clamp(38px,12.1vw,61px)!important;
    line-height:1.13!important
  }
  #alluvi-labs-showcase .h2-hero-text-holder{
    padding:0 8px!important;
    gap:3px!important
  }
  #alluvi-labs-showcase .product-phone-image-container{
    padding-left:0!important;
    max-width:100%!important
  }
  #alluvi-labs-showcase .hero-gradient-holder{
    max-width:100%!important;
    overflow:clip!important
  }
  /* Catalogue: maintain all five approved research-topic filters. */
  body.post-type-archive-product .alluvi-topic-inner,
  body.post-type-archive-product .alluvi-shop-reference-grid-wrap{
    width:calc(100% - 28px)!important;
    max-width:100%!important
  }
  body.post-type-archive-product .alluvi-topic-heading h2{
    font-size:clamp(31px,8vw,38px)!important;
    line-height:1.12!important
  }
  body.post-type-archive-product .alluvi-topic-toolbar{
    gap:6px!important;
    padding:8px!important
  }
  body.post-type-archive-product .alluvi-topic-tabs{
    display:flex!important;
    flex:0 0 100%!important;
    max-width:100%!important;
    gap:4px!important;
    scroll-padding-left:8px;
    overflow-x:auto!important
  }
  body.post-type-archive-product .alluvi-topic-tab{
    font-size:12px!important;
    min-height:44px!important;
    padding:8px 12px!important
  }
  body.post-type-archive-product .alluvi-topic-tools{
    width:100%!important;
    padding:4px 6px 1px!important;
    justify-content:space-between!important
  }
  body.post-type-archive-product .alluvi-topic-counter{font-size:10px!important}
  body.post-type-archive-product .alluvi-shop-reference-grid-wrap ul.products{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important
  }
  /* Verification: comfortable tap field and readable cards. */
  body.page-id-357 .asv-hero{
    padding:58px 16px 72px!important
  }
  body.page-id-357 .asv-hero h1{
    font-size:clamp(37px,9.2vw,50px)!important;
    line-height:1.13!important;
    text-wrap:balance
  }
  body.page-id-357 .asv-seal-control{width:100%!important;max-width:100%!important}
  body.page-id-357 .asv-inspection-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important
  }
  body.page-id-357 .asv-inspection-left,
  body.page-id-357 .asv-inspection-right{
    width:100%!important;
    gap:17px!important
  }
  body.page-id-357 .asv-reference-figure{
    width:100%!important;
    max-width:100%!important
  }
  body.page-id-357 .asv-reference-photo img{
    width:100%!important;
    height:auto!important
  }
  body.page-id-357 .asv-guide-header h2{
    font-size:clamp(32px,8.5vw,41px)!important
  }
  body.page-id-357 .asv-inspection-card{
    min-height:0!important;
    padding:20px!important
  }
  /* Product gallery, pricing row and buttons stay within a phone viewport. */
  body.single-product .alluvi-product-page-reference .alluvi-product-shell,
  body.single-product .alluvi-product-page-reference .alluvi-product-summary,
  body.single-product .alluvi-product-page-reference .alluvi-product-gallery{
    min-width:0!important;
    max-width:100%!important
  }
  body.single-product .alluvi-product-page-reference.alluvi-syn-refresh .alluvi-product-summary h1{
    font-size:clamp(32px,8.5vw,43px)!important;
    line-height:1.13!important;
    overflow-wrap:anywhere!important
  }
  body.single-product .alluvi-product-page-reference .alluvi-reference-price-stock{
    flex-wrap:wrap!important;
    column-gap:15px!important;
    row-gap:11px!important
  }
  body.single-product .alluvi-product-page-reference .alluvi-reference-purchase{
    min-width:0!important;
    width:100%!important
  }
  body.single-product .alluvi-product-page-reference .alluvi-reference-purchase form.cart{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important
  }
  body.single-product .alluvi-product-page-reference .alluvi-reference-purchase form.cart .single_add_to_cart_button{
    flex:1 1 205px!important;
    min-height:48px!important;
    max-width:100%!important;
    white-space:normal!important
  }
  body.single-product .alluvi-product-page-reference .alluvi-product-gallery__main img{
    max-width:100%!important
  }
}

@media (max-width:380px){
  .as-header .as-desktop-bar{padding-inline:8px!important}
  .as-header .as-desktop-inner{padding-inline:10px!important;gap:10px!important}
  .as-header .as-brand{flex-basis:57px!important;min-width:57px!important;width:57px!important}
  .as-header .as-brand img{width:59px!important;max-width:59px!important}
  .as-header .as-desktop-links{gap:15px!important}
  .as-header .as-desktop-links a{font-size:12px!important}
  body.home .rx-hero{padding-top:70px!important;padding-bottom:88px!important}
  body.page-id-357 .asv-seal-control button{min-width:72px}
}
@media (prefers-reduced-motion:reduce){
 .as-header .as-desktop-links{scroll-behavior:auto!important}
}