/* ============================================================
   PEPTiPEN STORE - Apple-quality design system v5
   Base: 1rem = 10px  |  Breakpoints: 734px, 1069px
   ============================================================ */

/* -- SHARED TOKENS -- */
:root {
  --pp-font:       'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --pp-outer:      22px;
  --pp-max:        980px;
  --pp-nav-y:      1.8rem;
  --pp-near-white: #fbfbfd;
  --pp-off-black:  #1d1d1f;
  --pp-grey-mid:   #6e6e73;
  --pp-grey-dark:  #3d3d3f;
  --pp-grey-light: #f5f5f7;
  --pp-white:      #ffffff;
  --pp-accent:     #0071e3;
  --pp-bg-light:   rgba(0,113,227,0.05);
}
@media (min-width: 734px)  { :root { --pp-outer: 30px; --pp-nav-y: 2.2rem; } }
@media (min-width: 1069px) { :root { --pp-outer: 0px; } }


/* -- FROSTED GLASS PANEL -- */
.pp-glass-panel {
  background: rgba(255,255,255,0.68);
  backdrop-filter: blur(30px) saturate(180%);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  border: 0.5px solid rgba(255,255,255,0.8);
  border-radius: 1.6rem;
}


/* -- ROOT FONT SIZE: 1rem = 10px on shop/product pages -- */
html:has(.pp-body) { font-size: 10px; }

/* -- BODY RESET -- */
.pp-body {
  font-family: var(--pp-font);
  font-size: 10px;
  font-weight: 400;
  background: var(--pp-near-white);
  color: var(--pp-off-black);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  scrollbar-width: none;
}
.pp-body::-webkit-scrollbar { display: none; }
.pp-body *, .pp-body *::before, .pp-body *::after { box-sizing: border-box; }
.pp-body a { text-decoration: none; color: inherit; }
.pp-body ul { list-style: none; margin: 0; padding: 0; }
.pp-body img { display: block; max-width: 100%; height: auto; }
.pp-body h1, .pp-body h2, .pp-body h3,
.pp-body h4, .pp-body p { margin: 0; }
.pp-body button { border: none; background: none; cursor: pointer; padding: 0; font-family: inherit; }

/* Strip Blocksy chrome */
.pp-body .site-header,
.pp-body .ct-header,
.pp-body .site-footer,
.pp-body .ct-footer,
.pp-body .ct-main-container > *:not(.pp-body-inner),
.pp-body .entry-header,
.pp-body #wpadminbar { display: none !important; }


/* -- CONTAINER -- */
.pp-container {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 734px)  { .pp-container { padding-left: 48px; padding-right: 48px; } }
@media (min-width: 1069px) { .pp-container { padding-left: 64px; padding-right: 64px; } }


/* -- TAG CHIP -- */
.pp-tag {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pp-accent);
}

/* -- SECTION LABEL -- */
.pp-section-label {
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--pp-grey-mid);
}


/* ============================================================
   LOGO + NAV overrides for pp-body pages
   ============================================================ */
.pp-body .augen-logo-btn   { position: fixed; }
.pp-body .augen-nav-pill   { position: fixed; left: 50%; transform: translateX(-50%); right: auto; }
.pp-body .augen-burger     { position: fixed; }
.pp-body .augen-mobile-nav { position: fixed; }

/* Logo image - overrides the old SVG circle icon */
.pp-logo-img {
  height: 2rem;
  width: auto;
  display: block;
  filter: invert(1);
}

.augen-nav-pill__link--active {
  opacity: 1 !important;
  font-weight: 500;
}


/* ============================================================
   SINGLE PRODUCT - HERO
   ============================================================ */
.pp-hero {
  min-height: 100svh;
  padding: 100px 24px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background:
    radial-gradient(ellipse 60% 50% at 72% 50%, var(--pp-bg-light), transparent),
    var(--pp-near-white);
}
@media (min-width: 734px) {
  .pp-hero { padding: 120px 48px 96px; }
}
@media (min-width: 1069px) {
  .pp-hero { padding: 120px 64px 96px; max-width: 1100px; margin: 0 auto; width: 100%; }
}

/* Breadcrumb */
.pp-breadcrumb { margin-bottom: 4rem; }
.pp-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.016em;
  color: var(--pp-grey-mid);
  transition: color 0.18s;
}
.pp-breadcrumb__link:hover { color: var(--pp-off-black); }

/* 2-column grid */
.pp-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5.6rem;
  align-items: center;
}
@media (min-width: 734px) {
  .pp-hero__grid {
    grid-template-columns: 1fr 1fr;
    gap: 6.4rem;
  }
}
@media (min-width: 1069px) {
  .pp-hero__grid { gap: 8rem; }
}

