/** Shopify CDN: Minification failed

Line 657:1 Expected "}" to go with "{"

**/
mobile-navigation {
  display: block;
  padding: 0 !important;
  min-height: 100%;
  overflow: hidden;
}
mobile-navigation.opened-first-submenu nav:not(.opened-nav), mobile-navigation.opened-second-submenu nav:not(.opened-nav) {
  pointer-events: none;
}
mobile-navigation .site-nav {
  padding: 0;
}
mobile-navigation .site-nav nav ul.text-size--18 li > a {
  padding: 0.375rem 0;
}
mobile-navigation .site-nav nav ul.text-size--30 li > a {
  padding: 0.4375rem 0;
}
mobile-navigation .site-nav nav .menu-title {
  display: block;
}
mobile-navigation .site-nav nav .menu-title.text-size--18 {
  padding: 0.375rem 0;
}
mobile-navigation .site-nav nav .menu-title.text-size--30 {
  padding: 0.1875rem 0 0.5625rem;
}
mobile-navigation .site-nav nav > div, mobile-navigation .site-nav .submenu, mobile-navigation .site-nav .babymenu {
  border-bottom: var(--border-width-drawers) var(--border-style-grid) var(--color-scheme-borders);
  padding: 1.25rem var(--sidebar-gutter);
}
mobile-navigation .site-nav nav:last-child > div {
  border-bottom: 0;
}
mobile-navigation .site-nav .link-arrow__text {
  position: relative;
  width: 100%;
}
mobile-navigation .site-nav .link-arrow__text .icon {
  display: block;
  position: absolute;
  top: 0;
  width: 1em;
  height: 1em;
}
html[dir=rtl] mobile-navigation .site-nav .link-arrow__text .icon {
  left: 0;
}
html[dir=ltr] mobile-navigation .site-nav .link-arrow__text .icon {
  right: 0;
}
mobile-navigation .site-nav .link-arrow__text .text-animation--underline {
  margin-inline-end: 1.5em;
}
mobile-navigation .site-nav .submenu, mobile-navigation .site-nav .babymenu {
  width: 100%;
  position: absolute;
  top: 0;
  display: none;
}
html[dir=rtl] mobile-navigation .site-nav .submenu, html[dir=rtl] mobile-navigation .site-nav .babymenu {
  right: 0;
}
html[dir=ltr] mobile-navigation .site-nav .submenu, html[dir=ltr] mobile-navigation .site-nav .babymenu {
  left: 0;
}
mobile-navigation .site-nav .submenu {
  padding-bottom: 0.625rem;
}
mobile-navigation .site-nav .babymenu {
  padding-bottom: 0.625rem;
}
mobile-navigation .site-nav .submenu-back {
  cursor: pointer;
}
mobile-navigation .site-nav .submenu-back a {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  margin-top: -0.625rem;
  margin-bottom: 0.625rem;
}
mobile-navigation .site-nav .submenu-back .icon {
  width: 1em;
  height: 0.775em;
  margin-inline-end: 0.75rem;
  margin-inline-start: 0;
}
mobile-navigation .site-nav .submenu-back .icon svg {
  display: block;
}
mobile-navigation .site-nav .submenu-back:after {
  content: "";
  display: block;
  width: calc(100% + var(--sidebar-gutter) * 2);
  border-bottom: var(--border-width-drawers) var(--border-style-grid) var(--color-scheme-borders);
  position: relative;
}
html[dir=rtl] mobile-navigation .site-nav .submenu-back:after {
  right: calc(var(--sidebar-gutter) * -1);
}
html[dir=ltr] mobile-navigation .site-nav .submenu-back:after {
  left: calc(var(--sidebar-gutter) * -1);
}
mobile-navigation .site-nav .submenu-back + li:nth-child(2) {
  margin-top: 0.625rem;
}
mobile-navigation li.has-submenu.opened .submenu {
  display: block;
}
mobile-navigation li.has-babymenu.opened .babymenu {
  display: block;
}

.navigation-footer-element {
  padding: 0.5rem var(--sidebar-gutter);
}
.navigation-footer-element:not(:last-child) {
  border-bottom: var(--border-width-drawers) var(--border-style-grid) var(--color-scheme-borders);
}

.menu-social-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.625rem;
}

/* --- Clubwell mobile nav: jazz pass --- */

/* 1) More breathing room in the drawer */
mobile-navigation {
  padding: 0;
}

/* 2) Soften the section dividers (less "sitemap") */
mobile-navigation .site-nav nav > div,
mobile-navigation .site-nav .submenu,
mobile-navigation .site-nav .babymenu {
  border-bottom: 0;               /* remove heavy dividers */
  padding: 1rem var(--sidebar-gutter);
}

