/**
	 * WooCommerce storefront styling aligned with HFJ theme tokens.
	 */
	 .wc-block-checkout-empty .wp-block-button__link {
		height: auto;
		background: #003e1c;	
		border-radius: 10px;
	}
	.wc-block-checkout-empty .wp-block-button__link:hover {	
			--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
			--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
			box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	}
		 .woocommerce-notices-wrapper .woocommerce-message,
		 .woocommerce-notices-wrapper .woocommerce-info,
		 .woocommerce-notices-wrapper .woocommerce-error {
			 border-radius: 0.75rem;
			 border: 1px solid rgb(var(--hfj-outline-variant) / 1);
			 background: rgb(var(--hfj-surface) / 1);
			 color: rgb(var(--hfj-on-surface) / 1);
			 padding: 0.875rem 1rem;
		 }

		 .woocommerce-notices-wrapper .woocommerce-error {
			 border-color: rgb(185 28 28 / 0.35) !important;
			 background: rgb(254 247 247 / 0.92) !important;
			 color: rgb(69 26 26 / 0.98) !important;
		 }
	
		 .woocommerce .button,
		 .woocommerce a.button,
		 .woocommerce button.button,
		 .woocommerce input.button,
		 .woocommerce #respond input#submit {
			 background: rgb(var(--hfj-primary) / 1) !important;
			 color: rgb(var(--hfj-on-primary) / 1);
			 border-radius: 0.5rem;
			 border: 1px solid rgb(var(--hfj-primary) / 1);
			 padding: 0.625rem 1rem;
			 font-weight: 600;
			 line-height: 1.2;
			 transition:
				 background-color 0.18s ease,
				 border-color 0.18s ease,
				 color 0.18s ease,
				 box-shadow 0.18s ease,
				 filter 0.18s ease;
		 }
	
		 .woocommerce .button:hover,
		 .woocommerce a.button:hover,
		 .woocommerce button.button:hover,
		 .woocommerce input.button:hover,
		 .woocommerce #respond input#submit:hover {
			 filter: none;
			 background: rgb(var(--hfj-primary-container) / 1) !important;
			 border-color: rgb(var(--hfj-primary-container) / 1) !important;
			 color: rgb(var(--hfj-on-primary-container) / 1) !important;
			 box-shadow: 0 2px 10px rgb(var(--hfj-primary) / 0.22);
		 }
	
		/* Woo blocks product grid add-to-cart button */
		.wc-block-grid__product-add-to-cart a {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 2.75rem;
			padding: 0.625rem 1rem;
			border-radius: 0.5rem;
			border: 1px solid rgb(var(--hfj-primary) / 1) !important;
			background: rgb(var(--hfj-primary) / 1) !important;
			color: rgb(var(--hfj-on-primary) / 1) !important;
			font-weight: 600;
			line-height: 1.2;
			text-decoration: none !important;
			transition:
				background-color 0.18s ease,
				border-color 0.18s ease,
				color 0.18s ease,
				box-shadow 0.18s ease;
		}
	
		.wc-block-grid__product-add-to-cart a:hover {
			background: rgb(var(--hfj-primary-container) / 1) !important;
			border-color: rgb(var(--hfj-primary-container) / 1) !important;
			color: rgb(var(--hfj-on-primary-container) / 1) !important;
			box-shadow: 0 2px 10px rgb(var(--hfj-primary) / 0.22);
		}
	
		/* Cart: Proceed to Checkout (classic + block cart button) */
		body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
		body.woocommerce-cart .wc-block-cart__submit-button,
		body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 3rem;
			padding: 0.875rem 1.375rem !important;
			border-radius: 0.5rem !important;
			border: 1px solid rgb(var(--hfj-primary) / 1) !important;
			background: rgb(var(--hfj-primary) / 1) !important;
			color: rgb(var(--hfj-on-primary) / 1) !important;
			font-weight: 700 !important;
			font-size: 1.0625rem !important;
			letter-spacing: 0.02em;
			text-decoration: none !important;
			box-shadow:
				0 1px 2px rgb(17 24 39 / 0.06),
				0 4px 16px rgb(var(--hfj-primary) / 0.28);
			transition:
				background-color 0.18s ease,
				border-color 0.18s ease,
				color 0.18s ease,
				box-shadow 0.18s ease;
		}
	
		body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
		body.woocommerce-cart .wc-block-cart__submit-button:hover,
		body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button:hover {
			background: rgb(var(--hfj-primary-container) / 1) !important;
			border-color: rgb(var(--hfj-primary-container) / 1) !important;
			color: rgb(var(--hfj-on-primary-container) / 1) !important;
			box-shadow:
				0 2px 8px rgb(17 24 39 / 0.08),
				0 6px 20px rgb(var(--hfj-primary-container) / 0.38);
		}
	
		/* Cart empty state: "Browse Store" / "Return to shop" */
		body.woocommerce-cart .return-to-shop .button,
		body.woocommerce-cart .wc-block-cart__empty-cart__button,
		body.woocommerce-cart .wc-block-components-button.wc-block-cart__empty-cart__button {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 3rem;
			padding: 0.875rem 1.375rem !important;
			border-radius: 0.5rem !important;
			border: 2px solid rgb(var(--hfj-primary) / 1) !important;
			background: rgb(var(--hfj-surface-container-lowest) / 1) !important;
			color: rgb(var(--hfj-primary) / 1) !important;
			font-weight: 700 !important;
			font-size: 1rem !important;
			letter-spacing: 0.01em;
			text-decoration: none !important;
			box-shadow: 0 1px 3px rgb(17 24 39 / 0.08);
			transition:
				background-color 0.18s ease,
				border-color 0.18s ease,
				color 0.18s ease,
				box-shadow 0.18s ease;
		}
	
		body.woocommerce-cart .return-to-shop .button:hover,
		body.woocommerce-cart .wc-block-cart__empty-cart__button:hover,
		body.woocommerce-cart .wc-block-components-button.wc-block-cart__empty-cart__button:hover {
			background: rgb(var(--hfj-primary-container) / 0.16) !important;
			border-color: rgb(var(--hfj-primary-container) / 1) !important;
			color: rgb(var(--hfj-primary) / 1) !important;
			box-shadow: 0 2px 12px rgb(var(--hfj-primary) / 0.18);
		}
	
		 /* --------------------------------------------------------------------------
		  * Checkout: primary + secondary actions (classic shortcode + Cart/Checkout blocks)
		  * Blocks use `.wc-block-components-button` without `.button`, so they need explicit styling.
		  * -------------------------------------------------------------------------- */
	
		body.woocommerce-checkout h1.font-headline-xl.text-primary {
			font-size: clamp(1.75rem, 4.6vw, 2.5rem) !important;
			line-height: 1.15;
		}
	
		body.woocommerce-cart h1.font-headline-xl.text-primary {
			font-size: clamp(1.75rem, 4.6vw, 2.5rem) !important;
			line-height: 1.15;
		}
	
		 body.woocommerce-checkout .woocommerce-checkout-review-order #place_order,
		 body.woocommerce-checkout .woocommerce-checkout-payment #place_order,
		 body.woocommerce-checkout #order_review #place_order {
			 width: 100%;
			 max-width: 100%;
			 min-height: 3rem;
			 padding: 0.875rem 1.375rem !important;
			 font-size: 1.0625rem !important;
			 font-weight: 700 !important;
			 letter-spacing: 0.02em;
			 box-shadow:
				 0 1px 2px rgb(17 24 39 / 0.06),
				 0 4px 16px rgb(var(--hfj-primary) / 0.28);
			 transition:
				 background-color 0.18s ease,
				 border-color 0.18s ease,
				 color 0.18s ease,
				 box-shadow 0.18s ease;
		 }
	
		 body.woocommerce-checkout .woocommerce-checkout-review-order #place_order:hover,
		 body.woocommerce-checkout .woocommerce-checkout-payment #place_order:hover,
		 body.woocommerce-checkout #order_review #place_order:hover {
			 background: rgb(var(--hfj-primary-container) / 1) !important;
			 border-color: rgb(var(--hfj-primary-container) / 1) !important;
			 color: rgb(var(--hfj-on-primary-container) / 1) !important;
			 box-shadow:
				 0 2px 8px rgb(17 24 39 / 0.08),
				 0 6px 20px rgb(var(--hfj-primary-container) / 0.38);
		 }
	
		 body.woocommerce-checkout .woocommerce-checkout-payment .form-row.place-order {
			 float: none;
			 clear: both;
			 width: 100%;
			 max-width: 100%;
			 margin-top: 1rem;
			 padding-top: 1rem;
			 border-top: 1px solid rgb(var(--hfj-outline-variant) / 0.65);
			 display: flex;
			 flex-direction: column;
			 gap: 0.75rem;
		 }
	
		 /* Classic: only direct “back to cart” links in the actions row (avoids styling T&C links inside `.place-order`). */
		 body.woocommerce-checkout .woocommerce-checkout-payment .form-row.place-order > a.button {
			 display: inline-flex;
			 align-items: center;
			 justify-content: center;
			 gap: 0.5rem;
			 order: -1;
			 min-height: 3rem;
			 padding: 0.75rem 1.25rem;
			 margin: 0;
			 border-radius: 0.5rem;
			 border: 2px solid rgb(var(--hfj-primary) / 1);
			 background: rgb(var(--hfj-surface-container-lowest) / 1) !important;
			 color: rgb(var(--hfj-primary) / 1) !important;
			 font-weight: 600;
			 font-size: 1rem;
			 text-align: center;
			 text-decoration: none !important;
			 transition:
				 background-color 0.18s ease,
				 border-color 0.18s ease,
				 color 0.18s ease,
				 box-shadow 0.18s ease;
		 }
	
		 body.woocommerce-checkout .woocommerce-checkout-payment .form-row.place-order > a.button:hover {
			 background: rgb(var(--hfj-primary-container) / 0.16) !important;
			 border-color: rgb(var(--hfj-primary-container) / 1) !important;
			 color: rgb(var(--hfj-primary) / 1) !important;
			 box-shadow: 0 2px 12px rgb(var(--hfj-primary) / 0.18);
		 }
	
		 /* Checkout block: Place order — match theme primary CTA */
		 body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-checkout-place-order-button.wc-block-components-button {
			 flex: 1 1 auto;
			 min-height: 3rem;
			 min-width: min(100%, 10rem);
			 padding: 0.875rem 1.375rem !important;
			 border-radius: 0.5rem !important;
			 font-size: 1.0625rem !important;
			 font-weight: 700 !important;
			 letter-spacing: 0.02em;
			 background: rgb(var(--hfj-primary) / 1) !important;
			 color: rgb(var(--hfj-on-primary) / 1) !important;
			 border: 1px solid rgb(var(--hfj-primary) / 1) !important;
			 box-shadow:
				 0 1px 2px rgb(17 24 39 / 0.06),
				 0 4px 16px rgb(var(--hfj-primary) / 0.28);
			 transition:
				 background-color 0.18s ease,
				 border-color 0.18s ease,
				 color 0.18s ease,
				 box-shadow 0.18s ease;
		 }
	
		 body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-checkout-place-order-button.wc-block-components-button:hover:not(:disabled) {
			 background: rgb(var(--hfj-primary-container) / 1) !important;
			 border-color: rgb(var(--hfj-primary-container) / 1) !important;
			 box-shadow:
				 0 2px 8px rgb(17 24 39 / 0.08),
				 0 6px 20px rgb(var(--hfj-primary-container) / 0.38);
			 filter: none;
		 }
	
		 body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-checkout-place-order-button.wc-block-components-button:disabled {
			 opacity: 0.72;
			 cursor: not-allowed;
			 filter: saturate(0.92);
		 }
	
		 /* Checkout block: Return to cart — solid secondary outline button */
		 body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button {
			 flex: 1 1 auto;
			 display: inline-flex !important;
			 align-items: center;
			 justify-content: center;
			 gap: 0.5rem;
			 min-height: 3rem;
			 padding: 0.75rem 1.25rem !important;
			 margin: 0;
			 border-radius: 0.5rem !important;
			 border: 2px solid rgb(var(--hfj-primary) / 1) !important;
			 background: rgb(var(--hfj-surface-container-lowest) / 1) !important;
			 color: rgb(var(--hfj-primary) / 1) !important;
			 font-weight: 600 !important;
			 font-size: 1rem !important;
			 text-decoration: none !important;
			 box-sizing: border-box;
			 transition:
				 background-color 0.18s ease,
				 border-color 0.18s ease,
				 color 0.18s ease,
				 box-shadow 0.18s ease;
		 }
	
		 body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button:hover {
			 background: rgb(var(--hfj-primary-container) / 0.16) !important;
			 border-color: rgb(var(--hfj-primary-container) / 1) !important;
			 color: rgb(var(--hfj-primary) / 1) !important;
			 box-shadow: 0 2px 12px rgb(var(--hfj-primary) / 0.18);
		 }
	
		 body.woocommerce-checkout #place_order:focus-visible,
		 body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button:focus-visible,
		 body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-checkout-place-order-button:focus-visible {
			 outline: 2px solid rgb(var(--hfj-secondary-container) / 1);
			 outline-offset: 3px;
		 }
	
		 body.woocommerce-checkout .wc-block-checkout__actions_row {
			 display: flex;
			 flex-wrap: wrap;
			 gap: 0.75rem;
			 align-items: stretch;
			 width: 100%;
		 }
		.is-style-dots{
			display: none !important;
		}
		.formkit-form .formkit-submit{
			position: relative !important;
		}
		@media (max-width: 599px) {
			body.woocommerce-checkout .wc-block-checkout__actions_row {
				flex-direction: column;
			}
			body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button,
			body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
				width: 100%;
				justify-content: center;
				flex: none;
				min-width: 0;
			}
		}
	
		/* --------------------------------------------------------------------------
		 * Shop page container — WC Blocks + Gutenberg “full/wide” breakouts inside #hfj-shop-content-container
		 * -------------------------------------------------------------------------- */
	
		#hfj-shop-main {
			width: 100%;
			overflow-x: clip;
			box-sizing: border-box;
		}
	
		#hfj-shop-main .hfj-shop-section {
			width: 100%;
			box-sizing: border-box;
		}
	
		#hfj-shop-content-container.hfj-shop-container {
			margin-inline: auto;
			width: 100%;
			max-width: 1200px !important;
			box-sizing: border-box;
		}
	
		/* Reset full-bleed / wide alignment inside constrained shop shell */
		#hfj-shop-content-container .alignfull,
		#hfj-shop-content-container .wp-block-alignfull {
			margin-left: auto !important;
			margin-right: auto !important;
			max-width: 100% !important;
			width: 100% !important;
		}
	
		#hfj-shop-content-container .alignwide,
		#hfj-shop-content-container .wp-block-alignwide {
			margin-left: auto !important;
			margin-right: auto !important;
			max-width: 100% !important;
		}
	
		/* Woo Blocks product grids / catalogs */
		#hfj-shop-content-container .wc-block-grid,
		#hfj-shop-content-container .wc-block-product-template,
		#hfj-shop-content-container .woocommerce .wc-blocks-components,
		#hfj-shop-content-container .woocommerce .wc-blocks-components-pagination {
			max-width: 100% !important;
			margin-inline: auto;
		}
	
		#hfj-shop-content-container ul.wc-block-grid__products,
		#hfj-shop-content-container .wc-block-grid__products {
			width: 100% !important;
			max-width: 100% !important;
			margin-inline: auto !important;
		}
	
		#hfj-shop-content-container .woocommerce {
			max-width: 100% !important;
			margin-inline: auto;
		}
	
		/* Shop page: native selects (sort, filters, WooCommerce Blocks + classic archives) */
		#hfj-shop-main select,
		#hfj-shop-content-container select,
		body.post-type-archive-product .woocommerce select.orderby,
		body.tax-product_cat .woocommerce select.orderby,
		body.tax-product_tag .woocommerce select.orderby {
			box-sizing: border-box;
			min-height: 2.75rem;
			max-width: 100%;
			padding: 0.5rem 2.85rem 0.5rem 0.75rem !important;
			border-radius: 0.6rem !important;
			border: 1px solid rgb(var(--hfj-outline-variant) / 1) !important;
			background-color: rgb(var(--hfj-surface-container-lowest) / 1) !important;
			/* Outline token ~ #717970 (encoded for SVG stroke) — chevron on the right (!important beats WC Blocks base rules). */
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath stroke='%23717970' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.25 5.25 3.65 4.2 3.85-4.2'/%3E%3C/svg%3E") !important;
			background-repeat: no-repeat !important;
			background-position: calc(100% - 0.85rem) 50% !important;
			background-origin: padding-box !important;
			background-size: 12px auto !important;
			color: rgb(var(--hfj-on-surface) / 1) !important;
			font-family: inherit;
			font-size: 0.9375rem !important;
			font-weight: 500;
			line-height: 1.35;
			cursor: pointer;
			width: auto;
			transition:
				border-color 0.15s ease,
				box-shadow 0.15s ease,
				background-color 0.15s ease;
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			accent-color: rgb(var(--hfj-primary) / 1);
			color-scheme: light;
		}
	
		/* Drop legacy built-in arrow (can still show on the left in IE/Edge legacy + some builds). */
		#hfj-shop-main select::-ms-expand,
		#hfj-shop-content-container select::-ms-expand,
		body.post-type-archive-product .woocommerce select.orderby::-ms-expand,
		body.tax-product_cat .woocommerce select.orderby::-ms-expand,
		body.tax-product_tag .woocommerce select.orderby::-ms-expand {
			display: none;
		}
	
		/* Dropdown rows / optgroups — limited native support but improves Chrome/Firefox. */
		#hfj-shop-main select option,
		#hfj-shop-content-container select option,
		body.post-type-archive-product .woocommerce select.orderby option,
		body.tax-product_cat .woocommerce select.orderby option,
		body.tax-product_tag .woocommerce select.orderby option {
			padding: 0.55rem 0.85rem !important;
			font-family: inherit;
			font-size: 0.9375rem !important;
			font-weight: 500;
			line-height: 1.45;
			background-color: rgb(var(--hfj-surface-container-lowest) / 1) !important;
			color: rgb(var(--hfj-on-surface) / 1) !important;
		}
	
		#hfj-shop-main select option:checked,
		#hfj-shop-main select option:hover,
		#hfj-shop-content-container select option:checked,
		#hfj-shop-content-container select option:hover,
		body.post-type-archive-product .woocommerce select.orderby option:checked,
		body.post-type-archive-product .woocommerce select.orderby option:hover,
		body.tax-product_cat .woocommerce select.orderby option:checked,
		body.tax-product_cat .woocommerce select.orderby option:hover,
		body.tax-product_tag .woocommerce select.orderby option:checked,
		body.tax-product_tag .woocommerce select.orderby option:hover {
			background-color: rgb(var(--hfj-primary-container) / 0.22) !important;
			color: rgb(var(--hfj-primary) / 1) !important;
		}
	
		#hfj-shop-main select optgroup,
		#hfj-shop-content-container select optgroup,
		body.post-type-archive-product .woocommerce select.orderby optgroup,
		body.tax-product_cat .woocommerce select.orderby optgroup,
		body.tax-product_tag .woocommerce select.orderby optgroup {
			padding: 0.45rem 0.65rem 0.2rem !important;
			font-family: inherit;
			font-size: 0.6875rem !important;
			font-weight: 700;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			color: rgb(var(--hfj-primary) / 1) !important;
			background-color: rgb(var(--hfj-surface-container-low) / 1) !important;
		}
	
		/* Windows high-contrast / forced-colors: preserve system UI */
		@media (forced-colors: active) {
			#hfj-shop-main select,
			#hfj-shop-content-container select,
			body.post-type-archive-product .woocommerce select.orderby,
			body.tax-product_cat .woocommerce select.orderby,
			body.tax-product_tag .woocommerce select.orderby {
				appearance: auto;
			}
		}
	
		#hfj-shop-main select:hover,
		#hfj-shop-content-container select:hover,
		body.post-type-archive-product .woocommerce select.orderby:hover,
		body.tax-product_cat .woocommerce select.orderby:hover,
		body.tax-product_tag .woocommerce select.orderby:hover {
			border-color: rgb(var(--hfj-primary-container) / 0.72) !important;
			background-color: rgb(var(--hfj-surface-container-low) / 0.92) !important;
		}
	
		#hfj-shop-main select:focus,
		#hfj-shop-main select:focus-visible,
		#hfj-shop-content-container select:focus,
		#hfj-shop-content-container select:focus-visible,
		body.post-type-archive-product .woocommerce select.orderby:focus,
		body.post-type-archive-product .woocommerce select.orderby:focus-visible,
		body.tax-product_cat .woocommerce select.orderby:focus,
		body.tax-product_cat .woocommerce select.orderby:focus-visible,
		body.tax-product_tag .woocommerce select.orderby:focus,
		body.tax-product_tag .woocommerce select.orderby:focus-visible {
			outline: none;
			border-color: rgb(var(--hfj-primary) / 1) !important;
			box-shadow: 0 0 0 2px rgb(var(--hfj-primary) / 0.18);
		}
	
		#hfj-shop-main select:disabled,
		#hfj-shop-content-container select:disabled,
		body.post-type-archive-product .woocommerce select.orderby:disabled,
		body.tax-product_cat .woocommerce select.orderby:disabled,
		body.tax-product_tag .woocommerce select.orderby:disabled {
			opacity: 0.55;
			cursor: not-allowed;
		}
	
		/* WooCommerce Blocks: wrappers that constrain select width */
		#hfj-shop-content-container .wc-block-catalog-sorting,
		#hfj-shop-content-container .woocommerce-breadcrumb ~ .wc-block-grid__responsive,
		#hfj-shop-content-container .wc-block-components-select-wrapper,
		#hfj-shop-main .wc-block-components-select-wrapper {
			margin-bottom: 0.85rem;
		}
	
		#hfj-shop-content-container .wc-block-components-select-wrapper select,
		#hfj-shop-main .wc-block-components-select-wrapper select {
			width: auto;
			min-width: min(100%, 12.5rem);
		}
	
		/* Toolbar row: sort alongside result count blocks */
		#hfj-shop-content-container .woocommerce .woocommerce-ordering select.orderby,
		body.post-type-archive-product .woocommerce .woocommerce-ordering select.orderby,
		body.tax-product_cat .woocommerce .woocommerce-ordering select.orderby,
		body.tax-product_tag .woocommerce .woocommerce-ordering select.orderby {
			min-width: min(100%, 15rem);
		}
	
		/* --------------------------------------------------------------------------
		 * Shop / Product archive polish
		 * -------------------------------------------------------------------------- */
		body.post-type-archive-product main,
		body.tax-product_cat main,
		body.tax-product_tag main {
			padding-top: clamp(2rem, 4vw, 3rem);
			padding-bottom: clamp(2.5rem, 5vw, 3.5rem);
		}
	
		body.post-type-archive-product .woocommerce,
		body.tax-product_cat .woocommerce,
		body.tax-product_tag .woocommerce {
			max-width: 72rem;
			margin-inline: auto;
			padding-inline: clamp(1rem, 2.4vw, 1.5rem);
		}
	
		body.post-type-archive-product main > .max-w-container-max,
		body.tax-product_cat main > .max-w-container-max,
		body.tax-product_tag main > .max-w-container-max {
			max-width: 72rem !important;
			margin-inline: auto;
			padding-inline: clamp(1rem, 2.4vw, 1.5rem);
		}
	
		.woocommerce-products-header {
			margin-bottom: 1.25rem;
		}
	
		.woocommerce-products-header__title.page-title {
			display: inline-flex;
			align-items: center;
			margin: 0;
			padding: 0.55rem 0.9rem;
			border-radius: 0.75rem;
			background: linear-gradient(
				130deg,
				rgb(var(--hfj-primary-container) / 0.18) 0%,
				rgb(var(--hfj-secondary-container) / 0.24) 100%
			);
			border: 1px solid rgb(var(--hfj-primary-container) / 0.55);
			color: rgb(var(--hfj-primary) / 1);
			font-family: "Be Vietnam Pro", ui-serif, Georgia, serif;
			font-size: clamp(1.75rem, 4.6vw, 2.5rem);
			font-weight: 700;
			line-height: 1.2;
		}
	
		body.post-type-archive-product h1.page-title,
		body.tax-product_cat h1.page-title,
		body.tax-product_tag h1.page-title {
			font-size: clamp(1.75rem, 4.6vw, 2.5rem) !important;
			line-height: 1.15;
		}
	
		.woocommerce .woocommerce-result-count,
		.woocommerce .woocommerce-ordering {
			margin-bottom: 1rem;
		}
	
		.woocommerce ul.products {
			display: grid;
			grid-template-columns: repeat(1, minmax(0, 1fr));
			gap: 1rem;
			margin-top: 0.8rem;
		}
	
		@media (min-width: 640px) {
			.woocommerce ul.products {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 1.25rem;
			}
		}
	
		@media (min-width: 1024px) {
			.woocommerce ul.products {
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 1.5rem;
			}
		}
	
		.woocommerce ul.products li.product,
