/* =============== TYPOGRAPHY =============== */

:root, html, body {
	/* font-size: 13px;
	line-height: 1.4em;
	color: #3c434a;
	background: #f0f0f1; */
	/* min-width: 600px; */
	/* --e-a-color-white: #000;
	--e-a-color-black: #fff; */

	/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
	--borderradius: 3px !important;
	--borderradius: 3px !important;
	--bs-body-color: #ededed;
	--cg-color-white: #ffffff;
	--cg-color-gold: #B98531;
	--cg-color-terracotta: #FFA500;
	--cg-color-artura: #ffd500; 
	--cg-color-artura: #ffbf00;/* 
	--cg-color-artura: #D8B946; */

	--cg-color-grey : #282828;
	--cg-color-slate : #3b3b3b;
	--cg-color-midnight : #171717;
	--cg-color-charcoal : #141414;
	--cg-color-asphalt : #0F0F0F;
	--cg-color-asphalt : #0B0B0B;
	color: #eeeeee !important;
	
	
	font-weight: normal !important;
	line-height: normal !important;
	letter-spacing: normal;
	font-variant-numeric: lining-nums !important;
	text-size-adjust: none !important;
	-webkit-text-size-adjust: none !important;
	font-smooth: smooth !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	font-kerning: optimizelegibility !important;
	text-rendering: optimizeLegibility !important;
	font-synthesis: none !important;
	font-optical-sizing: auto !important;
	dominant-baseline: text-bottom !important;
	
	--univRem: 13px;
	@media (min-width: 1650px) 	{ --univRem: 14px; }
	@media (max-width: 1650px) 	{ --univRem: 14px; }
	@media (max-width: 1440px) 	{ --univRem: 13.5px; }
	/*@media (max-width: 1400px) 	{ --univRem: 15px; }
	@media (max-width: 1300px) 	{ --univRem: 15px; }
	@media (max-width: 1100px) 	{ --univRem: 15px; } */
	@media (max-width: 768px) 	{ --univRem: 11.5px; }
	/* @media (max-width: var(--cg-FieldWidth)) 	{ --univRem: 13px; }
	@media (max-width: 400px) 	{ --univRem: 13px; } */
	--cgap: 10px !important;
	--cgut: 5px !important;
	--cg-FieldMedium: 28px;
	--cg-FieldHeight: 36px;
	--cg-FieldLarge: 42px;
	--cg-FieldWidth: 580px;
	font-size: var(--univRem) !important;

	--glass_Silver__Image:
		radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;
	--glass_Silver__Background:
		rgba(31, 31, 31, .2);
	--glass_Silver__Box:
		inset 2px 2px 0 -1px hsla(0, 0%, 100%, .4), inset -2px -2px 0 -1px hsla(0, 0%, 100%, .4), inset 20px 15px 40px -10px rgba(0, 0, 0, .2), inset -10px -10px 20px -10px hsla(0, 0%, 100%, .3);

	
	/* color: #eeeeee !important; */
}

/* ================= STICKY CALCULATIONS ================= */

:root {
    --cg-HeaderHeight: 60px;
	--wp-admin-offset: 0px; 
}
:root:has(body.admin-bar) {
    --wp-admin-offset: 32px;
}
@media (max-width: 768px) {
    body.admin-bar {
        /* --wp-admin-offset: 46px; */
		--wp-admin-offset: 0;
    }
}

:root {
	--cg-HeaderSticky: var(--wp-admin-offset);
	--cg-GallerySticky: calc(var(--cg-HeaderHeight) + var(--wp-admin-offset));
}
html, body {
    overflow-x: visible !important; 
}
#wrapper {
    /* overflow-x: hidden !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important; */
}
/* ================= GENERAL ================= */

body {
	font-size: var(--univRem) !important;
	background-color: var(--cg-color-asphalt) !important;
}
#wpadminbar {
	@media (max-width: 768px) {
		display: none !important;
	}
}
#wpadminbar [class*="listeo"],
#wpadminbar [id*="listeo"],
.wp-admin-bar-listeo-update-available,
#wp-admin-bar-listeo-update-available {
	display: none !important;
}
#wrapper {
	background: #101010 !important;
	background: #0A0A0A !important;
	background-color: #02020233 !important;
	background-color: #020202 !important;
	/* background-color: var(--cg-color-asphalt) !important; */
	color: #eeeeee !important;
}
#page {
}
.jvCurrency {
	@media (min-width: 768px) {
		display: none !important;
	}
	@media (max-width: 768px) {
		display: none !important;
	}
}
.jvSingleProd__Currency {
	@media (min-width: 768px) {
		/* font-size: 1.4rem !important; */
	}
}
[data-bs-theme=dark] {
	/* --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035; */

	--bs-body-bg: var(--cg-color-asphalt) !important;
    --bs-body-bg-rgb: var(--cg-color-asphalt) !important;
    --bs-emphasis-color: #fff !important;
    --bs-emphasis-color-rgb: 255, 255, 255 !important;
    --bs-secondary-color: rgba(222, 226, 230, 0.75) !important;
    --bs-secondary-color-rgb: 222, 226, 230 !important;
    --bs-secondary-bg: var(--cg-color-grey) !important;
    --bs-secondary-bg-rgb: var(--cg-color-grey) !important;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5) !important;
    --bs-tertiary-color-rgb: 222, 226, 230 !important;
    --bs-tertiary-bg: var(--cg-color-midnight) !important;
	--bs-tertiary-bg-rgb: var(--cg-color-midnight) !important;
}

.onsale, 
.woocommerce span.onsale, 
.woocommerce-page span.onsale,
.wc-block-grid__product-onsale,
.ast-onsale-card,
.product-label.onsale,
.listeo-woocommerce-grid-item span.onsale,
.woocommerce-listing-item span.onsale,
body .onsale {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.text-body-secondary {
	color: white !important;
}
.save-search-dialog {
	display: none !important;
}

#wp-admin-bar-search
{
	display: none !important;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: unset !important;
    display: none !important;
}
h1, h2, h3, h4, h5, h6, p, li, blockquote {
	color: #ffFFff !important;
	margin: 0 !important;
	
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
input[type="button"],
input[type="submit"],
button,
#tiptip_content,
.map-box p,
.map-box div,
.numerical-rating .rating-counter,
body .menu-responsive i.menu-trigger:after {
	font-family: Lato, "Lato", Inter, Tillium, "Tillium", "Inter", Inter, sans-serif !important;
}
/*
MARK: p, li
*/
/* p, p *:not(i), p *, */
/* =============== P, LI =============== */
p
{
	line-height: 170% !important;
	font-weight: normal !important;
}
p, li, blockquote {
	color: #e2e2e2 !important; 
	color: #ececec !important;/* 
	color: #d9dadb !important;
	color: #cdcdcef0 !important; */
}
a {
	/* text-decoration: underline solid #ffffff00 2px !important; */
	text-decoration: none !important;
}
a:hover {
	/* text-decoration: underline solid #ffffff2c 2px !important; */
	text-decoration: none !important;
}
/*
MARK: h1
*/
/* =============== HEADING 0NE =============== */
h1
{
	font-family: 'BBH Bartle Regular', Inter, Tillium, "Tillium", "Inter", Inter, sans-serif;
	font-size: 4.5rem;
	letter-spacing: -0.05em !important;
	font-weight: 900 !important;
	/**/
	/* font-family: 'BBH Bogle', 'BBH Bogle Regular', BBH Bogle Regular, 'BBHBogle', 'BBH-Bogle-Condensed', 'BBH Bogle Condensed', sans-serif !important; */
	/* font-family: 'BBH Bogle', Inter, Tillium, "Tillium", "Inter", Inter, sans-serif !important; */
	font-family:  "PP Right Grotesk Narrow" !important;
	font-size: 9.0rem !important;
	font-weight: 400 !important;
	font-weight: 900 !important;
	letter-spacing: normal !important;
	line-height: 100% !important;
	@media (max-width: 768px) {
		/* font-family: 'BBH Bogle', Inter, Tillium, "Tillium", "Inter", Inter, sans-serif !important; */
		font-family:  "PP Right Grotesk Narrow" !important;
		font-size: 2.5rem !important;
	}
}
*:is(#h1a, .h1a) h1 {
	
	font-size: 3.3rem;
	font-weight: 800 !important;
	font-weight: normal !important;
	line-height: 95% !important;
	@media (max-width: 768px) {
		font-size: 3.1rem !important;
	}
}
.elementor-element h2 {
	font-family: 'BBH Bartle', Inter, Tillium, "Tillium", "Inter", Inter, sans-serif !important;
	/* font-family: 'BBH Bogle', Inter, Tillium, "Tillium", "Inter", Inter, sans-serif !important; */
	font-family:  "PP Right Grotesk Wide" !important;
	font-family:  "PP Right Grotesk Tight" !important;
	font-size: 6.0rem;
	letter-spacing: normal !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;

	color: var(--cg-color-white);
	@media (max-width: 768px) {
		font-size: 3.0rem !important;
		text-transform: capitalize !important;
		
	}
}
/* .h2a, #h2a {
	font-family: 'PP Right Grotesk Tight', "Inter", Inter, sans-serif !important;
	letter-spacing: normal !important;
	font-weight: normal;
} */
.fs-1 {
	font-family: 'PP Right Grotesk Tight', "Inter", Inter, sans-serif !important;
	letter-spacing: normal !important;
	height: 100% !important;
}/* 
.h2c, #h2c {
	font-family: 'PP Right Grotesk Tight', "Inter", Inter, sans-serif !important;
	letter-spacing: normal !important;
} */
h3 {
	font-size: 1.3rem !important;
	font-weight: 700 !important;
	line-height: 110% !important;
	@media (max-width: 768px) {
		font-size: 1.3rem !important;
	}
}
h3.h3heading {
	font-size: 1.13rem !important;
	font-weight: 600 !important;
	padding-bottom: 0rem !important;
	margin-bottom: 0.9rem !important;
	@media (max-width: 768px) {
		font-size: 1.1rem !important;
		padding-top: 0.5rem !important;
		margin-bottom: 0.6rem !important;
		opacity: 0.9 !important;
		/* font-weight: 300 !important; */
	}
}
h4 {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	/* text-transform: uppercase !important;
	letter-spacing: 1.0px !important;
	font-size: 0.8rem !important; */
}
h5 {
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	@media (max-width: 768px) {
		opacity: 0.9 !important;
	}
}
h6 {
	font-size: 1rem !important;
	font-weight: 300 !important;
	opacity: 0.8 !important;
	
}
.jvBlockHeading {
	/* font-size: 1.3rem !important; */
	font-weight: 700 !important;
	padding-bottom: 0 !important;
	
}

.display-1 {
	font-family:  "PP Right Grotesk Tight" !important;
	font-size: 9.0rem;
	letter-spacing: normal !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 80% !important;
}
.display-2 {

}
.display-3 {
	font-family:  "PP Right Grotesk" !important;
	font-size: 2.5rem !important;
	letter-spacing: normal !important;
	font-weight: 900 !important;
	/* text-transform: uppercase !important; */
	padding: 0 !important;
	margin: 0 !important;
	line-height: 100% !important;
}

.tx_white_gradient {
	background: linear-gradient(
        to bottom, 
        var(--cg-color-white) 0%, 
        var(--cg-color-white) 40%, 
        rgba(255, 255, 255, 0.35) 100%
    );
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
	filter: drop-shadow(0px 3px 4px rgba(255, 255, 255, 0.45)) !important;
}
.tx_gold_gradient {
	background: linear-gradient(
        to bottom, 
        var(--cg-color-artura) 0%, 
        var(--cg-color-gold) 40%, 
        rgba(90, 64, 24, 0.35) 100%
    );
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
	filter: drop-shadow(0px 3px 4px rgba(185, 133, 49, 0.45)) !important;
}
.tx_black, .tx_black *, #tx_black * {
	color: var(--cg-color-asphalt) !important;
}

/*
MARK: Header
*/

/* =============== HEADER =============== */


header, header#header-container {
	position: sticky !important;
	z-index: 1000 !important;
	top: var(--cg-HeaderSticky) !important;
	height: var(--cg-HeaderHeight) !important;
    max-height: var(--cg-HeaderHeight) !important;
	background: #000000 !important;
	background: #00000000 !important;
	padding: 0 !important;
	
	@media (max-width:768px) {
		top: 0 !important;
		position: relative !important;
		display: none !important;
	}
	
	#header {
		width: 100% !important;
    	height: 100% !important;
		background: #00000000 !important;
		background: #141414dd !important;
		background: #0B0B0Bdd !important;
		border: 0.5px solid #ffffff15 !important;
		backdrop-filter: blur(5px) !important;
		-webkit-backdrop-filter: blur(5px) !important;
		padding: 0 !important;
	}

	.jvContained, .container, .container-fluid {
		width: 100% !important;
    	height: 100% !important;
		padding: 1rem 1rem !important;
		background: none !important;
		/* background: #141414dd !important;
		background: #0B0B0Bdd !important;
		border: 0.5px solid #ffffff15 !important;
		backdrop-filter: blur(5px) !important;
		-webkit-backdrop-filter: blur(5px) !important; */
		@media (max-width: 768px) {
			padding: 5px !important;
		}
	}
	section {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 1rem !important;
	}
	.cloned {
		display: none !important;
	}
	#main-menu {
		gap: 5px !important;
	}

}







/* 


#header,header {
	background: none !important;
	#header {
		padding: 0 !important;
	}
	.cloned {
		display: none !important;
	}
}


header {
	padding: 1rem !important;
	height: 85px !important;
	@media (max-width: 768px) {
		padding: 5px !important;
	}
	.container, .jvContained, .container-fluid {
		padding: 1rem 1rem !important;
		background: #141414 !important;
		border: 0.5px solid #ffffff15 !important;
		@media (max-width: 768px) {
			padding: 5px !important;
		}
	}
	section {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 1rem !important;
	}
} */
.jvHeader__Left {
	ul {
		gap: 0.5rem !important;
	}
}
.jvHeader__Middle {
	@media (max-width: 768px) {
		display: none !important; 
	}
}
.jvContained {
	width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
}
header .container-fluid {
	/* background: #141414 !important;
	padding: 0.9rem 1rem !important;
	border-radius: var(--borderradius) !important;
	border: 0.5px solid #ffffff15 !important; */
	width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 0.5rem !important;
	.clearfix {
		display: none !important;
	}
	@media (max-width: 768px) {
		#navigation, .dropdown, button {
			display: none !important;
		}
	}
	.left-side {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-content: center !important;
		justify-content: flex-start !important;
		align-items: center !important;
		width: auto !important;
		max-width: auto !important;
		min-width: auto !important;
		flex-grow: 1 !important;
		@media (max-width: 768px) {
		/* font-size: 3.1rem !important; */
					align-items: stretch !important;
			width: 100% !important;
			max-width: 100% !important;
			min-width: 100% !important;
			flex-grow: 1 !important;
			justify-content: space-between !important;
			nav  {
				display: none !important;
			}
		}
	}
	
	.right-side {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: flex-end !important;
		align-content: center !important;
		align-items: center !important;
		width: auto !important;
		max-width: auto !important;
		min-width: auto !important;
		@media (max-width: 768px) {
		/* font-size: 3.1rem !important; */
			display: none !important;
		}
		.header-widget {
			height: var(--cg-FieldHeight);
			height: 32px !important;
			display: flex !important;
			flex-direction: row !important;
			justify-content: flex-end !important;
			align-content: center !important;
			align-items: center !important;
			width: auto !important;
			flex-wrap: nowrap !important;
			gap: 1rem !important;
			.user-menu, a {
				height: 32px !important;
				position: relative !important;
				display: inline-block !important;
				top: unset !important;
				padding: 0 !important;
				margin: 0 !important;
			}
			.user-menu {
				width: 100% !important;
			}
			.user-menu:before {
				right: unset !important;
			}
			.user-name {
				width: 100% !important;
				min-width: unset !important;
				max-width: unset !important;
				display: flex !important;
				flex-direction: row !important;
				justify-content: center !important;
				align-content: center !important;
				align-items: center !important;
				width: auto !important;
				flex-wrap: nowrap !important;
				span {
					position: relative !important;
					top: unset !important;
					bottom: unset !important;
					right: unset !important;
					left: unset !important;
				}
				span img {
					height: 32px !important;
					width: 32px !important;
					aspect-ratio: 1/1 !important;
					border: none !important;
				}
			}
			.user-menu, .with-icon {
				display: none !important;
			}
		}
	}
	#listeo_logo, .logo {
		&, & a, & img {
			display: table-cell !important;
			width:auto !important;
			height: auto !important;
			min-width: auto !important;
			min-height: auto !important;
			padding: 0 !important;
			
			@media (max-width:768px) {
				height: 30px !important;
				max-height: 30px !important; 
				min-height: 30px !important; 
				visibility: hidden !important;
			}
		}
	}
	#logo img {
		max-height: var(--cg-FieldHeight) !important;
		height: var(--cg-FieldHeight) !important;
		visibility: hidden !important;
	}
	.listeo-cart-container {
		display: flex !important;
		position: relative !important;
		padding: 0 !important;
		margin: 0 !important;
		width: auto !important;
		flex-direction: row-reverse !important;
		.mini-cart-button {
			display: flex !important;
			height: 32px !important;
			width: 32px !important;
			aspect-ratio: 1/1 !important;
			border: none !important;
			flex-direction: row !important;
			justify-content: center !important;
			align-content: center !important;
			align-items: center !important;
			span {
				position:absolute !important;
				left: -10px !important;
			}
		}
		.listeo-cart-wrapper {
			display: flex !important;
			position: relative !important;
			top: unset !important;
			height: 100% !important;
			right: unset !important;
			left: unset !important;
		}
	}
	
}


