/* Amino Club-inspired Prism redesign test.
   Isolated preview CSS only. Do not deploy without Isaac approval. */

:root {
  --amino-ink: #101418;
  --amino-muted: #5e6875;
  --amino-line: #e8edf1;
  --amino-mint: #c9f6e6;
  --amino-lilac: #eee4ff;
  --amino-sky: #dff3ff;
  --amino-cream: #fbf7ee;
  --amino-green: #1f8f67;
  --amino-button: #111827;
  --amino-shadow: 0 24px 70px rgba(16, 24, 40, .10);
}

html,
body {
  background: #ffffff !important;
  color: var(--amino-ink) !important;
}

body {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(201, 246, 230, .55), transparent 28%),
    radial-gradient(circle at 84% 16%, rgba(238, 228, 255, .75), transparent 28%),
    radial-gradient(circle at 48% 0%, rgba(223, 243, 255, .65), transparent 32%) !important;
  font-family: 'Albert Sans', 'Helvetica Neue', sans-serif !important;
}

.test-preview-ribbon {
  position: sticky;
  top: 0;
  z-index: 300;
  width: 100%;
  padding: 8px 16px;
  background: #101418;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nav,
.nav--landing {
  background: rgba(255, 255, 255, .84) !important;
  color: var(--amino-ink) !important;
  border-bottom: 1px solid rgba(16, 20, 24, .08) !important;
  box-shadow: 0 12px 30px rgba(16, 24, 40, .05) !important;
  backdrop-filter: blur(18px);
}

.nav__logo-icon,
.nav__logo-text,
.nav__logo-sub,
.nav__link,
.nav__icon-btn {
  color: var(--amino-ink) !important;
}

.nav__link {
  font-weight: 750 !important;
  font-size: 14px !important;
  opacity: .78;
}

.nav__link:hover,
.nav__icon-btn:hover {
  color: var(--amino-green) !important;
  background: rgba(31, 143, 103, .08) !important;
}

.news-marquee,
.disclaimer-marquee {
  background: #101418 !important;
  color: #fff !important;
}

.landing,
.best-two,
.lab-trust,
.why-prism,
.affiliate-section,
.site-footer {
  background: transparent !important;
  color: var(--amino-ink) !important;
}

.landing__hero {
  min-height: 640px !important;
  padding: 70px 20px 54px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden;
}

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

.landing__hero-inner {
  max-width: 1080px !important;
  width: min(1080px, 100%) !important;
  margin: 0 auto !important;
  padding: clamp(32px, 6vw, 72px) !important;
  text-align: center !important;
  border-radius: 42px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.72)),
    radial-gradient(circle at 18% 22%, rgba(201,246,230,.85), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(238,228,255,.85), transparent 30%) !important;
  box-shadow: var(--amino-shadow) !important;
  border: 1px solid rgba(16, 20, 24, .08) !important;
}

.landing__logo--wordmark {
  width: clamp(220px, 36vw, 360px) !important;
  height: auto !important;
  margin: 0 auto 22px !important;
  filter: drop-shadow(0 10px 24px rgba(16, 24, 40, .08));
}

.landing__headline {
  max-width: 820px !important;
  margin: 0 auto 20px !important;
  color: var(--amino-ink) !important;
  font-family: 'Albert Sans', 'Helvetica Neue', sans-serif !important;
  font-size: clamp(48px, 8.4vw, 96px) !important;
  line-height: .92 !important;
  letter-spacing: -.07em !important;
  font-weight: 900 !important;
}

.landing__desc,
.landing__desc--hero {
  max-width: 720px !important;
  margin: 22px auto 0 !important;
  color: var(--amino-muted) !important;
  font-size: clamp(16px, 2vw, 20px) !important;
  line-height: 1.62 !important;
  font-weight: 550 !important;
}

