/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* css topbar */
div#top-bar {
    background-color: #0aacdd;
}
/* css header */
div#masthead {
    background-color: #fff;
}
input#woocommerce-product-search-field-0, input#woocommerce-product-search-field-1 {
    height: 40px;
    box-shadow: none;
    border: 1px solid #0aacdd;
	border-radius: 4px 0px 0px 4px;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background-color: #0aacdd;
    height: 40px;
	border: none;
	border-radius: 0px 4px 4px 0px;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0:before {
	content: "tìm kiếm";
	text-transform: capitalize;
	font-weight: 400;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 i {
    display: none;
}
.top_header_phone:before {
    content: "";
    font-family: 'fl-icons';
    width: 31px;
    height: 31px;
    border-radius: 50%;
    margin-right: 6px;
    left: -22px;
    float: left;
    position: absolute;
    text-align: center;
    margin-top: -4px;
}
.top_header_phone_1:before {
	border: 2px solid #0aacdd;
}
.top_header_phone_2:before {
	border: 2px solid #fff;
}
.top_header_phone_1 {
	border: 2px solid #0aacdd;
	color: #0aacdd;
	display: none;
}
.top_header_phone_2 {
	border: 2px solid #fff;
	color: #fff;
}
.top_header_phone {
    font-size: 16px;
    border-top-right-radius: 20px;
    border-left: 0;
    border-bottom-right-radius: 20px;
    padding: 0px 20px;
    position: relative;
    font-weight: 700;
    height: 27px;
}

/*csss nút đầu trang*/


/* css menu mega drop */
.sub-menu.nav-dropdown {
    border: none;
    border-radius: 8px;
    border-top: 2px solid #0697d8;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 6px 2px;
}
.sub-menu.nav-dropdown .row-menu-drop h5.uppercase.header-title {
    text-transform: inherit;
    font-size: 12px;
}
.sub-menu.nav-dropdown .row-menu-drop .text-menu span.ux-menu-link__text {
    color: #000;
    font-size: 14px;
}

.row-menu-drop .product-category.col {
    padding-bottom: 0;
}
.row-menu-drop .box.box-category .box-image {
    padding-top: 10px;
}
.row-menu-drop .box.box-category:hover {
    border-radius: 6px;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 6px 2px;
}

/* css mobile  */
/* css icon menu */
.mobile-nav .header-button a.icon.button.round.is-outline.is-small:hover {
    background: bottom;
    border: 1px solid #fff;
    color: #fff;
}
.mobile-nav .header-button a.icon.button.round.is-outline.is-small .icon-menu:before {
    content: "";
    font-size: 18px;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 80%;
    background-color: #fff;
    bottom: auto;
}
.off-canvas:not(.off-canvas-center) li.html {
    padding: 0;
}
.off-canvas .sidebar-menu {
    padding: 10px 0 0 0;
}
.mfp-content .col-menu-mobile {
    padding: 0px 4px 14px 4px;
}
.col-menu-mobile .icon-box-img {
    margin-bottom: 4px;
}

/* css main menu mobile */
.mfp-content .nav-vertical > li+li {
    border: none;
}
.mfp-content ul li a {
    font-size: 14px;
    font-weight: 200;
    color: #000;
    text-transform: capitalize;
}
.mobile-sidebar .nav-vertical>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 10px;
}
.mobile-sidebar li.has-icon-left>a>img {
	margin-right: 12px;
}

.sidebar-menu.no-scrollbar {
    padding-top: 0;
}
.mobile-sidebar li.html.custom.html_topbar_left {
    padding: 0;
}
.info_login.width_common img {
    width: 50px;
    position: absolute;
    left: 10px;
    top: 10px;
}
.info_login.width_common {
    padding: 27px 10px 10px 70px;
    background: #0aacdd;
    background-size: cover;
    min-height: 80px;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 10px solid #eaeaea;
}
.info_login.width_common span, .info_login.width_common span a {
    color: #fff;
}

/* css trang chủ */
/* css tiêu đề */
.titile-pro h3 {
	border-bottom: 2px solid #0aacdd;
	margin-bottom: 0;
}
.titile-pro h3 span {
	border: none;
}
.titile-pro h3 span {
	width: auto;
    background-color: #0aacdd;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 4px 10px 0;
    position: relative;
    margin: 0;
}
.titile-pro h3 span:after {
    border: 15px solid transparent;
    border-left-color: #0aacdd;
    border-bottom-color: #0aacdd;
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
}
.titile-pro a {
    color: #0aacdd;
}

/* css section banner */
.section-slider {
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 6px 2px;
}
.section-slider img.attachment-large {
    border-radius: 10px;
}

