.official-header{
  grid-template-columns:clamp(120px, 14vw, 180px) minmax(0,1fr) auto;
  align-items:center;gap:24px;
  padding:12px max(18px,calc((100vw - var(--store-content))/2 + 18px));
}
.official-header .official-logo{grid-column:1;grid-row:1;justify-self:start;max-width:100%;min-width:0}
.official-header .official-search{grid-column:2;grid-row:1;width:100%;max-width:none;height:48px;justify-self:stretch}
.official-header .header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:12px}
.official-header .cart-header-button{height:48px;min-height:48px;margin:0;flex-shrink:0}
.header-search-toggle,.header-location-button{
  display:flex;align-items:center;justify-content:center;gap:7px;
  min-width:44px;min-height:48px;padding:10px;border:1px solid #e0e3eb;
  border-radius:12px;background:#f8f9fc;color:#040264;cursor:pointer;
}
.header-search-toggle{display:none}
.header-location-button[hidden]{display:none}
.header-location-button span{font-size:13px;font-weight:750;white-space:nowrap}
.header-search-toggle svg,.header-location-button svg,.official-search .search-icon svg{width:22px;height:22px;flex-shrink:0}
.header-location-button:focus-visible,.header-search-toggle:focus-visible{outline:2px solid #040264;outline-offset:3px}
.store-location-dialog{width:min(440px,calc(100% - 32px));max-height:80dvh;overflow:auto;border:0;border-radius:18px;padding:24px;color:#040264;box-shadow:0 20px 60px #0004}
.store-location-dialog::backdrop{background:#04026466}
.store-location-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.store-location-heading h2{font-size:21px;margin:0}
.store-location-heading button{width:44px;height:44px;background:#f0f2fa;border:0;border-radius:10px;font-size:26px;color:#040264}
.store-location-dialog p{font-size:16px;line-height:1.6}
.store-location-dialog>a{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:10px;padding:12px;border-radius:10px;background:#040264;color:#fff;text-decoration:none;text-align:center}
#store-location-whatsapp{background:#147b47}
@media(max-width:1000px) and (min-width:761px){.header-location-button span{display:none}}
@media(max-width:760px){
  .official-header .official-logo.has-real-logo{width:70px;max-width:100%}
  .official-header{grid-template-columns:70px 44px minmax(0,1fr);gap:12px;padding:10px 12px}
  .header-search-toggle{display:flex;grid-column:2;grid-row:1;width:44px}
  .official-header .header-actions{grid-column:3;gap:8px}
  .header-location-button{width:44px;padding:10px}
  .header-location-button span{display:none}
  .official-header .cart-header-button{padding:6px 8px;gap:5px}
  .official-header .official-search{display:none;grid-column:1/-1;grid-row:2;margin-top:2px}
  .official-header.header-search-open .official-search{display:flex}
  .official-header .official-search input{font-size:16px}
  .official-header .official-search>button[type=submit]{min-width:76px;padding:0 12px}
}

/* Busca ocupa o espaço flexível entre logo e ações no celular. */
@media(max-width:760px){
  .official-header{grid-template-columns:70px minmax(0,1fr) auto}
  .header-search-toggle{width:100%;min-width:44px;justify-content:flex-start;overflow:hidden}
  .header-search-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:#667085}
}
@media(max-width:360px){
  .official-header{grid-template-columns:60px minmax(0,1fr) auto;gap:8px;padding-inline:8px}
}
