/*
Theme Name: BICTweb Child
Description: BICTweb.vn
Author: BICTweb.vn
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#billing_country_field {

    display: none !important;
    
    }
button#buy_now_button {
    background-image: linear-gradient(90deg, #fc3a3a, #ac1a1a);
    color: #fff;
    float: right;
    right: 10%;
}
button.single_add_to_cart_button.button.alt {
    background: #fff;
    color: #ff0000;
    border-radius: 30px;
    font-size: 15px;
    border: 1px solid #ff0000;
}
.badge.post-date {
    display: none !important;
}
/*
.from_the_blog_excerpt{
    display: none !important;
}
.blog-archive .image-cover {
    border-radius: 40px 0 40px 0;
}
.post-item .box-image:hover::before{
    -webkit-animation:shine .75s;
    animation:shine .75s}
    @-webkit-keyframes shine{
    100%{left:125%}
    }
    @keyframes shine{
    100%{left:125%}
    }
    .post-item .box-image::before{
    position:absolute;
    top:0;
    left:-75%;
    z-index:2;
    display:block;
    content:'';
    width:50%;
    height:100%;
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    -webkit-transform:skewX(-25deg);transform:skewX(-25deg)
    }
    */
    .post-item .box-image:hover::before{
    -webkit-animation:shine .75s;
    animation:shine .75s}
    @-webkit-keyframes shine{
    100%{left:125%}
    }
    @keyframes shine{
    100%{left:125%}
    }
    .post-item .box-image::before{
    position:absolute;
    top:0;
    left:-75%;
    z-index:2;
    display:block;
    content:'';
    width:50%;
    height:100%;
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    -webkit-transform:skewX(-25deg);transform:skewX(-25deg)
    }
    /*sp*/
    .product-small .box-image:hover::before{
        -webkit-animation:shine .75s;animation:shine .75s
        }
        @-webkit-keyframes shine{
        100%{left:125%}
        }
        @keyframes shine{
        100%{left:125%}
        }
        .product-small .box-image::before{
        position:absolute;
        top:0;
        left:-75%;
        z-index:2;
        display:block;
        content:'';
        width:50%;
        height:100%;
        background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
        background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
        -webkit-transform:skewX(-25deg);transform:skewX(-25deg)
        }

#logo:after,#logo:before{transform: skewX(-25deg) translateY(-50%);content:"";position:absolute;top:50%;width:40px;height:100%;background-color:white;z-index:0}
#logo:before{left:0%;animation:light-left 5s infinite alternate linear}
#logo:after{right:-5%;animation:light-right 5s infinite alternate linear}

@keyframes light-left{0%{left:-5%;opacity:0}50%{left:50%;opacity:1}to{left:105%;opacity:0}}@keyframes light-right{0%{right:-5%;opacity:0}50%{right:50%;opacity:1}to{right:105%;opacity:0}}

/* css topbar */
.hotline-top span {
    margin-left: 8px;
    background: #c10000;
    border-radius: 25px;
    padding: 0 10px;
	color: #fff;
}
#top-bar a.nav-top-link, .hotline-top {
    font-size: 14px;
}
/* css header main */
div#masthead {
    /*  background: #f44336; */
   
   
}
.danhmuc a.nav-top-link {
    background: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    height: 50px;
    color: #000;
}
/*div#masthead .searchform input {
    border-radius: 10px;
    padding: 10px;
    background: #fff;
    border: 0;
    height: 50px;
    line-height: 40px;
    font-size: 15px;
}
div#masthead .searchform button.submit-button {
    background-color: #fff !important;
    border-radius: 4px;
    padding: 0 12px;
    left: -11px;
}
div#masthead .searchform input::placeholder {
    color: #000;
}
*/



/*
.cart-item ul.nav-dropdown.nav-dropdown-default {
    border: none;
    border-radius: 10px;
}
.cart-item a.header-cart-link {
    color: #ffffff;
    background-color: #dc0f00 !important;
    border: 0;
    align-items: center;
    border-radius: 10px !important;
}
*/

a.button.wc-forward {
    width: 49.5%;
    padding: 0;
    font-weight: 400;
    text-transform: initial;
    font-size: 14px;
    background: #ff6d1f;
}
a.button.checkout.wc-forward {
    margin-left: 1%;
    background: #f44336;
}



.col.col-padding {
	padding-bottom: 0;
}
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #f44336;
}
body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #eee;
}
/* css trang chủ */
.st-banner img {
    border-radius: 10px;
}
/* css section danh mục sản  phẩm */
.st-cate {
    border-bottom: 30px solid #eee;
}
.cate-pro .product-category.col .col-inner {
    box-shadow: 1px 1px 6px rgb(219 239 205);
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}
.cate-pro .product-category.col .col-inner:hover {
    border: 1px solid #f44336;
}
.cate-pro .product-category.col .box-text.text-center {
    padding: 5px 4px;
}
.cate-pro h5 {
    font-weight: 400;
    text-transform: initial;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 40px;
}

