.shopify-row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

.shopify-row .product-embed {
  flex: 1 1 300px;
  max-width: 320px;
  box-sizing: border-box;
}

.shopify-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin: 0px 0;
}

.product-embed {
  flex: 1 1 calc(33.333% - 20px);
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .product-embed {
    flex: 1 1 100%;
  }
}
.shopify-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin: 0px 0;
}

.product-embed {
  width: 100%;
  max-width: 32%;
  box-sizing: border-box;
}

/* Responsief voor tablet en mobiel */
@media (max-width: 1024px) {
  .product-embed {
    max-width: 48%;
  }
}

@media (max-width: 768px) {
  .product-embed {
    max-width: 100%;
  }
}
.drie-blokken {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  margin-top: 0px;
}

.drie-blokken .blok {
  width: 100%;
  max-width: 32%;
  background-color: #f9f9f9;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.drie-blokken img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.drie-blokken h3 {
  font-size: 20px;
  margin-top: 15px;
  color: #3e5b47;
}

.drie-blokken p {
  font-size: 16px;
  color: #555;
}

.drie-blokken .button {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 24px;
  background-color: #5c7d61;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}

.drie-blokken .button:hover {
  background-color: #3e5b47;
}

@media (max-width: 768px) {
  .drie-blokken {
    flex-direction: column;
  }

  .drie-blokken .blok {
    max-width: 100%;
  }
 .page .wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
}

.page .wp-block-column {
  flex: 1 1 22%;
  max-width: 22%;
  box-sizing: border-box;
  background-color: #f9f9f9;
  border-radius: 12px;
  text-align: center;
  padding: 1rem;
}

/* Responsive voor mobiel */
@media (max-width: 768px) {
  .page .wp-block-column {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

	/* Zorgt dat content netjes binnen de kolom blijft bij pagina's met sidebar */
.single .site-main,
.page .site-main {
  max-width: 700px;
  margin: 0 auto;
}

	/* Zorg dat gewone pagina's (met sidebar) netjes gecentreerd blijven */
.page .site-main,
.single .site-main {
  max-width: 700px;
  margin: 0 auto;
}

/* Voor pagina’s met sidebar: geef ruimte aan beide kolommen */
@media (min-width: 768px) {
  .content-area {
    width: 70%;
    float: left;
  }

  .widget-area {
    width: 30%;
    float: right;
  }
}

/* Zorg dat afbeeldingen en content niet buiten kolommen vallen */
.page .site-main img,
.page .site-main p,
.page .site-main h2,
.page .site-main h3 {
  max-width: 100%;
  box-sizing: border-box;
}

	
	/* Zorg dat content netjes binnen de kolom past */
.page .site-main {
  max-width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Specifiek voor content met sidebar */
@media (min-width: 1024px) {
  .content-area {
    width: 68%;
    float: left;
  }

  .widget-area {
    width: 30%;
    float: right;
  }

  .content-area .site-main {
    max-width: 100%;
    margin: 0;
  }
}

/* Beperk breedte van tekstblokken, zodat ze niet uitrekken */
.page .site-main p,
.page .site-main h1,
.page .site-main h2,
.page .site-main h3 {
  max-width: 100%;
}
/* Zorg dat content en sidebar netjes naast elkaar staan */
.page-template-page-sidebar-right .site-content {
  display: flex;
  flex-direction: row;
  gap: 40px;
}

/* Beperk de breedte van de hoofdinhoud */
.page-template-page-sidebar-right .content-area {
  width: 68%;
}

/* Sidebar breedte */
.page-template-page-sidebar-right .widget-area {
  width: 32%;
}

/* Maak het geheel responsief op mobiel */
@media (max-width: 768px) {
  .page-template-page-sidebar-right .site-content {
    flex-direction: column;
  }
  .page-template-page-sidebar-right .content-area,
  .page-template-page-sidebar-right .widget-area {
    width: 100%;
  }
}

	
	.single .post-thumbnail, 
.page .post-thumbnail {
  display: none;
}

	.page-id-655 .post-thumbnail {
  display: none;
}
.page-id-655 img.wp-post-image {
  display: none !important;
}
.page-id-655 img.wp-post-image {
  display: none !important;
}

	.page-id-655 .entry-header,
.page-id-655 .wp-post-image {
  display: none !important;
}

	/* Verberg uitgelichte afbeelding én header voor alleen pagina Detox Jouw Lichaam */
.page-id-655 .post-thumbnail,
.page-id-655 .entry-header,
.page-id-655 .wp-post-image,
.page-id-655 .featured-image,
.page-id-655 .hero,
.page-id-655 .page-header {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

	.product-card {
  width: calc(33.333% - 20px) !important;
  margin-bottom: 20px;
  float: left;
  box-sizing: border-box;
}

	menu mobiel
	@media (max-width: 768px) {
  .mobile_nav li, 
  .mobile_nav li a, 
  .mobile_nav .sub-menu, 
  .mobile_nav .sub-menu li a {
    background-color: #1e5631 !important; /* jouw gewenste groen */
    color: #ffffff !important; /* wit lettertype */
  }

  .mobile_nav li a:hover {
    background-color: #14512b !important; /* iets donkerder bij hover */
  }
}