/** Shopify CDN: Minification failed

Line 243:0 Expected "}" to go with "{"

**/
/* Base font and color styles */
#bold-container {
  font-family: var(--font-body-family);
  color: var(--color-foreground);
  background-color: var(--color-background);
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height, 1.6);
}

/* Typography for headings */
#bold-container h1,
#bold-container h2,
#bold-container h3 {
  font-family: var(--font-heading-family, var(--font-body-family));
  font-weight: var(--font-heading-weight, 600);
  color: var(--color-foreground);
  margin-bottom: 1.2em;
}

/* Product title inside subscription details */
#customer-portal-root .subscription-header-details-container .details-section--header h3 {
  font-family: var(--font-body-family);
  font-weight: 400;
  font-size: 1.125rem;
  color: #353434;
  text-transform: none;
  line-height: 1.4;
  margin-bottom: 0.75em;
  max-width: 30ch; /* Limit the width so it doesn't feel too wide */
}

/* Padding below main subscription section title ("MY SUBSCRIPTIONS") */
#customer-portal-root h3 {
  padding-bottom: 36px;
}

/* Global link and button styling */
#customer-portal-root a.bsub-link,
#customer-portal-root .with-button__style-as-link {
  color: #353434 !important;
  text-decoration: underline;
  cursor: pointer;
}

#customer-portal-root a.bsub-link:hover,
#customer-portal-root .with-button__style-as-link:hover {
  color: #000000 !important;
  text-decoration: none;
}

#customer-portal-root button,
#customer-portal-root input[type="submit"],
#customer-portal-root .stx-button,
#customer-portal-root .stx-button--secondary .stx-button__text {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size, 0.875rem);
  font-weight: 400;
  color: #353434 !important;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: color 0.2s ease;
}

#customer-portal-root button:hover,
#customer-portal-root input[type="submit"]:hover,
#customer-portal-root .stx-button:hover,
#customer-portal-root .stx-button--secondary:hover .stx-button__text {
  color: #000000 !important;
}

/* Panel headers (dropdown sections) */
#customer-portal-root .panel--header {
  background-color: transparent !important;
  padding: 1.2em;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size, 0.875rem);
  font-weight: 500;
  color: #353434;
  border: 1px solid #353434;
  border-radius: 0;
  cursor: pointer;
}

/* Panel header text */
#customer-portal-root .panel--header-title {
  font-size: inherit;
  color: #353434 !important;
  font-weight: 400;
  line-height: 1.4;
}

/* Panel content */
#customer-portal-root .panel--section,
#customer-portal-root .panel--section * {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size, 0.875rem);
  color: #353434 !important;
  line-height: 1.6;
}

/* Dropdown arrow icons */
#customer-portal-root .panel--header-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: text-top;
}

/* Account Info section */

/* Style the helper text under the "Account Info" title */
#customer-portal-root .customer-info__header-message {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size, 0.875rem);
  font-weight: 400;
  color: #353434;
  line-height: 1.6;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}

/* Stack customer info fields vertically with clean spacing */
#customer-portal-root .customer-info__container {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

/* Style the field labels ("Name", "Email address") */
#customer-portal-root .customer-info__item .bsub-highlighted-header {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size, 0.875rem);
  font-weight: 400;
  color: #353434;
  line-height: 1.4;
  margin-bottom: 0.25em;
}

/* Style the actual customer info ("Lindsay MacPherson", etc.) */
#customer-portal-root .customer-info__item p {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size, 0.875rem);
  font-weight: 400;
  color: #353434;
  line-height: 1.6;
  margin: 0;
}

/* Subscription card font unification */
#customer-portal-root .active-subscription__details,
#customer-portal-root .active-subscription__details * {
  font-family: var(--font-body-family);
  font-size: var(--font-body-size, 0.875rem);
  font-weight: 400;
  color: #353434;
  line-height: 1.6;
}

/* Slight boldness for "Next order:" label */
#customer-portal-root .next-order-label {
  font-weight: 500;
}

/* Stack items inside each column neatly */
#customer-portal-root .bsub-flex-grid__column {
  display: flex;
  flex-direction: column;
  

/* Fix grid layout spacing */
#customer-portal-root .bsub-flex-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1em; /* smaller gap horizontally */
  margin-top: 1em; /* smaller breathing room */
}

/* Stack items inside each column neatly */
#customer-portal-root .bsub-flex-grid__column {
  display: flex;
  flex-direction: column;
  gap: 1em; /* smaller gap between sections */
}

/* Fix "ADD PRODUCTS" button */
#customer-portal-root .bsub-flex-grid__column button {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size, 0.875rem);
  font-weight: 400;
  color: #353434;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-align: left;
}

/* Remove underline on product links under "Products" */
#customer-portal-root .bsub-name-price .bsub-link {
  text-decoration: none;
  color: #353434;
}

#customer-portal-root .bsub-name-price .bsub-link:hover {
  text-decoration: underline;
  color: #000000;
}

/* Align subscription details (image and text) to top */
#customer-portal-root .subscription-details {
  align-items: flex-start;
}











