/*
Theme Name: Market3

WooCommerce styles override
*/



.page-description {
    margin-top: 4.5em;
}

.archive.woocommerce .term-description {
    margin-bottom: 1.7em;
}

ul.products {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}

ul.products li {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	border: 1px solid var(--wp--preset--color--gray-200);
	transition: all 0.25s ease-in-out;
}

@media screen and (min-width: 893px) {
ul.products.columns-2 { column-gap: 5%; }
ul.products.columns-2 li { width: 47.5%; }
ul.products.columns-3 { column-gap: 3.7%; }
ul.products.columns-3 li { width: 30.866%; }
ul.products.columns-4 { column-gap: 2.5%; }
ul.products.columns-4 li { width: 23.125%; }
ul.products.columns-5 { column-gap: 1.8%; }
ul.products.columns-5 li { width: 18.56%; }
ul.products.columns-6 { column-gap: 1.2%; }
ul.products.columns-6 li { width: 15.666%; }
}

@media screen and (min-width: 893px) {
ul.products li:hover {
    transform: scale(1.04);
    border-color: var(--wp--preset--color--accent);
}
}

figure.loop-product-image {
    width: 100%;
    margin: 0;
	background-color: #fff;
	position: relative;
}

figure.loop-product-image img {
    width: 100%;
	height: 100%;
    object-fit: contain;
	aspect-ratio: auto;
	padding: 10%;
}

@media screen and (min-width: 893px) {
ul.products.columns-2 figure.loop-product-image, ul.products.columns-2 figure.loop-product-image img { height: 330px; }
ul.products.columns-3 figure.loop-product-image, ul.products.columns-3 figure.loop-product-image img { height: 280px; }
ul.products.columns-4 figure.loop-product-image, ul.products.columns-4 figure.loop-product-image img { height: 230px; }
ul.products.columns-5 figure.loop-product-image, ul.products.columns-5 figure.loop-product-image img { height: 180px; }
ul.products.columns-6 figure.loop-product-image, ul.products.columns-6 figure.loop-product-image img { height: 130px; }
}


@media screen and (max-width: 893px) {
ul.products {
	column-gap: 12px;
	row-gap: 12px;
}
ul.products li {
	width: calc(50% - 6px);
}
ul.products figure.loop-product-image, ul.products figure.loop-product-image img {
	height: 140px;
}
ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    gap: 12px;
}
.loop-product-content {
    padding: 0 8px 8px;
}
ul.products li a.product_type_simple, ul.products li a.added_to_cart {
    padding: 5px;
    height: 36px;
}
}

ul.products span.onsale {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    background-color: var(--wp--preset--color--accent);
    color: #fff;
    line-height: 1.2;
    padding: 0.35em 0.6em 0.3em;
    border-radius: 1em;
    font-size: 0.65em;
}

ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: inherit;
	display: flex;
    flex-direction: column;
    gap: 1em;
	height: 100%;
}

.loop-product-content {
    display: flex;
    flex-direction: column;
    padding: 0 1em 0.3em;
	height: 100%;
    justify-content: space-between;
	
}

h4.woocommerce-loop-product__title, h2.woocommerce-loop-category__title {
    margin: 0;
    font-size: var(--wp--preset--font-size--intermedia);
    line-height: 1.2;
	font-weight: 400;
}

h2.woocommerce-loop-category__title {
    margin: 0.5em 0 0;
}

h2.woocommerce-loop-category__title mark {
    display: none;
}

li.product-category.product a {
    color: inherit;
    text-align: center;
}

h4.woocommerce-loop-product__title span.modelo {
    font-weight: 600;
}

ul.products li span.price {
    font-weight: 700;
}

ul.products li a.product_type_simple, ul.products li a.product_type_variable, ul.products li a.added_to_cart {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--wp--preset--color--accent);
    border-top: 1px solid var(--wp--preset--color--gray-200);
    padding: 0.6em;
	height: 3em;
}

p.woocommerce-result-count {
    margin: 2em 0;
}



h1.woocommerce-products-header__title.page-title {
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 400;
    margin: 0 0 1em;
}

@media screen and (max-width: 893px) {
h2.woocommerce-loop-category__title {
    margin: 10px 0 0;
}
}



/*--------------------------------------------------------------
# Other
--------------------------------------------------------------*/

button[disabled] {
    opacity: 0.25;
    cursor: auto;
}




/*--------------------------------------------------------------
# Nav subcategorías
--------------------------------------------------------------*/

ul.subcats {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
}

ul.subcats li {
    line-height: 1.4;
}

ul.subcats a {
    color: inherit;
    font-size: var(--wp--preset--font-size--intermedia);
}

