/*
Theme Name: Paradise Compounds

WooCommerce styles override
*/

/**
 * Shop tables
 */
table.shop_table_responsive thead {
	display: none;
}

table.shop_table_responsive tbody th {
	display: none;
}

table.shop_table_responsive tr td {
	display: block;
	text-align: right;
	clear: both;
}

table.shop_table_responsive tr td::before {
	content: attr(data-title) ": ";
	float: left;
}

table.shop_table_responsive tr td.product-remove a {
	text-align: left;
}

table.shop_table_responsive tr td.product-remove::before {
	display: none;
}

table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
	display: none;
}

table.shop_table_responsive tr td.download-actions .button {
	display: block;
	text-align: center;
}

@media screen and (min-width: 768px) {

	table.shop_table_responsive thead {
		display: table-header-group;
	}

	table.shop_table_responsive tbody th {
		display: table-cell;
	}

	table.shop_table_responsive tr th,
	table.shop_table_responsive tr td {
		text-align: left;
	}

	table.shop_table_responsive tr td {
		display: table-cell;
	}

	table.shop_table_responsive tr td::before {
		display: none;
	}
}

/**
 * Products Grid
 */
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products {
	margin: 2em 0 !important;
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
	grid-gap: 2rem 1.25rem !important;
	clear: both !important;
	float: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product {
	list-style: none !important;
	position: relative !important;
	background: var(--bg-surface) !important;
	border: 1px solid var(--border-light) !important;
	border-radius: var(--radius-lg) !important;
	padding: 1.15rem !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	box-shadow: var(--shadow-md) !important;
	transition: var(--transition-smooth) !important;
	overflow: hidden !important;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}

ul.products li.product:hover {
	transform: translateY(-4px);
	border-color: var(--border-hover);
	box-shadow: var(--shadow-lg);
}

/* Card header and Telemetry */
ul.products li.product .product-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.75rem;
	color: var(--text-muted);
	margin-bottom: 1rem;
	border-bottom: 1px dashed var(--border-light);
	padding-bottom: 0.5rem;
}

ul.products li.product .product-sku {
	font-family: var(--font-mono);
	letter-spacing: 0.05em;
}

ul.products li.product .stock-status {
	font-size: 0.85rem;
	cursor: default;
}

ul.products li.product .status-in-stock {
	color: var(--accent-green);
}

ul.products li.product .status-out-of-stock {
	color: var(--accent-alt);
}

.card-cart-qty-wrap {
	display: block;
	text-align: right;
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
	height: 1.1rem;
}

ul.products li.product .card-cart-qty {
	font-family: var(--font-mono);
	font-size: 0.7rem;
	color: var(--accent-blue);
	font-weight: 700;
	letter-spacing: 0.05em;
}

/* Absolute positioned purity badge overlaying the image */
ul.products li.product .purity-badge {
	position: absolute;
	top: 4.25rem;
	left: 2.25rem;
	background: var(--accent-green);
	color: var(--text-on-dark);
	font-family: var(--font-mono);
	font-weight: 700;
	font-size: 0.65rem;
	padding: 0.25rem 0.5rem;
	border-radius: var(--radius-sm);
	z-index: 10;
	text-transform: uppercase;
}

/* Product image styling */
ul.products li.product img {
	display: block;
	margin: 0 auto 0.75rem;
	border-radius: var(--radius-md);
	background: var(--bg-image-holder);
	height: 180px;
	width: 100%;
	padding: 1rem;
	object-fit: contain;
	transition: var(--transition-smooth);
	border: 1px solid var(--border-light);
}

ul.products li.product:hover img {
	transform: scale(1.02);
}

/* Product Titles */
ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--font-sans);
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--text-primary);
	margin: 0 0 0.25rem;
	line-height: 1.3;
	min-height: 3rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Subtitle / Short Description */
ul.products li.product .product-subtitle {
	font-family: var(--font-sans);
	font-size: 0.85rem;
	color: var(--text-secondary);
	margin: 0 0 1.25rem;
	line-height: 1.3;
	min-height: 2.21rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Custom Bottom Row containing price and cart button */
.product-price-action-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid var(--border-light);
}

/* Price styling */
ul.products li.product .price {
	font-family: var(--font-sans);
	font-size: 1.15rem;
	color: var(--text-primary);
	margin: 0;
	display: block;
	font-weight: 700;
}

ul.products li.product .price ins {
	text-decoration: none;
	background: transparent;
	color: var(--text-primary);
}

ul.products li.product .price del {
	font-size: 0.9rem;
	color: var(--text-muted);
	margin-right: 0.35rem;
	font-weight: 400;
}

/* Add to cart / select options buttons */
ul.products li.product .button {
	background: var(--text-primary) !important;
	border: none !important;
	border-radius: var(--radius-sm) !important;
	width: 40px;
	height: 40px;
	min-width: 40px;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	color: transparent !important;
	position: relative;
	cursor: pointer;
	transition: var(--transition-smooth);
}

ul.products li.product .button::before {
	content: "🛒";
	font-size: 1.05rem;
	color: var(--text-on-dark) !important;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.products li.product .button:hover {
	background: var(--btn-primary-hover) !important;
	box-shadow: var(--shadow-md) !important;
}

/* Hide redundant "View Cart" link appended by WooCommerce AJAX on shop catalog cards to prevent crowding */
ul.products li.product .added_to_cart {
	display: none !important;
}

/* On-sale flash badge */
ul.products li.product .onsale {
	display: none;
}

.font-mono {
	font-family: var(--font-mono);
}


/**
 * Single product
 */
.single-product div.product {
	position: relative;
}

.single-product div.product .woocommerce-product-gallery {
	position: relative;
	float: left;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	display: none !important;
}

/* Let the featured image fill its column instead of rendering at its small intrinsic size */
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.single-product div.product .woocommerce-product-gallery img.wp-post-image {
	width: 100%;
	height: auto;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
	margin-bottom: 1em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	margin: 0;
	padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	list-style: none;
	cursor: pointer;
	float: left;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	opacity: 0.5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
	opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
	opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
	width: 48.1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
	clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
	width: 30.79667%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
	clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: 22.15%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
	width: 16.96%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
	clear: both;
}

.stock:empty::before {
	display: none;
}

.stock.in-stock {
	color: var(--accent-green);
}

.stock.out-of-stock {
	color: var(--accent-alt);
}

/**
 * Checkout
 */
@media screen and (min-width: 768px) {

	.col2-set .form-row-first {
		float: left;
		margin-right: 3.8%;
	}

	.col2-set .form-row-last {
		float: right;
		margin-right: 0;
	}

	.col2-set .form-row-first,
	.col2-set .form-row-last {
		width: 48.1%;
	}
}

/**
 * General WooCommerce components
 */

/**
 * Header cart
 */
.site-header-cart {
	position: relative;
	margin: 0;
	padding: 0;
}

.site-header-cart .cart-contents {
	text-decoration: none;
}

.site-header-cart .widget_shopping_cart {
	display: none;
}

.site-header-cart .product_list_widget {
	margin: 0;
	padding: 0;
}

/**
 * Star rating
 */
.star-rating {
	overflow: hidden;
	position: relative;
	height: 1.618em;
	line-height: 1.618;
	width: 5.3em;
	font-family: star;
	font-weight: 400;
}

.star-rating::before {
	content: "\53\53\53\53\53";
	opacity: 0.25;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}

.star-rating span::before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
	color: var(--accent-blue);
}

p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
	font-weight: 400;
}

p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: star;
	content: "\53";
	color: var(--text-secondary);
	text-indent: 0;
	opacity: 0.25;
}

p.stars a:hover ~ a::before {
	content: "\53";
	color: var(--text-secondary);
	opacity: 0.25;
}

p.stars:hover a::before {
	content: "\53";
	color: var(--accent-blue);
	opacity: 1;
}

p.stars.selected a.active::before {
	content: "\53";
	color: var(--accent-blue);
	opacity: 1;
}

p.stars.selected a.active ~ a::before {
	content: "\53";
	color: var(--text-secondary);
	opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
	content: "\53";
	color: var(--accent-blue);
	opacity: 1;
}

/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.woocommerce-tabs ul.tabs li {
	display: block;
	margin: 0;
	position: relative;
}

.woocommerce-tabs ul.tabs li a {
	padding: 1em 0;
	display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
	margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
	text-align: right;
}

