/* Product refinements preserve the approved composition and brand proportions. */
#product-shell .dimension-drops{display:flex;justify-content:center;gap:11px;margin:0 0 25px}
#product-shell .dimension-drops img{width:24px;height:31px;object-fit:contain}
#product-shell .kit-depth{position:absolute;top:168px;left:32px;right:32px;display:flex;gap:25px;align-items:center;border-top:1px solid #ffffff90;padding-top:22px}
#product-shell .kit-depth-number{display:flex;flex-direction:column;gap:5px;flex:none}
#product-shell .kit-depth-number>strong{font-size:65px;font-weight:400;line-height:.95;letter-spacing:-4px}
#product-shell .kit-depth-number>span{font-size:14px;line-height:1.25;color:#4c685d}
#product-shell .kit-depth-types{display:grid;gap:15px;min-width:0}
#product-shell .kit-depth-types>div{display:flex;gap:11px;align-items:flex-start}
#product-shell .kit-depth-types svg{width:24px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round}
#product-shell .kit-depth-types strong{display:block;font-size:15px;font-weight:500;line-height:1.3}
#product-shell .kit-depth-types small{display:block;font-size:12px;line-height:1.5;margin-top:5px;color:#4c685d}
#product-shell #kit .kit{top:329px;left:12%;width:76%}
#product-shell #kit .testing-card{top:491px;left:39%;width:50%}
#product-shell .kit-benefits{top:auto;bottom:118px;gap:10px}
#product-shell .kit-benefits>div{min-height:0;padding:14px 12px;border-radius:16px;gap:9px}
#product-shell .kit-benefits small{margin-top:5px}
#product-shell .kit-actions{bottom:36px}
#product-shell .feature-card{position:relative;overflow:hidden}
#product-shell .feature-stack{height:47px;display:flex;align-items:center;position:absolute;right:15px;top:14px;pointer-events:none}
#product-shell .feature-stack img{width:34px;height:44px;object-fit:cover;border-radius:7px;border:2px solid #fff;box-shadow:0 2px 7px #254d3820;margin-left:-16px;transform:rotate(-9deg)}
#product-shell .feature-stack img:nth-child(2){transform:rotate(7deg);margin-top:4px}
#product-shell .feature-stack img:nth-child(3){transform:rotate(16deg);margin-top:9px}
#product-shell .feature-card:has(.feature-stack) .feature-glyph{width:26px;height:26px}
#product-shell .v19 #story-copy{font-size:15px;line-height:1.6}
#product-shell .v19 #molecular-promise{display:none}
@media(min-width:901px) and (max-width:1150px){#product-shell .kit-depth{gap:16px;left:25px;right:25px}#product-shell .kit-depth-number>strong{font-size:55px}#product-shell .kit-depth-types strong{font-size:14px}#product-shell .kit-depth-types small{font-size:11px}}
@media(max-width:600px){
 #product-shell #kit{height:805px;padding:25px 22px}
 #product-shell .kit-depth{top:183px;left:22px;right:22px;gap:21px;padding-top:18px}
 #product-shell .kit-depth-number>strong{font-size:54px;letter-spacing:-3px}
 #product-shell .kit-depth-number>span{font-size:12px}
 #product-shell .kit-depth-types{gap:14px}
 #product-shell .kit-depth-types svg{width:20px;height:22px}
 #product-shell .kit-depth-types>div{gap:8px}
 #product-shell .kit-depth-types strong{font-size:13px}
 #product-shell .kit-depth-types small{font-size:11px;line-height:1.4}
 #product-shell #kit .kit{top:342px;width:83%;left:7%}
 #product-shell #kit .testing-card{top:472px;width:55%;left:36%}
 #product-shell .kit-benefits{top:auto;bottom:119px;left:22px;right:22px}
 #product-shell .kit-benefits>div{padding:12px 10px;min-height:0;gap:7px}
 #product-shell .kit-actions{bottom:33px;left:22px;right:22px;gap:12px}
 #product-shell .kit-actions .button{font-size:12px;padding:15px 18px}
 #product-shell .kit-actions .text-link{font-size:11px;line-height:1.4}
 #product-shell .dimension-drops{margin-bottom:20px;gap:9px}
 #product-shell .dimension-drops img{width:20px;height:26px}
 #product-shell .v19 #story-copy{font-size:14px;line-height:1.55}
 #product-shell .v19 .app-tabs{gap:27px}
 #product-shell .v19 .feature-card{flex:0 0 180px;width:180px;min-width:180px}
}
@media(min-width:601px){#product-shell #kit .testing-card{top:469px}}

/* Keep the sample animation clear of the facts and action controls at every width. */
#product-shell #kit .kit-visual{position:absolute;top:320px;bottom:232px;left:22px;right:22px;isolation:isolate;pointer-events:none}
#product-shell #kit .kit-visual .kit{top:0;left:8%;width:80%;height:100%;object-fit:contain;object-position:center top}
#product-shell #kit .kit-visual .testing-card{top:auto;bottom:14px;left:auto;right:5%;width:52%;max-width:290px}
#product-shell .kit-replay{position:absolute;right:22px;top:20px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffffbf;background:#ffffff66;color:#29493e;font:23px/1 Arial;cursor:pointer}
#product-shell .kit-replay:focus-visible{outline:2px solid #27877b;outline-offset:3px}
@media(max-width:600px){
 #product-shell #kit .kit-visual{top:340px;bottom:305px;left:12px;right:12px}
 #product-shell #kit .kit-visual .testing-card{bottom:8px;width:55%;max-width:230px;right:6%}
 #product-shell .kit-replay{right:17px;top:16px;width:38px;height:38px}
 #product-shell .kit-benefits{bottom:145px}
}