ul.subcats a:hover {
    color: var(--wp--preset--color--accent);
}



/*--------------------------------------------------------------
# Header cart
--------------------------------------------------------------*/

.cart-link {
    position: relative;
}

span.cart-qty {
    position: absolute;
    color: #fff;
    background-color: var(--wp--preset--color--accent);
    top: -7px;
    right: -8px;
    font-size: 12px;
    margin: 0;
    line-height: 1;
    padding: 4px;
    border-radius: 10px;
    width: 20px;
	height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 893px) {
span.cart-qty {
    font-size: 10px;
    width: 17px;
	height: 17px;
}
}




/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/

nav.woocommerce-pagination {
    margin-top: 3em;
}

ul.page-numbers {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 0.5em;
}

ul.page-numbers .page-numbers {
	color: var(--wp--preset--color--contrast);
    border: 2px solid var(--wp--preset--color--contrast);
    height: 1.8em;
    width: 1.8em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--wp--preset--font-size--intermedia);
    border-radius: 0.3em;
    font-weight: 600;
}

ul.page-numbers .page-numbers.current, ul.page-numbers .page-numbers:hover {
	color: #fff;
    background-color: var(--wp--preset--color--contrast);
}




/*--------------------------------------------------------------
# Single
--------------------------------------------------------------*/

@media screen and (min-width: 893px) {
.product-summary-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
	position: relative;
}
.product-summary-container .summary {
	width: 480px;
	transition: all 0.35s ease-in-out;
}
.product-summary-container .product-images {
    width: calc(100% - 512px);
	transition: all 0.35s ease-in-out;
}
.product-summary-container.has-cross-sells.cross-sells-visible .summary {
	width: 568px;
}
.product-summary-container.has-cross-sells.cross-sells-visible .product-images {
    width: calc(100% - 600px);
}
}

.product-summary-container {
	position: relative;
}

.product-summary-container span.onsale {
    position: absolute;
    top: 12px;
    left: 165px;
    z-index: 1;
    background-color: var(--wp--preset--color--accent);
    color: #fff;
    line-height: 1.2;
    padding: 0.25em 0.6em;
    border-radius: 1em;
}

span.onsale.especial {
	background-color: var(--wp--preset--color--complementary) !important;
}

span.onsale.especial.extra-tag {
    top: 50px;
}

ul.products span.onsale.especial.extra-tag {
    top: 33px;
}

.price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0.5em;
}

.price ins {
    background-color: transparent;
}

.price del {
    color: #ccc;
    font-weight: 400;
}

@media screen and (max-width: 893px) {
.single-product span.onsale {
    left: 85px;
}
span.onsale.especial.extra-tag {
    top: 40px !important;
}
}


/*--------------------------------------------------------------
# Single - image
--------------------------------------------------------------*/

.product-images.has-gallery {
    display: flex;
    gap: 16px;
}

.product-images.has-gallery .product-main-image {
    width: calc(100% - 154px);
}

.product-main-image {
    width: 609px;
    border-radius: 5px;
    height: 520px !important;
	transition: all 0.35s ease-in-out;
}

.has-cross-sells.cross-sells-visible .product-main-image {
    width: 533px;
}

.product-main-image figure {
    height: 520px;
    background-color: #fff;
	display: none;
}

.product-main-image figure.active {
	display: block;
}

.product-main-image figure img {
    object-fit: scale-down;
    width: 100% !important;
    height: 100% !important;
}




/*--------------------------------------------------------------
# Single - product-gallery
--------------------------------------------------------------*/

.product-gallery {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 138px;
	height: 520px;
	overflow-y: scroll;
}

.product-gallery::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 8px;
	background-color: #F5F5F5;
}

.product-gallery::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;
}

