/* Homepage products only. No changes to shared site styles. */
.hysin-products{--hp-width:min(85.4vw,1600px);--hp-blue:#0055a8;background:#fff;color:#202020;padding:108px 0 36px;overflow:hidden;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.5}
.hysin-products *{box-sizing:border-box}
.hysin-products a{color:inherit;text-decoration:none}
.hysin-products p,.hysin-products h2,.hysin-products h3{margin:0}
.hysin-products .hp-heading{width:var(--hp-width);margin:0 auto 52px;display:flex;align-items:flex-start;justify-content:space-between;gap:60px}
.hysin-products .hp-eyebrow{display:flex;align-items:center;gap:7px;color:var(--hp-blue);font-size:22px;font-weight:700;margin:0 0 10px}
.hysin-products .hp-eyebrow span{display:inline-block;width:24px;height:1px;background:currentColor}
.hysin-products h2{font-size:42px;line-height:1.4;font-weight:700}
.hysin-products .hp-intro{width:600px;max-width:40%;font-size:18px;line-height:1.55;font-weight:400}
.hysin-products .hp-intro strong{font-weight:700}
.hysin-products .hp-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((var(--hp-width) - 30px)/2.1);gap:30px;padding:0 calc((100% - var(--hp-width))/2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--hp-width))/2);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.hysin-products .hp-track::-webkit-scrollbar{display:none}
.hysin-products .hp-card{min-width:0;min-height:364px;border-radius:22px;background:#f8f8f8;padding:72px 9.2%;display:flex;align-items:center;gap:30px;scroll-snap-align:start;transition:background .25s}
.hysin-products .hp-card:hover{background:#f4f6f8}
.hysin-products .hp-copy{flex:1;min-width:0}
.hysin-products h3{font-size:23px;font-weight:700;line-height:1.4;margin:0 0 32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.hysin-products .hp-summary{font-size:16px;line-height:1.45;margin-bottom:30px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hysin-products .hp-summary:empty{display:none}
.hysin-products .hp-details{color:var(--hp-blue);font-size:16px;display:inline-flex;gap:6px;align-items:center;min-height:28px}
.hysin-products .hp-details span{display:inline-flex;width:17px;height:17px;border-radius:50%;background:var(--hp-blue);color:#fff;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:20px;line-height:1;padding-bottom:2px}
.hysin-products .hp-image{flex:0 0 40%;display:block;height:180px;overflow:hidden;mix-blend-mode:multiply}
.hysin-products .hp-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s}
.hysin-products .hp-card:hover img{transform:scale(1.04)}
.hysin-products .hp-controls{width:var(--hp-width);margin:42px auto 0;height:20px;display:flex;align-items:center}
.hysin-products .hp-progress{display:block;width:100%;height:20px;margin:0;padding:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none;accent-color:var(--hp-blue)}
.hysin-products .hp-progress::-webkit-slider-runnable-track{height:1px;background:#dedede}
.hysin-products .hp-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--hp-blue);width:24%;height:2px;margin-top:-.5px;border:0;border-radius:0}
.hysin-products .hp-progress::-moz-range-track{height:1px;background:#dedede}
.hysin-products .hp-progress::-moz-range-thumb{background:var(--hp-blue);width:24%;height:2px;border:0;border-radius:0}
.hysin-products a:focus-visible,.hysin-products .hp-track:focus-visible,.hysin-products input:focus-visible{outline:2px solid var(--hp-blue);outline-offset:5px}
@media(max-width:1200px){.hysin-products{--hp-width:88vw;padding-top:76px}.hysin-products h2{font-size:34px}.hysin-products .hp-intro{font-size:16px;max-width:44%}.hysin-products .hp-heading{gap:30px}.hysin-products .hp-track{grid-auto-columns:calc((var(--hp-width) - 24px)/1.8);gap:24px}.hysin-products .hp-card{padding:42px 7%;gap:22px;min-height:340px}.hysin-products h3{font-size:21px;margin-bottom:24px}}
@media(max-width:767px){.hysin-products{--hp-width:88vw;padding:52px 0 24px}.hysin-products .hp-heading{display:block;margin-bottom:30px}.hysin-products .hp-eyebrow{font-size:17px;margin-bottom:8px}.hysin-products h2{font-size:28px}.hysin-products .hp-intro{max-width:none;width:auto;font-size:15px;margin-top:20px}.hysin-products .hp-track{grid-auto-columns:var(--hp-width);gap:16px}.hysin-products .hp-card{padding:30px 25px;gap:18px;min-height:300px;border-radius:18px}.hysin-products h3{font-size:19px;margin-bottom:20px}.hysin-products .hp-summary{font-size:14px;margin-bottom:22px}.hysin-products .hp-image{flex-basis:28%;height:150px}.hysin-products .hp-controls{margin-top:26px}.hysin-products .hp-details{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hysin-products *{transition:none!important;scroll-behavior:auto!important}}