/** Shopify CDN: Minification failed

Line 378:14 Expected identifier but found whitespace
Line 378:38 Unexpected "!"

**/
/* ================================================
   HONGO TEA CO — DAWN THEME CUSTOM CSS
   Brand Kit: Cream #FFF6EA | Orange #F59921 
   Dark Brown #502D00 | Yellow #FFCE36
   Green #98C21D | Teal #00B2B8
================================================ */

/* --- GLOBAL TYPOGRAPHY --- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body, p, li, span, a, input, select, textarea, button {
  font-family: 'Poppins', sans-serif !important;
}

/* --- PRODUCT TITLE --- */
.product__title,
.product__title h1 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  font-size: 32px !important;
  color: #502D00 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
}

/* --- PRICE --- */
.price__regular .price-item,
.price__sale .price-item,
.price .price-item--regular,
.price .price-item--sale,
.price-item {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  color: #F59921 !important;
}

.price__regular,
.price--large {
  color: #F59921 !important;
}

/* --- VARIANT SELECTOR LABELS --- */
.product-form__input label,
.variant-picker label,
fieldset.js-contents legend,
.product-form__input .form__label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #502D00 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

/* --- VARIANT BUTTONS (size/pack selectors) --- */
.variant-picker .swatch-input__input + label,
.product-form__input input[type="radio"] + label,
.variant-buttons .form__radio-button {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  border: 2px solid rgba(80,45,0,0.2) !important;
  border-radius: 100px !important;
  color: #502D00 !important;
  background: #FFF6EA !important;
  transition: all 0.2s ease !important;
}

.variant-picker .swatch-input__input:checked + label,
.product-form__input input[type="radio"]:checked + label {
  border-color: #F59921 !important;
  background: #F59921 !important;
  color: #502D00 !important;
  font-weight: 700 !important;
}

.variant-picker .swatch-input__input + label:hover,
.product-form__input input[type="radio"] + label:hover {
  border-color: #F59921 !important;
  color: #502D00 !important;
}

/* --- VARIANT DROPDOWN SELECT --- */
.product-form__input select,
.select__select {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  color: #502D00 !important;
  background-color: #FFF6EA !important;
  border: 2px solid rgba(80,45,0,0.2) !important;
  border-radius: 100px !important;
  padding: 12px 20px !important;
}

.select__select:focus {
  border-color: #F59921 !important;
  outline: none !important;
}

/* --- ADD TO CART BUTTON --- */
.product-form__submit,
.product-form__submit.button,
button[name="add"],
.btn-product-submit {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  background-color: #F59921 !important;
  color: #502D00 !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 18px 40px !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
  width: 100% !important;
}

.product-form__submit:hover,
button[name="add"]:hover {
  background-color: #FFCE36 !important;
  color: #502D00 !important;
  transform: translateY(-1px) !important;
}

.product-form__submit:active,
button[name="add"]:active {
  transform: translateY(0px) !important;
}

/* --- SOLD OUT / UNAVAILABLE BUTTON --- */
.product-form__submit[disabled],
.product-form__submit.disabled {
  background-color: rgba(80,45,0,0.2) !important;
  color: #502D00 !important;
  opacity: 0.6 !important;
}

/* --- QUANTITY SELECTOR --- */
.quantity__button,
.quantity__input {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  color: #502D00 !important;
  border-color: rgba(80,45,0,0.2) !important;
}

.quantity__button:hover {
  background-color: #FFF6EA !important;
  color: #F59921 !important;
}

/* --- PRODUCT BADGES (sale, new, etc) --- */
.badge,
.product__badge {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background-color: #F59921 !important;
  color: #502D00 !important;
  border-radius: 100px !important;
}

/* --- PRODUCT MEDIA / IMAGE AREA --- */
.product__media-wrapper,
.product__media {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* --- BREADCRUMBS --- */
.breadcrumbs,
.breadcrumbs__item,
.breadcrumbs a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  color: #A54F10 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

/* --- PRODUCT TABS / ACCORDION --- */
.product__accordion .accordion__title,
.product-accordion .accordion__button {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  color: #502D00 !important;
  font-size: 14px !important;
}

/* --- COLLECTION PAGE --- */
.collection__title,
.collection-hero__title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  color: #502D00 !important;
  text-transform: uppercase !important;
}

/* --- PRODUCT CARDS IN COLLECTION --- */
.card__heading,
.card__heading a {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  color: #502D00 !important;
  text-transform: uppercase !important;
}

.card-wrapper .price .price-item {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  color: #F59921 !important;
}

.card__media {
  border-radius: 12px 12px 0 0 !important;
}

.card.card--standard {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(80,45,0,0.08) !important;
}

/* --- GENERAL BUTTONS SITEWIDE --- */
.button,
.btn,
button.button--primary {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 100px !important;
  background-color: #F59921 !important;
  color: #502D00 !important;
}

.button:hover,
button.button--primary:hover {
  background-color: #FFCE36 !important;
  color: #502D00 !important;
}

/* --- SECONDARY BUTTONS --- */
.button--secondary,
.button.button--secondary {
  background-color: transparent !important;
  border: 2px solid #502D00 !important;
  color: #502D00 !important;
}

.button--secondary:hover {
  background-color: #502D00 !important;
  color: #FFF6EA !important;
}

/* --- NAVIGATION --- */
.header__menu-item,
.header__menu-item a,
.list-menu__item a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #FFF6EA !important;
}

/* --- DROPDOWN MENUS --- */
.header__submenu,
.list-menu--disclosure {
  background-color: #502D00 !important;
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 8px 32px rgba(80,45,0,0.25) !important;
}

.header__submenu .header__menu-item a,
.list-menu--disclosure .list-menu__item a {
  color: #FFF6EA !important;
  font-size: 13px !important;
}

.header__submenu .header__menu-item a:hover,
.list-menu--disclosure .list-menu__item a:hover {
  color: #FFCE36 !important;
  background-color: rgba(255,246,234,0.08) !important;
}

/* --- FOOTER --- */
.footer {
  background-color: #502D00 !important;
  color: #FFF6EA !important;
}

.footer__heading,
.footer-block__heading {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  color: #FFCE36 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
}

.footer a,
.footer__list a,
.footer-block__list a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  color: rgba(255,246,234,0.7) !important;
}

.footer a:hover,
.footer__list a:hover {
  color: #FFCE36 !important;
}

.footer__copyright,
.copyright__content {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  color: rgba(255,246,234,0.4) !important;
}

/* --- ANNOUNCEMENT BAR --- */
.announcement-bar {
  background-color: #502D00 !important;
}

.announcement-bar__message,
.announcement-bar a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #FFCE36 !important;
}

/* --- PAGE BACKGROUND --- */
.shopify-section,
main.content-for-layout {
  background-color: #FFF6EA !important;
}

/* Hongo unified price styling: 2026-06-09T14:17Z */
.price__regular .price-item,
.price__sale .price-item,
.price .price-item--regular,
.price .price-item--sale,
.price-item {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
}

.product__info-container .price,
.product__info-container .price--large,
.product__info-container .price__container,
.product__info-container .price-item,
product-info .price,
product-info .price--large,
product-info .price__container,
product-info .price-item,
  font-family: Montserrat, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: #895318 !important;
}

.product-card-wrapper .card-information > .price,
.product-card-wrapper .price,
.product-card-wrapper .price__container,
.product-card-wrapper .price-item,
  font-family: Montserrat, sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: rgba(137, 83, 24, 0.86) !important;
}

.product-card-wrapper .card-information > .price {
  margin-top: 0.45rem !important;
}


