/* 
Theme Name: Elite Core - WordPress Theme
Theme URI: https://elitecore.ca
Description: Elite Core was developed by Elite Promotional Marketing.
Author: Elite Core
Author URI: https://elitecore.ca
Template: hello-elementor
Version: 1.0.0
Text Domain: elite-core-wordpress-theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

a {
	color: #333;
}

header a {
	color: #000;
	font-size: 18px;
	font-weight: 600;
}

body .woocommerce {
	padding: 30px 20px;
}

body.home .woocommerce {
	padding: 0 !important;
}

/* Footer */

/* Footer wrapper: full‑width black bar */
.site-footer {
  width: 100%;
  background-color: #000;
  padding: 20px 0; /* controls thickness */
}

/* Inner container: fixed max width, centred */

.site-footer.elite-core {
	width: 100%;
	max-width: 100% !important;
}

.site-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1em; /* space between text and link */
}

/* Paragraph styling */
.site-footer__inner p {
  color: #fff;
  margin: 0;
  font-size: 0.9rem;
}

/* Link styling */
.site-footer__inner a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9rem;
}

/* Hover effect */
.site-footer__inner a:hover {
  text-decoration: underline;
}


/* My account */

.woocommerce-account .page-content .woocommerce { background: #FFF; padding: 30px 50px; box-sizing: border-box; margin-top: 25px; border: 1px solid #DDD; }



/* Add your custom styles here */

#currency-switcher-form {
	display: inline;
}

.product-id:hover {
	cursor: pointer;
	color: #000;
}

.clipboard-message {
	color: green !important;
	margin-right: 4px;
}


.variation-product-detail-container i {
	  color: #777;
    font-size: 14px;
	  letter-spacing: 0px;
    font-weight: 400;
}

.variation-product-detail-container .price-amount {
	color: #000;
}

.product-tabs span.price-amount {
	color: #444;
}

.product-item.new-product:before {
    content: "NEW";
    position: absolute;
    line-height: 1em;
    top: 5px;
    left: 5px;
    background: #eeee40;
    color: #000000;
    line-height: 1em;
    padding: 2px 6px;
    font-weight: 500;
    margin: 0;
    border-radius: 25px;
    font-size: 15px;
    opacity: 0;
    animation: fadeIn 0.8s ease-in forwards;
    animation-delay: 2.5s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.product-is-new {
	display: none;
}


body,html {
    overflow-y: auto;
    overflow-x: hidden !important ;
    scrollbar-width: thick; /* For Firefox */
    scrollbar-color: #888 #1a1a1a; /* Thumb color and track color for Firefox */
}

/* Webkit-based browsers (Chrome, Edge, Safari) */
body::-webkit-scrollbar,html::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

body::-webkit-scrollbar-track,html::-webkit-scrollbar-track {
    background: #1a1a1a; /* Dark background for the scrollbar track */
    border-radius: 10px; /* Rounded edges for track */
}

body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #32cd32, #00ff00); /* Futuristic gradient for the scrollbar thumb */
    border-radius: 10px; /* Rounded edges for thumb */
    border: 2px solid #1a1a1a; /* Adds space around the thumb for better visibility */
}

.dialog-message::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #00ff00, #32cd32); /* Brighten on hover for interactivity */
}



/* MEGA MENU - ITEMS */

#mobile-navigation .menu-image-title-after.menu-image  { width: 35px !important; height: 35px !important; object-fit: contain; display: flex ;             filter: brightness(0);
 }


.trending-notice-mega-menu-item:before {
	content: "Trending";
	display: inline-flex;
	background: #CE0E2D;
	color: #FFF;
	font-size: 15px;
	padding: 1px 10px;
	font-weight: 500;
	border-radius: 10px;
	margin-right: 6px;
}

.popular-notice-mega-menu-item:before {
	content: "Popular";
	display: inline-flex;
	background: #2d8d1b;
	color: #FFF;
	font-size: 15px;
	padding: 1px 10px;
	font-weight: 500;
	border-radius: 10px;
	margin-right: 6px;
}

.trending-notice-mega-menu-item a,
.popular-notice-mega-menu-item a {
	display: inline !important; 
}


@media screen and (max-width: 1366px){
	.popular-notice-mega-menu-item:before, .trending-notice-mega-menu-item:before  {
		font-size: 13px;
		
	}
}

/* Archive CSS */
/* ########### */
/* ########### */

#brand-filter {
	width: 100%;
	margin: 0 0 10px;
	border-radius: 15px;
	border: 1px solid #DDD;
	outline: 0;	
	color: #000;
	height: 44px;
}

.custom-product-archive .left-sidebar .filter-by-price-container input {
	border-radius: 15px; 
	border: 1px solid #DDD;
	outline: 0;
	height: 50px;
}

.brand-select {
	width: 100%;
	outline: 0;	
}

/* Style for the brand icons */
.brand-filter-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.brand-icon {
	cursor: pointer;
	transition: transform 0.3s ease, opacity 0.3s ease;
	opacity: 0.7;
}
.brand-icon img {
	display: flex;
	flex: 25% 0 0;
	max-height: 50px;
	object-fit: contain;
	border-radius: 5px;
}
.brand-icon.active,
.brand-icon:hover {
	opacity: 1;
	transform: scale(1.1);
}

// Themes

/* Style for the theme filter banners */
.theme-filter-banners {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 -5px;
}

.theme-banner {
	width: calc(33.333% - 10px);
	cursor: pointer;
	position: relative;
	text-align: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
	opacity: 0.7;
	height: 70px;
	width: 70px;
	padding: 2px;
}

@media (max-width: 768px) {
	.theme-banner {
		width: calc(20% - 10px); /* 50% width on tablets and smaller */
	}
}

.theme-banner img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
}

/* Tooltip for desktop */
.theme-banner .theme-name {
	display: none;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 0.9em;
	white-space: nowrap;
	z-index: 10; /* Ensure it appears above other elements */
	pointer-events: none; /* Prevent tooltip from interfering with hover */
}

.theme-banner:hover .theme-name {
	display: block;
}

.theme-banner.active,
.theme-banner:hover {
	opacity: 1;
	transform: scale(1.05);
}	