#jvElemHero__Wrapper,
.jvElemHero__Wrapper {

	
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

#jvElemHero__SubWrapper,
.jvElemHero__SubWrapper {
	min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

#jvElemHero__TopCard,
.jvElemHero__TopCard {
	position: relative !important;
}

#jvElemHero__TopCardIMG,
.jvElemHero__TopCardIMG {
	position: absolute !important;
	z-index: 100 !important;
}


#jvElemHero__BotCard,
.jvElemHero__BotCard {
	/* display: grid !important;
	grid-template-columns: 21fr 27fr !important; */
}


#jvElemHero__CardGold,
.jvElemHero__CardGold {
    flex: 1 !important;
    display: flex !important;
	/* min-height: 55vh !important; */
	justify-content: flex-end !important;
	border-radius: var(--borderradius) !important;
}

#jvElemHero__CardBlack,
.jvElemHero__CardBlack {
	/* border-radius: var(--borderradius) !important;
	background: linear-gradient(
    to bottom right,
    #7e7e7e,
    #363636,
    #363636,
    #363636,
    #363636
  ); */
	/* background: #141414 !important;
	background: linear-gradient(45deg, rgba(20, 20, 20, 1) 0%, rgba(61, 61, 61, 0.58) 100%) !important; */

	/* background-color:hsla(0,0%,0%,1); */
	/* background: unset !important; */
	background-image:
	radial-gradient(at 40% 20%, hsla(14,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 52% 25%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(21,36%,7%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(48,30%,31%,1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(40,43%,28%,1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38,14%,5%,1) 0px, transparent 50%) !important;

	
 	background-image: var(--glass_Silver__Image);
  	background: var(--glass_Silver__Background);
  	box-shadow: var(--glass_Silver__Box);


	background-color: rgba(31, 31, 31, 0.2);
    box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .4), 
                inset -2px -2px 0 -1px hsla(0, 0%, 100%, .4), 
                inset 20px 15px 40px -10px rgba(0, 0, 0, .2), 
                inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);
    background-image:
        radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
        radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
        radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
        radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
        radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
        radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
        radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;
		
		&:hover {
			background: var(--cg-color-charcoal) !important;
			background-image:
			radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
			radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
			radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
			radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
			radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
			radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
			radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;

			/* backdrop-filter: blur(2px); */
			background: rgba(31, 31, 31, .2);
			border-radius: var(--borderradius);
			box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .4), inset -2px -2px 0 -1px hsla(0, 0%, 100%, .4), inset 20px 15px 40px -10px rgba(0, 0, 0, .2), inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);

		}
	::before, &::before {
		border-radius: var(--borderradius) !important;
	}
}


/*
MARK: Footer
*/

/* =============== FOOTER =============== */

#footer, footer  {
	background-color: black !important;
	padding-top: 2rem !important;
	padding-bottom: 3rem !important;
	background-color: var(--cg-color-charcoal) !important;
	background-color: black !important;

	@media (max-width: 768px)  {
		padding-bottom: 10rem !important;
	}

	ul.new-footer-social-icons, li {
		display: flex !important;
		flex-direction: row !important;
		gap: 5px !important;
	}
	.footer-new-bottom-inner {
		display: flex !important;
		flex-direction: row !important;
	}
	
	aside {
		padding: 0 !important;
	}
	.row div[class*="col-"]:nth-child(1) {
		img {
			height: 45px !important;
			padding-bottom: 5px !important;
			width: auto !important;
		}
	}
	.row div[class*="col-"]:nth-child(2) {
		margin-top: 50px !important;
		@media (max-width: 768px)  {
			margin-top: 0 !important;
		}
	}
	.row div[class*="col-"]:nth-child(3) {
		margin-top: 50px !important;
		text-align: right !important;
		
		display: flex !important;
		justify-items: flex-end !important;
		justify-content: flex-end !important;
		@media (max-width: 768px)  {
			margin-top: 0 !important;
			text-align: left !important;
			justify-items: flex-start !important;
			justify-content: flex-start !important;
		}
	}
	.row div[class*="col-"] {
		@media (max-width: 768px)  {
			justify-items: flex-start !important;
			justify-content: flex-start !important;
		}
	}
	.textwidget, .textwidget p {
		text-align: right !important;
		display: flex !important;
		align-items: flex-end !important;
		justify-items: flex-end !important;
		font-size: 0.7rem !important;
		opacity: 0.8 !important;
		@media (max-width: 768px)  {
			text-align: left !important;
		}
	}
}
#titlebar {
	display: none !important;
}



	
/*
MARK: Mobile Nav
*/

/* =============== MOBILENAV =============== */

@media (max-width:768px) {
	.cgAjaxSearch, #cgAjaxSearch
	,
	.listeo-cart-container,
	.btn:has(>i.fa-shopping-cart)
	{
		display: none !important;
	}
	.jvClassifications {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

	
/*
MARK: Mobile Header
*/

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


#jvMobileHeader {
	@media (min-width:768px) { display: none !important; }
	@media (max-width:768px) { display: flex !important; }

	z-index: 1000 !important;
	top: var(--cg-HeaderSticky) !important;
	background: #00000000 !important;
	padding: 0 !important;
	
	
	#header {
		width: 100% !important;
    	height: 100% !important;
		background: #00000000 !important;
		padding: 0 !important;
	}

	.jvContained, .container, .container-fluid {
		width: 100% !important;
    	height: 100% !important;
		padding: var(--cgut) !important;
	}
	section {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 1rem !important;
	}
	.cloned {
		display: none !important;
	}

}



	
/*
MARK: Nav Bottom
*/

/* =============== BOTTOM NAV MOBILE =============== */



.navBottom {
	@media (min-width:768px) { display: none !important; }
	@media (max-width:768px) { display: flex !important; }

	&, &#mobileNavBottom {
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 1450 !important;
		width: 100% !important;
	}
	width: 100vw !important;
	padding: 0 !important;
	opacity: 1 !important;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0) 100%) !important;

}
.navBot__Fade {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 0 !important;
	backdrop-filter: blur(5px) !important;
	-webkit-backdrop-filter: blur(5px) !important;
	mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
	-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
}
.navBotWrapper {
	position: relative !important;
	isolation: isolate !important;
	width: 100% !important;
	padding: 0rem !important;
	padding: 5px !important;
	background: #0f0f0fd6 !important;
	background: #0f0f0f !important;
	background: #151515d6 !important;
	background: #151515 !important;
	background: #15151501 !important;
	height: unset !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
	align-content: center !important;
	
}
 .navBotInner {
	display: table-cell !important;
	padding: 6px !important;
	display: grid !important;
	grid-auto-flow: column !important;
	grid-auto-columns: 1fr !important;
	gap: 10px !important;
	gap: var(--cgap) !important;
	gap: 0.5rem !important;
	/* content: "" !important; */
  	/* position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
  	inset: 0 !important;
 	z-index: 100 !important;
	height: 50px !important; */
	/* mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  top: 0 !important; */
	//background: #0f0f0fd6 !important;
	//background: #151515d6 !important;
	//background: #151515 !important;
	//background: #1b1b1bad !important;
	backdrop-filter: blur(5px) !important;
	-webkit-backdrop-filter: blur(5px) !important;
	border-radius: var(--borderradius) !important;
	border-radius: 10px !important;
	border-radius: 5px !important;

	/* background-image:
	radial-gradient(at 40% 20%, hsla(14,0%,0%,0.7) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(0,0%,0%,0.7) 0px, transparent 50%),
	radial-gradient(at 58% 25%, hsla(40,43%,28%,0.7) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(48,30%,31%,0.7) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(0,0%,0%,0.7) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(21,36%,7%,0.7) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38,14%,5%,0.7) 0px, transparent 50%) !important;


	// GLASS START
	background: rgba(31, 31, 31, .2);
	border-radius: var(--borderradius);
	box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .1), inset -2px -2px 0 -1px hsla(0, 0%, 100%, .1), inset 20px 15px 40px -10px rgba(0, 0, 0, .1), inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);
	// GLASS START */







	/* --- THE BACKGROUND VIBE --- */
	background-image:
	radial-gradient(at 40% 20%, hsla(14,0%,0%,0.7) 0px, transparent 60%),
	radial-gradient(at 0% 50%, hsla(0,0%,0%,0.7) 0px, transparent 60%),
	radial-gradient(at 58% 25%, hsla(40,43%,20%,0.5) 0px, transparent 60%),
	radial-gradient(at 0% 100%, hsla(48,30%,20%,0.5) 0px, transparent 60%),
	radial-gradient(at 80% 50%, hsla(0,0%,0%,0.5) 0px, transparent 60%),
	radial-gradient(at 80% 100%, hsla(21,36%,5%,0.5) 0px, transparent 60%),
	radial-gradient(at 0% 0%, hsla(38,14%,5%,0.6) 0px, transparent 60%) !important;


	/* --- THE HIGH-CONTRAST GLASS CONTAINER --- */
	/* Slightly lower opacity (0.25) makes the center clearer, like real washed glass */
	background: rgba(20, 20, 20, 0.25); 
	border-radius: var(--borderradius);
	border-radius: 5px !important;


	/* CRITICAL EDGES: Bright white top/left, but fading to a softer white on bottom/right */
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-top: 1px solid rgba(255, 255, 255, 0.45);
	border-left: 1px solid rgba(255, 255, 255, 0.45);

	/* THE EDGE CHROME SECRET: Layering deep shadows right under the white edges */
	box-shadow: 
		/* 1. Super dark, sharp outer shadow to make the bottom/right white borders pop */
		0 15px 35px rgba(0, 0, 0, 0.65), 
		/* 2. Sharp inner dark shadow right under the top white border to simulate glass thickness/refraction */
		inset 0 4px 8px rgba(0, 0, 0, 0.5), 
		/* 3. Tiny internal bright highlight for that crisp "specular" glint */
		inset 0 2px -5px rgba(255, 255, 255, 0.3);

	/* --- PERFORMANCE OPTIONAL BLUR --- */
	/* For maximum glassiness, blur is highly recommended here to distort the background gradients */
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);




	/* --- GLASS CONTAINER --- */
	/* background: rgba(31, 31, 31, 0.4); 
	border-radius: var(--borderradius);

	border: 1px solid rgba(255, 255, 255, 0.12);
	border-top: 1px solid rgba(255, 255, 255, 0.25); 
	border-left: 1px solid rgba(255, 255, 255, 0.25);

	box-shadow: 
		0 12px 32px 0 rgba(0, 0, 0, 0.37),       
		inset 0 1px 0 0 rgba(255, 255, 255, 0.1); 
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px); */





	

	/*
	
	display: grid !important;
	grid-auto-flow: column !important;
	grid-auto-columns: 1fr !important;
	gap: 10px !important;
	gap: var(--cgap) !important;
	gap: 0.5rem !important;

	padding: 4px !important;
	padding: 10px !important;
	padding: 10px 20px !important;

	
	button {
		flex-grow: 1 !important;
	}
	.navBot__Button {
		padding: 0 !important;
	}
	.navBot__ButtonWRAP {
		display: flex !important;
		flex-direction: column !important;
		line-height: 50% !important;
		gap: 1rem !important;
			
	}
	a.cvsctrl__search {
		display: none !important;;
	}
	.navBot__ButtonTOP {
	}
	i {
		font-size: 1.5rem !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.navBot__ButtonBOT * {
		font-size: 0.8rem !important;
		font-size: 0.75rem !important;
		font-weight: 600 !important;
		letter-spacing: 0.97px !important;
		display: flex !important;
		flex-direction: column !important;
		span {
			
		}
	}
		 */
}
.navBot__Button {
	padding: 0 !important;
	padding: 10px !important;
}
.navBot__ButtonWRAP {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	align-content: center !important;
	height: 36px !important;
	
	/* line-height: 50% !important; */
	
	padding: 0 !important;
	aspect-ratio: 1/1 !important;
	i, i::before {
		font-size: 20px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 95% !important;
	}
	span {
		font-size: 0.9rem !important;
		letter-spacing: -0.05px !important;
		font-weight: 600 !important;
		line-height: normal !important;
	}
}
.navBot__ButtonTOP {
	
}	
.navBot__ButtonBOT {
	
}
.jvSession, #jvSession, #cvsctrl__session {
	.jvSession__Password {
		div {
			position: relative !important;
		}
		div i {
			position: absolute !important;
		}
	}
}



/*
MARK: Buttons
*/
/* =============== BUTTONS =============== */


.btn {
	gap: 10px !important;
}
a.btn, a[button] {
	max-width: unset !important;
	width: unset !important;
	min-width: unset !important;
}
input,
.btn,
button {
	height: var(--cg-FieldHeight) !important;
	border: 1px solid #00000000 !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0 !important;
}
i {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0 !important;
	&::before {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;
	}
}
.select2-container {
	display: none !important;
}
input, select {
	font-weight: 400 !important;
	background-color: var(--cg-color-grey);
	color: white !important;
	border: 1px solid #ffffff00;
	border-radius: var(--borderradius) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	/* line-height: 0 !important; */
	align-content: center !important;
	height: var(--cg-FieldLarge) !important;
	max-height: var(--cg-FieldLarge) !important;
	min-height: var(--cg-FieldLarge) !important;
	height: var(--cg-FieldHeight) !important;
	max-height: var(--cg-FieldHeight) !important;
	min-height: var(--cg-FieldHeight) !important;
	width: 100% !important;
	min-width: 100% !important;
	padding: 0 !important;
	padding: 0 1rem !important;
	flex-direction: row !important;
	
	
	text-align: left !important;
	
}
input::placeholder,
input ::placeholder
select::placeholder,
input::-moz-placeholder,
input::-webkit-input-placeholder {
		color: #ffffffdc !important;
		font-size: 16px !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		align-content: center !important;
		top: 0 !important;
		display: none !important;
		opacity: 0 !important;
	}
.input-group {
	max-width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	margin: 0 !important;
	height: var(--cg-FieldHeight) !important;
	max-height: var(--cg-FieldHeight) !important;
	min-height: var(--cg-FieldHeight) !important;
	input {
		height: var(--cg-FieldHeight) !important;
		max-height: var(--cg-FieldHeight) !important;
		min-height: var(--cg-FieldHeight) !important;
		min-width: unset !important;
	}
}
input {
	/* height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important; */
}
#cgAjaxSearch,
#cgAjaxSearch__Large, 
.search-form-wrapper {
	form, .input-group {
		background: #141414;
		background: #242424;
		background: linear-gradient(160deg, #222222 0%, #28282826 100%) ;
		border: 1px solid rgba(255, 255, 255, 0.15) ;
		border-radius: var(--borderradius) ;
	}
	input, select {
		border-radius: unset;
		/* background-color: unset ; */
		/* border: none; */
		/* border-bottom: none; */
	}
	.search-results:not(:has(div)) {
		border: none !important;
		display: none !important;
	}
	i {
		color: white !important;
	}
	&:hover input { 
		/* background: var(--cg-color-asphalt) !important; */
	}
}
#cgAjaxSearch__Large form {
	/* display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important; */
	input, select, button {
		width: 100% !important;
	}
	button {
		width: auto !important;
	}
}
#cgAjaxSearch__Large {
	display: none !important;
	flex-direction: column !important;
	.search-results {
		top: var(--cg-FieldLarge)  !important;
		display: none !important;
	}
}
.e-search button {
	height: var(--cg-FieldLarge) !important;
	min-height: var(--cg-FieldLarge) !important;
	max-height: var(--cg-FieldLarge) !important;
	padding: 0 1rem !important;
}
.cgButtonRow, #cgButtonRow {
	.e-con-inner {
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-wrap:nowrap !important;
		button {
			width: 100% !important;
			padding: unset !important;
			font-size:1rem !important;
		}
	}
}
.btn, button, input, select, ul, ol, li, .card, a, .svg, svg, path
{
	-moz-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}
