/* APG Header Marketplace Mobile Supermenu v122.5 */
@media(max-width:920px){
  /* Menu -> brand immediately beside it -> flexible breathing room -> account. */
  .site-header .masthead{
    grid-template-columns:44px auto minmax(0,1fr) 44px!important;
    grid-template-areas:"menu brand . account"!important;
    column-gap:3px!important;
    padding-left:8px!important;
    padding-right:10px!important;
  }
  .site-header .masthead>.mobile-toggle{grid-area:menu!important;grid-column:1!important;justify-self:start!important}
  .site-header .masthead>.brand{
    grid-area:brand!important;grid-column:2!important;justify-self:start!important;width:auto!important;
    max-width:calc(100vw - 126px)!important;min-width:0!important;margin-left:0!important;margin-right:0!important;
  }
  .site-header .masthead>.brand>.apg-brand-v32-lockup{width:auto!important;max-width:100%!important;margin-left:0!important}
  .site-header .masthead>.apg-mobile-account-v122{grid-area:account!important;grid-column:4!important;justify-self:end!important}

  /* The drawer behaves as a hierarchy, not an expanded catalogue directory. */
  .apg-all-drawer[data-apg-drawer-supermenu="v122.5"]{width:min(390px,90vw)!important;background:#fff!important}
  .apg-all-drawer[data-apg-drawer-supermenu="v122.5"] .apg-drawer-account{position:relative;background:linear-gradient(135deg,#0f1a2d,#14364a)!important}
  .apg-all-drawer[data-apg-drawer-supermenu="v122.5"] .apg-drawer-account>a{padding:18px 58px 18px 18px!important;min-height:88px!important}
  .apg-all-drawer[data-apg-drawer-supermenu="v122.5"] .apg-drawer-account strong{font-size:16px!important;line-height:1.15!important}
  .apg-all-drawer[data-apg-drawer-supermenu="v122.5"] .apg-drawer-account small{font-size:12px!important;line-height:1.3!important;margin-top:4px!important}
  .apg-drawer-close-v1225{
    position:absolute;z-index:3;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;
    padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;
  }
  .apg-drawer-close-v1225 svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .apg-drawer-close-v1225:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
  .apg-drawer-home-v1225{border-bottom:8px solid #eef1f3;background:#fff}
  .apg-drawer-home-v1225>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:13px 20px;color:#111827;text-decoration:none;font-size:17px}
  .apg-drawer-home-v1225 svg{width:25px;height:25px;fill:none;stroke:#111827;stroke-width:1.9;stroke-linejoin:round}
  .apg-all-drawer[data-apg-drawer-supermenu="v122.5"] .apg-drawer-scroll{padding-bottom:max(28px,env(safe-area-inset-bottom))!important}
  .apg-drawer-section-v1225{padding:17px 0 10px!important;border-bottom:8px solid #eef1f3!important}
  .apg-drawer-section-v1225 h3{padding:0 20px 8px!important;font-size:18px!important;line-height:1.25!important;color:#111827!important;font-weight:850!important}
  .apg-drawer-link-v1225{min-height:50px!important;padding:10px 20px!important;color:#17212b!important;font-size:15px!important;line-height:1.25!important;background:#fff!important}
  .apg-drawer-link-v1225>span:last-child{color:#64748b!important;font-size:22px!important}
  .apg-drawer-link-v1225.is-priority{font-weight:760!important}
  .apg-drawer-link-v1225:hover,.apg-drawer-link-v1225:focus-visible,.apg-drawer-home-v1225>a:hover,.apg-drawer-home-v1225>a:focus-visible{background:#f4f7fb!important;color:#174ea6!important;outline:0}
  .apg-drawer-department-v1225{border-top:1px solid #e5e7eb;background:#fff}
  .apg-drawer-department-v1225>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:11px 20px;color:#17212b;font-size:15px;font-weight:700;cursor:pointer}
  .apg-drawer-department-v1225>summary::-webkit-details-marker{display:none}
  .apg-drawer-department-v1225>summary:focus-visible{outline:3px solid #93c5fd;outline-offset:-3px}
  .apg-drawer-chevron-v1225{font-size:22px;color:#64748b;transition:transform .16s ease}
  .apg-drawer-department-v1225[open]>.apg-drawer-chevron-v1225,.apg-drawer-department-v1225[open]>summary .apg-drawer-chevron-v1225{transform:rotate(90deg)}
  .apg-drawer-department-v1225>div{padding:0 0 6px;background:#f8fafc}
  .apg-drawer-department-v1225>div .apg-drawer-link-v1225{min-height:46px!important;padding-left:30px!important;background:#f8fafc!important;font-size:14px!important}
  .apg-drawer-all-categories-v1225{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 20px;border-top:1px solid #dbe2e8;color:#174ea6;text-decoration:none;font-size:15px;font-weight:800;background:#fff}
  .apg-drawer-all-categories-v1225:hover,.apg-drawer-all-categories-v1225:focus-visible{background:#eef5ff;outline:0}
}

@media(max-width:390px){
  .site-header .masthead{grid-template-columns:42px auto minmax(0,1fr) 42px!important;column-gap:2px!important;padding-left:7px!important;padding-right:8px!important}
  .site-header .masthead>.brand{max-width:calc(100vw - 116px)!important}
  .apg-all-drawer[data-apg-drawer-supermenu="v122.5"]{width:91vw!important}
  .apg-drawer-section-v1225 h3,.apg-drawer-link-v1225,.apg-drawer-home-v1225>a,.apg-drawer-department-v1225>summary,.apg-drawer-all-categories-v1225{padding-left:17px!important;padding-right:17px!important}
}

@media(prefers-reduced-motion:reduce){.apg-drawer-chevron-v1225{transition:none!important}}