/* Bjoetiekje 2.0 — visual stylesheet only.
   All existing quiz markup, interactions, product choices and settings are unchanged. */
.bq-widget {
  --bq-ivory:#FAF8F5;
  --bq-white:#FFFFFF;
  --bq-rose:#C58F85;
  --bq-pink:#EEA7AD;
  --bq-charcoal:#363330;
  --bq-muted:#77716D;
  --bq-border:#E9E1DB;
  --bq-soft:#F7F1EE;
  font-family:'Jost',sans-serif;
  color:var(--bq-charcoal);
  font-size:16px;
  line-height:1.6;
}
.bq-widget *, .bq-widget *::before, .bq-widget *::after {box-sizing:border-box;}
.bq-inline {
  margin:26px 0;
  padding:clamp(28px,5vw,56px) clamp(22px,5vw,58px);
  background:var(--bq-ivory);
  border:1px solid var(--bq-border);
  border-radius:3px;
  overflow:hidden;
}
.bq-modal {display:none;position:fixed;inset:0;z-index:99999;}
.bq-modal.is-open {display:block;}
.bq-backdrop {position:absolute;inset:0;background:rgba(38,32,30,.56);}
.bq-dialog {
  position:relative;
  width:min(92vw,580px);
  max-height:90vh;
  overflow:auto;
  margin:5vh auto;
  padding:clamp(27px,5vw,48px) clamp(20px,5vw,44px);
  border:1px solid var(--bq-border);
  border-radius:4px;
  background:var(--bq-ivory);
  box-shadow:0 24px 75px rgba(40,30,26,.16);
}
.bq-close {
  position:absolute;right:14px;top:14px;z-index:2;
  display:grid;place-items:center;width:38px;height:38px;
  border:1px solid var(--bq-border);border-radius:50%;
  background:var(--bq-white);color:var(--bq-charcoal);
  font-family:inherit;font-size:25px;line-height:1;cursor:pointer;
  transition:background .2s ease,border-color .2s ease;
}
.bq-close:hover {background:var(--bq-soft);border-color:var(--bq-rose);}
.bq-screen {text-align:center;}
.bq-kicker {
  display:inline-block;padding-bottom:7px;margin-bottom:13px;
  color:var(--bq-rose);font-size:11px;font-weight:650;
  letter-spacing:.16em;text-transform:uppercase;
  border-bottom:1px solid var(--bq-rose);
}
.bq-screen h2 {
  margin:6px 0 14px;color:var(--bq-charcoal);
  font-family:'Jost',sans-serif;font-weight:500;
  font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.025em;
}
.bq-screen p {
  max-width:430px;margin:0 auto 25px;
  color:var(--bq-muted);font-size:15px;line-height:1.75;
}
.bq-progress {
  height:5px;overflow:hidden;margin:8px 0 26px;
  background:#EAE1DB;border-radius:999px;
}
.bq-progress span {
  display:block;height:100%;background:var(--bq-rose);
  border-radius:999px;transition:width .25s ease;
}
.bq-step-label {
  margin-bottom:11px;color:var(--bq-rose);
  font-size:12px;font-weight:600;letter-spacing:.08em;
}
.bq-question-title {
  margin:0 0 19px;color:var(--bq-charcoal);
  font-family:'Jost',sans-serif;font-size:clamp(23px,2.6vw,29px);
  font-weight:500;line-height:1.3;letter-spacing:-.015em;
}
.bq-question-subtitle {margin:-9px 0 20px;color:var(--bq-muted);font-size:14px;line-height:1.6;}
.bq-answers {display:grid;gap:10px;}
.bq-answer {
  display:block;width:100%;padding:15px 18px;
  border:1px solid var(--bq-border);border-radius:3px;
  background:var(--bq-white);color:var(--bq-charcoal);
  font:inherit;text-align:left;cursor:pointer;
  box-shadow:none;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.bq-answer:hover {background:var(--bq-soft);border-color:var(--bq-rose);}
.bq-answer.is-selected {
  background:#F4E8E5;border-color:var(--bq-rose);
  box-shadow:inset 3px 0 0 var(--bq-rose);
}
.bq-answer strong {display:block;color:inherit;font-size:15px;font-weight:600;line-height:1.45;}
.bq-answer span {display:block;margin-top:4px;color:var(--bq-muted);font-size:13px;line-height:1.5;opacity:1;}
.bq-actions {display:flex;gap:11px;justify-content:space-between;margin-top:24px;flex-wrap:wrap;}
.bq-primary,.bq-secondary,
.bq-product-buttons a,.bq-product-buttons button {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:11px 20px;border-radius:3px;
  font-family:'Jost',sans-serif;font-weight:600;font-size:13px;line-height:1.3;
  letter-spacing:.02em;text-decoration:none;cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.bq-primary,.bq-product-buttons .bq-add {
  border:1px solid var(--bq-rose);background:var(--bq-rose);color:#fff;
}
.bq-primary:hover,.bq-product-buttons .bq-add:hover {
  background:#AE766D;border-color:#AE766D;color:#fff;
}
.bq-secondary,.bq-product-buttons .bq-view {
  border:1px solid var(--bq-rose);background:transparent;color:var(--bq-rose);
}
.bq-secondary:hover,.bq-product-buttons .bq-view:hover {
  background:var(--bq-rose);color:#fff;
}
.bq-primary:disabled {opacity:.45;cursor:not-allowed;}
.bq-results {display:grid;gap:13px;margin-top:22px;}
.bq-product {
  display:grid;grid-template-columns:86px minmax(0,1fr);
  gap:16px;align-items:center;padding:15px;
  background:var(--bq-white);border:1px solid var(--bq-border);
  border-radius:3px;text-align:left;
}
.bq-product img {display:block;width:86px;height:86px;object-fit:contain;border-radius:2px;background:var(--bq-ivory);}
.bq-product-role {color:var(--bq-rose);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.bq-product-name {margin:4px 0;color:var(--bq-charcoal);font-size:15px;font-weight:600;line-height:1.4;}
.bq-product-price {margin-bottom:9px;color:var(--bq-muted);font-size:14px;}
.bq-product-buttons {display:flex;gap:8px;flex-wrap:wrap;}
.bq-product-buttons a,.bq-product-buttons button {min-height:36px;padding:8px 12px;font-size:12px;}
.bq-add-all {width:100%;margin-top:16px;}
.bq-empty {padding:18px;border:1px solid var(--bq-border);border-radius:3px;background:var(--bq-white);color:var(--bq-muted);}
.bq-open {cursor:pointer;}
.bq-routine-added {
  margin:20px 0;padding:22px;
  border:1px solid var(--bq-border);border-radius:3px;
  background:var(--bq-white);color:var(--bq-muted);text-align:left;
}
.bq-routine-added strong {display:block;margin-bottom:10px;color:var(--bq-charcoal);}
.bq-routine-added ul {margin:0 0 15px 18px;padding:0;}
.bq-routine-added li {margin:5px 0;}
.bq-routine-added .bq-cart-link {display:inline-flex;text-decoration:none;}
/* The final confirmation popup is created separately from the quiz root. */
.bq-routine-popup {
  --bq-rose:#C58F85;--bq-muted:#77716D;--bq-charcoal:#363330;--bq-border:#E9E1DB;
  position:fixed;inset:0;z-index:100000;
  display:none;align-items:center;justify-content:center;padding:18px;
  font-family:'Jost',sans-serif;
}
.bq-routine-popup.is-open {display:flex;}
.bq-routine-popup-backdrop {position:absolute;inset:0;background:rgba(38,32,30,.56);}
.bq-routine-popup-dialog {
  position:relative;width:min(92vw,500px);max-height:90vh;overflow:auto;
  padding:30px 28px;border:1px solid var(--bq-border);border-radius:4px;
  background:#FAF8F5;box-shadow:0 24px 75px rgba(40,30,26,.16);
  color:var(--bq-muted);text-align:left;
}
.bq-routine-popup-close {
  position:absolute;right:14px;top:13px;
  display:grid;place-items:center;width:36px;height:36px;
  border:1px solid var(--bq-border);border-radius:50%;
  background:#fff;color:var(--bq-charcoal);
  font-size:23px;line-height:1;cursor:pointer;
}
.bq-routine-popup h3 {margin:0 40px 17px 0;color:var(--bq-charcoal);font-size:22px;font-weight:500;line-height:1.35;}
.bq-routine-popup ul {margin:0 0 20px 20px;padding:0;}
.bq-routine-popup li {margin:8px 0;line-height:1.55;}
.bq-routine-popup .bq-cart-link {display:inline-flex;text-decoration:none;}
.bq-routine-popup .bq-primary,.bq-routine-popup .bq-cart-link {
  padding:12px 20px;border:1px solid var(--bq-rose);border-radius:3px;
  background:var(--bq-rose);color:#fff;font-family:'Jost',sans-serif;font-weight:600;
}
.bq-routine-popup .bq-primary:hover,.bq-routine-popup .bq-cart-link:hover {background:#AE766D;border-color:#AE766D;color:#fff;}
.bq-side-label {
  position:fixed;right:0;top:50%;z-index:99998;
  min-height:92px;padding:15px 11px;
  transform:translate(100%,-50%);opacity:0;pointer-events:none;
  border:1px solid #C58F85;border-right:0;border-radius:3px 0 0 3px;
  background:#C58F85;color:#fff;
  writing-mode:vertical-rl;text-orientation:mixed;
  font-family:'Jost',sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;
  box-shadow:0 10px 30px rgba(40,30,26,.14);cursor:pointer;
  transition:transform .22s ease,opacity .22s ease,background .2s ease;
}
.bq-side-label.is-visible {transform:translate(0,-50%);opacity:1;pointer-events:auto;}
.bq-side-label:hover {background:#AE766D;border-color:#AE766D;}
.bq-widget :is(button,a):focus-visible,.bq-routine-popup :is(button,a):focus-visible,.bq-side-label:focus-visible {
  outline:2px solid #C58F85;outline-offset:3px;
}
@media(max-width:480px) {
  .bq-dialog {width:94vw;max-height:94vh;margin:3vh auto;padding:36px 17px 24px;}
  .bq-inline {padding:30px 18px;}
  .bq-screen h2 {font-size:27px;}
  .bq-question-title {font-size:23px;}
  .bq-product {grid-template-columns:68px minmax(0,1fr);gap:12px;padding:12px;}
  .bq-product img {width:68px;height:68px;}
  .bq-product-buttons a,.bq-product-buttons button {padding:8px 10px;}
  .bq-actions {gap:8px;}
  .bq-actions .bq-primary,.bq-actions .bq-secondary {flex:1;}
  .bq-routine-popup-dialog {padding:28px 20px;}
  .bq-side-label {top:62%;min-height:84px;padding:12px 9px;font-size:12px;}
}
@media(prefers-reduced-motion:reduce) {
  .bq-widget *, .bq-side-label, .bq-routine-popup * {transition:none!important;}
}

/* Bjoetiekje 2.0 contrast correction — design-only patch.
   Make the homepage invitation unmistakable, increase separation of
   question/answer cards, and restore the brand's rounded CTA language. */
.bq-widget {
  --bq-rose-deep:#A66D64;
  --bq-answer-border:#BD8A81;
}
/* On-page quiz must be a strong, visible destination, not a pale blank panel. */
.bq-widget .bq-inline {
  background:linear-gradient(120deg,#F4D2D4 0%,#F8E5E4 55%,#F2CCC9 100%);
  border:2px solid #D39A97;
  border-radius:24px;
  box-shadow:0 10px 30px rgba(126,78,75,.12);
}
.bq-widget .bq-inline .bq-kicker {color:#8D504B;border-bottom-color:#9A5D56;}
.bq-widget .bq-inline .bq-screen h2 {color:#292522;font-weight:650;}
.bq-widget .bq-inline .bq-screen p {color:#4C403D;}
/* Dialog remains light, while the answer surfaces become distinct. */
.bq-widget .bq-dialog {
  background:#FAF6F3;
  border:2px solid #D8ADA6;
  border-radius:24px;
}
.bq-widget .bq-question-title {
  color:#25211F;
  font-weight:700;
}
.bq-widget .bq-step-label {color:#8E524B;font-weight:700;}
.bq-widget .bq-question-subtitle {color:#554A46;}
.bq-widget .bq-answers {gap:12px;}
.bq-widget .bq-answer {
  padding:16px 19px;
  border:2px solid var(--bq-answer-border);
  border-radius:17px;
  background:#FFFFFF;
  color:#292522;
  box-shadow:0 3px 10px rgba(78,49,46,.055);
}
.bq-widget .bq-answer strong {font-size:16px;font-weight:700;color:inherit;}
.bq-widget .bq-answer span {color:#58504C;font-size:13px;opacity:1;}
.bq-widget .bq-answer:hover {
  background:#F7E4E1;
  color:#292522;
  border-color:#975B54;
  box-shadow:0 6px 19px rgba(121,75,70,.16);
}
.bq-widget .bq-answer.is-selected,
.bq-widget .bq-answer.is-selected:hover {
  background:#363330;
  border-color:#363330;
  color:#FFFFFF;
  box-shadow:0 5px 18px rgba(54,51,48,.18);
}
.bq-widget .bq-answer.is-selected strong,
.bq-widget .bq-answer.is-selected span {color:#FFFFFF;}
/* Visually distinct cards on the results screen. */
.bq-widget .bq-product {
  border:1.5px solid #D9B5AD;
  border-radius:18px;
  box-shadow:0 4px 14px rgba(78,49,46,.07);
}
.bq-widget .bq-product img {border-radius:12px;}
.bq-widget .bq-empty,
.bq-widget .bq-routine-added {border-radius:18px;border-color:#D9B5AD;}
/* Strong high-contrast pill buttons, both filled and outlined. */
.bq-widget .bq-primary,
.bq-widget .bq-secondary,
.bq-widget .bq-product-buttons a,
.bq-widget .bq-product-buttons button,
.bq-routine-popup .bq-primary,
.bq-routine-popup .bq-cart-link {
  border-radius:999px;
  font-weight:700;
}
.bq-widget .bq-primary,
.bq-widget .bq-product-buttons .bq-add,
.bq-routine-popup .bq-primary,
.bq-routine-popup .bq-cart-link {
  background:#A66D64;
  border-color:#A66D64;
  color:#FFFFFF;
}
.bq-widget .bq-primary:hover,
.bq-widget .bq-product-buttons .bq-add:hover,
.bq-routine-popup .bq-primary:hover,
.bq-routine-popup .bq-cart-link:hover {
  background:#84534C;
  border-color:#84534C;
  color:#FFFFFF;
}
.bq-widget .bq-secondary,
.bq-widget .bq-product-buttons .bq-view {
  color:#815047;
  background:#FFFFFF;
  border-color:#A66D64;
}
.bq-widget .bq-secondary:hover,
.bq-widget .bq-product-buttons .bq-view:hover {
  background:#A66D64;
  color:#FFFFFF;
}
.bq-widget .bq-start .bq-primary {
  min-height:48px;
  padding:13px 26px;
  box-shadow:0 7px 20px rgba(121,70,63,.22);
}
.bq-routine-popup .bq-routine-popup-dialog {border-radius:22px;}
.bq-side-label {
  border-radius:17px 0 0 17px;
  background:#A66D64;
  border-color:#A66D64;
  color:#FFFFFF;
  box-shadow:0 8px 24px rgba(88,44,41,.22);
}
.bq-side-label:hover {background:#84534C;border-color:#84534C;}
@media (max-width:480px) {
  .bq-widget .bq-inline {border-radius:19px;padding:27px 18px;}
  .bq-widget .bq-dialog {border-radius:20px;}
  .bq-widget .bq-answer {border-radius:15px;}
}

/* Productpagina: de inline-huidadviseur is hier uitsluitend een kleine link
   onder de bestelknop. De volledige quizpresentatie blijft voor de homepage.
   Dit raakt geen pop-ups, HTML, JS of de quizlogica. */
body#product .bq-widget:not(.bq-popup-widget) .bq-inline,
body.page-product .bq-widget:not(.bq-popup-widget) .bq-inline {
  display:block;
  margin:10px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  overflow:visible;
}
body#product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-kicker,
body#product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start h2,
body#product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start p,
body.page-product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-kicker,
body.page-product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start h2,
body.page-product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start p {
  display:none;
}
body#product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start,
body.page-product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start {
  text-align:left;
}
body#product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start .bq-primary,
body.page-product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start .bq-primary {
  display:inline;
  width:auto;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#A66D64;
  font:600 14px/1.5 'Jost',sans-serif;
  letter-spacing:0;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
body#product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start .bq-primary:hover,
body.page-product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start .bq-primary:hover {
  color:#84534C;
  background:transparent;
  border:0;
  box-shadow:none;
}

/* v1.4: Homepage compact en gecentreerd; laat productlink en quizwerking ongemoeid. */
body#index .bq-widget:not(.bq-popup-widget) .bq-inline,
body.page-index .bq-widget:not(.bq-popup-widget) .bq-inline {
  width: calc(100% - 32px);
  max-width: 720px;
  margin: 28px auto;
  padding: 32px 34px;
}
@media (max-width: 600px) {
  body#index .bq-widget:not(.bq-popup-widget) .bq-inline,
  body.page-index .bq-widget:not(.bq-popup-widget) .bq-inline {
    width: calc(100% - 20px);
    max-width: 100%;
    margin: 18px auto;
    padding: 25px 18px;
  }
}


/* v1.5 — Bjoetiekje 2.0 typografie, uitsluitend presentatie.
   Behoudt compacte homepage, productpagina-tekstlink en alle interacties. */
.bq-widget,
.bq-routine-popup,
.bq-side-label {
  font-family: 'Jost', sans-serif;
  font-weight: 400;
}
.bq-widget .bq-screen h1,
.bq-widget .bq-screen h2,
.bq-widget .bq-screen h3,
.bq-routine-popup h1,
.bq-routine-popup h2,
.bq-routine-popup h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 500;
  letter-spacing: normal;
}
.bq-widget .bq-screen h1,
.bq-routine-popup h1 { font-size: 52px; }
.bq-widget .bq-screen h2,
.bq-routine-popup h2 { font-size: 40px; }
.bq-widget .bq-screen h3,
.bq-routine-popup h3 { font-size: 28px; }
/* De vraagkop wordt door de module als eigen klasse gegenereerd. */
.bq-widget .bq-question-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: normal;
}
.bq-widget .bq-product-name {
  font-family: 'Jost', sans-serif;
  font-size: 22px;
  font-weight: 600;
}
.bq-widget .bq-screen p,
.bq-widget .bq-question-subtitle,
.bq-widget .bq-answer,
.bq-routine-popup li {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.bq-widget .bq-answer strong { font-weight: 600; }
.bq-widget .bq-kicker,
.bq-widget .bq-step-label,
.bq-widget .bq-answer span,
.bq-widget .bq-product-role { font-size: 13px; }
.bq-widget .bq-primary,
.bq-widget .bq-secondary,
.bq-widget .bq-product-buttons a,
.bq-widget .bq-product-buttons button,
.bq-routine-popup .bq-primary,
.bq-routine-popup .bq-cart-link,
.bq-side-label {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 600;
}
/* Productpagina blijft expliciet de kleine link onder de bestelknop. */
body#product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start .bq-primary,
body.page-product .bq-widget:not(.bq-popup-widget) .bq-inline .bq-start .bq-primary {
  font: 600 14px/1.5 'Jost', sans-serif;
}
@media (max-width: 767px) {
  .bq-widget { font-size: 15px; }
  .bq-widget .bq-screen h1,
  .bq-routine-popup h1 { font-size: 36px; }
  .bq-widget .bq-screen h2,
  .bq-routine-popup h2 { font-size: 30px; }
  .bq-widget .bq-screen h3,
  .bq-routine-popup h3,
  .bq-widget .bq-question-title { font-size: 25px; }
  .bq-widget .bq-product-name { font-size: 20px; }
  .bq-widget .bq-screen p,
  .bq-widget .bq-question-subtitle,
  .bq-widget .bq-answer,
  .bq-routine-popup li { font-size: 15px; }
}

/* v1.6 — Productpagina: precies één subtiele ingang naar de huidadviseur.
   Als de producttemplate al de oorspronkelijke .bq-open link bevat,
   geen extra inline-quizblok tonen. Zonder losse link blijft de eerste
   inline-quiz beschikbaar, met de compacte linkstyling hierboven.
   De homepage, de popup, de quiz en alle andere pagina's blijven intact. */
body#product .bq-side-label,
body.page-product .bq-side-label {
  display: none !important;
}
@supports selector(body:has(.bq-open)) {
  body#product:has(.bq-open) .bq-widget:not(.bq-popup-widget),
  body.page-product:has(.bq-open) .bq-widget:not(.bq-popup-widget) {
    display: none !important;
  }
}
/* Herstel de bestaande losse productlink naar een echte tekstlink. */
body#product .product-add-to-cart .bq-open,
body.page-product .product-add-to-cart .bq-open,
body#product .product-actions .bq-open,
body.page-product .product-actions .bq-open {
  display: inline !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: 500 14px/1.5 'Jost',sans-serif !important;
  color: #A66D64 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}


/* v1.8 — Mobiele typografie specifiek voor compacte quizschermen.
   De algemene H1-H3 formaten zijn voor volledige webpagina's, niet voor
   een quizkaart van ~320-400px. Alleen CSS; productlink onveranderd. */
@media screen and (max-width: 767px) {
  .bq-widget .bq-screen h1,
  .bq-widget .bq-dialog .bq-screen h1 { font-size: 26px; line-height: 1.22; }
  .bq-widget .bq-screen h2,
  .bq-widget .bq-inline .bq-screen h2,
  .bq-widget .bq-dialog .bq-screen h2 { font-size: 24px; line-height: 1.28; }
  .bq-widget .bq-screen h3,
  .bq-widget .bq-dialog .bq-screen h3 { font-size: 21px; line-height: 1.3; }
  .bq-widget .bq-question-title { font-size: 21px; line-height: 1.32; margin-bottom: 16px; }
  .bq-widget .bq-product-name { font-size: 16px; line-height: 1.4; }
  .bq-widget .bq-screen p,
  .bq-widget .bq-question-subtitle { font-size: 15px; line-height: 1.6; }
  .bq-widget .bq-answer { padding: 13px 15px; }
  .bq-widget .bq-answer strong { font-size: 15px; line-height: 1.45; }
  .bq-widget .bq-answer span { font-size: 13px; line-height: 1.45; }
  .bq-widget .bq-product-role,
  .bq-widget .bq-step-label,
  .bq-widget .bq-kicker { font-size: 12px; }
  .bq-widget .bq-primary,
  .bq-widget .bq-secondary,
  .bq-widget .bq-product-buttons a,
  .bq-widget .bq-product-buttons button { font-size: 13px; line-height: 1.35; }
  .bq-routine-popup h1 { font-size: 26px; line-height: 1.25; }
  .bq-routine-popup h2 { font-size: 24px; line-height: 1.28; }
  .bq-routine-popup h3 { font-size: 21px; line-height: 1.3; }
  .bq-routine-popup li { font-size: 15px; line-height: 1.55; }
}

/* v1.9 — Alleen mobiele producttitels in het quizresultaat.
   Specifieke selector en !important voorkomen dat algemene producttypografie
   uit het PrestaShop-thema de quizresultaten overschrijft. */
@media only screen and (max-width: 767px) {
  .bq-widget .bq-app .bq-results .bq-product .bq-product-name,
  .bq-widget .bq-inline .bq-app .bq-results .bq-product .bq-product-name,
  .bq-widget .bq-dialog .bq-app .bq-results .bq-product .bq-product-name {
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 3px 0 6px !important;
    overflow-wrap: anywhere;
  }
  .bq-widget .bq-results .bq-product > div { min-width: 0; }
}

/* v2.0: productnamen in het QUIZRESULTAAT, compact op mobiele viewport.
   Het bestand heeft een NIEUWE naam zodat CDN/PrestaShop/browser de oude
   CSS niet uit cache blijven gebruiken. Geen effect op productpagina-links. */
@media screen and (max-width: 900px) {
  html body .bq-widget .bq-results .bq-product .bq-product-name,
  html body .bq-widget .bq-app .bq-results .bq-product .bq-product-name,
  html body .bq-widget .bq-dialog .bq-results .bq-product .bq-product-name {
    font-family: 'Jost', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html body .bq-widget .bq-results .bq-product > div { min-width: 0; }
}