.separate-variant-card-list__grid{display:grid;grid-template-columns:repeat(var(--sv-columns-mobile, 2),minmax(0,1fr));gap:1.6rem}@media(min-width:768px){.separate-variant-card-list__grid{grid-template-columns:repeat(var(--sv-columns, 4),minmax(0,1fr));gap:2rem}}.sv-card{display:flex;flex-direction:column;height:100%;padding:1.6rem;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--medium-blocks-radius);box-shadow:0 .2rem 1.2rem rgba(var(--color-foreground),.06)}.sv-card__media{aspect-ratio:1;margin-bottom:1.2rem;overflow:hidden}.sv-card__image{width:100%;height:100%;object-fit:cover}.sv-card__body{display:flex;flex:1;flex-direction:column;gap:1rem}.sv-card__product-title{margin:0;font-size:1.2rem;line-height:1.3;text-transform:uppercase;letter-spacing:.04em}.sv-card__color-name{margin:0;font-size:1.6rem;line-height:1.25;text-align:center}.sv-card__table-wrap{overflow-x:auto}.sv-card__table{width:100%;border-collapse:collapse;font-size:1.3rem}.sv-card__table th,.sv-card__table td{padding:.8rem .6rem;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));text-align:center;vertical-align:middle}.sv-card__table th{font-size:1.1rem;font-weight:600;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));background:rgba(var(--color-foreground),.03)}.sv-card__stock--in{color:#2e7d32;font-weight:600}.sv-card__stock--out{color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}.sv-card__qty{display:flex;align-items:stretch;justify-content:center;gap:.4rem;min-width:8rem;width:auto;position:static;border:0;background:none}.sv-card__qty .quantity__input{position:static;flex:0 0 auto;width:4.4rem;min-height:3.6rem;padding:.4rem;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--small-blocks-radius, .4rem);text-align:center;font:inherit;background:rgb(var(--color-background));box-shadow:none;-moz-appearance:textfield}.sv-card__qty-input{width:4.4rem;min-height:3.6rem}.sv-card__qty-input::-webkit-outer-spin-button,.sv-card__qty-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.sv-card__qty-buttons{display:flex;flex-direction:column;gap:.2rem}.sv-card__qty .quantity__button{position:static;left:auto;right:auto;display:flex;align-items:center;justify-content:center;width:2.8rem;min-height:1.6rem;height:2.8rem;padding:0;border:0;border-radius:var(--small-blocks-radius, .4rem);color:rgb(var(--color-button-text));background-color:rgb(var(--color-button))!important;cursor:pointer;transition:opacity .2s ease}.sv-card__qty .quantity__button:hover{opacity:.85}.sv-card__qty .quantity__button svg{width:1rem;height:1rem;pointer-events:none}.sv-card__qty-btn{display:flex;align-items:center;justify-content:center;width:2.8rem;min-height:1.6rem;padding:0;border:0;border-radius:var(--small-blocks-radius, .4rem);color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));cursor:pointer;transition:opacity .2s ease}.sv-card__qty-btn:hover{opacity:.85}.sv-card__qty-btn svg{width:1.2rem;height:1.2rem}.sv-card__row--sold-out .sv-card__qty{display:none}.sv-card__footer{margin-top:auto;padding-top:1.2rem}.sv-card__error{margin:0 0 .8rem;color:rgb(var(--color-error, 220 38 38));text-align:center}.sv-card__error[hidden]{display:none}.sv-card__add-btn{position:relative;min-height:4.4rem}.sv-card__add-btn.btn--loading .btn__text{opacity:0}.sv-card__add-btn.btn--loading .loading__spinner{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}@media(max-width:767.98px){.sv-card{padding:1.2rem}.sv-card__table thead{display:none}.sv-card__table tr{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.8rem 0;border-bottom:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1))}.sv-card__table tr:last-child{border-bottom:0}.sv-card__table td{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.4rem 1.2rem;border:0;text-align:left}.sv-card__table td:before{content:attr(data-label);font-weight:600;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}.sv-card__quantity{grid-column:1 / -1;justify-content:center!important}.sv-card__quantity:before{display:none}.sv-card__qty{width:100%;justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/separate-variant-card.css.map */
