:root {
  --booster-oh-dark-blue: #00507c;
  --booster-oh-blue: #0073aa;
  --booster-oh-light-blue: #00a0d2;
  --booster-oh-orange: #ff5722;
  --booster-oh-ink: #17324a;
  --booster-oh-muted: #5d7184;
  --booster-oh-pale: #eef8fc;
  --booster-oh-line: #d8e7ef;
}

/* This stylesheet is enqueued only for the Order Health feature and docs slugs. */
html,
body {
  overflow-x: hidden;
  overflow-x: clip;
}

.booster-order-health-page {
  color: var(--booster-oh-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

.booster-order-health-page * { box-sizing: border-box; }
.booster-order-health-page h2,
.booster-order-health-page h3 { color: var(--booster-oh-dark-blue); line-height: 1.2; }
.booster-order-health-page h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin: 0 0 1rem; }
.booster-order-health-page h3 { font-size: 1.2rem; margin: 0 0 .55rem; }
.booster-order-health-page p { margin: 0 0 1rem; }
.booster-order-health-page a { color: var(--booster-oh-blue); font-weight: 650; }
.booster-order-health-page img { height: auto; max-width: 100%; }

body.booster-order-health-feature-page .inner-container section .row > .col-md-9 {
  float: none;
  margin: 0 auto;
  max-width: 1180px;
  width: 100%;
}
body.booster-order-health-feature-page .inner-container section .row > .sidebar.col-md-3 { display: none; }
body.booster-order-health-feature-page .entry-content .single-description-head { display: none; }
body.booster-order-health-feature-page .entry-title { color: var(--booster-oh-dark-blue); }

.booster-oh-hero {
  background: linear-gradient(135deg, var(--booster-oh-dark-blue), var(--booster-oh-blue) 70%, var(--booster-oh-light-blue));
  border-top: 7px solid var(--booster-oh-orange);
  border-radius: 24px;
  box-shadow: 0 22px 50px rgba(0, 80, 124, .2);
  color: #fff;
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, .55fr);
  margin: 24px 0 44px;
  overflow: hidden;
  padding: clamp(30px, 5vw, 68px);
  position: relative;
}

.booster-oh-hero::after {
  background: rgba(255,255,255,.08);
  border-radius: 50%;
  content: "";
  height: 320px;
  position: absolute;
  right: -130px;
  top: -150px;
  width: 320px;
}

