.product-family{--grid-item-border-radius:8px}.product-family .product-badge{font:var(--font-weight-bold) 11px/150% var(--font-family-wide);left:50%;padding:4px 8px;right:auto;top:-12px;transform:translateX(-50%);width:-moz-fit-content;width:fit-content;z-index:1}@media (min-width:1024px){.product-family .product-badge{max-width:calc(100% - 28px);width:100%}}.product-family__grid{display:grid;gap:8px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.product-family__grid:not(:last-child){margin-bottom:16px}@media (min-width:768px){.product-family__grid:not(:last-child){margin-bottom:24px}}@media (min-width:640px){.product-family__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.product-family__grid{gap:16px 24px}}.product-family__item{border-radius:var(--grid-item-border-radius);position:relative}.product-family__item img{margin:auto;max-width:30%}.product-family__grid-item{border-radius:var(--grid-item-border-radius);display:flex;flex-direction:column;height:100%;position:relative;text-decoration:none}.product-family__grid-item.active,.product-family__grid-item:hover{border-color:var(--color-purple-800);opacity:1}.product-family__grid-item.active .product-family__grid-item-label,.product-family__grid-item:hover .product-family__grid-item-label{background-color:var(--color-purple-800);color:var(--color-white)}.product-family__grid-item.active .product-family__grid-item-check,.product-family__grid-item:hover .product-family__grid-item-check{opacity:1}.product-family__grid-item{border:thin solid transparent;transition:opacity .2s cubic-bezier(.87,0,.13,1) 0s,border-color .2s cubic-bezier(.87,0,.13,1) 0s}.product-family__grid-item-check{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Crect width='21' height='21' x='.5' y='.5' fill='%23fcfc62' rx='10.5'/%3E%3Crect width='21' height='21' x='.5' y='.5' stroke='%23570783' rx='10.5'/%3E%3Cpath fill='%23570783' d='m8.919 13.275-2.742-2.742L5 11.712l3.919 3.918L17 7.548l-1.177-1.177z'/%3E%3C/svg%3E");content:"";height:22px;opacity:0;pointer-events:none;position:absolute;right:-8px;top:-8px;transition:opacity .2s cubic-bezier(.87,0,.13,1) 0s;width:22px;z-index:1}.product-family__grid-item-thumbnail{background-color:var(--color-purple-800);border-top-left-radius:calc(var(--grid-item-border-radius) - 2px);border-top-right-radius:calc(var(--grid-item-border-radius) - 2px);height:94px}.product-family__grid-item-thumbnail img,.product-family__grid-item-thumbnail svg{max-width:45px;-o-object-fit:contain;object-fit:contain}.product-family__grid-item-thumbnail{align-items:center;display:flex;justify-content:center}.product-family__grid-item-label{background-color:var(--color-white);border-bottom-left-radius:calc(var(--grid-item-border-radius) - 2px);border-bottom-right-radius:calc(var(--grid-item-border-radius) - 2px);font:var(--font-weight-bold) 13px/var(--body-sm-line-height) var(--body-sm-family);padding:6px 10px;text-align:center;transition:background-color .2s cubic-bezier(.87,0,.13,1) 0s,color .2s cubic-bezier(.87,0,.13,1) 0s}@media (min-width:768px){.product-family__grid-item-label{padding:8px}}
.product-family__scrollbar{display:none}
@media (max-width:639px){
.product-family__scrollbar{background-color:var(--color-purple-400);border-radius:99px;display:block;height:3px;margin-top:12px;overflow:hidden;position:relative}
.product-family__scrollbar-thumb{background-color:var(--color-purple-800);border-radius:99px;display:block;height:100%;left:0;position:absolute;top:0;width:30%}
}
.product-family__actions .block-button{font-size:12px;height:32px;letter-spacing:.04em;padding:0 14px}
.product-family__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
@media (max-width:639px){
.product-family__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;scrollbar-width:none;padding:8px 8px 0 0;margin-top:-8px}
.product-family__grid::-webkit-scrollbar{display:none}
.product-family__grid>*{flex:0 0 31%;scroll-snap-align:start}
}
@media (max-width:639px){.product-family__grid>*{flex:0 0 27%}}
.product-family__actions{align-items:center}
.product-family__actions .product-badge{border-radius:8px;font-size:11px;left:auto;max-width:none;padding:4px 10px;position:static;top:auto;transform:none;width:auto}
.product-family__actions .product-badge .product-badge__text{font-size:11px}
.product .product-family{margin-top:28px}
@media (min-width:1024px){.product .product-family{margin-top:32px}}
.product-family__grid:not(:last-child){margin-bottom:12px}
@media (min-width:768px){.product-family__grid:not(:last-child){margin-bottom:12px}}
.product-family__actions{margin-top:12px}
.product-family__actions .product-family__action{align-items:center;display:inline-flex;gap:8px}
.template-product-bundle .product-family__actions .product-family__action{gap:0;position:relative}
.template-product-bundle .product-family__actions .product-family__action .product-badge{border-radius:6px;font-size:11px;left:50%;line-height:1;max-width:none;padding:4px 10px;position:absolute;right:auto;top:0;transform:translate(-50%,-68%);white-space:nowrap;width:auto;z-index:2}
.template-product-bundle .product-family__actions .product-family__action .product-badge .product-badge__text{font-size:11px;overflow-wrap:normal}
.template-product-bundle .product-family__actions{margin-top:28px}