/** Shopify CDN: Minification failed

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

**/
em {
  font-family: "Playfair Display", serif;
  font-weight:500;
}
.header-logo__image{height:60px!important;width:136px!important;image-rendering:-webkit-optimize-contrast}
.header-logo{overflow:visible!important;align-self:center!important}
@media (max-width: 768px) {
  .header-logo__image{height:40px!important;width:80px!important}
}
header span.menu-list__link-title {
    padding: 0 20px;
}
.header-actions__action .svg-wrapper {
    height: 18px !important;
    width: 18px !important;
}
.account-button.header-actions__action {
    width: 18px;
    height: 18px;
}
search-button.search-action {
    width: 18px;
    height: 18px;
}
cart-drawer-component.cart-drawer{
    width: 18px;
    height: 18px;
    margin-left: -6px;
}
header-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}
header-component#header-component {
    position: relative;
    box-shadow: 0 0px 0px #1414112e, 0 2px #234111;
    width: 98%;
    border-radius: 24px !important;
    margin: 18px auto 20px;
    background: #ffffff7d !important;
}
.header__underlay.header__underlay-closed {
    background: none !important;
}
.header__underlay {
    border-radius: 24px !important;
}
main.content-for-layout {
    padding: 0px 10px;
}
.hero__container.spacing-style.section.section--full-width {
    border-radius: 24px;
}
.customer-reviews em {
    font-style: normal;
    margin-right: 6px;
}
.hero-sec-button-first {
    border-radius: 50px;
    padding: 12px 42px;
    font-size: 18px;
}
.hero-sec-button-sec {
    font-size: 18px;
    text-decoration: underline;
    color:white;
}
.marquee__wrapper .layout-panel-flex--row:not(.mobile-column){
   flex-wrap: nowrap;
}
button.email-signup__button.email-signup__button--integrated.email-signup__button--text.paragraph.button {
    margin: 0;
    border-radius: 50px;
    padding: 0;
    width: 28%;
}
.email-signup__input-group.email-signup__input-group--integrated {
    border: 1px solid #2F2F2F;
    height: 56px;
}
.subscribe-block {
    position: relative;
    background:#ffffff73 !important;
}
footer {
    padding: 0 10px;
}
footer li.menu__item.paragraph a {
    color: #2F2F2F;
    font-size: 18px;
}
footer *:focus-visible {
    outline: none;
    outline-offset: unset;
}
.payment-icons {
    width: 33% !important;
}
.ch-blog-post-button a {
    background: #234111;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    max-width: 200px;
    border-radius: 50px;
    padding: 12px;
}
.ch-blog-post-button a:hover {
    background: #4BC900;
}
.ch-blog-post-button {
    display: flex;
    justify-content: center;
    align-items: center;
}
a.featured-blog-posts-card__link-read-more {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 500;
    color: #2F2F2F;
}
.featured-blog-posts-card__content h4 {
    --flex-wrap: wrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-des {
    text-align: center;
    margin-bottom: 30px;
}
.image-with-faqs details.details {
    background: #E9EAE7;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    border: 1px solid #234111;
}
.image-with-faqs .image-block {
    height: 100% !important;
}

/* icon with text sec */
  .hermetica-inline-section {
    padding: 100px 20px 40px;
    background: #fff;
    text-align: center;
  }
  .hermetica-inline-section__inner {
    max-width: 1050px;
    margin: 0 auto;
  }
  .hermetica-inline-text {
    font-size: 40px;
    line-height: 52px;
    color: #1a1a1a;
  }
  .hermetica-inline-text .italic-text {
    font-style: italic;
    margin-right: 10px;
    font-family: "Playfair Display", serif;
  }
  .hermetica-inline-icon {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    margin: 0 3px;
    position: relative;
    top: -2px;
  }
  .hermetica-inline-icon svg {
    width: 100%;
    height: 100%;
  }
  .hermetica-inline-img {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    height: 60px;
    overflow: hidden;
    margin: 0 4px;
    position: relative;
    top: -2px;
    flex-shrink: 0;
  }
  .hermetica-inline-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50px;
  }

  /* text grid */
  .science-section {
  width: 100%;
  padding: 50px 20px 110px;
  box-sizing: border-box;
  text-align: center;
}
.science-header h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}
.science-desktop {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 60px;
}
.features-left,
.features-right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: stretch;
  justify-content: space-between;
}
.science-header {
  margin-bottom: 100px;
}
.image-center img {
  max-width: 750px;
  height: auto;
}
.feature-item {
  text-align: center;
  width: 200px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.feature-item img {
  width: 86px;
}
.feature-item .science-badge-icon {
  width: 86px;
  height: 86px;
  color: #17210f;
  margin-bottom: 0;
}
.feature-item .science-badge-icon svg {
  width: 86px;
  height: 86px;
  filter: drop-shadow(0 8px 18px rgba(23, 33, 15, 0.08));
}
.feature-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.feature-icon.svg-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.feature-icon.svg-icon svg {
  width: 50px;
  height: 50px;
  display: block;
}
.feature-icon.svg-icon.science-badge-icon svg {
  width: 86px;
  height: 86px;
}
.feature-icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.feature-item h3 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}
.feature-item p {
  font-size: 14px;
  color: #555;
  margin-top: 5px;
}
.science-mobile {
  display: none;
}
.science-mobile img {
  max-width: 100%;
  margin-bottom: 20px;
}
.features-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px  20px;
  justify-content: center;
}
.features-grid .feature-item {
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
.science-desktop {
   display: none;
}
.science-mobile {
  display: flex;
  flex-direction: column-reverse;
  gap: 40px;
}
.science-header {
  margin-bottom: 30px;
}
.science-section {
    padding: 20px 0px 40px;
 }
.feature-item img {
    width: 64px;
  }
  .feature-item .science-badge-icon,
  .feature-item .science-badge-icon svg,
  .feature-icon.svg-icon.science-badge-icon svg {
    width: 64px;
    height: 64px;
  }
 .hermetica-inline-section {
    padding: 50px 20px 40px;
  }
}

/* Mobile-safe tap targets (audit 2026-05-16) */
@media (max-width: 768px) {
  .header-actions__action,
  button.header-actions__action,
  .header__icon,
  .header__menu-toggle,
  .header__cart-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
  }
  .herm-card__play,
  .slick-prev, .slick-next,
  .slideshow-control {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  /* Ensure tiny text in cart badge is at least readable */
  .header-actions__action span,
  .cart-count,
  .cart-link__bubble-num {
    font-size: 12px !important;
  }
}

/* hermetica videos */
.herm-section {
  background: #e9eae7;
  padding: 50px 0 30px;
  overflow: hidden;
}
.herm-header__top {
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  text-align: center;
  gap: 14px;
}
.herm-heading {
  font-size: 36px;
  font-weight: 700;
  margin: 0;
}
.herm-subheading {
  text-align: center;
}
.herm-slider-wrapper {
  position: relative;
  padding: 40px 0 20px;
}
.herm-slider .slick-list {
  overflow: visible !important;
  padding: 30px 0 !important;
}
.herm-slider .slick-track {
  display: flex !important;
  align-items: center !important;
}
.herm-slider .slick-slide {
  padding: 0 8px;
  box-sizing: border-box;
  height: auto !important;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.herm-slider .slick-slide > div {
  height: 100%;
}
.herm-slider .slick-center {
  transform: scale(1.1) !important;
  opacity: 1 !important;
  z-index: 10;
  position: relative;
  margin: 0 16px;
}
.herm-card {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  height: 500px;
  cursor: pointer;
}
.herm-card__media {
  width: 100%;
  height: 100%;
  position: relative;
}
.herm-card__media img,
.herm-card__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.herm-card__content {
  position: absolute;
  bottom: 20px;
  left: 18px;
  right: 18px;
  color: #fff;
  z-index: 2;
}
.herm-card__title {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0 0 3px;
  line-height: 1.3;
}
.herm-card__play {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}
.herm-card__play:hover {
  background: #fff;
}
.herm-card__play svg {
  width: 12px;
  height: 12px;
  fill: #1a1a1a;
  margin-left: 2px;
}
.herm-slider-wrapper .slick-prev,
.herm-slider-wrapper .slick-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: 20;
  top: 50%;
  transform: translateY(-50%);
}
.herm-slider-wrapper .slick-prev {
  left: 34%;
}
.herm-slider-wrapper .slick-next {
  right: 34%;
}
.herm-slider-wrapper .slick-prev:before,
.herm-slider-wrapper .slick-next:before {
  display: none;
}
.herm-slider-wrapper .slick-prev svg,
.herm-slider-wrapper .slick-next svg {
  width: 100%;
  height: 100%;
}
.herm-slider-wrapper .slick-dots {
  bottom: -10px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.herm-slider-wrapper .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}
.herm-slider-wrapper .slick-dots li button {
  width: 22px;
  height: 6px;
  padding: 0;
  border-radius: 3px;
  background: #ccc;
  border: none;
  cursor: pointer;
  font-size: 0;
  transition: background 0.3s, width 0.3s;
}
.herm-slider-wrapper .slick-dots li button:before {
  display: none;
}
.herm-slider-wrapper .slick-dots li.slick-active button {
  background: #555;
  width: 36px;
}
.herm-product-area {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  min-height: 70px;
}
.herm-pro-imae {
  width: 50px;
}
.herm-card-product {
  display: flex;
  align-items: center;
  gap: 10px;
  background: white;
  border-radius: 10px;
  padding: 12px 16px;
  margin-top: 14px;
  opacity: 1;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.herm-slide-item {
  box-sizing: border-box;
  overflow: hidden;
}
.herm-slide-item > a {
  display: block;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
}

span.pro-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 100%;
}
.herm-pro-data {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}
.herm-pro-proof {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 4px 0 3px;
  padding: 4px 7px;
  border: 1px solid rgba(196, 162, 101, 0.34);
  border-radius: 999px;
  color: #17300f;
  background: #fffaf0;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.15;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
span.herm-pro-price {
  font-size: 14px;
  font-weight: 700;
}
span.herm-pro-compare-price {
  color: #838080;
  font-size: 14px;
  font-weight: 700;
}
 .science-mobile video {
    border-radius: 100%;
}
.image-center video {
    border-radius: 100%;
}


@media (max-width: 768px) {
  .herm-heading {
    font-size: 24px;
  }
  .herm-card {
    height: 300px;
  }
  .herm-slider-wrapper .slick-prev {
    left: 10px;
  }
  .herm-slider-wrapper .slick-next {
    right: 10px;
  }
.herm-header__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 300px;
    margin: auto;
  }
  .herm-slider .slick-track {
    margin-left:-64px;
  }
  span.pro-title {
    font-size:14px;
  }
}
#header-component[data-menu-style=drawer] .header__columns header-actions {
    grid-area: rightA !important;
}
.footer-column .subscribe-block {
    border-color: #2d5a3d;
    border-width: 1px 4px 5px 1px;
    border-style: solid;
}
.social-icons__icon-wrapper-custom img {
  width: 28px;
}
.social-icons__icon-wrapper-custom {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.mobile-faqs-heading {
    display: none !important;
}
.add-button-icon {
  margin-right: 6px;
}
.background-image-container {
    border-radius: 20px;
}
button.button.add-to-cart-button.button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
}
.principle-child-item {
    border-color: #2d5a3d;
    border-width: 1px 4px 4px 1px;
    border-style: solid;
}
.benefits-cards {
    border-color: #234111;
    border-width: 1px 4px 4px 1px;
    border-style: solid;
}
.product-information__grid.product-information--media-left
 {
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
}
.product-details.sticky-content--desktop{
    width: 46% !important;
}
.product-information__media {
    min-width: 53% !important;
}
.slideshow-controls__thumbnails .slideshow-control {
    border-radius: 20px !important;
    width: clamp(134px, 7vw, var(--thumbnail-width)) !important;
    height: auto !important;
    aspect-ratio: 2 / 2 !important;
    margin-right: 6px;
}
.slideshow-controls__thumbnails .slideshow-control:is([aria-selected=true]) {
    outline: none !important;
    outline-offset: unset !important;
    border: none !important;
}
.product-information__grid slideshow-controls[pagination-position=center][thumbnails] {
    width: 82% !important;
    margin: auto;
}
.product-information__grid scroll-hint.slideshow-controls__thumbnails-container {
    mask-image: none !important;
}
.product-information__grid slideshow-arrows {
    bottom: 46px;
    z-index: 999999999;
    align-items: flex-end !important;
    width: 94%;
    margin: auto;
}
.product-information__grid slideshow-arrows .slideshow-control {
    background: #ffd1d1 !important;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
.product-information__grid .svg-wrapper {
    color: rgb(0 0 0) !important;
}
.product-information__grid slideshow-container {
    width: 100%;
    display: block;
    position: unset !important;
}
.benefits-of-daily-use {
  padding:0 20px;
}
media-gallery.spacing-style.sticky-content.media-gallery--carousel {
    position: unset !important;
}
.product-information .payment-icons {
    width: 100% !important;
}
.product-details .quantity-selector, .quick-add-modal .quantity-selector {
    border-radius: 50px !important;
}
.product-details.sticky-content--desktop {
    padding-inline-end: 0 !important;
}
.ch-pro-quantity-button {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ch-pro-quantity-button span {
    width: 100%;
}
.def-pro-acc-bg details.details {
    background: #C8E4ED;
}
.mushroom-acc-bg details.details {
    background: #F0BBC0;
}
.shilajit-pro-acc-bg details.details {
    background: #D9C1C1;
}
.tba-pro-acc-bg details.details {
    background: #EFE6B3;
}
.chai-pro-acc-bg details.details {
    background: #DFD6D1;
}
.product-media-container--zoomable.product-media-container--image {
    border-radius: 20px;
    border: 1px solid #234111;
    padding: 18px;
}

@media (min-width:767px){
.mobile-content {
    display:none;
}
.hero__content-wrapper.layout-panel-flex {
    justify-content: center;
}
.fp-rich-text.mob {
    display: none;
}
h2.sci-heading.mob {
    display: none;
}
}
@media (max-width:767px){
header-actions {
    gap: 8px;
    margin-right: 12px;
}
.payment-icons {
    width: 100% !important;
}
button.email-signup__button.email-signup__button--integrated.email-signup__button--text.paragraph.button {
    width: 36%;
}
.email-signup__input-group.email-signup__input-group--integrated {
    height: 50px;
}
header-component#header-component {
    width: 92%;
}
.desktop-content {
    display:none;
}
.hero__container.spacing-style.section.section--full-width {
    padding: 24px 0 20px;
}
.hermetica-inline-text {
    font-size: 26px !important;
    line-height: 34px !important;
}
.marquee-icon-mob img {
    width: 70px !important;
}
.image-with-faqs .layout-panel-flex--row>.group-block--width-custom {
    flex-basis: unset !important;
}
.image-with-faqs summary.details__header {
    font-size: 18px !important;
}
loox-dynamic-carousel-widget.loox-widget {
    padding: 0 !important;
}
.header__icon--summary .header-drawer-icon {
    width: 20px !important;
    height: 20px !important;
}
.header__icon--summary .header-drawer-icon svg {
    width: 100% !important;
    height: 100% !important;
}
header-actions search-button.search-action {
    display: none;
}
.header-actions__action .svg-wrapper {
    height: 16px !important;
    width: 14px !important;
}
.hermetica-inline-icon {
    width: 46px;
    height: 46px;
}
.hermetica-inline-img {
    width: 85px;
    height: 36px;
}
marquee-component.marquee-icon-mob {
    padding: 0 0 50px !important;
}
.body-scrolling-sec {
  padding:30px 0;
}
.footer-column .subscribe-block {
    overflow: visible !important;
}
ul.payment-icons__list {
    text-align: center;
    align-items: center;
    justify-content: center;
}
.footer-utilities__group-copyright.custom-typography.custom-font-size {
    text-align: center;
}
dropdown-localization-component.dropdown-localization.mobile\:hidden {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
button.button.dropdown-localization__button {
    padding: 0;
}
header-component#header-component {
    margin: 18px auto 10px;
}
/* late .header-logo__image override removed — sizing handled by earlier rule */
#header-component[data-menu-style=drawer] .header__columns header-actions {
    grid-area: rightB !important;
}
.hero-sec-button-sec {
    text-decoration: underline;
}
.science-header h2 {
    font-size: 28px;
    padding: 0 26px;
}
.mobile-font-size p {
    font-size: 28px;
}
.des-faqs-heading {
    display: none !important;
}
.mobile-faqs-heading {
    display: block !important;
}
.mobile-faqs-heading.hh h3 {
  font-size:28px;
}
.fp-rich-text.des {
    display: none;
}
h2.sci-heading.des {
    display: none;
}
.coll-heading {
    padding-left: 20px;
}
.coll-image .section-content-wrapper.mobile-column {
    padding: 20px 0;
     height: 386px;
}
.join-team p {
    font-size: 28px;
}
.mob-heading-font p {
    font-size: 28px;
}
.box-mob-padding {
    padding: 20px;
}
.our-story-card {
  padding: 30px 0;
}
.principle-item.odd .spacing-style.layout-panel-flex.layout-panel-flex--row.section-content-wrapper.mobile-column {
    display: flex;
    flex-direction: column-reverse;
}
.benefit-right-image .spacing-style.size-style {
    padding: 0;
}
.befits-card-item .group-block-content.layout-panel-flex.layout-panel-flex--row {
    gap: 8px;
}
.befits-card-item {
    padding: 0;
}

.product-information__grid.product-information--media-left {
    display: flex !important;
    flex-direction:column;
}
.product-details.sticky-content--desktop{
    width: 100% !important;
}
.product-information__media {
    min-width: 100% !important;
}
.ptab-wrap {
    margin-bottom: 20px;
}
.product-detail-padd {
    padding: 16px;
}
.benefits-of-daily-use {
    padding: 0 2px !important;
}
.mrk-bundle__card-img-wrap {
    width: 40px !important;
    height: 40px !important;
}
span.mrk-bundle__card-compare {
    font-size: 8px !important;
    margin-top: 4px !important;
}
span.mrk-bundle__card-price {
    font-size: 11px !important;
}
.mrk-bundle__badge {
    font-size: 8px !important;
    padding: 2px 16px 0px !important;
}
label.mrk-bundle__card {
    padding: 10px 5px 10px !important;
}
span.mrk-bundle__plan-save {
    font-size: 14px !important;
}
span.mrk-bundle__title{
    font-size: 14px !important;
}
.mrk-bundle__sub-price{
    font-size: 14px !important;
}
.mrk-bundle__sub-compare{
    font-size: 12px !important;
}
.product-title h1{
  font-size:36px !important;
}
.product-information__grid slideshow-arrows {
    bottom: 46px;
    z-index: 999999999;
    align-items: flex-end !important;
    justify-content: space-between;
    display: flex !important;
    height: 100%;
}
.slideshow-controls__thumbnails .slideshow-control {
    border-radius: 20px !important;
    width: clamp(70px, 7vw, var(--thumbnail-width)) !important;
}
.product-information__grid slideshow-arrows .slideshow-control {
    min-height: 26px !important;
    min-width: 26px !important;
}
.product-media-container--zoomable.product-media-container--image {
    cursor: zoom-in;
    border-radius: 20px;
    border: 1px solid #234111;
    padding: 18px;
    margin-top: 12px;
}
.meet-margin .section-content-wrapper.section-content-wrapper {
    height: auto !important;
}
}


.section_D8be6F .benefits-cards,
.benefits-cards {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 18px;
  padding: 0 !important;
  min-height: 360px;
  position: relative;
  border: 1px solid rgba(0,0,0,0.06);
}

/* The block-wrapper for the icon */
.benefits-cards .icon-block {
  order: -1 !important;
  width: calc(100% - 24px) !important;
  height: 220px !important;
  flex: 0 0 220px !important;
  margin: 14px 12px 0 12px !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 14px;
}

/* The img inside it — must beat inline style="width:90px" */
.benefits-cards .icon-block img,
.benefits-cards img.icon-block__media,
.benefits-cards img[class*="icon-block-"] {
  width: 100% !important;
  max-width: none !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
}

