/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/*:root {*/
/*		--mainColor: #1a51a2;*/
/*		--subColor: #6dbd45;*/
/*		--hover: #6dbd45;*/
/*		--textColor: #000000;*/
/*		--price: #d31100;*/
/*		--bgHeader: #1a51a2;*/
/*		--txtHeader: #ffffff;*/
/*		--bgBodySub: #e4efff;*/
/*		--bgincol: linear-gradient(to right, #ea4420, rgba(234, 68, 32, 0.8), rgba(234, 68, 32, 0.3), rgba(234, 68, 32, 0));*/
/*		--textorder: #be1f2e;*/
/*		--bgBodySub: #e4efff;*/
/*	}*/


  :root {
    --cs-rows: 2;              
    --cs-cols: 5;              
    --cs-gap: 28px;  
	--cs-box-w: 215px;
  }
  @media (max-width: 1024px) { 
	  :root { 
		  --cs-cols: 3; 
		  --cs-box-w: 215px;
		  --cs-gap: 28px; 
	  } 
	}
  @media (max-width: 640px)  { 
	  :root { 
		  --cs-cols: 2;
		  --cs-box-w: 150px;
		  --cs-gap: 12px; 
	  } 
  }


.cs-slider-2row {
  .splide__track { 
    overflow: hidden; 
    margin-left: calc(var(--cs-gap) / -2);
  }

  .splide__list {
    display: grid !important;
  	grid-auto-flow: column;
  	grid-template-rows: repeat(var(--cs-rows), auto);
  	grid-auto-columns: var(--cs-box-w); 
    gap: var(--cs-gap);
  }

  /* Reset width mà Splide tự set trên từng slide */
 .splide__slide {
    width: auto !important;
    margin: 0 !important;
  }

  /* Arrows & pagination */
  .splide__arrow {
    width: 42px; height: 42px; opacity: 1;
  }
  .splide__arrow svg { fill: var(--ink); }
  .splide__arrow:hover svg { fill: #0e0d0b; }
  .splide__arrow--prev { left: -8px; }
  .splide__arrow--next { right: -8px; }

  .splide__pagination { bottom: -36px; }
  .splide__pagination__page.is-active { transform: scale(1.4); }

}
	
	#modal-banner {
		bottom: 0;
		left: 0;
		overflow-x: auto;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0 !important;
		z-index: 9999;
	}

	#modal-banner .modal-banner-promo {
		position: absolute;
		width: 400px;
		top: 50%;
		left: 50%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
		transform: translate(-50%, -50%);
		background-color: transparent;
		z-index: 8011;
	}

	#modal-banner .modal-banner-promo .modal-body {
		position: relative;
		width: 100%;
		opacity: 0;
		animation-delay: 0.2s;
		animation-duration: 0.3s;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		animation-name: popup-fade-in-up;
		aspect-ratio: 400/566; /* Thay thế 400/400 nếu dùng trong HTML thì xử lý bằng JS hoặc inline style */
	}

	#modal-banner .modal-banner-promo .modal-body img.lazyload {
		opacity: 0;
		background: transparent !important;
	}

	#modal-banner .modal-banner-promo .modal-body img.lazyload.loaded {
		opacity: 1;
		background: transparent;
	}

	#modal-banner .modal-banner-promo .modal-body form {
		margin: 0px;
	}

	#modal-banner .modal-banner-promo .modal-body form a.banner-promotion {
		display: flex;
		background: #ddd;
		border-radius: 10px;
	}

	#modal-banner .modal-banner-promo .modal-body form a.banner-promotion img {
		width: 100%;
		border-radius: 10px;
	}

	#modal-banner .modal-banner-promo .modal-body form .check-close {
		display: flex;
		align-items: center;
		color: #fff;
		justify-content: center;
		margin-top: 12px;
	}

	#modal-banner .modal-banner-promo .modal-body form .check-close input {
		display: inline-block;
		background: #fff;
		width: 20px;
		height: 20px;
		opacity: 1;
		position: relative;
		top: inherit;
		left: inherit;
		margin-right: 8px;
		cursor: pointer;
	}

	#modal-banner .modal-banner-promo .modal-body form .check-close label {
		margin: 0px;
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	}

	@media (max-width: 767px) {
		#modal-banner .modal-banner-promo {
			width: calc(100% - 40px);
		}
	}

	#modal-banner .modal-banner-promo .modalbanner-close {
		background-color: var(--mainColor);
		border-radius: 10px;
		height: 30px;
		width: 30px;
		position: absolute;
		text-align: center;
		top: 0;
		right: 0;
		color: #fff;
		opacity: 1;
		font-weight: normal;
		text-shadow: none;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		float: none;
	}

	#modal-banner .modal-banner-promo .modalbanner-close svg {
		width: 20px;
		height: 20px;
	}

	#modal-banner .modal-banner-promo .modalbanner-close:hover {
		background: var(--subColor);
	}

	#modal-banner .modalbanner-overlay {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1040;
		width: 100vw;
		height: 100vh;
		background-color: #000;
		opacity: 0.8;
	}
	
	
	.jas-sale-pop {
	background: #fff;
	bottom: -100%;
	left: 20px;
	right: 15px;
	padding: 10px 30px 10px 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	opacity: 0;
	visibility: hidden;
	transition: all 2s;
	z-index: 99999;
	position: fixed;
	right: auto;
	overflow: hidden;
}

.jas-sale-pop a img {
	max-width: 65px;
	width: auto;
	height: auto;
}