/* css section danhmuc */
/* css category */
.product-category.col .col-inner {
    box-shadow: rgb(60 64 67 / 20%) 0px 1px 1px 0px, rgb(60 64 67 / 10%) 0px 1px 2px 1px;
}
.product-category.col:hover .col-inner {
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 6px 2px;
}
.product-category.col .col-inner .box-text.text-center {
    padding-left: 2px;
    padding-right: 2px;
}
/* mobile */
.cate-mobile {
    padding-left: 6px !important;
    padding-right: 6px !important;
}
.cate-mobile .product-category.col {
    padding: 4px;
}
.cate-mobile .product-category.col h5 {
    font-weight: 300;
    font-size: 13px;
	font-weight: 400;
}
.cate-mobile .box-text.text-center {
    padding-left: 4px;
    padding-right: 4px;
}

/* css mỗi sản phẩm */
.choose-quantity-text {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    color: #333; /* Màu chữ */
}

.product-small.col span.price del span{
    margin: 0;
}
.product-small.col span.price ins bdi, .product_list_widget ins span.amount bdi {
    font-size: 16px;
    color: #0aacdd;
    font-family: Tahoma,Arial,sans-serif;
}
.product-small.col a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 15px;
    font-family: Tahoma,Arial,sans-serif;
	color: #000;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.product-small.col .ux-swatch.ux-swatch--image {
    border: 1px solid #000;
    box-shadow: 0px 0px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 3px;
}
.product-small.col .ux-swatch.ux-swatch--image.selected {
    box-shadow: 0px 0px;
    border: 1px solid #ff6600;
    color: #ff6600;
}

.product-small.col .badge-container.top {
    right: 8px;
    top: auto;
}
.product-small.col .badge-container.left {
    bottom: 7px;
    left: unset;
}
.product-small.col .badge {
	height: 1em;
    width: 2.1em;
}
.product-small.col .badge-inner.secondary.on-sale {
    background: bottom;
    border-radius: 4px;
    font-size: 12px;
	line-height: 10px;
}
.product-small.col .badge-inner.secondary.on-sale span {
    color: #fa6400;
}
.product-small.col .price del {
	width: 36%;
    float: left;
}
.product-small.col .price ins {
    width: 50%;
    float: left;
}
.buynow-pro {
	border: 1px solid #0aacdd;
	border-radius: 4px;
	text-align: center;
	margin-top: 6px;
	padding: 2px 0;
}
.buynow-pro a {
	color: #0aacdd;
}

/* css section-sp section-3 */
.section-sp ul.product_list_widget li {
    margin-left: 0;
}


/* css section-4 section-tab */

.tab-sp h4 {
	width: 30%;
    float: left;
    margin-bottom: 0;
    align-items: center;
    display: flex;
    color: #fff;
    font-weight: 300;
    background-color: #0aacdd;
    padding-left: 15px;
}
.tab-sp ul.nav {
	width: 70%;
    float: left;
    background-color: #0aacdd;
}
.tab-sp ul.nav li {
    margin: 0
}
.tab-sp ul.nav li a {
    padding-left: 10px;
    padding-right: 10px;
}
.tab-sp ul.nav li a span {
    color: #fff;
    font-weight: 300;
}
.tab-sp ul.nav li.active a, .tab-sp ul.nav li:hover a {
    background-color: #087fa3;
}


/* css section-5 section review,cauhoi */
.title-review h2, .title-cauhoi h2 {
    text-align: center;
    color: #0aacdd;
	font-size: 30px;
}
.cauhoi p {
    background-color: #edf9f8;
    padding: 12px;
    border-radius: 8px;
}
.cauhoi .accordion-inner {
    padding: 0;
}
.cauhoi a.accordion-title.plain.active, .cauhoi a.accordion-title.plain:hover {
    background: bottom;
    color: #fa6400;
    font-weight: 300;
}
.cauhoi a.accordion-title.plain {
    padding-right: 0;
}

/* css footer */
.footer-widgets.footer.footer-2.dark {
    background-color: #222222;
	padding: 0;
	margin: 0;
}
.row-footer .col-footer ul li {
    margin-left: 0;
}
.row-footer .col-footer ul li::before {
    content: "";
    font-family: fl-icons;
    padding-right: 6px;
    vertical-align: top;
}
/* css end footer */


/* css chi tiết sản phẩm -huu sua*/
#promo-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1px;
    padding: 10px;
    background-color: #000;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.promo-left {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 50% 50%;
    gap: 0;
    max-width: 60%;
    padding-left: 5px;
    border-radius: 8px;
}

.promo-label {
    text-align: right;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    border-right: 2px solid #808000;
    padding-right: 5px;
}

