/** Shopify CDN: Minification failed

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

**/
/* Product titles bold + hover color */
.m-product-card__title,.m-product-card__name{font-weight:700!important;font-variation-settings:"wght" 700!important}
.m-product-card__name{transition:color .2s}.m-product-card__name:hover{color:#ff5a1f!important}

/* Allow media to overflow so badges/chips can hang out */
.m-product-card,.m-product-card__media{overflow:visible!important}

/* ⚠️ REMOVED (was forcing ALL badges absolute & top/left on cards and grids)
.m-product-card [class*="badge"],.card--product [class*="badge"],.product-grid [class*="badge"]{
  position:absolute!important;top:-10px!important;left:-10px!important;background:#ff3b3b!important;
  color:#fff!important;padding:6px 12px!important;border-radius:999px!important;z-index:20!important
}
*/
footer [class*="badge"],.site-footer [class*="badge"]{all:unset!important}

/* Kill hover zoom & hover-image swap */
.m-product-card__media img,.m-product-card:hover .m-product-card__media img{transform:none!important;transition:none!important}
.m-product-card__hover-image{display:none!important}
.m-product-card:hover .m-product-card__main-image{opacity:1!important}

/* FITNOS: square all, keep buttons round — EXEMPT BADGES so % pill keeps shape */
html body :where(*,:before,:after):not([class*="badge"]){border-radius:0!important}
html body button,html body .button,html body .btn,html body a.button,html body [role="button"],html body [type="button"],html body [type="submit"],html body .button--primary,html body .button--secondary,html body .button--tertiary,html body .shopify-payment-button__button,html body .shopify-payment-button__button--unbranded,html body .cart__checkout-button,html body .quick-add__submit,html body .sticky-cart__button{border-radius:9999px!important}

/* ---------- TOP 10 RANKING: bottom-left chip (GRID + SWIPER SAFE) ---------- */
.top10{counter-reset:rank}
.top10 .m-product-card,.top10 .card--product,.top10 .product-grid > *,.top10 .grid > .grid__item,.top10 .collection__products > *,.top10 .products > *{counter-increment:rank}
.top10 .m-product-card__media,.top10 .card--product .media,.top10 .card__media,.top10 .product-card__media{position:relative;overflow:visible}
.top10 .m-product-card__media::after,.top10 .card--product .media::after,.top10 .card__media::after,.top10 .product-card__media::after{
  content:counter(rank);
  position:absolute;
  bottom:-6px;
  left:-6px;
  z-index:6;
  font-weight:800;
  font-size:18px;
  line-height:1;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:0!important; /* No rounding at all */
  color:#111;
  box-shadow:0 6px 14px rgba(0,0,0,.12), inset 0 0 0 1px rgba(0,0,0,.10);
  background:radial-gradient(120% 120% at 30% 25%, #ffffff 0%, #f2f4f6 35%, #d8dde3 70%, #c7cdd5 100%);
}
/* Numbering for Swiper (real slides only) */
.top10 .swiper,.top10 .swiper-wrapper{counter-reset:top10rank 0}
.top10 .swiper-slide:not(.swiper-slide-duplicate){counter-increment:top10rank 1}
.top10 .swiper-slide[data-swiper-slide-index="0"]  .m-product-card__media::after{content:"1"!important}
.top10 .swiper-slide[data-swiper-slide-index="1"]  .m-product-card__media::after{content:"2"!important}
.top10 .swiper-slide[data-swiper-slide-index="2"]  .m-product-card__media::after{content:"3"!important}
.top10 .swiper-slide[data-swiper-slide-index="3"]  .m-product-card__media::after{content:"4"!important}
.top10 .swiper-slide[data-swiper-slide-index="4"]  .m-product-card__media::after{content:"5"!important}
.top10 .swiper-slide[data-swiper-slide-index="5"]  .m-product-card__media::after{content:"6"!important}
.top10 .swiper-slide[data-swiper-slide-index="6"]  .m-product-card__media::after{content:"7"!important}
.top10 .swiper-slide[data-swiper-slide-index="7"]  .m-product-card__media::after{content:"8"!important}
.top10 .swiper-slide[data-swiper-slide-index="8"]  .m-product-card__media::after{content:"9"!important}
.top10 .swiper-slide[data-swiper-slide-index="9"]  .m-product-card__media::after{content:"10"!important}
/* Metals (all gray for #1–#10, square shape) */
.top10 .product-grid > *:nth-child(-n+10) .m-product-card__media::after,
.top10 .grid > .grid__item:nth-child(-n+10) .m-product-card__media::after,
.top10 .collection__products > *:nth-child(-n+10) .m-product-card__media::after,
.top10 .products > *:nth-child(-n+10) .m-product-card__media::after,
.top10 .swiper-slide[data-swiper-slide-index] .m-product-card__media::after {
  background: radial-gradient(120% 120% at 30% 25%, #ffffff 0%, #f2f4f6 35%, #d8dde3 70%, #c7cdd5 100%) !important;
  color: #111 !important;
  border-radius:0!important; /* Keep perfectly square */
}

.top10 :is(.product-grid, .collection__products, .products) > *:nth-child(n+11) .m-product-card__media::after,
.top10 .grid > .grid__item:nth-child(n+11) .m-product-card__media::after {
  display: none;
}


/* ⚠️ REMOVED forced global sale-badge positioning (keeps only color below)
.badge--sale,.price__badge-sale,.price-badge--sale,.badge--discount,[class*="badge"][class*="sale"]{
  position:absolute!important;top:-22px!important;left:-30px!important;z-index:7!important;transform:scale(.92)
}
*/

/* ===== HIDE ALL REVIEWS / RATINGS SITE-WIDE ===== */
.spr-badge,.spr-badge-caption,.spr-stars,.spr-container,.spr-header,.spr-reviews,.spr-summary,.spr-form{display:none!important}
.jdgm-widget,.jdgm-prev-badge,.jdgm-review-widget,.jdgm-all-reviews-widget,.jdgm-preview-badge,.jdgm-collection-rating,.jdgm-rev-widg{display:none!important}
.stamped-preview-badge,.stamped-badge,.stamped-product-reviews-badge,.stamped-container,.stamped-reviews-widget,.stamped-summary,.stamped-ugc-widget{display:none!important}
.yotpo,.yotpo-widget,.yotpo-stars,.yotpo-review,.yotpo-reviews-star-ratings-widget{display:none!important}
.loox-widget,.loox-reviews,.loox-rating,.loox-rating-wrapper,.loox-review,.loox-rating-label{display:none!important}
.okeReviews,.okeReviews-widget,.okeReviews-reviews,.okeReviews-badge,.oke-stars{display:none!important}
.alireviews,.alr-whole-app,.alr-review-widget,.alr-stars,.alr-badge{display:none!important}
.product-card__rating,.card-information__rating,.product__rating,.grid-item__rating,.price__badges--rating,.card__badge--rating,.rating,.rating-star,.stars,.star-rating,a[href*="#reviews"],a[href*="reviews"],.product-meta__review-count{display:none!important}
.product__info-container .spr-container,.product__info-container .jdgm-widget,.product__info-container .stamped-container,.product__info-container .yotpo,.product__info-container .loox-widget,.product__info-container .okeReviews{margin:0!important;padding:0!important}

/* Remove BEST OFFER + MRP notes */
.main-product__block-product_offer,.main-product__block:has(.offer-tag),.offer-tag{display:none!important}
.main-product__block-price .mrp,.main-product__block-price .mrp-text,.main-product__block-price .price__note,.main-product__block-price .product-price-note,.main-product__block-price [class*="mrp"],.main-product__block-price [class*="price-note"],.main-product__block-price>p{display:none!important}
.m-product-tax,.m-product-tax *,.main-product__block-price .m-product-tax{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}

/* ===== FITNOS SALE BADGE COLOR ONLY (no forced position) ===== */
.badge--sale,.price__badge-sale,.price-badge--sale,.badge--discount,[class*="badge"][class*="sale"]{background-color:#E53935!important;border-color:#E53935!important;color:#ffffff!important}

/* Uniform product-card media */
.m-product-card__media,.card--product .media,.product-grid .media{aspect-ratio:1/1!important;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px}
.m-product-card__media img,.card--product .media img,.product-grid .media img{width:100%;height:100%;object-fit:contain!important;object-position:center;transform:none!important}

/* -- SAFE CORE for % OFF badge + anchors -- */
.m-product-card__media,.card--product .media,.card__media,.product-card__media{position:relative!important;overflow:visible!important}
.fitnos-sale-badge{position:absolute;top:10px;left:10px;z-index:7;display:inline-grid;grid-auto-flow:column;align-items:center;gap:6px;padding:6px 10px;border-radius:9999px;background:#E53935;color:#fff;font-weight:800;line-height:1;box-shadow:0 6px 14px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.fitnos-sale-badge strong{font-size:14px}
.fitnos-sale-badge em{font-style:normal;font-size:12px;opacity:.92}
/* Fitnos glassy % pill for product CARDS */
.m-product-card__media{position:relative!important;overflow:visible!important}
.fitnos-sale-pill{
  position:absolute; top:10px; left:10px; z-index:7;
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#f2f4f7; font-weight:800; font-size:12.5px; letter-spacing:.05em;
  text-transform:uppercase; border:1px solid rgba(255,255,255,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 10px 28px rgba(0,0,0,.30), 0 0 24px rgba(255,255,255,.08);
  backdrop-filter:blur(8px) saturate(120%); -webkit-backdrop-filter:blur(8px) saturate(120%);
  pointer-events:none; /* don’t block clicks */
}
.fitnos-sale-pill .pct{
  display:inline-grid; place-items:center; min-width:36px; height:22px; padding:0 6px;
  border-radius:6px; background:linear-gradient(180deg,#f7f8fa,#cfd5dc);
  color:#1b2129; font-weight:900; font-size:12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 8px rgba(0,0,0,.25);
}
/* Hide the theme’s default “On sale” tag on cards (we render our pill instead) */
.m-product-card__tags .m-product-tag--sale{display:none!important}

/* Hardened removal (case-insensitive match; extra wrappers covered) */
:is(.collection,.product-grid,.m-featured-collection,.featured-collection,.section-featured-collection)
  :is(.card__information,.card-information,.m-product-card__content,.product-card__information,.m-card__info)
  a[href*="amazon" i]:not(.amazon-pill):not(.amazon-pill--black),
:is(.collection,.product-grid,.m-featured-collection,.featured-collection)
  :is(.m-price,.price,.card__information,.card-information)
  :is(.btn--amazon-out,.button--amazon,.amazon-button,.amazon-btn,.view-on-amazon,.buy-on-amazon){
  display:none!important;
}

/* Safety: never hide the black overlay pill */
.template-product a[href*="amazon" i].amazon-pill.amazon-pill--black,
.collection a[href*="amazon" i].amazon-pill.amazon-pill--black,
.product-grid a[href*="amazon" i].amazon-pill.amazon-pill--black{
  display:inline-flex!important;
}
/* + extra guards for quick-add & variants */
.quick-add__qty,
.quantity-input,
.m-quantity,
.product-form__input--quantity{
  display:none!important;
}
/* === Always keep the premium black pill visible, everywhere === */
a[href*="amazon."].amazon-pill--black,
a[href*="amzn.to"].amazon-pill--black {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* === PDP: remove any non-black Amazon link in the INFO column only === */
.template-product .product__info-container a[href*="amazon."]:not(.amazon-pill--black),
.template-product .product__info-container a[href*="amzn.to"]:not(.amazon-pill--black),
.template-product .product__info-container .btn--amazon-out:not(.amazon-pill--black),
.template-product .product__info-container .button--amazon:not(.amazon-pill--black),
.template-product .product__info-container .amazon-button:not(.amazon-pill--black),
.template-product .product__info-container .amazon-btn:not(.amazon-pill--black),
.template-product .product__info-container .view-on-amazon:not(.amazon-pill--black),
.template-product .product__info-container .buy-on-amazon:not(.amazon-pill--black),
.template-product .product__info-container .spreadr-amazon-btn:not(.amazon-pill--black),
.template-product .product__info-container .spreadr-buy-on-amazon:not(.amazon-pill--black),
.template-product .product__info-container .spreadr-view-on-amazon:not(.amazon-pill--black) {
  display: none !important;
  visibility: hidden !important;
}

/* Hide wrappers that contain a non-black Amazon link
   BUT do NOT hide if the same wrapper also contains the black pill */
.template-product .product__info-container :is(p,div,span,small,li,section)
  :has(> a[href*="amazon."]:not(.amazon-pill--black)),
.template-product .product__info-container :is(p,div,span,small,li,section)
  :has(> a[href*="amzn.to"]:not(.amazon-pill--black)) {
  display: none !important;
  visibility: hidden !important;
}
.template-product .product__info-container :is(p,div,span,small,li,section)
  :has(> a.amazon-pill--black) {
  display: revert !important; /* ensure black-pill container stays */
  visibility: visible !important;
}

/* === Collections / Featured grids: strip non-black "View on Amazon" lines under cards === */
.collection .card__information a[href*="amazon."]:not(.amazon-pill--black),
.product-grid .card__information a[href*="amazon."]:not(.amazon-pill--black),
.m-featured-collection .card__information a[href*="amazon."]:not(.amazon-pill--black),
.card-information a[href*="amazon."]:not(.amazon-pill--black),
.collection .card__information a[href*="amzn.to"]:not(.amazon-pill--black),
.product-grid .card__information a[href*="amzn.to"]:not(.amazon-pill--black),
.m-featured-collection .card__information a[href*="amzn.to"]:not(.amazon-pill--black),
.card-information a[href*="amzn.to"]:not(.amazon-pill--black),
.m-price .btn--amazon-out { 
  display: none !important;
}

/* Safety: never hide a black pill on grids */
.collection a[href*="amazon."].amazon-pill--black,
.product-grid a[href*="amazon."].amazon-pill--black,
.m-featured-collection a[href*="amazon."].amazon-pill--black,
.collection a[href*="amzn.to"].amazon-pill--black,
.product-grid a[href*="amzn.to"].amazon-pill--black,
.m-featured-collection a[href*="amzn.to"].amazon-pill--black {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* === FITNOS: Hide All Product Prices Sitewide === */
.price,
.product__price,
.product-price,
.product-card__price,
.m-product-card__price,
.m-price,
.m-product-price,
.card-information__price,
.price__container,
.price__regular,
.price__sale,
.price__text,
.price-item,
.product__price-item,
.product-item--price,
span[class*="price"],
div[class*="price"] {
  display: none !important;
  visibility: hidden !important;
}

/* Optional: Remove any blank spacing left by hidden price rows */
.card__information,
.m-product-card__info,
.product-item__info {
  gap: 0 !important;
  margin-bottom: 0 !important;
}
/* ===== FITNOS | Balanced Homepage Section Headings (Hero Excluded) ===== */
.template-index :not(.hero) h1,
.template-index :not(.hero) h2,
.template-index :not(.hero) .section-header__title,
.template-index :not(.hero) .m-section-title,
.template-index :not(.hero) .m-featured-collection .section__heading,
.template-index :not(.hero) .featured-collection__title,
.template-index :not(.hero) .heading,
.template-index :not(.hero) .title {
  font-size: clamp(24px, 2.2vw, 30px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.1px;
  line-height: 1.25;
}

/* Subheadings / ledes under sections (not hero) */
.template-index :not(.hero) .section-header__subheading,
.template-index :not(.hero) .m-section-subtitle,
.template-index :not(.hero) p.sub,
.template-index :not(.hero) .lede {
  font-size: clamp(14px, 1.4vw, 17px) !important;
  color: #555 !important;
}
/* ===== FITNOS | Hide Blogs on Mobile (Homepage ONLY) ===== */
@media (max-width: 749px) {
  .template-index .blog,
  .template-index .blog-section,
  .template-index .m-blog,
  .template-index .featured-blog,
  .template-index [id*="blog"] {
    display: none !important;
  }
}
/* Hide any wishlist hearts on cards & PDP */
[class*="wishlist"],
[class*="wish-list"],
a[href*="wishlist"],
button[data-action*="wishlist"],
button[aria-label*="Wishlist"],
.icon-heart, .heart-icon,
.swym-button, .swym-add-to-wishlist, .swym-wishlist-button-bar,
.ssw-faveiticon, .ssw-icon-heart, .ssw-faveit,
.growave-wishlist, .wishlist-button,
.wk-button, .wk-heart, .wk-icon,
.t4s-wishlist, .nt_wishlist,
.product-card__wishlist, .card__wishlist, .quick-add__wishlist {
  display:none !important;
  visibility:hidden !important;
}
/* Fitnos: bigger desktop hero title (force) */
@media (min-width: 750px){
  .template-index .fitnos-hero .fitnos-hero__content .fitnos-hero__title{
    font-size: 72px !important;
    line-height: 1.05 !important;
  }
}
@media (min-width: 1024px){
  .template-index .fitnos-hero .fitnos-hero__content .fitnos-hero__title{
    font-size: 78px !important; /* optional bump on large screens */
  }
}
/* Fitnos: slightly smaller desktop hero title */
@media (min-width: 750px){
  .template-index .fitnos-hero .fitnos-hero__content .fitnos-hero__title{
    font-size: 64px !important;
    line-height: 1.05 !important;
  }
}
/* Fitnos: fine-tuned desktop hero title size */
@media (min-width: 750px){
  .template-index .fitnos-hero .fitnos-hero__content .fitnos-hero__title{
    font-size: 58px !important;
    line-height: 1.08 !important;
  }
}
/* ==== FITNOS — Perfect Centering Alignment (All Menus) ==== */

/* Center all 3-column menus (Apparel, Supplements, Nutrition, Equipment, Recovery) */
.fitnos-mega:not(.fitnos-brands) [style*="grid-template-columns"] {
  width: min(1080px, 100%) !important;       /* unified width for balance */
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(240px, 1fr)) !important;
  column-gap: 48px !important;
  justify-content: center !important;        /* centers columns as a group */
  justify-items: start !important;           /* keeps text left-aligned */
  align-items: start !important;
  text-align: left !important;
  transform: translateX(8px);                /* micro-nudge to center visually */
}

/* Center the 4-column Brands menu */
.fitnos-mega.fitnos-brands [style*="grid-template-columns"] {
  width: min(1220px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
  column-gap: 40px !important;
  justify-content: center !important;
  justify-items: start !important;
  align-items: start !important;
  text-align: left !important;
  transform: translateX(4px);                /* smaller nudge for 4-col balance */
}

/* Outer wrapper stays centered in the viewport */
.fitnos-mega {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin: 0 auto !important;
}
/* ==== FITNOS — Premium Font Sizing for Mega Menus ==== */

/* Section headers (like "Men’s Apparel", "Performance", "Brands") */
.fitnos-mega h3 {
  font-size: 18px !important;        /* was ~16px — cleaner upscale */
  font-weight: 800 !important;       /* stronger weight */
  letter-spacing: -0.01em !important;
  color: #1f2328 !important;
  margin-bottom: 10px !important;
  text-transform: none !important;   /* keeps it classy, not shouty */
}

/* Menu links */
.fitnos-mega a {
  font-size: 16.5px !important;      /* up from ~14–15px */
  line-height: 1.6 !important;
  color: #444 !important;
  text-decoration: none !important;
  transition: color 0.25s ease, transform 0.1s ease;
}

/* Hover — subtle upscale + Fitnos orange */
.fitnos-mega a:hover {
  color: #FF753E !important;
  transform: translateX(2px);
}

/* List spacing consistency */
.fitnos-mega li {
  margin: 7px 0 !important;
}
/* ==== FITNOS — Premium Typography Upgrade for Mega Menus ==== */

/* Import modern fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap');

/* Overall menu font styling */
.fitnos-mega {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  letter-spacing: -0.01em !important;
}

/* Section headers (category titles like Apparel, Performance, Recovery) */
.fitnos-mega h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1f2328 !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  border-bottom: 2px solid #e6e6e6 !important;  /* subtle underline divider */
  padding-bottom: 4px !important;
}

/* Menu links */
.fitnos-mega a {
  font-family: 'Inter', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 500 !important;
  color: #444 !important;
  text-decoration: none !important;
  transition: color 0.25s ease, transform 0.1s ease;
}

/* Hover effect — Fitnos orange highlight with micro animation */
.fitnos-mega a:hover {
  color: #FF753E !important;
  transform: translateX(2px);
}

/* List item spacing for consistent rhythm */
.fitnos-mega li {
  margin: 7px 0 !important;
}
/* --- Fix unclickable Ellipticals link --- */
.fitnos-mega a::after {
  pointer-events: none !important;
}

.fitnos-mega a {
  position: relative;
  z-index: 2;
}

.fitnos-mega li,
.fitnos-mega ul {
  position: relative;
  z-index: 1;
}

/* If your underline or hover element overlaps */
.fitnos-block::before,
.fitnos-block::after {
  pointer-events: none !important;
  z-index: 0;
}
/* FITNOS — MOBILE MENU: flush top/bottom + aligned dividers */
@media (max-width: 900px){

  /* 0) Global drawer flush */
  #m-menu-drawer .m-menu-drawer__wrapper,
  #m-menu-drawer .m-menu-drawer__content{
    margin:0 !important;
    padding:0 !important;
  }

  /* 1) Kill built-in spacers (common culprits) */
  #m-menu-drawer .m-menu-mobile::before,
  #m-menu-drawer .m-menu-mobile::after,
  #m-menu-drawer .m-menu-drawer__content::before,
  #m-menu-drawer .m-menu-drawer__content::after{
    content:none !important; display:none !important;
  }

  /* 2) Remove any HRs so we don’t double up */
  #m-menu-drawer hr{ display:none !important; }

  /* 3) Make every UL inside the drawer truly flush */
  #m-menu-drawer ul.m-menu-mobile{
    padding:0 !important;
    margin:0 !important;
  }

  /* Also force children of the content area to have no extra outer margins */
  #m-menu-drawer .m-menu-drawer__content > *{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  /* 4) Normalize item boxes */
  #m-menu-drawer .m-menu-mobile > li{
    list-style:none;
    margin:0 !important;
    padding:0 !important;
    position:relative;            /* for the custom divider */
  }

  /* Row padding; divider will use the same inset */
  #m-menu-drawer{
    --row-pad: 24px;
  }

  #m-menu-drawer .m-menu-mobile > li > a,
  #m-menu-drawer .m-menu-mobile > li > button{
    display:flex; align-items:center; gap:.5rem;
    width:100%;
    box-sizing:border-box;
    padding:16px var(--row-pad) !important;
  }

  /* 5) Chevron stays flush-right within the row */
  #m-menu-drawer .m-menu-mobile > li > a [class*="icon"],
  #m-menu-drawer .m-menu-mobile > li > button [class*="icon"]{
    margin-left:auto; position:static;
  }

  /* 6) Our own divider: perfectly aligned with row edges */
  #m-menu-drawer .m-menu-mobile > li::after{
    content:"";
    position:absolute;
    left:var(--row-pad);
    right:var(--row-pad);
    bottom:0;
    height:1px;
    background:rgba(0,0,0,.12);
  }
  #m-menu-drawer .m-menu-mobile > li:last-child::after{ display:none; }

  /* 7) Submenu headers/back rows — no extra strips */
  #m-menu-drawer .m-menu-drawer__header,
  #m-menu-drawer .m-menu-drawer__section-header{
    border:0 !important;
    margin:0 !important;
    padding:12px var(--row-pad) !important;
  }
}
/* FITNOS — Mobile drawer: align dividers with rows, remove extra top/bottom space (safe) */
@media (max-width: 900px){

  /* 1) Tighten vertical whitespace inside each panel (root + submenus) */
  #m-menu-drawer ul.m-menu-mobile{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 2) Row padding — controls where the right “bar” (hr/divider) ends */
  #m-menu-drawer ul.m-menu-mobile > li > a,
  #m-menu-drawer ul.m-menu-mobile > li > button{
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box;
    width: 100%;
  }

  /* 3) Make the divider (hr) line up with the box edges */
  #m-menu-drawer ul.m-menu-mobile hr{
    margin-left: 24px !important;
    margin-right: 24px !important;
    width: auto !important; /* prevents short line */
  }

  /* 4) If your theme uses borders instead of <hr>, align those too */
  #m-menu-drawer ul.m-menu-mobile > li{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(0,0,0,.12);
  }
  #m-menu-drawer ul.m-menu-mobile > li:first-child{
    border-top: 0; /* no extra line at the very top */
  }
  #m-menu-drawer ul.m-menu-mobile > li{
    padding-left: 0 !important;
    padding-right: 0 !important; /* border aligns to link padding above */
  }

  /* 5) Keep the chevron placement consistent (doesn't interfere with JS) */
  #m-menu-drawer ul.m-menu-mobile > li > a [class*="icon"],
  #m-menu-drawer ul.m-menu-mobile > li > button [class*="icon"]{
    margin-left: auto;
    position: static; /* do not absolutize; avoids swipe bugs */
  }
}
/* ROLLBACK: restore drawer/swipe behavior */
@media (max-width:900px){

  /* Undo 100vw centering + transforms on rows */
  #m-menu-drawer .m-menu-mobile > li > a,
  #m-menu-drawer .m-menu-mobile > li > button{
    width:auto !important;
    margin-left:0 !important;
    transform:none !important;
  }

  /* Restore default dividers & remove custom pseudo-lines */
  #m-menu-drawer .m-menu-mobile > li::after{ content:none !important; }
  #m-menu-drawer hr{ display:block !important; }

  /* Ensure panels are visible/enabled when active */
  #m-menu-drawer .m-menu-mobile{
    overflow:visible !important;
  }
  #m-menu-drawer .m-menu-drawer__content{
    transform:none !important;
  }

  /* Don’t force icon positioning—let theme JS handle it */
  #m-menu-drawer .m-menu-mobile > li > a [class*="icon"],
  #m-menu-drawer .m-menu-mobile > li > button [class*="icon"]{
    position:initial !important;
  }

  /* Remove any global zero-margins that could collapse panel edges */
  #m-menu-drawer .m-menu-drawer__wrapper,
  #m-menu-drawer .m-menu-drawer__content{
    margin:initial !important;
    padding:initial !important;
  }
}
/* SAFE ALIGNMENT: submenus only, no layout changes */
@media (max-width:900px){
  /* If your lists carry data-level attributes, this targets submenus.
     If not, it still harmlessly applies to all levels. */
  #m-menu-drawer ul.m-menu-mobile{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  #m-menu-drawer ul.m-menu-mobile > li > a,
  #m-menu-drawer ul.m-menu-mobile > li > button{
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box;
    width:100%; /* no transforms/100vw tricks */
  }

  #m-menu-drawer ul.m-menu-mobile hr{
    margin-left:24px !important;
    margin-right:24px !important;
    width:auto !important;
  }
}
/* === FITNOS MOBILE MENU — FIX BROKEN SLIDE + ALIGN DIVIDERS === */
@media (max-width:900px){

  /* 1) Restore panel mechanics the JS relies on */
  #m-menu-drawer .m-menu-drawer__content,
  #m-menu-drawer .m-menu-mobile{
    overflow: hidden;                 /* panels can slide */
  }
  #m-menu-drawer .m-menu-mobile > li > a,
  #m-menu-drawer .m-menu-mobile > li > button{
    width: auto !important;           /* undo 100vw / full-bleed attempts */
    margin: 0 !important;
    transform: none !important;
    position: static !important;      /* let JS manage slide layers */
    pointer-events: auto !important;  /* clicks work again */
  }
  #m-menu-drawer .m-menu-mobile > li{
    position: static !important;      /* no absolute/relative hacks */
  }

  /* 2) Put chevrons back to normal (right-facing for forward, left only on back row) */
  #m-menu-drawer .m-menu-mobile > li [class*="chevron-left"]{ display:none; }
  #m-menu-drawer .m-menu-drawer__header [class*="chevron-left"]{ display:inline-block; }
  #m-menu-drawer .m-menu-mobile > li [class*="chevron-right"]{
    display:inline-block;
    margin-left:auto;                 /* sits at the far right but not absolute */
  }

  /* 3) Safe, minimal alignment: make the divider line up with row padding */
  #m-menu-drawer ul.m-menu-mobile{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  #m-menu-drawer ul.m-menu-mobile > li > a,
  #m-menu-drawer ul.m-menu-mobile > li > button{
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box;
  }
  /* If the theme uses <hr> between items, align it to the same inset */
  #m-menu-drawer ul.m-menu-mobile hr{
    margin-left:24px !important;
    margin-right:24px !important;
    width:auto !important;
  }

  /* 4) Remove stray top/bottom whitespace in panels */
  #m-menu-drawer .m-menu-drawer__content{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}