.product-gallery::-webkit-scrollbar-thumb {
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.product-gallery figure {
    width: 120px;
    height: 120px;
    margin: 0;
	border: 1px solid var(--wp--preset--color--gray-200);
	flex: none;
}

.product-gallery figure:not(.current) {
    cursor: pointer;
}

.product-gallery figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.product-gallery figure.video-thumb img {
    object-fit: cover;
}




/*--------------------------------------------------------------
# Single - images on mobile
--------------------------------------------------------------*/

@media screen and (max-width: 893px) {
.product-images.has-gallery {
    gap: 8px;
	margin-bottom: 20px;
}
.product-gallery {
    gap: 5px;
    width: 69px;
    height: 260px;
}
.product-gallery figure {
    width: 60px;
    height: 60px;
}
.product-main-image figure {
    height: 260px;
}
.product-gallery::-webkit-scrollbar-track {
	border-radius: 5px;
}
.product-gallery::-webkit-scrollbar {
	width: 5px;
}
.product-gallery::-webkit-scrollbar-thumb {
	border-radius: 5px;
}
.product-main-image {
    width: 100%;
    border-radius: 4px;
    height: 320px;
}
.product-images.has-gallery .product-main-image {
    width: calc(100% - 77px);
	height: 260px !important;
}


}




/*--------------------------------------------------------------
# Single - summary
--------------------------------------------------------------*/

.summary-inner {
    display: flex;
    height: 100%;
	position: relative;
}

.summary-part {
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 7px;
    background-color: #fff;
    overflow: hidden;
    padding: 2em;
	z-index: 1;
	width: 100%;
	transition: all 0.35s ease-in-out;
}

.has-cross-sells.cross-sells-visible .summary-part {
	width: 353px;
	padding: 2em 1.5em;
}

.cross-sells-part {
    border: 1px solid var(--wp--preset--color--accent);
    padding: 2em 1.6em 2em 1.3em;
    border-radius: 7px;
}

@media screen and (min-width: 893px) {
.cross-sells-part {
    width: 224px;
    position: absolute;
    height: 100%;
    right: 0;
	overflow-y: scroll;
}	
}


h1.product_title.entry-title {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 400;
    margin: 0 0 0.11em;
	line-height: 1.25;
}

h1.product_title.entry-title span.modelo {
    font-weight: 600;
    color: var(--wp--preset--color--accent);
}

.single-product p.price {
    font-size: var(--wp--preset--font-size--xx-large);
    font-weight: 700;
    margin: 0.35em 0 0;
}

@media screen and (min-width: 893px) {
.single-product .has-cross-sells.cross-sells-visible p.price {
    font-size: var(--wp--preset--font-size--x-large);
}
}

.woocommerce-product-details__short-description {
    margin: 1.5em 0;
}

.summary .product_meta {
    display: flex;
    flex-direction: column;
	color: var(--wp--preset--color--gray-200);
}

.summary p.stock {
    display: none;
}



.cross-sells-part h4 {
    margin: 0 0 0.6em;
}

.cs-boxes {
    display: flex;
    flex-direction: column;
    gap: 3.5em;
    margin-top: 3.5em;
}

.cs-box {
    display: flex;
    gap: 5px;
}

.cs-box figure {
    width: 50px;
	height: 50px;
    margin: 0;
}

.cs-box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	filter: brightness(0.97) contrast(1.02);
}

.cs-box p {
    margin: 0;
    width: calc(100% - 55px);
    margin: 0;
	font-size: var(--wp--preset--font-size--small);
    line-height: 1.3;
}

form.cart.cross-sells-cart {
    margin: 0.8em 0 0;
}

.cross-sells-cart button {
    color: #fff;
    background-color: var(--wp--preset--color--accent);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 0.45em 0.8em;
    border-radius: 1em;
    margin: 0;
    display: inline-block;
	text-transform: inherit;
    font-weight: 400;
}



@media screen and (max-width: 893px) {
.summary-inner {
    flex-direction: column;
}
.has-cross-sells.cross-sells-visible .summary-inner > * {
	width: 100%;
}
h1.product_title.entry-title {
    font-size: var(--wp--preset--font-size--x-large);
    margin: 0 0 0.3em;
}
.single-product form.cart .q-special {
    margin-bottom: 0.5em;
}
.cross-sells-part {
    margin-left: 0;
    margin-top: 10px;
    border: 1px solid var(--wp--preset--color--accent);
    border-radius: 7px;
}
.cross-sells-part h4 {
    font-size: var(--wp--preset--font-size--large);
}
.cs-boxes {
    gap: 1.7em;
    margin-top: 1.5em;
}
.cs-box figure {
    width: 80px;
    height: 60px;
}
.cs-box figure img {
    object-fit: cover;
}
}




/*--------------------------------------------------------------
# Single - variable attribute selector
--------------------------------------------------------------*/

.selector-custom {
    display: flex;
    flex-direction: column;
    gap: 0.3em;
}

.selector-custom .att-option {
    cursor: pointer;
	position: relative;
	padding-left: 1.4em;
	font-size: var(--wp--preset--font-size--intermedia);
}

.selector-custom .att-option:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0.4em;
    width: 0.9em;
    height: 0.9em;
    border: 2px solid var(--wp--preset--color--gray-200);
    border-radius: 1em;
}

.selector-custom .att-option.current:before {
	background-color: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
}

p.chosen-attr {
    background-color: var(--wp--preset--color--gray-300);
    margin: 1.3em 0;
    padding: 0.4em 1em;
    line-height: 1.3;
}

