@media(max-width:1024px){.rpn-filter-strip{order:3;flex-basis:100%}.rpn-navigator.rpn-sticky-tablet .rpn-toolbar{position:sticky;top:var(--rpn-sticky-offset);z-index:1}}
@media(min-width:1025px){.rpn-navigator.rpn-sticky-desktop .rpn-toolbar{position:sticky;top:var(--rpn-sticky-offset);z-index:1}}
@media(max-width:767px){.rpn-toolbar{padding:9px;gap:8px}.rpn-toolbar-main{width:100%;justify-content:space-between}.rpn-browse{flex:1;justify-content:center;min-height:44px}.rpn-filter-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.rpn-search-wrap{flex-basis:100%}.rpn-filter-strip{display:none}.rpn-drawer{width:100vw;border-radius:0}.rpn-drawer-filters{padding-top:10px}.rpn-back{right:12px;bottom:14px}.rpn-navigator.rpn-sticky-mobile .rpn-toolbar{position:sticky;top:var(--rpn-sticky-offset);z-index:1}.rpn-card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rpn-drawer{transition:none}.rpn-heading-highlight{animation:none}}

@media(max-width:767px){.rpn-callback-title{font-size:15px}.rpn-callback-submit{width:100%;border-radius:12px}}

/* Responsive drawer spacing/position controls. The overlay follows the top/bottom clearance so site navigation can remain clickable. */
.rpn-drawer{
 top:var(--rpn-drawer-margin-top-desktop,0px);
 right:var(--rpn-drawer-margin-right-desktop,0px);
 bottom:var(--rpn-drawer-margin-bottom-desktop,0px);
 width:min(440px,calc(100vw - var(--rpn-drawer-margin-left-desktop,0px) - var(--rpn-drawer-margin-right-desktop,0px)));
 padding:var(--rpn-drawer-padding-top-desktop,0px) var(--rpn-drawer-padding-right-desktop,0px) var(--rpn-drawer-padding-bottom-desktop,0px) var(--rpn-drawer-padding-left-desktop,0px);
}
.rpn-overlay{
 top:var(--rpn-drawer-margin-top-desktop,0px);
 bottom:var(--rpn-drawer-margin-bottom-desktop,0px);
}
@media(max-width:1024px){
 .rpn-drawer{
  top:var(--rpn-drawer-margin-top-tablet,0px);
  right:var(--rpn-drawer-margin-right-tablet,0px);
  bottom:var(--rpn-drawer-margin-bottom-tablet,0px);
  width:min(440px,calc(100vw - var(--rpn-drawer-margin-left-tablet,0px) - var(--rpn-drawer-margin-right-tablet,0px)));
  padding:var(--rpn-drawer-padding-top-tablet,0px) var(--rpn-drawer-padding-right-tablet,0px) var(--rpn-drawer-padding-bottom-tablet,0px) var(--rpn-drawer-padding-left-tablet,0px);
 }
 .rpn-overlay{top:var(--rpn-drawer-margin-top-tablet,0px);bottom:var(--rpn-drawer-margin-bottom-tablet,0px)}
}
@media(max-width:767px){
 .rpn-drawer{
  top:var(--rpn-drawer-margin-top-mobile,0px);
  right:var(--rpn-drawer-margin-right-mobile,0px);
  bottom:var(--rpn-drawer-margin-bottom-mobile,0px);
  width:calc(100vw - var(--rpn-drawer-margin-left-mobile,0px) - var(--rpn-drawer-margin-right-mobile,0px));
  padding:var(--rpn-drawer-padding-top-mobile,0px) var(--rpn-drawer-padding-right-mobile,0px) var(--rpn-drawer-padding-bottom-mobile,0px) var(--rpn-drawer-padding-left-mobile,0px);
 }
 .rpn-overlay{top:var(--rpn-drawer-margin-top-mobile,0px);bottom:var(--rpn-drawer-margin-bottom-mobile,0px)}
}



/* Mobile-only navigation coexistence.
   Desktop/tablet are intentionally untouched. On phones, the site's own menu stays above
   the product drawer and the dim overlay cannot block or grey-out the site navigation. */