.btn,
button {
	border-radius: var(--borderradius) !important;
	color: white !important;
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	align-content: center !important;
	line-height: 0 !important;
	width: auto;
}
.btn .svg svg {
	/* max-width: 24px !important; */
}
.btn {
	font-weight: 600;
}
.grouped_button {
	gap: var(--cgut) !important;
	.btn:nth-child(2) {
		flex-grow: 1 !important;
	}
}
.btn_menu {
	font-family: "PP Right Grotesk Wide";
	font-weight: 600 !important;
	letter-spacing: 0.1px !important;
	padding-inline: 1.0rem !important;
	background-size: 300% 100% !important;
	background-image: linear-gradient(to right, #00000000, #00000000, var(--cg-color-gold), var(--cg-color-artura)) !important;
	border: none !important;
	&:hover,
	&.active  {
		background-position: 100% 0 !important;
		
		box-shadow: 0 4px 8px #b884308d !important;
	}
	@media (max-width: 1660px) {
		padding-inline: 1.0rem !important;
	}
	@media (max-width: 1560px) {
		padding-inline: 0.8rem !important;
	}
	@media (max-width: 1450px) {
		padding-inline: 0.5rem !important;
	}
	@media (max-width: 1300px) {
		font-family: "PP Right Grotesk Compact" !important;
		padding-inline: 0.2rem !important;
		letter-spacing: 0.1px !important;
		overflow-wrap: break-word !important;
		line-height: 100% !important;
		font-size: 1.0rem !important;
		* { font-weight: 600 !important; }
	}
}
li:has(.btn_menu) {
	background-size: 300% 100% !important;
	
	background-image: linear-gradient(to right, #00000000, #00000000, var(--cg-color-gold), var(--cg-color-artura)) !important;
	border: none !important;
	border-radius: var(--borderradius) !important;
}
li.current-menu-item:has(.btn_menu) {
	background-position: 100% 0 !important;
	
	box-shadow: 0 4px 8px #b884308d !important;
}
.btn-close, .btn_close {
	aspect-ratio: 1/1 !important;
	width: 36px !important;
	height: 36px !important;
	background-size: 300% 100% !important;
	
	background-image: linear-gradient(to right, #00000000, #00000000, var(--cg-color-gold), var(--cg-color-artura)) !important;
	border: 1px solid var(--cg-color-artura) !important;

	background: var(--cg-color-gold);
	background-image: linear-gradient(to right, var(--cg-color-terracotta), var(--cg-color-artura), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important;
	color: black !important;
	box-shadow: 0 4px 8px #b884308d;

	&:hover,
	&.active  {
		background-position: 100% 0 !important;
		
		box-shadow: 0 4px 8px #b884308d !important;
	}
}
.btn_fill_goldoutline {
	color: var(--cg-color-artura) !important;
	background: #b9853143 !important;
	background: #ffd50043 !important;
	border-color: var(--cg-color-artura) !important;
	padding-inline: 1.3rem !important;
	background-size: 300% 100% !important;
	background-image: linear-gradient(to right, #00000000, #00000000, var(--cg-color-gold), var(--cg-color-artura)) !important;
	/* border: none !important; */
	box-shadow: 0 3px 5px #b884308d !important;
	@media (max-width: 768px) {
		height: 1.8rem !important;
		padding-inline: 0.7rem !important;
		text-transform: uppercase !important;
	}
	
	&:hover {
		color: var(--cg-color-white) !important;
		background-position: 100% 0 !important;
		
		box-shadow: 0 4px 8px #b884308d !important;
	}
}
.btn_harvest_outline {
	color: var(--cg-color-gold) !important;
	background: #b9853143 !important;
	background: #ffd50043 !important;
	background: #1c1b1643 !important;
	* { color: var(--cg-color-gold) !important; }
	border: 2px solid rgba(112, 112, 112, 0.7) !important;
	padding-inline: 1.3rem !important;
	/* background-size: 300% 100% !important;
	background-image: linear-gradient(to right, rgba(40, 40, 40, 0.7), rgba(0, 0, 0, 0.6), var(--cg-color-gold), var(--cg-color-artura)) !important; */
	background-image: linear-gradient(to right, rgba(40, 40, 40, 0.7), rgba(0, 0, 0, 0.6)) !important;
	box-shadow: none !important;
	&:hover {
		/* color: var(--cg-color-white) !important; */
		/* background-position: 100% 0 !important; */
		border: 2px solid var(--cg-color-gold) !important;
		/* box-shadow: 0 4px 8px #b884308d !important; */
		box-shadow: none !important;
	}
}
.btn_style_mobilenav {
	height: auto !important;
	max-height: auto !important;
	min-height: auto !important;
	/* height: 45px !important; */
	/* aspect-ratio: 1/1 !important; */
	
	background-size: 300% 100% !important;
	
	background-image: linear-gradient(to right, #00000000, #00000000, var(--cg-color-gold), var(--cg-color-artura)) !important;
	border: none !important;
	border-radius: var(--borderradius) !important;
	&:hover,
	&:focus,
	&.active {
		background-position: 100% 0 !important;
		
		box-shadow: 0 4px 8px #b884308d !important;
	}
}
.current_page_item .btn_menu {
	background-image: linear-gradient(to right,  var(--cg-color-terracotta) 0%, var(--cg-color-artura), var(--cg-color-terracotta), var(--cg-color-gold)) !important;
	box-shadow: 0 4px 8px #b884308d;
}
#btn_sign,
.btn_sign {
	padding-inline: 1.3rem !important;
	background: var(--cg-color-gold);
	background-image: linear-gradient(to right, var(--cg-color-terracotta), var(--cg-color-artura), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important;
	color: white !important;
	font-family: Lato, "Lato", Inter, Tillium, "Tillium", "Inter", "BBH Hegarty" !important;
	font-weight: 600 !important;
	background: var(--cg-color-artura);
	font-size: 1.3rem !important;
/* background: linear-gradient(90deg, var(--cg-color-terracotta) 0%, var(--cg-color-artura) 100%); */

	color: black !important;
	
	box-shadow: 0 4px 8px #b884308d;

	background-size: 300% 100% !important;
	
	
	border: none !important;
	&:hover,
	&:focus {
		background-position: 100% 0 !important;
		
		box-shadow: 0 4px 8px #b884308d !important;
	}
}

#btn_sign_large,
.btn_sign_large,
.btn_sign_large a,
#btn_transp_large,
.btn_transp_large,
.btn_transp_large a
{
	font-family: Lato, "Lato", Inter, Tillium, "Tillium", "Inter", "BBH Hegarty" !important;
	font-weight: 800 !important;
	
	font-size: 1.15rem !important;
	padding-inline: 1.3rem !important;
	border-radius: var(--borderradius) !important;
	height: var(--cg-FieldLarge) !important;
	min-height: var(--cg-FieldLarge) !important;
	max-height: var(--cg-FieldLarge) !important;
	outline: 2px solid #00000000;
	margin-top: 1rem !important;
	i {
		font-size: 1rem !important;
	}
}
#btn_sign_large,
.btn_sign_large,
.btn_sign_large a {
	
/* background: linear-gradient(90deg, var(--cg-color-terracotta) 0%, var(--cg-color-artura) 100%); */
	background: var(--cg-color-artura);
	color: black !important;
	box-shadow: 0 5px 10px var(--cg-color-gold);

	background: var(--cg-color-gold);
	background-image: linear-gradient(to right, var(--cg-color-gold), var(--cg-color-artura), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important;
	color: black !important;
	box-shadow: 0 3px 8px #b88430c6 !important;
	background-size: 300% 100% !important;
	outline: 2px solid var(--cg-color-gold) !important;
	border: none !important;
	margin-right: var(--cgap) !important;
	&:hover,
	&:focus {
		background-position: 100% 0 !important;
		outline: 2px solid var(--cg-color-artura) !important;
		box-shadow: 0 4px 8px #b884308d !important;
		color: #ffffff !important;
	}
}
#btn_transp_large,
.btn_transp_large,
.btn_transp_large a {
	background-color: #000000 !important;
	background: var(--cg-color-grey);
	background-image: linear-gradient(to right, rgba(40, 40, 40, 0.74), rgba(0, 0, 0, 0.46), var(--cg-color-artura), var(--cg-color-gold)  ) !important;
	color: #e2e2e2 !important;
	font-weight: 600 !important;
	border: none !important;
	background-size: 300% 100% !important;
	outline: 2px solid var(--cg-color-grey) !important;
	&:hover {
		color: #ffffff !important;
		background-position: 100% 0 !important;
		outline: 2px solid var(--cg-color-artura) !important;
		text-shadow: 0 2px 4px #b884308d !important;
		box-shadow: 0 4px 8px #b884308d !important;
	}
}

.btn_filter {
	/* background: linear-gradient(190deg, rgba(40, 40, 40, 0.74) 0%, rgba(0, 0, 0, 0.46) 100%);
	background: var(--cg-color-grey);
	background: linear-gradient(190deg, rgba(90, 90, 90, 0.6) 0%, rgba(69, 69, 69, 0.4) 100%); */
	background-size: 300% 100% !important;
	
	background-image: linear-gradient(to right, rgba(69, 69, 69, 0.4), rgba(90, 90, 90, 0.4),  var(--cg-color-gold), var(--cg-color-artura)) !important;
	/* background-color: var(--cg-color-grey) !important;
	background: var(--cg-color-midnight) !important; */
	max-width: unset !important;
	min-width: auto !important;
	height: var(--cg-FieldHeight) !important;
	min-height: var(--cg-FieldHeight) !important;
	max-height: var(--cg-FieldHeight) ! important;
	/* height: var(--cg-FieldMedium) !important;
	min-height: var(--cg-FieldMedium) !important;
	max-height: var(--cg-FieldMedium) ! important; */
	/* height: calc(var(--cg-FieldHeight) * 0.8) !important;
	min-height: calc(var(--cg-FieldHeight) * 0.8) !important;
	max-height: calc(var(--cg-FieldHeight) * 0.8) ! important; */
	color: white !important;
	border-radius: var(--borderradius) !important;
	border-radius: 4px !important;
	border: 1px solid var(--cg-color-grey) !important;
	gap: 0px !important;
	padding-inline: 1rem !important;
	@media (max-width:768px) {
		height: var(--cg-FieldHeight) !important;
		min-height: var(--cg-FieldHeight) !important;
		max-height: var(--cg-FieldHeight) !important;
		/* height: calc(var(--cg-FieldHeight) * 0.8) !important;
		min-height: calc(var(--cg-FieldHeight) * 0.8) !important;
		max-height: calc(var(--cg-FieldHeight) * 0.8) ! important; */
		padding-inline: 0.4rem !important;
	}
	&:hover,
	&:focus,
	&.active {
		background-position: 100% 0 !important;
		box-shadow: 0 4px 8px #b884308d !important;
		.badge {
			background-position: 100% 0 !important;
			box-shadow: 0 4px 8px #b884308d !important;
			border: 1px solid var(--cg-color-gold) !important;
			color: black !important;
		}
	}
	span {
		display: inline-flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;
		gap: var(--cgut) !important;
		max-width: unset !important;
	}
	svg {
		display: none !important;
	}
	.badge {
		font-weight: 500 !important;
		aspect-ratio: 1/1 !important;
		border-radius: var(--borderradius) !important;
		height: 20px !important;
		width: 20px !important;
		padding: 0 !important;

		// CENTER BUTTONS AND BADGES
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;

		/* // TRANSLATE-TRANSFORM BUTTONS AND BADGES 
		padding: 0 !important;
		display: inline-flex !important;
		transform: translateY(1px) !important;
		align-items: center !important;
		justify-content: center !important; */

		Background: var(--cg-color-gold);
		background-image: linear-gradient(to right, var(--cg-color-gold), var(--cg-color-terracotta), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important;
		background-image: linear-gradient(to right, var(--cg-color-gold), var(--cg-color-gold), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important;
		background-image: none !important;
		background: var(--cg-color-silver) !important;
		background-image: linear-gradient(to right, #00000000, #00000000,  var(--cg-color-b), #111111) !important;
		border: 1px solid #888888;
		color: black !important;
		color: white !important;
		background-size: 300% 100% !important;
	}
}
.btn_filter {
	/* &:nth-child(1) {
	background: var(--cg-color-gold);
	background-image: linear-gradient(to right, var(--cg-color-terracotta), var(--cg-color-artura), var(--cg-color-gold), var(--cg-color-terracotta)  ) !important;
	background-size: 300% 100% !important;
	background-position: 100% 0 !important;
		&:hover,
		&:focus {
			background-position: 100% 0 !important;
			
			box-shadow: 0 4px 8px #b884308d !important;
		}
	} */
}


.btn_filter_icon {
	/* background: linear-gradient(190deg, rgba(40, 40, 40, 0.74) 0%, rgba(0, 0, 0, 0.46) 100%);
	background: var(--cg-color-grey);
	background: linear-gradient(190deg, rgba(90, 90, 90, 0.6) 0%, rgba(69, 69, 69, 0.4) 100%); */
	background-size: 300% 100% !important;

	
	
	background-image: linear-gradient(to right, rgba(34, 34, 34, 0.4), rgba(90, 90, 90, 0.4),  var(--cg-color-gold), var(--cg-color-artura)) !important;

	
	/* background-color: var(--cg-color-grey) !important;
	background: var(--cg-color-midnight) !important; */
	max-width: unset !important;
	min-width: auto !important;
	height: var(--cg-FieldHeight) !important;
	min-height: var(--cg-FieldHeight) !important;
	max-height: var(--cg-FieldHeight) ! important;
	/* height: calc(var(--cg-FieldHeight) * 0.8) !important;
	min-height: calc(var(--cg-FieldHeight) * 0.8) !important;
	max-height: calc(var(--cg-FieldHeight) * 0.8) ! important; */
	color: white !important;
	border-radius: var(--borderradius) !important;
	border-radius: 4px !important;
	border: 1px solid var(--cg-color-grey) !important;
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0 !important;
	gap: var(--cgut) !important;
	max-width: unset !important;
	padding-inline: 1rem !important;
	@media (max-width:768px) {
		height: var(--cg-FieldHeight) !important;
		min-height: var(--cg-FieldHeight) !important;
		max-height: var(--cg-FieldHeight) !important;
		height: var(--cg-FieldLarge) !important;
		min-height: var(--cg-FieldLarge) !important;
		max-height: var(--cg-FieldLarge) ! important;
		display: inline-flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;
		gap: 0 !important;
		/* height: calc(var(--cg-FieldHeight) * 0.8) !important;
		min-height: calc(var(--cg-FieldHeight) * 0.8) !important;
		max-height: calc(var(--cg-FieldHeight) * 0.8) ! important; */
		padding-inline: 0.5rem !important;
	}

	span {
		
		display: inline-flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;
		gap: var(--cgut) !important;
		max-width: unset !important;
		&, & * { font-weight: 700 !important; }
		@media (max-width:768px) {
			gap: 0 !important;
			font-family: "PP Right Grotesk Compact";
            font-size: 1.4rem !important;
			font-weight: 500 !important;
			letter-spacing: -0.05px !important;
		}
	}
	svg {
		display: block !important;
		width: 100% !important;
		height: 15px !important;
		max-height: 15px !important;
		display: inline-flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;
		/* clip-path: inset(0 50% 0 0);  */
	}
	svg path {
		fill: white !important;
		fill: var(--cg-color-artura) !important;
	}


	&:hover,
	&:focus,
	&.active {
		background-position: 100% 0 !important;
		box-shadow: 0 4px 8px #b884308d !important;
		.badge {
			background-position: 100% 0 !important;
			box-shadow: 0 4px 8px #b884308d !important;
			border: 1px solid var(--cg-color-gold) !important;
			color: black !important;
		}
		svg path {
			fill: white !important;
		}
	}
	
	.badge {
		
		font-weight: 500 !important;
		aspect-ratio: 1/1 !important;
		border-radius: var(--borderradius) !important;
		height: 20px !important;
		width: 20px !important;
		display: inline-flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;
		padding: 0 !important;
		@media (max-width:768px) {
			height: unset !important;
			width: unset !important;
			border: 1px solid #00000000 !important;
			border-radius: 0 !important;
			font-family: Lato, "Lato", Inter, Tillium, "Tillium", "Inter", Inter, sans-serif !important;
			font-size: 1rem !important;
			font-weight: bold !important;
			letter-spacing: 0.1px !important;
		}

		// CENTER BUTTONS AND BADGES
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;

		/* // TRANSLATE-TRANSFORM BUTTONS AND BADGES 
		padding: 0 !important;
		display: inline-flex !important;
		transform: translateY(1px) !important;
		align-items: center !important;
		justify-content: center !important; */

		background: var(--cg-color-gold);
		background-image: linear-gradient(to right, var(--cg-color-gold), var(--cg-color-terracotta), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important;
		background-image: linear-gradient(to right, var(--cg-color-gold), var(--cg-color-gold), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important;
		background-image: none !important;
		background: var(--cg-color-silver) !important;
		background-image: linear-gradient(to right, #00000000, #00000000,  var(--cg-color-b), #111111) !important;
		border: 1px solid #888888;
		color: black !important;
		color: white !important;
		color: var(--cg-color-artura) !important;
		background-size: 300% 100% !important;
	}
}

@media (min-width:768px) {
.regular-product  {
	.item-price {
		color: var(--cg-color-artura) !important;
		background: #b9853143 !important;
		background: #ffd50043 !important;
		border-color: var(--cg-color-artura) !important;
		padding: 0.5rem 0.5rem !important;
		background-image: linear-gradient(to right, #00000000, #00000000, var(--cg-color-gold), var(--cg-color-artura)) !important;
		border-radius: var(--borderradius) !important;
		background-size: 300% 100% !important;
		
		border: none !important;
	}
	&:hover .item-price {
		background-position: 100% 0 !important;
		
		box-shadow: 0 4px 8px #b884308d !important;
		color: black !important;
	}
	
	}
}
.btn_price_strike {
	background-color: none !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: nowrap !important;
	padding: 0.5rem 0.1rem !important;
	&:hover {
		background-color: none !important;
	}
	&, span {
		font-weight: 500 !important;
		opacity: 0.7 !important;
		color: var(--cg-color-artura) !important;
		text-decoration: line-through !important;
	}
}
.btn_price {
	color: var(--cg-color-artura) !important;
	background: #b9853143 !important;
	background: #ffd50043 !important;
	background: #ffd50000 !important;
	border-color: var(--cg-color-artura) !important;
	padding: 0.8rem 0.4rem !important;
	background-image: linear-gradient(to right, #00000000, #00000000, var(--cg-color-gold), var(--cg-color-artura)) !important;
	border-radius: 2px !important;
	background-size: 300% 100% !important;
	
	border: none !important;
	word-break: normal !important;
  	overflow-wrap: normal !important;
	white-space: nowrap !important;
	gap: 2px !important;
	font-weight: 700 !important;
	color: var(--cg-color-artura);
}
@media (min-width:768px) {
	.regular-product:hover .btn_price {
		background-position: 100% 0 !important;
		box-shadow: 0 4px 8px #b884308d !important;
		color: black !important;
	}
}
@media (max-width:768px) {
	.btn_price:active {
		background-position: 100% 0 !important;
		box-shadow: 0 4px 8px #b884308d !important;
		color: black !important;
	}
}
/* .item-price {
	display: none !important;
} */
	

.woocommerce-pagination {
	width: 100% !important;
}
ul.page-numbers {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0 !important;
	gap: var(--cgut) !important;
	width: 100% !important;

}
ul.page-numbers {
	margin: 0 !important;
	padding: 0 !important;
	padding: 5px !important;
	/* background: #ffd50043 !important;
	background: #ffd5001d !important; */
	

	li {
		font-size: 1.2rem !important;
		font-weight: 600 !important;
		box-sizing: border-box !important;
		height: var(--cg-FieldLarge) !important;
		max-height: var(--cg-FieldLarge) !important;
		min-height: var(--cg-FieldLarge) !important;
		aspect-ratio: 1/1 !important;
		border: 1px solid #00000000 !important;
		border: 1px solid #ffffff00 !important;
		border-radius: var(--borderradius) !important;
		background: var(--cg-color-grey) !important;
		color: white !important;
		display: inline-flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;
		
		&, a {
			display: inline-flex !important;
			flex-direction: row !important;
			align-items: center !important;
			justify-content: center !important;
			line-height: 0 !important;
			gap: var(--cgut) !important;
			color: var(--cg-color-text) !important;

			height: var(--cg-FieldLarge) !important;
			max-height: var(--cg-FieldLarge) !important;
			min-height: var(--cg-FieldLarge) !important;
			@media (max-width: 768px) {
				
			height: var(--cg-FieldHeight) !important;
			max-height: var(--cg-FieldHeight) !important;
			min-height: var(--cg-FieldHeight) !important;
			}
		}
	}

	li:has(a[aria-label*="Page"]) a {
		padding-inline: 1.3rem !important;
		width: var(--cg-FieldHeight) !important;
		min-width: var(--cg-FieldHeight) !important;
		max-width: var(--cg-FieldHeight) !important;
		aspect-ratio: 1/1 !important;
		background-size: 300% 100% !important;
		
		background-image: linear-gradient(to right, #00000000, #00000000, var(--cg-color-gold), var(--cg-color-artura)) !important;
		border: none !important;
		border-radius: var(--borderradius) !important;
		color: var(--cg-color-text) !important;
		&:hover,
		&.active  {
			color: black !important;
			background-position: 100% 0 !important;
			
			box-shadow: 0 4px 8px #b884308d !important;
		}
	}

	li:has(span.current) {
		background: var(--cg-color-gold) !important;
	}

	li:has(a.prev) {
		margin-right: auto !important;
	}
	li:has(a.next) {
		margin-left: auto !important;
	}

	li:has(a.next, a.prev) {
		aspect-ratio: unset !important;
		width: 30% !important;
		padding-inline: 1.3rem !important;
		/* background: var(--cg-color-gold);
		background-image: linear-gradient(to right, var(--cg-color-terracotta), var(--cg-color-artura), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important; */
		* {
			color: black !important;
			color: #eeeeee !important;
		}
		/* box-shadow: 0 4px 8px #b884308d; */
		background-size: 300% 100% !important;
		a {
			width: 100% !important;
			padding-inline: 1.3rem !important;
		}
		background-color: var(--cg-color-grey) !important;
		&:hover {
			background-color: var(--cg-color-slate) !important;
			background-position: 100% 0 !important;
		}
/* 
		background-color: rgba(66, 66, 66, 0.9);
		box-shadow:
		inset 2px 2px 0 -1px hsla(0, 0%, 100%, .4), 
		inset -2px -2px 0 -1px hsla(0, 0%, 100%, .4), 
		inset 20px 15px 40px -10px rgba(0, 0, 0, .2), 
		inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1) !important;
		background-image:
		radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important; */

		

	} 
}


/* BUTTON FILL */

.btn_text_white {
	color: white !important;
	i {
		color: white !important;
	}
}
.style_fill_artura {
	background: var(--cg-color-gold) !important;
	background-image: linear-gradient(to right, var(--cg-color-terracotta), var(--cg-color-artura), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important;
	color: white !important;
	background: (--cg-color-artura) !important;

	* { color: black !important; }
	
	&:hover,
	&:focus {
		transform: translateY(-1px) !important;
		background-position: 100% 0 !important;
		
		box-shadow: 0 4px 8px #b884308d !important;
	}
}
.btn_fill_grey {
	background: var(--cg-color-grey) !important;
	&:hover {
		background: var(--cg-color-slate) !important;
	}
}
.btn_fill_whiteoutline {
	color:  #00000000  !important;
	background: #00000031 !important;
	background-color: #00000031 !important;
	-webkit-text-stroke: 1px white;
	translate: unset !important;
	transform: unset !important;
	top: unset !important;
	i::before {
		color: #00000000 !important;
		font-size: 1.4rem !important;
		/* color: #00000000 !important;
		background-color: none;
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
	}
	/* border: 1px solid var(--cg-color-white) !important; */
	&:hover {
		background: var(--cg-color-slate) !important;
	}
	&.added {
		-webkit-text-stroke: 0 white;
		i::before {
		color: white !important;
		
		}
	}
}
.added_to_cart {
	display: none !important;
}
.btn_fill_slate {
	background: var(--cg-color-slate) !important;
	border-radius: var(--borderradius) !important;
	&:hover {
		background: var(--cg-color-grey) !important;
	}
}
.btn.btn_fill_white {
	background-color: var(--cg-color-white) !important;
}
.btn.btn_fill_navigate {
	background-color: var(--cg-color-white) !important;
	color: var(--cg-color-asphalt) !important;
	i {
		color: var(--cg-color-asphalt) !important;
	}
	background-size: 300% 100% !important;
	background-image: linear-gradient(to right, #FFffFF55, #ebebebea, var(--cg-color-gold), var(--cg-color-artura)) !important;
	border: none !important;
	color: var(--cg-color-text) !important;
	outline: 2px solid #00000072;
	&:hover,
	&.active  {
		color: black !important;
		background-position: 100% 0 !important;
		box-shadow: 0 4px 8px #b884308d !important;
		outline: 2px solid var(--cg-color-gold) !important;
		
	border-radius: var(--borderradius) !important;
	}
	&:hover {
		opacity: 1 !important;
		background-color: var(--cg-color-gold) !important;
		color: var(--cg-color-white) !important;
		i {
			color: var(--cg-color-white) !important;
		}
	}
}
.btn_fill_artura {
	background:var(--cg-color-artura) !important;
	color: var(--cg-color-asphalt) !important;
}
.btn_fill_outline_green {
	color: var(--cg-color-artura) !important;
	background: #b9853143 !important;
	border: 1px solid var(--cg-color-artura) !important;
	padding-inline: 1.3rem !important;
	&:hover {
		color: var(--cg-color-white) !important;
	}
}
.btn_fill_outline_yellow {
	color: var(--cg-color-gold) !important;
	background: #b9853143 !important;
	border: 1px solid var(--cg-color-gold) !important;
	padding-inline: 1.3rem !important;
}
.btn_fill_outline_neutral {
	color: var(--cg-color-text) !important;
	background: var(--cg-color-midnight) !important;
	border: 1px solid var(--cg-color-slate) !important;
	padding-inline: 1.3rem !important;
}
.btn_fill_slateoutline {
	color: var(--cg-color-text) !important;
	background: var(--cg-color-midnight) !important;
	border: 1px solid var(--cg-color-slate) !important;
}


/* BUTTON FONT */

.btn_font_wide {
	font-family: "BBH Hegarty" !important;
	font-size: 1.1rem !important;
	letter-spacing: 1px !important;
	font-weight: normal !important;
	&, * { font-weight: normal !important; }
}


/* BUTTON RADIUS */

.btn_circular {
	border-radius: 30px !important;
	color: var(--cg-color-text) !important;
}
.btn_circular,
.btn_square {
	width: var(--cg-FieldHeight) !important;
	max-width: var(--cg-FieldHeight) !important;
	min-width: var(--cg-FieldHeight) !important;
	aspect-ratio: 1/1 !important;
	padding: 0 !important;
	&:has(.badge) {
		&::after {
			display: none !important;
		}
	}
	&.btn_size_md {
		width: var(--cg-FieldLarge) !important;
		min-width: var(--cg-FieldLarge) !important;
		max-width: var(--cg-FieldLarge) !important;
	}
	&.btn_filter_icon {
		width: var(--cg-FieldLarge) !important;
		min-width: var(--cg-FieldLarge) !important;
		max-width: var(--cg-FieldLarge) !important;
	}
}
.btn_pill {
	border-radius: 10rem !important;
	min-width: unset !important;
    width: unset !important;
	* { font-weight: 600 !important; }
}

/* BUTTON SIZE */

.btn_size_md {
	height: var(--cg-FieldLarge) !important;
	min-height: var(--cg-FieldLarge) !important;
	max-height: var(--cg-FieldLarge) !important;
}
.btn_size_sm {
	padding: 3px !important;
	padding-inline: 0 !important;
	gap: 4px !important;
	height: 1.6rem !important;
	word-break: normal !important;
  	overflow-wrap: normal !important;
	white-space: nowrap !important;
	@media (max-width: 768px) {
		height: unset !important;
		padding: 0 !important;
	}
	.swatch {
		height: 10px !important;
		width: 10px !important;
	}
	opacity: 0.9 !important;
}


.btn_size_sd {
	height: 1.6rem !important;
	/* padding: 1px 5px 0px !important; */
	border: 0 !important;
	border-radius: var(--borderradius) !important;
	
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0 !important;
	gap: var(--cgut) !important;
	padding-inline: 5px !important;

	font-size: 0.8rem !important;
	font-weight: 500 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	word-break: normal !important;
  	overflow-wrap: normal !important;
	white-space: nowrap !important;
	background-color: #3b3b3bc2 !important;

	@container (max-width:768px) {
		font-size: 0.67rem !important;
	}
	@media (max-width:768px) {
		padding: 0px !important;
		padding-inline: 5px !important;
		font-size: 0.67rem !important;
		gap: 2px !important;
		span {
			
		}	
	}
}
.item-color .btn_size_sm {
	@media (min-width:768px) {
		background: #444444a7 !important;
		padding-inline: 5px !important;
		font-size: 0.76rem !important;
		font-weight: 500 !important;
		filter: saturate(70%) !important;
		color: #ffffffd5 !important;
	}
	
	@container (max-width:768px) {
		font-size: 0.76rem !important;
		font-weight: 400 !important;
	}
	@media (max-width:768px) {
		font-size: 0.76rem !important;
		font-weight: 300 !important;
	}
}
@media (min-width:768px) {
	.regular-product:hover .btn_size_sm {
		opacity: 1 !important;
	}
}
@media (max-width:768px) {
	.btn_size_sm {
		// unchanged
	}
}
.btn_size_sv {
	height: 1.6rem !important;
	padding-inline: 0.5rem !important;
}
.btn_size_sw {
	height: 1.6rem !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	
	@media (max-width: 768px) {
		padding-top: 2px !important;
		padding-bottom: 2px !important;
		padding-inline: 4px !important;
		height: 1.9rem !important;
	}
}
.btn_stacked {
	flex-direction: column !important;
	justify-content: center !important;
	align-content: flex-start !important;
	align-items: flex-start !important;
	gap: 4px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	h4 {
		font-size: 0.7rem !important;
		text-transform: uppercase !important;
		font-weight: 500 !important;
		letter-spacing: 1.0px !important;
	}
	p {
		line-height: 1em !important;
	}
}

.flex-columnn {
	flex-direction: column !important;
}

.gap-1 {

}
.gap-2 {

}
.gap-3 {
	
}
.justify-content-flex-end {
	justify-content: flex-end;
}
.justify-content-space-between {
	justify-content: space-between !important;
}
.rounded {
	border-radius: var(--borderradius) !important;
}
.opacity-10 {
	opacity: 10 !important;
}

/*	
MARK: Card
*/

/* =============== BOOTSTRAP CARD =============== */

.card {
	background: #141414;
	background: linear-gradient(45deg, rgba(20, 20, 20, 1) 0%, rgba(61, 61, 61, 0.58) 100%);
	border-radius: var(--borderradius) !important;
}
.card-header {
	gap: var(--cgap) !important;
	background: none !important;
	/* border: none !important; */
	@media (max-width: 768px) {
		gap: var(--cgut) !important;
	}
	&.align-items-center {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		
	}
}
.card-body {
	background: none !important;
}


.card-lg {
	background: #141414;
	background: linear-gradient(45deg, rgba(20, 20, 20, 1) 0%, rgba(61, 61, 61, 0.58) 100%);
	padding: 2rem !important;
	border-radius: var(--borderradius) !important;
	.card-body {
		font-size: 1.1rem !important;
		opacity: 1 !important;
		color: white !important;
	}
}
.card-transp {
	padding: 0 !important;
	background: none !important;
	border: none !important;
	margin: none !important;
	outline: none !important;
	box-shadow: none !important;
}

i.iboxed, .iboxed {
	
}
.elementor-icon {
		line-height: unset !important;
	}
.card .iboxed i,
.card i.iboxed {
	background: #b8843032 !important;
	background: #ffd50043 !important;
	border: 0px solid var(--cg-color-artura) !important;
	border-radius: 50rem !important;
	border-radius: var(--borderradius) !important;
	color: var(--cg-color-artura) !important;
	display: table-cell !important;
	height: var(--cg-FieldLarge) !important;
	width: var(--cg-FieldLarge) !important;
	aspect-ratio: 1/1 !important;
	text-decoration: none !important;
	align-content: center !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
}


a.card, .card-bg-glass {
	background: #141414;
	background: linear-gradient(45deg, rgba(20, 20, 20, 1) 0%, rgba(61, 61, 61, 0.58) 100%);
		/* background: #141414;
		background: linear-gradient(45deg, rgba(20, 20, 20, 0.5) 0%, rgba(61, 61, 61, 0.2) 100%);

		background: #141414 !important;
	background: linear-gradient(45deg, rgba(20, 20, 20, 1) 0%, rgba(61, 61, 61, 0.58) 100%) !important;
	background-color:hsla(0,0%,0%,1);
	background: unset !important;
	background-image:
	radial-gradient(at 40% 20%, hsla(14,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 52% 25%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(21,36%,7%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(48,30%,31%,1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(40,43%,28%,1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38,14%,5%,1) 0px, transparent 50%) !important; */

	&:hover, &:focus {
		@media (min-width: 768px) {
			transform: translateY(-3px) !important;
			transition: 0.3s !important;
		}
	}
	a.elementor-element:hover {
		text-decoration: none !important;
	}
	/* background-color: rgba(31, 31, 31, 0.2);
    box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .4), 
                inset -2px -2px 0 -1px hsla(0, 0%, 100%, .4), 
                inset 20px 15px 40px -10px rgba(0, 0, 0, .2), 
                inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);
    background-image:
        radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
        radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
        radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
        radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
        radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
        radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
        radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important; */
}
.img-fluid {
	img {
		min-width: 100% !important;
		border-radius: var(--borderradius) !important;
	}
}
.glass_slab {
	background-color: rgba(31, 31, 31, 0.2);
    box-shadow:
	inset 2px 2px 0 -1px hsla(0, 0%, 100%, .4), 
	inset -2px -2px 0 -1px hsla(0, 0%, 100%, .4), 
	inset 20px 15px 40px -10px rgba(0, 0, 0, .2), 
	inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);
    background-image:
	radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;
}
.glass_slab_even {
	background-color: rgba(14, 14, 14, 0.9);
    box-shadow:
	inset 2px 2px 0 -1px hsla(0, 0%, 100%, .05), 
	inset -2px -2px 0 -1px hsla(0, 0%, 100%, .05), 
	inset 20px 15px 40px -10px rgba(0, 0, 0, .05), 
	inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);
    background-image:
	radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;
}
.glass_slab_dark {
	background-color: rgba(14, 14, 14, 0.9);
    box-shadow:
	inset 2px 2px 0 -1px hsla(0, 0%, 100%, .4), 
	inset -2px -2px 0 -1px hsla(0, 0%, 100%, .4), 
	inset 20px 15px 40px -10px rgba(0, 0, 0, .2), 
	inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);
    background-image:
	radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;
}

.glass_gold_gradient {
	background: radial-gradient(at 90.4% 67.3%, #ffd500 0px, transparent 50%), radial-gradient(at 86.7% 86%, #ffd500 0px, transparent 50%), radial-gradient(at 54.5% 40.7%, #b98531 0px, transparent 50%), radial-gradient(at 70% 73%, #ffbf00 0px, transparent 50%), radial-gradient(at 12.3% 2.1%, #15120e 0px, transparent 50%), radial-gradient(at 20% 83%, #ffbf00 0px, transparent 50%), radial-gradient(at 43.8% 88.8%, #c39d16 0px, transparent 50%), radial-gradient(at 94.3% 23.7%, #452f0e 0px, transparent 50%), radial-gradient(at 52.8% 13.5%, #7c7e30 0px, transparent 50%), radial-gradient(at 10.6% 27.6%, #ffbf00 0px, transparent 50%) #12100e;;
	mix-blend-mode: normal;
}
.glass_gold_dark {
	background-color: #12100e; 
	background-image:
	radial-gradient(at 65% 25%, rgba(139, 105, 45, 0.25) 0px, transparent 55%),
	radial-gradient(at 45% 55%, rgba(90, 95, 100, 0.2) 0px, transparent 50%),
	radial-gradient(at 50% 50%, rgba(30, 28, 26, 0.4) 0px, transparent 70%);
	background-blend-mode: screen; 
}

/*
MARK: OffCanvas
*/

/* =============== BOOTSTRAP OFFCANVAS =============== */

.offcanvas {
	width: 500px !important;
	top: var(--cg-HeaderSticky) !important;
	height: 100vh !important;
	--bs-offcanvas-bg: var();
	border: none !important;
	.offcanvas-underlay {
		img {
			height: 40vh !important;
		}
	}
	.offcanvas-body {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		// max-height: 100vh !important;
		max-width: 100% !important;
		&::-webkit-scrollbar {
			display: none !important;
		}
	}
	.offcanvas-content {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		
	}
	
	.offcanvas-inner {
		background: var(--bs-offcanvas-bg) !important;
	}
	img, iframe {
		object-fit: cover !important;
		max-width: 100% !important;
	}
	iframe {
		height: 100% !important;
		flex: 1 !important;
	}
}
.offcanvas-bottom {
	//height: 100vh !important;
	max-width: var(--cg-FieldWidth) !important;
}

.offcanvas:has(.offcanvas-inner) {
	background: var(--bs-offcanvas-bg) !important;
	background: #00000000 !important;
	background: #00000000 !important;
	padding: 1.5rem !important;
	@media (max-width: 768px) {
		padding: 7px !important;
		display: flex !important;
		padding-bottom: 130px !important;
		justify-content: flex-end !important;
	}
	.offcanvas-inner {
		background: var(--bs-offcanvas-bg) !important;
		/* --- THE BACKGROUND VIBE --- */
		background-image:
		radial-gradient(at 40% 20%, hsla(14,0%,0%,0.3) 0px, transparent 60%),
		radial-gradient(at 0% 50%, hsla(0,0%,0%,0.3) 0px, transparent 60%),
		radial-gradient(at 58% 25%, hsla(40,43%,20%,0.3) 0px, transparent 60%),
		radial-gradient(at 0% 100%, hsla(48,30%,20%,0.3) 0px, transparent 60%),
		radial-gradient(at 80% 50%, hsla(0,0%,0%,0.3) 0px, transparent 60%),
		radial-gradient(at 80% 100%, hsla(21,36%,5%,0.3) 0px, transparent 60%),
		radial-gradient(at 0% 0%, hsla(38,14%,5%,0.3) 0px, transparent 60%) !important;


		/* --- THE HIGH-CONTRAST GLASS CONTAINER --- */
		/* Slightly lower opacity (0.25) makes the center clearer, like real washed glass */
		background: rgba(20, 20, 20, 0.8) !important; 
		border-radius: var(--borderradius);
		border-radius: 5px !important;


		/* CRITICAL EDGES: Bright white top/left, but fading to a softer white on bottom/right */
		border: 1px solid rgba(255, 255, 255, 0.15);
		border-top: 1px solid rgba(255, 255, 255, 0.45);
		border-left: 1px solid rgba(255, 255, 255, 0.45);

		/* THE EDGE CHROME SECRET: Layering deep shadows right under the white edges */
		box-shadow: 
			0 15px 35px rgba(0, 0, 0, 0.65), 
			inset 0 4px 8px rgba(0, 0, 0, 0.5), 
			inset 0 2px -5px rgba(255, 255, 255, 0.3);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);

	}
	.offcanvas-underlay {
		img {
			height: 40vh !important;
		}
	}
	.offcanvas-body {
		/* padding-top: 2rem !important; */
		@media (max-width: 768px) {
			padding: 7px !important;
		}
	}
	.offcanvas-content {
		/* background: #000000 !important; */
		/* padding: 3rem !important; */
		@media (max-width: 768px) {
			padding: 5px !important;
		}
	}
}
.offcanvas.jvCanvasProductPreview,
.offcanvas.jvPreviewCanvas
 {
	width: var(--cg-FieldWidth) !important;
	@media (max-width:768px) {
		/* top: 20vh !important; */
		margin-top: 10vh !important;
	}
	.offcanvas-header {
		/* background: var(--cg-color-gold);
	background-image: linear-gradient(to right, var(--cg-color-terracotta), var(--cg-color-artura), var(--cg-color-artura), var(--cg-color-terracotta)  ) !important; */
		@media (min-width:768px) {
			padding: 1rem 1rem !important;
			border-bottom: 0.5px solid #ffffff15 !important;
		}
		/* background: var(--cg-color-artura) !important; */
	}
	.offcanvas-body {
		max-height: 100vh !important;
		&::-webkit-scrollbar {
			display: none !important;
		}
		@media (max-width:768px) {
			padding: 0 !important;
		}
	}
}
.offcanvas-single-product-details {
	/* position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: calc(100% - 4rem) !important;
	padding: 2rem !important;
	padding-inline: 4rem !important;
	margin: 0 !important; */
}
.offcanvas.offcanvas-start,
.offcanvas.offcanvas-end {
	@media (max-width: 768px) {
		top: auto;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		height: 100vh !important;
		border-right: none !important;
		border-top: 1px solid rgba(0, 0, 0, .2) !important;
		transform: translateY(100%) !important;
	}
}
.offcanvas.offcanvas-start.show,
.offcanvas.offcanvas-end.show {
	@media (max-width: 768px) {
    	transform: none !important;
	}
}
.tab-pane {
	padding-top: 1rem !important;
}






/*
MARK: moDAL
*/

/* =============== BOOTSTRAP MODAL =============== */


.modal {
	/* top: var(--cg-HeaderSticky) !important; */
	width: 100vw !important;
    max-width: 100vw !important;
	/* height: calc(100vh - var(--wp-admin-offset)) !important; */
	
	.modal-dialog {
		@media (max-width: 768px) {
			position: absolute !important;
			bottom: 80px !important;
		}
	}
	.modal-header {
		display: none !important;
	}
	.modal-body {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
	}
	img {
		aspect-ratio: 2/1 !important;
		object-fit: cover !important;
		max-width: 100% !important;
	}
}














/*
MARK: Container
*/
/* =============== CONTAINER =============== */

/* 1. Global Reset for Elementor elements with zero specificity */
:where(.elementor-widget, .elementor-widget-container, .elementor-element) {
    margin: 0 ;
    padding: 0 ;
    padding-inline: 0 ;
}

/* 2. Target Elementor's default widget bottom margin */
:where(.elementor-widget:not(:last-child)) {
    margin-bottom: 0 ;
}

/* 3. Neutralize default Flexbox Container (e-con) spacing */
:where(.e-con, .e-container) {
    --padding-top: 0px ;
    --padding-bottom: 0px ;
    --padding-left: 0px ;
    --padding-right: 0px ;
    --gap: 0px ;
}

@media (min-width: 1800px) {
html {
	--cont-maxWidth: 	1800px;
	--cont-maxMedium: 	1600px;
	--cont-maxLarge: 	1700px;
	--cont-maxFull: 	100vw;
	--cont-paddInline: 	0vw;
	--cont-margin: 		0 auto;
}}
@media (max-width: 1800px) {
html {
	--cont-maxWidth:	calc(100vw - 5vw);
	--cont-maxFull:		100vw;
	--cont-paddInline:	0vw;
	--cont-margin:		0 auto;
}}
@media (max-width:		1440px) {
html {
	--cont-maxWidth:	calc(100vw - 5vw);
	--cont-maxFull:		100vw;
	--cont-paddInline:	0vw;
	--cont-margin:		0 auto;
}}
@media (max-width: 1300px) {
html {
	--cont-maxWidth:	calc(100vw - 5vw);
	--cont-maxFull:		100vw;
	--cont-paddInline:	0vw;
	--cont-margin:		0 auto;
}}
@media (max-width: 768px) {
html {
	--cont-maxWidth:	calc(100vw - 2vw);
	--cont-maxFull:		100vw;
	--cont-paddInline:	var(--padding-left);
	--cont-margin:		0 auto;
}}

#header-section .container-fluid,
.e-con-boxed.e-parent,
.elementor-top-section.elementor-section-boxed,
.jvContained,
#wrapper
{
	max-width: var(--cont-maxFull) !important;
	padding-inline: var(--cont-paddInline);

	& > .header-inner-wrap:nth-child(1),
	& > .header-inner-wrap:nth-child(2),
	& > .e-con-inner:nth-child(1),
	& > .e-con-inner:has(.elementor-shape:nth-child(1)):nth-child(2),
	& > .e-child:nth-child(1),
	&.elementor-top-section > .elementor-container:nth-child(1),
	&.jvContained/* ,
	& .container */
	{
		max-width: var(--cont-maxWidth) !important;
		margin: var(--cont-margin);
	}
}
.e-con-full.e-parent,
.elementor-top-section.elementor-section-full_width,
.container-fluid {
	max-width: var(--cont-maxFull) !important;
	padding-inline: var(--cont-paddInline) !important;
	/* margin: var(--cont-margin); */

	& > .e-con-inner:nth-child(1) {
		max-width: var(--cont-maxFull) !important;
		/* margin: var(--cont-margin); */
		padding-inline: var(--cont-paddInline);
	}
	& > .e-child:nth-child(1),
	&.elementor-top-section > .elementor-container:nth-child(1) {
		max-width: var(--cont-maxFull) !important;
		padding-inline: var(--cont-paddInline);
		/* margin: var(--cont-margin); */
	}
	.e-con-inner {
		& > .e-child:nth-child(1),
		&.elementor-top-section > .elementor-container:nth-child(1) {
			max-width: var(--cont-maxFull) !important;
			/* margin: var(--cont-margin); */
			padding-inline: var(--cont-paddInline);
		}
	}
}
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	min-width: unset !important;
	width: unset !important;
}
.container {
	/* max-width: var(--cont-maxWidth) !important;
	margin: var(--cont-margin) !important; */
}
#footer,
.container.full-width,
#jvSection {
	max-width: var(--cont-maxFull) !important;
	/* padding-inline: var(--cont-paddInline) !important; */
	.container {
		max-width: var(--cont-maxWidth) !important;
		min-width: unset !important;
		margin: var(--cont-margin) !important;
	}
}
.row {
	min-width: unset !important;
}
#header-section .container-fluid {
	max-width: var(--cont-maxWidth) !important;
}
.jvContained {
	margin: 0 auto !important;
}
#footer .container  {
	padding-inline: var(--cgut) !important;
}
.blog-wrap {
	.container {
		max-width: var(--cont-maxLarge) !important;
		margin: var(--cont-margin) !important;
	}
	.container .row {
		/* max-width: 100% !important; */
		margin: var(--cont-margin) !important;
	}
}

/* =============== DESKTOP =============== */


/* =============== TABLET =============== */

@media (max-width: 768px) {
	.elementor-widget-wrap:not(:has(div:nth-child(1))) {
		height: 0 !important;
	}
	
	.e-con-inner, .e-con-full {
		max-width: 100vw !important;
	}

	.e-parent {
		max-width: 100vw !important;
		.e-con-inner {
			max-width: calc(100vw - 2vw) !important;
			margin: 0 auto;
		}
	}
	#header-section .container-fluid,
	section.blog-wrap .container:has(.row .bt-content-wrap),
	.e-con-boxed.e-parent,
	.elementor-top-section.elementor-section-boxed {
		max-width: 100vw !important;
		padding-inline: unset;
		padding-left: var(--padding-left) !important;
		padding-right: var(--padding-right) !important;
		& > .header-inner-wrap:nth-child(1),
		& > .header-inner-wrap:nth-child(2),
		& > .e-con-inner:nth-child(1),
		&.elementor-top-section > .elementor-container:nth-child(1) {
			max-width: calc(100vw - 2vw) !important;
			margin: 0 auto;
		}
	}
	.e-con-full.e-parent,
	.elementor-top-section.elementor-section-full_width {
		max-width: 100vw !important;
		padding-inline: unset;
		padding-left: var(--padding-left) !important;
		padding-right: var(--padding-right) !important;
		margin: 0 auto;
		& > .e-con-inner:nth-child(1) {
			max-width: calc(100vw - 2vw) !important;
			margin: 0 auto;
			padding-inline: unset;
			padding-left: var(--padding-left) !important;
			padding-right: var(--padding-right) !important;
		}
		& > .e-child:nth-child(1),
		&.elementor-top-section > .elementor-container:nth-child(1) {
			max-width: calc(100vw - 2vw) !important;
			margin: 0 auto;
			padding-inline: unset;
			padding-left: var(--padding-left) !important;
			padding-right: var(--padding-right) !important;
		}
		.e-con-inner {
			
		}
	}
	nav.e-con-full.e-parent {
		max-width: 100vw !important;
		padding-inline: 0vw;
		margin: 0 auto;
		& > .e-child:nth-child(1) {
			max-width: calc(100vw - 2rem) !important;
			margin: 0 auto !important;
		}
	}
}

.col-sidebar {
	display: none !important;
}
.row {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	display: flex !important;
	margin: 0 auto !important;
	article {
		margin-top: 0 !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
}
.row > * {
	padding-right: 0 !important;
	padding-left: 0 !important;
	
}





@media (max-width: 768px) {

	#wrapper, .container {
		max-width: 100vw !important;
	}	
	.row {
		margin: 0 auto !important;
	}
	.container {
		max-width: 100% !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 auto !important;
	}
	.e-con-inner {
		padding-inline: 8px !important;
	}
	article.type-product {
		padding-inline: var(--cgut) !important;
	}

	.e-con {
		padding: 0 !important;
	}
}

.container.listeo-shop-grid {
	@media (max-width: 768px) {
		padding-inline: var(--cgut) !important;
	}
} 
#jvSection .container {
	@media (max-width: 768px) {
		padding-inline: var(--cgut) !important;
	}
}









.dropdown {
	&:hover {
		.dropdown-menu {
			display: block;
		}
	}
}
.dropdown-menu {
	background-color: #282828 !important;
}
.mobile-navigation-wrapper {
	display: none !important;
}



/*
MARK: Search
*/
/* =============== SEARCH =============== */

#cgAjaxSearch,
.ajax-search-container {
	position: relative;
	width: auto;

	#search-results,
	.search-results {
		position: absolute;
		background: var(--cg-color-grey);
		width: 100%;
		z-index: 999;
		border: 1px solid #ffffff15;
	}
		
	.result-item {
		padding: 10px; border-bottom: 1px solid #ffffff15;
	}
	.result-item:hover {
		background: var(--cg-color-slate);
	}
}



/*
MARK: Shop Upper
*/
/* =============== UPPER SHOP =============== */

.jvShop__Upper {
	/* background-color: var(--bs-body-bg) !important; */
	@media (min-width: 768px) {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}	
	.woocommerce-breadcrumb {
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
		font-size: 0.8rem !important;
		font-weight: 700 !important;
		@media (max-width: 768px) {
			display: none !important;
		}
	}
	.jvShopDescription {
		max-width: 600px !important;
	}
}
.jvShop__Upper {
	padding: 3rem 1rem !important;
	margin-bottom: 1rem !important;
	background-image:
		radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;


		// GLASS START
		background: rgba(11, 11, 11, 0.917) !important;
		border-radius: var(--borderradius);
		box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .1), inset -2px -2px 0 -1px hsla(0, 0%, 100%, .1), inset 20px 15px 40px -10px rgba(0, 0, 0, .1), inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);
		// GLASS START
}
.jvJumbo {
	min-height: 30vh !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	@media (max-width: 768px) {
		min-height: 10vh !important;
	}
}
.jvJumboWrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
}
.jvJumbo__Image img {
	height: 200px !important;
	aspect-ratio: 1/1 !important;
	display: none !important;
}
.jvJumbo__Text {
	display: flex !important;
	flex-direction: column !important;
	/* align-items: flex-end !important; */
}
.jvJumbo__Text h1 {
	/* padding-top: 5rem !important; */
	padding-top: 0 !important;
	padding-inline: var(--cgap) !important;
	padding-inline: 0 !important;
	@media (max-width: 768px) {
		font-size: 5.0rem !important;
	}
}

#jvSearch__TaxonomyMobile {
	display: none !important;
	@media (min-width: 768px) {
		display: none !important;
	}	
	
}
/*
// BOTH SECTIONS HERE BASED ON OLD CODE, IGNORE BOTH
// Searchbar with Filter [CURRENTLY HIDDEN]
#cgAjaxSearch__Large {
	order: 1 !important;
	select, input, button {
		min-width: 150px !important;
		width: 150px !important;
	}
}
// Filter Buttons + Stock Buttons [ACTIVE]
.jvFilter__Buttons:nth-child(1) {
order: 2 !important;
}
.jvFilter__Buttons:nth-child(2) {
	order: 3 !important;
	display: none !important;
} */


/*
MARK: Shop Filters with Nav Buttons
*/

/* Slider Wrapper Structure Isolation */
.jvFilter__SliderWrapper {
    position: relative;
    width: 100%;
    display: block;
}

/* Base structural mutations across standard buttons */
.jvFilter__Buttons {
    overflow-x: auto !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
.jvFilter__Buttons::-webkit-scrollbar {
    display: none !important; /* Hide scrollbars everywhere */
}

/* Control Arrow Layout Parameters */
.jvSlider__NavBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #1e1e1e;
    color: #ffffff;
    border: 1px solid #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, background-color 0.2s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

.jvSlider__NavBtn:hover {
    background-color: #282828;
}

/* Position Left vs Right arrows */
.jvSlider__NavBtn--left {
    left: -4px;
    background: linear-gradient(90deg, #090909 60%, rgba(9,9,9,0) 100%);
	-webkit-backdrop-filter: blur(5px) !important;
	backdrop-filter: blur(5px) !important;
	border: none !important;
}
.jvSlider__NavBtn--right {
    right: -4px;
    background: linear-gradient(-90deg, #090909 60%, rgba(9,9,9,0) 100%);
	-webkit-backdrop-filter: blur(5px) !important;
	backdrop-filter: blur(5px) !important;
	border: none !important;
}

/* Class toggled on/off dynamically by JS Intersection Observer */
.jvSlider__NavBtn.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* Desktop Handling Overrides */
@media (min-width: 769px) {
    .jvFilter__Buttons {
        overflow-x: visible !important;
        flex-wrap: wrap !important; /* Flow naturally across rows on wide viewports */
    }
    .jvSlider__NavBtn {
        display: none !important; /* Force completely hidden when layout grid isn't overflowing */
    }
}

/* Keep your existing core bar parameters running underneath unchanged */
#jvSearch__TaxonomyDesktop {
    position: sticky !important;
    top: var(--cg-GallerySticky) !important;
    padding: 1rem;
    margin-bottom: 1rem !important;
    z-index: 50 !important;
	background-color: var(--bs-body-bg) !important;
    min-width: 100% !important;
    display: flex !important;
	background-image:
	radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;
	// GLASS START
	background: rgba(31, 31, 31, 1) !important;
	border-radius: var(--borderradius);
	box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .1), inset -2px -2px 0 -1px hsla(0, 0%, 100%, .1), inset 20px 15px 40px -10px rgba(0, 0, 0, .1), inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1) !important;
	// GLASS START

    @media (max-width: 768px) {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
		background-color: var(--bs-body-bg) !important;
        padding-top: var(--cgap) !important;
        padding-bottom: var(--cgap) !important;
		padding-inline: 5px !important;
        top: 0 !important;
        overflow-x: hidden !important;
        border-radius: 0 !important;
		background-image:
		radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;
		// GLASS START
		background: rgba(31, 31, 31, 1) !important;
		border-radius: var(--borderradius);
		box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .1), inset -2px -2px 0 -1px hsla(0, 0%, 100%, .1), inset 20px 15px 40px -10px rgba(0, 0, 0, .1), inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1) !important;
	// GLASS START
    }
}


// BACKGROUND
#jvSearch__TaxonomyDesktop {
	
		
	@media (max-width: 768px) {
		padding: 0 !important;
		
	}	
}

.jvFilter__Buttons, #jvFilter__Buttons {
	@media (max-width: 768px) {
		overflow-x: auto !important;
		flex-shrink: 0 !important;
		white-space: nowrap !important;
		&::-webkit-scrollbar {
		display: none !important;
		}
	}
}



// OLD CODE
#jvSearch__TaxonomyDesktop #cgAjaxSearch__Large .input-group {
	display: grid !important;
	grid-auto-flow: column !important;
	grid-auto-columns: 1fr !important;
	gap: 10px !important;
	box-sizing: border-box !important;
	height: unset !important;
	min-height: unset !important;
	max-height: unset !important;
	border: none !important;

	input, select {
		border-radius: var(--borderradius) !important;
		background-color: #1b1b1b !important;
		border: 1px solid #5f5f5f1f !important;
		box-sizing: border-box !important;
		height: unset !important;
		min-height: unset !important;
		max-height: unset !important;
	}
	input, select, button {
		outline: none !important;
		height: var(--cg-FieldLarge) !important;
		height: var(--cg-FieldHeight) !important;
		/* height: 40px !important;
		height: 30px !important; */
		/* height: var(--cg-FieldMedium) !important; */
	}
	@media (max-width: 768px) {
		input-group search-form-wrapper {
			
		}
		display: flex !important;
		flex-direction: row !important;
		
		input {
			background-image:
		radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;

		/* backdrop-filter: blur(2px); */
		background: rgba(31, 31, 31, .2);
		border-radius: var(--borderradius);
		box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .4), inset -2px -2px 0 -1px hsla(0, 0%, 100%, .4), inset 20px 15px 40px -10px rgba(0, 0, 0, .2), inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);
		}
		select {
			display: none !important;
		}
		button {
			width: auto !important;
		}
	}
}


/*
MARK: Listing Grid
*/
/* =============== PRODUCT LISTINGS =============== */


/* ==========================================================================
   1. SHOP CONTAINER & GLOBAL CONTROLS
   ========================================================================== */
.jvShop__Content {
    background: var(--cg-color-asphalt) !important;
	padding-bottom: 3rem !important;
}

#jv-ajax-shop-container {
	display: flex !important;
	flex-direction: column !important;
	.jv-shop-loop-meta {
		order: 2 !important;
	}
	#jvSearch__TaxonomyDesktop {
		order: 1 !important;
	}
	.products {
		order: 3 !important;
	}
	.jv-shop-loop-pagination {
		order: 4 !important;
	}
}

