#shopify-product .shopify-buy-frame--product {display: block !important;}

#shopify-product .shopify-buy__product {display: flex;}
#shopify-product .shopify-buy__product > * {width: 50%;}
@media only screen and (min-width: 768px) {
    #shopify-product .shopify-buy__product {column-gap: var(--size-l);}
    #shopify-product .shopify-buy__product > * {width: fit-content;}
}

#shopify-product .shopify-buy__btn {min-width: max-content;}




/* 
OPTIONS
*/
#shopify-product.--sold-out .shopify-buy__product-options-wrapper {display: none;}

#shopify-product input,
#shopify-product select {
    background: transparent;
    border: none;
    outline: none;
    border-radius: 0;
    appearance: none;
    /* Modern browsers */ -webkit-appearance: none;
    /* Chrome, Safari */ -moz-appearance: none;
}

#shopify-product select {cursor: pointer !important;}

#shopify-product .shopify-buy__product-options-wrapper,
#shopify-product .shopify-buy__product__variant-selectors {
    display: flex;
    flex-direction: column;
    row-gap: var(--size);
}


/* QUANTITY*/
#shopify-product .shopify-buy__quantity-container {
    display: flex;
    justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
    #shopify-product .shopify-buy__quantity-container {justify-content: start;}
}

#shopify-product input.shopify-buy__quantity {
    text-align: center;
    width: var(--size-m);
    margin: 0 var(--size-s);
}
#shopify-product input.shopify-buy__quantity:focus,
#shopify-product input.shopify-buy__quantity:focus-visible,
#shopify-product input.shopify-buy__quantity:focus-within {background: var(--colorAlpha);}


/* VARIANT */
#shopify-product .shopify-buy__option-select-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

#shopify-product .shopify-buy__option-select-wrapper label {order: 1;}
#shopify-product .shopify-buy__option-select-wrapper svg {display: none !important;}
#shopify-product .shopify-buy__option-select-wrapper select {
    order: 2;
    text-align: right;
}
@media only screen and (min-width: 768px) {
    #shopify-product .shopify-buy__option-select-wrapper label {margin-right: var(--size-s);}
}

@media (hover: hover) {
    .shopify-buy__btn-wrapper[data-element="product.buttonWrapper"] button,
    #shopify-product select,
    .shopify-buy__quantity-decrement,
    .shopify-buy__quantity-increment {transition: color 200ms ease-in-out;}

    .shopify-buy__btn-wrapper[data-element="product.buttonWrapper"] button:hover,
    #shopify-product select:hover,
    .shopify-buy__quantity-decrement:hover,
    .shopify-buy__quantity-increment:hover {color: var(--colorAlphaText);}
}