/* Containers 
-------------------------------------- */
body.woocommerce-page { --wpb-width: 100%; }
body.woocommerce-page .woocommerce, body.woocommerce-page .wp-block-woocommerce-cart, body.woocommerce-page .wp-block-woocommerce-checkout { padding-inline: 2rem; width: 100%; max-width: var(--wpb-width); margin-inline: auto; } 

@media (min-width: 576px) {
    body.woocommerce-page { --wpb-width: var(--container-width--sm); }
}
@media (min-width: 768px) {
    body.woocommerce-page { --wpb-width: var(--container-width--md); }
}
@media (min-width: 992px) {
    body.woocommerce-page { --wpb-width: var(--container-width--lg); }
}
@media (min-width: 1200px) {
    body.woocommerce-page { --wpb-width: var(--container-width--xl); }
}
@media (min-width: 1400px) {
    body.woocommerce-page { --wpb-width: var(--container-width--xxl); }
}
@media (min-width: 1600px) {
    body.woocommerce-page { --wpb-width: var(--container-width--xxxl); }
}

/* Woocommerce notices
-------------------------------------- */
.woocommerce-notices-wrapper{ display: flex; flex-wrap: wrap; gap: 1rem; }

:is(.woocommerce-cart-notice, .woocommerce-message){ border: none !important; border-radius: none; padding: 1em 1.5em !important; font-size: 1.6rem; }
.woocommerce-cart-notice#yith-par-message-cart{ justify-content: start; }
.woocommerce-cart-notice#yith-par-message-cart i{ font-size: 2rem; padding-right: 1rem; }

.woocommerce-cart-notice .ywpar_apply_discounts{ display: flex; align-items: center; flex-wrap: wrap!important; text-wrap: nowrap !important; row-gap: 1rem; }
.woocommerce-cart-notice .ywpar_apply_discounts span input{ display: block; margin: 0 .5rem !important; }