/* Hongo Appstle case bundle compact selector: 2026-06-25 */
.appstleBundlesProductPage[class*="appstleDynamicBundle"] #ab-dynamic-pricing-bundle-product-page {
  max-width: 100% !important;
  padding: 8px 0 0 !important;
  margin: 8px 0 0 !important;
  font-family: Montserrat, sans-serif !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] #ab-dynamic-pricing-bundle-product-page h1 {
  display: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] #ab-dynamic-pricing-bundle-product-page::before {
  content: "Build your case";
  display: block;
  margin: 0 0 2px;
  color: #3d2817;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] #ab-dynamic-pricing-bundle-product-page > div:nth-child(2) {
  margin: 0 0 10px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: rgba(61, 40, 23, 0.78) !important;
  text-align: left !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-products-container > div:first-child {
  display: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-products {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 8px 0 12px !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-card {
  flex: 0 0 82px !important;
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  margin: 0 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-details-container {
  min-height: 104px !important;
  height: 104px !important;
  padding: 6px !important;
  border: 1px solid rgba(80, 45, 0, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  background: #fff !important;
  overflow: hidden !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-card:has(input) .ab-bundle-product-details-container {
  border-color: #f59921 !important;
  background: #fff8ed !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-image-link {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 auto 4px !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-image {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-info-container {
  padding: 0 !important;
  justify-content: flex-start !important;
  gap: 3px !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-title-link {
  display: block !important;
  min-height: 24px !important;
  max-height: 24px !important;
  overflow: hidden !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #3d2817 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-price-details,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-dynamic-bundle-product-description,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-readMoreButton {
  display: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-add-to-bundle {
  min-height: 21px !important;
  height: 21px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  font-size: 0 !important;
  line-height: 21px !important;
  font-weight: 900 !important;
  background: #f59921 !important;
  color: #3d2817 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-add-to-bundle::after {
  content: "Select";
  font-size: 9px;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-card:has(input) .ab-bundle-product-info-container > div:last-child {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  height: 22px !important;
  margin-top: 3px !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-card:has(input) .ab-bundle-product-info-container button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 21px !important;
  min-width: 21px !important;
  height: 21px !important;
  min-height: 21px !important;
  padding: 0 !important;
  border: 1px solid rgba(61, 40, 23, 0.22) !important;
  border-radius: 999px !important;
  background: #fff !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-card:has(input) .ab-bundle-product-info-container button:disabled {
  opacity: 0.35 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-card:has(input) .ab-bundle-product-info-container button img,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-card:has(input) .ab-bundle-product-info-container button svg {
  width: 10px !important;
  height: 10px !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-card:has(input) input {
  display: block !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 21px !important;
  min-height: 21px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #3d2817 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 21px !important;
  text-align: center !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-details-label {
  margin: 10px 0 6px !important;
  color: #3d2817 !important;
  font-size: 0 !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-align: left !important;
  text-transform: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-details-label::after {
  content: "Your selections";
  font-size: 13px;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-container {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 0 0 12px !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-wrapper {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 8px 34px 8px 72px !important;
  border: 1px solid rgba(80, 45, 0, 0.14) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-wrapper::before {
  position: absolute;
  top: 8px;
  left: 8px;
  color: rgba(61, 40, 23, 0.74);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: uppercase;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-wrapper:nth-child(1)::before {
  content: "Selection 1";
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-wrapper:nth-child(2)::before {
  content: "Selection 2";
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-details {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-image {
  width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-info {
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-info > div:first-child {
  display: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-info a {
  color: #3d2817 !important;
  text-decoration: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-remove-btn {
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
  font-size: 14px !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-wrapper + span,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-container > span {
  display: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-required-product-validation-message {
  margin: 6px 0 10px !important;
  padding: 0 !important;
  color: #9b4e11 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-container + div {
  margin-top: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(80, 45, 0, 0.14) !important;
  border-radius: 8px !important;
  background: #fff8ed !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-container + div > div:first-child {
  align-items: center !important;
  margin-bottom: 8px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #3d2817 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] select[aria-label="Purchase Options"] {
  width: 100% !important;
  min-height: 38px !important;
  border: 1px solid rgba(80, 45, 0, 0.22) !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  color: #3d2817 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] select[aria-label="Purchase Options"] + *,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] select[aria-label="Purchase Options"] {
  letter-spacing: 0 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] button {
  letter-spacing: 0 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] button:not(.ab-bundle-selected-product-remove-btn):not(.ab-readMoreButton) {
  border-radius: 8px !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-container + div button {
  width: 100% !important;
  min-height: 42px !important;
  background: #f59921 !important;
  color: #3d2817 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-container + div p {
  margin: 8px 0 0 !important;
  color: rgba(61, 40, 23, 0.62) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

@media (max-width: 749px) {
  .appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-card {
    flex-basis: 78px !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
  }

  .appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-details-container {
    height: 102px !important;
    min-height: 102px !important;
  }

  .appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-image-link {
    height: 44px !important;
    min-height: 44px !important;
  }

  .appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-product-image {
    width: 44px !important;
    height: 44px !important;
  }
}


.appstleBundlesProductPage[class*="appstleDynamicBundle"] .hongo-selection-duplicate .ab-bundle-selected-product-remove-btn {
  display: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .hongo-selection-duplicate {
  pointer-events: none !important;
}

/* Hongo FITAID-style Appstle case selector: 2026-06-25 */
.appstleBundlesProductPage[class*="appstleDynamicBundle"] #ab-dynamic-pricing-bundle-product-page {
  padding-top: 0 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] #ab-dynamic-pricing-bundle-product-page > h1,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] #ab-dynamic-pricing-bundle-product-page::before,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] #ab-dynamic-pricing-bundle-product-page > div:nth-child(2),
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-heading-description,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-products-container,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-details-label,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-container,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-required-product-validation-message {
  display: none !important;
}

.hongo-fitaid-selector {
  margin: 12px 0 14px;
  color: #111;
  font-family: Montserrat, var(--font-body-family), sans-serif;
  letter-spacing: 0;
}

.hongo-fitaid-step {
  margin: 0;
  padding: 0;
}

.hongo-fitaid-step + .hongo-fitaid-step {
  margin-top: 14px;
  padding: 12px 10px 10px;
  border-radius: 8px;
  background: #f1f1ef;
}

.hongo-fitaid-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 9px;
  color: #111;
  line-height: 1.15;
}

.hongo-fitaid-heading strong {
  font-size: 22px;
  font-weight: 900;
}

.hongo-fitaid-heading span {
  font-size: 14px;
  font-weight: 500;
}

.hongo-fitaid-active-product {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 60px;
  margin: 0 0 12px;
  padding: 9px 14px;
  border: 1px solid #cfcfcb;
  border-radius: 5px;
  background: #fff;
  color: #111;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.15;
  text-align: left;
}

.hongo-fitaid-active-product img {
  width: 26px;
  height: 42px;
  object-fit: contain;
}

.hongo-fitaid-active-product::after {
  content: "›";
  margin-left: auto;
  color: #888;
  font-size: 42px;
  font-weight: 400;
  line-height: 0.7;
}

.hongo-fitaid-step .hongo-fitaid-active-product {
  display: none !important;
}

.hongo-fitaid-extra-case {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  margin: 13px 0 0;
  padding: 10px 12px 10px 15px;
  border: 1px solid #d4dc00;
  border-radius: 5px;
  background: #fff;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}

.hongo-fitaid-extra-case::after {
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-left: auto;
  border: 1.5px solid #111;
  border-radius: 999px;
  color: #111;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

.hongo-fitaid-extra-case span {
  display: block;
  min-width: 0;
}

.hongo-fitaid-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 22px;
}

.hongo-fitaid-option {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 37px;
  width: 100%;
  padding: 6px 10px;
  border: 2px solid transparent;
  border-radius: 5px;
  background: #eeeeec;
  color: #111;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  text-align: left;
  letter-spacing: 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.hongo-fitaid-step:nth-child(2) .hongo-fitaid-option {
  background: #fff;
}

.hongo-fitaid-option[aria-pressed="true"] {
  border-color: #111;
  background: #fff;
}

.hongo-fitaid-option img {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  object-fit: contain;
}


.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-selected-product-container + div {
  margin-top: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .ab-bundle-checkout-container > div:first-child {
  text-align: center !important;
}

.hongo-fitaid-delivery {
  margin: 14px 0 12px;
  padding: 12px 10px 10px;
  border-radius: 8px;
  background: #f1f1ef;
  color: #111;
  font-family: Montserrat, var(--font-body-family), sans-serif;
  letter-spacing: 0;
}

.hongo-fitaid-delivery-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 9px;
  color: #111;
  line-height: 1.15;
  text-align: left;
}

.hongo-fitaid-delivery-heading strong {
  font-size: 22px;
  font-weight: 900;
}

.hongo-fitaid-delivery-heading span {
  font-size: 14px;
  font-weight: 500;
}

.hongo-fitaid-delivery-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.hongo-fitaid-delivery-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px 12px !important;
  width: 100% !important;
  min-height: 66px !important;
  padding: 15px 18px !important;
  border: 2px solid transparent !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #111 !important;
  font-family: Montserrat, var(--font-body-family), sans-serif !important;
  font-size: inherit !important;
  text-align: left !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.hongo-fitaid-delivery-card[aria-pressed="true"] {
  border-color: #111;
  background: #fff;
}

.hongo-fitaid-delivery-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

.hongo-fitaid-delivery-price {
  justify-self: end;
  min-width: 0;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  text-transform: none !important;
  white-space: normal !important;
}

.hongo-fitaid-delivery-price s {
  margin-right: 5px;
  color: #6f6f6f;
  font-weight: 500 !important;
}

.hongo-fitaid-delivery-note {
  grid-column: 1 / -1;
  color: #222;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

.hongo-fitaid-delivery-count {
  display: none;
}

.hongo-fitaid-delivery-banner {
  grid-column: 1 / -1;
  justify-self: start;
  margin: -2px 0 1px;
  padding: 4px 8px !important;
  border-radius: 999px;
  background: #f59921;
  color: #fff;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .hongo-fitaid-delivery {
  background: #f1f1ef !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .hongo-fitaid-delivery .hongo-fitaid-delivery-card,
.appstleBundlesProductPage[class*="appstleDynamicBundle"] .hongo-fitaid-delivery .hongo-fitaid-delivery-card[aria-pressed="true"] {
  background: #fff !important;
  color: #111 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .hongo-fitaid-delivery .hongo-fitaid-delivery-card[aria-pressed="true"] {
  border-color: #111 !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .hongo-fitaid-delivery .hongo-fitaid-delivery-heading {
  font-family: inherit !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .hongo-fitaid-delivery .hongo-fitaid-delivery-banner {
  background: #f59921 !important;
  color: #fff !important;
}

.appstleBundlesProductPage[class*="appstleDynamicBundle"] .hongo-hide-appstle-purchase {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

@media (max-width: 749px) {
  .hongo-fitaid-heading strong {
    font-size: 20px;
  }

  .hongo-fitaid-heading span {
    font-size: 13px;
  }

  .hongo-fitaid-grid {
    gap: 8px;
  }

  .hongo-fitaid-option {
    min-height: 38px;
    padding: 6px 8px;
    font-size: 12px;
  }

  .hongo-fitaid-option img {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  .hongo-fitaid-delivery-card {
    grid-template-columns: 1fr;
  }

  .hongo-fitaid-delivery-price {
    justify-self: start;
    text-align: left;
  }
}



/* Hongo retailer public pricing hide: 2026-06-25
   Keep wholesale pricing off public retailer/signup pages; logged-in portal pricing remains in the wholesale portal template. */
.hongo-rp .hongo-rp-band:has(.hongo-rp-pricing) {
  display: none !important;
}


/* Can Design Brand Test - 2026-06-26
   Draft theme only: can-label inspired global styling for theme 154157088936. */
:root {
  --hongo-can-red: #d71920;
  --hongo-can-red-deep: #8f1824;
  --hongo-can-plum: #5c1a66;
  --hongo-can-navy: #172453;
  --hongo-can-lime: #95bf25;
  --hongo-can-green: #426b31;
  --hongo-can-gold: #f3be23;
  --hongo-can-cream: #fffaf0;
  --hongo-can-ink: #141414;
  --hongo-can-muted: #4b4b45;
  --hongo-can-energy-gradient: linear-gradient(135deg, #e61f23 0%, #c01723 48%, #681c4f 100%);
  --hongo-can-focus-gradient: linear-gradient(135deg, #671b6f 0%, #2a1e5f 52%, #d88b2b 100%);
  --hongo-can-immunity-gradient: linear-gradient(135deg, #a2c938 0%, #50792f 52%, #24305f 100%);
  --hongo-can-spectrum: linear-gradient(110deg, #d71920 0%, #8f1824 28%, #5c1a66 49%, #172453 67%, #95bf25 100%);
}

body {
  letter-spacing: 0 !important;
  color: var(--hongo-can-ink);
  background:
    radial-gradient(circle at 12% 12%, rgba(215, 25, 32, 0.10), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(149, 191, 37, 0.10), transparent 30rem),
    linear-gradient(180deg, #fffaf0 0%, #fffdf8 40%, #f7f6ed 100%) !important;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.title, .title-wrapper-with-link,
.banner__heading, .rich-text__heading,
.image-with-text__heading,
.collection-hero__title,
.card__heading,
.product__title,
.footer-block__heading {
  font-family: Montserrat, var(--font-heading-family), sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none;
}

p, li, a, button, input, textarea, select,
.rte, .caption, .subtitle,
.card-information, .footer-block__details-content {
  font-family: Poppins, var(--font-body-family), sans-serif !important;
  letter-spacing: 0 !important;
}

.shopify-section-group-header-group .announcement-bar,
.shopify-section-group-header-group .announcement-bar.color-scheme-4,
.shopify-section-group-header-group .announcement-bar.gradient {
  background: var(--hongo-can-spectrum) !important;
  color: #fff !important;
}

.shopify-section-group-header-group .announcement-bar__message,
.shopify-section-group-header-group .announcement-bar__message span {
  min-height: 2.9rem !important;
  padding: 0.45rem 0 !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03rem !important;
  text-transform: uppercase;
}

.shopify-section-group-header-group .header-wrapper,
.shopify-section-group-header-group .header-wrapper.gradient,
.shopify-section-group-header-group .header-wrapper.color-scheme-3 {
  border: 0 !important;
  background:
    linear-gradient(90deg, rgba(243, 190, 35, 0.95) 0 8px, transparent 8px calc(100% - 8px), rgba(243, 190, 35, 0.95) calc(100% - 8px) 100%),
    linear-gradient(135deg, #132151 0%, #231b55 44%, #551d5c 70%, #871a2f 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.14);
}

.shopify-section-group-header-group .header {
  min-height: 48px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.shopify-section-group-header-group .header__heading-logo-wrapper {
  max-width: 60px !important;
}

.shopify-section-group-header-group .header__heading-logo {
  width: 60px !important;
  height: auto !important;
}

.shopify-section-group-header-group .header__menu-item,
.shopify-section-group-header-group .header__menu-item span,
.shopify-section-group-header-group .list-menu__item,
.shopify-section-group-header-group .header__icon,
.shopify-section-group-header-group .header__active-menu-item,
.shopify-section-group-header-group .disclosure__button,
.shopify-section-group-header-group .localization-form__select {
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.shopify-section-group-header-group .header__menu-item,
.shopify-section-group-header-group .list-menu__item--link {
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
  font-size: 1.34rem !important;
  text-transform: uppercase;
}

.shopify-section-group-header-group .header__icon .svg-wrapper,
.shopify-section-group-header-group .header__icon svg,
.shopify-section-group-header-group .menu-drawer__menu-item .svg-wrapper,
.shopify-section-group-header-group .icon-caret {
  color: #fff !important;
  fill: #fff !important;
}

.shopify-section-group-header-group .cart-count-bubble {
  background: var(--hongo-can-gold) !important;
  color: var(--hongo-can-navy) !important;
  font-weight: 800 !important;
}

main section,
.shopify-section:not(.section-header):not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) {
  position: relative;
}

.banner,
.image-with-text,
.rich-text,
.multicolumn,
.collection,
.featured-collection,
.collage,
.video-section,
.newsletter,
.hongo-rp,
.appstleBundlesProductPage,
.product {
  background-color: transparent;
}

.banner::before,
.rich-text::before,
.image-with-text::before,
.multicolumn::before,
.collection::before,
.featured-collection::before,
.newsletter::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.08;
  background:
    radial-gradient(circle at 8% 18%, var(--hongo-can-red) 0 10rem, transparent 10.5rem),
    radial-gradient(circle at 91% 12%, var(--hongo-can-lime) 0 11rem, transparent 11.5rem),
    radial-gradient(circle at 78% 82%, var(--hongo-can-plum) 0 9rem, transparent 9.5rem);
}

.banner::after,
.rich-text::after,
.image-with-text::after,
.multicolumn::after,
.collection::after,
.featured-collection::after,
.newsletter::after {
  content: "";
  display: block;
  height: 8px;
  background: linear-gradient(90deg, var(--hongo-can-navy) 0 34%, var(--hongo-can-red) 34% 42%, var(--hongo-can-gold) 42% 48%, var(--hongo-can-lime) 48% 100%);
}

.banner__box,
.rich-text__blocks,
.image-with-text__content,
.multicolumn-card,
.card,
.collection-card-wrapper .card,
.product-card-wrapper .card,
.collage-card,
.newsletter__wrapper,
.product__info-wrapper,
.product__media-wrapper,
.hongo-fitaid-step,
.hongo-fitaid-delivery,
.hongo-rp-card,
.hongo-rp-panel,
.hongo-rp-step,
.hongo-rp-product {
  border-radius: 7px !important;
  border: 1px solid rgba(23, 36, 83, 0.12) !important;
  background: rgba(255, 253, 248, 0.92) !important;
  box-shadow: 0 10px 28px rgba(23, 36, 83, 0.08) !important;
}

.banner__heading,
.rich-text__heading,
.image-with-text__heading,
.collection__title .title,
.title-wrapper-with-link .title,
.product__title h1,
.hongo-rp-hero h1,
.hongo-fitaid-heading strong {
  color: var(--hongo-can-navy) !important;
}

.banner__heading strong,
.rich-text__heading strong,
.image-with-text__heading strong,
.card__heading a,
.full-unstyled-link:hover {
  color: var(--hongo-can-red-deep) !important;
}

.button,
.shopify-challenge__button,
.customer button,
.shopify-payment-button__button,
.hongo-fitaid-extra-case,
.hongo-rp-cta-primary,
.hongo-rp-cta-secondary,
.hongo-fitaid-delivery-banner {
  border-radius: 999px !important;
  border: 0 !important;
  background: var(--hongo-can-energy-gradient) !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 8px 20px rgba(143, 24, 36, 0.20) !important;
}

.button:hover,
.shopify-challenge__button:hover,
.customer button:hover,
.shopify-payment-button__button:hover,
.hongo-rp-cta-primary:hover,
.hongo-rp-cta-secondary:hover {
  background: var(--hongo-can-focus-gradient) !important;
}

.product-card-wrapper .card__inner,
.collection-card-wrapper .card__inner,
.multicolumn-card__image-wrapper,
.product__media,
.media {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 250, 240, 0.96)),
    radial-gradient(circle at 28% 0%, rgba(243, 190, 35, 0.18), transparent 38%),
    radial-gradient(circle at 85% 22%, rgba(149, 191, 37, 0.16), transparent 38%) !important;
}

.product-card-wrapper:nth-child(3n+1) .card,
.grid__item:nth-child(3n+1) .card {
  border-top: 6px solid var(--hongo-can-red) !important;
}

.product-card-wrapper:nth-child(3n+2) .card,
.grid__item:nth-child(3n+2) .card {
  border-top: 6px solid var(--hongo-can-plum) !important;
}

.product-card-wrapper:nth-child(3n+3) .card,
.grid__item:nth-child(3n+3) .card {
  border-top: 6px solid var(--hongo-can-lime) !important;
}

.price,
.price .price-item,
.card-information .price,
.product .price {
  color: var(--hongo-can-red-deep) !important;
  font-weight: 800 !important;
}

.shopify-section-group-footer-group .footer,
.shopify-section-group-footer-group .footer.color-scheme-3,
.shopify-section-group-footer-group .footer.gradient {
  background:
    linear-gradient(90deg, var(--hongo-can-red) 0 12%, var(--hongo-can-gold) 12% 14%, var(--hongo-can-navy) 14% 44%, var(--hongo-can-plum) 44% 72%, var(--hongo-can-green) 72% 100%) !important;
  color: #fff !important;
}

.shopify-section-group-footer-group .footer a,
.shopify-section-group-footer-group .footer p,
.shopify-section-group-footer-group .footer li,
.shopify-section-group-footer-group .footer small,
.shopify-section-group-footer-group .footer-block__heading,
.shopify-section-group-footer-group .footer__copyright,
.shopify-section-group-footer-group .copyright__content {
  color: #fff !important;
}

.shopify-section-group-footer-group .field__input,
.shopify-section-group-footer-group .newsletter-form__field-wrapper .field {
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--hongo-can-ink) !important;
  border-radius: 999px !important;
}

@media screen and (max-width: 749px) {
  .shopify-section-group-header-group .header {
    min-height: 44px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .shopify-section-group-header-group .header__heading-logo-wrapper,
  .shopify-section-group-header-group .header__heading-logo {
    max-width: 52px !important;
    width: 52px !important;
  }

  .banner__box,
  .rich-text__blocks,
  .image-with-text__content,
  .newsletter__wrapper,
  .product__info-wrapper,
  .product__media-wrapper {
    border-radius: 0 !important;
  }
}

/* Can Design Brand Test refinement - bring product cards into the first screen */
@media screen and (min-width: 750px) {
  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) {
    min-height: min(40vh, 320px) !important;
  }

  main .ha-hp-hero-inner {
    min-height: min(40vh, 320px) !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  main .ha-hp-hero-text h1,
  main .ha-hp-hero-text .h1 {
    font-size: clamp(3.4rem, 4.6vw, 5.8rem) !important;
  }

  main .ha-hp-hero-text p {
    margin-bottom: 14px !important;
    font-size: 1.42rem !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) + div {
    padding: 8px 24px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) + div > div {
    gap: 18px !important;
    min-height: 38px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) + div > div > div {
    min-height: 24px !important;
    font-size: 1.08rem !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] {
    padding-top: 22px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] > div:has(> .ha-hp-teas) {
    display: flex !important;
    flex-direction: column !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] {
    order: 1 !important;
    margin-bottom: 18px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] p {
    display: none !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] h2,
  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] .h2 {
    font-size: clamp(2.8rem, 3.4vw, 4.4rem) !important;
  }

  main .ha-hp-teas {
    order: 2 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-bottom: 26px !important;
  }

  main .ha-hp-teas > div {
    min-height: 0 !important;
    transform: none !important;
  }

  main .ha-hp-teas > div > div[style*="background:#ffffff"] {
    height: 120px !important;
    margin: 14px 14px 0 !important;
    padding: 14px !important;
  }

  main .ha-hp-teas > div > div:last-child {
    padding: 18px 18px 20px !important;
  }

  main .ha-hp-teas h3,
  main .ha-hp-teas .h3 {
    font-size: 2rem !important;
    line-height: 1 !important;
  }

  main .ha-hp-teas p {
    font-size: 1.18rem !important;
    line-height: 1.35 !important;
  }

  main .ha-hp-teas div[style*="rgba(255,255,255,0.15)"] {
    display: none !important;
  }

  main .shopify-section .color-scheme-1.gradient div:has(> .ha-variety-inner) {
    order: 3 !important;
  }

  main .shopify-section .color-scheme-1.gradient a:has(.ha-variety-inner) {
    order: 3 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] > div > div[style*="background:rgba(255,246,234,0.06)"] {
    order: 4 !important;
  }
}

/* Can Design Brand Test refinement - final phone above-the-fold fix */
@media screen and (max-width: 749px) {
  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) {
    min-height: 0 !important;
    max-height: 230px !important;
    overflow: hidden !important;
  }

  main .ha-hp-hero-inner {
    min-height: 0 !important;
    max-height: 230px !important;
    padding: 16px 16px 14px !important;
    gap: 8px !important;
    display: flex !important;
    justify-content: center !important;
    text-align: left !important;
  }

  main .ha-hp-hero-text {
    max-width: 100% !important;
  }

  main .ha-hp-hero-text > div:first-child {
    margin-bottom: 5px !important;
    font-size: 0.92rem !important;
    line-height: 1 !important;
  }

  main .ha-hp-hero-text h1,
  main .ha-hp-hero-text .h1,
  main .ha-hp-hero-title {
    margin: 0 0 9px !important;
    font-size: clamp(2.45rem, 8.8vw, 3.2rem) !important;
    line-height: 0.92 !important;
  }

  main .ha-hp-hero-text p {
    display: none !important;
  }

  main .ha-hp-hero-text > div:last-child {
    gap: 8px !important;
    justify-content: flex-start !important;
  }

  main .ha-hp-hero-text > div:last-child a {
    min-height: 32px !important;
    padding: 8px 13px !important;
    font-size: 0.9rem !important;
    line-height: 1 !important;
  }

  main .ha-hp-hero-inner + div,
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#F59921"]:has(> div[style*="max-width:1100px"]) {
    display: none !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] {
    padding: 10px 10px 28px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] > div:has(> .ha-hp-teas) {
    margin-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] {
    order: 1 !important;
    margin-bottom: 8px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] > div:first-child,
  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] p {
    display: none !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] h2,
  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] .h2 {
    margin: 0 !important;
    font-size: clamp(2rem, 6.6vw, 2.65rem) !important;
    line-height: 0.96 !important;
  }

  main .ha-hp-teas {
    order: 2 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin-bottom: 16px !important;
  }

  main .ha-hp-teas > div {
    min-height: 0 !important;
    border-radius: 11px !important;
    transform: none !important;
  }

  main .ha-hp-teas > div > div[style*="background:#ffffff"] {
    height: 96px !important;
    min-height: 0 !important;
    margin: 7px 7px 0 !important;
    padding: 7px !important;
  }

  main .ha-hp-teas img,
  main .ha-hp-teas .ha-tea-img {
    max-height: 84px !important;
  }

  main .ha-hp-teas > div > div:last-child {
    padding: 9px 9px 10px !important;
  }

  main .ha-hp-teas h3,
  main .ha-hp-teas .h3 {
    margin-bottom: 5px !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
  }

  main .ha-hp-teas p,
  main .ha-hp-teas div[style*="rgba(255,255,255,0.15)"] {
    display: none !important;
  }

  main .ha-hp-teas a,
  main .ha-hp-teas span[style*="Shop Now"] {
    min-height: 28px !important;
    padding: 7px 8px !important;
    font-size: 0.78rem !important;
  }
}

/* Can Design Brand Test refinement - final homepage above-the-fold compression */
@media screen and (min-width: 750px) {
  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) {
    min-height: 280px !important;
  }

  main .ha-hp-hero-inner {
    min-height: 280px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  main .ha-hp-hero-text h1,
  main .ha-hp-hero-text .h1 {
    margin-bottom: 10px !important;
    font-size: clamp(3rem, 3.8vw, 4.8rem) !important;
    line-height: 0.94 !important;
  }

  main .ha-hp-hero-text p {
    margin-bottom: 12px !important;
    max-width: 48rem !important;
    font-size: 1.28rem !important;
    line-height: 1.35 !important;
  }

  main .ha-hp-hero-text > div:first-child {
    margin-bottom: 8px !important;
    font-size: 1.1rem !important;
  }

  main .ha-hp-hero-text > div:last-child a {
    padding: 10px 20px !important;
    min-height: 38px !important;
    font-size: 1.1rem !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) + div {
    padding: 7px 18px !important;
    max-height: 54px !important;
    overflow: hidden !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) + div > div {
    min-height: 38px !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) + div > div > div {
    min-height: 28px !important;
    flex: 0 1 auto !important;
    font-size: 0.96rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) + div > div > div[style*="width:1px"] {
    display: none !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] {
    padding-top: 16px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] {
    margin-bottom: 14px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] > div:first-child {
    display: none !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] h2,
  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] .h2 {
    margin-bottom: 0 !important;
    font-size: clamp(2.3rem, 2.8vw, 3.4rem) !important;
  }

  main .ha-hp-hero-text p:nth-of-type(2) {
    display: none !important;
  }

  main .ha-hp-hero-text h1,
  main .ha-hp-hero-text .h1 {
    font-size: clamp(2.7rem, 3.2vw, 4.2rem) !important;
  }
}

/* Can Design Brand Test refinement - product gradients separated by zone */
:root {
  --hongo-can-focus-gradient: linear-gradient(135deg, #5f176b 0%, #24205c 52%, #d78a27 100%);
  --hongo-can-focus-soft: linear-gradient(135deg, rgba(95, 23, 107, 0.13) 0%, rgba(36, 32, 92, 0.10) 52%, rgba(215, 138, 39, 0.12) 100%);
  --hongo-can-energy-gradient: linear-gradient(135deg, #e21c23 0%, #b81728 48%, #5f176b 100%);
  --hongo-can-energy-soft: linear-gradient(135deg, rgba(226, 28, 35, 0.12) 0%, rgba(184, 23, 40, 0.10) 48%, rgba(95, 23, 107, 0.11) 100%);
  --hongo-can-immunity-gradient: linear-gradient(135deg, #a6ca32 0%, #50772e 52%, #222d61 100%);
  --hongo-can-immunity-soft: linear-gradient(135deg, rgba(166, 202, 50, 0.15) 0%, rgba(80, 119, 46, 0.11) 52%, rgba(34, 45, 97, 0.10) 100%);
}

.shopify-section-group-header-group .announcement-bar,
.shopify-section-group-header-group .announcement-bar.color-scheme-4,
.shopify-section-group-header-group .announcement-bar.gradient,
.shopify-section-group-header-group .header-wrapper,
.shopify-section-group-header-group .header-wrapper.gradient,
.shopify-section-group-header-group .header-wrapper.color-scheme-3,
.shopify-section-group-footer-group .footer,
.shopify-section-group-footer-group .footer.color-scheme-3,
.shopify-section-group-footer-group .footer.gradient {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 22px),
    var(--hongo-can-focus-gradient) !important;
}

.shopify-section-group-header-group .header-wrapper,
.shopify-section-group-header-group .header-wrapper.gradient,
.shopify-section-group-header-group .header-wrapper.color-scheme-3 {
  box-shadow: 0 8px 22px rgba(36, 32, 92, 0.18) !important;
}

main > .shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) {
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.82), rgba(255, 253, 248, 0.92)),
    var(--hongo-can-energy-soft) !important;
}

main > .shopify-section:nth-of-type(even):not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) {
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.82), rgba(255, 253, 248, 0.92)),
    var(--hongo-can-immunity-soft) !important;
}

main > .shopify-section:nth-of-type(3n):not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) {
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.84), rgba(255, 253, 248, 0.94)),
    var(--hongo-can-focus-soft) !important;
}

main > .shopify-section::before,
main > .shopify-section::after,
.banner::before,
.rich-text::before,
.image-with-text::before,
.multicolumn::before,
.collection::before,
.featured-collection::before,
.newsletter::before,
.banner::after,
.rich-text::after,
.image-with-text::after,
.multicolumn::after,
.collection::after,
.featured-collection::after,
.newsletter::after {
  opacity: 0 !important;
  display: none !important;
}

main > .shopify-section:nth-of-type(odd) .button,
main > .shopify-section:nth-of-type(odd) .hongo-rp-cta-primary,
main > .shopify-section:nth-of-type(odd) .hongo-rp-cta-secondary {
  background: var(--hongo-can-energy-gradient) !important;
}

main > .shopify-section:nth-of-type(even) .button,
main > .shopify-section:nth-of-type(even) .hongo-rp-cta-primary,
main > .shopify-section:nth-of-type(even) .hongo-rp-cta-secondary {
  background: var(--hongo-can-immunity-gradient) !important;
}

main > .shopify-section:nth-of-type(3n) .button,
main > .shopify-section:nth-of-type(3n) .hongo-rp-cta-primary,
main > .shopify-section:nth-of-type(3n) .hongo-rp-cta-secondary {
  background: var(--hongo-can-focus-gradient) !important;
}

main .shopify-section .color-scheme-1.gradient > div > div:nth-child(n+3) {
  background-color: transparent !important;
}

main .shopify-section .color-scheme-1.gradient > div > div:nth-child(2n+3) {
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.84), rgba(255, 253, 248, 0.94)),
    var(--hongo-can-energy-soft) !important;
}

main .shopify-section .color-scheme-1.gradient > div > div:nth-child(2n+4) {
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.84), rgba(255, 253, 248, 0.94)),
    var(--hongo-can-immunity-soft) !important;
}

main .shopify-section .color-scheme-1.gradient > div > div:nth-child(4),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(6),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(10),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(13) {
  background:
    linear-gradient(180deg, rgba(20, 20, 20, 0.42), rgba(20, 20, 20, 0.28)),
    var(--hongo-can-immunity-gradient) !important;
}

main .shopify-section .color-scheme-1.gradient > div > div:nth-child(6),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(13) {
  background:
    linear-gradient(180deg, rgba(20, 20, 20, 0.34), rgba(20, 20, 20, 0.22)),
    var(--hongo-can-energy-gradient) !important;
}

/* Can Design Brand Test refinement - white base plus product-specific swaps */
html,
body,
main,
#MainContent,
main.content-for-layout,
.color-scheme-1,
.color-scheme-1.gradient,
.template-product,
.template-product main,
.template-collection main,
.template-page main {
  background: #fff !important;
  background-color: #fff !important;
}

main > .shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group),
main > .shopify-section:nth-of-type(even):not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group),
main > .shopify-section:nth-of-type(3n):not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) {
  background: #fff !important;
  background-color: #fff !important;
}

.banner__box,
.rich-text__blocks,
.image-with-text__content,
.multicolumn-card,
.card,
.collection-card-wrapper .card,
.product-card-wrapper .card,
.collage-card,
.newsletter__wrapper,
.product__info-wrapper,
.product__media-wrapper,
.product-card-wrapper .card__inner,
.collection-card-wrapper .card__inner,
.multicolumn-card__image-wrapper,
.product__media,
.media,
.hongo-fitaid-step,
.hongo-fitaid-delivery,
.hongo-rp-card,
.hongo-rp-panel,
.hongo-rp-step,
.hongo-rp-product {
  background: #fff !important;
  background-color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient > div > div[style*="#502D00"],
main .shopify-section .color-scheme-1.gradient > div > div[style*="#1a1008"],
main .shopify-section .color-scheme-1.gradient > div > div[style*="#1a0a00"],
main .shopify-section .color-scheme-1.gradient > div > div[style*="#3d1a00"],
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(6),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(10),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(13) {
  background:
    linear-gradient(180deg, rgba(20, 20, 20, 0.22), rgba(20, 20, 20, 0.12)),
    var(--hongo-can-energy-gradient) !important;
  background-color: transparent !important;
}

main .shopify-section .color-scheme-1.gradient > div > div[style*="#FFCE36"],
main .shopify-section .color-scheme-1.gradient > div > div[style*="#F59921"],
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(5),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(8),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(11),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(12) {
  background:
    linear-gradient(180deg, rgba(20, 20, 20, 0.20), rgba(20, 20, 20, 0.10)),
    var(--hongo-can-immunity-gradient) !important;
  background-color: transparent !important;
}

main .shopify-section [style*="background-color:#FFCE36"],
main .shopify-section [style*="background-color:#F59921"],
main .shopify-section [style*="background:#FFCE36"],
main .shopify-section [style*="background:#F59921"] {
  background: var(--hongo-can-immunity-gradient) !important;
  background-color: transparent !important;
  color: #fff !important;
}

main .shopify-section [style*="background-color:#502D00"],
main .shopify-section [style*="background-color:#1a1008"],
main .shopify-section [style*="background:#502D00"],
main .shopify-section [style*="background:linear-gradient(135deg,#1a0a00,#3d1a00)"] {
  background: var(--hongo-can-energy-gradient) !important;
  background-color: transparent !important;
}

main .shopify-section [style*="color:#502D00"],
main .shopify-section [style*="color:#FFCE36"],
main .shopify-section [style*="color:#F59921"] {
  color: inherit !important;
}

/* Can Design Brand Test refinement - white text on gradient surfaces */
.shopify-section-group-header-group .announcement-bar *,
.shopify-section-group-header-group .header-wrapper *,
.shopify-section-group-footer-group .footer *,
main .shopify-section .color-scheme-1.gradient > div > div[style*="#502D00"] :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div[style*="#1a1008"] :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div[style*="#FFCE36"] :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div[style*="#F59921"] :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(5) :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(6) :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(8) :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(10) :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(11) :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(12) :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(13) :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div) {
  color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient > div > div[style*="#502D00"] :is(a, button, .button, span[style*="background"], div[style*="background"]),
main .shopify-section .color-scheme-1.gradient > div > div[style*="#1a1008"] :is(a, button, .button, span[style*="background"], div[style*="background"]),
main .shopify-section .color-scheme-1.gradient > div > div[style*="#FFCE36"] :is(a, button, .button, span[style*="background"], div[style*="background"]),
main .shopify-section .color-scheme-1.gradient > div > div[style*="#F59921"] :is(a, button, .button, span[style*="background"], div[style*="background"]) {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.48) !important;
}

main .shopify-section .color-scheme-1.gradient > div > div[style*="#502D00"] :is(input, textarea, select),
main .shopify-section .color-scheme-1.gradient > div > div[style*="#1a1008"] :is(input, textarea, select),
main .shopify-section .color-scheme-1.gradient > div > div[style*="#FFCE36"] :is(input, textarea, select),
main .shopify-section .color-scheme-1.gradient > div > div[style*="#F59921"] :is(input, textarea, select) {
  color: var(--hongo-can-ink) !important;
}

/* Can Design Brand Test refinement - unify announcement ends and dropdowns */
.shopify-section-group-header-group .utility-bar,
.shopify-section-group-header-group .utility-bar.gradient,
.shopify-section-group-header-group .utility-bar.color-scheme-4,
.shopify-section-group-header-group.announcement-bar-section,
.shopify-section-group-header-group.announcement-bar-section.gradient,
.shopify-section-group-header-group .announcement-bar-section,
.shopify-section-group-header-group .announcement-bar-section .gradient,
.shopify-section-group-header-group .announcement-bar,
.shopify-section-group-header-group .announcement-bar.color-scheme-4,
.shopify-section-group-header-group .announcement-bar.gradient {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 22px),
    var(--hongo-can-focus-gradient) !important;
  background-color: transparent !important;
  color: #fff !important;
}

.shopify-section-group-header-group .announcement-bar-slider,
.shopify-section-group-header-group .announcement-bar__announcement,
.shopify-section-group-header-group .slideshow__controls,
.shopify-section-group-header-group .slider-button {
  background: transparent !important;
  color: #fff !important;
}

.shopify-section-group-header-group .header__submenu,
.shopify-section-group-header-group .list-menu--disclosure,
.shopify-section-group-header-group .mega-menu__content,
.shopify-section-group-header-group details[open] > .header__submenu,
.shopify-section-group-header-group details[open] > .mega-menu__content {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0 1px, transparent 1px 22px),
    var(--hongo-can-focus-gradient) !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 18px 34px rgba(36, 32, 92, 0.24) !important;
}

.shopify-section-group-header-group .header__submenu *,
.shopify-section-group-header-group .list-menu--disclosure *,
.shopify-section-group-header-group .mega-menu__content * {
  color: #fff !important;
}

.shopify-section-group-header-group .header__submenu .header__menu-item:hover,
.shopify-section-group-header-group .list-menu--disclosure .list-menu__item:hover,
.shopify-section-group-header-group .mega-menu__link:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

/* Can Design Brand Test refinement - replace green highlights with deep purple */
:root {
  --hongo-can-purple-highlight-gradient: linear-gradient(135deg, #5f176b 0%, #3b1b68 48%, #24205c 100%);
}

main > .shopify-section:nth-of-type(even) .button,
main > .shopify-section:nth-of-type(even) .hongo-rp-cta-primary,
main > .shopify-section:nth-of-type(even) .hongo-rp-cta-secondary,
main .shopify-section .button,
main .shopify-section button.button--primary,
main .shopify-section .badge,
main .shopify-section .product__badge,
main .shopify-section .hongo-rp-pill,
main .shopify-section .hongo-rp-badge,
main .shopify-section .hongo-rp-proof,
main .shopify-section .hongo-fitaid-extra-toggle,
main .shopify-section .hongo-fitaid-delivery-card.is-selected {
  background: var(--hongo-can-purple-highlight-gradient) !important;
  background-color: transparent !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
}

main .shopify-section .color-scheme-1.gradient > div > div[style*="#FFCE36"],
main .shopify-section .color-scheme-1.gradient > div > div[style*="#F59921"],
main .shopify-section .color-scheme-1.gradient > div > div[style*="#98C21D"],
main .shopify-section .color-scheme-1.gradient > div > div[style*="#a6ca32"],
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(5),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(8),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(11),
main .shopify-section .color-scheme-1.gradient > div > div:nth-child(12),
main .shopify-section [style*="background-color:#FFCE36"],
main .shopify-section [style*="background-color:#F59921"],
main .shopify-section [style*="background-color:#98C21D"],
main .shopify-section [style*="background-color:#a6ca32"],
main .shopify-section [style*="background:#FFCE36"],
main .shopify-section [style*="background:#F59921"],
main .shopify-section [style*="background:#98C21D"],
main .shopify-section [style*="background:#a6ca32"] {
  background:
    linear-gradient(180deg, rgba(20, 20, 20, 0.18), rgba(20, 20, 20, 0.08)),
    var(--hongo-can-purple-highlight-gradient) !important;
  background-color: transparent !important;
  color: #fff !important;
}

main .shopify-section .button *,
main .shopify-section button.button--primary *,
main .shopify-section .badge *,
main .shopify-section .product__badge *,
main .shopify-section .hongo-rp-pill *,
main .shopify-section .hongo-rp-badge *,
main .shopify-section .hongo-rp-proof *,
main .shopify-section .hongo-fitaid-extra-toggle *,
main .shopify-section .hongo-fitaid-delivery-card.is-selected *,
main .shopify-section .color-scheme-1.gradient > div > div[style*="#FFCE36"] *,
main .shopify-section .color-scheme-1.gradient > div > div[style*="#F59921"] *,
main .shopify-section .color-scheme-1.gradient > div > div[style*="#98C21D"] *,
main .shopify-section .color-scheme-1.gradient > div > div[style*="#a6ca32"] * {
  color: #fff !important;
}

/* Can Design Brand Test refinement - FITAID-style shorter homepage entry */
@media screen and (min-width: 750px) {
  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) {
    min-height: min(52vh, 440px) !important;
    align-items: center !important;
  }

  main .ha-hp-hero-inner {
    min-height: min(52vh, 440px) !important;
    padding: 38px 40px !important;
    gap: 36px !important;
  }

  main .ha-hp-hero-text {
    max-width: 560px !important;
  }

  main .ha-hp-hero-text h1,
  main .ha-hp-hero-text .h1 {
    margin: 0 0 14px !important;
    font-size: clamp(4rem, 5.2vw, 6.8rem) !important;
    line-height: 0.92 !important;
  }

  main .ha-hp-hero-text p {
    margin: 0 0 20px !important;
    max-width: 52rem !important;
    font-size: 1.55rem !important;
    line-height: 1.45 !important;
  }

  main .ha-hp-hero-text > div:last-child {
    gap: 12px !important;
  }

  main .ha-hp-hero-text > div:last-child a {
    padding: 12px 24px !important;
    min-height: 42px !important;
  }

  main .ha-hp-hero-inner + div,
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#F59921"]:has(> div[style*="max-width:1100px"]) {
    padding: 12px 28px !important;
  }

  main .ha-hp-hero-inner + div > div,
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#F59921"]:has(> div[style*="max-width:1100px"]) > div {
    gap: 22px !important;
    min-height: 44px !important;
  }

  main .ha-hp-hero-inner + div > div > div,
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#F59921"]:has(> div[style*="max-width:1100px"]) > div > div {
    min-height: 28px !important;
    font-size: 1.18rem !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] {
    padding: 34px 40px 58px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] > div {
    margin-top: 0 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] {
    margin-bottom: 28px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] h2,
  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] .h2 {
    margin-bottom: 10px !important;
    font-size: clamp(3rem, 4vw, 5rem) !important;
    line-height: 0.96 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] p {
    margin: 0 auto !important;
    max-width: 68rem !important;
    font-size: 1.5rem !important;
    line-height: 1.45 !important;
  }
}

@media screen and (max-width: 749px) {
  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) {
    min-height: auto !important;
  }

  main .ha-hp-hero-inner {
    min-height: auto !important;
    padding: 34px 22px !important;
    gap: 24px !important;
  }

  main .ha-hp-hero-text h1,
  main .ha-hp-hero-text .h1 {
    font-size: clamp(3.4rem, 12vw, 5rem) !important;
    line-height: 0.94 !important;
  }

  main .ha-hp-hero-inner + div {
    padding: 12px 18px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] {
    padding: 30px 18px 44px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] {
    margin-bottom: 24px !important;
  }
}

/* Can Design Brand Test refinement - stronger mobile product-first homepage */
@media screen and (max-width: 749px) {
  main .shopify-section .color-scheme-1.gradient > div:first-child,
  main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"]:has(> .ha-hp-hero-inner) {
    min-height: 0 !important;
    height: auto !important;
  }

  main .ha-hp-hero-inner {
    min-height: 0 !important;
    padding: 18px 16px 16px !important;
    gap: 12px !important;
    display: block !important;
    text-align: left !important;
  }

  main .ha-hp-hero-text {
    max-width: 100% !important;
  }

  main .ha-hp-hero-text > div:first-child {
    margin-bottom: 6px !important;
    font-size: 0.98rem !important;
    line-height: 1.1 !important;
  }

  main .ha-hp-hero-text h1,
  main .ha-hp-hero-text .h1,
  main .ha-hp-hero-title {
    margin: 0 0 10px !important;
    font-size: clamp(2.8rem, 10vw, 3.7rem) !important;
    line-height: 0.94 !important;
  }

  main .ha-hp-hero-text p {
    display: none !important;
  }

  main .ha-hp-hero-text > div:last-child {
    gap: 8px !important;
    justify-content: flex-start !important;
  }

  main .ha-hp-hero-text > div:last-child a {
    min-height: 34px !important;
    padding: 9px 16px !important;
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  main .ha-hp-hero-inner + div,
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#F59921"]:has(> div[style*="max-width:1100px"]) {
    padding: 6px 12px !important;
    max-height: 42px !important;
    overflow: hidden !important;
  }

  main .ha-hp-hero-inner + div > div,
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#F59921"]:has(> div[style*="max-width:1100px"]) > div {
    min-height: 30px !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  main .ha-hp-hero-inner + div > div > div,
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#F59921"]:has(> div[style*="max-width:1100px"]) > div > div {
    min-height: 22px !important;
    font-size: 0.9rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  main .ha-hp-hero-inner + div > div > div[style*="width:1px"],
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#F59921"]:has(> div[style*="max-width:1100px"]) > div > div[style*="width:1px"] {
    display: none !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] {
    padding: 14px 12px 30px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] > div:has(> .ha-hp-teas) {
    margin-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] {
    order: 1 !important;
    margin-bottom: 10px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] > div:first-child,
  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] p {
    display: none !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] h2,
  main .shopify-section .color-scheme-1.gradient div[style*="text-align:center; margin-bottom:64px"] .h2 {
    margin: 0 !important;
    font-size: clamp(2.2rem, 7vw, 3rem) !important;
    line-height: 0.96 !important;
  }

  main .ha-hp-teas {
    order: 2 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
  }

  main .ha-hp-teas > div {
    border-radius: 12px !important;
    min-height: 0 !important;
    transform: none !important;
  }

  main .ha-hp-teas > div > div[style*="background:#ffffff"] {
    height: 112px !important;
    min-height: 0 !important;
    margin: 8px 8px 0 !important;
    padding: 8px !important;
  }

  main .ha-hp-teas img,
  main .ha-hp-teas .ha-tea-img {
    max-height: 96px !important;
  }

  main .ha-hp-teas > div > div:last-child {
    padding: 10px 10px 12px !important;
  }

  main .ha-hp-teas h3,
  main .ha-hp-teas .h3 {
    margin-bottom: 5px !important;
    font-size: 1.45rem !important;
    line-height: 1 !important;
  }

  main .ha-hp-teas p {
    display: none !important;
  }

  main .ha-hp-teas div[style*="rgba(255,255,255,0.15)"] {
    display: none !important;
  }

  main .ha-hp-teas a,
  main .ha-hp-teas span[style*="Shop Now"] {
    min-height: 30px !important;
    padding: 8px 10px !important;
    font-size: 0.88rem !important;
  }

  main .shopify-section .color-scheme-1.gradient div:has(> .ha-variety-inner),
  main .shopify-section .color-scheme-1.gradient a:has(.ha-variety-inner) {
    order: 3 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"] > div > div[style*="background:rgba(255,246,234,0.06)"] {
    order: 4 !important;
  }
}


/* Can Design Brand Test refinement - remove hero image tint and whiten Vitality tea line */
main .shopify-section .color-scheme-1.gradient div[style*="min-height:85vh"] > img[alt="Hongo Vitality Teas"] {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

main #teas,
main #teas[style],
main .shopify-section .color-scheme-1.gradient #teas,
main .shopify-section .color-scheme-1.gradient div#teas[style*="background-color:#502D00"] {
  background: #fff !important;
  background-color: #fff !important;
  color: #23160f !important;
}

main #teas > div,
main #teas > div > a[href*="mix-match-bundle"] > div,
main #teas .ha-hp-teas > a > div {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid rgba(35, 22, 15, 0.12) !important;
  box-shadow: 0 10px 28px rgba(35, 22, 15, 0.08) !important;
}

main #teas .ha-hp-teas > a > div {
  transform: none !important;
}

main #teas :is(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, li, div) {
  color: #23160f !important;
}

main #teas div[style*="background-color:#F59921"],
main #teas span[style*="background:#FFCE36"],
main #teas span[style*="background-color:#FFCE36"],
main #teas div[style*="background:rgba(255,255,255,0.15)"] {
  background: #f7f4ef !important;
  background-color: #f7f4ef !important;
  border: 1px solid rgba(35, 22, 15, 0.10) !important;
}

main #teas [style*="border:2px solid #FFCE36"] {
  border-color: rgba(35, 22, 15, 0.14) !important;
}

/* Can Design Brand Test refinement - cleaner Vitality product cards */
main #teas .ha-hp-teas {
  align-items: stretch !important;
}

main #teas .ha-hp-teas > a {
  text-decoration: none !important;
}

main #teas .ha-hp-teas > a > div {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

main #teas .ha-hp-teas > a > div > div[style*="background:#ffffff"] {
  background:
    radial-gradient(circle at 50% 58%, rgba(95, 23, 107, 0.08), transparent 58%),
    #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

main #teas .ha-hp-teas img,
main #teas .ha-hp-teas .ha-tea-img {
  width: 100% !important;
  object-fit: contain !important;
  transform: scale(1.26) !important;
  transform-origin: center center !important;
}

