.product-family-picker{position:relative;display:block;margin-top:18px}.product-family-picker__label{margin:0 0 8px}.product-family-picker__label-value{font-weight:400}.product-family-picker__details{position:relative}.product-family-picker__summary{display:grid;grid-template-columns:56px minmax(0,1fr) 24px;gap:12px;align-items:center;min-height:68px;padding:6px 12px 6px 6px;border:1px solid #dedede;border-radius:8px;background:#fff;color:#222;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.product-family-picker__summary::-webkit-details-marker{display:none}.product-family-picker__summary:hover{border-color:#bfbfbf}.product-family-picker__summary:focus-visible{outline:2px solid #ff5023;outline-offset:2px}.product-family-picker__details[open] .product-family-picker__summary{border-color:#ff5023;box-shadow:0 0 0 1px #ff5023}.product-family-picker__summary-media,.product-family-picker__option-media{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#fff}.product-family-picker__summary-media{width:56px;height:56px}.product-color-thumbnail,.product-family-picker__summary-image,.product-family-picker__option-media img{width:100%;height:100%;background:#fff;object-fit:contain;object-position:center}.product-family-picker__summary-copy,.product-family-picker__option-copy{min-width:0}.product-family-picker__summary-copy{display:flex;flex-direction:column;gap:2px}.product-family-picker__summary-title,.product-family-picker__option-title{color:#222;font-weight:700;line-height:1.25}.product-family-picker__summary-title{font-size:14px}.product-family-picker__summary-meta,.product-family-picker__option-meta{color:#666;line-height:1.3}.product-family-picker__summary-meta{font-size:12px}.product-family-picker__chevron{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.product-family-picker__details[open] .product-family-picker__chevron{transform:rotate(180deg)}.product-family-picker__panel{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:100%;max-height:min(420px,70vh);overflow:auto;padding:12px;border:1px solid #dedede;border-radius:10px;background:#fff;box-shadow:0 14px 38px #00000029}.product-family-picker__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-family-picker--single .product-family-picker__groups{grid-template-columns:minmax(0,1fr)}.product-family-picker--flow .product-family-picker__panel{box-sizing:border-box;position:static;width:100%;max-height:none;margin-top:8px;overflow:visible}.product-family-picker__group{min-width:0}.product-family-picker__group-title{display:flex;justify-content:space-between;gap:6px;margin:0 0 7px;color:#666;font-size:11px;font-weight:600;line-height:1.2;text-transform:uppercase}.product-family-picker__group-title span:last-child{font-weight:500;text-transform:none}.product-family-picker__options{display:grid;gap:7px}.product-family-picker__option{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;align-items:center;min-height:58px;padding:5px 22px 5px 5px;border:1px solid #e2e2e2;border-radius:7px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.product-family-picker__option:hover{border-color:#bcbcbc;background:#fafafa}.product-family-picker__option:focus-visible{outline:2px solid #ff5023;outline-offset:2px}.product-family-picker__option.is-current{border-color:#ff5023;background:#fff8f5;box-shadow:inset 0 0 0 1px #ff5023}.product-family-picker__option-media{width:46px;height:46px}.product-family-picker__option-copy{display:flex;flex-direction:column;gap:1px}.product-family-picker__option-title{font-size:12.5px}.product-family-picker__option-prompt{color:#c83b17;font-size:10.5px;font-weight:700;line-height:1.2}.product-family-picker__option-meta{display:flex;flex-wrap:wrap;gap:3px 5px;align-items:center;font-size:11.5px}.product-family-picker__option-benefit{display:flex;flex-wrap:wrap;gap:3px 6px;align-items:center;margin-top:2px;color:#555;font-size:10.5px;line-height:1.25}.product-family-picker__price-delta{display:inline-flex;align-items:center;min-height:17px;padding:1px 5px;border-radius:999px;background:#fff0eb;color:#c83b17;font-size:9.5px;font-weight:700;white-space:nowrap}.product-family-picker__fallback-badge{display:inline-flex;align-items:center;min-height:16px;padding:1px 5px;border:1px solid #c9c9c9;border-radius:999px;background:#f7f7f7;color:#555;font-size:9.5px;font-weight:600;line-height:1.2;white-space:nowrap}.product-family-picker__fallback-badge[hidden]{display:none}.product-family-picker__check{position:absolute;top:6px;right:6px;display:flex;color:#ff5023}@media(max-width:380px){.product-family-picker__panel{padding:8px}.product-family-picker__groups{gap:6px}.product-family-picker__group-title{font-size:10px}.product-family-picker__option{grid-template-columns:38px minmax(0,1fr);gap:6px;min-height:50px;padding:4px 18px 4px 4px}.product-family-picker__option-media{width:38px;height:38px}.product-family-picker__option-title{font-size:11.5px}.product-family-picker__option-prompt{font-size:9.5px}.product-family-picker__option-meta{font-size:10.5px}.product-family-picker__option-benefit{font-size:9.5px}.product-family-picker__fallback-badge{min-height:14px;padding:1px 4px;font-size:8.5px}}@media(prefers-reduced-motion:reduce){.product-family-picker__summary,.product-family-picker__chevron,.product-family-picker__option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/product-family-picker.css.map */