.promo-price-old {
    text-align: left;
    font-size: 12px;
    color: #fff;
    text-decoration: line-through;
    padding-left: 5px;
}

.promo-price-new {
    text-align: left;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding-left: 5px;
}

.promo-right {
    text-align: center;
    align-self: center;
}

.promo-right a {
    display: inline-block;
    background-color: #C81F17;
    color: #fff;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    border-radius: 20px;
    width: auto;
}
.datmuangay {
    width: 60%;
    display: inline-block;
    margin: 0;
    padding: 10px;
    border: 1px solid black;
    background-color: #C81F17;
    border-radius: 30px;
}

.black-table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
    background-color: #242424;
}
.policy-cell-one {
    font-size: 20px;
    border: none;
    text-underline-offset: 7px;
    text-align: center;
    color: white;
    text-decoration: underline;
    text-decoration-color: red;
    padding: 10px 0px 10px 0px;
}
.chatluong {
    padding: 5px;
    border: none;
}
.chatluong-one {
    width: 95%;
    background-color: #fff;
    border: none;
    border-radius: 50px;
    text-align: center;
    margin: auto;
}
.chatluong-two {
    width: 20%;
    padding: 0px;
    border: none;
    text-align: center;
}
.chatluong-three {
    padding: 0;
    text-align: center;
    margin: 0;
    border: none;
}

.chatluong-four {
    font-size: 13px;
    text-align: left;
    border: none;
    color: black;
    font-weight: bold;
}

.chatluong-five {
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    color: #525252;
    border: none;
}
.tratien {
    padding: 5px;
    border: none;
}
.tratien-one {
    width: 95%;
    background-color: #fff;
    border: none;
    border-radius: 50px;
    text-align: center;
    margin: auto;
}
.tratien-two {
    width: 20%;
    padding: 0px;
    border: none;
    text-align: center;
}
.tratien-three {
    padding: 0;
    text-align: center;
    margin: 0;
    border: none;
}

.tratien-four {
    font-size: 13px;
    padding-top: 5px;
    text-align: left;
    border: none;
    color: black;
    font-weight: bold;
}

.tratien-five {
    padding-bottom: 3px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    color: #525252;
    border: none;
}
.kiemtra {
    padding: 5px;
    border: none;
}
.kiemtra-one {
    width: 95%;
    background-color: #fff;
    border: none;
    border-radius: 50px;
    text-align: center;
    margin: auto;
}
.kiemtra-two {
    width: 20%;
    padding: 0px;
    border: none;
    text-align: center;
}
.kiemtra-three {
    padding: 0;
    text-align: center;
    margin: 0;
    border: none;
}

.kiemtra-four {
    font-size: 13px;
    padding-top: 5px;
    text-align: left;
    border: none;
    color: black;
    font-weight: bold;
}

.kiemtra-five {
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    color: #525252;
    border: none;
}
.doitra {
    padding: 5px;
    border: none;
}
.doitra-one {
    width: 95%;
    background-color: #fff;
    border: none;
    border-radius: 50px;
    text-align: center;
    margin: auto;
}
.doitra-two {
    width: 20%;
    padding: 0px;
    border: none;
    text-align: center;
}
.doitra-three {
    padding: 0px;
    text-align: center;
    margin: 0;
    border: none;
}

.doitra-four {
    font-size: 13px;
    padding-top: 5px;
    text-align: left;
    border: none;
    color: black;
    font-weight: bold;
}

.doitra-five {
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    color: #525252;
    border: none;
}
.otrong {
    font-size: 20px;
    border: none;
    text-underline-offset: 7px;
    text-align: center;
    color: white;
    text-decoration: underline;
    text-decoration-color: red;
    padding: 5px 0px 10px 0px;
}
.banggia {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin-top: 5px;
    padding: 0px;
    margin-bottom: 8px;
}

.banggia-one {
    padding: 1px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: none;
    width: 39%;
    background-color: #C81F17;
    color: #fff;
}

.banggia-two {
    padding: 1px;
    text-align: center;
    width: 2%;
    border: none;
    background-color: #fff;
    color: #000;
}

.banggia-three {
    padding-left: 10px;
    text-align: left;
    font-size: 14px;
    width: 60%;
    border: none;
    background-color: #545454;
    color: #fff;
}

.banggia-four {
    text-decoration: line-through;
    border: none;
}
.mienphiship {
    width: 75%;
    border-collapse: collapse;
    border: none;
    margin: 0 auto;
    margin-bottom: 10px;
}

