.emts-offcanvas-wrapper {
    position: relative;
}

.cart-count {
    background: red;
    color: #fff;
    border-radius: 50%;
    padding: 10px 10px;
    margin-left: 0;
    font-size: 12px;
    position: absolute;
    top: -5px;
    left: auto;
    right: -8px;
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

.emts-offcanvas-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 350px;
    height: 100%;
    background-color: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
}

.emts-offcanvas-panel.open {
    transform: translateX(0);
}

.emts-offcanvas-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 1;
}

.emts-offcanvas-footer {
    padding: 15px;
    text-align: center;
}

.emts-offcanvas-footer .button {
    display: block;
    margin: 10px 0;
}

.emts-offcanvas-trigger {
	background-color: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
    cursor: pointer;
}

.emts-offcanvas-header>h5 {
    margin: 0;
    font-size: 20px;
}

.emts-close {
    height: 25px;
    width: 25px;
    line-height: 1;
    font-size: 0;
    position: relative;
    border: 0;
    background-color: transparent !important;
    cursor: pointer;
}

.emts-offcanvas-content .woocommerce-mini-cart>li>a.remove:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px !important;
    background-color: red;
    margin: auto;
    transition: all 0.3s ease-out;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E .trs %7B fill: currentColor; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class='trs' d='M19.7,29.4c-1.3,0-2.4,1.1-2.4,2.4v52.3c0,6.5,5.3,11.9,11.9,11.9h41.7c6.5,0,11.9-5.3,11.9-11.9V31.8c0-1.3-1.1-2.4-2.4-2.4s-2.4,1.1-2.4,2.4v52.3c0,3.9-3.2,7-7,7H29.2c-3.9,0-7-3.2-7-7V31.8c0-1.3-1.1-2.4-2.4-2.4Z'/%3E%3Cpath class='trs' d='M93.6,19.7h-26.7v-7.1c0-4.7-3.9-8.6-8.6-8.6h-16.7c-4.7,0-8.6,3.9-8.6,8.6v7.1H6.4c-1.3,0-2.4,1.1-2.4,2.4s1.1,2.4,2.4,2.4h87.2c1.3,0,2.4-1.1,2.4-2.4s-1.1-2.4-2.4-2.4ZM62.1,19.7h-24.2v-7.1c0-2.1,1.7-3.8,3.8-3.8h16.6c2.1,0,3.8,1.7,3.8,3.8v7.1h.1Z'/%3E%3Cpath class='trs' d='M52.4,76.7v-37.6c0-1.3-1.1-2.4-2.4-2.4s-2.4,1.1-2.4,2.4v37.6c0,1.3,1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4Z'/%3E%3Cpath class='trs' d='M40.3,76.7v-37.6c0-1.3-1.1-2.4-2.4-2.4s-2.4,1.1-2.4,2.4v37.6c0,1.3,1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4Z'/%3E%3Cpath class='trs' d='M64.5,76.7v-37.6c0-1.3-1.1-2.4-2.4-2.4s-2.4,1.1-2.4,2.4v37.6c0,1.3,1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E .trs %7B fill: currentColor; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class='trs' d='M19.7,29.4c-1.3,0-2.4,1.1-2.4,2.4v52.3c0,6.5,5.3,11.9,11.9,11.9h41.7c6.5,0,11.9-5.3,11.9-11.9V31.8c0-1.3-1.1-2.4-2.4-2.4s-2.4,1.1-2.4,2.4v52.3c0,3.9-3.2,7-7,7H29.2c-3.9,0-7-3.2-7-7V31.8c0-1.3-1.1-2.4-2.4-2.4Z'/%3E%3Cpath class='trs' d='M93.6,19.7h-26.7v-7.1c0-4.7-3.9-8.6-8.6-8.6h-16.7c-4.7,0-8.6,3.9-8.6,8.6v7.1H6.4c-1.3,0-2.4,1.1-2.4,2.4s1.1,2.4,2.4,2.4h87.2c1.3,0,2.4-1.1,2.4-2.4s-1.1-2.4-2.4-2.4ZM62.1,19.7h-24.2v-7.1c0-2.1,1.7-3.8,3.8-3.8h16.6c2.1,0,3.8,1.7,3.8,3.8v7.1h.1Z'/%3E%3Cpath class='trs' d='M52.4,76.7v-37.6c0-1.3-1.1-2.4-2.4-2.4s-2.4,1.1-2.4,2.4v37.6c0,1.3,1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4Z'/%3E%3Cpath class='trs' d='M40.3,76.7v-37.6c0-1.3-1.1-2.4-2.4-2.4s-2.4,1.1-2.4,2.4v37.6c0,1.3,1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4Z'/%3E%3Cpath class='trs' d='M64.5,76.7v-37.6c0-1.3-1.1-2.4-2.4-2.4s-2.4,1.1-2.4,2.4v37.6c0,1.3,1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: 0.7;
}

