/** Fonts **/



@font-face {

    font-family: 'woo-cart-popup-premium';

    src: url('fonts/woo-cart-popup-premium.eot?vj5qsb');

    src: url('fonts/woo-cart-popup-premium.eot?vj5qsb#iefix') format('embedded-opentype'),

        url('fonts/woo-cart-popup-premium.ttf?vj5qsb') format('truetype'),

        url('fonts/woo-cart-popup-premium.woff?vj5qsb') format('woff'),

        url('fonts/woo-cart-popup-premium.svg?vj5qsb#woo-cart-popup-premium') format('svg');

    font-weight: normal;

    font-style: normal;

}



[class^="xoo-cp-icon-"],
[class*=" xoo-cp-icon-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'woo-cart-popup-premium' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;



    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.xoo-cp-icon-close:before {

    content: "\e906";

}

.xoo-cp-icon-basket5:before {

    content: "\e900";

}

.xoo-cp-icon-basket4:before {

    content: "\e901";

}

.xoo-cp-icon-basket6:before {

    content: "\e902";

}

.xoo-cp-icon-basket1:before {

    content: "\e903";

}

.xoo-cp-icon-basket2:before {

    content: "\e904";

}

.xoo-cp-icon-basket3:before {

    content: "\e905";

}

.xoo-cp-icon-spinner:before {

    content: "\e97b";

}

.xoo-cp-icon-cross:before {

    content: "\ea0d";

}

.xoo-cp-icon-check:before {

    content: "\ea10";

}





.xoo-cp-icon-spinner {

    animation: xoo-cp-spin 575ms infinite linear;

    display: inline-block;

}



.xoo-cp-added,
.xoo-cp-adding {

    margin-left: 5px;

}





.xoo-cp-preloader {

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

    animation: xoo-cp-spin 575ms infinite linear;

    font-size: 45px;

}





@keyframes xoo-cp-spin {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}



@-ms-keyframes xoo-cp-spin {

    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }

}

@-moz-keyframes xoo-cp-spin {

    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }

}

@-webkit-keyframes xoo-cp-spin {

    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }

}





.xcp-rel-head,

.xoo-cp-hdtxt,

a.xcp-btn {

    text-transform: uppercase
}

.xoo-cp-opac {

    z-index: 99998;

    background-color: black;

    opacity: 0.6;

    position: fixed;

    display: none;

}

.xoo-cp-opac,
.xoo-cp-modal,
.xoo-cp-cont-opac {

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}



.xoo-cp-modal {

    position: fixed;

    text-align: center;

    z-index: 99998;

    overflow: hidden;

    opacity: 0;

    visibility: hidden;

    transform: scale(0.7);

}



.xoo-cp-active {

    transition: visibility 0.4s ease-out, opacity 0.4s ease-out, transform 0.4s ease-out;

    visibility: visible;

    opacity: 1;

    transform: scale(1);

}



.xoo-cp-cont-opac {

    z-index: 1;

    background-color: white;

    opacity: 0.5;

    position: absolute;

}



.xoo-cp-modal:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -0.25em;

}



.xoo-cp-container {

    display: inline-block;

    max-width: 650px;

    border: #a0a0a0 solid 1px;

    background: #fff;

    position: relative;

    vertical-align: middle;

    width: 90%;

    text-align: left;

    box-shadow: 0 0 10px rgba(0, 0, 0, .4);

    border-radius: 5px;

    padding-bottom: 15px;

}



.xoo-cp-container-scroll {

    max-height: 80vh;

}





span.xoo-cp-close {

    font-size: 29px;

    position: absolute;

    right: -13px;

    top: -11px;

    background-color: #fff;

    border-radius: 50%;

    cursor: pointer;

    z-index: 2;

}



.xoo-cp-atcn {

    position: absolute;

    top: 0;

    z-index: 1;

    left: 0;

    right: 0;

    border: 1px solid transparent;

    border-radius: 4px;

    display: none;

    text-align: left;

    color: #3C763D;

    background-color: #DFF0D8
}

.xoo-cp-atcn .xoo-cp-icon-check {

    margin-right: 5px;

}

.xoo-cp-atcn.xoo-cp-atcn-active {

    padding: 11px 15px;

    display: none;

}



.xoo-cp-btns {

    margin: 20px auto 0;

    clear: both;

    text-align: center
}

a.xcp-btn {

    width: 30%;

    text-align: center;

    cursor: pointer;

    padding: 8px 12px;

    display: table;

    margin: 0 4px;

    max-width: 200px;

}

.xcp-icon-spinner2 {

    display: inline-block
}

.xoo-cp-atc-icon {

    margin-left: 5px
}

.xoo-cp-qtybox {

    vertical-align: middle;

    font-size: 20px;

    cursor: pointer;

    margin-top: 10px
}