.woocommerce-password-strength.strong {
	color: var(--accent-green);
}

.woocommerce-password-strength.short {
	color: var(--color-danger-accent);
}

.woocommerce-password-strength.bad {
	color: var(--color-danger-accent);
}

.woocommerce-password-strength.good {
	color: var(--accent-blue);
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
	box-shadow: inset 2px 0 0 var(--accent-green);
}

.form-row.woocommerce-invalid input.input-text {
	box-shadow: inset 2px 0 0 var(--color-danger-accent);
}

.required {
	color: var(--color-danger-accent);
}

/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	background-color: var(--accent-green);
	clear: both;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	background-color: var(--accent-blue);
}

.woocommerce-error {
	background-color: var(--color-danger-accent);
}

.demo_store {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 1em;
	background-color: var(--accent-blue);
	z-index: 9999;
}

@media screen and (min-width: 768px) {

	/**
	 * Header cart
	 */
	.site-header-cart .widget_shopping_cart {
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 999999;
		left: -999em;
		display: block;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	}

	.site-header-cart:hover .widget_shopping_cart,
	.site-header-cart.focus .widget_shopping_cart {
		left: 0;
		display: block;
	}
}

/**
 * WooCommerce widgets
 */

/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
	margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
	text-align: right;
	line-height: 2.4;
}

.widget_price_filter .price_slider_amount .button {
	float: left;
}

.widget_price_filter .ui-slider {
	position: relative;
	text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	cursor: ew-resize;
	outline: none;
	background: var(--accent-blue);
	box-sizing: border-box;
	margin-top: -0.25em;
	opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
	margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
	box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background: var(--accent-blue);
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
	height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
	height: 100%;
}

/**
 * WooCommerce Ordering & Sorting Dropdown
 */
.woocommerce-result-count {
	font-family: var(--font-sans);
	font-size: 0.9rem;
	color: var(--text-secondary);
	margin-bottom: 1.5rem;
	line-height: 2.5; /* Align vertically with the height of select dropdown */
}

.woocommerce-ordering {
	margin-bottom: 1.5rem;
}

.woocommerce-ordering select {
	background-color: var(--bg-surface);
	color: var(--text-primary);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-sm);
	padding: 0.5rem 1.25rem;
	font-family: var(--font-mono);
	font-size: 0.85rem;
	cursor: pointer;
	outline: none;
	transition: var(--transition-smooth);
}

.woocommerce-ordering select:focus {
	border-color: var(--border-focus);
	box-shadow: var(--focus-ring);
}

@media screen and (min-width: 768px) {
	.woocommerce-result-count {
		float: none;
		text-align: center;
		margin-bottom: 2.5rem;
	}
	.woocommerce-ordering {
		float: right;
		margin-bottom: 2.5rem;
	}
}

@media screen and (max-width: 767px) {
	.woocommerce-result-count,
	.woocommerce-ordering {
		float: none;
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.woocommerce-ordering select {
		width: 100%;
		max-width: 300px;
	}
}

/* ==========================================================================
   Clinical Light WooCommerce UI Enhancements
   ========================================================================== */

/* Buttons */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	background-color: var(--btn-primary-bg) !important;
	color: var(--btn-primary-text) !important;
	border: 1px solid var(--btn-primary-bg) !important;
	border-radius: var(--radius-sm) !important;
	font-family: var(--font-mono) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	padding: 0.85em 1.75em !important;
	font-size: 0.85rem !important;
	transition: var(--transition-smooth) !important;
	cursor: pointer !important;
	display: inline-block !important;
	text-align: center !important;
	box-shadow: var(--shadow-sm) !important;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
	background-color: var(--btn-primary-hover) !important;
	border-color: var(--btn-primary-hover) !important;
	box-shadow: var(--shadow-md) !important;
	color: var(--text-on-dark) !important;
}

/* Inputs and Forms */
.woocommerce-billing-fields input,
.woocommerce-shipping-fields input,
.woocommerce-checkout-payment input,
.woocommerce-Input,
.woocommerce input.input-text,
.woocommerce textarea {
	color: var(--text-primary) !important;
	background-color: var(--bg-surface) !important;
	border: 1px solid var(--border-light) !important;
	border-radius: var(--radius-sm) !important;
	padding: 10px 14px !important;
	font-family: var(--font-sans) !important;
	font-size: 0.95rem !important;
	transition: var(--transition-smooth) !important;
	width: 100% !important;
}

.woocommerce-billing-fields input:focus,
.woocommerce-shipping-fields input:focus,
.woocommerce-Input:focus,
.woocommerce input.input-text:focus,
.woocommerce textarea:focus {
	outline: none !important;
	border-color: var(--border-focus) !important;
	box-shadow: var(--focus-ring) !important;
}

.woocommerce form .form-row label {
	font-family: var(--font-sans) !important;
	font-weight: 500 !important;
	color: var(--text-primary) !important;
	margin-bottom: 0.35rem !important;
	display: inline-block !important;
	font-size: 0.9rem !important;
}

/* Cart & Checkout Page layout */
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 1rem 0;
}

.woocommerce-checkout #primary,
.woocommerce-cart #primary {
	max-width: 1200px !important;
}

/* Table styling */
.woocommerce table.shop_table {
	border: 1px solid var(--border-light) !important;
	border-radius: var(--radius-md) !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	overflow: hidden !important;
}

.woocommerce table.shop_table th {
	background-color: var(--bg-section-alt) !important;
	color: var(--text-primary) !important;
	font-family: var(--font-mono) !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	padding: 1.25rem 1rem !important;
	border-bottom: 1px solid var(--border-light) !important;
}

.woocommerce table.shop_table td {
	padding: 1.25rem 1rem !important;
	border-bottom: 1px solid var(--border-light) !important;
	font-size: 0.95rem !important;
}

.woocommerce table.shop_table tr:last-child td {
	border-bottom: none !important;
}

/* Checkout 2-Column Grid Layout */
@media screen and (min-width: 900px) {
	.woocommerce-checkout form.checkout {
		display: grid !important;
		grid-template-columns: 1.2fr 1fr !important;
		grid-template-rows: min-content 1fr !important;
		gap: 0 3.5rem !important;
		align-items: start !important;
	}
	
	#customer_details {
		grid-column: 1 !important;
		grid-row: 1 / span 2 !important;
		margin-bottom: 0 !important;
		width: 100% !important;
		float: none !important;
	}
	
	#order_review_heading {
		grid-column: 2 !important;
		grid-row: 1 !important;
		margin-top: 0 !important;
		width: 100% !important;
		float: none !important;
	}
	
	#order_review {
		grid-column: 2 !important;
		grid-row: 2 !important;
		width: 100% !important;
		float: none !important;
	}
}

.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details {
	background: var(--bg-surface);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	padding: 2.25rem;
	box-shadow: var(--shadow-sm);
}

.woocommerce-checkout h3 {
	font-family: var(--font-sans);
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--text-primary);
	margin-top: 0;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--border-light);
	padding-bottom: 0.75rem;
}

/* Cart collaterals / totals styling */
.cart-collaterals {
	margin-top: 3rem;
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}

@media screen and (min-width: 768px) {
	.cart-collaterals {
		grid-template-columns: 1fr 1.2fr;
		align-items: start;
	}
}

.cart-collaterals .cart_totals {
	width: 100% !important;
	float: none !important;
	background: var(--bg-surface);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	padding: 2rem;
	box-shadow: var(--shadow-sm);
}

.cart-collaterals .cart_totals h2 {
	font-family: var(--font-sans);
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--text-primary);
	margin-top: 0;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid var(--border-light);
	padding-bottom: 0.5rem;
}

/* Coupon and shipping fields */
.coupon {
	display: flex;
	gap: 0.5rem;
}

.coupon input.input-text {
	max-width: 200px !important;
}

/* Tidy the stacked cart table on phones (WooCommerce's default responsive mode
   otherwise shows a stray ":" label and an oversized, oddly-floated thumbnail). */