.theme-filter-banners {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.theme-image-container {
	width: 100%;
	height: 100%;
}

.theme-name-container {
	position: relative;
	z-index: 9999;
}

// Suppliers

/* Supplier filter banners layout */
.supplier-filter-banners {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 -5px;
}

.supplier-banner {
	width: calc(33.333% - 10px); /* 33.3% width on desktop */
	cursor: pointer;
	position: relative;
	transition: transform 0.3s ease, opacity 0.3s ease;
	opacity: 0.7;
	text-align: center;
}

@media (max-width: 768px) {
	.supplier-banner {
		width: calc(50% - 10px); /* 50% width on tablets and smaller */
	}
}

.supplier-banner.active {
	opacity: 1;
	border: 2px solid #0073aa; /* Highlight active supplier */
	transform: scale(1.1);
}

.supplier-image-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.supplier-image-container img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.supplier-name-container {
	position: relative;
	width: 100%;
	text-align: center;
	z-index: 10; /* Ensure it's above the image */
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 5px 0;
	font-size: 0.9em;
	pointer-events: none;
	border-radius: 5px 5px 0 0;
}

.supplier-filter-banners { 
	display: flex;
	width: 100%;

}

/* Always show supplier name on mobile */
@media (max-width: 768px) {
	.supplier-name-container {
		position: static;
		background: none;
		color: #000;
		pointer-events: auto;
		padding: 10px 0;
		border-radius: 0;
	}

}


/* Supplier carousel container */
.supplier-carousel-container {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
	margin: 20px 0;
	overflow: hidden;
	overflow-x: scroll;
}

.supplier-carousel {
	display: flex;
	gap: 15px;
	padding: 10px 0;
	flex-wrap: nowrap; /* Prevent items from wrapping to the next line */
}

.supplier-banner {
	flex: 0 0 auto; /* Ensure items don't stretch */
	width: calc(25% - 15px); /* 4 items visible at a time on desktop */
	text-align: center;
	position: relative;
	cursor: pointer;
	transition: transform 0.3s ease, opacity 0.3s ease;
	opacity: 0.7;
}

@media (max-width: 1024px) {
	.supplier-banner {
		width: calc(33.333% - 15px); /* 3 items visible on tablets */
	}
}

@media (max-width: 768px) {
	.supplier-banner {
		width: calc(50% - 15px); /* 2 items visible on smaller screens */
	}
}

.supplier-banner.active {
	opacity: 1;
	transform: scale(1.1); /* Slight scale effect on active items */
}

.supplier-image-container {
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}

.supplier-image-container img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 5px;
}

.supplier-name-container {
	position: relative;
	width: 100%;
	text-align: center;
	z-index: 10;
	font-size: 0.9em;
	line-height: 1em;
	pointer-events: none;
	background: unset;
	color: #000;
}


/* Custom scrollbar styles */
.supplier-carousel-container::-webkit-scrollbar {
	height: 8px; /* Set the height of the scrollbar */
}

/* Style the scrollbar track */
.supplier-carousel-container::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1); /* Light track color */
	border-radius: 10px; /* Rounded corners for the track */
}

/* Style the scrollbar handle */
.supplier-carousel-container::-webkit-scrollbar-thumb {
	background: #4a90e2; /* Blue color for the scrollbar thumb */
	border-radius: 10px; /* Rounded corners for the thumb */
	transition: background 0.3s ease;
}

/* Hover effect for the scrollbar thumb */
.supplier-carousel-container::-webkit-scrollbar-thumb:hover {
	background: #357ab7; /* Darker blue on hover */
}

/* Optional: Style for the scrollbar corner (if present) */
.supplier-carousel-container::-webkit-scrollbar-corner {
	background: transparent; /* Make the corner transparent */
}

/* Mobile-specific styles */
@media (max-width: 768px) {
	.supplier-name-container {
		position: static;
		background: none;
		color: #000;
		pointer-events: auto;
		padding: 10px 0;
		border-radius: 0;
	}
}


/* #
* 
* 
*  	FILTER PRODUCT CATEGORY
* 
* /
* 

/* General container for the category carousel */
.category-carousel-container {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
	margin: 10px 0;
	padding-bottom: 10px; /* To ensure scrollbar is visible */
}

/* Style the scrollable carousel */
.category-carousel {
	display: flex;
	gap: 10px; /* Space between each category */
	padding: 0;
}

/* Category item with or without an image */
.category-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

/* Category image container */
.category-image-container img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 10px;
}

/* Category circle when there's no image */
.category-circle {
	overflow: hidden;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #f0f0f0;
	border: 2px solid #ddd;
}

/* Category name inside the circle */
.category-name {
	width: 100%;
	font-size: 14px;
	text-align: center;
	color: #333;
	line-height: 1em;
	padding: 0 10px !important;
	box-sizing: border-box;
}

/* Style the active state when a category is selected */
.category-item.active {
	border: 2px solid #4a90e2; /* Add border when selected */
	background-color: #eaf5fe;
}

/* Optional: Hover effect for category items */
.category-item:hover {
	transform: scale(1.05);
	transition: transform 0.3s ease;
}

/* Custom scrollbar styles */
.category-carousel-container::-webkit-scrollbar {
	height: 8px; /* Set the height of the scrollbar */
}

/* Style the scrollbar track */
.category-carousel-container::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1); /* Light track color */
	border-radius: 10px; /* Rounded corners for the track */
}

/* Style the scrollbar handle */
.category-carousel-container::-webkit-scrollbar-thumb {
	background: #4a90e2; /* Blue color for the scrollbar thumb */
	border-radius: 10px; /* Rounded corners for the thumb */
	transition: background 0.3s ease;
}

/* Hover effect for the scrollbar thumb */
.category-carousel-container::-webkit-scrollbar-thumb:hover {
	background: #357ab7; /* Darker blue on hover */
}

/* Optional: Style for the scrollbar corner (if present) */
.category-carousel-container::-webkit-scrollbar-corner {
	background: transparent; /* Make the corner transparent */
}

/* Sub category */

.subcategory-header {
	display: flex;
	width: 100%;
	padding: 0 10px;
}

.custom-product-archive .carousel-item {
	display: inline-flex !important;
}

.carousel-item img {
	width: unset !important;
}

.custom-product-archive .carousel-item a {
	width: unset !important;
}

.subcategory-header h5 {
	display: inline-flex;
	flex: 100%;
	background: #eeeeee;
	color: #000;
	font-weight: 500;
	padding: 8px 25px;
	border-radius: 15px;
	border: 1px solid #DDD; 
}

.subcategory-header a {
	display: inline-flex;
	flex: 77%;
	justify-content: flex-end;
	align-items: center;
	display: flex;
	color: #000;
}	

.subcategory-product-carousels{ 
	width: 75%; 
	display: flex ; 
	flex-wrap: wrap; 
}

.view-more-link {
	color: #000;
	font-weight: 500;
	margin-left: 10px;
	font-size: 16px;	
}

.view-more-link i {
	color: #000;
}










/* Response */

/* Basic styling for the carousel */
/* Basic Styling for the New Carousel */
.new-subcategory-product-carousel {
	width: 100%;
}