.jvShop__Content .jv-shop-loop-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
.jvFeaturedShortcode, #jvFeaturedShortcode {
	#jvSearch__TaxonomyDesktop {
		display: none !important;
	}
}
/* Optimized empty wrapper detection performance */
.jvShop__Content .woocommerce-notices-wrapper:not(:has(div, span)) {
    position: absolute !important;
}


.woocommerce-result-count,
form.woocommerce-ordering {
	height: var(--cg-FieldHeight) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0 !important;
}
.woocommerce-result-count {
	@media (max-width: 768px) {
		display: none !important;
	}
}
.woocommerce-result-count,
form.woocommerce-ordering
{
    font-size: 0.8rem !important;
    font-weight: 700 !important;
	text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

form.woocommerce-ordering {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

form.woocommerce-ordering select.orderby {
	font-size: 0.8rem !important;
    font-weight: 700 !important;
	text-transform: uppercase !important;
    text-align: right !important;
    letter-spacing: 1px !important;
	background: none !important;
    
}
form.woocommerce-ordering select.orderby > option {
	font-size: 1 !important;
    font-weight: normal !important;
	text-transform: normal !important;
    text-align: right !important;
    letter-spacing: normal !important;
	background: var(--cg-color-asphalt) !important;
	
}




/* Reset baseline section and grid alignments globally */
.product section {
    background: transparent !important;
}

#listing-item, 
.product section,
#listing-item a, 
.product section a {
    text-align: left !important;
}

div[class*="col"] {
    padding: 0 !important;
}

/* Containment layer config for components query boundaries */
div:has(> .products:nth-child(1)),
div:has(> .products:nth-child(2)),
div:has(> .products:nth-child(3)) {
    container-type: inline-size !important;
}

/* ==========================================================================
   2. MAIN PRODUCTS SYSTEM ARCHITECTURE
   ========================================================================== */
.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* Forces hardware execution bounds */
    gap: 2rem 1.6rem !important;
}

.products::before {
    display: none !important;
}

/* Media & Container Queries combined by width rules threshold */
@media (max-width: 1300px) {
    .products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }
}