.landing__ctas {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.landing__btn,
.lab-trust__cta,
.best-two__browse-btn,
.best-two__cta {
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
  box-shadow: none !important;
}

.landing__btn--primary,
.lab-trust__cta,
.best-two__browse-btn {
  background: var(--amino-button) !important;
  color: #fff !important;
  border: 1px solid var(--amino-button) !important;
}

.landing__btn--secondary,
.lab-trust__cta--secondary,
.best-two__cta {
  background: #fff !important;
  color: var(--amino-ink) !important;
  border: 1px solid rgba(16, 20, 24, .14) !important;
}

.amino-guarantee-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 34px auto 0;
  max-width: 900px;
}

.amino-guarantee-card {
  min-height: 116px;
  padding: 22px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid rgba(16, 20, 24, .08);
  box-shadow: 0 18px 42px rgba(16, 24, 40, .06);
  text-align: left;
}

.amino-guarantee-card:nth-child(1) { background: linear-gradient(180deg, #fff, var(--amino-mint)); }
.amino-guarantee-card:nth-child(2) { background: linear-gradient(180deg, #fff, var(--amino-lilac)); }
.amino-guarantee-card:nth-child(3) { background: linear-gradient(180deg, #fff, var(--amino-sky)); }

.amino-guarantee-card strong {
  display: block;
  color: var(--amino-ink);
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: -.03em;
}

.amino-guarantee-card span {
  display: block;
  color: var(--amino-muted);
  margin-top: 8px;
  font-size: 14px;
  font-weight: 650;
}

.lab-trust--compact {
  padding: 72px 20px !important;
}

.lab-trust__inner,
.best-two__inner,
.why-prism__inner,
.affiliate-section__inner {
  max-width: 1180px !important;
}

.lab-trust__inner {
  border-radius: 38px !important;
  background: #fff !important;
  border: 1px solid rgba(16, 20, 24, .08) !important;
  box-shadow: var(--amino-shadow) !important;
  padding: clamp(28px, 5vw, 54px) !important;
}

.section-eyebrow,
.lab-trust__eyebrow,
.best-two__eyebrow {
  color: var(--amino-green) !important;
  font-family: 'Albert Sans', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}

.lab-trust__title,
.best-two__title,
.why-prism__title,
.affiliate-section__title {
  color: var(--amino-ink) !important;
  font-family: 'Albert Sans', 'Helvetica Neue', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -.055em !important;
  line-height: .98 !important;
}

.lab-trust__text,
.why-prism__subtitle,
.affiliate-section__text,
.best-two__subtitle {
  color: var(--amino-muted) !important;
}

.lab-trust__stat,
.why-prism__card {
  background: #f8faf9 !important;
  border: 1px solid rgba(16, 20, 24, .08) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
}

.lab-trust__stat-value,
.lab-trust__stat-label,
.why-prism__card-title,
.why-prism__card-text {
  color: var(--amino-ink) !important;
}

.lab-trust__photo,
.lab-trust__slideshow {
  border-radius: 34px !important;
  overflow: hidden;
}

.best-two {
  padding: 80px 20px !important;
}

.best-two__header {
  text-align: left !important;
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.best-two__title {
  max-width: 720px !important;
  font-size: clamp(34px, 5vw, 64px) !important;
}

.best-two__grid {
  gap: 20px !important;
}

.best-two__card {
  background: #fff !important;
  border: 1px solid rgba(16, 20, 24, .08) !important;
  border-radius: 30px !important;
  box-shadow: 0 18px 48px rgba(16, 24, 40, .08) !important;
  overflow: hidden !important;
  min-height: 390px !important;
}

.best-two__card:nth-child(3n + 1) .best-two__vial-area { background: linear-gradient(160deg, #ffffff, var(--amino-mint)) !important; }
.best-two__card:nth-child(3n + 2) .best-two__vial-area { background: linear-gradient(160deg, #ffffff, var(--amino-lilac)) !important; }
.best-two__card:nth-child(3n + 3) .best-two__vial-area { background: linear-gradient(160deg, #ffffff, var(--amino-sky)) !important; }

.best-two__vial-area {
  border-radius: 24px !important;
  margin: 12px !important;
}

.best-two__vial-img {
  filter: drop-shadow(0 24px 30px rgba(16, 24, 40, .15)) !important;
}

.best-two__name {
  color: var(--amino-ink) !important;
  font-family: 'Albert Sans', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
}

.site-footer {
  background: #101418 !important;
  color: #fff !important;
}

.site-footer * {
  color: inherit !important;
}

@media (max-width: 820px) {
  .landing__hero { padding: 42px 14px !important; min-height: auto !important; }
  .landing__hero-inner { border-radius: 30px !important; padding: 30px 18px !important; }
  .landing__headline { font-size: clamp(42px, 13vw, 66px) !important; }
  .landing__ctas { flex-direction: column !important; }
  .landing__btn { width: 100% !important; }
  .amino-guarantee-strip { grid-template-columns: 1fr; }
  .best-two__header { display: block !important; text-align: center !important; }
  .best-two__title { margin: 0 auto !important; }
}


/* Full front-site Amino-style extension: catalog, product, bundle, COA, cart, checkout, static content. */
#appContent {
  background: transparent !important;
}

.catalog-wrap,
.product-detail,
.bundle-detail,
.checkout,
.ck-page,
.coa-page,
.about-page,
.faq-page,
.support-page,
.contact-page,
.research-page,
.info-page,
.page,
.legal-page {
  background:
    radial-gradient(circle at 10% 0%, rgba(201,246,230,.42), transparent 26%),
    radial-gradient(circle at 90% 8%, rgba(238,228,255,.54), transparent 28%),
    #ffffff !important;
  color: var(--amino-ink) !important;
}

.catalog-wrap {
  padding: 38px 20px 88px !important;
}

.catalog-layout {
  max-width: 1280px !important;
  margin: 0 auto !important;
  gap: 28px !important;
  align-items: start !important;
}

.filters,
.catalog-sidebar,
.catalog__header,
.catalog-sidebar__section,
.catalog-sidebar__info-card,
.free-shipping-bar,
.price-slider,
.drawer,
.drawer__inner,
.modal,
.age-modal__card,
.toast,
.info-modal,
.coa-img-popup__card,
.bac-popup,
.ck-card,
.ck-panel,
.ck-summary,
.checkout-card,
.order-card,
.support-card,
.faq-card,
.about-card,
.research-card,
.legal-card,
.product-detail__panel,
.product-detail__info,
.product-detail__media,
.product-detail__section,
.bundle-detail__panel,
.bundle-detail__product,
.bundle-detail__total,
.bundle-detail__compound,
.coa-page__header,
.coa-page__controls,
.coa-page__card,
.coa-page__table-wrap {
  background: rgba(255,255,255,.92) !important;
  color: var(--amino-ink) !important;
  border: 1px solid rgba(16, 20, 24, .08) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 52px rgba(16, 24, 40, .07) !important;
}

.catalog-sidebar {
  padding: 18px !important;
  position: sticky !important;
  top: 86px !important;
}

.catalog-sidebar__heading,
.catalog__count,
.catalog__count strong,
.catalog__title,
.product-detail h1,
.product-detail h2,
.product-detail h3,
.bundle-detail h1,
.bundle-detail h2,
.bundle-detail h3,
.ck-title,
.ck-summary__title,
.coa-page__title,
.about-page h1,
.about-page h2,
.faq-page h1,
.faq-page h2,
.support-page h1,
.support-page h2,
.info-page h1,
.info-page h2,
.legal-page h1,
.legal-page h2 {
  color: var(--amino-ink) !important;
  font-family: 'Albert Sans', 'Helvetica Neue', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
}

.catalog-sidebar__note,
.catalog-sidebar__info-text,
.catalog__count,
.product-detail p,
.bundle-detail p,
.ck-help,
.ck-label,
.ck-muted,
.ck-summary__meta,
.coa-page__subtitle,
.about-page p,
.faq-page p,
.support-page p,
.info-page p,
.legal-page p {
  color: var(--amino-muted) !important;
}

.catalog-sidebar__seg-btn,
.catalog-sidebar__btn,
.catalog-sidebar__toggle-btn,
.filters__seg-btn,
.filters__pill,
.bundle-detail__tier-btn,
.bundle-detail__mt-swap-btn,
.product-detail__size-btn,
.product-detail__tier-btn,
.product-detail__qty-btn,
.bundle-detail__qty-btn,
.bundle-detail__bac-qty-btn,
.coa-page__filter-btn,
.ck-option,
.payment-method,
.region-btn,
.age-modal__region-btn {
  background: #fff !important;
  color: var(--amino-ink) !important;
  border: 1px solid rgba(16, 20, 24, .10) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

.catalog-sidebar__seg-btn--active,
.catalog-sidebar__btn--active,
.catalog-sidebar__toggle-btn--active,
.filters__seg-btn--active,
.filters__pill--active,
.bundle-detail__tier-btn--active,
.bundle-detail__mt-swap-btn--active,
.product-detail__size-btn--active,
.product-detail__tier-btn--active,
.coa-page__filter-btn--active,
.ck-option--selected,
.payment-method--selected,
.region-btn--active,
.age-modal__region-btn--active {
  background: #101418 !important;
  color: #fff !important;
  border-color: #101418 !important;
}

.catalog__search-input,
.catalog__sort,
.filters__search,
.coa-page__search,
.ck-input,
.ck-select,
.ck-textarea,
.checkout input,
.checkout select,
.checkout textarea,
.product-detail select,
.bundle-detail select,
input[type='text'],
input[type='email'],
input[type='tel'],
select,
textarea {
  background: #fff !important;
  color: var(--amino-ink) !important;
  border: 1px solid rgba(16, 20, 24, .12) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
}

.catalog__search-input:focus,
.catalog__sort:focus,
.filters__search:focus,
.coa-page__search:focus,
.ck-input:focus,
.ck-select:focus,
.ck-textarea:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: rgba(31,143,103,.55) !important;
  box-shadow: 0 0 0 4px rgba(31,143,103,.10) !important;
  outline: none !important;
}

.product-grid {
  gap: 22px !important;
}

.product-card,
.bundle-card,
.catalog-card,
.product-grid > [class*='card'],
.product-grid > div[data-action='view-product'],
.product-grid > div[data-action='view-bundle'] {
  background: #fff !important;
  color: var(--amino-ink) !important;
  border: 1px solid rgba(16,20,24,.08) !important;
  border-radius: 30px !important;
  box-shadow: 0 18px 50px rgba(16, 24, 40, .08) !important;
  overflow: hidden !important;
}

.product-card:hover,
.bundle-card:hover,
.catalog-card:hover,
.product-grid > [class*='card']:hover,
.product-grid > div[data-action='view-product']:hover,
.product-grid > div[data-action='view-bundle']:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 26px 64px rgba(16, 24, 40, .12) !important;
}

.product-card__media,
.product-card__image-wrap,
.bundle-card__media,
.catalog-card__media,
.product-detail__media,
.bundle-detail__hero,
.product-card [class*='vial'],
.bundle-card [class*='vial'] {
  background:
    radial-gradient(circle at 35% 18%, rgba(255,255,255,.95), transparent 28%),
    linear-gradient(150deg, var(--amino-mint), var(--amino-lilac)) !important;
  border-radius: 24px !important;
}

.product-card:nth-child(3n + 2) .product-card__media,
.product-card:nth-child(3n + 2) .product-card__image-wrap,
.product-grid > div:nth-child(3n + 2) [class*='vial'] {
  background: linear-gradient(150deg, #fff, var(--amino-lilac)) !important;
}

.product-card:nth-child(3n + 3) .product-card__media,
.product-card:nth-child(3n + 3) .product-card__image-wrap,
.product-grid > div:nth-child(3n + 3) [class*='vial'] {
  background: linear-gradient(150deg, #fff, var(--amino-sky)) !important;
}

.product-card__name,
.product-card__title,
.bundle-card__name,
.bundle-card__title,
.catalog-card__name,
.product-detail__title,
.bundle-detail__title {
  color: var(--amino-ink) !important;
  font-family: 'Albert Sans', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
}

.product-card__price,
.bundle-card__price,
.catalog-card__price,
.product-detail__price,
.bundle-detail__price,
.ck-summary__total,
.ck-total,
.drawer__total {
  color: var(--amino-green) !important;
  font-weight: 900 !important;
}

button[data-action*='add'],
button[data-action='checkout'],
button[data-action='place-order'],
button[data-action='submit-order'],
.product-card__btn,
.product-detail__add,
.product-detail__cta,
.bundle-detail__add,
.bundle-detail__cta,
.ck-submit,
.checkout__submit,
.drawer__checkout,
.pay-button,
.card-pay-btn,
.coa-page__download,
.coa-page__open,
.support-submit,
.primary-btn,
.btn--primary {
  background: #101418 !important;
  color: #fff !important;
  border: 1px solid #101418 !important;
  border-radius: 999px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 28px rgba(16, 24, 40, .14) !important;
}

button[data-action*='add']:hover,
button[data-action='checkout']:hover,
button[data-action='place-order']:hover,
button[data-action='submit-order']:hover,
.product-card__btn:hover,
.product-detail__add:hover,
.product-detail__cta:hover,
.bundle-detail__add:hover,
.bundle-detail__cta:hover,
.ck-submit:hover,
.drawer__checkout:hover,
.pay-button:hover,
.card-pay-btn:hover,
.primary-btn:hover,
.btn--primary:hover {
  background: var(--amino-green) !important;
  border-color: var(--amino-green) !important;
  transform: translateY(-1px) !important;
}

.drawer-overlay {
  background: rgba(16, 20, 24, .36) !important;
  backdrop-filter: blur(8px) !important;
}

.drawer {
  background: #fff !important;
  border-radius: 30px 0 0 30px !important;
  border-left: 1px solid rgba(16,20,24,.10) !important;
}

.drawer__item,
.cart-item,
.ck-summary__item,
.order-summary__item {
  background: #f8faf9 !important;
  border: 1px solid rgba(16,20,24,.08) !important;
  border-radius: 22px !important;
}

.ck-page,
.checkout,
.checkout-page {
  padding: 36px 20px 84px !important;
}

.ck-layout,
.checkout-layout {
  max-width: 1180px !important;
  margin: 0 auto !important;
  gap: 26px !important;
}

.ck-summary,
.checkout-summary {
  position: sticky !important;
  top: 86px !important;
}

.coa-page {
  min-height: 100vh !important;
  padding: 40px 20px 90px !important;
}

.coa-page__header,
.coa-page__controls {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.coa-page__grid,
.coa-page__table,
.coa-page__cards {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.coa-page__header::before,
.value-prop::before,
.lab-full__overlay {
  opacity: .12 !important;
}

.faq-item,
.accordion-item,
.support-option,
.about-feature,
.research-section,
.info-section,
.legal-section {
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(16,20,24,.08) !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 50px rgba(16,24,40,.07) !important;
}

.site-footer,
.footer,
footer {
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.site-footer__inner {
  max-width: 1180px !important;
}

/* Keep compliance and age gate visible, but bring it into the light visual system. */
.age-modal,
.modal-overlay {
  background: rgba(16, 20, 24, .42) !important;
  backdrop-filter: blur(12px) !important;
}

.age-modal__card {
  background:
    radial-gradient(circle at 10% 0%, rgba(201,246,230,.45), transparent 30%),
    #fff !important;
  color: var(--amino-ink) !important;
}

.age-modal__title,
.age-modal__subtitle,
.age-modal__label {
  color: var(--amino-ink) !important;
}

.age-modal__text,
.age-modal__copy,
.age-modal__disclaimer {
  color: var(--amino-muted) !important;
}

@media (max-width: 980px) {
  .catalog-sidebar,
  .ck-summary,
  .checkout-summary {
    position: static !important;
  }
  .catalog-layout,
  .ck-layout,
  .checkout-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .catalog-wrap,
  .ck-page,
  .checkout,
  .coa-page {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .catalog-sidebar,
  .catalog__header,
  .ck-card,
  .ck-summary,
  .coa-page__header,
  .coa-page__controls {
    border-radius: 22px !important;
  }
  .drawer {
    border-radius: 28px 28px 0 0 !important;
  }
}