@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700;800&display=swap');
:root{--ppr-blue:#2563EB;--ppr-blue-dark:#1d4ed8;--ppr-blue-light:#eff6ff;--ppr-navy:#0f172a;--ppr-gray:#64748b;--ppr-border:#e2e8f0;--ppr-radius:12px;--ppr-shadow:0 4px 24px rgba(37,99,235,0.10);}
body{font-family:'Inter',sans-serif!important;color:#1e293b;}
h1,h2,h3,h4,h5,.ppr-logo-text{font-family:'Poppins',sans-serif!important;letter-spacing:-0.02em;}
.wp-site-blocks,.wp-block-post-content,.entry-content{padding:0!important;margin:0!important;max-width:100%!important;}
.wp-block-post-content>*,.entry-content>*{max-width:100%!important;}
.ppr-nav-bar a{font-family:'Inter',sans-serif!important;font-size:13.5px!important;font-weight:600!important;color:#475569!important;text-decoration:none;padding:7px 14px;border-radius:7px;transition:background 0.18s,color 0.18s;}
.ppr-nav-bar a:hover{background:#eff6ff!important;color:#2563EB!important;}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-block-button__link{background:var(--ppr-blue)!important;border-color:var(--ppr-blue)!important;border-radius:8px!important;font-weight:600!important;transition:background 0.2s!important;color:#fff!important;}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--ppr-blue-dark)!important;}
.woocommerce ul.products li.product{border:1px solid var(--ppr-border)!important;border-radius:var(--ppr-radius)!important;overflow:hidden!important;transition:box-shadow 0.2s,transform 0.2s!important;background:#fff!important;}
.woocommerce ul.products li.product:hover{box-shadow:var(--ppr-shadow)!important;transform:translateY(-4px)!important;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Poppins',sans-serif!important;font-size:15px!important;font-weight:700!important;color:var(--ppr-navy)!important;letter-spacing:-0.01em;}
.woocommerce ul.products li.product .price{color:var(--ppr-blue)!important;font-weight:700!important;}
.woocommerce ul.products li.product a.added_to_cart{display:none!important;}
.ppr-slider-track{display:flex!important;flex-wrap:nowrap!important;transition:transform 0.45s cubic-bezier(.4,0,.2,1);}
.ppr-slider-btn{position:absolute;top:40%;transform:translateY(-50%);background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 12px rgba(0,0,0,.10);font-size:22px;color:#0f172a;transition:all 0.2s;}
.ppr-slider-btn:hover{background:#2563EB;color:#fff;border-color:#2563EB;}
.ppr-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.ppr-info-grid img{border-radius:16px;width:100%;height:420px;object-fit:cover;}
.ppr-whatsapp-btn{position:fixed;bottom:24px;right:24px;z-index:8000;background:#25D366;color:#fff!important;border-radius:50px;padding:14px 22px;font-weight:700;text-decoration:none!important;box-shadow:0 4px 20px rgba(37,211,102,0.4);display:flex;align-items:center;gap:9px;font-size:15px;transition:transform 0.2s;}
.ppr-whatsapp-btn:hover{transform:scale(1.05);}
@media(max-width:768px){.ppr-info-grid{grid-template-columns:1fr;gap:32px;}.ppr-info-grid img{height:260px;}.ppr-nav-bar{display:none;}.ppr-hamburger{display:block!important;}.ppr-header-cart{display:none!important;}}
/* Full-width fix voor Assembler theme */
.wp-block-group.alignfull,
.wp-block-cover.alignfull {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  box-sizing: border-box;
}
/* Fix horizontale scrollbar door 100vw */
html, body { overflow-x: hidden; }

/* Hero tekst centreren */
.wp-block-cover .wp-block-cover__inner-container {
  text-align: center !important;
  width: 100% !important;
}
.wp-block-cover .wp-block-cover__inner-container div {
  text-align: center;
}

/* ── PRODUCT IMAGE: disable zoom, add premium silver backdrop ── */
.woocommerce-product-gallery { background: linear-gradient(145deg,#f0f2f5,#e8eaed); border-radius: 16px; padding: 12px; box-shadow: 0 8px 32px rgba(0,0,0,.1); }
.woocommerce-product-gallery img { border-radius: 12px; }
.woocommerce-product-gallery .woocommerce-product-gallery__trigger { display: none !important; }
.woocommerce-product-gallery figure.woocommerce-product-gallery__image a { cursor: default !important; pointer-events: none; }
.woocommerce-product-gallery figure img { transform: none !important; transition: none !important; }

/* ── CATEGORY PILLS: force override WooCommerce border-radius ── */
.ppr-pills a.ppr-pill, .ppr-pills a { border-radius: 6px !important; background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; padding: 6px 14px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; display: inline-block !important; line-height: 1.5 !important; box-shadow: none !important; }

/* ── HAMBURGER MENU: ensure it shows on mobile ── */
@media (max-width: 768px) {
  .wp-block-navigation__responsive-container-open { display: flex !important; }
  .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
  .wp-block-navigation__responsive-container.is-menu-open { display: flex !important; flex-direction: column; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: #fff; padding: 24px; overflow-y: auto; }
}

/* ── MOBILE: vials grid single column ── */
@media (max-width: 768px) {
  .ppr-vials-grid { grid-template-columns: 1fr !important; }
}



/* ── USP CARDS: center all content inside ── */
.ppr-usp-card,
.ppr-usp-card * {
  text-align: center !important;
}
.ppr-usp-icon { display: block !important; text-align: center !important; margin: 0 auto 16px auto !important; }
.ppr-usp-title { text-align: center !important; }
.ppr-usp-text { text-align: center !important; }

/* Remove flex-row on mobile USP cards */
@media (max-width: 768px) {
  .ppr-usp-card { display: block !important; text-align: center !important; }
  .ppr-usp-card * { text-align: center !important; }
  .ppr-usp-icon { margin-bottom: 12px !important; }
}


/* ── HAMBURGER: absolute positioned top-right, logo stays centered ── */
@media (max-width: 768px) {
  #ppr-header { position: relative !important; }
  .ppr-hamburger-btn {
    display: flex !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 500 !important;
    padding: 4px !important;
  }
  .ppr-hamburger-btn svg {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    stroke: #0f172a !important;
    fill: none !important;
  }
}

/* ── HAMBURGER ROOT FIX: .ppr-header-actions hides the hamburger — override ── */
@media (max-width: 768px) {
  .ppr-header-actions {
    display: flex !important;
    align-items: center !important;
    background: none !important;
    padding: 0 !important;
  }
  /* Hide cart icon and other actions, only keep hamburger visible */
  .ppr-header-actions > *:not(.ppr-hamburger-btn) {
    display: none !important;
  }
  /* Hamburger button itself */
  .ppr-hamburger-btn {
    display: flex !important;
    position: static !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 500 !important;
    padding: 4px !important;
    flex-shrink: 0 !important;
  }
  .ppr-hamburger-btn svg {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    stroke: #0f172a !important;
    fill: none !important;
  }
}

/* === HEADER FLEX LAYOUT (hamburger left, logo center) === */
header.wp-block-template-part {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  padding: 10px 20px !important;
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 1px 8px rgba(0,0,0,.06);
}
header.wp-block-template-part > style { display: none !important; }
#ppr-header { display: none !important; }
/* Nav (hamburger) left */
header.wp-block-template-part > nav.wp-block-navigation { flex: 1 1 0; order: 1; }
/* Logo centered using absolute positioning */
header.wp-block-template-part > div { flex: 0 0 auto; order: 2; position: absolute; left: 50%; transform: translateX(-50%); }
/* Spacer right to balance hamburger */
header.wp-block-template-part { position: relative !important; }
/* Logo link styles */
header.wp-block-template-part .logo-link { text-decoration: none !important; display: flex; align-items: center; gap: 9px; }
header.wp-block-template-part .ppr-logo-text { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 800; color: #0f172a; }
@media (max-width: 768px) {
  header.wp-block-template-part { padding: 10px 16px !important; }
  header.wp-block-template-part > div .ppr-logo-text { font-size: 15px; }
}