/* Text content: horizontal padding, vertical breathing room */
.benefits-cards > *:not(.icon-block) {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.benefits-cards > *:not(.icon-block):first-of-type:not(:first-child),
.benefits-cards > .icon-block + * {
  padding-top: 24px !important;
}
.benefits-cards > *:last-child {
  padding-bottom: 26px !important;
}

/* Typography polish — encyclopedia-feel serif for titles */
.benefits-cards h1, .benefits-cards h2, .benefits-cards h3,
.benefits-cards [class*="text_"][class*="heading"],
.benefits-cards strong {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500;
  font-size: 26px !important;
  letter-spacing: -0.01em;
}

@media (max-width: 767px) {
  .benefits-cards .icon-block,
  .benefits-cards .icon-block img,
  .benefits-cards img.icon-block__media {
    height: 170px !important;
    flex: 0 0 170px !important;
    margin-top: 10px !important;
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    border-radius: 12px !important;
  }
}


/* === ENCYCLOPEDIA SYSTEM v1 (2026-05-11) === */
/* Visual DNA ported from ingredients.hermeticasuperfoods.com.
   Goal: every page on the Horizon theme inherits the editorial,
   premium-magazine feel of the encyclopedia. */

/* Fonts ---------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');

/* Design tokens (encyclopedia-derived) ----------------------- */
:root {
  --enc-bg: #FDFDF7;
  --enc-surface: #ffffff;
  --enc-surface-warm: #faf8f5;
  --enc-border: #eadcc4;
  --enc-border-soft: #f0ece6;
  --enc-text: #1a1410;
  --enc-text-body: #1a1a1a;
  --enc-text-muted: #7a7a7a;
  --enc-text-faint: #999;
  --enc-gold: #c4a265;
  --enc-green: #4a7c5c;
  --enc-radius: 10px;
  --enc-radius-lg: 18px;
  --enc-shadow-hover: 0 8px 22px -14px #c4a26573;
  --enc-font-serif: 'Cormorant Garamond', Georgia, serif;
  --enc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Body + base ---------------------------------------------- */
body {
  font-family: var(--enc-font-sans);
  color: var(--enc-text-body);
  -webkit-font-smoothing: antialiased;
}

/* Headings get serif styling everywhere ------------------- */
h1, h2, h3, h4, h5, h6,
.ti__title, .ti-card__title,
.ing-sci__title, .ing-sci__name,
.des-faqs-heading, .mobile-faqs-heading {
  font-family: var(--enc-font-serif) !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em;
  color: var(--enc-text);
}

/* Big section titles */
h1, h2 { font-size: clamp(2rem, 1.4rem + 1.4vw, 2.6rem); line-height: 1.18; }
h3 { font-size: 1.4rem; }

/* Scroll-reveal motion -------------------------------------- */
/* Default: visible (works without JS). JS marks elements as `js-hidden`
   on load, then swaps to `js-visible` via IntersectionObserver. */
.enc-reveal,
.section-reveal {
  opacity: 1;
  transform: none;
}
.enc-reveal.js-hidden,
.section-reveal.js-hidden {
  opacity: 1;
  transform: translateY(20px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.enc-reveal.js-visible,
.section-reveal.js-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .enc-reveal, .section-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}


/* Encyclopedia card pattern --------------------------------- */
.enc-card {
  display: flex;
  flex-direction: column;
  background: var(--enc-surface);
  border: 1px solid var(--enc-border);
  border-radius: var(--enc-radius);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.enc-card:hover {
  border-color: var(--enc-gold);
  transform: translateY(-2px);
  box-shadow: var(--enc-shadow-hover);
}
.enc-card__media {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.enc-card__media img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.enc-card__body {
  padding: 18px 22px 20px;
  display: flex; flex-direction: column; gap: 8px;
}
.enc-card__title {
  font-family: var(--enc-font-serif);
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--enc-text);
  margin: 0;
  line-height: 1.25;
}
.enc-card__desc {
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--enc-text-muted);
  margin: 0;
}
.enc-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid var(--enc-border-soft);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--enc-text-faint);
}

/* Evidence pill ---------------------------------------------- */
.enc-pill {
  display: inline-block;
  border-radius: 100px;
  padding: 3px 12px;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
}
.enc-pill--gold    { color: #8b7340; background: #c4a2651f; }
.enc-pill--green   { color: #3d6b4e; background: #4a7c5c1a; }
.enc-pill--neutral { color: var(--enc-text-faint); background: #0000000a; }

/* Magazine helpers ------------------------------------------- */
.enc-drop-cap::first-letter {
  float: left;
  color: var(--enc-green);
  padding: 6px 12px 0 0;
  font-family: var(--enc-font-serif);
  font-size: 4.2rem;
  font-weight: 500;
  line-height: 0.75;
}
.enc-pull-quote {
  text-align: center;
  border-top: 1px solid var(--enc-border-soft);
  border-bottom: 1px solid var(--enc-border-soft);
  margin: 40px 0;
  padding: 32px 24px;
  font-family: var(--enc-font-serif);
  font-size: 1.6rem;
  font-style: italic;
  line-height: 1.5;
  color: var(--enc-text-body);
}

.benefits-cards {
  background: var(--enc-surface) !important;
  border: 1px solid var(--enc-border) !important;
  border-radius: var(--enc-radius-lg) !important;
}
.benefits-cards .icon-block + *,
.benefits-cards > *:not(.icon-block):not(:first-child) {
  font-family: var(--enc-font-sans);
}
/* Card title (text block with class on it varies by template) — force serif when next to image */
.benefits-cards [class*="text_"]:nth-of-type(1),
.benefits-cards [class*="text_"][class*="title"] {
  font-family: var(--enc-font-serif) !important;
}

/* Ingredient cards (.ti-card) — softer cream surfaces */
.ti-card { background: transparent; }
.ti-card__title { font-family: var(--enc-font-serif) !important; font-weight: 500; }
.ti-card__sub { color: var(--enc-text-muted); font-style: italic; }

/* FAQ heading + accordion polish */
.des-faqs-heading, .mobile-faqs-heading {
  font-family: var(--enc-font-serif) !important;
}
/* === END ENCYCLOPEDIA SYSTEM === */


/* FAQ accordion shell — softer, smaller, more breathable */
.section_QUjiEx [class*="accordion_row_"],
.section_QUjiEx [class*="_accordion-row"],
.section_QUjiEx [id*="hush_q"],
[id^="hush_q"] {
  background: var(--enc-surface, #fff) !important;
  border: 1px solid var(--enc-border, #eadcc4) !important;
  border-radius: 12px !important;
  margin-bottom: 10px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
[id^="hush_q"]:hover {
  border-color: var(--enc-gold, #c4a265) !important;
  box-shadow: 0 4px 14px -10px rgba(0,0,0,0.15);
}
/* The clickable heading row */
.section_QUjiEx [id^="hush_q"] summary,
.section_QUjiEx [id^="hush_q"] > button,
.section_QUjiEx [id^="hush_q"] > [role="button"],
.section_QUjiEx [id^="hush_q"] .accordion-row__summary,
.section_QUjiEx [id^="hush_q"] > div:first-child {
  padding: 14px 18px !important;
  font-family: var(--enc-font-serif, 'Cormorant Garamond', serif) !important;
  font-weight: 500 !important;
  font-size: 1.05rem !important;
  letter-spacing: -0.005em;
  color: var(--enc-text, #1a1410) !important;
}
/* Body content */
.section_QUjiEx [id^="hush_q"] [class*="text_"]:not([class*="heading"]) {
  font-family: var(--enc-font-sans, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  color: var(--enc-text-muted, #555) !important;
  padding: 0 18px 14px !important;
}

@media (max-width: 767px) {
  .section_QUjiEx [id^="hush_q"] summary,
  .section_QUjiEx [id^="hush_q"] > div:first-child {
    padding: 12px 14px !important;
    font-size: 0.95rem !important;
  }
  .section_QUjiEx [id^="hush_q"] [class*="text_"]:not([class*="heading"]) {
    font-size: 0.86rem !important;
    padding: 0 14px 12px !important;
  }
}


.section_QUjiEx img[class*="image_KH7F8D"],
img.icon-block-image_KH7F8D,
.section_QUjiEx [class*="image_KH7F8D"] img,
.section_QUjiEx img[src*="background-removed-hf_20260408_100631_f0e4f848"] {
  animation: hush-tin-spin 32s linear infinite;
  transform-origin: 50% 50%;
  transition: transform 0.4s ease;
}
.section_QUjiEx img[class*="image_KH7F8D"]:hover,
.section_QUjiEx [class*="image_KH7F8D"] img:hover,
.section_QUjiEx img[src*="background-removed-hf_20260408_100631_f0e4f848"]:hover {
  animation-play-state: paused;
}
@keyframes hush-tin-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .section_QUjiEx img[class*="image_KH7F8D"],
  .section_QUjiEx img[src*="background-removed-hf_20260408_100631_f0e4f848"] {
    animation: none !important;
  }
}

/* === BADGE SOFTENING (2026-05-11) === */
/* Tone down the FAL gold-foil seals so they read refined, not trophy-bold. */
.trust-strip__seal img {
  filter: saturate(0.78) brightness(1.04) contrast(0.96);
}
.trust-strip__seal {
  box-shadow: 0 1px 4px -3px rgba(0,0,0,0.15), 0 10px 24px -22px rgba(166,138,86,0.3) !important;
}
.trust-strip__seal::after {
  border-color: rgba(196,162,101,0.22) !important;
}
.trust-strip__badge:hover .trust-strip__seal {
  box-shadow: 0 3px 8px -4px rgba(0,0,0,0.14), 0 14px 30px -22px rgba(196,162,101,0.45) !important;
}
/* === END BADGE SOFTENING === */


/* === INGREDIENT CARD HOVER v2 + LUXURY ACCENTS (2026-05-11) === */
/* No white box around the card. Just the circle lifts + title shifts to gold. */

/* Hide the existing broken hover overlay + duplicate title */
.ti-card .ti-card__hover, .ti-card .ti-card__hover-title { display: none !important; }

/* Card: transparent, no border, no shadow box */
.ti-card {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  cursor: default !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: visible !important;
}
.ti-card:hover {
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* On hover: image lifts + circle gets a soft gold ring + title shifts to gold */
.ti-card .ti-card__media {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}
.ti-card .ti-card__media img {
  border-radius: 999px;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  box-shadow: 0 0 0 0 rgba(196,162,101,0);
}
.ti-card:hover .ti-card__media {
  transform: translateY(-3px);
}
.ti-card:hover .ti-card__media img {
  box-shadow: 0 0 0 4px rgba(196,162,101,0.22), 0 0 0 6px rgba(196,162,101,0.08);
}
.ti-card .ti-card__title {
  transition: color 0.3s ease;
}
.ti-card:hover .ti-card__title {
  color: #c4a265 !important;
}

/* === LUXURY ACCENTS THROUGHOUT === */
/* Subtle gold underline on visible h2 section titles */
.ti__title em,
.ing-sci__title em,
.trust-strip__heading em {
  background-image: linear-gradient(transparent 68%, rgba(196,162,101,0.28) 68%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 0.05em;
}

/* Subtle gold ::before mark on benefit-card title row */
.benefits-cards [class*="text_"][class*="title"]::before,
.benefits-cards h3::before {
  content: "✦";
  display: inline-block;
  color: #c4a265;
  font-size: 0.7em;
  margin-right: 8px;
  vertical-align: 0.1em;
  opacity: 0.7;
}

/* Premium "Add to Cart" button — keep its existing color scheme but add soft gold border on hover */
button[type="submit"][name="add"],
.product-form__submit,
[data-add-to-cart-button] {
  transition: transform 0.2s ease, box-shadow 0.3s ease, filter 0.2s ease !important;
}
button[type="submit"][name="add"]:hover,
.product-form__submit:hover,
[data-add-to-cart-button]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -14px rgba(196,162,101,0.4);
  filter: brightness(1.05);
}
/* === END INGREDIENT CARD HOVER v2 + LUXURY ACCENTS === */

/* Premium polish on the product page CTAs to match the hero aesthetic.
   Applies to Add to Cart, ingredient profiles, and "Show all" toggle. */

/* Add to Cart — primary cream-gold premium */
button[type="submit"][name="add"],
.product-form-buttons button[type="submit"],
add-to-cart-component button {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 18px 32px !important;
  border-radius: 999px !important;
  border: 1.5px solid #1a1410 !important;
  background: #1a1410 !important;
  color: #FDFDF7 !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease, color 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: 0 6px 18px -8px rgba(0,0,0,0.35) !important;
}
button[type="submit"][name="add"]:hover,
.product-form-buttons button[type="submit"]:hover,
add-to-cart-component button:hover {
  background: #c4a265 !important;
  color: #fff !important;
  border-color: #c4a265 !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px -10px rgba(196,162,101,0.55) !important;
}
button[type="submit"][name="add"] svg,
add-to-cart-component button svg {
  stroke: currentColor;
  fill: currentColor;
  transition: transform 0.3s ease;
}
button[type="submit"][name="add"]:hover svg {
  transform: rotate(-8deg) scale(1.05);
}

/* Quantity selector — premium polish */
.quantity-selector,
[class*="quantity-selector"] {
  border: 1px solid rgba(196,162,101,0.35) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.6) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.quantity-selector:hover,
[class*="quantity-selector"]:hover {
  border-color: rgba(196,162,101,0.6) !important;
  box-shadow: 0 4px 14px -8px rgba(196,162,101,0.35);
}

/* Pill tags (Clinician Reviewed / Non-Habit Forming etc.) — refined gold border */
.product-form [class*="tags"],
.product-form .pill,
.product-form button[class*="pill"] {
  border-color: rgba(196,162,101,0.4) !important;
  background: rgba(255,255,255,0.7) !important;
}

/* Product title (Cormorant serif already applied) — tighten letter-spacing */
.product-information h1 {
  letter-spacing: -0.015em !important;
  line-height: 1.05 !important;
}

/* Price — give it weight + gold accent on compare-at */
.product-information [class*="price"] s,
.product-information [class*="price"] .compare-at-price {
  color: rgba(0,0,0,0.4);
  text-decoration-thickness: 1px;
}

/* "Show all 26 ingredients" — match the encyclopedia accent on hover */
.ti__show-more {
  font-family: 'Inter', sans-serif !important;
  letter-spacing: 0.12em !important;
}
.ti__show-more:hover {
  background: #c4a265 !important;
  border-color: #c4a265 !important;
  color: #fff !important;
}


/* === BUNDLE IMG WRAPPER FIX (2026-05-11) === */
/* Make ONLY the gray inner square behind the product image transparent. */
[class*="appstle-bundles"] [class*="image"],
[class*="appstle_bundles"] [class*="image"],
[class*="appstle-bundles"] [class*="picture"],
[class*="appstle_bundles"] [class*="picture"],
[class*="appstle-bundles"] [class*="thumb"],
[class*="appstle_bundles"] [class*="thumb"] {
  background: transparent !important;
  background-color: transparent !important;
}
[class*="appstle-bundles"] img,
[class*="appstle_bundles"] img {
  background: transparent !important;
  mix-blend-mode: multiply;
}
/* === END BUNDLE IMG WRAPPER FIX === */


/* === HERO BUTTONS — GLASSMORPHIC v4 (2026-05-26) === */
a.hero-sec-button-first,
.hero-sec-button-first {
  display: inline-block;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  text-decoration: none !important;
  padding: 16px 36px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.12) !important;
  backdrop-filter: blur(16px) saturate(1.6) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.6) !important;
  border: 1.5px solid rgba(255,255,255,0.3) !important;
  color: #fff !important;
  box-shadow: 0 4px 24px -8px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.15) !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
  cursor: pointer;
}
a.hero-sec-button-first:hover,
.hero-sec-button-first:hover {
  background: rgba(255,255,255,0.22) !important;
  border-color: rgba(255,255,255,0.5) !important;
  box-shadow: 0 8px 32px -8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.25) !important;
  transform: translateY(-2px);
}

a.hero-sec-button-sec,
.hero-sec-button-sec {
  display: inline-block;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  text-decoration: none !important;
  padding: 16px 36px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(12px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.4) !important;
  border: 1.5px solid rgba(255,255,255,0.2) !important;
  color: #fff !important;
  box-shadow: 0 2px 16px -6px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1) !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
  cursor: pointer;
}
a.hero-sec-button-sec:hover,
.hero-sec-button-sec:hover {
  background: rgba(255,255,255,0.15) !important;
  border-color: rgba(255,255,255,0.4) !important;
  box-shadow: 0 6px 28px -8px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.2) !important;
  transform: translateY(-2px);
  text-decoration: none !important;
}
/* === END HERO BUTTONS — GLASSMORPHIC v4 === */


/* === FROSTED GLASS BUTTONS — GLOBAL v1 (2026-05-26) === */

/* Add-to-cart buttons on product cards and product page */
button[type="submit"][name="add"],
.product-form-buttons button[type="submit"],
add-to-cart-component button,
.product-card button,
.product-card__button,
.button--primary,
.shopify-payment-button button {
  backdrop-filter: blur(12px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.4) !important;
  background: rgba(35, 65, 17, 0.85) !important;
  border: 1.5px solid rgba(255,255,255,0.15) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 20px -6px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.08) !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
  color: #fff !important;
}
button[type="submit"][name="add"]:hover,
.product-form-buttons button[type="submit"]:hover,
add-to-cart-component button:hover,
.product-card button:hover,
.product-card__button:hover,
.button--primary:hover,
.shopify-payment-button button:hover {
  background: rgba(35, 65, 17, 0.95) !important;
  border-color: rgba(255,255,255,0.25) !important;
  box-shadow: 0 8px 28px -6px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.12) !important;
  transform: translateY(-1px);
}

/* Secondary / outline buttons (Buy Now, etc.) */
.button--secondary,
.shopify-payment-button__button--unbranded,
button.button:not([type="submit"]),
.product-card__quick-add {
  backdrop-filter: blur(10px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.3) !important;
  background: rgba(255,255,255,0.6) !important;
  border: 1.5px solid rgba(0,0,0,0.12) !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 12px -4px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.5) !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
  color: #1a1a1a !important;
}
.button--secondary:hover,
.shopify-payment-button__button--unbranded:hover,
button.button:not([type="submit"]):hover,
.product-card__quick-add:hover {
  background: rgba(255,255,255,0.85) !important;
  border-color: rgba(0,0,0,0.18) !important;
  box-shadow: 0 6px 20px -6px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.7) !important;
  transform: translateY(-1px);
}
/* === END FROSTED GLASS BUTTONS === */

/* === KILL THICK BLACK DIVIDER LINE (2026-05-26) === */
.section-border-top,
.section-border-bottom,
hr.section-divider,
.section-content-wrapper::before,
.section-content-wrapper::after,
.shopify-section > hr,
.shopify-section + .shopify-section::before {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  height: 0 !important;
  background: none !important;
}

/* Feature product columns — kill their thick borders */
.feature-col-product,
.feature-col-product .section-content-wrapper,
section[class*="feature-col"] {
  border: none !important;
  border-top: none !important;
}

/* Any 1px+ borders between sections */
.shopify-section {
  border-top: none !important;
  border-bottom: none !important;
}
.section-content-wrapper {
  border-top: none !important;
}
/* === END KILL DIVIDER === */


/* =========================================================
   NEXT-GEN ANIMATIONS — HERMETICA v1 (2026-05-26)
   Scroll reveals, micro-interactions, premium polish.
   All wrapped in prefers-reduced-motion for accessibility.
   ========================================================= */

/* --- SCROLL-REVEAL: sections fade/slide in on scroll --- */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .shopify-section {
      animation: revealUp 0.9s cubic-bezier(0.16,1,0.3,1) both;
      animation-timeline: view();
      animation-range: entry 0% entry 35%;
    }
  }
}