/* FITNOS — Remove extra whitespace inside submenus only */
@media (max-width:900px){

  /* Target ONLY panels that are NOT the root menu */
  #m-menu-drawer ul.m-menu-mobile[data-level],
  #m-menu-drawer .m-menu-mobile.is-submenu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Each submenu row should sit flush with no outer gaps */
  #m-menu-drawer ul.m-menu-mobile[data-level] > li,
  #m-menu-drawer .m-menu-mobile.is-submenu > li {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important; /* prevent double lines */
  }

  /* Ensure the first item has NO top gap */
  #m-menu-drawer ul.m-menu-mobile[data-level] > li:first-child,
  #m-menu-drawer .m-menu-mobile.is-submenu > li:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Ensure the last item has NO bottom gap */
  #m-menu-drawer ul.m-menu-mobile[data-level] > li:last-child,
  #m-menu-drawer .m-menu-mobile.is-submenu > li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Align dividers to your row padding */
  #m-menu-drawer ul.m-menu-mobile[data-level] hr,
  #m-menu-drawer .m-menu-mobile.is-submenu hr {
    margin-left: 24px !important;
    margin-right: 24px !important;
    width: auto !important;
  }
}
/* FITNOS — MOBILE SUBMENU TIGHTENING (all levels, safe) */
@media (max-width:900px){

  /* Tweakable spacing tokens */
  #m-menu-drawer{
    --submenu-x: 22px;   /* left/right padding for rows + dividers */
    --submenu-y: 12px;   /* vertical padding inside each row */
    --submenu-gap: 6px;  /* gap between any "card-style" items if present */
    --header-y: 10px;    /* vertical padding for the back/header row */
  }

  /* A) Header/back row spacing (top strip) */
  #m-menu-drawer .m-menu-drawer__header,
  #m-menu-drawer .m-menu-drawer__section-header{
    margin:0 !important;
    padding:var(--header-y) var(--submenu-x) !important;
  }

  /* B) Submenu ULs (any level > root). Covers themes using data-level or .is-submenu */
  #m-menu-drawer ul.m-menu-mobile[data-level],
  #m-menu-drawer .m-menu-mobile.is-submenu{
    padding:0 !important;
    margin:0 !important;
  }

  /* C) Rows: remove outer gaps and normalize inner padding */
  #m-menu-drawer ul.m-menu-mobile[data-level] > li,
  #m-menu-drawer .m-menu-mobile.is-submenu > li{
    margin:0 !important;
    padding:0 !important;
  }

  #m-menu-drawer ul.m-menu-mobile[data-level] > li > a,
  #m-menu-drawer ul.m-menu-mobile[data-level] > li > button,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > a,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > button{
    display:flex; align-items:center;
    width:100%; box-sizing:border-box;
    padding:var(--submenu-y) var(--submenu-x) !important;
    margin:0 !important;            /* kill any theme card margins */
    line-height:1.25;               /* tighter text block */
    min-height:unset !important;    /* avoid tall fixed heights */
  }

  /* D) If your theme renders "pill/card" submenu items, compress their vertical gap */
  #m-menu-drawer ul.m-menu-mobile[data-level] > li + li > a,
  #m-menu-drawer .m-menu-mobile.is-submenu > li + li > a{
    margin-top: var(--submenu-gap) !important;   /* small, consistent gap */
  }

  /* E) Dividers: align with row padding and remove extra whitespace */
  #m-menu-drawer ul.m-menu-mobile[data-level] hr,
  #m-menu-drawer .m-menu-mobile.is-submenu hr{
    height:1px; border:0; background:rgba(0,0,0,.12);
    margin:0 var(--submenu-x) !important;   /* lines end with the boxes */
    width:auto !important;
  }

  /* F) Kill stray top/bottom strips inside panels */
  #m-menu-drawer .m-menu-drawer__content{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}
