/* product-category */

.woocommerce ul.products li.product-category, .woocommerce-page ul.products li.product-category {border: 2px solid #ccc;box-sizing: border-box;}

.woocommerce ul.products li.product-category:hover, .woocommerce-page ul.products li.product-category:hover {border: 2px solid rgba(1,149,159,0.6);}

.woocommerce ul.products li.product-category.last, .woocommerce-page ul.products li.product-category.last {margin-right: 0 !important;}

.woocommerce ul.products li.product-category .woocommerce-loop-category__title, .woocommerce ul.products li.product-category .woocommerce-loop-product__title, .woocommerce ul.products li.product-category h3 {background: rgba(255,255,255,0.6);position: absolute;left: 0;color: #01959f;bottom: 0;width: 100%;transition: opacity 0.3s, transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;font-size: 12px !important;text-align: center;min-height: 30px;text-transform: uppercase;}

.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title, .woocommerce ul.products li.product-category:hover .woocommerce-loop-product__title, .woocommerce ul.products li.product-category:hover h3 {background: rgba(1,149,159,0.6);color: #fff !important;}

.woocommerce ul.products li.product-category span.count {font-weight: normal;display: block;font-size: 11px;}

/* product list */

.woocommerce ul.products li.product a img{margin: 15px 0 !important;}

.woocommerce ul.products li.type-product, .woocommerce-page ul.products li.type-product {border: 1px solid #ccc;box-sizing: border-box;transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s;}

.woocommerce ul.products li.type-product.last, .woocommerce-page ul.products li.type-product.last {margin-right: 0 !important;}

.woocommerce ul.products li.type-product:hover, .woocommerce-page ul.products li.type-product:hover {box-shadow: none;}

.woocommerce ul.products li.type-product .woocommerce-loop-category__title, .woocommerce ul.products li.type-product .woocommerce-loop-product__title, .woocommerce ul.products li.type-product h3 {color: #535353;width: 100%;font-size: 14px !important;font-weight: 400;min-height: 60px;margin: 0 !important;padding: 0 10px !important;box-sizing: border-box;height: 67px;overflow: hidden;}

.woocommerce ul.products li.product a.button {margin-top: 3px !important;background: none;color: #fff;border-radius: 0;text-align: center;box-sizing: border-box;float: left;padding-left: 0;padding-right: 0;border: 1px solid #ccc;padding: 5px 8px 5px 5px;border-radius: 6px;margin-bottom: 10px;float: right;margin-right: 10px;}

.woocommerce ul.products li.product a.button svg{fill: #818181;}

.woocommerce ul.products li.product a.added_to_cart.wc-forward {position: absolute;left: 18px;bottom: -18px;font-size: 12px;}

.woocommerce ul.products li.product a.yith-wcqv-button {background: #f37022;}

.woocommerce ul.products li.product .price {color: #e10c00 !important;margin: 0;text-align: left;font-size: 16px !important;font-weight: bold !important;padding: 0 10px;width: 60%;float: left;}

.woocommerce ul.products li.product .onsale {transform: rotate(35deg);top: 19px !important;right: 4px !important;left: auto !important;}

/* product view */

.woocommerce div.product .product_title {color: #444;font-size: 22px;font-weight: normal;padding-bottom: 30px !important;border-bottom: 1px solid #ddd;}

.woocommerce div.product p.price, .woocommerce div.product span.price {color: #d00 !important;}

.woocommerce div.product p.price{font-size: 26px !important;font-weight: 600;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color:#e10c00  !important;}

.woocommerce .quantity .qty {height: 28px;border: 1px solid #018791;}

.woocommerce .product-type-simple span.onsale {transform: rotate(320deg);line-height: 15px;background: #f37022;border-radius: 5px;padding: 3px 5px;min-height: auto;top: 19px !important;left: 4px !important;font-size: 12px;font-weight: normal;}

.woocommerce div.product .woocommerce-tabs .panel {overflow: hidden;}

.kw-box-contact {border: 1px dashed #f37022;border-radius: 5px;box-sizing: border-box;padding: 5px;margin-top: 10px;}

.kw-box-contact p {margin: 0;margin-bottom: 10px;}

.box_share {margin-top: 10px;margin-bottom: 10px;width: 100%;float: left;}

.box_share>* {float: left;margin-right: 10px !important;}

.qr-create-cart {margin-top: 10px;}

.qr-create-cart img {width: 100px;transition: 0.5s;}

.qr-create-cart:hover img {width: 300px;}

/* cart */

.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 {color: #fff !important;background: #018791 !important;}

.woocommerce .cart .button, .woocommerce .cart input.button {color: #fff !important;background: #db261b !important;}

.woocommerce-message {border-top-color: #db261b !important;}

.woocommerce-message::before {color: #db261b !important;}

.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {border-color: #018791 !important;padding: 8px 6px 8px !important;}

.woocommerce table.shop_table {border-color: #db261b !important;}

.woocommerce table.shop_table td{border-color: #db261b !important;}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{border-color: #db261b !important;}

.woocommerce table.shop_table td.product-name a {color: #1b1b1b;text-decoration: none;font-size: 16px;}

.woocommerce table.shop_table td.product-name a:hover {text-decoration: underline;}

/* checkout */

.woocommerce form.woocommerce-checkout .form-row input.input-text, .woocommerce form.woocommerce-checkout .form-row textarea, .woocommerce form.woocommerce-checkout .form-row select{border: 1px solid #018791;padding: 5px;}

.woocommerce form.woocommerce-checkout .form-row .select2-selection {border: 1px solid #018791;}

/* new */

.products .product .itsnew{position: absolute;
    bottom: 120px;
    left: 15px;
    background-color: #cb1c22;
    color: #fff;
    font-size: 13px;
    border-radius: 6px;
    padding: 3px 8px;}

/* yith quick-view*/

#yith-quick-view-content div.images {box-sizing: border-box;}

#yith-quick-view-content div.summary {box-sizing: border-box;}

/* n */

.woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product{width: 16.666666% !important;margin: 0;padding: 0 15px;}

.home .columns-6{padding-top: 10px;}

.woocommerce-products-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;border-bottom: 1px solid #ccc;}

.woocommerce-products-header h1.woocommerce-products-header__title.page-title{position: relative; margin: 0;padding: 15px 0;font-size: 18px;font-weight: 500;color: #000;}

.woocommerce-products-header .woocommerce-products-header__title::before{width: 60px;
    height: 2px;
    content: '';
    position: absolute;
    bottom: -0;
    background-color: #db261b;}
   
.woocommerce-products-header .woocommerce .woocommerce-ordering{margin: 0;} 

/* archive */

.archive .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width: 20% !important;margin: 0 !important;}

.woocommerce ul.products li.product a.button::after{display: none !important;}

.woocommerce ul.products li.product a.added_to_cart.wc-forward{display: none !important;}

.archive-sidebar{width: 21%;float: left;}

.archive-sidebar a{color: #535353;text-decoration: none;}

.archive-sidebar .a-sidebar-title{    height: auto;
    text-transform: uppercase;
    padding: 8px 0 10px 0;
    border-bottom: 1px solid #d7d7d7;
    position: relative;}

.archive-sidebar .a-sidebar-title h3{   
    margin: 0; 
    display: block;
    color: #3d3d3d;
    font-weight: 600;
    font-size: 18px;}
.archive-sidebar .a-sidebar-title h3::after{
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #313131;
    border-right: 1px solid #313131;
    transform: rotate(45deg);
    margin-top: -4px;
    right: 6px;
    top: 50%;
}

.archive-sidebar ul{padding: 0;list-style: none;}

.archive-sidebar ul li{display: block;
    padding: 5px 0 5px 14px;
    position: relative;}

.archive-sidebar ul li::after{
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #313131;
    border-right: 1px solid #313131;
    margin-top: -4px;
    top: 50%;
    transform: rotate(-45deg);
    left: 0;
}

.archive-sidebar ul li a{
    display: inline-block;
    text-transform: uppercase;
   }

.archive-sidebar .sid-product{
    clear: both;
    margin: 0 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

.archive-sidebar .sid-product .sid-img{float: left;margin: 2px 3% 0 0;}

.archive-sidebar .sid-product img{width: 60px;}

.archive-sidebar .sid-product .sid-price{padding-top: 5px; font-weight: 600;color: #e10c00;}

.archive-wrap{width: 78%;float: right;}

/* single */

.woocommerce div.product div.images.woocommerce-product-gallery{width: 350px;}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{width: 700px !important;height: auto !important;}

figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{width: 350px !important;}

figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img{width: 350px !important;}

div.product div.summary.entry-summary{width: 580px !important;float: left !important;margin-left: 24px;}

.single-product-ads{float: right;width: 272px;}

.single-product-ads .ads-mess{padding: 12px 20px;background-color: #f3f3f3;border: 1px solid #e6e6e6;}

.ads-mess p{color: #db261b;text-transform: uppercase;font-weight: bold;font-size: 16px;}

.ads-mess ul{margin: 0;padding: 0;list-style: none;}

.ads-mess ul li{margin: 4px 0;display: flex;}

.ads-mess i{width: 30px;height: 30px;font-size: 24px;color: gray;}

.ads-mess span{display: inline-block;
    width: calc(100% - 30px);
    vertical-align: middle;
    padding-left: 10px;
    box-sizing: border-box;}

.single-product-ads .ads-banner{ margin-top: 10px;border: 1px solid #e6e6e6;}

.p-detail-info{display: flex;}

.p-detail-left label{color: #4477f2;}

.p-detail-info span{font-weight: bold;}

.p-detail-info .p-detail-left,.p-detail-info .p-detail-right{width: 50%;position: relative;padding: 2px 0 2px 16px;}

.p-detail-left::after,.p-detail-right::after{
    border-bottom: 1px solid #757575;
    border-right: 1px solid #757575;
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: rotate(-45deg);}

.woocommerce div.product p.price .s-price-before{color: #1b1b1b !important;font-size: 14px !important;margin-right: 10px !important;padding-left: 14px;}

a.custom-add-to-cart-button{    background-color: #ed2c2c;
    background-image: linear-gradient(#ed2c2c,#b90b0c);
    width: 49%;
    height: auto;
    padding: 8px 22px 8px 22px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    text-decoration: none;
    float: left;}

.woocommerce div.product form.cart div.quantity{display: none;}

.woocommerce div.product form.cart .button{    background-color: #2a74ba !important;
    background-image: linear-gradient(#6a6a6a,#515151) !important;
    width: 49%;
    height: auto;
    padding: 10px 22px 8px 22px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    font-weight: 500;
    line-height: 17px;
    box-sizing: border-box;
    float: right !important;}

a.custom-add-to-cart-button span{font-weight: 600;text-transform: uppercase;font-size: 18px;}

.woocommerce div.product form.cart .button .atc-bf{font-weight: 600;text-transform: uppercase;font-size: 18px;line-height: 18px;}

.pd-infopro h4{color: #ec2327;font-weight: 600;font-size: 16px;margin-bottom: 10px;}

.pd-infopro p{margin: 4px 0;color: #056bad;}

.pdc-meta-bot{clear: both; display: flex;justify-content: space-between;}

.pdc-left{width: 900px;float: left;}

.pdc-right{width: 320px;float: right;padding-top: 30px;position: relative;}

.pdc-right-wrap{top: 0;width: 320px;}

.pd-crinfo{padding: 20px;background-color: #f3f3f3;}

.pd-crinfoname{color: #444;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
}

.pd-crinfoprice{border-bottom: 1px solid #ddd;}

.pd-crinfoprice span.woocommerce-Price-amount.amount{padding: 10px 0;margin-bottom: 10px;font-size: 22px;font-weight: 600; color: #d00;}

.pd-crinfoprice span.s-price-before{color: #1b1b1b ;
    font-size: 14px ;
    margin-right: 10px ;
    padding-left: 14px;
    font-weight: 500;
}
.pd-cr-btn a.custom-add-to-cart-button{width: 100%;margin: 15px 0;}

.pd-cr-btn button.single_add_to_cart_button{
    width: 100% !important;    
    background-color: #2a74ba !important;
    background-image: linear-gradient(#6a6a6a,#515151) !important;
    width: 49%;
    height: auto;
    padding: 10px 22px 8px 22px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    font-weight: 500 !important;
    line-height: 17px !important;
    box-sizing: border-box;}

.pd-cr-btn button.single_add_to_cart_button .atc-bf{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;}

h2.tskt-title{    
    display: block;
    padding: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 15px 0;
}

.tb-tskt{width: 100%;box-sizing: border-box;border-collapse: collapse;border-spacing: 0;}

.tb-tskt tbody tr:nth-child(odd){background-color: #eee;}

.tb-tskt tr td{
    box-sizing: border-box;
    padding: 15px;
    vertical-align: baseline;
    overflow-wrap: break-word;
    border-bottom: 0.5px solid rgb(241, 241, 241);
    }
.tb-tskt tr td:nth-child(1){width: fit-content;font-weight: bold;min-width: 150px;}

section.related.products h2:first-child{    display: block;
    border-bottom: 1px solid #ddd;
    padding: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #1b1b1b;}

section.related.products ul.products li.product, .woocommerce-page ul.products li.product{width: 25% !important;}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first{clear: none !important;}

.woocommerce-info.woocommerce-no-products-found{display: none;}

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

    .woocommerce div.product div.images.woocommerce-product-gallery{width: 450px;}

    figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{width: 450px !important;}

    figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img{width: 450px !important;}

    div.product div.summary.entry-summary{width: 45% !important;}

    .single-product-ads{width: 22%;}

    .single-product-ads .ads-banner img{width: 100%;}

    .pdc-left{width: 79%;}

    .pdc-right{width: 20%;}
}

@media only screen and (max-width: 1648px){
    div.product div.summary.entry-summary{
        width: calc(100% - 665px) !important;
    }
    .pdc-left{width: calc(100% - 350px);}
}

@media only screen and (max-width: 1250px) {
    .single-product-ads{display: none;}
    .pdc-right{display: none;}
    div.product div.summary.entry-summary{width: calc(100% - 375px) !important;}
    .pdc-left{width: 100%;}
}

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

    .woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product{width: 25% !important;}
    .woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product:nth-child(5){clear: both;}
    .archive-sidebar{display: none;}
    .archive-wrap{width: 100%;}
}


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

    .archive-wrap section.related.products ul.products li.product, .woocommerce-page ul.products li.product{width: 50% !important;}

}

@media only screen and (min-width: 769px) and (max-width: 1200px) {

.woocommerce ul.products li.product a.button {font-size: 12px;}

}

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

/* .woocommerce ul.products li.product-category, .woocommerce-page ul.products li.product-category {width: 24.05% !important;margin: 0 1.2% 2.992em 0 !important;}

.woocommerce ul.products li.type-product, .woocommerce-page ul.products li.type-product {width: 24.05% !important;margin: 0 1.2% 2.992em 0 !important;} */

}

@media only screen and (max-width: 768px) {
    figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{width: 100% !important;}
    
    figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img{width: 100% !important;}

    div.product div.summary.entry-summary{margin-left: 0;}

    section.related.products ul.products li.product, .woocommerce-page ul.products li.product{width: 50% !important;}

.qr-create-cart {display: none;}

/* Fix lỗi small woo bị lỗi khi nén css*/

.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {width: 100% !important;}

.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{width: 100% !important;}

.woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product{width: 50% !important;margin-bottom: 0 !important;}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{width: 100% !important;}

a.custom-add-to-cart-button{width: 100%;margin-bottom: 15px;}

.woocommerce div.product form.cart .button{width: 100%;}

}

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

.woocommerce ul.products li.product a.button {font-size: 12px;}

}

