/* Science page — brand colors, type, accordion, section chrome */

@font-face {
  font-family: "Neue Haas Unica Pro";
  src: url("https://static-v1.cdn-bio.com/bio-shop/meta-strategy/fonts/NeueHaasUnicaPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Haas Unica Pro";
  src: url("https://static-v1.cdn-bio.com/bio-shop/meta-strategy/fonts/NeueHaasUnicaPro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-vital-green: #a7fe75;
  --color-deep-green: #103608;
  --color-green: #32951c;
  --color-dark: #382e2c;
  --color-orange: #ff8629;
  --color-cream: #f8f7f2;
  --color-cream-nav: #f8f7f3;
  --color-white: #ffffff;
  --color-chip-border: #c0cdbc;
  --color-muted-surface: #e2dfd6;
  --font-sans: "Neue Haas Unica Pro", "Helvetica Neue", sans-serif;
}

body {
  font-family: var(--font-sans);
  color: var(--color-dark);
  background: var(--color-cream);
}

/* Buttons */
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--size-height-button);
  padding: var(--space-padding-button-y) var(--space-padding-button-x);
  border-radius: 100px;
  background: var(--color-orange);
  color: #273310;
  font-size: var(--font-size-button-primary);
  font-weight: 700;
  letter-spacing: 0.18px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.25;
  transition: filter 0.2s ease;
}

.btn-primary:hover {
  filter: brightness(1.05);
}

/* Phase accordion */
.phase-panel {
  display: none;
}

.phase.is-open .phase-panel {
  display: block;
}

.phase-toggle .phase-icon-minus {
  display: none;
}

.phase.is-open .phase-toggle .phase-icon-minus {
  display: block;
}

.phase.is-open .phase-toggle .phase-icon-plus {
  display: none;
}

@media (min-width: 769px) {
  .phase-panel {
    display: block !important;
  }

  .phase-toggle {
    pointer-events: none;
  }

  .phase-toggle .phase-icon-plus,
  .phase-toggle .phase-icon-minus {
    display: none !important;
  }
}

/* Expert carousel */
.experts-scroll {
  display: flex;
  gap: 1.25rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.5rem;
}

.experts-scroll > * {
  scroll-snap-align: start;
  flex: 0 0 auto;
}

@media (min-width: 769px) {
  .experts-scroll {
    display: flex;
    overflow: visible;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 32px;
    padding-bottom: 0;
  }

  .experts-scroll > * {
    flex: 1 1 0;
    min-width: 0;
  }
}

/* Shop card labels */
.shop-card {
  position: relative;
  overflow: hidden;
  min-height: 304px;
}

.shop-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}

.shop-card-label {
  position: relative;
  z-index: 1;
  margin-top: auto;
  color: var(--color-white);
  font-size: var(--font-size-h5-display);
  font-weight: 700;
  letter-spacing: 0.72px;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

@media (min-width: 769px) {
  .shop-card {
    min-height: 498px;
    height: 498px;
    border-radius: 12px;
  }
}