.mienphiship-one {
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    border: none;
    width: 39%;
    background-color: #545454;
    color: #fff;
    border-radius: 20px;
}
.sell-button {
    padding: 12px 0px 0px 0px;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hieuung {
    display: flex;
    align-items: center;
    font-size: 16px;
    gap: 10px;
    padding: 0;
}

.hieuung-one {
    display: flex;
    align-items: center;
    animation: blink 1s infinite;
}

.hieuung-two {
    padding: 0 8px 0 8px;
    background-color: #c81f17;
    color: white;
    border-radius: 14px;
    font-weight: bold;
    font-size: 14px;
	height: 95%;
}

.hieuung-three {
    font-size: 14px;
    font-weight: normal;
}
.tientrinh {
    width: 100%;
    height: 10px;
    appearance: none;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-top: 5px;
}
.chinh-sach-all {
    border: none;
	padding: 0 0 5px 0;
}
.cs-chung {
    border: none;
    font-size: 14px;
    line-height: 1.6;
	background-color: none;
    color: white;
}
.chinhsach {
    width: 95%;
    background-color: none;
    border: none;
    margin: auto;
}
.chinhsach-one {
    padding: 0;
    text-align: center;
    margin: 0;
    border: none;
	
}

.bangsale {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    margin-top: 5px;
}
.bangsale-one {
    display: flex;
    background-color: #C81F17;
}
.bangsale-one-one {
    width: 50%;
    text-align: center;
}

.bangsale-one-two {
    margin-left: 25px;
    margin-top: 5px;
    max-width: 100%;
    display: block;
    height: auto;
    max-width: 60%;
    transform: rotate(10deg);
}

.bangsale-one-three {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0px;
    cursor: pointer;
    color: white;
}
.bangsale-two {
    width: 50%;
}
.thoigian {
    width: 30%;
    margin: 15px 0px 10px 0px;
    text-align: center;
    color: white;
}

.thoigian-one,
.thoigian-two,
.thoigian-three,
.thoigian-four {
    width: 25%;
    font-weight: normal;
    color: white;
    border: none;
    text-align: center;
    margin: 2px;
}

.thoigian-five,
.thoigian-six,
.thoigian-seven,
.thoigian-eight {
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding: 2px;
}
.dangkydat {
    background-color: #242424;
    font-weight: bold;
    color: white;
    padding: 8px 30px;
    font-size: 21px;
    font-family: Arial, sans-serif;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.dienthongtin {
    color: #8E8E8E;
    font-size: 14px;
}
.buy-now-button {
    position: fixed;
    bottom: 10px;
    right: 20px;
    padding: 3x 30px;
    font-size: 16px;
    background-color: #C81F17;
    color: white;
    border: 0.5px solid #FFFF66;
    border-radius: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 9999;
}

.buy-now-button:hover {
    background-color: #C0392B;
}

/* sửa css tên sản phẩm*/


/* css số lượng đánh giá và mã sản phẩm */
/* Style cho link đánh giá */
a.woocommerce-review-link {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}

/* Style cho dòng chữ "Đã bán" */
span.ma-sanpham {
    font-size: 14px;
    color: red;
    font-weight: 700;
    text-decoration: underline;
}
.star-rating span:before, .stars a:hover:after, .stars a.active:after, .star-rating:before, .woocommerce-page .star-rating:before {
	color: #ffd700;
	font-size: 14px;
}
.danhgia-table {
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #EEEEEE;
    border-collapse: collapse;
    font-size: 18px;
}
.danhsao {
    padding: 5px;
    text-align: center;
    font-size: 16px;
    width: 40%;
}
.average-rating {
    font-size: 14px;
    color: #000;
    margin-left: 1px;
    text-decoration: underline;
}
.qtydanhgia {
    padding: 5px;
    text-align: center;
    font-size: 16px;
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
}
.qtydaban {
    padding: 5px;
    text-align: center;
    font-size: 16px;
    width: 35%;
}
.title-mota1 {
    border-bottom: 2px solid #000;
    width: 95%;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.danhgiasp {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    border-bottom: 2px solid red;
    text-underline-offset: 3.5px;
}
.woocommerce-tabs.wc-tabs-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#load-more-reviews {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    text-transform: none;
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: underline;
}
.review-form-toggle {
    height: auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.toggle-review-button {
    height: auto;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
    background: transparent;
    border: 1px solid #ddd;
    color: black;
    text-transform: none;
}
.review-form-wrapper {
    height: auto;
    padding: 0;
}
.review-form {
    height: auto;
    padding: 0;
}
.review-form-inner {
    display: none;
}

.has-border-old {
    /* Các thuộc tính CSS cho class này nếu có */
}
.chitietsanpham {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 98%;
}
.chitietsp {
    font-size: 18px;
    color: #000;
    border-bottom: 2px solid red;
    text-underline-offset: 3px;
}

/* css giá biến thể */
.price-same {
    padding-bottom: 5px;
}
.giaban {
	margin-bottom: 5px;
   font-style: italic;

}
.giaban .giabanchinh bdi {
    font-size: 21px;
	color: #CA2018;
	font-style: italic;

}
.giabanchinh {
font-weight: bold;

}
.giaban span.baogom-vat {
    font-size: 14px;
	color: #CA2018;
	font-weight: bold;
}
p.thitruong-tietkiem {
	margin-bottom: 10px;
}
p.thitruong-tietkiem span {
    font-weight: 400;
    font-size: 15px;
}
p.thitruong-tietkiem span.phantram {
    color: #ff6600;
}

/* css thuộc tính biến thể */
.ux-swatch.tooltip.ux-swatch--image.selected.tooltipstered, .ux-swatch.tooltip.ux-swatch--label.selected.tooltipstered {
    box-shadow: 0px 0px;
    border: 1px solid #ff6600;
    color: #ff6600;
}
.ux-swatch.tooltip.ux-swatch--image.tooltipstered, .ux-swatch.tooltip.ux-swatch--label.tooltipstered {
    border: 1px solid #000;
    box-shadow: 0px 0px;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 3px;
}

table.variations {
    margin: 0px;  /* Loại bỏ margin của bảng */
	border: 1px solid #EEEEEE;
	padding-bottom: 0px;
}

table.variations tbody td label {
    font-size: 15px;
}

/* css form thêm vào giỏ */
.product-main .product-info.summary .quantity .button.minus,.shop-container .product-main .product-info.summary .quantity .button.plus {
	width: 40px;
    height: 40px;
    border-radius: 8px !important;
    background-color: #0aacdd;
    margin-right: 8px;
    border: 0px;
    font-weight: bold;
    text-shadow: 0px 0px #ff000000;
    color: #fff;
	
}
.product-main .product-info.summary .quantity input[type="number"] {
    height: 40px;
    width: 44px;
    border-radius: 8px !important;
    border: 1px solid #0aacdd;
    box-shadow: none !important;
    max-width: 48px;
    font-weight: bold;
    margin-right: 8px;
}
/* css button mua ngay và thêm vào giỏ */
p.title-muangay {
    margin: 0px;
    font-size: 14px;
	
}
span.text-muangay {
    font-size: 12px;
    font-weight: 500;
	line-height: 0px;
}
#buy_now_button {
	background-color: #C81F17;
	border: 1px solid #808000;
    width: 60%;
    border-radius: 30px;
    line-height: initial;
    display: inline-block;
    margin: 0;
    padding: 10px;
	font-size: 16px;
}

button.single_add_to_cart_button.button.alt {
    background-color: #0aacdd;
    font-size: 13px;
    border-radius: 4px;
	opacity: 1;
}
.single-product button.single_add_to_cart_button.button.alt {
	padding-top: 4px;
    padding-bottom: 3px;
}

/* css shipnow HN - HCM 
.shippnow {
    border-top: 1px dashed #ddd;
    padding: 10px 0 0;
}
p.shipnow-title-pc b {
    background-image: url(/wp-content/uploads/2021/09/deliverynowmyapham.png);
    background-repeat:  no-repeat;
    background-size: contain;
    padding-left: 48px;
}
p.shipnow-title-mobile b {
    background-image: url(/wp-content/uploads/2021/09/icon_nowfree.png);
    background-repeat: no-repeat;
    background-size: 76px;
    padding-left: 82px;
    background-position: left;
}
p.shipnow-title-pc, p.shipnow-title-mobile {
    font-size: 15px;
	margin-bottom: 8px;
}
*/
/* css button gallery */
.badge-container.is-larger.absolute.left.top.z-1 {
    display: none;
}
.single-product .flickity-slider .col img {
    opacity: 1;
}
a.button.is-outline.circle.icon.button.product-video-popup.tip-top.tooltipstered, a.zoom-button.button.is-outline.circle.icon.tooltip.hide-for-small.tooltipstered {
    border: 2px solid #466082;
}
a.button.is-outline.circle.icon.button.product-video-popup.tip-top.tooltipstered i, a.zoom-button.button.is-outline.circle.icon.tooltip.hide-for-small.tooltipstered i {
    color: #466082;
}
a.button.is-outline.circle.icon.button.product-video-popup.tip-top.tooltipstered:hover i, a.zoom-button.button.is-outline.circle.icon.tooltip.hide-for-small.tooltipstered:hover i {
    color: #fff;
}

.single-product .product-info, .single-product .product-main {
	padding-bottom: 0;
}
.single-product form.variations_form.cart {
	margin: 0 auto; /* Căn giữa theo chiều ngang */
    text-align: center; /* Căn giữa nội dung bên trong */
    margin-bottom: 0; /* Khoảng cách phía dưới */
    width: 100%; /* Đảm bảo form không bị bó hẹp */	
	border: 2px solid #C81F17; 
}
form.variations_form.cart {
    margin: 0 !important;
}

/* css mô tả sản  phẩm */
.product-footer {
    margin-top: 20px;
}

.product-footer .woocommerce-tabs {
	border: none;
	padding: 0;
}

/* css form comment */
.single-product div#tab-reviews {
    margin-top: 5px;
}
.single-product #commentform input#submit {
    background-color: #0aacdd;
    border-radius: 4px;
	border: none;
}
.single-product textarea#comment {
    min-height: 80px;
	padding: 0px
}
#commentform input, #commentform textarea {
    border-radius: 6px;
    box-shadow: 0px 0px;
    border: 1px solid #000;
}
.single-product .commentlist  strong.woocommerce-review__author:after {
    background: transparent url(/wp-content/uploads/2021/09/icon-confirm.png) no-repeat center center;
    background-size: contain;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    display: inline-block;
    content: "";
}

