/* "A small kit." and "Meet your biological twin." on phones and tablets: the same two modules as on desktop (product-modules-ds.js),
   stacked and sized for the screen. Linked for 980px and narrower; everything is scoped to html.product-modules-m, so nothing
   above or below these two cards is affected. */
html.product-modules-m #product-shell #experience>.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;max-width:640px;margin:0 auto}
html.product-modules-m #product-shell .nc-product-module{display:grid;grid-template-rows:auto auto;gap:24px;min-width:0}
html.product-modules-m #product-shell .nc-product-module>h2{position:static!important;margin:0!important;max-width:none;color:#272a30!important;font:500 28px/1.2 ManropeDS,sans-serif!important;letter-spacing:-.032em}
html.product-modules-m #product-shell .nc-product-module>.card{position:relative;display:flex;flex-direction:column;gap:18px;width:100%;height:auto!important;min-height:0;max-height:none!important;padding:20px!important;overflow:hidden;background:#fff!important;border:1px solid #DADCE0!important;border-radius:26px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1;translate:none;visibility:visible;color:#272A30}
html.product-modules-m #product-shell .nc-product-module>.card *{font-family:SourceDS,Arial,sans-serif}
html.product-modules-m #product-shell .nc-product-module .product-v7-body{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch;min-height:0}
/* kit: the same two images as on desktop (box and blood card), side by side and apart, then the two fact cards */
html.product-modules-m #product-shell #kit .kit-visual{position:relative!important;inset:auto!important;width:100%!important;max-width:440px;height:auto!important;aspect-ratio:1.26;min-height:0;margin:0 auto!important;transform:none!important;opacity:1!important}
html.product-modules-m #product-shell #kit .kit-visual>img.kit{position:absolute;left:0;top:4%;width:64%;height:auto;max-height:none;object-fit:contain;transform:rotate(-7deg)!important;filter:none}
html.product-modules-m #product-shell #kit .testing-card{position:absolute;left:auto;right:0;top:56%;width:48%;transform:rotate(6deg)!important}
html.product-modules-m #product-shell #kit .kit-benefits{position:static!important;inset:auto!important;width:auto!important;height:auto!important;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:0;transform:none;opacity:1}
html.product-modules-m #product-shell #kit .kit-benefits>div{display:block;min-height:0;padding:14px 16px;background:#fff;border:1px solid #E4E5E8;border-radius:16px;box-shadow:0 2px 10px #272A3010,0 1px 2px #272A300a;color:#646870;cursor:pointer}
html.product-modules-m #product-shell #kit .kit-molecular-fact strong{font:500 22px/1.2 ManropeDS,sans-serif;color:#272A30}
html.product-modules-m #product-shell #kit .kit-molecular-fact strong b{font:inherit}
html.product-modules-m #product-shell #kit .kit-home-fact strong{font:500 20px/1.2 ManropeDS,sans-serif;color:#272A30}
html.product-modules-m #product-shell #kit .kit-assay-types{margin-top:10px}
html.product-modules-m #product-shell #kit .kit-assay-row span{font:400 17px/1.35 SourceDS,sans-serif;color:#646870}
html.product-modules-m #product-shell #kit .kit-assay-row small,html.product-modules-m #product-shell #kit .kit-home-fact small{font:400 15px/1.4 SourceDS,sans-serif;color:#646870}
html.product-modules-m #product-shell #kit .kit-fact-detail{font:400 14px/1.35 SourceDS,sans-serif;color:#646870}
html.product-modules-m #product-shell #kit .kit-assay-row svg{stroke:#646870}
html.product-modules-m #product-shell :is(.kit-actions-v13,.product-v7-actions){position:static!important;inset:auto!important;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:center;width:100%;height:auto;min-height:0;margin:0;padding:0}
html.product-modules-m #product-shell :is(.kit-actions-v13,.product-v7-actions)>.button{position:static!important;inset:auto!important;width:100%!important;min-height:56px!important;height:auto!important;margin:0!important}
html.product-modules-m #product-shell .kit-actions-v13>.text-link{justify-self:center;min-height:44px;font:500 16px/1.4 SourceDS,sans-serif;color:#646870;text-align:center}
/* twin */
html.product-modules-m #product-shell .twin-card .twin-stage{position:relative!important;inset:auto!important;width:100%!important;height:340px!important;min-height:0;transform:none;background:none!important;opacity:1!important;overflow:hidden;mask-image:linear-gradient(#000 88%,transparent)}
html.product-modules-m #product-shell .twin-card .twin-stage #twin{position:absolute;inset:0;width:100%;height:100%;background:none!important;opacity:1;transform:none}
html.product-modules-m #product-shell .twin-card .twin-content{position:static!important;inset:auto!important;width:auto!important;display:flex;flex-direction:column;gap:14px;transform:none;opacity:1;padding:0}
html.product-modules-m #product-shell .twin-card .enrich-label{margin:0;font:400 15px/1.35 SourceDS,sans-serif;color:#646870}
html.product-modules-m #product-shell .twin-card .entry-points{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0}
html.product-modules-m #product-shell .twin-card .entry-points button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:48px;padding:8px 10px 8px 12px;font:400 16px/1.2 SourceDS,sans-serif;text-align:left;color:#272A30;background:#FAF9F6;border:1px solid #DADCE0;border-radius:12px;cursor:pointer}
html.product-modules-m #product-shell .twin-card .entry-points button svg{width:22px;height:22px;flex:none;color:#272A30;stroke:currentColor}
html.product-modules-m #product-shell .entry-points .source-plus-v36{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;margin-left:auto;border-radius:50%;background:#eae9e5;color:#575b60;font:400 20px/1 Arial;font-style:normal}
html.product-modules-m #product-shell .product-v7-actions p.small{position:static!important;inset:auto!important;width:auto!important;transform:none!important;margin:0;text-align:center;font:400 14px/1.4 SourceDS,sans-serif;color:#646870}
html.product-modules-m #product-shell .product-v7-actions p.small strong{font-weight:600;color:#272A30}
@media(min-width:560px) and (max-width:699px){
 html.product-modules-m #product-shell #kit .kit-benefits{grid-template-columns:1fr 1fr}
}
@media(min-width:700px){
 html.product-modules-m #product-shell .nc-product-module .product-v7-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
}