/* FITNOS — Tighten ALL mobile submenus (robust + JS-safe) */
@media (max-width:900px){
  #m-menu-drawer{
    --submenu-x: 22px;   /* left/right padding for rows + dividers */
    --submenu-y: 12px;   /* vertical padding inside each row */
  }

  /* A) Submenu containers (covers multiple theme variants) */
  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type),
  #m-menu-drawer .m-menu-drawer__content ul ul,
  #m-menu-drawer .m-menu-mobile.is-submenu,
  #m-menu-drawer ul.m-menu-mobile[data-level],
  #m-menu-drawer .m-menu-panel,
  #m-menu-drawer .menu-drawer__submenu,
  #m-menu-drawer [data-submenu],
  #m-menu-drawer [data-level]:not([data-level="1"]),
  #m-menu-drawer [data-depth]:not([data-depth="1"]){
    padding:0 !important;
    margin:0 !important;
  }

  /* Kill theme spacer pseudos that add top/bottom gaps */
  #m-menu-drawer .m-menu-drawer__content ul::before,
  #m-menu-drawer .m-menu-drawer__content ul::after{
    content:none !important; display:none !important;
  }

  /* B) Rows inside ANY submenu */
  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type) > li,
  #m-menu-drawer .m-menu-drawer__content ul ul > li,
  #m-menu-drawer .m-menu-mobile.is-submenu > li,
  #m-menu-drawer ul.m-menu-mobile[data-level] > li,
  #m-menu-drawer [data-submenu] > li{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type) > li > a,
  #m-menu-drawer .m-menu-drawer__content ul ul > li > a,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > a,
  #m-menu-drawer ul.m-menu-mobile[data-level] > li > a,
  #m-menu-drawer [data-submenu] > li > a,
  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type) > li > button,
  #m-menu-drawer .m-menu-drawer__content ul ul > li > button,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > button,
  #m-menu-drawer ul.m-menu-mobile[data-level] > li > button,
  #m-menu-drawer [data-submenu] > li > button{
    display:flex; align-items:center;
    width:100%; box-sizing:border-box;
    padding:var(--submenu-y) var(--submenu-x) !important;
    margin:0 !important;
    min-height:unset !important;
  }

  /* C) Dividers aligned to row padding */
  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type) hr,
  #m-menu-drawer .m-menu-drawer__content ul ul hr,
  #m-menu-drawer .m-menu-mobile.is-submenu hr,
  #m-menu-drawer ul.m-menu-mobile[data-level] hr,
  #m-menu-drawer [data-submenu] hr{
    height:1px; border:0; background:rgba(0,0,0,.12);
    margin:0 var(--submenu-x) !important;
    width:auto !important;
  }

  /* D) Submenu headings (like "Performance") — no extra strips */
  #m-menu-drawer .m-menu-drawer__section-header,
  #m-menu-drawer .m-menu-section-title{
    margin:0 !important;
    padding:8px var(--submenu-x) !important;
  }
}
/* FITNOS — make ALL submenus match Apparel (tight, boxed, aligned) */
@media (max-width:900px){
  #m-menu-drawer{ --submenu-x:22px; --submenu-y:12px; }

  /* 1) Target EVERY submenu container (many theme variants) */
  #m-menu-drawer .m-menu-drawer__content ul ul,
  #m-menu-drawer .m-menu-drawer__content .m-menu-mobile.is-submenu,
  #m-menu-drawer .m-menu-drawer__content .menu-drawer__submenu,
  #m-menu-drawer .m-menu-drawer__content [data-level]:not([data-level="1"]),
  #m-menu-drawer .m-menu-drawer__content [data-depth]:not([data-depth="1"]),
  #m-menu-drawer .m-menu-drawer__content [data-submenu]{
    padding:0 !important;
    margin:0 !important;
  }

  /* kill spacer pseudos that add blank strips */
  #m-menu-drawer .m-menu-drawer__content ul::before,
  #m-menu-drawer .m-menu-drawer__content ul::after{ content:none !important; display:none !important; }

  /* 2) Normalize each submenu ROW */
  /* (Remove pill/card styles, big margins, fixed heights) */
  #m-menu-drawer .m-menu-drawer__content ul ul > li,
  #m-menu-drawer .m-menu-drawer__content .m-menu-mobile.is-submenu > li,
  #m-menu-drawer .m-menu-drawer__content .menu-drawer__submenu > li,
  #m-menu-drawer .m-menu-drawer__content [data-level]:not([data-level="1"]) > li,
  #m-menu-drawer .m-menu-drawer__content [data-submenu] > li{
    margin:0 !important; padding:0 !important; border:0 !important; position:relative;
  }

  #m-menu-drawer .m-menu-drawer__content ul ul > li > a,
  #m-menu-drawer .m-menu-drawer__content ul ul > li > button,
  #m-menu-drawer .m-menu-drawer__content .m-menu-mobile.is-submenu > li > a,
  #m-menu-drawer .m-menu-drawer__content .m-menu-mobile.is-submenu > li > button,
  #m-menu-drawer .m-menu-drawer__content .menu-drawer__submenu > li > a,
  #m-menu-drawer .m-menu-drawer__content .menu-drawer__submenu > li > button,
  #m-menu-drawer .m-menu-drawer__content [data-level]:not([data-level="1"]) > li > a,
  #m-menu-drawer .m-menu-drawer__content [data-level]:not([data-level="1"]) > li > button,
  #m-menu-drawer .m-menu-drawer__content [data-submenu] > li > a,
  #m-menu-drawer .m-menu-drawer__content [data-submenu] > li > button{
    display:flex; align-items:center; width:100%; box-sizing:border-box;
    padding:var(--submenu-y) var(--submenu-x) !important;
    margin:0 !important;
    background:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
    min-height:unset !important;
  }

  /* 3) Our divider — matches row padding and removes extra space */
  #m-menu-drawer .m-menu-drawer__content ul ul > li:not(:last-child)::after,
  #m-menu-drawer .m-menu-drawer__content .m-menu-mobile.is-submenu > li:not(:last-child)::after,
  #m-menu-drawer .m-menu-drawer__content .menu-drawer__submenu > li:not(:last-child)::after,
  #m-menu-drawer .m-menu-drawer__content [data-level]:not([data-level="1"]) > li:not(:last-child)::after,
  #m-menu-drawer .m-menu-drawer__content [data-submenu] > li:not(:last-child)::after{
    content:""; position:absolute; left:var(--submenu-x); right:var(--submenu-x); bottom:0;
    height:1px; background:rgba(0,0,0,.12);
  }

  /* hide any built-in <hr> so lines don’t double */
  #m-menu-drawer .m-menu-drawer__content ul ul hr,
  #m-menu-drawer .m-menu-drawer__content .m-menu-mobile.is-submenu hr,
  #m-menu-drawer .m-menu-drawer__content .menu-drawer__submenu hr,
  #m-menu-drawer .m-menu-drawer__content [data-level]:not([data-level="1"]) hr,
  #m-menu-drawer .m-menu-drawer__content [data-submenu] hr{ display:none !important; }

  /* 4) Submenu section titles (e.g., “Performance”): trim spacing */
  #m-menu-drawer .m-menu-drawer__section-header,
  #m-menu-drawer .m-menu-section-title{
    margin:0 !important; padding:8px var(--submenu-x) !important; border:0 !important;
  }

  /* 5) Keep chevrons right-aligned without absolute positioning */
  #m-menu-drawer .m-menu-drawer__content li > a [class*="icon"],
  #m-menu-drawer .m-menu-drawer__content li > button [class*="icon"]{ margin-left:auto; position:static; }
}
/* FITNOS — FLUSH-LEFT, ZERO-PADDING SUBMENUS (all levels, safe) */
@media (max-width:900px){

  /* 0. Remove top whitespace inside every submenu panel */
  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type),
  #m-menu-drawer .m-menu-drawer__content ul ul,
  #m-menu-drawer .m-menu-mobile.is-submenu,
  #m-menu-drawer [data-level]:not([data-level="1"]),
  #m-menu-drawer [data-submenu],
  #m-menu-drawer [data-depth]:not([data-depth="1"]) {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 1. Remove ALL left and right padding from submenu containers */
  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type),
  #m-menu-drawer .m-menu-drawer__content ul ul,
  #m-menu-drawer .m-menu-mobile.is-submenu,
  #m-menu-drawer [data-level]:not([data-level="1"]),
  #m-menu-drawer [data-submenu] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 2. Remove ALL margins/padding from submenu list items */
  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type) > li,
  #m-menu-drawer .m-menu-drawer__content ul ul > li,
  #m-menu-drawer .m-menu-mobile.is-submenu > li,
  #m-menu-drawer [data-level]:not([data-level="1"]) > li,
  #m-menu-drawer [data-submenu] > li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* 3. Make every submenu row fully flush LEFT (no padding) */
  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type) > li > a,
  #m-menu-drawer .m-menu-drawer__content ul:not(:first-of-type) > li > button,
  #m-menu-drawer .m-menu-drawer__content ul ul > li > a,
  #m-menu-drawer .m-menu-drawer__content ul ul > li > button,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > a,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > button,
  #m-menu-drawer [data-level]:not([data-level="1"]) > li > a,
  #m-menu-drawer [data-level]:not([data-level="1"]) > li > button,
  #m-menu-drawer [data-submenu] > li > a,
  #m-menu-drawer [data-submenu] > li > button {
    padding: 12px 0 !important;     /* ZERO left/right padding */
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }

  /* 4. Chevron stays aligned at far right without spacing hacks */
  #m-menu-drawer li > a [class*="icon"],
  #m-menu-drawer li > button [class*="icon"] {
    margin-left: auto !important;
    position: static !important;
  }

  /* 5. Flush-left divider line (full width) */
  #m-menu-drawer ul hr {
    margin: 0 !important;
    width: 100% !important;
    border: 0 !important;
    height: 1px !important;
    background: rgba(0,0,0,.12);
  }

  /* 6. Kill top spacing above submenu section header (like "Performance") */
  #m-menu-drawer .m-menu-drawer__section-header,
  #m-menu-drawer .m-menu-section-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
  }
}
/* FITNOS — move ALL submenus left + remove top space; keep Apparel as-is */
@media (max-width:900px){

  /* 0) Remove the blank strip at the very top of every submenu panel */
  #m-menu-drawer .m-menu-drawer__header + ul,
  #m-menu-drawer .m-menu-drawer__section-header + ul,
  #m-menu-drawer .m-menu-drawer__content > ul:not(:first-of-type){
    margin-top:0 !important;
    padding-top:0 !important;
  }
  #m-menu-drawer .m-menu-drawer__content{ padding-top:0 !important; }

  /* 1) Flush-left: kill left/right padding on ALL submenu lists & rows */
  #m-menu-drawer .m-menu-drawer__content ul ul,
  #m-menu-drawer .m-menu-mobile.is-submenu,
  #m-menu-drawer [data-level]:not([data-level="1"]),
  #m-menu-drawer .menu-drawer__submenu{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #m-menu-drawer .m-menu-drawer__content ul ul > li,
  #m-menu-drawer .m-menu-mobile.is-submenu > li,
  #m-menu-drawer [data-level]:not([data-level="1"]) > li,
  #m-menu-drawer .menu-drawer__submenu > li{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  #m-menu-drawer .m-menu-drawer__content ul ul > li > a,
  #m-menu-drawer .m-menu-drawer__content ul ul > li > button,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > a,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > button,
  #m-menu-drawer [data-level]:not([data-level="1"]) > li > a,
  #m-menu-drawer [data-level]:not([data-level="1"]) > li > button,
  #m-menu-drawer .menu-drawer__submenu > li > a,
  #m-menu-drawer .menu-drawer__submenu > li > button{
    padding:12px 0 !important;   /* ← no left/right padding */
    margin:0 !important;
    width:100%; box-sizing:border-box;
    display:flex; align-items:center;
  }

  /* 2) Dividers go edge-to-edge */
  #m-menu-drawer .m-menu-drawer__content ul hr{
    margin:0 !important; width:100% !important;
    height:1px !important; border:0 !important;
    background:rgba(0,0,0,.12);
  }

  /* 3) Chevron stays at far right */
  #m-menu-drawer li > a [class*="icon"],
  #m-menu-drawer li > button [class*="icon"]{
    margin-left:auto !important; position:static !important;
  }

  /* 4) EXCEPTION: keep APPAREL from shifting further left
     (try these selectors; your theme will match at least one) */
  #m-menu-drawer [data-handle="apparel"] > li > a,
  #m-menu-drawer [data-title="Apparel"] > li > a,
  #m-menu-drawer [aria-label="Apparel"] ~ ul > li > a,
  #m-menu-drawer .submenu--apparel > li > a{
    padding-left:16px !important;   /* give Apparel its small left inset back */
    padding-right:16px !important;
  }
  #m-menu-drawer [data-handle="apparel"] hr,
  #m-menu-drawer [data-title="Apparel"] hr,
  #m-menu-drawer .submenu--apparel hr{
    margin-left:16px !important;
    margin-right:16px !important;
  }
}
/* FITNOS — Flush-left + no top gap for ALL submenus except Apparel */
@media (max-width:900px){

  /* 0) Remove the blank band under the submenu header */
  #m-menu-drawer .m-menu-drawer__header + .m-menu-drawer__section,
  #m-menu-drawer .m-menu-drawer__header + ul,
  #m-menu-drawer .m-menu-drawer__section-header + ul,
  #m-menu-drawer .m-menu-drawer__content > ul:not(:first-of-type){
    margin-top:0 !important;
    padding-top:0 !important;
  }
  #m-menu-drawer .m-menu-drawer__section-header,
  #m-menu-drawer .m-menu-section-title{ margin:0 !important; padding-top:0 !important; }

  /* 1) FLUSH-LEFT everything by default (affects Supplements/Nutrition/Etc.) */
  #m-menu-drawer .m-menu-drawer__content ul ul,
  #m-menu-drawer .menu-drawer__submenu,
  #m-menu-drawer .m-menu-mobile.is-submenu,
  #m-menu-drawer [data-level]:not([data-level="1"]){
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #m-menu-drawer .m-menu-drawer__content ul ul > li,
  #m-menu-drawer .menu-drawer__submenu > li,
  #m-menu-drawer .m-menu-mobile.is-submenu > li,
  #m-menu-drawer [data-level]:not([data-level="1"]) > li{
    margin:0 !important; padding:0 !important; border:0 !important;
  }
  #m-menu-drawer .m-menu-drawer__content ul ul > li > a,
  #m-menu-drawer .m-menu-drawer__content ul ul > li > button,
  #m-menu-drawer .menu-drawer__submenu > li > a,
  #m-menu-drawer .menu-drawer__submenu > li > button,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > a,
  #m-menu-drawer .m-menu-mobile.is-submenu > li > button,
  #m-menu-drawer [data-level]:not([data-level="1"]) > li > a,
  #m-menu-drawer [data-level]:not([data-level="1"]) > li > button{
    padding:12px 0 !important;   /* ← no left/right padding */
    margin:0 !important; width:100%; box-sizing:border-box;
    display:flex; align-items:center;
  }

  /* Full-width divider and chevron alignment */
  #m-menu-drawer .m-menu-drawer__content ul hr{ margin:0 !important; width:100% !important; border:0; height:1px; background:rgba(0,0,0,.12); }
  #m-menu-drawer li > a [class*="icon"], #m-menu-drawer li > button [class*="icon"]{ margin-left:auto !important; position:static !important; }

  /* 2) EXCEPTION — keep APPAREL as it is (slight inset) */
  #m-menu-drawer [aria-label="Apparel"] ~ ul > li > a,
  #m-menu-drawer [data-title="Apparel"] ~ ul > li > a,
  #m-menu-drawer .submenu--apparel > li > a{
    padding-left:16px !important; padding-right:16px !important;
  }
  #m-menu-drawer [aria-label="Apparel"] ~ ul hr,
  #m-menu-drawer [data-title="Apparel"] ~ ul hr,
  #m-menu-drawer .submenu--apparel hr{
    margin-left:16px !important; margin-right:16px !important; width:auto !important;
  }
}
/* FITNOS — Mobile: flush-left + no top gap for ALL custom mega submenus */
@media (max-width:900px){

  /* Target every Fitnos custom submenu block (Apparel, Supplements, Nutrition, Equipment, Recovery, etc.) */
  #m-menu-drawer .fitnos-mega,
  #m-menu-drawer .fitnos-mega-drill,
  #m-menu-drawer [data-mega]{
    padding:0 !important;      /* override inline padding like "padding:36px 32px" */
    margin:0 !important;
  }

  /* Kill any extra band under the submenu header */
  #m-menu-drawer .m-menu-drawer__header + .fitnos-mega,
  #m-menu-drawer .m-menu-drawer__section-header + .fitnos-mega,
  #m-menu-drawer .m-menu-drawer__header + [data-mega]{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* Remove all left/right spacing inside every Fitnos submenu */
  #m-menu-drawer .fitnos-mega *{
    box-sizing:border-box;
  }
  #m-menu-drawer .fitnos-mega ul,
  #m-menu-drawer .fitnos-mega li,
  #m-menu-drawer .fitnos-mega .fitnos-block{
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
  }

  /* Make rows full-width & left-aligned; keep slide JS intact */
  #m-menu-drawer .fitnos-mega li > a,
  #m-menu-drawer .fitnos-mega li > button{
    display:flex; align-items:center;
    width:100%; padding:12px 0 !important;   /* ZERO left/right */
    margin:0 !important; min-height:unset !important;
  }

  /* Full-width divider lines */
  #m-menu-drawer .fitnos-mega hr{
    margin:0 !important; width:100% !important;
    height:1px !important; border:0 !important; background:rgba(0,0,0,.12);
  }

  /* Kill pill/card styling if any were used for category chips */
  #m-menu-drawer .fitnos-mega [class*="pill"],
  #m-menu-drawer .fitnos-mega [class*="chip"],
  #m-menu-drawer .fitnos-mega [class*="card"]{
    padding:0 !important; margin:0 !important;
    background:none !important; border-radius:0 !important; box-shadow:none !important;
  }

  /* Headings inside Fitnos blocks (e.g., "Performance") with no extra top spacing */
  #m-menu-drawer .fitnos-mega h2,
  #m-menu-drawer .fitnos-mega h3,
  #m-menu-drawer .fitnos-mega .fitnos-section-title{
    margin:0 !important; padding:0 0 8px 0 !important;
  }

  /* Chevron: keep at far right without absolute positioning */
  #m-menu-drawer .fitnos-mega li > a [class*="icon"],
  #m-menu-drawer .fitnos-mega li > button [class*="icon"]{
    margin-left:auto; position:static !important;
  }
}
/* FITNOS — MOBILE SUBMENUS: remove ALL right-side space */
@media (max-width:900px){

  /* 0) Catch common submenu containers (your custom Fitnos blocks + theme lists) */
  #m-menu-drawer .fitnos-mega,
  #m-menu-drawer .fitnos-mega-drill,
  #m-menu-drawer [data-mega],
  #m-menu-drawer .menu-drawer__submenu,
  #m-menu-drawer .m-menu-mobile.is-submenu,
  #m-menu-drawer .m-menu-drawer__content ul{
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  /* 1) Inner blocks and list items */
  #m-menu-drawer .fitnos-mega .fitnos-block,
  #m-menu-drawer .fitnos-mega ul,
  #m-menu-drawer .fitnos-mega li,
  #m-menu-drawer .m-menu-drawer__content ul > li{
    padding-right: 0 !important;
    margin-right: 0 !important;
    border-right: 0 !important;
  }

  /* 2) Links/buttons (rows) — no right padding at all */
  #m-menu-drawer .fitnos-mega li > a,
  #m-menu-drawer .fitnos-mega li > button,
  #m-menu-drawer .m-menu-drawer__content ul > li > a,
  #m-menu-drawer .m-menu-drawer__content ul > li > button{
    padding-right: 0 !important;     /* ← key line */
    width: 100%;
    box-sizing: border-box;
  }

  /* 3) Dividers/HRs — extend fully to the right edge */
  #m-menu-drawer .fitnos-mega hr,
  #m-menu-drawer .m-menu-drawer__content ul hr{
    margin-right: 0 !important;
    width: 100% !important;
  }

  /* 4) Chevron/icon at far right without extra inset */
  #m-menu-drawer li > a [class*="icon"],
  #m-menu-drawer li > button [class*="icon"]{
    margin-right: 0 !important;     /* kill any default icon inset */
    margin-left: auto;               /* keep it pinned to the right */
    position: static !important;     /* don’t interfere with JS */
  }

  /* 5) Wrapper padding on the drawer itself (just in case) */
  #m-menu-drawer .m-menu-drawer__wrapper,
  #m-menu-drawer .m-menu-drawer__content{
    padding-right: 0 !important;
  }
}
/* FITNOS — Mobile: make submenu "boxes" full-width and keep arrows proportional */
@media (max-width:900px){
  /* tuning knobs */
  #m-menu-drawer{
    --row-x: 20px;     /* left/right padding for text */
    --icon-gap: 10px;  /* tiny gap between text and chevron */
  }

  /* 1) Ensure every submenu container uses the full drawer width (no inner max-width/centering) */
  #m-menu-drawer .m-menu-drawer__content > ul,
  #m-menu-drawer .m-menu-drawer__content > .fitnos-mega,
  #m-menu-drawer .m-menu-drawer__content > [data-mega],
  #m-menu-drawer .fitnos-mega,
  #m-menu-drawer .fitnos-mega *[class*="grid"],
  #m-menu-drawer .fitnos-block{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
  }

  /* 2) Full-width rows (native lists + Fitnos lists) */
  #m-menu-drawer ul.m-menu-mobile > li,
  #m-menu-drawer .fitnos-mega ul > li{
    margin:0 !important;
    padding:0 !important;
    position:relative;
  }

  #m-menu-drawer ul.m-menu-mobile > li > a,
  #m-menu-drawer ul.m-menu-mobile > li > button,
  #m-menu-drawer .fitnos-mega ul > li > a,
  #m-menu-drawer .fitnos-mega ul > li > button{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    box-sizing:border-box;
    padding:16px var(--row-x) !important;   /* controls left/right “box” padding */
  }

  /* 3) Chevron stays proportionally at the right edge */
  #m-menu-drawer ul.m-menu-mobile > li > a [class*="icon"],
  #m-menu-drawer ul.m-menu-mobile > li > button [class*="icon"],
  #m-menu-drawer .fitnos-mega ul > li > a [class*="icon"],
  #m-menu-drawer .fitnos-mega ul > li > button [class*="icon"]{
    margin-left:auto;                 /* pushes icon to the right */
    padding-left: var(--icon-gap);    /* small breathing room */
    position:static !important;       /* don’t break swipe JS */
  }

  /* 4) Dividers span the same width as the rows */
  #m-menu-drawer ul.m-menu-mobile hr,
  #m-menu-drawer .fitnos-mega hr{
    margin:0 !important;
    width:100% !important;
    border:0;
    height:1px;
    background:rgba(0,0,0,.12);
  }

  /* 5) Remove inner “card/pill” insets some panels used */
  #m-menu-drawer .fitnos-mega [class*="pill"],
  #m-menu-drawer .fitnos-mega [class*="chip"],
  #m-menu-drawer .fitnos-mega [class*="card"]{
    padding-left:0 !important; padding-right:0 !important;
    margin-left:0 !important; margin-right:0 !important;
    border-radius:0 !important; box-shadow:none !important; background:none !important;
  }
}
/* FITNOS — MOBILE SUBMENUS: make boxes truly full-width (no side padding/max-width) */
@media (max-width:900px){
  /* tuning knobs */
  #m-menu-drawer{
    --row-pad-x: 18px;   /* text/chevron inset inside the full-width box */
  }

  /* 1) Remove ALL side padding on the drawer/content */
  #m-menu-drawer,
  #m-menu-drawer .m-menu-drawer__wrapper,
  #m-menu-drawer .m-menu-drawer__content,
  #m-menu-drawer .m-menu-drawer__section{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* 2) Kill inner max-width/centering and inline paddings on custom blocks */
  #m-menu-drawer .fitnos-mega,
  #m-menu-drawer .fitnos-mega-drill,
  #m-menu-drawer [data-mega]{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;   /* overrides style="padding:36px 32px" */
    padding-right:0 !important;
  }

  /* 3) Also neutralize any inner “grid/container” that was narrowing the panel */
  #m-menu-drawer .m-menu-drawer__content [class*="container"],
  #m-menu-drawer .m-menu-drawer__content [class*="grid"],
  #m-menu-drawer .m-menu-drawer__content [style*="max-width"],
  #m-menu-drawer .m-menu-drawer__content [style*="margin:0 auto"]{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
  }

  /* 4) Make every row a full-bleed “box” */
  #m-menu-drawer ul.m-menu-mobile > li,
  #m-menu-drawer .fitnos-mega ul > li{
    margin:0 !important;
    padding:0 !important;
    position:relative;
  }
  #m-menu-drawer ul.m-menu-mobile > li > a,
  #m-menu-drawer ul.m-menu-mobile > li > button,
  #m-menu-drawer .fitnos-mega ul > li > a,
  #m-menu-drawer .fitnos-mega ul > li > button{
    display:flex; align-items:center;
    width:100% !important;             /* span the whole drawer */
    box-sizing:border-box;
    padding:16px var(--row-pad-x) !important;  /* inner breathing room */
  }

  /* 5) Chevron pinned at the far right (inside the full-width box) */
  #m-menu-drawer ul.m-menu-mobile > li > a [class*="icon"],
  #m-menu-drawer ul.m-menu-mobile > li > button [class*="icon"],
  #m-menu-drawer .fitnos-mega ul > li > a [class*="icon"],
  #m-menu-drawer .fitnos-mega ul > li > button [class*="icon"]{
    margin-left:auto;                 /* push to right edge of the box */
    position:static !important;       /* don’t break slide JS */
  }

  /* 6) Dividers run edge-to-edge with the box */
  #m-menu-drawer ul.m-menu-mobile hr,
  #m-menu-drawer .fitnos-mega hr{
    margin-left:0 !important;
    margin-right:0 !important;
    width:100% !important;
    border:0; height:1px; background:rgba(0,0,0,.12);
  }
}
/* FITNOS — Mobile submenu rows span FULL drawer width (boxes + dividers) */
@media (max-width:900px){

  /* 0) Nuke side padding/max-width that can clip width */
  #m-menu-drawer,
  #m-menu-drawer .m-menu-drawer__wrapper,
  #m-menu-drawer .m-menu-drawer__content{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  #m-menu-drawer .fitnos-mega,
  #m-menu-drawer [data-mega]{
    max-width:none !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* 1) Make every row a full-bleed box */
  #m-menu-drawer ul.m-menu-mobile > li,
  #m-menu-drawer .fitnos-mega ul > li{
    position:relative;   /* for our custom full-width divider */
    margin:0 !important;
    padding:0 !important;
    background:#fff;     /* ensure the “box” looks solid edge to edge */
  }

  /* Inner padding for text only; box itself still spans full width */
  #m-menu-drawer ul.m-menu-mobile > li > a,
  #m-menu-drawer ul.m-menu-mobile > li > button,
  #m-menu-drawer .fitnos-mega ul > li > a,
  #m-menu-drawer .fitnos-mega ul > li > button{
    display:flex; align-items:center;
    width:100% !important; box-sizing:border-box;
    padding:16px 20px !important;   /* adjust inset as you like */
  }

  /* Chevron sits at the far right inside the full-width box */
  #m-menu-drawer ul.m-menu-mobile > li > a [class*="icon"],
  #m-menu-drawer ul.m-menu-mobile > li > button [class*="icon"],
  #m-menu-drawer .fitnos-mega ul > li > a [class*="icon"],
  #m-menu-drawer .fitnos-mega ul > li > button [class*="icon"]{
    margin-left:auto;
    position:static !important;     /* don’t disturb JS */
  }

  /* 2) Our own FULL-WIDTH divider (replaces short theme hr) */
  #m-menu-drawer ul.m-menu-mobile > li::after,
  #m-menu-drawer .fitnos-mega ul > li::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:1px;
    background:rgba(0,0,0,.12);
  }
  /* no divider on last row */
  #m-menu-drawer ul.m-menu-mobile > li:last-child::after,
  #m-menu-drawer .fitnos-mega ul > li:last-child::after{ display:none; }

  /* Hide the theme's short <hr> so lines don't double */
  #m-menu-drawer ul.m-menu-mobile hr,
  #m-menu-drawer .fitnos-mega hr{ display:none !important; }
}
/* FITNOS — shrink mobile hamburger menu to 65% width */
@media (max-width: 900px){
  #m-menu-drawer .m-menu-drawer__wrapper{
    width: 65vw !important;      /* drawer = 65% of screen */
    max-width: 65vw !important;
    left: 0 !important;
    right: auto !important;
  }

  /* backdrop covers the remaining 35% */
  #m-menu-drawer .m-menu-drawer__backdrop{
    left: 65vw !important;
  }
}
@media (min-width: 901px){
  .fitnos-mega.fitnos-apparel {
    position: relative;
    left: -20%;   /* shifts ONLY the apparel columns left */
  }
}
@media (min-width: 901px){
  /* Move ALL mega menus except Apparel + Brands */
  .fitnos-mega:not(.fitnos-apparel):not(.fitnos-brands) {
    position: relative;
    left: -7%;   /* shift left */
  }
}
/* FITNOS — Supplements: nudge Recovery + Vitamins 10% left (desktop only) */
@media (min-width: 901px){
  .fitnos-mega.fitnos-supplements .fitnos-supp-grid > .fitnos-block[data-group="recovery"],
  .fitnos-mega.fitnos-supplements .fitnos-supp-grid > .fitnos-block[data-group="vitamins"]{
    transform: translateX(-10%) !important; /* left by 10% */
  }
}
/* ==== FITNOS — turn OFF sticky Amazon button & sticky ATC bars ==== */

