/* VQ NEXUS 2.2.4.6 — storefront-only, V1-inspired mobile header and bottom bar. */
.vq-public-mobile-nav,.vq-public-category-overlay,.vq-public-mobile-categories{display:none}
@media(max-width:700px){
  /* Logo first, full-width rounded search second. Do not change desktop header. */
  body>.top-header{width:100%;z-index:40}
  .top-header .top-header-main{background:var(--brand,#e60012)}
  .top-header .header-inner{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:55px 48px!important;gap:5px!important;
    width:100%;max-width:100%;height:auto!important;min-height:0!important;
    padding:8px 11px 10px!important;align-items:center!important;
  }
  .top-header .site-logo{
    grid-column:1;grid-row:1;display:flex!important;justify-self:start;
    width:auto!important;min-width:0!important;max-width:min(210px,72vw)!important;
    height:53px!important;max-height:53px!important;
    padding:0!important;margin:0!important;font-size:18px;line-height:1.25;
    color:#fff;overflow:hidden;
  }
  .top-header .site-logo img{
    display:block;width:auto!important;height:auto!important;max-height:53px!important;
    max-width:min(210px,72vw)!important;object-fit:contain;object-position:left center;
  }
  .top-header .category-control,.top-header .header-link,.top-header .account-link{display:none!important}
  .top-header .search-box{
    grid-column:1;grid-row:2;display:flex!important;order:initial!important;
    align-items:stretch;justify-content:stretch;min-width:0;
    width:100%!important;max-width:100%!important;height:47px!important;
    min-height:47px!important;margin:0!important;padding:0!important;flex-basis:auto!important;
    overflow:hidden;border:1px solid rgba(255,255,255,.75)!important;
    background:#fff!important;border-radius:14px!important;
    box-shadow:0 4px 12px #78111b16;
  }
  .top-header .search-box input{
    display:block;flex:1;min-width:0;height:100%;margin:0;
    padding:0 17px!important;border:0!important;outline:0!important;
    color:#20334c;background:transparent;font-size:14px!important;
  }
  .top-header .search-box input::placeholder{color:#71819a;opacity:1}
  .top-header .search-box button{
    display:grid;place-items:center;flex:0 0 51px;width:51px;height:100%;
    padding:0!important;border:0!important;border-left:1px solid #edf0f4!important;
    background:#fff!important;color:#284b73!important;
    position:relative;font-size:0!important;line-height:1;cursor:pointer;
  }
  .top-header .search-box button::before{
    content:"";position:absolute;left:17px;top:13px;width:14px;height:14px;
    border:2px solid #284b73;border-radius:50%;
  }
  .top-header .search-box button::after{
    content:"";position:absolute;left:30px;top:29px;width:9px;height:2px;
    border-radius:2px;background:#284b73;transform:rotate(45deg);transform-origin:left center;
  }
  .top-header .search-box:focus-within{outline:2px solid #ffffffa6;outline-offset:2px}
  /* Fixed bottom shortcuts with device-safe spacing. */
  .vq-public-mobile-nav{
    position:fixed;z-index:1140;left:0;right:0;bottom:0;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
    min-height:64px;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
    background:#fff;border-top:1px solid #e1e6ee;
    box-shadow:0 -4px 18px #1b2e4719;
  }
  .vq-public-mobile-item{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;min-width:0;min-height:52px;padding:3px 1px;
    border:0;background:transparent;color:#52647e;
    text-decoration:none!important;font:inherit;font-size:11px!important;font-weight:700;
    line-height:1.2;white-space:nowrap;cursor:pointer;
  }
  .vq-public-mobile-item svg{display:block;width:21px;height:21px;flex:none}
  .vq-public-mobile-item span{overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .vq-public-mobile-item.is-current,.vq-public-mobile-item[aria-expanded="true"]{color:var(--brand,#e60012)}
  .vq-public-mobile-item:focus-visible{outline:2px solid #456ee9;outline-offset:-2px;border-radius:8px}
  body{padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))!important}
  /* Move existing floating contact actions up instead of obscuring navigation. */
  .vq-contact-dock{bottom:calc(81px + env(safe-area-inset-bottom,0px))!important;z-index:950}
  /* Mobile category drawer reuses the existing product and service category hierarchy. */
  .vq-public-category-overlay:not([hidden]){
    position:fixed;z-index:1090;inset:0;display:block!important;
    background:rgba(10,23,45,.46);
  }
  .vq-public-mobile-categories:not([hidden]){
    position:fixed;z-index:1120;left:10px;right:10px;
    bottom:calc(76px + env(safe-area-inset-bottom,0px));
    display:flex!important;flex-direction:column;
    max-height:min(72dvh,570px);min-height:0;
    overflow:hidden;background:#fff;border:1px solid #e5eaf3;
    border-radius:16px;box-shadow:0 18px 45px #0016283e;
  }
  .vq-public-mobile-categories-head{
    flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;
    padding:13px 15px 9px;color:#193553;border-bottom:1px solid #edf0f5;
  }
  .vq-public-mobile-categories-head strong{font-size:15px}
  .vq-public-mobile-categories-close{
    display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;
    color:#667891;background:#f1f4f9;font-size:17px;cursor:pointer;
  }
  .vq-public-mobile-category-list{
    display:block!important;position:static!important;top:auto!important;left:auto!important;
    right:auto!important;bottom:auto!important;flex:1 1 auto;width:100%!important;
    max-width:none!important;min-width:0!important;max-height:none!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    padding:9px 12px 12px!important;overflow-y:auto!important;overscroll-behavior:contain;
  }
  .vq-public-mobile-category-list .v2244-nav-parent>.v218-nav-root{font-size:14px!important}
  .vq-public-mobile-category-list .v2244-nav-children a{font-size:13px!important}
}
@media(min-width:701px){.vq-public-mobile-nav,.vq-public-category-overlay,.vq-public-mobile-categories{display:none!important}}