/*

┏┓┏┓┏┓ ┏━━━┓     ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓   ┏━━━┓ ┏━━━┓ ┏━━━┓
┃┃┃┃┃┃ ┃┏━┓┃     ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃   ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃
┃┃┃┃┃┃ ┃┃ ┗┛     ┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃   ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓
┃┗┛┗┛┃ ┃┃ ┏┓     ┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃   ┃┃   ┃┃ ┃┃ ┃┃┃┃┃┃   ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃
┗┓┏┓┏┛ ┃┗━┛┃     ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃   ┃┃   ┃┗━┛┃ ┃┃┃┃┃┃   ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃
 ┗┛┗┛  ┗━━━┛     ┗━━━┛ ┗━━━┛ ┗━━━┛   ┗┛   ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET"

DESIGN BY © LO STUDIO

WOOCOMMERCE CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ "

BASE (MOBILE) SIZE


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/**
 *
 *  ▐▌ ▐▌  ▄▀▀▄  █▀▀▄  ▄▀▀
 *   ▀▄▀   █▀▀█  █▐█▀   ▀▄
 *    ▀    ▀  ▀  ▀ ▀▀  ▀▀  - VARS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*__ GENERAL ASSETS __*/
.woocommerce p { margin: .8rem 0; }
.woocommerce p a { display: inline; text-decoration: underline; }
.woocommerce p a:hover { color: var(--color); opacity: .5; }
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4 { font-family: var(--main-font); font-weight: 600; margin: 1rem 0; }

.woocommerce form .form-row .input-checkbox { display: inline-block }


/*__ INFOBOX - ICONE __*/
.woocommerce-info { border-color: var(--red); }
.woocommerce-info::before { color: var(--red); }

.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {
    display: inline;
    text-decoration: underline;
}