@media screen and (max-width: 767px) {
	.woocommerce-cart table.cart td.product-thumbnail::before {
		display: none !important;
	}

	.woocommerce-cart table.cart td.product-thumbnail {
		text-align: center !important;
		border-bottom: none !important;
	}

	.woocommerce-cart table.cart td.product-thumbnail img {
		width: 96px !important;
		height: auto !important;
		margin: 0 auto !important;
		float: none !important;
		display: inline-block !important;
		border: 1px solid var(--border-light);
		border-radius: var(--radius-md);
		background: var(--bg-image-holder);
		padding: 0.5rem;
	}

	.woocommerce-cart table.cart td.product-name {
		text-align: center !important;
		font-size: 1.05rem !important;
		font-weight: 600;
		padding-top: 0.5rem !important;
	}

	.woocommerce-cart table.cart td.product-remove {
		text-align: right !important;
		border-bottom: none !important;
		padding: 0.5rem 1rem !important;
	}
}

/* Custom modern notification banner overrides */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
	background-color: var(--color-success-bg) !important; /* Soft green */
	border: 1px solid var(--color-success-border) !important;
	border-left: 4px solid var(--accent-green) !important;
	color: var(--color-success) !important;
	border-radius: var(--radius-md) !important;
	padding: 1.25rem 1.75rem !important;
	margin-bottom: 2rem !important;
	font-family: var(--font-sans) !important;
	line-height: 1.5 !important;
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
}

.woocommerce-info {
	background-color: var(--accent-blue-soft) !important; /* Soft blue */
	border-color: var(--accent-blue-border) !important;
	border-left-color: var(--accent-blue) !important;
	color: var(--color-info) !important;
}

.woocommerce-error {
	background-color: var(--color-danger-bg) !important; /* Soft red */
	border-color: var(--color-danger-border) !important;
	border-left-color: var(--color-danger-accent) !important;
	color: var(--color-danger) !important;
	list-style: none !important;
}

.woocommerce-error li {
	margin: 0 !important;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
	margin-left: auto !important;
	padding: 0.5em 1em !important;
}

/* WooCommerce terms checkbox */
.woocommerce-form__label-for-checkbox {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.5rem !important;
	cursor: pointer !important;
}

.woocommerce-form__label-for-checkbox input[type="checkbox"] {
	margin-top: 0.25rem !important;
	width: auto !important;
}

/* My Account Styles */

/* Override the narrow .page #primary max-width for account pages */
.woocommerce-account #primary {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding-bottom: 4rem !important;
}

/* Use CSS grid instead of fragile floats to prevent footer collapse — only when logged in (nav exists) */
.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
	display: grid !important;
	grid-template-columns: 240px 1fr !important;
	gap: 2.5rem !important;
	align-items: start !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 100% !important;
	float: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
	width: 100% !important;
	float: none !important;
	background: var(--bg-surface);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	padding: 2.25rem;
	box-shadow: var(--shadow-sm);
	min-height: 320px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid var(--border-light) !important;
	border-radius: var(--radius-md) !important;
	overflow: hidden !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid var(--border-light) !important;
	margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
	border-bottom: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block !important;
	padding: 0.9rem 1.25rem !important;
	color: var(--text-secondary) !important;
	font-family: var(--font-sans) !important;
	font-weight: 500 !important;
	font-size: 0.95rem !important;
	transition: var(--transition-smooth) !important;
	text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--bg-section-alt) !important;
	color: var(--accent-blue) !important;
	text-decoration: none !important;
	text-shadow: none !important;
}

@media screen and (max-width: 768px) {
	/* Match the :has() specificity of the base grid rule above so this collapse
	   actually wins (both use !important; the tie is broken by specificity). */
	.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
		grid-template-columns: 1fr !important;
		gap: 1.5rem !important;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100% !important;
		margin-bottom: 0 !important;
	}
}

/* Guest Price Restriction Style */
.price-login-required {
	display: block;
	font-size: 0.75rem !important;
	font-family: var(--font-mono);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.4;
	letter-spacing: 0.02em;
	padding: 0.25rem 0;
}

.price-login-required a {
	color: var(--accent-blue) !important;
	text-decoration: underline !important;
	text-shadow: none !important;
}

.price-login-required a:hover {
	color: var(--accent-hover) !important;
}

/* Adjust loop card layout for guests */
.logged-out ul.products li.product .product-price-action-row {
	justify-content: center;
	text-align: center;
}

/* ==========================================================================
   Shop Page Skinny Left Sidebar & Pagination Enhancements
   ========================================================================== */

/* Single-column shop layout (filters moved into a top toolbar). */
.shop-layout-wrapper {
	max-width: 1200px;
	margin: 2rem auto !important;
	padding: 0 2rem !important;
	box-sizing: border-box;
}

/* Neutralize the inner .site-main padding/max-width so the shop content aligns
   with the rest of the site's 1200px column instead of being double-inset. */
.shop-layout-wrapper #primary {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* Top filter toolbar */
.shop-filter-bar {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--border-light);
}

.shop-filter-label {
	font-family: var(--font-mono);
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--text-muted);
}

.shop-filter-toggle {
	display: inline-flex;
	gap: 0.25rem;
	padding: 0.25rem;
	background: var(--bg-section-alt);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-lg);
}

.shop-filter-toggle a {
	display: inline-block;
	padding: 0.45rem 1rem;
	font-family: var(--font-mono);
	font-size: 0.8rem;
	font-weight: 600;
	text-decoration: none;
	color: var(--text-secondary);
	border-radius: var(--radius-md);
	transition: var(--transition-smooth);
}

.shop-filter-toggle a:hover {
	color: var(--text-primary);
}

.shop-filter-toggle a.is-active {
	background: var(--btn-primary-bg);
	color: var(--btn-primary-text);
}

/* Top toolbar product search */
.shop-search {
	display: flex;
	align-items: stretch;
	margin-left: auto;
}

.shop-search-field {
	width: 220px;
	max-width: 100%;
	padding: 0.5rem 0.85rem;
	font-family: var(--font-sans);
	font-size: 0.85rem;
	color: var(--text-primary);
	background: var(--bg-surface);
	border: 1px solid var(--border-light);
	border-right: none;
	border-radius: var(--radius-md) 0 0 var(--radius-md);
	outline: none;
	transition: var(--transition-smooth);
}

.shop-search-field::placeholder {
	color: var(--text-muted);
}

.shop-search-field:focus {
	border-color: var(--border-focus);
	box-shadow: var(--focus-ring);
}

.shop-search-submit {
	padding: 0.5rem 1.1rem;
	font-family: var(--font-mono);
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--btn-primary-text);
	background: var(--btn-primary-bg);
	border: 1px solid var(--btn-primary-bg);
	border-radius: 0 var(--radius-md) var(--radius-md) 0;
	cursor: pointer;
	transition: var(--transition-smooth);
}

.shop-search-submit:hover {
	background: var(--btn-primary-hover);
}

@media screen and (max-width: 600px) {
	.shop-search {
		margin-left: 0;
		width: 100%;
	}

	.shop-search-field {
		flex: 1;
		width: auto;
	}
}

/* Sidebar Box Styling */
.shop-sidebar {
	background: var(--bg-section-alt);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	padding: 1.75rem;
	margin-bottom: 2rem;
	align-self: start;
	box-shadow: var(--shadow-sm);
}

.shop-sidebar .widget {
	margin-bottom: 2.25rem;
}

.shop-sidebar .widget:last-child {
	margin-bottom: 0;
}

.shop-sidebar .widget-title {
	font-family: var(--font-sans);
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--text-primary);
	margin: 0 0 1.25rem;
	letter-spacing: 0.05em;
	border-bottom: 1px solid var(--border-light);
	padding-bottom: 0.5rem;
}

/* Search Widget Styling */
.search-input-wrap {
	display: flex;
	gap: 0.35rem;
	width: 100%;
}

.search-input-wrap input.search-field {
	flex-grow: 1;
	min-width: 0 !important;
	padding: 8px 12px !important;
	font-size: 0.85rem !important;
	border-radius: var(--radius-sm) !important;
	border: 1px solid var(--border-light) !important;
	background: var(--bg-surface) !important;
	width: auto !important;
}

.search-input-wrap button.search-submit {
	background: var(--text-primary) !important;
	color: var(--text-on-dark) !important;
	border: none !important;
	padding: 0 1rem !important;
	font-family: var(--font-mono) !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	border-radius: var(--radius-sm) !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	transition: var(--transition-smooth) !important;
}

.search-input-wrap button.search-submit:hover {
	background: var(--btn-primary-hover) !important;
}

/* Categories Widget Styling */
.product-categories-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.product-categories-list li {
	margin: 0 0 0.65rem !important;
	padding: 0 !important;
	list-style: none !important;
}