@keyframes revealUp {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes revealScale {
  from { opacity: 0; transform: scale(0.96); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes revealLeft {
  from { opacity: 0; transform: translateX(-24px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes revealRight {
  from { opacity: 0; transform: translateX(24px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* --- PRODUCT CARDS: lift + expanded shadow on hover --- */
@media (prefers-reduced-motion: no-preference) {
  .product-card,
  .product-card-wrapper,
  [class*="product-card"] {
    transition: transform 0.35s cubic-bezier(0.16,1,0.3,1),
                box-shadow 0.35s cubic-bezier(0.16,1,0.3,1) !important;
  }
  .product-card:hover,
  .product-card-wrapper:hover,
  [class*="product-card"]:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 48px -12px rgba(0,0,0,0.12) !important;
  }

  /* Product images: subtle scale on hover */
  .product-card img,
  .product-card-wrapper img {
    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1) !important;
  }
  .product-card:hover img,
  .product-card-wrapper:hover img {
    transform: scale(1.04) !important;
  }
}

/* --- HERO CTA BUTTONS: color shift on hover --- */
a.hero-sec-button-first:hover,
.hero-sec-button-first:hover {
  background: rgba(196,162,101,0.25) !important;
  border-color: rgba(196,162,101,0.6) !important;
  color: #fff !important;
}

/* --- CTA BUTTON SHINE SWEEP --- */
@media (prefers-reduced-motion: no-preference) {
  button[type="submit"][name="add"],
  .product-form-buttons button[type="submit"],
  add-to-cart-component button,
  a.hero-sec-button-first,
  .hero-sec-button-first {
    position: relative;
    overflow: hidden;
  }
  button[type="submit"][name="add"]::after,
  .product-form-buttons button[type="submit"]::after,
  add-to-cart-component button::after,
  a.hero-sec-button-first::after,
  .hero-sec-button-first::after {
    content: '';
    position: absolute;
    top: -50%; left: -60%;
    width: 220%; height: 220%;
    background: linear-gradient(
      105deg,
      transparent 0%,
      transparent 40%,
      rgba(255,255,255,0.15) 45%,
      rgba(255,255,255,0.25) 50%,
      rgba(255,255,255,0.15) 55%,
      transparent 60%,
      transparent 100%
    );
    transform: translateX(-100%);
    transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);
    pointer-events: none;
    z-index: 1;
  }
  button[type="submit"][name="add"]:hover::after,
  .product-form-buttons button[type="submit"]:hover::after,
  add-to-cart-component button:hover::after,
  a.hero-sec-button-first:hover::after,
  .hero-sec-button-first:hover::after {
    transform: translateX(100%);
  }
}

/* --- INGREDIENT CIRCLES: staggered scale-in --- */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .ti__grid .ti__item,
    .ingredient-card,
    [class*="ingredient"] {
      animation: revealScale 0.7s cubic-bezier(0.16,1,0.3,1) both;
      animation-timeline: view();
      animation-range: entry 0% entry 40%;
    }
    .ti__grid .ti__item:nth-child(2),
    .ingredient-card:nth-child(2) { animation-delay: 80ms; }
    .ti__grid .ti__item:nth-child(3),
    .ingredient-card:nth-child(3) { animation-delay: 160ms; }
    .ti__grid .ti__item:nth-child(4),
    .ingredient-card:nth-child(4) { animation-delay: 240ms; }
    .ti__grid .ti__item:nth-child(5),
    .ingredient-card:nth-child(5) { animation-delay: 320ms; }
    .ti__grid .ti__item:nth-child(6),
    .ingredient-card:nth-child(6) { animation-delay: 400ms; }
  }
}

/* --- TRUST BADGES: gentle float-in --- */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .trust-strip__badge,
    .certification-strip img,
    [class*="trust"] img,
    [class*="cert"] img {
      animation: revealScale 0.6s cubic-bezier(0.16,1,0.3,1) both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}

/* --- FAQ ACCORDION: smooth height --- */
@media (prefers-reduced-motion: no-preference) {
  details.details {
    transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
  }
  details.details summary {
    transition: color 0.2s ease, background 0.2s ease;
  }
  details.details summary:hover {
    color: #c4a265;
  }
  details.details[open] summary {
    color: #c4a265;
    border-bottom-color: rgba(196,162,101,0.2);
  }
}

/* --- SOCIAL PROOF COUNTER: pulse on view --- */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .social-proof-counter .counter-value,
    [class*="social-proof"] [class*="number"],
    [class*="social-proof"] [class*="counter"] {
      animation: counterPulse 0.8s cubic-bezier(0.16,1,0.3,1) both;
      animation-timeline: view();
      animation-range: entry 0% entry 25%;
    }
  }
}

@keyframes counterPulse {
  0%   { opacity: 0; transform: scale(0.8); }
  60%  { opacity: 1; transform: scale(1.05); }
  100% { opacity: 1; transform: scale(1); }
}

/* --- AMBIENT GLOW: subtle brand-colored halo on hero --- */
@media (prefers-reduced-motion: no-preference) {
  .shopify-section:first-child::after {
    content: '';
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 160px;
    background: radial-gradient(ellipse, rgba(196,162,101,0.08) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
  }
}

/* --- VIEW TRANSITION: enable for cross-page morphing --- */
@view-transition {
  navigation: auto;
}

/* --- REDUCED MOTION: kill everything for accessibility --- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* === END NEXT-GEN ANIMATIONS === */


/* === FOOTER — FROSTED GLASS READABILITY (2026-05-26) === */

/* Frosted glass behind the whole footer content area */
footer,
.footer,
.shopify-section-group-footer-group,
#shopify-section-footer,
[id*="footer"] .section-content-wrapper {
  position: relative;
}

/* Each footer column gets a frosted glass card */
footer .footer__block,
.footer .footer__block,
.footer__column,
footer .layout-panel,
.footer .layout-panel,
.footer-block,
[id*="footer"] .layout-panel {
  background: rgba(255,255,255,0.78) !important;
  backdrop-filter: blur(48px) saturate(1.8) !important;
  -webkit-backdrop-filter: blur(48px) saturate(1.8) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  box-shadow: 0 4px 24px -8px rgba(0,0,0,0.06) !important;
}

/* Footer text — ensure high contrast */
footer a,
.footer a,
.footer__block a,
footer .footer__block a,
[id*="footer"] a {
  color: #1a1a1a !important;
  text-decoration-color: rgba(0,0,0,0.2) !important;
  transition: color 0.2s ease !important;
}
footer a:hover,
.footer a:hover,
.footer__block a:hover,
[id*="footer"] a:hover {
  color: #c4a265 !important;
  text-decoration-color: rgba(196,162,101,0.4) !important;
}

/* Footer headings */
footer h2, footer h3, footer h4,
.footer h2, .footer h3, .footer h4,
.footer__block h2, .footer__block h3, .footer__block h4,
[id*="footer"] h2, [id*="footer"] h3, [id*="footer"] h4 {
  color: #1a1a1a !important;
  font-weight: 700 !important;
}

/* Footer body text */
footer p,
.footer p,
.footer__block p,
[id*="footer"] p {
  color: #2a2a2a !important;
}

/* Email signup bar — stronger glass */
footer .email-signup,
.footer .email-signup,
[id*="footer"] .email-signup,
footer .newsletter,
.footer .newsletter {
  background: rgba(255,255,255,0.82) !important;
  backdrop-filter: blur(48px) saturate(2.0) !important;
  -webkit-backdrop-filter: blur(48px) saturate(2.0) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
}

/* Subscribe button — frosted accent */
footer .email-signup__button,
.footer .email-signup__button,
[id*="footer"] .email-signup__button,
footer button[type="submit"],
.footer button[type="submit"] {
  background: rgba(35,65,17,0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}

/* Social icons — readable */
footer .social-icons a,
.footer .social-icons a,
[id*="footer"] [class*="social"] a {
  background: rgba(255,255,255,0.4) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 50% !important;
  padding: 8px !important;
  transition: all 0.2s ease !important;
}
footer .social-icons a:hover,
.footer .social-icons a:hover,
[id*="footer"] [class*="social"] a:hover {
  background: rgba(196,162,101,0.3) !important;
  transform: translateY(-2px);
}

/* === END FOOTER FROSTED GLASS === */


/* =========================================================
   CRO OPTIMIZATIONS — BATCH 1 (2026-05-26)
   ========================================================= */

/* --- ITEM 2: Sticky ATC on Mobile --- */
@media (max-width: 768px) {
  .product-form-wrapper,
  product-form,
  .product-form {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 50 !important;
    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(20px) saturate(1.6) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.6) !important;
    padding: 12px 16px !important;
    margin: 0 -16px !important;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 0 -4px 20px -8px rgba(0,0,0,0.08) !important;
  }
}

/* --- ITEM 3: Full-Width CTA Buttons on Mobile --- */
@media (max-width: 768px) {
  button[type="submit"][name="add"],
  .product-form-buttons button[type="submit"],
  add-to-cart-component button,
  .shopify-payment-button button,
  .button--primary,
  .product-form button {
    width: 100% !important;
    min-height: 52px !important;
    font-size: 1rem !important;
  }
  .product-form-buttons,
  .product-form__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
  }
}

/* --- ITEM 6: Price Typography — Bigger & Bolder --- */
.product-price,
.product-price__price,
.price__sale .money,
.price .money,
[class*="product"] [class*="price"] .money,
.product-information .price .money {
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #1a1a1a !important;
}

/* Compare-at price (was price) */
.price__compare,
.price__was,
.price--compare,
.price s,
.price del,
[class*="compare"] .money {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #999 !important;
  text-decoration: line-through !important;
}

/* Sale badge */
.price__badge-sale,
.badge--sale {
  background: #c4a265 !important;
  color: #fff !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
}

/* --- ITEM 7: Star Rating Closer to Title --- */
.product-information .loox-rating,
.product-information [class*="review"],
.product-information [class*="rating"],
.product-information .jdgm-widget,
.product-information .spr-badge {
  margin-top: -4px !important;
  margin-bottom: 4px !important;
}

/* --- ITEM 9: Product Card Image Consistency --- */
.product-card__image,
.product-card img:first-child,
.product-card-wrapper img {
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
}

/* --- ITEM 10: 16px Min Body Text + Line Height --- */
@media (max-width: 768px) {
  body,
  .product-information,
  .rte,
  .product-tabs__panel,
  p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  h1 {
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
  }
}

/* Desktop body text readability */
.rte,
.product-tabs__panel,
.product-information p {
  line-height: 1.6 !important;
  max-width: 65ch;
}

/* --- ITEM 8: Trust Text Near ATC (pseudo-element) --- */
@media (min-width: 769px) {
  .product-form-wrapper::after,
  product-form::after,
  .product-form::after {
    content: '\2713  Free Shipping  \00b7  60-Day Guarantee  \00b7  Third-Party Tested';
    display: block;
    text-align: center;
    font-size: 0.78rem;
    color: #888;
    margin-top: 12px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 768px) {
  .product-form-wrapper::after,
  product-form::after,
  .product-form::after {
    content: '\2713 Free Shipping  \00b7  60-Day Guarantee';
    display: block;
    text-align: center;
    font-size: 0.72rem;
    color: #888;
    margin-top: 8px;
    letter-spacing: 0.02em;
  }
}

/* === END CRO BATCH 1 === */


/* =========================================================
   MOBILE-FIRST OVERHAUL (2026-05-26)
   Comprehensive mobile optimization for all sections.
   ========================================================= */

/* --- Global Mobile Spacing --- */
@media (max-width: 768px) {
  /* Consistent section padding on mobile */
  .shopify-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Reduce oversized section vertical padding */
  .shopify-section > *:first-child {
    max-width: 100% !important;
  }

  /* Hero section — tighter on mobile */
  .hero-section,
  [class*="hero"] {
    min-height: auto !important;
  }

  /* Stack grid layouts on mobile */
  .text-grid__grid,
  .superfood__grid,
  [class*="grid"]:not(.product-grid) {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* --- Video Slider Mobile Fix --- */
@media (max-width: 480px) {
  .herm-media-slider-section .slick-slide {
    padding: 0 6px !important;
  }
  .herm-card {
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  .herm-card__media {
    min-height: 380px !important;
    border-radius: 16px !important;
  }
  .herm-card__media video,
  .herm-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
  }
  /* Black video fallback — force poster/thumbnail */
  .herm-card__media video {
    background: #f0ede8 !important;
  }
  /* Play button more prominent on mobile */
  .herm-card__play {
    width: 52px !important;
    height: 52px !important;
  }
}

@media (max-width: 768px) {
  .herm-media-slider-section .slick-slide {
    padding: 0 8px !important;
  }
}

/* --- Product Cards Mobile --- */
@media (max-width: 768px) {
  /* 2 columns on mobile for product cards */
  .product-grid,
  .collection-product-list,
  [class*="product-list"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  
  .product-card {
    border-radius: 12px !important;
  }
  
  /* Product card text smaller on mobile */
  .product-card__title,
  .product-card-wrapper .product-card__title {
    font-size: 0.85rem !important;
    line-height: 1.3 !important;
  }
  .product-card__price,
  .product-card-wrapper .price .money {
    font-size: 0.9rem !important;
  }
}

/* --- Product Page Mobile --- */
@media (max-width: 768px) {
  /* Product title */
  .product-information h1,
  .product__title {
    font-size: 1.4rem !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
  }
  
  /* Product images — full width, round corners */
  .product-media-container,
  .product__media-wrapper {
    border-radius: 12px !important;
    overflow: hidden !important;
    margin: 0 -16px !important;
    width: calc(100% + 32px) !important;
  }
  
  /* Tabs — compact on mobile */
  .product-tabs__nav {
    gap: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
  }
  .product-tabs__nav::-webkit-scrollbar { display: none; }
  
  .product-tabs__nav-button {
    font-size: 0.82rem !important;
    padding: 10px 14px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  
  .product-tabs__panel {
    padding: 16px 0 !important;
  }
  
  /* Variant picker — pill-style on mobile */
  .variant-picker__button {
    min-height: 44px !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    font-size: 0.85rem !important;
  }
}

/* --- Trust Strip Mobile --- */
@media (max-width: 768px) {
  .trust-strip,
  [class*="trust-strip"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    padding: 12px 16px !important;
  }
  .trust-strip::-webkit-scrollbar { display: none; }
  
  .trust-strip__badge,
  [class*="trust"] [class*="badge"] {
    flex-shrink: 0 !important;
    min-width: 100px !important;
  }
}

/* --- Certification Strip Mobile --- */
@media (max-width: 768px) {
  .cert-strip,
  [class*="certification"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .cert-strip::-webkit-scrollbar { display: none; }
}

/* --- FAQ Mobile --- */
@media (max-width: 768px) {
  details.details summary {
    padding: 16px 0 !important;
    font-size: 0.95rem !important;
  }
  details.details .details__content {
    padding: 0 0 16px !important;
    font-size: 0.9rem !important;
  }
}

/* --- Guarantee Banner Mobile --- */
@media (max-width: 480px) {
  .gbr-inner {
    padding: 28px 20px !important;
    border-radius: 20px !important;
  }
  .gbr-title {
    font-size: 1.3rem !important;
  }
  .gbr-points {
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
  }
}

/* --- Footer Mobile --- */
@media (max-width: 768px) {
  footer .footer__block,
  .footer .footer__block,
  .footer__column,
  [id*="footer"] .layout-panel {
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 8px !important;
  }
  
  footer h2, footer h3, footer h4,
  .footer h2, .footer h3, .footer h4 {
    font-size: 0.95rem !important;
  }
  
  footer a, .footer a {
    font-size: 0.85rem !important;
    padding: 4px 0 !important;
    display: block !important;
  }
}

/* --- Navigation Mobile --- */
@media (max-width: 768px) {
  /* Ensure hamburger menu is accessible */
  .header__menu-button,
  [class*="header"] button[class*="menu"] {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  
  /* Cart icon touch target */
  .header__cart-button,
  [class*="cart-icon"] {
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

/* --- Marquee Mobile --- */
@media (max-width: 768px) {
  .marquee__content {
    font-size: 0.8rem !important;
  }
}

/* --- Social Proof Counter Mobile --- */
@media (max-width: 768px) {
  .social-proof-counter__list,
  [class*="social-proof"] [class*="list"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

/* --- Blog Cards Mobile --- */
@media (max-width: 768px) {
  .journal-magazine__grid,
  [class*="journal"] [class*="grid"],
  [class*="blog"] [class*="grid"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* --- Global Touch Targets (WCAG) --- */
@media (max-width: 768px) {
  a, button, input[type="submit"], select {
    min-height: 44px !important;
    min-width: 44px !important;
  }
  
  /* Prevent text zoom on iOS */
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* --- Smooth scrolling on mobile --- */
@media (max-width: 768px) {
  html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

/* === END MOBILE-FIRST OVERHAUL === */


/* === PRODUCT CARD CATEGORY PILLS === */
.fp-card__category {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cat-color, #c4a265);
  background: color-mix(in srgb, var(--cat-color, #c4a265) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--cat-color, #c4a265) 20%, transparent);
  margin-bottom: 6px;
}

/* Shorter product titles on cards */
.fp-card__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 0.88rem !important;
  line-height: 1.35 !important;
}

/* Punchier taglines */
.fp-card__tagline {
  font-size: 0.78rem !important;
  font-style: italic !important;
  color: var(--card-accent, #c4a265) !important;
  margin-top: 2px !important;
  opacity: 0.85;
}

/* === END CATEGORY PILLS === */


/* === NUCLEAR BORDER KILL — ALL SECTIONS === */
.shopify-section,
.shopify-section > *,
.shopify-section > section,
section[class*="spc-"],
section[class*="fp-"],
.fp-section,
.spc-section,
[class*="social-proof"],
[class*="card-products"],
[class*="cert"],
[class*="marquee"],
[class*="superfood"],
[class*="text-grid"],
hr {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  outline: none !important;
}

/* Kill HR elements completely */
hr {
  display: none !important;
}

/* Kill any dark separator bars between sections */
.shopify-section::before,
.shopify-section::after {
  border: none !important;
}

/* === KAYLA MOBILE SALES READINESS v1 (2026-05-29) === */
@media (max-width: 767px) {
  main.content-for-layout {
    padding: 0 !important;
  }

  .shopify-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero-wrapper:first-child {
    margin-bottom: 12px !important;
  }

  .hero-wrapper:first-child .hero {
    min-height: 560px !important;
  }

  .hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width {
    min-height: 560px !important;
    padding: 18px 12px 20px !important;
    border-radius: 18px !important;
  }

  .hero-wrapper:first-child .hero__media {
    filter: saturate(0.92) brightness(0.72);
  }

  .hero-wrapper:first-child .hero__media-grid::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
      linear-gradient(180deg, rgba(4, 10, 7, 0.62) 0%, rgba(4, 10, 7, 0.2) 34%, rgba(4, 10, 7, 0.72) 100%),
      radial-gradient(circle at 50% 45%, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.56));
  }

  .hero-wrapper:first-child .hero__content-wrapper {
    width: 100% !important;
    min-height: 520px !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .hero-wrapper:first-child .mobile-content {
    width: min(100%, 336px) !important;
    max-width: 336px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #fff !important;
    text-align: center !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.65);
  }

  .hero-wrapper:first-child .mobile-content p,
  .hero-wrapper:first-child .mobile-content strong,
  .hero-wrapper:first-child .mobile-content em,
  .hero-wrapper:first-child .mobile-content .customer-reviews {
    color: #fff !important;
  }

  .hero-wrapper:first-child .mobile-content .customer-reviews p {
    font-size: 0.86rem !important;
    line-height: 1.25 !important;
  }

  .hero-wrapper:first-child .mobile-content h1,
  .hero-wrapper:first-child .mobile-content h2,
  .hero-wrapper:first-child .mobile-content [class*="text_QEbLKK"] p {
    font-size: clamp(1.72rem, 8vw, 2.18rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
  }

  .hero-wrapper:first-child .mobile-content [class*="text_RXC74t"] p {
    font-size: 0.93rem !important;
    line-height: 1.45 !important;
    max-width: 30ch;
    margin: 0 auto !important;
    padding: 8px 0 14px !important;
  }

  .hero-wrapper:first-child .mobile-content .layout-panel-flex--row {
    justify-content: center !important;
  }

  .hero-wrapper:first-child .mobile-content .hero-sec-button-first,
  .hero-wrapper:first-child .mobile-content .hero-sec-button-sec {
    width: 100% !important;
    max-width: 292px !important;
    min-height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 18px !important;
    font-size: 0.94rem !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  .hero-wrapper:first-child .mobile-content .hero-sec-button-first {
    background: rgba(255, 255, 255, 0.94) !important;
    color: #15230d !important;
    border-color: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 12px 28px -14px rgba(0, 0, 0, 0.7) !important;
    text-shadow: none !important;
  }

  .hero-wrapper:first-child .mobile-content .hero-sec-button-sec {
    background: rgba(8, 16, 12, 0.48) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.32) !important;
    text-shadow: none !important;
  }

  .fp-section {
    margin-top: 0 !important;
    padding: 28px 10px 30px !important;
    border-radius: 18px !important;
  }

  .fp-inner {
    padding: 0 !important;
    gap: 14px !important;
  }

  .fp-right,
  .fp-track-wrapper {
    overflow: visible !important;
  }

  .fp-track {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    transform: none !important;
  }

  .fp-card {
    flex: none !important;
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid rgba(35, 65, 17, 0.12) !important;
    box-shadow: 0 10px 22px -18px rgba(20, 28, 16, 0.45) !important;
  }

  .fp-rich-text h1,
  .fp-rich-text h2,
  .fp-rich-text h3 {
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
    line-height: 1.12 !important;
    margin: 0 !important;
  }

  .fp-card__img-wrap {
    padding-bottom: 0 !important;
    aspect-ratio: 1 / 1 !important;
    border-width: 2px !important;
  }

  .fp-card__body {
    padding: 10px 0 0 !important;
  }

  .fp-card__stars {
    margin-bottom: 4px !important;
  }

  .fp-card__title {
    font-size: 0.88rem !important;
    line-height: 1.18 !important;
  }

  .fp-card__tagline {
    font-size: 0.76rem !important;
    line-height: 1.24 !important;
    margin-bottom: 8px !important;
  }

  .fp-card__price-current {
    font-size: 1rem !important;
  }

  .fp-card__price-compare {
    font-size: 0.78rem !important;
  }

  button.fp-card__atc-btn,
  button.fp-card__buy-now-btn {
    min-height: 42px !important;
    padding: 10px 8px !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.08em !important;
  }

  .hermetica-inline-section {
    padding: 30px 16px 24px !important;
  }

  .hermetica-inline-text {
    font-size: clamp(1.5rem, 7vw, 1.85rem) !important;
    line-height: 1.18 !important;
  }

  marquee-component.marquee-icon-mob {
    padding: 6px 0 20px !important;
  }

  .cert3__inner {
    padding: 0 12px !important;
  }

  [class*="cert3-"] {
    padding: 24px 0 26px !important;
  }

  .cert3__eyebrow {
    margin-bottom: 16px !important;
  }

  .cert3__eyebrow::before,
  .cert3__eyebrow::after {
    width: 18px !important;
    margin: 0 8px !important;
  }

  [class^="cert3-"] .cert3__inner .cert3__grid,
  [class*=" cert3-"] .cert3__inner .cert3__grid,
  .cert3__inner .cert3__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  [class^="cert3-"] .cert3__inner .cert3__badge,
  [class*=" cert3-"] .cert3__inner .cert3__badge,
  .cert3__inner .cert3__badge {
    min-width: 0 !important;
    padding: 12px 8px !important;
    gap: 8px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.42) !important;
  }

  .cert3__badge::before {
    display: none !important;
  }

  .cert3__icon-ring {
    width: 34px !important;
    height: 34px !important;
  }

  .cert3__label {
    font-size: 0.76rem !important;
    line-height: 1.15 !important;
  }

  .cert3__sub {
    font-size: 0.46rem !important;
    letter-spacing: 0.08em !important;
  }

  .superfood-section,
  [class*="superfood"] {
    margin-top: 0 !important;
  }

  body > div:has(.klaviyo-form),
  body > div:has([class*="klaviyo-form"]),
  body > div:has([class*="kl-private-reset-css"]) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .loox-float-toggler,
  [data-testid="loox-referrals-modal-button"],
  #loox-referral-floating-button {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 390px) {
  .fp-track {
    gap: 10px !important;
  }

  .fp-card {
    padding: 9px !important;
  }

  button.fp-card__atc-btn,
  button.fp-card__buy-now-btn {
    font-size: 0.68rem !important;
    letter-spacing: 0.06em !important;
  }
}

@media (min-width: 768px) {
  .hero-wrapper:first-child .hero__media {
    filter: brightness(0.82) saturate(0.96);
  }
}

body > div:has(.klaviyo-form),
body > div:has([class*="klaviyo-form"]),
body > div:has([class*="kl-private-reset-css"]),
.loox-float-toggler,
[data-testid="loox-referrals-modal-button"],
#loox-referral-floating-button {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.spc-stat__number[data-count] {
  opacity: 1 !important;
  transform: none !important;
}
/* === END KAYLA MOBILE SALES READINESS === */

/* === KAYLA LUXURY LAUNCH CLEANUP v2 (2026-05-29) === */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  header-component#header-component {
    width: calc(100vw - 24px) !important;
    max-width: 420px !important;
    margin: 12px auto 8px !important;
    border-radius: 18px !important;
  }

  #header-component .header__columns {
    min-height: 58px !important;
    padding-inline: 8px !important;
    align-items: center !important;
  }

  .header-logo__image {
    width: 92px !important;
    height: auto !important;
    max-height: 42px !important;
  }

  header-actions {
    gap: 2px !important;
    margin-right: 0 !important;
    min-width: 92px !important;
    justify-content: flex-end !important;
  }

  cart-drawer-component.cart-drawer {
    width: 44px !important;
    height: 44px !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 44px !important;
  }

  .header-actions__action,
  button.header-actions__action,
  .header__icon,
  .header__menu-toggle,
  .header__cart-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 10px !important;
    border-radius: 999px !important;
  }

  .header-actions__action .svg-wrapper,
  .header__icon--summary .header-drawer-icon,
  .header__icon--summary .header-drawer-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  #header-group marquee-component {
    max-width: 100vw !important;
    overflow: hidden !important;
    padding-block: 8px !important;
  }

  #header-group .marquee__content {
    padding-inline-start: 18px !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.02em !important;
  }

  #header-group .marquee__wrapper {
    animation-delay: 0.75s !important;
  }

  #header-group .marquee__repeated-items {
    gap: 18px !important;
  }

  .hero-wrapper:first-child .hero,
  .hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width {
    min-height: min(650px, calc(100svh - 24px)) !important;
  }

  .hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width {
    padding: 18px 14px 18px !important;
    border-radius: 18px !important;
  }

  .hero-wrapper:first-child .hero__media {
    filter: saturate(0.9) brightness(0.54) contrast(1.05) !important;
  }

  .hero-wrapper:first-child .hero__media-grid::after {
    background:
      linear-gradient(180deg, rgba(2, 7, 5, 0.82) 0%, rgba(2, 7, 5, 0.34) 34%, rgba(2, 7, 5, 0.9) 100%),
      radial-gradient(circle at 50% 46%, rgba(8, 16, 12, 0.08), rgba(0, 0, 0, 0.74)) !important;
  }

  .hero-wrapper:first-child .hero__content-wrapper {
    min-height: calc(min(650px, 100svh - 24px) - 36px) !important;
    width: 100% !important;
    gap: 12px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy,
  .hero-wrapper:first-child .mobile-proof-stack {
    width: min(100%, 348px) !important;
    max-width: 348px !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy {
    padding: 14px 14px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(4, 12, 8, 0.58), rgba(4, 12, 8, 0.24));
    box-shadow: 0 20px 44px -28px rgba(0, 0, 0, 0.9);
  }

  .hero-wrapper:first-child .mobile-hero-copy [class*="Frame_14"],
  .hero-wrapper:first-child .mobile-hero-copy .icon-block {
    opacity: 0.95 !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy .customer-reviews p {
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.82) !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy .customer-reviews em {
    color: #f3d68f !important;
    font-family: inherit !important;
    font-style: normal !important;
    font-weight: 700 !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy [class*="text_QEbLKK"] p {
    font-size: clamp(1.85rem, 8.2vw, 2.34rem) !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    text-shadow: 0 3px 22px rgba(0, 0, 0, 0.78) !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy [class*="text_QEbLKK"] strong {
    font-family: var(--enc-font-serif, Georgia, serif) !important;
    font-weight: 500 !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy [class*="text_QEbLKK"] em {
    color: #f3d68f !important;
    font-weight: 400 !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy [class*="text_RXC74t"] p {
    max-width: 31ch !important;
    padding: 4px 0 0 !important;
    font-size: 0.86rem !important;
    line-height: 1.38 !important;
    color: rgba(255, 255, 255, 0.88) !important;
  }

  .hero-wrapper:first-child .mobile-proof-stack > .group-block-content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .hero-wrapper:first-child .mobile-proof-stack > .group-block-content > .group-block:not(:last-child) {
    min-width: 0 !important;
    min-height: 72px !important;
    padding: 10px 8px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: rgba(4, 12, 8, 0.58) !important;
    box-shadow: 0 12px 26px -20px rgba(0, 0, 0, 0.8) !important;
  }

  .hero-wrapper:first-child .mobile-proof-stack > .group-block-content > .group-block:not(:last-child) .group-block-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
  }

  .hero-wrapper:first-child .mobile-proof-stack .icon-block {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
  }

  .hero-wrapper:first-child .mobile-proof-stack .customer-reviews p {
    font-size: 0.72rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 0 !important;
    color: #fff !important;
  }

  .hero-wrapper:first-child .mobile-proof-stack .mobile-hero-actions,
  .hero-wrapper:first-child .mobile-proof-stack > .group-block-content > .group-block:last-child {
    grid-column: 1 / -1 !important;
  }

  .hero-wrapper:first-child .mobile-hero-actions > .group-block-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .hero-wrapper:first-child .mobile-content .hero-sec-button-first,
  .hero-wrapper:first-child .mobile-content .hero-sec-button-sec {
    max-width: 100% !important;
    min-height: 46px !important;
    border-radius: 999px !important;
  }

  .hero-wrapper:first-child .mobile-content .hero-sec-button-first {
    background: #f8f1df !important;
    color: #13210c !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
  }

  .hero-wrapper:first-child .mobile-content .hero-sec-button-sec {
    min-height: 36px !important;
    background: transparent !important;
    border-color: transparent !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }

  .product-information {
    padding-top: 8px !important;
  }

  .product-information__media {
    margin-bottom: 8px !important;
  }

  .product-information__media,
  .product-information__media media-gallery,
  .product-information__media slideshow-container,
  .product-information__media slideshow-slides,
  .product-information__media slideshow-slide[aria-hidden="false"],
  .product-information__media .product-media-container,
  .product-information__media .product-media,
  .product-information__media .product-media__image {
    height: clamp(206px, 25svh, 246px) !important;
    max-height: clamp(206px, 25svh, 246px) !important;
    min-height: 0 !important;
  }

  .product-media-container--zoomable.product-media-container--image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 6px 0 0 !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  .product-information__media .product-media__image {
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .product-information__media slideshow-controls[pagination-position="center"][thumbnails],
  .product-information__media scroll-hint.slideshow-controls__thumbnails-container {
    display: none !important;
  }

  .product-title h1,
  .product-information h1 {
    font-size: clamp(1.75rem, 7vw, 2.15rem) !important;
    line-height: 1.04 !important;
    max-width: 13ch !important;
  }

  .product-detail-padd {
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }

  .product-details .group-block-content {
    gap: 9px !important;
  }

  .product-details .product-proof-stack,
  .product-details .product-dynamic-summary {
    display: none !important;
  }

  .product-details .ptags-list {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 6px !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }

  .product-details .ptags-list::-webkit-scrollbar {
    display: none !important;
  }

  .product-details .ptags-pill {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 6px 11px !important;
    font-size: 0.72rem !important;
  }

  .product-information .loox-rating,
  .product-information [class*="rating"] {
    margin-top: 0 !important;
    margin-bottom: 2px !important;
  }

  .ptab-wrap {
    margin: 18px 14px 0 !important;
    padding-top: 0 !important;
  }

  .ptab-nav {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding: 8px !important;
    gap: 10px !important;
  }

  .ptab-btn {
    font-size: 0.82rem !important;
    min-height: 40px !important;
  }

  .mrk-bundle-wrap {
    margin: 2px 0 0 !important;
  }

  .mrk-bundle__heading {
    display: none !important;
  }

  .mrk-bundle__cards {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    overflow-x: auto !important;
    padding: 6px 2px 8px !important;
    scrollbar-width: none !important;
  }

  .mrk-bundle__cards::-webkit-scrollbar {
    display: none !important;
  }

  .mrk-bundle__card-wrap {
    flex: 0 0 86px !important;
    width: 86px !important;
    min-height: 58px !important;
  }

  .mrk-bundle__badge {
    min-height: 16px !important;
    margin-bottom: -8px !important;
    padding: 1px 8px !important;
    font-size: 0.52rem !important;
  }

  label.mrk-bundle__card {
    min-height: 58px !important;
    padding: 12px 5px 7px !important;
    gap: 3px !important;
    justify-content: center !important;
  }

  .mrk-bundle__card-img-wrap,
  .mrk-bundle__card-img {
    display: none !important;
  }

  .mrk-bundle__card-title,
  span.mrk-bundle__card-price {
    font-size: 0.72rem !important;
    line-height: 1.05 !important;
  }

  span.mrk-bundle__card-compare {
    font-size: 0.62rem !important;
    line-height: 1 !important;
    margin-top: 0 !important;
  }

  .mrk-bundle__card-pricing {
    flex-direction: column !important;
    gap: 1px !important;
    align-items: center !important;
  }

  .mrk-bundle__heading--sub {
    display: none !important;
  }

  .mrk-bundle__sub-plans {
    display: none !important;
  }

  .mrk-bundle__sub-row {
    min-height: 46px !important;
    padding: 8px 9px !important;
    gap: 6px !important;
  }

  .mrk-bundle__sub-left {
    gap: 7px !important;
    min-width: 0 !important;
  }

  .mrk-bundle__sub-dot {
    width: 16px !important;
    height: 16px !important;
  }

  .mrk-bundle__sub-dot::after {
    width: 8px !important;
    height: 8px !important;
  }

  .mrk-bundle__sub-info {
    min-width: 0 !important;
    gap: 0 !important;
  }

  span.mrk-bundle__plan-save,
  span.mrk-bundle__title {
    font-size: 0.74rem !important;
    line-height: 1.05 !important;
  }

  .mrk-bundle__sub-title {
    display: none !important;
  }

  .mrk-bundle__sub-pricing {
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 0 !important;
  }

  .mrk-bundle__sub-price,
  .mrk-bundle__sub-compare {
    font-size: 0.72rem !important;
    line-height: 1.05 !important;
  }

  .lab-reports-wrapper {
    display: none !important;
  }

  .ch-pro-quantity-button {
    gap: 8px !important;
    margin-top: 2px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
  }

  .product-details .quantity-selector-wrapper {
    width: 96px !important;
    flex: 0 0 96px !important;
  }

  .product-details .quantity-selector {
    width: 96px !important;
    height: 48px !important;
  }

  .product-details .ch-pro-quantity-button > span {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .product-details .quantity-minus,
  .product-details .quantity-plus {
    width: 36px !important;
    height: 40px !important;
    min-width: 36px !important;
    min-height: 40px !important;
  }

  button[type="submit"][name="add"],
  add-to-cart-component button {
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 18px !important;
    font-size: 0.85rem !important;
  }

  .fp-card__buy-now-btn {
    display: none !important;
  }

  .fp-card__atc {
    gap: 0 !important;
  }

  .fp-card__category {
    font-size: 0.6rem !important;
    padding: 2px 8px !important;
  }

  .fca-section {
    gap: 0 !important;
  }

  .fca-section .fp-card__img-wrap {
    aspect-ratio: 1 / 1 !important;
    padding-bottom: 0 !important;
    border-radius: 12px !important;
  }

  .fca-section .fp-card__title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.18 !important;
    min-height: 2.36em !important;
  }

  .fca-section .fp-card__atc {
    display: none !important;
  }

  .fca-section .fp-card__price {
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .fca-section .fp-card__price::after {
    content: "View Formula";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 9px 12px;
    border-radius: 999px;
    background: #234111;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

}

@media (max-width: 768px) {
  [class*="__carousel"][class*="as-"] {
    min-height: 560px !important;
  }

  [class*="__slide"][class*="as-"]::after {
    background:
      linear-gradient(90deg, rgba(4, 8, 6, 0.9), rgba(4, 8, 6, 0.48), rgba(4, 8, 6, 0.16)),
      linear-gradient(180deg, rgba(4, 8, 6, 0.36), rgba(4, 8, 6, 0.1) 45%, rgba(4, 8, 6, 0.86)) !important;
  }

  [class*="__slide-content"][class*="as-"] {
    padding: 44px 24px 84px !important;
    align-items: center !important;
  }

  [class*="__slide-stat--cover"][class*="as-"] {
    font-size: clamp(2.9rem, 15vw, 4.8rem) !important;
    margin-bottom: 22px !important;
  }

  [class*="__slide-title"][class*="as-"],
  [class*="__slide-desc"][class*="as-"] {
    max-width: 32ch !important;
    line-height: 1.32 !important;
  }

  .jrn-section {
    padding-top: 28px !important;
  }

  .jrn-sidebar {
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(196, 162, 101, 0.16);
  }

  .jrn-search {
    margin-bottom: 14px !important;
  }

  .jrn-cats {
    gap: 8px !important;
    padding-bottom: 10px !important;
  }

  .jrn-meta {
    margin-bottom: 22px !important;
    padding-bottom: 14px !important;
  }

  .jrn-grid {
    gap: 34px !important;
  }
}
/* === END KAYLA LUXURY LAUNCH CLEANUP v2 === */

/* === KAYLA MOBILE SALES + MOTION SWEEP v3 (2026-05-30) === */
:root {
  --kayla-night: #071008;
  --kayla-forest: #17300f;
  --kayla-gold: #c4a265;
  --kayla-cream: #f7f0df;
  --kayla-ink: #14140f;
}

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

body {
  text-rendering: optimizeLegibility;
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes kayla-drift {
    0% { transform: translate3d(-2%, 4%, 0) scale(1.03) rotate(-1deg); opacity: 0.18; }
    50% { transform: translate3d(2%, -1%, 0) scale(1.08) rotate(1deg); opacity: 0.31; }
    100% { transform: translate3d(-1%, 2%, 0) scale(1.05) rotate(-0.4deg); opacity: 0.22; }
  }

  @keyframes kayla-glint {
    0%, 34% { transform: translateX(-115%) rotate(9deg); opacity: 0; }
    48% { opacity: 0.72; }
    66%, 100% { transform: translateX(115%) rotate(9deg); opacity: 0; }
  }

  @keyframes kayla-lift {
    from { opacity: 0.001; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .hero-wrapper:first-child .mobile-hero-copy,
  .hero-wrapper:first-child .mobile-proof-stack,
  .product-information,
  .fp-card,
  .science-section,
  .cert3__badge,
  .jrn-card,
  .jnx-card,
  [class*="__ritual-card"][class*="os-"],
  [class*="__stat"][class*="os-"] {
    animation: kayla-lift 0.75s cubic-bezier(0.16, 1, 0.3, 1) both;
  }

  .fp-card:nth-child(2),
  .cert3__badge:nth-child(2),
  [class*="__ritual-card"][class*="os-"]:nth-child(2) { animation-delay: 0.06s; }
  .fp-card:nth-child(3),
  .cert3__badge:nth-child(3),
  [class*="__ritual-card"][class*="os-"]:nth-child(3) { animation-delay: 0.12s; }
  .fp-card:nth-child(4),
  .cert3__badge:nth-child(4),
  [class*="__ritual-card"][class*="os-"]:nth-child(4) { animation-delay: 0.18s; }
}

.hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width,
.hero-wrapper:first-child .hero__media-grid,
.fp-card,
.product-media-container--zoomable.product-media-container--image,
.product-detail-padd,
.cert3__badge,
.science-section,
[class*="__ritual-shelf"][class*="os-"],
.jrn-card,
.jnx-card {
  isolation: isolate;
}

.hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width {
  position: relative;
  overflow: hidden;
}

.hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width::before {
  content: "";
  position: absolute;
  left: -18%;
  right: -18%;
  bottom: -7%;
  height: 38%;
  z-index: 2;
  pointer-events: none;
  background: url("hero-superfoods.png") center bottom / cover no-repeat;
  opacity: 0.2;
  mix-blend-mode: screen;
  filter: saturate(1.12) contrast(1.05);
}

.hero-wrapper:first-child .mobile-hero-copy,
.hero-wrapper:first-child .mobile-proof-stack > .group-block-content > .group-block:not(:last-child),
.product-detail-padd,
.fp-card,
.cert3__badge,
[class*="__ritual-shelf"][class*="os-"],
.jrn-card,
.jnx-card {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.hero-wrapper:first-child .mobile-hero-copy,
.fp-card,
.product-detail-padd,
[class*="__ritual-shelf"][class*="os-"] {
  position: relative;
}

.hero-wrapper:first-child .mobile-hero-copy::after,
.fp-card::after,
.product-detail-padd::after,
[class*="__ritual-shelf"][class*="os-"]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0) 38%, rgba(255,255,255,0.32) 49%, rgba(196,162,101,0.22) 55%, rgba(255,255,255,0) 66%, transparent 100%);
  transform: translateX(-112%) rotate(9deg);
}

.hero-wrapper:first-child .mobile-hero-copy > *,
.fp-card > *,
.product-detail-padd > *,
[class*="__ritual-shelf"][class*="os-"] > * {
  position: relative;
  z-index: 2;
}

@media (prefers-reduced-motion: no-preference) {
  .hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width::before {
    animation: kayla-drift 16s ease-in-out infinite;
  }

  .hero-wrapper:first-child .mobile-hero-copy::after,
  .fp-card::after,
  .product-detail-padd::after,
  [class*="__ritual-shelf"][class*="os-"]::after {
    animation: kayla-glint 6.6s ease-in-out infinite;
  }

  .fp-card:nth-child(even)::after,
  [class*="__ritual-card"][class*="os-"]:nth-child(even)::after {
    animation-delay: 1.4s;
  }
}

@media (min-width: 768px) {
  header-component#header-component {
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
  }

  .hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width {
    box-shadow: 0 32px 90px -70px rgba(7, 16, 8, 0.72);
  }

  .fp-card:hover,
  .product-card:hover,
  [class*="__ritual-card"][class*="os-"]:hover {
    transform: translateY(-5px);
    box-shadow: 0 28px 80px -56px rgba(11, 24, 8, 0.72) !important;
  }
}

@media (max-width: 767px) {
  .announcement-bar,
  #header-group marquee-component {
    background: var(--kayla-forest) !important;
    color: #fff !important;
  }

  header-component#header-component {
    box-shadow: 0 12px 36px -32px rgba(0,0,0,0.9), 0 1px 0 rgba(35,65,17,0.95) !important;
  }

  header span.menu-list__link-title,
  .header-actions__action,
  button.header-actions__action,
  .header__menu-toggle,
  .header__icon,
  search-button.search-action,
  cart-drawer-component.cart-drawer {
    -webkit-tap-highlight-color: transparent;
  }

  .hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width::before {
    bottom: -2%;
    height: 24%;
    opacity: 0.18;
  }

  .hero-wrapper:first-child .mobile-hero-copy {
    border-color: rgba(196,162,101,0.32) !important;
  }

  .hero-wrapper:first-child .mobile-proof-stack > .group-block-content > .group-block:not(:last-child) {
    border-color: rgba(196,162,101,0.26) !important;
  }

  .hero-wrapper:first-child .mobile-proof-stack .customer-reviews p {
    font-weight: 650 !important;
  }

  .hero-wrapper:first-child .mobile-content .hero-sec-button-first,
  button[type="submit"][name="add"],
  add-to-cart-component button,
  .fca-section .fp-card__price::after,
  [class*="__hero-action--primary"][class*="os-"] {
    box-shadow: 0 16px 34px -24px rgba(0,0,0,0.82) !important;
  }

  .product-information {
    padding-inline: 0 !important;
  }

  .product-information__grid,
  .product-information .product-details {
    row-gap: 8px !important;
  }

  .product-detail-padd {
    background: rgba(255,255,255,0.92) !important;
    border: 1px solid rgba(196,162,101,0.18) !important;
  }

  .product-title h1,
  .product-information h1 {
    letter-spacing: 0 !important;
  }

  .ch-pro-quantity-button {
    position: relative;
    z-index: 6;
  }

  .shopify-payment-button,
  .shopify-payment-button__button,
  .shopify-payment-button__button--unbranded {
    width: 100% !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  .fp-card {
    border-color: rgba(196,162,101,0.22) !important;
    background: rgba(255,255,255,0.86) !important;
  }

  .fp-card__img-wrap {
    background: linear-gradient(135deg, #faf7ee, #ece3d3) !important;
  }

  .fp-card__stars {
    color: var(--kayla-forest) !important;
  }

  .fca-section .fp-card__price::after {
    width: 100%;
    background: linear-gradient(135deg, #13240d, #31561f) !important;
  }

  .science-section {
    padding-top: 34px !important;
    padding-bottom: 48px !important;
  }

  .science-header {
    margin-bottom: 28px !important;
  }

  .science-header h2 {
    font-size: clamp(1.85rem, 8vw, 2.3rem) !important;
    line-height: 1.02 !important;
  }

  .feature-item {
    min-width: 0 !important;
  }

  .feature-item .science-badge-icon,
  .feature-item .science-badge-icon svg,
  .feature-item img {
    width: 56px !important;
    height: 56px !important;
  }

  .shopify-section:has([class*="__ritual-shelf"][class*="os-"]) {
    background: #070806 !important;
  }

  .shopify-section:has([class*="__ritual-shelf"][class*="os-"]) [class*="__quick-nav"][class*="os-"] {
    background: rgba(7, 8, 6, 0.88) !important;
    border-bottom: 1px solid rgba(196,162,101,0.2) !important;
  }

  .shopify-section:has([class*="__ritual-shelf"][class*="os-"]) [class*="__quick-link"][class*="os-"] {
    color: #f7f0df !important;
    background: rgba(255,255,255,0.08) !important;
  }

  .shopify-section:has([class*="__ritual-shelf"][class*="os-"]) [class*="__hero-title"][class*="os-"] {
    color: #fff !important;
  }

  .shopify-section:has([class*="__ritual-shelf"][class*="os-"]) [class*="__hero-body"][class*="os-"] {
    color: rgba(255,255,255,0.82) !important;
  }

  .shopify-section:has([class*="__ritual-shelf"][class*="os-"]) [class*="__hero-proof"][class*="os-"] li,
  .shopify-section:has([class*="__ritual-shelf"][class*="os-"]) [class*="__hero-signal"][class*="os-"] span {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(196,162,101,0.2) !important;
    color: #fff !important;
  }

  .jrn-section,
  .jnx-section {
    background: #fbfaf7 !important;
  }

  .jrn-search input,
  .jnx-search input,
  input[type="search"] {
    min-height: 52px !important;
    font-size: 16px !important;
  }

  .jrn-card,
  .jnx-card {
    border-radius: 16px !important;
    border-color: rgba(196,162,101,0.18) !important;
  }
}

@media (max-width: 420px) {
  .hero-wrapper:first-child .mobile-hero-copy,
  .hero-wrapper:first-child .mobile-proof-stack {
    max-width: calc(100vw - 28px) !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy [class*="text_QEbLKK"] p {
    font-size: clamp(1.72rem, 7.6vw, 2.15rem) !important;
  }

  .hero-wrapper:first-child .mobile-proof-stack > .group-block-content > .group-block:not(:last-child) {
    min-height: 70px !important;
  }

  .fp-card__title {
    min-height: 2.32em !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-wrapper:first-child .hero__container.spacing-style.section.section--full-width::before,
  .hero-wrapper:first-child .mobile-hero-copy,
  .hero-wrapper:first-child .mobile-proof-stack,
  .product-information,
  .fp-card,
  .science-section,
  .cert3__badge,
  .jrn-card,
  .jnx-card,
  [class*="__ritual-card"][class*="os-"],
  [class*="__stat"][class*="os-"] {
    animation: none !important;
  }
}
/* === END KAYLA MOBILE SALES + MOTION SWEEP v3 === */

/* === KAYLA CONVERSION COLOR SYSTEM v4 (2026-05-30) === */
:root {
  --hsf-ink: #11130f;
  --hsf-forest-deep: #071008;
  --hsf-forest: #17300f;
  --hsf-leaf: #31561f;
  --hsf-ivory: #fbf7ee;
  --hsf-parchment: #f2ead9;
  --hsf-mist: #eef1e8;
  --hsf-gold: #c4a265;
  --hsf-gold-bright: #e3c979;
  --hsf-line: rgba(196, 162, 101, 0.24);
  --hsf-shadow-soft: 0 24px 70px -56px rgba(7, 16, 8, 0.68);
}

body {
  background:
    radial-gradient(80vw 48vw at 96% 8%, rgba(196, 162, 101, 0.08), transparent 62%),
    linear-gradient(180deg, #fffdf7 0%, var(--hsf-ivory) 42%, #fffaf1 100%) !important;
  color: var(--hsf-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

main.content-for-layout {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.78), rgba(251, 247, 238, 0.96)) !important;
}

h1,
h2,
h3,
.product-title h1,
.clh__title {
  text-wrap: balance;
}

p,
li,
.product-information,
.clh__sub,
.fp-card__title {
  text-wrap: pretty;
}

header-component#header-component {
  background: rgba(255, 253, 247, 0.9) !important;
  border: 1px solid rgba(35, 65, 17, 0.12) !important;
  box-shadow: 0 16px 42px -38px rgba(7, 16, 8, 0.86), 0 1px 0 rgba(35, 65, 17, 0.82) !important;
}

header span.menu-list__link-title,
.header-actions__action,
button.header-actions__action,
.header__icon,
search-button.search-action,
cart-drawer-component.cart-drawer {
  color: var(--hsf-forest) !important;
}

.announcement-bar,
#header-group marquee-component,
marquee-component {
  background: linear-gradient(90deg, #0b210d, #17300f 42%, #234111 100%) !important;
  color: #fff !important;
}

#header-group marquee-component.kayla-trust-banner {
  position: relative;
  z-index: 12;
  overflow: hidden;
  min-height: 38px;
  border-bottom: 1px solid rgba(196, 162, 101, 0.34) !important;
  background:
    linear-gradient(90deg, #071008 0%, #17300f 24%, #2d4f1a 46%, #c4a265 50%, #2d4f1a 54%, #17300f 76%, #071008 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08), 0 12px 28px -24px rgba(7, 16, 8, 0.9) !important;
}

#header-group marquee-component.kayla-trust-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.16) 46%, transparent 58%);
  transform: translateX(-100%);
  animation: hsf-trust-banner-shine 6.5s ease-in-out infinite;
}

#header-group marquee-component.kayla-trust-banner .marquee__repeated-items {
  align-items: center;
}

#header-group marquee-component.kayla-trust-banner .marquee__content :is(p, h1, h2, h3, h4, h5, h6) {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(0.68rem, 2.6vw, 0.82rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.32);
}

#header-group marquee-component.kayla-trust-banner .svg-wrapper,
#header-group marquee-component.kayla-trust-banner img {
  filter: brightness(1.45) saturate(1.1);
}

@keyframes hsf-trust-banner-shine {
  0%, 46% { transform: translateX(-100%); }
  68%, 100% { transform: translateX(100%); }
}

.hero-wrapper:first-child .mobile-hero-copy,
.hero-wrapper:first-child .mobile-proof-stack > .group-block-content > .group-block:not(:last-child) {
  background:
    linear-gradient(180deg, rgba(8, 18, 10, 0.86), rgba(7, 16, 8, 0.68)) !important;
  border-color: rgba(196, 162, 101, 0.34) !important;
}

.hero-wrapper:first-child .mobile-content .hero-sec-button-first,
.clh__btn--primary,
.fca-section .fp-card__price::after,
button[type="submit"][name="add"],
add-to-cart-component button,
.product-form-buttons button[type="submit"] {
  background: linear-gradient(135deg, #fbf6e8 0%, #efe1bf 44%, #fffaf0 100%) !important;
  color: #13210c !important;
  border: 1px solid rgba(196, 162, 101, 0.48) !important;
  font-weight: 900 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

button[type="submit"][name="add"],
add-to-cart-component button,
.product-form-buttons button[type="submit"] {
  background: linear-gradient(135deg, #17300f, #31561f) !important;
  color: #fff !important;
  border-color: color-mix(in srgb, var(--hsf-product-accent, var(--hsf-gold)) 58%, #ffffff 0%) !important;
  box-shadow: 0 18px 46px -30px rgba(7, 16, 8, 0.9), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

button[type="submit"][name="add"]:hover,
add-to-cart-component button:hover,
.product-form-buttons button[type="submit"]:hover {
  background: linear-gradient(135deg, #203c16, #416b2f) !important;
  color: #fff !important;
  border-color: var(--hsf-product-accent, var(--hsf-gold)) !important;
  box-shadow: 0 24px 54px -30px color-mix(in srgb, var(--hsf-product-accent, var(--hsf-gold)) 44%, rgba(7,16,8,0.72)) !important;
}

.clh {
  background:
    radial-gradient(44vw 44vw at 75% 50%, rgba(196, 162, 101, 0.14), transparent 62%),
    linear-gradient(135deg, #071008 0%, #0a190b 48%, #10180b 100%) !important;
  box-shadow: var(--hsf-shadow-soft);
}

.clh__bg {
  opacity: 0.9;
}

.clh__proof span,
.clh__btn--secondary {
  border-color: rgba(227, 201, 121, 0.32) !important;
  background: rgba(255,255,255,0.075) !important;
}

.clh__product {
  border-color: color-mix(in srgb, var(--product-accent, var(--hsf-gold)) 52%, rgba(255,255,255,0.16)) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.07)),
    radial-gradient(160px 160px at 70% 8%, color-mix(in srgb, var(--product-accent, var(--hsf-gold)) 18%, transparent), transparent 70%) !important;
}

.clh__product-media {
  background:
    radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--product-accent, var(--hsf-gold)) 18%, #fffaf0), transparent 58%),
    linear-gradient(135deg, #fffaf0, #eadfc9) !important;
}

.clh__stars,
.clh__price {
  color: color-mix(in srgb, var(--product-accent, var(--hsf-gold)) 72%, #f6df99) !important;
}

.product-detail-padd {
  background:
    linear-gradient(180deg, rgba(255,253,247,0.96), rgba(247,240,223,0.88)) !important;
  border: 1px solid rgba(196, 162, 101, 0.22) !important;
  box-shadow: 0 20px 70px -58px rgba(7, 16, 8, 0.72) !important;
}

.product-information[data-product-handle] .product-detail-padd {
  border-top: 3px solid var(--hsf-product-accent, var(--hsf-gold)) !important;
}

.product-information[data-product-handle] .loox-rating,
.product-information[data-product-handle] [class*="rating"] {
  color: var(--hsf-forest) !important;
  font-weight: 650 !important;
}

.product-information[data-product-handle] .ptags-pill,
.product-information[data-product-handle] .product-form .pill,
.product-information[data-product-handle] .product-form button[class*="pill"] {
  border-color: color-mix(in srgb, var(--hsf-product-accent, var(--hsf-gold)) 56%, #ffffff) !important;
  background: color-mix(in srgb, var(--hsf-product-accent, var(--hsf-gold)) 10%, #ffffff) !important;
  color: color-mix(in srgb, var(--hsf-product-accent, var(--hsf-gold)) 62%, #13210c) !important;
}

.product-information[data-product-handle] .mrk-bundle__badge {
  background: linear-gradient(135deg, var(--hsf-product-accent, var(--hsf-gold)), color-mix(in srgb, var(--hsf-product-accent, var(--hsf-gold)) 62%, #17300f)) !important;
  color: #fff !important;
}

.product-information[data-product-handle] .mrk-bundle__card-wrap:has(input:checked) label.mrk-bundle__card,
.product-information[data-product-handle] label.mrk-bundle__card:hover {
  border-color: var(--hsf-product-accent, var(--hsf-gold)) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hsf-product-accent, var(--hsf-gold)) 52%, transparent), 0 12px 34px -28px rgba(7,16,8,0.72) !important;
}

.product-information[data-product-handle] .product-media-container--zoomable.product-media-container--image {
  background:
    radial-gradient(240px 240px at 56% 36%, color-mix(in srgb, var(--hsf-product-accent, var(--hsf-gold)) 12%, transparent), transparent 70%),
    linear-gradient(135deg, #fffaf0, #f3ead8) !important;
  border: 1px solid color-mix(in srgb, var(--hsf-product-accent, var(--hsf-gold)) 22%, #ffffff) !important;
}

.product-title h1,
.product-information h1 {
  color: #1b1a15 !important;
  font-weight: 520 !important;
}

.product-information [class*="price"]:not(.mrk-bundle__card-pricing):not(.mrk-bundle__sub-pricing),
.product-information .price {
  color: var(--hsf-forest) !important;
  font-weight: 800 !important;
}

.fca-section {
  background:
    linear-gradient(180deg, #fffdf7, #fbf7ee 58%, #f5ecdc) !important;
}

.fca-section .fp-card {
  border-color: rgba(35, 65, 17, 0.24) !important;
  background: rgba(255, 253, 247, 0.92) !important;
  box-shadow: 0 18px 54px -46px rgba(7, 16, 8, 0.72);
}

.fca-section .fp-card__title {
  color: #161711 !important;
  font-weight: 760 !important;
}

.fca-section .fp-card__price-current {
  color: #17300f !important;
}

.science-section,
.cert3__badge,
.jrn-card,
.jnx-card,
[class*="__ritual-card"][class*="os-"],
[class*="__stat"][class*="os-"] {
  background-color: color-mix(in srgb, #fffdf7 90%, var(--hsf-mist)) !important;
  border-color: rgba(196, 162, 101, 0.2) !important;
}

@media (min-width: 768px) {
  .product-information__grid.product-information--media-left {
    align-items: start;
  }

  .product-information__media {
    position: sticky;
    top: 112px;
  }
}

@media (max-width: 767px) {
  body {
    background: #fffdf7 !important;
  }

  main.content-for-layout {
    padding-inline: 0 !important;
  }

  .hero-wrapper:first-child .mobile-hero-copy [class*="text_QEbLKK"] p,
  .clh__title,
  .product-title h1,
  .product-information h1 {
    letter-spacing: 0 !important;
  }

  .clh {
    border-radius: 18px !important;
    margin-top: 6px !important;
  }

  .clh__eyebrow {
    font-size: 0.68rem !important;
    letter-spacing: 0.18em !important;
  }

  .clh__sub {
    color: rgba(255,255,255,0.86) !important;
  }

  .clh__proof span {
    letter-spacing: 0.08em !important;
  }

  .clh__product {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08)),
      radial-gradient(140px 140px at 65% 10%, color-mix(in srgb, var(--product-accent, var(--hsf-gold)) 18%, transparent), transparent 70%) !important;
  }

  .product-detail-padd {
    border-radius: 16px !important;
    margin-inline: 0 !important;
  }

  .product-information[data-product-handle] .ptags-pill {
    background: #fffdf7 !important;
  }

  .product-title h1,
  .product-information h1 {
    font-size: clamp(1.8rem, 7.2vw, 2.25rem) !important;
  }

  .ch-pro-quantity-button {
    gap: 10px !important;
  }

  .shopify-payment-button {
    margin-top: 8px !important;
  }

  .shopify-payment-button__button {
    min-height: 50px !important;
    border-radius: 999px !important;
  }
}

/* Homepage proof cards must read as proof, not buttons. */
.hero-wrapper:first-child .mobile-hero-copy rte-formatter,
.hero-wrapper:first-child .mobile-proof-stack rte-formatter {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.hero-wrapper:first-child .mobile-proof-stack .icon-block {
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: #f8f1df !important;
  box-shadow: 0 6px 18px -12px rgba(0,0,0,0.6) !important;
}

.hero-wrapper:first-child .mobile-proof-stack .icon-block img {
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
}

.hero-wrapper:first-child .mobile-proof-stack rte-formatter p,
.hero-wrapper:first-child .mobile-proof-stack .customer-reviews p {
  color: #fff !important;
  font-weight: 760 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.44) !important;
}

.hero-wrapper:first-child .mobile-proof-stack > .group-block-content > .group-block:not(:last-child) {
  background:
    linear-gradient(180deg, rgba(12, 26, 12, 0.9), rgba(7, 16, 8, 0.76)) !important;
  border: 1px solid rgba(196, 162, 101, 0.34) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 36px -30px rgba(0,0,0,0.9), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.hero-wrapper:first-child .mobile-hero-copy rte-formatter p {
  background: transparent !important;
}

.hero-wrapper:first-child .mobile-content .hero-sec-button-sec {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  text-decoration: none !important;
}

.hero-wrapper:first-child .mobile-proof-stack .hero-sec-button-sec,
.hero-wrapper:first-child .mobile-proof-stack a.hero-sec-button-sec {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  text-decoration: none !important;
}
/* === END KAYLA CONVERSION COLOR SYSTEM v4 === */


/* ============================================================
   LIGHT & AIRY + SOFT DEPTH — global token pass 2026-05-30
   Dev theme 161544110300 (Kayla / Horizon). PREVIEW ONLY.
   REVERSIBLE: delete from this marker to EOF to revert.
   ============================================================ */
:root, .shopify-section {
  --kx-shadow-soft:  0 1px 2px rgba(35,65,17,.05), 0 10px 28px -12px rgba(35,65,17,.14);
  --kx-shadow-hover: 0 2px 5px rgba(35,65,17,.07), 0 22px 48px -14px rgba(35,65,17,.20);
  --kx-radius: 16px;
}
:root { --shadow-button: 0 1px 2px rgba(0,0,0,.06), 0 8px 20px -10px rgba(0,0,0,.22); }

/* MORE SHADOWS — float every card surface (Horizon core + Kayla system) */
.product-card, .collection-card, .resource-card, .product-grid__card,
.featured-blog-posts-card, .predictive-search-results__card,
.product-card-wrapper, .benefits-card, .fp-card, .ti-card, .jrn-card,
.jnx-card, .ingredient-card, .herm-card, .mrk-bundle__card {
  box-shadow: var(--kx-shadow-soft);
  border-radius: var(--kx-radius);
  transition: box-shadow .35s cubic-bezier(.16,1,.3,1),
              transform .35s cubic-bezier(.16,1,.3,1);
}
.product-card:hover, .collection-card:hover, .resource-card:hover,
.product-grid__card:hover, .featured-blog-posts-card:hover,
.product-card-wrapper:hover, .fp-card:hover, .ti-card:hover, .jrn-card:hover,
.jnx-card:hover, .ingredient-card:hover, .herm-card:hover, .mrk-bundle__card:hover {
  box-shadow: var(--kx-shadow-hover);
  transform: translateY(-3px);
}

/* LIGHT & AIRY — hairline borders + soft rounded media */
.product-card, .collection-card, .resource-card, .product-card-wrapper,
.fp-card, .ti-card, .ingredient-card, .herm-card {
  border-color: rgba(35,65,17,.08) !important;
}
.product-card__image, .collection-card__image, .resource-card__image,
.fp-card__media, .ti-card__media, .herm-card__media {
  border-radius: calc(var(--kx-radius) - 4px);
  overflow: hidden;
}
.product-grid, .collection-grid { --gap-2xl: 2.25rem; }

@media (prefers-reduced-motion: reduce) {
  .product-card, .collection-card, .resource-card, .product-grid__card,
  .featured-blog-posts-card, .product-card-wrapper, .fp-card, .ti-card,
  .jrn-card, .jnx-card, .ingredient-card, .herm-card, .mrk-bundle__card {
    transition: none;
  }
  .product-card:hover, .collection-card:hover, .resource-card:hover,
  .product-grid__card:hover, .featured-blog-posts-card:hover { transform: none; }
}
/* === END LIGHT & AIRY + SOFT DEPTH PASS === */

/* KAYLA TRUST ICON WHITE OVERRIDE 2026-05-30
   Keeps Kayla/Horizon trust, certification, guarantee, and product science icons white. */
.trust-strip .trust-badge__icon,
.trust-strip .trust-badge__icon *,
.cert3__icon-ring,
.cert3__icon-ring svg,
.cert3__icon-ring svg *,
.gbr-icon-wrap,
.gbr-icon-wrap svg,
.gbr-icon-wrap svg *,
.gbr-point-icon,
.gbr-point-icon svg,
.gbr-point-icon svg *,
.feature-item .science-badge-icon,
.feature-item .science-badge-icon svg,
.feature-item .science-badge-icon svg *,
.feature-icon.svg-icon.science-badge-icon,
.feature-icon.svg-icon.science-badge-icon svg,
.feature-icon.svg-icon.science-badge-icon svg * {
  color: #fff !important;
  stroke: #fff !important;
}

.trust-strip .trust-badge__icon svg [stroke],
.cert3__icon-ring svg [stroke],
.gbr-icon-wrap svg [stroke],
.gbr-point-icon svg [stroke],
.feature-item .science-badge-icon svg [stroke],
.feature-icon.svg-icon.science-badge-icon svg [stroke] {
  stroke: #fff !important;
}

.trust-strip .trust-badge__icon svg [fill]:not([fill="none"]),
.cert3__icon-ring svg [fill]:not([fill="none"]),
.gbr-icon-wrap svg [fill]:not([fill="none"]),
.gbr-point-icon svg [fill]:not([fill="none"]),
.feature-item .science-badge-icon svg [fill]:not([fill="none"]),
.feature-icon.svg-icon.science-badge-icon svg [fill]:not([fill="none"]) {
  fill: #fff !important;
}

/* KAYLA MOBILE SECTION GUARD 2026-05-30 */
@media (max-width: 767px) {
  html:has(.khh),
  body:has(.khh) {
    overflow-x: hidden !important;
  }

  main.content-for-layout:has(.khh) {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    padding-inline: 0 !important;
  }

  .shopify-section:has(.khh) {
    width: 100% !important;
    max-width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  .shopify-section:has(.khh) > * {
    max-width: 100% !important;
  }

  .khh {
    max-width: 100vw !important;
  }
}
/* END KAYLA MOBILE SECTION GUARD 2026-05-30 */

/* KAYLA MOBILE HERO CLEAN PASS 2026-05-30 */
@media (max-width: 767px) {
  .khh {
    width: 100% !important;
    max-width: 100vw !important;
    min-height: auto !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background-position: center bottom !important;
  }

  .khh,
  .khh * {
    box-sizing: border-box !important;
  }

  .khh__scene {
    inset: 0 !important;
    overflow: hidden !important;
  }

  .khh__inner {
    width: min(calc(100vw - 44px), 340px) !important;
    max-width: 340px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 17px !important;
    padding: 22px 0 24px !important;
  }

  .khh__copy,
  .khh__products {
    width: 100% !important;
    min-width: 0 !important;
  }

  .khh__copy {
    text-align: center !important;
    margin-inline: auto !important;
  }

  .khh__authority {
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 34px !important;
    margin-inline: auto !important;
    padding: 8px 11px !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: 0.58rem !important;
    line-height: 1.18 !important;
    letter-spacing: 0.1em !important;
  }

  .khh__title {
    max-width: 8.8ch !important;
    margin: 12px auto 0 !important;
    font-size: clamp(1.98rem, 10vw, 2.82rem) !important;
    line-height: 0.95 !important;
    overflow-wrap: normal !important;
  }

  .khh__body {
    max-width: 28rem !important;
    margin: 14px auto 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,0.87) !important;
  }

  .khh__usa-banner {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 14px auto 0 !important;
    padding: 10px 11px !important;
    justify-content: center !important;
    gap: 6px 8px !important;
    text-align: center !important;
    font-size: 0.54rem !important;
    line-height: 1.22 !important;
    letter-spacing: 0.06em !important;
  }

  .khh__usa-banner span::before {
    width: 4px !important;
    height: 4px !important;
    margin: 0 6px 1px 0 !important;
  }

  .khh__badges {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    margin-top: 15px !important;
  }

  .khh__badge {
    min-width: 0 !important;
    min-height: 62px !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    justify-items: start !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    text-align: left !important;
  }

  .khh__badge-icon {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
  }

  .khh__badge-icon::after {
    width: 9px !important;
    height: 6px !important;
    margin-top: 8px !important;
  }

  .khh__badge strong {
    font-size: clamp(0.78rem, 3.35vw, 0.9rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  .khh__badge small {
    display: block !important;
    margin-top: 2px !important;
    font-size: clamp(0.66rem, 2.75vw, 0.74rem) !important;
    line-height: 1.14 !important;
  }

  .khh__actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    margin-top: 16px !important;
  }

  .khh__button {
    width: 100% !important;
    min-height: 48px !important;
    padding: 13px 16px !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
  }

  .khh__metrics {
    display: none !important;
  }

  .khh__products {
    margin: 0 !important;
    overflow: visible !important;
  }

  .khh__product-track {
    width: min(calc(100vw - 44px), 340px) !important;
    margin-inline: auto !important;
    gap: 10px !important;
    padding: 4px 3px 12px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scroll-padding-inline: 3px !important;
    scroll-snap-type: x mandatory !important;
  }

  .khh__product {
    flex: 0 0 min(78vw, 286px) !important;
    min-height: 0 !important;
    border-radius: 18px !important;
    padding: 10px !important;
    scroll-snap-align: start !important;
  }

  .khh__product-image {
    border-radius: 14px !important;
  }

  .khh__product-copy {
    gap: 5px !important;
    padding: 10px 4px 3px !important;
    text-align: left !important;
  }

  .khh__product strong {
    font-size: clamp(0.98rem, 4vw, 1.08rem) !important;
    line-height: 1.08 !important;
  }

  .khh__product small {
    display: block !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
  }

  .khh__product-proof {
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
    font-size: 0.55rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0.06em !important;
  }

  .khh__product-price {
    font-size: 0.94rem !important;
  }

  .khh__ring--one {
    width: 120vw !important;
    right: -52% !important;
    top: 28% !important;
  }

  .khh__ring--two,
  .khh__orb--green,
  .khh__particle {
    display: none !important;
  }

  .khh__orb--gold {
    width: 112px !important;
    height: 112px !important;
    right: 4% !important;
    top: 6% !important;
  }
}

@media (max-width: 390px) {
  .khh__inner,
  .khh__product-track {
    width: calc(100vw - 32px) !important;
    max-width: 330px !important;
  }

  .khh__title {
    max-width: 8.8ch !important;
    font-size: clamp(1.92rem, 10vw, 2.7rem) !important;
  }

  .khh__body {
    font-size: 0.86rem !important;
  }

  .khh__product {
    flex-basis: min(82vw, 278px) !important;
  }
}
/* END KAYLA MOBILE HERO CLEAN PASS 2026-05-30 */

/* KAYLA PRODUCT MOBILE CLEAN PASS 2026-05-30 */
@media (max-width: 767px) {
  .product-information__grid.product-information--media-left {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  .product-information__media {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 0 18px !important;
    transform: none !important;
  }

  .product-information__grid.product-information--media-left > .product-details,
  .product-details.sticky-content--desktop {
    display: block !important;
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    clear: both !important;
    margin-top: clamp(156px, 42vw, 184px) !important;
    transform: none !important;
  }

  .product-detail-padd {
    position: relative !important;
    z-index: 3 !important;
    margin-top: 0 !important;
    transform: none !important;
  }

  .hush-recommend-banner {
    position: relative !important;
    z-index: 4 !important;
    margin: 0 0 10px !important;
  }

  .product-details .ptags-list {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    gap: 8px !important;
    padding-bottom: 0 !important;
  }

  .product-details .ptags-pill {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }
}
/* END KAYLA PRODUCT MOBILE CLEAN PASS 2026-05-30 */

/* KAYLA RAINFOREST HERO RESTORE 2026-05-30 */
.khh__products {
  display: none !important;
}

.khh__inner {
  grid-template-columns: minmax(0, 0.86fr) minmax(420px, 1fr) !important;
}

.khh__video-layer {
  inset: 0 !important;
  opacity: 0.96 !important;
  filter: saturate(1.24) contrast(1.08) brightness(1.02) !important;
}

.khh__video {
  object-position: center center !important;
  transform: scale(1.015) !important;
}

.khh__video-layer::after {
  background:
    linear-gradient(90deg, rgba(2,6,4,0.92) 0%, rgba(2,6,4,0.56) 42%, rgba(2,6,4,0.12) 100%),
    linear-gradient(180deg, rgba(2,6,4,0.04), rgba(2,6,4,0.42)) !important;
}

.khh::before {
  background:
    linear-gradient(90deg, rgba(2,6,4,0.94) 0%, rgba(2,6,4,0.62) 43%, rgba(2,6,4,0.18) 100%),
    linear-gradient(180deg, rgba(2,6,4,0.08), rgba(2,6,4,0.58)) !important;
}

.khh::after {
  opacity: 0.32 !important;
}

@media (max-width: 767px) {
  .khh__inner {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(calc(100vw - 44px), 340px) !important;
    max-width: 340px !important;
  }

  .khh__video-layer {
    inset: -4% !important;
    opacity: 0.74 !important;
    filter: saturate(1.18) contrast(1.08) brightness(0.94) !important;
  }

  .khh__video-layer::after,
  .khh::before {
    background:
      linear-gradient(180deg, rgba(2,6,4,0.72) 0%, rgba(2,6,4,0.58) 42%, rgba(2,6,4,0.88) 100%),
      radial-gradient(circle at 50% 18%, rgba(196,162,101,0.1), transparent 58%) !important;
  }
}
/* END KAYLA RAINFOREST HERO RESTORE 2026-05-30 */

/* KAYLA WATERFALL PRODUCT GLASS PASS 2026-05-30 */
body {
  background: #07110f !important;
}

.hermetica-waterfall-stage {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #07110f;
}

.hermetica-waterfall-stage__video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  filter: saturate(1.16) contrast(1.08) brightness(0.62);
  transform: scale(1.02);
}

.hermetica-waterfall-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 22% 14%, rgba(255,255,255,0.12), transparent 28%),
    radial-gradient(circle at 74% 36%, rgba(196,162,101,0.14), transparent 34%),
    linear-gradient(180deg, rgba(4,11,9,0.22), rgba(4,11,9,0.52));
}

#header-group,
#MainContent,
main#main,
footer,
.shopify-section-group-header-group,
.shopify-section-group-footer-group {
  position: relative;
  z-index: 1;
}

main.content-for-layout,
#MainContent,
main#main,
#MainContent > .shopify-section {
  background: transparent !important;
}

#MainContent > .shopify-section:not(:first-child) > .section,
#MainContent > .shopify-section:not(:first-child) > section:not([class*="khh"]):not([class*="jnx"]):not([class*="evg"]),
#MainContent > .shopify-section:not(:first-child) .section-content-wrapper,
main#main > .shopify-section:not(:first-child),
main#main .shopify-section:not(:first-child) > section,
main#main .shopify-section:not(:first-child) .section,
main#main .shopify-section:not(:first-child) .container {
  background-color: rgba(244, 250, 244, 0.46) !important;
  border-color: rgba(255,255,255,0.42) !important;
  backdrop-filter: blur(18px) saturate(1.28) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.28) !important;
}

product-card-link[href*="/products/24k-gold-emf-blocker"],
a[href*="/products/24k-gold-emf-blocker"],
#MainContent product-card-link[href*="/products/"]:not([href*="/products/hush-gummies"]):not([href*="/products/eternity"]):not([href*="/products/shilajitgummy"]):not([href*="/products/bluecrush"]):not([href*="/products/cozy"]):not([href*="/products/shilajittablets"]),
#MainContent a[href*="/products/"]:not([href*="/products/hush-gummies"]):not([href*="/products/eternity"]):not([href*="/products/shilajitgummy"]):not([href*="/products/bluecrush"]):not([href*="/products/cozy"]):not([href*="/products/shilajittablets"]):has([class*="product-card"]),
main#main product-card-link[href*="/products/"]:not([href*="/products/hush-gummies"]):not([href*="/products/eternity"]):not([href*="/products/shilajitgummy"]):not([href*="/products/bluecrush"]):not([href*="/products/cozy"]):not([href*="/products/shilajittablets"]),
main#main a[href*="/products/"]:not([href*="/products/hush-gummies"]):not([href*="/products/eternity"]):not([href*="/products/shilajitgummy"]):not([href*="/products/bluecrush"]):not([href*="/products/cozy"]):not([href*="/products/shilajittablets"]):has([class*="product-card"]) {
  display: none !important;
}

product-card-link[href*="/products/"],
.product-card,
.product-card-wrapper,
.card-product,
.herm-card-product,
.product-card__figure,
.product-card__info,
.product-item,
.product-list > *,
[class*="product-card"] {
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.58) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(250,253,248,0.72), rgba(213,231,226,0.54)) !important;
  box-shadow: 0 24px 58px rgba(4, 18, 16, 0.18) !important;
  backdrop-filter: blur(18px) saturate(1.32) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.32) !important;
}

.product-card img,
.product-card-wrapper img,
.herm-card-product img,
product-card-link img,
[class*="product-card"] img {
  border-radius: 8px !important;
}

#MainContent[data-template^="product"] .product-information__grid,
#MainContent[data-template^="product"] .product-detail-padd,
#MainContent[data-template^="product"] .product-details,
#MainContent[data-template^="product"] .product-information__media,
#MainContent[data-template^="product"] .product-form,
#MainContent[data-template^="product"] .product-media-container,
#MainContent[data-template^="product"] [class*="product-gallery"],
#MainContent[data-template^="product"] [class*="product-media"],
main#main .product,
main#main .product-info,
main#main .product-gallery,
main#main .product__media,
main#main .product__info,
main#main .product-form,
main#main .product-sticky-bar {
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.68), rgba(213,232,230,0.44)) !important;
  border: 1px solid rgba(255,255,255,0.52) !important;
  box-shadow: 0 28px 72px rgba(4, 18, 16, 0.18) !important;
  backdrop-filter: blur(20px) saturate(1.36) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.36) !important;
}

#MainContent[data-template^="product"] .product-information__grid {
  padding: clamp(12px, 2vw, 24px) !important;
}

#MainContent[data-template^="product"] .product-information__media,
#MainContent[data-template^="product"] .product-details {
  padding: clamp(14px, 2vw, 28px) !important;
}

.jnx-shell,
.evg-shell {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.50), rgba(208,232,235,0.34) 48%, rgba(244,231,202,0.34)) !important;
}

.hermetica-clean-footer {
  position: relative;
  z-index: 1;
  padding: clamp(42px, 6vw, 86px) clamp(14px, 3vw, 40px) 24px;
  color: rgba(246, 249, 243, 0.92);
}

.hermetica-clean-footer__shell {
  max-width: 1640px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 1.25fr) repeat(3, minmax(180px, 0.75fr));
  gap: clamp(16px, 2.4vw, 34px);
  padding: clamp(20px, 3vw, 40px);
  border: 1px solid rgba(255,255,255,0.26);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(8, 19, 16, 0.66), rgba(22, 48, 39, 0.44) 52%, rgba(196, 162, 101, 0.16));
  box-shadow: 0 32px 88px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.18);
  backdrop-filter: blur(24px) saturate(1.35);
  -webkit-backdrop-filter: blur(24px) saturate(1.35);
}

.hermetica-clean-footer__brand,
.hermetica-clean-footer__column {
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 8px;
  background: rgba(255,255,255,0.07);
  padding: clamp(18px, 2vw, 28px);
}

.hermetica-clean-footer__logo {
  width: min(190px, 58vw);
  display: inline-flex;
  margin-bottom: 20px;
}

.hermetica-clean-footer__logo img {
  width: 100%;
  height: auto;
  display: block;
}

.hermetica-clean-footer__brand p {
  max-width: 440px;
  margin: 0;
  color: rgba(246,249,243,0.78);
  font-family: var(--font-body--family, Inter, sans-serif);
  font-size: clamp(0.96rem, 0.9rem + 0.18vw, 1.08rem);
  line-height: 1.62;
}

.hermetica-clean-footer__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0;
}

.hermetica-clean-footer__badges span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: rgba(246,249,243,0.78);
  font-family: var(--font-body--family, Inter, sans-serif);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.hermetica-clean-footer__form {
  display: flex;
  gap: 8px;
  max-width: 430px;
}

.hermetica-clean-footer__form input {
  min-width: 0;
  flex: 1;
  min-height: 46px;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  color: #fff;
  padding: 0 16px;
  font: inherit;
}

.hermetica-clean-footer__form input::placeholder {
  color: rgba(255,255,255,0.62);
}

.hermetica-clean-footer__form button {
  min-height: 46px;
  border: 1px solid rgba(196,162,101,0.52);
  border-radius: 999px;
  background: rgba(196,162,101,0.28);
  color: #fff;
  padding: 0 20px;
  font-family: var(--font-body--family, Inter, sans-serif);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hermetica-clean-footer__column h2 {
  margin: 0 0 18px;
  color: #fff;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(1.55rem, 1.28rem + 0.72vw, 2.25rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: 0;
}

.hermetica-clean-footer__column a {
  display: flex;
  align-items: center;
  min-height: 34px;
  width: fit-content;
  max-width: 100%;
  color: rgba(246,249,243,0.78);
  font-family: var(--font-body--family, Inter, sans-serif);
  font-size: clamp(0.92rem, 0.86rem + 0.18vw, 1.04rem);
  line-height: 1.32;
  text-decoration: none;
}

.hermetica-clean-footer__column a:hover {
  color: #ead7ad;
}

.hermetica-clean-footer__bottom {
  max-width: 1640px;
  margin: 14px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 18px;
  padding: 0 4px;
  color: rgba(246,249,243,0.58);
  font-family: var(--font-body--family, Inter, sans-serif);
  font-size: 0.78rem;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .hermetica-waterfall-stage__video {
    filter: saturate(1.12) contrast(1.08) brightness(0.52);
  }

  #MainContent > .shopify-section:not(:first-child) > .section,
  #MainContent > .shopify-section:not(:first-child) > section:not([class*="khh"]):not([class*="jnx"]):not([class*="evg"]),
  #MainContent > .shopify-section:not(:first-child) .section-content-wrapper,
  main#main > .shopify-section:not(:first-child),
  main#main .shopify-section:not(:first-child) > section,
  main#main .shopify-section:not(:first-child) .section,
  main#main .shopify-section:not(:first-child) .container {
    border-radius: 8px !important;
  }

  .hermetica-clean-footer {
    padding: 34px 12px 20px;
  }

  .hermetica-clean-footer__shell {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .hermetica-clean-footer__brand,
  .hermetica-clean-footer__column {
    padding: 18px;
  }

  .hermetica-clean-footer__form {
    flex-direction: column;
  }

  .hermetica-clean-footer__form button {
    width: 100%;
  }

  .hermetica-clean-footer__bottom {
    display: block;
  }

  .hermetica-clean-footer__bottom span {
    display: block;
    margin-top: 6px;
  }
}
/* END KAYLA WATERFALL PRODUCT GLASS PASS 2026-05-30 */

/* KAYLA HEADER GLASS 2026-05-30 */
#header-group {
  position: sticky !important;
  top: 0 !important;
  z-index: 80 !important;
  padding: clamp(8px, 1.3vw, 18px) clamp(8px, 1.6vw, 22px) 0 !important;
  pointer-events: none;
}

#header-group > *,
#header-group header-component,
#header-group .shopify-section,
#header-group .header,
#header-group .header__row,
#header-group .header__columns,
#header-group .header__actions,
#header-group .header__column {
  pointer-events: auto;
}

#header-group header-component,
#header-group .header,
#header-group .header__row,
#header-group .header__columns,
header-component.site-header,
header.header {
  background:
    linear-gradient(135deg, rgba(255, 255, 246, 0.70), rgba(231, 242, 233, 0.46) 45%, rgba(196, 162, 101, 0.16)) !important;
  border: 1px solid rgba(255,255,255,0.62) !important;
  box-shadow: 0 24px 68px rgba(5, 16, 12, 0.22), inset 0 1px 0 rgba(255,255,255,0.78) !important;
  backdrop-filter: blur(24px) saturate(1.38) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.38) !important;
}

#header-group header-component,
#header-group .header,
header-component.site-header,
header.header {
  border-radius: clamp(18px, 2vw, 34px) !important;
  overflow: hidden !important;
}

#header-group header-component::before,
#header-group .header::before,
header-component.site-header::before,
header.header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,0.62), transparent 28%),
    radial-gradient(circle at 82% 42%, rgba(196,162,101,0.20), transparent 34%);
}

#header-group a,
#header-group button,
#header-group summary,
#header-group .header__menu-item,
#header-group .menu-list__link,
#header-group .header-actions__action {
  color: #142d1b !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.22) !important;
}

#header-group svg,
#header-group svg path,
#header-group .svg-wrapper,
#header-group .icon,
#header-group img.icon-block__media {
  color: #18351f !important;
  fill: #18351f !important;
  stroke: #18351f !important;
}