/*__ WISHLIST MENU __*/
label.custom_count {
    color: #fff;
    background-color: var(--red);
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    width: 22px;
    height: 22px;
    border-radius: 3rem;
    position: absolute;
    top: -0.8rem;
    right: -0.9rem;
}






 /*__ WC BUTTONs __*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    display: inline-block; position: relative; font: inherit; color: inherit; font-size: var(--rem); font-weight: 600;
    padding: .8em 2em; border: 2px solid var(--red); background-color: var(--red); color: var(--white); border-radius: 10rem;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active {
    background-color: rgba(var(--red-rgb),.6); color: var(--white);
}



.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button { float: none; width: 100%; text-align: center; margin-bottom: 1rem; }







/**
 * 
 *  █   █ ▀ ▄▀▀ █   █   ▀ ▄▀▀ ▀█▀ 
 *  █ █ █ █  ▀▄ █▀▄ █ ▄ █  ▀▄  █ 
 *   ▀ ▀  ▀ ▀▀  ▀ ▀ ▀▀▀ ▀ ▀▀   ▀   - WISHLIST 
 * 
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


.card .wishlist_btn { right: .5em; top: .5em; z-index: 1; }
.wishlist_btn .yith-wcwl-add-to-wishlist {
    width: 2.5em; height: 2.5em;
    margin: 0; padding: .5em;
    font-family: var(--main-font); font-size: var( --rem); line-height: 0;
    border-radius: 20em; border: 1px solid var(--red);
    filter: drop-shadow(0 0 .25em rgba(30,30,30,0));
    background-color: #ffffff;
    cursor: pointer;
    transition: .25s ease;
}
.wishlist_btn .yith-wcwl-add-to-wishlist::after {
    display: block; content: '';
    position: absolute; left: 50%; top: 50%;
    width: 1.375em; height: 1.375em;
    background: url(../images/svg/ico_wishlist.svg) no-repeat center;
    background-size: 1.1em;
    transform: translate(-50%, -45%); 
    will-change: transform; cursor: pointer; transition: .25s ease;
}
.wishlist_btn .yith-wcwl-add-to-wishlist.exists::after { background-image: url(../images/svg/ico_wishlist_filled.svg); background-size: 1.375em; }
.wishlist_btn .yith-wcwl-add-button a i, .wishlist_btn .yith-wcwl-add-button a span { display: none; }
.wishlist_btn .yith-wcwl-add-button a {
    position: absolute; top: 0; right: 0;
    width: 100%; height: 100%;
    padding: 0; font-size: 0;
    background: transparent; border: none;
    z-index: 1;
}
.wishlist_btn .yith-wcwl-add-button a.view-wishlist, .wishlist_btn .yith-wcwl-add-button span.separator { display: none !important; }


.wishlist_table td.product-add-to-cart a.button {
    display: block !important;
    width: 100%;
    margin: .5rem 0 !important;
}


.wishlist-items-wrapper .amount { font-weight: 600; }
.wishlist-items-wrapper ins { text-decoration: unset; }
.wishlist-items-wrapper del { margin-right: .5rem; }
.wishlist-items-wrapper del .amount { font-weight: 400; }




/**
 *
 *  ▄▀▄ ▄▀ ▄▀ ▄▀▄ █ █ █▄ █ ▀█▀ 
 *  █▀█ █  █  █ █ █ █ █ ▀█  █ 
 *  ▀ ▀  ▀  ▀  ▀   ▀  ▀  ▀  ▀   - ACCOUNT
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

.woocommerce-MyAccount-navigation { position: relative; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid var(--black); }
.woocommerce-MyAccount-navigation::after { display: inline-block; content: ''; position: absolute; left: 50%; bottom: 0; border-left: 1em solid transparent;
    border-right: 1em solid transparent; border-top: .75rem solid var(--black); transform: translate(-50%, calc(100% + 1px)); }


.woocommerce-MyAccount-navigation li { margin: .25rem 0; }
.woocommerce-MyAccount-navigation li a { opacity: .4; font-weight: 600; color: #1e1e1e; }
.woocommerce-MyAccount-navigation li:hover a { opacity: .7; }
.woocommerce-MyAccount-navigation li.is-active a { opacity: 1; text-decoration: underline; }


.woocommerce-MyAccount-content { margin-top: 5%; }


.woocommerce .col2-set, .woocommerce-page .col2-set { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { border-top: 1px solid var(--black); padding-top: 2em; }


.woocommerce-Address address { line-height: 1.5; }

.woocommerce form .form-row label { line-height: 1.5; margin-bottom: .5rem; font-size: calc(var(--rem) * .9); }
.woocommerce-form-row span em { font-size: calc(var(--rem) * .8); line-height: 1.1; }
.edit-account fieldset { margin: 2rem 0; }


.woocommerce .woocommerce-form-login .woocommerce-form-login__submit { float: none; margin-right: 0; width: 100%; margin-top: 1em; }


a.edit { display: inline-block; position: relative; font: inherit; color: inherit; font-size: var(--rem); margin: 1rem 0; border-radius: 10rem; font-weight: 600;
    padding: .5em 1em; border: 1px solid var(--red); background-color: var(--white); color: var(--red);  }
a.edit: hover; { background-color: rgba(var(--red-rgb),.6); color: var(--white); }


.woocommerce table.my_account_orders .button { text-align: center; }
.woocommerce-order-details__title { font-size: calc(var(--h2-size) * .8); }
.woocommerce-MyAccount-content mark { background-color: rgba(var(--red-rgb),.7); color: #fff; padding: .2rem; }

.woocommerce-column--billing-address h2, .woocommerce-column--shipping-address h2 { font-size: calc(var(--h2-size) * .7); }
.woocommerce .woocommerce-customer-details address { border: 0; line-height: 1.5; }






.woocommerce form .form-row { padding: 5px; margin: 0 0 15px; }






/**
 *
 *  ▄▀▀ █   ▄▀▄ █▀▄ 
 *   ▀▄ █▀▄ █ █ █ █ 
 *  ▀▀  ▀ ▀  ▀  █▀   - SHOP
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

.wrapper.grid { grid-template-columns: 1fr; grid-gap: 2rem; }








/**
 *
 *  ▄▀ ▄▀▄ █▀▀▄ █▀▄ 
 *  █  █▀█ █▐█▀ █ █ 
 *   ▀ ▀ ▀ ▀ ▀▀ ▀▀    - CARD PRODUCT
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

.card { text-align: center; transition: .3s ease; }
.products_wrapper .card:hover { transform: scale(.95); }

.term { text-transform: uppercase; letter-spacing: 2px; margin-bottom: .5rem; font-weight: 600; font-size: calc(var(--rem) * .9); }

.card_content h2 { font-size: calc(var(--rem) * 1.4); color: #1e1e1e; font-weight: 400; margin-bottom: 1rem; }

.card .link_container { margin-top: 1rem; }
.link_container button { background-color: transparent; font-weight: 550; color: var(--red); margin: 0 .7rem; }
.link_container button:hover { background-color: rgba(var(--red-rgb),.5); color: #fff; }

.card .bkg_thumb img { width: 100%; height: 15rem; }





/**
 *
 *  ▄▀▀  ▀  █▄ █  ▄▀▀▀   █     █▀▀
 *   ▀▄  █  █ ▀█  █  ▀▌  █  ▄  █▀▀
 *  ▀▀   ▀  ▀  ▀   ▀▀▀   ▀▀▀▀  ▀▀▀ - SINGLE PRODUCT
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


woocommerce-product-gallery__trigger img.wp-smiley, .woocommerce-product-gallery__trigger img.emoji {
    display: none !important; visibility: hidden !important;
    opacity: 0 !important; transform: translateX(-100vw) !important;
}

.single_img span.onsale { display: none; }
.single_img .wishlist_btn { top: 1em; right: 1em; z-index: 2;  }

.single_img { position: sticky; top: 5vh; }
.single_content { margin-bottom: 3em; }

.single_content h1 { color: var(--red); font-family: var(--second-font); font-size: calc(var(--rem) * 3); margin-bottom: 2rem; }

p.price { display: inline-block; font-size: calc(var(--rem) * 1.1); font-weight: 700;  }
.price del { font-weight: 400; }
.price ins { text-decoration: unset; margin-left: .7rem; font-weight: 650; }
.onsale { background-color: var(--red); color: #fff; padding: .3rem .8rem; margin-left: 1.5rem; border-radius: 6rem; font-weight: 400; }

.single_content .price { margin: 2.5rem 0 1.4rem 0; }




/*
.wr360woothumbs { position: absolute; top: 0; left: 0; width: 100%; }
*/