.wc-block-components-notice-banner { --fs: 1.6rem; display: flex; align-items: center; column-gap: 2rem; background-color:var(--clr-success); border-radius: 2px; color:#fff; clear: both; padding: 1.6rem 2.4rem; position: relative; list-style: none outside; }
.wc-block-components-notice-banner svg { fill: #fff; }  
.wc-block-components-notice-banner ul { padding-left: 2rem; }
.wc-block-components-notice-banner .wc-block-components-notice-banner__content { color: inherit; flex-grow: 1; display: flex; flex-wrap: wrap; column-gap: .75rem; }
.wc-block-components-notice-banner .wc-block-components-notice-banner__content .button { all: unset; order: 1; text-decoration: underline; }
.wc-block-components-notice-banner .wc-block-components-notice-banner__content .button:hover { all: unset; }
.wc-block-components-notice-banner.is-error { background-color: var(--clr-danger); }
.wc-block-components-notice-banner.is-info { background-color: var(--clr-info); }

.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments { outline: none!important; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color:var(--clr-success); color:#fff; clear: both; padding: 1em 2em!important; position: relative; list-style: none outside; }
.woocommerce-message a,.woocommerce-info a,.woocommerce-error a,.woocommerce-noreviews a,p.no-comments a { color:#fff!important; border-left: none!important; }
.woocommerce-message a:hover,.woocommerce-info a:hover,.woocommerce-error a:hover,.woocommerce-noreviews a:hover,p.no-comments a:hover { color: #fff; opacity:.7; }
.woocommerce-message a.button:hover,.woocommerce-info a.button:hover,.woocommerce-error a.button:hover,.woocommerce-noreviews a.button:hover,p.no-comments a.button:hover { opacity: 1; border-left: none!important; }
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button,.woocommerce-noreviews .button,p.no-comments .button { --p: 0!important; --bg-clr: transparent!important; --border: none!important; --hover-bg-clr: transparent; --br: 0!important; min-height: 0rem; padding-left: 1em!important; border-width: 0; }
.woocommerce-message .button:hover,.woocommerce-info .button:hover,.woocommerce-error .button:hover,.woocommerce-noreviews .button:hover,p.no-comments .button:hover { background: none; color: #fff; opacity: .7; }

.site-content>.col-full>.woocommerce>.woocommerce-message:first-child,.site-content>.col-full>.woocommerce>.woocommerce-info:first-child,.site-content>.col-full>.woocommerce>.woocommerce-error:first-child { margin-top: 2.617924em; }
.woocommerce-error { list-style: none; }
.woocommerce-info,.woocommerce-noreviews,p.no-comments { background-color: var(--clr-info); }
.woocommerce-info.woocommerce-no-products-found { background-color: rgba(0,0,0,0); border: none; color: inherit; padding: 1em 0; }
.woocommerce-error { background-color: var(--clr-danger); }
.woocommerce-error p, .woocommerce-error li { color: #fff; }

/* Algemeen
-------------------------------------- */
.screen-reader-text { clip: rect(1px,1px,1px,1px); word-wrap: normal!important; border: 0; -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px } 
.woocommerce .col2-set { --gc: 1; --gap: 2rem; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -webkit-column-gap: var(--gap); -moz-column-gap: var(--gap); column-gap: var(--gap); -webkit-row-gap: var(--gap); -moz-row-gap: var(--gap); row-gap: var(--gap) }
.password-input { position: relative; }
.wpb-backdrop.wpb-backdrop--woocommerce { z-index: 1040; }  

@media (min-width: 768px) {
    .woocommerce .col2-set, .woocommerce-page .col2-set { --gc: 2; }
}

/* Payment icons
-------------------------------------- */
.woocommerce-payment-icons { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.woocommerce-payment-icons img { width: auto; height: 2.4rem; }

/* Breadcrumbs
-------------------------------------- */
.woocommerce-breadcrumb { --fs: 1.3rem; display: inline-flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--clr-text); max-width: 100%; }
.woocommerce-breadcrumb > * { margin-right: .8rem }
.woocommerce-breadcrumb a { color: var(--clr-text); text-decoration: none; }

@media (min-width: 992px) {
    .woocommerce-breadcrumb { --fs: 1.5rem; }
}

/* Quantity select
-------------------------------------- */
.quantity { --border: .1rem solid var(--clr-border); display: inline-flex; align-items: center; }
.quantity button { --size: 3.2rem; width: var(--size); min-width: var(--size); height: var(--size); border: var(--border); background-color: transparent; display: inline-grid; place-items: center; cursor: pointer; transition: background-color var(--ts-15) ease; }  
.quantity button:hover{ background-color: var(--clr-border); }
.quantity button i { font-size: 1.6rem; color: var(--clr-dark); pointer-events: none; }
.quantity input { --size: 3.2rem; font: inherit; text-align: center;  padding: 0!important; -moz-appearance: textfield; width: var(--size)!important; min-width: var(--size); height: var(--size); min-height: 0!important; border: none!important; border-top: var(--border) !important; border-bottom: var(--border) !important; background-color: transparent; }
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

@media(min-width: 992px){
    .quantity button { --size: 4rem; }
    .quantity input { --size: 4rem; }
}

/* Product price
-------------------------------------- */
.prd-price { display: flex; line-height: 1.2; margin-top: auto; flex-wrap: wrap; align-items: baseline; column-gap: .3em; row-gap: .6rem; font-size: 1.5rem;  }
/* .prd-price del { display: block; } */
.prd-price > ins, .prd-price bdi { text-decoration: none; font-weight: 700; }  
.prd-price:has(del) > :is(ins, bdi){ background-color: var(--clr-danger); color: #fff; padding: .2rem .5rem; }
.prd-price .discount-text{ width: 100%; font-size: 1.2rem; font-weight: 600; color: var(--clr-danger); text-transform: uppercase; }

.wpb-product-content .entry-summary__body .prd-price{ font-size: 1.8rem; margin-top: 2.8rem; } /* Bottom */

/* Stock
-------------------------------------- */
.prd-stock { margin-top: auto; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; }  
.prd-stock::before { content: ''; display: inline-block; margin-right: .6rem; width: 1rem; height: 1rem; border-radius: 50%; } 
.prd-stock.prd-stock--instock { color: var(--clr-success); }
.prd-stock.prd-stock--instock::before { background-color: var(--clr-success); }
.prd-stock.prd-stock--outofstock { color: var(--clr-danger) }
.prd-stock.prd-stock--outofstock::before { background-color: var(--clr-danger); }

/* Woocommerce loop
-------------------------------------- */
body.woocommerce-page ul.products { --gc: 1; --gap: 2.2rem; list-style: none; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -webkit-column-gap: var(--gap); -moz-column-gap: var(--gap); column-gap: var(--gap); -webkit-row-gap: var(--gap); -moz-row-gap: var(--gap); row-gap: var(--gap) }
/* body.woocommerce-page .products.--loading .wpb-product { opacity: 0.5; }  */

body.woocommerce-page ul.products .wpb-card--product-cta{ grid-column: span var(--gc); }

@media (min-width: 768px) {
    body.woocommerce-page ul.products.columns-2,
    body.woocommerce-page ul.products.columns-4,
    body.woocommerce-page ul.products.columns-5 { --gc: 2; }

    body.woocommerce-page ul.products.columns-3{ --gc: 1; }
}

@media (min-width: 1200px) {
    body.woocommerce-page ul.products.columns-3,
    body.woocommerce-page ul.products.columns-4,
    body.woocommerce-page ul.products.columns-5 { --gc: 2; }
}

@media (min-width: 1400px) {
    body.woocommerce-page ul.products.columns-4,
    body.woocommerce-page ul.products.columns-5 { --gc: 4; }
    body.woocommerce-page ul.products.columns-3{ --gc: 3; }
}

/* Woocommerce loop item
-------------------------------------- */
li.wpb-product { --p: 1.8rem; position: relative; border: .1rem solid var(--clr-border); background-color: #fff; padding: var(--p); display: flex; flex-direction: column; transition: border var(--ts-25) ease; }
li.wpb-product.is-removing { opacity: 0; transition: opacity var(--ts-25) ease; }
li.wpb-product > * + * { margin-top: 1em; }
li.wpb-product a { text-decoration: none; }
li.wpb-product .product__header { height: 24rem; text-align: center; }
li.wpb-product .product__header .badge-group, li.product .onsale { position: absolute; left: var(--p); top: 0; right: var(--p); transition: left var(--ts-25) ease; }
li.wpb-product .product__header img { width: 100%; height: 100%; object-fit: contain; }
li.wpb-product .product__header .toggle-bookmark { position: absolute; top: 1rem; right: 1rem;  }
li.wpb-product .product__body { flex-grow: 1; display: flex; flex-direction: column; }
li.wpb-product .product__body a{ display: flex; flex-direction: column; }
li.wpb-product .product__body a:has(+ .prd-price, + .prd-stock){ margin-bottom: 1.6rem; }
li.wpb-product .product__footer{ margin-top: 0; height: 0px; }
li.wpb-product .product__footer .btn { min-height: 0px; height: 0px; width: 0px; padding: 0; opacity: 0; }
li.wpb-product .onsale { position: absolute; top: 1rem; left: 1rem; }
li.wpb-product .prd-title { --fs: clamp(1.4rem, 2vw, 2rem); font-size: var(--fs); font-weight: 700; text-transform: uppercase; line-height: 1; transition: color var(--ts-25) ease; }  
li.wpb-product .prd-category{ font-size: clamp(1.2rem, 2vw, 1.4rem); text-transform: uppercase; }
li.wpb-product:hover{ border: .1rem solid rgb(var(--clr-dark-rgb), .4); }
li.wpb-product:hover .prd-title{ color: var(--clr-primary); }
li.wpb-product .added_to_cart.wc-forward{ display: none; }

li.wpb-product.wpb-product--upsell{ --p: 1.5rem; }
li.wpb-product.wpb-product--upsell .product__header { height: 14rem; padding: 2rem 0; }
li.wpb-product.wpb-product--upsell .product__footer { padding-top: 2rem; height: auto; display: flex; justify-content: space-between; align-items: center; }
li.wpb-product.wpb-product--upsell .product__footer .btn{ --fs: 1.2rem; --gap: .6rem; --clr: var(--clr-primary); --hover-clr: var(--clr-dark); background-color: transparent !important; min-height: auto; height: auto; width: auto; opacity: 1; }
li.wpb-product.wpb-product--upsell .product__footer .btn i{ --size: 1.8rem; display: flex; justify-content: center; align-items: center; font-size: 1.4rem; background-color: var(--bg-clr); width: var(--size); min-width: var(--size); height: var(--size); min-height: var(--size); color: #fff; transition: background var(--ts-25) ease; }
li.wpb-product.wpb-product--upsell .product__footer .btn:hover i{ background-color: var(--hover-bg-clr); }
li.wpb-product.wpb-product--upsell .product__footer .btn.outofstock{ color: var(--clr-danger) !important; }

@keyframes gradient-animation {
    0% {
        background-position: 400% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

li.wpb-product .product__loading{ 
    --color-1: rgba(245, 245, 245, 1); --color-2: rgba(225, 225, 225, 1); --bg-gradient: linear-gradient(90deg, var(--color-1) 0%, var(--color-2) 25%, var(--color-1) 50%, var(--color-2) 75%, var(--color-1) 100%); position: absolute; top: 0; right: 0; bottom: 0; 
    left: 0; background-color: #fff; margin: 0; opacity: 0; pointer-events: none; transition: opacity var(--ts-35) ease;
}
li.wpb-product .product__loading .product__loading-header{ height: 65%; width: 100%; background: var(--bg-gradient); background-size: 400% 100%; }
li.wpb-product .product__loading .product__loading-body{ padding: var(--p); display: flex; flex-direction: column; gap: .6rem; }
li.wpb-product .product__loading .product__loading-body span{ display: block; background: var(--bg-gradient); background-size: 400% 100%; height: 1.4rem; min-width: 9rem; width: fit-content; border-radius: 10rem; }
li.wpb-product .product__loading .product__loading-body span:nth-child(2){ width: 100%; height: 2rem; margin-top: .6rem; }
li.wpb-product .product__loading .product__loading-body span:nth-child(4){ margin-top: 1.2rem; }

body.woocommerce-page .products.--loading li.wpb-product{ pointer-events: none; }
body.woocommerce-page .products.--loading li.wpb-product .product__loading{ opacity: 1; }
body.woocommerce-page .products.--loading li.wpb-product :is(.product__loading-header, .product__loading-body span){ animation: gradient-animation 10s linear infinite; }

li.wpb-product.wpb-product--small { --p: 1.2rem; }
li.wpb-product.wpb-product--small .product__header{ height: 17rem; }
li.wpb-product.wpb-product--small .prd-title{ --fs: 1.4rem; margin-bottom: .8rem; }

.wpb-bg-clr--light li.wpb-product{ border: none !important; }

.wpb-size-variations{ display: flex; align-items: center; flex-wrap: wrap; gap: .3rem; margin-bottom: 1.2rem; }
.wpb-size-variations .wpb-size-variations--item{ --size: 2.5rem; width: var(--size); height: var(--size); border: .1rem solid var(--clr-border); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 1.2rem; line-height: 1; font-weight: 600; }
.wpb-size-variations:has(.--large) .wpb-size-variations--item{ --size: 3rem; }
.wpb-size-variations .wpb-size-variations--item.outofstock{ background-color: var(--clr-border); border: none; position: relative; color: rgba(194, 194, 194, 1); overflow: hidden; pointer-events: none; }
.wpb-size-variations .wpb-size-variations--item.outofstock::before{ content: ''; position: absolute; top: 0; bottom: 0; width: .1rem; height: 100%; background-color: var(--clr-border); transform: rotate(35deg); }

.wpb-size-variations .wpb-size-variations--item label{ margin: 0; }
.wpb-size-variations .wpb-size-variations--item:has(input){ --size: 3rem; border-radius: 0; position: relative; font-size: 1.5rem; }
.wpb-size-variations .wpb-size-variations--item:has(input:checked){ border: .1rem solid var(--clr-dark); }
.wpb-size-variations .wpb-size-variations--item input{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.wpb-size-variations .wpb-size-variations--item:has(input).outofstock{ border: .1rem solid rgb(var(--clr-dark-rgb), .1); }
.wpb-size-variations .wpb-size-variations--item:has(input).outofstock::before{ top: -5.5px; width: .2rem; height: 140%; background-color: rgb(var(--clr-dark-rgb), .1); transform: rotate(45deg); }

.personal-touch-options{ padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: .1rem solid var(--clr-border); }
.personal-touch-options :is(.personal-touch-options__fields label, .personal-touch-options__label){ display: block; font-size: 1.6rem; line-height: 1; font-weight: 700; text-transform: uppercase; margin-bottom: 1.2rem; }
.personal-touch-options .personal-touch-options__selection{ display: flex; gap: .4rem; }
.personal-touch-options .personal-touch-options__selection label{ margin: 0; position: relative; padding: 0 1rem; min-height: 4rem; font-size: 1.5rem; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; border: .1rem solid var(--clr-border); }
.personal-touch-options .personal-touch-options__selection label input{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.personal-touch-options .personal-touch-options__selection label:has(input:checked){ border: .1rem solid var(--clr-dark); }
.personal-touch-options .personal-touch-options__fields{ --bg-clr: var(--clr-sand); display: flex; flex-direction: column; gap: .8rem; margin-top: 1rem; padding: 0 1rem; background-color: var(--bg-clr); max-height: 0; opacity: 0; pointer-events: none; position: relative; transition: max-height var(--ts-25) ease, opacity var(--ts-25) ease, padding var(--ts-25) ease; }
.personal-touch-options .personal-touch-options__fields.active{ padding: 1.5rem 1rem; max-height: 30rem; opacity: 1; pointer-events: all; }
.personal-touch-options .personal-touch-options__fields::before{ --border: .7rem solid var(--bg-clr); content: ''; position: absolute; bottom: 100%; left: 10.5rem; width: 0; height: 0; border-left: .7rem solid transparent; border-right: .7rem solid transparent; border-bottom: var(--border); }
.personal-touch-options .personal-touch-options__fields label .price{ background-color: var(--clr-sand-120); font-size: 1.3rem; font-weight: 400; text-transform: none; padding: .4rem; margin-left: .8rem; }

@media (min-width: 576px) {
    .personal-touch-options .personal-touch-options__fields{ flex-direction: row; padding: 0 1.5rem; }
    .personal-touch-options .personal-touch-options__fields > *{ width: 50%; }
}

/* li.wpb-product .add_to_cart_button.loading::before,
li.wpb-product .add_to_cart_button.loading::after { content: ''; display: block; position: absolute; z-index: 1; }
li.wpb-product .add_to_cart_button.loading::before { top: 0; right: 0; bottom: 0; left: 0; background: var(--clr-primary); }
li.wpb-product .add_to_cart_button.loading::after { --src: url('/app/themes/wuxnl-theme/assets/icons/default/icon_loading.svg'); --clr: #fff; --width: 2rem; --height: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--width); height: var(--height); background-color: var(--clr); top: calc(50% - (var(--height) / 2)); left: calc(50% - (var(--width) / 2)); animation: woocommerce_rotate 0.5s linear infinite; } */

.add_to_cart_button{  }

@media (min-width: 992px) {
    li.wpb-product { --p: 2.4rem; }
}

@keyframes woocommerce_rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Widget cart / mini-cart
-------------------------------------- */
.wpb-cart-button { position: relative; cursor: pointer; margin-right: 4rem; text-transform: capitalize; }
.wpb-cart-button::after { content: attr(data-count); position: absolute; right: -4rem; top: -.1rem; bottom: -.1rem; display: inline-grid; place-items: center; width: 4rem; height: calc(100% + .2rem); border: 1px solid var(--clr-dark-20); background-color: var(--clr); color: var(--bg-clr); font-size: 1.4rem; line-height: 1.4rem; transition: background-color var(--ts-15) ease, color var(--ts-15) ease;; }
.wpb-cart-button:hover::after { background-color: var(--hover-clr); color: var(--hover-bg-clr); }

.wpb-woocommerce-mini-cart { position: relative; display: flex; align-items: center; }
.wpb-woocommerce-mini-cart:hover .woocommerce-mini-cart__content { opacity: 1; pointer-events: all; }
.wpb-woocommerce-mini-cart .woocommerce-mini-cart__content .woocommerce-mini-cart__content-header { display: none; }
.wpb-woocommerce-mini-cart.is-loading .product_list_widget { pointer-events: none; opacity: .5; }

.woocommerce-mini-cart__content { position: absolute; top: 100%; right: 0; bottom: auto; left: auto; background-color: #fff; width: 100%; min-width: 38rem; z-index: 1000; padding: 2rem; border: 1px solid var(--clr-border); opacity: 0; pointer-events: none; transition: opacity var(--ts-15) ease; }

.product_list_widget { position: relative; max-height: 30rem; overflow-y: auto; scroll-snap-type: y proximity; list-style: none; margin: 0 0 1.6rem 0; transition: opacity var(--ts-15) ease; }
.product_list_widget::-webkit-scrollbar { width: .5rem; }
.product_list_widget::-webkit-scrollbar-track { background: #f2f2f2; }
.product_list_widget::-webkit-scrollbar-thumb { background: var(--clr-border); }

.woocommerce-mini-cart-item { --py: .75rem; padding: var(--py) 0 var(--py) 8rem; min-height: 6.7rem; position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; scroll-snap-align: start; }
.woocommerce-mini-cart-item + .woocommerce-mini-cart-item { border-top: 1px solid var(--clr-border);  }
.woocommerce-mini-cart-item a { grid-column: span 2; text-decoration: none; line-height: 1.25; font-size: 1.4rem; }
.woocommerce-mini-cart-item img { width: 7rem; height: 7rem; position: absolute; left: 0; top: var(--py); aspect-ratio: 1/1; }
.woocommerce-mini-cart-item .remove { position: absolute; right: 0; top: var(--py); text-align: center; background-color: rgba(0,0,0,.1); color: rgba(0, 0, 0,1)!important; line-height: 1.1; transition: background-color var(--ts-15), color var(--ts-15) ease; width: 1.6rem; height: 1.6rem; border-radius: 50%; font-size: 1.6rem; }
.woocommerce-mini-cart-item .quantity { margin-right: auto; padding: .25rem; }
.woocommerce-mini-cart-item .quantity button { --size: 2.2rem; }
.woocommerce-mini-cart-item .quantity button i { font-size: 1.4rem; }
.woocommerce-mini-cart-item .quantity input { font-size: 1.4rem; height: 2.4rem; width: 2.4rem; }
.woocommerce-mini-cart-item .item-price { grid-column: span 2; --fs: 1.2rem; }
.woocommerce-mini-cart-item .item-subtotal { --fs: 1.4rem; font-weight: bold; }
.woocommerce-mini-cart-item .variation { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.woocommerce-mini-cart-item .variation dt { font-weight: 700; font-size: 1.4rem; line-height: 1.25; margin-right: .5rem; }
.woocommerce-mini-cart-item .variation dd { margin-right: 1rem!important; font-size: 1.4rem; line-height: 1.25; }
.woocommerce-mini-cart-item .variation dd p { font: inherit; }

.woocommerce-mini-cart__total { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0 0 0; border-top: 1px solid var(--clr-border); margin: 0 0 1.6rem 0; }
.woocommerce-mini-cart__empty-message { padding: 1rem; font-size: 1.6rem; text-align: center; background-color: var(--clr-primary-20); color: var(--clr-primary); }
.woocommerce .widget_shopping_cart .total *, .woocommerce.widget_shopping_cart .total * { font-size: 1.6rem; }


/* Cart pages */
.wpb-header--mobile{ padding-top: 2rem; padding-bottom: 2rem; border-bottom: .1rem solid var(--clr-border); }
.wpb-header--mobile .container{ display: flex; justify-content: space-between; align-items: center; }
.wpb-header--mobile .container .btn{ --p: 0; --clr: var(--clr-dark); --bg-clr: transparent; border: none !important; font-size: 1.8rem; }
.wpb-header--mobile .container span{ font-size: 1.8rem; font-weight: 700; text-transform: uppercase; }

body.woocommerce-cart {}

@media (max-width: 768px) {
    :is(.wpb-header--cart, .wpb-header--checkout) { display: none; } 
    body:is(.woocommerce-cart, .woocommerce-checkout) .wpb-navigation{ display: none; }
    body:is(.woocommerce-cart, .woocommerce-checkout) :is(.wpb-woocommerce-cart, .wpb-woocommerce-checkout){ padding-top: 3.2rem; } 
}
@media (min-width: 768px) {
    .wpb-header--mobile{ display: none; }
}

/* Cross sells */
.wpb-woocommerce-cross-sell .product{ display: flex; align-items: center; }
.wpb-woocommerce-cross-sell .product .badge{ --p: .2rem .6rem; font-size: 1.1rem; }
.wpb-woocommerce-cross-sell .product .product__header{ --size: 5.5rem; min-width: var(--size); width: var(--size); border: .1rem solid var(--clr-border); padding: .5rem; }
.wpb-woocommerce-cross-sell .product .product__body{ padding-left: 1.5rem; display: flex; flex-wrap: wrap; }
.wpb-woocommerce-cross-sell .product .product__body:has(.badge) .woocommerce-loop-product__title{ width: calc(100% - 4rem); order: -1; text-wrap: auto; }
.wpb-woocommerce-cross-sell .product .product__body .badge-group{ margin-bottom: auto; }
.wpb-woocommerce-cross-sell .product .product__body .prd-price{ display: none; }
.wpb-woocommerce-cross-sell .product .product__footer{ margin-left: auto; }
.wpb-woocommerce-cross-sell .product .product__footer .btn{ --p: 0; --clr: var(--clr-primary); --gap: .8rem; background-color: transparent !important; border: none !important; }
.wpb-woocommerce-cross-sell .product .product__footer .btn span{ font-size: 1.2rem; text-align: end; display: flex; flex-direction: column; }
.wpb-woocommerce-cross-sell .product .product__footer .btn span small{ font-weight: 400; }
.wpb-woocommerce-cross-sell .product .product__footer .btn i{ --size: 1.8rem; background-color: var(--clr); color: #fff; min-width: var(--size); width: var(--size); min-height: var(--size); height: var(--size); font-size: 1.2rem; display: flex; justify-content: center; align-items: center; }
.wpb-woocommerce-cross-sell .product .woocommerce-loop-product__title{ font-size: 1.5rem; }
.wpb-woocommerce-cross-sell .product .prd-subtitle{ font-size: 1.2rem; font-weight: 400; width: 100%; margin-top: .4rem; }

@media (min-width: 1200px) {
    body.woocommerce-page ul.products{ --gap: 1.6rem; }
    .wpb-woocommerce-cross-sell .product{ border: .1rem solid var(--clr-border); padding: 1rem; position: relative; transition: border var(--ts-25) ease; }
    .wpb-woocommerce-cross-sell .product:hover{ border: .1rem solid rgb(var(--clr-dark-rgb), .3); cursor: pointer; }
    .wpb-woocommerce-cross-sell .product:hover .product__footer .btn i{ --clr: var(--clr-dark); }
    .wpb-woocommerce-cross-sell .product .product__header{ --size: 8.5rem; border: none; }

    .wpb-woocommerce-cross-sell .product .product__body .badge-group{ position: absolute; top: 0; }
    .wpb-woocommerce-cross-sell .product .product__body:has(.badge){ padding-top: 1rem; }
    .wpb-woocommerce-cross-sell .product .product__body:has(.badge) .woocommerce-loop-product__title{ width: 100%; order: 0; }
    .wpb-woocommerce-cross-sell .product .product__body .prd-price{ display: flex; margin-top: 1rem; }

    .wpb-woocommerce-cross-sell .product .product__footer{ margin-top: auto; }
    .wpb-woocommerce-cross-sell .product .product__footer .btn::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
    .wpb-woocommerce-cross-sell .product .product__footer .btn span{ display: none; }
    .wpb-woocommerce-cross-sell .product .product__footer .btn i{ --size: 3rem; transition: background var(--ts-25) ease; }
}