/* -- IMAGE FRAME -- */
.pp-image-frame {
  position: relative;
  border-radius: 2.4rem;
  overflow: hidden;
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 0.5px solid rgba(255,255,255,0.8);
  padding: 5.6rem 4rem 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  box-shadow: 0 8px 40px rgba(0,0,0,0.06);
}
.pp-product-img {
  width: 100%;
  max-width: 360px;
  height: auto;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}
.pp-image-label {
  position: absolute;
  bottom: 2.4rem;
  right: 2.4rem;
}

/* -- INFO PANEL -- */
.pp-info-meta {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-bottom: 1.6rem;
}
.pp-sku {
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--pp-grey-mid);
  font-family: 'SF Mono', 'Fira Code', ui-monospace, monospace;
}
.pp-stock {
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  padding: 0.35rem 0.9rem;
  border-radius: 99px;
}
.pp-stock--in  { background: rgba(0,185,130,0.1);  color: #00965a; }
.pp-stock--out { background: rgba(255,81,2,0.08);  color: #c73200; }

/* Product title - big, tight, Apple headline */
.pp-title {
  font-size: clamp(3.6rem, 6vw, 6.8rem);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.04;
  color: var(--pp-off-black);
  margin-bottom: 1.6rem;
}

/* Short description */
.pp-excerpt {
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: -0.022em;
  line-height: 1.52;
  color: var(--pp-grey-mid);
  max-width: 44rem;
  margin-bottom: 3.2rem;
}

/* Price row */
.pp-price-row {
  display: flex;
  align-items: baseline;
  gap: 1.4rem;
  margin-bottom: 3.2rem;
}
.pp-price {
  font-size: 4.4rem;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--pp-accent);
  line-height: 1;
}
.pp-price-note {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.016em;
  color: var(--pp-grey-mid);
}


/* -- BUY PANEL (frosted glass) -- */
.pp-buy-panel {
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(30px) saturate(180%);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  border: 0.5px solid rgba(255,255,255,0.8);
  border-radius: 1.6rem;
  padding: 2.4rem;
  margin-bottom: 2.4rem;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}

.pp-buy-panel .quantity {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.6rem;
}
.pp-buy-panel label[for="quantity"] {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.016em;
  color: var(--pp-grey-mid);
}
.pp-buy-panel .qty {
  width: 6.8rem;
  height: 4.4rem;
  border: 0.5px solid rgba(29,29,31,0.14);
  border-radius: 1rem;
  background: rgba(255,255,255,0.7);
  font-size: 1.7rem;
  font-weight: 400;
  text-align: center;
  font-family: inherit;
  color: var(--pp-off-black);
  padding: 0 1rem;
  -moz-appearance: textfield;
}
.pp-buy-panel .qty::-webkit-outer-spin-button,
.pp-buy-panel .qty::-webkit-inner-spin-button { -webkit-appearance: none; }

/* Add to cart button */
.pp-buy-panel .single_add_to_cart_button,
.pp-buy-panel .button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.2rem;
  border-radius: 99px !important;
  font-size: 1.7rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.022em !important;
  cursor: pointer;
  transition: opacity 0.18s, transform 0.12s !important;
  background: var(--pp-accent) !important;
  color: #fff !important;
  border: none !important;
  font-family: inherit !important;
}
.pp-buy-panel .single_add_to_cart_button:hover {
  opacity: 0.86;
  transform: scale(0.99);
}
.pp-buy-panel .single_add_to_cart_button:active { transform: scale(0.97); }


/* -- INFO CHIPS -- */
.pp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.pp-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.7rem 1.3rem;
  border-radius: 99px;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 0.5px solid rgba(29,29,31,0.1);
  color: var(--pp-grey-dark);
}


/* ============================================================
   DETAIL SECTION - product content panel
   ============================================================ */
.pp-detail {
  padding: 80px 22px;
  background: var(--pp-grey-light);
}
@media (min-width: 734px)  { .pp-detail { padding: 100px 30px; } }
@media (min-width: 1069px) {
  .pp-detail {
    padding-left:  calc(50% - 520px);
    padding-right: calc(50% - 520px);
  }
}

.pp-detail__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
}
@media (min-width: 734px) {
  .pp-detail__grid {
    grid-template-columns: 200px 1fr;
    gap: 5.6rem;
    align-items: start;
  }
}
@media (min-width: 1069px) {
  .pp-detail__grid { grid-template-columns: 240px 1fr; }
}

.pp-detail__label {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  position: sticky;
  top: 8rem;
}
.pp-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.016em;
  color: var(--pp-accent);
  transition: opacity 0.18s;
}
.pp-back-link:hover { opacity: 0.65; }