.single-product .commentlist strong.woocommerce-review__author {
    align-items: center;
    display: inline-flex;
}
.single-product .commentlist span.woocommerce-review__dash {
    display: none;
}
.single-product .commentlist .star-rating {
    font-size: 14px;
    float: left;
    margin-right: 12px;
}
.single-product .commentlist time.woocommerce-review__published-date:before {
    content: "Đã mua hàng tại gman.vn - ";
    color: #52b858;
}
.single-product .commentlist time.woocommerce-review__published-date {
    font-size: 14px;
}
.single-product .commentlist img {
    width: 70%;
}
.single-product .commentlist .comment-text.flex-col.flex-grow {
    padding-left: 0;
	margin-bottom: 0px;
}
.single-product .commentlist .description p {
    font-style: normal;
	margin: 0;
}

.commentlist {
	margin-bottom: 0;
}
ol.commentlist li {
    margin-left: 0;
    padding: 0 !important; /* Bỏ padding cho từng mục trong danh sách */

}

/* css sản phẩm liên  quan */
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    margin: 0;
    width: 100%;
}

/* end css chi tiết sản phẩm */


/* css trang cửa hàng sản phẩm - shop */
/* css breadcrumbs */

.page-title-inner {
	min-height: 0;
	padding: 14px 0 14px 0;
}
.page-title.shop-page-title.product-page-title {
/*     box-shadow: inset 0 1px 3px 1px #e9e9e9; */

	background: #f9f7f7;
}
.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: #466082;
	font-size: 14px;
}


