/* N5 luggage-tag chrome v2 (Nov 10, 2026).
   Pointed left cap + pill right (SVG masks), metal grommet on the fill layer,
   thin 1.5px dashed inset stitch. Labels stay real text.
   The <a> itself stays transparent so a solid background cannot square off the point. */

html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link,
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link:not([aria-current="page"]),
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link:not([aria-current="page"]):is(:hover, :focus-visible, :active),
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link[aria-current="page"],
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link[aria-current="true"],
html body .btn-tag,
html body .btn-tag:is(:hover, :focus-visible, :active),
html body .btn-tag.btn-gold,
html body .btn-tag.btn-ghost {
  --n5-grommet-x: 13px;
  --n5-pad-left: 28px;
  --n5-pad-right: 16px;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  overflow: visible;
  min-height: 44px;
  padding: 9px var(--n5-pad-right) 9px var(--n5-pad-left) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline-offset: 3px;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--n5-fg, #fff8ee) !important;
  -webkit-text-fill-color: var(--n5-fg, #fff8ee) !important;
  text-shadow: none !important;
  text-decoration: none;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 1.2;
}

html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link,
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link:not([aria-current="page"]) {
  --n5-solid: #3b2a20;
  --n5-fill: linear-gradient(180deg, #4a3528 0%, #3b2a20 46%, #2e2018 100%);
  --n5-fill-hover: linear-gradient(180deg, #5a4334 0%, #4a3528 50%, #3b2a20 100%);
  --n5-fg: #fff8ee;
  --n5-stitch: #d7c4a0;
  font-family: "Oswald", "Arial Narrow", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: capitalize !important;
}

html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link:is(:hover, :focus-visible),
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link:not([aria-current="page"]):is(:hover, :focus-visible, :active) {
  --n5-fill: var(--n5-fill-hover);
  color: var(--n5-fg) !important;
  -webkit-text-fill-color: var(--n5-fg) !important;
}

html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link[aria-current="page"],
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link[aria-current="true"] {
  --n5-solid: #c9a03a;
  --n5-fill: linear-gradient(180deg, #f3d98a 0%, #e2bc5c 40%, #c9a03a 78%, #b8892c 100%);
  --n5-fill-hover: linear-gradient(180deg, #f6e3a4 0%, #e8c56a 48%, #d4a84a 100%);
  --n5-fg: #2a1c10;
  --n5-stitch: #f0e4c4;
  color: #2a1c10 !important;
  -webkit-text-fill-color: #2a1c10 !important;
}

html body .btn-tag {
  --n5-solid: var(--tag-bg, var(--rust));
  --n5-fill: linear-gradient(180deg, var(--tag-bg, var(--rust)) 0%, var(--tag-bg-hover, var(--rust-dk)) 100%);
  --n5-fill-hover: linear-gradient(180deg, var(--tag-bg-hover, var(--rust-dk)), var(--tag-bg-hover, var(--rust-dk)));
  --n5-fg: var(--tag-fg, #fff);
  --n5-stitch: var(--tag-stitch, rgba(255, 255, 255, .62));
}
html body .btn-tag:is(:hover, :focus-visible) {
  --n5-fill: var(--n5-fill-hover);
  color: var(--n5-fg) !important;
  -webkit-text-fill-color: var(--n5-fg) !important;
}
html body .btn-tag.btn-gold {
  --n5-solid: #c9a03a;
  --n5-fill: linear-gradient(180deg, #f3d98a 0%, #e2bc5c 40%, #c9a03a 78%, #b8892c 100%);
  --n5-fill-hover: linear-gradient(180deg, #f6e3a4 0%, #e8c56a 48%, #d4a84a 100%);
  --n5-fg: #2a1c10;
  --n5-stitch: #f0e4c4;
}
html body .btn-tag.btn-ghost {
  --n5-solid: var(--tag-bg, var(--bone));
  --n5-fill: linear-gradient(180deg, var(--tag-bg, var(--bone)), var(--tag-bg-hover, #fff));
  --n5-fill-hover: linear-gradient(180deg, var(--tag-bg-hover, #fff), var(--tag-bg-hover, #fff));
  --n5-fg: var(--tag-fg, var(--char));
  --n5-stitch: rgba(15, 17, 19, .45);
}

/* Fill + grommet. Masked to the luggage-tag silhouette so the point stays visible. */
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link::before,
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link:not([aria-current="page"])::before,
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link[aria-current="page"]::before,
html body .btn-tag::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  pointer-events: none;
  background-color: transparent !important;
  background-image:
    radial-gradient(
      circle at var(--n5-grommet-x) 50%,
      #1a120c 0 3px,
      #5c5852 3.2px 3.9px,
      #f6f4ef 4.1px 5.8px,
      #9a968e 6px 7.1px,
      transparent 7.3px
    ),
    var(--n5-fill) !important;
  background-color: var(--n5-solid, #3b2a20) !important;
  background-repeat: no-repeat !important;
  background-size: auto, 100% 100% !important;
  background-position: 0 0, 0 0 !important;
  -webkit-mask-image:
    url("/img/brand/n5-fill-left.svg?v=2"),
    url("/img/brand/n5-fill-mid.svg?v=2"),
    url("/img/brand/n5-fill-right.svg?v=2");
  mask-image:
    url("/img/brand/n5-fill-left.svg?v=2"),
    url("/img/brand/n5-fill-mid.svg?v=2"),
    url("/img/brand/n5-fill-right.svg?v=2");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 28px 100%, calc(100% - 50px) 100%, 24px 100%;
  mask-size: 28px 100%, calc(100% - 50px) 100%, 24px 100%;
  -webkit-mask-position: left center, 27px center, right center;
  mask-position: left center, 27px center, right center;
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  filter: drop-shadow(0 2px 3px rgba(15, 17, 19, .28));
}

/* Thin dashed stitch, 9-sliced so the point and pill end do not stretch. */
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link::after,
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link:not([aria-current="page"])::after,
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link[aria-current="page"]::after,
html body .btn-tag::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 23px 0 27px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  pointer-events: none;
  background-color: var(--n5-stitch) !important;
  background-image: none !important;
  -webkit-mask-image:
    url("/img/brand/n5-stitch-left.svg?v=2"),
    url("/img/brand/n5-stitch-mid.svg?v=2"),
    url("/img/brand/n5-stitch-right.svg?v=2");
  mask-image:
    url("/img/brand/n5-stitch-left.svg?v=2"),
    url("/img/brand/n5-stitch-mid.svg?v=2"),
    url("/img/brand/n5-stitch-right.svg?v=2");
  -webkit-mask-repeat: no-repeat, repeat-x, no-repeat;
  mask-repeat: no-repeat, repeat-x, no-repeat;
  -webkit-mask-size: 28px 100%, 7px 100%, 24px 100%;
  mask-size: 28px 100%, 7px 100%, 24px 100%;
  -webkit-mask-position: left center, left center, right center;
  mask-position: left center, left center, right center;
  -webkit-mask-origin: border-box, content-box, border-box;
  mask-origin: border-box, content-box, border-box;
  -webkit-mask-clip: border-box, content-box, border-box;
  mask-clip: border-box, content-box, border-box;
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
}

html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link:focus-visible,
html body .btn-tag:focus-visible {
  outline: 3px solid #c9a227;
  outline-offset: 3px;
}
html body .btn-tag.btn-gold:focus-visible {
  outline-color: #2a1c10;
}

html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link :is(span, strong, em),
html body .btn-tag :is(span, strong, em) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.boots-redesign .boot-fit-nav .boot-fit-main,
html body.boots-redesign .boot-section-nav a,
html body.boots-redesign .boot-fit-nav .boot-section-nav a {
  padding-left: var(--n5-pad-left) !important;
  padding-right: var(--n5-pad-right) !important;
  min-height: 44px !important;
}

@media (max-width: 600px) {
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link {
    min-height: 44px !important;
    font-size: .86rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .btn-tag,
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link {
    transition: none;
  }
  html body .btn-tag:hover {
    transform: none;
    filter: none;
  }
}

@media (forced-colors: active) {
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link,
  html body .btn-tag {
    border: 2px solid ButtonText !important;
    color: ButtonText !important;
    -webkit-text-fill-color: ButtonText !important;
    background: ButtonFace !important;
    forced-color-adjust: none;
  }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link::before,
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .boot-section-nav, .boot-fit-nav, .tc-hubbar)[class] a:any-link::after,
  html body .btn-tag::before,
  html body .btn-tag::after {
    display: none !important;
    filter: none;
  }
}

/* ===== N5 alignment v5 (Nov 10, 2026): uniform grid, equal widths + heights, centered last row.
   Doubled half-columns so a short last row can be centered. Tags capped to the content column. ===== */
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) {
  display: grid !important;
  grid-auto-rows: 1fr !important;
  gap: 10px !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  align-content: start !important;
  flex-wrap: unset !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: min(1164px, calc(100vw - 36px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) > a:any-link,
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) > a:any-link:not([aria-current="page"]),
html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) > a:any-link[aria-current="page"] {
  grid-column: span 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 44px !important;
  margin: 0 !important;
  flex: none !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  --n5-pad-right: 22px;
  text-wrap: balance;
  hyphens: manual;
}

@media (max-width: 599px) {
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(1):last-of-type) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(3):last-of-type) > a:nth-of-type(3) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(5):last-of-type) > a:nth-of-type(5) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(7):last-of-type) > a:nth-of-type(7) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(9):last-of-type) > a:nth-of-type(9) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(11):last-of-type) > a:nth-of-type(11) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(13):last-of-type) > a:nth-of-type(13) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(15):last-of-type) > a:nth-of-type(15) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) > a:any-link:nth-of-type(odd):last-of-type { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(1):last-of-type) > a:nth-of-type(1) { grid-column: 1 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) > a:any-link,
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) > a:any-link:not([aria-current="page"]),
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) > a:any-link[aria-current="page"] {
    font-size: .8rem !important;
    letter-spacing: .015em !important;
    --n5-pad-left: 27px;
    --n5-pad-right: 14px;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(1):last-of-type) { grid-template-columns: repeat(2, minmax(0, 170px)) !important; justify-content: center !important; }
}

