/* MANYA V136 PRODUCT GUIDE FINAL STYLING */
/* Scope: Product Guide top section only. Rest unchanged. */

/* Use global font across Product Guide top */
body.page-product-guide .ref-cover,
body[class*="product-guide"] .ref-cover,
body.page-product-guide .ref-cover *,
body[class*="product-guide"] .ref-cover *,
body.page-product-guide .manya-reference .ref-cover,
body.page-product-guide .manya-reference .ref-cover *{
  font-family:inherit!important;
}

/* Swap top colors: white/light background + green text */
body.page-product-guide .ref-cover,
body[class*="product-guide"] .ref-cover,
body.page-product-guide .manya-reference .ref-cover{
  background:#ffffff!important;
  color:#0b5d46!important;
  min-height:auto!important;
  padding-top:clamp(72px,8vw,110px)!important;
  padding-bottom:clamp(42px,5vw,72px)!important;
  border-bottom:1px solid rgba(11,93,70,.12)!important;
}

/* Remove overlays/gradients */
body.page-product-guide .ref-cover::before,
body[class*="product-guide"] .ref-cover::before,
body.page-product-guide .ref-cover::after,
body[class*="product-guide"] .ref-cover::after{
  opacity:0!important;
  display:none!important;
}

/* Badge */
body.page-product-guide .ref-badge,
body[class*="product-guide"] .ref-badge,
body.page-product-guide .manya-reference .ref-badge{
  background:#ffffff!important;
  color:#0b5d46!important;
  border:1px solid rgba(11,93,70,.28)!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

/* Heading */
body.page-product-guide .ref-cover h1,
body[class*="product-guide"] .ref-cover h1,
body.page-product-guide .manya-reference .ref-cover h1{
  color:#0b5d46!important;
  font-family:inherit!important;
  font-style:normal!important;
  font-weight:800!important;
  letter-spacing:-.055em!important;
  line-height:.98!important;
  max-width:1100px!important;
}

/* No gold/serif/italic emphasis */
body.page-product-guide .ref-cover h1 em,
body[class*="product-guide"] .ref-cover h1 em,
body.page-product-guide .ref-cover em,
body[class*="product-guide"] .ref-cover em{
  color:#0b5d46!important;
  font-family:inherit!important;
  font-style:normal!important;
  font-weight:800!important;
}

/* Paragraph */
body.page-product-guide .ref-cover p,
body[class*="product-guide"] .ref-cover p,
body.page-product-guide .manya-reference .ref-cover p{
  color:#0b5d46!important;
  font-family:inherit!important;
  font-weight:500!important;
  opacity:.9!important;
}

/* Button row visible */
body.page-product-guide .ref-actions,
body[class*="product-guide"] .ref-actions,
body.page-product-guide .ref-cover .hero-actions,
body[class*="product-guide"] .ref-cover .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  max-height:none!important;
  transform:none!important;
  margin-top:26px!important;
}

/* Buttons: green/white only */
body.page-product-guide .ref-cover .btn,
body[class*="product-guide"] .ref-cover .btn,
body.page-product-guide .ref-actions a,
body[class*="product-guide"] .ref-actions a,
body.page-product-guide .ref-cover a[href*="chemical"],
body[class*="product-guide"] .ref-cover a[href*="chemical"],
body.page-product-guide .ref-cover a[href*="reagent"],
body[class*="product-guide"] .ref-cover a[href*="reagent"]{
  display:inline-flex!important;
  opacity:1!important;
  visibility:visible!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eaf5ef!important;
  color:#0b5d46!important;
  border:1px solid rgba(11,93,70,.22)!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  font-family:inherit!important;
  font-style:normal!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
}

/* Primary button */
body.page-product-guide .ref-cover .btn:first-child,
body[class*="product-guide"] .ref-cover .btn:first-child,
body.page-product-guide .ref-actions a:first-child,
body[class*="product-guide"] .ref-actions a:first-child{
  background:#0b5d46!important;
  color:#ffffff!important;
  border-color:#0b5d46!important;
}

/* Hover */
body.page-product-guide .ref-cover .btn:hover,
body[class*="product-guide"] .ref-cover .btn:hover,
body.page-product-guide .ref-actions a:hover,
body[class*="product-guide"] .ref-actions a:hover{
  background:#0b5d46!important;
  color:#ffffff!important;
  border-color:#0b5d46!important;
}

/* Force chemical/reagent buttons visible */
body.page-product-guide .ref-cover a[href*="chemical"],
body[class*="product-guide"] .ref-cover a[href*="chemical"],
body.page-product-guide .ref-cover a[href*="reagent"],
body[class*="product-guide"] .ref-cover a[href*="reagent"],
body.page-product-guide .ref-actions a[href*="chemical"],
body[class*="product-guide"] .ref-actions a[href*="chemical"],
body.page-product-guide .ref-actions a[href*="reagent"],
body[class*="product-guide"] .ref-actions a[href*="reagent"]{
  display:inline-flex!important;
  opacity:1!important;
  visibility:visible!important;
  color:#0b5d46!important;
  background:#eaf5ef!important;
  border-color:rgba(11,93,70,.22)!important;
}

/* Footer unaffected */
body.page-product-guide footer a,
body[class*="product-guide"] footer a,
body.page-product-guide .site-footer a,
body[class*="product-guide"] .site-footer a,
body.page-product-guide .manya-footer a,
body[class*="product-guide"] .manya-footer a{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  box-shadow:none!important;
}

/* Mobile */
@media(max-width:767px){
  body.page-product-guide .ref-cover,
  body[class*="product-guide"] .ref-cover{
    padding-top:62px!important;
    padding-bottom:38px!important;
  }
  body.page-product-guide .ref-cover h1,
  body[class*="product-guide"] .ref-cover h1{
    font-size:clamp(38px,12vw,58px)!important;
    line-height:1!important;
  }
}