.tw-category-tabs__nav-wrapper {
			position: relative;
			display: flex;
			align-items: center;
			margin-bottom: 20px;
		}

		.tw-category-tabs__nav {
			display: flex;
			gap: 10px;
			overflow-x: auto;
			scroll-behavior: smooth;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}

		.tw-category-tabs__nav::-webkit-scrollbar {
			display: none;
		}

		.tw-tab-btn {
			flex: 0 0 auto;
			padding: 8px 18px;
			border: none;
			border-radius: 20px;
			background: #f1f1f1;
			cursor: pointer;
			transition: .2s;
			white-space: nowrap;
		}

		.tw-tab-btn.active {
			background: #20a53a;
			color: #fff;
		}

		.tw-nav-arrow {
			background: #fff;
			border: 1px solid #ddd;
			border-radius: 50%;
			width: 36px;
			height: 36px;
			cursor: pointer;
			font-size: 18px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: background 0.2s;
		}

		.tw-nav-arrow:hover {
			background: #f5f5f5;
		}

		.tw-tab-content {
			display: none;
		}

		.tw-tab-content.active {
			display: block;
		}

		.tw-subcat-btn {
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
			background: #fff;
			border-radius: 0px;
			border: 1px solid #ccc;
			padding: 0;
		}

		.tw-subcat-item-image {
			border-radius: 0px;
		}

		.tw-subcat-btn.active,
		.tw-subcat-btn.current {
			border: 2px solid #20a53a;
			background-color: #20a53a;
			color: #fff;
			font-weight: 600;
		}

		.tw-product-card>div.border {
			border: 1px solid #ddd;
			padding: 10px;
			border-radius: 10px;
			text-align: center;
		}

		.tw-product-card img {
			max-width: 100%;
			height: auto;
			border-radius-top-left: 5px;
			border-radius-top-right: 5px;
		}

		.tw-grandcat-btn {
			background-color: #f6f6f6;
			border: 1px solid #ddd;
			font-size: 13px;
			cursor: pointer;
			transition: all 0.2s ease;
		}

		.tw-grandcat-btn:hover,
		.tw-grandcat-btn.active {
			background-color: #20a53a;
			color: #fff;
			border-color: #20a53a;
			font-weight: bold;
		}

		.tw-spinner-container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 40px 0;
			color: #555;
		}

		.tw-spinner {
			width: 40px;
			height: 40px;
			border: 4px solid #ddd;
			border-top-color: #f68b4a;
			border-radius: 50%;
			animation: spin 1s linear infinite;
			margin-bottom: 10px;
		}

		@keyframes spin {
			from {
				transform: rotate(0deg);
			}

			to {
				transform: rotate(360deg);
			}
		}

		.tw-subcat-wrapper {
			position: relative;
			overflow: hidden;
			display: inline-block;
			cursor: pointer;
		}
/*
		.tw-subcat-wrapper::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 0;
			height: 0;
			background: rgba(223, 223, 223, 0.3);
			border-radius: 50%;
			transform: translate(-50%, -50%);
			opacity: 0;
		}

		.tw-subcat-wrapper:hover::before {
			animation: ripple 0.8s ease-out;
		}
*/
		.tw-product-card {
			position: relative;
			overflow: hidden;
			display: inline-block;
			cursor: pointer;
		}

		.tw-product-card::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 0;
			height: 0;
			background: rgba(223, 223, 223, 0.3);
			border-radius: 50%;
			transform: translate(-50%, -50%);
			opacity: 0;
		}

		.tw-product-card:hover::before {
			animation: ripple 0.8s ease-out;
		}
		

		@keyframes ripple {
			0% {
				width: 0;
				height: 0;
				opacity: 0.5;
			}

			70% {
				width: 200%;
				height: 200%;
				opacity: 0.2;
			}

			100% {
				width: 300%;
				height: 300%;
				opacity: 0;
			}
		}
		.tw-subcategories {
    width: 100%;
    padding: 10px 0;
}

.tw-subcat-item {
    text-align: center;
}

.tw-subcat-item img {
    object-fit: cover; 
}

.swiper-button-prev,
.swiper-button-next {
    color: #20a53a !important;
}

.swiper-pagination-bullet-active {
    background: #20a53a !important;
}
.tw-subcategories{position:relative}
.icon50 img{width:auto !important;margin:5px !important;}
.tw-products .swiper-slide {
    width: auto; /* để Swiper tự tính toán */
    text-align: center;
}