/* Content panel */
.pp-detail__content { padding: 4rem; }
@media (max-width: 733px) { .pp-detail__content { padding: 2.8rem; } }

.pp-detail__content p {
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: -0.022em;
  line-height: 1.52;
  color: var(--pp-grey-dark);
  margin-bottom: 1.8rem;
}
.pp-detail__content p.pp-lead {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.47;
  color: var(--pp-off-black);
  margin-bottom: 2.8rem;
}
.pp-detail__content h3 {
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.12;
  color: var(--pp-off-black);
  margin-bottom: 1.2rem;
  margin-top: 3.2rem;
}
.pp-detail__content ul {
  list-style: none;
  margin: 0 0 1.8rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.pp-detail__content ul li {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.016em;
  color: var(--pp-grey-dark);
  padding-left: 1.8rem;
  position: relative;
  line-height: 1.5;
}
.pp-detail__content ul li::before {
  content: '·';
  position: absolute;
  left: 0.4rem;
  color: var(--pp-accent);
  font-size: 1.8rem;
  line-height: 1.1;
}


/* ============================================================
   RELATED PRODUCTS
   ============================================================ */
.pp-related {
  padding: 80px 22px;
}
@media (min-width: 734px)  { .pp-related { padding: 100px 30px; } }
@media (min-width: 1069px) {
  .pp-related {
    padding-left:  calc(50% - 520px);
    padding-right: calc(50% - 520px);
  }
}

.pp-related__title {
  font-size: clamp(2.4rem, 3.2vw, 3.8rem);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.07;
  color: var(--pp-off-black);
  margin-bottom: 4rem;
}

.pp-related__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
}
@media (min-width: 600px) { .pp-related__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 734px) { .pp-related__grid { grid-template-columns: repeat(3, 1fr); } }

.pp-rel-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.28s cubic-bezier(0.22,1,0.36,1),
              box-shadow 0.28s cubic-bezier(0.22,1,0.36,1);
}
.pp-rel-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0,0,0,0.1);
}
.pp-rel-card__img-wrap {
  padding: 3.2rem 2.8rem 2rem;
  background: rgba(255,255,255,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pp-rel-card__img-wrap img { width: 110px; height: 110px; object-fit: contain; }
.pp-rel-card__body {
  padding: 1.6rem 2.4rem 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pp-rel-card__name {
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--pp-off-black);
}
.pp-rel-card__price {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.016em;
  color: var(--pp-grey-mid);
  margin-top: 0.2rem;
}


/* ============================================================
   SHOP ARCHIVE - hero + grid
   ============================================================ */
.pp-shop-body { background: var(--pp-near-white); }

/* Shop hero */
.pp-shop-hero {
  min-height: 48svh;
  padding: 120px 22px 64px;
  display: flex;
  align-items: flex-end;
  background:
    radial-gradient(ellipse 70% 60% at 25% 65%, rgba(0,113,227,0.04), transparent),
    radial-gradient(ellipse 50% 45% at 80% 28%, rgba(0,185,130,0.03), transparent),
    var(--pp-near-white);
}
@media (min-width: 734px)  { .pp-shop-hero { padding: 148px 30px 72px; min-height: 50svh; } }
@media (min-width: 1069px) {
  .pp-shop-hero {
    padding-left:  calc(50% - 520px);
    padding-right: calc(50% - 520px);
  }
}

.pp-shop-hero__inner { max-width: 70rem; }

.pp-shop-hero__eyebrow {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pp-grey-mid);
  margin-bottom: 1.4rem;
}

.pp-shop-hero__title {
  font-size: clamp(5.2rem, 10vw, 12rem);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 0.96;
  color: var(--pp-off-black);
  margin-bottom: 2.4rem;
}
.pp-shop-hero__sub { color: var(--pp-accent); }

.pp-shop-hero__desc {
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: -0.022em;
  line-height: 1.52;
  color: var(--pp-grey-mid);
  max-width: 54rem;
}

/* Product grid section */
.pp-shop-grid-section {
  padding: 40px 22px 80px;
}
@media (min-width: 734px)  { .pp-shop-grid-section { padding: 48px 30px 100px; } }
@media (min-width: 1069px) {
  .pp-shop-grid-section {
    padding-left:  calc(50% - 520px);
    padding-right: calc(50% - 520px);
  }
}

.pp-shop-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
}
@media (min-width: 600px) { .pp-shop-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1069px) { .pp-shop-grid { gap: 2rem; } }

/* Product card */
.pp-shop-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.28s cubic-bezier(0.22,1,0.36,1),
              box-shadow 0.28s cubic-bezier(0.22,1,0.36,1);
  text-decoration: none;
  color: inherit;
}
.pp-shop-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 64px rgba(0,0,0,0.09);
}