.new-subcategory-product-carousel {
	opacity: 0;               /* Start with opacity 0 (invisible) */
	animation: fadeIn 1.5s forwards; /* Apply fadeIn animation */
	animation-delay: .9s;    /* Delay the animation by 1.5 seconds */
}

/* Define the fade-in animation */
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.subcategory-header h5 {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 35px;
}

.view-more {
	color: #000;
	font-size: 17px;
	text-decoration: none;
	display: flex;
	flex: 100%;
	justify-content: flex-end;
	align-items: center;					
}

.subcategory-header span {
	display: flex;
	flex: 23%;
	align-items: center;
	line-height: 1em;
}

.subcategory-product-count {
	padding-left: 15px;
	line-height: 1em;
	font-size: 16px;
	font-weight: 400;
}

.view-more i {
	color: #000;
	margin-left: 8px;
}

.new-carousel-wrapper {
	position: relative;
}

.new-carousel-items {
	display: flex;
	gap: 15px;
	justify-content: flex-start;
}

.new-carousel-item {
	width: 100%;
	text-align: left;
	padding: 7px;
	box-sizing: border-box;
}

.new-carousel-item a:hover {
	opacity: 0.8;
}

.new-carousel-item img {
	width: 100%;
	height: auto;
	max-height: 250px;
	min-height: 250px;
	display: block;
	object-fit: contain;
	margin-bottom: 15px;
}

.new-subcategory-product-carousel h2.new-product-title {
	margin: 10px 0;
	color: #333;
	font-size: 1em;
	text-align: left;
}

.new-product-price {
	font-size: 14px;
	color: #333;
}

.price-range {
	color: #111;
	font-weight: 500;
	line-height: 1em;
	font-size: 15px;
	margin-top: 5px;
}

.price-amount {
	color: #d40d2c;
}

/* Placeholder image */
.placeholder-image {
	width: 100%;
	height: 200px;
	background-color: #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
}

.placeholder-image::after {
	content: 'No Image';
	color: #333;
}

/* Slick Carousel Responsive Adjustments */
@media (max-width: 1024px) {
	.new-carousel-items {
		gap: 12px;
	}
}

@media (max-width: 768px) {
	.new-carousel-items {
		gap: 8px;
	}
}

@media (max-width: 480px) {
	.new-carousel-items {
		gap: 5px;
	}
}












/* Responsive design for different screen sizes */
@media (max-width: 768px) {
	.category-carousel-container {
		padding-bottom: 5px; /* Adjust padding for smaller screens */
	}

	.filter-container {
		display: none;
	}

	.category-image-container img {
		width: 60px;
		height: 60px;
	}

	.category-circle {
		width: 60px;
		height: 60px;
	}

	.category-name {
		font-size: 12px;
	}


	.view-more-link {
		font-size: 14px;
		display: inline-flex;
		flex: 1;
		justify-content: flex-end;
		align-items: center;
	}

	.new-subcategory-product-carousel {
		width: 100%;
	}

	.subcategory-header span {
		font-size: 19px;
	}
	
	.subcategory-product-count {
		font-size: 14px;
		padding-left: 7px;
	}

	.subcategory-header span {
		flex: 40%;
		justify-content: center;
	}

	.subcategory-header h5 {
		flex-wrap: wrap;
	}

	.subcategory-header a {
		justify-content: center;
		font-size: 15px;
	}



}	



.product-item {
	position: relative;
	overflow: hidden;
}

/* Tooltip */
.favorite-button .tooltip {
	display: none;
	position: absolute;
	top: 0px; /* Adjust upward */
	left: -10px; /* Adjust to the left */
	transform: translate(-100%, -100%); /* Position in the top-left */
	background-color: #333;
	color: #fff;
	padding: 3px 10px;
	border-radius: 3px;
	white-space: nowrap;
	font-size: 12px;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.favorite-button {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	opacity: 0.05;
	transition: opacity 0.3s;
	display: flex;
	align-items: center;
	color: #000;
	font-size: 18px;
}

.favorite-button:hover .tooltip {
	display:block !important;
	opacity: 1 !important;
	top: 25px;
}

.favorite-button:hover {
	opacity: 1;
	color: #e74c3c !important;
}

.favorite-button .fa-heart {
	margin-right: 5px;
}

.favorite-button .favorite-count {
	font-size: 14px;
}

.subcategory-carousel {							
	border: 1px solid #DDD;
	border-left: 0;
	border-radius: 0;
	padding: 10px 0;
}

.product-brand img {							   
	height: 70px;
	display: flex;
	width: 100px;
	margin-top: -10px;
	margin-bottom: -10px;		
	object-fit: contain;
}

.product-brand .brand-moleskine {
	height: 46px;
}

.product-brand .nike.brand-image {
	height: 50px;
	max-width: 50px;
	object-fit: contain !important;
}




.product-brand,
.product-themes {
	width: 100%;
	display: flex
		;
	flex: 100%;
	border-top: 1px solid #DDD;
	margin-top: 8px;
	padding-top: 8px;
	flex-wrap: wrap;
}

.product-themes ul {
	list-style: none;
	padding: 0;
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.product-themes .theme-icon-list {
	width: 100%;
	display: flex;
	flex: 100%;
	flex-wrap: wrap;
}

.product-themes .theme-text-list {
	width: 100%;
	display: flex;
	flex: 100%;
	flex-wrap: wrap;
	font-size: 15px;
	line-height: 1em;
	color: #000;
}

.product-themes .theme-text-list .theme-text {
	width: 100%;
}

.product-themes .theme-icon {
	position: relative;
	cursor: pointer;
	font-size: 24px;
	color: #444;
}

.product-themes .theme-icon::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 120%; /* Adjust to position the tooltip above */
	left: 50%;
	transform: translateX(-50%);
	background-color: #333;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
	pointer-events: none;
	z-index: 10;
}

.product-themes .theme-icon:hover::after,
.product-themes .theme-icon:focus::after {
	opacity: 1;
	visibility: visible;
}

.min-order-required {
	border-top: 1px solid #ddd;
	padding-top: 8px;
	margin-top: 8px;
	width: 100%;
	color: #555;
}

@media screen and (max-width: 767px){
	.product-brand img {	
		object-fit: contain;	
	}
}


/* ########### */
/* Recently Viewed Container */
.recently-viewed-container {
    margin: 0px 0;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}

/* Accordion Header */
.recently-viewed-accordion-header {
    background: #777;
	  color: #FFF;
	  font-weight: 300;
    padding: 25px 35px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0 solid #ddd;
}

.recently-viewed-accordion-header .accordion-title {
    font-size: 20px;
    font-weight: bold;
}

.recently-viewed-accordion-header .accordion-icon i {
    font-size: 16px;
}

/* Accordion Content */
.recently-viewed-accordion-content {
    padding: 35px 15px 25px;
    background: #eee;
    display: none; /* Initially hidden */
}


/* Shipping info */

.shipping-info-section {
    margin: 20px 0;
}

.e-checkout__container .shipping-info-section .shipment-rates h3 {
    color: #c94f08;
    font-size: 16px !important;
    margin: 0;
		margin-bottom: 5px;
}

.smartshipping-does-not-qualify.shipment-rate {
	   font-weight: 400;
    font-size: 16px;
    color: #ce0e2d;
}

.shipment-details {
    border: 3px solid #eee;
    padding: 15px;
    margin-bottom: 10px;
	  border-radius: 10px;
		color: #000;
	box-sizing: border-box;
}

.shipment-rate-option label {
	font-size: 16px;
	font-weight: 500;
}

.shipment-details .product-details {
		padding: 12px 20px;
    box-sizing: border-box;
    margin: 10px 0;
    background: #eee;
    border-radius: 10px;
}


.shipment-details .product-details strong {
	font-size: 16px;
}


.shipment-details .product-dimensions {
	font-size: 13px;
}

.shipment-route {
	border-top: 1px solid #DDD;
	padding-top: 15px !important;
	margin-top: 15px !Important;
}

.shipment-rate {
	color: #000;
	font-weight: 700;
}

.shipping-address, .shipment-rate, .shipment-route {
    margin-bottom: 5px;
}

.fa-map-marker, .fa-arrow-right {
    color: #0073aa;
    margin: 0 5px;
}


/* Keyframe animation for fade-in */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Apply the animation */
.archive-banner, .custom-product-archive {
  opacity: 0; /* Ensure the elements start hidden */
  animation: fadeIn 0.2s ease-in-out forwards; /* 'forwards' keeps the final state */
}


/* Shipping 
 * 
 * 
 *  ADDITIONAL SHIPPING BOX ON CHECKBOX PAGE
 * 
 * */


.shipping-info-section { 
	background: #FFFF; 
	padding: 50px; 
	margin-bottom: 20px; 
	border: 1px solid #DDD; 
	font-size: 18px; 
	line-height: 1em; 
	flex-wrap: wrap;
	display: flex;
} 

.shipping-info-section #reset-shipping {
	margin-top: 15px;
	background: #000;
	color: #FFF;
	border: 0;
}