/* css btn xem thêm */
.btn-xemthem {
    background: #f44336;
    color: #fff;
    border-radius: 25px;
    text-transform: inherit;
    font-weight: 300;
}
/* css danh mục left */
.danhmuc-left .box-text {
    padding: 0;
}
.ct-danhmuc-left p {
    background: #f44336;
    color: #fff;
    text-align: center;
    padding: 8px;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
    margin-bottom: 12px;
}
.col-danhmuc-left>.col-inner {
    border: 1px solid #ececec;
    border-radius: 10px;
}
.danhmuc-left .product-category.col {
    padding-bottom: 10px;
}
.danhmuc-left .product-category.col>.col-inner {
    padding-left: 10px;
}
.danhmuc-left .product-category.col>.col-inner:not(.danhmuc-left .product-category.col:last-child>.col-inner) {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
}
.danhmuc-left h5 {
    font-weight: 400;
    text-transform: initial;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 19px;
}
.img-left img {
    border-radius: 10px;
    width: 96%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* css section flash sale */
.flash_sale>.col-inner {
    background-color: #f44336;
    border-radius: 10px;
    padding: 15px 15px 0 15px;
}
.noPadding {
    padding-bottom: 0;
}

.xem_tatca {
    color: #fff !important;
    font-size: 13px;
}

.title_flash p {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 19px;
}

.title_flash p {
    background-image: url(/wp-content/uploads/2023/05/fire-icon-new.webp);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    padding-left: 35px;
}

/* css sản phẩm */
.product-small.box {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
}
.product-small.box .box-text.box-text-products {
    padding: 10px 8px 13px 8px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 15px;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 40px;
    margin-bottom: 10px;
}
.product-small.box .price-wrapper .price .amount bdi {
    color: #ff9400;
    font-size: 18px;
}
a.add_to_cart_button.ajax_add_to_cart {
	background: #5dac46;
}
a.add_to_cart_button.ajax_add_to_cart, a.added_to_cart.wc-forward, a.primary.product_type_variable.add_to_cart_button {
    border-radius: 6px;
    width: 100%;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
    text-transform: inherit;
	padding: 0;
	line-height: 28px;
	min-height: 2em;
}
a.added_to_cart.wc-forward {
	text-align: center;
	background: #ff9400;
	margin-top: 16px;
}
.pro-xemthem .star-rating {
    display: none;
}

/* css slider product */
.slider .flickity-prev-next-button {
    opacity: 1;
}
.slider .flickity-prev-next-button svg.flickity-button-icon {
    border: 1px solid #f44336 !important;
    background: rgb(255 255 255);
    border-radius: 4px;
    width: 20px;
    height: 40px;
    padding: 0;
    color: #f44336;
}
.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
	fill: #f44336;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: 0;
    top: 10%;
}
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #f44336;
}
/* end css button slider */

