/* V13: the category/brand menu stays recognizable at every header size. */
.chrome-stack .header-main{grid-template-columns:44px 224px minmax(220px,1fr) auto}
.chrome-stack.is-compact .header-main{grid-template-columns:44px 190px minmax(220px,1fr) auto;padding-block:6px}
.chrome-stack .header-main>.menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #1958e3;border-radius:11px;background:#1958e3;color:#fff;box-shadow:0 2px 5px #102b4b12;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.chrome-stack .header-main>.menu-trigger>.icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chrome-stack .header-main>.menu-trigger:hover{background:#1245b8;border-color:#1245b8;color:#fff;box-shadow:0 3px 8px #102b4b24}
.chrome-stack .header-main>.menu-trigger[aria-expanded=true],.chrome-stack .header-main>.menu-trigger:active{background:#102b4b;border-color:#102b4b;color:#fff;box-shadow:inset 0 1px 2px #0002}
.chrome-stack .header-main>.menu-trigger:focus-visible{outline:3px solid #102b4b;outline-offset:3px;box-shadow:0 0 0 3px #fff}
@media(max-width:1150px){.chrome-stack .header-main{grid-template-columns:44px 198px minmax(150px,1fr) auto}.chrome-stack.is-compact .header-main{grid-template-columns:44px 176px minmax(150px,1fr) auto}}
@media(max-width:850px){.chrome-stack .header-main{grid-template-columns:44px 170px minmax(130px,1fr) auto}.chrome-stack.is-compact .header-main{grid-template-columns:44px 154px minmax(130px,1fr) auto}}
@media(max-width:680px){.chrome-stack .header-main{grid-template-columns:44px minmax(0,1fr) 33px;padding-block:8px 10px}.chrome-stack .header-main>.logo{max-width:100%}.chrome-stack.is-compact .header-main{grid-template-columns:44px minmax(0,1fr) 31px;padding-block:3px 4px}}
@media(max-width:360px){.chrome-stack .header-main{grid-template-columns:44px minmax(0,1fr) 31px;padding-block:6px 8px}.chrome-stack.is-compact .header-main{grid-template-columns:44px minmax(0,1fr) 31px;padding-block:1px 2px}}
@media(prefers-reduced-motion:reduce){.chrome-stack .header-main>.menu-trigger{transition:none}}
@media(forced-colors:active){.chrome-stack .header-main>.menu-trigger{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}.chrome-stack .header-main>.menu-trigger:focus-visible{outline-color:Highlight}.chrome-stack .header-main>.menu-trigger[aria-expanded=true]{background:Highlight;color:HighlightText;border-color:Highlight}}