.woocommerce-variation-price span.price {
    font-size: var(--wp--preset--font-size--x-large);
	margin-bottom: 0.6em;
}



.hidden-variations-form table.variations {
    display: none;
}

.hidden-variations-form .reset_variations_alert {
    display: none;
}




/*--------------------------------------------------------------
# Single - Add to cart form
--------------------------------------------------------------*/

.single-product form.cart {
    display: flex;
    flex-direction: column;
    gap: 0.9em;
	margin-top: 0.5em;
}

.single-product form.cart .q-special {
    margin-bottom: 2em;
}

a.comprar-ahora {
    background-color: var(--wp--preset--color--accent);
    text-transform: unset;
    font-weight: 400;
    padding: 0.8em;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 0.3em;
	border: 1px solid var(--wp--preset--color--accent);
	max-width: 360px;
}

.single-product button.single_add_to_cart_button.button {
    background-color: transparent;
    text-transform: unset;
    font-weight: 400;
    padding: 0.8em;
    min-width: 360px;
    color: inherit;
    border: 1px solid var(--wp--preset--color--gray-200);
}

.single-product .cart-is-not-empty button.single_add_to_cart_button.button, .single-product .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled button.single_add_to_cart_button.button {
	background-color: var(--wp--preset--color--accent);
    color: #fff;
	border: 1px solid var(--wp--preset--color--accent);
}

.single-product .has-cross-sells.cross-sells-visible button.single_add_to_cart_button.button {
    min-width: 100%;
}



/*--------------------------------------------------------------
# Single - sections
--------------------------------------------------------------*/

@media screen and (min-width: 893px) {
.product-descriptions-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
	margin-top: 48px;
}
.product-descriptions-container > * {
	display: flex;
    flex-direction: column;
    row-gap: 32px;
}
.pd-left {
	width: 60%;
}
.pd-right {
	width: calc(40% - 32px);
}

}


figure.product-banner {
    border-radius: 0.5em;
    overflow: hidden;
	margin: 0;
	display: flex;
}

figure.product-banner img {
	width: 100%;
	height: auto;
}


.single-product section h2 {
    font-size: var(--wp--preset--font-size--medium);
    margin-bottom: 1.5em;
}

.single-product section {
    margin: 4em 0 1em;
}

.single-product section ul {
    margin: 0;
}

table.shop_attributes {
    border-collapse: collapse;
}

table.shop_attributes td, table.shop_attributes th {
    border: 1px solid #ddd;
    padding: 0.4em 0.6em;
}

table.shop_attributes th {
    text-align: left;
    background-color: #ccc;
    width: 30%;
}


@media screen and (max-width: 893px) {
.pd-left, .pd-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}



}

/*--------------------------------------------------------------
# Shortcode "producto"
--------------------------------------------------------------*/

.producto.oferta a {
    display: flex;
    gap: 10px;
	align-items: center;
	color: inherit;
}

.producto.oferta figure {
    margin: 0;
    width: 300px;
    height: 210px;
}

.producto.oferta figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0.97) contrast(1.02);
}

.producto.oferta .p-cont {
    width: calc(100% - 310px);
}

.producto.oferta h4 {
    margin: 0 0 0.7em;
    font-weight: 400;
}

.producto.oferta span.price {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
    margin: 0.6em 0;
}

@media screen and (max-width: 893px) {
.producto.oferta a {
    gap: 12px;
    flex-direction: column;
}
.producto.oferta figure {
    margin: 0;
    width: 100%;
    height: 90px;
}
.producto.oferta .p-cont {
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
	
}




/*--------------------------------------------------------------
# Woocommerce contenidos varios
--------------------------------------------------------------*/

.ac-item-content table {
    border-collapse: collapse;
}

.ac-item-content table td {
    border: 1px solid var(--wp--preset--color--gray-300);
    padding: 3px 6px;
}



/*--------------------------------------------------------------
# Woocommerce quantity-buttons
--------------------------------------------------------------*/

.q-special {
    display: grid;
    grid-template-columns: 4fr 5fr 4fr;
    width: 8em;
    height: 2.46em;
    border: 1px solid var(--wp--preset--color--gray-200);
	font-size: 1.2em;
}

.q-special input {
    border: none;
	font-size: 0.95em;
    font-weight: 500;
    text-align: right;
	border-left: 1px solid var(--wp--preset--color--gray-200);
    border-right: 1px solid var(--wp--preset--color--gray-200);
	outline: none;
	text-align: center;
    padding: 0.3em;
}

.q-special input::-webkit-outer-spin-button, .q-special input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
}

