/* v2 bands for clinic pages. Extracted from shop-polish.css (the source of truth for the
   product-page look) so treatment pages can carry the same quick-facts, FAQ and band
   styling inside <div class="pdp-v2"> without loading the shop stylesheet.
   Regenerate with the snippet in _scripts/build-treatment-bands.py --css. */
/* base layout the product pages inherit from shop-product.css */
.pdp-v2 .spec-list{margin:0;padding:0}
.pdp-v2 .spec-row{display:flex;gap:18px;margin:0}
.pdp-v2 .spec-row .k{flex:0 0 148px;font-size:13px;letter-spacing:.01em}
.pdp-v2 .spec-row .v{flex:1;margin:0;font-size:14px;line-height:1.65}
.pdp-v2 details.border-b > summary::-webkit-details-marker{display:none}
.pdp-v2 details.border-b > summary::marker{content:""}
.pdp-v2 details.border-b > summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:"DM Sans","DM Sans Fallback","DM Sans Fallback Roboto",system-ui,sans-serif;font-size:14.5px;font-weight:500;line-height:1.45;color:#1F1F1F}
.pdp-v2 details.border-b > p{font-family:"DM Sans","DM Sans Fallback","DM Sans Fallback Roboto",system-ui,sans-serif}
.pdp-v2 details.border-b > summary::after{content:"+";font-size:18px;line-height:1;color:#7D6418;flex:none}
.pdp-v2 details.border-b[open] > summary::after{content:"\2013"}
.pdp-v2 details.border-b > summary:focus-visible{outline:2px solid #9C8E77;outline-offset:2px}
:is(.pdp-duo,.pdp-v2) .mlt-acc>summary::-webkit-details-marker{display:none}
:is(.pdp-duo,.pdp-v2) .mlt-acc>summary::marker{content:""}
:is(.pdp-duo,.pdp-v2) .mlt-acc[open]>summary span[aria-hidden]{transform:rotate(45deg)}
:is(.pdp-duo,.pdp-v2) .mlt-acc>summary span[aria-hidden]{transition:transform .18s ease}
:is(.pdp-duo,.pdp-v2) .mlt-acc>summary:hover span:first-child{color:#6E6350}
:is(.pdp-duo,.pdp-v2) #mlt-quickfacts .spec-list{border-top:1px solid rgba(156,142,119,.34);}
:is(.pdp-duo,.pdp-v2) #mlt-quickfacts .spec-row{border-bottom:1px solid rgba(156,142,119,.24);align-items:baseline;}
:is(.pdp-duo,.pdp-v2) #mlt-quickfacts .spec-row .k{flex:0 0 148px;color:#26221C;font-weight:600;letter-spacing:.01em;font-size:13px;}
:is(.pdp-duo,.pdp-v2) #mlt-quickfacts .spec-row .v{color:#1F1F1F;font-weight:400;font-size:14px;line-height:1.65;}
:is(.pdp-duo,.pdp-v2) #mlt-quickfacts .spec-row .v strong{font-weight:600;color:#1F1F1F;}
@media (max-width:640px){:is(.pdp-duo,.pdp-v2) #mlt-quickfacts .spec-row{flex-direction:column;gap:3px;}
:is(.pdp-duo,.pdp-v2) #mlt-quickfacts .spec-row .k{flex:none;}}
:is(.pdp-duo,.pdp-v2) .pdp-band{border-top:0 !important;padding-top:clamp(3.25rem,5.5vw,4.75rem);padding-bottom:clamp(3.25rem,5.5vw,4.75rem);}
:is(.pdp-duo,.pdp-v2) .pdp-band + .pdp-band{border-top:1px solid rgba(156,142,119,.22) !important;}
:is(.pdp-duo,.pdp-v2) .pdp-band > div{max-width:790px;}
:is(.pdp-duo,.pdp-v2) .pdp-band h2{margin-top:0;margin-bottom:1.4rem;line-height:1.2;}
:is(.pdp-duo,.pdp-v2) .pdp-band > div > .eyebrow{margin-bottom:1.6rem;}
:is(.pdp-duo,.pdp-v2) .pdp-band p, :is(.pdp-duo,.pdp-v2) .pdp-band li, :is(.pdp-duo,.pdp-v2) .pdp-band .spec-row .v{color:#1F1F1F;}
:is(.pdp-duo,.pdp-v2) .pdp-band p{line-height:1.7;}
:is(.pdp-duo,.pdp-v2) .pdp-band .text-ink-faint{color:#5A5347;}
:is(.pdp-duo,.pdp-v2) #mlt-quickfacts .spec-list, :is(.pdp-duo,.pdp-v2) .pdp-band .spec-list{border-top:1px solid rgba(156,142,119,.30);}
:is(.pdp-duo,.pdp-v2) #mlt-quickfacts .spec-row, :is(.pdp-duo,.pdp-v2) .pdp-band .spec-row{padding:19px 0;border-bottom:1px solid rgba(156,142,119,.22);align-items:baseline;}
:is(.pdp-duo,.pdp-v2) .pdp-band .spec-row .k{color:#26221C;font-weight:600;}
:is(.pdp-duo,.pdp-v2) .pdp-band .mlt-acc > summary{padding:19px 0 !important;align-items:center;}
:is(.pdp-duo,.pdp-v2) .pdp-band .mlt-acc > summary > span[aria-hidden]{width:20px;text-align:center;line-height:1;}
:is(.pdp-duo,.pdp-v2) .pdp-band .mlt-acc + .mlt-acc > summary{border-top:1px solid rgba(156,142,119,.22);}
:is(.pdp-duo,.pdp-v2) .pdp-band details.mlt-acc:first-of-type > summary{border-top:1px solid rgba(156,142,119,.30);}
:is(.pdp-duo,.pdp-v2) .pdp-band .mlt-acc[open] > summary{border-bottom:0;}
:is(.pdp-duo,.pdp-v2) .pdp-band details.border-b{padding:14px 0;border-bottom:1px solid rgba(156,142,119,.22) !important;}
@media (max-width:640px){:is(.pdp-duo,.pdp-v2) .pdp-band{padding-left:1.25rem;padding-right:1.25rem;}
:is(.pdp-duo,.pdp-v2) .pdp-band .spec-row{flex-direction:column;gap:4px;padding:15px 0;}
:is(.pdp-duo,.pdp-v2) .pdp-band .spec-row .k{flex:none;}}
:is(.pdp-duo,.pdp-v2) .mlt-acc>summary{transition:background .16s ease,padding-left .16s ease;border-radius:4px;}
:is(.pdp-duo,.pdp-v2) .mlt-acc>summary:hover{background:rgba(156,142,119,.10);padding-left:8px;}
:is(.pdp-duo,.pdp-v2) .mlt-acc>summary:focus-visible{outline:2px solid #9C8E77;outline-offset:2px;}
:is(.pdp-duo,.pdp-v2) .mlt-acc[open]>summary{background:rgba(156,142,119,.07);}
:is(.pdp-duo,.pdp-v2) .mlt-acc[open]>summary span:first-child{font-weight:500;}
(design system, 0,1,2) outranks
   that utility, so on the live Duo they rendered at 28px, bigger than the
   accordion title they sit under. Two classes beat it on specificity. */
:is(.pdp-duo,.pdp-v2) .mlt-acc h3{font-size:15px;line-height:1.4;font-weight:500;}