.tw-product-card img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.logo-slider-wrapper {
			position: relative;
			width: 100%;
			margin: 30px auto;
		}

		.logo-slider-wrapper .owl-item {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.logo-slider-wrapper img {
			max-height: 180px;
			width: auto;
			object-fit: contain;
			transition: transform 0.3s ease;
			filter: grayscale(0);
			opacity: 0.8;
		}

		.logo-slider-wrapper img:hover {
			transform: scale(1.05);
			filter: grayscale(0);
			opacity: 1;
		}

		.logo-slider-wrapper .owl-nav button {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background: rgba(0, 0, 0, 0.1);
			border: none;
			color: #333;
			font-size: 24px;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			transition: all 0.3s ease;
		}

		.logo-slider-wrapper .owl-nav button:hover {
			background: #333;
			color: #fff;
		}

		.logo-slider-wrapper .owl-nav .owl-prev {
			left: -10px;
		}

		.logo-slider-wrapper .owl-nav .owl-next {
			right: -10px;
		}
 .swiper-wrapper{justify-content:center}
 .shortcode-article-title{color: #fff !important;font-size: 16px;padding: 10px;font-weight:bold}
 .shortcode-articles {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
                gap: 20px;
                margin-top: 20px;
            }

            .shortcode-article {
                border: 1px solid #ddd;
                border-radius: 8px;
                overflow: hidden;
                background: #fff;
                transition: box-shadow 0.3s ease;
                display: flex;
                flex-direction: column;
            }

            .shortcode-article:hover {
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            }

            .shortcode-article img {
                width: 100%;
                height: 160px;
                object-fit: cover;
            }

            .shortcode-article h3 {
                font-size: 18px;
                margin: 10px;
                color: #333;
            }

            .shortcode-article a {
                text-decoration: none;
                color: inherit;
            }

            .shortcode-article p {
                font-size: 14px;
                color: #666;
                margin: 0 10px 10px;
            }
.shortcode-articles-carousel .shortcode-article {
				
				border-radius: 8px;
				overflow: hidden; 
				transition: all 0.3s ease;
			}

			.shortcode-articles-carousel .shortcode-article:hover {
				transform: translateY(-3px); 
			}

			.shortcode-articles-carousel img {
				width: 100%;
				height: 180px;
				object-fit: cover;
			}

			.shortcode-articles-carousel h3 {
				font-size: 16px;
				margin: 10px;
				color: #333;
			}

			.shortcode-articles-carousel p {
				font-size: 14px;
				color: #666;
				margin: 0 10px 10px;
			}

			.owl-nav button {
				position: absolute;
				top: 40%;
				transform: translateY(-50%);
				background: rgba(0, 0, 0, 0.5) !important;
				color: #fff !important;
				border-radius: 50%;
				width: 40px;
				height: 40px;
			}

			.owl-nav .owl-prev {
				left: -10px;
			}

			.owl-nav .owl-next {
				right: -10px;
			}

			.owl-dots {
				margin-top: 15px;
			}

			/* Khi hover vào ảnh trong .featured-news */
			.shortcode-articles-carousel img:hover {
				transform: scale(1.1);
				filter: brightness(1.1);
			}

			/* Nếu bạn muốn bo góc và ẩn phần bị tràn */
			.shortcode-articles-carousel img {
				border-radius: 10px;
			}

			.shortcode-articles-carousel {
				overflow: hidden;
			}

			.shortcode-articles-carousel .position-relative {
				overflow: hidden;/border-radius: 10px;
			}

			.shortcode-articles-carousel .position-relative img {
				width: 100%;
				height: auto;
				transition: transform 0.5s ease, filter 0.5s ease;
			}

			/* Hiệu ứng zoom-in khi hover */
			.shortcode-articles-carousel .position-relative:hover img {
				transform: scale(1.1);
				filter: brightness(1.1);
			}

			/* Tuỳ chọn - hiệu ứng nhẹ cho tiêu đề khi hover */
			.shortcode-articles-carousel .position-relative:hover h3 {
				color: #007bff;
				transition: color 0.3s ease;
			}
			
			.featured-news {
				margin-top: 20px;
			}
			.featured-news__header {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.featured-news__header h2 {
				font-family: Roboto;
				margin-bottom: 0;
				text-transform: uppercase;
				color: #20a53a;
			}
			.featured-news img {
				width: 100%;
				height: auto;
				border-radius: 8px;
				display: block;
				transition: transform 0.5s ease, filter 0.5s ease;
			}
			.featured-news img:hover {
				transform: scale(1.1);
				filter: brightness(1.1);
			}
			.featured-news h3 {
				font-size: 15px;
				margin:0;
				line-height: 1.4;
				color: #333;
				font-family: Roboto;
			}
			.featured-news p {
				color: #555;
				font-size: 14px; 
				margin:0;
			}
			.featured-news .item {
				margin-bottom: 20px;
			}
			/* Mobile: hiển thị slider */
			@media (max-width: 767.98px) {
				.featured-news.row {
					display: none;
				}
				.featured-news-slider {
					display: block;
				}
				.featured-news-slider h4{
					
					margin-top:15px;
					margin-bottom:5px;
				}
			}
			@media (min-width: 768px) {
				.featured-news-slider {
					display: none;
				}
			}