/* Best Health IQ — peptide profile (post) layout, disclaimers, category index and
   informational notices. Builds on the --bhiq-* tokens in bhiq-home.css. */

/* Profile hero extras */
.bhiq-profile__subtitle { font-size: 18px; color: rgba(255,255,255,.85); }
.bhiq-profile__badges { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; list-style: none; padding: 0; margin: 0; }
.bhiq-pagehero .bhiq-badge { font-size: 13px; padding: 6px 14px; }
.bhiq-pagehero .bhiq-badge--strong-evidence { background: #D1FAE5; color: #065F46; }
.bhiq-pagehero .bhiq-badge--moderate-evidence { background: #DBEAFE; color: #1E3A8A; }
.bhiq-pagehero .bhiq-badge--preliminary-evidence,
.bhiq-pagehero .bhiq-badge--limited-evidence { background: #FEF3C7; color: #92400E; }
.bhiq-pagehero .bhiq-badge--status { background: #FCE7F3; color: #9D174D; }

/* Badges (also used outside the shop stylesheet) */
.bhiq-badge { display: inline-block; font: 600 12px var(--bhiq-ui); padding: 3px 10px; border-radius: 50px; background: rgba(51,117,208,.1); color: var(--bhiq-blue); }
.bhiq-badge--strong-evidence { background: rgba(16,185,129,.12); color: #047857; }
.bhiq-badge--moderate-evidence { background: rgba(51,117,208,.12); color: #1E4F99; }
.bhiq-badge--preliminary-evidence, .bhiq-badge--limited-evidence { background: rgba(245,158,11,.14); color: #92400E; }
.bhiq-badge--status { background: rgba(204,51,102,.1); color: #A3214D; }

/* Profile body + reference card */
.bhiq-profile__grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; align-items: start; }
.bhiq-profile__body { min-width: 0; }
.bhiq-profile__aside { position: sticky; top: 96px; }
.bhiq-refcard { background: var(--bhiq-navy, #16233A); color: rgba(255,255,255,.82); border-radius: 20px; padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.bhiq-refcard__title { color: #fff !important; font-size: 24px !important; margin: 0; }
.bhiq-refcard__list { margin: 0; display: flex; flex-direction: column; }
.bhiq-refcard__list > div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.bhiq-refcard__list > div:last-child { border-bottom: 0; }
.bhiq-refcard__list dt { font: 600 13px var(--bhiq-ui); text-transform: uppercase; letter-spacing: .04em; color: rgba(255,255,255,.6); flex: 0 0 auto; }
.bhiq-refcard__list dd { margin: 0; color: #fff; font-weight: 600; font-size: 14px; text-align: right; overflow-wrap: anywhere; }
.bhiq-refcard .bhiq-badge--strong-evidence { background: #D1FAE5; color: #065F46; }
.bhiq-refcard .bhiq-badge--moderate-evidence { background: #DBEAFE; color: #1E3A8A; }
.bhiq-refcard .bhiq-badge--preliminary-evidence,
.bhiq-refcard .bhiq-badge--limited-evidence { background: #FEF3C7; color: #92400E; }
.bhiq-refcard .bhiq-badge--status { background: #FCE7F3; color: #9D174D; }
.bhiq-refcard__note { font-size: 13px; opacity: .75; margin: 0; }
/* Readable badges on dark surfaces (hero band + reference card), whatever stylesheet loads last */
.bhiq-profile .bhiq-pagehero .bhiq-badge:not(.bhiq-badge--status),
.bhiq-profile .bhiq-refcard .bhiq-badge:not(.bhiq-badge--status) { background: #DBEAFE; color: #1E3A8A; }
.bhiq-profile .bhiq-pagehero .bhiq-badge.bhiq-badge--strong-evidence,
.bhiq-profile .bhiq-refcard .bhiq-badge.bhiq-badge--strong-evidence { background: #D1FAE5; color: #065F46; }
.bhiq-profile .bhiq-pagehero .bhiq-badge.bhiq-badge--preliminary-evidence,
.bhiq-profile .bhiq-pagehero .bhiq-badge.bhiq-badge--limited-evidence,
.bhiq-profile .bhiq-refcard .bhiq-badge.bhiq-badge--preliminary-evidence,
.bhiq-profile .bhiq-refcard .bhiq-badge.bhiq-badge--limited-evidence { background: #FEF3C7; color: #92400E; }

/* Disclaimer */
.bhiq-disclaimer { border: 1px solid #F3C4D4; background: #FDF2F6; border-radius: 16px; padding: 20px 24px; margin: 8px 0 40px; }
.bhiq-disclaimer h2 { margin: 0 0 8px; color: var(--bhiq-ink); font-size: 18px !important; }
.bhiq-disclaimer p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--bhiq-muted); }

/* "More in" rail */
.bhiq-related__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; }
.bhiq-related__head h2 { margin: 0; }

/* Category index */
.bhiq-catidx { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bhiq-catidx__card { display: flex; flex-direction: column; gap: 10px; background: #fff; border: 1px solid #E6EAF2; border-radius: 20px; padding: 28px; color: inherit; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.bhiq-catidx__card:hover { border-color: var(--bhiq-blue); transform: translateY(-2px); }
.bhiq-catidx__card h2 { font-size: 24px !important; margin: 0; color: var(--bhiq-ink); }
.bhiq-catidx__count { align-self: flex-start; font: 600 13px var(--bhiq-ui); padding: 4px 12px; border-radius: 50px; background: rgba(51,117,208,.1); color: var(--bhiq-blue); }
.bhiq-catidx__card p { margin: 0; font-size: 15px; }
.bhiq-catidx__more { margin-top: auto; font: 600 14px var(--bhiq-ui); color: var(--bhiq-blue); }

/* Informational notice (product / collection / cart / join routes) */
.bhiq-notice { max-width: 760px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; background: #fff; border: 1px solid #E6EAF2; border-radius: 24px; padding: 48px 32px; }
.bhiq-notice h2 { margin: 0; }
.bhiq-notice p { margin: 0; }
.bhiq-notice__btns { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.bhiq-notice__links { list-style: none; padding: 0; margin: 8px 0 0; display: flex; gap: 8px 20px; flex-wrap: wrap; justify-content: center; font: 600 14px var(--bhiq-ui); }
.bhiq-notice__links a { color: var(--bhiq-blue); }

/* ===== Peptide profile page — matches besthealthiq.com/peptides/<slug>/ ===== */
.bhiq-pp { background: #F7F7F4; }
.bhiq-pp__hero { position: relative; overflow: hidden; color: rgba(255,255,255,.85); padding: 72px 0 88px; background:
  radial-gradient(40% 60% at 18% 30%, rgba(51,117,208,.35) 0%, rgba(51,117,208,0) 70%),
  radial-gradient(35% 55% at 85% 70%, rgba(51,117,208,.30) 0%, rgba(51,117,208,0) 70%),
  linear-gradient(160deg, #070E1C 0%, #0E1B33 55%, #12284A 100%); }
.bhiq-pp__hero::before { z-index: 1; content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .35; background-image: radial-gradient(rgba(120,170,255,.55) 1px, transparent 1.5px); background-size: 34px 34px; mask-image: linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.2)); }
.bhiq-pp__hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.bhiq-pp__hero-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; min-width: 0; }
.bhiq-pp__crumbs { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 8px; font: 500 14px var(--bhiq-ui); color: rgba(255,255,255,.65); }
.bhiq-pp__crumbs a { color: #fff; }
.bhiq-pp__pills { list-style: none; display: flex; flex-wrap: wrap; gap: 12px; padding: 0; margin: 0; }
.bhiq-pp__pill { display: inline-block; font: 400 15px/1 var(--bhiq-ui); padding: 11px 22px; border-radius: 50px; color: #fff; text-decoration: none; }
.bhiq-pp__pill--cat { background: linear-gradient(90deg, #6F8E57 0%, #A4BF86 100%); }
.bhiq-pp__pill--ev { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.28); backdrop-filter: blur(6px); }
.bhiq-pp__title { font-family: var(--bhiq-serif); font-weight: 700; color: #fff !important; font-size: 64px !important; line-height: 1.1; margin: 4px 0 0; overflow-wrap: anywhere; }
.bhiq-pp__subtitle { font: 500 22px/1.4 var(--bhiq-sans) !important; color: #8FB3EE !important; margin: 0; }
.bhiq-pp__lead { font-size: 17px; line-height: 1.75; max-width: 620px; margin: 0; color: rgba(255,255,255,.8); }
.bhiq-pp__panel { background: rgba(10,20,40,.55); border: 1px solid rgba(255,255,255,.14); border-radius: 24px; padding: 24px; backdrop-filter: blur(8px); box-shadow: 0 30px 60px rgba(0,0,0,.25); }
.bhiq-pp__curve { width: 100%; height: auto; display: block; margin-bottom: 14px; }
.bhiq-pp__axis { stroke: rgba(255,255,255,.3); stroke-width: 1; }
.bhiq-pp__half { stroke: rgba(255,255,255,.18); stroke-dasharray: 4 5; }
.bhiq-pp__line { fill: none; stroke: #5A93E8; stroke-width: 3; stroke-linecap: round; }
.bhiq-pp__dot { fill: #fff; stroke: #5A93E8; stroke-width: 2; }
.bhiq-pp__tick { fill: rgba(255,255,255,.6); font: 500 11px var(--bhiq-ui); }
.bhiq-pp__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0; }
.bhiq-pp__stats > div { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 14px 16px; min-width: 0; }
.bhiq-pp__stats dt { font: 500 12px var(--bhiq-ui); text-transform: uppercase; letter-spacing: .05em; color: rgba(255,255,255,.55); margin-bottom: 6px; }
.bhiq-pp__stats dd { margin: 0; font: 600 15px/1.35 var(--bhiq-sans); color: #fff; overflow-wrap: anywhere; }

.bhiq-pp__body { padding: 40px 0 96px; }
.bhiq-pp__tabs { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: 12px; padding: 16px 0; margin-bottom: 24px; background: #F7F7F4; }
.bhiq-pp__tabs a { display: inline-block; font: 500 15px/1 var(--bhiq-sans); color: #fff; padding: 14px 24px; border-radius: 50px; background: linear-gradient(80deg, #3A6FCC 0%, #1C2C52 100%); text-decoration: none; transition: transform .2s ease; }
.bhiq-pp__tabs a:hover { transform: translateY(-2px); opacity: 1; }
.bhiq-pp__grid { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 32px; align-items: start; }
.bhiq-pp__main { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.bhiq-pp__group { display: flex; flex-direction: column; gap: 24px; scroll-margin-top: 110px; }

.bhiq-pblock { background: #fff; border-radius: 24px; padding: 36px; box-shadow: 0 10px 40px rgba(22,35,58,.05); }
.bhiq-pblock--plain { padding-bottom: 28px; }
.bhiq-pblock__title { font-family: var(--bhiq-serif); font-weight: 700; font-size: 30px !important; color: #16233A !important; margin: 0 0 18px; }
.bhiq-pblock__sub { font: 700 18px var(--bhiq-serif); color: #16233A; margin: 18px 0 8px; }
.bhiq-pblock p { font-size: 16px; line-height: 1.8; color: #5E6470; margin: 0 0 14px; }
.bhiq-pblock p:last-child { margin-bottom: 0; }
.bhiq-pblock strong { color: #16233A; }
.bhiq-pblock__note { background: #F2F6FD; border-left: 4px solid var(--bhiq-blue); border-radius: 12px; padding: 16px 20px; }
.bhiq-kv { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 4px 0 18px; }
.bhiq-kv:last-child { margin-bottom: 0; }
.bhiq-kv__item { background: #F7F8FB; border: 1px solid #ECEFF5; border-radius: 16px; padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.bhiq-kv__label { font: 700 16px var(--bhiq-serif); color: var(--bhiq-blue); }
.bhiq-kv__value { font-size: 15px; color: #5E6470; overflow-wrap: anywhere; }
.bhiq-checks { list-style: none; padding: 0; margin: 0 0 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; }
.bhiq-checks li { position: relative; padding-left: 30px; font-size: 16px; color: #3F4654; }
.bhiq-checks li::before { content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg, #A4BF86, #6F8E57) center/100% no-repeat; }
.bhiq-checks li::after { content: ""; position: absolute; left: 7px; top: 7px; width: 6px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.bhiq-highlights { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.bhiq-highlights li { display: flex; gap: 16px; align-items: center; background: #F7F8FB; border: 1px solid #ECEFF5; border-radius: 16px; padding: 16px 18px; font: 600 17px/1.4 var(--bhiq-serif); color: #16233A; }
.bhiq-highlights__n { flex: 0 0 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #fff; font: 600 16px var(--bhiq-sans); background: linear-gradient(80deg, #3A6FCC 0%, #1C2C52 100%); }
.bhiq-pblock--evidence p:first-of-type strong { display: inline-block; font: 500 14px var(--bhiq-ui); color: #fff; padding: 8px 16px; border-radius: 50px; background: linear-gradient(90deg, #6F8E57 0%, #A4BF86 100%); margin-right: 6px; }
.bhiq-pblock--disclaimer { background: #FDF2F6; box-shadow: none; border: 1px solid #F3C4D4; }
.bhiq-pblock--disclaimer .bhiq-pblock__title { font-size: 22px !important; }
.bhiq-pp__links { display: flex; flex-direction: column; gap: 10px; background: #fff; border-radius: 24px; padding: 24px 36px; box-shadow: 0 10px 40px rgba(22,35,58,.05); }
.bhiq-pp__links a { font: 600 15px var(--bhiq-sans); color: var(--bhiq-blue); }
.bhiq-pp__compat { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }

.bhiq-pp__aside { position: sticky; top: 92px; display: flex; flex-direction: column; gap: 20px; }
.bhiq-pp__qr { border-radius: 24px; padding: 30px; color: #fff; background: linear-gradient(170deg, #16233A 0%, #1F4D93 60%, #3A78D6 100%); box-shadow: 0 20px 50px rgba(22,35,58,.18); }
.bhiq-pp__qr h2 { font-family: var(--bhiq-serif); color: #fff !important; font-size: 28px !important; margin: 0 0 18px; }
.bhiq-pp__qr dl { margin: 0; }
.bhiq-pp__qr dl > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.bhiq-pp__qr dl > div:last-child { border-bottom: 0; }
.bhiq-pp__qr dt { font: 500 14px var(--bhiq-ui); color: rgba(255,255,255,.65); }
.bhiq-pp__qr dd { margin: 0; font: 600 15px/1.4 var(--bhiq-sans); color: #fff; overflow-wrap: anywhere; }
.bhiq-pp__research { background: #fff; border-radius: 20px; padding: 24px 28px; box-shadow: 0 10px 40px rgba(22,35,58,.05); }
.bhiq-pp__research h2 { font: 700 20px var(--bhiq-serif) !important; color: #16233A !important; margin: 0 0 8px; }
.bhiq-pp__research a { font: 500 15px var(--bhiq-sans); color: var(--bhiq-blue); }

/* ===== Profile tabs — one panel at a time (matches source screenshots) ===== */
.bhiq-pp__body { background: #fff; }
.bhiq-pp__tabs { position: static; background: transparent; padding: 0 0 18px; margin-bottom: 0; gap: 10px; }
.bhiq-pp__tabs button { font: 500 16px/1 var(--bhiq-ui); color: #fff; padding: 15px 28px; border-radius: 50px; border: 0; cursor: pointer; background: linear-gradient(90deg, #233F7A 0%, #4372C8 100%); transition: transform .2s ease, filter .2s ease; }
.bhiq-pp__tabs button:hover { transform: translateY(-1px); filter: brightness(1.06); }
.bhiq-pp__tabs button[aria-selected="true"] { background: linear-gradient(90deg, #16233A 0%, #2D4F94 100%); box-shadow: 0 0 0 3px #fff, 0 0 0 5px #16233A; }
.bhiq-pp__tabs button:focus-visible { outline: 3px solid #5A93E8; outline-offset: 3px; }
.bhiq-pp__group[hidden] { display: none !important; }
.bhiq-pp__group { gap: 28px; scroll-margin-top: 90px; }

.bhiq-pp .bhiq-pblock { background: #F6F5F0; border: 1px solid #E8E6DF; border-radius: 22px; padding: 32px 32px 36px; box-shadow: none; }
.bhiq-pp .bhiq-pblock__title { font-size: 30px !important; margin-bottom: 16px; }
.bhiq-pp .bhiq-pblock p { color: #6B6B6B; font-size: 17px; line-height: 1.85; }
/* Key characteristics: white tiles */
.bhiq-pp .bhiq-kv { gap: 16px 28px; }
.bhiq-pp .bhiq-kv__item { background: #fff; border: 0; border-radius: 16px; padding: 16px 16px 18px; gap: 10px; }
.bhiq-pp .bhiq-kv__label { font: 700 18px/1.3 var(--bhiq-serif); color: #5E6470; }
.bhiq-pp .bhiq-kv__value { font: 400 17px/1.5 var(--bhiq-ui); color: #16233A; }
/* Dosing / quality / storage: green tiles */
.bhiq-pp .bhiq-pblock--tinted .bhiq-kv__item, .bhiq-pp .bhiq-pblock--tinted .bhiq-checks li { background: #DCEBE1; }
.bhiq-pp .bhiq-pblock--tinted .bhiq-kv__label { font: 400 17px/1.3 var(--bhiq-serif); color: #5E6470; }
/* Investigated benefits: outlined blue check */
.bhiq-pp .bhiq-checks { gap: 12px 40px; }
.bhiq-pp .bhiq-checks li { padding-left: 34px; font: 400 18px/1.45 var(--bhiq-ui); color: #16233A; }
.bhiq-pp .bhiq-checks li::before { top: 3px; width: 20px; height: 20px; background: none; border: 1.6px solid #5AA6E8; }
.bhiq-pp .bhiq-checks li::after { left: 7px; top: 7px; width: 5px; height: 8px; border-color: #5AA6E8; }
.bhiq-pp .bhiq-pblock__foot { margin: 22px 0 0 !important; font: italic 400 15px/1.5 var(--bhiq-serif) !important; color: var(--bhiq-blue) !important; }
/* Quality & sourcing: full-width green rows with check */
.bhiq-pp .bhiq-pblock--quality .bhiq-kv { grid-template-columns: 1fr; gap: 16px; }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__item { position: relative; background: #DCEBE1; padding: 18px 22px 18px 76px; gap: 4px; min-height: 76px; justify-content: center; }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__item::before { content: ""; position: absolute; left: 22px; top: 50%; width: 34px; height: 34px; margin-top: -17px; border-radius: 50%; border: 1.8px solid #5AA6E8; }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__item::after { content: ""; position: absolute; left: 34px; top: 50%; width: 8px; height: 14px; margin-top: -10px; border: solid #5AA6E8; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__label { font: 700 18px/1.3 var(--bhiq-serif); color: #16233A; }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__label::after { content: ":"; }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__value { font-size: 17px; }
/* Administration routes: icon + serif */
.bhiq-pp .bhiq-pblock--admin .bhiq-checks { grid-template-columns: 1fr; }
.bhiq-pp .bhiq-pblock--admin .bhiq-checks li { padding-left: 52px; font: 700 20px/1.5 var(--bhiq-serif); background: none !important; }
.bhiq-pp .bhiq-pblock--admin .bhiq-checks li::before { left: 8px; top: 0; width: 30px; height: 30px; border: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235AA6E8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 2 4 4M17 7l3-3M19 9 8.7 19.3c-1 1-2.5 1-3.4 0l-.6-.6c-1-1-1-2.5 0-3.4L15 5M9 11l4 4M5 19l-3 3M14 4l6 6'/%3E%3C/svg%3E") center/contain no-repeat; }
.bhiq-pp .bhiq-pblock--admin .bhiq-checks li::after { display: none; }
/* Research highlights: green rows with outlined number */
.bhiq-pp .bhiq-highlights { gap: 18px; }
.bhiq-pp .bhiq-highlights li { background: #DCEBE1; border: 0; border-radius: 18px; padding: 24px 28px; font: 700 20px/1.4 var(--bhiq-serif); color: #16233A; }
.bhiq-pp .bhiq-highlights__n { flex: 0 0 46px; height: 46px; background: none; border: 2px solid #5AA6E8; color: #5AA6E8; font: 500 20px var(--bhiq-ui); }
/* Evidence level pill */
.bhiq-pp .bhiq-pblock--evidence p:first-of-type strong { font: 600 16px var(--bhiq-ui); color: #16233A; background: #fff; padding: 14px 32px; margin: 0 0 6px; }
.bhiq-pp .bhiq-pp__links { background: none; box-shadow: none; border-top: 1px solid #C9D6EF; border-radius: 0; padding: 18px 0 0; margin: -10px 0 0; gap: 4px; max-width: 60%; }
.bhiq-pp .bhiq-pp__links a { font: 400 16px var(--bhiq-ui); }
/* Protocol notes / storage inner white cards */
.bhiq-pp .bhiq-pblock__note { background: #fff; border: 0; border-radius: 22px; padding: 30px 32px; margin-top: 16px; color: #16233A; }
.bhiq-pp .bhiq-pblock__note strong { display: block; margin-bottom: 12px; font: 700 24px/1.3 var(--bhiq-serif); color: var(--bhiq-blue); }
.bhiq-pp .bhiq-pblock__inner { background: #fff; border-radius: 22px; padding: 30px 32px; }
.bhiq-pp .bhiq-pblock__inner-title { margin: 0 0 14px; font: 700 24px/1.3 var(--bhiq-serif); color: var(--bhiq-blue); }
.bhiq-pp .bhiq-pblock__inner p { color: #16233A; margin: 0; }
/* FDA disclaimer: white card with icon */
.bhiq-pp .bhiq-pblock--fda { display: flex; gap: 18px; align-items: flex-start; background: #fff; border: 1px solid #E8E6DF; }
.bhiq-pp .bhiq-pblock__fda-icon { flex: 0 0 auto; color: #5AA6E8; margin-top: 2px; }
.bhiq-pp .bhiq-pblock--fda .bhiq-pblock__title { font-size: 22px !important; margin-bottom: 8px; }
.bhiq-pp .bhiq-pblock--fda p { color: #16233A; font-size: 17px; line-height: 1.7; }
.bhiq-pp .bhiq-pblock--storage { background: #fff; }
.bhiq-pp .bhiq-pblock--storage .bhiq-pblock__title { font-size: 26px !important; }
.bhiq-pp .bhiq-pblock--storage p { background: #DCEBE1; border-radius: 16px; padding: 16px 24px; color: #16233A; margin-bottom: 10px; }
.bhiq-pp__comp p { margin: 6px 0 0; font-size: 14px; line-height: 1.6; color: #5E6470; }
/* Compatible peptides inside the card */
.bhiq-pp .bhiq-pp__compat { margin-top: 20px; }

@media (max-width: 767px) {
  .bhiq-pp__tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding: 4px 4px 14px; }
  .bhiq-pp__tabs::-webkit-scrollbar { display: none; }
  .bhiq-pp__tabs button { flex: 0 0 auto; font-size: 14px; padding: 12px 18px; }
  .bhiq-pp .bhiq-pblock { padding: 22px 18px 24px; }
  .bhiq-pp .bhiq-pblock__title { font-size: 24px !important; }
  .bhiq-pp .bhiq-pblock p, .bhiq-pp .bhiq-checks li { font-size: 15px; }
  .bhiq-pp .bhiq-highlights li { font-size: 16px; padding: 18px; }
  .bhiq-pp .bhiq-pp__links { max-width: 100%; }
}

@media (max-width: 1100px) {
  .bhiq-pp__hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .bhiq-pp__grid { grid-template-columns: 1fr; }
  .bhiq-pp__aside { position: static; order: -1; }
  .bhiq-pp__title { font-size: 52px !important; }
}
@media (max-width: 767px) {
  .bhiq-pp__hero { padding: 48px 0 56px; }
  .bhiq-pp__title { font-size: 38px !important; }
  .bhiq-pp__subtitle { font-size: 18px !important; }
  .bhiq-pp__tabs { flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding: 12px 0; }
  .bhiq-pp__tabs a { flex: 0 0 auto; padding: 12px 18px; font-size: 14px; }
  .bhiq-pblock { padding: 24px 20px; border-radius: 20px; }
  .bhiq-pblock__title { font-size: 24px !important; }
  .bhiq-kv, .bhiq-checks, .bhiq-pp__compat { grid-template-columns: 1fr; }
  .bhiq-pp__links { padding: 20px; }
  .bhiq-pp__qr { padding: 24px 20px; }
}

@media (max-width: 1024px) {
  .bhiq-profile__grid { grid-template-columns: 1fr; }
  .bhiq-profile__aside { position: static; order: -1; }
  .bhiq-catidx { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .bhiq-catidx { grid-template-columns: 1fr; }
  .bhiq-refcard { padding: 22px; }
  .bhiq-notice { padding: 36px 20px; }
}

/* ===== Peptide profile pages at ~67% scale (matches the source sizing) ===== */
.bhiq-pp .bhiq__wrap { max-width: 1180px; }
.bhiq-pp__hero { padding: 48px 0 58px; }
.bhiq-pp__hero-grid { gap: 36px; }
.bhiq-pp__hero-copy { gap: 12px; }
.bhiq-pp__crumbs { font-size: 12px; }
.bhiq-pp__pill { font-size: 12px; padding: 8px 15px; }
.bhiq-pp__title { font-size: 43px !important; }
.bhiq-pp__subtitle { font-size: 15px !important; }
.bhiq-pp__lead { font-size: 13px; }
.bhiq-pp__panel { padding: 16px; border-radius: 18px; }
.bhiq-pp__stats { gap: 8px; }
.bhiq-pp__stats > div { padding: 10px 12px; border-radius: 10px; }
.bhiq-pp__stats dt { font-size: 10px; }
.bhiq-pp__stats dd { font-size: 12px; }
.bhiq-pp__body { padding: 28px 0 64px; }
.bhiq-pp__grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; }
.bhiq-pp__tabs { gap: 7px; padding-bottom: 12px; }
.bhiq-pp__tabs button { font-size: 12px; padding: 10px 19px; }
.bhiq-pp__group { gap: 18px; }
.bhiq-pp .bhiq-pblock { padding: 22px 22px 24px; border-radius: 16px; }
.bhiq-pp .bhiq-pblock__title { font-size: 20px !important; margin-bottom: 12px; }
.bhiq-pp .bhiq-pblock p { font-size: 13px; line-height: 1.75; }
.bhiq-pp .bhiq-kv { gap: 11px 18px; }
.bhiq-pp .bhiq-kv__item { padding: 11px 12px 12px; border-radius: 11px; gap: 6px; }
.bhiq-pp .bhiq-kv__label, .bhiq-pp .bhiq-pblock--tinted .bhiq-kv__label { font-size: 13px; }
.bhiq-pp .bhiq-kv__value { font-size: 13px; }
.bhiq-pp .bhiq-checks { gap: 9px 28px; }
.bhiq-pp .bhiq-checks li { font-size: 13px; padding-left: 26px; }
.bhiq-pp .bhiq-checks li::before { width: 16px; height: 16px; top: 1px; }
.bhiq-pp .bhiq-checks li::after { left: 6px; top: 4px; width: 4px; height: 7px; }
.bhiq-pp .bhiq-pblock__foot { font-size: 12px !important; margin-top: 14px !important; }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__item { padding: 12px 16px 12px 54px; min-height: 52px; }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__item::before { left: 16px; width: 24px; height: 24px; margin-top: -12px; }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__item::after { left: 25px; width: 6px; height: 10px; margin-top: -7px; }
.bhiq-pp .bhiq-pblock--quality .bhiq-kv__label { font-size: 13px; }
.bhiq-pp .bhiq-pblock--admin .bhiq-checks li { font-size: 14px; padding-left: 36px; }
.bhiq-pp .bhiq-pblock--admin .bhiq-checks li::before { left: 4px; width: 22px; height: 22px; }
.bhiq-pp .bhiq-highlights { gap: 12px; }
.bhiq-pp .bhiq-highlights li { padding: 16px 18px; font-size: 14px; border-radius: 12px; gap: 12px; }
.bhiq-pp .bhiq-highlights__n { flex: 0 0 32px; height: 32px; font-size: 14px; }
.bhiq-pp .bhiq-pblock--evidence p:first-of-type strong { font-size: 12px; padding: 10px 22px; }
.bhiq-pp .bhiq-pp__links a { font-size: 12px; }
.bhiq-pp .bhiq-pblock__note, .bhiq-pp .bhiq-pblock__inner { padding: 20px 22px; border-radius: 16px; }
.bhiq-pp .bhiq-pblock__note strong, .bhiq-pp .bhiq-pblock__inner-title { font-size: 16px; }
.bhiq-pp .bhiq-pblock--fda .bhiq-pblock__title { font-size: 15px !important; }
.bhiq-pp .bhiq-pblock--fda p { font-size: 12px; }
.bhiq-pp .bhiq-pblock--storage .bhiq-pblock__title { font-size: 18px !important; }
.bhiq-pp .bhiq-pblock--storage p { padding: 11px 16px; border-radius: 11px; }
.bhiq-pp__aside { gap: 14px; top: 72px; }
.bhiq-pp__qr { padding: 20px; border-radius: 16px; }
.bhiq-pp__qr h2 { font-size: 20px !important; margin-bottom: 12px; }
.bhiq-pp__qr dl > div { grid-template-columns: 72px minmax(0, 1fr); padding: 9px 0; gap: 8px; }
.bhiq-pp__qr dt { font-size: 11px; }
.bhiq-pp__qr dd { font-size: 12px; }
.bhiq-pp__research { padding: 16px 18px; border-radius: 14px; }
.bhiq-pp__research h2 { font-size: 15px !important; }
.bhiq-pp__research a, .bhiq-pp__comp p { font-size: 12px; }
.bhiq-pp .bhiq-pp__compat { gap: 14px; }
.bhiq-pp .bhiq-pp__compat .bhiq-pcard { padding: 18px; border-radius: 14px; }
.bhiq-pp .bhiq-pp__compat .bhiq-pcard__cat { font-size: 10px; padding: 6px 11px; margin-bottom: 10px !important; }
.bhiq-pp .bhiq-pp__compat .bhiq-pcard__title { font-size: 16px !important; }
.bhiq-pp .bhiq-pp__compat .bhiq-pcard__tagline, .bhiq-pp .bhiq-pp__compat .bhiq-pcard__summary { font-size: 12px !important; }
.bhiq-pp .bhiq-pp__compat .bhiq-pcard__btn { font-size: 12px; padding: 9px 16px; }
@media (max-width: 1100px) { .bhiq-pp__grid { grid-template-columns: 1fr; } .bhiq-pp__aside { order: 2; position: static; } .bhiq-pp__title { font-size: 36px !important; } }
@media (max-width: 767px) { .bhiq-pp__title { font-size: 30px !important; } .bhiq-pp .bhiq-pblock { padding: 18px 16px 20px; } .bhiq-pp .bhiq-kv { grid-template-columns: 1fr; } }