/* css section ảnh bg */
.st-bg-att .section-bg {
    background-attachment: fixed;
}
.st-bg-att {
    background-image: url(/wp-content/uploads/2023/05/bictweb.vn-marikostore-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
	object-fit: cover;
}

/* css chi tiết sản phẩm */
/* css breadcrumbs */
.page-title-inner {
    min-height: 0;
    padding: 10px 0 10px 5px;
}
.page-title-inner .flex-col.medium-text-center {
    padding: 0;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    text-transform: inherit;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase a {
    color: #957035;
    font-size: 14px;
}

.woocommerce-product-gallery__image a {
    cursor: zoom-in;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    border: 1px solid #e3e3e3;
    padding: 15px;
    border-radius: 10px;
}
.single-product .product-main, .single-product .product-info {
    padding-bottom: 0;
}
.ct-chinhhang {
    margin-top: 20px;
}

h1.product-title.product_title.entry-title {
    font-size: 20px;
}
.ct-satr .star-rating {
    margin: 8px 4px 0 0;
    float: left;
}
.ct-satr .star-rating span:before, .ct-satr .star-rating:before, .woocommerce-page .ct-satr .star-rating:before {
    color: #ff9400;
	font-size: 13px;
}
.ct-satr .star-rating {
	font-size: 13px;
}
span.xuatxu, span.thuonghieu {
    font-size: 14px;
}
span.xuatxu a, span.thuonghieu a {
    color: #008bff;
}
span.daugach {
    font-size: 14px;
}
.single-product .product-info .price .amount bdi {
    color: #db0000;
    font-size: 30px;
}

/* css form thêm vào giỏ */
.sticky-add-to-cart--active .sticky-add-to-cart__product {
    display: none;
}
.single-product .product-info form.cart {
    margin-bottom: 12px;
    border-bottom: 1px solid #f2f2f2;
}
.product-info .quantity.buttons_added.form-minimal {
    margin-top: 6px;
}
.product-info.summary .quantity .button.minus, .product-info.summary .quantity .button.plus {
    width: 32px;
    min-height: 32px;
    max-height: 32px;
    line-height: 20px;
    border-radius: 20px !important;
    background-color: #f2f2f2;
    margin-right: 8px;
    border: 0px;
    color: #000;
}
.product-info.summary .quantity input[type="number"] {
    height: 30px;
    width: 35px;
    max-height: 34px;
    line-height: 20px;
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: none !important;
    max-width: 48px;
    margin-right: 8px;
}
/* css nội dung search google */
.ct-gg p {
    background: #f2f2f2;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 14px;
}

.div-privacy {
    padding: 10px 15px;
    border: 1px dashed #db0000;
    border-radius: 10px;
    margin-bottom: 15px;
}
.privacy-img p {
    background-repeat: no-repeat;
    background-size: 38px;
    padding-left: 48px;
    font-size: 13px;
    margin-bottom: 8px;
}
ul.list-privacy {
    margin-bottom: 0;
}
ul.list-privacy li {
    font-size: 13px;
    list-style: none;
    margin-left: 0;
    margin-bottom: 5px;
}
ul.list-privacy li:before {
    content: url(/wp-content/uploads/2023/05/bictweb.vn-icon-check.svg);
    padding-right: 5px;
    vertical-align: middle;
}
ul.list-privacy li:last-child {
    margin-bottom: 0;
}

/* css form tư vấn */
.product-info.summary form.wpcf7-form {
    margin-bottom: 10px;
}
span.wpcf7-not-valid-tip {
    display: none;
}
.form-tuvan {
    background: #f2f2f2;
    padding: 10px 15px 15px 15px;
    border-radius: 10px;
}
.sub-head {
    font-size: 14px;
    margin-bottom: 10px;
}
.form-tuvan input:not([type=submit]) {
    width: 35%;
    float: left;
}
.form-tuvan input:not(.form-tuvan input.wpcf7-form-control.wpcf7-submit) {
    margin-right: 2%;
    margin-bottom: 0;
}
.form-tuvan input.wpcf7-form-control.wpcf7-submit {
    width: 26%;
    margin: 0;
    background: #109cd9;
    font-size: 13px;
    padding: 0;
    border-radius: 4px;
}
.form-tuvan input[type=text], .form-tuvan input[type=tel] {
    background: #fff;
    font-size: 14px;
    border-radius: 4px;
}
span.wpcf7-spinner {
    display: none;
}

/*
button.single_add_to_cart_button.button.alt {
    background: #fff;
    color: #ff0000;
    border-radius: 30px;
    font-size: 15px;
    border: 1px solid #ff0000;
}
button.single_add_to_cart_button.button.alt:hover {
    background: #ff0000;
	color: #fff;
}
*/

button#buy_now_button {
    background-image: linear-gradient(90deg, #fc3a3a, #ac1a1a);
    color: #fff;
	float: right;
	right: 10%;
}

/* css giá biến thể */
p.price.giabienthe {
    margin-top: 0;
}
.price-same {
    padding-bottom: 5px;
}
.giaban {
	margin-bottom: 5px;
}
.giaban .giabanchinh bdi {
    font-size: 20px;
    color: #ff6600;
    font-weight: 700;
}
.giaban span.baogom-vat {
    font-size: 13px;
}
p.thitruong-tietkiem span {
    font-weight: 600;
    font-size: 13px;
}
p.thitruong-tietkiem span.phantram {
    color: #ff6600;
}

/* css các dịch vụ */
.stack.dichvu .icon-box {
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
}
.stack.dichvu .icon-box:not(:last-child) {
    margin-right: 10px !important;
}
.stack.dichvu .icon-box p {
    font-size: 14px;
    line-height: 1.2;
}

/* css sidebar sản phẩm */
.single-product div#product-sidebar {
    margin-top: 12px;
}
a.button.primary.btn-call {
    background: #03a9f4;
}
a.button.primary.btn-call:hover {
    background: #ff0000;
}
span.title-commitment {
    font-size: 15px;
    font-weight: 700;
    color: #db0000;
    text-transform: uppercase;
}
.ct-camket {
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    margin-top: 15px;
    padding: 10px;
    counter-reset: a;
}
.ct-camket p {
    font-size: 15px;
    padding-left: 18px;
    margin-bottom: 10px;
}
.ct-camket p:before {
    counter-increment: a;
    content: counter(a);
    width: 15px;
    height: 15px;
    font-size: 12px;
    background: #f44336;
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    position: absolute;
    margin-left: -20px;
    margin-top: 5px;
}
.ct-camket p:not(:last-child) {
    border-bottom: 1px dashed #e3e3e3;
    padding-bottom: 10px;
}

/* css product footer */
.single-product .product-footer {
    margin-top: 25px;
}

/* css sản phẩm liên quan
.related.related-products-wrapper.product-section {
    display: none;
}
*/

.div-rela .related.related-products-wrapper.product-section {
    display: block;
}

/* css số lượng bình luận và đánh giá trong mô tả sản phẩm */
.col-mota-sp>.col-inner {
    box-shadow: 1px 1px 6px rgb(219 239 205);
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 15px;
}
.count-cmt ul li {
    list-style: none;
    display: inline-block;
    margin: 0 40px 0 0;
    padding: 5px 10px;
}
.count-cmt ul li:first-child {
    background-color: #f44336;
    color: #fff;
    border-radius: 6px;
}
i#bg-count {
    font-size: 12px;
    font-style: normal;
    border-radius: 50%;
    padding: 1px 5px 1px 4px;
    background-color: #ed4949;
    color: #fff;
    text-align: center;
}
.count-cmt ul {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

/* css mô tả chi tiết sản phẩm */
div#tab-description ul li, div#tab-description ol li {
    margin-left: 22px;
}

/* css khung đánh giá sản phẩm */
.single-product .review-form-inner.has-border, div#comments .commentlist {
    border: none;
    box-shadow: 1px 1px 6px rgb(219 239 205);
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding-bottom: 0;
}
.single-product div#comments .commentlist {
    padding: 15px 20px;
}
.single-product .review-form-inner.has-border input, .review-form-inner.has-border textarea {
    box-shadow: 0 0;
}
.single-product input#submit {
    background-color: #f44336;
}

/* css trang cửa hàng sản phẩm */
.filter-content {
    overflow: auto;
    max-height: 300px;
}
.filter-content::-webkit-scrollbar {
    width: 10px;
}
.filter-content::-webkit-scrollbar-thumb {
    background: #f44336;
    border-radius: 5px;
    border: 1px solid #fff;
}
.filter-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ccc;
    border-radius: 5px;
}
.filter-content a.term-label.tooltip-added {
    font-weight: 400;
    font-size: 16px;
}
.filter-content li.filter-item.checkbox label {
    margin-bottom: 0;
}
.filter-content input#filter_319_0_24 {
}
.filter-content li.filter-item.checkbox>label>input {
    margin-bottom: 0;
}
/* css btn phân trang */
ul.page-numbers.nav-pagination li span, ul.page-numbers.nav-pagination li a {
    border-radius: 4px;
    border: 1px solid #f44336;
}
ul.page-numbers.nav-pagination li span {
    background-color: #f44336;
}
ul.page-numbers.nav-pagination li a {
    color: #f44336;
}
ul.page-numbers.nav-pagination li a:hover {
	background-color: #f44336;
	color: #fff;
}