.jas-sale-pop .mr__20 {
	margin-right: 10px;
	width: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.jas-sale-pop h4 {
	color: #222;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}

.jas-sale-pop h3 {
	margin: 0;
	font-size: 14px;
	max-width: 255px;
	line-height: 20px;
	text-transform: capitalize;
	max-height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.jas-sale-pop h3 a {
	color: #222;
	margin: 0;
	font-size: 14px;
}

.jas-sale-pop .jas-sale-pop-timeago {
	color: #878787;
	font-size: 12px;
}

.jas-sale-pop .pe-7s-close {
	right: 5px;
	top: 5px;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url('close.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.jas-sale-pop.slideUp {
	bottom: 20px;
	opacity: 1;
	visibility: visible;
}

.jas-sale-pop.middle-xs {
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.jas-sale-pop.flex {
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.jas-sale-pop.flex {
	z-index: 1024;
	top: auto !important;
}

@media (max-width: 480px) {
	.jas-sale-pop {
		left: 10px;
		right: 10px;
		max-width: 290px;
	}
	.jas-sale-pop .jas-sale-pop-content {
		overflow: hidden;
		max-width: 180px;
	}
}

@media (max-width: 321px) {
	.jas-sale-pop {
		left: 10px;
		right: 10px;
		max-width: 220px;
	}
	.jas-sale-pop .jas-sale-pop-content {
		max-width: 180px;
	}
}

.cs-tab-product.version2 {
	.tab-menu,
	.tabs {
		background-color: unset !important;
		.tab-title.brx-open {
            padding: 0px 20px !important;
            border-color: var(--mainColor) !important;
            background-color: var(--mainColor) !important;
        }
	}
}
.cs-tab-product {
	.tab-menu,
    .tabs {
        height: auto;
        background-color: var(--mainColor);
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 15px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow: scroll;
		text-wrap: nowrap;
        .tab-title {
            padding: 0px 20px !important;
            position: relative;
            width: auto;
            line-height: 36px;
            height: auto;
            font-weight: 400;
            color: #fff;
            transition: background-color 0.3s ease;
            margin-right: 15px;
            border: 1px solid white;
            border-radius: 10px;
            padding: 7px 10px;
        }
        
        .tab-title.brx-open {
            padding: 0px 20px !important;
            border-color: white !important;
            background-color: var(--subColor) !important;
			.txt-title-tab{
				color: #fff;
			}
        }
        .txt-title-tab {
            color: var(--textColor);
            font-size: 1.6rem;
            font-weight: 400;
        }
    }
    
    .tab-content {
        padding: 0 !important;
        margin: 0 !important;
        border: unset !important;
    }
	
}
.x-slider_slide {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.cs-slide-custom .splide__arrow {
	background: #e4efff;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    color: #1a51a2;
}
.cs-slide-custom .splide__arrow--next {
	right: 20px
}

.cs-slide-custom .splide__arrow--prev {
	left: 20px
}

#home-hero-slider  {
	height: 100%;
}
.nav-link-menu #menu-main-menu li{
	display: flex;
    align-items: center;
	a {
		white-space: nowrap;
	}
}
.header_mennu_mobile .header_mennu_mobile_nav .brx-submenu-toggle{
	display: flex;
    justify-content: space-between;
	a {
		display: flex;
    	align-items: center;
		
		img{
			width: 18px;
			height: 18px;
		}
	}
}
.header_mennu_mobile .header_mennu_mobile_nav .brx-submenu-positioned{
	line-height: 30px !important;
	.menu-item{
		a{
			display: flex;
			align-items: center;
			img{
				width: 18px;
				height: 18px;
			}
		}
	}
}
.header_mennu_mobile .header_mennu_mobile_nav{
	line-height: 30px !important;
	.menu-item{
		a{
			display: flex;
			align-items: center;
			img{
				width: 18px;
				height: 18px;
			}
		}
	}
}
.header_mennu_mobile .header_mennu_mobile_nav .bricks-mobile-menu-toggle{
	display: none;
}
.header_mennu_mobile .cs-tab-menu .tab-content{
	padding-top: 15px !important;
	border: unset !important;
}
.header_mennu_mobile .cs-tab-menu .tab-menu{
	color: white;
    font-size: 1.6rem;
    font-weight: 600;
	.tab-title{
		padding-bottom: 0px !important;
	}
}
.header_mennu_mobile .cs-tab-menu .tab-menu .brx-open{
	.brxe-text-basic{
		border-bottom: 4px solid;
    	padding-bottom: 6px;
	}
}
.brxe-product-stock p {
	margin: 0;
}

.box-detail-product {
    padding: 20px;
    padding-bottom: 1.25rem;
    background-color: #ffffff; /* bg-white */
    overflow: hidden;          /* overflow-hidden */
    border-radius: 20px;       /* rounded-[20px] */
	width: 100%;
	
}
.flex-control-thumbs {
	list-style: none;
}

.quantity .action.minus {
	border-radius: 15px 0 0 15px;
}

.quantity .action.plus {
	border-radius: 0 15px 15px 0;
}

.woocommerce-product-gallery .flex-viewport img {
	height: 400px !important;
	object-fit: contain;
}
.woocommerce-product-gallery .flex-control-thumbs img{
	padding: 10px;
	
}
.cs_categories_product_blogs .header_mennu_mobile .cs-tab-menu .tab-menu{
	display: none !important;
}
.cs_categories_product_blogs .header_mennu_mobile .cs-tab-menu .tab-content {
	padding-top: 0px !important;
	.wpthemify-dmm-lv2-list li a .wpthemify-dmm-lv2-icon{
		display: none !important;
	}
	.wpthemify-dmm-lv1-link{
		padding: 0px !important;
	}
	.wpthemify-dmm-toggle{
		justify-content: end !important;
	}
}
.bread-crumb .brxe-breadcrumbs{
	display: flex;
}
.cs_shortcode_toc_single_blogs .fixed-toc-shortcode{
	background: unset !important;
    border: unset !important;
    border-radius: unset !important;
    padding: unset !important;
    margin: unset !important; 
    box-shadow: unset !important;
}
.cs_shortcode_toc_single_blogs .toc-shortcode-header{
	border-bottom: unset !important;
}
.cs_shortcode_toc_single_blogs .toc-shortcode-list a.active{
	background: unset !important;
}

.comment-form {
  border-radius: 8px;
}

.comment-form h3 {
  margin-bottom: 15px;
}

.comment-form .row {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
	.col-submit{
		padding-left: 15px !important;
	}
}
.comment-form .row-submit{
  width: fit-content !important;
  height: 40px !important;
}

.comment-form .col {
  flex: 1;
}

.comment-form .col.full {
  flex: 100%;
}

.comment-form input,
.comment-form textarea {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: none;
}

.comment-form textarea {
  min-height: 120px;
  resize: none;
}

.comment-form input[type="submit"] {
  background: #3b5aa3;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  padding: 0px;
}

.comment-form input[type="submit"]:hover {
  background: #2f4a8a;
}

/* cart */

/* ===== CART TABLE ===== */
.woocommerce-cart-form {
    background: #fff;
    border-radius: 12px;
}

/* Table */
.shop_table {
    border: none;
    width: 100%;
}

.shop_table thead th {
    background: var(--subColor);
    padding: 0px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 13px;
    color: #ffffff;
}
.shop_table thead tr th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.shop_table thead tr th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
	text-align: right;
}

.shop_table tbody tr td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
	text-align: right;
}

/* Row */
.shop_table tbody tr {
/*     border-bottom: 1px solid #eee; */
}


/* Product image */
.product-thumbnail img {
    border-radius: 8px;
    width: 80px;
}

/* Product name */
.product-name a {
    font-weight: 600;
    color: #222;
    text-decoration: none;
	max-width: 250px; /* chỉnh theo ý */
    display: block;
    line-height: 1.4;
}

.product-name a:hover {
    color: #0073ff;
}

/* Price */
.product-price,
.product-subtotal {
    font-weight: 600;
    color: #e53935;
}
.shop_table{
  &, thead, tbody, th, td, tr {
   border: none;
   border-collapse: collapse;
 }
}

/* ===== QUANTITY ===== */
.quantity {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 30px;
    overflow: hidden;
    width: fit-content;
}


.quantity input.qty {
    border: none;
    width: 50px;
    text-align: center;
    font-weight: 500;
}

.quantity .action {
    cursor: pointer;
    padding: 11px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
	border: unset !important;
}

.quantity .action:hover {
    background: #e0e0e0;
}

/* ===== REMOVE BUTTON ===== */
.product-remove a {
    color: #999;
    font-size: 18px;
    transition: 0.2s;
}

.product-remove a:hover {
    color: red;
}

/* ===== UPDATE BUTTON ===== */
button[name="update_cart"] {
    background: #0073ff;
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    border: none;
    transition: 0.3s;
}

button[name="update_cart"]:hover {
    background: #0056cc;
}

/* Disabled button */
button[name="update_cart"]:disabled {
    background: #ccc;
    cursor: not-allowed;
}
.shop_table  {
	li {
		margin: 0;
	}
}
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .shop_table thead {
        display: none;
    }
	
	.col-cart-right .shop_table_responsive tr {
		display: flex !important;
	}
	
    .shop_table tr {
		justify-content: space-between;
		align-items: center;
		
        margin-bottom: 15px;
        padding: 15px;
		display: block;

		border-radius: 16px;

		/* Glassmorphism */
		background: rgba(255, 255, 255, 0.6);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);

		border: 1px solid rgba(255, 255, 255, 0.4);

		/* Depth */
		box-shadow:
		  0 10px 25px rgba(0, 0, 0, 0.08),
		  inset 0 1px 1px rgba(255, 255, 255, 0.6);

		transition: all 0.25s ease;
  }

  /* Hover nhẹ (nếu có hover mobile) */
  .shop_table tr:hover {
    transform: translateY(-2px);
    box-shadow:
      0 14px 30px rgba(0, 0, 0, 0.12),
      inset 0 1px 1px rgba(255, 255, 255, 0.7);
  }

  /* TD xuống dòng */
  .shop_table td {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 8px 0;
    border: none;

    font-size: 14px;
    color: #1f2937; /* xám đậm, dễ đọc */
  }

  /* Label bên trái */
/*   .shop_table td::before {
    content: attr(data-title);
    font-weight: 600;
    color: #6b7280; 
    margin-right: 10px;
  } */

  /* Divider nhẹ giữa các row */
  .shop_table td:not(:first-child):not(:last-child){
    border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  }
	.product-remove {
		width: 100%;
		& > a {
			font-size: 35px;
    		line-height: 0;
    		color: #d31100;
		}
	}

    .shop_table td {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
    }
	.shop_table td.product-remove {
        display: flex;
        justify-content: end;
        padding: 8px 0;
    }

    .product-thumbnail img {
        width: 60px;
    }
}

.wc-proceed-to-checkout{
	display: none;
}
.woocommerce-shipping-destination{
	display: none;
}
.woocommerce-Price-amount{
	font-weight: 600;
/*     font-size: 1.5rem; */
    color: #d31100;
}
.woocommerce-variation-price {
	font-size: 20px;
}
.shop_table label{
	color: black !important;
	font-weight: 500;
}
.cs_my_cart{
	color: #000000;
    margin: 0;
    font-size: 2em;
	line-height: 2.2em;
    font-weight: 600;
}
.cs_filter_products{
	.checkboxes li input{
		width: 15px;
		height: 15px;
		border-radius: 3px;
	}
	label.lower{
		display: none !important;
	}
	label.upper{
		display: none !important;
	}
	input.lower{
		width: 100% !important;
	}
	input.upper{
		width: 100% !important;
	}
	.lower{
		text-align: start;
    	display: flex;
	}
	.upper{
		text-align: end;
    	display: flex;
	}
}
/* ANIMATION */
@keyframes slideIn {
  from {
    transform: translate(-50%, -20px);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}

@media (min-width: 2000px) {
	.section_product_tab_1 .splide__list {
		flex-wrap: wrap;
	}
}

.bricks-variation-swatches {
  display: flex;
  flex-wrap: wrap;
}

/* Item */
.bricks-variation-swatches li {
  list-style: none;
  cursor: pointer;
  padding: 7px 13px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937; /* gray-800 */
  text-align: center;

  /* Glass chip */
  background: rgba(255, 255, 255, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.25s ease;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.05),
    inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

/* Hover */
.bricks-variation-swatches li:hover {
  transform: translateY(-2px) scale(1.02);

  background: rgba(255, 255, 255, 0.6);

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.08),
    inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

/* Selected */
.bricks-variation-swatches li.bricks-swatch-selected {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(59, 130, 246, 0.6); /* blue-500 */

  color: #1d4ed8; /* blue-700 */

  font-weight: 600;

  box-shadow:
    0 10px 25px rgba(59, 130, 246, 0.2),
    0 0 0 2px rgba(59, 130, 246, 0.15);
}

/* Fix position relative for icon */
.bricks-variation-swatches li {
  position: relative;
}

/* Hidden input */
.bricks-variation-swatches input {
  display: none;
}

table.variations tr {
  display: flex;
  flex-direction: column;
}

table.variations th,
table.variations td {
  width: 100%;
  display: block;
}

.bricks-variation-swatches li {
  position: relative;
  overflow: hidden; /* để mask góc */

  border-radius: 14px;
  border: 1px solid #d1d5db;
  background: #f9fafb;

  transition: all 0.25s ease;
}

/* trạng thái selected */
.bricks-variation-swatches li.bricks-swatch-selected {
  position: relative;
  border: 2px solid var(--subColor); /* green-500 */
  background: #f0fdf4;
  color: #16a34a; /* green-600 */
}

/* tam giác góc */
.bricks-variation-swatches li.bricks-swatch-selected::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 0;
  height: 0;

  border-top: 28px solid var(--subColor);
  border-right: 28px solid transparent;
}

/* icon check */
.bricks-variation-swatches li.bricks-swatch-selected::after {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  z-index: 1000;
  width: 14px;
  height: 14px;
}

.bricks-variation-swatches li:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

.bricks-variation-swatches li.bricks-swatch-selected {
  animation: popIn 0.2s ease;
}

@keyframes popIn {
  0% { transform: scale(0.95); }
  100% { transform: scale(1); }
}

a.button.wc-forward {
    color: #ffffff;
    border-radius: .75rem;
	min-width: 100px;
	background-color: var(--mainColor);
}
.woocommerce-error, .woocommerce-message, .woocommerce-info {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    border-radius: 16px;
    border-radius: 16px;
    margin: 10px 0 10px 0;

    li {
		display: flex;
        width: 100%;
    }
}

.woocommerce-error {
	display: flex;
	flex-direction: column;
	li {
		display: flex;
        width: 100%;
    }
}

.single-productaaa .woocommerce-notices-wrapper {
	.woocommerce-error {
		background: #fff;
		border: none;
		border-left: 4px solid #dc2626;
		border-radius: var(--cs-radius-md);
		padding: 16px 48px 16px 18px;
		margin: 0 0 8px;
		list-style: none;
		font-size: 13px;
		color: #991b1b !important;
		line-height: 1.5;
		box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
	}

	.woocommerce-error::before {
		display: none;
	}

	.woocommerce-error li {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		padding: 4px 0;
		color: #991b1b !important;
	}

	.woocommerce-error li::before {
		content: "!";
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 18px;
		background: #dc2626;
		color: #fff !important;
		border-radius: 50%;
		font-size: 11px;
		font-weight: 700;
		flex-shrink: 0;
		margin-top: 1px;
	}

	.woocommerce-error li a {
		color: #dc2626 !important;
		font-weight: 500;
		text-decoration: none;
	}

	 .woocommerce-message {
		background: #fff;
		border: none;
		border-left: 4px solid #16a34a;
		border-radius: var(--cs-radius-md);
		padding: 16px 48px 16px 18px;
		margin: 0 0 8px;
		font-size: 13px;
		color: #166534 !important;
		line-height: 1.5;
		box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
	}

	.woocommerce-message::before {
		display: none;
	}
}


@media (max-width: 768px) {
	.single-product {
		.btn-cart {
			button {
				width: 100%;
				margin: 15px 0;
			}
			.buy-now {
				margin-top: 0;
			}
		}
	}
	.cs-tab-product .tab-menu, .tabs{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow: scroll;
		text-wrap: nowrap;
	}
}

.product-remove {
		& > a {
			font-size: 35px;
    		line-height: 0;
    		color: #d31100;
		}
}
.buy-now {
	color: #ffffff;
    border-radius: .75rem;
    padding-top: 15px;
    padding-bottom: 15px;
	background-color: var(--subColor) !important;
}


button.single_add_to_cart_button.button.alt.disabled {
    opacity: 0.7;
    cursor: none;
}

/* ===== GRID CONTAINER ===== */
.list-news {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* chia 6 cột */
}

/* ===== RESET BOOTSTRAP ===== */
.list-news .item_article {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  display: block !important;
  margin: 0 !important;
}

/* ===== LAYOUT ===== */
/* HÀNG 1: 2 item */
.list-news .item_article:nth-child(1),
.list-news .item_article:nth-child(2) {
  grid-column: span 3;
}

/* HÀNG 2: 3 item */
.list-news .item_article:nth-child(3) {
  grid-column: span 2;
  grid-row: 2;
}

.list-news .item_article:nth-child(4),
.list-news .item_article:nth-child(5) {
  grid-column: span 2;
}

/* ===== CARD ===== */
.item-blog-all {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}


/* ===== IMAGE ===== */
.image-blog {
  position: relative;
  overflow: hidden;
}

.image-blog img {
  width: 100%;
/*   height: 200px; */
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* Hover zoom */
.item-blog-all:hover img {
  transform: scale(1.05);
}

/* Hàng 1 ảnh to hơn */
.list-news .item_article:nth-child(1) img,
.list-news .item_article:nth-child(2) img {
  height: 260px;
}

/* Hàng 2 ảnh nhỏ */
.list-news .item_article:nth-child(n+3) img {
  height: 180px;
}

/* ===== BADGE DATE ===== */
.user_date {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #2f6fed;
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  z-index: 2;
}

/* ===== CONTENT ===== */
.blog_content {
/*   padding: 15px; */
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Title */
.blog_content h3 {
  font-size: 16px;
  margin-bottom: 8px;
}

.blog_content h3 a {
  color: #222;
  text-decoration: none;
  line-height: 1.4;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_content h3 a:hover {
  color: #2f6fed;
}

/* Author */
.user_name {
  font-size: 13px;
  color: #666;
}

/* Description */
.blog_description {
  font-size: 14px;
  color: #555;
  margin: 10px 0;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Read more */
.read_more {
  margin-top: auto;
  font-size: 14px;
  font-weight: 500;
  color: #2f6fed;
  text-decoration: none;
}

.read_more:hover {
  text-decoration: underline;
}

/* ===== FIX HEIGHT ĐỒNG ĐỀU ===== */
.list-news .item_article {
  display: flex;
}

.item-blog-all {
  width: 100%;
}

/* ===== RESPONSIVE ===== */

/* Tablet */
@media (max-width: 991px) {
  .list-news {
    grid-template-columns: repeat(2, 1fr);
  }

  .list-news .item_article {
    grid-column: span 1 !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .list-news {
    grid-template-columns: 1fr;
  }

  .image-blog img {
    height: 200px !important;
  }
	.hSticky .sticky_mobile {
		position: fixed;
		background: #3f86ea;
		left: 0;
		padding: 10px;
		top: 0;
	}
	.hSticky .top-main-header {
		height: 0 !important;
		overflow:hidden;
	}
	.hSticky .logo-wrapper {
		opacity: 0 !important;
		transition-property: opacity;
		transition-duration: .3s;

	}
	.hSticky .header-mid {
/* 		order: 2 !important; */
/* 		grid-column: unset !important; */
		margin: 0 50px;
		margin-top: -60px;
		transition-property: margin;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s;
	}
}

#brx-content.wordpress {
    width: 100% !important;
    > h1 {
      display: none;  
    }
}
.cs_accordion_qa{
	padding-left: 0px !important;
}
#contact_map iframe{
	border-radius: unset !important;
	display: block;
}
.layout-contact{
	margin-bottom: -30px !important;
}
.tax-product_cat {
	.aside-content-blog {
		border-radius: 0 0px 10px 10px;
	}
}
.item_product_main .product-action .product-info .product-price-cart .price{
    display: flex !important;
    gap: 10px;
    text-align: start;
    justify-content: start;
	del .amount{
		color: #666;
     	font-size: 1.3rem;
	}
	ins{
		text-decoration: none !important;
	}
}
.box-detail-product {
	del .amount{
		color: #666;
		font-size: 2rem;

	}
}
.section_product_tab .tab_big .tab_ul ul{
	
}
.box-detail-product {
	.btn-purchasing-advice{
		color: #ffffff;
		border-radius: .75rem;
		width: 100%;
		padding: 10px;
	}
	.cart{
		margin-bottom: 0px !important;
	}
} 
p.price,
span.price {
    display: flex !important;
    gap: 16px !important;
    ins, .woocommerce-Price-currencySymbol, bdi {
        text-decoration: none !important;
    }
}


.cs-checkout-grid .woocommerce-billing-fields__field-wrapper .checkout-inline-error-message, .woocommerce-shipping-fields__field-wrapper .checkout-inline-error-message {
    display: flex !important;
}



/* Container chính của chi tiết đơn hàng */
.woocommerce-order-details {
    margin-bottom: 2em;
    padding: 20px;
    background-color: #f5f6f7; /* Màu nền nhẹ */
    border: 1px solid #f5f6f7;
    border-radius: 5px;
}

/* Tiêu đề "Order Details" */
.woocommerce-order-details__title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

/* Bảng chi tiết sản phẩm */
.woocommerce-table--order-details {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

/* Style cho các tiêu đề bảng (Thành tiền, Số lượng...) */
.woocommerce-table--order-details th {
    background-color: #f4f4f4;
    color: #555;
    padding: 12px;
}

/* Style cho các hàng nội dung bảng */
.woocommerce-table--order-details td {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

/* Style cho tổng cộng (Totals) */
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
    font-weight: bold;
    background-color: #fff;
}

/* Highlight giá tiền tổng */
.woocommerce-table--order-details tfoot .order-total td {
    color: #b12704; /* Màu đỏ nổi bật */
    font-size: 1.2em;
}

/* Style cho phần thông tin khách hàng (địa chỉ, email) */
.woocommerce-customer-details {
    margin-top: 2em;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #eee;
}

.woocommerce {
    .col-1,
	.col-2 {
        width: 100% !important;
        max-width: 100% !important;
    }
    .woocommerce-Addresses {
        flex-direction: column !important;
    }
}
.woocommerce-account .woocommerce-Addresses {
    flex-direction: column !important;
}


.u-column2.col-2.woocommerce-Address,
.show-password-input {
	display: none !important;
}
.woocommerce-Input {
    border-radius: 10px !important;  
}

.woocommerce.button {
	border-radius: 10px !important;
	color: white !important;
}
.woocommerce-button.button.view {
	border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background: unset;
}
.nobr {
	padding: 0 20px;
}
.woocommerce-form {
	border: unset !important;
    max-width: 500px;
    padding: 0;
}
.woocommerce-button {
	color: white !important;
	border-radius: 10px;
	&.view {
		color: var(--mainColor) !important;
	}
}
.woocommerce-form-login__rememberme {
	display: none !important;
}
.woocommerce-form-row {
    text-align: left;
	
	label {
		font-weight: bold;
	}
}
	

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    color: #333;
    font-size: 1em;
    height: 40px;
    max-width: 100%;
    padding: 0 .75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;
    width: 100%;
}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, select
 {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, .02);
    display: block;
}

.screen-reader-text {
    position: static !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    overflow: visible !important;
    margin: 0 !important;
}
/* Nhắm vào span không có class nằm sau span .required */
label span.required + span {
    display: none;
}





.cs-order-received-page {
	min-height: 100vh;
}

.cs-order-received-page #brx-content,
.cs-order-received-page article#brx-content,
.cs-order-received-page .brxe-section,
.cs-order-received-page .brxe-section > .brxe-container,
.cs-order-received-page .brxe-container > .brxe-post-content {
	margin: 0 auto !important;
}
.cs-order-received-page .cs-thanh-toan-page {
	max-width: 820px !important;
	margin: 0 auto !important;
	padding: 40px 20px !important;
}

/* Glass card base mixin */
.cs-order-received-page .woocommerce-order {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* ---- Success message ---- */
.cs-order-received-page .woocommerce-thankyou-order-received {
	text-align: center;
	font-size: 22px !important;
	font-weight: 700;
	color: #1a7a4c !important;
	background: rgba(255, 255, 255, 0.55);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 20px;
	padding: 32px 28px !important;
	margin: 0 !important;
	box-shadow: 0 8px 32px rgba(31, 38, 135, 0.1);
	position: relative;
	overflow: hidden;
}

.cs-order-received-page .woocommerce-thankyou-order-received::before {
	content: "\2713";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: linear-gradient(135deg, #34d399, #10b981);
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	border-radius: 50%;
	margin: 0 auto 16px;
	box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3);
}

/* ---- Order overview card ---- */
.cs-order-received-page .woocommerce-order-overview.order_details {
	background: rgba(255, 255, 255, 0.55) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
	border-radius: 20px !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);
}

.cs-order-received-page .woocommerce-order-overview.order_details li {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px;
	padding: 20px 24px !important;
	margin: 0 !important;
	border-bottom: 1px solid rgba(200, 200, 220, 0.25) !important;
	border-right: none !important;
	font-size: 13px;
	color: #64748b !important;
	letter-spacing: 0.02em;
}

.cs-order-received-page .woocommerce-order-overview.order_details li:nth-child(odd) {
	border-right: 1px solid rgba(200, 200, 220, 0.25) !important;
}

.cs-order-received-page .woocommerce-order-overview.order_details li:last-child,
.cs-order-received-page .woocommerce-order-overview.order_details li:nth-last-child(2):nth-child(odd) {
	border-bottom: none !important;
}

.cs-order-received-page .woocommerce-order-overview.order_details li strong {
	font-size: 15px;
	font-weight: 600;
	color: #1e293b !important;
}

/* ---- Bank details (BACS) ---- */
.cs-order-received-page .woocommerce-bacs-bank-details {
	background: rgba(255, 255, 255, 0.55);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 20px;
	padding: 28px !important;
	margin: 0 !important;
	box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);
}

.cs-order-received-page .wc-bacs-bank-details-heading {
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	margin: 0 0 16px !important;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(200, 200, 220, 0.25);
}

.cs-order-received-page .wc-bacs-bank-details-account-name {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #334155 !important;
	margin: 0 0 12px !important;
}

.cs-order-received-page .wc-bacs-bank-details {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.cs-order-received-page .wc-bacs-bank-details li {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 13px;
	color: #64748b;
	padding: 12px 16px;
	background: rgba(255, 255, 255, 0.45);
	border-radius: 12px;
	border: 1px solid rgba(200, 200, 220, 0.2);
}

.cs-order-received-page .wc-bacs-bank-details li strong {
	font-size: 14px;
	font-weight: 600;
	color: #1e293b !important;
}

/* ---- Order details table ---- */
.cs-order-received-page .woocommerce-order-details {
	background: rgba(255, 255, 255, 0.55) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
	border-radius: 20px !important;
	padding: 28px !important;
	margin: 0 !important;
	box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);
}

.cs-order-received-page .woocommerce-order-details__title {
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	margin: 0 0 16px !important;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(200, 200, 220, 0.25);
}

.cs-order-received-page .woocommerce-order-details .shop_table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: none !important;
	background: transparent !important;
}

.cs-order-received-page .woocommerce-order-details .shop_table thead th {
	background: rgba(99, 102, 241, 0.06) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: #64748b !important;
	padding: 12px 16px !important;
	border: none !important;
	border-bottom: 1px solid rgba(200, 200, 220, 0.25) !important;
}

.cs-order-received-page .woocommerce-order-details .shop_table thead th:first-child {
	border-radius: 12px 0 0 0;
}

.cs-order-received-page .woocommerce-order-details .shop_table thead th:last-child {
	border-radius: 0 12px 0 0;
	text-align: right !important;
}

.cs-order-received-page .woocommerce-order-details .shop_table tbody td {
	padding: 14px 16px !important;
	border: none !important;
	border-bottom: 1px solid rgba(200, 200, 220, 0.15) !important;
	font-size: 14px !important;
	color: #334155 !important;
	vertical-align: middle !important;
	background: transparent !important;
}

.cs-order-received-page .woocommerce-order-details .shop_table tbody td.product-name {
	font-weight: 500;
}

.cs-order-received-page .woocommerce-order-details .shop_table tbody td.product-name .product-quantity {
	color: #6366f1 !important;
	font-weight: 600;
}

.cs-order-received-page .woocommerce-order-details .shop_table tbody td.product-total {
	text-align: right !important;
	font-weight: 600;
}

.cs-order-received-page .woocommerce-order-details .shop_table tfoot th {
	padding: 12px 16px !important;
	border: none !important;
	border-top: 1px solid rgba(200, 200, 220, 0.15) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #64748b !important;
	background: transparent !important;
	text-align: left !important;
}

.cs-order-received-page .woocommerce-order-details .shop_table tfoot td {
	padding: 12px 16px !important;
	border: none !important;
	border-top: 1px solid rgba(200, 200, 220, 0.15) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #334155 !important;
	background: transparent !important;
	text-align: right !important;
}

.cs-order-received-page .woocommerce-order-details .shop_table tfoot tr:last-child th {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	border-top: 2px solid rgba(200, 200, 220, 0.35) !important;
	padding-top: 16px !important;
}

.cs-order-received-page .woocommerce-order-details .shop_table tfoot tr:last-child td {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #6366f1 !important;
	border-top: 2px solid rgba(200, 200, 220, 0.35) !important;
	padding-top: 16px !important;
}

/* ---- Customer details (billing / shipping address) ---- */
.cs-order-received-page .woocommerce-customer-details {
	background: rgba(255, 255, 255, 0.55) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
	border-radius: 20px !important;
	padding: 28px !important;
	margin: 0 !important;
	box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);
}

.cs-order-received-page .woocommerce-customer-details .woocommerce-column {
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	width: 100% !important;
}

.cs-order-received-page .woocommerce-customer-details .woocommerce-columns--addresses {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.cs-order-received-page .woocommerce-customer-details h2,
.cs-order-received-page .woocommerce-customer-details .woocommerce-column__title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	margin: 0 0 12px !important;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(200, 200, 220, 0.25);
}

.cs-order-received-page .woocommerce-customer-details address {
	font-style: normal !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	color: #475569 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.cs-order-received-page .woocommerce-customer-details address p {
	margin: 0 !important;
	color: #475569 !important;
}

/* ---- Animations ---- */
.cs-order-received-page .woocommerce-thankyou-order-received,
.cs-order-received-page .woocommerce-order-overview.order_details,
.cs-order-received-page .woocommerce-bacs-bank-details,
.cs-order-received-page .woocommerce-order-details,
.cs-order-received-page .woocommerce-customer-details {
	animation: cs-glass-fade-up 0.5s ease-out both;
}

.cs-order-received-page .woocommerce-order-overview.order_details {
	animation-delay: 0.1s;
}

.cs-order-received-page .woocommerce-bacs-bank-details {
	animation-delay: 0.2s;
}

.cs-order-received-page .woocommerce-order-details {
	animation-delay: 0.3s;
}

.cs-order-received-page .woocommerce-customer-details {
	animation-delay: 0.4s;
}
.cs-order-received-page .product-name {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
}
.cs-order-received-page .product-name a {
		min-height: unset;
}

@keyframes cs-glass-fade-up {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ==========================================================
 * RESPONSIVE
 * ========================================================== */

@media (max-width: 768px) {
	.cs-checkout-grid {
		grid-template-columns: 1fr !important;
	}

	.cs-checkout-grid > .col2-set,
	.cs-checkout-grid > #order_review {
		grid-column: 1 !important;
		padding: 20px !important;
		margin-right: 0 !important;
	}

	.cs-checkout-grid > #order_review {
		border-left: none !important;
		border-top: 1px solid var(--cs-border);
	}

	.cs-custom-checkout-page #order_review > .place-order {
		flex-direction: column-reverse;
		align-items: stretch !important;
	}

	.cs-custom-checkout-page #place_order {
		width: 100%;
		text-align: center;
	}

	.cs-back-to-cart {
		justify-content: center;
	}

	/* Order received responsive */
	.cs-order-received-page .woocommerce-order-overview.order_details {
		grid-template-columns: 1fr !important;
	}

	.cs-order-received-page .woocommerce-order-overview.order_details li {
		border-right: none !important;
	}

	.cs-order-received-page .woocommerce-order-overview.order_details li:last-child {
		border-bottom: none !important;
	}

	.cs-order-received-page .woocommerce-customer-details .woocommerce-columns--addresses {
		grid-template-columns: 1fr !important;
	}

	.cs-order-received-page .wc-bacs-bank-details {
		grid-template-columns: 1fr !important;
	}

	.cs-order-received-page .woocommerce-thankyou-order-received {
		font-size: 18px !important;
		padding: 24px 20px !important;
	}
	form.woocommerce-checkout.bricks-default-checkout::before{
		    inset: unset !important;
	}
	.cs-order-received-page tfoot tr {
		display: flex;
	}
	.cs-order-received-page tfoot td {
		justify-content: end;
	}
	.cs-order-received-page .product-name {
		align-items: end;
	}
	
	.cs-order-received-page .product-name .product-quantity {
		text-wrap: nowrap;
	}
	.cs-order-received-page .product-name a {
		min-height: unset;
	}
	.cs-order-received-page .product-total {
		position: relative;
		display: flex;
        justify-content: end;
        width: 100%;
	}
	.cs-order-received-page .product-total::before{
		content: "Giá";
		position: absolute;
		top: 50%;
		left: 14px;
		transform: translateY(-50%);
	}
}