#header-group .header-logo img,
#header-group .header__heading-logo,
#header-group .header__logo img,
#header-group a[href="/"] img {
  filter: drop-shadow(0 8px 20px rgba(5,16,12,0.12)) saturate(1.04) !important;
}

#header-group .header__row,
#header-group .header__columns {
  min-height: clamp(66px, 7vw, 96px) !important;
}

#header-group .marquee,
#header-group marquee-component,
#header-group .kayla-trust-banner {
  background: transparent !important;
  color: rgba(255,255,255,0.94) !important;
}

#header-group .kayla-trust-banner svg,
#header-group .kayla-trust-banner svg path,
#header-group .kayla-trust-banner img,
#header-group .marquee svg,
#header-group .marquee path {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  filter: brightness(0) invert(1) drop-shadow(0 3px 10px rgba(0,0,0,0.24)) !important;
}

#header-group .kayla-trust-banner,
#header-group .kayla-trust-banner * {
  color: rgba(255,255,255,0.94) !important;
}

@media (max-width: 767px) {
  #header-group {
    padding: 8px 8px 0 !important;
  }

  #header-group header-component,
  #header-group .header,
  header-component.site-header,
  header.header {
    border-radius: 20px !important;
  }

  #header-group .header__row,
  #header-group .header__columns {
    min-height: 62px !important;
  }
}
/* END KAYLA HEADER GLASS 2026-05-30 */