.shipping-info-section h3 { 
	font-size: 23px !important; 
	font-weight: 600 !important; 
}

.woocommerce-billing-fields input,
.woocommerce-billing-fields textarea,
.woocommerce-billing-fields select{
	border-radius: 10px !important;
}



/* Search for products dropdown bar */

.currency-option {
	color: #FFF;
	font-weight:500;
	margin: 0 8px;
	display: inline-flex;
	align-items: center;
}

.variation-strongUploadedLogostrong {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

dl.variation {
		border-top: 1px solid #DDD !important;
	padding-top: 7px;
	margin-top: 7px !important;
}

td.product-name a {
	font-size: 16px;
  font-weight: 600;
  line-height: 0.8em !important;
}

dd.variation-strongProductMaterialstrong {
	border-bottom: 1px solid #DDD !important;
	padding-bottom: 7px;
	margin-bottom: 7px !important;
}

.currency-option:hover {
	opacity: 0.9;
	cursor: pointer;
	transition: 0.5s opacity;
}

.dgwt-wcas-suggestions-wrapp {
	border: 0 !important;
}

.dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
	padding-top: 0px;
	padding-bottom: 0px;
}

.dgwt-wcas-si img {
	border-radius: 50% !important;
}

.dgwt-wcas-has-headings .dgwt-wcas-suggestion-tax .dgwt-wcas-st, .dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion span {
	font-weight: 500;
}

.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
	color: #CE0E2D !important;
	font-weight: 700;
}

.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline .dgwt-wcas-st {
	border-color: #eee !important;
	font-size: 16px;
	text-transform: capitalize;
}



.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more::before {
    content: '\f067';  /* Unicode for Font Awesome's plus icon */
    font-family: 'Font Awesome 5 Free';  /* Ensure Font Awesome 5 Free is used */
    font-weight: 900;  /* Make sure it's the solid icon */
    display: inline-block;  /* To ensure it's visible */
    margin-right: 10px;  /* Optional: to add some spacing */
}



.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion {
	text-decoration: unset !important;
}

.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion:hover {
	background: #000 !important;
	color: #FFF !important;
	text-decoration: unset !important;
}


.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion:hover span {
	color: #FFF !important;
	text-decoration: unset !important;
}


/* Base code */

html, body {
	overflow-x: hidden !important;
}

.archive-banner {
	    background: #EEE;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.cart-collaterals a.generate-btn {
	background: #000 !important;
	font-weight: 400 !important;
	color: #FFF !important;
	width: 100%;
	font-size: 15px !important;
	text-align: center;
	margin-bottom: 20px !important;
	transition: background 0.2s;
}

.cart_totals {
	  border-top: 1px solid #D5D8DA73;
    padding-top: 20px;
}

.cart-collaterals a.generate-btn:hover {
	background: #CE0E2D !important;
}


/* 
 * 
 * 	HOMEPAGE CAROUSEL
 * 
 * 
*/

.brand-title, .theme-title, .supplier-title {
	font-size: 16px !important;
	font-weight: 500 !important;
}

/* STAR RATING */

.product-rating .star {
	color: #efbf37;
	font-size: 25px;
}

























/* Carousel Orbs */