main #teas .ha-hp-teas h3,
main #teas .ha-hp-teas .h3 {
  margin: 0 0 12px !important;
  color: #1f1713 !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
  text-wrap: balance !important;
}

main #teas .ha-hp-teas span[style*="Shop Now"],
main #teas .ha-hp-teas > a > div > div:last-child > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 128px !important;
  min-height: 42px !important;
  padding: 12px 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #5f176b 0%, #3b1b68 52%, #24205c 100%) !important;
  box-shadow: 0 10px 22px rgba(59, 27, 104, 0.22) !important;
  color: #fff !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

@media screen and (min-width: 750px) {
  main #teas .ha-hp-teas > a > div > div[style*="background:#ffffff"] {
    height: 180px !important;
    margin: 18px 18px 0 !important;
    padding: 18px !important;
  }

  main #teas .ha-hp-teas img,
  main #teas .ha-hp-teas .ha-tea-img {
    max-height: 165px !important;
  }

  main #teas .ha-hp-teas > a > div > div:last-child {
    padding: 22px 22px 24px !important;
  }

  main #teas .ha-hp-teas h3,
  main #teas .ha-hp-teas .h3 {
    font-size: 2.3rem !important;
  }
}

@media screen and (max-width: 749px) {
  main #teas {
    padding: 18px 12px 34px !important;
  }

  main #teas .ha-hp-teas {
    gap: 12px !important;
  }

  main #teas .ha-hp-teas > a > div {
    border-radius: 18px !important;
    box-shadow: 0 12px 24px rgba(35, 22, 15, 0.10) !important;
  }

  main #teas .ha-hp-teas > a > div > div[style*="background:#ffffff"] {
    height: 150px !important;
    margin: 6px 6px 0 !important;
    padding: 10px !important;
  }

  main #teas .ha-hp-teas img,
  main #teas .ha-hp-teas .ha-tea-img {
    max-height: 136px !important;
  }

  main #teas .ha-hp-teas > a > div > div:last-child {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 12px 8px 14px !important;
    text-align: center !important;
  }

  main #teas .ha-hp-teas h3,
  main #teas .ha-hp-teas .h3 {
    margin-bottom: 10px !important;
    font-size: 1.45rem !important;
    line-height: 1.05 !important;
  }

