/* JouwBox kop/voet (v1, 27 okt 2026): header, mobiel menu, belofte, footer, mission en copyright precies zoals de homepage.
   Gegenereerd uit de homepage-CSS + global.css in documentvolgorde (variabelen ingevuld, selectors met html-voorvoegsel). Terugdraaien: <link> naar jb-kopvoet-v1.css uit de pagina halen. */
html .jb-sticky-top, html .jb-mobile-menu, html .jb-promise, html .jb-footer, html .jb-mission, html .jb-footer-bottom{--forest:#2c4a3e;--forest-hover:#365d4e;--sage:#6b8f71;--sage-light:#9db4a0;--sage-mist:#dce8dd;--sage-whisper:#eef4ef;--sage-frost:#f5faf6;--honey:#c4a265;--honey-light:#d4b87a;--honey-glow:rgba(196,162,101,0.15);--linen:#faf7f2;--sand:#f3ede4;--sand-mid:#e8e0d4;--white:#ffffff;--text-deep:#2c4a3e;--text-body:#5a5a52;--text-soft:#8a8578;--text-whisper:#b0a99e;--trustpilot:#00b67a;--max-w:1100px;--fs-display:32px;--fs-h2:26px;--fs-h3:20px;--fs-body-lg:16px;--fs-body:15px;--fs-small:13px;--fs-xs:11px}
html .jb-sticky-top *, html .jb-sticky-top *::before, html .jb-sticky-top *::after, html .jb-mobile-menu *, html .jb-promise *, html .jb-footer *, html .jb-mission *, html .jb-footer-bottom *{box-sizing:border-box;margin:0;padding:0}
html .jb-sticky-top, html #mobileMenu, html .jb-promise, html .jb-footer, html .jb-mission, html .jb-footer-bottom{font-family:Lato, Arial, sans-serif;font-size:18px;line-height:1.7;color:#5a5a52;letter-spacing:normal;text-align:start}
html .jb-sticky-top{position: sticky;
  top: 0;
  z-index: 900;
  box-shadow: 0 2px 16px rgba(44,74,62,0.06);}
html .jb-header{background: #ffffff;
  padding: 0 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
  border-bottom: none;
  position: relative;}
html .jb-header::after{content: "";
  position: absolute;
  bottom: -20px; left: 0; right: 0;
  height: 20px;
  background: linear-gradient(to bottom, #ffffff, transparent);
  pointer-events: none;}
html .jb-logo{display: flex; align-items: center; text-decoration: none;}
html .jb-logo img{height: 54px; width: auto; display: block; margin: -6px 0 -6px 0;}
html .jb-nav{display: flex; align-items: center; gap: 2px; list-style: none;}
html .jb-nav li a{padding: 8px 18px; font-size: 18px; color: #5a5a52; text-decoration: none; border-radius: 10px; transition: all 0.25s; display: block;}
html .jb-nav li a:hover{color: #2c4a3e; background: #f5faf6;}
html .jb-nav-cta{padding: 11px 26px; background: #2c4a3e; color: #ffffff !important;
  font-weight: 700 !important; font-size: 17px !important; letter-spacing: 0.4px;
  text-transform: uppercase; border-radius: 50px; margin-left: 12px;
  box-shadow: 0 2px 8px rgba(44,74,62,0.12), 0 0 0 2px rgba(196,162,101,0.35); transition: all 0.3s;
  animation: goldenPulseNav 3s ease-in-out infinite;}
html .jb-nav-login{color: #c4a265 !important; font-weight: 700 !important;}
html .jb-nav-login:hover{color: #d4b87a !important; background: rgba(196,162,101,0.08) !important;}
html .jb-nav-cta:hover{background: #365d4e !important; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(44,74,62,0.2), 0 0 0 3px rgba(196,162,101,0.6) !important; animation: none;}
html .jb-order-dropdown{position: relative; list-style: none;}
html .jb-order-btn{cursor: pointer; border: none; font-family: inherit;}
html .jb-order-menu{display: none; position: absolute; right: 0; top: 100%;
  padding-top: 8px; min-width: 240px; z-index: 9999;}
html .jb-order-dropdown.open .jb-order-menu{display: block;}
html .jb-order-menu a{display: flex; align-items: center; gap: 14px; padding: 14px 18px; text-decoration: none; transition: background .15s;}
html .jb-order-menu a:hover{background: #f5faf6;}
html .jb-om-icon{width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;}
html .jb-om-icon-member{background: #eaf2eb;}
html .jb-om-icon-losse{background: #fdf6ec;}
html .jb-om-icon-cadeau{background: #fdf0e8;}
html .jb-om-icon-special{background: #fdf6ec;}
html .jb-om-icon-shop{background: #eaf2eb;}
html .jb-om-text{flex: 1;}
html .jb-om-title{font-size: 15px; font-weight: 700; color: #2c4a3e; margin-bottom: 2px;}
html .jb-om-sub{font-size: 12px; color: #9a9488;}
html .jb-om-price{font-size: 15px; font-weight: 700; color: #2c4a3e; flex-shrink: 0;}
html .jb-om-divider{height: 1px; background: #f3ede4; margin: 0 18px;}
html .jb-burger{display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; z-index: 1001;}
html .jb-burger span{display: block; width: 22px; height: 2px; background: #2c4a3e; border-radius: 2px; transition: all 0.3s;}
html .jb-burger.open span:nth-child(1){transform: rotate(45deg) translate(5px, 5px);}
html .jb-burger.open span:nth-child(2){opacity: 0;}
html .jb-burger.open span:nth-child(3){transform: rotate(-45deg) translate(5px, -5px);}
html .jb-mobile-menu{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 1000; padding: 80px 0 0; opacity: 0; transition: opacity 0.3s; overflow-y: auto;}
html .jb-mobile-menu.open{display: flex; flex-direction: column; opacity: 1;}
html .mm-member-bar{margin: 0 24px 20px; padding: 18px 20px; background: linear-gradient(135deg, #f5faf6, rgba(196,162,101,0.15)); border-radius: 16px; border: 1px solid #dce8dd; display: flex; align-items: center; gap: 14px; text-decoration: none;}
html .mm-member-icon{width: 44px; height: 44px; border-radius: 50%; background: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.06);}
html .mm-member-info{flex: 1;}
html .mm-member-name{font-family: "Playfair Display", Georgia, serif; font-size: 20px; font-weight: 700; color: #2c4a3e;}
html .mm-member-points{font-size: 16px; color: #6b8f71; margin-top: 2px;}
html .mm-member-arrow{color: #9db4a0; font-size: 22px;}
html .mm-edition{margin: 0 24px 20px; padding: 16px 20px; background: #ffffff; border-radius: 14px; border: 1px solid #c4a265; display: flex; align-items: center; gap: 14px; text-decoration: none; transition: all 0.2s;}
html .mm-edition:active{transform: scale(0.98);}
html .mm-edition-badge{background: #c4a265; color: #ffffff; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 10px; border-radius: 20px;}
html .mm-edition-title{font-family: "Playfair Display", Georgia, serif; font-size: 19px; font-weight: 700; color: #2c4a3e; margin-top: 4px;}
html .mm-edition-sub{font-size: 16px; color: #8a8578; margin-top: 2px;}
html .mm-edition-arrow{color: #c4a265; font-size: 22px; margin-left: auto; flex-shrink: 0;}
html .mm-section{padding: 0 24px; margin-bottom: 8px;}
html .mm-section-label{font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #b0a99e; padding: 12px 0 4px;}
html .mm-nav{list-style: none;}
html .mm-nav li a{display: flex; align-items: center; gap: 14px; padding: 14px 0; font-family: "Lato", Arial, sans-serif; font-size: 20px; font-weight: 600; color: #2c4a3e; text-decoration: none; border-bottom: 1px solid #f3ede4; transition: color 0.2s;}
html .mm-nav li:last-child a{border-bottom: none;}
html .mm-nav li a:hover{color: #6b8f71;}
html .mm-nav-icon{width: 32px; height: 32px; border-radius: 10px; background: #f5faf6; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0;}
html .mm-nav-icon.gold{background: rgba(196,162,101,0.15);}
html .mm-ctas{padding: 20px 24px 8px;}
html .mm-cta-primary{display: block; text-align: center; padding: 16px; background: #2c4a3e; color: #ffffff; font-size: 18px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; text-decoration: none; border-radius: 50px; margin-bottom: 10px;}
html .mm-cta-secondary{display: block; text-align: center; padding: 14px; background: #ffffff; color: #2c4a3e; font-size: 18px; font-weight: 700; text-decoration: none; border-radius: 50px; border: 1.5px solid #dce8dd;}
html .mm-footer{padding: 16px 24px 32px; text-align: center;}
html .mm-footer-trust{font-size: 16px; color: #8a8578; margin-bottom: 12px;}
html .mm-footer-trust span{color: #00b67a;}
html .mm-footer-social{display: flex; justify-content: center; gap: 12px;}
html .mm-footer-social a{width: 36px; height: 36px; border-radius: 50%; background: #f5faf6; border: 1px solid #dce8dd; display: flex; align-items: center; justify-content: center; color: #6b8f71; text-decoration: none; font-size: 18px;}
html .jb-promise{background: #f5faf6; border-top: none; border-bottom: none; padding: 22px 40px; position: relative;}
html .jb-promise::before{display: none;}
html .jb-promise::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 20px; background: linear-gradient(to bottom, #f5faf6, #ffffff); pointer-events: none;}
html .jb-promise-inner{max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap;}
html .jb-promise-item{display: flex; align-items: center; gap: 12px; font-size: 17px; color: #2c4a3e; font-weight: 500;}
html .jb-promise-icon{width: 36px; height: 36px; border-radius: 50%; background: #dce8dd; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0;}
html .jb-promise-sep{width: 1px; height: 24px; background: #dce8dd;}
html .jb-footer{background: #ffffff; padding: 60px 48px 44px;}
html .jb-footer-inner{max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 0.8fr 0.8fr 0.6fr 1.4fr; gap: 44px;}
html .jb-footer-title{font-family: "Playfair Display", Georgia, serif; font-size: 21px; font-weight: 700; color: #2c4a3e; margin-bottom: 20px;}
html .jb-footer-about p{font-size: 18px; color: #5a5a52; line-height: 1.85; margin-bottom: 22px;}
html .jb-footer-social{display: flex; gap: 10px;}
html .jb-footer-social a{width: 38px; height: 38px; border-radius: 50%; background: #f5faf6; border: 1px solid #dce8dd; display: flex; align-items: center; justify-content: center; color: #6b8f71; text-decoration: none; transition: all 0.3s;}
html .jb-footer-social a:hover{background: #2c4a3e; border-color: #2c4a3e; color: #ffffff; transform: translateY(-3px); box-shadow: 0 4px 12px rgba(44,74,62,0.2);}
html .jb-footer-links{list-style: none;}
html .jb-footer-links li{margin-bottom: 11px;}
html .jb-footer-links a{font-size: 18px; color: #5a5a52; text-decoration: none; transition: color 0.2s; border-bottom: 1px solid transparent; padding-bottom: 1px;}
html .jb-footer-links a:hover{color: #2c4a3e; border-bottom-color: #9db4a0;}
html .jb-footer-newsletter p{font-size: 18px; color: #5a5a52; line-height: 1.8; margin-bottom: 18px;}
html .jb-footer-form{display: flex; gap: 8px;}
html .jb-footer-form input[type="email"]{flex: 1; padding: 13px 18px; font-size: 18px; font-family: "Lato", Arial, sans-serif; border: 1px solid #e8e0d4; border-radius: 10px; background: #faf7f2; color: #2c4a3e; outline: none; transition: border-color 0.25s, box-shadow 0.25s; min-width: 0;}
html .jb-footer-form input[type="email"]:focus{border-color: #9db4a0; box-shadow: 0 0 0 3px rgba(107,143,113,0.1);}
html .jb-footer-form input::placeholder{color: #b0a99e;}
html .jb-footer-form button{padding: 13px 22px; background: #2c4a3e; border: none; border-radius: 10px; font-size: 17px; font-weight: 700; color: #ffffff; font-family: "Lato", Arial, sans-serif; cursor: pointer; transition: all 0.25s; white-space: nowrap;}
html .jb-footer-form button:hover{background: #365d4e; transform: translateY(-1px);}
html .jb-footer-trust{margin-top: 20px; display: flex; align-items: center; gap: 8px;}
html .jb-footer-trust-stars{color: #00b67a; font-size: 17px; letter-spacing: 1px;}
html .jb-footer-trust-text{font-size: 16px; color: #8a8578;}
html .jb-mission{background: #ffffff; padding: 0 48px 36px;}
html .jb-mission-inner{max-width: 1100px; margin: 0 auto; background: #f5faf6; border-radius: 16px; padding: 28px 36px; display: flex; align-items: center; gap: 20px; border: 1px solid #dce8dd;}
html .jb-mission-icon{width: 48px; height: 48px; border-radius: 50%; background: #dce8dd; display: flex; align-items: center; justify-content: center; font-size: 26px; flex-shrink: 0;}
html .jb-mission-text p{font-size: 18px; color: #5a5a52; line-height: 1.7;}
html .jb-mission-text strong{color: #2c4a3e;}
html .jb-footer-bottom{background: #faf7f2; border-top: none; padding: 20px 48px; position: relative;}
html .jb-footer-bottom::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 20px; background: linear-gradient(to bottom, #ffffff, #faf7f2); pointer-events: none;}
html .jb-footer-bottom-inner{max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px;}
html .jb-footer-copy{font-size: 16px; color: #8a8578;}
html .jb-footer-legal{display: flex; gap: 24px; list-style: none;}
html .jb-footer-legal a{font-size: 16px; color: #8a8578; text-decoration: none; transition: color 0.2s;}
html .jb-footer-legal a:hover{color: #2c4a3e;}
html .jb-footer-pay{display: flex; align-items: center; gap: 6px;}
html .jb-footer-pay-icon{width: 42px; height: 28px; border-radius: 6px; background: #ffffff; border: 1px solid #e8e0d4; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: #8a8578;}
@media (max-width: 960px){html .jb-nav{display: none;}}
@media (max-width: 960px){html .jb-burger{display: flex;}}
@media (max-width: 960px){html .jb-footer-inner{grid-template-columns: 1fr 1fr; gap: 36px;}}
@media (max-width: 960px){html .jb-promise-inner{gap: 20px;}}
@media (max-width: 960px){html .jb-promise-sep{display: none;}}
@media (max-width: 960px){html .jb-footer{padding: 48px 32px 36px;}}
@media (max-width: 960px){html .jb-mission{padding: 0 32px 28px;}}
@media (max-width: 960px){html .jb-footer-bottom{padding: 18px 32px;}}
@media (max-width: 600px){html .jb-header{padding: 0 16px; height: 56px; position: sticky !important; top: 0; z-index: 999; background: #fff; border-bottom: 1px solid #f0ebe2;}}
@media (max-width: 600px){html .jb-logo img{height: 40px !important; margin: 0;}}
@media (max-width: 600px){html .jb-burger{position: absolute !important; right: 16px; top: 50%; transform: translateY(-50%);}}
@media (max-width: 600px){html .jb-header{justify-content: center !important;}}
@media (max-width: 600px){html .jb-logo{position: static !important; transform: none !important;}}
@media (max-width: 600px){html .jb-promise{padding: 16px;}}
@media (max-width: 600px){html .jb-promise-inner{flex-direction: column; gap: 10px; align-items: flex-start;}}
@media (max-width: 600px){html .jb-promise-item{font-size: 14px;}}
@media (max-width: 600px){html .jb-footer{padding: 28px 16px 20px;}}
@media (max-width: 600px){html .jb-footer-inner{grid-template-columns: 1fr; gap: 20px;}}
@media (max-width: 600px){html .jb-footer-title{font-size: 16px; margin-bottom: 8px;}}
@media (max-width: 600px){html .jb-footer-about p{font-size: 13px; line-height: 1.6; margin-bottom: 12px;}}
@media (max-width: 600px){html .jb-footer-social a{width: 34px; height: 34px;}}
@media (max-width: 600px){html .jb-footer-links{display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 4px 16px !important;}}
@media (max-width: 600px){html .jb-footer-links li{margin-bottom: 4px !important;}}
@media (max-width: 600px){html .jb-footer-links a{font-size: 13px !important;}}
@media (max-width: 600px){html .jb-footer-form{flex-direction: column;}}
@media (max-width: 600px){html .jb-mission{padding: 0 16px 20px;}}
@media (max-width: 600px){html .jb-mission-inner{flex-direction: column; text-align: center; padding: 20px 16px;}}
@media (max-width: 600px){html .jb-footer-bottom{padding: 14px 16px;}}
@media (max-width: 600px){html .jb-footer-bottom-inner{flex-direction: column; align-items: center; text-align: center;}}
@media (max-width: 600px){html .jb-footer-legal{justify-content: center; flex-wrap: wrap; gap: 12px;}}
@media (max-width: 600px){html .jb-footer-pay{justify-content: center;}}
html .jb-promise-item{font-size: 15px;}
html .jb-footer-title{font-size: 20px;}
html .jb-footer-links a{font-size: 13px;}
html .jb-footer-about p{font-size: 13px;}
html .jb-footer-copy{font-size: 11px;}
html .jb-order-dropdown{position: relative; list-style: none;}
html .jb-order-btn{cursor: pointer; border: none; font-family: inherit;}
html .jb-order-menu{display: none; position: absolute; right: 0; top: 100%; padding-top: 8px; min-width: 260px; z-index: 9999;}
html .jb-order-dropdown.open .jb-order-menu{display: block;}
html .jb-order-menu a{display: flex; align-items: center; gap: 14px; padding: 14px 18px; text-decoration: none; transition: background .15s;}
html .jb-order-menu a:hover{background: #f5faf6;}
html .jb-om-icon{width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;}
html .jb-om-icon-member{background: #eaf2eb;}
html .jb-om-icon-losse{background: #fdf6ec;}
html .jb-om-icon-cadeau{background: #fdf0e8;}
html .jb-om-icon-special{background: #fdf6ec;}
html .jb-om-icon-shop{background: #eaf2eb;}
html .jb-om-text{flex: 1;}
html .jb-om-title{font-size: 15px; font-weight: 700; color: #2c4a3e; margin-bottom: 2px;}
html .jb-om-sub{font-size: 12px; color: #9a9488;}
html .jb-om-price{font-size: 15px; font-weight: 700; color: #2c4a3e; flex-shrink: 0;}
html .jb-om-divider{height: 1px; background: #f3ede4; margin: 0 18px;}
html .jb-topbar{font-size: 15px !important;}
html .jb-nav a, html  .jb-nav-cta{font-size: 17px !important;}
html .jb-nav-cta, html  a.jb-nav-cta{font-size: 17px !important;}
html .jb-footer, html  .jb-footer p, html  .jb-footer a, html  .jb-footer li{font-size: 16px !important;}
@media (max-width: 768px){html .jb-nav-cta{font-size: 18px !important;
        padding: 16px 26px !important;}}
@media (max-width: 768px){html .jb-topbar{font-size: 13px !important;
        gap: 12px !important;
        padding: 6px 12px !important;}}
@media (max-width: 768px){html .jb-footer{font-size: 16px !important;}}
html .jb-nav-cart{display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2c4a3e;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.3s;
    position: relative;}
html .jb-nav-cart:hover{color: #c4a265;
    background: rgba(196,162,101,0.08);}
html .jb-nav-cart svg{width: 22px;
    height: 22px;}
@media (max-width: 768px){html .jb-nav-cart{display: none;}}
html .mm-section-members{background:linear-gradient(135deg,rgba(44,74,62,.04),rgba(196,162,101,.06)); border-radius:14px; padding:14px 14px 6px; margin:6px 0; border:1px solid rgba(196,162,101,.2);}
html .mm-section-label-members{display:inline-flex; align-items:center; gap:7px; padding:6px 12px; background:linear-gradient(135deg,#2c4a3e,#4a7a5f); color:#f3e6c4; border-radius:50px; font-size:10px; letter-spacing:1.8px; text-transform:uppercase; font-weight:800; margin-bottom:10px; box-shadow:0 3px 10px rgba(44,74,62,.16);}
html .jb-footer-inner{max-width: 1400px !important; grid-template-columns: 1.3fr 1fr 0.8fr 0.8fr 0.6fr 1.2fr !important;}
html .jb-footer-bottom-inner{max-width: 1400px !important;}
html .jb-footer-members-col{display:flex; flex-direction:column;}
html .jb-footer-members-badge{display:inline-flex; align-items:center; gap:8px; padding:7px 14px; background:linear-gradient(135deg,#2c4a3e,#4a7a5f); color:#f3e6c4; border-radius:50px; font-size:11px; letter-spacing:2px; text-transform:uppercase; font-weight:800; align-self:flex-start; margin-bottom:14px; box-shadow:0 4px 12px rgba(44,74,62,.18);}
html .jb-footer-members-hint{font-size:13px; color:#8a8578; font-style:italic; margin:0 0 18px; line-height:1.5;}
@media (max-width:1024px){html .jb-footer-inner{grid-template-columns: 1fr 1fr !important;}}
@media (max-width:560px){html .jb-footer-inner{grid-template-columns: 1fr !important;}}
@media (max-width:1024px){html .jb-footer-members-col{background:linear-gradient(135deg,rgba(44,74,62,.04),rgba(196,162,101,.06)); border:1px solid rgba(196,162,101,.2); border-radius:14px; padding:18px;}}
html .jb-header{background: #ffffff; padding: 0 48px; display: flex; align-items: center; justify-content: space-between; height: 76px; border-bottom: none;}
html .jb-logo{display: flex; align-items: center; text-decoration: none;}
html .jb-logo img{height: 54px; width: auto; display: block; margin: -6px 0 -6px 0;}
html .jb-nav{display: flex; align-items: center; gap: 2px; list-style: none;}
html .jb-nav li a{padding: 8px 18px; font-size: 18px; color: #5a5a52; text-decoration: none; border-radius: 10px; transition: all 0.25s; display: block;}
html .jb-nav li a:hover{color: #2c4a3e; background: #f5faf6;}
html .jb-nav-cta{padding: 11px 26px !important; background: #2c4a3e; color: #ffffff !important; font-weight: 700 !important; font-size: 17px !important; letter-spacing: 0.4px; text-transform: uppercase; border-radius: 50px !important; margin-left: 12px; box-shadow: 0 2px 8px rgba(44,74,62,0.12); transition: all 0.3s !important;}
html .jb-nav-login{color: #c4a265 !important; font-weight: 700 !important;}
html .jb-nav-login:hover{color: #d4b87a !important; background: rgba(196,162,101,0.08) !important;}
html .jb-nav-cta:hover{background: #365d4e !important; transform: translateY(-1px);}
html .jb-burger{display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; z-index: 1001;}
html .jb-burger span{display: block; width: 22px; height: 2px; background: #2c4a3e; border-radius: 2px; transition: all 0.3s;}
html .jb-burger.open span:nth-child(1){transform: rotate(45deg) translate(5px, 5px);}
html .jb-burger.open span:nth-child(2){opacity: 0;}
html .jb-burger.open span:nth-child(3){transform: rotate(-45deg) translate(5px, -5px);}
html .jb-mobile-menu{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 1000; padding: 80px 0 0; opacity: 0; transition: opacity 0.3s; overflow-y: auto;}
html .jb-mobile-menu.open{display: flex; flex-direction: column; opacity: 1;}
html .mm-member-bar{margin: 0 24px 20px; padding: 18px 20px; background: linear-gradient(135deg, #f5faf6, rgba(196,162,101,0.15)); border-radius: 16px; border: 1px solid #dce8dd; display: flex; align-items: center; gap: 14px; text-decoration: none;}
html .mm-member-icon{width: 44px; height: 44px; border-radius: 50%; background: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.06);}
html .mm-member-info{flex: 1;}
html .mm-member-name{font-family: "Playfair Display", Georgia, serif; font-size: 20px; font-weight: 700; color: #2c4a3e;}
html .mm-member-points{font-size: 16px; color: #6b8f71; margin-top: 2px;}
html .mm-member-arrow{color: #9db4a0; font-size: 22px;}
html .mm-edition{margin: 0 24px 20px; padding: 16px 20px; background: #ffffff; border-radius: 14px; border: 1px solid #c4a265; display: flex; align-items: center; gap: 14px; text-decoration: none; transition: all 0.2s;}
html .mm-edition:active{transform: scale(0.98);}
html .mm-edition-badge{background: #c4a265; color: #ffffff; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 10px; border-radius: 20px;}
html .mm-edition-title{font-family: "Playfair Display", Georgia, serif; font-size: 19px; font-weight: 700; color: #2c4a3e; margin-top: 4px;}
html .mm-edition-sub{font-size: 16px; color: #8a8578; margin-top: 2px;}
html .mm-edition-arrow{color: #c4a265; font-size: 22px; margin-left: auto; flex-shrink: 0;}
html .mm-section{padding: 0 24px; margin-bottom: 8px;}
html .mm-section-label{font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #b0a99e; padding: 12px 0 4px;}
html .mm-nav{list-style: none;}
html .mm-nav li a{display: flex; align-items: center; gap: 14px; padding: 14px 0; font-family: "Lato", Arial, sans-serif; font-size: 20px; font-weight: 600; color: #2c4a3e; text-decoration: none; border-bottom: 1px solid #f3ede4; transition: color 0.2s;}
html .mm-nav li:last-child a{border-bottom: none;}
html .mm-nav li a:hover{color: #6b8f71;}
html .mm-nav-icon{width: 32px; height: 32px; border-radius: 10px; background: #f5faf6; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0;}
html .mm-nav-icon.gold{background: rgba(196,162,101,0.15);}
html .mm-ctas{padding: 20px 24px 8px;}
html .mm-cta-primary{display: block; text-align: center; padding: 16px; background: #2c4a3e; color: #ffffff; font-size: 18px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; text-decoration: none; border-radius: 50px; margin-bottom: 10px;}
html .mm-cta-secondary{display: block; text-align: center; padding: 14px; background: #ffffff; color: #2c4a3e; font-size: 18px; font-weight: 700; text-decoration: none; border-radius: 50px; border: 1.5px solid #dce8dd;}
html .mm-footer{padding: 16px 24px 32px; text-align: center;}
html .jb-order-dropdown{position: relative; list-style: none;}
html .jb-order-btn{cursor: pointer; border: none; font-family: inherit;}
html .jb-order-menu{display: none; position: absolute; right: 0; top: 100%; padding-top: 8px; min-width: 260px; z-index: 9999;}
html .jb-order-dropdown.open .jb-order-menu{display: block;}
html .jb-order-menu a{display: flex; align-items: center; gap: 14px; padding: 14px 18px; text-decoration: none; transition: background .15s;}
html .jb-order-menu a:hover{background: #f5faf6;}
html .jb-om-icon{width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;}
html .jb-om-icon-member{background: #eaf2eb;}
html .jb-om-icon-losse{background: #fdf6ec;}
html .jb-om-icon-cadeau{background: #fdf0e8;}
html .jb-om-icon-special{background: #fdf6ec;}
html .jb-om-icon-shop{background: #eaf2eb;}
html .jb-om-text{flex: 1;}
html .jb-om-title{font-size: 15px; font-weight: 700; color: #2c4a3e; margin-bottom: 2px;}
html .jb-om-sub{font-size: 12px; color: #9a9488;}
html .jb-om-price{font-size: 15px; font-weight: 700; color: #2c4a3e; flex-shrink: 0;}
html .jb-om-divider{height: 1px; background: #f3ede4; margin: 0 18px;}
html .jb-promise{background: #f5faf6; border-top: 1px solid #dce8dd; border-bottom: 1px solid #dce8dd; padding: 22px 40px;}
html .jb-promise-inner{max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap;}
html .jb-promise-item{display: flex; align-items: center; gap: 12px; font-size: 16px; color: #2c4a3e; font-weight: 500;}
html .jb-promise-icon{width: 36px; height: 36px; border-radius: 50%; background: #dce8dd; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0;}
html .jb-promise-sep{width: 1px; height: 24px; background: #dce8dd;}
html .jb-footer{background: #ffffff; padding: 60px 48px 44px;}
html .jb-footer-inner{max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 0.8fr 0.8fr 0.6fr 1.4fr; gap: 44px;}
html .jb-footer-title{font-family: "Playfair Display", Georgia, serif; font-size: 20px; font-weight: 700; color: #2c4a3e; margin-bottom: 20px;}
html .jb-footer-about p{font-size: 14px; color: #5a5a52; line-height: 1.85; margin-bottom: 22px;}
html .jb-footer-social{display: flex; gap: 10px;}
html .jb-footer-social a{width: 38px; height: 38px; border-radius: 50%; background: #f5faf6; border: 1px solid #dce8dd; display: flex; align-items: center; justify-content: center; color: #6b8f71; text-decoration: none; transition: all 0.3s;}
html .jb-footer-social a:hover{background: #2c4a3e; border-color: #2c4a3e; color: #ffffff; transform: translateY(-2px);}
html .jb-footer-links{list-style: none;}
html .jb-footer-links li{margin-bottom: 11px;}
html .jb-footer-links a{font-size: 14px; color: #5a5a52; text-decoration: none; transition: color 0.2s; border-bottom: 1px solid transparent; padding-bottom: 1px;}
html .jb-footer-links a:hover{color: #2c4a3e; border-bottom-color: #9db4a0;}
html .jb-footer-newsletter p{font-size: 14px; color: #5a5a52; line-height: 1.8; margin-bottom: 18px;}
html .jb-footer-form{display: flex; gap: 8px;}
html .jb-footer-form input[type="email"]{flex: 1; padding: 13px 18px; font-size: 16px; font-family: "Lato", Arial, sans-serif; border: 1px solid #e8e0d4; border-radius: 10px; background: #faf7f2; color: #2c4a3e; outline: none; transition: border-color 0.25s, box-shadow 0.25s; min-width: 0;}
html .jb-footer-form input[type="email"]:focus{border-color: #9db4a0; box-shadow: 0 0 0 3px rgba(107,143,113,0.1);}
html .jb-footer-form input::placeholder{color: #b0a99e;}
html .jb-footer-form button{padding: 13px 22px; background: #2c4a3e; border: none; border-radius: 10px; font-size: 16px; font-weight: 700; color: #ffffff; font-family: "Lato", Arial, sans-serif; cursor: pointer; transition: all 0.25s; white-space: nowrap;}
html .jb-footer-form button:hover{background: #365d4e; transform: translateY(-1px);}
html .jb-footer-trust{margin-top: 20px; display: flex; align-items: center; gap: 8px;}
html .jb-footer-trust-stars{color: #00b67a; font-size: 17px; letter-spacing: 1px;}
html .jb-footer-trust-text{font-size: 14px; color: #8a8578;}
html .jb-mission{background: #ffffff; padding: 0 48px 36px;}
html .jb-mission-inner{max-width: 1100px; margin: 0 auto; background: #f5faf6; border-radius: 16px; padding: 28px 36px; display: flex; align-items: center; gap: 20px; border: 1px solid #dce8dd;}
html .jb-mission-icon{width: 48px; height: 48px; border-radius: 50%; background: #dce8dd; display: flex; align-items: center; justify-content: center; font-size: 26px; flex-shrink: 0;}
html .jb-mission-text p{font-size: 16px; color: #5a5a52; line-height: 1.7;}
html .jb-mission-text strong{color: #2c4a3e;}
html .jb-footer-bottom{background: #faf7f2; border-top: 1px solid #e8e0d4; padding: 20px 48px;}
html .jb-footer-bottom-inner{max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px;}
html .jb-footer-copy{font-size: 12px; color: #8a8578;}
html .jb-footer-legal{display: flex; gap: 24px; list-style: none;}
html .jb-footer-legal a{font-size: 12px; color: #8a8578; text-decoration: none; transition: color 0.2s;}
html .jb-footer-legal a:hover{color: #2c4a3e;}
html .jb-footer-pay{display: flex; align-items: center; gap: 6px;}
html .jb-footer-pay-icon{width: 42px; height: 28px; border-radius: 6px; background: #ffffff; border: 1px solid #e8e0d4; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: #8a8578;}
@media (max-width: 960px){html .jb-nav{display: none;}}
@media (max-width: 960px){html .jb-burger{display: flex;}}
@media (max-width: 960px){html .jb-header{padding: 0 24px;}}
@media (max-width: 960px){html .jb-footer-inner{grid-template-columns: 1fr 1fr; gap: 36px;}}
@media (max-width: 960px){html .jb-promise-inner{gap: 20px;}}
@media (max-width: 960px){html .jb-promise-sep{display: none;}}
@media (max-width: 960px){html .jb-footer{padding: 48px 32px 36px;}}
@media (max-width: 960px){html .jb-mission{padding: 0 32px 28px;}}
@media (max-width: 960px){html .jb-footer-bottom{padding: 18px 32px;}}
@media (max-width: 600px){html .jb-header{padding: 0 20px;}}
@media (max-width: 600px){html .jb-footer{padding: 40px 20px 32px;}}
@media (max-width: 600px){html .jb-footer-inner{grid-template-columns: 1fr; gap: 32px;}}
@media (max-width: 600px){html .jb-promise{padding: 20px;}}
@media (max-width: 600px){html .jb-promise-inner{flex-direction: column; gap: 14px; align-items: flex-start;}}
@media (max-width: 600px){html .jb-footer-form{flex-direction: column;}}
@media (max-width: 600px){html .jb-mission{padding: 0 20px 24px;}}
@media (max-width: 600px){html .jb-mission-inner{flex-direction: column; text-align: center; padding: 24px 20px;}}
@media (max-width: 600px){html .jb-footer-bottom{padding: 16px 20px;}}
@media (max-width: 600px){html .jb-footer-bottom-inner{flex-direction: column; align-items: center; text-align: center;}}
@media (max-width: 600px){html .jb-footer-legal{justify-content: center; flex-wrap: wrap; gap: 16px;}}
@media (max-width: 600px){html .jb-footer-pay{justify-content: center;}}
@keyframes goldenPulseNav {
  0%, 100% { box-shadow: 0 2px 8px rgba(44,74,62,0.12), 0 0 0 2px rgba(196,162,101,0.3); }
  50% { box-shadow: 0 2px 10px rgba(44,74,62,0.15), 0 0 0 2.5px rgba(196,162,101,0.5); }
}
html .jb-sticky-top small, html .jb-mobile-menu small, html .jb-promise small, html .jb-footer small, html .jb-mission small, html .jb-footer-bottom small{font-size:16px !important}
html .jb-sticky-top button, html .jb-mobile-menu button, html .jb-promise button, html .jb-footer button, html .jb-mission button, html .jb-footer-bottom button{font-size:17px !important}
@media (max-width: 768px){html .jb-sticky-top h1, html .jb-sticky-top h2, html .jb-mobile-menu h1, html .jb-mobile-menu h2, html .jb-promise h1, html .jb-promise h2, html .jb-footer h1, html .jb-footer h2, html .jb-mission h1, html .jb-mission h2, html .jb-footer-bottom h1, html .jb-footer-bottom h2{font-size:30px !important;line-height:1.3 !important}}
@media (max-width: 768px){html .jb-sticky-top h3, html .jb-mobile-menu h3, html .jb-promise h3, html .jb-footer h3, html .jb-mission h3, html .jb-footer-bottom h3{font-size:24px !important}}
@media (max-width: 768px){html .jb-sticky-top h4, html .jb-mobile-menu h4, html .jb-promise h4, html .jb-footer h4, html .jb-mission h4, html .jb-footer-bottom h4{font-size:20px !important}}