@media(min-width:990px){#MainContent{--pdp-media-height: clamp(200px, calc(100svh - 400px) , 420px)}body #MainContent .cp-product[data-url] :is(.kcp-section,.kbp-section,.ki-panel){scroll-margin-top:88px}body #MainContent .cp-product[data-url] :is(.kcp-media,.kbp-media,.ki-photo){max-height:var(--pdp-media-height);aspect-ratio:auto}body #MainContent .cp-product[data-url] :is(.kcp-media,.kbp-media,.ki-photo)>img{height:100%;max-height:var(--pdp-media-height);object-fit:cover}body #MainContent .cp-product[data-url] :is(.kcp-benefit-list,.kbp-benefit-list)>div{padding-block:12px}body #MainContent .cp-product[data-url] :is(.kcp-science-facts,.kbp-science-facts)>div{padding-block:12px}body #MainContent .cp-product[data-url] :is(.kcp-science-product,.kbp-science-product) img{max-height:220px;object-fit:contain}body #MainContent .cp-product[data-url] :is(.kcp-evidence,.kbp-evidence){margin-top:24px;padding-block:16px}body #MainContent .cp-product[data-url] :is(.kcp-texture-media,.kbp-texture-media){padding-right:40px;padding-bottom:32px}body #MainContent .cp-product[data-url] :is(.kcp-preview-note,.kbp-preview-note){margin:-8px 0 20px}body #MainContent .cp-product[data-url] :is(.kcp-slide,.kbp-slide){flex-basis:calc((100% - 48px) / 3)}body #MainContent .cp-product[data-url] :is(.kcp-slide,.kbp-slide) :is(.kcp-media,.kbp-media){height:clamp(160px,calc(100svh - 480px),340px)}body #MainContent .cp-product[data-url] :is(.kcp-slide-copy,.kbp-slide-copy){padding-top:12px}body #MainContent .cp-product[data-url] :is(.kcp-carousel-foot,.kbp-carousel-foot){margin-top:16px;padding-top:12px}body #MainContent .cp-product[data-url] :is(.kcp-faq-photo,.kbp-faq-photo){max-height:260px}body #MainContent .cp-product[data-url] :is(.kcp-related-card,.kbp-related-card)>img{height:clamp(140px,calc(100svh - 560px),240px)}body #MainContent .cp-product[data-url] :is(.kcp-card-foot,.kbp-card-foot){margin-top:12px;padding-top:12px}body #MainContent .cp-product[data-url] :is(.kcp-bundle,.kbp-bundle){margin-top:20px;padding-top:20px;grid-template-columns:80px 1fr auto}body #MainContent .cp-product[data-url] :is(.kcp-bundle,.kbp-bundle) img{max-height:80px;object-fit:contain}body #MainContent .cp-product[data-url] .kbp-zone .kbp-media{height:clamp(180px,calc(100svh - 400px),380px)}body #MainContent #koppa-protocol .kp-included-strip{margin-top:20px;padding-top:16px}body #MainContent #koppa-protocol .kp-routine-media img{max-height:220px;object-fit:cover}body #MainContent #koppa-protocol .kp-closing img{max-height:var(--pdp-media-height);object-fit:contain}}@media(min-width:990px){body #MainContent .cp-product[data-url] :is(.kcp-slide,.kbp-slide) :is(.kcp-media,.kbp-media){height:clamp(120px,calc(100svh - 580px),260px)}body #MainContent .cp-product[data-url] :is(.kcp-related-card,.kbp-related-card)>img{height:120px}body #MainContent .cp-product[data-url] :is(.kcp-related-card,.kbp-related-card)>div{padding-top:12px}body #MainContent .cp-product[data-url] :is(.kcp-bundle,.kbp-bundle){margin-top:12px;padding-top:12px}body #MainContent .cp-product[data-url] .kbp-zone .kbp-media{height:clamp(160px,calc(100svh - 520px),300px)}body #MainContent .cp-product[data-url] :is(.kcp-science-facts,.kbp-science-facts) p{margin-top:8px}body #MainContent .cp-product[data-url] :is(.kcp-evidence,.kbp-evidence){margin-top:12px;padding-block:12px}body #MainContent .cp-product[data-url] :is(.kcp-science-grid,.kbp-science-grid){gap:32px;grid-template-columns:minmax(0,1.6fr) minmax(0,.6fr)}body #MainContent #koppa-protocol .kp-product-meta{margin-block:12px 8px}body #MainContent #koppa-protocol .kp-product-disclosure-summary{padding-block:8px;min-height:44px}body #MainContent #koppa-protocol #routine-image{max-height:260px;object-fit:cover}body #MainContent #koppa-protocol .kp-routine-steps li,body #MainContent #koppa-protocol .kp-routine-footnote{padding-block:12px}body #MainContent #koppa-protocol .kp-faq-list summary{min-height:44px;padding-block:8px}}@media(min-width:990px){body #MainContent .cp-product[data-url] .ki-rows li{padding-block:0}body #MainContent .pdp-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:44px;padding-block:10px}body #MainContent .pdp-disclosure>summary::-webkit-details-marker{display:none}body #MainContent .pdp-disclosure>summary:after{content:"+";flex:none;font-size:18px}body #MainContent .pdp-disclosure[open]>summary:after{content:"\2212"}body #MainContent .pdp-disclosure>summary :is(h2,h3,h4,p){margin:0}body #MainContent .pdp-disclosure__body{padding-bottom:16px}body #MainContent .pdp-disclosure>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}body #MainContent #koppa-protocol .kp-hero{row-gap:16px}body #MainContent #koppa-protocol .kp-value{padding-block:12px}body #MainContent #koppa-protocol .kp-alternatives{padding-block:0;margin-top:12px}body #MainContent #koppa-protocol .kp-hero-gallery,body #MainContent #koppa-protocol .kp-protocol-gallery-stage img{max-height:calc(100svh - 188px)}body #MainContent #koppa-protocol .kp-product-links{margin-top:0}body #MainContent #koppa-protocol .kp-included-strip{margin-top:12px;padding-top:8px}body #MainContent #koppa-protocol .kp-routine-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px}body #MainContent .cp-product[data-url] :is(.kcp-evidence,.kbp-evidence) p{margin-top:8px}body #MainContent .cp-product[data-url] :is(.kcp-science-facts,.kbp-science-facts)>div{padding-block:8px}body #MainContent .cp-product[data-url] :is(.kcp-slide,.kbp-slide) :is(.kcp-media,.kbp-media){height:clamp(120px,calc(100svh - 620px),260px)}}@media(min-width:990px){body #MainContent .cp-product[data-url] section.ki-panel .ki-rows>li{padding-block:0}body #MainContent .cp-product[data-url] .ki-panel .pdp-disclosure>summary h4{margin:0}body #MainContent .cp-product[data-url] :is(.kcp-diary-pair,.kbp-diary-pair){height:clamp(120px,calc(100svh - 620px),260px)}body #MainContent .cp-product[data-url] :is(.kcp-diary-pair,.kbp-diary-pair) figure{min-height:0;height:100%}body #MainContent .cp-product[data-url] :is(.kcp-diary-pair,.kbp-diary-pair) img{height:100%;aspect-ratio:auto;object-fit:cover}body #MainContent .cp-product[data-url] .cp-hero{gap:32px}body #MainContent .cp-product[data-url] .cp-hero .cp-hero__buy{padding-top:0}body #MainContent .cp-product[data-url] .cp-hero .cp-balm-buy-details{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}body #MainContent .cp-product[data-url] .cp-hero .cp-balm-buy-details summary{min-height:44px;padding-block:10px}body #MainContent .cp-product[data-url] .cp-hero :is(.kcp-jumps,.kbp-jumps){margin-block:8px}body #MainContent .cp-product[data-url] .cp-hero .cp-desc{margin-bottom:12px}body #MainContent #koppa-protocol .kp-hero{row-gap:8px}body #MainContent #koppa-protocol .kp-product-meta{margin-block:8px}body #MainContent #koppa-protocol .kp-individual-price,body #MainContent #koppa-protocol .kp-product-disclosures{margin-top:8px}body #MainContent #koppa-protocol .kp-routine-steps li{padding-block:8px}body #MainContent .cp-product[data-url] :is(.kcp-science-grid,.kbp-science-grid){grid-template-columns:minmax(0,1.7fr) minmax(0,.5fr)}body #MainContent .cp-product[data-url] :is(.kcp-evidence,.kbp-evidence) .kcp-link,body #MainContent .cp-product[data-url] .kbp-evidence .kbp-link{margin-top:0}body #MainContent .cp-product[data-url] :is(.kcp-bundle,.kbp-bundle){margin-top:8px;padding-top:8px}}@media(min-width:990px){body #MainContent .cp-product[data-url] .cp-hero .cp-price-row,body #MainContent .cp-product[data-url] .cp-hero .cp-desc{margin-bottom:8px}body #MainContent .cp-product[data-url] .cp-hero :is(.cp-oos,.cp-trust){margin-block:8px}}@media(min-width:990px){body #MainContent .ki-rows .pdp-disclosure{border-bottom:0}}@media(min-width:990px){body #MainContent .cp-product[data-url] section.ki-panel .ki-photo{width:100%;height:var(--pdp-media-height);aspect-ratio:auto}body #MainContent .cp-product[data-url] :is(.kcp-slide,.kbp-slide) :is(.kcp-media,.kbp-media),body #MainContent .cp-product[data-url] :is(.kcp-diary-pair,.kbp-diary-pair){height:clamp(160px,calc(100svh - 568px),320px)}}@media(min-width:990px){body #MainContent #koppa-protocol #contents .kp-product-image img{height:clamp(220px,calc(100svh - 540px),300px);aspect-ratio:auto;object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/koppa-product-viewport.css.map */