main #teas .ha-hp-teas span[style*="Shop Now"],
main #teas .ha-hp-teas > a > div > div:last-child > span {
    min-width: 118px !important;
    min-height: 36px !important;
    padding: 10px 16px !important;
    font-size: 0.92rem !important;
    letter-spacing: 0.06em !important;
  }
}

/* Can Design Brand Test refinement - readable hero secondary CTA and variety badge */
main .ha-hp-hero-text > div:last-child a[href*="/collections/all"] {
  background:
    linear-gradient(135deg, #a6ca32 0%, #50772e 52%, #222d61 100%) !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: 0 12px 26px rgba(34, 45, 97, 0.28) !important;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22) !important;
}

main .ha-hp-hero-text > div:last-child a[href*="/collections/all"]:hover {
  background:
    linear-gradient(135deg, #b7d943 0%, #5f8436 52%, #2d3974 100%) !important;
}

main #teas a[href*="mix-match-bundle"] > div > div[style*="position:absolute"] > div {
  background:
    linear-gradient(135deg, #5f176b 0%, #3b1b68 52%, #24205c 100%) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  box-shadow: 0 10px 24px rgba(36, 32, 92, 0.26) !important;
}

main #teas a[href*="mix-match-bundle"] > div > div[style*="position:absolute"] p {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24) !important;
}

@media screen and (max-width: 749px) {
  main .ha-hp-hero-text > div:last-child a[href*="/collections/all"] {
    padding: 12px 22px !important;
  }

  main #teas a[href*="mix-match-bundle"] > div > div[style*="position:absolute"] {
    left: 18px !important;
    right: 18px !important;
  }

  main #teas a[href*="mix-match-bundle"] > div > div[style*="position:absolute"] > div {
    display: block !important;
    width: 100% !important;
    padding: 8px 14px !important;
  }

  main #teas a[href*="mix-match-bundle"] > div > div[style*="position:absolute"] p {
    font-size: 1rem !important;
    letter-spacing: 0.08em !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }
}

/* Can Design Brand Test refinement - green variety CTA and availability panel */
main #teas a[href*="mix-match-bundle"] .ha-variety-inner span[style*="background-color:#FFCE36"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  background:
    linear-gradient(135deg, #a6ca32 0%, #50772e 52%, #222d61 100%) !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: 0 12px 26px rgba(34, 45, 97, 0.24) !important;
  color: #fff !important;
  line-height: 1 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22) !important;
  white-space: nowrap !important;
}

