/* JouwBox mobiel (v1, 27 okt 2026): op elke pagina in scope EN de homepage, zodat kop en voet identiek blijven.
   1. open mobiel menu: header (met het kruisje) boven het menu, zodat het menu ook weer dicht kan
   2. tikvlakken minimaal 44 px (menuknop, logo, footerlinks, sociale knoppen, losse links en knoppen)
   3. lopende tekst minimaal 16 px op telefoon en tablet
   Terugdraaien: <link> naar jb-mobiel-v1.css uit de pagina's halen. */

/* cadeaubon: logo op de voorbeeldkaart niet uitrekken */
html body .preview-card-logo{object-fit:contain}

/* 1. menu weer dicht te maken: de header met de menuknop (kruisje) ligt boven het open menu */
html body:has(#mobileMenu.open) .jb-sticky-top{z-index:1002!important}
html body:has(#mobileMenu.open) .jb-header::after{display:none}

@media (max-width:1024px){
  /* 2. tikvlakken in kop en voet */
  html body .jb-burger{min-width:44px;min-height:44px;box-sizing:border-box;justify-content:center;align-items:center}
  html body .jb-logo{min-height:44px}
  html body .jb-footer-social a{width:44px!important;height:44px!important}
  html body .jb-footer-links li{margin-bottom:0!important}
  html body .jb-footer-links a{display:inline-flex!important;align-items:center;min-height:44px;padding-top:0;padding-bottom:0}
  html body .jb-footer-legal a{display:inline-flex;align-items:center;min-height:44px}
}
@media (max-width:768px){
  /* 2. losse links en knoppen op pagina's */
  html body .reviews-tp-link a,html body .mk-breadcrumb a,html body .mk-about-meta-item a,html body .brands-more,html body .reset-links a,
  html body .blog-share-btn,html body .zb-product-cta,html body .zb-product-titel a,html body .hero-trustpilot-link,html body .insta-handle,
  html body .login-links a,html body .shop-gate-back,html body ol li > a:only-child{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;min-width:44px}
  html body .cr-filter-btn,html body .mom-filter-btn,html body .shop-pill,html body .shop-card-more,html body .jb-open-detail,
  html body .rev-rep-btn,html body .mom-card-like{min-height:44px!important}
  html body .brand-accordion-close,html body .cr-modal-close,html body .rev-modal-close,html body .mom-modal-close,
  html body .rev-star,html body .jb-btn-play,html body .jb-btn-replay,html body .jb-btn-music,html body .qty-btn{min-width:44px!important;min-height:44px!important}

  /* tekst niet tegen de rand (Ralph-blok zonder eigen opmaak op /royal-green-bestellen/) */
  html body .ralph-story{padding-left:20px!important;padding-right:20px!important}

  /* 3. lopende tekst minimaal 16 px */
  html body .jb-footer-copy,html body .review-text,html body .mk-review-text,html body .mk-details-grid p,html body .mk-detail-card p,
  html body .mk-product-why,html body .mk-editions-meta,html body .mk-cross-allbtn,html body .mk-bonus,html body .blog-breadcrumb,html body .spotlight-sub,
  html body .jb-com-banner span,html body .jbp-sub,html body .jbp-modal p,html body .bo-feature-pdf-text p,html body .lb-hero-sub,
  html body .lb-hero-price-note,html body .rg-routine-when,html body .rg-routine-foot,html body .rg-signup p,html body .rg-sneak-foot-note,
  html body .rg-cadeau-row div,html body .ralph-story-img-cap,html body .app-note,html body .bi-card-excerpt,html body .com-choice-desc,
  html body .cr-card-merk,html body .cr-card-zoekt,html body .cr-step p,html body .preview-card-footer p,html body .rul-card p,html body .rul-card li,
  html body .jb-buy-trust,html body .jb-buy-note,html body .bo-hero-portrait-wrap > p,html body .able-brands-grid p,html body .signup-privacy,
  html body .mw-win-meta,html body .mw-win-list li,html body .voor-ed-card-desc,html body .foot p,html body .form-note,html body .wa-signup-sub,
  html body .rev-not-loggedin p,html body .rev-page-inner > p,html body .rev-modal p,html body .rev-note,html body .jb-scene-sub,
  html body .shop-gate-inner p,html body .shop-card-desc,html body .mom-card-caption,html body .mom-modal-sub,html body .mom-modal p,
  html body .mom-file-drop-sub,html body .mom-consent label,html body .lb-staffel-wrap summary,html body .msg-expired p,html body .reset-card .subtitle,
  html body .win-section-sub,html body .win-card-desc,html body .win-card-desc p,html body .win-card-desc div,html body .dd-list li,
  html body .studie-body,html body .jb-soldout-badge .jb-so-text span,
  html body .cr-rules li,html body .rul-sign,html body .home-blog-card p,html body .shop-bundle-body p,html body .loy-use-desc,html body .faq-q,html body .win-faq-item summary,html body .win-faq-item div,html body .mom-banner span,
  html body p[style*="font-size:12px"]:not([style*="uppercase"]),
  html body p[style*="font-size: 12px"]:not([style*="uppercase"]),
  html body p[style*="font-size:12.5px"]:not([style*="uppercase"]),
  html body p[style*="font-size: 12.5px"]:not([style*="uppercase"]),
  html body p[style*="font-size:13px"]:not([style*="uppercase"]),
  html body p[style*="font-size: 13px"]:not([style*="uppercase"]),
  html body p[style*="font-size:13.5px"]:not([style*="uppercase"]),
  html body p[style*="font-size: 13.5px"]:not([style*="uppercase"]),
  html body p[style*="font-size:14px"]:not([style*="uppercase"]),
  html body p[style*="font-size: 14px"]:not([style*="uppercase"]),
  html body p[style*="font-size:14.5px"]:not([style*="uppercase"]),
  html body p[style*="font-size: 14.5px"]:not([style*="uppercase"]),
  html body p[style*="font-size:15px"]:not([style*="uppercase"]),
  html body p[style*="font-size: 15px"]:not([style*="uppercase"]),
  html body li[style*="font-size:12px"]:not([style*="uppercase"]),
  html body li[style*="font-size: 12px"]:not([style*="uppercase"]),
  html body li[style*="font-size:12.5px"]:not([style*="uppercase"]),
  html body li[style*="font-size: 12.5px"]:not([style*="uppercase"]),
  html body li[style*="font-size:13px"]:not([style*="uppercase"]),
  html body li[style*="font-size: 13px"]:not([style*="uppercase"]),
  html body li[style*="font-size:13.5px"]:not([style*="uppercase"]),
  html body li[style*="font-size: 13.5px"]:not([style*="uppercase"]),
  html body li[style*="font-size:14px"]:not([style*="uppercase"]),
  html body li[style*="font-size: 14px"]:not([style*="uppercase"]),
  html body li[style*="font-size:14.5px"]:not([style*="uppercase"]),
  html body li[style*="font-size: 14.5px"]:not([style*="uppercase"]),
  html body li[style*="font-size:15px"]:not([style*="uppercase"]),
  html body li[style*="font-size: 15px"]:not([style*="uppercase"]),
  html body summary[style*="font-size:12px"]:not([style*="uppercase"]),
  html body summary[style*="font-size: 12px"]:not([style*="uppercase"]),
  html body summary[style*="font-size:12.5px"]:not([style*="uppercase"]),
  html body summary[style*="font-size: 12.5px"]:not([style*="uppercase"]),
  html body summary[style*="font-size:13px"]:not([style*="uppercase"]),
  html body summary[style*="font-size: 13px"]:not([style*="uppercase"]),
  html body summary[style*="font-size:13.5px"]:not([style*="uppercase"]),
  html body summary[style*="font-size: 13.5px"]:not([style*="uppercase"]),
  html body summary[style*="font-size:14px"]:not([style*="uppercase"]),
  html body summary[style*="font-size: 14px"]:not([style*="uppercase"]),
  html body summary[style*="font-size:14.5px"]:not([style*="uppercase"]),
  html body summary[style*="font-size: 14.5px"]:not([style*="uppercase"]),
  html body summary[style*="font-size:15px"]:not([style*="uppercase"]),
  html body summary[style*="font-size: 15px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size:12px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size: 12px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size:12.5px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size: 12.5px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size:13px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size: 13px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size:13.5px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size: 13.5px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size:14px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size: 14px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size:14.5px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size: 14.5px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size:15px"]:not([style*="uppercase"]),
  html body details > div[style*="font-size: 15px"]:not([style*="uppercase"]){font-size:16px!important}

}