/* APPEND TO END of themes/probusiness/assets/css/product-common.css — do not replace existing CSS */
.dlr{--g:#164a34;--a:#248b55;--line:#dce7df;--muted:#65736b;--bg:#f5f8f5;font-family:Arial,Helvetica,sans-serif;color:#193429;line-height:1.55;max-width:1150px;margin:0 auto;padding:8px 0 20px;}
.dlr *{box-sizing:border-box}.dlr h2,.dlr h3,.dlr p{margin-top:0}.dlr h2{font-size:clamp(23px,3vw,32px);line-height:1.18;letter-spacing:-.035em;color:var(--g);margin-bottom:13px;font-weight:750}.dlr h3{font-size:17px;line-height:1.3;color:var(--g);margin:0 0 5px}.dlr p{font-size:14px;color:var(--muted);margin-bottom:0}.dlr .tag{display:inline-block;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.13em;color:var(--a);text-transform:uppercase;margin-bottom:10px}.dlr .section{margin-top:34px}.dlr .intro{padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#f3f8f3 0%,#fff 70%);}.dlr .intro p{max-width:700px;font-size:15px}.dlr .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.dlr .feature{display:flex;gap:10px;align-items:center;padding:14px 13px;border:1px solid var(--line);border-radius:13px;background:white;color:var(--g);font-weight:700;font-size:13px}.dlr .feature .ico{font-size:22px;display:block;line-height:1}.dlr .section-heading{margin-bottom:17px}.dlr .section-heading p{max-width:760px}.dlr .suit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dlr .suit{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;}.dlr .suit.soft{background:#fafbf9}.dlr .eyebrow{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#298654;margin:0 0 6px}.dlr .eyebrow.amber{color:#98702c}.dlr .teeth{display:flex;align-items:center;gap:5px;margin:0 0 15px}.dlr .tooth{display:block;width:24px;height:29px;border:1.5px solid #bbd4c4;border-radius:8px 8px 11px 11px;background:linear-gradient(#fff,#f5faf6);box-shadow:0 1px 3px rgba(0,0,0,.035)}.dlr .tooth.gap{border:1.5px dashed #a0baa7;background:#edf5ef;position:relative}.dlr .tooth.gap:after{content:'−';position:absolute;inset:0;text-align:center;line-height:26px;font-size:17px;color:#3a965f}.dlr .suit p{font-size:13px}.dlr .hint{padding:12px 15px;border-left:3px solid #9fbbaa;background:#f5f8f5;margin-top:14px;color:#5e6c63;font-size:12px}.dlr .partner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;padding:25px 27px;border:1px solid #d0e3d5;background:linear-gradient(115deg,#edf7ef,#fbfdfb);border-radius:18px}.dlr .partner h2{font-size:23px;margin-bottom:8px}.dlr .partner p{max-width:630px}.dlr .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;min-height:48px;text-decoration:none!important;border-radius:10px;background:#164a34!important;color:#fff!important;font-size:14px;font-weight:750;white-space:nowrap}.dlr .cta:hover{background:#216c49!important;color:#fff!important}.dlr .partner-note{margin-top:9px;font-size:12px;color:#758278}.dlr .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.dlr .step{padding:21px 19px;border:1px solid var(--line);background:#f9fbf9;border-radius:16px}.dlr .step .num{display:block;font-weight:850;font-size:33px;line-height:1;color:#30935b;margin-bottom:15px}.dlr .step p{font-size:13px}.dlr .qa{border-top:1px solid var(--line)}.dlr .qa details{border-bottom:1px solid var(--line);padding:0}.dlr .qa summary{display:block;list-style:none;position:relative;cursor:pointer;padding:16px 32px 16px 0;color:var(--g);font-size:14px;font-weight:700}.dlr .qa summary::-webkit-details-marker{display:none}.dlr .qa summary:after{content:'+';position:absolute;right:7px;top:12px;color:#38975d;font-size:24px;font-weight:400}.dlr .qa details[open] summary:after{content:'−'}.dlr .qa details p{padding:0 32px 16px 0;font-size:13px}.dlr .ending{font-size:11px;color:#7a867e;margin-top:20px}
@media(max-width:767px){.dlr{padding:4px 0 16px}.dlr .intro{padding:20px 17px;border-radius:15px}.dlr h2{font-size:24px}.dlr .section{margin-top:25px}.dlr .feature-grid{gap:8px;margin-top:17px}.dlr .feature{display:block;text-align:center;padding:10px 5px;font-size:11px;line-height:1.35}.dlr .feature .ico{margin:0 auto 7px;font-size:22px}.dlr .suit-grid{grid-template-columns:1fr;gap:10px}.dlr .suit{padding:16px}.dlr .partner{grid-template-columns:1fr;padding:20px 17px;gap:16px}.dlr .partner h2{font-size:22px}.dlr .cta{display:flex;width:100%;white-space:normal;text-align:center}.dlr .steps{grid-template-columns:1fr;gap:10px}.dlr .step{display:grid;grid-template-columns:47px 1fr;gap:0 12px;padding:15px}.dlr .step .num{grid-row:span 2;font-size:30px;margin:2px 0 0}.dlr .step h3{margin:0 0 3px}.dlr .step p{grid-column:2}.dlr .qa summary{font-size:14px}}


/* Only the Roche product tabs marked in product.tpl */
body#product #main .tabs.dl-roche-tabs,
body.page-product #main .tabs.dl-roche-tabs {border:0!important;box-shadow:none!important;background:transparent!important;padding-top:0!important;}
body#product #main .dl-roche-tabs .nav-tabs,
body.page-product #main .dl-roche-tabs .nav-tabs {display:none!important;}
body#product #main .dl-roche-tabs > .tab-content,
body.page-product #main .dl-roche-tabs > .tab-content,
body#product #main .dl-roche-tabs #description,
body.page-product #main .dl-roche-tabs #description {display:block!important;opacity:1!important;visibility:visible!important;position:static!important;max-height:none!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;}
body#product #main .dl-roche-tabs #description.tab-pane,
body.page-product #main .dl-roche-tabs #description.tab-pane {display:block!important;}
body#product #main .dl-roche-tabs #product-details,
body.page-product #main .dl-roche-tabs #product-details {display:none!important;}
/* Remove theme's framed tab content container */
body#product #main .dl-roche-tabs .product-description,
body.page-product #main .dl-roche-tabs .product-description {border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
/* DentifyLab Roche FAQ V13 — append to roche-description-v11.css */
body#product .dlr .qa,
body.page-product .dlr .qa {
  display: grid;
  gap: 11px;
  border: 0;
  margin-top: 15px;
}
body#product .dlr .qa > details,
body.page-product .dlr .qa > details {
  display: block;
  border: 1px solid #dce8df;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(19, 64, 39, .035);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
body#product .dlr .qa > details[open],
body.page-product .dlr .qa > details[open] {
  border-color: #a9d1b7;
  background: #f9fcfa;
  box-shadow: 0 4px 18px rgba(19, 64, 39, .06);
}
body#product .dlr .qa > details > summary,
body.page-product .dlr .qa > details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 17px 18px 17px 20px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  color: #173e2b;
  user-select: none;
}
body#product .dlr .qa > details > summary::-webkit-details-marker,
body.page-product .dlr .qa > details > summary::-webkit-details-marker { display: none; }
body#product .dlr .qa > details > summary::after,
body.page-product .dlr .qa > details > summary::after {
  content: '+';
  position: static;
  transform: none;
  display: flex;
  flex: 0 0 29px;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #ebf5ee;
  color: #23834b;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}
body#product .dlr .qa > details[open] > summary::after,
body.page-product .dlr .qa > details[open] > summary::after {
  content: '−';
  background: #1b7143;
  color: #fff;
}
body#product .dlr .qa > details > p,
body.page-product .dlr .qa > details > p {
  margin: 0 20px 19px;
  padding: 14px 0 0;
  border-top: 1px solid #e2ebe4;
  color: #617167;
  font-size: 14px;
  line-height: 1.65;
}
body#product .dlr .qa > details > summary:focus-visible,
body.page-product .dlr .qa > details > summary:focus-visible {
  outline: 2px solid #278b52;
  outline-offset: -3px;
}
@media (max-width: 767px) {
  body#product .dlr .qa,
  body.page-product .dlr .qa { gap: 9px; }
  body#product .dlr .qa > details > summary,
  body.page-product .dlr .qa > details > summary {
    padding: 14px 13px 14px 15px;
    font-size: 14px;
  }
  body#product .dlr .qa > details > p,
  body.page-product .dlr .qa > details > p {
    margin: 0 15px 15px;
    padding-top: 12px;
    font-size: 13px;
  }
}