main #teas > div > div[style*="background:rgba(255,246,234,0.06)"] {
  background:
    linear-gradient(135deg, #a6ca32 0%, #50772e 52%, #222d61 100%) !important;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  box-shadow: 0 14px 32px rgba(34, 45, 97, 0.18) !important;
}

main #teas > div > div[style*="background:rgba(255,246,234,0.06)"] p {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22) !important;
}

@media screen and (max-width: 749px) {
  main #teas a[href*="mix-match-bundle"] .ha-variety-inner span[style*="background-color:#FFCE36"] {
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 18px !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.12em !important;
  }

  main #teas > div > div[style*="background:rgba(255,246,234,0.06)"] {
    margin-top: 4px !important;
    padding: 22px 18px !important;
    border-radius: 18px !important;
  }

  main #teas > div > div[style*="background:rgba(255,246,234,0.06)"] p {
    font-size: 1.22rem !important;
    line-height: 1.45 !important;
  }
}

/* Can Design Brand Test refinement - white Hongo Standard and warm stats bar */
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) {
  background: #fff !important;
  background-color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div {
  background: transparent !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"]:has(p[style*="Per 12oz Can"]) {
  background:
    linear-gradient(135deg, #e21c23 0%, #b81728 44%, #f59921 100%) !important;
  background-color: transparent !important;
  color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"]:has(p[style*="Per 12oz Can"]) :is(p, span, div) {
  color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"]:has(p[style*="Per 12oz Can"]) p:first-child {
  text-shadow: 0 2px 8px rgba(80, 18, 10, 0.28) !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) {
  background: #fff !important;
  background-color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div {
  background: transparent !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"] {
  background:
    linear-gradient(135deg, #e21c23 0%, #b81728 44%, #f59921 100%) !important;
  background-color: transparent !important;
  color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"] :is(p, span, div) {
  color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"] p:first-child {
  text-shadow: 0 2px 8px rgba(80, 18, 10, 0.28) !important;
}

/* Can Design Brand Test refinement - white powders section and readable red CTAs */
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) {
  background: #fff !important;
  background-color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) > div {
  background: transparent !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="/products/"] > div > div[style*="background-color:#FFF6EA"] {
  background: #fff !important;
  background-color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="/products/"] span[style*="background-color:#502D00"] {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(80, 18, 10, 0.20) !important;
}

/* Can Design Brand Test refinement - white reviews and founders sections */
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"]:has(.ha-hp-reviews),
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:80px 40px"]:has(.ha-hp-founders) {
  background: #fff !important;
  background-color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"]:has(.ha-hp-reviews) > div,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:80px 40px"]:has(.ha-hp-founders) > div {
  background: transparent !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"]:has(.ha-hp-reviews) span[style*="Real People"],
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:80px 40px"]:has(.ha-hp-founders) span[style*="Our Story"] {
  color: #98c21d !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"]:has(.ha-hp-reviews) h2,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:80px 40px"]:has(.ha-hp-founders) h2 {
  color: #502d00 !important;
}

main .ha-hp-reviews > div {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid rgba(80, 45, 0, 0.10) !important;
  box-shadow: 0 14px 34px rgba(80, 45, 0, 0.08) !important;
}

main .ha-hp-reviews > div > div:first-child {
  color: #f59921 !important;
  font-size: 19px !important;
  letter-spacing: 0.08em !important;
  text-shadow: none !important;
}

main .ha-hp-reviews > div p {
  color: #4b3524 !important;
}

main .ha-hp-reviews > div p:last-child {
  color: #108474 !important;
  font-weight: 700 !important;
}

main .ha-hp-founders {
  align-items: stretch !important;
}

main .ha-hp-founders > div:first-child p {
  color: #4b3524 !important;
}

main .ha-hp-founders > div:first-child a[href*="/pages/about-us"] {
  background:
    linear-gradient(135deg, #e21c23 0%, #b81728 44%, #f59921 100%) !important;
  background-color: transparent !important;
  box-shadow: 0 12px 26px rgba(184, 23, 40, 0.20) !important;
  color: #fff !important;
}

main .ha-hp-founders > div:last-child {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid rgba(80, 45, 0, 0.12) !important;
  box-shadow: 0 16px 38px rgba(80, 45, 0, 0.10) !important;
}

main .ha-hp-founders > div:last-child > p:first-child {
  color: #b81728 !important;
}

main .ha-hp-founders > div:last-child span {
  color: #f59921 !important;
  font-weight: 900 !important;
}

main .ha-hp-founders > div:last-child p {
  color: #4b3524 !important;
}

@media screen and (max-width: 749px) {
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"]:has(.ha-hp-reviews) {
    padding: 56px 18px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"]:has(.ha-hp-reviews) > div > div:first-child {
    margin-bottom: 32px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"]:has(.ha-hp-reviews) h2 {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  main .ha-hp-reviews {
    gap: 14px !important;
  }

  main .ha-hp-reviews > div {
    padding: 24px 20px !important;
    border-radius: 14px !important;
  }

  main .ha-hp-reviews > div p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:80px 40px"]:has(.ha-hp-founders) {
    padding: 54px 18px !important;
  }

  main .ha-hp-founders {
    gap: 24px !important;
    text-align: left !important;
  }

  main .ha-hp-founders > div:first-child {
    width: 100% !important;
  }

  main .ha-hp-founders > div:first-child h2 {
    font-size: 30px !important;
    line-height: 1.08 !important;
    margin-bottom: 18px !important;
  }

  main .ha-hp-founders > div:first-child p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin-bottom: 16px !important;
  }

  main .ha-hp-founders > div:first-child a[href*="/pages/about-us"] {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 15px 20px !important;
    text-align: center !important;
  }

  main .ha-hp-founders > div:last-child {
    flex: none !important;
    width: 100% !important;
    padding: 26px 22px !important;
    border-radius: 16px !important;
  }

  main .ha-hp-founders > div:last-child > p:first-child {
    margin-bottom: 16px !important;
    font-size: 15px !important;
  }

  main .ha-hp-founders > div:last-child > div {
    gap: 12px !important;
  }

  main .ha-hp-founders > div:last-child > div > div {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  main .ha-hp-founders > div:last-child > div > div p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
}

/* Rendered homepage fallback selectors for the current custom-liquid markup. */
main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"],
main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] {
  background: #fff !important;
  background-color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] h2,
