.elementor-918 .elementor-element.elementor-element-17b7213f:not(.elementor-motion-effects-element-type-background), .elementor-918 .elementor-element.elementor-element-17b7213f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontwikkel9.julianros.nl/wp-content/uploads/2026/04/PXL_20260322_120154401.RAW-01.COVER_-scaled.jpg");background-position:-66px -240px;background-repeat:no-repeat;background-size:cover;}.elementor-918 .elementor-element.elementor-element-17b7213f > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-918 .elementor-element.elementor-element-17b7213f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-10px;margin-bottom:0px;padding:75px 0px 90px 0px;}.elementor-918 .elementor-element.elementor-element-91a312f > .elementor-widget-container{padding:159px 0px 0px 0px;}.elementor-918 .elementor-element.elementor-element-91a312f{text-align:center;}.elementor-918 .elementor-element.elementor-element-91a312f .elementor-heading-title{font-family:"trajan-pro-3", Sans-serif;font-size:35px;font-weight:700;color:var( --e-global-color-primary );}.elementor-918 .elementor-element.elementor-element-a83da0d:not(.elementor-motion-effects-element-type-background), .elementor-918 .elementor-element.elementor-element-a83da0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-918 .elementor-element.elementor-element-a83da0d > .elementor-background-overlay{background-image:url("https://ontwikkel9.julianros.nl/wp-content/uploads/2026/02/honeycomb-vector-background-vector-illustration.png");opacity:0.05;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-918 .elementor-element.elementor-element-a83da0d .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 2.7px ) hue-rotate( 0deg );}.elementor-918 .elementor-element.elementor-element-a83da0d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 100px 0px;}.elementor-918 .elementor-element.elementor-element-49e3672 > .elementor-widget-container{padding:100px 0px 0px 0px;}.elementor-918 .elementor-element.elementor-element-49e3672.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-918 .elementor-element.elementor-element-49e3672.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;border-radius:43px 43px 43px 43px;margin-bottom:0px;}.elementor-918 .elementor-element.elementor-element-49e3672.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:100px;}.elementor-918 .elementor-element.elementor-element-49e3672.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:100px;}.elementor-918 .elementor-element.elementor-element-49e3672.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-918 .elementor-element.elementor-element-17b7213f:not(.elementor-motion-effects-element-type-background), .elementor-918 .elementor-element.elementor-element-17b7213f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-918 .elementor-element.elementor-element-49e3672.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-918 .elementor-element.elementor-element-17b7213f:not(.elementor-motion-effects-element-type-background), .elementor-918 .elementor-element.elementor-element-17b7213f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-size:cover;}.elementor-918 .elementor-element.elementor-element-17b7213f{margin-top:-82px;margin-bottom:0px;padding:62px 0px 100px 0px;}.elementor-918 .elementor-element.elementor-element-91a312f .elementor-heading-title{font-size:28px;}.elementor-918 .elementor-element.elementor-element-49e3672.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-49e3672 *//* ============================================================
   DE PEPERBIJ — WooCommerce + Astra Grid CSS v2
   Plak in: Weergave → Aanpassen → Extra CSS
   ============================================================ */

/* ── Toolbar ── */
.woocommerce-result-count {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(229,169,31,0.5) !important;
}

.woocommerce-ordering select {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  color: rgba(229,169,31,0.6) !important;
  background: #212121 !important;
  border: 1px solid rgba(229,169,31,0.2) !important;
  border-radius: 2px !important;
  padding: 6px 12px !important;
}

/* ── Grid container ── */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

@media (max-width: 900px) {
  ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 500px) {
  ul.products { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
}

/* ── Kaart ── */
ul.products li.product {
  background: rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(229,169,31,0.15) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  transition: transform 0.4s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.4s cubic-bezier(0.4,0,0.2,1),
              border-color 0.4s ease !important;
  width: auto !important;
  float: none !important;
}

ul.products li.product:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.55), 0 0 40px rgba(229,169,31,0.12) !important;
  border-color: rgba(229,169,31,0.45) !important;
}

/* ── Link wrapper (omvat afbeelding + naam + prijs) ── */
ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product a.woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* ── Afbeelding container ── */
ul.products li.product a.woocommerce-LoopProduct-link img,
ul.products li.product a.woocommerce-loop-product__link img {
  width: calc(100% - 32px) !important;
  height: 200px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.5s cubic-bezier(0.4,0,0.2,1) !important;
  flex-shrink: 0 !important;
  margin: 16px auto 0 !important;
  border-radius: 3px !important;
}

ul.products li.product:hover img {
  transform: scale(1.06) !important;
}

/* ── Productnaam ── */
ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Trajan Pro 3', 'TrajanPro3', serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #E5A91F !important;
  padding: 16px 16px 6px !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  background: transparent !important;
}

/* ── Prijs ── */
ul.products li.product .price {
  font-family: Montserrat !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #212121 !important;
  padding: 0 16px 14px !important;
  display: block !important;
  background: transparent !important;
}

ul.products li.product .price .woocommerce-Price-amount,
ul.products li.product .price bdi {
  color: #FFFF !important;
}

/* ── Add to cart knop (tekst) ── */
ul.products li.product a.button.add_to_cart_button {
  display: block !important;
  margin: 0 16px 16px !important;
  padding: 10px 16px !important;
  border-radius: 2px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  background: #E5A91F !important;
  color: #212121 !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.2s !important;
  width: auto !important;
}

ul.products li.product a.button.add_to_cart_button:hover {
  background: #f0b830 !important;
  color: #212121 !important;
}

/* ── Read more knop (out of stock / coming soon) ── */
ul.products li.product a.button:not(.add_to_cart_button) {
  display: block !important;
  margin: 0 16px 16px !important;
  padding: 10px 16px !important;
  border-radius: 2px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  background: transparent !important;
  color: rgba(229,169,31,0.6) !important;
  border: 1px solid rgba(229,169,31,0.25) !important;
  box-shadow: none !important;
  transition: color 0.2s, border-color 0.2s !important;
  width: auto !important;
}

ul.products li.product a.button:not(.add_to_cart_button):hover {
  color: rgba(229,169,31,0.9) !important;
  border-color: rgba(229,169,31,0.5) !important;
  background: transparent !important;
}

/* ── Astra on-card bag icon — verbergen ── */
ul.products li.product a.ast-on-card-button {
  display: none !important;
}

/* ── Body tekst in kaart ── */
ul.products li.product p:not(.price),
ul.products li.product span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol) {
  color: #888888 !important;
}

/* ── Amber glow achter afbeelding ── */
ul.products li.product::before {
  content: '' !important;
  position: absolute !important;
  top: 80px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(229,169,31,0.1) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* ── Sale badge ── */
ul.products li.product .onsale {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  background: #E5A91F !important;
  color: #212121 !important;
  border-radius: 2px !important;
  padding: 4px 10px !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1 !important;
}

/* ── Mobiel ── */
@media (max-width: 600px) {
  ul.products li.product a.woocommerce-LoopProduct-link img { height: 180px !important; }
  ul.products li.product .woocommerce-loop-product__title { font-size: 12px !important; padding: 12px 12px 4px !important; }
  ul.products li.product .price { font-size: 15px !important; padding: 0 12px 10px !important; }
  ul.products li.product a.button { margin: 0 12px 12px !important; font-size: 8px !important; }
}
/* Productnaam 2pt groter op mobiel */
@media (max-width: 600px) {
  ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px !important;
  }
}/* End custom CSS */