/* KAYLA FOOTER READABILITY PASS 2026-05-30 */
.hermetica-clean-footer{color:#f8f4e8!important;text-shadow:0 2px 16px rgba(0,0,0,.38)!important}.hermetica-clean-footer__shell{background:linear-gradient(135deg,rgba(3,13,10,.82),rgba(9,31,24,.72) 48%,rgba(86,73,42,.56))!important;border-color:rgba(255,255,255,.34)!important;box-shadow:0 34px 92px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.22)!important}.hermetica-clean-footer__brand,.hermetica-clean-footer__column{background:linear-gradient(160deg,rgba(3,15,12,.70),rgba(18,38,29,.58))!important;border-color:rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 42px rgba(0,0,0,.20)!important}.hermetica-clean-footer__column h2,.hermetica-clean-footer h2{color:#fff8df!important;text-shadow:0 3px 22px rgba(0,0,0,.55)!important}.hermetica-clean-footer__brand p,.hermetica-clean-footer p,.hermetica-clean-footer__column a,.hermetica-clean-footer a,.hermetica-clean-footer__bottom,.hermetica-clean-footer__bottom span{color:rgba(250,246,232,.92)!important;text-shadow:0 2px 16px rgba(0,0,0,.58)!important}.hermetica-clean-footer__column a{font-weight:650!important}.hermetica-clean-footer__column a:hover,.hermetica-clean-footer a:hover{color:#f2d58f!important}.hermetica-clean-footer__badges span{color:#fff7dd!important;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.32)!important;text-shadow:0 2px 12px rgba(0,0,0,.54)!important}.hermetica-clean-footer__form input{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.38)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important}.hermetica-clean-footer__form input::placeholder{color:rgba(255,255,255,.76)!important}.hermetica-clean-footer__form button{background:linear-gradient(135deg,rgba(196,162,101,.54),rgba(60,92,42,.58))!important;border-color:rgba(242,213,143,.70)!important;color:#fff8df!important;text-shadow:0 2px 12px rgba(0,0,0,.42)!important}.hermetica-clean-footer__logo img{filter:drop-shadow(0 10px 28px rgba(0,0,0,.42)) saturate(1.08) brightness(1.08)!important}
/* END KAYLA FOOTER READABILITY PASS 2026-05-30 */

/* KAYLA MOBILE HEADER COMPACT PASS 2026-05-30 */
@media (max-width: 767px) {
  html,body{max-width:100%!important;overflow-x:hidden!important}
  #header-group{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;padding:8px!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important}
  #header-group .shopify-section,#header-group .section,#header-group .section--full-width,#header-group .section--full-width-margin{width:100%!important;max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
  #header-group header-component,#header-group .header,header-component.site-header,header.header{position:relative!important;width:100%!important;max-width:100%!important;min-height:64px!important;height:64px!important;margin:0!important;border-radius:22px!important;overflow:hidden!important;box-sizing:border-box!important}
  #header-group .header__row,#header-group .header__row--top,#header-group .header__columns{position:static!important;display:block!important;width:100%!important;max-width:100%!important;min-height:64px!important;height:64px!important;max-height:64px!important;margin:0!important;padding:0!important;overflow:visible!important;box-sizing:border-box!important}
  #header-group .header__column{position:static!important;display:block!important;min-height:0!important;height:0!important;max-height:0!important;overflow:visible!important;min-width:0!important}
  #header-group header-menu,#header-group .header-menu,#header-group .header-menu__inner,#header-group .menu-list,#header-group overflow-list,#header-group .overflow-menu{display:none!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important}
  #header-group .header__navigation-bar-row,#header-group .header__row.header__navigation-bar-row,#header-group .header__row:empty,#header-group .header__row--navigation,#header-group .header__bottom-row{display:none!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;border:0!important;overflow:hidden!important}
  #header-group .header__drawer{position:absolute!important;left:14px!important;top:12px!important;z-index:5!important;width:38px!important;height:40px!important;display:block!important;visibility:visible!important;opacity:1!important}
  #header-group .header__column--left > search-button{position:absolute!important;left:54px!important;top:12px!important;z-index:5!important;width:38px!important;height:40px!important;display:block!important;visibility:visible!important;opacity:1!important}
  #header-group .header-logo,#header-group a.header-logo{position:absolute!important;left:50%!important;top:10px!important;transform:translateX(-50%)!important;z-index:4!important;width:112px!important;min-width:112px!important;max-width:112px!important;height:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  #header-group .header-logo img,#header-group .header__heading-logo,#header-group .header__logo img,#header-group a.header-logo img{max-width:104px!important;max-height:42px!important;width:auto!important;height:auto!important;object-fit:contain!important}
  #header-group header-actions,#header-group .header-actions,#header-group .header__actions{position:absolute!important;right:8px!important;top:12px!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;min-height:40px!important;height:40px!important;max-width:112px!important;overflow:visible!important}
  #header-group a,#header-group button,#header-group summary,#header-group .header-actions__action{min-width:34px!important;width:34px!important;min-height:40px!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;flex:0 0 34px!important;visibility:visible!important;opacity:1!important}
  #header-group svg,#header-group .svg-wrapper svg,#header-group .icon{width:21px!important;height:21px!important}
  #header-group .cart-bubble,#header-group .cart-icon,#header-group cart-icon{display:inline-flex!important;visibility:visible!important;opacity:1!important}
}
/* END KAYLA MOBILE HEADER COMPACT PASS 2026-05-30 */


/* KAYLA MOBILE TRUST BAR READABILITY 2026-05-30 */
@media screen and (max-width: 749px) {
  #header-group marquee-component.kayla-trust-banner {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    display: block !important;
    background: linear-gradient(105deg, rgba(7, 23, 15, .98), rgba(21, 54, 36, .96), rgba(8, 26, 18, .98)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
  }

  #header-group marquee-component.kayla-trust-banner .marquee__wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 32px !important;
    overflow: hidden !important;
  }

  #header-group marquee-component.kayla-trust-banner .marquee__content {
    display: none !important;
  }

  #header-group marquee-component.kayla-trust-banner .marquee__wrapper::before {
    content: "MADE IN USA  +  1,000+ REVIEWS  +  TESTED";
    display: block !important;
    color: #ffffff !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    white-space: nowrap !important;
    max-width: calc(100vw - 24px) !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .62), 0 0 12px rgba(255,255,255,.18) !important;
  }

  #header-group marquee-component.kayla-trust-banner::after {
    content: none !important;
  }
}

