/* DentifyLab universal product purchase area v6 - fully replace older product-common.css */
body#product #main, body.page-product #main {--dl-text:#1b2922;--dl-green:#153e2b;--dl-mint:#228e4b;--dl-line:#e3e7e4;--dl-muted:#6a766f;}
/* One light card around the native two-column product controls */
body#product #main .dl-purchase-shell,body.page-product #main .dl-purchase-shell {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;border:1px solid var(--dl-line);border-radius:17px;padding:13px;background:#fff;min-width:0;width:100%;}
body#product #main .dl-purchase-shell>.col-md-6,body.page-product #main .dl-purchase-shell>.col-md-6 {float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;}
body#product #main .dl-purchase-gallery .page-content,body.page-product #main .dl-purchase-gallery .page-content{background:none;border:0;box-shadow:none;padding:0;margin:0;}
body#product #main .dl-purchase-gallery .product-cover,body.page-product #main .dl-purchase-gallery .product-cover{border:1px solid var(--dl-line);border-radius:12px;overflow:hidden;background:#fff;margin:0;box-shadow:none;}
body#product #main .dl-purchase-gallery .product-cover img,body.page-product #main .dl-purchase-gallery .product-cover img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}
body#product #main .dl-purchase-summary,body.page-product #main .dl-purchase-summary{padding:3px 3px 0!important;font-family:Inter,Arial,sans-serif;}
body#product #main .dl-purchase-eyebrow,body.page-product #main .dl-purchase-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.05em;color:var(--dl-mint);font-weight:800;margin:0 0 9px;}
body#product #main .page-heading-product,body.page-product #main .page-heading-product{font-size:clamp(19px,1.55vw,25px)!important;line-height:1.22!important;letter-spacing:-.02em;color:var(--dl-text)!important;font-weight:750!important;text-transform:none!important;margin:0 0 12px!important;}
body#product #main .product-prices,body.page-product #main .product-prices{border:0!important;padding:0!important;margin:0 0 14px!important;box-shadow:none;}
body#product #main .current-price,body.page-product #main .current-price{color:var(--dl-text)!important;font-size:clamp(22px,1.7vw,27px)!important;font-weight:800!important;letter-spacing:-.025em;}
body#product #main .current-price span,body.page-product #main .current-price span{color:inherit!important;}
body#product #main .tax-shipping-delivery-label,body.page-product #main .tax-shipping-delivery-label{color:var(--dl-muted);font-size:12px;}
body#product #main .product-information,body.page-product #main .product-information{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;}
body#product #main .product-information:before,body.page-product #main .product-information:before{content:none!important;}
body#product #main .product-information .line,body.page-product #main .product-information .line{display:none!important;}
body#product #main .product-information [id^="product-description-short-"],body.page-product #main .product-information [id^="product-description-short-"]{font-size:13px;line-height:1.65;color:var(--dl-muted);margin:0 0 12px;}
body#product #main .product-variants,body.page-product #main .product-variants{display:flex;flex-direction:column;gap:12px;margin:13px 0!important;padding-top:15px!important;border-top:1px solid var(--dl-line)!important;}
body#product #main .product-variants-item,body.page-product #main .product-variants-item{display:block!important;width:100%;margin:0!important;padding:0!important;float:none!important;border:0!important;}
body#product #main .product-variants .control-label,body.page-product #main .product-variants .control-label{display:block;margin:0 0 6px!important;font-size:12px;font-weight:700;line-height:1.4;color:var(--dl-text);text-transform:none;}
body#product #main .product-variants select,body.page-product #main .product-variants select{display:block;width:100%!important;max-width:100%!important;height:43px!important;min-height:43px!important;padding:0 36px 0 12px!important;margin:0!important;border:1px solid var(--dl-line)!important;border-radius:9px!important;background-color:#fff!important;color:var(--dl-text)!important;font-size:13px!important;box-shadow:none!important;}
body#product #main .product-variants select:focus-visible,body.page-product #main .product-variants select:focus-visible{outline:2px solid #b2d9bf;outline-offset:1px;}
body#product #main .product-actions,body.page-product #main .product-actions{margin:10px 0 0!important;padding:0!important;border:0!important;}
body#product #main .product-add-to-cart,body.page-product #main .product-add-to-cart{display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;}
body#product #main .product-add-to-cart>.control-label,body.page-product #main .product-add-to-cart>.control-label{display:none!important;}
/* Flexible wrappers for both classic and ProBusiness quantity HTML */
body#product #main .product-add-to-cart .product-quantity,body.page-product #main .product-add-to-cart .product-quantity{display:grid!important;grid-template-columns:48px minmax(0,1fr);align-items:stretch;gap:9px;margin:0!important;width:100%!important;}
body#product #main .product-add-to-cart .qty,body.page-product #main .product-add-to-cart .qty{grid-column:1!important;width:48px!important;min-width:0!important;max-width:48px!important;float:none!important;margin:0!important;}
body#product #main .product-add-to-cart .input-group.bootstrap-touchspin,body.page-product #main .product-add-to-cart .input-group.bootstrap-touchspin{width:48px!important;max-width:48px!important;display:block!important;}
body#product #main #quantity_wanted,body.page-product #main #quantity_wanted{width:48px!important;min-width:48px!important;max-width:48px!important;height:44px!important;min-height:44px!important;padding:0 2px!important;text-align:center!important;border:1px solid var(--dl-line)!important;border-radius:8px!important;background:#fff!important;color:var(--dl-text)!important;font-size:14px!important;box-shadow:none!important;}
body#product #main .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical,body.page-product #main .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical{display:none!important;}
body#product #main .product-add-to-cart .add,body.page-product #main .product-add-to-cart .add{grid-column:2!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;}
body#product #main .product-add-to-cart .add-to-cart,body.page-product #main .product-add-to-cart .add-to-cart{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:0 12px!important;margin:0!important;border:0!important;border-radius:8px!important;background:var(--dl-green)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;text-transform:none!important;box-shadow:none!important;}
body#product #main .product-add-to-cart .add-to-cart:hover:not(:disabled),body.page-product #main .product-add-to-cart .add-to-cart:hover:not(:disabled){background:#0f3222!important;}
body#product #main .product-add-to-cart .add-to-cart:before,body#product #main .product-add-to-cart .add-to-cart:after,body.page-product #main .product-add-to-cart .add-to-cart:before,body.page-product #main .product-add-to-cart .add-to-cart:after{content:none!important;display:none!important;}
body#product #main .product-add-to-cart .add-to-cart i+ i,body.page-product #main .product-add-to-cart .add-to-cart i+ i{display:none!important;}
/* Remove social/sharing only in compact product purchase panel */
body#product #main .dl-purchase-summary .social-sharing,body.page-product #main .dl-purchase-summary .social-sharing{display:none!important;}
/* Thumbnail slot: keep original interactive DOM (not duplicated), moved below purchase controls */
body#product #main .dl-product-thumbs-slot,body.page-product #main .dl-product-thumbs-slot{margin:12px 0 4px;min-height:0;}
body#product #main .dl-product-thumbs-slot .product-images,body.page-product #main .dl-product-thumbs-slot .product-images{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:0!important;margin:0!important;list-style:none!important;overflow:visible!important;}
body#product #main .dl-product-thumbs-slot .product-images>li,body.page-product #main .dl-product-thumbs-slot .product-images>li{width:64px!important;max-width:64px!important;flex:0 0 64px!important;margin:0!important;padding:0!important;float:none!important;list-style:none!important;}
body#product #main .dl-product-thumbs-slot .product-images img,body.page-product #main .dl-product-thumbs-slot .product-images img{display:block!important;width:64px!important;height:64px!important;object-fit:cover!important;border-radius:8px!important;border:1px solid var(--dl-line)!important;box-shadow:none!important;}
body#product #main .dl-product-thumbs-slot .product-images .selected img,body.page-product #main .dl-product-thumbs-slot .product-images .selected img{border-color:var(--dl-green)!important;}
/* Full width 3-benefit strip */
body#product #main .dl-purchase-benefits,body.page-product #main .dl-purchase-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--dl-line);padding:18px 10px 7px;margin-top:2px;}
body#product #main .dl-purchase-benefits>div,body.page-product #main .dl-purchase-benefits>div{display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;color:var(--dl-text);font-size:12px;}
body#product #main .dl-benefit-symbol,body.page-product #main .dl-benefit-symbol{display:block;color:var(--dl-mint);font-size:22px;line-height:1;}
@media(max-width:767px){
body#product #main .dl-purchase-shell,body.page-product #main .dl-purchase-shell{grid-template-columns:minmax(0,1fr);gap:18px;padding:12px;border-radius:14px;}
body#product #main .dl-purchase-summary,body.page-product #main .dl-purchase-summary{padding:0!important;}
body#product #main .page-heading-product,body.page-product #main .page-heading-product{font-size:21px!important;}
body#product #main .dl-purchase-benefits,body.page-product #main .dl-purchase-benefits{gap:6px;padding:14px 0 3px;}
body#product #main .dl-purchase-benefits>div,body.page-product #main .dl-purchase-benefits>div{font-size:10px;}
body#product #main .dl-product-thumbs-slot .product-images>li,body.page-product #main .dl-product-thumbs-slot .product-images>li{width:56px!important;flex-basis:56px!important;max-width:56px!important;}
body#product #main .dl-product-thumbs-slot .product-images img,body.page-product #main .dl-product-thumbs-slot .product-images img{width:56px!important;height:56px!important;}
}