.q-special span {
    position: relative;
    cursor: pointer;
	background-color: var(--wp--preset--color--gray-300);
}

.q-special span::before, .q-special span::after {
    position: absolute;
    content: '';
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: var(--wp--preset--color--contrast);
	top: 50%;
    left: 50%;
}

.q-special span::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.q-special span.plus::before {
    width: 0.8em;
    height: 2px;
}
.q-special span::after {
    width: 2px;
    height: 0.8em;
}






/*--------------------------------------------------------------
# Sidebar - Catalog sorting
--------------------------------------------------------------*/

.widget-sorting {
    display: flex;
    align-items: center;
    gap: 7px;
	justify-content: space-between;
}

.widget-sorting h3 {
    margin: 0 !important;
}

select.orderby {
    border: none;
    background-color: transparent;
	outline: none;
	padding-right: 0.4em;
	font-size: var(--wp--preset--font-size--intermedia);
}

@media only screen and (min-width: 981px) {
select.orderby {
    width: 210px;
}
}



/*--------------------------------------------------------------
# Sidebar - Price filter
--------------------------------------------------------------*/

aside#secondary .wc-block-product-filter-price-slider .text input[type=text] {
    border-color: var(--wp--preset--color--gray-200);
    padding: 7px 8px 6px;
    max-width: 100px;
    font-weight: 500;
    line-height: 1;
}



/*--------------------------------------------------------------
# Sidebar - Filters
--------------------------------------------------------------*/

aside#secondary .wp-block-woocommerce-product-filter-clear-button button {
    border: none;
    color: #fff;
    background-color: var(--wp--preset--color--contrast);
    font-size: var(--wp--preset--font-size--small);
    letter-spacing: 1px;
}

aside#secondary .wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
    padding: 2px 2px 2px 8px;
    border: none;
    color: #fff;
    background-color: var(--wp--preset--color--gray-200);
    font-size: var(--wp--preset--font-size--extra-small);
    border-radius: 4px;
}



/*--------------------------------------------------------------
# Sidebar - Filtros en versión móvil
--------------------------------------------------------------*/

@media only screen and (max-width: 981px) {
.tax-product_cat .site-content.left-sidebar {
    display: flex;
    flex-direction: column-reverse;
}
.tax-product_cat .site-content.left-sidebar aside:not(.has-subcategories) > h3.wp-block-heading, .tax-product_cat .site-content.left-sidebar aside:not(.has-subcategories) hr {
    display: none;
}
.tax-product_cat .site-content.left-sidebar aside:not(.has-subcategories) section#block-4 {
    margin-bottom: 1.3em;
}
button.wc-block-product-filters__open-overlay {
    background-color: var(--wp--preset--color--contrast);
    color: #fff;
    padding: 0.45em 0.5em 0.4em;
}
section#sorting {
    border-top: 1px solid var(--wp--preset--color--gray-200);
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
}

}




/*--------------------------------------------------------------
# Shop all categories
--------------------------------------------------------------*/

@media only screen and (min-width: 981px) {
.all-categories {
    column-count: 3;
	column-gap: 3.5%;
}
.prod-category {
    -webkit-column-break-inside: avoid;
}
}

.prod-category {
    margin-bottom: 2.2em;
}

.all-categories a {
    color: inherit;
}

.prod-category h3 {
    font-size: 1em;
    font-weight: 600;
	color: #fff;
    background-color: var(--wp--preset--color--accent);
    padding: 0.4em 0.6em 0.45em;
    line-height: 1.2;
    margin: 0 0 0.6em;
}

.prod-category ul {
    list-style-type: none;
    margin: 0 0 0 0.6em;
	padding: 0;
    line-height: 1.7;
}

.prod-category ul li:last-child a {
    text-decoration: underline;
}




/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/

