li.product {
    display: grid !important;
    grid-template-columns: 300px 1fr;
    grid-gap: 20px;
}

ul.products {
	grid-template-columns: 1fr !important;
	display: grid;
}


@media (max-width: 767px) {
	li.product {
	    grid-template-columns: 200px 1fr;
	}

}



@media (max-width: 450px) {
	li.product {
	    grid-template-columns: 1fr;
	}

}

:root {
  --eb-brown: #C4A266;
  --eb-brown-light: #D5B172;
  --eb-black: #221E1F;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .stock,
.woocommerce ul.products li.product .price,
#add_payment_method .cart-collaterals .cart_totals .discount td,
.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td {
    color: var(--eb-black);
}


.woocommerce span.onsale {
    background-color: var(--eb-brown)
}


.woocommerce-store-notice,
p.demo_store,
.woocommerce #respond input#submit.alt,
.woocommerce .button,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range  {
    border-radius: 0;
    background-color: var(--eb-brown);
    color: white;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-top: var(--eb-brown);
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover  {
    background-color: var(--eb-brown-light);
    color: white;
}

.woocommerce .attribute_buttons {
    margin: -5px;
}
.woocommerce .attribute_buttons button.button {
    margin: 5px;
}

.attribute_buttons .button.active,
.attribute_buttons .button:focus,
.attribute_buttons .button:active {
    background: var(--eb-brown) !important;
    color: white !important;
}

.elementor-widget-woocommerce-product-meta .detail-label {
    font-weight: 300 !important;
}

ul.tabs.wc-tabs {
    display: none;
}
.woocommerce-tabs .panel {
    border-top: none !important;
}

.woocommerce .woocommerce-Tabs-panel {
    display: block !important;
}


@media (min-width: 768px) {

    input#coupon_code {
        padding: 0.5em;
        font-size: 1rem;
        width: calc( 100% - 240px );
    }

    .coupon { width: 70% }

}

@media (max-width: 767px) {

    .woocommerce table.cart .product-thumbnail {
        display: block;
    }

    .woocommerce table.cart .product-thumbnail::before {
        display: none;
    }

    .woocommerce table.cart .product-thumbnail img {
        display: block;
        margin: auto;
        width: 100%;
        max-width: 140px;
    }

    .woocommerce table.shop_table_responsive tr,
    .woocommerce-page table.shop_table_responsive tr {
        margin-bottom: 2em;
    }
}


.woocommerce-notices-wrapper {
    display: block;
    position: fixed;
    z-index: 2;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}
.woocommerce-notices-wrapper > * {
	margin-bottom: 0px;
}