.product-categories-list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9rem;
	color: var(--text-secondary);
	font-weight: 500;
	transition: var(--transition-smooth);
}

.product-categories-list li a:hover,
.product-categories-list li a.active-cat {
	color: var(--accent-blue);
	text-decoration: none !important;
	text-shadow: none !important;
}

/* Stock Status Filter Widget */
.stock-filter-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.stock-filter-list li {
	margin: 0 0 0.65rem !important;
	padding: 0 !important;
	list-style: none !important;
}

.stock-filter-list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9rem;
	color: var(--text-secondary);
	font-weight: 500;
	transition: var(--transition-smooth);
}

.stock-filter-list li a:hover,
.stock-filter-list li a.active-status {
	color: var(--accent-blue);
	text-decoration: none !important;
}

.count-badge {
	font-family: var(--font-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-muted);
	background: var(--bg-base);
	border: 1px solid var(--border-light);
	padding: 0.1rem 0.4rem;
	border-radius: var(--radius-sm);
}

.product-categories-list li a:hover .count-badge,
.product-categories-list li a.active-cat .count-badge {
	border-color: var(--accent-blue-border);
	background: var(--accent-blue-soft);
	color: var(--accent-blue);
}

/* Purity Widget Styling */
.purity-info-box {
	background: var(--bg-surface);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-sm);
	padding: 1.25rem;
	box-shadow: var(--shadow-sm);
}

.purity-status-dot {
	color: var(--accent-green);
	font-size: 0.85rem;
	margin-right: 0.35rem;
	display: inline-block;
	animation: pulse-green 2s infinite;
}

.purity-info-text {
	font-size: 0.8rem;
	line-height: 1.4;
	color: var(--text-secondary);
	margin: 0 0 0.75rem;
}

.purity-info-text strong {
	color: var(--text-primary);
}

.purity-coa-link {
	font-family: var(--font-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--accent-blue) !important;
	text-transform: uppercase;
	text-decoration: none !important;
	text-shadow: none !important;
	display: inline-block;
	transition: var(--transition-smooth);
}

.purity-coa-link:hover {
	color: var(--accent-hover) !important;
	transform: translateX(2px);
}

@keyframes pulse-green {
	0% { opacity: 0.4; }
	50% { opacity: 1; }
	100% { opacity: 0.4; }
}

/* WooCommerce Pagination Styling */
.woocommerce-pagination {
	margin-top: 4rem;
	text-align: center;
	width: 100%;
	clear: both;
}

.woocommerce-pagination ul.page-numbers {
	display: inline-flex;
	gap: 0.5rem;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-pagination ul.page-numbers li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span.current {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 0.5rem;
	border: 1px solid var(--border-light) !important;
	border-radius: var(--radius-sm) !important;
	font-family: var(--font-mono) !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	color: var(--text-secondary) !important;
	transition: var(--transition-smooth) !important;
	text-decoration: none !important;
	text-shadow: none !important;
	background: var(--bg-surface) !important;
}

.woocommerce-pagination ul.page-numbers li span.current {
	background: var(--text-primary) !important;
	color: var(--text-on-dark) !important;
	border-color: var(--text-primary) !important;
}

.woocommerce-pagination ul.page-numbers li a:hover {
	border-color: var(--accent-blue) !important;
	color: var(--accent-blue) !important;
	box-shadow: var(--shadow-sm) !important;
}

@media screen and (min-width: 900px) {
	.shop-layout-wrapper #primary {
		margin: 0 !important;
		width: 100% !important;
	}
}

/* ==========================================================================
   Single Product Layout & Styling Overrides (Clinical Light Aesthetic)
   ========================================================================== */

@media screen and (min-width: 768px) {
	.single-product div.product {
		display: grid !important;
		grid-template-columns: 1.15fr 0.85fr !important;
		column-gap: 4.5rem !important;
		row-gap: 0 !important;
		align-items: start !important;
		max-width: 1200px;
		margin: 2rem auto !important;
		padding: 0 1rem;
	}
	.single-product div.product .woocommerce-product-gallery {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
	}
	.single-product div.product .summary {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
	}
	.single-product div.product .woocommerce-tabs,
	.single-product div.product .related.products,
	.single-product div.product .upsells.products {
		grid-column: 1 / -1 !important;
		width: 100% !important;
	}
	.single-product div.product .related.products ul.products,
	.single-product div.product .upsells.products ul.products {
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
		gap: 1.5rem !important;
	}
}

/* Single Product Title & Gallery Overrides */
.single-product div.product .summary .product_title {
	font-family: var(--font-sans);
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--text-primary);
	margin-bottom: 0.4rem;
}

.single-product div.product .woocommerce-product-gallery img {
	border-radius: var(--radius-lg);
	border: 1px solid var(--border-light);
	background: var(--bg-image-holder);
	padding: 2rem;
	object-fit: contain;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	border-radius: var(--radius-sm);
	border: 1px solid var(--border-light);
	padding: 0.25rem;
	background: var(--bg-surface);
	transition: var(--transition-smooth);
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img:hover,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
	border-color: var(--accent-blue);
	opacity: 1;
}

/* Technical Specifications Table */
.product-technical-specs {
	margin: 2.5rem 0 2rem;
	padding: 1.5rem;
	background: var(--bg-surface);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
}

.product-technical-specs .specs-title {
	font-family: var(--font-sans);
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--text-primary);
	margin-top: 0;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid var(--border-light);
	padding-bottom: 0.5rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.specs-table {
	width: 100% !important;
	border: none !important;
	border-collapse: collapse !important;
	margin: 0 !important;
}

.specs-table th,
.specs-table td {
	padding: 0.85rem 0.5rem !important;
	font-size: 0.85rem !important;
	border-bottom: 1px solid var(--border-light) !important;
	background: transparent !important;
}

.specs-table tr:last-child th,
.specs-table tr:last-child td {
	border-bottom: none !important;
}

.specs-table th {
	font-family: var(--font-sans);
	font-weight: 600;
	color: var(--text-secondary);
	text-align: left;
	width: 32%;
}

.specs-table td {
	color: var(--text-primary);
}

.specs-table td.font-mono {
	font-family: var(--font-mono);
	font-size: 0.8rem !important;
	word-break: break-all;
	letter-spacing: -0.01em;
}

.specs-table td.text-green {
	color: var(--accent-green) !important;
	font-weight: 700;
}

/* Storage & Handling */
.product-storage-info {
	margin: 2rem 0;
	padding: 1.25rem 1.5rem;
	background: var(--bg-section-alt);
	border-left: 4px solid var(--accent-blue);
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.product-storage-info .storage-title {
	font-family: var(--font-sans);
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--text-primary);
	margin-top: 0;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.product-storage-info .storage-text {
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--text-secondary);
	margin: 0;
}

/* RUO Disclaimer */
.product-ruo-disclaimer {
	margin: 2.5rem 0 1rem;
}

.product-ruo-disclaimer .legal-highlight {
	background-color: var(--color-danger-bg) !important; /* Soft compliance red */
	border: 1px solid var(--color-danger-border) !important;
	border-left: 4px solid var(--color-danger-accent) !important;
	color: var(--color-danger) !important;
	border-radius: var(--radius-md) !important;
	padding: 1.25rem 1.5rem !important;
	font-size: 0.85rem !important;
	line-height: 1.6 !important;
}

.product-ruo-disclaimer .legal-highlight strong {
	color: var(--color-danger-strong) !important;
	display: block;
	margin-bottom: 0.35rem;
	font-family: var(--font-mono);
	letter-spacing: 0.05em;
}

/* Variations & Cart Inputs */
.single-product .variations_form {
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--border-light);
	padding-bottom: 1.25rem;
}

.single-product table.variations {
	width: 100% !important;
	border: none !important;
	margin-bottom: 0.75rem !important;
}

.single-product table.variations td,
.single-product table.variations th {
	border: none !important;
	padding: 0.35rem 0 !important;
	background: transparent !important;
}

.single-product table.variations th.label {
	font-family: var(--font-sans);
	font-weight: 600;
	color: var(--text-secondary);
	font-size: 0.9rem;
	vertical-align: middle;
	width: 25%;
}

.single-product table.variations td.value select {
	background-color: var(--bg-surface);
	color: var(--text-primary);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-sm);
	padding: 0.5rem 1rem;
	font-family: var(--font-sans);
	font-size: 0.9rem;
	width: 100%;
	max-width: 300px;
	cursor: pointer;
	outline: none;
	transition: var(--transition-smooth);
}

