:root {
  --codhise-course-blue: #0b3d91;
  --codhise-course-blue-2: #0f4fa8;
  --codhise-course-yellow: #f6c343;
  --codhise-course-yellow-hover: #e3ad15;
  --codhise-course-green: #16a34a;
  --codhise-course-ink: #10233f;
  --codhise-course-muted: #42526b;
  --codhise-course-line: rgba(11, 61, 145, .14);
}

[data-theme="light"] {
  --cyan: var(--codhise-course-blue);
  --cyan-dark: var(--codhise-course-blue-2);
  --cta-green: var(--codhise-course-blue);
  --cta-green-dark: var(--codhise-course-blue-2);
  --cta-green-soft: var(--codhise-course-blue-2);
  --cta-green-shadow: rgba(11, 61, 145, .16);
  --bg: #ffffff;
  --bg-soft: #f5f9ff;
  --surface: #ffffff;
  --surface-2: #eaf3ff;
  --text: var(--codhise-course-ink);
  --muted: var(--codhise-course-muted);
  --line: var(--codhise-course-line);
  --shadow: none;
  --glow: none;
}

body.theme-codhise-course {
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
}

body.theme-codhise-course .page {
  transition: padding-top .44s cubic-bezier(.22, 1, .36, 1);
}

body.theme-codhise-course .commercial-nav-shell {
  background: rgba(255, 255, 255, .98);
  border-bottom-color: rgba(11, 61, 145, .10);
  box-shadow: 0 14px 34px rgba(11, 61, 145, .08);
}

body.theme-codhise-course .codhise-course-nav-shell {
  max-height: 96px;
  overflow: hidden;
  transition:
    max-height .46s cubic-bezier(.22, 1, .36, 1),
    opacity .28s ease,
    border-color .28s ease,
    box-shadow .34s ease;
  will-change: max-height, opacity;
}

body.theme-codhise-course .codhise-course-nav-shell.active {
  overflow: visible;
}

body.theme-codhise-course .codhise-course-nav-shell .codhise-course-site-header {
  position: static;
  top: auto;
  margin: 0;
  transform: translateY(-10px);
  opacity: 0;
  transition:
    transform .42s cubic-bezier(.22, 1, .36, 1),
    opacity .24s ease;
  will-change: transform, opacity;
}

body.theme-codhise-course .codhise-course-nav-shell.active .codhise-course-site-header {
  transform: translateY(0);
  opacity: 1;
}

body.theme-codhise-course .codhise-course-nav-shell:not(.active) {
  border-bottom-color: transparent;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
}

body.theme-codhise-course .codhise-course-header__inner {
  min-height: 78px;
}

body.theme-codhise-course .codhise-course-brand {
  display: inline-flex;
  align-items: center;
  min-width: 168px;
}

body.theme-codhise-course .codhise-course-brand img {
  width: 168px;
  max-height: 46px;
  object-fit: contain;
}

body.theme-codhise-course .theme-nav a {
  color: var(--codhise-course-muted);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

body.theme-codhise-course .theme-nav a:hover,
body.theme-codhise-course .theme-nav a:focus-visible,
body.theme-codhise-course .theme-nav a.is-active,
body.theme-codhise-course .section-subtitle,
body.theme-codhise-course .price-kicker,
body.theme-codhise-course .countdown-title,
body.theme-codhise-course .hero-proof-link,
body.theme-codhise-course .instructor-avatar {
  color: var(--codhise-course-blue);
}

body.theme-codhise-course .purchase-ribbon {
  background: var(--codhise-course-blue);
  color: #ffffff;
}

body.theme-codhise-course .theme-nav a::after {
  background: var(--codhise-course-blue);
  box-shadow: none;
}

body.theme-codhise-course .theme-nav a.is-active::after {
  transform: scaleX(1);
  opacity: 1;
}

body.theme-codhise-course .codhise-course-header__actions {
  gap: 16px;
}

body.theme-codhise-course .codhise-course-login,
body.theme-codhise-course .codhise-course-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--codhise-course-blue);
  font-size: 14px;
  font-weight: 800;
  transition: color .2s ease, transform .2s ease;
}

body.theme-codhise-course .codhise-course-login:hover,
body.theme-codhise-course .codhise-course-login:focus-visible,
body.theme-codhise-course .codhise-course-cart:hover,
body.theme-codhise-course .codhise-course-cart:focus-visible {
  color: var(--codhise-course-blue-2);
  transform: translateY(-1px);
}

body.theme-codhise-course .codhise-course-cart {
  width: 34px;
  height: 34px;
  font-size: 18px;
}

body.theme-codhise-course .btn-header,
body.theme-codhise-course .floating-menu-btn,
body.theme-codhise-course .purchase-bar__mobile-toggle,
body.theme-codhise-course .collapse-tab {
  border-color: rgba(11, 61, 145, .26);
  background: var(--codhise-course-blue);
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(11, 61, 145, .18);
}

body.theme-codhise-course .btn-header:hover,
body.theme-codhise-course .floating-menu-btn:hover,
body.theme-codhise-course .purchase-bar__mobile-toggle:hover,
body.theme-codhise-course .collapse-tab:hover {
  border-color: rgba(15, 79, 168, .36);
  background: var(--codhise-course-blue-2);
  color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(11, 61, 145, .22);
}

body.theme-codhise-course .theme-menu-toggle span {
  background: var(--codhise-course-blue);
}