@media screen and (max-width: 360px) {
  #header-group marquee-component.kayla-trust-banner .marquee__wrapper::before {
    content: "MADE IN USA  +  1,000+ REVIEWS";
    font-size: 9px !important;
    letter-spacing: .075em !important;
  }
}


/* KAYLA WHITE TRUST ICON PASS 2026-05-30 */
#header-group marquee-component.kayla-trust-banner .icon-block__media,
#header-group marquee-component.kayla-trust-banner img[src*="Star_4.svg"] {
  opacity: 1 !important;
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.32)) !important;
}

.khh__authority .khh__stars {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(255,255,255,.28), 0 1px 8px rgba(0,0,0,.55) !important;
}

.khh__badge-icon {
  background: rgba(255,255,255,.13) !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 0 18px rgba(255,255,255,.12) !important;
}

.khh__badge-icon::after {
  border-color: #ffffff !important;
  filter: drop-shadow(0 0 5px rgba(255,255,255,.45)) !important;
}

.hermetica-clean-footer__badges span,
.khh__usa-banner,
.khh__badge {
  border-color: rgba(255,255,255,.28) !important;
}


/* KAYLA GLOBAL GLASS MOTION PASS 2026-05-30 */
:root {
  --hsf-glass-cream: rgba(255, 252, 238, 0.48);
  --hsf-glass-cream-strong: rgba(255, 252, 238, 0.64);
  --hsf-glass-forest: rgba(7, 25, 17, 0.52);
  --hsf-glass-forest-strong: rgba(5, 20, 14, 0.72);
  --hsf-glass-border: rgba(255, 255, 255, 0.34);
  --hsf-glass-gold: rgba(226, 200, 137, 0.34);
  --hsf-ink-green: #0b2a17;
  --hsf-gold: #d7ba72;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.055) 17%, transparent 34%, rgba(214,184,122,0.055) 58%, transparent 76%),
    repeating-linear-gradient(105deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 18px);
  opacity: .55;
  mix-blend-mode: screen;
  animation: hsfGlassLightField 18s ease-in-out infinite alternate;
}

@keyframes hsfGlassLightField {
  0% { transform: translate3d(-1.5%, -1%, 0) scale(1); filter: hue-rotate(0deg); }
  100% { transform: translate3d(1.5%, 1%, 0) scale(1.02); filter: hue-rotate(8deg); }
}

.hermetica-waterfall-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.06) 43%, rgba(215,186,114,.08) 49%, rgba(255,255,255,0) 58%),
    linear-gradient(180deg, rgba(3,11,8,.12), rgba(3,11,8,.48));
  opacity: .72;
  animation: hsfWaterfallGlassSheen 14s ease-in-out infinite;
}

@keyframes hsfWaterfallGlassSheen {
  0%, 100% { transform: translateX(-5%); opacity: .52; }
  50% { transform: translateX(5%); opacity: .82; }
}

#header-group header-component#header-component,
#header-group header-component,
#header-group .header,
header-component#header-component {
  background:
    linear-gradient(110deg, rgba(255,255,246,.56), rgba(255,255,246,.28) 38%, rgba(226,200,137,.24) 64%, rgba(255,255,246,.44)),
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.16)) !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(32,52,30,.10) !important;
  backdrop-filter: blur(28px) saturate(1.42) contrast(1.04) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.42) contrast(1.04) !important;
  overflow: hidden !important;
}

#header-group header-component#header-component::before,
#header-group .header::before {
  content: "";
  position: absolute;
  inset: -60% -18%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 18%, rgba(255,255,255,.38) 46%, rgba(215,186,114,.22) 50%, transparent 68%);
  transform: translateX(-72%) rotate(1deg);
  animation: hsfHeaderPrism 9s ease-in-out infinite;
}

#header-group header-component#header-component > *,
#header-group .header > * {
  position: relative;
  z-index: 1;
}

@keyframes hsfHeaderPrism {
  0%, 22% { transform: translateX(-72%) rotate(1deg); opacity: 0; }
  42% { opacity: .75; }
  72%, 100% { transform: translateX(72%) rotate(1deg); opacity: 0; }
}

#header-group .menu-list__link,
#header-group .menu-list__link-title,
#header-group a,
#header-group summary,
#header-group button,
#header-group .svg-wrapper,
#header-group svg {
  color: var(--hsf-ink-green) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  text-shadow: 0 1px 12px rgba(255,255,255,.52) !important;
}

#header-group .menu-list__link,
#header-group .header__menu-item,
#header-group .menu-list__link-title {
  position: relative !important;
}

#header-group .menu-list__link::after,
#header-group .header__menu-item::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(23,65,36,.78), rgba(215,186,114,.92), transparent);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .36s cubic-bezier(.2,.8,.2,1), opacity .36s ease;
  opacity: 0;
}

#header-group .menu-list__link:hover::after,
#header-group .header__menu-item:hover::after {
  transform: scaleX(1);
  opacity: 1;
}