.single-product table.variations td.value select:focus {
	border-color: var(--border-focus);
	box-shadow: var(--focus-ring);
}

/* Reset reset_variations link styling */
.single-product .reset_variations {
	font-family: var(--font-mono);
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--text-muted) !important;
	margin-left: 0.75rem;
	text-decoration: none !important;
	transition: var(--transition-smooth);
}

.single-product .reset_variations:hover {
	color: var(--accent-alt) !important;
}

/* Variations price and description */
.woocommerce-variation-price,
.woocommerce-variation-description {
	margin-bottom: 0.85rem;
}

.woocommerce-variation-price .price {
	font-size: 1.65rem !important;
	color: var(--text-primary) !important;
	font-weight: 700 !important;
	display: block;
}

.woocommerce-variation-description p {
	font-size: 0.9rem;
	color: var(--text-secondary);
	line-height: 1.5;
	margin: 0;
}

/* Single Add to Cart wrapper */
.single-product .woocommerce-variation-add-to-cart,
.single-product form.cart {
	display: flex !important;
	align-items: center !important;
	gap: 1.25rem !important;
	flex-wrap: wrap !important;
	margin-top: 1rem;
}

.single-product .quantity {
	display: inline-flex !important;
	align-items: center !important;
}

.single-product .quantity input.qty {
	width: 65px !important;
	height: 44px !important;
	padding: 0 !important;
	text-align: center !important;
	font-family: var(--font-mono) !important;
	font-weight: 600 !important;
	font-size: 0.95rem !important;
	border: 1px solid var(--border-light) !important;
	border-radius: var(--radius-sm) !important;
	background: var(--bg-surface) !important;
	color: var(--text-primary) !important;
}

.single-product .quantity input.qty:focus {
	border-color: var(--border-focus) !important;
	outline: none !important;
}

.single-product button.single_add_to_cart_button {
	height: 44px !important;
	line-height: 1 !important;
	padding: 0 2.5rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Guest registration link styling inside single summary */
.single-product .summary .price-login-required {
	margin: 2rem 0;
	padding: 1.25rem 1.5rem;
	background: var(--bg-section-alt);
	border: 1px dashed var(--border-light);
	border-radius: var(--radius-md);
	text-align: center;
	display: block;
}

.single-product .summary .price-login-required a {
	display: inline-block;
	font-family: var(--font-mono);
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--accent-blue) !important;
	letter-spacing: 0.05em;
	text-decoration: none !important;
	transition: var(--transition-smooth);
}

.single-product .summary .price-login-required a:hover {
	color: var(--accent-hover) !important;
	transform: translateY(-1px);
}

/* Product Meta telemetry style */
.single-product div.product .product_meta {
	font-family: var(--font-mono);
	font-size: 0.75rem;
	color: var(--text-muted);
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1.25rem;
	margin: 0.35rem 0 0.9rem;
}

.single-product div.product .product_meta > span {
	display: inline;
	margin-bottom: 0;
}

.single-product div.product .product_meta a {
	color: var(--text-secondary);
	text-decoration: none;
	transition: var(--transition-smooth);
}

.single-product div.product .product_meta a:hover {
	color: var(--accent-blue);
}

/* WooCommerce Tabs styling override */
.woocommerce-tabs {
	margin-top: 2.5rem;
	clear: both;
}

.woocommerce-tabs ul.tabs {
	display: flex !important;
	gap: 2rem !important;
	border-bottom: 1px solid var(--border-light) !important;
	margin-bottom: 2rem !important;
	padding-bottom: 0 !important;
	list-style: none !important;
}

.woocommerce-tabs ul.tabs li {
	background: transparent !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after {
	display: none !important;
}

.woocommerce-tabs ul.tabs li a {
	font-family: var(--font-mono) !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: var(--text-muted) !important;
	padding: 0.75rem 0 !important;
	border-bottom: 2px solid transparent !important;
	transition: var(--transition-smooth) !important;
	display: inline-block;
	text-decoration: none !important;
}

.woocommerce-tabs ul.tabs li.active a {
	color: var(--text-primary) !important;
	border-bottom-color: var(--text-primary) !important;
}

.woocommerce-tabs ul.tabs li a:hover {
	color: var(--text-primary) !important;
}

.woocommerce-tabs .panel {
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-tabs .panel h2:first-of-type {
	display: none !important; /* Hide redundant "Description" header */
}

/* Home Page Featured Grid columns-4 width span override */
@media screen and (min-width: 900px) {
	ul.products.columns-4 {
		grid-template-columns: repeat(4, 1fr) !important;
	}
}

@media screen and (min-width: 600px) and (max-width: 899px) {
	ul.products.columns-4 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media screen and (max-width: 599px) {
	ul.products.columns-4 {
		grid-template-columns: 1fr !important;
	}
}

/* My Account Login Form Layout Updates */
.show-password-input {
	display: none !important; /* Hide the blank password visibility toggle button */
}

.woocommerce form .form-row .woocommerce-form-login__rememberme {
	display: flex !important;
	width: 100% !important;
	margin-bottom: 1.25rem !important;
	margin-top: 0.75rem !important;
}

.woocommerce-form-login .woocommerce-form-login__submit {
	display: inline-block !important;
	clear: both !important;
}

/* ==========================================================================
   Social Login Buttons & Dividers
   ========================================================================== */

.social-login-divider {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 1.75rem 0 1.25rem;
	color: var(--text-muted);
	font-family: var(--font-mono);
	font-size: 0.8rem;
	width: 100%;
}

.social-login-divider::before,
.social-login-divider::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid var(--border-light);
}

.social-login-divider span {
	padding: 0 0.75rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}

.social-login-buttons {
	margin-bottom: 1.5rem;
	width: 100%;
}

.social-login-btn.google-login-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.75rem !important;
	background: var(--bg-surface) !important;
	border: 1px solid var(--border-light) !important;
	color: var(--text-primary) !important;
	border-radius: var(--radius-sm) !important;
	padding: 0.75rem 1.5rem !important;
	font-family: var(--font-sans) !important;
	font-weight: 500 !important;
	font-size: 0.9rem !important;
	text-decoration: none !important;
	box-shadow: var(--shadow-sm) !important;
	transition: var(--transition-smooth) !important;
	cursor: pointer;
	width: 100% !important;
	box-sizing: border-box !important;
}

.social-login-btn.google-login-btn:hover {
	background: var(--bg-section-alt) !important;
	border-color: var(--border-hover) !important;
	box-shadow: var(--shadow-md) !important;
	color: var(--text-primary) !important;
}

.social-login-btn.google-login-btn svg.google-icon {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	display: block;
}

/* ==========================================================================
   COA Library Interactive Filters & Dynamic History
   ========================================================================== */

.coa-filter-bar {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin: 2rem 0 3rem;
	flex-wrap: wrap;
}

.coa-filter-btn {
	background: var(--bg-surface) !important;
	border: 1px solid var(--border-light) !important;
	color: var(--text-secondary) !important;
	border-radius: var(--radius-sm) !important;
	padding: 0.5rem 1.25rem !important;
	font-family: var(--font-mono) !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	cursor: pointer;
	transition: var(--transition-smooth);
}

.coa-filter-btn:hover {
	border-color: var(--border-hover) !important;
	color: var(--text-primary) !important;
	background: var(--bg-section-alt) !important;
}

.coa-filter-btn.active {
	background: var(--text-primary) !important;
	color: var(--text-on-dark) !important;
	border-color: var(--text-primary) !important;
}

.coa-history-section {
	margin-top: 1.5rem;
	border-top: 1px dashed var(--border-light);
	padding-top: 1rem;
	text-align: left;
}

.coa-history-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none !important;
	border: none !important;
	padding: 0.5rem 0 !important;
	color: var(--text-secondary) !important;
	font-family: var(--font-sans) !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	cursor: pointer;
	outline: none;
	transition: var(--transition-smooth);
}

.coa-history-toggle:hover {
	color: var(--accent-blue) !important;
}

.coa-history-toggle .chevron-icon {
	transition: transform 0.25s ease;
	color: var(--text-muted);
}

.coa-history-toggle[aria-expanded="true"] .chevron-icon {
	transform: rotate(180deg);
}