/* end css trang cửa hàng sản phẩm - shop */



/* css trang giỏ hàng */
.woocommerce-cart #main {
    background-color: #f2f1f6;
}

.cart-left .woocommerce-cart-form .cart-wrapper, .cart-right .cart-sidebar.col-inner {
    background-color: #fff;
    padding: 15px 20px;
}
.cart-left thead tr th {
    font-size: 14px;
    text-transform: inherit;
    font-weight: 400;
}
.woocommerce-cart a.checkout-button.button.alt.wc-forward, .woocommerce-cart button.button.primary.mt-0.pull-left.small, button#place_order {
    background-color: #ff6600;
    border-radius: 4px;
}
.woocommerce-cart a.button-continue-shopping.button.primary.is-outline, .woocommerce-cart input.is-form.expand {
    background-color: #2058a1;
    color: #fff;
    border: none;
    border-radius: 4px;
    line-height: 35px;
}

input#coupon_code {
    box-shadow: 0px 0px #326e51;
    border-radius: 4px;
    border: 1px solid #326e51;
}

/* thay icon xóa sản phẩm */
.woocommerce a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}
.woocommerce a.remove:before, .woocommerce a.remove:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}
.woocommerce a.remove:before{
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}
.woocommerce a.remove:after{
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}
.woocommerce a.remove:hover:before{
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}
.woocommerce a.remove:hover {
    background: transparent;
}



/* end css trang giỏ hàng */


/* 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 {
	box-shadow: none;
}
.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 #8bbea5;
}
.woocommerce-checkout .woocommerce-billing-fields {
    padding-top: 15px;
    border-top: 4px solid #8bbea5;
}
/* end css trang thanh toán - checkout */


/* css trang theo dõi đơn hàng */
.page-id-580 #main {
    background-color: #fff;
}
.page-id-580 input#orderid, input#order_email {
    box-shadow: 0px 0px;
}
.page-id-580 button.button {
    background-color: #0aacdd;
    border-radius: 4px;
}
/* end css theo dõi đơn hàng */