/* cs-order-review */
.cs-order-review {
	background: #fff;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.05);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;


	.woocommerce-checkout-review-order h3,
	#order_review_heading {
	  font-size: 22px;
	  font-weight: 600;
	  margin-bottom: 16px;
	}

	/* Product list */
	.cs-order-products {
	  border-bottom: 1px solid #eee;
	  margin-bottom: 16px;
	}

	.cs-order-item {
	  display: flex;
	  align-items: center;
	  gap: 12px;
	  padding: 10px 0;
	}

	/* Image */
	.cs-order-item__thumb {
	  position: relative;
	}

	.cs-order-item__thumb img {
	  border-radius: 8px;
	}

	.cs-qty-badge {
	  position: absolute;
	  top: -6px;
	  right: -6px;
	  background: #111;
	  color: #fff;
	  font-size: 11px;
	  padding: 2px 6px;
	  border-radius: 999px;
	}

	/* Product info */
	.cs-order-item__name {
	  flex: 1;
	  font-size: 14px;
	  color: #333;
	  line-height: 1.4;
	}

	.cs-order-item__price {
	  font-weight: 600;
	  color: #e53935;
	  font-size: 14px;
	}

	/* Totals */
	.cs-order-totals {
	  margin-top: 12px;
	}

	.cs-order-row {
	  display: flex;
	  justify-content: space-between;
	  padding: 6px 0;
	  font-size: 14px;
	}

	.cs-order-total {
	  border-top: 1px solid #eee;
	  margin-top: 10px;
	  padding-top: 10px;
	  font-size: 16px;
	}

	.cs-order-total strong {
	  color: #e53935;
	  font-size: 18px;
	}

	/* Shipping */
	.woocommerce-shipping-methods {
	  list-style: none;
	  padding: 0;
	  margin: 6px 0;
	}

	.woocommerce-shipping-methods li {
	  font-size: 13px;
	  color: #666;
	}

	/* PAYMENT */
	.woocommerce-checkout-payment {
	  margin-top: 20px;
	}

	/* Payment list */
	.wc_payment_methods {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	}

	.wc_payment_method {
	  border: 1px solid #eee;
	  border-radius: 10px;
	  margin-bottom: 10px;
	  padding: 12px;
	  transition: all 0.2s ease;
	  cursor: pointer;
	}

	.wc_payment_method:hover {
	  border-color: #111;
	}

	/* Selected */
	.wc_payment_method input:checked + label {
	  font-weight: 600;
	}

	.wc_payment_method input:checked ~ .payment_box {
	  display: block;
	}

	.payment_box {
	  background: #f9f9f9;
	  padding: 10px;
	  border-radius: 8px;
	  font-size: 13px;
	  color: #555;
	  margin-top: 8px;
	}

	/* Place order button */
	#place_order {
	  width: 100%;
	  background: #111;
	  color: #fff;
	  padding: 14px;
	  border-radius: 10px;
	  font-size: 16px;
	  font-weight: 600;
	  transition: 0.2s;
	}

	#place_order:hover {
	  background: #333;
	}
}
.cs-bar-item.active {
	color: #6dbe46;
}