@media(max-width:767px){
 body.rpn-drawer-open .rpn-overlay{
  background:transparent!important;
  pointer-events:none!important;
  z-index:8998!important;
 }
 body.rpn-drawer-open .rpn-drawer{
  z-index:8999!important;
 }
 body.rpn-drawer-open .rpn-mobile-nav-above{
  z-index:2147483000!important;
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
 }
 body.rpn-drawer-open .rpn-mobile-nav-force-position{
  position:relative!important;
 }
 body.rpn-drawer-open .rpn-mobile-nav-above a,
 body.rpn-drawer-open .rpn-mobile-nav-above button,
 body.rpn-drawer-open .rpn-mobile-nav-above [role="button"]{
  pointer-events:auto!important;
 }
}

/* v1.0.22 mobile coexistence hard fix:
   remove the RPN dimming layer entirely on phones so the site's mobile navigation
   remains visually normal and receives pointer/touch events while the product drawer is open. */
@media(max-width:767px){
 body.rpn-drawer-open{overflow:auto!important;}
 body.rpn-drawer-open .rpn-overlay,
 .rpn-navigator .rpn-overlay{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
 }
 body.rpn-drawer-open .rpn-drawer{
  pointer-events:auto!important;
 }
 body.rpn-drawer-open .rpn-mobile-nav-above,
 body.rpn-drawer-open .rpn-mobile-nav-above *{
  pointer-events:auto!important;
 }
}


/* Separate mobile-only sticky Browse Products trigger. Desktop/tablet are intentionally unaffected. */
.rpn-mobile-sticky-trigger{display:none!important}
@media(max-width:767px){
 .rpn-mobile-sticky-trigger{
  display:none!important;
  position:fixed!important;
  width:var(--rpn-mobile-sticky-button-size,48px)!important;
  height:var(--rpn-mobile-sticky-button-size,48px)!important;
  min-width:var(--rpn-mobile-sticky-button-size,48px)!important;
  min-height:var(--rpn-mobile-sticky-button-size,48px)!important;
  right:var(--rpn-mobile-sticky-margin-right,18px)!important;
  bottom:var(--rpn-mobile-sticky-margin-bottom,18px)!important;
  transform:translate(calc(-1 * var(--rpn-mobile-sticky-margin-left,0px)),calc(-1 * var(--rpn-mobile-sticky-margin-top,0px)))!important;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  padding:var(--rpn-mobile-sticky-padding-top,12px) var(--rpn-mobile-sticky-padding-right,12px) var(--rpn-mobile-sticky-padding-bottom,12px) var(--rpn-mobile-sticky-padding-left,12px)!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#E31E25!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  cursor:pointer;
  z-index:8997!important;
  line-height:1;
  -webkit-appearance:none;
  appearance:none;
 }
 .rpn-mobile-sticky-trigger.is-visible{display:inline-flex!important}
 .rpn-mobile-sticky-trigger[aria-hidden="true"]{display:none!important}
 .rpn-mobile-sticky-trigger span{
  display:block!important;
  width:22px;
  height:2px;
  margin:0!important;
  border:0!important;
  border-radius:2px;
  background:#fff!important;
  pointer-events:none;
 }
 .rpn-mobile-sticky-trigger:focus-visible{outline:3px solid rgba(1,96,136,.35);outline-offset:3px}
 .rpn-mobile-sticky-trigger:hover,.rpn-mobile-sticky-trigger:active{background:#E31E25!important;color:#fff!important}
}


/* Mobile Sticky Browse Button full-screen mode.
   This class is applied only when the drawer was opened from the separate sticky trigger. */
@media(max-width:767px){
 body.rpn-drawer-open.rpn-sticky-fullscreen-active{overflow:hidden!important}
 .rpn-navigator.rpn-sticky-fullscreen-open .rpn-drawer{
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  z-index:2147482000!important;
 }
 .rpn-navigator.rpn-sticky-fullscreen-open .rpn-overlay{display:none!important}
}