.pp-shop-card__img-wrap {
  position: relative;
  padding: 4.8rem 4.8rem 2.4rem;
  background: rgba(255,255,255,0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 28rem;
}
.pp-shop-card__img-wrap img {
  width: auto;
  height: 20rem;
  max-width: 100%;
  object-fit: contain;
}
.pp-shop-card__tag-wrap {
  position: absolute;
  top: 1.8rem;
  left: 2.2rem;
}

.pp-shop-card__body {
  padding: 2.4rem 2.8rem 2.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
}
.pp-shop-card__sku {
  font-size: 1.0rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--pp-grey-mid);
  font-family: 'SF Mono', 'Fira Code', ui-monospace, monospace;
}
.pp-shop-card__title {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.07;
  color: var(--pp-off-black);
}
@media (min-width: 1069px) { .pp-shop-card__title { font-size: 2.8rem; } }

.pp-shop-card__excerpt {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.014em;
  line-height: 1.52;
  color: var(--pp-grey-mid);
  margin-top: 0.4rem;
  max-width: 38rem;
}
.pp-shop-card__footer {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 2rem;
  border-top: 0.5px solid rgba(29,29,31,0.07);
  margin-top: 2rem;
}
.pp-shop-card__price {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--pp-accent);
}
.pp-shop-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 1.35rem;
  font-weight: 400;
  letter-spacing: -0.014em;
  color: var(--pp-grey-mid);
  transition: color 0.18s;
}
.pp-shop-card:hover .pp-shop-card__cta { color: var(--pp-accent); }


/* ============================================================
   SHARED FOOTER - pp pages
   ============================================================ */
.pp-footer {
  background: #1d1d1f;
  color: #a1a1a6;
  padding: 36px 22px 24px;
}
@media (min-width: 734px)  { .pp-footer { padding: 40px 30px 28px; } }
@media (min-width: 1069px) {
  .pp-footer {
    padding-left:  calc(50% - 520px);
    padding-right: calc(50% - 520px);
  }
}

.pp-footer__inner {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media (min-width: 734px) {
  .pp-footer__inner { flex-direction: row; align-items: center; justify-content: space-between; }
}

.pp-footer__wordmark {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.016em;
  color: #a1a1a6;
}
.pp-footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.8rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #a1a1a6;
  letter-spacing: -0.01em;
}
.pp-footer__legal a { color: #a1a1a6; transition: color 0.18s; }
.pp-footer__legal a:hover { color: #f5f5f7; }


/* ============================================================
   WooCommerce Cart / Checkout - frosted glass
   ============================================================ */
.woocommerce-cart .cart_totals,
.woocommerce-cart table.cart,
.woocommerce-checkout form.checkout .col-1,
.woocommerce-checkout form.checkout .col-2,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
  background: rgba(255,255,255,0.65) !important;
  backdrop-filter: blur(30px) saturate(180%);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  border: 0.5px solid rgba(255,255,255,0.8) !important;
  border-radius: 1.6rem;
  padding: 2.4rem;
}

/* All WC buttons → Apple pill button */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order {
  background: #0071e3 !important;
  color: #fff !important;
  border-radius: 99px !important;
  font-family: inherit !important;
  font-size: 1.7rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.022em !important;
  padding: 1.3rem 2.6rem !important;
  border: none !important;
  transition: opacity 0.18s !important;
  cursor: pointer;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover { opacity: 0.86 !important; }


/* ============================================================
   GLOBAL
   ============================================================ */
html { scroll-behavior: smooth; }

/* ============================================================
   TRUST STRIP - shop archive
============================================================ */
.pp-trust-strip {
  background: var(--ap-grey-light);
  border-top: 0.5px solid rgba(29,29,31,0.08);
  padding: 2.4rem 22px;
}
@media (min-width: 734px) { .pp-trust-strip { padding: 2.4rem 30px; } }
.pp-trust-strip__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2.4rem 4.8rem;
  max-width: 980px;
  margin: 0 auto;
}
.pp-trust-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.35rem;
  font-weight: 400;
  letter-spacing: -0.014em;
  color: var(--ap-grey-mid);
}
.pp-trust-item svg { flex-shrink: 0; opacity: 0.7; }

/* ============================================================
   COMPOUND CLASS SUB-LABEL - single product
============================================================ */
.pp-compound-class {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  opacity: 0.85;
  margin-bottom: 1.2rem;
}
.pp-section-compound {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.016em;
  margin-top: 0.6rem;
  margin-bottom: 2rem;
}
.pp-rel-card__compound {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--ap-grey-mid);
  letter-spacing: -0.01em;
  margin: 0.2rem 0 0.4rem;
}