a.xoo-wsc-ft-btn, a.button { color: #fff; font-weight: 600; }
a.xoo-wsc-ft-btn:hover, a.button:hover { background-color: rgba(var(--red-rgb), .5); }

.xoo-wsc-items-count, .xoo-wsc-sc-count { background-color: var(--red); }


.added_to_cart.wc-forward { background-color: transparent;
    border: 2px solid var(--red);
    border-left: 0;
    border-radius: 0 1rem 1rem 0;
    color: var(--red);
    font-weight: 500;
    margin: 0;
    height: 2.5em;
    font-size: var(--rem);
    padding: .5rem 3rem .5rem 1rem;
    background: calc(100% - 1rem) center no-repeat;
    background-size: calc(var(--rem) * 1.1);
    background-image: url(../images/svg/cart-red.svg);
}


/**
 *
 *  ▄▀ ▄▀▄ █▀▀▄ ▀█▀ 
 *  █  █▀█ █▐█▀  █ 
 *   ▀ ▀ ▀ ▀ ▀▀  ▀  - CART
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

tbody tr:hover { background: inherit; }

.woocommerce table.shop_table.woocommerce-cart-form__contents { border: none; }
.woocommerce table.shop_table { margin: 0 0 2em 0; border-color: rgba(var(--black-rgb),.25); border-radius: 0; }

.woocommerce table.shop_table_responsive.woocommerce-cart-form__contents tr, .woocommerce-page table.shop_table_responsive.woocommerce-cart-form__contents tr { margin-bottom: 1em; }

.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon { padding-bottom: 0; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; grid-gap: .5em 0; }

.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input,
.woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
    width: auto; height: auto; margin: 0 .5em 0 0; padding: .375rem .5em; border: 1px solid #1e1e1e; border-radius: 0; background-color: #ffffff; font-size: 85%;
    line-height: 1.5; color: var(--black);
}

.shop_table .quantity input { background-color: transparent; border: 1px solid var(--red); color: var(--red); }

.woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button,
.woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button,
.woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
.woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button {
    float: none; margin: 0; padding: .375rem .5em; background-color: var(--white); font-size: 85%; color: var(--red); text-transform: none; border: 1px solid var(--red); }

.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button { margin-top: 1rem; line-height: 1.5; }

.woocommerce-shipping-calculator a { font-size: 85%; font-weight: 500; text-transform: uppercase; text-decoration: underline; }


.woocommerce table.shop_table { margin: 0 0 2em 0; border-color: rgba(var(--black-rgb),.25); border-radius: 0; }
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr.order-total td { justify-content: flex-end; flex-wrap: wrap; grid-gap: 1em; padding: .75rem; }
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td { position: relative; display: flex; align-items: center; justify-content: space-between; padding: .75rem; }
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before { display: inline-block; float: none; flex: 1 1 auto; text-align: left; }
.woocommerce table.shop_table_responsive tr td span,
.woocommerce-page table.shop_table_responsive tr td span { display: inline-block; max-width: 100%; height: auto; margin: 0; padding: .5em 0; line-height: 1.25; }

#s2_system .woocommerce .shipping-calculator-form span { display: block; }
#s2_system .woocommerce .shipping-calculator-form span.select2, #s2_system .woocommerce .shipping-calculator-form span.selection { padding: 0; }




tr:nth-child(even) { background-color: #ffffff; }

.woocommerce .cart_totals table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page .cart_totals table.shop_table_responsive tr:nth-child(2n) td { display: block; padding: .75rem; background-color: transparent; }
.woocommerce #respond input#submit.alt.wc-forward, .woocommerce a.button.alt.wc-forward,
.woocommerce button.button.alt.wc-forward, .woocommerce input.button.alt.wc-forward { padding: .75rem 1.5em !important; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { padding: .5em 1.5em !important;
    margin: 0 !important; background-color: var(--red); border: 2px solid var(--red); color: var(--white); transform: none; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: rgba(var(--red-rgb),.6); color: var(--white); }



.woocommerce table.shop_table_responsive tr td a.remove,
.woocommerce-page table.shop_table_responsive tr td a.remove { position: relative; display: inline-block; width: auto; height: auto; padding: .5em 0;
    border-radius: 0; font-size: 100%; color: red !important; text-align: left; }

.woocommerce table.shop_table_responsive tr td.product-remove a, .woocommerce-page table.shop_table_responsive tr td.product-remove a { position: relative; }
.woocommerce table.shop_table_responsive tr td a, .woocommerce-page table.shop_table_responsive tr td a { display: block; flex: 1 1 auto; padding: .5em 0; }

.woocommerce table.shop_table_responsive tr td.product-remove a::after, .woocommerce-page table.shop_table_responsive tr td.product-remove a::after { 
    display: inline-block; content: ''; position: absolute; top: 50%; right: .75rem;
    width: 1em; height: 1em; transform: translateY(-50%); background: url(../images/svg/close_red.svg) no-repeat center; background-size: contain; }
.woocommerce a.remove:hover { color: #fff!important; background: transparent; }





/* PRODOTTI CESTO  */
.xoo-wsch-top { justify-content: flex-start !important; padding: 0.6rem; }

.sub_item_content { margin-top: 1rem; margin-bottom: 0.4rem; display: inline-block; color: var(--red); }
.variation-spanclasssub_item_contentContenutodelcestospan { display: block; width: 100%; color: var(--red); }

.variation-spanclasssub_item_contentContenutodelcestospan p { display: inline-block; line-height: 1.6; margin-top: 0; } 












/**
 * 
 *  ▄▀ █   █▀▀ ▄▀ █ ▄▀ ▄▀▄ █ █ ▀█▀ 
 *  █  █▀▄ █▀▀ █  █▀▄  █ █ █ █  █ 
 *   ▀ ▀ ▀ ▀▀▀  ▀ ▀ ▀▀  ▀   ▀   ▀   - CHECKOUT 
 * 
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    padding: 1em;
    margin: 2em 0;
    border: 1px solid rgba(var(--black-rgb),.5);
    border-radius: 0;
}
.woocommerce form.checkout_coupon .form-row-first, .woocommerce-page form.checkout_coupon .form-row-first,
.woocommerce form.checkout_coupon .form-row-last, .woocommerce-page form.checkout_coupon .form-row-last {
    float: none;
    width: 100%;
}

.woocommerce form button[type="submit"] { margin-top: 1em; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    height: auto;
    padding: .5em;
    border: 1px solid rgba(var(--black-rgb),.5);
    border-radius: 0;
    background-color: transparent;
    font-family: var(--main-font);
    font-size: 100%;
    line-height: 1.5;
    color: var(--black);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    width: auto;
    border-radius: 0;
    font-size: 100%;
    letter-spacing: initial;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    height: auto;
    padding: .5em;
    border: 1px solid rgba(var(--black-rgb),.5);
    border-radius: 0;
    background-color: transparent;
    font-family: var(--main-font);
    font-size: 100%;
    line-height: 1.5;
    color: var(--black);
}


.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb),.5);
    border-radius: 0;
    height: auto;
    margin: 0;
}

.checkout.woocommerce-checkout h3 {
    font-size: 150%;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: .5em;
}

#ship-to-different-address .woocommerce-form__label { display: inline; grid-gap: .5rem; }
#ship-to-different-address label span { font-size: calc(var(--rem) * 1.5); }
#ship-to-different-address-checkbox { border-radius: 0rem; }


table.lpp-shipping-package-wrapper { width: 100%; }



/**
 *
 *  █▄ ▄█  ▄▀▀▄  █▀▀▄  ▀  █     █▀▀
 *  █ █ █  █  █  █▀▀█  █  █  ▄  █▀▀
 *  ▀   ▀   ▀▀   ▀▀▀   ▀  ▀▀▀▀  ▀▀▀ - MOBILE PORT | 480 -> 767
 *
 * Stylesheet: 481px and Up Stylesheet
 * This stylesheet is loaded for larger devices. 
 * It's set to 481px because at 480px it would load on a landscaped iPhone.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 481px) {}






/**
 *
 *  ▀▀█▀▀  ▄▀▀▄  █▀▀▄  █     █▀▀  ▀▀█▀▀
 *    █    █▀▀█  █▀▀█  █  ▄  █▀▀    █
 *    ▀    ▀  ▀  ▀▀▀   ▀▀▀▀  ▀▀▀    ▀   - TABLET | 768 -> 1280
 *
 * Stylesheet: Tablet & Small Desktop Stylesheet
 * Here's where you can start getting into the good stuff.
 * This size will work on iPads, other tablets, and desktops.
 * So you can start working with more styles, background images, and other resources. 
 * You'll also notice the grid starts to come into play.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 768px) {


    /*__ ACCOUNT __*/
    .u-columns.woocommerce-Addresses { border-top: 1px solid #ccc; grid-gap: 0; margin-top: 2.5em; align-items: flex-start; justify-content: space-between; }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 50%; float: none; border: 0; border-right: 1px solid #ccc; }
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { padding-left: 2em; border-right: 0; }

    #customer_login { border-top: 0; grid-gap: 0; margin-top: 0; align-items: flex-start; justify-content: space-between; }
    #customer_login .col-2, #customer_login .col-1 { border: 0; }



    /*__ SINGEL PRODUCT __*/
    .single_img .woocommerce-product-gallery__image a img { width: auto; max-height: 80vh; margin: 0 auto; display: block; }

    .single_content { position: sticky; top: 0; padding-top: 2em; padding-right: 0; }


    /*__ CART __*/
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { display: table-cell; padding: .375em .5em; }
    .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { width: 5rem; }

    .woocommerce table.shop_table_responsive tr td a.remove, .woocommerce-page table.shop_table_responsive tr td a.remove { padding: .5rem; font-size: 0; }
    .woocommerce table.shop_table_responsive tr td.product-remove a::after,
    .woocommerce-page table.shop_table_responsive tr td.product-remove a::after { position: relative; top: auto; right: auto; width: 1rem; height: 1rem; transform: none; }

    .woocommerce .cart_totals h2 { font-size: calc(var(--rem) * 2); }


}



/**
 *
 * Stylesheet: Desktop Stylsheet
 * This is the desktop size. 
 * It's larger than an iPad so it will only be seen on the Desktop.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1025px) {

    /*__ WISHLIST __*/
    label.custom_count { font-size: 13px; width: 30px; height: 30px; top: -0.5rem; right: -0.7rem; }

    /*__ ACCOUNT __*/
    .woocommerce-MyAccount-navigation ul { display: flex; justify-content: space-around; align-items: center; }



    /*__ SHOP __*/
    .wrapper.grid { grid-template-columns: 1fr 1fr; }

}