/* css trang thương hiệu */
.cs-breadcroumb {
    padding: 10px 5px 7px 10px;
    background-color: #f2f2f2;
    border-radius: 2px;
    border: 1px solid #eee;
    margin-bottom: 20px;
}
.cs-breadcroumb ol {
    margin-bottom: 0px;
}
.cs-breadcroumb li {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
}
.cs-breadcroumb a {
    color: #f44336;
    text-decoration: none;
    padding-right: 10px;
}
.cs-breadcroumb span {
    color: #333;
    text-decoration: none;
    padding-right: 10px;
}

h1.title-thuonghieu {
    font-size: 24px;
}
h1.title-thuonghieu span {
    color: #f44336;
}
.div-thuognhieu ul li {
    display: inline-block;
    margin-right: 8px;
    margin-left: 0;
}
.div-thuognhieu ul li a {
    border: 1px solid #d8e0e8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-basis: 37.5px;
    padding: 1px 10px;
    font-size: 19px;
    width: 37.5px;
    flex-basis: 37.5px;
    height: 36px;
}
.ct-th {
    font-size: 25px;
    color: #f44336;
    font-weight: 600;
}
ul.brandlist li {
    display: inline-block;
    margin: 0;
    padding-right: 20px;
}
ul.brandlist li a {
    color: #000;
}

/* css form popup tải lên đơn thuốc */
div#don-thuoc {
    border-radius: 10px;
}
div#don-thuoc form.wpcf7-form.init {
    margin-bottom: 0;
}
div#don-thuoc input {
    box-shadow: 0 0;
}
div#don-thuoc .col.large-12, div#don-thuoc .col.large-6 {
    padding-bottom: 0;
}
div#don-thuoc label.img-donthuoc {
    background-image: url(/wp-content/uploads/2023/05/bictweb.vn-camera-toathuoc.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 29px;
    font-weight: 300;
    color: #1d48ba;
    text-decoration: underline;
    cursor: pointer;
}
div#don-thuoc input.wpcf7-form-control.has-spinner.wpcf7-submit.gui-donthuoc {
    margin: 8px 0 0 0;
    width: 100%;
    background: #f44336;
    border-radius: 4px;
}
span.wpcf7-spinner {
    display: none;
}

/* css footer */
.ct-foo p {
    color: #fff;
    margin-bottom: 10px;
}
.icon-foo a {
    border-radius: 6px !important;
}
.box-foo {
    border: 1px solid #eee;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 4px 8px;
}
.box-foo p {
    line-height: 4px;
    color: #fff;
    font-size: 14px;
}
.box-foo p a {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
}
.box-foo img {
    padding-top: 0;
}
.copyright-footer {
    color: #fff;
    border-top: 1px solid #fff;
    padding-top: 15px;
}
a#top-link {
    background: red;
    border: 1px solid #fff;
    color: #ffff;
}

/* css trang giỏ hàng */
.woocommerce-cart div#content {
    background: #f8f8f8;
}
.woocommerce-cart form.woocommerce-cart-form, .cart-sidebar.col-inner {
    background: #fff;
    padding: 15px 20px;
    border-radius: 5px;
}
.woocommerce-cart .woocommerce.row.row-large.row-divided>.col {
    padding: 15px;
}
.woocommerce-cart .cart-collaterals {
    border-left: 0 !important;
}
.woocommerce-cart .shop_table th {
    font-weight: 300;
    text-transform: initial;
}
.woocommerce-cart a.checkout-button.button.alt.wc-forward {
    background-color: #f44336;
    border-radius: 4px;
    font-weight: 200;
    font-size: 18px;
}
.woocommerce-cart input#coupon_code {
    box-shadow: 0 0;
}
.woocommerce-cart input.is-form.expand {
    background-color: #f44336;
    color: #fff;
    text-shadow: 0 0;
    border-radius: 4px;
    font-size: 18px;
}
.woocommerce-cart a.button-continue-shopping.button.primary.is-outline {
    background-color: #f44336;
    border: 2px solid #f44336;
    color: #fff;
}

/* css trang thanh toán - checkout */
.woocommerce-checkout .row.row-main {
	background-color: #fff;
	padding-top: 15px;
}
input#billing_first_name, .woocommerce-checkout input#billing_address_1, .woocommerce-checkout input#billing_phone, .woocommerce-checkout input#billing_email, .woocommerce-checkout textarea#order_comments {
	border-radius: 6px;
	box-shadow: none;
	border-color: #000;
}
.woocommerce-checkout p#billing_address_1_field {
	margin-right: 0px;
}
.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tr th {
	text-transform: initial;
	color: #000;
}
.woocommerce-checkout .has-border {
	border: 1px solid #1e1e1e;
	border-top: 4px solid #00aeefbf;
}
.woocommerce-checkout .woocommerce-billing-fields {
    padding-top: 15px;
    border-top: 4px solid #00aeefbf;
}
.woocommerce-checkout .ts-product-image {
    width: 52px;
    height: 45px;
    padding-right: 7px;
    vertical-align: middle;
    float: left;
}
button#place_order {
	background: #f44336;
	width: 100%;
	border-radius: 4px;
}
/* end css trang thanh toán - checkout */

/* css trang chi tiết đơn  hàng */
table.thongtin-ck, section.woocommerce-order-details, .woocommerce-order-received .large-5.col .entry-content {
        box-shadow: rgb(0 0 0 / 12%) 0px 1px 2px 0px, rgb(0 0 0 / 8%) 0px 2px 6px 1px;
    padding: 12px;
    border-radius: 10px;
}
table.thongtin-ck {
    border: 1px solid #ddd;
    border-collapse: collapse;
    overflow: hidden;
}
table.thongtin-ck td {
    border: 1px solid #eaeaea;
    padding: 6px 10px;
}
table.thongtin-ck td strong {
    color: #01012e;
}
.woocommerce-order-received .large-5.col .entry-content {
    background: #fff;
}
.woocommerce-order-received .large-5.col .entry-content p {
	margin-bottom: 18px;
}
.woocommerce-order-received .large-5.col .entry-content ul {
	margin-bottom: 0;
}

