/** Shopify CDN: Minification failed

Line 209:0 All "@import" rules must come first

**/
/* Place any CSS overrides in this file. */

/* BIKET TREK PRODUCT INFORMATION TABS — 10 AUG 2026 */
.biket-trek-tabs-section{padding-top:clamp(20px,4vw,46px);padding-bottom:clamp(34px,5vw,64px)}
.biket-trek-tabs{margin:4px 0 30px;color:#171717}
.biket-trek-tabs__nav{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid #d9d9d9;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.biket-trek-tabs__nav::-webkit-scrollbar{display:none}
.biket-trek-tabs__tab{position:relative;flex:0 0 auto;margin:0;padding:15px clamp(15px,2.5vw,28px);border:0;background:transparent;color:#4a4a4a;font:500 14px/1.25 Roboto,Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
.biket-trek-tabs__tab:first-child{padding-left:0}
.biket-trek-tabs__tab:hover{color:#111}
.biket-trek-tabs__tab[aria-selected="true"]{color:#111;font-weight:700}
.biket-trek-tabs__tab[aria-selected="true"]:after{content:"";position:absolute;right:clamp(15px,2.5vw,28px);bottom:-1px;left:clamp(15px,2.5vw,28px);height:3px;background:#007ab8}
.biket-trek-tabs__tab:first-child[aria-selected="true"]:after{left:0}
.biket-trek-tabs__tab:focus-visible{outline:2px solid #007ab8;outline-offset:-3px}
.biket-trek-tabs__panel{padding:clamp(25px,4vw,44px) 0 4px;font-size:15px;line-height:1.68}
.biket-trek-tabs__panel[hidden]{display:none!important}
.biket-trek-tabs__panel>p:first-child,.biket-trek-tabs__panel>div:first-child>p:first-child{margin-top:0}
.biket-trek-tabs__panel h2,.biket-trek-tabs__panel h3{color:#111;letter-spacing:-.025em;text-transform:none}
.biket-trek-tabs__panel table:not(.biket-trek-sizing__table){display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}
.biket-trek-tabs__panel table:not(.biket-trek-sizing__table) th,.biket-trek-tabs__panel table:not(.biket-trek-sizing__table) td{min-width:135px;padding:12px 14px;border-bottom:1px solid #e2e2e2;text-align:left;vertical-align:top}
.biket-trek-tabs__panel table:not(.biket-trek-sizing__table) th{color:#111;font-weight:700}
.biket-trek-sizing__intro{max-width:690px;margin-bottom:26px}
.biket-trek-sizing__eyebrow{margin:0 0 8px!important;color:#007ab8;font-size:12px!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.biket-trek-sizing__intro h3{margin:0 0 12px;font-size:clamp(24px,3vw,34px);line-height:1.1}

@media screen and (min-width:768px){#NavDrawer.drawer--left{width:min(38vw,420px)!important;max-width:420px!important;box-shadow:10px 0 30px rgba(0,0,0,.14)}#NavDrawer .mobile-nav-grid-container{width:100%}#NavDrawer .mobile-nav__has-sublist>.mobile-nav__link,#NavDrawer .mobile-nav>.mobile-nav__item>.mobile-nav__link{font-size:24px;line-height:1.2;letter-spacing:-.4px;padding-top:17px;padding-bottom:17px}}

@media screen and (max-width: 767px) {
  #NavDrawer.drawer--left {
    width: min(84vw, 360px) !important;
    max-width: 360px !important;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.14);
  }

  #NavDrawer .mobile-nav-grid-container {
    width: 100%;
  }
}

/* Black November holding page */
body#black-friday-2026-bicycle-deals-south-africa-biket
  #MainContent
  [id^="shopify-section-template--"][id$="__product-grid"] {
  min-height: clamp(440px, 62vh, 720px);
  padding: 72px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #000;
}

body#black-friday-2026-bicycle-deals-south-africa-biket
  #MainContent
  [id^="shopify-section-template--"][id$="__product-grid"]
  > * {
  display: none !important;
}

body#black-friday-2026-bicycle-deals-south-africa-biket
  #MainContent
  [id^="shopify-section-template--"][id$="__product-grid"]::before {
  content: "LOADING…";
  display: block;
  margin-bottom: 16px;
  color: #fff;
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
}

body#black-friday-2026-bicycle-deals-south-africa-biket
  #MainContent
  [id^="shopify-section-template--"][id$="__product-grid"]::after {
  content: "Our best deals run from 9 November to 30 November.";
  display: block;
  max-width: 620px;
  color: #fff;
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.5;
}

body#black-friday-2026-bicycle-deals-south-africa-biket
  #MainContent
  [id^="shopify-section-template--"][id$="__product-grid"].black-november-countdown-ready::before,
body#black-friday-2026-bicycle-deals-south-africa-biket
  #MainContent
  [id^="shopify-section-template--"][id$="__product-grid"].black-november-countdown-ready::after {
  content: none;
}

body#black-friday-2026-bicycle-deals-south-africa-biket
  #MainContent
  [id^="shopify-section-template--"][id$="__product-grid"]
  > .black-november-holding {
  display: block !important;
  width: min(760px, 100%);
}

.black-november-holding__eyebrow {
  margin: 0 0 18px;
  color: #bdbdbd;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
}

.black-november-holding__title {
  margin: 0 0 38px;
  color: #fff;
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
}

.black-november-countdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 auto 34px;
}

.black-november-countdown > div {
  padding: clamp(18px, 3vw, 28px) 10px;
  border: 1px solid #fff;
  background: #000;
}

.black-november-countdown strong,
.black-november-countdown span {
  display: block;
}

.black-november-countdown strong {
  color: #fff;
  font-size: clamp(30px, 4vw, 52px);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.black-november-countdown span {
  margin-top: 10px;
  color: #cfcfcf;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.black-november-holding__message {
  margin: 0;
  color: #fff;
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.5;
}

body#black-friday-2026-bicycle-deals-south-africa-biket.black-november-live
  #MainContent
  [id^="shopify-section-template--"][id$="__product-grid"] {
  min-height: 0;
  padding: 0;
  display: block;
  text-align: initial;
  background: var(--body-color);
}

body#black-friday-2026-bicycle-deals-south-africa-biket.black-november-live
  #MainContent
  [id^="shopify-section-template--"][id$="__product-grid"]
  > * {
  display: revert !important;
}

body#black-friday-2026-bicycle-deals-south-africa-biket.black-november-live
  .black-november-holding {
  display: none !important;
}

@media screen and (max-width: 600px) {
  .black-november-countdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Remove the bright progress strip below the free-shipping announcement */
.biket-free-shipping__fill {
  display: none !important;
}

.biket-trek-sizing__intro p:last-child{margin-bottom:0;color:#505050}
.biket-trek-sizing__table-wrap{max-width:820px;overflow-x:auto;border:1px solid #dedede;border-radius:8px}
.biket-trek-sizing__table{width:100%;min-width:520px;margin:0;border-collapse:collapse;background:#fff}
.biket-trek-sizing__table th,.biket-trek-sizing__table td{padding:14px 18px;border-bottom:1px solid #e5e5e5;text-align:left}
.biket-trek-sizing__table thead th{background:#f5f5f5;color:#333;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.biket-trek-sizing__table tbody th{color:#111;font-weight:700}
.biket-trek-sizing__table tbody tr:last-child th,.biket-trek-sizing__table tbody tr:last-child td{border-bottom:0}
.biket-trek-sizing__table tbody tr:hover{background:#f8fbfd}
.biket-trek-sizing__note{max-width:820px;margin:18px 0 0!important;padding:14px 17px;border-left:3px solid #007ab8;background:#f3f8fb;color:#343434}
@media(max-width:767px){.biket-trek-tabs__tab{padding:13px 16px;font-size:13px}.biket-trek-tabs__tab:first-child{padding-left:0}.biket-trek-tabs__tab[aria-selected="true"]:after{right:16px;left:16px}.biket-trek-tabs__panel{padding-top:24px}.biket-trek-sizing__table th,.biket-trek-sizing__table td{padding:12px 14px}}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* BIKET POLICY PAGES */
.shopify-policy__container{max-width:920px!important;margin:0 auto!important;padding:clamp(44px,7vw,88px) clamp(20px,5vw,56px) clamp(70px,9vw,112px)!important;color:#222}
.shopify-policy__title{text-align:left!important;margin:0 0 clamp(34px,5vw,58px)!important;padding-bottom:clamp(23px,4vw,38px)!important;border-bottom:1px solid #dedede}
.shopify-policy__title h1{margin:0!important;font-size:clamp(38px,6vw,68px)!important;line-height:.98!important;letter-spacing:-.05em!important}
.shopify-policy__body{font-size:15px!important;line-height:1.72!important;color:#444!important}
.shopify-policy__body h2,.shopify-policy__body h3{margin-top:2.2em!important;margin-bottom:.7em!important;color:#171717!important;line-height:1.12!important;letter-spacing:-.025em!important}
.shopify-policy__body h2{font-size:clamp(24px,3vw,34px)!important}.shopify-policy__body h3{font-size:19px!important}
.shopify-policy__body p,.shopify-policy__body ul,.shopify-policy__body ol{margin-bottom:1.15em!important}
.shopify-policy__body ul,.shopify-policy__body ol{padding-left:1.3em!important}
.shopify-policy__body li{margin-bottom:.45em!important}
.shopify-policy__body a{color:#171717!important;text-underline-offset:3px!important}
.shopify-policy__body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.shopify-policy__body th,.shopify-policy__body td{padding:12px;border:1px solid #dedede;text-align:left}

/* BIKET TREK-INSPIRED SHOPPING SYSTEM — 10 AUG 2026 */
:root {
  --biket-trek-blue: #007ab8;
  --biket-trek-blue-hover: #006a9f;
  --biket-trek-text: #000;
  --biket-trek-muted: #484848;
}

body,
button,
input,
select,
textarea {
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

body {
  font-size: 14px;
  line-height: 1.6;
}

/* Trek's navigation is compact, bold and free of wide letter spacing. */
.site-nav__link,
.site-nav__dropdown a,
.mobile-nav a,
.mobile-nav button {
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

@media screen and (min-width: 768px) {
  .site-nav__link {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }
}

/* Product and search cards: restrained 14px type, matching Trek's catalogue. */
.template-collection .product-grid--title,
.template-search .product-grid--title,
.template-collection .product-grid--title a,
.template-search .product-grid--title a {
  color: var(--biket-trek-text) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.6 !important;
  text-transform: none !important;
}

.template-collection .product-grid--price,
.template-search .product-grid--price,
.template-collection .product-grid--price a,
.template-search .product-grid--price a {
  color: var(--biket-trek-muted) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.6 !important;
}

.template-collection .biket-compare-toggle,
.template-search .biket-compare-toggle {
  color: #1a1a1a !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

/* Product-page hierarchy measured from Trek UK. */
.template-product .product-details-product-title {
  color: var(--biket-trek-text) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: clamp(26px, 2.25vw, 32px) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

.template-product .product--price,
.template-product .product--price .money,
.template-product .product-details-product-price {
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.42 !important;
}

/* Primary purchase action: Trek UK blue, white type and softened corners. */
.template-product .product--add-to-cart-button {
  background: var(--biket-trek-blue) !important;
  border: 1px solid var(--biket-trek-blue) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 16px !important;
  min-height: 44px;
  padding: 10px 24px !important;
  text-transform: none !important;
}

.template-product .product--add-to-cart-button:hover,
.template-product .product--add-to-cart-button:focus-visible {
  background: var(--biket-trek-blue-hover) !important;
  border-color: var(--biket-trek-blue-hover) !important;
  color: #fff !important;
}

/* Quote remains secondary; stock and finance components are deliberately untouched. */
.template-product .omgrfq-btn-quotes {
  background: #fff !important;
  border: 1px solid #c8c8c8 !important;
  border-radius: 8px !important;
  color: #1a1a1a !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media screen and (max-width: 767px) {
  .template-product .product-details-product-title {
    font-size: 26px !important;
    line-height: 1.18 !important;
  }

  .template-collection .product-grid--title,
  .template-search .product-grid--title,
  .template-collection .product-grid--title a,
  .template-search .product-grid--title a,
  .template-collection .product-grid--price,
  .template-search .product-grid--price,
  .template-collection .product-grid--price a,
  .template-search .product-grid--price a {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
}


/* Keep Trek tabs inside the product / Float column */
.product-details--form-wrapper .biket-trek-tabs-section,
.product-details--form-wrapper .biket-trek-tabs,
.product-details--form-wrapper .biket-trek-tabs__panels,
.product-details--form-wrapper .biket-trek-tabs__panel {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.product-details--form-wrapper .biket-trek-tabs-section {
  overflow: hidden;
  padding-top: 18px;
  padding-bottom: 24px;
}

.product-details--form-wrapper .biket-trek-tabs__nav {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.product-details--form-wrapper .biket-trek-tabs__panel {
  overflow-x: hidden;
}

.product-details--form-wrapper .biket-trek-tabs__panel table,
.product-details--form-wrapper .biket-trek-sizing__table-wrap {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .product-details--form-wrapper .biket-trek-tabs-section {
    padding-top: 14px;
    padding-bottom: 20px;
  }

  .product-details--form-wrapper .biket-trek-tabs__panel {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}


/* BIKET DESKTOP SEARCH PLACEMENT — 11 AUG 2026 */
.biket-desktop-nav-search {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.biket-desktop-nav-search__link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  padding-right: 14px !important;
  padding-left: 0 !important;
}
.biket-desktop-nav-search__link svg {
  width: 19px;
  height: 19px;
}
@media screen and (max-width: 767px) {
  .biket-desktop-nav-search { display: none !important; }
}


/* BIKET DESKTOP MENU TYPE HIERARCHY — 11 AUG 2026 */
@media screen and (min-width: 768px) {
  #AccessibleNav > li > a.site-nav__link {
    font-weight: 700 !important;
  }

  #AccessibleNav .site-nav__dropdown a.site-nav__link {
    font-weight: 400 !important;
  }

  #AccessibleNav .site-nav__dropdown > li.site-nav--has-dropdown > a.site-nav__link {
    font-weight: 600 !important;
  }
}


/* BIKET PRODUCT CARD CONTROL FIX — 11 AUG 2026 */
/* Flow outputs separate desktop and mobile quick-add controls; show only the correct one. */
@media screen and (min-width: 768px) {
  .product-grid--wrapper .quick-add-button-mobile { display: none !important; }
}
@media screen and (max-width: 767px) {
  .product-grid--wrapper .quick-add-button-desktop { display: none !important; }
}
/* The quote app duplicates controls when it scans AJAX-loaded product cards. Keep quoting on the product page, not inside cards. */
.product-grid--wrapper .omgrfq-button { display: none !important; }
/* SE Wishlist Engine can return an object instead of a numeric count. */
.wishlist-engine .wishlist-count { display: none !important; }

/* BIKET CART CHECKOUT VISIBILITY — 21 AUG 2026 */
/* Hide Shopify chat while any storefront drawer is open so drawer actions remain clear. */
body.js-drawer-open shopify-chat {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .template-product .biket-purchase-proof,
  .template-product shopify-chat {
    display: none !important;
  }
}

.template-product .product-form__buttons-group:has(.product--add-to-cart-button:not([disabled])) .omgrfq-button {
  display: none !important;
}

/* Compact desktop header spacing */
@media screen and (min-width: 990px) {
  .site-header.logo_above {
    padding-top: 12px !important;
    padding-bottom: 0 !important;
  }

  .site-header__wrapper--logo-above {
    min-height: 51px !important;
    height: 51px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .site-header__nav-standalone,
  #top_links_wrapper,
  #AccessibleNav {
    min-height: 42px;
    height: 42px;
  }
}

/* Compact desktop drawer category spacing */
@media screen and (min-width: 990px) {
  #NavDrawer .mobile-nav__sublist {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #NavDrawer .mobile-nav__sublist > .mobile-nav__item {
    padding-bottom: 2px !important;
  }

  #NavDrawer .mobile-nav__sublist .mobile-nav__link {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}

/* Remove nested drawer padding and retire Giant & Scott navigation */
@media screen and (min-width: 990px) {
  #NavDrawer .mobile-nav__sublist .mobile-nav__sublist {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

#NavDrawer .mobile-nav__sublist > .mobile-nav__item:has(> .mobile-nav__has-sublist > a[href*="/collections/giant-scott-bikes-and-gear-pmb-midlands"]),
#AccessibleNav .site-nav__dropdown > .site-nav--has-dropdown:has(> a[href*="/collections/giant-scott-bikes-and-gear-pmb-midlands"]) {
  display: none !important;
}

/* Desktop Bikes mega-menu featured rail */
@media screen and (min-width: 990px) {
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(n+8):nth-child(-n+10) {
    position: relative;
    min-height: 44px;
    margin-bottom: 0 !important;
    padding: 0 0 10px 28px;
    border-left: 1px solid #d9d9d4;
    box-sizing: border-box;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(8) {
    padding-top: 28px !important;
    min-height: 72px;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(8)::before {
    content: "FEATURED";
    position: absolute;
    top: 0;
    left: 28px;
    color: #6a6a66;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(n+8):nth-child(-n+10) > a {
    color: #111 !important;
    font-weight: 700 !important;
    padding-bottom: 8px !important;
  }
}

/* Project One signature menu label */
:is(#NavDrawer,#AccessibleNav) a[href*="/pages/project-one"] {
  background: linear-gradient(90deg, #e0b400 0%, #f06a00 14%, #f20d3d 28%, #d90072 43%, #7d2bd4 57%, #3155d8 70%, #009fe3 82%, #00af83 92%, #46be6b 100%);
  display: inline-block;
  width: fit-content;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

/* Desktop Bikes mega-menu riding groups trial */
@media screen and (min-width: 990px) {
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown {
    column-count: initial !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: auto auto auto auto;
    column-gap: 72px;
    align-items: start;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 3;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(2),
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(4),
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(6) {
    grid-column: 2;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(2) { grid-row: 1; }
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(4) { grid-row: 2; }
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(6) { grid-row: 3; }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(3),
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(5) {
    grid-column: 3;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(3) { grid-row: 1; }
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(5) { grid-row: 2; }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(n+8):nth-child(-n+10) {
    grid-column: 4;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(8),
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(9),
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(10) {
    grid-row: 1;
    align-self: start;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(8) {
    min-height: 160px;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(9) {
    margin-top: 64px !important;
    border-left: 0 !important;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(10) {
    margin-top: 112px !important;
    border-left: 0 !important;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(11) {
    grid-column: 1 / -1;
    grid-row: 4;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(1),
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(2),
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(3) {
    padding-top: 28px !important;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(1)::before,
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(2)::before,
  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(3)::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #6a6a66;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.4;
    text-align: center;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(8)::before {
    right: 0;
    text-align: center;
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(1)::before {
    content: "ELECTRIC";
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(2)::before {
    content: "MTB";
  }

  #AccessibleNav > li:nth-child(2) > .site-nav__dropdown > li:nth-child(3)::before {
    content: "ROAD / GRAVEL";
  }
}

/* Desktop Gear mega-menu: fixed columns prevent long sections splitting */
@media screen and (min-width: 990px) {
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown {
    column-count: initial !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 44px;
    align-items: start;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li {
    grid-row: 1;
    align-self: start;
    min-width: 0;
    width: auto !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(1),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(2) {
    grid-column: 1;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(2) {
    margin-top: 286px !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(3) { grid-column: 2; }
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(4) { grid-column: 3; }
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(5) { grid-column: 4; }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(6),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(7),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(8),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(9) {
    grid-column: 5;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(7) {
    margin-top: 170px !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(8) {
    margin-top: 375px !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(9) {
    margin-top: 490px !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(1),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(3),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(4),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(5),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(6) {
    position: relative;
    padding-top: 28px !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(1)::before,
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(3)::before,
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(6)::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #6a6a66;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.4;
    text-align: center;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(1)::before {
    content: "EVERYDAY GEAR";
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(3)::before {
    content: "BIKE COMPONENTS";
    width: calc(300% + 88px);
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(6)::before {
    content: "RIDE SUPPORT";
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(3),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(6) {
    border-left: 1px solid #e1e1dd;
    padding-left: 22px !important;
    min-height: 640px;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(2) {
    grid-column: 2;
    margin-top: 508px !important;
    padding-left: 22px !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(7) {
    margin-top: 226px !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(8) {
    margin-top: 431px !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(9) {
    margin-top: 546px !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(7),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(8),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(9) {
    padding-left: 22px !important;
  }

  /* Group product parts first, then everyday gear and rider support */
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(3) { grid-column: 1; }
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(4) { grid-column: 2; }
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(5) { grid-column: 3; }
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(2) {
    grid-column: 1;
    padding-left: 0 !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(3) {
    border-left: 0;
    padding-left: 0 !important;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(1) {
    grid-column: 4;
    border-left: 1px solid #e1e1dd;
    padding-left: 22px !important;
    min-height: 640px;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(6),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(7),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(8),
  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(9) {
    grid-column: 5;
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(1)::before {
    content: "EVERYDAY GEAR & SUPPORT";
    width: calc(200% + 44px);
  }

  #AccessibleNav > li:nth-child(3) > .site-nav__dropdown > li:nth-child(6)::before {
    content: none;
  }
}

/* Desktop More menu: compact Help & Services strip */
@media screen and (min-width: 990px) {
  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown {
    column-count: initial !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: 18px 0;
    padding: 24px max(40px, calc((100vw - 1200px) / 2)) 30px !important;
    align-items: stretch;
  }

  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown::before {
    content: "HELP & SERVICES";
    grid-column: 1 / -1;
    grid-row: 1;
    color: #6a6a66;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.4;
    text-align: center;
  }

  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown > li {
    grid-row: 2;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid #e1e1dd;
  }

  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown > li:nth-child(1) {
    order: 1;
    border-left: 0;
  }

  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown > li:nth-child(3) { order: 2; }
  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown > li:nth-child(5) { order: 3; }
  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown > li:nth-child(2) { order: 4; }
  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown > li:nth-child(4) { order: 5; }

  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown > li > a {
    display: flex !important;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 10px 14px !important;
    color: #171717 !important;
    font-weight: 700 !important;
    text-align: center;
    transition: background-color 160ms ease;
  }

  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown > li > a:hover,
  #AccessibleNav > li:nth-child(5) > .site-nav__dropdown > li > a:focus-visible {
    background: #f5f5f2;
  }
}

/* Desktop Apparel menu: align every category to one top baseline */
@media screen and (min-width: 990px) {
  #AccessibleNav > li:nth-child(4) > .site-nav__dropdown {
    column-count: initial !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 72px;
    align-items: start;
  }

  #AccessibleNav > li:nth-child(4) > .site-nav__dropdown > li {
    grid-row: 1;
    align-self: start;
    width: auto !important;
    margin-top: 0 !important;
  }
}

/* Desktop footer: balanced information, brand and social columns */
@media screen and (min-width: 990px) {
  .footer-main--blocks {
    display: grid !important;
    grid-template-columns: minmax(220px, 0.75fr) minmax(520px, 2.4fr) minmax(280px, 1fr);
    width: 100%;
    gap: 60px;
    align-items: start;
  }

  .footer-main--blocks > .links-footer,
  .footer-main--blocks > .links-footer .footer-header,
  .footer-main--blocks > .links-footer .footer-main--menu {
    width: 100%;
    text-align: left !important;
  }

  .footer-main--blocks > .content-footer,
  .footer-main--blocks > .social-media-footer {
    width: 100%;
  }
}