td.xoo-cp-ptitle a {

    font-size: 17px;

    display: block
}

.xoo-cp-variations dl.variation {

    margin-bottom: 5px
}

td.xoo-cp-pimg {

    width: 20%
}

.xcp-one-qty,

td.xoo-cp-pprice,

td.xoo-cp-ptotal {

    font-size: 17px
}

td.xoo-cp-pqty {

    min-width: 120px
}

.xoo-cp-pdetails td.xoo-cp-remove {

    text-align: center;

    font-size: 20px
}

table.xoo-cp-cart td,

table.xoo-cp-cart th {

    vertical-align: middle;

    text-align: center
}

table.xoo-cp-cart th {

    padding: 10px 5px;

    font-size: 15px;

    font-weight: 400
}

table.xoo-cp-cart td.xoo-cp-ptitle {

    padding-left: 15px
}

table.xoo-cp-cart td {

    padding: 20px 0
}

td.xoo-cp-remove .xoo-cp-remove-pd {

    font-size: 20px;

    color: #ea0a0a;

    cursor: pointer;

}

.xcp-outspin {

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

    font-size: 45px
}



.xoo-cp-outer {

    display: none
}

.xoo-cp-variations {

    font-size: 13px;

    display: table
}

.xoo-cp-variations .variation {

    overflow: auto;

    margin-top: 5px
}

.xoo-cp-variations .variation dt {

    margin: 0 3px 0 0;

    float: left
}

.xoo-cp-variations .variation dd {

    margin: 0 7px 0 0;

    float: left
}

.xoo-cp-cart-total {

    display: table;

    margin-left: auto;

    margin-right: 5px;

}

.xcp-totxt {

    font-size: 16px;

    text-transform: uppercase;

}



.xcp-ctotal .amount {

    font-size: 22px
}

.xoo-cp-basket {

    display: table;

    padding: 10px;

    box-shadow: 2px 2px 2px;

    position: fixed;

    z-index: 999997;

    bottom: 20px;

    right: 20px;

    border-radius: 10px;

    cursor: pointer
}

.xcp-bk-count {

    border-radius: 50%;

    left: -15px;

    position: absolute;

    top: -15px;

    width: 28px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    overflow: hidden;

    font-size: 13px
}

.xoo-cp-empty {

    display: table;

    margin: 20px auto
}

.xcp-empty-txt {

    font-size: 20px;

    display: inline-block;

    vertical-align: top;

    line-height: 44px;

    margin-left: 5px
}

.xcp-rel-head,

.xoo-cp-hdtxt {

    font-size: 17px
}

.xoo-cp-hdtxt {

    padding: 10px 15px;

    width: 100%;

    margin-bottom: 10px
}

.xoo-cp-rel-cont {

    overflow: auto
}

.xcp-rel-head {

    display: block;

    text-align: center;

    padding: 7px 0;

    margin: 15px auto
}

.xcp-rel-sing img {

    width: 100%;

    height: auto
}

ul.xoo-cp-rel-prods {

    list-style-type: none;

    display: table;

    padding: 0 15px;

    overflow: auto;

    min-width: 600px
}

li.xoo-cp-rel-sing {

    max-width: 150px;

    min-width: 50px
}

.mCSB_container {

    margin-right: 0 !important
}

.mCSB_scrollTools {

    top: 40px !important;

    bottom: 40px !important;

    width: 14px !important
}

li.xoo-cp-rel-sing span.onsale {

    display: none
}

table.xoo-cp-cart tr:nth-child(1) {

    border-top: 0
}

table.xoo-cp-cart {

    margin-top: 5px;

    margin-bottom: 15px;

    width: 100%
}

.xoo-cp-rel-sing h3 {

    margin-top: 3px;

    margin-bottom: 3px;

    line-height: 16px
}

.xoo-cp-empct {

    margin: 0 10px;

    cursor: pointer;

    font-size: 16px;

}

.xoo-cp-empct .xoo-cp-icon-close {

    font-size: 15px;

    margin-right: 3px;

}

.xcp-undo {

    text-decoration: underline;

    font-weight: 700;

    cursor: pointer
}

.xoo-cp-rel-sing .attachment-shop_catalog {

    width: auto;

    height: auto
}

@media only screen and (max-width: 600px) {

    th.xcp-rhead,

    td.xoo-cp-remove {

        display: none;

    }

    a.xcp-btn {

        width: 80%;

        margin: 10px auto 0;

        max-width: 100%;

    }

    .xoo-cp-modal .xoo-cp-cart-btns {

        display: block;

    }



}