/* ===== V7: isolated compact thumbnails; never inherit carousel spacing ===== */
body#product #main .dl-product-thumbs-slot,
body.page-product #main .dl-product-thumbs-slot{position:relative;margin:12px 0 4px!important;min-width:0;width:100%;}
/* Preserve real PrestaShop thumbnail nodes and their handlers, but not their carousel layout */
body#product #main .dl-product-thumbs-slot > .product-images,
body.page-product #main .dl-product-thumbs-slot > .product-images{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;}
body#product #main .dl-thumb-strip,
body.page-product #main .dl-thumb-strip{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:100%;min-width:0;margin:0!important;padding:2px 0 6px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:thin;list-style:none!important;}
body#product #main .dl-thumb-strip .dl-thumb,
body.page-product #main .dl-thumb-strip .dl-thumb{position:relative;display:block!important;flex:0 0 68px!important;width:68px!important;height:68px!important;margin:0!important;padding:0!important;float:none!important;background:#fff!important;border:1px solid #dfe6e0!important;border-radius:9px!important;overflow:hidden;cursor:pointer;scroll-snap-align:start;box-shadow:none!important;}
body#product #main .dl-thumb-strip .dl-thumb img,
body.page-product #main .dl-thumb-strip .dl-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;max-width:none!important;border:0!important;border-radius:0!important;}
body#product #main .dl-thumb-strip .dl-thumb.is-active,
body.page-product #main .dl-thumb-strip .dl-thumb.is-active{border:2px solid #228e4b!important;}
body#product #main .dl-thumb-strip .dl-thumb:focus-visible,
body.page-product #main .dl-thumb-strip .dl-thumb:focus-visible{outline:2px solid #228e4b;outline-offset:2px;}
@media(max-width:767px){
 body#product #main .dl-thumb-strip .dl-thumb,
 body.page-product #main .dl-thumb-strip .dl-thumb{flex-basis:60px!important;width:60px!important;height:60px!important;}
}

