/** Shopify CDN: Minification failed

Line 614:9 Expected ":"

**/

@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-Light-Web.woff2') format('woff2'),
		 url('Graphik-Light-Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	}

	
.Graphik-Light-Web {
	font-family: 'Graphik Web';
	font-weight: 300;
	font-style: normal;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-Thin-Web.woff2') format('woff2'),
		 url('Graphik-Thin-Web.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	}

.Graphik-Thin-Web {
	font-family: 'Graphik Web';
	font-weight: 100;
	font-style: normal;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-Bold-Web.woff2') format('woff2'),
		 url('Graphik-Bold-Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	}

.Graphik-Bold-Web {
	font-family: 'Graphik Web';
	font-weight: 700;
	font-style: normal;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-Semibold-Web.woff2') format('woff2'),
		 url('Graphik-Semibold-Web.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	}

.Graphik-Semibold-Web {
	font-family: 'Graphik Web';
	font-weight: 600;
	font-style: normal;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-Medium-Web.woff2') format('woff2'),
		 url('Graphik-Medium-Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	}

.Graphik-Medium-Web {
	font-family: 'Graphik Web';
	font-weight: 500;
	font-style: normal;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-Extralight-Web.woff2') format('woff2'),
		 url('Graphik-Extralight-Web.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	}

.Graphik-Extralight-Web {
	font-family: 'Graphik Web';
	font-weight: 200;
	font-style: normal;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-ThinItalic-Web.woff2') format('woff2'),
		 url('Graphik-ThinItalic-Web.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	}

.Graphik-ThinItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 100;
	font-style: italic;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-SemiboldItalic-Web.woff2') format('woff2'),
		 url('Graphik-SemiboldItalic-Web.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	}

.Graphik-SemiboldItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 600;
	font-style: italic;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-RegularItalic-Web.woff2') format('woff2'),
		 url('Graphik-RegularItalic-Web.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	}

.Graphik-RegularItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 400;
	font-style: italic;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-MediumItalic-Web.woff2') format('woff2'),
		 url('Graphik-MediumItalic-Web.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	}

.Graphik-MediumItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 500;
	font-style: italic;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-SuperItalic-Web.woff2') format('woff2'),
		 url('Graphik-SuperItalic-Web.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	}

.Graphik-SuperItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 900;
	font-style: italic;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-BlackItalic-Web.woff2') format('woff2'),
		 url('Graphik-BlackItalic-Web.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	}

.Graphik-BlackItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 800;
	font-style: italic;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-Super-Web.woff2') format('woff2'),
		 url('Graphik-Super-Web.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	}

.Graphik-Super-Web {
	font-family: 'Graphik Web';
	font-weight: 900;
	font-style: normal;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-Regular-Web.woff2') format('woff2'),
		 url('Graphik-Regular-Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	}

.Graphik-Regular-Web {
	font-family: 'Graphik Web';
	font-weight: 400;
	font-style: normal;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-LightItalic-Web.woff2') format('woff2'),
		 url('Graphik-LightItalic-Web.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	}

.Graphik-LightItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 300;
	font-style: italic;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-Black-Web.woff2') format('woff2'),
		 url('Graphik-Black-Web.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	}

.Graphik-Black-Web {
	font-family: 'Graphik Web';
	font-weight: 800;
	font-style: normal;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-BoldItalic-Web.woff2') format('woff2'),
		 url('Graphik-BoldItalic-Web.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	}

.Graphik-BoldItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 700;
	font-style: italic;
	}
@font-face {
	font-family: 'Graphik Web';
	src: url('Graphik-ExtralightItalic-Web.woff2') format('woff2'),
		 url('Graphik-ExtralightItalic-Web.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	}

.Graphik-ExtralightItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 200;
	font-style: italic;
	}

@font-face {
	font-family: 'Canela Web';
	src: url('Canela-ThinItalic-Web.woff2') format('woff2'),
		 url('Canela-ThinItalic-Web.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	}

.Canela-ThinItalic-Web {
	font-family: 'Canela Web';
	font-weight: 100;
	font-style: italic;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-MediumItalic-Web.woff2') format('woff2'),
		 url('Canela-MediumItalic-Web.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	}

.pitalic {
	font-family: 'Canela Web';
	font-weight: 500;
	font-style: italic;
  color: #b393d8;
  letter-spacing:0;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-Medium-Web.woff2') format('woff2'),
		 url('Canela-Medium-Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	}

.Canela-Medium-Web {
	font-family: 'Canela Web';
	font-weight: 500;
	font-style: normal;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-Black-Web.woff2') format('woff2'),
		 url('Canela-Black-Web.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	}

.Canela-Black-Web {
	font-family: 'Canela Web';
	font-weight: 900;
	font-style: normal;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-RegularItalic-Web.woff2') format('woff2'),
		 url('Canela-RegularItalic-Web.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	}

.Canela-RegularItalic-Web {
	font-family: 'Canela Web';
	font-weight: 400;
	font-style: italic;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-Thin-Web.woff2') format('woff2'),
		 url('Canela-Thin-Web.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	}

.Canela-Thin-Web {
	font-family: 'Canela Web';
	font-weight: 100;
	font-style: normal;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-Light-Web.woff2') format('woff2'),
		 url('Canela-Light-Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	}

.Canela-Light-Web {
	font-family: 'Canela Web';
	font-weight: 300;
	font-style: normal;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-LightItalic-Web.woff2') format('woff2'),
		 url('Canela-LightItalic-Web.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	}

.Canela-LightItalic-Web {
	font-family: 'Canela Web';
	font-weight: 300;
	font-style: italic;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-BlackItalic-Web.woff2') format('woff2'),
		 url('Canela-BlackItalic-Web.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	}

.Canela-BlackItalic-Web {
	font-family: 'Canela Web';
	font-weight: 900;
	font-style: italic;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-Regular-Web.woff2') format('woff2'),
		 url('Canela-Regular-Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	}

.Canela-Regular-Web {
	font-family: 'Canela Web';
	font-weight: 400;
	font-style: normal;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-Bold-Web.woff2') format('woff2'),
		 url('Canela-Bold-Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	}

.Canela-Bold-Web {
	font-family: 'Canela Web';
	font-weight: 700;
	font-style: normal;
	}
@font-face {
	font-family: 'Canela Web';
	src: url('Canela-BoldItalic-Web.woff2') format('woff2'),
		 url('Canela-BoldItalic-Web.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	}



.Canela-BoldItalic-Web {
	font-family: 'Canela Web';
	font-weight: 700;
	font-style: italic;
	}
h1,h2 {
font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom:5px;
}
.collection-icon img { margin-top:-7px;}
.breadcrumbs { padding-top: 2px; padding-bottom: 5px;}
.in-stock {font-weight: 500 !important; font-size:15px;}
.btn {transititon:none !important;}
.btn:hover {transititon:none !important;}
.blogTags li a:hover { box-shadow:none !important;}
.blogTags li a {
    border: 1px solid #280e43;
    border-radius: 99px;
}
.hero-side img {
  transition: transform 0.3s ease; /* zorgt voor vloeiende animatie */
}
.hero-side img:hover {
  transform: scale(1.01); /* iets inzoomen (5%) */
}
.wrap-blog a {
  transition: transform 0.3s ease; /* zorgt voor vloeiende animatie */
}

.wrap-blog a:hover {
  transform: scale(1.01); /* iets inzoomen (5%) */
}
.search__input {
	font-family: "Graphik Web" !important;
	color:#280E43;
	font-weight: 400 !important;
	font-size:14px;
} .newsletter-button {
	    font-family: "Graphik Web" !important;
font-weight: 500 !important;
font-size: 16px !important;
line-height: 16px !important;
letter-spacing: 0 !important;
}
#searchPopup .h4 {
    color:#280E43 !important;
}
.search__submit { display:none;}
.stickyCart .f-jcc{
  max-width: 860px;
    margin: 0 auto;
    margin-top: 5px;
}
.stickyCart .icon { height: 45px; width:50px; margin-left:8px; margin-right:8px; margin-bottom:5px; }
.stickyCart .canela-test{
font-weight: 500;
font-size: 14px;
line-height: 14px;
letter-spacing: 0;

}
.stickyCart {
  height:70px;
  background-color: #F5F2F8 !important;
  border-top:1.5px solid #EDE9F2;
}

  .blog-hero{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:32px}
  .blog-hero .hero-main{position:relative;display:block;min-height:260px;overflow:hidden}
  .blog-hero .hero-main .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02)}
  .blog-hero .hero-main .grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.0) 30%,rgba(40,14,67,.55) 100%)}
  .blog-hero .hero-main .txt{position:absolute;left:20px;bottom:18px;color:#fff;max-width:75%}
  .blog-hero .hero-main .txt h2{
font-weight: 500;
font-size: 30px;
line-height: 36px;
color:#FFF;
margin-bottom:0px;
  }

  .header-social a:hover {color:#B393D8;}

  .sticky_prijs { 
font-weight: 500;
font-size: 15px;
line-height: 15px;
letter-spacing: 0;
text-align: right;
color:#280E43;
margin-right:30px;
}

  .btn2:hover, .btn2:focus{
	background-color:#FFF !important;
	color: #31BA70 !important;
  }
.menu_chevron{
      margin-top: 7px;
    margin-left: -7px;
}


  .blog-hero .hero-main .txt .date{opacity:.85;margin-top:6px;font-size:14px}

  .blog-hero .hero-side{display:grid;gap:24px}
  .blog-hero .hero-side .item {
  display: grid;
  grid-template-columns: 220px 1fr; /* eerste kolom exact 220px breed */
  gap: 12px;
  align-items: center;
}
  .blog-hero .thumb {
  width: 220px;
  height: 124px;
  object-fit: cover;   /* beeld vult altijd het kader, randen vallen weg */
  border-radius: 5px;
  display: block;
}

.blog-hero a {text-decoration:none;}

  .blog-hero .meta h3{
font-weight: 500;
font-size: 20px;
line-height: 26px;
letter-spacing: 0;
margin-bottom:5px;
color:#280E43;
}
  .blog-hero .meta .date{font-size:13px;color:#666}



.blog-hero .hero-main {
  width: 100%;
  min-height: 360px;
  border-radius: 5px;
  overflow: hidden;
}
.wrap-blog a{ border-radius:5px; }
@media(min-width:992px){
  .blog-hero {
  display: grid;
  grid-template-columns: minmax(0, 770px) 1fr; /* max 770px voor de eerste, rest voor de tweede */
  gap: 22px;
}
  .blog-hero .hero-main {
    min-height: 360px;
    max-width: 770px;   /* <--- ook op desktop */
  }
}

.article__date{ padding-left:0px;}
.siteNavigation li { padding-left:0px;}
.blogTags .active a { background-color: #502280; color:#FFF !important;}
.blogTags li { padding-left:0px;} 
.blogTags li a { 
text-decoration:none;
font-weight: 500;
font-size: 15px;
line-height: 15px;
letter-spacing: 0;
color: #502280;
padding: 10px 10px 10px 10px;
}
.article__grid-meta a {text-decoration:none;}

.upgrade-cards { margin-top: 1rem; }
.upgrade-card { display:block; text-decoration:none; color:inherit; margin:0 0 .8rem; }

.upgrade-card__box{
  display:flex; gap:.75rem; align-items:flex-start;
  border:2px solid #eee; border-radius:5px; padding:14px 16px;
  background:#F5F2F8;
}
.upgrade-card__check{
  flex:0 0 22px; width:22px; height:22px; border-radius:50%;
  border:2px solid #EDE9F2; background:#fff; margin-top:2px; position:relative;
}
.upgrade-card__content{ flex:1; }
.upgrade-card__heading{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  color:#7a6b8f; font-weight:600;
}
.upgrade-card__title {
font-weight: 500;
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
 }
.upgrade-card__title em {
	    font-family: "Canela Web" !important;
font-weight: 500;
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
color: #280E43;
 }

.upgrade-card__price{
font-weight: 500;
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
text-align: right;
color: #280E43;
}
.upgrade-card__desc, .upgrade-card__desc .metafield-rich_text_field p{ 
display:block; margin-top:.35rem;
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0;
color: #280E43;
max-width 80%;
 }
.product-single__title .canela-test {
font-weight: 500;
font-size: 34px;
line-height: 34px;
letter-spacing: 0;
}
.payment-icons {
font-weight: 500;
font-size: 12px;
line-height: 12px;
letter-spacing: 0;
}

/* “geselecteerd”-uiterlijk bij hover/focus */
.upgrade-card:hover .upgrade-card__box,
.upgrade-card:focus-visible .upgrade-card__box{
  border-color:#280E43;
}
.upgrade-card:hover .upgrade-card__check,
.upgrade-card:focus-visible .upgrade-card__check{
  border-color:#280E43;
}

.metafield-rich_text_field p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0;

}

.sticky-title {
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #280E43;
min-width:440px;
}
.stickCtImg{
	border: 1.5px solid #EDE9F2;
	border-radius:5px;
}
.stickyCart .btn2:hover {border:1px solid #31ba70;}

ol li::marker {
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
color:#B393D8;
margin-right:20px;
}



ol li,ul li {
	padding-left:15px;
}

.stickyQty {
  display:none;
}
.footer-bottom, .footer-inline-links li a {
	text-decoration:none;
}
.grid-view-item__title{
font-size:18px;
text-decoration:none;
}
.top-header a{
	text-decoration:none;
}

.template-page .page-title{
  text-align: left;
font-weight: 600;
font-size: 40px;
line-height: 46px;
}

.template-blog time{
font-weight: 500;
font-size: 12px;
line-height: 12px;
color: #B393D8;
}
.template-blog .publish-detail {
  margin-top:-10px;
}

.template-article .article_featured-image img {
  width: 100%;
}

.template-article .flickity-page-dots{
  display:none;
}

.template-article .grid-view-item {
  text-align: left;
}
.template-article .gview-titel {
  padding: 30px 30px 0px 10px;
}
.template-article .publish-detail {
  display: none;
}
.template-article .blog-nav {
  display: none;
}
.template-article .return-link-wrapper {
  display: none;
}
.template-article h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 34px;
  color: #280e43;
}
.template-article .bredcrumbWrap {
  display:none;
}
.template-article time {
font-weight: 500;
font-size: 12px;
line-height: 12px;
color:#B393D8;
margin-bottom:20px;
}
.template-article h1 {
font-weight: 600;
font-size: 40px;
line-height: 46px;
}

.template-article h2 {
  margin-top: 30px !important;
font-weight: 600;
font-size: 30px;
line-height: 34px;
}
p { color: #280e43 !important;}
.hero-text p { color:#FFF !important;}
.cta-card__body p { color:#FFF !important;}
.wrap-newsletter p { color:#FFF !important;}
.template-article h3 {
    margin-top: 30px;
  margin-bottom: 20px;
font-weight: 600;
font-size: 24px;
line-height: 28px;
}

.template-article img {
  border-radius: 0px 0px 5px 5px;
}

.article { margin-bottom:50px;}
a {text-decoration:underline; font-weight: 500;}
a:hover {color:#280e43;}

strong{font-weight:600;}
body {line-height: 26px;}


.rte ul li::marker { color:#B393D8;}
.grid-view-item{border:0px; display:block;}
#siteNav div.megamenu.style5 .gitem {text-align:left !important;}
.bg-menu a{background-color:#F5F2F8;  border-radius: 5px; padding:15px 0px 15px 15px !important; 
font-weight: 500 !important;
font-size: 20px !important;
line-height: 24px !important;
}

.knop-allergietesten a:hover {background-color:#F4CF4B; }
.knop-allergietesten a:hover .menutitel{color:#FFF;}
.knop-vitaminetesten a:hover {background-color:#128C80; }
.knop-vitaminetesten a:hover .menutitel{color:#FFF;}
.knop-hormoontesten a:hover {background-color:#A24B85; }
.knop-hormoontesten a:hover .menutitel{color:#FFF;}
.knop-darmtesten a:hover {background-color:#7F3F40; }
.knop-darmtesten a:hover .menutitel{color:#FFF;}
.knop-psychische-testen a:hover {background-color:#C8BC79; }
.knop-psychische-testen a:hover .menutitel{color:#FFF;}
.knop-drinkwatertesten a:hover {background-color:#36BEFF; }
.knop-drinkwatertesten a:hover .menutitel{color:#FFF;}
.knop-soa-zelftest a:hover {background-color:#FF9BA0; }
.knop-soa-zelftest a:hover .menutitel{color:#FFF;}
.knop-overige-testen a:hover {background-color:#9CCEA8; }
.knop-overige-testen a:hover .menutitel{color:#FFF;}


.lvl1.parent:hover {background-color:#B393D8;}
.lvl1.parent:hover a{ color:#FFF !important;}
.menutitel {color:#280E43;}
#siteNav div.megamenu.style5 .gitem a {
  display: flex;
  align-items: center; /* verticaal centreren */
  gap: 8px; /* ruimte tussen afbeelding en tekst */
  text-decoration: none; /* optioneel: verwijdert onderstreping */
}
.grid-view-item.style3 .details {padding:0 30px 30px 30px; display:block;}
.gridSwatches{ margin-top:0px; border-bottom:0px !important;}
.gview-img {border-radius: 5px 5px 0 0 !important;}
.gview-titel { text-align:left; padding:30px 30px 0 30px; }
.grid-view-item
 {
    border: 1.5px solid #ede9f2;
    border-radius: 5px;
}
.site-header .icons-col {margin-top: -10px; }
.at-angle-down-l:before {
    font-size: 21px;
}
h2 {color: #280E43;}
.carousel .grid-view-item {
    border-radius: 5px;
}
.pr_price, .psinglePrice {
    color: #280e43;
    font-weight: 500;
}
.btn.btn-sm {
    padding: 15px 20px;
    font-size: 15px;
}
.contact-banner{
    padding-left:50px !important;
    padding-right:20px !important;
}
.contact-card{
    box-shadow:none !important;
}
#site-scroll{
    border: 1.5px solid #280E43;
}
#site-scroll .at{
    vertical-align:baseline;
}
.wrap-newsletter p{
font-weight: 400;
font-size: 18px;
line-height: 26px;
}

.product-single .mb0 {
  font-family: "Canela Web" !important;
font-weight: 500;
font-style: Italic;
font-size: 15px;
line-height: 15px;
letter-spacing: 0%;
}
.productomschrijving{
    width:940px;
    margin: 0 auto;
}
.site-footer {
    margin-top: 0px !important;
}



.grid-view-item .product-description {font-size:14px;}
.gridbt {color:#280E43;}
.usp-list{
font-weight: 500;
font-style: Medium;
font-size: 12px;
line-height: 12px;
}
.usp-list li{
	padding-left:0px;
}
.productomschrijving ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.productomschrijving ul li {
    list-style: disc;
}
.productomschrijving ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.productomschrijving ol li {
    list-style: decimal;
}
.productomschrijving ul li::marker {
  color: #B393D8; /* kleur van het bolletje */
}
.productomschrijving ol li::marker {
  color: #B393D8; /* kleur van het bolletje */
}
.usp-list li{ margin-bottom:5px;}

.at-cart-l:before {
        margin-top: -7px;
    display: inline-block;
    width: 24px;
    height: 24px;
    content: url(https://yourshealthtest.nl/cdn/shop/t/6/assets/adtocart.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.product-stock{
        margin-top: -5px;
}

#faq-title {
    font-family: "Graphik Web" !important;
    font-weight: 500 !important;
    font-style: normal !important;
    padding-left: 7px;
}
#faq-content{
    padding-left:20px;
    font-family: "Graphik Web" !important;
font-weight: 400;
font-size: 18px;
line-height: 26px;
}

.site-header a.hdicon {
    position: relative;
    color: #280e43;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0 9px;
}



.blogimg-width{
      margin: 0 auto;
    max-width: 1440px;
}

.mobile-logo { display: none !important; }

.stickyHeader .site-header {
    min-height: 90px;
}
  .footer-top .h4{
font-family: "Graphik Web" !important;
font-weight: 500;
font-size: 20px;
line-height: 24px;

  }
@media screen and (min-width: 1025px) and (max-width: 1124px) {


.blog--list-view {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FFF;
    padding-left: 160px;
    padding-right: 160px;
}

    #siteNav>li {
        display: inline-block;
        text-align: left;
        margin-right: 0px;
    }
    .lvl1.parent {
    padding: 2px 10px;
}
    #siteNav>li>a {
        padding: 0 5px;
    }
}

.mobile-nav-wrapper{top:90px; width:360px; max-width:360px; padding-top: 15px; box-shadow:none;}
.MobileNav li a {padding: 5px 0 5px 20px;}
.MobileNav li {border-top:0px;}
.closemmn{ display:none;}
.modalOverly{opacity:0.4 !important;}
.modalOverly {
    background-color: #280E43;
        top: 90px;
}
body.menuOn {  
    overflow: hidden;
  height: 100vh;}
  
.mm-categorie{
    background-color:#F5F2F8;
    border-radius:5px;
    margin: 10px 20px;
    height:90px;
    width:320px;
    font-size:20px !important;
}
.mm_afbeelding{ margin-right:15px;}
.MobileNav {
    padding-bottom: 100px;
}
.MobileNav li a {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #280E43;
letter-spacing: 0;
min-height: 40px;
}

.MobileNav li a.mm-categorie {
    font-size: 22px;
}

.open .at-bars-l:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><path d="M21 9.83643H1C0.45 9.83643 0 10.273 0 10.8067C0 11.3403 0.45 11.7769 1 11.7769H21C21.55 11.7769 22 11.3403 22 10.8067C22 10.273 21.55 9.83643 21 9.83643Z" fill="%23502280"/><path d="M1 5.9556H21C21.55 5.9556 22 5.51899 22 4.98537C22 4.45174 21.55 4.01514 21 4.01514H1C0.45 4.01514 0 4.45174 0 4.98537C0 5.51899 0.45 5.9556 1 5.9556Z" fill="%23502280"/><path d="M21 15.6577H1C0.45 15.6577 0 16.0943 0 16.6279C0 17.1616 0.45 17.5982 1 17.5982H21C21.55 17.5982 22 17.1616 22 16.6279C22 16.0943 21.55 15.6577 21 15.6577Z" fill="%23502280"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
.close .at-bars-l:before{
  content: "";
  display: inline-block;
  width: 22px;
  height: 25px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="25" viewBox="0 0 22 25"><path d="M12.41 10.5288L18.77 3.5227C19.16 3.09308 19.16 2.39908 18.77 1.96946C18.38 1.53984 17.75 1.53984 17.36 1.96946L11 8.97558L4.64 1.95845C4.25 1.52883 3.62 1.52883 3.23 1.95845C2.84 2.38807 2.84 3.08207 3.23 3.51169L9.59 10.5178L3.23 17.5239C2.84 17.9535 2.84 18.6475 3.23 19.0772C3.62 19.5068 4.25 19.5068 4.64 19.0772L11 12.071L17.36 19.0772C17.75 19.5068 18.38 19.5068 18.77 19.0772C19.16 18.6475 19.16 17.9535 18.77 17.5239L12.41 10.5178V10.5288Z" fill="%23502280"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
#PageContainer{margin-bottom:0px;}

.pageCnt{ margin-bottom:40px;}

.footer-bottom, .footer-inline-links li a:hover{ color:#FFF; text-decoration:none !important;}

.health-promo__logo img { height:30px;}

.faq-body{     background-color: #F5F2F8; margin-bottom:12px; padding:15px; border-radius:5px; }
.faq-body .panel-title { padding:0px;
font-weight: 500;
font-size: 20px;
line-height: 24px;
letter-spacing: 0;
color: #280E43;
}
.faq-body .at {
    font-size: 12px;
    background-color: #280E43;
    padding: 7px 7px 7px 7px;
    color: #FFF;
	height: 26px;
	margin-left: 5px;
}

.faq-body .panel-content {
font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
margin-top:20px;
padding:0px;
}

	.faq-titel{
font-weight: 500;
font-size: 40px;
line-height: 45px;
letter-spacing: 0;

	}
	.faq-style1{
		margin-top:20px;
		margin-left:-10px;
margin-right:-10px;
	}

@media (max-width: 1024px) {
	.feature-row { margin-left:-15px; margin-right:-15px; }
	.row-text { padding-left:15px !important; padding-right:15px !important; }
	.footer-logo { margin-top:20px;}
	.mb-cta-wrap { margin-top:25px !important; margin-bottom:25px !important; text-align:left !important;}
	.mb-item{ padding-left:0px;}
	.mb-title{
		
font-weight: 500 !important;
font-size: 12px !important;
line-height: 18px !important;
letter-spacing: 0 !important;
color:#280E43;
	}
	.mb-date{
font-weight: 500 !important;
font-size: 12px !important;
line-height: 12px !important;
letter-spacing: 0 !important;
color: #B393D8 !important;
	}
.hero-section { margin-bottom:30px; margin-top:30px;}
	.gview-img{border-radius: 5px 5px 5px 5px !important;}
	
.health-promo__image {
	margin-left:-15px;
	margin-right:-15px;
}

	.product-omschrijving__inner h2 {
font-weight: 600;
font-size: 26px;
line-height: 32px;
letter-spacing: 0;
	}

	.steps-trio__title {
font-weight: 500;
font-size: 24px;
line-height: 26px;
letter-spacing: 0;
}

.product-omschrijving__inner p {
font-weight: 400;
font-size: 18px;
line-height: 24px;
letter-spacing: 0;
}



.vu-title{
font-weight: 600 !important;
font-size: 26px !important;
line-height: 32px !important;
letter-spacing: 0 !important;
}
.vu-text{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0;
}


.voorbeelduitslag{margin:10px; border-radius: 5px;}

.professional-faqs { margin-left:-20px !important; margin-right:-20px !important;}

#faq-title {
font-weight: 500 !important;
font-size: 16px !important;
line-height: 22px !important;
letter-spacing: 0 !important;
}

	.sticky-title {
min-width:140px;
font-size:12px;
line-height: 16px;
padding: 0 25px 0 10px !important;
}
.sticky_prijs{
	font-size:12px;
line-height: 12px;
margin-right: 10px;
}

#site-scroll{ display:none !important;}

.stickyCart .icon { height: 40px; width:40px; margin-left:3px; margin-right:8px; margin-bottom:5px; }
.stickyCart .stAddtocart_js {
         width: 86px !important;
    }
	.faq-titel{
font-weight: 600;
font-size: 26px;
line-height: 32px;
letter-spacing: 0;
color: #280E43;
margin-left:-10px;
margin-right:-10px;
	}
	.faq-style1{
		margin-top:20px;
		margin-left:-10px;
margin-right:-10px;
	}


.faq-body .panel-title {
font-size: 16px;
line-height: 22px;
}
.faq-body .panel-content {
font-size: 16px;
line-height: 24px;
}
	.collection .feature-row>div { margin-top:0px; margin-bottom:30px;}
	.uo-wrap{ margin-left:15px !important; margin-right:15px !important;}
	#Collection .grid-products .gitem .grid-view-item.style3 { border:0px !important; padding:0 !important;}
	#Collection .grid-products .gitem .gview-img .gitem-img { width:120px !important; }
	.collectie_titel { font-size:32px !important;}
	.collectie_intro{ font-size:16px !important;}
	.collection 

		

	.MobileNav li {padding-left:0px;}

	.blog--list-view {
		padding-top:40px;
	}
.template-article h1 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
}
.template-article h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
}
.template-article h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
}
.footer-inline-links{
	display: block !important;
}
.footer-inline-links li{
	display: block !important;
	padding-top:15px;
}

    .grid-products .gitem{ border-bottom:1px solid #ede9f2; padding-top: 15px;}

    .grid-view-item.style3 .details {
    padding: 0 !important;
}
    .product-rows .grid-view-item {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    column-gap: 12px;
    align-items: center;
    text-align: left;
    margin-bottom: 10px;
  }
  .productomschrijving{
    width:100%;
    margin: 0 auto;
}
  .index-section.product-rows .grid-view-item .gview-img   { grid-column: 1;
        border: 1px solid #ede9f2;
        border-radius: 5px;
        min-width:120px;
    }

.productList .gview-img   {
	grid-column: 1;
        border: 1px solid #ede9f2;
        border-radius: 5px;
        min-width:120px;
    }

  .index-section.product-rows .grid-view-item .gview-titel { grid-column: 2;
    text-align: left;
    padding: 15px 5px 0;
    
}
.grid-view-item__title{
font-size:18px;
text-decoration:none;
}

  /* Alles wat niet de bovenste twee blokken is (zoals .details) full-width eronder */
  .index-section.product-rows .grid-view-item > :not(.gview-img):not(.gview-titel) {
    grid-column: 1 / -1;
  }


.grid-view-item{border:0px; display:flex;}
.footer-links li {
    margin-bottom: 15px;
	padding-left:0px;
}
.social-icons li{padding-left:0px;}
    .footer-block__item+.footer-block__item {
        border-top: 0px;
    }
    .footer-block__item {
        padding: 0px 0;
    }

.newsletter-form {
    margin-bottom: 30px;
}
 .hide-on-mobile {
    display: none !important;
  }
  .footer-middle__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px; /* ruimte tussen de blokken */
  }
  .footer-col {
    width: 100% !important;
    margin-bottom: 10px !important;
    padding-left: 0px !important;
  }
  /* spacer sowieso verbergen op mobiel (je hebt al hide-on-mobile) */
  .footer-col--spacer {
    display: none !important;
     
  }

.wrap-newsletter p{
font-family: "Graphik Web" !important;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}

  .contact-inner { flex-direction: column; }
  .contact-content { order: 1; }  /* tekst eerst */
  .contact-image  { order: 2; }  /* afbeelding daarna */


    .contact-inner{
        text-align:left !important;
    }
    .contact-banner {
    padding: 40px 20px 0px 20px !important;
}
        .feature-row>div {
        width: 100%;
        margin-top: 50px;
    }
.grid-view-item .button-set .btn {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    border: 0;
    background-color: #31ba70;
    position: relative;
    font-size: 16px;
    padding: 0;
    margin: 3px;
    line-height: 48px;
    width: 100%;
    height: 50px;
    text-align: center;
    border-radius: 30px;
}

    .bannerttlTxt{
font-weight: 600;
font-style: Semibold;
font-size: 34px;
line-height: 40px;
}
    .site-header { margin-top:3px;}
   .desktop-logo { display: none !important; }
  .mobile-logo { display: inline-block !important; margin-top:14px;}
      .header-logo {
        text-align: left;
        
    }
      .site-header .mobile-nav, .site-header .icons-col {
        max-width: 40px;
    }
}

.winkelmandje {color:#b393d8;}


.grid-view-item .button-set .btn:hover{
	background-color:#FFF;
	border:1.5px solid #31BA70;
	color:#31BA70;
}

.grid-view-item .button-set .btn:hover i:before
{
	content: url(https://yourshealthtest.nl/cdn/shop/t/6/assets/adtocarthover.svg);
}

.footer-top a:hover {color:#FFF; text-decoration:none; opacity:1;}
#shopify-section-footer .social-link:hover i {color: #502280;}
#shopify-section-footer .social-link:hover {background:#B393D8 !important; }
#siteNav>li>a:hover { color:#B393D8;}

.contact-cards a:hover {color:#502280;}

.contact-cards a .card-icon circle {
  stroke: var(--circle-stroke, #502280);
  fill: var(--circle-fill,rgb(255, 255, 255));
}
.contact-cards a .card-icon .binnen {
	color:#502280;
}
.contact-cards a:hover .card-icon .binnen {
	color:#FFF;
}

.contact-cards a:hover .card-icon circle {
  stroke: var(--circle-stroke, #502280);
  fill: var(--circle-fill, #502280);
}

.at-search-l:hover { background-image: url(search_hover.svg); }
.at-user-expand:hover { background-image: url(accounthover.svg); }
.at-sq-bag:hover { background-image: url(winkelwagenhover.svg); }



@media (min-width: 1025px) {

.category-container {
    width: 940px !important;
    margin: 0 auto !important;

}

  .index-section.product-rows .grid-view-item {
    display: block; /* of: grid-template-columns: 1fr; */
  }
  .grid-view-item .product-description {min-height: 120px;}

.blog--list-view {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FFF;
    padding-left: 160px;
    padding-right: 160px;
	border-radius: 5px;
}
.template-article .section-header {
  height: 180px;
  margin-top: -180px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.template-article .section-header h1 {
  margin: 0;
  margin-top: 8px;
}
.template-article .related-product {
  margin-top: 100px;
  margin-left: -200px;
  margin-right: -100px;
  width:1300px;
}
}