.slick-dots {
    position: absolute;
    bottom: -30px; /* Adjust the distance from the carousel */
    left: 50%;
	list-style: none;
    transform: translateX(-50%); /* Center the dots */
    display: flex; /* Align dots horizontally */
    justify-content: center; /* Center align items */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

.slick-dots li {
    margin: 0 5px; /* Space between dots */
}

.slick-dots button {
    background: #000; /* Background color for inactive dots */
    border: none; /* Remove default border */
		padding: 0;
		font-size: 0;
    border-radius: 50%; /* Make dots round */
    width: 12px; /* Diameter of the dots */
    height: 12px; /* Diameter of the dots */
    opacity: 0.5; /* Inactive opacity */
    transition: opacity 0.3s ease; /* Smooth transition for opacity */
}

.slick-dots .slick-active button {
    opacity: 1; /* Active opacity */
    background: #000; /* Change to a different color for active dot */
}

/* Optional: Add hover effect */
.slick-dots button:hover {
    opacity: 0.8; /* Change opacity on hover */
}




/* Frontpage carousel arrows */

.custom-brand-carousel .slick-prev,
.custom-brand-carousel .slick-next,
.custom-supplier-carousel .slick-prev,
.custom-supplier-carousel .slick-next,
.custom-theme-carousel .slick-prev,
.custom-theme-carousel .slick-next, 
.new-subcategory-product-carousel .slick-next,
.recently-viewed-carousel .slick-next, .recently-viewed-carousel .slick-prev {
	z-index: 9;
	background: unset;
	border-radius: 50%;
	border: 0;
}

.custom-brand-carousel .slick-prev i,
.custom-brand-carousel .slick-next i,
.custom-supplier-carousel .slick-prev i,
.custom-supplier-carousel .slick-next i, 
.custom-theme-carousel .slick-prev i,
.custom-theme-carousel .slick-next i, 
.new-subcategory-product-carousel .slick-next i,
.recently-viewed-carousel .slick-next i,
.recently-viewed-carousel .slick-prev i {
	font-size: 25px;
}

.custom-brand-carousel .slick-prev:hover,
.custom-brand-carousel .slick-next:hover,
.custom-brand-carousel .slick-prev:active,
.custom-brand-carousel .slick-next:active,
.custom-supplier-carousel .slick-prev:hover,
.custom-supplier-carousel .slick-next:hover
.custom-supplier-carousel .slick-prev:active,
.custom-supplier-carousel .slick-next:active,
.custom-theme-carousel .slick-prev:hover,
.custom-theme-carousel .slick-next:hover
.custom-theme-carousel .slick-prev:active,
.custom-theme-carousel .slick-next:active, 
.new-subcategory-product-carousel .slick-next:hover, 
.new-subcategory-product-carousel .slick-prev:hover,
.new-subcategory-product-carousel .slick-next:active, 
.new-subcategory-product-carousel .slick-prev:active,
.recently-viewed-carousel .slick-prev:active, 
.recently-viewed-carousel .slick-next:active, 
.recently-viewed-carousel .slick-prev:hover, .recently-viewed-carousel .slick-next:hover
{
	background: unset !important;
	opacity: 0.7;
	background: unset;
	color: #000;
	border: unset;
}

.custom-brand-carousel .slick-prev,
.custom-brand-carousel .slick-next,
.custom-supplier-carousel .slick-prev,
.custom-supplier-carousel .slick-next,
.custom-theme-carousel .slick-prev,
.custom-theme-carousel .slick-next,
.new-subcategory-product-carousel  .slick-prev,
.new-subcategory-product-carousel  .slick-next, .recently-viewed-carousel .slick-next, .recently-viewed-carousel .slick-prev {
	top: 35%;
}

.custom-brand-carousel .slick-arrow,
.custom-supplier-carousel .slick-arrow,
.custom-theme-carousel .slick-arrow,
.new-subcategory-product-carousel  .slick-arrow,
.recently-viewed-carousel .slick-arrow {
	outline: 0 !important;
	background: unset !important;
	border: 0 !important;
}


.custom-product-carousel .slick-next,
.custom-product-carousel .slick-prev,
.new-subcategory-product-carousel  .slick-next,
.new-subcategory-product-carousel .slick-prev,
.recently-viewed-carousel .slick-prev, .recently-viewed-carousel .slick-next {
	z-index: 9;
	background: unset;
	border-radius: 50%;
	border: 0;
	font-size: 25px;
}

.new-subcategory-product-carousel  .slick-prev {
	left: 5px;
}

.new-subcategory-product-carousel  .slick-next { 
	right: 0;
}

.new-subcategory-product-carousel  .slick-prev i, .new-subcategory-product-carousel  .slick-next i {
	opacity: 0.5;
}

.new-subcategory-product-carousel:hover  .slick-prev i, .new-subcategory-product-carousel:hover  .slick-next i {
	opacity: 1;
}


.new-subcategory-product-carousel  .slick-prev i { 
  background: #FFF;
  padding: 8px 13px 8px 11px;
  border-radius: 50%;
	border: 2px solid #DDD;
}

.new-subcategory-product-carousel  .slick-next i {
  background: #FFF;
  padding: 8px 11px 8px 13px;
  border-radius: 50%;
	border: 2px solid #DDD;	
}

.custom-product-carousel .slick-prev:hover,
.custom-product-carousel .slick-next:hover {
	opacity: 0.7;
	background: unset;
	color: #000;
	border: unset;
}

.custom-product-carousel .slick-next:active {
	border: 0;
}

.custom-product-carousel .slick-arrow {
	outline: 0 !important;
	background: unset !important;
	border: 0 !important;
}

.slick-next {
	position: absolute;
	right: -25px;
	top: 25%;
	padding: 4px 9px 2px 11px;
	color: #000;
}

.slick-prev {
	position: absolute;
	left: -25px;
	top: 25%;	
	padding: 2px 11px 4px 9px;
	color: #000;
}


.slick-prev i, .slick-next i {
	color: #000;
}

/* Brand carousel */



.custom-brand-carousel .carousel-item img {
	background: unset !important;
}

.custom-brand-carousel .carousel-item .brand-title {
	text-align: center;
}

/* Supplier carousel */

.custom-supplier-carousel .carousel-item img {
	padding; 2px !important;
	border: 5px solid #eee; 
	background: #a9a7a3 ;
}

/* Product carousel */

.custom-product-carousel,
.recently-viewed-carousel {
				display: flex;
				overflow-x: scroll;
				scroll-snap-type: x mandatory;
				overflow-x: unset;
}


.carousel-item:hover {
	opacity: 0.7;
}

.carousel-item {
	flex: 0 0 12.5%; /* Show 8 items at a time */
	box-sizing: border-box;
	padding: 10px;
	scroll-snap-align: start;
	text-align: left;
}

.custom-product-carousel .carousel-item img {
	height: 200px;
	max-height: 200px;
}

.carousel-item img,
.placeholder-image {
	width: 100%;
	height: auto;
	display: block;
	background-color: #e2e0da;
	border-radius: 10px;
}

.placeholder-image {
	height: 210px; /* Set a fixed height for placeholder */
	background: #e2e0da;
	border-radius: 15px;
}

.recently-viewed-carousel { width: 100%; }

.recently-viewed.carousel .slick-track, .recently-viewed-carousel .slick-list {
	width: 100% !important;
}


.custom-product-carousel .product-title,
.custom-product-carousel .product-price,
.product-grid .product-title,
.recently-viewed-carousel .product-title {
        margin: 10px 0;
                color: #333;
				font-size: 1em;
                text-align: left; /* Align text to the left */
            }


.product-title,
.product-price {
    margin: 10px 0;
    color: #333;
}


.product-title:hover,
.product-price:hover {
	color: #000;
	text-decoration: underline;
}

.dgwt-wcas-suggestions-wrapp {
	padding: 0 !important;
	margin: 10px 10px 0 10px !important;
	border-radius: 25px !important;
  background: #EEE;
	border: 3px solid #eee !important;
}

.dgwt-wcas-suggestions-wrapp a {
  background: #fafafa;
  border: 0 solid #ccc !important;	
}

.daily-sync-price {
		color: #111;
    font-weight: 500;
    line-height: 1em;
    font-size: 15px;
    margin-top: 5px;
}

.daily-sync-price .price-amount {
	color: #d40d2c;
}

/* Single individual product page */

/* Colour add on count radio */	
	
.imprint-color-input {
    -webkit-appearance: none; /* Remove default slider appearance */
    width: 100%;
    height: 8px;
    background: #eee; /* Background color */
    border-radius: 5px; /* Rounded edges for the track */
    outline: none; /* Remove the outline */
}

/* Custom thumb (circle in the middle) */
.imprint-color-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px; /* Size of the thumb */
    height: 20px;
    background: #000; /* Black circle */
    border-radius: 50%; /* Make it a circle */
    cursor: pointer; /* Cursor changes to pointer on hover */
}