/* css section magiam gia */
.div-coupon {
    position: relative;
    background: #fff;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .15));
    display: flex;
    border-radius: 5px;
    min-height: 100px;
    width: 32%;
    float: left;
}
.div-coupon-2 {
    margin: 0 2%;
}
.coupon-image {
    width: 80px;
    flex: 0 0 80px;
    padding: 8px 4px 8px 8px;
    background-color: #fd545b;
    margin-left: 3px;
    float: left;
}
.coupon_body {
    padding: 8px 8px 8px 10px;
}
.coupon_title {
    font-size: 14px;
    color: #fd545b;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
}
span.coupon.description {
    font-size: 13px;
}
.coupon_desc {
    line-height: 15px;
}
.saochep {
    margin-top: 8px;
}
button.btn.btn-main.btn-sm.coupon_copy {
    border: none;
    border-radius: 999px;
    margin: 0;
    color: #fff;
    background: #fd545b;
    min-height: 20px;
    line-height: 19px;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
}
a.coupon_info_toggle {
    font-size: 12px;
    text-decoration: underline;
    color: #2E72D2;
    margin-top: 3px;
    float: right;
}
.div-coupon:before {
    content: "";
    position: absolute;
    top: 0;
    left: -3px;
    height: 100%;
    width: 10px;
    color: #fd545b;
    background-clip: padding-box;
    background: repeating-linear-gradient(#e5e5e5,#e5e5e5 5px,transparent 0,transparent 9px,#e5e5e5 0,#e5e5e5 10px) 0/1px 100% no-repeat,radial-gradient(circle at 0 7px,transparent,transparent 2px,#e5e5e5ee 0,#e5e5e5 3px,currentColor 0) 1px 0/100% 10px repeat-y;
}

/* css coupon sidebar product */
.sidebar-coupon {
    background: #fff;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .15));
    margin-bottom: 12px;
	border-radius: 4px;
}
.sidebar-coupon:nth-child(3) {
    margin-bottom: 0;
}

/* css popup điều kiện mã giảm giá */
.coupon-title {
    color: #fd545b;
    padding: 0px;
    font-size: 24px;
    font-weight: 500;
    margin: 0px 16px 16px;
    text-align: center;
}
.coupon-row:nth-child(2n) {
    background-color: #f3f3f3;
}
.coupon-row {
    padding: 10px 20px;
    margin-left: -15px;
    margin-right: -15px;
}
.coupon-label {
    font-size: 15px;
}
.coupon-info {
    font-size: 14px;
}

@media (min-width: 850px) {
	
    /*
    .cart-item a.header-cart-link {
		display: flex;
		height: 50px;
	}
    */
    
	/* 	css menu mega */
	.sub-menu.nav-dropdown {
		border: 0;
		border-radius: 10px;
		padding: 12px;
	}
	.menu-mega-pc .tabbed-content .nav-vertical {
		padding-top: 0;
		width: 28%;
	}
	.menu-mega-pc .nav-vertical+.tab-panels {
		border-left: 0;
		padding-right: 0;
	}
	.menu-mega-pc .nav-vertical>li+li {
		border: 0;
	}
	.menu-mega-pc li a {
		color: #000;
		font-weight: 500;
		font-size: 16px;
		padding: 10px 6px 10px 10px;
	}
	.menu-mega-pc li.active a {
		background: #F44338;
		color: #fff;
		border-radius: 8px
	}
	.menu-mega-pc .product-category.col>.col-inner {
		border: 1px solid #e3e3e3;
		border-radius: 5px;
		box-shadow: 1px 1px 6px rgb(219 239 205);
	}
	.menu-mega-pc .box-text {
		padding: 8px 4px 4px 4px;
	}
	.menu-mega-pc h5.header-title {
		font-weight: 400;
		text-transform: initial;
		color: #000;
		font-size: 14px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		height: 36px;
	}
	.stuck .header-main .nav > li > a {
		line-height: 26px !important;
	}
	/* css số lượng bình luận và đánh giá trong mô tả sản phẩm */
	.col-mota-sp {
		padding-left: 0;
	}
}

@media (max-width: 992px) {
	div#logo {
		margin-right: 0;
		width: 160px;
	}
}

@media (max-width: 768px) {
	/* 	css menu mobile */
	div#top-bar {
		border-bottom: 1px solid #b5000029;
	}
    /*
    .mobile-nav .header-button a.icon {
		background-color: #dc0f00;
	}
    */
	
	/* 	menu tab 1 */
	.mfp-content li.html.custom.html_topbar_left {
		padding: 10px;
	}
	.mfp-content li.menu-item a {
		color: #000;
		font-weight: 400;
		font-size: 14px;
	}
	.mfp-content  .sidebar-menu-tabs.nav>li>a {
		color: #000;
		font-weight: 400;
		font-size: 15px;
		padding: 8px;
	}
	.mfp-content  li.sidebar-menu-tabs__tab.active a {
		background-color: #f44336;
		color: #fff;
	}
	.mfp-content  .nav-line-bottom>li>a:before {
		background: bottom;
	}
	/* 	css section mã giảm giá */
	.div-coupon {
		display: flex;
		-webkit-box-align: center;
		flex-basis: 70%;
		flex-shrink: 0;
	}
	.col-magiamgia> .col-inner {
		justify-content: space-between;
		width: max-content;
		max-width: 870px;
		flex-wrap: wrap;
	}
	.col-magiamgia {
		overflow-x: auto;
		padding-bottom: 15px;
	}
	/* 	menu tab 2 */
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		background: #fff;
		width: 90%;
	}
	.sidebar-menu.no-scrollbar {
		padding-top: 0;
	}
	.off-canvas-left .mfp-content li.html.custom.html_nav_position_text {
		padding: 10px 0 0 0;
	}
	.cate-mobile .product-category.col {
		padding: 5px;
	}
	.cate-mobile .product-category.col>.col-inner {
		box-shadow: 1px 1px 4px rgb(219 239 205);
		border: 1px solid #e3e3e3;
		border-radius: 5px;
	}
	.cate-mobile .product-category.col>.col-inner .box-text.text-center {
		padding: 5px 4px 4px 4px;
	}
	.cate-mobile h5.uppercase.header-title {
		font-weight: 300;
		text-transform: initial;
		font-size: 13px;
		height: 35px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}
	.col.large-3.padding-mb.col-stick {
		display: none;
	}
	.single-product .product-info {
		padding-bottom: 10px;
	}
	button#buy_now_button {
		float: unset;
		right: unset;
	}
}