h1.cart-hedline {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 600;
    margin: 0 0 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

h1.cart-hedline img {
    width: 28px;
    height: auto;
}

.custom-cart {
    display: flex;
    gap: 30px;
	margin-top: 4em;
	margin-bottom: 5em;
}

.cc-col-1 {
    width: calc(100% - 422px);
}

.cc-col-2 {
    width: 410px;
}


.custom-cart .cart.woocommerce-cart-form__contents {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
}

.custom-cart .cart_item {
    display: grid;
    grid-template-columns: 80px 1fr 86px 34px 105px;
	align-items: center;
	gap: 12px
}


.custom-cart .product-thumbnail {
    width: 66px;
    height: 66px;
}

.custom-cart .product-name {
    line-height: 1.4;
}

.custom-cart .product-name a {
    color: inherit;
}

.custom-cart .q-special {
    width: 86px;
	height: 28px;
    font-size: var(--wp--preset--font-size--intermedia);
    border-radius: 8px;
    overflow: hidden;
    border-color: #ddd;
}

.custom-cart .q-special input {
    font-size: 15px;
    padding: 4px 6px;
    line-height: 1;
    width: 40px;
    border: none;
}

.custom-cart .q-special span {
    background-color: transparent;
}

.custom-cart .q-special span.plus::before {
    width: 7px;
    height: 1px;
}

.custom-cart .q-special span::after {
    width: 1px;
    height: 7px;
}

.custom-cart .product-remove a {
    line-height: 1;
    display: block;
}

.custom-cart .product-remove img {
    width: 17px;
}

.custom-cart .product-subtotal {
    text-align: right;
	font-weight: 600;
}


.custom-cart .actions {
    display: flex;
    justify-content: space-between;
}

.custom-cart .actions > * {
    margin-top: 15px;
}

.custom-cart .actions .coupon {
    display: flex;
    gap: 10px;
}

.custom-cart input#coupon_code {
    padding: 0.4em;
}

.custom-cart .actions .button {
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
	min-width: fit-content;
}


.cart-totales h4 {
    margin: 0.7em 0 1.3em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
}

.cart-totales > div {
    display: flex;
    justify-content: space-between;
}

.cart-totales a.woocommerce-remove-coupon {
    display: block;
    line-height: 1;
    font-size: var(--wp--preset--font-size--small);
    text-align: right;
}

.custom-cart .order-total {
    margin: 1.3em 0;
}

.custom-cart a.checkout-button.button {
    color: #fff;
    background-color: var(--wp--preset--color--accent);
    width: 100%;
    text-align: center;
    padding: 0.8em;
    border-radius: 0.3em;
}

.cart-totales .wc-proceed-to-checkout {
    margin-bottom: 0.6em;
}


.woocommerce-cart .entry-content {
    margin-bottom: 3em;
}

.woocommerce-cart .cross-sells h2 {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
}

@media screen and (max-width: 893px) {
.custom-cart {
    flex-direction: column;
}
.custom-cart > * {
    width: 100%;
}
.custom-cart .stdbox {
    padding: 20px 12px;
}
.custom-cart .cart.woocommerce-cart-form__contents {
    gap: 36px;
    margin: 20px 0 20px;
}
.custom-cart .cart_item {
    grid-template-columns: 60px 90px 15px 1fr;
	grid-template-areas: 'imagen descrip descrip descrip' 'imagen qty remove monto';
	gap: 0;
}
.custom-cart .product-thumbnail {
	grid-area: imagen;
    width: 50px;
    height: 50px;
}
.custom-cart .product-name {
    grid-area: descrip;
	margin-bottom: 7px;
    line-height: 1.2;
}
.custom-cart .product-quantity {
	grid-area: qty;
}
.custom-cart .product-remove {
	grid-area: remove;
}
.custom-cart .product-remove img {
    width: 15px;
    margin-left: 5px;
    margin-top: 2px;
}
.custom-cart .product-subtotal {
	grid-area: monto;
	font-size: var(--wp--preset--font-size--medium);
}
.custom-cart .actions {
    flex-direction: column;
    margin-top: 3em;
}
.cart-totales > div > p {
    font-size: var(--wp--preset--font-size--medium);
}
.cart-totales > div.order-total > p {
    font-weight: 500;
}
	
}



/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/

ul.checkout-steps {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    gap: 2.6em;
    font-size: var(--wp--preset--font-size--large);
	font-weight: 500;
	margin-bottom: 1.6em;
}

ul.checkout-steps li {
	position: relative;
	line-height: 1;
}

ul.checkout-steps li:not(:first-child):before {
	position: absolute;
	content: '';
	width: 21px;
	height: 19px;
	left: -1.6em;
	top: 0.2em;
	background-image: url(../img/caret-right-a.png);
}

ul.checkout-steps a {
    color: var(--wp--preset--color--complementary);
}

ul.checkout-steps li:not(.current) {
    cursor: pointer;
    color: var(--wp--preset--color--gray-200);
}

form.checkout.woocommerce-checkout {
    margin-top: 1.6em;
}

#info {
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.5em;
    background-color: #fff;
    padding: 1em 1.6em;
}

#info .subsection {
    max-width: 800px;
    margin: auto;
}

.checkout span.required, .checkout span.optional {
    display: none;
}

.checkout fieldset {
    padding: 0;
    border: none;
}

.checkout fieldset p {
    float: left;
    width: 100%;
	margin-bottom: 1.7em;
}