:where(.button, .btn, .shopify-payment-button__button, .product-form__submit, .quick-add__button, .shopify-challenge__button, button[type="submit"], .khh__button, .evp__button, .jmg__button, .herm-card__play, .card-products button, .product-card button, .hermetica-clean-footer__form button, a[class*="button"], a[class*="btn"]) {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,.12) 48%, rgba(215,186,114,.20)),
    linear-gradient(180deg, rgba(12,40,23,.64), rgba(22,75,36,.46)) !important;
  color: #fffdf3 !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter: blur(18px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.36) !important;
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease, background .26s ease !important;
}

:where(.button, .btn, .shopify-payment-button__button, .product-form__submit, .quick-add__button, .shopify-challenge__button, button[type="submit"], .khh__button, .evp__button, .jmg__button, .herm-card__play, .card-products button, .product-card button, .hermetica-clean-footer__form button, a[class*="button"], a[class*="btn"])::after {
  content: "";
  position: absolute;
  inset: -120% -35%;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 34%, rgba(255,255,255,.34) 48%, rgba(215,186,114,.24) 54%, transparent 68%);
  transform: translateX(-64%) rotate(4deg);
  opacity: 0;
  transition: transform .58s ease, opacity .3s ease;
}

:where(.button, .btn, .shopify-payment-button__button, .product-form__submit, .quick-add__button, .shopify-challenge__button, button[type="submit"], .khh__button, .evp__button, .jmg__button, .herm-card__play, .card-products button, .product-card button, .hermetica-clean-footer__form button, a[class*="button"], a[class*="btn"]):hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.66) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.22),
    0 0 28px rgba(215,186,114,.13),
    inset 0 1px 0 rgba(255,255,255,.52) !important;
}

:where(.button, .btn, .shopify-payment-button__button, .product-form__submit, .quick-add__button, .shopify-challenge__button, button[type="submit"], .khh__button, .evp__button, .jmg__button, .herm-card__play, .card-products button, .product-card button, .hermetica-clean-footer__form button, a[class*="button"], a[class*="btn"]):hover::after {
  transform: translateX(64%) rotate(4deg);
  opacity: 1;
}

.khh__button--primary,
.card-products button,
.product-card button,
.product-form__submit {
  background:
    linear-gradient(135deg, rgba(255,255,255,.28), rgba(196,162,101,.24) 44%, rgba(28,82,39,.58)),
    linear-gradient(180deg, rgba(40,90,32,.72), rgba(12,58,25,.68)) !important;
}

.khh__button--secondary,
.evp__button,
.jmg__button,
a[href*="journal"][class*="button"],
a[href*="expert"][class*="button"] {
  color: var(--hsf-ink-green) !important;
  text-shadow: 0 1px 12px rgba(255,255,255,.62) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,252,238,.34) 50%, rgba(215,186,114,.22)),
    rgba(255,255,255,.22) !important;
}

:where(.khh__badge, .khh__usa-banner, .evp__card, .jmg__card, .herm-card, .hermetica-clean-footer__brand, .hermetica-clean-footer__column, .product-card, .card-products .product-card, .collection-card, .resource-card, .article-card) {
  backdrop-filter: blur(20px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.25) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

@media (max-width: 767px) {
  body::before { opacity: .36; }
  #header-group header-component#header-component,
  #header-group header-component,
  #header-group .header,
  header-component#header-component {
    background:
      linear-gradient(110deg, rgba(255,255,246,.62), rgba(255,255,246,.36) 48%, rgba(226,200,137,.22)),
      rgba(255,255,255,.28) !important;
    backdrop-filter: blur(20px) saturate(1.34) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.34) !important;
  }

  :where(.button, .btn, .shopify-payment-button__button, .product-form__submit, .quick-add__button, button[type="submit"], .khh__button, .evp__button, .jmg__button, .card-products button, .product-card button) {
    min-height: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  .hermetica-waterfall-stage::after,
  #header-group header-component#header-component::before,
  #header-group .header::before,
  :where(.button, .btn, .shopify-payment-button__button, .product-form__submit, .quick-add__button, .shopify-challenge__button, button[type="submit"], .khh__button, .evp__button, .jmg__button, .herm-card__play, .card-products button, .product-card button, .hermetica-clean-footer__form button, a[class*="button"], a[class*="btn"])::after {
    animation: none !important;
    transition: none !important;
  }
}
/* END KAYLA GLOBAL GLASS MOTION PASS 2026-05-30 */


/* KAYLA MOBILE HEADER GLASS REPAIR 2026-05-30 */
@media (max-width: 767px) {
  #header-group header-component#header-component,
  #header-group header-component,
  #header-group .header,
  header-component#header-component {
    min-height: 64px !important;
    height: 64px !important;
    max-height: 64px !important;
    overflow: hidden !important;
  }

  #header-group .header__row,
  #header-group .header__row--top,
  #header-group .header__columns {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 64px !important;
    height: 64px !important;
    max-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  #header-group .header__column {
    position: static !important;
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: visible !important;
  }

  #header-group .header__drawer,
  #header-group .header__drawer summary,
  #header-group .header__drawer button {
    position: absolute !important;
    left: 14px !important;
    top: 12px !important;
    z-index: 20 !important;
    width: 38px !important;
    height: 40px !important;
    min-width: 38px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #0b2a17 !important;
  }

  #header-group search-button,
  #header-group search-button.search-action {
    display: none !important;
  }

  #header-group .header-logo,
  #header-group a.header-logo {
    position: absolute !important;
    left: 50% !important;
    top: 9px !important;
    transform: translateX(-50%) !important;
    z-index: 18 !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  #header-group .header-logo img,
  #header-group a.header-logo img,
  #header-group .header__heading-logo,
  #header-group .header__logo img {
    width: auto !important;
    max-width: 104px !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #header-group header-actions,
  #header-group .header-actions,
  #header-group .header__actions {
    position: absolute !important;
    right: 10px !important;
    top: 12px !important;
    z-index: 19 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 2px !important;
    width: auto !important;
    max-width: 94px !important;
    min-height: 40px !important;
    height: 40px !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #header-group .header-actions__action,
  #header-group header-actions a,
  #header-group header-actions button,
  #header-group header-actions summary {
    width: 30px !important;
    min-width: 30px !important;
    height: 38px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #header-group .header-actions__action .svg-wrapper,
  #header-group header-actions svg,
  #header-group .header__drawer svg {
    width: 18px !important;
    height: 18px !important;
    color: #0b2a17 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}
/* END KAYLA MOBILE HEADER GLASS REPAIR 2026-05-30 */


/* KAYLA HEADER TRANSLUCENCY TUNE 2026-05-30 */
#header-group header-component#header-component,
#header-group header-component,
#header-group .header,
header-component#header-component {
  background:
    linear-gradient(110deg, rgba(255,255,246,.38), rgba(255,255,246,.17) 38%, rgba(226,200,137,.18) 64%, rgba(255,255,246,.30)),
    linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.08)) !important;
  border-color: rgba(255,255,255,.54) !important;
  backdrop-filter: blur(30px) saturate(1.54) contrast(1.08) !important;
  -webkit-backdrop-filter: blur(30px) saturate(1.54) contrast(1.08) !important;
}

@media (max-width: 767px) {
  #header-group header-component#header-component,
  #header-group header-component,
  #header-group .header,
  header-component#header-component {
    background:
      linear-gradient(110deg, rgba(255,255,246,.42), rgba(255,255,246,.20) 48%, rgba(226,200,137,.18)),
      rgba(255,255,255,.12) !important;
    backdrop-filter: blur(24px) saturate(1.48) contrast(1.07) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.48) contrast(1.07) !important;
  }
}
/* END KAYLA HEADER TRANSLUCENCY TUNE 2026-05-30 */


/* KAYLA TOP FLUSH MARQUEE FIX 2026-05-30 */
.skip-to-content-link:not(:focus):not(:focus-visible) {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  transform: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.skip-to-content-link:focus,
.skip-to-content-link:focus-visible {
  position: fixed !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 100000 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#shopify-section-sections--22633639248092__marquee_jn49dT,
#header-group marquee-component.kayla-trust-banner {
  margin-top: 0 !important;
}
/* END KAYLA TOP FLUSH MARQUEE FIX 2026-05-30 */







/* KAYLA CART MOBILE ORDER FLOW FIX 2026-05-30
   Keeps cart/checkout entry readable and tappable on mobile. */
body:has(.cart-page) .hermetica-waterfall-stage {
  opacity: 0.22 !important;
}

body:has(.cart-page) main.content-for-layout {
  color: #112613 !important;
}

body:has(.cart-page) .section:has(.cart-page),
body:has(.cart-page) .cart-page,
body:has(.cart-page) .cart-page__items,
body:has(.cart-page) .cart-page__summary,
body:has(.cart-page) .cart-items__wrapper,
body:has(.cart-page) .cart-summary {
  color: #112613 !important;
}

body:has(.cart-page) .cart-page {
  width: min(1120px, calc(100vw - 28px)) !important;
  margin-inline: auto !important;
  padding: clamp(16px, 4vw, 34px) !important;
  border: 1px solid rgba(255, 255, 255, 0.54) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(255, 253, 246, 0.96), rgba(241, 247, 238, 0.91)) !important;
  box-shadow: 0 28px 80px -52px rgba(6, 18, 7, 0.68) !important;
  backdrop-filter: blur(22px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
}

body:has(.cart-page) .cart-page__title,
body:has(.cart-page) .cart-title,
body:has(.cart-page) .cart-items__title,
body:has(.cart-page) .cart-summary__heading,
body:has(.cart-page) .cart-summary h2,
body:has(.cart-page) .cart-summary h3 {
  color: #0b250e !important;
}

body:has(.cart-page) .cart-items__table-row {
  border-color: rgba(35, 65, 17, 0.18) !important;
}

body:has(.cart-page) .cart-items__details,
body:has(.cart-page) .cart-items__variants-wrapper,
body:has(.cart-page) .cart-items__unit-price-wrapper,
body:has(.cart-page) .cart-items__price,
body:has(.cart-page) .cart-summary,
body:has(.cart-page) .cart-summary * {
  color: #112613 !important;
}

body:has(.cart-page) .cart-items__title {
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

body:has(.cart-page) .cart-summary,
body:has(.cart-page) .cart-page__summary {
  border-radius: 18px !important;
  background: rgba(255, 255, 251, 0.86) !important;
  border: 1px solid rgba(35, 65, 17, 0.14) !important;
}

body:has(.cart-page) .cart-summary .button,
body:has(.cart-page) .cart-summary button,
body:has(.cart-page) button[name="checkout"],
body:has(.cart-page) a[href*="checkout"] {
  min-height: 52px !important;
  border-radius: 999px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 749px) {
  body:has(.cart-page) main.content-for-layout {
    padding: 0 10px 34px !important;
  }

  body:has(.cart-page) .section:has(.cart-page) {
    padding-top: 14px !important;
    padding-inline: 0 !important;
  }

  body:has(.cart-page) .cart-page {
    width: calc(100vw - 20px) !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body:has(.cart-page) .cart-page__title + .cart-page__items {
    margin-block-start: 12px !important;
  }

  body:has(.cart-page) .cart-items,
  body:has(.cart-page) .cart-items__table,
  body:has(.cart-page) .cart-items__table tbody {
    display: block !important;
    width: 100% !important;
  }

  body:has(.cart-page) .cart-items__table-row {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) minmax(62px, auto) !important;
    grid-template-areas:
      "media details price"
      "media quantity quantity"
      "media error error" !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    align-items: start !important;
    width: 100% !important;
    padding: 12px 0 14px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body:has(.cart-page) .cart-items__media,
  body:has(.cart-page) .cart-items__details,
  body:has(.cart-page) .cart-items__quantity,
  body:has(.cart-page) .cart-items__price,
  body:has(.cart-page) .cart-items__error {
    min-width: 0 !important;
  }

  body:has(.cart-page) .cart-items__media-container,
  body:has(.cart-page) .cart-items__media-image {
    width: 74px !important;
    height: 74px !important;
    max-width: 74px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }

  body:has(.cart-page) .cart-items__details,
  body:has(.cart-page) .cart-items__details.cart-primary-typography {
    display: block !important;
    grid-area: details !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body:has(.cart-page) .cart-items__product-info,
  body:has(.cart-page) .cart-items__variants-wrapper,
  body:has(.cart-page) .cart-items__unit-price-wrapper {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:has(.cart-page) .cart-items__title {
    display: -webkit-box !important;
    max-width: 100% !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    font-size: 0.96rem !important;
    line-height: 1.18 !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body:has(.cart-page) .cart-items__variants-wrapper,
  body:has(.cart-page) .cart-items__unit-price-wrapper,
  body:has(.cart-page) .cart-items__bundle,
  body:has(.cart-page) .cart-items__properties {
    margin-top: 4px !important;
    font-size: 0.78rem !important;
    line-height: 1.22 !important;
    opacity: 0.82 !important;
    overflow-wrap: anywhere !important;
  }

  body:has(.cart-page) .cart-items__price {
    grid-area: price !important;
    width: auto !important;
    min-width: 60px !important;
    text-align: right !important;
    font-size: 0.92rem !important;
    line-height: 1.2 !important;
    font-weight: 740 !important;
  }

  body:has(.cart-page) .cart-items__quantity {
    grid-area: quantity !important;
    width: 100% !important;
    margin-top: 0 !important;
    justify-content: flex-start !important;
  }

  body:has(.cart-page) .cart-items__quantity-controls {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  body:has(.cart-page) .cart-items__quantity .quantity-selector {
    --quantity-selector-width: 112px !important;
    flex: 0 0 112px !important;
    width: 112px !important;
    max-width: 112px !important;
    height: 42px !important;
    min-height: 42px !important;
    align-self: center !important;
    background: rgba(255, 255, 255, 0.92) !important;
  }

  body:has(.cart-page) .cart-items__remove {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    background: rgba(35, 65, 17, 0.12) !important;
    color: #0b250e !important;
  }

  body:has(.cart-page) .cart-page__summary,
  body:has(.cart-page) .cart-summary {
    margin-top: 18px !important;
    padding: 14px !important;
  }
}
/* END KAYLA CART MOBILE ORDER FLOW FIX 2026-05-30 */

/* KAYLA CART CHECKOUT EMERGENCY FIX 2026-05-30
   Cart-only: restores readable mobile cart items and checkout buttons. */
cart-items-component.cart-items-component > .section-background,
#shopify-section-template--22633644458204__cart-section .section-background {
  background: transparent !important;
  opacity: 0 !important;
}

cart-items-component.cart-items-component > .section,
#shopify-section-template--22633644458204__cart-section .section {
  color: #102511 !important;
  background: transparent !important;
}

cart-items-component .cart-page,
#shopify-section-template--22633644458204__cart-section .cart-page {
  width: min(1120px, calc(100vw - 28px)) !important;
  margin-inline: auto !important;
  padding: clamp(16px, 4vw, 34px) !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(255, 253, 246, 0.98), rgba(244, 249, 241, 0.96)) !important;
  box-shadow: 0 28px 80px -52px rgba(6, 18, 7, 0.68) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
  position: relative !important;
  z-index: 2 !important;
}

cart-items-component .cart-title,
cart-items-component .cart-page__title,
cart-items-component .cart-items__title,
cart-items-component .cart-items__details,
cart-items-component .cart-items__variants-wrapper,
cart-items-component .cart-items__unit-price-wrapper,
cart-items-component .cart-items__price,
cart-items-component .cart-summary,
cart-items-component .cart-summary * {
  color: #102511 !important;
}

cart-items-component .cart-items__title {
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

cart-items-component .cart-page__summary,
cart-items-component .cart-summary {
  border-radius: 18px !important;
  background: rgba(255, 255, 251, 0.92) !important;
  border: 1px solid rgba(35, 65, 17, 0.14) !important;
}

cart-items-component button[name="checkout"],
cart-items-component .cart__checkout-button {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 999px !important;
  color: #0b250e !important;
  font-weight: 760 !important;
}

@media (max-width: 749px) {
  cart-items-component.cart-items-component {
    background: transparent !important;
  }

  cart-items-component .cart-page,
  #shopify-section-template--22633644458204__cart-section .cart-page {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    padding: 14px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }

  cart-items-component .cart-page__items,
  cart-items-component .cart-items,
  cart-items-component .cart-items__wrapper,
  cart-items-component .cart-form,
  cart-items-component .cart-items__table,
  cart-items-component .cart-items__table tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  cart-items-component .cart-items__table-row {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) minmax(58px, max-content) !important;
    grid-template-areas:
      "media details price"
      "media quantity quantity"
      "media error error" !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 100% !important;
    inline-size: 100% !important;
    min-inline-size: 100% !important;
    padding: 12px 0 14px !important;
    margin: 0 !important;
    border-color: rgba(35, 65, 17, 0.18) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  cart-items-component .cart-items__table-row > td {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  cart-items-component .cart-items__media {
    grid-area: media !important;
  }

  cart-items-component .cart-items__details {
    grid-area: details !important;
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  cart-items-component .cart-items__price {
    grid-area: price !important;
    width: auto !important;
    min-width: 58px !important;
    text-align: right !important;
    font-size: 0.9rem !important;
    line-height: 1.18 !important;
    font-weight: 760 !important;
  }

  cart-items-component .cart-items__quantity {
    grid-area: quantity !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  cart-items-component .cart-items__media-container,
  cart-items-component .cart-items__media-image {
    width: 74px !important;
    height: 74px !important;
    max-width: 74px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }

  cart-items-component .cart-items__product-info,
  cart-items-component .cart-items__variants-wrapper,
  cart-items-component .cart-items__unit-price-wrapper {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  cart-items-component .cart-items__title {
    display: -webkit-box !important;
    max-width: 100% !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    font-size: 0.94rem !important;
    line-height: 1.17 !important;
    overflow-wrap: anywhere !important;
  }

  cart-items-component .cart-items__variants-wrapper,
  cart-items-component .cart-items__unit-price-wrapper {
    margin-top: 4px !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
    opacity: 0.82 !important;
  }

  cart-items-component .cart-items__quantity-controls {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  cart-items-component .cart-items__quantity .quantity-selector {
    --quantity-selector-width: 112px !important;
    flex: 0 0 112px !important;
    width: 112px !important;
    max-width: 112px !important;
    height: 42px !important;
    min-height: 42px !important;
    align-self: center !important;
    background: rgba(255, 255, 255, 0.94) !important;
  }

  cart-items-component .cart-items__remove {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    background: rgba(35, 65, 17, 0.12) !important;
    color: #0b250e !important;
  }

  cart-items-component .cart-page__summary,
  cart-items-component .cart-summary {
    margin-top: 18px !important;
    padding: 14px !important;
  }
}
/* END KAYLA CART CHECKOUT EMERGENCY FIX 2026-05-30 */

/* KAYLA CART ITEM LUXE POLISH 2026-05-30 */
cart-items-component .cart-items__error.hidden,
cart-items-component .cart-item__error.hidden,
cart-items-component td.cart-items__error.hidden {
  display: none !important;
  visibility: hidden !important;
}

@media (max-width: 749px) {
  cart-items-component .cart-items__table-row {
    padding: 14px !important;
    border: 1px solid rgba(35, 65, 17, 0.12) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(255, 255, 251, 0.94), rgba(244, 249, 239, 0.88)) !important;
    box-shadow: 0 18px 46px -36px rgba(6, 18, 7, 0.65) !important;
  }

  cart-items-component .cart-items--dividers .cart-items__table-row {
    margin-bottom: 12px !important;
  }

  cart-items-component .cart-items__media-container,
  cart-items-component .cart-items__media-image {
    box-shadow: 0 10px 24px -18px rgba(6, 18, 7, 0.56) !important;
  }

  cart-items-component .cart-items__title {
    font-size: 0.98rem !important;
    line-height: 1.14 !important;
  }

  cart-items-component .cart-items__variants-wrapper,
  cart-items-component .cart-items__unit-price-wrapper {
    color: rgba(16, 37, 17, 0.78) !important;
  }

  cart-items-component .cart-items__quantity .quantity-selector,
  cart-items-component .cart-items__remove {
    box-shadow: 0 10px 24px -20px rgba(6, 18, 7, 0.62) !important;
  }
}
/* END KAYLA CART ITEM LUXE POLISH 2026-05-30 */

/* KAYLA EXPENSIVE BRAND SYSTEM 2026-05-30
   Existing surfaces only: luxury polish, brand watermarking, restrained motion. */
:root {
  --hsf-luxury-cream: #fffdf7;
  --hsf-luxury-paper: #f8f6ec;
  --hsf-luxury-forest: #08220e;
  --hsf-luxury-forest-2: #123018;
  --hsf-luxury-gold: #c4a265;
  --hsf-luxury-border: rgba(196, 162, 101, 0.26);
  --hsf-luxury-glass: rgba(255, 253, 247, 0.78);
  --hsf-luxury-shadow: 0 24px 80px -58px rgba(4, 14, 7, 0.84);
  --hsf-luxury-logo: url('https://cdn.shopify.com/s/files/1/0699/5751/7532/files/hermetica-logo-official-gold.png?v=1773763315');
}

body {
  background-color: #07110f !important;
}

main.content-for-layout {
  isolation: isolate;
}

header-component#header-component {
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 251, 0.92), rgba(245, 240, 219, 0.74) 52%, rgba(255, 253, 247, 0.9)),
    radial-gradient(circle at 50% 0%, rgba(196, 162, 101, 0.2), transparent 42%) !important;
  box-shadow: 0 24px 70px -52px rgba(3, 13, 7, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  overflow: hidden !important;
}

header-component#header-component::before {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(112deg, transparent 0%, rgba(255, 255, 255, 0.34) 45%, transparent 58%);
  opacity: 0.62;
  transform: translateX(-115%);
}

.header-logo__image {
  filter: drop-shadow(0 10px 18px rgba(61, 43, 10, 0.18)) !important;
  transform-origin: center !important;
}

header span.menu-list__link-title {
  position: relative !important;
  color: var(--hsf-luxury-forest) !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

header span.menu-list__link-title::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -8px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--hsf-luxury-gold), transparent);
  opacity: 0;
  transform: scaleX(0.25);
  transform-origin: center;
  transition: opacity 260ms ease, transform 360ms cubic-bezier(.16, 1, .3, 1);
}

header span.menu-list__link-title:hover::after,
header a:focus-visible span.menu-list__link-title::after {
  opacity: 1;
  transform: scaleX(1);
}

.header-actions__action,
button.header-actions__action,
.header__icon,
search-button.search-action,
cart-drawer-component.cart-drawer {
  transition: transform 240ms ease, background-color 240ms ease, box-shadow 240ms ease !important;
}

.header-actions__action:hover,
button.header-actions__action:hover,
.header__icon:hover,
search-button.search-action:hover,
cart-drawer-component.cart-drawer:hover {
  transform: translateY(-1px) !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 12px 26px -20px rgba(6, 18, 7, 0.68) !important;
}

.hero-wrapper:first-child .hero__container,
.hero__container.spacing-style.section.section--full-width {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 34px 90px -66px rgba(0,0,0,0.9) !important;
}

.hero-wrapper:first-child .hero__container::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 22%, rgba(255,255,255,0.1), transparent 32%);
}

:is(.product-information, .product-media-container, .product-card, .cart-page, .cart-summary, .footer, .shopify-section .section:has(.product-card)) {
  position: relative;
}

.product-information::before,
.cart-page::before,
.footer::before {
  content: "";
  position: absolute;
  pointer-events: none;
  background-image: var(--hsf-luxury-logo);
  background-repeat: no-repeat;
  background-size: min(260px, 42vw) auto;
  background-position: right 24px top 22px;
  opacity: 0.055;
  inset: 0;
  z-index: 0;
}

.product-information > *,
.cart-page > *,
.footer > * {
  position: relative;
  z-index: 1;
}

.product-card,
.collection-card,
.resource-card {
  border-color: rgba(196, 162, 101, 0.22) !important;
  background: linear-gradient(145deg, rgba(255,255,251,0.9), rgba(243,248,241,0.76)) !important;
  box-shadow: 0 20px 58px -46px rgba(3, 13, 7, 0.72) !important;
  transition: transform 360ms cubic-bezier(.16, 1, .3, 1), box-shadow 360ms ease, border-color 360ms ease !important;
}

.product-card:hover,
.collection-card:hover,
.resource-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(196, 162, 101, 0.46) !important;
  box-shadow: 0 30px 72px -48px rgba(3, 13, 7, 0.78) !important;
}

