/** Shopify CDN: Minification failed

Line 20:21 Unexpected "-->"
Line 23:1 Expected identifier but found "if("
Line 23:18 Unexpected "="
Line 23:37 Expected ":"
Line 25:0 Expected identifier but found "if("
Line 25:21 Expected ":"
Line 25:30 Expected ":"
Line 25:42 Expected ":"
Line 26:1 Expected ":"
Line 26:12 Expected ":"
... and 5 more hidden warnings

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '777820800382767');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=777820800382767&ev=PageView&noscript=1"></noscript>
<!-- End Meta Pixel Code -->
exceptionally-you .section3box {
    flex-direction: column;
    align-items: flex-start;
    padding: 60px;
    width: 552px;
    height: 550px;
    background: rgba(255,255,255,.8);
    box-shadow: 0 10px 18px #091e4226;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    position: relative;
    top: 100px;
    left: 130px;
}

.pr_rating {
    height: 0px !important;
margin-top: -25px !important;
}

.ratings-tp {
margin-bottom: 30px !important;
}

.exceptionally-you .section3box h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 27px;
    line-height: 33px;
    color: #52658c;
    flex: none;
    flex-grow: 0;
    margin: 10px 0;
}



.exceptionally-you .section3box hr {
    width: 420.5px;
    height: 0px;
    border: 2px solid #97A0AF;
    flex-grow: 0;
    margin: 18px 0;
}



.exceptionally-you .section3box p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 19.2px;
    line-height: 26px;
    letter-spacing: .5px;
    color: #42526e;
    flex: none;
    flex-grow: 0;
    margin: 10px 0;
}



.exceptionally-you .section3box .section3-cat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 28px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #C1C7D0;
    border-radius: 30.5px;
    margin: 10px 0;
    text-decoration: none;
}


.exceptionally-you .section3box .section3-cat span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    margin-left: 30px;
    letter-spacing: .6px;
    color: #f58634;
    display: flex;
    flex-direction: column;
    width: 230px;
}



.exceptionally-you .section3box .section3-cat.cat-first .section-image {
    background-image: url(section-1-img.png);
    width: 35px;
    height: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-repeat: no-repeat;
}

.is-flex {
    background-color: #e0f9fe !important;
   position:absolute;
    left:0;
    right:0;
}

.ul_tabs li a:hover, .ul_tabs li.active a {
    color: #222;
    background-color: #4efaff !important;
    border: 1px solid #4efaff !important;
}

.cat_des_ntt4 {
padding-left: 15% !important;
padding-right: 15% !important;
padding-bottom: 60px;
padding-top: 60px;
background-color: #f5f5f5 !important;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
}

.page_head_cat_heading {
    padding: 80px 0 !important;
}


.page-head h1 {
    font-size: 50px !important;
line-height: 50px;
 
}


@media (min-width: 1230px){
.cat_des_ntt4.container.container_cat.tc.mt__40.rtet4 {
    max-width: 100%;
}
}

@media (min-width: 1200px){
.cat_des_ntt4.container.container_cat.tc.mt__40.rtet4 {
    max-width: 100%;
}
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  .des_style_1.sp-tab {
    padding: 75px 0 !important;
    -webkit-animation: 1s ani-fadeIn;
    animation: 1s ani-fadeIn;
}

.ul_tabs.des_mb_2 {
    line-height: 60px !important;
}

.ul_tabs li.active a, .ul_tabs li.tab_title_block.active a {
    line-height: 60px !important;
}
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  .des_style_1.sp-tab {
    padding: 0px 0 !important;
}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  .des_style_1.sp-tab {
    padding: 0px 0 !important;
}
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  .des_style_1.sp-tab {
    padding: 0px 0 !important;
}
}

/* ============================================================================
   CheqUp brand — supplements rebrand                           (Sep 2026)
   ----------------------------------------------------------------------------
   Tokens below are copied from the published Webflow design system
   (chequp.shared.min.css, :root). Change a value here, not at each use site.

   Lives in this file rather than in the PageFly template
   (templates/product.pf-26274201.liquid), because PageFly overwrites that
   file on every republish. Nothing here is lost when the page is republished.

   It also sits below the  echoes above on purpose, so the
   brand rules win over anything a merchandiser pastes into Theme settings.

   !important is load-bearing, not lazy: the PageFly app injects its own
   <style> block after this stylesheet, and sets font-family:Rubik on its
   layout wrapper plus its own colours on .pf-button-1.
   ========================================================================== */

