.m-variant-grid{margin-top:20px}
.m-variant-grid__heading{margin-bottom:4px}
.m-variant-grid__subheading{margin-bottom:16px;color:rgb(var(--color-foreground-secondary))}
.m-variant-grid__list{border-top:1px solid rgb(var(--color-border))}
.m-variant-grid__row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgb(var(--color-border))}
.m-variant-grid__row--soldout{opacity:.5}
.m-variant-grid__image{width:64px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:rgb(var(--color-background))}
.m-variant-grid__image img,.m-variant-grid__image svg{width:100%;height:100%;object-fit:cover;display:block}
.m-variant-grid__info{flex:1 1 auto;min-width:0}
.m-variant-grid__title{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-weight:600;color:rgb(var(--color-heading))}
.m-variant-grid__code{font-weight:700;color:var(--variant-grid-code-color,#e02020)}
.m-variant-grid__sku{margin-top:4px;font-size:12px;font-weight:400;color:var(--variant-grid-code-color,#e02020)}
.m-variant-grid__price{flex-shrink:0;width:80px;text-align:right;font-weight:600;color:rgb(var(--color-heading))}
.m-variant-grid__qty{display:flex;align-items:center;flex-shrink:0;border:1px solid rgb(var(--color-border));border-radius:6px;overflow:hidden}
.m-variant-grid__qty button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;padding:0;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer;transition:background-color var(--m-duration-default,.25s) ease}
.m-variant-grid__qty button:hover{background-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-text-hover))}
.m-variant-grid__qty button svg{width:12px;height:12px}
.m-variant-grid__qty input{width:44px;height:34px;border:0;padding:0;text-align:center;font-weight:600;background-color:transparent;color:rgb(var(--color-heading));-moz-appearance:textfield}
.m-variant-grid__qty input::-webkit-outer-spin-button,.m-variant-grid__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.m-variant-grid__soldout-label{flex-shrink:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:rgb(var(--color-foreground-secondary))}
.m-variant-grid__cta{margin-top:20px}
.m-variant-grid__cta button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:0;border-radius:8px;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color var(--m-duration-default,.25s) ease,opacity var(--m-duration-default,.25s) ease}
.m-variant-grid__cta button:hover:not(:disabled){background-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-text-hover))}
.m-variant-grid__cta button:disabled{opacity:.45;cursor:not-allowed}
.m-variant-grid__total:not(:empty)::before{content:"\2014 "}
.m-variant-grid__login{padding:16px;border:1px dashed rgb(var(--color-border));border-radius:8px;text-align:center;color:rgb(var(--color-foreground-secondary))}
.m-variant-grid__login a{margin-left:4px;font-weight:600;color:rgb(var(--color-heading));text-decoration:underline}
.m-variant-grid__error:not(:empty){margin-top:12px}
@media screen and (max-width:749px){
.m-variant-grid__image{width:48px;height:48px}
.m-variant-grid__price{width:60px;font-size:13px}
.m-variant-grid__qty button{width:28px;height:28px}
.m-variant-grid__qty input{width:34px;height:28px}
}