.title-head {
	font-weight: 500 !important;
}
.aside-filter ul {
	padding-left: 0;
	list-style: none;
	margin: 0px;
}
.aside-item {
	padding-bottom: 15px;
}
aside.aside-item + .aside-item {
	margin-top: 15px;
}
.aside-title a:hover {
	color: var(--primary-color);
}
.aside-content {
	position: relative;
	clear: left;
	font-size: 14px;
	padding: 0;
}
.aside-content:last-child {
	border-bottom: none;
}
.aside-item.blog-sidebar {
	border: 1px solid rgba(0,0,0,.125);
	border-radius: 4px;
	padding: 15px;
	margin: 0 0 20px;
}
.aside-content .nav-item {
	position: relative;
	// border-bottom: 1px solid #e1e1e1;
	padding: 0 0 6px;
	margin: 0 0 6px;
}
.aside-content .nav-item > a {
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.3;
	padding: 5px 30px 2px 0px;
}
.aside-content .nav-item > a:hover {
	color: var(--primary-color);
}
.aside-content .dropdown-menu a {
	font-weight: 400;
}
.aside-content .fa {
	cursor: pointer;
	display: inline;
	position: absolute;
	right: 5px;
	top: 10px;
	z-index: 1;
	width: 30px;
	text-align: center;
	font-size: 14px;
}
.aside-content .active > .dropdown-menu {
	display: block;
}
.aside-content .dropdown-menu {
	width: 100%;
	border: 0;
	padding: 0px;
	padding-left: 15px;
	box-shadow: none;
	margin-top: 0px;
	position: static;
	background: none;
}
.aside-content:hover > a {
	color: #333;
	background-color: transparent;
}
.aside-content ul > li:before {
	top: 17px;
	left: 15px;
}
.blogwp h3, .blogwp h3 a.link {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}
@media (max-width: 991px) {
	.sidebar {
		order: 1;
		border-top: 10px solid #f4f4f4;
		padding-bottom: 0 !important;
		margin-bottom: -25px !important;
	}
}
.sidebar {
	border-left: 1px solid #eee;
	padding-bottom: 1.25rem;
	// padding-left: 15px;
}
.content-blog .blogwp + .blogwp {
	border-top: 1px solid #eee !important;
}
.content-blog .blogwp .card-body {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 14px;
	margin-bottom: 7px;
}
.content-blog .blogwp .card-body p {
	color: var(--text-secondary-color)
}
a.button_custome_35.link {
	color: var(--primary-color);
}
.blogwp .media .media-body {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.blogwp .button_custome_35.link {
	display: block;
	margin-top: 10px;
}
@media (min-width: 768px) {
	.sidebar .blogwp.media .image-blog {
		width: 75px;
 }
}
@media (max-width: 767px) { 
	.aside-item.blog-sidebar {
		margin: 20px 0;
	}
}
.pagination {
	justify-content: center;
	float: none !important;
}
.article-content {
	min-height: 150px;
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #eee;
	word-break: break-word;
}
.article-content img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.article-content img:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.15);
}
figure.article-comment-user-image {
	width: 50px;
}
.article-comment + .media {
	border-top: 1px solid #eee;
}
/*Mai (21/07/2022)*/
.article-content a,.article-content a span {
	color: #f03d04 !important;
	font-weight: 600;
}

:root{
  --accent:#ff6600;
  --border:#e6e8f0;
  --shadow:0 8px 28px rgba(16,24,40,.08);
}

/* ===== SIDEBAR: khung danh mục ===== */
.aside-item.blog-sidebar.sidebar-category.collection-category{
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow:var(--shadow);
  overflow:hidden;
}

