body.vsgh-active #masthead,body.vsgh-active .site-header,body.vsgh-active .ast-mobile-header-wrap{display:none!important}
.vsgh{position:relative;z-index:10001;background:#06131d;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 32px rgba(0,0,0,.24)}
.vsgh *{box-sizing:border-box}.vsgh a{text-decoration:none}.vsgh-main{width:min(100% - 34px,1540px);min-height:84px;margin:auto;display:grid;grid-template-columns:190px minmax(280px,1fr) max-content;gap:22px;align-items:center}.vsgh-brand{display:flex;height:62px;align-items:center}.vsgh-brand img{display:block;max-width:178px;max-height:58px;object-fit:contain}.vsgh-search{height:48px;display:grid;grid-template-columns:1fr 54px;background:#fff;border:2px solid transparent;border-radius:12px;overflow:hidden}.vsgh-search:focus-within{border-color:#2fbf2f}.vsgh-search input{width:100%!important;height:44px!important;margin:0!important;padding:0 16px!important;border:0!important;background:#fff!important;color:#07131c!important;font-size:15px!important;box-shadow:none!important;outline:0!important}.vsgh-search button{border:0;background:#27b82b;color:#fff;font-size:26px;font-weight:900}.vsgh-actions{display:flex;align-items:center;gap:18px}.vsgh-actions a{color:#fff;font-size:13px;font-weight:850;white-space:nowrap}.vsgh-actions a:hover{color:#43d83e}.vsgh-cart{position:relative;padding-right:6px}.vsgh-cart b{position:absolute;right:-9px;top:-11px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d71f2b;color:#fff;display:grid;place-items:center;font-size:10px}.vsgh-nav{border-top:1px solid rgba(255,255,255,.08);background:#081a26}.vsgh-nav-scroll{width:min(100% - 34px,1540px);min-height:45px;margin:auto;display:flex;align-items:center;gap:2px;overflow:auto}.vsgh-nav a{padding:13px 14px;color:#f7fbff;font-size:12px;font-weight:850;white-space:nowrap;border-bottom:2px solid transparent}.vsgh-nav a:hover{color:#43d83e;border-color:#43d83e}.vsgh-nav .is-home{color:#43d83e}.vsgh-nav .is-commerce{margin-left:auto;background:#b91c27;color:#fff;border-radius:8px;padding:9px 14px;border:0}
@media(max-width:980px){.vsgh-main{grid-template-columns:150px 1fr;gap:12px;padding:9px 0}.vsgh-brand img{max-width:140px}.vsgh-actions{grid-column:1/-1;justify-content:space-between;padding-bottom:5px}.vsgh-actions a{font-size:12px}.vsgh-nav .is-commerce{margin-left:0}}
@media(max-width:640px){.vsgh-main{grid-template-columns:110px 1fr;width:min(100% - 20px,1540px)}.vsgh-brand img{max-width:104px}.vsgh-search{height:44px}.vsgh-search input{height:40px!important;font-size:16px!important}.vsgh-actions a:nth-child(1),.vsgh-actions a:nth-child(2){display:none}.vsgh-nav-scroll{width:100%;padding:0 8px}.vsgh-nav a{padding:12px 11px}.vsgh-nav .is-commerce{position:sticky;right:0}}

/* 1.2.0 - Instagram discreto no header */
.vsgh-instagram{width:40px!important;height:40px!important;padding:0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important}.vsgh-instagram:hover{border-color:#31c828!important;color:#31c828!important;background:rgba(49,200,40,.08)!important}.vsgh-instagram svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.vsgh-instagram svg circle:last-child{fill:currentColor;stroke:none}

/* 1.2.1 - alinhamento definitivo da busca */
.vsgh-search{align-items:stretch!important}
.vsgh-search button{width:54px!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:0!important;display:grid!important;place-items:center!important;line-height:1!important;box-shadow:none!important;transform:none!important}
.vsgh-search button svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}


/* 1.3.0 — mobile first de verdade */
@media(max-width:780px){
 .vsgh{position:relative!important}
 .vsgh-main{width:calc(100% - 18px)!important;min-height:0!important;grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important;padding:8px 0!important}
 .vsgh-brand{height:44px!important}.vsgh-brand img{width:88px!important;max-width:88px!important;max-height:42px!important}
 .vsgh-search{height:42px!important;grid-template-columns:minmax(0,1fr) 46px!important;border-radius:10px!important}
 .vsgh-search input{height:38px!important;padding:0 11px!important;font-size:14px!important;min-width:0!important}
 .vsgh-search button{width:46px!important}
 .vsgh-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:42px 1fr 1fr!important;gap:8px!important;padding:0!important}
 .vsgh-actions>a{display:flex!important;min-height:38px!important;align-items:center!important;justify-content:center!important;padding:0 9px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:9px!important;font-size:11px!important}
 .vsgh-actions>a:first-child:not(.vsgh-instagram),.vsgh-actions>a:nth-child(2):not(.vsgh-instagram){display:none!important}
 .vsgh-instagram{width:42px!important;height:38px!important}
 .vsgh-cart{padding-right:9px!important}
 .vsgh-nav{overflow:hidden!important}.vsgh-nav-scroll{width:100%!important;min-height:42px!important;padding:0 7px!important;gap:3px!important;overflow-x:auto!important;scrollbar-width:none!important}.vsgh-nav-scroll::-webkit-scrollbar{display:none!important}
 .vsgh-nav a{flex:0 0 auto!important;padding:11px 10px!important;font-size:11px!important}
 .vsgh-nav .is-commerce{position:static!important;margin-left:8px!important;padding:8px 11px!important}
}
@media(max-width:430px){
 .vsgh-main{grid-template-columns:76px minmax(0,1fr)!important}.vsgh-brand img{width:72px!important;max-width:72px!important}
 .vsgh-actions{grid-template-columns:38px 1fr 1fr!important}.vsgh-actions>a{font-size:10px!important;padding:0 6px!important}
}


/* 1.3.1 — header Garage mobile reorganizado */
@media (max-width:780px){
  .vsgh-main{
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    grid-template-rows:42px 44px!important;
    grid-template-areas:"brand actions" "search search"!important;
    gap:8px!important;
    width:calc(100% - 16px)!important;
    padding:8px 0!important;
    min-height:0!important;
  }
  .vsgh-brand{grid-area:brand!important;height:42px!important;min-width:0!important;align-items:center!important}
  .vsgh-brand img{display:block!important;width:74px!important;max-width:74px!important;max-height:40px!important;object-fit:contain!important}
  .vsgh-actions{grid-area:actions!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;padding:0!important;min-width:0!important}
  .vsgh-actions>a{display:flex!important;flex:0 0 auto!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0 9px!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important}
  .vsgh-actions>a[href*="#projetos"],.vsgh-actions>a[href*="#descubra"]{display:none!important}
  .vsgh-instagram{width:38px!important;height:38px!important;padding:0!important}
  .vsgh-cart{padding:0 8px!important}
  .vsgh-search{grid-area:search!important;width:100%!important;height:44px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;border-radius:11px!important;overflow:hidden!important;margin:0!important}
  .vsgh-search input{width:100%!important;min-width:0!important;height:40px!important;padding:0 12px!important;font-size:14px!important}
  .vsgh-search button{width:48px!important;min-width:48px!important;height:44px!important;padding:0!important;margin:0!important;border-radius:0!important;display:grid!important;place-items:center!important}
  .vsgh-nav{width:100%!important;overflow:hidden!important}
  .vsgh-nav-scroll{width:100%!important;min-height:42px!important;padding:0 8px!important;display:flex!important;gap:2px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}
  .vsgh-nav-scroll::-webkit-scrollbar{display:none!important}
  .vsgh-nav a{flex:0 0 auto!important;padding:11px 10px!important;font-size:11px!important;scroll-snap-align:start!important}
  .vsgh-nav .is-commerce{position:static!important;margin-left:8px!important;padding:8px 11px!important}
}
@media (max-width:430px){
  .vsgh-main{grid-template-columns:66px minmax(0,1fr)!important}
  .vsgh-brand img{width:62px!important;max-width:62px!important}
  .vsgh-actions>a{padding:0 7px!important;font-size:9px!important}
  .vsgh-actions a[href*="minha-conta"]{max-width:74px!important}
  .vsgh-actions a[href*="carrinho"]{max-width:66px!important}
}


/* 1.3.2 — isolamento completo do Commerce UI dentro da Garage */
body.vsgh-active .vcui-topbar,body.vsgh-active .vcui-header,body.vsgh-active .vcui-categorybar,body.vsgh-active .vcui-mobile-nav,body.vsgh-active .vcui-mobile-backdrop,body.vsgh-active .vcui-overlay,body.vsgh-active .vcui-menu-toggle,body.vsgh-active #vcui-mobile-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.vsgh-active.vcui-mobile-nav-open{overflow:auto!important;position:static!important;width:auto!important}
.vsgh-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vsgh-action span{display:none}
@media(max-width:780px){
 .vsgh-main{grid-template-columns:96px minmax(0,1fr)!important;grid-template-rows:46px 46px!important;grid-template-areas:"brand actions" "search search"!important}
 .vsgh-brand{justify-content:flex-start!important}.vsgh-brand img{width:92px!important;max-width:92px!important;max-height:44px!important}
 .vsgh-actions{justify-content:flex-end!important;gap:7px!important}
 .vsgh-actions .vsgh-text-link{display:none!important}
 .vsgh-actions .vsgh-action{display:flex!important;width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:11px!important}
 .vsgh-actions .vsgh-action span{display:none!important}
 .vsgh-search{height:46px!important;grid-template-columns:minmax(0,1fr) 50px!important}
 .vsgh-search input{height:42px!important;font-size:15px!important}
 .vsgh-search button{width:50px!important;height:46px!important}
 .vsgh-nav .is-commerce{position:static!important}
}
@media(max-width:430px){.vsgh-main{grid-template-columns:82px minmax(0,1fr)!important}.vsgh-brand img{width:78px!important;max-width:78px!important}.vsgh-actions .vsgh-action{width:39px!important;min-width:39px!important;height:39px!important}}
/* 1.3.3 — viewport lock + cart badge */
html:has(body.vsgh-active),body.vsgh-active{width:100%!important;max-width:100%!important;overflow-x:clip!important}
body.vsgh-active .vsgh,body.vsgh-active .vsgh *{max-width:100vw;box-sizing:border-box}
.vsgh-cart{overflow:visible!important}.vsgh-cart b{z-index:5!important}
@media(max-width:780px){
 .vsgh{width:100%!important;max-width:100%!important;overflow:hidden!important}
 .vsgh-main{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:0 auto!important}
 .vsgh-actions{max-width:100%!important;overflow:visible!important}
 .vsgh-actions .vsgh-action{position:relative!important;overflow:visible!important}
 .vsgh-cart{padding:0!important;margin-right:2px!important}
 .vsgh-cart b{right:-3px!important;top:-4px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;border:2px solid #06131d!important}
 .vsgh-nav-scroll{max-width:100vw!important}
}
