.vbh-header{position:relative;z-index:100;background:#fff;color:#1d2b40}
.vbh-header *{box-sizing:border-box}
.vbh-header button{font-family:inherit}
.vbh-header .vbh-support-inner::before,.vbh-header .vbh-support-inner::after,.vbh-header .vbh-main-inner::before,.vbh-header .vbh-main-inner::after{content:none!important;display:none!important}
.vbh-header .vbh-support{border-bottom:1px solid #e8edf3;background:#fff;font-size:12px;color:#59697e}
.vbh-header .vbh-support-inner{display:flex;align-items:center;justify-content:space-between;min-height:35px;gap:15px}
.vbh-header .vbh-support-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.vbh-header .vbh-support-links>span+span{border-left:1px solid #d9e0e9;padding-left:22px}
.vbh-header .vbh-support-links i{margin-right:4px;color:#d81820}
.vbh-header .vbh-support-links a{color:#1c2b3f;font-weight:700;text-decoration:none}
.vbh-header .vbh-support-caption{color:#8b97a7;white-space:nowrap}
.typeheader-1.vbh-header .header-top.vbh-main{padding:19px 0!important;margin:0!important;border:0!important;background:#fff}
.vbh-header .vbh-main-inner{display:grid;grid-template-columns:minmax(170px,245px) minmax(250px,1fr) auto;align-items:center;gap:27px}
.vbh-header .vbh-logo{float:none!important;margin:0!important;padding:0!important;min-width:0}
.vbh-header .vbh-logo a{display:block}
.vbh-header .vbh-logo img{display:block;width:auto;max-width:100%;max-height:78px;object-fit:contain}
.typeheader-1.vbh-header .vbh-search{float:none!important;width:100%!important;margin:0!important;padding:0!important;min-width:0}
.vbh-header .vbh-search #search{display:flex;width:100%;height:48px;overflow:hidden;border:1px solid #dde4ec;border-radius:26px;background:#fbfcfe;box-shadow:none}
.vbh-header .vbh-search #search input{width:100%;height:46px;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 19px;color:#26354a;font-size:13px}
.vbh-header .vbh-search #search .input-group-btn{width:auto;flex:none}
.vbh-header .vbh-search #search button{height:46px;width:50px;border:0!important;border-radius:0;background:transparent!important;color:#e21c26!important;box-shadow:none!important;font-size:17px}
.vbh-header .vbh-search #sosearchpro.so-search{width:100%;margin:0;padding:0;background:#fbfcfe;border:1px solid #dde4ec;border-radius:26px;overflow:hidden}
.vbh-header .vbh-search #sosearchpro .autosearch-input{height:46px;border:0;background:transparent}
.vbh-header .vbh-search #sosearchpro .button-search{height:46px;min-width:48px;background:transparent;border:0}
.vbh-header .vbh-search #sosearchpro .button-search i{color:#e21c26}
.vbh-header .vbh-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.vbh-header .vbh-garage{white-space:nowrap;flex:none}
.typeheader-1.vbh-header .vbh-cart.shopping_cart{float:none!important;margin:0!important;padding:0!important;flex:none}
.typeheader-1.vbh-header .vbh-cart .handle{background-color:#ed1c24;border-radius:9px;margin-right:7px}
.typeheader-1.vbh-header .vbh-cart .cart-info .title-cart{font-size:12px;white-space:nowrap}
.typeheader-1.vbh-header .vbh-cart .cart-info .total-shopping-cart{font-size:11px;white-space:nowrap}
.vbh-header .vbh-account{display:flex;align-items:center;gap:7px;color:#26354a!important;text-decoration:none!important;white-space:nowrap;font-size:12px;font-weight:700}
.vbh-header .vbh-account i{font-size:22px;color:#46556b}
.vbh-header .vbh-account:hover,.vbh-header .vbh-account:hover i{color:#ed1c24!important}
.vbh-header .vbh-nav{position:relative;z-index:105;border-top:1px solid #edf0f4;border-bottom:1px solid #e2e7ef;background:#fff;box-shadow:0 5px 14px rgba(27,41,64,.04)}
.vbh-header .vbh-nav-inner{position:relative}
.vbh-header .vbh-brand-row{display:flex;align-items:center;gap:18px;min-height:69px}
.vbh-header .vbh-all-toggle{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;min-width:142px;height:40px;padding:0 13px;border:0;border-radius:22px;background:#ed1c24;color:#fff;text-transform:uppercase;font-size:12px;font-weight:800;cursor:pointer}
.vbh-header .vbh-all-toggle:hover,.vbh-header .vbh-all-toggle[aria-expanded="true"]{background:#c9151e}
.vbh-header .vbh-featured-scroll{min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d8dde5 transparent}
.vbh-header .vbh-featured{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:max-content}
.vbh-header .vbh-brand-button{display:grid;place-items:center;flex:none;width:66px;height:52px;padding:6px;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;transition:background .15s,border-color .15s}
.vbh-header .vbh-brand-button:hover,.vbh-header .vbh-brand-button[aria-expanded="true"]{border-color:#f3c0c3;background:#fff7f7}
.vbh-header .vbh-brand-button img{max-width:60px;max-height:39px;object-fit:contain}
.vbh-header .vbh-menu-panel[hidden]{display:none!important}
.vbh-header .vbh-menu-panel{position:absolute;top:100%;left:15px;right:15px;z-index:210;padding:17px 19px 20px;border:1px solid #dde4ee;border-top:3px solid #ed1c24;border-radius:0 0 15px 15px;background:#fff;box-shadow:0 18px 35px rgba(26,39,60,.16)}
.vbh-header .vbh-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#203048;font-size:16px}
.vbh-header .vbh-menu-head strong{font-weight:800}
.vbh-header .vbh-menu-kicker{display:block;margin-bottom:2px;color:#df1822;font-size:10px;font-weight:800;letter-spacing:1px}
.vbh-header .vbh-close{width:30px;height:30px;border:0;border-radius:50%;background:#f3f5f8;color:#53647b;font-size:22px;line-height:1;cursor:pointer}
.vbh-header .vbh-close:hover{background:#ffe9ea;color:#d31921}
.vbh-header .vbh-all-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:400px;overflow-y:auto}
.vbh-header .vbh-all-brand{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fbfcfe;color:#2c3c52;text-align:left;font-size:12px;font-weight:700;cursor:pointer}
.vbh-header .vbh-all-brand:hover{border-color:#efb9bc;background:#fff7f7}
.vbh-header .vbh-all-brand img{width:28px;height:28px;object-fit:contain;flex:none}
.vbh-header .vbh-all-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.vbh-header .vbh-all-brand i{color:#b4bdc9}
.vbh-header .vbh-model-status{color:#6c7b90;font-size:13px}
.vbh-header .vbh-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:365px;overflow-y:auto}
.vbh-header .vbh-model-button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border:1px solid #e0e6ef;border-radius:8px;background:#fbfcfe;color:#24344a;text-align:left;font-size:12px;font-weight:700;cursor:pointer}
.vbh-header .vbh-model-button:hover{border-color:#eeafb3;background:#fff7f7;color:#dc1922}
.vbh-header .vbh-model-button small{display:block;margin-top:3px;color:#7c8899;font-size:11px;font-weight:400}
.vbh-header .vbh-model-button i{color:#bdc5cf}
.vbh-header .vbh-other-model{display:inline-flex;align-items:center;gap:8px;margin-top:13px;padding:8px 0;border:0;background:transparent;color:#d61922;font-size:12px;font-weight:800;cursor:pointer}
.vbh-header button:focus-visible,.vbh-header a:focus-visible{outline:2px solid #ed1c24;outline-offset:2px}
@media(max-width:1199px){.vbh-header .vbh-main-inner{grid-template-columns:minmax(150px,220px) minmax(220px,1fr) auto;gap:17px}.vbh-header .vbh-actions{gap:10px}.vbh-header .vbh-all-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:991px){.vbh-header .vbh-main-inner{grid-template-columns:minmax(150px,210px) 1fr;grid-template-areas:"logo actions" "search search";gap:11px;padding-top:5px;padding-bottom:5px}.vbh-header .vbh-logo{grid-area:logo}.vbh-header .vbh-search{grid-area:search}.vbh-header .vbh-actions{grid-area:actions}.vbh-header .vbh-all-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vbh-header .vbh-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.vbh-header .vbh-support-inner{min-height:29px}.vbh-header .vbh-support-links{gap:8px;font-size:10px}.vbh-header .vbh-support-links>span+span{padding-left:8px}.vbh-header .vbh-support-caption{display:none}.typeheader-1.vbh-header .header-top.vbh-main{padding:9px 0!important}.vbh-header .vbh-main-inner{grid-template-columns:minmax(105px,150px) 1fr;gap:9px}.vbh-header .vbh-logo img{max-height:53px}.vbh-header .vbh-actions{gap:8px}.vbh-header .vbh-garage .garage-vehicle-text,.vbh-header .vbh-garage .garage-chevron{display:none}.vbh-header .vbh-garage .garage-badge-active,.vbh-header .vbh-garage .garage-badge-empty{padding:4px;border-radius:50%}.vbh-header .vbh-garage .garage-icon-pulse,.vbh-header .vbh-garage .garage-icon-box{margin:0}.vbh-header .vbh-cart .cart-info,.vbh-header .vbh-account span{display:none}.typeheader-1.vbh-header .vbh-cart .handle{width:32px;height:34px;margin:0}.vbh-header .vbh-account i{font-size:21px}.vbh-header .vbh-brand-row{gap:9px;min-height:56px}.vbh-header .vbh-all-toggle{min-width:116px;height:36px;padding:0 9px;font-size:10px}.vbh-header .vbh-brand-button{width:53px;height:45px}.vbh-header .vbh-brand-button img{max-width:49px;max-height:34px}.vbh-header .vbh-menu-panel{left:15px;right:15px;padding:13px}.vbh-header .vbh-all-grid,.vbh-header .vbh-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.vbh-header .vbh-support-links>span+span{display:none}.vbh-header .vbh-actions{gap:5px}.vbh-header .vbh-all-toggle{min-width:105px}.vbh-header .vbh-menu-panel{left:10px;right:10px}}

/* Cart/account now live in the support strip; the entire right column is for the vehicle. */
.vbh-header .vbh-support{position:relative;z-index:120}
.vbh-header .vbh-support-inner{min-height:52px}
.vbh-header .vbh-support-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:none;margin-left:auto}
.vbh-header .vbh-support-actions .vbh-cart{min-width:0}
.vbh-header .vbh-support-actions .vbh-account{min-height:38px}
.vbh-header .vbh-main-inner{grid-template-columns:minmax(160px,225px) minmax(260px,1fr) minmax(350px,430px)}
.vbh-header .vbh-actions,.vbh-header .vbh-garage,.vbh-header .vbh-garage .garage-badge-container,.vbh-header .vbh-garage .garage-active-dropdown{width:100%;min-width:0}
.vbh-header .vbh-garage .garage-badge-active,.vbh-header .vbh-garage .garage-badge-empty{display:flex;width:100%;min-height:46px;align-items:center}
.vbh-header .vbh-garage .garage-vehicle-text{display:flex;flex:1;min-width:0}
.vbh-header .vbh-garage .garage-title{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.2;overflow-wrap:anywhere}
.vbh-header .vbh-garage .garage-icon-pulse,.vbh-header .vbh-garage .garage-icon-box{flex:none}
.vbh-header .vbh-garage .garage-vehicle-full-label{white-space:normal;overflow:visible;text-overflow:clip}
@media(max-width:1199px){.vbh-header .vbh-main-inner{grid-template-columns:minmax(150px,200px) minmax(230px,1fr) minmax(310px,410px)}}
@media(max-width:991px){.vbh-header .vbh-main-inner{grid-template-columns:minmax(150px,210px) minmax(0,1fr)}.vbh-header .vbh-support-actions{gap:12px}}
@media(max-width:767px){.vbh-header .vbh-support-inner{min-height:42px}.vbh-header .vbh-support-links>span+span{display:none}.vbh-header .vbh-support-actions{gap:11px}.vbh-header .vbh-main-inner{grid-template-columns:1fr;grid-template-areas:"logo" "search" "actions"}.vbh-header .vbh-actions{justify-content:stretch}.vbh-header .vbh-garage .garage-vehicle-text{display:flex}.vbh-header .vbh-garage .garage-chevron{display:inline-block}.vbh-header .vbh-garage .garage-badge-active,.vbh-header .vbh-garage .garage-badge-empty{padding:6px 12px 6px 7px;border-radius:15px}.vbh-header .vbh-garage .garage-icon-pulse,.vbh-header .vbh-garage .garage-icon-box{margin-right:8px}.vbh-header .vbh-garage .garage-dropdown-menu{min-width:0;width:min(360px,calc(100vw - 30px))}}

/* Mobile support: telephone and WhatsApp remain visible on separate rows. */
@media (max-width:767px) {
  .vbh-header .vbh-support-inner {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:3px 8px;
    min-height:0;
    padding-top:6px;
    padding-bottom:6px;
  }
  .vbh-header .vbh-support-links {display:contents;}
  .vbh-header .vbh-support-links>span,
  .vbh-header .vbh-support-links>span+span {
    display:flex;
    align-items:center;
    grid-column:1 / span 3;
    min-height:24px;
    border-left:0;
    padding-left:0;
    font-size:11px;
    line-height:20px;
    white-space:nowrap;
  }
  .vbh-header .vbh-support-links>span:first-child {grid-row:1;}
  .vbh-header .vbh-support-links>span+span {grid-row:2;}
  .vbh-header .vbh-support-actions {
    grid-column:4;
    grid-row:1 / span 2;
    align-self:center;
    gap:8px;
    margin-left:0;
    min-width:0;
  }
  .vbh-header .vbh-support-links>a.vbh-tyre-robot {
    grid-column:1 / span 2;
    grid-row:3;
    justify-content:center;
    width:100%;
    min-width:0;
    min-height:28px;
    box-sizing:border-box;
    padding:6px 8px;
    margin-left:0!important;
    font-size:11px;
    white-space:nowrap;
  }
  .vbh-header .vbh-support-links>a.vbh-wiper-robot {grid-column:3 / span 2;}
}