/*
MARK: Item: Sidebar
*/
/* =============== MOBILE =============== */

.jvProd__RelatedWrapper {
@container (500px <= width <= 768px) {
    .products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    /* 2. Assign the exact 40% proportional width allocation to your image zone */
	.item-header .item-class {
        z-index: 2 !important;
    }
    .item-header .listing-image-wrap a,
    .item-header img {
        aspect-ratio: 6/5 !important;
    }
	/* 1. Transform the main wrapper container into a horizontal layout row */
    .listingitem-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important; /* Forces columns to match the same height */
        overflow: hidden; /* Cleans up border clipping if you have card radius elements */
    }

    /* 2. Assign the exact 40% proportional width allocation to your image zone */
    .listingitem-wrapper .item-header {
        position: relative !important; /* Crucial anchor for the absolute image sizing rules */
        width: 50% !important;
        flex-basis: 50% !important;
        flex-shrink: 0 !important; /* Prevents text push calculations from squishing the image zone */
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important; /* Relies purely on the flex match track height */
    }

    /* 3. Forces the wrapper containers to fill up the parent's absolute area */
    .listingitem-wrapper .listing-image-wrap,
    .listingitem-wrapper .listing-thumb,
    .listingitem-wrapper .listing-featured-thumb {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    /* 4. Force the underlying raw image to stretch and crop smoothly without losing ratio mechanics */
    .listingitem-wrapper .item-header img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Crops the image seamlessly into the dynamic box shape */
        object-position: center !important; /* Keeps focus locked to the center pixels */
        max-width: none !important; /* Overrules any inline layout inline resets */
    }

    /* 5. Force the details container layout block to handle the remaining space dynamically */
    .listingitem-wrapper .item-body {
        width: 50% !important; /* Takes up the precise matching 60% remaining layout width allocation */
        flex-grow: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
		padding: 0.6rem !important;
		padding-top: 1.1rem !important;
		padding-right: 0.30rem !important;
		/* padding-top: 1.5rem !important; */
		/* Forces your details and actions cleanly to boundaries */
    }
    
    /* 6. Clean up absolute badge or layout overlays from hiding behind bounds */
    .listingitem-wrapper .item-class.position-absolute {
        z-index: 2 !important; /* Keeps your classification metadata elements clear over the images */
    }
    .item-body, 
    .item-header .item-class {
        padding: 8px !important;
        gap: 5px !important;
    }
    .item-body .item-brand {
        /* font-size: 0.75rem !important;
        margin-bottom: 2px !important; */
		display: none !important;
    }
    .item-body .item-title {
		font-family: "PP Right Grotesk" !important;
        font-weight: normal  !important;
        font-size: 1.15rem !important;
		letter-spacing: 0px !important;
		min-height: 1.8em !important;
		margin-top: -4px !important;
		text-wrap: balance !important;
    }
    .item-body .item-notes {
        font-size: 0.76rem !important;
        font-weight: 300 !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
        gap: 2px !important;
        column-gap: 0 !important;
		padding-top: 0 !important;
		i {
			display: none !important;
		}
		.item {
			gap: 0 !important;
		}
    }
	.item-body .item-notes {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
  		grid-template-rows: repeat(2, auto);
		padding-bottom: 0.5rem !important;
	}
    .item-body .item-notes div.item:nth-child(n+5) {
        display: none !important;
    }
    .item-body .item-unique {
        font-size: 0.76rem !important;
    }
    .item-body .item-mileage i {
        display: none !important;
    }
	.item-body .separator {
		padding: 0 !important;
	}
	.item-body .single-footer {
		justify-content: flex-start !important;
		padding-top: 0.25rem !important;
	}
    .price_current * {
        font-size: 0.9rem !important;
		.btn {
			padding-left: 0 !important;
		}
    }
	.price_strike * {
		font-size: 0.85rem !important;
	}
	.item-body .item-color {
		display: none !important;
	}
}
}