.wc-block-grid__product{
			width: 100% !important;
			float: none !important;
			margin: 0 !important;
			padding: 0.9rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.8);
			border-radius: 1rem;
			background: rgb(var(--hfj-surface-container-lowest) / 1);
			box-shadow: 0 6px 20px rgb(17 24 39 / 0.05);
			transition:
				transform 0.2s ease,
				box-shadow 0.2s ease,
				border-color 0.2s ease;
		}
	
		.woocommerce ul.products li.product:hover {
			transform: translateY(-2px);
			border-color: rgb(var(--hfj-primary-container) / 0.9);
			box-shadow: 0 10px 28px rgb(17 24 39 / 0.09);
		}
	
		.woocommerce ul.products li.product a img {
			border-radius: 0.75rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.55);
			background: rgb(var(--hfj-surface) / 1);
			margin-bottom: 0.8rem;
		}
	
		.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title{
			font-family: "Be Vietnam Pro", ui-serif, Georgia, serif;
			font-size: clamp(1.05rem, 2vw, 1.2rem);
			font-weight: 700;
			line-height: 1.3;
			color: rgb(var(--hfj-primary) / 1);
			margin-bottom: 0.45rem;
		}
	
		.woocommerce ul.products li.product .price,
.wc-block-grid__product-price.price{
			color: rgb(var(--hfj-secondary) / 1);
			font-size: 1.02rem;
			font-weight: 700;
			margin-bottom: 0.85rem;
		}
	
		.woocommerce ul.products li.product .button {
			width: auto;
			min-height: 2.75rem;
			font-size: 0.98rem;
			font-weight: 700;
			margin-right:12px;
		}
	
		.woocommerce nav.woocommerce-pagination ul {
			border: none;
			display: flex;
			gap: 0.45rem;
			padding: 0;
		}
	
		.woocommerce nav.woocommerce-pagination ul li {
			border: none;
		}
	
		.woocommerce nav.woocommerce-pagination ul li a,
		.woocommerce nav.woocommerce-pagination ul li span {
			min-width: 2.35rem;
			min-height: 2.35rem;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.9);
			border-radius: 0.55rem;
			color: rgb(var(--hfj-primary) / 1);
			background: rgb(var(--hfj-surface-container-lowest) / 1);
		}
	
		.woocommerce nav.woocommerce-pagination ul li span.current {
			background: rgb(var(--hfj-primary) / 1);
			border-color: rgb(var(--hfj-primary) / 1);
			color: rgb(var(--hfj-on-primary) / 1);
		}
	
		/* --------------------------------------------------------------------------
		 * Single product (PDP): layout, gallery, summary, tabs, related
		 * -------------------------------------------------------------------------- */
	
		.single-product .hfj-single-product-main .woocommerce {
			max-width: 100%;
			margin: 0;
		}
	
		.single-product .woocommerce-breadcrumb {
			margin: 0 0 1.25rem;
			padding: 0.5rem 0;
			font-size: 0.875rem;
			line-height: 1.45;
			color: rgb(var(--hfj-on-surface-variant) / 1);
		}
	
		.single-product .woocommerce-breadcrumb a {
			color: rgb(var(--hfj-primary) / 1);
			font-weight: 600;
			text-decoration: none;
		}
	
		.single-product .woocommerce-breadcrumb a:hover {
			text-decoration: underline;
			text-underline-offset: 3px;
		}
	
		.single-product div.product {
			display: grid;
			grid-template-columns: minmax(0, 1fr);
			gap: clamp(1.5rem, 4vw, 2.75rem);
			align-items: start;
		}
	
		@media (min-width: 768px) {
			.single-product div.product {
				grid-template-columns: minmax(0, 1.06fr) minmax(0, 1.5fr);
			}
		}
	
		.single-product div.product div.images,
		.single-product div.product div.summary {
			width: 100% !important;
			float: none !important;
			margin: 0 !important;
		}
	
		.single-product div.product div.images {
			padding: clamp(1rem, 2.5vw, 1.75rem);
			border-radius: 1.25rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.85);
			background: rgb(var(--hfj-surface-container-lowest) / 1);
			box-shadow:
				0 1px 3px rgb(17 24 39 / 0.06),
				0 14px 40px rgb(17 24 39 / 0.06);
		}
	
		.single-product div.product div.images img {
			border-radius: 0.875rem !important;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.55);
			background: rgb(var(--hfj-surface) / 1);
			box-sizing: border-box;
		}
	
		.single-product .woocommerce-product-gallery {
			margin-bottom: 0;
		}
	
		.single-product .woocommerce-product-gallery .flex-viewport {
			border-radius: 0.875rem;
			overflow: hidden;
		}
	
		.single-product .woocommerce-product-gallery .flex-control-thumbs {
			display: flex;
			flex-wrap: wrap;
			gap: 0.5rem;
			margin: 0.85rem 0 0;
			padding: 0;
			list-style: none;
		}
	
		.single-product .woocommerce-product-gallery .flex-control-thumbs li {
			float: none !important;
			width: auto !important;
			margin: 0 !important;
		}
	
		.single-product .woocommerce-product-gallery .flex-control-thumbs img {
			opacity: 0.72;
			border-radius: 0.55rem !important;
			border: 2px solid transparent !important;
			transition:
				opacity 0.18s ease,
				border-color 0.18s ease;
			cursor: pointer;
		}
	
		.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover,
		.single-product .woocommerce-product-gallery .flex-control-thumbs .flex-active {
			opacity: 1;
			border-color: rgb(var(--hfj-primary-container) / 0.95) !important;
		}
	
		.single-product span.onsale {
			position: static;
			inset: auto !important;
			margin: 0 0 0.75rem;
			display: inline-block;
			min-height: unset;
			min-width: unset;
			line-height: 1.35;
			padding: 0.3rem 0.65rem;
			border-radius: 0.375rem;
			background: rgb(var(--hfj-secondary-container) / 1) !important;
			color: rgb(var(--hfj-secondary) / 1) !important;
			font-size: 0.75rem;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.06em;
		}
	
		.single-product div.product div.summary {
			padding: clamp(1.125rem, 3vw, 2rem);
			border-radius: 1.25rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.75);
			background: rgb(var(--hfj-surface-container-low) / 0.55);
			box-shadow: 0 6px 24px rgb(17 24 39 / 0.05);
		}
	
		.single-product .product_title {
			font-family: "Be Vietnam Pro", ui-serif, Georgia, serif;
			font-size: clamp(1.65rem, 2.6vw, 2.45rem);
			line-height: 1.15;
			letter-spacing: -0.02em;
			color: rgb(var(--hfj-primary) / 1);
			margin: 0 0 0.75rem;
		}
	
		.single-product .woocommerce-product-rating {
			margin-bottom: 0.75rem;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 0.5rem 0.75rem;
		}
	
		.single-product .woocommerce-product-rating .star-rating {
			color: rgb(var(--hfj-secondary) / 1);
		}
	
		.single-product .woocommerce-product-rating .woocommerce-review-link {
			font-size: 0.875rem;
			font-weight: 600;
			color: rgb(var(--hfj-primary) / 1);
			text-decoration: none;
		}
	
		.single-product .woocommerce-product-rating .woocommerce-review-link:hover {
			text-decoration: underline;
			text-underline-offset: 3px;
		}
	
		.single-product .price {
			color: rgb(var(--hfj-secondary) / 1) !important;
			font-size: clamp(1.25rem, 2.2vw, 1.5rem);
			font-weight: 700;
			margin: 0 0 1rem;
		}
	
		.single-product .price del {
			opacity: 0.55;
			font-weight: 500;
			font-size: 0.95em;
		}
	
		.single-product div.product div.summary .woocommerce-product-details__short-description {
			margin: 0 0 1.25rem;
			font-size: 1rem;
			line-height: 1.65;
			color: rgb(var(--hfj-on-surface-variant) / 1);
		}
	
		.single-product div.product .stock {
			margin: 0 0 0.85rem !important;
			font-weight: 600;
			font-size: 0.9rem !important;
		}
	
		.single-product div.product .stock.in-stock {
			color: rgb(var(--hfj-primary) / 1) !important;
		}
	
		.single-product div.product .stock.out-of-stock {
			color: rgb(var(--hfj-error) / 1) !important;
		}
	
		.single-product form.cart {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-end;
			margin: 1.15rem 0 1.5rem;
			border-radius: 0.85rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.55);
			background: rgb(var(--hfj-surface-container-lowest) / 0.85);
		}
	
		.single-product form.cart .quantity {
			margin: 0 !important;
		}
	
		.single-product form.cart .quantity input.qty {
			min-height: 2.85rem;
			min-width: 4.5rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 1);
			border-radius: 0.5rem;
			padding: 0.5rem 0.65rem;
			background: rgb(var(--hfj-surface-container-lowest) / 1);
			font-weight: 600;
		}
	
		.single-product form.cart .single_add_to_cart_button {
			flex: 1 1 12rem;
			min-height: 2.85rem;
			font-size: 1rem !important;
			font-weight: 700 !important;
		}
	
		@media (max-width: 639px) {
			.single-product form.cart {
				flex-direction: column;
				align-items: stretch;
			}
			.single-product form.cart .single_add_to_cart_button {
				width: 100%;
			}
			.single-product form.cart .single_add_to_cart_button {
				flex: 0;
			}
		}
	
		.single-product .product_meta {
			border-top: 1px solid rgb(var(--hfj-outline-variant) / 0.75);
			margin-top: 1.25rem;
			padding-top: 1rem;
			color: rgb(var(--hfj-on-surface-variant) / 1);
			font-size: 0.9rem;
			line-height: 1.55;
		}
	
		.single-product .product_meta > span {
			display: block;
			margin-bottom: 0.35rem;
		}
	
		.single-product .product_meta a {
			color: rgb(var(--hfj-primary) / 1);
			font-weight: 600;
			text-decoration: none;
		}
	
		.single-product .product_meta a:hover {
			text-decoration: underline;
			text-underline-offset: 2px;
		}
	
		.single-product div.product .woocommerce-tabs {
			padding: clamp(1rem, 2.5vw, 1.5rem);
			border-radius: 1rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.75);
			background: rgb(var(--hfj-surface-container-lowest) / 1);
			box-shadow: 0 8px 28px rgb(17 24 39 / 0.05);
		}
	
		.single-product div.product .woocommerce-tabs ul.tabs {
			padding: 0 0 0.75rem !important;
			margin: 0 0 0.25rem !important;
			display: flex;
			flex-wrap: wrap;
			gap: 0.5rem;
			border-bottom: 1px solid rgb(var(--hfj-outline-variant) / 0.65);
		}
	
		.single-product .woocommerce-tabs ul.tabs::before,
		.single-product .woocommerce-tabs ul.tabs::after {
			display: none !important;
		}
	
		.single-product div.product .woocommerce-tabs ul.tabs li {
			border: none;
			border-radius: 0;
			background: transparent;
			margin: 0;
			padding: 0;
			flex: none;
			box-shadow: none;
		}
	
		.single-product div.product .woocommerce-tabs ul.tabs li a {
			position: relative;
			padding: 0.45rem 0.15rem 0.6rem !important;
			margin-right: 0.65rem !important;
			color: rgb(var(--hfj-on-surface-variant) / 1) !important;
			font-weight: 600 !important;
			font-size: 0.95rem !important;
			background: transparent !important;
		}
	
		.single-product div.product .woocommerce-tabs ul.tabs li a::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 2px;
			border-radius: 999px;
			background: transparent;
			transition: background-color 0.18s ease;
		}
	
		.single-product div.product .woocommerce-tabs ul.tabs li.active a {
			color: rgb(var(--hfj-primary) / 1) !important;
		}
	
		.single-product div.product .woocommerce-tabs ul.tabs li.active a::after {
			background: rgb(var(--hfj-secondary-container) / 1);
		}
	
		.single-product div.product .woocommerce-tabs .panel {
			margin: 0 !important;
			padding: 1rem 0 0;
			font-size: 0.975rem;
			line-height: 1.65;
			color: rgb(var(--hfj-on-surface-variant) / 1);
			border: none !important;
			box-shadow: none !important;
		}
	
		.single-product .related.products,
		.single-product section.related.products {
			margin-top: clamp(2rem, 5vw, 3rem);
			clear: both;
		}
	
		.single-product .related.products > h2,
		.single-product section.related.products > h2 {
			font-family: "Be Vietnam Pro", ui-serif, Georgia, serif;
			font-size: clamp(1.25rem, 2vw, 1.5rem);
			font-weight: 700;
			color: rgb(var(--hfj-primary) / 1);
			margin-bottom: 1rem;
			padding-bottom: 0.65rem;
			border-bottom: 1px solid rgb(var(--hfj-outline-variant) / 0.65);
		}
	
		.single-product section.related.products ul.products li.product .button {
			margin-top: 0.65rem !important;
		}
	
		/* --------------------------------------------------------------------------
		 * WooCommerce Reviews tab (#reviews / woocommerce-Reviews)
		 * Matches PDP cards, typography, and HFJ color tokens.
		 * -------------------------------------------------------------------------- */
	
		.single-product #reviews.woocommerce-Reviews {
			margin: 0;
			padding: 0;
		}
	
		.single-product #reviews .woocommerce-Reviews-title {
			font-family: "Be Vietnam Pro", ui-serif, Georgia, serif;
			font-size: clamp(1.1rem, 1.85vw, 1.375rem);
			font-weight: 700;
			line-height: 1.25;
			color: rgb(var(--hfj-primary) / 1);
			margin: 0 0 1rem;
			border-bottom: 0px solid rgb(var(--hfj-outline-variant) / 0.65);
		}
	
		.single-product #reviews #comments > p,
		.single-product #reviews > p {
			margin: 0 0 1.25rem;
			font-size: 0.9375rem;
			line-height: 1.55;
			color: rgb(var(--hfj-on-surface-variant) / 1);
		}
	
		.single-product #reviews .woocommerce-noreviews {
			padding: 0.85rem 1rem;
			border-radius: 0.75rem;
			border: 1px dashed rgb(var(--hfj-outline-variant) / 0.85);
			background: rgb(var(--hfj-surface-container-low) / 0.5);
			font-size: 0.9375rem;
			line-height: 1.55;
			color: rgb(var(--hfj-on-surface-variant) / 1);
		}
	
		.single-product #reviews .commentlist {
			list-style: none;
			margin: 0 0 1.75rem;
			padding: 0;
			display: flex;
			flex-direction: column;
			gap: 0.875rem;
		}
	
		.single-product #reviews .commentlist li.review,
		.single-product #reviews .commentlist li.comment {
			margin: 0 !important;
			padding: 0 !important;
			border: none !important;
			background: transparent !important;
		}
	
		.single-product #reviews .commentlist .comment_container {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			gap: 0.875rem 1rem;
			padding: 1rem 1.125rem !important;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.75);
			border-radius: 0.85rem;
			background: rgb(var(--hfj-surface-container-lowest) / 0.92);
			box-shadow: 0 4px 16px rgb(17 24 39 / 0.04);
		}
	
		.single-product #reviews .commentlist .comment_container::after {
			display: none;
		}
	
		.single-product #reviews .commentlist img.avatar {
			flex-shrink: 0;
			width: 3rem !important;
			height: 3rem !important;
			border-radius: 999px;
			border: 2px solid rgb(var(--hfj-outline-variant) / 0.55);
			box-shadow: 0 2px 6px rgb(17 24 39 / 0.06);
			position: relative !important;
		}
	
		.single-product #reviews .comment-text {
			flex: 1 1 min(100%, 12rem);
			margin: 0 !important;
			padding: 0 !important;
			border: none !important;
			border-radius: 0 !important;
			background: transparent !important;
		}
	
		.single-product #reviews .comment-text p.meta {
			margin: 0 0 0.5rem !important;
			font-size: 0.8125rem;
			line-height: 1.45;
			color: rgb(var(--hfj-on-surface-variant) / 1);
		}
	
		.single-product #reviews .woocommerce-review__author {
			font-weight: 700;
			font-size: 0.9375rem;
			color: rgb(var(--hfj-primary) / 1);
		}
	
		.single-product #reviews .verified {
			display: inline-block;
			margin-left: 0.35rem;
			padding: 0.125rem 0.4rem;
			border-radius: 0.25rem;
			font-size: 0.65rem;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.04em;
			background: rgb(var(--hfj-primary-container) / 0.22);
			color: rgb(var(--hfj-primary) / 1);
		}
	
		.single-product #reviews .woocommerce-review__published-date,
		.single-product #reviews .woocommerce-review__dash {
			opacity: 0.9;
			font-weight: 500;
			font-size: 0.8125rem;
			color: rgb(var(--hfj-on-surface-variant) / 1);
		}
	
		.single-product #reviews .comment-text .star-rating {
			float: none !important;
			margin: 0 0 0.55rem !important;
			color: rgb(var(--hfj-secondary) / 1);
			font-size: 0.875rem !important;
		}
	
		.single-product #reviews .comment-text .description {
			clear: none;
			margin: 0 !important;
			padding: 0 !important;
			font-size: 0.9625rem;
			line-height: 1.65;
			color: rgb(var(--hfj-on-surface-variant) / 1);
		}
	
		.single-product #reviews .comment-text .description p:last-child {
			margin-bottom: 0 !important;
		}
	
		.single-product #reviews .woocommerce-pagination {
			margin: 1.25rem 0 1.75rem !important;
		}
	
		.single-product #review_form_wrapper {
			margin-top: 0.5rem;
			padding: clamp(1rem, 2.5vw, 1.35rem);
			border-radius: 0.95rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.65);
			background: rgb(var(--hfj-surface-container-lowest) / 0.94);
			box-shadow: 0 6px 22px rgb(17 24 39 / 0.05);
		}
	
		.single-product #review_form_wrapper #respond {
			margin: 0;
			padding: 0;
			border: none;
			background: transparent;
		}
	
		.single-product #review_form #respond p.comment-notes,
		.single-product #review_form #respond .comment-notes {
			margin: 0 0 1rem !important;
			font-size: 0.875rem;
			line-height: 1.55;
			color: rgb(var(--hfj-on-surface-variant) / 1);
		}
	
		.single-product #review_form #reply-title,
		.single-product #review_form #respond #reply-title {
			font-family: "Be Vietnam Pro", ui-serif, Georgia, serif;
			font-size: clamp(1.05rem, 1.6vw, 1.25rem) !important;
			font-weight: 700 !important;
			line-height: 1.25;
			color: rgb(var(--hfj-primary) / 1);
			margin: 0 0 1rem !important;
			padding-bottom: 0.55rem;
			border-bottom: 0px solid rgb(var(--hfj-outline-variant) / 0.55);
		}
		.comment-form-rating{
			display: flex;
			flex-direction: column;
			margin: 12px 0;
		}
		.single-product #review_form .comment-form label {
			display: block;
			font-weight: 600;
			font-size: 0.8125rem;
			letter-spacing: 0.04em;
			color: rgb(var(--hfj-on-surface) / 1);
			margin-bottom: 0.35rem;
		}
	
		.single-product #review_form .comment-form input[type='text'],
		.single-product #review_form .comment-form input[type='email'],
		.single-product #review_form .comment-form textarea {
			width: 100%;
			max-width: 100%;
			box-sizing: border-box;
			min-height: 2.65rem;
			padding: 0.55rem 0.65rem !important;
			border: 1px solid rgb(var(--hfj-outline-variant) / 1) !important;
			border-radius: 0.55rem !important;
			background: rgb(var(--hfj-surface-container-lowest) / 1) !important;
			color: rgb(var(--hfj-on-surface) / 1) !important;
			font-size: 0.9375rem;
			line-height: 1.4;
			transition:
				border-color 0.15s ease,
				box-shadow 0.15s ease;
		}
	
		.single-product #review_form .comment-form textarea {
			min-height: 8rem;
			line-height: 1.55;
			resize: vertical;
		}
	
		.single-product #review_form .comment-form input[type='text']:focus-visible,
		.single-product #review_form .comment-form input[type='email']:focus-visible,
		.single-product #review_form .comment-form textarea:focus-visible {
			outline: none;
			border-color: rgb(var(--hfj-primary) / 1) !important;
			box-shadow: 0 0 0 1px rgb(var(--hfj-primary) / 1);
		}
	
		.single-product #review_form .comment-form-rating label {
			display: inline-block;
			margin-right: 0.5rem;
			margin-bottom: 0.35rem !important;
		}
	
		.single-product #review_form p.comment-form-rating {
			margin-bottom: 1rem !important;
		}
	
		.single-product #review_form p.stars {
			display: inline-flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 0.15rem;
			margin: 0 0 0.35rem !important;
			line-height: 1;
		}
	
		.single-product #review_form p.stars a {
			position: relative;
			color: rgb(var(--hfj-secondary) / 1) !important;
			text-decoration: none !important;
			transition: opacity 0.15s ease, transform 0.15s ease;
		}
	
		.single-product #review_form p.stars a:hover {
			opacity: 0.88;
			transform: translateY(-1px);
		}
	
		.single-product #review_form .form-submit input#submit {
			min-height: 2.85rem;
			padding: 0.65rem 1.375rem !important;
			font-weight: 700 !important;
			font-size: 0.9625rem !important;
			cursor: pointer;
		}
	
		.single-product #review_form .logged-in-as {
			font-size: 0.8125rem;
			color: rgb(var(--hfj-on-surface-variant) / 1);
			margin: 0 0 1rem !important;
		}
	
		.single-product #review_form .logged-in-as a {
			color: rgb(var(--hfj-primary) / 1);
			font-weight: 600;
			text-decoration: none;
		}
	
		.single-product #review_form .logged-in-as a:hover {
			text-decoration: underline;
			text-underline-offset: 3px;
		}
	
		 /* Checkout: order received page */
		 .woocommerce-order-received .entry-content > .woocommerce,
		 .woocommerce-order-received main .woocommerce {
			 max-width: 72rem;
			 margin: clamp(1.5rem, 3vw, 2.5rem) auto;
			 padding: clamp(1rem, 2.2vw, 2rem);
			 background: rgb(var(--hfj-surface-container-lowest) / 1);
			 border: 1px solid rgb(var(--hfj-outline-variant) / 0.9);
			 border-radius: 1rem;
			 box-shadow: 0 12px 30px rgb(17 24 39 / 0.06);
		 }
	
		 .woocommerce-order-received .woocommerce-order h2,
		 .woocommerce-order-received .woocommerce-order h3,
		 .woocommerce-order-received .woocommerce-order h4 {
			 font-family: "Be Vietnam Pro", ui-serif, Georgia, serif;
			 color: rgb(var(--hfj-primary) / 1);
			 font-weight: 700;
			 letter-spacing: -0.01em;
			 margin-bottom: 0.75rem;
		 }
	
		 .woocommerce-order-received .woocommerce-order > p:first-of-type {
			 margin: 0 0 1.25rem;
			 padding: 0.85rem 1rem;
			 border: 1px solid rgb(var(--hfj-primary-container) / 0.4);
			 border-radius: 0.75rem;
			 background: rgb(var(--hfj-primary-container) / 0.12);
			 color: rgb(var(--hfj-on-surface) / 1);
		 }
	
		 .woocommerce-order-received ul.woocommerce-order-overview {
			 display: grid;
			 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
			 gap: 0.75rem;
			 margin: 0 0 1.5rem;
			 padding: 0;
			 list-style: none;
		 }
	
		 .woocommerce-order-received ul.woocommerce-order-overview li {
			 margin: 0;
			 padding: 0.8rem 0.95rem;
			 background: rgb(var(--hfj-surface-container-low) / 1);
			 border: 1px solid rgb(var(--hfj-outline-variant) / 0.8);
			 border-radius: 0.75rem;
			 font-size: 0.92rem;
			 line-height: 1.45;
			 color: rgb(var(--hfj-on-surface-variant) / 1);
		 }
		 .woocommerce ul.order_details li:last-of-type{
			 border: 1px solid rgb(var(--hfj-outline-variant) / 0.8);
		 }
	
		 .woocommerce-order-received ul.woocommerce-order-overview li strong {
			 display: block;
			 margin-top: 0.3rem;
			 font-size: 0.9rem;
			 color: rgb(var(--hfj-on-surface) / 1);
			 word-break:break-all;
		 }
	
		 .woocommerce-order-received .woocommerce-table,
		 .woocommerce-order-received .woocommerce-table--order-details,
		 .woocommerce-order-received table.shop_table {
			 width: 100%;
			 border-collapse: separate;
			 border-spacing: 0;
			 overflow: hidden;
			 border: 1px solid rgb(var(--hfj-outline-variant) / 0.8);
			 border-radius: 0.85rem;
			 margin: 0 0 1.5rem;
		 }
	
		 .woocommerce-order-received .woocommerce-table th,
		 .woocommerce-order-received .woocommerce-table td,
		 .woocommerce-order-received table.shop_table th,
		 .woocommerce-order-received table.shop_table td {
			 padding: 0.85rem 1rem;
			 border-bottom: 1px solid rgb(var(--hfj-outline-variant) / 0.55);
			 text-align: left;
		 }
	
		 .woocommerce-order-received .woocommerce-table thead th,
		 .woocommerce-order-received table.shop_table thead th {
			 background: rgb(var(--hfj-surface-container-low) / 1);
			 color: rgb(var(--hfj-primary) / 1);
			 font-weight: 700;
		 }
	
		 .woocommerce-order-received .woocommerce-table tbody tr:last-child td,
		 .woocommerce-order-received table.shop_table tbody tr:last-child td {
			 border-bottom: none;
		 }
	
		 .woocommerce-order-received .woocommerce-table tfoot th,
		 .woocommerce-order-received .woocommerce-table tfoot td,
		 .woocommerce-order-received table.shop_table tfoot th,
		 .woocommerce-order-received table.shop_table tfoot td {
			 background: rgb(var(--hfj-surface-container-lowest) / 1);
			 font-weight: 600;
		 }
	
		 .woocommerce-order-received .download-file .woocommerce-MyAccount-downloads-file,
		 .woocommerce-order-received .woocommerce-table__product-name a,
		 .woocommerce-order-received a.woocommerce-MyAccount-downloads-file {
			 color: rgb(var(--hfj-primary) / 1);
			 font-weight: 600;
			 text-decoration: none;
		 }
	
		 .woocommerce-order-received .download-file .woocommerce-MyAccount-downloads-file:hover,
		 .woocommerce-order-received .woocommerce-table__product-name a:hover,
		 .woocommerce-order-received a.woocommerce-MyAccount-downloads-file:hover {
			 text-decoration: underline;
			 text-underline-offset: 2px;
		 }
	
		 .woocommerce-order-received .woocommerce-customer-details {
			 margin-top: 1.5rem;
			 padding: 1rem 1.1rem;
			 border: 1px solid rgb(var(--hfj-outline-variant) / 0.85);
			 border-radius: 0.85rem;
			 background: rgb(var(--hfj-surface-container-low) / 1);
		 }
		 .woocommerce ul.order_details.woocommerce-thankyou-order-details::after, 
		 .woocommerce ul.order_details.woocommerce-thankyou-order-details::before{
			 display:none !important;
		 }
		.woocommerce-order-received ul.woocommerce-order-overview {
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		}
		.wc-block-components-checkout-return-to-cart-button svg{
			display: none !important;
		}
		 @media (min-width: 1400px) {
		.woocommerce-order-received ul.woocommerce-order-overview {
			grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
		}
		}
		 @media (max-width: 640px) {
			.py-24 {
				padding-top: 3.5rem;
				padding-bottom: 3.5rem;
			}
	
			 .woocommerce-order-received .entry-content > .woocommerce,
			 .woocommerce-order-received main .woocommerce {
				 padding: 0.85rem;
				 border-radius: 0.85rem;
			 }
	
			 .woocommerce-order-received .woocommerce-table th,
			 .woocommerce-order-received .woocommerce-table td,
			 .woocommerce-order-received table.shop_table th,
			 .woocommerce-order-received table.shop_table td {
				 padding: 0.65rem 0.7rem;
				 font-size: 0.9rem;
			 }
	
			/* Storefront flows: keep header/footer logos readable on small screens without consuming the bar */
			.woocommerce-cart header .flex.items-center.gap-2.sm\:gap-3.min-w-0.flex-1,
			.woocommerce-checkout header .flex.items-center.gap-2.sm\:gap-3.min-w-0.flex-1,
			.woocommerce-order-received header .flex.items-center.gap-2.sm\:gap-3.min-w-0.flex-1 {
				gap: 0.4rem;
			}	
			.woocommerce-cart header a[aria-label],
			.woocommerce-checkout header a[aria-label],
			.woocommerce-order-received header a[aria-label] {
				padding: 0.25rem;
			}
		 }
	
		 .woocommerce-shop .products,
	.woocommerce-page .products{
			margin-bottom: 50px !important;
		 }
		 .woocommerce-shop h1,
	.woocommerce-page h1{			
			color: rgb(var(--hfj-primary) / 1);
		 }	
		 .woocommerce-shop .products::before,
		 .woocommerce-shop .products::after,
	 .woocommerce-page .products::before,
		 .woocommerce-page .products::after{
			display: none !important;
		 }
		 .woocommerce-shop select,
	.woocommerce-page select{	
			border:1px solid rgb(var(--hfj-outline-variant) / 0.8);
			padding: 15px 10px;
			border-radius: 14px;
			max-width: 377px;
			width: 100%;
			appearance: none;
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='%23003e1c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 8 10 12 14 8'%3E%3C/polyline%3E%3C/svg%3E");
		  background-repeat: no-repeat;
		  background-position: right 15px center;
		  background-size: 23px;
		  padding-right: 40px;
		 }
		 .woocommerce-message::before {
			position: absolute;
			top: 50%;
			left: 15px;
			 transform:translatey(-50%);
		}
		/* Error list: flex row so icon (::before on ul), copy, and “View cart” align vertically. */
		.woocommerce-notices-wrapper .woocommerce-error {
			display: block;
			position: relative;
			min-height: 0;
			height: auto;
			padding: 0.75rem 1rem !important;
			list-style: none outside;
		}

		.woocommerce-notices-wrapper .woocommerce-error li {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			flex-wrap: wrap;
			gap: 0.5rem 1rem;
			padding: 0.35rem 0.25rem 0.35rem 2rem !important;
			position: relative;
			margin: 0;
			min-height: 0;
		}

		/* Cart / shop notices: button may appear before or after copy — `order` fixes alignment. */
		.woocommerce-notices-wrapper .woocommerce-error li:has(:is(a.button, a.wc-forward)) {
			justify-content: space-between;
			align-items: center;
		}

		/* Inline links inside error copy only (e.g. My Account “Lost your password?”). */
		.woocommerce-notices-wrapper .woocommerce-error a:not(.button):not(.wc-forward) {
			position: static;
			display: inline;
			transform: none;
			margin-left: 0.35rem;
			font-weight: 600;
			text-decoration: underline;
			text-underline-offset: 0.15em;
			white-space: normal;
			color: inherit;
		}

		.woocommerce-notices-wrapper .woocommerce-error a:not(.button):not(.wc-forward):hover {
			color: rgb(127 29 29 / 1);
		}

		.woocommerce-notices-wrapper .woocommerce-error li a.button,
		.woocommerce-notices-wrapper .woocommerce-error li a.wc-forward {
			display: inline-flex;
			align-items: center;
			align-self: center;
			flex-shrink: 0;
			order: 2;
			text-decoration: none;
			white-space: nowrap;
		}

		/*
		 * Success notice: WC may print the “View cart” link before or after the sentence.
		 * `order: 2` on the button keeps copy on the left and the action on the right always.
		 */
		.woocommerce-notices-wrapper .woocommerce-message,
		.woocommerce .woocommerce-message {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 0.65rem 1rem;
			position: relative;
			min-height: 0;
			height: auto;
			padding: 0.75rem 1rem 0.75rem 2.75rem !important;
		}

		.woocommerce-notices-wrapper .woocommerce-message a.button,
		.woocommerce-notices-wrapper .woocommerce-message a.wc-forward,
		.woocommerce .woocommerce-message a.button,
		.woocommerce .woocommerce-message a.wc-forward {
			position: static;
			transform: none;
			flex-shrink: 0;
			order: 2;
			margin-left: 0;
			margin-right: 0;
		}

		.woocommerce-error::before {
			left: 15px;
			top: 50%;
			transform: translateY(-50%);
		}

	.single-product div.product{
		margin-bottom:40px;
	}
		@media (max-width:767.98px){
			.woocommerce-notices-wrapper .woocommerce-error,
			.woocommerce-notices-wrapper .woocommerce-message,
			.woocommerce .woocommerce-message{
			margin-bottom: 1rem;
		}
		}
	
		/* --------------------------------------------------------------------------
		 * My Account: layout, navigation, tables, and forms (classic shortcode)
		 * -------------------------------------------------------------------------- */
	
		body.woocommerce-account .woocommerce {
			margin-inline: auto;
		}
	
		body.woocommerce-account.logged-in .woocommerce {
			display: grid;
			gap: 1.5rem;
			align-items: start;
			grid-template-columns: 1fr;
		}
	
		@media (min-width: 768px) {
			body.woocommerce-account.logged-in .woocommerce {
				grid-template-columns: minmax(13.5rem, 17rem) minmax(0, 1fr);
				gap: 1.75rem 2rem;
			}
		}
	
		body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
		body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
			float: none !important;
			width: 100% !important;
			max-width: none !important;
			margin: 0 !important;
		}
	
		body.woocommerce-account .woocommerce-MyAccount-navigation {
			background: rgb(var(--hfj-surface-container-low) / 1);
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.55);
			border-radius: 0.75rem;
			padding: 0.5rem;
			box-shadow: 0 1px 2px rgb(17 24 39 / 0.04);
		}
	
		body.woocommerce-account .woocommerce-MyAccount-navigation ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			gap:0.5rem;
		}
	
		body.woocommerce-account .woocommerce-MyAccount-navigation a {
			display: block;
			padding: 0.625rem 0.75rem;
			border-radius: 0.5rem;
			color: rgb(var(--hfj-on-surface-variant) / 1);
			text-decoration: none;
			font-weight: 500;
			font-size: 0.9375rem;
			line-height: 1.35;
			border-left: 3px solid transparent;
			transition:
				background-color 0.15s ease,
				color 0.15s ease,
				border-color 0.15s ease;
		}
	
		body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
			color: rgb(var(--hfj-primary) / 1);
			background: rgb(var(--hfj-surface) / 0.65);
		}
	
		body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
			color: rgb(var(--hfj-primary) / 1);
			font-weight: 700;
			background: rgb(var(--hfj-surface) / 1);
			border-left-color: rgb(var(--hfj-primary) / 1);
		}
	
		body.woocommerce-account .woocommerce-MyAccount-content {
			background: rgb(var(--hfj-surface) / 1);
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.5);
			border-radius: 0.75rem;
			padding: 1.25rem 1.125rem 1.5rem;
			box-shadow: 0 1px 3px rgb(17 24 39 / 0.06);
			overflow-x: auto;
		}
	
		@media (min-width: 768px) {
			body.woocommerce-account .woocommerce-MyAccount-content {
				padding: 1.75rem 2rem 2rem;
			}
}
@media (min-width: 640px) {
			.hfj-header-account{
				height:36.5px;
			}
		}
	
		body.woocommerce-account .woocommerce-MyAccount-content > :first-child {
			margin-top: 0;
		}
	
		body.woocommerce-account .woocommerce-MyAccount-content > :last-child {
			margin-bottom: 0;
		}
	
		body.woocommerce-account .woocommerce-MyAccount-content h2,
		body.woocommerce-account .woocommerce-MyAccount-content h3 {
			color: rgb(var(--hfj-primary) / 1);
			font-weight: 700;
			letter-spacing: 0.02em;
			margin-top: 1.5rem;
			margin-bottom: 0.75rem;
			font-size: clamp(1.125rem, 2.5vw, 1.375rem);
		}
	
		body.woocommerce-account .woocommerce-MyAccount-content h2:first-child,
		body.woocommerce-account .woocommerce-MyAccount-content h3:first-child {
			margin-top: 0;
		}
	
		body.woocommerce-account .woocommerce-MyAccount-content p {
			color: rgb(var(--hfj-on-surface-variant) / 1);
			line-height: 1.6;
		}
	
		body.woocommerce-account .shop_table,
		body.woocommerce-account table.my_account_orders {
			width: 100%;
			border-collapse: separate;
			border-spacing: 0;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.55);
			border-radius: 0.5rem;
			overflow: hidden;
			font-size: 0.9375rem;
		}
	
		body.woocommerce-account .shop_table thead th,
		body.woocommerce-account table.my_account_orders thead th {
			background: rgb(var(--hfj-surface-container-low) / 1);
			color: rgb(var(--hfj-on-surface) / 1);
			font-weight: 600;
			text-align: left;
			padding: 0.75rem 1rem;
			border-bottom: 1px solid rgb(var(--hfj-outline-variant) / 0.55);
		}
	
		body.woocommerce-account .shop_table tbody td,
		body.woocommerce-account .shop_table tbody th,
		body.woocommerce-account table.my_account_orders tbody td {
			padding: 0.75rem 1rem;
			vertical-align: middle;
			border-bottom: 1px solid rgb(var(--hfj-outline-variant) / 0.35);
			color: rgb(var(--hfj-on-surface) / 1);
		}
	
		body.woocommerce-account .shop_table tbody tr:last-child td,
		body.woocommerce-account .shop_table tbody tr:last-child th,
		body.woocommerce-account table.my_account_orders tbody tr:last-child td {
			border-bottom: none;
		}
	
		body.woocommerce-account .shop_table tbody tr:nth-child(even) td,
		body.woocommerce-account table.my_account_orders tbody tr:nth-child(even) td {
			background: rgb(var(--hfj-surface-container-lowest) / 0.5);
		}
	
		body.woocommerce-account .shop_table .button,
		body.woocommerce-account table.my_account_orders .button {
			white-space: nowrap;
		}
	
		body.woocommerce-account mark.order-status {
			display: inline-block;
			padding: 0.2rem 0.55rem;
			border-radius: 999px;
			font-size: 0.8125rem;
			font-weight: 600;
			background: rgb(var(--hfj-primary-container) / 0.45);
			color: rgb(var(--hfj-on-surface) / 1);
		}
	
		body.woocommerce-account .woocommerce-pagination {
			margin-top: 1.25rem;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 0.5rem;
		}
	
		body.woocommerce-account .woocommerce-pagination ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			gap: 0.35rem;
		}
	
		body.woocommerce-account .woocommerce-pagination a,
		body.woocommerce-account .woocommerce-pagination span {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 2.25rem;
			min-height: 2.25rem;
			padding: 0.25rem 0.5rem;
			border-radius: 0.375rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.65);
			background: rgb(var(--hfj-surface-container-lowest) / 1);
			color: rgb(var(--hfj-on-surface) / 1);
			text-decoration: none;
			font-weight: 600;
			font-size: 0.875rem;
		}
	
		body.woocommerce-account .woocommerce-pagination a:hover {
			border-color: rgb(var(--hfj-primary) / 0.55);
			color: rgb(var(--hfj-primary) / 1);
		}
	
		body.woocommerce-account .woocommerce-pagination span.current {
			background: rgb(var(--hfj-primary) / 1);
			border-color: rgb(var(--hfj-primary) / 1);
			color: rgb(var(--hfj-on-primary) / 1);
		}
	
		body.woocommerce-account .woocommerce-Address-title.title {
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 1rem;
			flex-direction:column;
		}
		.woocommerce-Address-title a{
			text-decoration:underline;
		}
		body.woocommerce-account .woocommerce-Address-title.title h3 {
			margin: 0;
		}
	
		body.woocommerce-account .woocommerce-address-fields .form-row,
		body.woocommerce-account .woocommerce-EditAccountForm .form-row,
		body.woocommerce-account form.woocommerce-form .form-row {
			margin-bottom: 1rem;
		}
	
		body.woocommerce-account .woocommerce-address-fields input.input-text,
		body.woocommerce-account .woocommerce-address-fields select,
		body.woocommerce-account .woocommerce-address-fields textarea,
		body.woocommerce-account .woocommerce-EditAccountForm input.input-text,
		body.woocommerce-account .woocommerce-EditAccountForm textarea,
		body.woocommerce-account form.woocommerce-form input.input-text,
		body.woocommerce-account form.woocommerce-form select,
		body.woocommerce-account form.woocommerce-form textarea {
			width: 100%;
			max-width: 100%;
			background: rgb(var(--hfj-surface-container-lowest) / 1);
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.85);
			border-radius: 0.5rem;
			padding: 0.65rem 0.75rem;
			font-size: 1rem;
			color: rgb(var(--hfj-on-surface) / 1);
			transition:
				border-color 0.15s ease,
				box-shadow 0.15s ease;
		}
	
		body.woocommerce-account .woocommerce-address-fields input.input-text:focus-visible,
		body.woocommerce-account .woocommerce-address-fields select:focus-visible,
		body.woocommerce-account .woocommerce-address-fields textarea:focus-visible,
		body.woocommerce-account .woocommerce-EditAccountForm input.input-text:focus-visible,
		body.woocommerce-account .woocommerce-EditAccountForm textarea:focus-visible,
		body.woocommerce-account form.woocommerce-form input.input-text:focus-visible,
		body.woocommerce-account form.woocommerce-form select:focus-visible,
		body.woocommerce-account form.woocommerce-form textarea:focus-visible {
			outline: none;
			border-color: rgb(var(--hfj-primary) / 1);
			box-shadow: 0 0 0 1px rgb(var(--hfj-primary) / 0.35);
		}
	
		body.woocommerce-account .woocommerce-address-fields label,
		body.woocommerce-account .woocommerce-EditAccountForm label,
		body.woocommerce-account form.woocommerce-form label {
			display: block;
			font-weight: 600;
			font-size: 0.875rem;
			color: rgb(var(--hfj-on-surface) / 1);
			margin-bottom: 0.35rem;
		}
	
		body.woocommerce-account fieldset {
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.45);
			border-radius: 0.5rem;
			padding: 1rem 1.125rem;
			margin: 1.25rem 0;
		}
	
		body.woocommerce-account fieldset legend {
			font-weight: 700;
			color: rgb(var(--hfj-primary) / 1);
			padding: 0 0.35rem;
		}

		/* Payment methods (My Account + checkout): brand green radios, neutral boxes — no plugin purple skins. */
		body.woocommerce-account .woocommerce-PaymentMethods input.input-radio,
		body.woocommerce-account form#add_payment_method input.input-radio,
		body.woocommerce-checkout #payment .wc_payment_method input.input-radio {
			accent-color: rgb(var(--hfj-primary) / 1);
		}

		body.woocommerce-account .woocommerce-PaymentMethods .payment_box,
		body.woocommerce-account form#add_payment_method ul.payment_methods .payment_box {
			background-color: rgb(var(--hfj-surface-container-lowest) / 1) !important;
			background-image: none !important;
			color: rgb(var(--hfj-on-surface) / 1);
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.55);
			border-radius: 0.5rem;
			box-shadow: none;
			padding: 1rem !important;
		}

		body.woocommerce-checkout #payment div.payment_box {
			background-color: rgb(var(--hfj-surface-container-lowest) / 1) !important;
			background-image: none !important;
			color: rgb(var(--hfj-on-surface) / 1);
			border-radius: 0.5rem;
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.45);
		}

		/* WooCommerce Stripe: outer wrappers (iframe content themed via wc_stripe_upe_params filter). */
		body.woocommerce-account .wc-payment-form,
		body.woocommerce-account .wc-stripe-gateway .payment_box .wc-payment-form,
		body.woocommerce-account .payment_method_stripe .payment_box fieldset {
			background: transparent !important;
			border-color: rgb(var(--hfj-outline-variant) / 0.45);
		}

		body.woocommerce-account .payment_methods .stripe-test-mode-banner,
		body.woocommerce-account .stripe-test-environment-message,
		body.woocommerce-checkout .stripe-test-environment-message {
			background-color: rgb(var(--hfj-primary-container) / 0.18) !important;
			border: 1px solid rgb(var(--hfj-primary) / 0.28) !important;
			border-radius: 0.375rem !important;
			color: rgb(var(--hfj-on-surface) / 1) !important;
		}

		body.woocommerce-account .woocommerce-MyAccount-content .button.alt,
		body.woocommerce-account .woocommerce-MyAccount-content a.button.alt {
			background: rgb(var(--hfj-surface-container-lowest) / 1) !important;
			color: rgb(var(--hfj-primary) / 1) !important;
			border: 2px solid rgb(var(--hfj-primary) / 1) !important;
		}
	
		body.woocommerce-account .woocommerce-MyAccount-content .button.alt:hover,
		body.woocommerce-account .woocommerce-MyAccount-content a.button.alt:hover {
			background: rgb(var(--hfj-primary-container) / 0.2) !important;
		}
	
		body.woocommerce-account:not(.logged-in) .woocommerce {
			max-width: 52rem;
		}
	
		body.woocommerce-account:not(.logged-in) .u-columns,
		body.woocommerce-account:not(.logged-in) .woocommerce-form-login-register {
			display: grid;
			gap: 1.5rem;
			grid-template-columns: 1fr;
			align-items: start;
		}
	
		@media (min-width: 768px) {
			body.woocommerce-account:not(.logged-in) .u-columns,
			body.woocommerce-account:not(.logged-in) .woocommerce-form-login-register {
				grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
			}
		}
	
		body.woocommerce-account:not(.logged-in) .u-column1,
		body.woocommerce-account:not(.logged-in) .u-column2,
		body.woocommerce-account:not(.logged-in) .col-1,
		body.woocommerce-account:not(.logged-in) .col-2 {
			float: none !important;
			width: 100% !important;
			max-width: 100% !important;
			margin: 0 !important;
			padding: 1.25rem 1.25rem 1.5rem;
			background: rgb(var(--hfj-surface) / 1);
			border: 1px solid rgb(var(--hfj-outline-variant) / 0.5);
			border-radius: 0.75rem;
			box-shadow: 0 1px 3px rgb(17 24 39 / 0.05);
		}
	
		body.woocommerce-account:not(.logged-in) .woocommerce-form-login h2,
		body.woocommerce-account:not(.logged-in) .woocommerce-form-register h2 {
			margin-top: 0;
			margin-bottom: 0.75rem;
			color: rgb(var(--hfj-primary) / 1);
			font-size: clamp(1.5rem, 2.4vw, 1.875rem);
			font-weight: 700;
			line-height: 1.2;
			letter-spacing: -0.02em;
		}

		body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-row:has(#rememberme),
		body.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row:has(#rememberme) {
			display: flex;			
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.75rem;
    justify-content: flex-end;
		}

		body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form__label-for-checkbox {
			display: inline-flex;
			align-items: center;
			gap: 0.5rem;
			margin: 0;
			cursor: pointer;
			font-weight: 600;
			font-size: 0.875rem;
			color: rgb(var(--hfj-on-surface) / 1);
		}

		body.woocommerce-account:not(.logged-in) .woocommerce-form-login input#rememberme,
		body.woocommerce-account:not(.logged-in) .woocommerce-form-login input[name="rememberme"] {
			width: 1.125rem;
			height: 1.125rem;
			margin: 0;
			flex-shrink: 0;
			accent-color: rgb(var(--hfj-primary) / 1);
			vertical-align: middle;
		}

		body.woocommerce-account:not(.logged-in) .woocommerce-form-login .lost_password,
		body.woocommerce-account:not(.logged-in) .woocommerce-form-register .lost_password {
			margin: 0.5rem 0 0;
			padding: 0;
		}

		body.woocommerce-account:not(.logged-in) .woocommerce-form-login .lost_password a,
		body.woocommerce-account:not(.logged-in) .woocommerce-form-register .lost_password a {
			color: rgb(var(--hfj-primary) / 1);
			font-weight: 600;
			font-size: 0.875rem;
			text-decoration: underline;
			text-underline-offset: 0.18em;
			text-decoration-thickness: 1px;
			transition: color 0.15s ease, text-decoration-color 0.15s ease;
		}

		body.woocommerce-account:not(.logged-in) .woocommerce-form-login .lost_password a:hover,
		body.woocommerce-account:not(.logged-in) .woocommerce-form-register .lost_password a:hover {
			color: color-mix(in srgb, rgb(var(--hfj-primary) / 1) 68%, #020617);
			text-decoration-color: color-mix(in srgb, rgb(var(--hfj-primary) / 1) 68%, #020617);
		}
	
		body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
		body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
			border-radius: 0.5rem;
			margin-bottom: 1rem;
		}
	.summary.entry-summary h1,
	.woocommerce div.product .product_title{
		padding:0 !important;
	}

/* Keep all WooCommerce page H1 headings visually consistent. */
body.woocommerce-page h1,
body.woocommerce h1,
body.post-type-archive-product h1.page-title,
body.tax-product_cat h1.page-title,
body.tax-product_tag h1.page-title{
	font-size: clamp(1.75rem, 4.6vw, 2.5rem) !important;
	line-height: 1.15 !important;
}
body.single-product .summary .product_title {
	font-size:30px;
	line-height:36px;
}
.woocommerce-result-count{
	display:block;
	width:100%;
	margin-bottom:20px;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering,
.woocommerce-account .addresses .title .edit{
	float:unset;
}
.woocommerce div.product form.cart{
	max-width:250px;
	width:100%;
}
.single-product .woocommerce-breadcrumb,
main .max-w-container-max{
	margin-top:60px !important;
}
.home .max-w-container-max{
	margin-top:0px !important;
}
.single-product .woocommerce-breadcrumb h1,
.woocommerce-shop .max-w-container-max h1{
	margin-bottom:22px;
}
.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before{
	content:none !important;
}
.woocommerce-Address-title:before,
.woocommerce-Address-title:after,
.woocommerce-account .addresses .title::after, 
.woocommerce-account .addresses .title::before{
	display:none;
}
.woocommerce-MyAccount-content .woocommerce-info::before{
	color:rgb(var(--hfj-primary) / 1) !important;
}
.woocommerce-MyAccount-content .woocommerce-info{
	border-top:1px solid rgb(var(--hfj-primary) / 1) !important;
}
.woocommerce-page main.py-24{
	padding:0 !important;
}
@media (max-width: 767.98px) {
	.woocommerce-page header img{
		max-width:138px;
		width:100%;
	}
	.woocommerce-page footer img{
		max-width:175px;
		width:100%;
	}
	.hfj-wc-account-main{
		padding:50px 0;
	}
		.reveal .absolute.inset-0.bg-secondary-container/10,
	.bg-secondary-container\/10{
	display:none !important;
}
	footer{
		padding-bottom:50px !important;
	}
}
.woocommerce .woocommerce-customer-details address{
	padding:0 !important;
	border:none !important;
}
.woocommerce header + div.max-w-container-max,
.woocommerce #hfj-page-content{
	padding-top:60px;
}
.added_to_cart.wc-forward{
	display:none;
}
.hfj-wc-account-main{
	padding-top:0 !important;
}
.woocommerce-account h1{
	display:none;
}
.woocommerce-account.woocommerce-dashboard h1{
	display:block;
}
.hfj-wc-account-main  h2{
	font-size:30px;
	line-height:36px;
	color:rgb(var(--hfj-primary)/var(--tw-bg-opacity,1));
}
#customer_login:before,
#customer_login:after,
.u-columns:before,
.u-columns:after{
	content:none !important;
}
.woocommerce-info {
    border-top-color:rgb(var(--hfj-primary)/var(--tw-bg-opacity,1)) !important;
}
.woocommerce-info::before{
	color:rgb(var(--hfj-primary)/var(--tw-bg-opacity,1)) !important;
}
body.woocommerce-account:not(.logged-in) .u-columns, 
body.woocommerce-account:not(.logged-in) .woocommerce-form-login-register{	
        justify-content: center;
        align-items: center;
        height: 100%;
}
body.woocommerce-account:not(.logged-in) .u-column1{
	height:100%;
}

.woocommerce .button.woocommerce-form-register__submit{
	margin-top:16px;
}
.woocommerce-page #hfj-page-content main.py-6 .max-w-container-max,
.woocommerce-page #hfj-page-content main.py-6 .max-w-container-max .woocommerce-breadcrumb{
	padding-top:0 !important;
	margin-top:0 !important;
}
.woocommerce-page .woocommerce-error .button{
	color:#ffffff;
	text-decoration:none;
}
#add_payment_method #payment div.payment_box::before{
	content:none !important;
}
#add_payment_method #payment{
	background-color:transparent !important;
}
.Input:focus, .p-Input--focused,
.woocommerce-add-payment-method select:focus,
.woocommerce-add-payment-method .Input:focus, 
.woocommerce-add-payment-method .p-Input--focused {
    outline:rgb(var(--hfj-primary)/var(--tw-bg-opacity,1)) !important;
    border-color: rgb(var(--hfj-primary)/var(--tw-bg-opacity,1)) !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), rgb(var(--hfj-primary)/var(--tw-bg-opacity,0.6)) !important;
}
#shipping-country{
	max-width:100% !important;
}
@media (max-width: 767.98px) {
	.woocommerce header + div.max-w-container-max,
	#hfj-page-content{
		padding-top:40px;
	}
	main .max-w-container-max {
    margin-top: 20px !important;
}
		body.woocommerce-account .woocommerce-MyAccount-content .button.alt, 
	body.woocommerce-account .woocommerce-MyAccount-content a.button.alt{		
    font-size: 12.5px;
    padding: 8px;
	}
	body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation, 
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
		padding:10px;
	}
	.woocommerce table.shop_table_responsive tr td::before, 
	.woocommerce-page table.shop_table_responsive tr td::before,
	body.woocommerce-account .woocommerce-MyAccount-content p{
		 font-size: 12.5px;
	}
	.woocommerce .woocommerce-customer-details address{
		font-size: 13.5px;
	}
	
	.woocommerce-order-received ul.woocommerce-order-overview {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
 .woocommerce-page table.shop_table_responsive tr td.woocommerce-PaymentMethod.woocommerce-PaymentMethod--actions.payment-method-actions::before{
	content: attr(data-title) " " !important;
		display:none !important;
	}
	#drawer-panel .drawer-nav-section.is-drawer-active, 
	#drawer-panel .drawer-nav-section.is-nav-active{
		
    border-left-color: rgb(var(--hfj-primary) / 1);
		border-left:none !important;
	}
}

.wc-block-checkout__no-payment-methods-notice.wc-block-components-notice-banner.is-error{
  display: none !important;
}