/* Giấu nút Add to Cart trên trang sản phẩm đơn lẻ */
.single-product .single_add_to_cart_button {
    display: none;
}

/* Giấu nút Add to Cart trên trang cửa hàng và trang danh mục */
.woocommerce .product .add_to_cart_button {
    display: none;
}

.carousel-title {
	  margin-top: 50px;
    margin-bottom: -140px;
}

.call-to-action {
    border: none !important;
}

.woocommerce .product .nk-product-price {
	display: none;
}

.custom-product-button {
	margin-top: 15px;
	margin-bottom:-15px;
}

.nk-testimonial-2 .nk-testimonial-body::before{
	content: "" !important;
}



.view-info-promo{
	text-align: center;
}

.single-product .nk-header-title {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Fix Menu Bar */
#menu-item-2326 > ul.dropdown {
    max-height: 450px !important;
    overflow-y: auto !important;
    overflow-x: hidden;
}
#menu-item-2326 > ul.dropdown::-webkit-scrollbar {
    width: 6px;
    background: #222;
}
#menu-item-2326 > ul.dropdown::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 5px;
}
/* Fix Menu Bar */

/* Áp dụng chỉ cho trang sản phẩm đơn */

.breadcrumbs-archive{
	margin-top: 96px;
	margin-bottom: -96px;
}

.breadcrumbs-search{
	margin-top: 96px;
	margin-bottom: -64px;
}



.product-banner{
    height: 100vh !important;
    object-fit: inherit
			!important; /* Bao phủ toàn bộ vùng chứa mà không làm biến dạng hình ảnh */
    object-position: center !important;
}

.download-buttons {
    display: flex;
    flex-direction: column; /* Xếp các nút chồng lên nhau */
    align-items: flex-end; /* Căn các nút về bên phải */
    gap: 10px; /* Khoảng cách giữa các nút */
    margin-top: -120px;
}

.download-buttons .nk-button-container {
    display: block; /* Đảm bảo các nút hiển thị dạng block */
}

.nk-countdown span{
	 font-size: 40px !important;
}


/* Kéo cụm share social lên cao hơn */
.sociality-share-inner{
	margin-bottom: 200px;
}

.cta-join-discord-donate{
	 background-color: transparent !important;
  padding: 20px !important;
}

.ea-body{
	margin-left: 80px;
}

/* Thiết Kế Relate Item */
.relate-image-needresize {
    display: flex;
    justify-content: center;
    align-items: center;
	  height: 300px;
}

.relate-image-needresize img {
    width: 200px !important;
    height: 282px !important;
    object-fit: cover !important; /* Hoặc cover tùy theo nhu cầu */
    object-position: center !important;
}

.relate-item-box{
	 text-align: center;
}


/* Không Được Xóa CSS PHÍA TRÊN */

/* CSS cho màn hình từ 768px đến 1024px (tablet, bao gồm iPad) */
@media (min-width: 768px) and (max-width: 1024px) {
	
	.bg-image.op-10 .jarallax-img {
		padding-top: 94px !important;
    height: 62vh !important; /* Chiều cao tự động điều chỉnh theo chiều rộng */
    object-fit: fill !important; /* Giữ hình ảnh không bị biến dạng */
    object-position: center !important; /* Điều chỉnh vị trí hình ảnh */
  }
	.nk-header-title {
		  height: 62vh;
	}
}

/* CSS cho iPad Pro 11 inch và iPad Pro 12.9 inch */
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {

	.bg-image.op-10 .jarallax-img {
		padding-top: 94px !important;
    height: 96vh !important; /* Chiều cao tự động điều chỉnh theo chiều rộng */
    object-fit: fill !important; /* Giữ hình ảnh không bị biến dạng */
    object-position: center !important; /* Điều chỉnh vị trí hình ảnh */
  }
	.nk-header-title {
		  height: 96vh ;
	}
}

/* Media Queries cho các thiết bị nhỏ */
@media (max-width: 768px) {
  .ea-body{
	 margin-left: 0px;
  }
	.nk-header-title {
					height: 42vh; /* Điều chỉnh chiều cao cho các thiết bị nhỏ */
			}

	.bg-image.op-10 .jarallax-img{
			padding-top: 94px !important;
			height: 42vh !important; /* Chiều cao tự động điều chỉnh theo chiều rộng */
			object-fit: fill !important; /* Giữ hình ảnh không bị biến dạng */
			object-position: center !important; /* Điều chỉnh vị trí hình ảnh */
		}

	.nk-header-table-cell {
					padding: 10px; /* Giảm khoảng cách bên trong cho các thiết bị nhỏ */
			}

	.download-buttons {
					align-items: right; /* Căn các nút ở giữa trên thiết bị nhỏ */
					align-items: flex-start;
					margin-top: 20px; /* Đặt lại khoảng cách phía trên các nút */
			}

	.hidden-cta-button{
			margin-top: 10px;
		}

	.nk-countdown span{
			font-size: 20px !important;
		}
	.nk-countdown{
			font-size: 20px !important;
		}
	.nk-countdown div{
		 margin-left: -10px !important;
		margin-right: -10px !important;
	}
	
	.custom-typed-text span{
		 font-size: 20px !important;
	}
}

.sr7-tab-title{
	width: 70% !important;
}

.nk-header.nk-header-opaque{
	opacity: 0.9 !important;
}