/* BlueRise bottle palette: scoped to landing pages and the DTC upsell only. */
body#home,
body#dtc,
body#upsell1 {
  --br-navy-950: #061724;
  --br-navy-900: #0a2235;
  --br-navy-800: #12344c;
  --br-blue-600: #167db6;
  --br-blue-500: #259ed7;
  --br-blue-100: #dceef7;
  --br-silver-100: #edf3f7;
  --br-silver-50: #f7fafc;
  --br-gold-500: #d6a632;
  --br-gold-400: #edc75f;
  --br-gold-200: #f7e3a6;
  --primary-color: var(--br-navy-900);
  --primary-color-dark: var(--br-navy-950);
  --primary-color-light: var(--br-blue-500);
  --secondary-color: var(--br-gold-500);
  --third-color: var(--br-blue-500);
  --fourth-color: var(--br-gold-400);
  --contrast-color: var(--br-gold-400);
  --text-color: var(--br-navy-950);
  --gold: var(--br-gold-400);
  color: var(--br-navy-950);
  background: var(--br-silver-50);
}

/* Landing pages */
body#home .bg-primary,
body#dtc .bg-primary,
body#home #headline,
body#dtc #headline {
  background: linear-gradient(135deg, var(--br-navy-950), var(--br-navy-800)) !important;
}

body#home #headline::before,
body#dtc #headline::before {
  background: radial-gradient(circle, rgba(37, 158, 215, .24), transparent 68%) !important;
}

body#home #headline .title .span-title,
body#dtc #headline .title .span-title,
body#home .text-yellow,
body#dtc .text-yellow {
  color: var(--br-gold-400) !important;
}

body#home .steps .step,
body#dtc .steps .step {
  background: var(--br-navy-800);
}

body#home .steps .step.current,
body#dtc .steps .step.current {
  background: var(--br-gold-400);
  color: var(--br-navy-950);
}

body#home .card-header,
body#dtc .card-header {
  background: linear-gradient(135deg, var(--br-navy-900), var(--br-blue-600)) !important;
  color: #fff !important;
}

body#home .products .item,
body#dtc .products .item {
  border-color: var(--br-blue-100);
  box-shadow: 0 14px 34px rgba(6, 23, 36, .12);
}

body#home .products .item.promo,
body#dtc .products .item.promo {
  border-color: var(--br-gold-500);
  box-shadow: 0 20px 50px rgba(10, 34, 53, .2);
}

body#home .products .item .item-info .price b,
body#home .products .item .item-info .price sup,
body#dtc .products .item .item-info .price b,
body#dtc .products .item .item-info .price sup {
  color: var(--br-navy-900);
}

body#home .products .item .item-info .savings > div:first-child,
body#dtc .products .item .item-info .savings > div:first-child {
  background: linear-gradient(135deg, var(--br-gold-200), var(--br-gold-400)) !important;
  color: var(--br-navy-950) !important;
}

body#home .products .item.promo .item-info .savings > div:nth-child(2),
body#dtc .products .item.promo .item-info .savings > div:nth-child(2) {
  background: var(--br-blue-600);
  color: #fff;
}

body#home .button,
body#dtc .button,
body#home .products .item.promo .item-buy .button,
body#dtc .products .item.promo .item-buy .button,
body#home .cta-promo .button,
body#dtc .cta-promo .button {
  background: linear-gradient(135deg, var(--br-gold-400), var(--br-gold-500)) !important;
  color: var(--br-navy-950) !important;
  box-shadow: 0 5px 16px rgba(214, 166, 50, .32) !important;
}

body#home .button:hover,
body#dtc .button:hover {
  background: linear-gradient(135deg, #f5d77b, var(--br-gold-400)) !important;
}

body#home .stock-message,
body#home .products .item .item-totals .shipping.free,
body#home .products .item .item-totals .shipping.free span,
body#dtc .stock-message,
body#dtc .products .item .item-totals .shipping.free,
body#dtc .products .item .item-totals .shipping.free span,
body#home #guarantee h2 span.text-green,
body#dtc #guarantee h2 span.text-green {
  color: var(--br-blue-600) !important;
}