.booster-oh-hero h2 { color: #fff; font-size: clamp(2.15rem, 4.7vw, 4.25rem); letter-spacing: -.035em; margin: .35rem 0 1.2rem; }
.booster-oh-hero p { color: #e8f6fc; font-size: 1.18rem; max-width: 760px; }
.booster-oh-badge { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.32); border-radius: 999px; display: inline-flex; font-size: .78rem; font-weight: 800; letter-spacing: .08em; padding: 7px 13px; text-transform: uppercase; }
.booster-oh-icon { align-self: center; filter: drop-shadow(0 18px 22px rgba(0,0,0,.18)); justify-self: center; max-width: 205px !important; position: relative; width: 100%; z-index: 1; }
.booster-oh-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.6rem; }
.booster-oh-button { background: var(--booster-oh-orange); border: 2px solid var(--booster-oh-orange); border-radius: 8px; color: #fff !important; display: inline-flex; font-weight: 800 !important; padding: 11px 19px; text-decoration: none !important; }
.booster-oh-button:hover { background: #e74817; border-color: #e74817; color: #fff !important; }
.booster-oh-button--secondary { background: transparent; border-color: rgba(255,255,255,.65); }
.booster-oh-button--secondary:hover { background: #fff; border-color: #fff; color: var(--booster-oh-dark-blue) !important; }

.booster-oh-section { margin: 48px 0; }
.booster-oh-section--tint { background: var(--booster-oh-pale); border-left: 5px solid var(--booster-oh-light-blue); border-radius: 16px; padding: clamp(24px, 4vw, 42px); }
.booster-oh-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.booster-oh-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.booster-oh-tier-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 24px; }
.booster-oh-tier-card { background: #fff; border: 1px solid var(--booster-oh-line); border-radius: 16px; padding: 24px; }
.booster-oh-tier-card--elite { border: 2px solid var(--booster-oh-orange); box-shadow: 0 14px 34px rgba(255, 87, 34, .14); }
.booster-oh-tier-label { color: var(--booster-oh-orange); display: block; font-size: .78rem; font-weight: 850; letter-spacing: .08em; margin-bottom: .45rem; text-transform: uppercase; }
.booster-oh-shot-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.booster-oh-card { background: #fff; border: 1px solid var(--booster-oh-line); border-radius: 14px; box-shadow: 0 9px 25px rgba(0, 80, 124, .07); padding: 23px; }
.booster-oh-card strong { color: var(--booster-oh-blue); display: block; font-size: 1.65rem; line-height: 1; margin-bottom: .7rem; }
.booster-oh-card p { color: var(--booster-oh-muted); font-size: .96rem; margin: 0; }
.booster-oh-kicker { color: var(--booster-oh-orange); font-size: .79rem; font-weight: 850; letter-spacing: .09em; margin-bottom: .5rem; text-transform: uppercase; }

.booster-oh-shot { background: #f8fbfd; border: 1px solid var(--booster-oh-line); border-radius: 18px; box-shadow: 0 18px 45px rgba(0, 80, 124, .13); margin: 28px 0; overflow: hidden; padding: 12px; }
.booster-oh-shot img { border-radius: 10px; display: block; width: 100%; }
.booster-oh-shot figcaption { color: var(--booster-oh-muted); font-size: .86rem; padding: 10px 8px 2px; text-align: center; }

.booster-oh-checks { list-style: none !important; margin: 18px 0 0 !important; padding: 0 !important; }
.booster-oh-checks li { margin: 0 0 12px; padding-left: 31px; position: relative; }
.booster-oh-checks li::before { background: var(--booster-oh-light-blue); border-radius: 50%; color: #fff; content: "✓"; font-size: .76rem; font-weight: 900; height: 20px; left: 0; line-height: 20px; position: absolute; text-align: center; top: 4px; width: 20px; }
.booster-oh-boundary { background: #fff7f3; border: 1px solid #ffd4c6; border-radius: 12px; color: #6a3322; padding: 20px 22px; }
.booster-oh-boundary strong { color: #9b3414; }
.booster-oh-path { background: #f3f7fa; border: 1px solid var(--booster-oh-line); border-radius: 8px; color: var(--booster-oh-dark-blue); display: inline-block; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .92rem; padding: 6px 9px; }
.booster-oh-table { border-collapse: collapse; margin: 20px 0; width: 100%; }
.booster-oh-table th { background: var(--booster-oh-dark-blue); color: #fff; text-align: left; }
.booster-oh-table th, .booster-oh-table td { border: 1px solid var(--booster-oh-line); padding: 13px 15px; vertical-align: top; }
.booster-oh-table tbody tr:nth-child(even) { background: #f7fbfd; }
.booster-oh-next { background: linear-gradient(135deg, #eef9fd, #fff); border: 2px solid var(--booster-oh-light-blue); border-radius: 16px; padding: 26px; }

@media (max-width: 900px) {
  .booster-oh-hero { grid-template-columns: 1fr; }
  .booster-oh-icon { max-width: 150px !important; }
  .booster-oh-grid, .booster-oh-grid--four, .booster-oh-tier-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .booster-oh-grid, .booster-oh-grid--four, .booster-oh-tier-grid, .booster-oh-shot-grid { grid-template-columns: 1fr; }
  .booster-oh-hero { border-radius: 14px; padding: 27px 22px; }
  .booster-oh-actions { align-items: stretch; flex-direction: column; }
  .booster-oh-button { justify-content: center; }
  .booster-oh-table { display: block; overflow-x: auto; }
}
.booster-order-health-page .booster-oh-hero h2, .booster-order-health-page .booster-order-health-page h2{
    font-size: clamp(1.875rem, 4.7vw, 2.5rem)
}
body .inner-container .category-features .post-inner div.booster-order-health-page .booster-oh-actions{
    display: flex;
}
body .inner-container .category-features .post-inner div.booster-order-health-page .booster-oh-actions br{
    display: none;
}
body .inner-container .category-features .post-inner div.booster-order-health-page .booster-oh-grid, 
body .inner-container .category-features .post-inner div.booster-order-health-page .booster-oh-tier-grid,
body .inner-container .category-features .post-inner div.booster-order-health-page .booster-oh-shot-grid{
    display: grid;
}
body .inner-container .category-features .post-inner div.booster-order-health-page .woocommerce-message img{
    display: inline-block;
}
@media (max-width: 768px){
    body .inner-container .category-features .post-inner div.booster-order-health-page .booster-oh-shot-grid .booster-oh-shot{
        margin: 0px;
    }
}