/* ============================= */
/* PAYMENT SECTION */
/* ============================= */

.woocommerce-checkout-payment {
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.06);
}

/* List reset */
.wc_payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Payment card */
.wc_payment_method {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fff;
}

/* Hover */
.wc_payment_method:hover {
  border-color: #111;
  box-shadow: 0 3px 12px rgba(0,0,0,0.06);
}

/* Radio */
.wc_payment_method input[type="radio"] {
  accent-color: #111;
  transform: scale(1.2);
}

/* Label */
.wc_payment_method label {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  cursor: pointer;
}

/* Selected state */
.wc_payment_method input:checked + label {
  font-weight: 600;
}

/* Highlight selected */
.wc_payment_method:has(input:checked) {
  border: 2px solid #111;
  background: #fafafa;
}

/* ẨN DESCRIPTION */
.payment_box {
  display: none !important;
}


/* ============================= */
/* PRIVACY TEXT */
/* ============================= */

.woocommerce-privacy-policy-text {
  font-size: 13px;
  color: #666;
  margin: 14px 0;
  line-height: 1.5;
}


/* ============================= */
/* PLACE ORDER BUTTON */
/* ============================= */

#place_order {
  width: 100%;
  background: var(--mainColor);
  color: #fff;
  padding: 14px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s ease;
  border: none;
  line-height: 1rem;
}

#place_order:hover {
  background: #333;
}


/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 768px) {
  .cs-order-review,
  .woocommerce-checkout-payment {
    padding: 14px;
  }

  .cs-order-item {
    align-items: flex-start;
  }

  #place_order {
    font-size: 15px;
  }
}
.woocommerce-shipping-fields {
	display: none !important;
}
.bricks-default-checkout {
	margin: 0px;
    width: 100%;
}
.box-detail-product:empty {
  display: none;
}