/* ================================================================
   VANTHEX WEB 3.9.7 — STOREFRONT EXPERIENCE
   Scope: shop, product archive, categories and product pages only.
   ================================================================ */

body.tdb-vanthex-storefront-page {
	margin: 0 !important;
	color: #fff !important;
	background:
		radial-gradient(circle at 12% 0%, rgba(43,201,255,.10), transparent 32rem),
		radial-gradient(circle at 88% 4%, rgba(124,92,255,.18), transparent 36rem),
		linear-gradient(180deg, #040710 0%, #02040a 100%) !important;
	font-family: Inter, Sora, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.tdb-vanthex-storefront-page .wp-site-blocks > header,
body.tdb-vanthex-storefront-page .wp-site-blocks > footer,
body.tdb-vanthex-storefront-page header.wp-block-template-part,
body.tdb-vanthex-storefront-page footer.wp-block-template-part,
body.tdb-vanthex-storefront-page .site-header,
body.tdb-vanthex-storefront-page .site-footer,
body.tdb-vanthex-storefront-page #masthead,
body.tdb-vanthex-storefront-page #colophon {
	display: none !important;
}

body.tdb-vanthex-storefront-page .wp-site-blocks,
body.tdb-vanthex-storefront-page main,
body.tdb-vanthex-storefront-page #primary,
body.tdb-vanthex-storefront-page .site-main,
body.tdb-vanthex-storefront-page article,
body.tdb-vanthex-storefront-page .entry-content,
body.tdb-vanthex-storefront-page .wp-block-post-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.tdb-vanthex-storefront-page::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: radial-gradient(circle at 50% 18%, #000 0%, transparent 78%);
}

.tdb-storefront-header {
	position: relative;
	z-index: 40;
	border-bottom: 1px solid rgba(255,255,255,.075);
	background: rgba(3,6,13,.78);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}


.tdb-storefront-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: min(100% - 32px, 1180px);
	min-height: 78px;
	margin: 0 auto;
}

.tdb-storefront-brand {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: #fff !important;
	text-decoration: none !important;
}

.tdb-storefront-brand img {
	width: 40px;
	height: 40px;
	object-fit: contain;
	filter: drop-shadow(0 0 12px rgba(124,92,255,.44));
}

.tdb-storefront-brand span {
	display: grid;
	line-height: 1;
}

.tdb-storefront-brand strong {
	font-size: 17px;
	letter-spacing: -.035em;
}

.tdb-storefront-brand small {
	margin-top: 5px;
	color: rgba(255,255,255,.40);
	font-size: 7px;
	font-weight: 800;
	letter-spacing: .16em;
}

.tdb-storefront-header nav {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tdb-storefront-header nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 13px;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 999px;
	color: rgba(237,242,255,.78) !important;
	background: rgba(255,255,255,.03);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none !important;
}

.tdb-storefront-header nav a:hover,
.tdb-storefront-header nav .tdb-storefront-cart {
	color: #fff !important;
	border-color: rgba(124,92,255,.34);
	background: rgba(124,92,255,.12);
}

body.tdb-vanthex-storefront-page .woocommerce,
body.tdb-vanthex-storefront-page .woocommerce-page main > .wp-block-group,
body.tdb-vanthex-storefront-page .wp-block-query {
	width: min(100% - 32px, 1180px) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 54px 0 78px !important;
}

body.tdb-vanthex-storefront-page .woocommerce-breadcrumb {
	margin: 0 0 20px !important;
	color: rgba(188,198,218,.60) !important;
	font-size: 12px !important;
}

body.tdb-vanthex-storefront-page .woocommerce-breadcrumb a {
	color: #55ddff !important;
}

body.tdb-vanthex-storefront-page .woocommerce-products-header,
body.tdb-vanthex-storefront-page .woocommerce-result-count,
body.tdb-vanthex-storefront-page .woocommerce-ordering {
	color: rgba(220,228,244,.76) !important;
}

body.tdb-vanthex-storefront-page .woocommerce-products-header__title,
body.tdb-vanthex-storefront-page .page-title,
body.tdb-vanthex-storefront-page .product_title {
	margin: 0 0 18px !important;
	color: #fff !important;
	font-size: clamp(40px, 6vw, 66px) !important;
	font-weight: 760 !important;
	line-height: 1 !important;
	letter-spacing: -.055em !important;
}

body.tdb-vanthex-storefront-page .woocommerce-ordering select {
	min-height: 44px;
	padding: 0 38px 0 13px;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 12px;
	color: #fff;
	background: rgba(8,12,23,.88);
}