/*
MARK: Item: Mobile
*/
/* =============== MOBILE =============== */

@media (max-width: 768px) {
    .products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }
    .listingitem-wrapper {
        display: grid !important;
        max-width: 100% !important;
		box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 37%, 0.15), 
			inset -2px -2px 0 -1px hsla(0, 0%, 100%, .15), 
			inset 20px 15px 40px -10px rgba(0, 0, 0, .15), 
			inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1) !important;
    }
    .item-header img,
    .item-header .listing-image-wrap a {
        aspect-ratio: 5/4 !important;
    }
	.item-header .item-class {
        padding: 4px !important;
        gap: 5px !important;
    }
    .item-body {
        padding: 8px !important;
        gap: 1rem !important;
    }
    .item-body {
        width: 100% !important;
        flex-grow: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        gap: 0px !important;
    }
    .item-body .item-brand {
        font-size: 0.75rem !important;
        margin-bottom: 0 !important;
    }
    .item-body .item-title {
		font-family: "PP Right Grotesk" !important;
        font-weight: normal  !important;
        font-size: 1.4rem !important;
		letter-spacing: 0px !important;
		min-height: 1.8em !important;
		margin-top: -4px !important;
    }
    .item-body .item-notes {
        font-size: 0.76rem !important;
        font-weight: 300 !important;
        display: flex !important;
        padding: 0.3rem 0 0.5rem !important;
        gap: 2px !important;
    }
    .item-body .item-notes div.item:nth-child(n+4) {
        display: none !important;
    }
    .item-body .item-notes .item {
        gap: 4px !important;
    }
    .item-body .item-notes .item:nth-child(n+4) {
        display: none !important;
    }
	.item-body .separator {
		padding-top: 0rem !important;
	}
    .item-body .single-footer {
        padding-top: 0.3rem !important;
    }
    .item-body .item-unique {
        font-size: 0.76rem !important;
    }
    .item-body .item-mileage i {
        display: none !important;
    }
    .item-body .item-price {
        font-size: 0.9rem !important;
    }
	.item-body .price-strike {
		font-size: 0.78rem !important;
	}
	.price_current * {
        font-size: 0.9rem !important;
		.btn {
			padding-bottom: 0 !important;
		}
    }
	.price_strike * {
		font-size: 0.85rem !important;
	}
	.item-body .item-color {
		display: none !important;
	}
}


/*
MARK: Item: Desktop
*/
/* =============== DESKTOP =============== */

/* ==========================================================================
   3. PRODUCT CARD INTERNAL MATRIX
   ========================================================================== */
#listing-item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
    background: #101012 !important;
    border-radius: var(--borderradius);
    border-radius: var(--borderradius);
    transition: transform 0.22s ease, background 0.2s ease !important;
    will-change: transform; /* Boosts layout performance on 20+ loops items tracking */
}

.listingitem-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 100% !important;
    flex-grow: 1 !important;
	transition:
		transform 0.22s ease,
		background 0.2s ease,
		box-shadow 0.3s ease !important;
    will-change: transform;
    overflow: hidden !important;
    border-radius: var(--borderradius);
	border-radius: var(--borderradius);
    background-color: rgba(31, 31, 31, 0.2);
    box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .3), 
                inset -2px -2px 0 -1px hsla(0, 0%, 100%, .25), 
                inset 20px 15px 40px -10px rgba(0, 0, 0, .2), 
                inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);
    background-image:
        radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
        radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
        radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
        radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
        radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
        radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
        radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;
}

.item-header {
    position: relative;
    object-fit: cover !important;
}

.item-header .listing-thumb, 
.item-header .listing-image-wrap,
.item-header .listing-thumb-gradient-overlay,
.item-header img, 
.item-header .listing-image-wrap a {
    border-top-left-radius: var(--borderradius) !important;
    border-top-right-radius: var(--borderradius) !important;
	border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.item-header img, 
.item-header .listing-image-wrap a {
    aspect-ratio: 3/2;
    width: 100% !important;
    object-fit: cover !important;
}

.item-header .item-class {
    position: absolute;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.item-header .jvUserSpecific {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: unset !important;
	display: none !important;
}

.item-body, 
.item-header .item-class {
    padding: 1rem 1.5rem 1rem;
    z-index: 10 !important;
}

.item-body {
    text-decoration: none !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: flex-start !important;
    gap: 0.5rem !important;
}

.item-body section {
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    min-height: auto !important;
}

.item-body span, 
.item-body a, 
.item-body h5 {
    text-decoration: none !important;
}

.item-body .item-brand, 
.item-body .item-brand a {
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
    color: var(--cg-color-artura) !important;
    opacity: 0.9 !important;
}

@media (min-width: 768px) {
    .item-body .item-brand a:hover {
        color: var(--cg-color-gold) !important;
    }
}

.item-body .item-title {
    color: #FFF8E2 !important;
    font-size: 1.3rem;
    font-weight: 500 !important;
    text-wrap: pretty !important;
    min-height: 1.4em;
}

.item-body .item-category, 
.item-body .product-category {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
}

.item-body .separator {
    border-top: 1px solid #ffffff33 !important;
	padding-top: 0.8rem;
}

.item-body .single-details {
	margin-top: auto !important;
}

.item-body .item-notes {
    font-size: 0.91rem;
    font-weight: 400 !important;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) ;
    justify-content: space-between;
    padding: 0.6rem 0 0.8rem;
    width: 100% !important;
    gap: 0;
	row-gap: 10px;
}

.item-body .item-notes span:nth-child(1) {
    color: var(--cg-color-gold) !important;
    /* color: hsl(37, 58%, 90%) !important;
    opacity: 0.3 !important; */
}

.item-body .item-notes span:nth-child(2) {
    opacity: 0.8 !important;
}

.item-body .item-notes .item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px ;
}