/* Tiêu đề sidebar */
.aside-item .aside-title{ padding:12px 14px; border-bottom:1px solid #f1f3f5; }
.aside-item .aside-title .title-head{ margin:0; font-size:16px; font-weight:700 !important; text-transform:uppercase; color:#111; }
.aside-item .aside-title .title-head span::after{
  content:""; display:block; width:48px; height:3px; background:var(--accent); border-radius:2px; margin-top:8px;
}

/* Nội dung sidebar */
.aside-item .aside-content{ padding:12px 14px 14px; }

/* List danh mục cấp 1 */
.nav-category .nav{ list-style:none; margin:0; padding:0; }
.nav-category .nav > .nav-item{ margin-bottom:8px; }
.nav-category .nav > .nav-item > .nav-link{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; border:1px solid var(--border); border-radius:10px;
  color:#111; background:#fff; text-decoration:none;
  transition: border-color .2s, background .2s, color .2s, box-shadow .2s;
}
.nav-category .nav > .nav-item > .nav-link:hover,
.nav-category .nav > .nav-item > .nav-link.active{
  border-color:var(--accent); color:var(--accent);
  background:rgba(255,102,0,.06);
  box-shadow:0 3px 12px rgba(255,102,0,.18);
}
.nav-category .nav > .nav-item > i.fa{ margin-left:8px; color:#98a2b3; }

/* Cấp con */
.nav-category .dropdown-menu{
  list-style:none; margin:6px 0 0; padding:6px 0 0 12px;
  border-left:2px solid #f0f2f5;
}
.nav-category .dropdown-menu .nav-item{ margin:6px 0; }
.nav-category .dropdown-menu .nav-link{
  display:block; padding:6px 8px; border-radius:8px; border:1px solid transparent; color:#344054; text-decoration:none;
  transition:border-color .2s, background .2s, color .2s;
}
.nav-category .dropdown-menu .nav-link:hover{ border-color:#e5e7eb; background:#f9fafb; }
.nav-category .dropdown-menu .lv3 .nav-link{ font-size:13px; padding:5px 8px; }

/* ===== CARD: Most View / Sản phẩm mới ===== */
.news-section.card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow:var(--shadow);
  margin-bottom:25px;
}
.news-section .card-header{ background:transparent; border-bottom:1px solid #f1f3f5; padding:12px 14px; }
.news-section .card-title{ margin:0; font-size:16px; text-transform:uppercase; font-weight:700; color:#111; }
.news-section .card-title::after{
  content:""; display:block; width:44px; height:3px; background:var(--accent); border-radius:2px; margin-top:8px;
}
.news-section .card-body{ padding:12px 14px 14px; }

/* List Most View */
.news-mostView{ list-style:none; margin:0; padding:0; }
.news-mostView li{ padding:8px 0;  }
.news-mostView li:last-child{ border-bottom:none; }

/* List Sản phẩm mới */
.new-product{ list-style:none; margin:0; padding:0; }
.new-product__item{
  display:flex; gap:10px; align-items:flex-start;
  padding:10px 0;
}
.new-product__item:last-child{ border-bottom:none; }
.new-product__item__img{
  flex:0 0 72px; width:72px; height:72px; display:block; overflow:hidden;
  border:1px solid var(--border); border-radius:10px; background:#fff;
}
.new-product__item__img img{ width:100%; height:100%; object-fit:cover; }
.new-product__title{ margin:0; font-size:14px; line-height:1.35; color:#111; }
.new-product__item a:hover .new-product__title{ color:var(--accent); }

.new-product-loadMore{ margin-top:10px; }
.new-product-loadMore a{
  display:inline-flex; align-items:center; padding:8px 12px;
  border:1px solid var(--border); border-radius:999px; background:#fff; color:#111; text-decoration:none;
  transition:border-color .2s, box-shadow .2s, color .2s;
}
.new-product-loadMore a:hover{ border-color:var(--accent); color:var(--accent); box-shadow:0 3px 12px rgba(255,102,0,.18); }

/* ===== Responsive nhẹ ===== */
@media (max-width: 991.98px){
  .aside-item .aside-title .title-head{ font-size:15px; }
  .news-section .card-title{ font-size:15px; }
}
@media (max-width: 575.98px){
  .new-product__item__img{ width:64px; height:64px; flex-basis:64px; }
  .new-product__title{ font-size:13px; }
}

/* Card cho .content-blog: chỉ viền + bóng đổ */
.content-blog{
  border: 1px solid #e6e8f0;         /* viền tổng */
  border-radius: 14px;               /* bo góc */
  box-shadow: 0 8px 28px rgba(16,24,40,.08);  /* bóng đổ */
  background: #fff;                  /* (tuỳ chọn) giúp bóng đổ đẹp hơn */
  padding: 12px;                     /* chống con .row “tràn” ra ngoài viền */
}

/* Nếu bên trong có .row (Bootstrap), tránh âm margin làm tràn viền */
.content-blog > .row{
  margin-left: 0;
  margin-right: 0;
}

.right-content {
  background: #fff;
  border: 1px solid var(--card-border, #e6e8f0);
  border-radius: var(--card-radius, 12px);
  box-shadow: var(--card-shadow-sm, 0 1px 2px rgba(16,24,40,.06));
  padding: 20px;
  overflow: hidden; /* Fix cho artifact ở góc */
}

/* Responsive padding */
@media (max-width: 991.98px) {
  .right-content {
    padding: 18px;
  }
}

@media (max-width: 767.98px) {
  .right-content {
    padding: 16px;
    border-radius: 10px;
  }
}

@media (max-width: 575.98px) {
  .right-content {
    padding: 14px;
    border-radius: 8px;
  }
}

.right-content {
  background: #fff;
  border: 1px solid var(--card-border, #e6e8f0);
  border-radius: var(--card-radius, 12px);
  box-shadow: var(--card-shadow-sm, 0 1px 2px rgba(16,24,40,.06));
  padding: 20px;
  overflow: hidden; /* Fix cho artifact ở góc */
  transition: box-shadow 0.2s ease;
  
  /* Fix cho potential grid lines */
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  position: relative;
}

/* Hover effect cho section */
@media (hover:hover) {
  .right-content:hover {
    box-shadow: var(--card-shadow-lg, 0 12px 30px rgba(16,24,40,.12));
  }
}

/* Fix cho grid lines nếu có */
.right-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: inherit;
  z-index: -1;
}

/* Responsive padding */
@media (max-width: 991.98px) {
  .right-content {
    padding: 18px;
  }
}

@media (max-width: 767.98px) {
  .right-content {
    padding: 16px;
    border-radius: 10px;
  }
}

@media (max-width: 575.98px) {
  .right-content {
    padding: 14px;
    border-radius: 8px;
  }
}

/* Fix cho container parent nếu có grid */
.article-wraper.card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ẩn bất kỳ grid lines nào */
.right-content * {
  background-image: none !important;
}

/* Fix cho các elements con có thể tạo grid */
.blogpage .container {
  background: transparent;
}

.wrap_background_aside {
  background: transparent;
}