@media (max-width: 549px) {
	.col-mota-sp>.col-inner {
		padding: 8px;
	}
	.count-cmt ul li {
		margin: 0 5px 0 0;
	}
	
/* 	css section flash sale */
	.col_text_flash {
		padding-right: 0 !important;
	}

	.row_sale>.col.medium-2 {
		width: 42% !important;
		flex-basis: 42% !important;
		max-width: 42%;
	}

	.row_sale>.col.medium-4 {
		width: 33% !important;
		flex-basis: 33% !important;
		max-width: 33%;
	}

	.row_sale>.col.medium-6 {
		width: 25% !important;
		flex-basis: 25% !important;
		max-width: 25%;
		padding: 0 !important;
	}
	.title_flash p {
		font-size: 14px;
		font-weight: 500;
		background-size: contain;
		padding-left: 26px;
		margin-top: 5px;
	}

	.col_xam_all {
		padding-left: 0 !important;
	}
	
	.xem_tatca {
		font-size: 12px;
	}
	
	/* 	css trang chi tiết sản phẩm */
	.form-tuvan {
		padding: 10px;
	}
	.sub-head {
		margin-bottom: 5px;
	}
	.form-tuvan input:not(.form-tuvan input.wpcf7-form-control.wpcf7-submit) {
		margin-right: 1%;
	}
	.form-tuvan input.wpcf7-form-control.wpcf7-submit {
    	width: 28%; 
	}
	.form-tuvan input.wpcf7-form-control.wpcf7-submit {
		font-size: 12.5px;
    	padding: 1px 2px;
	}
	.ct-gg p {
		margin-bottom: 5px;
	}
	/* 	css dịch vụ */
	.stack.dichvu {
		overflow: auto;
	}
	.stack.dichvu .icon-box {
		flex-basis: 43%;
		flex-shrink: 0;
		padding: 6px 5px;
	}
	.stack.dichvu .icon-box .icon-box-text.last-reset {
		padding-left: 6px;
	}
	.product-footer ul.product-tabs>li {
		width: 50%;
		text-align: center;
	}
	#top-bar a.icon.primary.button.circle i {
		margin-top: -6px;
	}
	.product-info button#buy_now_button:not(.sticky-add-to-cart--active  button#buy_now_button) {
		width: 100%;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@media (max-width: 768px) {
  iframe[src*="youtube.com"], 
  iframe[src*="youtu.be"] {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
  }
  
  /* Hoặc fix cứng chiều cao nếu cần */
  .video-container iframe {
    height: 250px !important;
  }
}

.h2-with-logo {
    position: relative;
    padding-bottom: 30px; /* Vẫn giữ khoảng cách dưới để logo có chỗ */
    text-align: center;
    /* Có thể thêm line-height: 1.2; nếu chữ bị chồng lên logo hoặc logo quá sát chữ */
}

.h2-with-title::before {
    content: "";
    background-image: url('');
    background-repeat: no-repeat;
    background-size: 70px; /* Giảm kích thước logo một chút để xem có cân đối hơn không */
    opacity: 0.1;
    position: absolute;
    bottom: 10px; /* Điều chỉnh vị trí từ dưới lên, tăng lên 10px */
    left: 50%;
    transform: translateX(-50%);
    width: 70px; /* Cập nhật chiều rộng theo background-size */
    height: 70px; /* Cập nhật chiều cao theo background-size */
    background-position: center center;
    z-index: -1;
}

.nut-xem-them {
    font-weight: normal;
    border: 1px solid #745812 !important;
    background: radial-gradient(50.43% 23.75% at 50.43% 0, #fff 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(65% 65% at 50.43% 0, #fff4d9 0, rgba(255, 225, 150, 0) 100%), linear-gradient(180deg, #cca952, #b1955f 99.48%);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%), inset 0 -4px 8px rgb(92 70 24 / 60%);
    border-radius: 20px !important;
    font-size: 14px;
    text-transform: none;
    color: black !important;
}

.ux-menu-link__icon+.ux-menu-link__text {
    padding-left: .5em;
    color: #ead38e;
}

.links>li>a:before, i[class^=icon-], i[class*=" icon-"]{
    color: #ead38e !important;
}


/* 1. Xóa các đường viền trên container cha (nguồn gốc của đường kẻ mới) */
/* Nhắm mục tiêu vào các lớp chứa tiêu đề */
.section-title-container, 
div[class*='section-title-container'] {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* 2. Xóa các phần tử mặc định của Flatsome (thẻ <b> tạo đường kẻ cũ) */
.section-title b,
.section-title b::before,
.section-title b::after {
    display: none !important;
    content: none !important;
}

/* 3. Đảm bảo Tiêu đề H2/H3 được CĂN GIỮA (Giải pháp tối ưu cho Flexbox) */
h2.section-title, 
h3.section-title,
.section-title.flex {
    text-align: center !important;
    justify-content: center !important;
}

/* 4. Buộc nội dung chữ và icon được căn giữa */
.section-title-main {
    text-align: center !important;
    display: inline-block !important; 
}
/* 5. Giữ nguyên CSS tạo icon trang trí (đoạn CSS bạn đã cung cấp) */
/* Cần đảm bảo đoạn này vẫn tồn tại trong Additional CSS của bạn */
.section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2025/10/line-bottom.png);
    width: 100%;
    height: 32px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
    background-size: 240px;
}