/* 3) Make top-level links feel like premium "cards" */
mobile-navigation .site-nav nav ul li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.9rem 1rem;
  border-radius: 14px;
  background: rgba(0,0,0,0.04);   /* subtle tint */
  margin: 0.5rem 0;
}

/* 4) Hover/press feedback */
mobile-navigation .site-nav nav ul li > a:active {
  transform: scale(0.99);
  opacity: 0.95;
}

/* 5) Arrow icon spacing (yours is absolute-positioned; this helps spacing) */
mobile-navigation .site-nav .link-arrow__text .text-animation--underline {
  margin-inline-end: 2.25em;
}

/* 6) Make "Join the Club" look like a CTA (needs a selector tweak—see note below) */
mobile-navigation .site-nav nav ul li > a[data-cta="join"] {
  background: rgba(0,0,0,0.9);
  color: white;
}
mobile-navigation .site-nav nav ul li > a[data-cta="join"] .icon {
  filter: invert(1);
}
/* --- Mobile nav: remove "pill inside card" + make premium cards --- */

/* If the <li> is creating the outer card look, neutralize it */
mobile-navigation .site-nav nav ul li {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0.6rem 0;
}

/* Make the <a> the actual card */
mobile-navigation .site-nav nav ul li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;

  padding: 1rem 1.1rem !important;
  border-radius: 18px;
  background: rgba(0,0,0,0.04); /* subtle tint */
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}

/* Remove any inner "pill" styling from wrappers inside the link */
mobile-navigation .site-nav nav ul li > a * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Stop the arrow icon being absolutely positioned (more modern look) */
mobile-navigation .site-nav .link-arrow__text {
  display: flex;
  align-items: center;
  width: 100%;
}

mobile-navigation .site-nav .link-arrow__text .icon {
  position: static !important;
  margin-left: auto;
}

/* Kill the extra right margin that existed for the absolute arrow */
mobile-navigation .site-nav .link-arrow__text .text-animation--underline {
  margin-inline-end: 0 !important;
}

/* ===== Mobile Menu Builder styling ===== */

.mobile-menu-builder {
  padding-bottom: 1rem;
}

.mm-card {
  margin: 0.6rem var(--sidebar-gutter);
  border-radius: 22px;
  overflow: hidden;
  background: rgba(0,0,0,0.035);
  box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

.mm-hero {
  display: grid;
  gap: 0;
}
.mm-hero__content {
  padding: 1rem 1.1rem;
}
.mm-hero__eyebrow {
  opacity: 0.7;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.mm-hero__title {
  font-size: 20px;
  font-weight: 650;
  margin-top: 0.25rem;
}
.mm-hero__text {
  opacity: 0.8;
  margin-top: 0.35rem;
}
.mm-hero__media img {
  width: 100%;
  height: auto;
  display: block;
}

.mm-badge {
  display: inline-flex;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
  background: rgba(0,0,0,0.08);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.65rem 0.95rem;
  margin-top: 0.75rem;
  text-decoration: none;
}
.mm-button--primary {
  background: rgba(0,0,0,0.88);
  color: #fff;
}
.mm-button--outline {
  border: 1px solid rgba(0,0,0,0.18);
  background: transparent;
}

.mm-button--inline {
  margin-top: 0.7rem;
}

.mm-tile__content {
  padding: 1rem 1.1rem;
}
.mm-tile__title {
  font-size: 18px;
  font-weight: 650;
  margin-top: 0.4rem;
}
.mm-tile__text {
  opacity: 0.8;
  margin-top: 0.35rem;
}

.mm-product__link {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 0.9rem;
  padding: 1rem 1.1rem;
  text-decoration: none;
}
.mm-product__media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}
.mm-product__title {
  font-size: 16px;
  font-weight: 650;
  margin-top: 0.35rem;
}
.mm-product__price {
  opacity: 0.75;
  margin-top: 0.25rem;
}

.mm-app {
  padding: 1rem 1.1rem;
}
.mm-app__title {
  font-size: 18px;
  font-weight: 650;
}
.mm-app__text {
  opacity: 0.8;
  margin-top: 0.35rem;
}
.mm-app__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.8rem;
}

.mm-divider {
  height: 1px;
  background: rgba(0,0,0,0.10);
  margin: 0.6rem var(--sidebar-gutter);
  border-radius: 999px;
}

.mm-grid{
  margin: 0.75rem var(--sidebar-gutter) 0.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.9rem;
}