.checkout .form-row-first, .checkout .form-row-last {
    width: 47%;
}

.checkout .form-row-last {
    margin-left: 6%;
}

.checkout fieldset p label {
    display: block;
    margin-bottom: 0.6em;
}


.factura_a p#billing_dni_field {
    display: none;
}

.factura_b p#billing_cuit_field {
    display: none;
}

select#billing_tipo_factura {
    width: 100%;
}

.checkout tr.woocommerce-shipping-totals.shipping {
    display: none;
}

#custom-shipping-control {
    display: flex;
    flex-direction: column;
	gap: 7px;
}

.s-method {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.4em;
    line-height: 1;
    align-items: center;
    padding: 0.4em 1em;
	cursor: pointer;
}

.s-method label {
	cursor: pointer;
}

.s-method img {
    width: 28px;
    height: 28px;
    opacity: 0.5;
}

.s-method.chosen-method {
    background-color: #F5F6FF;
    border-color: var(--wp--preset--color--complementary);
}

.s-method.chosen-method img {
    filter: invert(30%) sepia(20%) saturate(7217%) hue-rotate(195deg) brightness(96%) contrast(102%);
	opacity: 1;
}



div#sub-domicilio {
    margin-top: 4em !important;
}

@media screen and (min-width: 893px) {
#sub-domicilio fieldset p:nth-child(3) {
    width: 47%;
    margin-left: 6%;
}
#sub-domicilio fieldset p:nth-child(2) {
    width: 47%;
}
}

p#billing_state_field span.select2-selection.select2-selection--single {
    height: 48px;
    margin: 0;
    border-radius: 0;
    border-color: #ddd;
}

span#select2-billing_state-container {
    color: inherit;
    line-height: 46px;
}

p#billing_state_field .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}



#order_review {
    display: flex;
	gap: 36px;
}

#order_review > * {
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.5em;
    background-color: #fff;
    padding: 1em 1.6em;
}

.woocommerce-checkout-payment {
    width: 65%;
	padding: 3em 1.6em !important;
}

.review-order-inner {
    width: calc(35% - 36px);
	padding: 1.6em 1.5em 1.2em !important;
    height: fit-content;
}

table.woocommerce-checkout-review-order-table {
    display: flex;
    flex-direction: column;
	gap: 22px;
    margin: 0;
}

table.woocommerce-checkout-review-order-table thead {
    display: none;
}

table.woocommerce-checkout-review-order-table tbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

table.woocommerce-checkout-review-order-table tbody tr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
	line-height: 1.1;
}

.review-order-inner td.product-name {
    display: flex;
    gap: 12px;
    line-height: 1.3;
    font-size: var(--wp--preset--font-size--small);
}

.review-order-inner td.product-name img {
    width: 46px;
    height: 46px;
}

table.woocommerce-checkout-review-order-table tfoot {
    display: flex;
    flex-direction: column;
    width: 100%;
}

table.woocommerce-checkout-review-order-table tfoot tr {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}

table.woocommerce-checkout-review-order-table tfoot tr th {
    width: 70%;
    text-align: left;
    font-weight: normal;
}

table.woocommerce-checkout-review-order-table tfoot tr td {
    width: 30%;
    text-align: right;
}


ul.payment_methods {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

ul.payment_methods li {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.4em;
    line-height: 1.4;
    align-items: center;
    padding: 0 1em 0 1.7em;
	flex-direction: column;
}

ul.payment_methods li.method-selected {
    background-color: #F5F6FF;
    border-color: var(--wp--preset--color--complementary);
}

ul.payment_methods label {
    width: 100%;
    display: flex;
    padding: 0.5em 0;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
	font-weight: 600;
    height: 2.7em;
}

ul.payment_methods label img {
    width: 34px;
    height: 34px;
}

ul.payment_methods .payment_box {
    padding: 0.2em 0;
    width: 100%;
}

ul.payment_methods .payment_box p {
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.4;
}

ul.payment_methods li input[type="radio"] {
    display: none;
}


.woocommerce-terms-and-conditions-wrapper {
    padding: 1.6em 1em;
    display: flex;
    flex-direction: column;
    gap: 0.7em;
}

.woocommerce-terms-and-conditions-wrapper p {
    font-size: var(--wp--preset--font-size--small);
}

button#place_order {
    color: #fff;
    background-color: var(--wp--preset--color--accent);
    width: 100%;
    text-align: center;
    padding: 0.8em;
    border-radius: 0.3em;
    max-width: 400px;
    display: block;
    margin: 2em auto 0;
    text-transform: inherit;
}



form.checkout_coupon.woocommerce-form-coupon {
    display: flex;
    gap: 10px;
}