.item-body .single-footer {
    padding-top: 0.8rem;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.item-body .item-unique {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 2px ;
}

.item-body .item-unique div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
}

.item-body .item-price {
	font-size: 1.1rem;
    color: var(--cg-color-white) !important;
    font-weight: 700 !important;
}
.item-body .price-strike {
	font-size: 0.8rem;
}
.item-body .price {
    display: none !important;
}

.jvSlider__GradientOverlay,
#jvSlider__GradientOverlay {
    background: linear-gradient(0deg, #000000ee, #00000000, #00000000, #000000ee) !important;
    pointer-events: none !important;
}

/* ==========================================================================
   4. INTERACTIVE INTERACTIONS & STATUS FILTERING
   ========================================================================== */
@media (min-width: 768px) {
    .regular-product:hover .item-title {
        color: white !important;
    }
    .regular-product:hover .listingitem-wrapper {
        background: #1E1E1E !important;
        transform: translateY(-7px) !important;
    }
    .regular-product:hover .listing-thumb-gradient-overlay {
        background: linear-gradient(0deg, rgba(25, 25, 25, 0.1) 0%, rgba(25, 25, 30, 0) 50%) !important;
		background: rgb(25, 25, 25, 1) !important;
        opacity: 0.9 !important;
        transition: opacity 0.3s ease !important;
    }
}

@media (max-width: 768px) {
    .regular-product:focus .item-title {
        color: white !important;
    }
    .regular-product:focus .listingitem-wrapper {
        background: #1E1E1E !important;
        transform: translateY(-5px);
    }
}
.regular-product:hover .listingitem-wrapper {
		background-image:
		radial-gradient(at 40% 20%, hsla(14,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 58% 25%, hsla(40,43%,28%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 100%, hsla(48,30%,31%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 50%, hsla(0,0%,0%,0.2) 0px, transparent 50%),
		radial-gradient(at 80% 100%, hsla(21,36%,7%,0.2) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(38,14%,5%,0.2) 0px, transparent 50%) !important;

		/* backdrop-filter: blur(2px); */
		background: rgba(31, 31, 31, .2);
		border-radius: var(--borderradius);
		border-radius: var(--borderradius);
		box-shadow: inset 2px 2px 0 -1px hsla(0, 0%, 100%, .4), inset -2px -2px 0 -1px hsla(0, 0%, 100%, .4), inset 20px 15px 40px -10px rgba(0, 0, 0, .2), inset -10px -10px 20px -10px hsla(0, 0%, 100%, .1);

}
/* Gray out and push out of stock products to the end effortlessly via order */
.regular-product:has(.outofstock) {
    filter: grayscale(100%) !important;
    order: 1 !important;
}

/* Global cleanup rules for native WooCommerce float fixes */
.woocommerce #content div.product #reviews .comment:after, 
.woocommerce #content div.product #reviews .comment:before, 
.woocommerce .woocommerce-pagination ul.page-numbers:after, 
.woocommerce .woocommerce-pagination ul.page-numbers:before, 
.woocommerce div.product #reviews .comment:after, 
.woocommerce div.product #reviews .comment:before, 
.woocommerce ul.products:after, 
.woocommerce ul.products:before, 
.woocommerce-page #content div.product #reviews .comment:after, 
.woocommerce-page #content div.product #reviews .comment:before, 
.woocommerce-page .woocommerce-pagination ul.page-numbers:after, 
.woocommerce-page .woocommerce-pagination ul.page-numbers:before, 
.woocommerce-page div.product #reviews .comment:after, 
.woocommerce-page div.product #reviews .comment:before, 
.woocommerce-page ul.products:after, 
.woocommerce-page ul.products:before {
    display: none !important;
}









#jvFeaturedShortcode, .jvFeaturedShortcode {
@media (min-width: 768px) {
	.products {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 1.5rem !important;
	}
	.listingitem-wrapper {
		position: relative !important;
	}
	.item-header {
		
		
	}
	.item-header img,
	.item-header .listing-image-wrap a {
		aspect-ratio: 9/8 !important;
	}
	.item-body {
		position: absolute;
		bottom: 0 !important;
		background-color: #00000072 !important;
		height: auto !important;
		wdith: 100% !important;
		min-width: 100% !important;
		.item-title {
			font-size: 1.5rem !important;
			font-size: 2.5rem !important;
			&, & * {
				font-family: 'PP Right Grotesk Narrow' !important;
				font-weight: 500 !important;
			}
		}
		.item-notes, .item-unique {
			display: none !important;
		}
		.item-price {
			* {
				font-family: 'PP Right Grotesk Compact Dark' !important;
				font-weight: 900;
			}
		}
	}
}
@media (max-width: 768px) {
	width: 100vw !important;
	min-height: 100% !important;
}
} 





/*
MARK: Single Product
*/
/* =============== SINGLE PRODUCT =============== */

#wrapper {
/*background: #141414 !important;
	background: linear-gradient(45deg, rgba(20, 20, 20, 1) 0%, rgba(61, 61, 61, 0.58) 100%) !important;
	background-color:hsla(0,0%,0%,1); */
	background: unset !important;
	/* background-image:
	radial-gradient(at 40% 20%, hsla(14,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 52% 25%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(21,36%,7%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(48,30%,31%,1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(40,43%,28%,1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38,14%,5%,1) 0px, transparent 50%) !important; */

	background-color:hsla(0,0%,0%,1);
	background-image:
	radial-gradient(at 98% 64%, hsla(14,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 53% 30%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 8% 42%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 90% 45%, hsla(9,23%,6%,0.3) 0px, transparent 50%),
	radial-gradient(at 32% 0%, hsla(34,30%,31%,0.3) 0px, transparent 50%),
	radial-gradient(at 100% 0%, hsla(36,40%,21%,0.3) 0px, transparent 50%),
	radial-gradient(at 29% 40%, hsla(35,0%,0%,0.3) 0px, transparent 50%) !important;
		&:has(.summary) {
			@media (max-width: 768px) {
				.container {
					padding: 0 !important;
				}
			}
		}
	background-color:hsla(0,0%,0%,1) !important;
	background:var(--cg-color-asphalt) !important;
}
article.product {
	@media (max-width:768px) {
		margin: 0 !important;
		padding: 0 !important;
	}
	.product-type-simple {
		gap: 1rem !important;
		@media (max-width:768px) {
			gap: 0 !important;
			display: flex !important;
			flex-direction: column !important;
			margin: 0 !important;
		}
	}
}

#jvSingleProduct {
	width: 100% !important;
	max-width: 100% !important;
	display: grid !important;
	grid-template-columns: 1fr minmax(0, var(--cg-FieldWidth)) !important;
	grid-template-columns: 1fr max-content !important;
	/* overflow-y: auto !important; */
	gap: 1rem !important;
	align-items: stretch !important;
	@media (max-width: 768px) {
		padding: 0 !important;
		display: flex !important;
		gap: 0 !important;
		flex-direction: column !important;
	}
}
#jvSingleProd__LEFT {
	position: relative !important;
	width: auto !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	border: 1px solid #ffffff15 !important;
	border-radius: var(--borderradius) !important;
	@media (max-width: 768px) {
		border-radius: var(--borderradius) !important;
	}
	.jvSingleProdLeft__Wrapper {
		position: sticky !important;
		top: var(--cg-GallerySticky) !important;
		height: max-content !important;
		left: 0 !important;
		padding: unset !important;
		display: flex !important;
		@media (min-width: 768px) {
			height: calc(100vh - var(--cg-GallerySticky)) !important;
		}
	
		& > div:nth-child(1) {
			width: 100% !important;
		}
		
	}
	.custom-product-slider-container, 
	#jvSlider__THREE {
		height: 100% !important;
		display: flex;
		flex-direction: column;
		height: 100% !important;
	}
}

#jvSingleProd__RIGHT{
	width: 100% !important;
	padding: 1rem !important;
	max-width: var(--cg-FieldWidth) !important;
	padding: 2rem !important;
	border: 1px solid #ffffff15 !important;
	border-radius: var(--borderradius) !important;
	& > div:nth-child(1) {
		width: 100% !important;
	}
	@media (max-width: 768px) {
		padding: var(--cgap) !important;
		padding: calc(var(--cgap) + (var(--cgap) * 0.5)) !important;
	}
}
.jvPreview__Body,
.jvPreviewCanvas__Body,
.jvPreviewCanvas__Wrapper
{
	padding: 1rem !important;
	padding-bottom: 200px !important;
	@media (max-width: 768px) {
		padding: var(--cgap) !important;
		padding-bottom: 200px !important;
	}
}

.product-type-simple:has(>.custom-product-slider-container:nth-child(1)) {
	
	.summary {
		border: 1px solid #ffffff15 !important;
		border-radius: var(--borderradius) !important;

		
		@media (max-width:768px) {
			max-width: 100% !important;
			padding-inline:0 !important;
		}
	}
	.woocommerce-tabs {
		display: none !important;
	}
}









/*
MARK: SwiperJS
*/

/* =============== SWIPERJS =============== */


#jvSliderTHREE {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	height: 60vh !important;
	min-height: 60vh !important;
	max-height: 60vh !important;
	width: 1313px !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	@media (max-width: 768px) {
		width: 100% !important;
		height: auto !important;
		padding: 5px;
	}
	.swiper-slide {
		/* padding: 0 !important;
		margin: 0 !important;	 */

		-webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4) !important;
		-moz-box-shadow:    inset 0px 0px 85px rgba(0,0,0,0.4) !important;
		box-shadow:         inset 0px 0px 85px rgba(0,0,0,0.4) !important;
	}
}
#jvSlider__Main {
	/* position: sticky !important;
	top: 0 !important; */
	z-index: 100 !important;
	flex-grow: 1 !important;
	height: 600px !important;
	width: 100% !important;	
	max-width: 1313px !important ;
	/* max-height: 70vh !important; */
	position: relative;
	/* overflow: hidden; */
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	@media (max-width: 768px) {
		width: 100% !important;
		aspect-ratio: 5/4 !important;
		height: auto !important;
		margin: 0 atuo !important;
	}
	.special-content-wrapper, iframe {
		width: 1313px !important;
		height: 100% !important;
		@media (max-width: 768px) {
			width: 100% !important;
			max-width: 100% !important;
			aspect-ratio: 5/4 !important;
			height: auto !important;
			margin: 0 atuo !important;
		}
	}
}
#jvSlider__Thumbnails {
	height: auto;
	max-width: 1313px !important;
	width: 100% !important;
	max-height: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin-top: 0em !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	/* overflow: hidden; */
	@media (max-width: 768px) {
		height: auto !important;
	}
	.swiper-slide {
		width: auto !important;
		max-width: 20% !important;
		max-height: auto !important;
		height: auto !important;
		aspect-ratio: 5/4 !important;
		opacity: 1 !important;
		/* transition: opacity 0.3s; */
		cursor: pointer;
		@media (max-width: 768px) {
			width: 25% !important;
			
		}
		/* border: 2px solid #0000000a; */
		
	}
	
}
#jvSlider__Thumbnails,
.jvThumbContainer {
	padding: calc(0rem / 2) !important;
	@media (max-width: 768px) {
		padding: 2px !important;
	}
	

	#jvSlider__Thumbnails,
	#jvFixedSpecialThumb {
		padding: 0 !important;
	}

	.swiper-slide {
		margin-right: 0 !important;
		margin-top: 5px !important;
		margin-right: 5px !important;
		padding: 0 !important;
		padding: calc(0rem / 2) !important;
		aspect-ratio: 3/2 !important;
		transition: 0.1s !important;
		opacity: 1 !important;
		box-sizing: border-box !important;
		border: 1px solid #ffffff15 !important;
		border-radius: var(--borderradius) !important;
		border-radius: 1px !important;
		@media (max-width: 768px) {
			margin-top: 2px !important;
			margin-right: 2px !important;
			padding: 1px !important;
			aspect-ratio: 7/6 !important;
			height: auto !important;
			border-radius: 1px !important;
		}
		img {
			border-radius: var(--borderradius) !important;
			border-radius: 1px !important;
			@media (max-width: 768px) {
				border-radius: 1px !important;
			}
		}
		&:hover {
			border: 1px solid var(--cg-color-white) !important;
		}
	}
	.swiper-slide-thumb-active {
		opacity: 1;
		border: 1px solid var(--cg-color-white) !important; /* Visual cue for active thumb */
		@media (max-width: 768px) {
			border: 1px solid var(--cg-color-white) !important;
		}
	}
}
.jvThumbContainer:has(#jvFixedSpecialThumb) {
	#jvSlider__Thumbnails {
		max-width: calc(100% - (100%/4)) !important;
	}
	#jvFixedSpecialThumb {
		width: calc(100%/3) !important;
		max-width: calc(100%/4) !important;
	}
	.special-thumb-inner iframe #app-container {
		display: none !important;
	}
	.special-thumb-inner .swiper-slide {
		div[class] {
			margin: calc(0.5rem / 2) !important;
			height: 100% !important;
			width: 100% !important;
			background-color: #0000002b !important;
			backdrop-filter: blur(5px) !important;
		}
	}
	
}
#jvSlider__Main,
#jvSlider__Thumbnails {
	.swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
}
#jvSlider__THREE {
	/* * {
		max-width: 100% !important;
		width: 100% !important;
	} */
}
.jvPreview__Body,
.jvPreviewCanvas__Body,
.jvPreviewCanvas__Wrapper {
	#jvSlider__Main {
		max-height: 35vh !important;
	}
}

/* =============== PREVNEXT =============== */

.jvNavMain__PrevNext {
	display: flex !important;
	width: 100% !important;

	.swiper-button-prev, .swiper-button-next {
		height: 100% !important;
		top: 0 !important;
		margin-top:0  !important;
		width: unset !important;
		min-width: unset !important;
		max-width: unset !important;
		width: auto !important;
		padding-inline:0 !important;
		margin: 0 !important;
		@media (max-width: 768px) {
			padding-inline: var(--cgap) !important;
		}
		&::after {
			display: none !important;		
		}
		&:focus {
			border: none !important;
			outline: none !important;
		}
		&:hover {
			transition: 0.3s !important;
		}
	}
	.swiper-button-prev { 
		background: #000000;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
		left: 0 !important;
		padding-inline: var(--cgap) !important;
	}
	.swiper-button-next { 
		background: #000000;
		background: linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
		right: 0 !important;
		padding-inline: var(--cgap) !important;
	}

	svg.swiper-navigation-icon {
		min-width: 2rem !important;
		min-height: 2rem !important;
		height: 2rem !important;
		width: 2rem !important;
		max-height: 2rem !important;
		max-width: 2rem !important;
		padding: 3px !important;
		aspect-ratio: 1/1 !important;
		
		border-radius: var(--borderradius) !important;
		color: var(--cg-color-text) !important;
		fill: var(--cg-color-text) !important;
		color: var(--cg-color-white) !important;
		fill: var(--cg-color-white) !important;

		border: 1px solid var(--cg-color-white) !important;
		background: var(--cg-color-white) !important;
		background: #000000a7 !important;

		display: none !important;
		@media (max-width: 768px) {

		}
	}
	
}

.jvNavMain__ExtInt {
	position: absolute !important;
	bottom: var(--cgap) !important;
	left: var(--cgap) !important;
	z-index: 50 !important;
	padding: 0 !important;
}



























/*
MARK: Single RIGHT
*/

/* =============== SINGLE RIGHT =============== */




#jvBlock {
	padding: 0 !important;
	margin: 0 !important;
}
.product section {
	min-height: unset !important;
}
.jvProd__Primary {
	display: flex !important;
	flex-direction: column !important;
	gap: 1.5rem !important;
	gap: 1.1rem !important;
	line-height: 160% !important;
	@media (max-width: 768px) {
		gap: 1.5rem !important;
	}
}
.summary,
.jvPreview__Body,
.jvPreviewCanvas__Body,
.jvPreviewCanvas__Wrapper
  {
	display: flex !important;
	flex-direction: column !important;
	gap: 2rem !important;
	@media (max-width: 768px) {
		gap: 1.8rem !important;
	}
}	
.cart {
	display: none !important;
}

.summary {
display: grid !important;
grid-template-areas: 
	"jvProd__Primary"
	"jvProd__Overview"
	"jvProd__ShortDescription"
	"jvProd__Extra"
	"jvProd__Table"
	"jvProd__Meta"
	"jvProd__Class" !important;
}

.jvProd__Primary { grid-area: jvProd__Primary; }
.jvProd__Overview { grid-area: jvProd__Overview; }
.jvProd__Meta     { grid-area: jvProd__Meta; }
.jvProd__ShortDescription     { grid-area: jvProd__ShortDescription; }
.jvProd__Extra     { grid-area: jvProd__Extra; }
.jvProd__Table     { grid-area: jvProd__Table; }
.jvProd__Class     { grid-area: jvProd__Class; }





