:root {
    --menuWidth: calc(100% - 20px);
    --leftColBackground: #fff;
    --lightLeftColBackground: #F5F7FD; /*+5%*/
    --darkLeftColBackground: #22272b; /*-5%*/
    --mainColor: #ff7600;/*Màu chủ đạo*/
    --bgHead: #fffbf8;/*Màu Nền header mobile*/
    --menuHover: #ff7600;
    --bgHover: #fff8f4;
    --btnBuy: #a92701;/*Màu nút mua hàng*/
    --btntext: #ffffff;/*Màu text nút mua hàng*/
    --accentColor1: #929292;
    --accentColor2: #424242; /*Màu giá*/
    --textColor: #424242;
    --toastSuccessBg: #d1e7dd;
    --toastSuccessCl: #0f5132;
    --toastWarningBg: #fff3cd;
    --toastWarningCl: #664d03;
    --toastErrorBg: #f8d7da;
    --toastErrorCl: #842029;
    --toastSystemBg: #d3d3d4;
    --toastSystemCl: #141619;
}
.b_ico_Cart i {
    font-size: 28px;
}
.mew_product_main .product-item {
    padding: 0 !important;
}
.attr p.color .itemColor, .tp-attr p.color .itemColor {
    display: flex;
    justify-content: center;
    align-items: center;
}

.attr p.color .itemColor a, .tp-attr p.color .itemColor a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    background: transparent !important;
    transition: all .2s;
}

.attr p.color .itemColor a.active, .tp-attr p.color .itemColor a.active {
    border-color: var(--mainColor);
}

.attr p.color .itemColor a, .attr p.size a, .tp-attr p.color .itemColor a, .tp-attr p.size a {
    position: relative;
}

.attr p.color .itemColor a img, .tp-attr p.color .itemColor a img {
    border-radius: 0;
    height: 32px;
    width: 32px;
}

.attr p.size a.active, .attr p.size span:hover a:not(.deactive) {
    background: var(--mainColor);
    color: #fff;
    border-color: #81d8d0;
}
.req.row {
    margin: 0;
}

.attr .req>span{
    display: block;
    border: 1px solid #e0e0e0;
    font-weight: 500;
    padding: 4px 6px;
    cursor: pointer;
    background: #f7f7f7;
    position: relative;
}

.attr .req.color>span {
    display: block;
    float: left;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
}

.attr .req.color span img {
    width: 32px;
    height: 32px;
}

.swatch-option {
    padding-left: 5px;
}

.attr>div {
    margin-bottom: 10px;
}

.control-label {
    font-size: 14px;
    font-weight: 600;
    opacity: .8;
    color: #000;
}

.attr .req>span.active:before {
    content: '';
    bottom: 0;
    right: 0;
    width: 14px;
    height: 14px;
    position: absolute;
    background: url('/wp-content/themes/xuongtranhtruongsinh/img/bg-product.png');
}

.attr .req>span.active {
    border: 1px solid #e42127;
}

.attr .req>span:hover {
    border: 1px solid #e42127;
}
.attr .req>span:hover:before {
    content: '';
    bottom: 0;
    right: 0;
    width: 14px;
    height: 14px;
    position: absolute;
    background: url('/wp-content/themes/xuongtranhtruongsinh/img/bg-product.png');
}
.modal-add-success, .modal-copy-success {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    transform: translateX(-100vw);
    transition: all .3s;
}

.modal-copy-success {
    left: auto;
    right: 20px;
    top: 20px;
    bottom: auto;
    transform: translateX(100vw);
    z-index: 999;
}

.modal-add-success.active, .modal-copy-success.active {
    transform: translateX(0);
}

.mas-wrap {
    font-weight: 400;
    background-color: #00b156!important;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    color: rgb(255, 255, 255);
    -webkit-box-align: center;
    align-items: center;
    padding: 15px 20px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
}
.woocommerce-page .page-cart  img {
    max-height: 80px !important;
    max-width: 80px !important;
    width: auto !important;
    border-radius: 5px;
}
.woocommerce-page .page-cart .cart__basket__item img{
    position: absolute;
}
.page-cart .product .price del {
    font-size: 14px;
    opacity: 0.8;
    text-decoration-color: #6a6a6a;
    font-weight: 600;
}
.swal2-actions {
    display: flex;
    justify-content: center;
    width: 100%;
    column-gap: 10px;
}

.swal2-actions button {
    width: 110px;
    padding: 8px;
}

#swal2-title {
    font-size: 18px;
}
.swal2-icon .swal2-x-mark,.swal2-icon span {
    font-size: 10px;
}
.swal2-icon {
    width: 50px;
    height: 50px;
}

.swal2-icon .swal2-icon-content {
    font-size: 45px;
}
.short-description {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.entry-content .wp-block-image {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .modal-add-success, .modal-copy-success{
        bottom: 90px;
    }
}