@media screen and (max-width: 893px) {
ul.checkout-steps li:not(:first-child):before {
    width: 16px;
    height: 15px;
    top: 0.15em;
    background-size: 15px;
}
.checkout fieldset p {
    margin-bottom: 1.2em;
}
.checkout fieldset p label {
    margin-bottom: 0.2em;
}	
p#billing_state_field span.select2-selection.select2-selection--single {
    height: 38px;
}
span#select2-billing_state-container {
    line-height: 36px;
}

p#billing_state_field .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}
#sub-facturacion .form-row {
    width: 100% !important;
    margin-left: 0;
}
#order_review {
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
}
#order_review > * {
    width: 100%;
}
table.woocommerce-checkout-review-order-table tbody {
    gap: 20px;
}
table.woocommerce-checkout-review-order-table tbody tr {
    gap: 20px;
}
ul.payment_methods li {
    padding: 0.6em 1em;
}
ul.payment_methods label {
    line-height: 1.2;
}
ul.payment_methods .payment_box {
    padding: 0;
}
button#place_order {
    margin: 0.7em auto 0;
}
}



/*--------------------------------------------------------------
# Thank you
--------------------------------------------------------------*/

.tp-intro {
    background-color: #fff;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 10px;
    padding: 3.7em;
    text-align: center;
	margin-top: 2em;
}

.tp-intro > * {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

section#detalles-pedido {
    margin: 4em 0;
}

section#detalles-pedido h2 {
    text-align: center;
    font-size: var(--wp--preset--font-size--x-large);
}

.detalles {
    display: flex;
    width: 100%;
    border-top: 1px solid var(--wp--preset--color--gray-200);
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
	margin-top: 2.6em;
}

.detalles > * {
    width: 50%;
    padding: 3em 4em;
}

.detalles > *:not(:last-child) {
    border-right: 1px solid var(--wp--preset--color--gray-200);
}

.detalles img {
    filter: invert(10%) sepia(72%) saturate(7477%) hue-rotate(1deg) brightness(94%) contrast(113%);
	height: 38px;
}

.detalles h3 {
    margin: 0 0 0.6em;
    line-height: 1;
    font-size: var(--wp--preset--font-size--large);
}

.detalles address {
    margin: 0;
    line-height: 1.3;
    font-style: normal;
}

  
section#lista-pedido {
    margin: 4.5em 0;
    display: flex;
    gap: 65px;
}

section#lista-pedido h3 {
    font-size: var(--wp--preset--font-size--large);
    margin: 0 0 0.7em;
}

.woocommerce-checkout .lista {
    width: 60%;
}

.woocommerce-checkout .lista .custom-cart {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    border-top: 1px solid var(--wp--preset--color--gray-200);
}

.woocommerce-checkout .lista .custom-cart .cart.woocommerce-cart-form__contents {
    width: 100%;
}

.woocommerce-checkout .lista .custom-cart .cart_item {
    grid-template-columns: 80px 1fr 105px;
}

.resumen {
    border: 1px solid var(--wp--preset--color--gray-200);
    padding: 1.5em;
	width: calc(40% - 65px);
}

section#lista-pedido .resumen h3 {
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
    padding-bottom: 0.7em;
    margin-bottom: 1.3em;
}

.resumen div {
    display: flex;
    justify-content: space-between;
    line-height: 1.3;
    padding: 0.2em 0;
}

.resumen div p {
    width: 160px;
    text-align: right;
}


@media screen and (max-width: 893px) {
.tp-intro {
    padding: 2.3em;
    margin-top: 1em;
}	
.tp-intro p.has-xx-large-font-size {
    line-height: 1.2;
}
.detalles > * {
    width: 50%;
    padding: 2em 1.5em;
}
section#lista-pedido {
    gap: 25px;
    flex-direction: column;
}
section#lista-pedido > * {
    width: 100%;
}



}




/*--------------------------------------------------------------
# Notices
--------------------------------------------------------------*/

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    display: flex;
    background-color: var(--wp--preset--color--gray-300);
	border-radius: 10px;
    padding: 1em;
    margin: 2em 0;
    justify-content: space-between;
	align-items: center;
	outline: none;
}

.woocommerce-error {
	color: #fff;
	background-color: var(--wp--preset--color--accent);
}

.woocommerce-error a {
	color: #ddd;
}

.woocommerce-message .button {
    color: #fff;
    background-color: var(--wp--preset--color--contrast);
    line-height: 1.2;
    padding: 0.3em 0.9em;
    border-radius: 1em;
    font-size: var(--wp--preset--font-size--intermedia);
}