body.tdb-vanthex-storefront-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 22px !important;
	clear: both;
	margin: 34px 0 0 !important;
}

body.tdb-vanthex-storefront-page ul.products::before,
body.tdb-vanthex-storefront-page ul.products::after {
	display: none !important;
}

body.tdb-vanthex-storefront-page ul.products li.product {
	float: none !important;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	padding: 18px !important;
	border: 1px solid rgba(255,255,255,.085);
	border-radius: 24px;
	background:
		radial-gradient(circle at 86% 0%, rgba(124,92,255,.13), transparent 15rem),
		linear-gradient(145deg, rgba(20,23,40,.94), rgba(7,10,19,.96));
	box-shadow: 0 24px 70px rgba(0,0,0,.30);
}

body.tdb-vanthex-storefront-page ul.products li.product a {
	text-decoration: none !important;
}

body.tdb-vanthex-storefront-page ul.products li.product img {
	width: 100% !important;
	margin: 0 0 18px !important;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 18px;
	background: #03050b;
}

body.tdb-vanthex-storefront-page ul.products li.product .woocommerce-loop-product__title {
	padding: 0 !important;
	color: #fff !important;
	font-size: 21px !important;
	font-weight: 760 !important;
	letter-spacing: -.035em;
}

body.tdb-vanthex-storefront-page ul.products li.product .price,
body.tdb-vanthex-storefront-page .summary .price {
	color: #55ddff !important;
	font-size: 18px !important;
	font-weight: 800 !important;
}

body.tdb-vanthex-storefront-page .button,
body.tdb-vanthex-storefront-page button.button,
body.tdb-vanthex-storefront-page .single_add_to_cart_button {
	min-height: 50px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 22px !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	border-radius: 14px !important;
	color: #fff !important;
	background: linear-gradient(135deg,#7c5cff,#4f6fff) !important;
	box-shadow: 0 14px 32px rgba(91,64,255,.28) !important;
	font-weight: 800 !important;
}

body.tdb-vanthex-storefront-page div.product {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(360px,.78fr);
	gap: 34px;
	padding: 28px;
	border: 1px solid rgba(255,255,255,.085);
	border-radius: 28px;
	background: linear-gradient(145deg,rgba(19,22,38,.94),rgba(7,10,18,.96));
	box-shadow: 0 28px 90px rgba(0,0,0,.34);
}

body.tdb-vanthex-storefront-page div.product div.images,
body.tdb-vanthex-storefront-page div.product div.summary {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}

body.tdb-vanthex-storefront-page div.product div.images img {
	border-radius: 22px;
}

body.tdb-vanthex-storefront-page .woocommerce-tabs,
body.tdb-vanthex-storefront-page .related.products {
	grid-column: 1 / -1;
	color: rgba(220,228,244,.76);
}

body.tdb-vanthex-storefront-page .woocommerce-tabs ul.tabs li,
body.tdb-vanthex-storefront-page .woocommerce-tabs .panel {
	border-color: rgba(255,255,255,.085) !important;
	background: rgba(255,255,255,.035) !important;
}

.tdb-storefront-footer {
	border-top: 1px solid rgba(255,255,255,.075);
	background: rgba(2,4,10,.72);
}

.tdb-storefront-footer > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: min(100% - 32px,1180px);
	min-height: 90px;
	margin: 0 auto;
}

.tdb-storefront-footer span {
	color: #fff;
	font-weight: 800;
}

.tdb-storefront-footer p {
	margin: 0;
	color: rgba(188,198,218,.58);
	font-size: 12px;
}

@media (max-width: 900px) {
	body.tdb-vanthex-storefront-page ul.products {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	body.tdb-vanthex-storefront-page div.product {
		grid-template-columns: 1fr;
	}
}


@media (max-width: 640px) {
	.tdb-storefront-header__inner {
		min-height: 70px;
	}

	.tdb-storefront-brand img {
		width: 34px;
		height: 34px;
	}

	.tdb-storefront-brand strong {
		font-size: 15px;
	}

	.tdb-storefront-brand small,
	.tdb-storefront-header nav a:not(.tdb-storefront-cart) {
		display: none;
	}

	body.tdb-vanthex-storefront-page .woocommerce {
		width: min(100% - 24px,1180px) !important;
		padding: 36px 0 56px !important;
	}

	body.tdb-vanthex-storefront-page ul.products {
		grid-template-columns: 1fr;
	}

	body.tdb-vanthex-storefront-page div.product {
		padding: 18px;
		border-radius: 22px;
	}

	.tdb-storefront-footer > div {
		min-height: 116px;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
	}
}