@media (min-width: 600px) and (max-width: 999px) {
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(1):last-of-type) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(2):last-of-type) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(3):last-of-type) { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(4):last-of-type) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(5):last-of-type) > a:nth-of-type(4) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(7):last-of-type) > a:nth-of-type(7) { grid-column: 3 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(8):last-of-type) > a:nth-of-type(7) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(10):last-of-type) > a:nth-of-type(10) { grid-column: 3 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(11):last-of-type) > a:nth-of-type(10) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(13):last-of-type) > a:nth-of-type(13) { grid-column: 3 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(14):last-of-type) > a:nth-of-type(13) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(16):last-of-type) > a:nth-of-type(16) { grid-column: 3 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(1):last-of-type) { grid-template-columns: repeat(2, minmax(0, 170px)) !important; justify-content: center !important; }
}

@media (min-width: 1000px) {
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a) { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(1):last-of-type) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(2):last-of-type) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(3):last-of-type) { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(4):last-of-type) { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(5):last-of-type) { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(6):last-of-type) { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(7):last-of-type) { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(7):last-of-type) > a:nth-of-type(5) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(8):last-of-type) { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(9):last-of-type) { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(10):last-of-type) { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(11):last-of-type) { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(11):last-of-type) > a:nth-of-type(9) { grid-column: 2 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(12):last-of-type) { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(13):last-of-type) { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(13):last-of-type) > a:nth-of-type(11) { grid-column: 3 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(14):last-of-type) > a:nth-of-type(13) { grid-column: 5 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(15):last-of-type) > a:nth-of-type(13) { grid-column: 4 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(16):last-of-type) > a:nth-of-type(13) { grid-column: 3 / span 2 !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(1):last-of-type) { grid-template-columns: repeat(2, minmax(0, 170px)) !important; justify-content: center !important; }
}

@media (min-width: 1180px) {
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(12):last-of-type) { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
  html body :is(.s12-parents, .calls-hubbar, .guide-jumps, .tc-hubbar)[class]:not(.boot-fit-nav):not(.boot-section-nav):not(#n5-align):has(> a):has(> a:nth-of-type(12):last-of-type) > a:any-link { --n5-pad-right: 14px; --n5-pad-left: 27px; }
}

/* Clothing hub: main + hubnav padding doubled up on phones; line the tags up with the content column. */
@media (max-width: 599px) {
  html body main.clothing-hub-main > .s12-hubnav {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}