@media only screen and (max-width: 750px) {

    li.xoo-cp-rel-sing {

        min-width: auto
    }

    .xoo-cp-cart-total,

    table.xoo-cp-cart td,

    td.xoo-cp-ptitle a {

        font-size: 14px !important
    }

    table.xoo-cp-cart .xoo-cp-content {

        overflow: auto
    }

    .xoo-cp-pprice,

    th.xcp-phead {

        display: none
    }

}

span.xcp-minus {

    border-right-width: 1px;

    border-right-style: solid
}

span.xcp-plus {

    border-left-width: 1px;

    border-left-style: solid
}

span.xcp-minus,

span.xcp-plus {

    display: inline-block;

    text-align: center;

    cursor: pointer;

    float: left;

    width: 21px
}

input[type=number].xoo-cp-qty {

    border: 0 !important;

    text-align: center;

    display: inline-block;

    max-width: 30px;

    float: left;

    height: 100%;

    line-height: 100%;

    padding: 0
}

input.xoo-cp-qty::-webkit-inner-spin-button,

input.xoo-cp-qty::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0
}

.xoo-cp-qtybox {

    border-width: 1px;

    border-style: solid;

    position: relative;

    display: inline-block;

    font-weight: 700;

    max-width: 90px;

    height: 37px;

    line-height: 35px
}

.xoo-cp-table-bottom {

    display: flex;

    align-items: center;

    padding: 10px;

}

.xoo-cp-rel-price,
.xoo-cp-rel-title {

    display: block;

}



.xoo-cp-sc-cont {

    cursor: pointer;

}

.xoo-cp-sc-icon {

    margin-right: 3px;

}

.xoo-cp-empty-cart-notice {

    display: block;

    text-align: center;

    font-size: 21px;

}

a.xoo-cp-sn-btn {

    margin: 5px auto;

    display: table;

}



.xoo-cp-notice-box {

    left: 0;

    right: 0;

    bottom: 50px;

    position: fixed;

    z-index: 100000;

}

.xoo-cp-notice-box>div {

    display: table;

    margin: 0 auto;

    background-color: #333;

    padding: 10px 20px;

    color: white;

    font-weight: 500;

    font-size: 15px;

}

.xoo-cp-notice ul.woocommerce-error a.button {

    display: none;

}

.xoo-cp-notice ul.woocommerce-error {

    margin: 0;

}

.xoo-cp-undo {

    text-decoration: underline;

    float: right;

    font-weight: 600;

    cursor: pointer;

}

.xoo-cp-rel-title {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.xoo-cp-content {

    padding: 0 15px;

}

body.xoo-cp-popup-active {

    overflow-y: hidden;

}

.xoo-cp-rel-slider {

    overflow: auto;

}



.xoo-cp-cart-btns {

    display: flex;

    align-items: center;

    justify-content: center;

}

.xoo-cp-cart-table-cont {

    overflow-x: auto;

}



.xoo-cp-variations .variation:last-of-type {

    display: none;

}



.xoo-cp-variations .variation:first-of-type {

    display: block;

}

.xoo-cp-yith-bundled-items span {

    font-size: 13px;

    color: #777;

    margin-left: 10px;

}

tr.xoo-cp-is-child td {

    padding: 0;

}



tr.xoo-cp-is-child td {
    padding: 0;

}

/* overwrite custom css */
.xoo-cp-rel-prods li.xoo-cp-rel-sing {
    max-width: 100% !important;
    min-width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
    flex-wrap: wrap !important;
}

.xoo-cp-rel-prods li.xoo-cp-rel-sing:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
}

.xoo-cp-rel-prods a.woocommerce-LoopProduct-link {
    display: flex !important;
    justify-content: left !important;
    gap: 12px !important;
}

.xoo-cp-rel-prods img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    max-width: 104px !important;
}


.xoo-cp-rel-prods .proAttribute {
    display: flex !important;
    justify-content: start !important;
    flex-wrap: nowrap !important;
}

.xoo-cp-hdtxt {
    color: #323B49 !important;
    font-size: 1.125rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    padding: 1rem 2rem !important;
    background-color: #F1F2F4 !important;
    text-transform: capitalize !important;
    border-bottom: 0 !important;
}

.xoo-cp-pimg img {
    width: 6.25rem !important;
    height: 6.25rem !important;
}

.xoo-cp-pimg,
.xoo-cp-pimg,
.xoo-cp-remove,
.xoo-cp-ptotal,
.xoo-cp-qtybox,
.xoo-cp-pqty,
.xoo-cp-pprice,
.xoo-cp-ptitle {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
}

.xoo-cp-qtybox {
    padding-bottom: 0 !important;
}