.emts-offcanvas-content .woocommerce-mini-cart>li>a.remove:hover:before {
    opacity: 1;
}

.emts-close:before,
.emts-close:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 25px;
    width: 2px;
    background-color: #000000;
    margin: auto;
    transition: all 0.3s ease-out;
}

.emts-close:before {
    transform: rotate(-45deg);
}

.emts-close:after {
    transform: rotate(45deg);
}

.emts-close:hover:before {
    transform: rotate(45deg);
}

.emts-close:hover:after {
    transform: rotate(-45deg);
}

.emts-offcanvas-content {
    border: 0;
    padding: 0;
    outline: 0;
    box-shadow: none;
    padding: 20px;
    background-color: transparent;
}

.emts-offcanvas-content .woocommerce-mini-cart {
    padding: 0;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 1;
}

.emts-offcanvas-content .woocommerce-mini-cart>li {
    list-style: none !important;
    padding-right: 50px !important;
    position: relative;
    transition: all 0.3s ease-out;
}

.emts-offcanvas-content .woocommerce-mini-cart>li:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.emts-offcanvas-content .woocommerce-mini-cart>li>a.remove {
    position: absolute;
    left: auto;
    right: 0;
    top: 7px;
    font-size: 0;
    line-height: 1;
    padding: 0;
    width: 20px;
    height: 20px;
    background-color: transparent;
}

.emts-offcanvas-content .woocommerce-mini-cart>li>a:not(.remove) {
    width: 100%;
    display: inline-flex;
    align-items: flex-start;
    gap: 20px;
    font-weight: 600;
	pointer-events: none;
    margin-bottom: 5px;
    color: var(--primarycolor);
}

.emts-offcanvas-content .woocommerce-mini-cart>li>a:not(.remove)>img {
	display: none;
    width: 40px;
    border-radius: 50%;
    margin-top: 8px;
    margin-bottom: -8px;
}

.emts-offcanvas-content .woocommerce-mini-cart>li>span.quantity {
    display: block;
    margin-left: 60px;
}

.emts-offcanvas-content .woocommerce-mini-cart>li>a.remove:before,
.emts-offcanvas-content .woocommerce-mini-cart>li>a.remove:after {
    height: 20px;
}

.emts-offcanvas-content .widget_shopping_cart_content p {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0 20px;
    width: 100%;
}

.emts-offcanvas-content .widget_shopping_cart_content p.woocommerce-mini-cart__empty-message {
    line-height: 1;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.emts-offcanvas-content p.woocommerce-mini-cart__total {
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
    padding-bottom: 70px;
    line-height: 1 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.emts-offcanvas-content p.woocommerce-mini-cart__buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
}

.emts-mini-cart-loader {
    text-align: center;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .emts-offcanvas-content .woocommerce-mini-cart__empty-message { display: none; } */

.emts-offcanvas-content p.woocommerce-mini-cart__buttons>a,
.emts-offcanvas-content .emts-empty-cart-message .button {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
    color: var(--accenttxtcolor) !important;
    position: relative;
    font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); /* 16px */
    padding: 10px; /*16px 60px*/
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-out !important;
    transition: all 0.3s ease-out !important;
    background-color: transparent;
    display: block;
    background-color: var(--primarycolor);
    width: 100%;
    text-align: center;
    line-height: 1;
}

.emts-offcanvas-content p.woocommerce-mini-cart__buttons>a:hover,
.emts-offcanvas-content .emts-empty-cart-message .button:hover {
    background-color: rgba(var(--primarycolorRgba),0.8);
}

.emts-offcanvas-content.checkout  .woocommerce-mini-cart__buttons a:not(.checkout) {
    display: none;
}

.emts-offcanvas-content.view-cart .woocommerce-mini-cart__buttons a.checkout {
    display: none;
}