body#home #guarantee,
body#dtc #guarantee,
body#home .ingredients-section,
body#dtc .ingredients-section {
  background: #fff !important;
}

body#home .benefits-section,
body#dtc .benefits-section,
body#home #faq,
body#dtc #faq {
  background: linear-gradient(180deg, var(--br-silver-100), #fff) !important;
}

body#home .benefit-icon,
body#dtc .benefit-icon,
body#home .ingredient-card:hover,
body#dtc .ingredient-card:hover {
  background: linear-gradient(135deg, var(--br-blue-600), var(--br-navy-900)) !important;
}

body#home .benefit-card:hover,
body#dtc .benefit-card:hover,
body#home .ingredient-card:hover,
body#dtc .ingredient-card:hover {
  border-color: var(--br-blue-500);
}

body#home footer,
body#dtc footer {
  background: linear-gradient(135deg, var(--br-navy-950), var(--br-navy-900)) !important;
}

/* DTC upsell */
body#upsell1 .head,
body#upsell1 #headline,
body#upsell1 #copyb .head,
body#upsell1 #copyw .head {
  background: linear-gradient(135deg, var(--br-navy-950), var(--br-navy-800)) !important;
  color: #fff !important;
}

body#upsell1 #headline::after,
body#upsell1 #copyb #headline::after {
  border-top-color: var(--br-navy-900) !important;
}

body#upsell1 #headline h1,
body#upsell1 #headline h2,
body#upsell1 #headline p,
body#upsell1 .head h1,
body#upsell1 .head .title {
  color: #fff !important;
}

body#upsell1 #headline span,
body#upsell1 .head .title span,
body#upsell1 #steps .steps-headline h1 span {
  color: var(--br-gold-400) !important;
}

body#upsell1 #steps .step {
  background: var(--br-navy-800) !important;
  color: #fff !important;
}

body#upsell1 #steps .step.current {
  background: var(--br-gold-400) !important;
  color: var(--br-navy-950) !important;
}

body#upsell1 .button-offer,
body#upsell1 .button,
body#upsell1 #copyw .products .item.basic .item-buy .button,
body#upsell1 .cta-vsl-btn {
  background: linear-gradient(135deg, var(--br-gold-400), var(--br-gold-500)) !important;
  color: var(--br-navy-950) !important;
  box-shadow: 0 5px 16px rgba(214, 166, 50, .34) !important;
}

body#upsell1 .products .item,
body#upsell1 #copyw .products .item.basic {
  border-color: var(--br-blue-600) !important;
}

body#upsell1 .products .item .card-header,
body#upsell1 #copyw .products .item.basic .card-header,
body#upsell1 #copyw .products .item.basic .item-header {
  background: linear-gradient(135deg, var(--br-navy-900), var(--br-blue-600)) !important;
  color: #fff !important;
}

body#upsell1 .free-shipping,
body#upsell1 .stock-message,
body#upsell1 #copyw .products .item.basic .item-totals .shipping.free,
body#upsell1 #copyw .products .item.basic .item-totals .shipping.free span {
  color: var(--br-blue-600) !important;
}

body#upsell1 #guarantee {
  background: linear-gradient(135deg, var(--br-navy-950), var(--br-navy-800)) !important;
  color: #fff !important;
}

body#upsell1 #guarantee h2,
body#upsell1 #guarantee p {
  color: #fff !important;
}

body#upsell1 #guarantee h2 span {
  color: var(--br-gold-400) !important;
}

body#upsell1 .no-thanks,
body#upsell1 .decline-to-downsell {
  color: #000 !important;
}

body#upsell1 section[style*="background-color"] {
  background: var(--br-blue-100) !important;
}

body#upsell1 footer {
  background: linear-gradient(135deg, var(--br-navy-950), var(--br-navy-900)) !important;
}

@media (max-width: 767px) {
  body#home .products .item,
  body#dtc .products .item,
  body#upsell1 .products .item {
    box-shadow: 0 10px 24px rgba(6, 23, 36, .14);
  }
}