/** Shopify CDN: Minification failed

Line 24:0 Unexpected "<"
Line 27:0 Unexpected "<"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
/* --- MOBILE HEADER: fix distorted logo & keep center --- */
@media (max-width: 767.98px){
  /* absolute-center the logo block */
  .t4s-section-header .t4s-header__logo{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    line-height: 0;        /* removes inline gap around img */
    z-index: 1;
    width: auto;
  }
<style>
  .t4s-sticky-atc,
  [data-sticky-addtocart] { display: none !important; }
</style>


  /* remove any stretching from theme defaults */
  .t4s-section-header .t4s-header__logo img{
    display: block;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;              /* kill height:100% for SVGs */
    max-height: 44px !important;          /* adjust if you want smaller/bigger */
    max-width: 60vw !important;           /* safety so it never overflows */
    object-fit: contain !important;
    aspect-ratio: auto !important;
  }

  /* side columns stay compact so nothing wraps/cl...[the rest of the value has been truncated to save space] */
}

/* Add text shadow to the Drop step title */
.zenii-how-it-works .step-title {
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4), 6px 6px 12px rgba(0, 0, 0, 0.25) !important;
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  /* Bundle option hover state - change from black to light grey */
.vitals-bundle-option:hover,
.vitals-bundle-item:hover {
  background-color: #f0f0f0 !important;
  color: #000000 !important;
}

.vitals-bundle-option.selected:hover,
.vitals-bundle-item.selected:hover {
  background-color: #e8e8e8 !important;
}
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  /* Bundle option hover state - change from black to light grey */
.vitals-bundle-option:hover,
.vitals-bundle-item:hover {
  background-color: #f0f0f0 !important;
  color: #000000 !important;
}

.vitals-bundle-option.selected:hover,
.vitals-bundle-item.selected:hover {
  background-color: #e8e8e8 !important;
}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  /* MOBILE HEADER — keep one line, center logo, show ALL icons */
@media (max-width: 767.98px){
  /* Keep header content on a single line */
  .t4s-section-header [data-header-height]{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
  }

  /* Small, even gutters */
  .t4s-section-header .t4s-col-item{ padding-left:8px; padding-right:8px; }

  /* Right group: make it a no-wrap flex row and push to the edge */
  .t4s-section-header .t4s-col-group_btns{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    overflow:visible;
  }
  .t4s-section-header .t4s-site-nav__icons{ display:flex; flex-wrap:nowrap; }
  .t4s-section-header .t4s-site-nav__icons .t4s-site-nav__icon{ padding:0 2px; }
  .t4s-section-header .t4s-site-nav__icons svg.t4s-icon{ width:20px; height:20px; }

  /* Center the logo and keep it from making the header too tall */
  .t4s-section-header .t4s-header__logo{ text-align:center; }
  .t4s-section-header .t4s-header__logo img{
    max-height:40px;  /* adjust if needed */
    width:auto;
  }

  /* Make sure nothing gets clipped */
  .t4s-section-header .t4s-header__wrapper,
  .t4s-section-header [data-header-height]{ overflow:visible; }
}

/* Very small phones */
@media (max-width: 359.98px){
  .t4s-section-header .t4s-site-nav__icons svg.t4s-icon{ width:18px; height:18px; }
  .t4s-section-header .t4s-site-nav__icons .t4s-site-nav__icon{ padding:0 1px; }
}
}