.imprint-color-input::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 50%;
    cursor: pointer;
}
	
/* Logo container */
	
	.logo-upload {
		display: flex;
		flex-wrap: wrap;
	}
	
	.logo-upload h5 {
		display: flex;
		flex: 100%;
	}
	
.logo-upload .logo-upload-input-container {
	flex: 1;
	display: flex;
	height: 150px;
	background: #EEE;
	align-items: center;
	justify-content: center;
}
	


.logo-upload .logo-upload-preview {
    background: #DDD;
	width: 150px;
    height: 150px;
    justify-content: center;
    align-items: center;
    display: flex;
	flex: 1;
}
	
	.logo-upload .logo-upload-preview img {
   		width: 100%; /* Ensures the image fills the container */
    	height: 100%; /* Ensures the image fills the container */
    	object-fit: contain; 
		display: none;
		padding: 4%;
	}
	
/* Price breakdown */

#price-breakdown p {
	margin-block-end: 0;
	color: #000;
}

#price-breakdown p strong {
	font-weight: 500;
}
	
.product-meta-data {
	display: flex;
	gap: 15px;
	margin-top: 10px;
}

.stock-status {
	font-size: 18px;
}

.stock-status .in-stock,
.stock-status .stock-info {
	color: #FFF;
	padding: 3px 12px;
	border-radius: 25px;
	background: #46bd46;
	font-weight: 700;
}

.stock-status .no-stock {
	color: darkred;
	font-weight: 700;
}

.asi-product-template {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
    border-top: 1px solid #DDD;
    box-shadow: 0px 5px 5px #EEE inset;
}

.asi-product-template .rank-math-breadcrumb {
    display: flex;
    width: 100%;
    background: #EEE;
    padding: 10px 35px;
    border-bottom: 1px solid #DDD;
}
	
	.asi-product-template .rank-math-breadcrumb a:hover {
		color: #ce0e2d;
	}
	
	.asi-product-template .rank-math-breadcrumb span {
		color: #000;
	}
	
	.product-action-bar {
		position: absolute;
		top: 15px;
		right: 15px;
	}
	
	.asi-product-template #add-to-cart-btn {
		background: #000;
		border-radius: 5px;
		font-size: 18px;
		border: 0;
	}
	
	.asi-product-template #product-inquiry {
		background: #000;
		border-radius: 5px;
		border: 0;
		font-size: 18px;
		margin-right: 3px;
	}
	
	.asi-product-template .rank-math-breadcrumb p {
 		margin-block-end: 0 !important;
	}

.asi-product-template .asi-product-container {
	max-width: 100%;
	width: 100%;
	padding-top: 25px;
}

.product-left-sidebar {
    float: left;
    width: 30%;
    padding: 20px;
}

.product-right-sidebar {
    float: right;
    width: 70%;
    padding: 40px 20px 20px 20px;
	position: relative;
}

#total-price {
	display: none;
}

.product-right-sidebar h1 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
	margin: 0;
	padding-top: 0;
	margin-bottom: 5px;
}

.main-product-image img {
    width: 100%;
    height: auto;
}

.product-image-slideshow img {
    width: 60px;
    height: 60px;
    margin: 5px;
    cursor: pointer;
    border: 2px solid transparent;
	object-fit: contain;
}

.product-image-slideshow img:hover {
    border-color: #ccc;
}

.product-tabs {
    border-top: 1px solid #eee;
    margin-top: 25px;
    padding-top: 25px;	
}

.tab-menu {
    list-style-type: none;
    padding: 0;
}

.tab-menu li {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #f0f0f0;
    border-radius: 5px 5px 0 0;
	margin-bottom: -2px;
}
	
	

.tab-menu li.active {
    background-color: #ffffff;
	background: #000;
	color: #FFF;
}

.tab-content {
    display: none;
    padding: 20px;
    background-color: #ffffff;
    border: 2px solid #ddd;
}
	
	.tab-content strong {
		color: #000;
	}

.tab-content.active {
    display: block;
}
	
	
	.tab-content .pricing-table thead tr th {
		background: #000;
		border: 0;
	}
	
	.tab-content .pricing-table thead:first-child,
	.tab-content .pricing-table tr:first-child {
		border-radius: 15px;
	}
	
	.tab-content .pricing-table thead:last-child,
	.tab-content .pricing-table tr:last-child {
		border-radius: 15px;
	}
	
	table thead:first-child tr:first-child th {
		border-block-start: 0 !important;
	}
	
	.pricing-table {
		border: 0;
		background: #FAFAFA;
	}
	
	.product-tabs h3 {
		padding-bottom: 0;
		margin-bottom: 0;
		font-size: 40px;
		color: #000;
		font-weight: 500;
	}
	
	.pricing-table th, .pricing-table td {
		border: 0 !important;
	}
	
	.tab-content .pricing-table tr th:first-child {
		border-radius: 15px 0 0 0;
	}
		
	.tab-content .pricing-table tr th:last-child {
		border-radius: 0 15px 0 0;
	}
	
	.pricing-table tr:last-child td:first-child {
		border-radius: 0 0 0 15px !important;
	}

	.pricing-table tr:last-child td:last-child {
		border-radius: 0 0 15px 0 !important;
	}
	
	.tab-content .pricing-table thead {
		background: #000;
		color: #FFF;
	}
	
	.imprint-table h4,
	#imprint h4,
	#production-shipping h4 {
		border-top: 1px solid #DDD;
		padding-top: 15px;
	}
	
	.imprint-table h5 {
		margin-bottom: 0;
	}
	
	.charges-details ul {
		padding: 0;
		list-style: none;
	}

