#jd-products .flow-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:27px}
#jd-products .flow-top .eyebrow{margin:0}
#jd-products .category-select{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--sub)}
#jd-products select{max-width:195px;background:transparent;border:0;border-bottom:1px solid var(--rule);padding:10px 20px 10px 0;font-size:12px;color:var(--ink)}
#jd-products .flow-stage{height:610px;position:relative;isolation:isolate;overflow:hidden;perspective:1400px;touch-action:pan-y;cursor:grab;margin:8px -28px 0}
#jd-products .flow-stage.dragging{cursor:grabbing}
#jd-products .flow-heading{position:absolute;top:23px;right:7%;z-index:3;pointer-events:none}
#jd-products .flow-heading h1{font-size:clamp(38px,5.8vw,70px);letter-spacing:-3px;line-height:1.02;font-weight:400;margin:0}
#jd-products .flow-heading p{font-size:12px;color:var(--sub);margin:16px 0}
#jd-products .flow-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#919788;stroke-opacity:.17;stroke-width:.8;pointer-events:none}
#jd-products .flow-cards{position:absolute;inset:0;transform-style:flat}
#jd-products .flow-position{position:absolute;left:0;top:0;width:230px;transform-origin:center;will-change:transform;backface-visibility:hidden}
#jd-products .flow-card{width:100%;padding:0;text-align:left;display:block;border:1px solid #d9dbd1;border-radius:5px;overflow:hidden;background:#fffefa;box-shadow:0 5px 12px #292b2210;transition:transform .28s,box-shadow .28s;user-select:none}
#jd-products .flow-card:hover,#jd-products .flow-card:focus-visible{transform:scale(1.05);box-shadow:0 18px 40px #292b2229}
#jd-products a.flow-card{text-decoration:none;color:var(--ink);cursor:pointer}
#jd-products .flow-hint{max-width:calc(100% - 36px);line-height:1.6;letter-spacing:1.2px}
#jd-products .flow-card .art{height:223px;padding:18px;background:#eeeee7;display:block}
#jd-products .flow-card img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
#jd-products .flow-card .copy{display:block;padding:17px 15px 20px;min-height:91px}
#jd-products .flow-card .code{display:block;font-size:10px;color:var(--sub);margin-bottom:8px;letter-spacing:1px}
#jd-products .flow-card .name{font-size:16px;line-height:1.22;letter-spacing:-.3px;display:block}
#jd-products .flow-position.active .flow-card{box-shadow:0 18px 35px #292b2220;border-color:#b6beaf}
#jd-products .flow-hint{position:absolute;bottom:24px;left:28px;font-size:10px;letter-spacing:2px;color:var(--sub);pointer-events:none}
#jd-products .flow-info{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--rule);padding:26px 0 40px;min-height:145px}
#jd-products .flow-info h2{font-size:26px;letter-spacing:-.8px;margin:7px 0 13px;font-weight:400}
#jd-products .flow-info .eyebrow{margin:0;font-size:10px}
#jd-products .flow-navigation{display:flex;gap:12px;align-items:center;flex-shrink:0}
#jd-products .flow-navigation>span{font-size:12px;letter-spacing:1px;margin-right:20px}
@media(max-width:650px){#jd-products .flow-stage{height:520px;margin:8px -18px 0}#jd-products .flow-heading{right:25px;top:10px}#jd-products .flow-heading h1{font-size:37px;letter-spacing:-1.8px}#jd-products .flow-heading p{font-size:11px;max-width:175px}#jd-products .flow-position{width:190px}#jd-products .flow-card .art{height:185px;padding:14px}#jd-products .flow-card .copy{min-height:80px;padding:13px}#jd-products .flow-card .name{font-size:14px}#jd-products .flow-top{align-items:start;flex-direction:column;gap:8px;padding-top:24px}#jd-products .category-select{align-self:flex-end}#jd-products .flow-info{align-items:start;flex-direction:column;gap:20px}#jd-products .flow-info h2{font-size:24px}#jd-products .flow-navigation{width:100%;justify-content:flex-end}#jd-products .flow-hint{left:18px}}
@media(prefers-reduced-motion:reduce){#jd-products .flow-card{transition:none}}