#shop-sidebar {
    /* width: 400px; */
    /* height: 200px; */
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    padding: 10px;
    border-radius: 10px;
}

.list-post .post-item .box-image, .blog-archive .post-item .box-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.list-post .post-item .box-text, .blog-archive .post-item .box-text {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 -2px 7px rgb(0 0 0 / 25%), inset 0 5px 6px rgb(0 0 0 / 25%);
    overflow: hidden;
    border: 1px solid #745812;
    background: linear-gradient(to right, rgb(0 0 0 / 0%) 0, #ffd00038 100%);
    padding: 20px 14px;
}
.list-post .post-item .post-title, .blog-archive .post-item .post-title {
    color: white;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
}
/* CSS ĐẶT NỀN ĐEN CHO TRANG DANH SÁCH TIN TỨC */

/* 1. Nhắm mục tiêu vào body khi ở trang lưu trữ/danh mục */
/* Điều này đặt nền đen cho toàn bộ phần thân trang */
.archive body, 
.blog-archive body,
.category body {
    background-color: #000 !important;
}

/* 2. Nhắm mục tiêu vào container nội dung chính (phần bao bọc) */
/* Thường là #main-content hoặc .page-wrapper trong Flatsome */
.archive #content,
.blog-archive #content,
.category #content,
.archive .page-wrapper,
.blog-archive .page-wrapper {
    background-color: #000 !important;
}

/* CSS đổi màu tiêu đề H1 trên Trang Danh Sách Tin Tức */

.archive .page-title,
.blog-archive .page-title,
.category .page-title,
/* Thêm selector cho H1 nếu cần */
.archive .page-header h1,
.blog-archive .page-header h1,
.category .page-header h1 {
    color: #EFE0A0 !important; /* Màu vàng đồng bạn muốn */
}

/* Đảm bảo tiêu đề trong trường hợp Flatsome dùng thẻ span bên trong H1 */
.archive .page-title span,
.blog-archive .page-title span,
.category .page-title span {
    color: #EFE0A0 !important;
}
.from_the_blog_excerpt {
 color: #EFE0A0 !important;
}

.woocommerce-result-count{
    color: #000 !important;
}


/* CSS cho Trang Chi Tiết Tin Tức (Single Post) - Khung Sẫm Màu */

.single-post #content .article-inner {
    /* Nền xám sẫm (như trang tham khảo: gần đen/xám tối) */
    background-color: #1a1a1a; 
    
    /* Bo góc khung nội dung */
    border-radius: 10px; 
    
    /* Tạo khoảng đệm bên trong khung nội dung */
    padding: 30px; 
    
    /* Viền vàng nhẹ (Tùy chọn: giúp khung nổi bật hơn) */
    border: 1px solid #745812; 
    
    /* Đặt khoảng cách bên ngoài (margin) */
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Đảm bảo tiêu đề bài viết (nếu nằm trong khung) có màu dễ đọc trên nền xám */
.single-post .entry-title {
    color: #333333 !important;
}

/* Đảm bảo nội dung bài viết có màu chữ đen/xám đậm */
.single-post .entry-content,
.single-post .entry-content p,
.single-post .entry-content li {
    color: #333333 !important;
}

/* Điều chỉnh Tiêu đề bài viết */
.single-post .entry-title {
    color: #EFE0A0 !important; /* Màu vàng đồng (như bạn yêu cầu trước) */
    font-size: 28px; /* Tăng kích thước tiêu đề */
    margin-bottom: 5px;
}

/* Điều chỉnh khu vực Metadata (Phân loại, Ngày đăng, Tác giả) */
.single-post .entry-header .entry-meta,
.single-post .entry-header .entry-meta * {
    color: #e0e0e0 !important; /* Màu chữ trắng/xám nhạt */
    text-transform: uppercase;
}
.single-post .entry-header .entry-meta {
    margin-bottom: 20px;
}

/* 3. Định dạng Nội dung Bài viết */
.single-post .entry-content,
.single-post .entry-content p,
.single-post .entry-content li {
    color: #f0f0f0 !important; /* Màu chữ trắng/xám rất nhạt cho nội dung chính */
    font-size: 15px;
    line-height: 1.8;
}

/* CSS ĐẢM BẢO NỀN ĐEN CHO TRANG CHI TIẾT TIN TỨC */

/* 1. Đặt nền đen cho Body ở trang bài viết đơn lẻ */
.single-post body {
    background-color: #000 !important;
}

/* 2. Đặt nền đen cho Content Wrapper (Quan trọng để loại bỏ nền trắng/xám mặc định) */
.single-post #content,
.single-post .page-wrapper {
    background-color: #000 !important;
}

/* 3. Đặt nền đen cho Main Container (nếu cần) */
.single-post #main {
    background-color: #000 !important;
}

/* 4. Điều chỉnh màu tiêu đề bài viết nếu nó nằm ngoài khung xám nhạt */
.single-post .entry-title {
    /* Đặt màu trắng/vàng đồng để nổi bật trên nền đen */
    color: #EFE0A0 !important; 
}

/*bỏ đi*/

/* ======================================================= */
/* KHỐI 1: ÁP DỤNG STYLE CHUNG CHO KHỐI TIN LIÊN QUAN (Nền và Viền Khung Lớn) */
/* ======================================================= */