/* css trang tài khoản */
.woocommerce-account main#main {
    background-color: #fff;
}
.woocommerce-account .dashboard-links a:hover {
    background-color: #0aacdd;
}
/* end css trang tài khoản */


/* css trang chi tiết đơn hàng */
a.woocommerce-button.button.view {
    background-color: #326e51;
    border-radius: 4px;
}
/* end css trang chi tiết đơn hàng */

@media (max-width: 1080px) {
	div#wide-nav ul.header-nav li a.nav-top-link {
		padding: 8px 15px;
	}
}

@media (min-width: 1024px) {
	/* 	css trang giỏ hàng */
	.woocommerce-cart td.product-name {
		width: 45%;
	}
	.woocommerce-checkout td.product-name {
		width: 70%;
	}
}

@media (max-width: 992px) {
	/* 	css header */
	
	.top_header_phone_2 {
		display: none;
	}
	.top_header_phone_1 {
		display: block;
	}
}

@media (min-width: 850px) {
	/* 	css trang giỏ hàng */
	.row-divided>.col+.col:not(.large-12) {
		border-left: none;
	}
	.cart-left.col {
		padding-right: 12px;
	}
	.cart-right.col {
		padding-left: 12px;
	}
}


@media (min-width: 768px) {
	/* 	css chi tiết sản phẩm */
	p.shipnow-title-mobile {
		display: none;
	}
	/* 	css trang thanh toán  - checkout */
	.woocommerce-checkout p#billing_phone_field, .woocommerce-checkout p#billing_email_field {
		width: 48%;
		float: left;
	}
	.woocommerce-checkout p#billing_phone_field {
		margin-right: 4%;
	}
	.woocommerce-checkout p.form-row-wide {
		clear: inherit;
	}
}

@media (max-width: 768px) {
	#masthead .flex-left .button.icon.is-small {
		border: 1px solid #0aacdd;
		color: #0aacdd;
	}
	/* 	css header */
	div#wide-nav {
		background-color: #fff;
		box-shadow: 0px 0px;
	}
	/* 	css chi tiết sản phẩm */
.product-title.product_title.entry-title {
        color: black;
    }
	h2.product-title.product_title.entry-title {
		font-size: 18px;
		font-weight: 700;
		color: #000;
		margin: 0px;
		
	}
	p.shipnow-title-pc {
		display: none;
	}
	/* 	css trang cửa hàng sản phẩm - shop */
	nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
		text-align: left;
		padding-left: 15px;
	}

	/* css section-4 section-tab */
	.tab-sp ul.nav {
		width: 100%;
		justify-content: flex-start;
	}
	.tab-sp h4 {
		display: none;
	}
}

@media (max-width: 549px) {
	/* 	css trang giỏ hàng */
	.cart-left .woocommerce-cart-form .cart-wrapper, .cart-right .cart-sidebar.col-inner {
		background-color: #fff;
		padding: 10px;
	}
	/* 	css section-5 section review, cauhoi */
	.cauhoi a.accordion-title.plain {
		font-size: 15px;
	}
}