/* 1) Kill any sticky bars that clone the CTA */
.m-sticky-atc,
.product-sticky-atc,
.product-sticky-cart,
.product__sticky-atc,
.product-sticky-bar,
.sticky-add-to-cart,
.sticky_add_to_cart,
.m-fixed-cart-bar,
.m-bottom-bar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 2) If a sticky bar still exists, hide only the Amazon link inside it */
.m-sticky-atc a[id^="SpreadrLink-"],
.product-sticky-atc a[id^="SpreadrLink-"],
.product-sticky-cart a[id^="SpreadrLink-"],
.product__sticky-atc a[id^="SpreadrLink-"],
.sticky-add-to-cart a[id^="SpreadrLink-"]{
  display: none !important;
}

/* 3) Keep the main product-form Amazon link in normal flow (non-sticky) */
.m-product-form a[id^="SpreadrLink-"],
.product-form a[id^="SpreadrLink-"]{
  position: static !important;
  top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  transform: none !important;
  z-index: 1 !important;
}

/* (Optional) If the theme sets sticky on the action row itself */
.m-product-form__actions,
.product-form__actions{
  position: static !important;
}
/* FITNOS — Hide sticky add-to-cart/Amazon bar (desktop + mobile) */
.m-sticky-addtocart,
.m-sticky-addtocart * ,
[data-view="sticky-atc"],
sticky-atc {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}