table.variations th.label {
display: block;
margin: 0 10px 0 0;
}
.summary > .price {
margin: 0 0 24px;
}
.woocommerce div.product form.cart div.quantity,
.product_meta,
.term-description {
display: none;
}
.single_variation_wrap {
text-align: center;
}
.woocommerce-variation {
margin: 0 0 20px;
}
.woocommerce div.product form.cart div.quantity {
display: none!important;
}
.woocommerce div.product form.cart .variations td {
display: flex;
flex-wrap: wrap;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: #000;
font-size: 1.5em;
font-weight: 600;
}
.woocommerce div.product form.cart .button {
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
letter-spacing: .3px;
color: #2D2620;
font-size: 1.3rem;
padding: 1.375rem .75rem;
border-radius: var(--bs-border-radius);
background-color: var(--color-beige);
width: 100%;
transition: all .3s ease;
overflow: hidden;
}
.woocommerce div.product form.cart .button.disabled:hover {
color: #2D2620;
background-color: #d9d9d9;
opacity: .7;
transition: all .3s ease;
animation: shake 0.5s ease-in-out;
}
.woocommerce div.product form.cart .variations select,
.woocommerce .woocommerce-ordering select {
border-radius: 8px;
padding-right: unset;
padding: 0 30px 0 5px;
min-width: unset;
}
.woocommerce .woocommerce-ordering select {
padding: 3px 30px 3px 5px;
} .woocommerce ul.products::before {
display: none!important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin: 0;
width: 100%;
}
@media (max-width: 1400px) {
.woocommerce div.product form.cart .variations select {
max-width: 34vw;
}
}
@media (max-width: 600px) {
.woocommerce div.product form.cart .variations select {
max-width: 67vw;
}
.woocommerce div.product form.cart .button {
padding: 1rem .75rem;
}
}
@media (max-width: 340px) {
.woocommerce div.product form.cart .variations select {
margin-right: unset;
}
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-5px); }
75% { transform: translateX(5px); }
}