#td-header-back-top { display:none; }
@media(max-width:767px) {
  html body.td-header-at-bottom #header #mobile-header-sticky {
    position:fixed!important;
    top:auto!important;
    bottom:calc(12px + max(var(--td-product-bar-offset, 0px), env(safe-area-inset-bottom, 0px)))!important;
    left:var(--td-header-gap)!important;
    right:var(--td-header-gap)!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    transition:none!important;
    z-index:5000!important;
  }
  html body.td-header-at-bottom #mobile-header-sticky .col-mobile-logo { position:relative; }
  html body.td-header-at-bottom #mobile-header-sticky .col-mobile-logo > a {
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html body.td-header-at-bottom #header #td-header-back-top:not([hidden]) {
    display:flex!important;
    position:absolute;
    inset:50% auto auto 50%;
    transform:translate(-50%,-50%);
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    min-width:44px;
    padding:0!important;
    border:0!important;
    border-radius:50%;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    cursor:pointer;
  }
  html body #header #td-header-back-top svg {
    width:26px;height:26px;fill:none;stroke:currentColor;
    stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;
  }
  html body #header #td-header-back-top:focus-visible { outline:2px solid #19161b;outline-offset:1px; }
  html body #header #td-header-back-top:active { color:#19161b!important; }
  html body.td-header-at-bottom #header #search-widget-mobile {
    top:auto!important;
    bottom:calc(100% + 10px)!important;
    max-height:calc(100dvh - 100px - var(--td-product-bar-offset, 0px));
    overflow:auto;
  }
}

/* Keep only the search field white, not the surrounding dropdown. */
@media(max-width:767px){
 html body #header #search-widget-mobile{background:transparent!important;border:0!important;box-shadow:none!important;}
 html body #header #search-widget-mobile .form-search-control{background:#fff!important;}
}

/* Direction changes reveal the native bar gently, without moving its fixed drawers. */
@keyframes td-header-reveal { from { opacity:0; } to { opacity:1; } }
@media(max-width:767px){
 html body.td-header-at-top #header #mobile-header-sticky{
  position:fixed!important;top:var(--td-header-gap)!important;bottom:auto!important;
  left:var(--td-header-gap)!important;right:var(--td-header-gap)!important;
  margin:0!important;transform:none!important;opacity:1!important;visibility:visible!important;
  transition:none!important;z-index:5000!important;
 }
 html body #header #mobile-header-sticky.td-header-reveal > .container,
 html body #header #mobile-header-sticky.td-header-reveal::before{animation:td-header-reveal 400ms ease-out;}
}
@media(prefers-reduced-motion:reduce){
 html body #header #mobile-header-sticky.td-header-reveal > .container,
 html body #header #mobile-header-sticky.td-header-reveal::before{animation:none!important;}
}

/* An open drawer must sample the page backdrop, not an animated opacity ancestor. */
html body #header #mobile-header-sticky.td-header-reveal:has(.prmn_menus_ul.active) > .container{animation:none!important;}