.mpf-family{--mpf-black:#111;--mpf-gold:#E5BB65;--mpf-line:#e8e8e8;margin:18px 0 22px;padding:0}.mpf-family__title{margin-bottom:10px;color:#555;font-size:14px}.mpf-family__title strong{color:#111}.mpf-family__options{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:thin}.mpf-family__option{position:relative;display:flex;flex:0 0 auto;min-width:74px;max-width:92px;flex-direction:column;align-items:center;gap:5px;padding:6px;border:1px solid var(--mpf-line);border-radius:7px;background:#fff;color:#111!important;text-decoration:none!important;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.mpf-family__option:hover{border-color:#bdbdbd}.mpf-family__option.is-current{border-color:#111;box-shadow:0 0 0 1px #111 inset}.mpf-family__option.is-current:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--mpf-gold)}.mpf-family__option.is-out-of-stock{opacity:.56}.mpf-family__image{display:block;width:58px;height:58px;border-radius:5px;overflow:hidden;background:#f5f5f5}.mpf-family__image img{display:block;width:100%;height:100%;object-fit:cover}.mpf-family__color{display:block;width:54px;height:54px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:var(--mpf-color)}.mpf-family__name{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;line-height:1.3}.mpf-family__check{position:absolute;top:5px;right:6px;display:flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;background:#111;color:#fff;font-size:10px}.mpf-family__stock{font-size:9.5px;font-weight:700;color:#666}.mpf-loop-family{display:flex;align-items:center;gap:8px;margin-top:7px;min-height:20px}.mpf-loop-family__dots{display:flex;gap:4px}.mpf-loop-family__dot{display:block;width:14px;height:14px;border:1px solid rgba(0,0,0,.16);border-radius:50%;background:var(--mpf-color);text-decoration:none!important}.mpf-loop-family__count{font-size:11px;color:#666;font-weight:600}@media(max-width:700px){.mpf-family{margin:15px 0 19px}.mpf-family__options{gap:8px;margin-right:-15px;padding-right:15px}.mpf-family__option{min-width:72px}.mpf-family__image{width:56px;height:56px}.mpf-family__color{width:52px;height:52px}}