/**
 *
 *  █     ▄▀▀▄  █▀▀▄  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  ▄  █▀▀█  █  █   █   █  █  █  █
 *  ▀▀▀▀  ▀  ▀  █▀▀    ▀    ▀▀   █▀▀  - LAPTOP | 1281 -> 1366
 *
 * Stylesheet: Super Large Monitor Stylesheet
 * You can add some advanced styles here if you like. 
 * This kicks in on larger screens.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1281px) {

    /*__ SHOP __*/
    .wrapper.grid { grid-template-columns: 1fr 1fr 1fr; }

}






/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  █  █▀▀   ▀▄  █▀▄    █   █  █  █  █
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀   ▀    ▀▀   █▀▀  - LAPTOP | 1440 -> 1919
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1367px) {}






/**
 *
 *  █  █  █▀▀▄  █▀▀  █▀▀▄
 *  █  █  █▀▀█  █▀▀  █▐█▀
 *   ▀▀   ▀▀▀   ▀▀▀  ▀ ▀▀ - ÜBER | 1920 -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1921px) {}






/**
 *
 *   ▄▀█   █ ▄▀
 *  █▄▄█▄  █▀▄
 *     █   ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and ( min-width: 2561px ) {}






/**
 *
 *  █▀▀▄  █▀▀  ▀▀█▀▀  ▀  █▄ █  ▄▀▀▄
 *  █▐█▀  █▀▀    █    █  █ ▀█  █▀▀█
 *  ▀ ▀▀  ▀▀▀    ▀    ▀  ▀  ▀  ▀  ▀ - RETINA (2x RESOLUTION DEVICES)
 *
 * This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. 
 * You can also create a media query for retina AND a certain size if you want. 
 * Go Nuts.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}






/**
 *
 *  █▀▀▄  █▀▀  ▐▌ ▐▌  ▀  ▄▀▀  █▀▀  ▄▀▀
 *  █  █  █▀▀   ▀▄▀   █  █    █▀▀   ▀▄
 *  ▀▀▀   ▀▀▀    ▀    ▀   ▀▀  ▀▀▀  ▀▀  - SPECIFIC DEVICES
 * __________________________________________________________________________________________________________________________________________________________________________
 */


/* If is Device */
@media screen and (max-device-width: 1280px){}
@media screen and (max-device-width: 768px){}
@media screen and (max-device-width: 480px){}