div.product-type-simple {
	/* display: grid !important;
	grid-template-columns: 1.75fr 1fr;
	gap: 5rem !important; */
	/* .woocommerce-product-gallery {
		width: 100% !important;
	}
	.summary {
		width: 100% !important;
	} */

}




.summary h1.product_title,
.offcanvas h1.product_title,
h1.product-title {
	font-size: 3.5rem !important;
	font-weight: 800 !important;
	text-wrap:pretty !important;

	font-family: BBH Hegarty, "BBH-Hegarty", "BBH Hegarty" !important;
	/* font-family: "PP Right Grotesk Tight" !important;
	font-family: "PP Right Grotesk Wide" !important; */
	font-weight: normal !important;
	letter-spacing: normal !important;
	@media (max-width: 768px) {
		font-family: "PP Right Grotesk Wide" !important;
		font-weight: 900 !important;
		font-size: 2.0rem !important;
	}
}
.offcanvas h1.product_title {
	font-size: 3.0rem !important;
	@media (max-width: 768px) {
		font-size: 2.3rem !important;
	}
}
.product_price {
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	color: var(--cg-color-artura) !important;
	@media (min-width:768px) {
		margin-bottom: 0.2rem !important;
	}
	@media (max-width: 768px) {
		font-size: 1.65rem !important;
		font-weight: 500 !important;
	}
	&:has(.price_sale) {
		.price_regular {
			font-size: 1.15rem !important;
			font-weight: 500 !important;
			opacity: 0.7 !important;
			text-decoration: line-through !important;
			.jvSingleProd__Currency {
				@media (min-width: 768px) {
					font-size: 1.4rem !important;
					font-size: 1.15rem !important;
				}
			}
		}
	}
}
.summary .price {
	display: none !important;
}

.card {
	gap: var(--cgap) !important;
	.list-group, .list-group-item {
		border: none !important;
		background: none !important;
		border-top-left-radius: none !important;
		border-top-right-radius: none !important;
	}
	.list-group {
		/* padding: var(--cgap) !important; */
		padding: 1rem !important;
		gap: 1rem !important;
	}
	.list-group-item {
		padding: 0 !important;
		/* padding: 1rem !important; */
		&:first-child {
			/* padding-bottom: 0.5rem !important; */
		}
		&:last-child {
			/* padding-top: 0.5rem !important; */
			font-size: 0.8rem !important;
		}
	}
	
	i {
		font-size: 1.3rem !important;
	}
	svg {
		/* max-width: 1.5rem !important; */
		/* max-height: 1.5rem !important; */
	}
	h5 {
		font-size: 1.2rem !important;
	}
	h6  {
		font-size: 0.87rem !important;
		font-weight: 300 !important;
	}
}


.jvProd__Primary {
	@media (max-width: 768px) {
		/* .item-brand {
			display: none;
		} */
	}
}
.jvProdPrimary__TitlePrice {
	display: flex !important;
	@media (min-width: 768px) {
		flex-direction: column !important;
		padding-top: 1rem !important;
	}
	@media (max-width: 768px) {
		flex-direction: row !important;
		gap: var(--cgut) !important;
	}
}
.jvProdPrimary__LEFT {
	padding: 0 !important;

	@media (min-width: 768px) {
		span {
			display: none !important;
		}
	}
	@media (max-width: 768px) {
		h1 {
			text-wrap: balance !important;
		}
		.jvSingleProd__Currency {
			display: none !important;
		}
		span {
			display: none !important;
		}
	}
}
.jvProdPrimary__RIGHT {
	padding: 0 !important;
	
	color: var(--cg-color-artura) !important;
	@media (min-width: 768px) {
		padding-top: 1rem !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: baseline !important;
		gap: var(--cgut) !important;
	}
	@media (max-width: 768px) {
		text-align: right !important;
		div, span {
			text-align: right !important;
		}
	}
}
.top-style {
	letter-spacing: normal !important;
	line-height: normal !important;
	@media (min-width: 768px) {
		font-family: Lato, "Lato", Inter, Tillium, "Tillium", "Inter", "BBH Hegarty" !important;
		font-size: 1.8rem !important;
		font-weight: 800 !important;
		
	}
	@media (max-width: 768px) {
		font-family:  "PP Right Grotesk Narrow" !important;
		font-size: 2.6rem !important;
		font-weight: 400 !important;
		.jvSingleProd__Currency {
			display: none !important;
		}
	}
}
.bottom-style {
	font-size: 1.4rem !important;
	font-weight: 400 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: nowrap !important;
	opacity: 0.7 !important;
	@media (min-width: 768px) {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-end !important;
		gap: calc(var(--cgut) / 2) !important;
		.the-status {
			display: none !important;
		}
	}
	@media (max-width: 768px) {
		font-size: 1rem !important;
	}
}

.jvSingleProd__Currency {
	@media (min-width: 768px) {
		/* font-size: 1.4rem !important; */
	}
}
.jvHidden {
	display: none !important;
}
.jvStrikeThrough {
	text-decoration: line-through solid #e9a83fe6 2px !important;
}
.product_price {
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	
	@media (min-width:768px) {
		margin-bottom: 0.2rem !important;
	}
	@media (max-width: 768px) {
		font-size: 1.65rem !important;
		font-weight: 500 !important;
	}
	&:has(.price_sale) {
		.price_regular {
			font-size: 1.15rem !important;
			font-weight: 500 !important;
			
			
			.jvSingleProd__Currency {
				@media (min-width: 768px) {
					font-size: 1.4rem !important;
					font-size: 1.15rem !important;
				}
			}
		}
	}
}



.jvProd__Overview {
	.jvProd__OverviewWrapper {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 1rem !important;
		@media (max-width: 768px) {
			grid-template-columns: repeat(3, 1fr) !important;
			gap: 0.5rem !important;
			.card:nth-child(4) {
				display: none !important;
			}
		}
		i {
			background: #b8843032 !important;
			background: #ffd50043 !important;
			border: 0px solid var(--cg-color-artura) !important;
			border-radius: 50rem !important;
			border-radius: var(--borderradius) !important;
			color: var(--cg-color-artura) !important;
			display: table-cell !important;
			height: var(--cg-FieldLarge) !important;
			width: var(--cg-FieldLarge) !important;
			aspect-ratio: 1/1 !important;
			text-decoration: none !important;
			align-content: center !important;
			justify-content: center !important;
			align-items: center !important;
			text-align: center !important;
		}
		
		h6 {
			/* font-size: 1rem !important;
			font-weight: 300 !important; */
			
			/* text-transform: uppercase !important;
			letter-spacing: 0.5px !important;
			font-weight: 800 !important;
			color: var(--cg-color-gold) !important; */
		}
	}
	
}
.jvBoxSingle
{
	background: #141414 !important;
	background: linear-gradient(45deg, rgba(20, 20, 20, 1) 0%, rgba(61, 61, 61, 0.58) 100%) !important;
	
	
}
.jvExtraBox {
	
}
.jvExtraBox:nth-child(1) {
	
}
.jvBoxSingle {
	/* background: #282828 !important; */
	color: white !important;
	border: 1px solid #ffffff13 !important;
	border-radius: var(--borderradius) !important;
	width: 100% !important;
	/* .glass-card {
width: 240px;
height: 360px;
background: rgba(255, 255, 255, 0.16);
backdrop-filter: blur(22px);
-webkit-backdrop-filter: blur(22px);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 
	0 8px 32px rgba(0, 0, 0, 0.1),
	inset 0 1px 0 rgba(255, 255, 255, 0.5),
	inset 0 -1px 0 rgba(255, 255, 255, 0.1),
	inset 0 0 16px 8px rgba(255, 255, 255, 0.8);
position: relative;
overflow: hidden;
}

.glass-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(
	90deg,
	transparent,
	rgba(255, 255, 255, 0.8),
	transparent
);
}

.glass-card::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background: linear-gradient(
	180deg,
	rgba(255, 255, 255, 0.8),
	transparent,
	rgba(255, 255, 255, 0.3)
);
} */
	.jvBoxSingle__Wrapper {
		/* padding: 1rem !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 1rem !important; */
	}
	.jvBox__Top {
		a {

		}
		* {
			text-decoration: none !important;
		}
		
		svg path {
			color: var(--cg-color-gold) !important;
			fill: var(--cg-color-gold) !important;
		}
	}
	
	.jvBox__Bottom {
		display: flex !important;
		flex-direction: column !important;
		gap: 0.3rem !important;
		h6 {
			/* font-weight: 300; */
		}
	}
}
.jvProd__ExtraWrapper {
	display: flex !important;
	flex-direction: row !important;
	gap: 1rem !important;
	@media (max-width: 768px) {
		gap: 0.5rem !important;
	}
}
.jvProd__MiniGalleryWrapper {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 0.5rem !important;
}
.jvExtraBox {
	/* background: #282828 !important; */
	color: white !important;
	border: 1px solid #ffffff13 !important;
	border-radius: var(--borderradius) !important;
	width: 100% !important;
	/* padding: 0.5rem !important; */
	i {
		
	}

	/* width: 440px;
	height: 440px;
	border-radius: 15rem; */
	/* background: radial-gradient(
		49.19% 88.28% at 72.99% 113.54%,
		hsla(184, 0%, 65%, 0.73) 0%,
		hsla(184, 0%, 65%, 0.168) 59.78%,
		hsla(184, 0%, 65%, 0) 100%
	),
	linear-gradient(54.57deg, hsl(281, 0%, 43%) 8.59%, hsla(281, 0%, 63%, 0) 80.49%),
	radial-gradient(
		118.75% 118.75% at 96.65% 74.22%,
		hsl(209, 0%, 55%) 0%,
		hsla(204, 0%, 55%, 0) 73.91%
	),
	radial-gradient(
		114.51% 155.86% at 9.82% 10.94%,
		hsla(0, 0%, 67%, 0.7) 0%,
		hsla(0, 0%, 67%, 0.147) 61.98%,
		hsla(0, 0%, 67%, 0) 100%,
		hsl(217, 0%, 96%)
	) !important;
	background-blend-mode: hard-light, darken, normal, normal, normal, normal !important;
	filter: blur(0px); */



	
	.jvExtraBox__Wrapper {
		display: flex !important;
		flex-direction: row !important;
		gap: 0.5rem !important;
	}
	.jvExtaBox__Icon {
		display: none !important;
		a {

		}
		* {
			text-decoration: none !important;
		}
		h5 {
			background: #b8843032 !important;
			border: 1px solid var(--cg-color-gold) !important;
			border-radius: 50rem !important;
			color: var(--cg-color-gold) !important;
			display: table-cell !important;
			height: var(--cg-FieldHeight) !important;
			width: var(--cg-FieldHeight) !important;
			aspect-ratio: 1/1 !important;
			text-decoration: none !important;
			align-content: center !important;
			justify-content: center !important;
			align-items: center !important;
			text-align: center !important;
			
		}
	}
}

.jvProd__ShortDescription {
	p, p:not(:last-of-type) {
		margin-bottom: 0.5rem !important;
	}
	.container {
		padding: 0 !important;
	}
}


.jvProd__TableWrapper {
	/* display: flex !important; */
	/* flex-direction: column !important; */
	/* gap: 0 !important; */
	@media (max-width: 768px) {
		gap: 0.5rem !important;
	}
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	.jvTableBox {
		/* background: #282828 !important; */
		color: white !important;
		border-bottom: 1px solid #ffffff32 !important;
		border-radius: 0 !important;
		width: 100% !important;
		/* padding: 0.5rem !important; */
		height: var(--cg-FieldHeight) !important;
		height: calc( var(--cg-FieldHeight) * 0.9) !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start!important;
		align-content: center !important;
		gap: 1rem !important;
		
	}
	.jvTableBox__Wrapper {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start!important;
		align-content: center !important;
		gap: 1rem !important;
		
	}
	.jvTableBox__Icon {
		h5 {
			/* background: #b8843032 !important;
			background: #ffd50043 !important;
			border: 1px solid var(--cg-color-artura) !important; */
			border-radius: 50rem !important;
			color: var(--cg-color-artura) !important;
			display: table-cell !important;
			height: var(--cg-FieldHeight) !important;
			width: var(--cg-FieldHeight) !important;
			aspect-ratio: 1/1 !important;
			text-decoration: none !important;
			align-content: center !important;
			justify-content: center !important;
			align-items: center !important;
			text-align: center !important;
			height: 10px !important;
			width: 10px !important;
		}
	}
	.jvTableBox__Body {
		& > span:nth-child(1) {
			font-weight: 500 !important;
		}
		flex-grow: 1 !important;
		/* display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		align-content: center !important;
		gap: 1rem !important;*/
		@media (max-width: 768px) {
			/* display: flex !important;
			flex-direction: column !important; */
		} 
	}
}


.jvBento.card-body {
	&::after {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 0.2rem;
		background: linear-gradient(to right, transparent, rgb(193, 168, 226) 39.5%, transparent) !important;
	}/* 
		position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 5.5rem; */
	/* background: linear-gradient(to bottom, rgb(138, 180, 248), transparent) !important; */
	pointer-events: none;
}

.jvProd__Floating {
	width: 100% !important;
	left: 0 !important;
}
.jvProd__FloatingWrapper {
	position: fixed !important;
	bottom: 70px !important;
	width: 100vw !important;
	left: 0 !important;
	padding: 5px !important;
	opacity: 0 !important;
		@media (min-width: 768px) {
			display: none !important;
		}
		@media (max-width: 768px) {
			--univRem: 12px;
		}

	.card-body {
		padding: 8px !important;
	}
}
.jvFloating.card {
	width: 100% !important;
}





.woocommerce-Tabs-panel {
	display: flex !important;
	flex-direction: column !important;
	gap: 2rem !important;
	display: none !important;
}

#sign-in-dialog,/* 
.related-products, */
#save-search-dialog
,.jvProd__Mini
,#jvProd__Mini
, .jvProd__Bento, #jvProd__Bento, .jvProd__MiniGallery, .jvProd__CTA
{
	display: none !important;
	visibility: hidden !important;
}

/* #sign-in-dialog,
.sign-in-dialog {
	display: block !important;
}
 */

html:not(:has(body header .jvAuth__Member--jaye)) {
	 .ryzNewNav, .projectDraft, .projectHidden	{
		display: none !important;
	}
	.ryzNavMenu, .projectDraft, .projectHidden {
		visibility: hidden !important;
		display: none !important;
	}
}
 .projectDraft {
	outline: 2px solid #000000 !important;
	/* display: none !important; */
	&:hover {
		
		outline: 2px solid #00bbff15 !important;
	}
}

 .projectHidden {
	outline: 2px solid #000000 !important;
	display: none !important;
	&:hover {
		
		outline: 2px solid #9d00ff15 !important;
	}
}
/* .projectDraft, .projectHidden {
display: none !important;
} */



.accordion-item {
	display: block !important;
}


/* Core Layout Wrapper for Frontend Features Masonry */
.jvProd__Features .jvFeatures {
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	width: 100%;
	box-sizing: border-box;
	/* Split into exactly 2 columns smoothly */
	column-count: 2;
	column-gap: 0rem; /* Space between the columns */
}

/* Force parent block groupings to act as solid vertical tiles */
.jvProd__Features .jvFeatures__Block {
	display: inline-block;
	width: 100%;
	break-inside: avoid;
	page-break-inside: avoid;
	margin-bottom: 10px; /* Vertical spacing between cards */
	box-sizing: border-box;
}

/* Typography Clean Alignment Rules */
.jvProd__Features .jvFeatures__Header {
	/* text-transform: uppercase; */
	margin: 0 0 0px 0 !important;
	padding: 0 0 4px 0 !important;
	border-bottom: 1px solid rgba(0,0,0,0.06);
	color: #222;
	letter-spacing: 0.5px;
}

.jvProd__Features .jvFeatures__SubGroup {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.jvProd__Features .jvFeatures__Item {
	line-height:150% !important;
	position: relative;
	&:before {
		padding-right: 0.5rem !important;
		content: '✓' !important;
		color: var(--cg-color-artura) !important;
	}
}

/* Responsive Breakpoint: Stack cleanly into 1 full-width column on narrow screens/mobile viewports */
@media (max-width: 600px) {
	.jvProd__Features .jvFeatures {
		column-count: 2;
		column-gap: 0;
	}
	.jvProd__Features .jvFeatures__Block {
		margin-bottom: 16px;
	}
}



.jvProd__Related, .related-products {
	#jvSearch__TaxonomyDesktop {
		display: none !important;
		visibility: hidden !important;
	}
}






.jvValueItems {
	button:nth-child(1) {
		padding-left: 0 !important;
	}
	button {
		padding-left: 0 !important;
	}
}






/* Container Layout Matrix */
.jvProd__VideoWrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    width: 100%;
    margin: 20px 0;
}

/* Individual Video Outer Frame Block */
.jvProd__Video {
    width: 100%;
    background-color: #000000;
    border-radius: var(--borderradius);
    overflow: hidden;
}

/* Fluid Responsive 16:9 Aspect Ratio Container Layout */
.jvProd__VideoRatioBox {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9; /* Enforces absolute 16:9 Landscape aspect ratio plane */
}

/* HTML5 Video Element Adjustments */
.jvProd__VideoRatioBox video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Keeps media content scaled smoothly edge-to-edge */
    background: #000000;
    display: block;
}