@media (max-width: 375px) {
	/* css section-4 section-tab */
	.tab-sp ul.nav li a {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
/* 	css section danhmuc */
	.cate-mobile .product-category.col h5 {
		font-size: 11px;
	}
}


@media (max-width: 320px) {
	/* css section-4 section-tab */
	.tab-sp ul.nav li a {
		padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
	}
	/* 	css cửa hàng sản phẩm - shop */
	.product-small.col .price del {
		width: 42%;
	}
	.product-small.col .badge-container.top {
		right: 0px;
		top: auto;
	}
/* 	css title danh mục */
	.titile-pro h3 span {
		font-size: 15px;
	}
}
.giathitruong del {
    text-decoration: line-through;
}
.before-title {
    margin: 0; /* Đặt margin thành 0 để loại bỏ khoảng cách ngoài */
    padding: 0; /* Đảm bảo không có padding gây thêm khoảng cách */
    font-size: 14px; /* Kích thước chữ có thể tùy chỉnh */
	font-weight: 700;
    color: black; /* Màu chữ */
}
.after-title {
    margin-bottom:5px; /* Đặt margin thành 0 để loại bỏ khoảng cách ngoài */
    padding: 0; /* Đảm bảo không có padding gây thêm khoảng cách */
    font-size: 14px; /* Kích thước chữ có thể tùy chỉnh */
	font-weight: 700;
    color: black; /* Màu chữ */
	
}

.single-cell-table {
  border: 1px solid black; /* Viền bảng */
  border-collapse: collapse; /* Kết hợp các viền của bảng */
	background-color: #fff;
}

.single-cell-table td {
  text-align: center; /* Căn giữa nội dung trong ô */
  vertical-align: middle; /* Căn giữa theo chiều dọc */
  background-color: black; /* Màu nền của ô */
  color: white; /* Màu chữ */
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.blink-effect {
    display: flex;
    align-items: center;
    animation: blink 1s infinite;
}

.blink-effect svg {
    width: 20px;
    height: 20px;
}

.blink-effect span {
    font-size: 16px;
}
.comment-text p {
    margin: 0px; /* Thêm khoảng cách dưới phần nhận xét */
	
}
.single-product .single_add_to_cart_button {
    display: none;
}
.commentlist li {
    margin: 0; /* Bỏ margin cho các item trong commentlist */
}

.comment_container {
    margin: 0; /* Bỏ margin cho từng comment container */
}
.description p {
    margin-bottom: 10px;
}
.product-footer {
    margin-top: 0px;
}
input::placeholder {
    display: none;
}
.reset_variations {
    margin-top: 0px; /* Khoảng cách phía trên */
    margin-bottom: 0px; /* Khoảng cách phía dưới */
    padding: 5px; /* Tạo khoảng trống bên trong nút */
    border: 1px solid #ccc; /* Thêm đường viền cho nút */
    border-radius: 1px; /* Bo tròn góc nút */
    background-color: #f9f9f9; /* Màu nền nút */
    cursor: pointer; /* Hiển thị trỏ chuột khi hover */
    display: inline-block; /* Giữ đúng kích thước nút */
}


/* CSS cho hiển thị thông báo ở góc trên bên trái */
#fake-order-notifications {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 9999;
    font-family: 'Arial', sans-serif;
    color: #ffffff;
    overflow: hidden; /* Đảm bảo không bị tràn khi có nhiều thông báo */
}

.fake-order-notification {
    background-color: rgba(236, 236, 236, 0.85);
    color: #ffffff;
    padding: 10px;
    border-radius: 30px;
    font-size: 14px;
    transform: translateY(-100%); /* Đặt thông báo ra ngoài màn hình phía trên */
    opacity: 0; /* Ban đầu thông báo sẽ trong suốt */
    transition: transform 2s ease-in-out, opacity 2s ease-in-out; /* Tạo hiệu ứng di chuyển và làm mờ trong 2s */
}

.fake-order-notification.show {
    transform: translateY(0); /* Khi có class 'show', thông báo di chuyển vào màn hình */
    opacity: 1; /* Làm thông báo hiện rõ */
	padding: 0;
}

.notification-content {
    width: 100%;
    border-collapse: collapse;
}

.notification-content .order-row {
    padding: 10px;
    vertical-align: middle;
}

.notification-content .order-avatar-cell {
    text-align: left;
    padding: 0;
    border: none;
}

.notification-content .order-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.notification-content .order-info-cell {
    text-align: left;
    padding: 1px 40px 1px 5px;
    border: none;
}

.notification-content .order-info {
    font-size: 12px;
    display: block;
    margin-bottom: 0px;
    color: #000;
    font-weight: normal;
}
/* Kiểu cho ô Họ và Tên */
#billing_first_name {
    /* Các thuộc tính CSS cho ô này */
	width: 98%;
	margin-bottom: 8px;
 border: 1px solid #C0C0C0;
 border-radius: 4px;
	padding: 6px 12px 6px 12px;
}

/* Kiểu cho ô Địa Chỉ */
#billing_address_1 {
    /* Các thuộc tính CSS cho ô này */
	width: 98%;
	margin-bottom: 8px;
	 border: 1px solid #C0C0C0;
	border-radius: 4px;
	padding: 6px 12px 6px 12px;
}

/* Kiểu cho ô Số Điện Thoại */
#billing_phone {
    /* Các thuộc tính CSS cho ô này */
	width: 98%;
	margin-bottom: 8px;
	 border: 1px solid #C0C0C0;
	border-radius: 4px;
	padding: 6px 12px 6px 12px;
}


/* Kiểu cho ô Ghi Chú */
#billing_order_note {
    /* Các thuộc tính CSS cho ô này */
	width: 98%;
	margin-bottom: 8px;
	 border: 1px solid #C0C0C0;
	border-radius: 4px;
	padding: 6px 12px 6px 12px;
}
.custom-input::placeholder {
    color: #536585;  /* Màu chữ cam cho placeholder */
}
h4.uppercase.text-center {
 margin-bottom: 5px;
color: #AB5A5A;
}
.ux-swatch-selected-value {
	color: #003366;
	font-weight: bold;
	text-decoration: underline; /* Gạch chân */
	font-size: 18px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}