.mm-grid__tile{
  position: relative;
  display: block;
  border-radius: 18px;
  padding: 0.9rem;
  background: rgba(0,0,0,0.035);
  box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  overflow: hidden;
  text-decoration: none;
  min-height: 145px;
}

.mm-grid__img{
  position: absolute;
  inset: 0;
}

.mm-grid__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mm-grid__tile::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.30));
  pointer-events: none;
}

.mm-grid__pill{
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  padding: 0.38rem 0.62rem;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(0,0,0,0.82);
  background: linear-gradient(135deg, #43d58c 0%, #c9f5e7 80%);
}

.mm-grid__arrow{
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  z-index: 2;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(255,255,255,0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(0,0,0,0.10);
}

.mm-grid__arrow svg{
  width: 16px;
  height: 16px;
  display: block;
}
/* ===== Social grid upgrade ===== */

.menu-social-links{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 0.9rem;
}

/* Each social tile */
.menu-social-links a{
  display: flex;
  align-items: center;
  justify-content: center;     /* center contents horizontally */
  gap: 0.6rem;

  padding: 0.95rem 1rem;
  border-radius: 999px;

  text-decoration: none;
  font-weight: 600;
  font-size: 14px;

  /* Gradient background */
  background: linear-gradient(
    135deg,
    rgba(111,217,167,0.45) 0%,
    rgba(230,250,243,0.55) 100%
  );

  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Force icon before text */
.menu-social-links a svg{
  order: 0;
  width: 18px;
  height: 18px;
  display: block;
}

/* If theme wraps text in span */
.menu-social-links a span{
  order: 1;
}

/* Press interaction */
.menu-social-links a:active{
  transform: scale(0.97);
}

/* Remove old button styling if inherited */
.menu-social-links a.button{
  border: 0 !important;
}
.sidebar__close {
  border-left: 0 !important;
}

.sidebar__close::before,
.sidebar__close::after {
  display: none !important;
}
/* Center drawer logo */
.sidebar__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Keep close button fixed right */
.sidebar__close {
  position: absolute;
  right: 1rem;
}

/* Logo styling */
.sidebar__logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sidebar__logo img {
  height: 24px;
  width: auto;
  display: block;
}
/* Center the drawer logo regardless of close button */
.sidebar__header{
  position: relative;
}

/* Put logo dead-center */
.sidebar__logo{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Keep close button on the right */
.sidebar__close{
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

/* Optional: keep header height consistent */
.sidebar__header{
  min-height: 64px; /* adjust if needed */
}

/* Logo size */
.sidebar__logo img{
  height: 26px;
  width: auto;
  display: block;
}
/* ===== Login / Manage Subscription Button ===== */

.mm-account {
  margin: 1.5rem var(--sidebar-gutter) 1rem;
}

/* ===== Login CTA (matches your tile system) ===== */

.mm-account{
  margin: 0.4rem var(--sidebar-gutter) 0.3rem;
}

/* remove any list styling around it if it’s still inside a <ul> */
.mm-account .link-list,
.mm-account li{
  list-style: none;
  padding: 0;
  margin: 0;
}

.mm-login-cta{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;

  padding: 1rem 1.1rem;
  border-radius: 22px;
  text-decoration: none;

  /* softer, less “neon” green */
background: linear-gradient(
  135deg,
  rgba(67,213,140,0.55) 0%,
  rgba(201,245,231,0.75) 100%
);

box-shadow:
  0 14px 30px rgba(0,0,0,0.10),
  inset 0 0 0 1px rgba(67,213,140,0.20);

  color: rgba(0,0,0,0.88);
}

.mm-login-cta:active{
  transform: scale(0.985);
}

.mm-login-cta__copy{
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.mm-login-cta__title{
  font-size: 16px;
  font-weight: 750;
  letter-spacing: 0.01em;
}

.mm-login-cta__subtitle{
  margin-top: 0.2rem;
  font-size: 13px;
  opacity: 0.75;
}

.mm-login-cta__arrow{
  margin-left: auto;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255,255,255,0.70);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 18px rgba(0,0,0,0.10);
}

.mm-login-cta__arrow svg{
  width: 16px;
  height: 16px;
  display: block;
}

/* FORCE the login CTA styling to win */
.mm-account a.mm-login-cta{
  background: linear-gradient(135deg, rgba(67,213,140,0.55) 0%, rgba(201,245,231,0.75) 100%) !important;
  border-radius: 22px !important;
  padding: 1rem 1.1rem !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.10),
              inset 0 0 0 1px rgba(67,213,140,0.20) !important;
  color: rgba(0,0,0,0.88) !important;
}
.mm-social-heading{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.6;
  margin-bottom: 0.6rem;
body.sidebar-opened {
  overflow: hidden !important;
}