.coa-history-collapse {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease-out;
	width: 100%;
}

.coa-history-collapse.expanded {
	max-height: 500px;
	transition: max-height 0.25s ease-in;
}

.coa-history-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin-top: 0.75rem !important;
	margin-bottom: 0.5rem !important;
	font-size: 0.8rem !important;
}

.coa-history-table th,
.coa-history-table td {
	padding: 0.5rem 0.5rem !important;
	text-align: left !important;
	border-bottom: 1px solid var(--border-light) !important;
}

.coa-history-table th {
	font-family: var(--font-mono) !important;
	font-weight: 700 !important;
	color: var(--text-muted) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 0.7rem !important;
}

.coa-history-table td {
	color: var(--text-secondary) !important;
}

.coa-table-download {
	color: var(--accent-blue) !important;
	font-family: var(--font-mono) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	font-size: 0.75rem !important;
	text-transform: uppercase !important;
	border: 1px solid var(--border-light) !important;
	padding: 0.2rem 0.5rem !important;
	border-radius: var(--radius-sm) !important;
	transition: var(--transition-smooth) !important;
	display: inline-block;
}

.coa-table-download:hover {
	background: var(--bg-section-alt) !important;
	border-color: var(--accent-blue) !important;
	color: var(--accent-hover) !important;
}

/* Custom B2B Checkout Fields */
#billing_industry_affiliation_field select {
	background-color: var(--bg-surface);
	color: var(--text-primary);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-sm);
	padding: 0.75rem 1rem;
	font-family: var(--font-sans);
	font-size: 0.95rem;
	width: 100%;
	cursor: pointer;
	outline: none;
	transition: var(--transition-smooth);
}

#billing_industry_affiliation_field select:focus {
	border-color: var(--border-focus);
	box-shadow: var(--focus-ring);
}

/* ==========================================================================
   Shopping Cart Flyout Drawer Styles
   ========================================================================== */

body.cart-drawer-open {
	overflow: hidden !important;
}

.cart-drawer-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(15, 23, 42, 0.4);
	backdrop-filter: blur(4px);
	z-index: 99998;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cart-drawer-overlay.active {
	opacity: 1;
	pointer-events: auto;
}

.cart-drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 420px;
	max-width: 100%;
	background: var(--bg-surface);
	z-index: 99999;
	box-shadow: -10px 0 30px rgba(15, 23, 42, 0.05);
	transform: translateX(100%);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.cart-drawer.open {
	transform: translateX(0);
}

.cart-drawer-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem;
	border-bottom: 1px solid var(--border-light);
	background: var(--bg-surface);
}

.cart-drawer-title {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--text-primary);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.close-cart-drawer {
	background: none !important;
	border: none !important;
	font-size: 1.75rem !important;
	color: var(--text-secondary) !important;
	cursor: pointer;
	line-height: 1;
	padding: 0 0.5rem !important;
	transition: var(--transition-smooth);
}

.close-cart-drawer:hover {
	color: var(--accent-alt) !important;
}

.cart-drawer-content {
	flex: 1;
	overflow-y: auto;
	padding: 1.5rem;
}

.cart-drawer-content ul.cart_list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.cart-drawer-content ul.cart_list li {
	display: grid !important;
	grid-template-columns: 60px 1fr 20px !important;
	align-items: center !important;
	gap: 1.25rem !important;
	margin-bottom: 1.25rem !important;
	padding-bottom: 1.25rem !important;
	border-bottom: 1px solid var(--border-light) !important;
	list-style: none !important;
	position: relative !important;
}

.cart-drawer-content ul.cart_list li .mini-cart-thumb-link,
.cart-drawer-content ul.cart_list li .mini-cart-thumb-wrap {
	display: block !important;
	grid-column: 1;
	width: 60px !important;
	height: 60px !important;
	border-radius: var(--radius-md) !important;
	overflow: hidden !important;
	border: 1px solid var(--border-light) !important;
	background: var(--bg-image-holder) !important;
}

.cart-drawer-content ul.cart_list li .mini-cart-thumb-link img,
.cart-drawer-content ul.cart_list li .mini-cart-thumb-wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	padding: 0.25rem !important;
}

.mini-cart-item-meta {
	grid-column: 2;
	width: 100%;
}

.mini-cart-title-row {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 1rem;
	width: 100%;
}

.mini-cart-name-link,
.mini-cart-name-wrap {
	display: inline-block;
	font-family: var(--font-sans);
	font-size: 0.9rem;
	color: var(--text-primary) !important;
	text-decoration: none !important;
	line-height: 1.3;
	margin-bottom: 0.25rem;
	transition: var(--transition-smooth);
}

.mini-cart-name-link:hover {
	color: var(--accent-blue) !important;
}

.mini-cart-qty {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--accent-blue);
	margin-right: 0.25rem;
}

.mini-cart-title {
	font-weight: 600;
}

.mini-cart-price {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--text-primary);
	white-space: nowrap;
	margin-left: auto;
}

.cart-drawer-content ul.cart_list li a.remove {
	grid-column: 3;
	grid-row: 1;
	font-size: 1.25rem !important;
	color: var(--text-muted) !important;
	text-align: center;
	line-height: 1 !important;
	width: 20px !important;
	height: 20px !important;
	border: none !important;
	background: none !important;
	float: none !important;
}

.cart-drawer-content ul.cart_list li a.remove:hover {
	color: var(--accent-alt) !important;
	background: none !important;
}

/* Quantity & Price Info */
.cart-drawer-content .quantity {
	font-family: var(--font-mono);
	font-size: 0.85rem;
	color: var(--text-secondary);
}

.cart-drawer-content .quantity .amount {
	color: var(--text-primary);
	font-weight: 600;
}

/* Subtotal Styling */
.cart-drawer-content p.total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.25rem 0 !important;
	margin: 1.5rem 0 2rem !important;
	border-top: 1px solid var(--border-light) !important;
	border-bottom: 1px solid var(--border-light) !important;
	font-family: var(--font-sans) !important;
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--text-primary);
}

.cart-drawer-content p.total .amount {
	font-family: var(--font-mono);
	color: var(--text-primary);
}

/* Mini Cart Buttons */
.cart-drawer-content p.buttons {
	display: flex !important;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0 !important;
	padding: 0 !important;
}

.cart-drawer-content p.buttons a.button {
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 0.9rem !important;
	font-size: 0.85rem !important;
}

.cart-drawer-content p.buttons a.button.checkout {
	background-color: var(--accent-blue) !important;
	border-color: var(--accent-blue) !important;
	color: var(--text-on-dark) !important;
}

.cart-drawer-content p.buttons a.button.checkout:hover {
	background-color: var(--accent-hover) !important;
	border-color: var(--accent-hover) !important;
}

/* Empty Cart State */
.cart-drawer-content p.woocommerce-mini-cart__empty-message {
	text-align: center;
	padding: 3rem 0;
	color: var(--text-muted);
	font-family: var(--font-sans);
	font-size: 0.95rem;
}

/* ==========================================================================
   IP Redesign Layer (WooCommerce)
   --------------------------------------------------------------------------
   InstantPeptides-inspired restyle (June 2026). Same rules as style.css:
   Paradise palette + Outfit, IP visual language — white hairline cards,
   large radii, pill buttons, uppercase eyebrows. Appended last on purpose
   so it wins the cascade; edit here, not above.
   ========================================================================== */

/* ---- Product cards ---- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product {
	border: 1px solid var(--border-soft) !important;
	border-radius: var(--radius-xl) !important;
	box-shadow: none !important;
	padding: 0.85rem 0.85rem 1.15rem !important;
}

ul.products li.product:hover {
	transform: translateY(-2px);
	border-color: var(--border-hover);
	box-shadow: var(--shadow-md);
}

/* Purity badge pinned over the image, IP-style (top-right) */
ul.products li.product .card-purity-badge {
	position: absolute;
	top: 1.35rem;
	right: 1.35rem;
	z-index: 10;
	font-family: var(--font-sans);
	font-size: 0.68rem;
	font-weight: 600;
	color: var(--text-secondary);
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-pill);
	padding: 0.25rem 0.65rem;
	letter-spacing: 0.04em;
	pointer-events: none;
}

/* Image fills the card top like IP (dark vial shots sit in a soft well) */
ul.products li.product img {
	height: 210px;
	border-radius: var(--radius-lg);
	border: 1px solid var(--border-soft);
	background: var(--bg-card-muted);
	padding: 0;
	object-fit: cover;
	margin-bottom: 1rem;
}