/* ------------------------------------------------------------ Instrument Sans
   The exact same variable WOFF2 files the Webflow site serves, copied into
   this theme so the store depends on neither Google Fonts nor Webflow's CDN.
   400-700 is the full weight range Instrument Sans ships; anything in the
   theme still asking for 300 or 800 clamps to the nearest real weight.      */
@font-face{
  font-family:"Instrument Sans";
  src:url("//health.chequp.com/cdn/shop/t/64/assets/InstrumentSans.woff2?v=123054511273821665081788798149") format("woff2");
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Instrument Sans";
  src:url("//health.chequp.com/cdn/shop/t/64/assets/InstrumentSans-Italic.woff2?v=93146166807103735591788798150") format("woff2");
  font-weight:400 700;
  font-style:italic;
  font-display:swap;
}

:root{
  /* Potent Purple — the primary brand colour */
  --cq-purple:            #683cf5;
  --cq-purple-hover:      #5a2fe0;
  --cq-purple-active:     #4a24bf;
  --cq-purple-ring:       #683cf58f;
  --cq-purple-300:        #a48af9;
  /* Lavender — secondary button fill */
  --cq-lavender:          #d7beff;
  --cq-lavender-hover:    #c7a6ff;
  --cq-lavender-active:   #b98fff;
  --cq-lavender-tint:     #f4efff;
  /* Mindful Midnight — text and selected states */
  --cq-midnight:          #210847;
  --cq-midnight-200:      #f2f9fc;
  --cq-midnight-300:      #e3f2f8;
  --cq-midnight-700:      #6d5d85;
  /* Surfaces */
  --cq-sand:              #fff6eb;
  --cq-grey-disabled:     #e5deec;

  --cq-font:              "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  --cq-radius-pill:       9999px;
  --cq-control-h:         40px;
  --cq-control-h-mobile:  48px;
}

/* ------------------------------------------------------------ Site-wide font
   theme.css still renders `font-family:Montserrat` from the fnt_bd2 setting,
   which this rebrand has not changed — and Montserrat is no longer loaded.
   Those five rules would otherwise fall back to a browser default, so
   re-point them at the brand font. The selector list mirrors theme.css
   exactly; if the theme is ever updated, re-derive it rather than guessing.

   The tidy long-term fix is to set all three fields in
   Theme settings > Typography to "Instrument Sans", after which this block
   can be deleted (the @font-face above still does the loading).            */
body,
.f_body,.nt_action .tcount,.lazyloadt4sed h4.f_body,.lazyloadt4sed h1,.lazyloadt4sed h2,.lazyloadt4sed h3,.lazyloadt4sed h4,.lazyloadt4sed h5,.lazyloadt4sed h6,.lazyloadt4sed .h3,.lazyloadt4sed .f__mont,.lazyloadt4sed .f_heading,
.lazyloadt4sed .sub-title,.lazyloadt4sed .f__libre,.lazyloadt4sed blockquote,.lazyloadt4sed em,.lazyloadt4sed .section-title,
.nt_menu>li>a,
.nt_pr h3.product-title,.fnt_df_blog,.widget-title,.lazyloadt4sed .widget-title,.post_nt_loop h4{
  font-family:var(--cq-font) !important;
}

/* PageFly sets font-family:Rubik on its layout wrapper, which cascades from
   #__pf over the whole product page — including the native buy box rendered
   inside it. Icon fonts are excluded by class so the glyphs survive.        */
#__pf{ font-family:var(--cq-font) !important; }

#__pf :is(h1,h2,h3,h4,h5,h6,p,a,span,div,li,td,th,label,strong,em,small,button,input,select,textarea,summary,details):not([class*="la-"]):not([class*="facl"]):not([class*="iccl"]):not([class*="pe-7s"]):not([class*="icon"]){
  font-family:var(--cq-font) !important;
}

#__pf :is(h1,h2,h3,h4,h5,h6){ color:var(--cq-midnight); }

/* ------------------------------------------------------------- Primary CTA
   Mirrors .btn-primary in the Webflow DS: pill, 14px/600, sand on purple.
   Colour + type here — geometry is set per-CTA below so the full-width
   buy-box button and the inline card buttons each keep their own shape.     */
.single_add_to_cart_button,
button[data-pf-type="ProductATC2"],
#__pf .pf-button-1,
.button.btn-cart,
.button.btn-checkout,
.shopify-payment-button__button--unbranded{
  background-color:var(--cq-purple) !important;
  border:1px solid var(--cq-purple) !important;
  color:var(--cq-sand) !important;
  border-radius:var(--cq-radius-pill) !important;
  font-family:var(--cq-font) !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  box-shadow:none !important;
  transition:background-color .2s, border-color .2s, color .2s;
}