.product-card img,
.collection-card img,
.resource-card img,
.product-media-container img {
  transition: transform 520ms cubic-bezier(.16, 1, .3, 1), filter 520ms ease !important;
}

.product-card:hover img,
.collection-card:hover img,
.resource-card:hover img {
  transform: scale(1.018) !important;
  filter: saturate(1.03) contrast(1.02) !important;
}

.button,
button.shopify-payment-button__button--unbranded,
button[type="submit"][name="add"],
.product-form-buttons button[type="submit"],
add-to-cart-component button,
.cart__checkout-button {
  position: relative !important;
  overflow: hidden !important;
  letter-spacing: 0 !important;
}

.button::after,
button[type="submit"][name="add"]::after,
.product-form-buttons button[type="submit"]::after,
add-to-cart-component button::after,
.cart__checkout-button::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.28) 48%, transparent 60%);
  transform: translateX(-120%);
  opacity: 0;
}

.button:hover::after,
button[type="submit"][name="add"]:hover::after,
.product-form-buttons button[type="submit"]:hover::after,
add-to-cart-component button:hover::after,
.cart__checkout-button:hover::after {
  opacity: 1;
  transform: translateX(120%);
  transition: transform 720ms cubic-bezier(.16, 1, .3, 1), opacity 220ms ease;
}

.product-information h1,
.hero-wrapper:first-child h1,
.hero-wrapper:first-child .h1 {
  text-wrap: balance;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  header-component#header-component:hover::before {
    animation: hsf-luxury-sheen 1.4s cubic-bezier(.16, 1, .3, 1) both;
  }

  .header-logo__image:hover {
    animation: hsf-logo-breathe 1.8s ease both;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-wrapper:first-child .customer-reviews,
  .hero-wrapper:first-child .mobile-proof-stack,
  .hero-wrapper:first-child .hero-sec-button-first,
  .hero-wrapper:first-child .hero-sec-button-sec,
  .product-card,
  .product-information,
  .product-media-container {
    animation: hsf-luxury-rise 620ms cubic-bezier(.16, 1, .3, 1) both;
  }

  .product-card:nth-child(2n) { animation-delay: 60ms; }
  .product-card:nth-child(3n) { animation-delay: 120ms; }
}

@keyframes hsf-luxury-rise {
  from { opacity: 0; transform: translateY(10px); filter: blur(2px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes hsf-luxury-sheen {
  from { transform: translateX(-115%); }
  to { transform: translateX(115%); }
}

@keyframes hsf-logo-breathe {
  0% { transform: translateY(0) scale(1); }
  45% { transform: translateY(-1px) scale(1.018); }
  100% { transform: translateY(0) scale(1); }
}

@media (max-width: 749px) {
  header-component#header-component {
    margin-top: 0 !important;
    border-radius: 0 0 20px 20px !important;
  }

  .product-information::before,
  .cart-page::before,
  .footer::before {
    background-size: 150px auto;
    background-position: right 14px top 16px;
    opacity: 0.045;
  }

  .product-card,
  .collection-card,
  .resource-card {
    box-shadow: 0 16px 42px -36px rgba(3, 13, 7, 0.7) !important;
  }
}
/* END KAYLA EXPENSIVE BRAND SYSTEM 2026-05-30 */

/* KAYLA SCIENCE VIDEO MASK REMOVAL + MOTION STAGE 2026-05-30
   Removes the forced white circular crop so the falling gummies read as product motion,
   then uses blend/depth to let the rainforest scene breathe through the video background. */
.science-section .image-center,
.science-section .science-mobile {
  isolation: isolate !important;
}

.science-section .image-center video.science-video,
.science-section .science-mobile video.science-video {
  border-radius: 0 !important;
  clip-path: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background: transparent !important;
  mix-blend-mode: multiply;
  filter: saturate(1.16) contrast(1.06);
  box-shadow: none !important;
}

.science-section .image-center video.science-video {
  width: min(660px, 45vw) !important;
  max-width: 100% !important;
  height: auto !important;
}

.science-section .science-mobile video.science-video {
  width: min(92vw, 430px) !important;
  max-width: 100% !important;
  height: auto !important;
  margin-inline: auto !important;
}

.science-section .image-center::before,
.science-section .image-center::after,
.science-section .science-mobile::before,
.science-section .science-mobile::after {
  border-radius: 0 !important;
}

@media (prefers-reduced-motion: no-preference) {
  .science-section .image-center video.science-video,
  .science-section .science-mobile video.science-video {
    animation: hsf-gummy-stage-float 5.8s ease-in-out infinite;
    transform-origin: 50% 58%;
  }
}

@keyframes hsf-gummy-stage-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.012); }
}

.science-section .gummy-motion-stage {
  --gummy-size: clamp(18px, 3vw, 34px);
  position: relative;
  width: min(560px, 44vw);
  aspect-ratio: 1 / 1.05;
  margin-inline: auto;
  overflow: visible;
  filter: drop-shadow(0 28px 42px rgba(4, 14, 8, 0.24));
}

.science-section .gummy-motion-stage + video.science-video {
  display: none !important;
}

.science-section .gummy-drop,
.science-section .gummy-pile::before,
.science-section .gummy-pile::after {
  position: absolute;
  display: block;
  width: var(--gummy-size);
  height: calc(var(--gummy-size) * 0.9);
  border-radius: 48% 52% 44% 56% / 48% 44% 56% 52%;
  background:
    radial-gradient(circle at 32% 23%, rgba(255,255,255,0.38), transparent 20%),
    radial-gradient(circle at 70% 74%, rgba(35, 4, 38, 0.48), transparent 45%),
    linear-gradient(145deg, #9a2f86 0%, #5a155d 48%, #27112b 100%);
  box-shadow:
    inset -8px -10px 16px rgba(27, 5, 32, 0.36),
    inset 5px 5px 10px rgba(255,255,255,0.16),
    0 15px 24px rgba(36, 8, 42, 0.24);
}

.science-section .gummy-drop {
  left: calc(50% + var(--x, 0px));
  top: -12%;
  transform: translate(-50%, 0) rotate(var(--r, 0deg));
  opacity: 0;
  animation: hsf-gummy-fall 3.8s cubic-bezier(.2,.82,.18,1) infinite;
  animation-delay: var(--d, 0s);
}

.science-section .gummy-drop--1 { --x: -38px; --r: -18deg; --d: 0s; }
.science-section .gummy-drop--2 { --x: 32px; --r: 22deg; --d: .42s; }
.science-section .gummy-drop--3 { --x: -8px; --r: 8deg; --d: .84s; }
.science-section .gummy-drop--4 { --x: 52px; --r: -26deg; --d: 1.26s; }
.science-section .gummy-drop--5 { --x: -54px; --r: 31deg; --d: 1.68s; }
.science-section .gummy-drop--6 { --x: 8px; --r: -12deg; --d: 2.1s; }
.science-section .gummy-drop--7 { --x: -24px; --r: 18deg; --d: 2.52s; }

.science-section .gummy-tin {
  position: absolute;
  left: 50%;
  bottom: 12%;
  width: 48%;
  height: 18%;
  transform: translateX(-50%);
  border-radius: 50% 50% 18px 18px / 34% 34% 18px 18px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,0.96) 0 44%, rgba(226,225,218,0.82) 45% 58%, transparent 59%),
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(211,214,204,0.82));
  border: 1px solid rgba(255,255,255,0.64);
  box-shadow:
    inset 0 14px 16px rgba(255,255,255,0.72),
    inset 0 -16px 20px rgba(116,122,104,0.16),
    0 20px 34px rgba(7, 14, 9, 0.22);
}

.science-section .gummy-pile {
  position: absolute;
  left: 50%;
  bottom: 18.5%;
  width: 36%;
  height: 8%;
  transform: translateX(-50%);
  border-radius: 999px;
  background:
    radial-gradient(circle at 18% 55%, #3b163f 0 10%, transparent 11%),
    radial-gradient(circle at 34% 38%, #6c1e68 0 12%, transparent 13%),
    radial-gradient(circle at 52% 58%, #2c112e 0 12%, transparent 13%),
    radial-gradient(circle at 70% 42%, #7d2774 0 11%, transparent 12%),
    radial-gradient(circle at 84% 62%, #331033 0 10%, transparent 11%);
  filter: drop-shadow(0 10px 12px rgba(23, 5, 28, 0.18));
}

.science-section .gummy-pile::before {
  content: "";
  left: 28%;
  top: -35%;
  transform: rotate(-14deg) scale(0.78);
}

.science-section .gummy-pile::after {
  content: "";
  right: 18%;
  top: -42%;
  transform: rotate(18deg) scale(0.72);
}

@keyframes hsf-gummy-fall {
  0% { opacity: 0; transform: translate(-50%, -18%) rotate(var(--r, 0deg)) scale(0.92); }
  12% { opacity: 1; }
  72% { opacity: 1; transform: translate(-50%, 380%) rotate(calc(var(--r, 0deg) + 118deg)) scale(1); }
  86%, 100% { opacity: 0; transform: translate(-50%, 430%) rotate(calc(var(--r, 0deg) + 150deg)) scale(0.86); }
}

@media (max-width: 767px) {
  .science-section .gummy-motion-stage {
    --gummy-size: clamp(19px, 7vw, 30px);
    width: min(92vw, 380px);
    margin-top: 10px;
  }
}

/* KAYLA TRUST/PROOF SECTION READABILITY 2026-05-30 */
.cert3__headline p {
  margin: 0 !important;
}

.cert3__headline em {
  color: #c4a265 !important;
}

.cert3__badge .cert3__sub,
.trust-strip--proof .trust-badge__micro {
  text-wrap: balance;
}

@media (max-width: 560px) {
  .cert3__proof-pill {
    min-height: 32px !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.08em !important;
  }
}

/* KAYLA PRODUCT TRUST STRIP ICON SIZE FIX 2026-05-30 */
.trust-strip--proof .trust-badge__icon {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  flex: 0 0 34px !important;
  border-radius: 999px !important;
  font-size: 0.92rem !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
}

.trust-strip--proof .trust-badge__label,
.trust-strip--proof .trust-badge__micro {
  position: relative !important;
  z-index: 1 !important;
}

/* KAYLA BUTTON CLARITY SYSTEM 2026-05-30
   Distinguishes primary purchase actions from secondary navigation, product recs,
   quantity controls, and accelerated checkout buttons. */
:root {
  --hsf-action-green: #12310f;
  --hsf-action-green-2: #1f4217;
  --hsf-action-gold: #c4a265;
  --hsf-action-ivory: #fffdf6;
  --hsf-action-ink: #102013;
}

.button,
a.button,
button.button,
.khh__button,
.khh__button-primary,
.khh__button-secondary,
.fp-card__atc-btn,
.fp-card__buy-now-btn,
.product-form-buttons button[type="submit"],
add-to-cart-component button,
.cart__checkout-button,
button[name="checkout"],
input[name="checkout"],
.jnx-action,
.evp-button,
.evg-button,
.shopify-payment-button__more-options {
  min-height: 48px !important;
  border-radius: 8px !important;
  font-family: var(--font-body--family, Inter, sans-serif) !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none;
}

.khh__button-primary,
.product-form-buttons button[type="submit"],
add-to-cart-component button,
.cart__checkout-button,
button[name="checkout"],
input[name="checkout"],
.shopify-payment-button__more-options {
  border: 1px solid color-mix(in srgb, var(--hsf-action-gold) 48%, #fff) !important;
  background: linear-gradient(180deg, var(--hsf-action-green-2), var(--hsf-action-green)) !important;
  color: #fffdf6 !important;
}

.khh__button-primary *,
.product-form-buttons button[type="submit"] *,
add-to-cart-component button *,
.cart__checkout-button *,
button[name="checkout"] *,
input[name="checkout"] * {
  color: #fffdf6 !important;
  fill: #fffdf6 !important;
  stroke: #fffdf6 !important;
}

.khh__button-secondary,
.jnx-action,
.evp-button,
.evg-button,
.button--secondary,
a.button[href*="/blogs"],
a.button[href*="/pages"],
a.button[href*="/collections"]:not(.khh__button-primary) {
  border: 1px solid rgba(18, 49, 15, 0.24) !important;
  background: rgba(255, 253, 246, 0.72) !important;
  color: var(--hsf-action-ink) !important;
}

.fp-card__atc-btn,
.fp-card__buy-now-btn,
.product-card button,
.product-card .button,
.cart-page .product-card button,
.cart-page .product-card .button {
  min-height: 40px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(18, 49, 15, 0.28) !important;
  background: rgba(255, 253, 246, 0.82) !important;
  color: var(--hsf-action-ink) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.08em !important;
}

.cart__checkout-button,
button[name="checkout"],
input[name="checkout"] {
  width: 100% !important;
  min-height: 54px !important;
  font-size: 0.9rem !important;
  color: #fffdf6 !important;
}

.cart__checkout-button::after,
button[name="checkout"]::after {
  content: "  →";
  color: inherit;
}

.cart-items__quantity,
.cart-item__quantity,
quantity-selector,
.quantity-selector,
.quantity-selector__wrapper {
  max-width: max-content !important;
}

.quantity-selector,
.quantity-selector__wrapper,
.cart-items__quantity-wrapper,
.cart-item__quantity-wrapper {
  border-radius: 999px !important;
  background: rgba(255, 253, 246, 0.9) !important;
  border: 1px solid rgba(18, 49, 15, 0.16) !important;
}

.quantity-selector button,
.quantity-selector__button,
button[name="minus"],
button[name="plus"] {
  min-width: 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #fffdf6 !important;
  color: var(--hsf-action-green) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.quantity-selector input,
.quantity-selector__input {
  min-width: 36px !important;
  color: var(--hsf-action-ink) !important;
  font-weight: 800 !important;
}

header-component a[href*="/cart"],
header-component a[href*="/account"],
header-component button,
header-component summary,
header-component .header-actions__action {
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 999px !important;
}

header-component a[href*="/cart"],
header-component a[href*="/account"],
header-component .header-actions__action {
  background: rgba(255, 253, 246, 0.46) !important;
  border: 1px solid rgba(18, 49, 15, 0.10) !important;
}

@media (max-width: 749px) {
  .khh__button,
  .khh__button-primary,
  .khh__button-secondary,
  .product-form-buttons button[type="submit"],
  add-to-cart-component button,
  .cart__checkout-button,
  button[name="checkout"],
  input[name="checkout"] {
    width: 100% !important;
  }

  .cart-page .product-card,
  .cart-page .product-card-wrapper,
  .cart-page .fp-card {
    opacity: 0.78;
  }
}

/* KAYLA ULTRA-CLEAN BUYING FLOW 2026-05-30
   Simple hierarchy: proof reads as proof, purchase reads as purchase, recs stay quiet. */
.product-information .ptags-wrap,
.product-details .ptags-wrap,
.ptags-wrap {
  margin-top: 4px !important;
}

.product-information .ptags-list,
.product-details .ptags-list,
.ptags-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}

.product-information .ptags-pill,
.product-details .ptags-pill,
.ptags-pill {
  min-height: 26px !important;
  padding: 5px 9px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(18, 49, 15, 0.055) !important;
  color: rgba(16, 32, 19, 0.74) !important;
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  text-transform: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.product-information .ptags-pill::before,
.product-details .ptags-pill::before,
.ptags-pill::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 6px;
  border-radius: 999px;
  background: var(--hsf-action-gold);
  vertical-align: middle;
}

.product-information .product-title h1,
.product-information h1,
.product-title h1 {
  color: var(--hsf-action-ink) !important;
  font-size: clamp(2.38rem, 1.85rem + 2vw, 4rem) !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
}

.product-information .loox-rating,
.product-information [class*="loox-rating"],
.product-information .jdgm-widget,
.product-information [data-rating] {
  margin-top: 2px !important;
}

.product-information .shopify-payment-button {
  margin-top: 10px !important;
}

.product-information .shopify-payment-button__button,
.product-information shopify-accelerated-checkout,
.product-information shopify-accelerated-checkout *,
.cart-page shopify-accelerated-checkout-cart,
.cart-page shopify-accelerated-checkout-cart * {
  border-radius: 8px !important;
}

body:has(.cart-page) .cart-page {
  gap: 18px !important;
}

body:has(.cart-page) .cart-page__items,
body:has(.cart-page) .cart-page__summary,
body:has(.cart-page) .cart-summary {
  border-radius: 8px !important;
}

body:has(.cart-page) .cart-page h3,
body:has(.cart-page) .cart-page [class*="recommend"] h3,
body:has(.cart-page) .cart-page [class*="related"] h3 {
  color: rgba(16, 32, 19, 0.56) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body:has(.cart-page) .cart-page product-card,
body:has(.cart-page) .cart-page .product-card,
body:has(.cart-page) .cart-page .product-card-wrapper,
body:has(.cart-page) .cart-page product-card-link {
  border-radius: 8px !important;
  box-shadow: none !important;
}

body:has(.cart-page) .cart-page product-card button,
body:has(.cart-page) .cart-page .product-card button,
body:has(.cart-page) .cart-page .quick-add__button {
  min-height: 36px !important;
  background: transparent !important;
  border: 1px solid rgba(18, 49, 15, 0.18) !important;
  color: rgba(16, 32, 19, 0.72) !important;
  font-size: 0.62rem !important;
}

body:has(.cart-page) .shopify-payment-button,
body:has(.cart-page) shopify-accelerated-checkout-cart {
  margin-top: 10px !important;
}

body:has(.cart-page) .dynamic-checkout__content,
body:has(.cart-page) [data-shopify="payment-button"] {
  clear: both !important;
}

@media (max-width: 749px) {
  .product-information .ptags-list,
  .product-details .ptags-list,
  .ptags-list {
    max-height: 64px !important;
    overflow: hidden !important;
  }

  .product-information .ptags-pill:nth-child(n+5),
  .product-details .ptags-pill:nth-child(n+5),
  .ptags-pill:nth-child(n+5) {
    display: none !important;
  }

  .product-information .product-details,
  .product-information [class*="product-detail"] {
    gap: 16px !important;
  }

  body:has(.cart-page) .cart-page product-card:nth-of-type(n+3),
  body:has(.cart-page) .cart-page .product-card:nth-of-type(n+3),
  body:has(.cart-page) .cart-page product-card-link:nth-of-type(n+3) {
    display: none !important;
  }
}

/* KAYLA SIMPLE SUPPLEMENT SHOP FLOW 2026-05-30
   Ultra-minimal buying path: clear hero CTA, clear product claims, clean cart. */
.khh__actions .khh__button--primary {
  border: 1px solid color-mix(in srgb, var(--hsf-action-gold) 56%, #fff) !important;
  background: linear-gradient(180deg, var(--hsf-action-green-2), var(--hsf-action-green)) !important;
  color: #fffdf6 !important;
}

.khh__actions .khh__button--secondary {
  border: 1px solid rgba(255, 253, 246, 0.42) !important;
  background: rgba(255, 253, 246, 0.14) !important;
  color: #fffdf6 !important;
}

.khh__actions .khh__button--primary {
  font-size: 0 !important;
}

.khh__actions .khh__button--primary::before {
  content: "Shop Now";
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
}

body:has(.cart-page) #shopify-section-template--22633644458204__product_list_NNFgcy,
body:has(.cart-page) .ui-test-product-list,
body:has(.cart-page) [data-testid="product-list"] {
  display: none !important;
}

body:has(.cart-page) .cart-page {
  max-width: min(100%, 980px) !important;
  margin-inline: auto !important;
}

cart-items-component .cart-items__title,
cart-items-component .cart-items__details *,
cart-items-component .cart-page__title *,
cart-items-component .cart-summary *,
body:has(.cart-page) .cart-page * {
  letter-spacing: 0 !important;
}

cart-items-component .cart-items__title,
cart-items-component .cart-item__title,
cart-items-component .cart-items__details a,
cart-items-component .cart-items__details p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html.hermetica-product .hush-recommend-banner {
  font-size: 0 !important;
}

html.hermetica-product .hush-recommend-banner::before {
  content: "Top Rated Daily Superfood Formula";
  font-size: 0.72rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html.hermetica-product--hush .hush-recommend-banner::before {
  content: "Top Rated Sleep Gummies";
}

html.hermetica-product--deva .hush-recommend-banner::before {
  content: "Top Rated Shilajit Gummies";
}

html.hermetica-product--bluecrush .hush-recommend-banner::before {
  content: "Top Rated Marine Collagen Gummies";
}

html.hermetica-product--cozy .hush-recommend-banner::before {
  content: "Top Rated Adaptogenic Chai";
}

html.hermetica-product--meru .hush-recommend-banner::before {
  content: "Top Rated Shilajit Tablets";
}

html.hermetica-product--hush .product-dynamic-eyebrow p {
  font-size: 0 !important;
}

html.hermetica-product--hush .product-dynamic-eyebrow p::before {
  content: "Top Rated Sleep Gummies";
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 749px) {
  .khh__body {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  .khh__badges {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .khh__badge:nth-child(n+4),
  .khh__metrics {
    display: none !important;
  }

  body:has(.cart-page) .cart-page__title h1,
  body:has(.cart-page) .cart-page__title * {
    font-size: clamp(2rem, 12vw, 3.4rem) !important;
    line-height: 0.92 !important;
  }

  body:has(.cart-page) .cart-items__wrapper {
    padding-inline: 14px !important;
  }

  body:has(.cart-page) .cart-items__table-row,
  body:has(.cart-page) tr.cart-items__table-row {
    display: grid !important;
    grid-template-columns: 70px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }

  body:has(.cart-page) .cart-items__media-container {
    width: 70px !important;
    max-width: 70px !important;
  }

  body:has(.cart-page) .cart-items__details {
    min-width: 0 !important;
  }

  body:has(.cart-page) .cart-items__quantity {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 10px !important;
  }
}