.ks-shop-family-page{--ks-shop-ink:#141f2c;--ks-shop-blue:#397ec9;--ks-shop-soft:#f2f7fb;color:var(--ks-shop-ink);background:#fff;padding-bottom:64px}
.ks-shop-family-page *{box-sizing:border-box}
.ks-shop-family-page .wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.ks-shop-family-heading{padding:27px 0 35px;background:var(--ks-shop-ink);color:#fff}
.ks-shop-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;margin-bottom:22px;color:#d4e3ee}
.ks-shop-breadcrumb a{color:inherit;text-decoration:none}
.ks-shop-breadcrumb a:hover{text-decoration:underline}
.ks-shop-family-heading h1{font-size:clamp(34px,3.5vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.035em;margin:0 0 17px;color:#fff}
.ks-shop-family-heading p{max-width:780px;font-size:17px;line-height:1.65;margin:0;color:#e4edf4}
.ks-shop-family-content{padding-top:34px}
.ks-shop-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.ks-shop-family-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:18px;background:var(--ks-shop-soft);color:var(--ks-shop-ink);text-decoration:none;isolation:isolate}
.ks-shop-family-card__media{height:225px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:5px;background:#fff;overflow:hidden}
.ks-shop-family-card__media img{display:block;width:100%;height:225px;min-width:0;object-fit:var(--ks-shop-image-fit,contain);object-position:center;transition:transform .25s ease}
.ks-shop-family-card__media--pair{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
.ks-shop-family-card__media--trio{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}
.ks-shop-family-card__media--pair img,.ks-shop-family-card__media--trio img{height:195px;object-fit:contain}
.ks-shop-family-card__media--trio img[src*="ks-real-fanuc-m10id12"]{object-fit:cover}
.ks-shop-family-card__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:25px 25px 19px}
.ks-shop-family-card h2{color:var(--ks-shop-ink);font-size:26px;font-weight:600;line-height:1.14;letter-spacing:-.025em;margin:0 0 12px;text-wrap:balance}
.ks-shop-family-card__body p{color:#304858;font-size:16px;line-height:1.6;margin:0 0 17px}
.ks-shop-family-card__brands{display:block;color:#3d6178;font-size:12px;line-height:1.5;font-weight:600;margin-top:auto}
.ks-shop-family-card__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:15px 22px 15px 25px;background:var(--ks-shop-ink);color:#fff;font-size:13px;font-weight:600;line-height:1.5}
.ks-shop-family-card__footer svg{width:22px;height:22px;flex-shrink:0;transition:transform .2s ease}
.ks-shop-family-card:hover .ks-shop-family-card__footer{background:var(--ks-shop-blue)}
.ks-shop-family-card:hover .ks-shop-family-card__footer svg{transform:translateX(3px)}
.ks-shop-family-card:hover .ks-shop-family-card__media img{transform:scale(1.035)}
.ks-shop-family-page a:focus-visible{outline:3px solid var(--ks-shop-blue);outline-offset:5px}
.ks-shop-family-help{font-size:14px;line-height:1.7;color:#304858;margin:30px 0 0}
.ks-shop-family-help a{display:inline-block;color:#285e96;font-weight:600;text-underline-offset:3px}
@media(max-width:1050px){.ks-shop-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.ks-shop-family-card__media,.ks-shop-family-card__media img{height:235px}.ks-shop-family-card__media--pair img,.ks-shop-family-card__media--trio img{height:210px}}
@media(max-width:649px){.ks-shop-family-page{padding-bottom:40px}.ks-shop-family-page .wrap{width:calc(100% - 36px)}.ks-shop-family-heading{padding:23px 0 28px}.ks-shop-breadcrumb{margin-bottom:18px}.ks-shop-family-heading h1{font-size:36px}.ks-shop-family-heading p{font-size:16px;line-height:1.6}.ks-shop-family-content{padding-top:24px}.ks-shop-family-grid{grid-template-columns:minmax(0,1fr);gap:23px}.ks-shop-family-card__media,.ks-shop-family-card__media img{height:220px}.ks-shop-family-card__media--pair img,.ks-shop-family-card__media--trio img{height:195px}.ks-shop-family-card__body{padding:23px 23px 20px}.ks-shop-family-card h2{font-size:27px}.ks-shop-family-card__footer{padding-inline:23px}}
@media(prefers-reduced-motion:reduce){.ks-shop-family-card *{transition:none!important}.ks-shop-family-card:hover img,.ks-shop-family-card:hover svg{transform:none}}