ul.products li.product:hover img {
	transform: none;
}

/* Category eyebrow above the product name */
ul.products li.product .card-category-eyebrow {
	display: block;
	font-family: var(--font-sans);
	font-size: 0.66rem;
	font-weight: 600;
	color: var(--eyebrow-color);
	text-transform: uppercase;
	letter-spacing: 0.14em;
	margin: 0 0.35rem 0.3rem;
}

ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.02rem;
	font-weight: 600;
	min-height: 0;
	margin: 0 0.35rem 0.2rem;
}

ul.products li.product .product-subtitle {
	font-size: 0.82rem;
	min-height: 0;
	margin: 0 0.35rem 0.9rem;
}

/* Price row: price left, stock dot right, no divider */
.product-price-action-row {
	border-top: none;
	padding-top: 0;
	margin: 0 0.35rem 0.85rem;
}

ul.products li.product .price {
	font-size: 1.05rem;
	font-weight: 600;
}

.card-stock-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex: 0 0 auto;
}

.card-stock-dot.is-in-stock {
	background: var(--brand-sage);
}

.card-stock-dot.is-out-of-stock {
	background: var(--color-danger-accent);
}

/* Full-width pill button at the card bottom (replaces the 40px icon button) */
ul.products li.product .button {
	width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
	padding: 0.65rem 1rem !important;
	border-radius: var(--radius-pill) !important;
	background: var(--btn-primary-bg) !important;
	color: var(--btn-primary-text) !important;
	font-family: var(--font-sans) !important;
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	text-align: center !important;
}

ul.products li.product .button::before {
	content: none !important;
}

/* "Select Options" (variable products) reads as the outline variant, like IP */
ul.products li.product .button.product_type_variable {
	background: var(--bg-card) !important;
	color: var(--ink) !important;
	border: 1px solid var(--border-soft) !important;
}

ul.products li.product .button.product_type_variable:hover {
	border-color: var(--border-hover) !important;
	box-shadow: var(--shadow-sm) !important;
}

/* Cart qty chip */
.card-cart-qty-wrap {
	margin: 0 0.35rem 0.5rem;
	text-align: left;
	height: auto;
}

/* ---- Shop toolbar ---- */
.shop-filter-bar {
	background: var(--bg-card);
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-pill);
	padding: 0.5rem 0.75rem;
}

.shop-filter-toggle {
	border: none;
	background: transparent;
}

.shop-filter-toggle a {
	border-radius: var(--radius-pill);
	font-family: var(--font-sans);
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
}

.shop-filter-toggle a.is-active {
	background: var(--btn-primary-bg);
	color: var(--btn-primary-text);
}

.shop-search-field {
	border-radius: var(--radius-pill);
	font-family: var(--font-sans);
}

.shop-search-submit {
	border-radius: var(--radius-pill) !important;
}

.woocommerce-result-count {
	font-family: var(--font-sans);
	text-transform: none;
	letter-spacing: 0;
}

.woocommerce-ordering select {
	border-radius: var(--radius-pill);
	font-family: var(--font-sans);
	text-transform: none;
	letter-spacing: 0;
	border: 1px solid var(--border-soft);
	background-color: var(--bg-card);
	padding: 0.55rem 2.2rem 0.55rem 1rem;
}

/* ---- Pagination ---- */
.woocommerce-pagination ul.page-numbers li span.current,
.woocommerce-pagination ul.page-numbers li a {
	border-radius: var(--radius-pill);
	font-family: var(--font-sans);
}

/* ---- Single product ---- */

/* Category eyebrow above the title */
.single-product-eyebrow {
	display: block;
	font-family: var(--font-sans);
	font-size: 0.7rem;
	font-weight: 600;
	color: var(--eyebrow-color);
	text-transform: uppercase;
	letter-spacing: 0.16em;
	margin-bottom: 0.3rem;
}

.single-product div.product .summary .product_title {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}

/* Gallery reads as a soft white card, IP-style */
.single-product div.product .woocommerce-product-gallery img {
	border-radius: var(--radius-xl);
	border: 1px solid var(--border-soft);
	background: var(--bg-card);
}

/* Price */
.single-product div.product .summary .price,
.woocommerce-variation-price .price {
	font-family: var(--font-sans);
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--ink);
}

/* Tighten vertical rhythm between summary blocks */
.single-product div.product .summary > .price {
	margin: 0 0 1rem;
}

.single-product .woocommerce-product-details__short-description {
	margin: 0 0 1.25rem;
}

.single-product .woocommerce-product-details__short-description p {
	margin: 0;
}

/* Variation select rounded */
.single-product table.variations td.value select {
	border-radius: var(--radius-pill);
	border: 1px solid var(--border-soft);
	background-color: var(--bg-card);
	font-family: var(--font-sans);
	text-transform: none;
	letter-spacing: 0;
	padding: 0.6rem 2.2rem 0.6rem 1.1rem;
}

.single-product table.variations th.label {
	font-family: var(--font-sans);
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--text-secondary);
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

/* Quantity stepper pill */
.single-product .quantity input.qty {
	border-radius: var(--radius-pill);
	border: 1px solid var(--border-soft);
	background: var(--bg-card);
	font-family: var(--font-sans);
}

/* Add to Cart: full-width dark pill, IP-style */
.single-product button.single_add_to_cart_button {
	width: 100%;
	border-radius: var(--radius-pill) !important;
	background: var(--btn-primary-bg) !important;
	color: var(--btn-primary-text) !important;
	border: 1px solid var(--btn-primary-bg) !important;
	font-family: var(--font-sans) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	padding: 0.95rem 2rem !important;
}

.single-product button.single_add_to_cart_button:hover {
	background: var(--btn-primary-hover) !important;
	border-color: var(--btn-primary-hover) !important;
	box-shadow: var(--shadow-md) !important;
}

.single-product form.cart {
	border: none;
	background: transparent;
	padding: 0;
}

/* Specs / storage wells soften to IP card language */
.product-technical-specs,
.product-storage-info {
	background: var(--bg-card);
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-xl);
}

/* RUO disclaimer: warm cream warning card, IP-style */
.product-ruo-disclaimer .legal-highlight {
	background: #fdf6ec !important;
	border: 1px solid #f0dfc0 !important;
	border-left: 1px solid #f0dfc0 !important;
	border-radius: var(--radius-lg) !important;
	color: #7c5a2e !important;
}

.product-ruo-disclaimer .legal-highlight strong {
	color: #7c5a2e !important;
	font-family: var(--font-sans) !important;
	text-transform: uppercase;
	letter-spacing: 0.08em !important;
	font-size: 0.78rem;
}

/* Tabs: sentence-case sans (override the mono uppercase base) */
.woocommerce-tabs ul.tabs li a {
	font-family: var(--font-sans) !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 0.95rem !important;
}

/* Related products: IP "You May Also Like" centered heading */
.related.products > h2,
.upsells.products > h2 {
	text-align: center;
	font-family: var(--font-sans);
	font-size: 1.7rem;
	font-weight: 700;
	margin-bottom: 2rem;
}

/* ---- Notices → rounded cards ---- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: var(--radius-lg);
	font-family: var(--font-sans);
}

/* ---- Cart drawer / checkout buttons → pills ---- */
.cart-drawer-content p.buttons a.button,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
	border-radius: var(--radius-pill) !important;
	font-family: var(--font-sans) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 600 !important;
	font-size: 0.95rem !important;
}

/* ---- Tables (cart, totals) soften ---- */
.woocommerce table.shop_table {
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-xl);
	overflow: hidden;
	background: var(--bg-card);
}

.cart-collaterals .cart_totals {
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-xl);
	background: var(--bg-card);
}

/* ==========================================================================
   InstantPeptides Single Product Page Imitation Styles
   ========================================================================== */

/* Left column gallery layout column */
.product-gallery-column {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

/* Children are spaced by the flex `gap` above; zero out the legacy
   top/bottom margins they carry from their original (pre-JS) position so
   the spacing doesn't stack into an oversized gap. */
.product-gallery-column > .product-lab-results-accordion,
.product-gallery-column > .product-ruo-disclaimer {
	margin-top: 0;
	margin-bottom: 0;
}

/* Collapsible Lab Test Results accordion */
.product-lab-results-accordion {
	background: var(--bg-card);
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-xl);
	overflow: hidden;
	transition: var(--transition-smooth);
	margin-top: 1rem;
}