.xoo-cp-ptitle a {
    display: block !important;
    margin-bottom: 6px !important;
    color: #323B49 !important;
    font-size: 1.125rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.xoo-cp-qtybox {
    margin-left: 1rem !important;
    margin-top: 0 !important;
}

.xoo-cp-remove-pd {
    width: 2.375rem !important;
    height: 2.375rem !important;
    display: flex !important;
    background: #E9EAEC !important;
    align-items: center !important;
    justify-content: center !important;
    color: #101828 !important;
    margin-left: 1rem !important;
}

.xoo-cp-content {
    padding: 2rem !important;
}

.xoo-cp-container {
    max-width: 790px !important;
}


.xoo-cp-pimg {
    text-align: left !important;
}

.xoo-cp-cart-btns {
    padding: 2rem !important;
    background: #F1F2F4 !important;
    justify-content: space-between !important;
}

.item-subtotal {
    color: #323B49 !important;
    font-size: 1.125rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.right-side .xoo-cp-btn-ch {
    border: 1px solid #687588 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    padding: 0.675rem 1.125rem !important;
    align-items: center !important;
    color: #323B49 !important;
    font-size: 1rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-align: center !important;
    max-width: 7.5rem !important;
    text-decoration: none !important;
    justify-content: center !important;
    text-transform: capitalize !important;
}

.right-side .xoo-cp-continue {
    border: 0px !important;
    background-color: #FFA726 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    padding: 0.675rem 0rem !important;
    align-items: center;
    color: #fff !important;
    font-size: 1rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 14rem !important;
    text-align: center !important;
    text-transform: capitalize !important;
}

.right-side {
    width: 55% !important;
    display: flex !important;
    justify-content: space-between !important;
}

.xoo-cp-rp-container {
    padding: 2rem !important;
    padding-top: 0 !important;
}

.xcp-rel-head {
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    border: 0 !important;
    color: #323B49;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-bottom: 2rem !important;
    text-transform: capitalize !important;
}

ul.xoo-cp-rel-prods {
    padding-left: 0 !important;
}

.xoo-cp-rel-prods li.xoo-cp-rel-sing {
    margin-left: 0;
    margin-bottom: 24px !important;
    padding-bottom: 24px !important;
    border-bottom: 3px dashed #A0AEC0 !important;
    align-items: center !important;
}

.xoo-cp-rel-prods .proAttribute {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-left: 1rem !important;
}

.xoo-cp-rel-title {
    color: #323B49 !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    text-decoration: none !important;
    outline: none !important;
}

.xoo-cp-rel-country {
    color: var(--Neutral-700, #323B49) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 160% !important;
    text-decoration: none !important;
    outline: none !important;
}

.woocommerce-Price-amount {
    color: var(--Neutral-700, #323B49) !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-decoration: none !important;
    outline: none !important;
}

.product_type_simple.add_to_cart_button {
    text-transform: uppercase !important;
    margin-top: 0 !important;
}

.xoo-cp-rel-prods a.woocommerce-LoopProduct-link {
    align-items: center !important;
    gap: 20px !important;
}

.product_type_variable.add_to_cart_button {
    border: 0px !important;
    background-color: #091321 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    padding: 16px 22px !important;
    align-items: center;
    color: #fff !important;
    font-size: 1rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-align: center !important;
    text-decoration: none !important;
    text-align: center !important;
    text-transform: capitalize !important;
}

a.button.add_to_cart_button.ajax_add_to_cart {
    padding-left: 22px !important;
}

.xoo-cp-basket {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    text-decoration: none !important;
}

.check-items-list {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
}

.xoo-cp-pimg {
    grid-column: span 2 !important;
}

.xoo-cp-ptitle {
    grid-column: span 3 !important;
}

.xoo-cp-pprice {
    grid-column: span 1 !important;
}

.xoo-cp-pqty {
    grid-column: span 3 !important;
}

.xoo-cp-ptotal {
    grid-column: span 2 !important;
}

.xoo-cp-remove {
    grid-column: span 1 !important;
}

.xoo-cp-ptitle a {
    text-decoration: none !important;
}

.xoo-cp-pqty {
    display: flex !important;
    justify-content: center !important;
}

@media only screen and (max-width: 600px) {
    .xoo-cp-content {
        padding: 1rem !important;
    }

    .xoo-cp-pimg {
        grid-column: span 4 !important;
    }

    .xoo-cp-ptitle {
        grid-column: span 8 !important;
    }

    .xoo-cp-pprice {
        grid-column: span 2 !important;
    }

    .xoo-cp-pqty {
        grid-column: span 5 !important;
    }

    .xoo-cp-ptotal {
        grid-column: span 3 !important;
    }

    .xoo-cp-remove {
        grid-column: span 2 !important;
    }

    a.xoo-cp-btn-ch.xcp-btn {
        margin-left: 0 !important;
    }

    .xoo-cp-rel-prods li.xoo-cp-rel-sing{
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .product.add_to_cart_inline{
        margin-top: 1rem!important;
    } 
}