#at_posts_related,
.related-posts {
    background-color: #000 !important; /* Đảm bảo nền là đen */
    border: 1px solid #745812 !important; /* Viền vàng đồng */
    border-radius: 10px;
    padding: 30px !important; 
    margin-top: 30px;
    margin-bottom: 30px;
}

/* ======================================================= */
/* KHỐI 2: KHẮC PHỤC LỖI MÀU CHO TIÊU ĐỀ KHỐI ("CÓ THỂ BẠN MUỐN XEM") */
/* ======================================================= */

/* Selector siêu mạnh mẽ cho H3 Tiêu đề khối (Nhắm vào ID cha và class) */
.single-post #at_posts_related h3.posts-section-title,
.single-post #at_posts_related h3 {
    color: #EFE0A0 !important; /* Màu vàng đồng */
    text-align: left !important;
}

/* Đảm bảo các phần tử con bên trong H3 cũng có màu vàng (nếu Flatsome dùng span) */
.single-post #at_posts_related h3 * {
    color: #EFE0A0 !important; 
}


/* ======================================================= */
/* KHỐI 3: ÁP DỤNG STYLE CHO TỪNG BÀI VIẾT CON (POST CARD) */
/* ======================================================= */

/* Bo góc trên cho ảnh */
#at_posts_related .post-item .box-image, 
.related-posts .post-item .box-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Style cho khu vực Text (Box Text) */
#at_posts_related .post-item .box-text, 
.related-posts .post-item .box-text {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 -2px 7px rgb(0 0 0 / 25%), inset 0 5px 6px rgb(0 0 0 / 25%);
    overflow: hidden;
    border: 1px solid #745812;
    background: linear-gradient(to right, rgb(0 0 0 / 0%) 0, #ffd00038 100%);
    padding: 20px 14px;
    background-color: transparent !important; 
}

/* ======================================================= */
/* KHỐI 4: KHẮC PHỤC LỖI MÀU CHO TIÊU ĐỀ BÀI VIẾT CON (CHỮ TRẮNG) */
/* ======================================================= */

/* Nhắm mục tiêu thẻ H5 và A bên trong Post Card */
#at_posts_related .post-item h5.post-title,
.related-posts .post-item h5.post-title {
    color: #ffffff !important; 
}

#at_posts_related .post-item h5.post-title a,
.related-posts .post-item .post-title a {
    color: #ffffff !important; /* Tiêu đề phải là TRẮNG */
    font-weight: normal;
    transition: color 0.3s;
}

/* Màu hover (Tùy chọn: Vàng đồng) */
#at_posts_related .post-item h5.post-title a:hover,
.related-posts .post-item .post-title a:hover {
    color: #EFE0A0 !important; 
}

/* Điều chỉnh màu cho mô tả ngắn */
#at_posts_related .post-item .box-text p,
.related-posts .post-item .box-text p {
    color: #EFE0A0 !important; /* Màu vàng đồng cho mô tả */
}

/* Đổi màu tất cả tiêu đề (H2, H3, H4, H5, H6) trong nội dung chi tiết bài viết sang màu trắng */

/* Nhắm mục tiêu vào tất cả các thẻ tiêu đề trong khu vực nội dung bài viết */
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
    color: #957035 !important; /* Màu trắng tinh */
    font-weight: bold; /* Tăng độ đậm để dễ nhìn hơn */
}

/* Tùy chọn: Nhắm mục tiêu vào H1 (tiêu đề bài viết chính) nếu nó chưa có màu trắng/vàng đồng */
/* Bạn đã đặt màu H1 là EFE0A0 trước đó, nên chúng ta giữ nguyên để nổi bật */
.single-post .entry-title {
    color: #EFE0A0 !important; 
}


/* ======================================================= */
/* TÙY CHỈNH NÚT CHỌN THUỘC TÍNH SẢN PHẨM (SWATCHES) */
/* (Mặc định sáng, Selected Nền Đỏ & Dấu Tích) */
/* ======================================================= */

/* 1. Style cơ bản cho tất cả các nút (Trạng thái bình thường) */
.product-info .ux-swatch {
    border: 1px solid #ddd; /* Viền xám sáng */
    padding: 6px 15px;
    margin: 4px 6px 4px 0;
    cursor: pointer;
    background-color: #ffffff; /* Nền trắng */
    color: #333333; /* Chữ xám đen */
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    position: relative; /* Quan trọng cho việc đặt dấu tích */
}

/* 2. Style khi di chuột (Hover) */
.product-info .ux-swatch:hover {
    border-color: #f77777; /* Viền đỏ nhạt khi hover */
}

/* 3. Style cho nút ĐÃ CHỌN (Trạng thái Selected) - Nền Đỏ và Chữ Trắng */
.product-info .ux-swatch.selected {
    border: 2px solid #ed1c24 !important; /* Viền Đỏ */
    background-color: #ed1c24 !important; /* Nền Đỏ */
    color: #ffffff !important; /* Chữ trắng */
    font-weight: bold;
    padding-right: 25px; /* Tăng padding bên phải để chừa chỗ cho dấu tích */
}

/* 4. Thêm DẤU TÍCH VÀNG GÓC PHẢI */
.product-info .ux-swatch.selected::after {
    content: "\2713"; /* Mã Unicode cho dấu tích */
    color: #EFE0A0; /* Màu vàng đồng */
    font-size: 16px;
    position: absolute;
    
    /* CÁC THAY ĐỔI VỀ VỊ TRÍ */
    bottom: 0px; /* Di chuyển xuống dưới cùng */
    right: 5px;  /* Đặt ở góc phải */
    top: auto;   /* Hủy thuộc tính top cũ */
    
    background-color: transparent; 
}