.product-lab-results-accordion:hover {
	border-color: var(--border-hover);
}

.lab-results-toggle {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: none !important;
	border: none !important;
	padding: 1.15rem 1.5rem !important;
	cursor: pointer;
	text-align: left;
	outline: none;
}

.lab-results-toggle .toggle-left {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-family: var(--font-sans);
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--ink);
}

.lab-results-toggle .toggle-left svg {
	color: var(--text-secondary);
}

.lab-results-toggle .toggle-right {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.lab-results-toggle .purity-badge {
	font-family: var(--font-sans);
	font-size: 0.72rem;
	font-weight: 700;
	color: var(--color-success);
	background: var(--brand-sage-soft);
	border: 1px solid var(--brand-sage-border);
	border-radius: var(--radius-pill);
	padding: 0.2rem 0.6rem;
	letter-spacing: 0.02em;
}

.lab-results-toggle .chevron-icon {
	color: var(--text-muted);
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.lab-results-toggle[aria-expanded="true"] .chevron-icon {
	transform: rotate(180deg);
}

.lab-results-content {
	border-top: 1px solid var(--border-soft);
	padding: 1.25rem 1.5rem;
}

.lab-results-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 0 !important;
	font-size: 0.88rem !important;
}

.lab-results-table th,
.lab-results-table td {
	padding: 0.65rem 0.5rem !important;
	text-align: left !important;
	border-bottom: 1px solid var(--border-soft) !important;
}

.lab-results-table tr:last-child td {
	border-bottom: none !important;
}

.lab-results-table th {
	font-family: var(--font-mono) !important;
	font-weight: 700 !important;
	color: var(--text-muted) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 0.72rem !important;
}

.lab-results-table td {
	color: var(--text-secondary) !important;
}

.coa-download-link {
	color: var(--accent-blue) !important;
	font-family: var(--font-sans) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	font-size: 0.8rem !important;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	border: 1px solid var(--border-soft);
	padding: 0.3rem 0.7rem;
	border-radius: var(--radius-pill);
	transition: var(--transition-smooth);
	background: var(--bg-card);
}

.coa-download-link:hover {
	border-color: var(--accent-blue);
	background: var(--bg-section-alt);
	color: var(--accent-hover) !important;
}

/* Variations Pills Styles */
.variations-pills-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 0.5rem;
	margin-bottom: 0.75rem;
	width: 100%;
}

.variation-pill-btn {
	flex: 1 1 calc(50% - 0.35rem);
	min-width: 120px;
	background: var(--bg-card) !important;
	border: 1px solid var(--border-soft) !important;
	border-radius: var(--radius-lg) !important;
	padding: 0.85rem 1rem !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.2rem;
	cursor: pointer;
	transition: var(--transition-smooth) !important;
	outline: none;
	text-align: center;
}

.variation-pill-btn:hover {
	border-color: var(--border-hover) !important;
	background: var(--bg-section-alt) !important;
}

.variation-pill-btn.active {
	background: var(--btn-primary-bg) !important;
	border-color: var(--btn-primary-bg) !important;
}

.variation-pill-btn.active .pill-label {
	color: var(--btn-primary-text) !important;
}

.variation-pill-btn.active .pill-price {
	color: rgba(255, 255, 255, 0.7) !important;
}

.variation-pill-btn .pill-label {
	font-family: var(--font-sans);
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--ink);
}

.variation-pill-btn .pill-price {
	font-family: var(--font-mono);
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-secondary);
}

/* Stock & Urgency Indicator */
.product-stock-urgency-wrap {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 0.9rem;
	border-bottom: 1px solid var(--border-soft);
	padding-bottom: 0.9rem;
	width: 100%;
}

.product-stock-status {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.product-stock-status .stock-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.product-stock-status .stock-dot.is-in-stock {
	background: var(--brand-sage);
}

.product-stock-status .stock-dot.is-out-of-stock {
	background: var(--color-danger-accent);
}

.product-stock-status .stock-text {
	font-family: var(--font-sans);
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--text-secondary);
}

.product-urgency-timer {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--text-secondary);
	font-family: var(--font-sans);
	font-size: 0.85rem;
}

.product-urgency-timer svg {
	color: var(--text-muted);
}

.product-urgency-timer .countdown-timer {
	color: var(--ink);
	font-weight: 700;
}

/* Volume Discounts Card */
.product-volume-discounts-card {
	background: var(--bg-section-alt);
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-xl);
	padding: 0.85rem 1rem;
	margin-bottom: 0.75rem;
	width: 100%;
}

.volume-discounts-title {
	display: block;
	font-family: var(--font-sans);
	font-size: 0.68rem;
	font-weight: 700;
	color: var(--text-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.65rem;
}

.volume-discounts-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.75rem;
}

.discount-tier {
	background: var(--bg-card);
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-md);
	padding: 0.5rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.discount-tier .discount-percent {
	font-family: var(--font-sans);
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--ink);
}

.discount-tier .discount-qty {
	font-family: var(--font-sans);
	font-size: 0.75rem;
	color: var(--text-secondary);
}

/* Trust Badges Row */
.product-trust-badges-row {
	display: flex;
	gap: 0.65rem;
	margin-top: 1.25rem;
	margin-bottom: 1rem;
	flex-wrap: wrap;
	width: 100%;
}

.trust-badge {
	flex: 1;
	min-width: 90px;
	border: 1px solid var(--border-soft);
	border-radius: var(--radius-pill);
	background: var(--bg-card);
	padding: 0.35rem 0.5rem;
	font-family: var(--font-sans);
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--text-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	white-space: nowrap;
}

.trust-badge svg {
	color: var(--text-muted);
}

/* Warning box styling adjustments */
.product-ruo-disclaimer {
	margin-bottom: 1rem;
	width: 100%;
}

.product-ruo-disclaimer .legal-highlight {
	padding: 0.75rem 1rem !important;
	line-height: 1.4 !important;
	font-size: 0.8rem !important;
}

/* Loyalty Rewards Info */
.loyalty-rewards-info {
	font-family: var(--font-sans);
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--accent-blue);
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	width: 100%;
}

.loyalty-rewards-info .info-icon {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid var(--accent-blue);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.65rem;
	cursor: help;
}

/* Stack variations table elements as blocks to place label above pills, like InstantPeptides */
.single-product table.variations,
.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations td,
.single-product table.variations th {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	text-align: left !important;
	background: transparent !important;
}

.single-product table.variations {
	margin-bottom: 0.4rem !important;
}

.single-product table.variations th.label {
	margin-bottom: 0.35rem !important;
	font-family: var(--font-sans) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	color: var(--text-muted) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
}

.variations-pills-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 0.25rem;
	margin-bottom: 0.5rem;
	width: 100%;
}

/* Don't reserve a row of space for the hidden "Clear" link (WooCommerce
   keeps it as visibility:hidden until a variation is chosen). */
.single-product .reset_variations[style*="hidden"] {
	display: none !important;
}

/* ----------------------------------------------------------------
   Shop toolbar — compact, integrated layout on phones.
   Stacks the availability segmented control over a full-width search
   so the bar reads as one tidy unit instead of a tall wrapped pill.
   Appended last so it wins over the IP-layer toolbar rules above.
---------------------------------------------------------------- */
@media screen and (max-width: 600px) {
	.shop-filter-bar {
		flex-direction: column;
		align-items: stretch;
		gap: 0.6rem;
		border-radius: var(--radius-lg);
		padding: 0.6rem;
		margin-bottom: 1.25rem;
	}

	/* The All / In Stock / Out of Stock buttons are self-explanatory on
	   mobile — drop the separate label row to save vertical space. */
	.shop-filter-label {
		display: none;
	}

	/* Availability becomes an equal-width segmented control. */
	.shop-filter-toggle {
		display: flex;
		width: 100%;
		gap: 0.25rem;
	}

	.shop-filter-toggle a {
		flex: 1 1 0;
		text-align: center;
		padding: 0.5rem 0.4rem;
		font-size: 0.78rem;
	}

	/* Search sits on its own full-width row, flush with the toggle. */
	.shop-search {
		margin-left: 0;
		width: 100%;
	}

	.shop-search-field {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}

	.shop-search-submit {
		flex: 0 0 auto;
	}
}