body.theme-codhise-course .section-card,
body.theme-codhise-course .purchase-card,
body.theme-codhise-course .course-reviews-card {
  border-color: var(--codhise-course-line);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 44px rgba(11, 61, 145, .08);
}

body.theme-codhise-course .intro-stack-card,
body.theme-codhise-course .course-emphasis-card {
  border-color: rgba(11, 61, 145, .38);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(234, 243, 255, .92) 100%),
    #eaf3ff;
  box-shadow: 0 14px 28px rgba(11, 61, 145, .10), 0 10px 24px rgba(15, 35, 63, .05);
}

body.theme-codhise-course .buy-btn,
body.theme-codhise-course .bar-btn--primary,
body.theme-codhise-course .gift-btn,
body.theme-codhise-course .coupon-apply,
body.theme-codhise-course .bar-icon-btn,
body.theme-codhise-course .instructor-link,
body.theme-codhise-course .reviews-more-btn {
  border-color: rgba(11, 61, 145, .28);
  background: var(--codhise-course-blue);
  color: #ffffff !important;
  box-shadow: none;
}

body.theme-codhise-course .buy-btn:hover,
body.theme-codhise-course .bar-btn--primary:hover,
body.theme-codhise-course .gift-btn:hover,
body.theme-codhise-course .coupon-apply:hover,
body.theme-codhise-course .bar-icon-btn:hover,
body.theme-codhise-course .instructor-link:hover,
body.theme-codhise-course .reviews-more-btn:hover {
  border-color: rgba(11, 61, 145, .38);
  background: var(--codhise-course-blue-2);
  color: #ffffff !important;
}

body.theme-codhise-course .buy-btn,
body.theme-codhise-course .bar-btn--primary {
  border-color: rgba(227, 173, 21, .48);
  background: var(--codhise-course-yellow) !important;
  color: var(--codhise-course-ink) !important;
  box-shadow: none;
}

body.theme-codhise-course .buy-btn:hover,
body.theme-codhise-course .bar-btn--primary:hover,
body.theme-codhise-course .buy-btn:focus-visible,
body.theme-codhise-course .bar-btn--primary:focus-visible {
  border-color: rgba(227, 173, 21, .62);
  background: var(--codhise-course-yellow-hover) !important;
  color: var(--codhise-course-ink) !important;
  box-shadow: none;
}

body.theme-codhise-course .play-btn,
body.theme-codhise-course .hero-fact i,
body.theme-codhise-course .meta-pills i,
body.theme-codhise-course .course-emphasis-item i,
body.theme-codhise-course .instructor-stat-row i,
body.theme-codhise-course .course-module__toggle i,
body.theme-codhise-course .curriculum-lesson__icon,
body.theme-codhise-course .faq-question i,
body.theme-codhise-course .purchase-visual i,
body.theme-codhise-course .purchase-methods-modal i,
body.theme-codhise-course .gift-modal i {
  color: var(--codhise-course-blue);
}

body.theme-codhise-course .feature-item > i.fa-check-circle,
body.theme-codhise-course .benefit-item > i.fa-check-circle {
  color: var(--codhise-course-green);
}

body.theme-codhise-course .reviews-guarantee__eyebrow {
  border-color: rgba(11, 61, 145, .18);
  background: #dbeafe;
  color: var(--codhise-course-blue);
}

body.theme-codhise-course .reviews-guarantee__eyebrow i {
  color: var(--codhise-course-blue);
}

body.theme-codhise-course .purchase-bar {
  border-color: var(--codhise-course-line);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 -12px 34px rgba(11, 61, 145, .10);
}

body.theme-codhise-course .codhise-course-footer {
  margin-top: 72px;
  padding: 52px 5% 34px;
  border-top: 1px solid rgba(255, 255, 255, .10);
  background: var(--codhise-course-blue);
  color: rgba(255, 255, 255, .72);
  text-align: center;
}

body.theme-codhise-course .codhise-course-footer__legal,
body.theme-codhise-course .codhise-course-footer .footer-copy {
  width: min(980px, 100%);
  margin-inline: auto;
}

body.theme-codhise-course .codhise-course-footer__legal {
  display: grid;
  gap: 14px;
  text-align: center;
}

body.theme-codhise-course .codhise-course-footer__legal p {
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: 12px;
  line-height: 1.78;
}

body.theme-codhise-course .codhise-course-footer .footer-copy {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  font-weight: 700;
}

body.theme-codhise-course .codhise-course-footer .footer-copy a {
  color: #ffffff;
}

body.theme-codhise-course .codhise-course-footer .footer-copy a:hover,
body.theme-codhise-course .codhise-course-footer .footer-copy a:focus-visible {
  color: #dbeafe;
}

@media (max-width: 860px) {
  body.theme-codhise-course .menu {
    display: none !important;
  }

  body.theme-codhise-course .nav-actions {
    display: none !important;
  }

  body.theme-codhise-course .menu-toggle {
    display: inline-grid;
    place-items: center;
  }

  body.theme-codhise-course .mobile-menu ul .has-dropdown > a::after {
    content: ' \25BC';
    float: right;
    font-size: .7em;
    margin-top: 5px;
  }

  body.theme-codhise-course .mobile-menu .dropdown {
    position: static;
    display: none;
    box-shadow: none;
    border: 0;
    padding: 5px 0 5px 15px;
    background: transparent;
    transform: none;
    opacity: 1;
    visibility: visible;
  }

  body.theme-codhise-course .mobile-menu .has-dropdown.open .dropdown {
    display: flex;
  }

  body.theme-codhise-course .mobile-nav-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(11, 61, 145, .10);
  }
}