/* BioHealthcare Hub: category page layout. Three tabs ($99 Health Checks, Single tests, Panels and packages). */
.ct-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 30px}
.ct-tabs.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ct-tab{display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font-family:inherit;cursor:pointer;transition:.15s}
.ct-tab:hover{border-color:#80C341}
.ct-tab b{font-size:1.02rem;font-weight:800;line-height:1.25}
.ct-tab b i{font-style:normal;font-weight:600;color:rgba(255,255,255,.6);font-size:.86rem;margin-left:6px}
.ct-tab span{font-size:.84rem;color:rgba(240,244,255,.72);line-height:1.35}
.ct-tab.on{background:#80C341;border-color:#80C341;color:#0e1940}
.ct-tab.on b i,.ct-tab.on span{color:rgba(14,25,64,.78)}
.ct-pane[hidden]{display:none!important}
.ct-on .b99{margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important}
.ct-on .bt-sub{margin-top:0;padding-top:0;border-top:0}
.ct-on.ct-search .ct-pane+.ct-pane .bt-sub{margin-top:34px}
.ct-on:not(.ct-search) .ct-lim:not(.ct-lim6)>.bt-card:nth-child(n+13){display:none!important}
.ct-on:not(.ct-search) .ct-lim6>.bt-card:nth-child(n+7){display:none!important}
.ct-more{display:block;margin:18px auto 0;padding:11px 20px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.32);border-radius:10px;font:700 .9rem/1.2 inherit;font-family:inherit;cursor:pointer}
.ct-more:hover{border-color:#80C341}
.ct-on.ct-search .ct-more{display:none}
/* single tests: one clean list, one row per test */
.ct-on .ct-list.bt-grid.compact{grid-template-columns:1fr;gap:0;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.03)}
.ct-on .ct-list.ct-list .bt-card{border:0;border-radius:0;background:none;box-shadow:none;transform:none;border-bottom:1px solid rgba(255,255,255,.08)}
.ct-on .ct-list.ct-list .bt-card:hover{background:rgba(128,195,65,.07);transform:none;box-shadow:none}
.ct-on .ct-list.ct-list .bt-card .body{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"tag bio price foot" "name bio price foot" "desc bio price foot";align-items:center;column-gap:22px;row-gap:2px;padding:16px 22px}
.ct-on .ct-list.ct-list .bt-area{display:none}
.ct-on .ct-list.ct-list .ct-tag{grid-area:tag;font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#80C341}
.ct-on .ct-list.ct-list .bt-card h3{grid-area:name;min-height:0;margin:0;font-size:1.32rem;line-height:1.2;color:#fff}
.ct-on .ct-list.ct-list .ct-desc{grid-area:desc;margin:0;font-size:.88rem;line-height:1.4;color:rgba(240,244,255,.66)}
.ct-on .ct-list.ct-list .bt-key{display:contents}
.ct-on .ct-list.ct-list .bt-key>div{padding:0;margin:0;border:0;background:none;min-width:0}
.ct-on .ct-list.ct-list .bt-key>div:first-child{grid-area:bio;display:flex;align-items:baseline;gap:5px;padding:6px 12px;border:1px solid rgba(255,255,255,.14);border-radius:100px;white-space:nowrap}
.ct-on .ct-list.ct-list .bt-key>div:first-child b{font-family:inherit;font-size:.82rem;font-weight:800;color:#fff}
.ct-on .ct-list.ct-list .bt-key>div:first-child small{font-size:.74rem;letter-spacing:0;text-transform:lowercase;font-weight:500;color:rgba(240,244,255,.7)}
.ct-on .ct-list.ct-list .bt-card[data-markers="1"] .bt-key>div:first-child,.ct-on .ct-list.ct-list .bt-card[data-markers="0"] .bt-key>div:first-child{visibility:hidden}
.ct-on .ct-list.ct-list .bt-key>div:last-child{grid-area:price;text-align:right;min-width:86px}
.ct-on .ct-list.ct-list .bt-key>div:last-child small{display:none}
.ct-on .ct-list.ct-list .bt-key>div:last-child b{font-size:1.75rem;line-height:1;color:#fff}
.ct-on .ct-list.ct-list .foot{grid-area:foot;margin:0;padding:0;border:0;gap:8px;flex-wrap:nowrap}
.ct-on .ct-list.ct-list .foot .add,.ct-on .ct-list.ct-list .foot .go{flex:0 0 auto;padding:10px 16px;font-size:.82rem;border-radius:100px}
.ct-on .ct-list.ct-list .foot .go{border-color:rgba(255,255,255,.22)}
@media(max-width:900px){.ct-on .ct-list.ct-list .bt-card .body{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tag price" "name price" "desc desc" "foot foot";column-gap:14px;row-gap:3px;padding:14px 16px}
 .ct-on .ct-list.ct-list .bt-key>div:first-child{display:none}.ct-on .ct-list.ct-list .bt-key>div:last-child{min-width:0}.ct-on .ct-list.ct-list .bt-key>div:last-child b{font-size:1.5rem}
 .ct-on .ct-list.ct-list .foot{margin-top:9px}.ct-on .ct-list.ct-list .foot .add,.ct-on .ct-list.ct-list .foot .go{flex:1 1 0}}
@media(max-width:640px){.ct-tabs,.ct-tabs.n2{grid-template-columns:1fr;gap:8px}.ct-tab{padding:12px 14px}.ct-on .ct-list.ct-list .bt-card h3{font-size:1.2rem}}
a.ct-tab{text-decoration:none}
.ct-nav{max-width:1240px;margin:0 auto;padding:0 24px}
.ct-nav .ct-tabs{margin:20px 0 6px}
.ct-tab{font-family:'Plus Jakarta Sans',Arial,sans-serif}
@media(max-width:640px){.ct-nav{padding:0 16px}}
/* tighter top section */
.bt-hero .lead{margin-bottom:0}
.bt-hero .quest-power{margin-top:20px}
.bt-hero .wrap{padding-bottom:26px}
.bt-hero .bt-hero-img .frame{margin-bottom:0}
section.bt-list{padding-top:26px}
@media(max-width:900px){.bt-hero .wrap{gap:20px;padding-bottom:18px}section.bt-list{padding-top:18px}}
/* the three fact chips sit on the photo */
.bt-hero-img{position:relative}
.bt-hero-img .bt-facts.on-img{position:absolute;left:14px;right:14px;bottom:14px;margin:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;z-index:2}
.bt-hero-img .bt-facts.on-img span{background:rgba(14,23,62,.94);border:1px solid rgba(255,255,255,.28);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.35)}
@media(max-width:640px){.bt-hero-img .bt-facts.on-img{left:8px;right:8px;bottom:10px;gap:6px}.bt-hero-img .bt-facts.on-img span{font-size:.78rem;padding:7px 10px}}
/* $99 Health Check cards with a photo, Add to Cart and View Test */
.b99-card.b99-pic{padding:0;overflow:hidden}
.b99-pic .b99-img{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b1233}
.b99-pic .b99-img img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;transition:transform .5s}
.b99-pic:hover .b99-img img{transform:scale(1.04)}
.b99-pic .b99-badge{position:absolute;left:14px;bottom:14px;background:#E01B20;color:#fff;border-radius:10px;padding:6px 11px;line-height:1.05;text-align:center}
.b99-pic .b99-badge b{display:block;font-size:1.15rem;font-weight:800}
.b99-pic .b99-badge small{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.b99-pic .b99-body{display:flex;flex-direction:column;flex:1;padding:20px}
.b99-pic h3 a{color:#fff;text-decoration:none}
.b99-pic .b99-focus{min-height:0;margin:0 0 14px}.b99-pic .b99-price{margin-bottom:12px}
.b99-pic .b99-stats{margin-bottom:18px}
.b99-pic .b99-foot{display:flex;gap:8px;margin-top:auto}
.b99-pic .b99-foot .b99-add{flex:1 1 0;width:auto;margin:0;padding:11px 8px;font-size:.86rem}
.b99-pic .b99-more{flex:1 1 0;text-align:center;font-size:.86rem;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.32);border-radius:10px;padding:11px 8px;text-decoration:none}
.b99-pic .b99-more:hover{border-color:#fff;background:rgba(255,255,255,.06)}
@media(max-width:640px){.b99-pic .b99-body{padding:16px}}
