/* Phone menu: one row per group (Products, Software, Company, Help), opened one at a time; Sign in and Language at the foot */
.gnav .gnav__panel .gnav__panel-in{display:block;padding-block:4px 20px}
.gnav__acc{border-bottom:1px solid var(--hairline)}
.gnav__acc>summary{display:flex;align-items:center;gap:10px;min-height:56px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.gnav__acc>summary::-webkit-details-marker{display:none}
.gnav .gnav__panel .gnav__acc>.gnav__ph,.gnav .gnav__panel .gnav__panel-in>:first-child .gnav__ph{margin:0;font:600 1.25rem/1.75rem var(--font);letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.gnav__acc>summary>.i:last-child{order:2;width:20px;height:20px;margin-left:auto;color:var(--ink-3);transition:transform .2s}
.gnav__acc[open]>summary>.i:last-child{transform:rotate(180deg)}
.gnav__acc>summary[data-current]::after{content:"";order:1;width:8px;height:8px;border-radius:50%;background:var(--green)}
.gnav__acc>summary:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}
.gnav .gnav__panel .gnav__acc>ul{padding-bottom:12px}
.gnav .gnav__panel .gnav__acc li:last-child>a{border-bottom:0}
/* Products: devices two per row under their category, then the guide, compare and shop links two per row */
.gnav .gnav__panel .gnav__acc>ul[aria-labelledby="mp-products"]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.gnav .gnav__panel .gnav__acc>ul[aria-labelledby="mp-products"]>li:has(>.gnav__psub){grid-column:1/-1}
.gnav .gnav__panel .gnav__acc>ul[aria-labelledby="mp-products"]>li>a{border-bottom:0}
.gnav .gnav__panel .gnav__acc li>ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.gnav .gnav__panel .gnav__acc li>ul>li>a{border-bottom:0}
.gnav .gnav__panel .gnav__acc .gnav__psub{margin:12px 0 0;font-size:.875rem;line-height:1.25rem}
.gnav .gnav__panel .gnav__acc ul>li:has(>.gnav__psub)+li:not(:has(>.gnav__psub)),.gnav .gnav__panel .gnav__acc ul>li:has(>.gnav__psub)+li:not(:has(>.gnav__psub))+li{margin-top:12px;border-top:1px solid var(--hairline)}
/* Icons as in the desktop flyouts: a front view before each device, a green line icon before the other links */
.gnav .gnav__panel .gnav__acc a>.i{flex:none;width:20px;height:20px;color:var(--green)}
.gnav .gnav__panel .gnav__acc a:has(>.gnav__thumb){gap:8px}
.gnav .gnav__panel .gnav__acc .gnav__thumb{width:48px;height:28px;padding:2px 4px}
/* All devices, Device guide, Compare, Shop, Find a dealer: secondary, as in the desktop flyout */
.gnav .gnav__panel .gnav__acc>ul[aria-labelledby="mp-products"]>li:not(:has(>.gnav__psub))>a{gap:8px;font-size:1rem;color:var(--ink-2)}
/* Wider screens: the other groups' links two per row too; no rule under the last row */
@media (min-width:480px){
  .gnav .gnav__panel .gnav__acc>ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .gnav .gnav__panel .gnav__acc>ul>li:nth-last-child(2):nth-child(odd)>a{border-bottom:0}
}
/* Foot: Sign in, then Language */
.gnav__pfoot{display:grid;margin-top:12px}
.gnav .gnav__panel .gnav__pfoot>a,.gnav__pfoot .gnav__acc>summary{min-height:48px;font:500 1rem/1.5rem var(--font);color:var(--ink-2)}
.gnav .gnav__panel .gnav__pfoot>a{border-bottom:1px solid var(--hairline)}
.gnav__pfoot .i{width:20px;height:20px;flex:none}
.gnav__pfoot .gnav__acc{border-bottom:0}
@media (prefers-reduced-motion:reduce){.gnav__acc>summary>.i:last-child{transition:none}}