.product-buttons {
    margin-top: 20px;
}

.product-buttons .btn-request-info {
    background-color: #e62631;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
}

.product-buttons .btn-request-info:hover {
    background-color: #000;
	border: 0;
}
	
	.grand-total-container strong {
		color: #000;
		font-size: 16px;
	}
	
/* PRICING TABLE */

.pricing-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.pricing-table th, .pricing-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.pricing-table th {
    background-color: #f4f4f4;
    font-weight: bold;
}
	
/* LOAD PAGE TRANSITION */


.product-left-sidebar, .product-right-sidebar {
  opacity: 0;
  animation: fadeInOut 0.5s forwards;
  animation-delay: 0.5s;
}

/* Add the fade-out animation after 3 seconds */
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
	

/* REQUEST INFO - Basic styles for request info section */

#request-info-section { margin-top: 20px; }

#request-info-section input, 
#request-info-section select,
#request-info-section textarea {
	background: #EEE;
	color: #000;
	border: 0;
}

.request-info-options { margin-bottom: 0; padding: 15px; padding-top: 60px;  border: 2px solid #ddd;  position: relative; border-radius: 10px; }
	
	.request-info-options .option-header {
		background: #CE0E2D;
		border-radius: 10px 10px 0 0;
		color: #FFF;
		width: 100%;
		display: flex;
		padding: 10px 15px;
		position: absolute;
		font-weight: 500;
		top: 0;
		left: 0;
		font-size: 18px;
	}	
	
	
.color-options, .imprinting-options, .quantity-options { margin-bottom: 10px; }

.quantity-input { width: 100%; padding: 5px; background: #EEE; border: 0 !important; }

.imprinting-details {
	display: block;
	border-left: 5px solid #ccc;
	padding-left: 25px;
	margin: 25px 0 !important;
}
	
.imprinting-details, 
.logo-upload {
	display: none;
}
	
.variation-product-detail-container { 
	background: #EEE;
	border: 1px solid #DDD;
	padding: 10px 22px;
	border-radius: 5px;
}
	
.variation-product-detail-container {
	margin-bottom: 5px;		
}
	
	.variation-product-detail-container:last-child {
		margin-bottom: 0;
	}
	
	#product-detail h4,
	#pricing h4 {
		border-top: 1px solid #DDD;
    	padding-top: 15px;
	}

.imprinting-select, .size-select, .quantity-input { width: 100%; padding: 10px; margin-bottom: 10px; background: #EEE !important; border: 0; }

.btn-add-more { margin-top: 20px; background-color: #007bff; color: #fff; padding: 10px 20px; cursor: pointer; border: none; }















/* ARCHIVE - INNER PAGE */

		
	.archive-banner-overlay {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.2);
		width: 100%;
		height: 100%;	
	}
	.custom-product-archive {
	    display: flex;
		padding: 50px 20px;
		background: border-box;
	}
	.archive-banner h1, .archive-banner nav {
		position: relative;
		z-index: 3;
	}
	.custom-product-archive .left-sidebar {
		width: 20%;
		padding: 0;
		padding-right: 20px;
		border-right: 1px solid #ddd;
		margin-right: 20px;	
	}

	.product-archive-count {
		font-size: 18px;
		font-weight: 500;
		text-align: right;
		justify-content: start;
		display: flex;
		padding-bottom: 10px;	
	}
	.custom-product-archive .product-image-container img {
		padding: 10px;
	}
	.custom-product-archive .product-data-container {
		background: #FAFAFA;
		border: 1px solid rgba(0, 0, 0, 0.05);
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		align-content: center;
		padding: 20px;
		border-radius: 0 0 5px 5px;
	}
	.custom-product-archive .product-data-container h2,
	.custom-product-archive .product-data-container p { 
		margin: 0;
	}
	.custom-product-archive .product-image-container {
		border: 1px solid rgba(0,0,0,0.05);
		border-bottom: 0;
	}
	.archive-banner {
		height: 340px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: white;
		text-align: center;
		position: relative;
		background-size: cover;
		background-position: center right;
		flex-wrap: wrap;
		align-content: flex-end;
		border: 0;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	.archive-banner h1 {
		width: 100%;
		font-size: 100px;
		margin: 0;
		margin-bottom: 5px;
		color: #FFF;
		text-align: left;
	}
	.archive-banner .rank-math-breadcrumb {
		font-size: 20px;
		font-weight: 500;
		color: #FFF;
		margin-top: 5px;
	}
	.archive-banner .rank-math-breadcrumb a {
		color: #FFF;
	}
	.archive-banner .rank-math-breadcrumb .seperator {
		margin: 0 10px;
	}
	.custom-product-archive .left-sidebar select,
	.custom-product-archive .left-sidebar input {
		background: #EEE !important;
		border: 0;
	}
	.custom-product-archive .left-sidebar h3 {
		font-size: 18px;
		position: relative;
	}
		
	.custom-product-archive .left-sidebar h3 .toggle-icon {
		position: absolute;
		right: 10px;
	}
		
	.custom-product-archive .left-sidebar h4 {
		font-size: 16px;
		margin: 0;
		padding: 0;
		padding-top: 15px;
		margin-top: 15px;
		margin-bottom: 4px;
		font-weight: 500;
	}
	.custom-product-archive .left-sidebar h4:first-child {
		margin-top: 0; 
	}
	.custom-product-archive .left-sidebar button {
		background: #000;
		border: 0;
		color: #FFF;
		width: 100%;
		margin-top: 8px;
	}
		
	.custom-product-archive .left-sidebar button:hover {
		opacity: 0.8;
	}
		
	.filter-by-price-container {
		display: flex;
		flex-wrap: nowrap;
	}
		
	.filter-by-price-container input {
		width: 50%;
	}
		
	.filter-by-price-container input:first-child {
		margin-right: 4px;
	}
		
	.filter-by-price-container input:last-child {
		margin-left: 4px;
	}
		

		
	/* Pagination */
		
	.pagination {
		margin-top: 20px;
		text-align: center;
	}

	.page-numbers {
		list-style: none;
		padding: 0;
	}

	.page-numbers li {
		display: inline;
		margin: 0 5px;
	}

	.page-numbers a {
		text-decoration: none;
		padding: 5px 10px;
		height: 32px;
		width: 32px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background-color: #000;
		border: 0;
		color: #fff;
		border-radius: 50%;
	}

	.page-numbers .current {
		text-decoration: none;
		padding: 5px 10px;
		height: 32px;
		width: 32px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background-color: #CE0E2D;
		border: 0;
		color: #fff;
		border-radius: 50%;
	}

	.page-numbers a:hover {
		background-color: #CE0E2D;
	}
		
		.product-grid {
			display: grid; 
			grid-template-columns: repeat(5, 1fr); 
			gap: 10px;
		}

		.products-area {
			width: 80%;
		}		

		.filter-heading .toggle-icon {
			display: none;
		}
		
	@media screen and (max-width: 1100px){
		.archive-banner	{
    		padding: 50px 25px;
		}
		.product-grid {
    		grid-template-columns: repeat(4, 1fr);
		}
		.product-archive-count {
			font-size: 16px;
		}
		.product-grid .product-title {
			font-size: 14px;
		}
		.daily-sync-price {
			font-size: 13px;
		}
		.filter-by-price-container input,
		.custom-product-archive .left-sidebar select,
		.custom-product-archive .left-sidebar button {
			font-size: 14px;
		}
	}
		
	@media screen and (max-width: 767px){
		.custom-product-archive {
			flex-wrap: wrap;
		}
		.products-area {
			width: 100%;
		}
		.custom-product-archive .left-sidebar {
			width: 100%;
			margin: 0;
			border: 0;
			padding: 0;
		}	
		
		
		.brand-filter-icons {
			justify-content: center;
		}
		.custom-product-archive .left-sidebar h4 {
			text-align: center;
			border: 0;
		}
		.brand-icon {
			width: 33.3%;
		}
		.brand-filter-icons {
			gap: 0;
		}
		.custom-product-archive .left-sidebar .filter-container {
			margin-bottom: 25px;
		}
		.custom-product-archive .left-sidebar h4 {
			padding-top: 0;
		}
		.archive-banner .rank-math-breadcrumb {
			font-size: 16px;
		}
		
		.filter-heading .toggle-icon {
			display: inline;
		}
		
	}
		
	@media screen and (max-width: 600px){
		.custom-product-archive {
			padding: 0 10px 20px;
		}
	}
	
	@media screen and (max-width: 550px){
		.product-grid {
			grid-template-columns: repeat(2, 1fr);
		}
		.archive-banner {
			justify-content: center;
			background-size: contain;
			background-position: top center;
			background-repeat: no-repeat;
			background-color: #FFF;
		}
		.archive-banner h1 {
			text-align: center;
			font-size: 2.7em;
			color: #000;
		}
		.archive-banner {
			height: 180px;
			padding-bottom: 0;
		}
		.archive-banner-overlay {
			display: none;
		}
		.archive-banner .rank-math-breadcrumb,
		.archive-banner a {
			color: #000 !important;
		}
		.archive-banner .rank-math-breadcrumb a {
			font-weight: 400;
		}
		.filter-heading {
			font-size: 18px;
			border: 1px solid #ddd;
			border-radius: 15px;
			padding: 8px 20px;
			background: #eee;
		}
		.archive-banner p {
			margin: 0;
		}
	}		
		
		
		

































	@media screen and (max-width: 767px){
		/* Dropdown menu custom icons */
		
/* Dropdown menu custom icons */
/*li.menu-item-1082:before {
    content: '';
    display: inline-block;
    width: 20px; /* Adjust width as needed *//*
    height: 20px; /* Adjust height as needed *//*
    background: url("http://elitecore.ca/wp-content/uploads/2024/12/main-dropdown-navigation-t-shirt.svg") no-repeat center;
    background-size: contain;
    margin-right: 8px; /* Add spacing between icon and text *//*
    vertical-align: middle;
	display: flex; 
	align-items: center;
	align-content: center;
	height:100%;
	position: absolute;
	right: 3px;
}*/

		
		
		
		
		
		/* Main container */
		.asi-product-container {
			padding-top: 0;
		}
		.product-left-sidebar, .product-right-sidebar {
			width: 100%;
		}
		.product-left-sidebar {
			padding: 0;
		}
		.main-product-image {
			display: flex;
			justify-content: center;
		}
		.main-product-image #mainImage { 
			width: 50%;
			justify-content: center;
			display: flex;
		}
		.asi-product-template .rank-math-breadcrumb {
			justify-content: center;
		}
		.product-right-sidebar {
			padding-top: 65px !important;
		}
		.product-image-slideshow { height: 80px; overflow: hidden; overflow-x: scroll; display: flex ; padding: 0 10px; } 
		
		.asi-product-template .rank-math-breadcrumb {
 			background: unset;
			border: 0;
		}
		.asi-product-template {
			box-shadow: unset;
			padding-top: 10px;
			border: 0;
		}
.product-action-bar {
    position: absolute;
    width: 100%;
    top: 15px;
    right: 0;
    display: flex;
    padding: 0 20px;
    flex-wrap: nowrap;
	}
		
		.product-action-bar a,
		.product-action-bar button {
			width: 50%;
			font-size: 15px !important;
		}
	
		.tab-menu li { display: flex ; justify-content: center; align-items: center; }
		
		.tab-menu li i {
			margin-right: 4px;
			font-size: 20px;
		}
		
	}







































@media screen and (max-width: 767px){
	.custom-brand-carousel .slick-prev i,
.custom-brand-carousel .slick-next i,
.custom-supplier-carousel .slick-prev i,
.custom-supplier-carousel .slick-next i, 
.custom-theme-carousel .slick-prev i,
.custom-theme-carousel .slick-next i{
	font-size: 16px;
}
.custom-product-carousel .slick-next, .custom-product-carousel .slick-prev {
	font-size: 16px;
}
	
	.slick-dots button {
		width: 8px;
		height: 8px;
	}
	
	.custom-brand-carousel h2, .custom-supplier-carousel h2 {
		margin: 0;
	}
	
.subcategory-header {
	padding: 0;	
	}
	
	.recently-viewed-accordion-header .accordion-title {
		font-size: 16px;
	}	
	
	
}


@media screen and (max-width: 550px){
		.product-meta-data {
		flex-wrap: wrap;
		align-content: flex-start;
		gap: 0;
			padding: 5px 0px;
			margin: 0;
	}	
	
		.product-meta-data .stock-status {
	margin-bottom: 10px;

	}
	
	.min-order-info {
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}
	
	.product-meta-data .stock-info {
		border-radius: 15px; 
		font-size: 15px; 
		font-weight: 500;
		padding: 10px;
		line-height: 1em;
		width: 100%;
		display: flex; 
		justify-content: center;
	}
	
	.min-order-info .min-order-text {
		font-size: 15px;
		font-weight: 500;
	}
}