/* V8 - only the thumbnail location changes on mobile/tablet */
@media (max-width:991px){
  body#product #main .dl-purchase-gallery .dl-product-thumbs-slot,
  body.page-product #main .dl-purchase-gallery .dl-product-thumbs-slot{
    display:block!important;width:100%!important;max-width:100%!important;
    min-width:0!important;margin:10px 0 14px!important;padding:0!important;
    clear:both!important;
  }
  body#product #main .dl-purchase-gallery .dl-thumb-strip,
  body.page-product #main .dl-purchase-gallery .dl-thumb-strip{
    display:flex!important;justify-content:flex-start!important;
    gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;
  }
}
/* 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}}

/* Roche Description: hide legacy tab controls but show content */
body#product .tabs:has(.dlr) > .nav-tabs,
body.page-product .tabs:has(.dlr) > .nav-tabs {display:none!important;}
body#product .tabs:has(.dlr),
body.page-product .tabs:has(.dlr) {padding-top:0!important;margin-top:20px!important;}
body#product .tabs:has(.dlr) > .tab-content,
body.page-product .tabs:has(.dlr) > .tab-content,
body#product .tabs:has(.dlr) #description,
body.page-product .tabs:has(.dlr) #description,
body#product .tabs:has(.dlr) .product-description,
body.page-product .tabs:has(.dlr) .product-description {
 display:block!important;opacity:1!important;visibility:visible!important;
 border:0!important;box-shadow:none!important;background:transparent!important;
 padding:0!important;max-height:none!important;
}
body#product .tabs:has(.dlr) #product-details,
body.page-product .tabs:has(.dlr) #product-details {display:none!important;}