main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] h2 {
  color: #502d00 !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] > div > div:first-child > span,
main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:first-child > span {
  color: #98c21d !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] > div > div[style*="grid-template-columns:repeat(3,1fr)"] > div {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid rgba(80, 45, 0, 0.10) !important;
  box-shadow: 0 14px 34px rgba(80, 45, 0, 0.08) !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] > div > div[style*="grid-template-columns:repeat(3,1fr)"] > div > div:first-child {
  color: #f59921 !important;
  font-size: 19px !important;
  letter-spacing: 0.08em !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] > div > div[style*="grid-template-columns:repeat(3,1fr)"] > div p {
  color: #4b3524 !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] > div > div[style*="grid-template-columns:repeat(3,1fr)"] > div p:last-child {
  color: #108474 !important;
  font-weight: 700 !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div {
  align-items: stretch !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:first-child p {
  color: #4b3524 !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] a[href*="/pages/about-us"] {
  background:
    linear-gradient(135deg, #e21c23 0%, #b81728 44%, #f59921 100%) !important;
  background-color: transparent !important;
  box-shadow: 0 12px 26px rgba(184, 23, 40, 0.20) !important;
  color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:last-child {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid rgba(80, 45, 0, 0.12) !important;
  box-shadow: 0 16px 38px rgba(80, 45, 0, 0.10) !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:last-child > p:first-child {
  color: #b81728 !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:last-child span {
  color: #f59921 !important;
  font-weight: 900 !important;
}

main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:last-child p {
  color: #4b3524 !important;
}

@media screen and (max-width: 749px) {
  main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] {
    padding: 56px 18px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] h2,
  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] h2 {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] > div > div[style*="grid-template-columns:repeat(3,1fr)"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] > div > div[style*="grid-template-columns:repeat(3,1fr)"] > div {
    padding: 24px 20px !important;
    border-radius: 14px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#502D00; padding:100px 40px;"] > div > div[style*="grid-template-columns:repeat(3,1fr)"] > div p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] {
    padding: 54px 18px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    text-align: left !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:first-child {
    width: 100% !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:first-child p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin-bottom: 16px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] a[href*="/pages/about-us"] {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 15px 20px !important;
    text-align: center !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:last-child {
    flex: none !important;
    width: 100% !important;
    padding: 26px 22px !important;
    border-radius: 16px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:last-child > p:first-child {
    margin-bottom: 16px !important;
    font-size: 15px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:last-child > div {
    gap: 12px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:last-child > div > div {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:last-child > div > div p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
}

main .shopify-section .color-scheme-1.gradient > div > div[style="background-color:#502D00; padding:100px 40px;"],
main .shopify-section .color-scheme-1.gradient > div > div[style="background-color:#FFCE36; padding:80px 40px;"] {
  background: #fff !important;
  background-color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient > div > div[style="background-color:#502D00; padding:100px 40px;"] > div > div:first-child > h2[style*="color:#FFF6EA"],
main .shopify-section .color-scheme-1.gradient > div > div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:first-child > h2[style*="color:#502D00"] {
  color: #502d00 !important;
}

main .shopify-section .color-scheme-1.gradient > div > div[style="background-color:#502D00; padding:100px 40px;"] > div > div:first-child > span,
main .shopify-section .color-scheme-1.gradient > div > div[style="background-color:#FFCE36; padding:80px 40px;"] > div > div > div:first-child > span {
  color: #98c21d !important;
}


/* Can Design Brand Test refinement - final homepage polish */
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="/products/"] > div > div:nth-child(2) {
  background: var(--hongo-can-purple-highlight-gradient) !important;
  background-color: transparent !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="/products/"] > div > div:nth-child(2) p,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="/products/"] > div > div:nth-child(2) span,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="/products/"] > div > div:nth-child(2) div {
  color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="hongo-power-brew-mushroom-coffee"] > div > div:nth-child(2) p {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(20, 20, 20, 0.24) !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) {
  background: #fff !important;
  background-color: #fff !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) > div {
  background: transparent !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) span {
  color: #98c21d !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) h2 {
  color: #502d00 !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) p,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) div {
  color: #4b3524 !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:28px 40px"]:has(p) {
  display: none !important;
}

.shopify-section-group-footer-group .footer .footer-block__heading,
.shopify-section-group-footer-group .footer .footer-block__details-content p {
  max-width: 760px !important;
}

.shopify-section-group-footer-group .footer .footer-block__details-content p {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}


/* Can Design Brand Test refinement - compact signup and footer FDA */
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) {
  padding: 44px 40px 38px !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) > div {
  max-width: 560px !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) span {
  margin-bottom: 8px !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) h2 {
  margin-bottom: 10px !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) > div > p {
  margin-bottom: 16px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

main .klaviyo-form-Rq5SQD,
main .klaviyo-form-Rq5SQD form,
main .klaviyo-form-Rq5SQD form > div {
  height: auto !important;
  min-height: 0 !important;
}

main .klaviyo-form-Rq5SQD form {
  padding: 0 !important;
}

main .klaviyo-form-Rq5SQD form > div > div:has(.klaviyo-form-richtext),
main .klaviyo-form-Rq5SQD form > div > div:empty {
  display: none !important;
}

main .klaviyo-form-Rq5SQD input {
  color: #502d00 !important;
}

main .klaviyo-form-Rq5SQD input::placeholder {
  color: rgba(80, 45, 0, 0.62) !important;
}

main .klaviyo-form-Rq5SQD .klaviyo-form-button,
main .klaviyo-form-Rq5SQD button[type="button"],
main .klaviyo-form-Rq5SQD button[type="submit"] {
  background:
    linear-gradient(135deg, #e21c23 0%, #b81728 48%, #f59921 100%) !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(184, 23, 40, 0.18) !important;
}

main .klaviyo-form-Rq5SQD button:not(:first-of-type) {
  box-shadow: none !important;
}

.shopify-section-group-footer-group .footer .footer__blocks-wrapper > .footer-block:last-child {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  text-align: center !important;
}

.shopify-section-group-footer-group .footer .footer__blocks-wrapper > .footer-block:last-child .footer-block__heading {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.shopify-section-group-footer-group .footer .footer__blocks-wrapper > .footer-block:last-child .footer-block__details-content,
.shopify-section-group-footer-group .footer .footer__blocks-wrapper > .footer-block:last-child .footer-block__details-content p {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

@media screen and (max-width: 749px) {
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) {
    padding: 36px 18px 32px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) h2 {
    font-size: 26px !important;
  }
}


/* Can Design Brand Test refinement - signup no-thanks hide and hero readability */
main .ha-hp-hero-text {
  background:
    linear-gradient(135deg, rgba(26, 16, 8, 0.64) 0%, rgba(26, 16, 8, 0.40) 100%) !important;
  border: 1px solid rgba(255, 246, 234, 0.22) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22) !important;
  padding: 30px 32px !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

main .ha-hp-hero-text .ha-hp-hero-title,
main .ha-hp-hero-text > p {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.42) !important;
}

main .klaviyo-form-Rq5SQD form > div > div[data-testid="form-row"]:last-child,
main .klaviyo-form-Rq5SQD button[data-action-id="01KNZ9GHRFKK8SDVRD4PSECKRR"] {
  display: none !important;
}

@media screen and (max-width: 749px) {
  main .ha-hp-hero-text {
    padding: 24px 20px !important;
    border-radius: 16px !important;
  }
}


/* Can Design Brand Test refinement - finishing touches */
main #teas h2,
main #teas .ha-variety-inner h3,
main #teas .ha-hp-teas h3,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"] h2,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"]:has(.ha-hp-reviews) h2,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#502D00"][style*="padding:100px 40px"]:not(#teas) h2,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:80px 40px"]:has(.ha-hp-founders) h2,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:80px 40px"]:has(.ha-hp-founders) div[style*="flex:0 0 320px"] > p:first-child,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:80px 40px"]:has(a[href*="/pages/about-us"]) h2,
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:80px 40px"]:has(a[href*="/pages/about-us"]) div[style*="flex:0 0 320px"] > p:first-child,
main h2[style*="font-size:35px"][style*="color:#502D00"],
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#98C21D"][style*="padding:80px 40px"]:has(.klaviyo-form-Rq5SQD) h2 {
  color: #202124 !important;
}

@media screen and (min-width: 750px) {
  main .ha-hp-hero-text {
    max-width: 600px !important;
  }

  main .ha-hp-hero-title {
    font-size: clamp(3.75rem, 4.8vw, 6.2rem) !important;
    line-height: 0.94 !important;
  }

  main #teas > div {
    display: flex !important;
    flex-direction: column !important;
  }

  main #teas > div > div[style*="text-align:center; margin-bottom:64px"] {
    order: 1 !important;
  }

  main #teas a:has(.ha-variety-inner) {
    order: 2 !important;
    margin-bottom: 28px !important;
  }

  main #teas .ha-hp-teas {
    order: 3 !important;
  }

  main #teas > div > div[style*="background:rgba(255,246,234,0.06)"] {
    order: 4 !important;
  }
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"] {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"] > div > div {
  gap: 22px !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"] p:first-child {
  font-size: clamp(2.6rem, 4vw, 4.8rem) !important;
  line-height: 0.95 !important;
  margin-bottom: 10px !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"] p:nth-child(2) {
  font-size: 1.18rem !important;
  line-height: 1.25 !important;
}

.shopify-section-group-footer-group .footer {
  padding-top: 30px !important;
  padding-bottom: 18px !important;
}

.shopify-section-group-footer-group .footer .footer__content-top {
  padding-top: 0 !important;
  padding-bottom: 14px !important;
}

.shopify-section-group-footer-group .footer .footer__blocks-wrapper {
  row-gap: 16px !important;
}

.shopify-section-group-footer-group .footer .footer__content-bottom {
  padding-top: 14px !important;
}

.shopify-section-group-footer-group .footer .footer__content-bottom-wrapper {
  padding-top: 0 !important;
  gap: 10px !important;
}

.shopify-section-group-footer-group .footer .footer-block {
  margin-bottom: 0 !important;
}

.shopify-section-group-footer-group .footer .footer-block:last-child .footer-block__heading {
  margin-bottom: 8px !important;
}

.shopify-section-group-footer-group .footer .footer-block:last-child .footer-block__details-content p {
  margin-bottom: 0 !important;
}

.shopify-section-group-footer-group .footer .footer-block__newsletter {
  display: none !important;
}

.shopify-section-group-footer-group .footer .footer-block--newsletter {
  align-items: center !important;
  justify-content: center !important;
  margin-top: 4px !important;
  min-height: 0 !important;
}

.shopify-section-group-footer-group .footer .footer__list-social {
  margin-top: 0 !important;
}

@media screen and (max-width: 749px) {
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"] {
    padding: 34px 18px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFCE36"][style*="padding:60px 40px"] > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .shopify-section-group-footer-group .footer {
    padding-top: 24px !important;
    padding-bottom: 14px !important;
  }
}

/* Can Design Brand Test refinement - sitewide style pass */
:root {
  --hongo-ui-ink: #202124;
  --hongo-ui-body: #3f3935;
  --hongo-ui-soft: #f7f5f2;
  --hongo-ui-line: rgba(32, 33, 36, 0.12);
  --hongo-ui-red-gradient: linear-gradient(135deg, #e21c23 0%, #b81728 48%, #f59921 100%);
  --hongo-ui-purple-gradient: linear-gradient(135deg, #5f176b 0%, #3b1b68 48%, #24205c 100%);
  --hongo-ui-green-gradient: linear-gradient(135deg, #a6ca32 0%, #50772e 56%, #222d61 100%);
}

main:not(:has(.ha-hp-hero-inner)),
main:not(:has(.ha-hp-hero-inner)),
main:not(:has(.ha-hp-hero-inner)) .gradient,
main:not(:has(.ha-hp-hero-inner)) .color-background-1,
main:not(:has(.ha-hp-hero-inner)) .color-background-2,
main:not(:has(.ha-hp-hero-inner)) .color-scheme-1,
main:not(:has(.ha-hp-hero-inner)) .color-scheme-2,
.shopify-policy__container {
  background: #fff !important;
  background-color: #fff !important;
  color: var(--hongo-ui-body) !important;
}

main:not(:has(.ha-hp-hero-inner)) h1,
main:not(:has(.ha-hp-hero-inner)) h2,
main:not(:has(.ha-hp-hero-inner)) h3,
main:not(:has(.ha-hp-hero-inner)) h4,
main:not(:has(.ha-hp-hero-inner)) h5,
main:not(:has(.ha-hp-hero-inner)) h6,
main:not(:has(.ha-hp-hero-inner)) .h1,
main:not(:has(.ha-hp-hero-inner)) .h2,
main:not(:has(.ha-hp-hero-inner)) .h3,
.shopify-policy__title h1,
main:not(:has(.ha-hp-hero-inner)) .product__title,
main:not(:has(.ha-hp-hero-inner)) .product__title h1,
main:not(:has(.ha-hp-hero-inner)) .collection-hero__title,
main:not(:has(.ha-hp-hero-inner)) .main-page-title,
main:not(:has(.ha-hp-hero-inner)) .title,
main:not(:has(.ha-hp-hero-inner)) .title-wrapper-with-link .title {
  color: var(--hongo-ui-ink) !important;
  letter-spacing: 0 !important;
}

main:not(:has(.ha-hp-hero-inner)) .rte h1,
main:not(:has(.ha-hp-hero-inner)) .rte h2,
main:not(:has(.ha-hp-hero-inner)) .rte h3,
main:not(:has(.ha-hp-hero-inner)) .rte h4,
main:not(:has(.ha-hp-hero-inner)) .page-width h1,
main:not(:has(.ha-hp-hero-inner)) .page-width h2,
main:not(:has(.ha-hp-hero-inner)) .page-width h3,
main:not(:has(.ha-hp-hero-inner)) .page-width h4,
main:not(:has(.ha-hp-hero-inner)) [style*="color:#502D00"] h1,
main:not(:has(.ha-hp-hero-inner)) [style*="color:#502D00"] h2,
main:not(:has(.ha-hp-hero-inner)) [style*="color:#502D00"] h3,
main:not(:has(.ha-hp-hero-inner)) h1[style*="color:#502D00"],
main:not(:has(.ha-hp-hero-inner)) h2[style*="color:#502D00"],
main:not(:has(.ha-hp-hero-inner)) h3[style*="color:#502D00"] {
  color: var(--hongo-ui-ink) !important;
}

main:not(:has(.ha-hp-hero-inner)) p,
main:not(:has(.ha-hp-hero-inner)) li,
main:not(:has(.ha-hp-hero-inner)) .rte,
main:not(:has(.ha-hp-hero-inner)) .product__description,
.shopify-policy__body {
  color: var(--hongo-ui-body) !important;
}

main:not(:has(.ha-hp-hero-inner)) .button,
main:not(:has(.ha-hp-hero-inner)) button.button,
main:not(:has(.ha-hp-hero-inner)) .button.button--primary,
main:not(:has(.ha-hp-hero-inner)) button[name="add"],
main:not(:has(.ha-hp-hero-inner)) .product-form__submit,
main:not(:has(.ha-hp-hero-inner)) .shopify-payment-button__button--unbranded,
main:not(:has(.ha-hp-hero-inner)) input[type="submit"] {
  background-image: linear-gradient(135deg, #e21c23 0%, #b81728 48%, #f59921 100%) !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(184, 23, 40, 0.18) !important;
}

main:not(:has(.ha-hp-hero-inner)) .button *,
main:not(:has(.ha-hp-hero-inner)) button.button *,
main:not(:has(.ha-hp-hero-inner)) .product-form__submit *,
main:not(:has(.ha-hp-hero-inner)) .shopify-payment-button__button--unbranded * {
  color: #fff !important;
}

main:not(:has(.ha-hp-hero-inner)) .button.button--secondary,
main:not(:has(.ha-hp-hero-inner)) .button--tertiary,
main:not(:has(.ha-hp-hero-inner)) .cart__checkout-button,
main:not(:has(.ha-hp-hero-inner)) .customer button,
main:not(:has(.ha-hp-hero-inner)) .search__button,
main:not(:has(.ha-hp-hero-inner)) .quick-add__submit {
  background-image: linear-gradient(135deg, #5f176b 0%, #3b1b68 48%, #24205c 100%) !important;
  background-color: transparent !important;
  color: #fff !important;
  border: 0 !important;
}

main:not(:has(.ha-hp-hero-inner)) .product-form__submit,
main:not(:has(.ha-hp-hero-inner)) .product-form__submit.button.button--secondary,
main:not(:has(.ha-hp-hero-inner)) .product-form__submit.button.button--primary,
main:not(:has(.ha-hp-hero-inner)) button[name="add"],
main:not(:has(.ha-hp-hero-inner)) button[name="add"].button.button--secondary,
main:not(:has(.ha-hp-hero-inner)) .cart__checkout-button,
main:not(:has(.ha-hp-hero-inner)) .cart__checkout-button.button.button--secondary,
main:not(:has(.ha-hp-hero-inner)) .shopify-payment-button__button--unbranded {
  background-image: linear-gradient(135deg, #e21c23 0%, #b81728 48%, #f59921 100%) !important;
  background-color: transparent !important;
  color: #fff !important;
}

main:not(:has(.ha-hp-hero-inner)) .button:hover,
main:not(:has(.ha-hp-hero-inner)) button.button:hover,
main:not(:has(.ha-hp-hero-inner)) .product-form__submit:hover,
main:not(:has(.ha-hp-hero-inner)) .shopify-payment-button__button--unbranded:hover {
  transform: translateY(-1px) !important;
  filter: saturate(1.04) brightness(1.02);
}

main:not(:has(.ha-hp-hero-inner)) .card-wrapper,
main:not(:has(.ha-hp-hero-inner)) .card,
main:not(:has(.ha-hp-hero-inner)) .product-card-wrapper .card,
main:not(:has(.ha-hp-hero-inner)) .collection-card-wrapper .card,
main:not(:has(.ha-hp-hero-inner)) .article-card-wrapper .card,
main:not(:has(.ha-hp-hero-inner)) .collage-card,
main:not(:has(.ha-hp-hero-inner)) .multicolumn-card,
main:not(:has(.ha-hp-hero-inner)) .cart-item,
main:not(:has(.ha-hp-hero-inner)) .totals,
main:not(:has(.ha-hp-hero-inner)) .cart__footer,
main:not(:has(.ha-hp-hero-inner)) .customer table {
  background: #fff !important;
  background-color: #fff !important;
  border-color: var(--hongo-ui-line) !important;
}

main:not(:has(.ha-hp-hero-inner)) .card-wrapper,
main:not(:has(.ha-hp-hero-inner)) .product-card-wrapper .card,
main:not(:has(.ha-hp-hero-inner)) .collection-card-wrapper .card,
main:not(:has(.ha-hp-hero-inner)) .multicolumn-card {
  border: 1px solid var(--hongo-ui-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(32, 33, 36, 0.07) !important;
  overflow: hidden !important;
}

main:not(:has(.ha-hp-hero-inner)) .card__heading,
main:not(:has(.ha-hp-hero-inner)) .card__heading a,
main:not(:has(.ha-hp-hero-inner)) .full-unstyled-link,
main:not(:has(.ha-hp-hero-inner)) .article-card__title,
main:not(:has(.ha-hp-hero-inner)) .collection-list-title {
  color: var(--hongo-ui-ink) !important;
}

main:not(:has(.ha-hp-hero-inner)) .price,
main:not(:has(.ha-hp-hero-inner)) .price *,
main:not(:has(.ha-hp-hero-inner)) .cart-item__price-wrapper *,
main:not(:has(.ha-hp-hero-inner)) .totals__total-value {
  color: #b81728 !important;
}

main:not(:has(.ha-hp-hero-inner)) .badge,
main:not(:has(.ha-hp-hero-inner)) .product__badge,
main:not(:has(.ha-hp-hero-inner)) .facet-checkbox input[type="checkbox"]:checked + svg,
main:not(:has(.ha-hp-hero-inner)) .pagination__item--current {
  background-image: linear-gradient(135deg, #5f176b 0%, #3b1b68 48%, #24205c 100%) !important;
  background-color: transparent !important;
  color: #fff !important;
  border-color: transparent !important;
}

main:not(:has(.ha-hp-hero-inner)) .product-form__input input[type="radio"] + label,
main:not(:has(.ha-hp-hero-inner)) .variant-picker .swatch-input__input + label,
main:not(:has(.ha-hp-hero-inner)) .quantity,
main:not(:has(.ha-hp-hero-inner)) input,
main:not(:has(.ha-hp-hero-inner)) select,
main:not(:has(.ha-hp-hero-inner)) textarea,
main:not(:has(.ha-hp-hero-inner)) .field__input,
main:not(:has(.ha-hp-hero-inner)) .select__select,
main:not(:has(.ha-hp-hero-inner)) .customer .field input {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid rgba(32, 33, 36, 0.22) !important;
  border-radius: 8px !important;
  color: var(--hongo-ui-ink) !important;
}

main:not(:has(.ha-hp-hero-inner)) .product-form__input input[type="radio"]:checked + label,
main:not(:has(.ha-hp-hero-inner)) .variant-picker .swatch-input__input:checked + label {
  background-image: linear-gradient(135deg, #5f176b 0%, #3b1b68 48%, #24205c 100%) !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
}

main:not(:has(.ha-hp-hero-inner)) .field__label,
main:not(:has(.ha-hp-hero-inner)) .form__label,
main:not(:has(.ha-hp-hero-inner)) fieldset.js-contents legend,
main:not(:has(.ha-hp-hero-inner)) .product-form__input .form__label,
main:not(:has(.ha-hp-hero-inner)) .facets__heading,
main:not(:has(.ha-hp-hero-inner)) .facets__summary,
main:not(:has(.ha-hp-hero-inner)) .facet-filters__label,
main:not(:has(.ha-hp-hero-inner)) .cart-item__name {
  color: var(--hongo-ui-ink) !important;
}

main:not(:has(.ha-hp-hero-inner)) .product__media,
main:not(:has(.ha-hp-hero-inner)) .product__media-wrapper,
main:not(:has(.ha-hp-hero-inner)) .media,
main:not(:has(.ha-hp-hero-inner)) .card__media,
main:not(:has(.ha-hp-hero-inner)) .collection-hero,
main:not(:has(.ha-hp-hero-inner)) .banner,
main:not(:has(.ha-hp-hero-inner)) .page-width > .rte,
main:not(:has(.ha-hp-hero-inner)) .main-page-title + .rte {
  background: #fff !important;
  background-color: #fff !important;
}

main:not(:has(.ha-hp-hero-inner)) .product__accordion,
main:not(:has(.ha-hp-hero-inner)) .accordion,
main:not(:has(.ha-hp-hero-inner)) details,
main:not(:has(.ha-hp-hero-inner)) .collapsible-content__wrapper {
  background: #fff !important;
  border-color: var(--hongo-ui-line) !important;
  color: var(--hongo-ui-body) !important;
}

main:not(:has(.ha-hp-hero-inner)) .breadcrumb,
main:not(:has(.ha-hp-hero-inner)) .caption,
main:not(:has(.ha-hp-hero-inner)) .product__text,
main:not(:has(.ha-hp-hero-inner)) .card-information,
main:not(:has(.ha-hp-hero-inner)) .facets__display,
main:not(:has(.ha-hp-hero-inner)) .underlined-link {
  color: var(--hongo-ui-body) !important;
}

main:not(:has(.ha-hp-hero-inner)) a:not(.button):not(.full-unstyled-link) {
  color: #5f176b !important;
}

main:not(:has(.ha-hp-hero-inner)) .newsletter,
main:not(:has(.ha-hp-hero-inner)) .email-signup-banner,
main:not(:has(.ha-hp-hero-inner)) .newsletter__wrapper {
  background: #fff !important;
  background-color: #fff !important;
  color: var(--hongo-ui-ink) !important;
}

main:not(:has(.ha-hp-hero-inner)) .newsletter .button,
main:not(:has(.ha-hp-hero-inner)) .email-signup-banner .button {
  background-image: linear-gradient(135deg, #a6ca32 0%, #50772e 56%, #222d61 100%) !important;
  color: #fff !important;
}

.shopify-policy__container {
  max-width: 980px !important;
  padding-top: 56px !important;
  padding-bottom: 64px !important;
}

@media screen and (max-width: 749px) {
  main:not(:has(.ha-hp-hero-inner)) h1,
  main:not(:has(.ha-hp-hero-inner)) .h1,
  .shopify-policy__title h1 {
    font-size: clamp(3rem, 11vw, 4.6rem) !important;
    line-height: 0.98 !important;
  }

  main:not(:has(.ha-hp-hero-inner)) .button,
  main:not(:has(.ha-hp-hero-inner)) button.button,
  main:not(:has(.ha-hp-hero-inner)) .product-form__submit,
  main:not(:has(.ha-hp-hero-inner)) .shopify-payment-button__button--unbranded {
    min-height: 46px !important;
    padding: 13px 20px !important;
  }

  main:not(:has(.ha-hp-hero-inner)) .card-wrapper,
  main:not(:has(.ha-hp-hero-inner)) .product-card-wrapper .card,
  main:not(:has(.ha-hp-hero-inner)) .collection-card-wrapper .card {
    border-radius: 8px !important;
  }
}

/* Product page polish - 2026-06-26
   Test theme only: cleaner add-to-cart pill and white product story cards. */
.product .product-form__submit,
.product .product-form__submit.button,
.product button[name="add"],
.product button[name="add"].button {
  border: 0 !important;
  border-radius: 999px !important;
  outline: 0 !important;
  background: linear-gradient(135deg, #e21c23 0%, #b81728 48%, #f59921 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(184, 23, 40, 0.18) !important;
}

.product .product-form__submit::before,
.product .product-form__submit::after,
.product button[name="add"]::before,
.product button[name="add"]::after {
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 999px !important;
}

.product__description.product__description--full-width > div[style*="background:linear-gradient"]:first-of-type,
.product__description.product__description--full-width > div[style*="background-color:#FFCE36"] {
  background: #fff !important;
  color: #202124 !important;
  border: 1px solid rgba(36, 32, 92, 0.10) !important;
  box-shadow: 0 12px 30px rgba(36, 32, 92, 0.08) !important;
}

.product__description.product__description--full-width > div:first-of-type > div[style*="position:absolute"] {
  opacity: 0.16 !important;
}

.product__description.product__description--full-width > div:first-of-type p:first-of-type,
.product__description.product__description--full-width > div[style*="background-color:#FFCE36"] > p:first-child {
  color: #b81728 !important;
  font-weight: 800 !important;
}

.product__description.product__description--full-width > div:first-of-type h2,
.product__description.product__description--full-width > div[style*="background-color:#FFCE36"] h3 {
  color: #5f176b !important;
}

.product__description.product__description--full-width > div:first-of-type > div[style*="position:relative"] > p:not(:first-child),
.product__description.product__description--full-width > div[style*="background-color:#FFCE36"] p,
.product__description.product__description--full-width > div[style*="background-color:#FFCE36"] em,
.product__description.product__description--full-width > div[style*="background-color:#FFCE36"] strong {
  color: #202124 !important;
}

.product__description.product__description--full-width > div[style*="background-color:#FFCE36"] p:first-of-type {
  color: #b81728 !important;
  font-weight: 800 !important;
}

.product__description.product__description--full-width > div[style*="background-color:#FFCE36"] p:last-of-type {
  color: #5f176b !important;
  font-weight: 700 !important;
}

.product__description.product__description--full-width > div:first-of-type div[style*="border-radius:100px"] {
  background: rgba(95, 23, 107, 0.08) !important;
  border: 1px solid rgba(95, 23, 107, 0.15) !important;
}

.product__description.product__description--full-width > div:first-of-type div[style*="border-radius:100px"] p {
  color: #5f176b !important;
}

.product__description.product__description--full-width > div[style*="background-color:#502D00"],
.product__description.product__description--full-width > div[style*="background-color:#FFF6EA"] {
  background: #fff !important;
  color: #202124 !important;
  border: 1px solid rgba(36, 32, 92, 0.10) !important;
  box-shadow: 0 12px 30px rgba(36, 32, 92, 0.08) !important;
}

.product__description.product__description--full-width > div[style*="background-color:#502D00"] > p:first-child,
.product__description.product__description--full-width > div[style*="background-color:#FFF6EA"] > p:first-child {
  color: #b81728 !important;
  font-weight: 800 !important;
}

.product__description.product__description--full-width > div[style*="background-color:#502D00"] h3,
.product__description.product__description--full-width > div[style*="background-color:#FFF6EA"] h3 {
  color: #5f176b !important;
}

.product__description.product__description--full-width > div[style*="background-color:#502D00"] p,
.product__description.product__description--full-width > div[style*="background-color:#502D00"] strong,
.product__description.product__description--full-width > div[style*="background-color:#FFF6EA"] p {
  color: #202124 !important;
}

.product__description.product__description--full-width > div[style*="background-color:#502D00"] a {
  color: #5f176b !important;
  font-weight: 800 !important;
}

.product__description.product__description--full-width > div[style*="background-color:#FFF6EA"] div[style*="background:#502D00"] {
  background: linear-gradient(135deg, #e21c23 0%, #b81728 48%, #5f176b 100%) !important;
  color: #fff !important;
}

.product__description.product__description--full-width > div[style*="background-color:#FFF6EA"] div[style*="background:#502D00"] p,
.product__description.product__description--full-width > div[style*="background-color:#FFF6EA"] div[style*="background:#502D00"] strong {
  color: #fff !important;
}

.product__description.product__description--full-width > div:nth-of-type(7) a > div > div:nth-child(2) {
  background: linear-gradient(135deg, #5f176b 0%, #24205c 52%, #d78a27 100%) !important;
  color: #fff !important;
}

.product__description.product__description--full-width > div:nth-of-type(7) a > div > div:nth-child(2) p {
  color: #fff !important;
}

.product__description.product__description--full-width > div:nth-of-type(7) a > div > div:last-child p:first-child {
  color: #202124 !important;
}

.product__description.product__description--full-width > div:nth-of-type(7) a > div > div:last-child p:last-child {
  color: #5f176b !important;
  font-weight: 800 !important;
}

.product__description.product__description--full-width > div:nth-of-type(6) {
  border-top-color: rgba(80, 119, 46, 0.45) !important;
}

.product__description.product__description--full-width > div:nth-of-type(6) span[style*="background:#FFF6EA"] {
  background: linear-gradient(135deg, #a6ca32 0%, #50772e 52%, #222d61 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 6px 14px rgba(80, 119, 46, 0.16) !important;
}

.product__description.product__description--full-width > div:nth-of-type(7) a > div > div:first-child {
  background: #fff !important;
}

@media screen and (max-width: 749px) {
  .product__description.product__description--full-width > div[style*="background:linear-gradient"]:first-of-type,
  .product__description.product__description--full-width > div[style*="background-color:#FFCE36"],
  .product__description.product__description--full-width > div[style*="background-color:#502D00"],
  .product__description.product__description--full-width > div[style*="background-color:#FFF6EA"] {
    padding: 28px 22px !important;
    border-radius: 12px !important;
  }
}

/* B2B variety pack description polish - 2026-06-26
   Test theme only: white description panels with colored text accents. */
.product__description .hongo-a-plus {
  color: #202124 !important;
}

.product__description .hongo-a-plus section,
.product__description .hongo-a-plus section[style*="background:#FFF6EA"],
.product__description .hongo-a-plus section[style*="background:#FFCE36"],
.product__description .hongo-a-plus section[style*="background:#FFFFFF"],
.product__description .hongo-a-plus div[style*="background:#F6F0FF"],
.product__description .hongo-a-plus div[style*="background:#FFF1EA"],
.product__description .hongo-a-plus div[style*="background:#F2FAEA"] {
  background: #fff !important;
  background-color: #fff !important;
  border-color: rgba(36, 32, 92, 0.12) !important;
  box-shadow: 0 10px 26px rgba(36, 32, 92, 0.06) !important;
}

.product__description .hongo-a-plus section[style*="background:#FFCE36"] {
  border: 1px solid rgba(95, 23, 107, 0.14) !important;
}

.product__description .hongo-a-plus h2,
.product__description .hongo-a-plus h3,
.product__description .hongo-a-plus h4,
.product__description .hongo-a-plus strong {
  color: #202124 !important;
}

.product__description .hongo-a-plus > section:first-of-type p:first-child,
.product__description .hongo-a-plus section[style*="background:#FFCE36"] h3,
.product__description .hongo-a-plus h3[style*="What's inside"] {
  color: #5f176b !important;
}

.product__description .hongo-a-plus section[style*="background:#FFCE36"] li::marker {
  color: #b81728 !important;
}

.product__description .hongo-a-plus p,
.product__description .hongo-a-plus span,
.product__description .hongo-a-plus li {
  color: #202124 !important;
}

.product__description .hongo-a-plus > p:last-child {
  color: #5f6368 !important;
}

.product__description .hongo-a-plus div[style*="border-left:5px solid #6B3FA0"] h4,
.product__description .hongo-a-plus div[style*="border-left:5px solid #6B3FA0"] p {
  color: #5f176b !important;
}

.product__description .hongo-a-plus div[style*="border-left:5px solid #C4362A"] h4,
.product__description .hongo-a-plus div[style*="border-left:5px solid #C4362A"] p {
  color: #b81728 !important;
}

.product__description .hongo-a-plus div[style*="border-left:5px solid #4A7C2F"] h4,
.product__description .hongo-a-plus div[style*="border-left:5px solid #4A7C2F"] p {
  color: #50772e !important;
}

.product__description .hongo-a-plus section[style*="background:#FFCE36"] ul {
  color: #202124 !important;
}

/* Product and retailer portal white pass - 2026-06-26 */
:root {
  --hongo-pass-ink: #202124;
  --hongo-pass-body: #3f3935;
  --hongo-pass-muted: #5f6368;
  --hongo-pass-line: rgba(36, 32, 92, 0.12);
  --hongo-pass-purple: #5f176b;
  --hongo-pass-red: #b81728;
  --hongo-pass-green: #50772e;
  --hongo-pass-gold: #d78a27;
  --hongo-pass-red-gradient: linear-gradient(135deg, #e21c23 0%, #b81728 48%, #f59921 100%);
  --hongo-pass-purple-gradient: linear-gradient(135deg, #5f176b 0%, #3b1b68 48%, #24205c 100%);
  --hongo-pass-green-gradient: linear-gradient(135deg, #a6ca32 0%, #50772e 56%, #222d61 100%);
}

.product__description,
.product__description.product__description--full-width,
.product__description .hongo-a-plus,
.product__description .hongo-bundle-copy,
.hongo-rp,
.hongo-wp,
.hongo-wp-public {
  background: #fff !important;
  background-color: #fff !important;
  color: var(--hongo-pass-body) !important;
}

.product__description.product__description--full-width > div,
.product__description .hongo-a-plus > div,
.product__description .hongo-a-plus > section,
.product__description .hongo-bundle-copy > div,
.product__description .hongo-bundle-copy > section,
.product__description [style*="background:#FFF6EA"],
.product__description [style*="background: #FFF6EA"],
.product__description [style*="background:#fff6ea"],
.product__description [style*="background: #fff6ea"],
.product__description [style*="background-color:#FFF6EA"],
.product__description [style*="background-color: #FFF6EA"],
.product__description [style*="background-color:#fff6ea"],
.product__description [style*="background-color: #fff6ea"],
.product__description [style*="background:#FFCE36"],
.product__description [style*="background: #FFCE36"],
.product__description [style*="background:#ffce36"],
.product__description [style*="background: #ffce36"],
.product__description [style*="background-color:#FFCE36"],
.product__description [style*="background-color: #FFCE36"],
.product__description [style*="background-color:#ffce36"],
.product__description [style*="background-color: #ffce36"],
.product__description [style*="background:#F6F0FF"],
.product__description [style*="background: #F6F0FF"],
.product__description [style*="background:#FFF1EA"],
.product__description [style*="background: #FFF1EA"],
.product__description [style*="background:#F2FAEA"],
.product__description [style*="background: #F2FAEA"],
.product__description [style*="background:#502D00"],
.product__description [style*="background: #502D00"],
.product__description [style*="background-color:#502D00"],
.product__description [style*="background-color: #502D00"],
.product__description [style*="background:linear-gradient"],
.product__description [style*="background: linear-gradient"],
.product__description [style*="background-color: #a54f10"],
.product__description [style*="background-color:#a54f10"],
.product__description [style*="background:rgba(152,194,29"],
.product__description [style*="background: rgba(152,194,29"],
.product__description [style*="background: rgba(152, 194, 29"],
.product__description [style*="background:rgba(255,206,54"],
.product__description [style*="background: rgba(255,206,54"],
.product__description [style*="background: rgba(255, 206, 54"],
.product__description [style*="background:rgba(80,45,0"],
.product__description [style*="background: rgba(80,45,0"],
.product__description [style*="background: rgba(80, 45, 0"],
.product__description [style*="background-color:rgba(152,194,29"],
.product__description [style*="background-color: rgba(152,194,29"],
.product__description [style*="background-color: rgba(152, 194, 29"],
.product__description [style*="background-color:rgba(255,206,54"],
.product__description [style*="background-color: rgba(255,206,54"],
.product__description [style*="background-color: rgba(255, 206, 54"],
.product__description [style*="background-color:rgba(80,45,0"],
.product__description [style*="background-color: rgba(80,45,0"],
.product__description [style*="background-color: rgba(80, 45, 0"],
.hongo-rp-hero,
.hongo-rp-band,
.hongo-rp-band-white,
.hongo-rp-card,
.hongo-rp-card-dark,
.hongo-rp-tier,
.hongo-rp-step,
.hongo-rp-footer,
.hongo-wp-hero,
.hongo-wp-card,
.hongo-wp-notice,
.hongo-wp-band,
.hongo-wp-band-white,
.hongo-wp-public-hero,
.hongo-wp-public-step,
.hongo-wp-public-card,
.hongo-wp-public-product,
.hongo-wp-public-tier,
.hongo-wp-public-cta,
.hongo-wp-table,
.hongo-wp-table th {
  background: #fff !important;
  background-color: #fff !important;
  color: var(--hongo-pass-body) !important;
  border-color: var(--hongo-pass-line) !important;
  box-shadow: 0 10px 26px rgba(36, 32, 92, 0.06) !important;
}

.product__description [style*="border-left:5px solid"],
.product__description [style*="border-left: 5px solid"],
.hongo-rp-card,
.hongo-rp-tier,
.hongo-rp-step,
.hongo-wp-card,
.hongo-wp-public-step,
.hongo-wp-public-card,
.hongo-wp-public-product,
.hongo-wp-public-tier {
  border: 1px solid var(--hongo-pass-line) !important;
  border-left-width: 5px !important;
}

.product__description [style*="border-left:5px solid #6B3FA0"],
.product__description [style*="border-left: 5px solid #6B3FA0"],
.hongo-rp-card:nth-child(3n+1),
.hongo-rp-tier:nth-child(4n+1),
.hongo-rp-step:nth-child(3n+1),
.hongo-wp-card:nth-child(2n+1),
.hongo-wp-public-step:nth-child(3n+1),
.hongo-wp-public-card:nth-child(3n+1),
.hongo-wp-public-product:nth-child(4n+1),
.hongo-wp-public-tier:nth-child(4n+1) {
  border-left-color: var(--hongo-pass-purple) !important;
}

.product__description [style*="border-left:5px solid #C4362A"],
.product__description [style*="border-left: 5px solid #C4362A"],
.hongo-rp-card:nth-child(3n+2),
.hongo-rp-tier:nth-child(4n+2),
.hongo-rp-step:nth-child(3n+2),
.hongo-wp-card:nth-child(2n),
.hongo-wp-public-step:nth-child(3n+2),
.hongo-wp-public-card:nth-child(3n+2),
.hongo-wp-public-product:nth-child(4n+2),
.hongo-wp-public-tier:nth-child(4n+2) {
  border-left-color: var(--hongo-pass-red) !important;
}

.product__description [style*="border-left:5px solid #4A7C2F"],
.product__description [style*="border-left: 5px solid #4A7C2F"],
.hongo-rp-card:nth-child(3n),
.hongo-rp-tier:nth-child(4n+3),
.hongo-rp-step:nth-child(3n),
.hongo-wp-public-step:nth-child(3n),
.hongo-wp-public-card:nth-child(3n),
.hongo-wp-public-product:nth-child(4n+3),
.hongo-wp-public-tier:nth-child(4n+3) {
  border-left-color: var(--hongo-pass-green) !important;
}

.product__description :is(h1, h2, h3, h4, h5, h6),
.product__description :is(h1, h2, h3, h4, h5, h6)[style],
.product__description .hongo-a-plus :is(h2, h3, h4),
.hongo-rp-title,
.hongo-rp-section-title,
.hongo-rp-card h3,
.hongo-rp-step h3,
.hongo-wp :is(h1, h2, h3),
.hongo-wp-section-title,
.hongo-wp-public-step h3,
.hongo-wp-public-card h3 {
  color: var(--hongo-pass-ink) !important;
}

.product__description > div:first-child p:first-child,
.product__description .hongo-a-plus > div:first-child p:first-child,
.product__description .hongo-a-plus > section:first-of-type p:first-child,
.hongo-rp-kicker,
.hongo-wp-kicker,
.hongo-wp-public-kicker,
.hongo-rp-tier strong,
.hongo-wp-public-tier strong,
.hongo-wp-table th {
  color: var(--hongo-pass-purple) !important;
}

.product__description p,
.product__description li,
.product__description span,
.product__description em,
.product__description strong,
.product__description [style*="color:#502D00"],
.product__description [style*="color: #502D00"],
.product__description [style*="color:#5F4630"],
.product__description [style*="color: #5F4630"],
.product__description [style*="color:#7A5A2B"],
.product__description [style*="color: #7A5A2B"],
.product__description [style*="color:#FFF6EA"],
.product__description [style*="color: #FFF6EA"],
.hongo-rp :is(p, li, span, em, small, td),
.hongo-wp :is(p, li, span, em, small, td) {
  color: var(--hongo-pass-body) !important;
}

.product__description li::marker,
.hongo-rp-table th,
.hongo-wp-table th {
  color: var(--hongo-pass-red) !important;
}

.product__description a:not(.button),
.hongo-rp a:not(.hongo-rp-btn):not(.button),
.hongo-wp a:not(.hongo-wp-btn):not(.button) {
  color: var(--hongo-pass-purple) !important;
  font-weight: 800 !important;
}

.product__description [style*="border-radius:100px"],
.product__description [style*="border-radius: 100px"],
.product__description [style*="border-radius:999px"],
.product__description [style*="border-radius: 999px"],
.hongo-rp-step::before,
.hongo-wp-public-step::before,
.hongo-wp-kicker,
.hongo-wp-public-proof span {
  background: var(--hongo-pass-green-gradient) !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(80, 119, 46, 0.16) !important;
}

.product__description [style*="border-radius:100px"] *,
.product__description [style*="border-radius: 100px"] *,
.product__description [style*="border-radius:999px"] *,
.product__description [style*="border-radius: 999px"] *,
.hongo-rp-step::before,
.hongo-wp-public-step::before,
.hongo-wp-kicker,
.hongo-wp-public-proof span {
  color: #fff !important;
}

.hongo-rp-btn,
.hongo-rp-cta-primary,
.hongo-rp-cta-secondary,
.hongo-wp-btn {
  background: var(--hongo-pass-red-gradient) !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(184, 23, 40, 0.18) !important;
}

.hongo-rp-btn-secondary,
.hongo-wp-btn-secondary,
.hongo-wp-public-cta .hongo-wp-btn-secondary {
  background: var(--hongo-pass-purple-gradient) !important;
  background-color: transparent !important;
  color: #fff !important;
}

.hongo-rp-btn *,
.hongo-wp-btn *,
.hongo-rp-cta-primary *,
.hongo-rp-cta-secondary * {
  color: #fff !important;
}

.hongo-rp a.hongo-rp-btn,
.hongo-rp a.hongo-rp-cta-primary,
.hongo-rp a.hongo-rp-cta-secondary,
.hongo-wp a.hongo-wp-btn,
main:not(:has(.ha-hp-hero-inner)) .hongo-rp a.hongo-rp-btn,
main:not(:has(.ha-hp-hero-inner)) .hongo-rp a.hongo-rp-cta-primary,
main:not(:has(.ha-hp-hero-inner)) .hongo-rp a.hongo-rp-cta-secondary,
main:not(:has(.ha-hp-hero-inner)) .hongo-wp a.hongo-wp-btn {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.hongo-rp-table,
.hongo-wp-table,
.hongo-wp-table-wrap {
  border-color: var(--hongo-pass-line) !important;
  box-shadow: none !important;
}

.hongo-rp-table th,
.hongo-rp-table td,
.hongo-wp-table th,
.hongo-wp-table td,
.hongo-wp-list li {
  border-color: rgba(36, 32, 92, 0.10) !important;
}

.hongo-wp-public-media img,
.hongo-wp-public-product img {
  background: #fff !important;
  background-color: #fff !important;
}

@media screen and (max-width: 749px) {
  .product__description.product__description--full-width > div,
  .product__description .hongo-a-plus > section,
  .product__description .hongo-bundle-copy > section,
  .hongo-rp-hero,
  .hongo-rp-band,
  .hongo-rp-footer,
  .hongo-wp-hero,
  .hongo-wp-notice,
  .hongo-wp-band,
  .hongo-wp-public-hero,
  .hongo-wp-public-cta {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* How It's Made page live restyle - 2026-06-26
   Keeps the existing page copy, but moves the older heavy section colors into accents. */
main:has(.ha-him-hero-title) {
  --hongo-him-ink: #1f1713;
  --hongo-him-body: #3f332d;
  --hongo-him-soft: #6c5d55;
  --hongo-him-line: rgba(31, 23, 19, 0.12);
  --hongo-him-purple: #5f176b;
  --hongo-him-red: #c4362a;
  --hongo-him-orange: #f59921;
  --hongo-him-green: #50772e;
  background: #fff !important;
}

main:has(.ha-him-hero-title) .main-page-title {
  display: none !important;
}

main:has(.ha-him-hero-title) .page-width--narrow {
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

main:has(.ha-him-hero-title) .main-page-title + .rte,
main:has(.ha-him-hero-title) .page-width > .rte {
  max-width: none !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

main:has(.ha-him-hero-title) .rte > div[style*="background-color"] {
  background: #fff !important;
  background-color: #fff !important;
  padding: 72px 40px !important;
  border-top: 1px solid var(--hongo-him-line) !important;
  color: var(--hongo-him-body) !important;
}

main:has(.ha-him-hero-title) .rte > div:first-of-type {
  padding-top: 82px !important;
  padding-bottom: 70px !important;
  border-top: 0 !important;
  background:
    linear-gradient(180deg, rgba(166, 202, 50, 0.08), rgba(255, 255, 255, 0) 62%),
    #fff !important;
}

main:has(.ha-him-hero-title) .rte > div[style*="line-height:0"] {
  display: none !important;
}

main:has(.ha-him-hero-title) .rte > div:first-of-type > div[style*="position:absolute"] {
  display: none !important;
}

main:has(.ha-him-hero-title) .rte > div:first-of-type > div[style*="position:relative"] {
  padding-bottom: 0 !important;
}

main:has(.ha-him-hero-title) :is(h1, h2, h3) {
  color: var(--hongo-him-ink) !important;
  letter-spacing: 0 !important;
}

main:has(.ha-him-hero-title) .ha-him-hero-title {
  max-width: 760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: var(--hongo-him-ink) !important;
  text-wrap: balance !important;
}

main:has(.ha-him-hero-title) .ha-him-hero-title span,
main:has(.ha-him-hero-title) h2 span {
  color: var(--hongo-him-purple) !important;
}

main:has(.ha-him-hero-title) p,
main:has(.ha-him-hero-title) li {
  color: var(--hongo-him-body) !important;
}

main:has(.ha-him-hero-title) p[style*="letter-spacing"],
main:has(.ha-him-hero-title) span[style*="letter-spacing"] {
  color: var(--hongo-him-purple) !important;
  font-weight: 800 !important;
}

main:has(.ha-him-hero-title) strong,
main:has(.ha-him-hero-title) strong[style] {
  color: var(--hongo-him-red) !important;
}

main:has(.ha-him-hero-title) .ha-him-compare {
  gap: 48px !important;
}

main:has(.ha-him-hero-title) .ha-him-compare > div[style*="background-color"] {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid var(--hongo-him-line) !important;
  border-left: 6px solid var(--hongo-him-green) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(31, 23, 19, 0.08) !important;
}

main:has(.ha-him-hero-title) .ha-him-compare > div[style*="background-color"] p:first-child,
main:has(.ha-him-hero-title) .ha-him-compare > div[style*="background-color"] p[style*="text-transform:uppercase"] {
  color: var(--hongo-him-purple) !important;
}

main:has(.ha-him-hero-title) .ha-him-compare div[style*="border-left:3px solid"] {
  border-left-width: 4px !important;
  background: rgba(166, 202, 50, 0.08) !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 12px 16px !important;
}

main:has(.ha-him-hero-title) .ha-him-compare div[style*="width:64px"][style*="height:64px"] {
  background:
    linear-gradient(135deg, #a6ca32 0%, #50772e 52%, #222d61 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(34, 45, 97, 0.18) !important;
}

main:has(.ha-him-hero-title) .ha-him-compare span {
  color: var(--hongo-him-orange) !important;
}

main:has(.ha-him-hero-title) .ha-him-compare > div > div[style*="display:flex"][style*="align-items:center"] p {
  color: var(--hongo-him-purple) !important;
}

main:has(.ha-him-hero-title) .ha-him-compare div[style*="justify-content:space-between"] {
  border-bottom-color: var(--hongo-him-line) !important;
}

main:has(.ha-him-hero-title) .ha-him-compare div[style*="justify-content:space-between"] p:last-child {
  color: var(--hongo-him-purple) !important;
}

main:has(.ha-him-hero-title) .rte > div:last-of-type {
  background: #fff !important;
  background-color: #fff !important;
  border-top: 1px solid var(--hongo-him-line) !important;
}

main:has(.ha-him-hero-title) .rte > div:last-of-type p {
  color: var(--hongo-him-soft) !important;
}

main:has(.ha-him-hero-title) a[href*="/collections/all"] {
  background:
    linear-gradient(135deg, #e30613 0%, #f59921 100%) !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(227, 6, 19, 0.18) !important;
}

main:has(.ha-him-hero-title) a[href*="why-whole-fruiting-bodies"] {
  background:
    linear-gradient(135deg, #a6ca32 0%, #50772e 52%, #222d61 100%) !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(34, 45, 97, 0.18) !important;
}

main:has(.ha-him-hero-title) a[href*="/collections/all"],
main:has(.ha-him-hero-title) a[href*="why-whole-fruiting-bodies"] {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 768px) {
  main:has(.ha-him-hero-title) .rte > div[style*="background-color"] {
    padding: 46px 18px !important;
  }

  main:has(.ha-him-hero-title) .rte > div:first-of-type {
    padding-top: 52px !important;
    padding-bottom: 46px !important;
  }

  main:has(.ha-him-hero-title) .ha-him-hero-title {
    font-size: clamp(3rem, 11vw, 4.4rem) !important;
    line-height: 0.98 !important;
  }

  main:has(.ha-him-hero-title) .ha-him-compare {
    gap: 26px !important;
  }

  main:has(.ha-him-hero-title) .ha-him-compare > div[style*="background-color"] {
    padding: 26px 20px !important;
  }

  main:has(.ha-him-hero-title) .ha-him-compare > div > div[style*="display:flex"][style*="align-items:center"] {
    align-items: flex-start !important;
    gap: 14px !important;
  }

  main:has(.ha-him-hero-title) .ha-him-compare div[style*="width:64px"][style*="height:64px"] {
    width: 52px !important;
    height: 52px !important;
    font-size: 1.35rem !important;
  }

  main:has(.ha-him-hero-title) .ha-him-compare h2 {
    font-size: clamp(2rem, 7vw, 2.8rem) !important;
  }

  main:has(.ha-him-hero-title) a[href*="/collections/all"],
  main:has(.ha-him-hero-title) a[href*="why-whole-fruiting-bodies"] {
    width: 100% !important;
    white-space: normal !important;
  }
}

/* Live mobile polish - 2026-06-26 */
@media screen and (max-width: 989px) {
  .shopify-section-group-header-group .menu-drawer,
  .shopify-section-group-header-group .menu-drawer__inner-container,
  .shopify-section-group-header-group .menu-drawer__navigation-container,
  .shopify-section-group-header-group .menu-drawer__submenu,
  .shopify-section-group-header-group .menu-drawer__inner-submenu {
    background: #fff !important;
    background-color: #fff !important;
    color: #1f1713 !important;
  }

  .shopify-section-group-header-group .menu-drawer__menu-item,
  .shopify-section-group-header-group .menu-drawer__menu-item span,
  .shopify-section-group-header-group .menu-drawer__close-button,
  .shopify-section-group-header-group .menu-drawer__account,
  .shopify-section-group-header-group .menu-drawer__utility-links,
  .shopify-section-group-header-group .menu-drawer__utility-links a {
    color: #1f1713 !important;
  }

  .shopify-section-group-header-group .menu-drawer__menu-item--active,
  .shopify-section-group-header-group .menu-drawer__menu-item:hover,
  .shopify-section-group-header-group .menu-drawer__close-button:hover {
    background: rgba(166, 202, 50, 0.12) !important;
    color: #5f176b !important;
  }

  .shopify-section-group-header-group .menu-drawer__menu-item .svg-wrapper,
  .shopify-section-group-header-group .menu-drawer__menu-item svg,
  .shopify-section-group-header-group .menu-drawer__close-button .svg-wrapper,
  .shopify-section-group-header-group .menu-drawer__close-button svg {
    color: #5f176b !important;
    fill: #5f176b !important;
  }
}

@media screen and (max-width: 749px) {
  main #teas > div {
    display: flex !important;
    flex-direction: column !important;
  }

  main #teas > div > div[style*="text-align:center; margin-bottom:64px"] {
    order: 1 !important;
  }

  main #teas a:has(.ha-variety-inner) {
    order: 2 !important;
    margin-bottom: 18px !important;
  }

  main #teas .ha-hp-teas {
    order: 3 !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
  }

  main #teas > div > div[style*="background:rgba(255,246,234,0.06)"] {
    order: 4 !important;
  }

  main #teas .ha-variety-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  main #teas .ha-variety-img {
    width: 100% !important;
    max-height: none !important;
  }

  main #teas .ha-variety-img img {
    min-height: 220px !important;
    max-height: 260px !important;
    object-fit: cover !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) {
    padding: 52px 16px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-bottom: 28px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="/products/"] {
    display: block !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="/products/"] > div {
    min-height: 0 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) a[href*="/products/"] > div > div[style*="height:180px"] {
    height: 170px !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 749px) {
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(a[href*="hongo-joint-and-flex-mushroom-blend"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Homepage Hongo Standard mobile polish - 2026-06-26 */
main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] {
  align-items: stretch !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div > div:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #a6ca32 0%, #50772e 52%, #222d61 100%) !important;
  color: #fff !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(34, 45, 97, 0.18) !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div > div:first-child::before {
  font-size: 1.3rem !important;
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div:nth-child(1) > div:first-child::before {
  content: "01";
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div:nth-child(2) > div:first-child::before {
  content: "02";
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div:nth-child(3) > div:first-child::before {
  content: "03";
}

main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div:nth-child(4) > div:first-child::before {
  content: "04";
}

@media screen and (max-width: 749px) {
  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) {
    padding: 54px 16px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="text-align:center"] {
    margin-bottom: 26px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) h2 {
    font-size: clamp(2.4rem, 9vw, 3.1rem) !important;
    line-height: 1.04 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div {
    display: grid !important;
    grid-template-columns: 54px 1fr !important;
    gap: 4px 14px !important;
    padding: 22px 18px !important;
    text-align: left !important;
    align-items: start !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div > div:first-child {
    grid-row: 1 / span 2 !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div h3 {
    margin: 0 0 6px !important;
    font-size: 1.32rem !important;
    line-height: 1.1 !important;
  }

  main .shopify-section .color-scheme-1.gradient div[style*="background-color:#FFF6EA"][style*="padding:100px 40px"]:has(div[style*="border-top:5px solid #00B2B8"]) > div > div[style*="display:grid"][style*="grid-template-columns:repeat(4,1fr)"] > div p {
    grid-column: 2 !important;
    margin: 0 !important;
    font-size: 1.36rem !important;
    line-height: 1.55 !important;
  }
}