.single_add_to_cart_button:hover,
button[data-pf-type="ProductATC2"]:hover,
#__pf .pf-button-1:hover,
.button.btn-cart:hover,
.button.btn-checkout:hover,
.shopify-payment-button__button--unbranded:hover{
  background-color:var(--cq-purple-hover) !important;
  border-color:var(--cq-purple-hover) !important;
  color:var(--cq-sand) !important;
}

.single_add_to_cart_button:active,
button[data-pf-type="ProductATC2"]:active,
#__pf .pf-button-1:active,
.button.btn-cart:active,
.button.btn-checkout:active{
  background-color:var(--cq-purple-active) !important;
  border-color:var(--cq-purple-active) !important;
}

.single_add_to_cart_button:focus-visible,
button[data-pf-type="ProductATC2"]:focus-visible,
#__pf .pf-button-1:focus-visible,
.button.btn-cart:focus-visible,
.button.btn-checkout:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px var(--cq-purple-ring) !important;
}

/* Sold out / unavailable — DS disabled tokens */
.single_add_to_cart_button.disabled,
.single_add_to_cart_button[disabled],
button[data-pf-type="ProductATC2"][disabled]{
  background-color:var(--cq-grey-disabled) !important;
  border-color:var(--cq-grey-disabled) !important;
  color:var(--cq-midnight-700) !important;
  box-shadow:none !important;
}

/* Geometry: full-width buy-box button + sticky bar */
.single_add_to_cart_button{
  min-height:var(--cq-control-h);
  padding:12px 32px !important;
}
/* Geometry: inline buttons on the related-product cards */
#__pf .pf-button-1,
button[data-pf-type="ProductATC2"]{
  min-height:var(--cq-control-h);
  padding:0 24px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
}
@media (max-width:767px){
  .single_add_to_cart_button,
  #__pf .pf-button-1,
  button[data-pf-type="ProductATC2"]{ min-height:var(--cq-control-h-mobile); }
}

/* ----------------------------------------------------------- Secondary CTA
   Lavender fill, purple stroke, midnight text — DS button-secondary.       */
.button.button_secondary{
  background-color:var(--cq-lavender) !important;
  border:1px solid var(--cq-purple) !important;
  color:var(--cq-midnight) !important;
  border-radius:var(--cq-radius-pill) !important;
  font-family:var(--cq-font) !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:normal !important;
}
.button.button_secondary:hover{
  background-color:var(--cq-lavender-hover) !important;
  border-color:var(--cq-purple-300) !important;
  color:var(--cq-midnight) !important;
}
.button.button_secondary:active{
  background-color:var(--cq-lavender-active) !important;
}

/* --------------------------------------------------------- Description tabs
   PROPOSAL — these are a segmented control, not a CTA, so they deliberately
   do NOT take the primary purple fill: five purple pills would compete with
   Add to Cart, which should stay the only filled-purple element in view.

   Resting  : lavender tint on a midnight hairline
   Hover    : lavender + purple hairline
   Selected : solid Mindful Midnight with sand text — keeps the existing
              "dark chip = selected" logic, drops the retired cyan.

   Also relaxes white-space:nowrap, because "Nutritional Information"
   overflowed its grid cell on narrow screens.                              */
.product-tabs{ gap:8px !important; }

.product-tabs button{
  background:var(--cq-lavender-tint) !important;
  color:var(--cq-midnight) !important;
  border:1px solid var(--cq-midnight-300) !important;
  border-radius:var(--cq-radius-pill) !important;
  font-family:var(--cq-font) !important;
  font-size:14px !important;
  font-weight:600 !important;
  padding:10px 16px !important;
  white-space:normal !important;
  transition:background-color .2s, border-color .2s, color .2s;
}
.product-tabs button:hover{
  background:var(--cq-lavender) !important;
  border-color:var(--cq-purple-300) !important;
  color:var(--cq-midnight) !important;
}
.product-tabs button.active,
.product-tabs button.active:hover{
  background:var(--cq-midnight) !important;
  border-color:var(--cq-midnight) !important;
  color:var(--cq-sand) !important;
}
.product-tabs button:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px var(--cq-purple-ring) !important;
}

/* ------------------------------------------------- Off-brand purple cleanup
   #8E3DFF was hardcoded in the PageFly Custom.HTML block and is not a CheqUp
   token. !important is required to beat the inline style on the <h2>.      */
#__pf [data-pf-type="Custom.HTML"] h2,
#__pf .colon-label,
.colon-label{ color:var(--cq-purple) !important; }

/* Accordion chevrons pick up the brand purple */
#__pf .pf-accordion-icon{ fill:var(--cq-purple) !important; color:var(--cq-purple) !important; }