/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.9
	Stable tag: 3.4.9
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/



/* ==========================================================
   VALRON — LUXURY WOOCOMMERCE CHECKOUT
   Theme: Hello Elementor
   Checkout: Classic WooCommerce
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap');


/* ==========================================================
   CHECKOUT DESIGN TOKENS
   ========================================================== */

body.woocommerce-checkout {

	--vc-ink: #151411;
	--vc-muted: #777066;

	--vc-beige: #e8dac8;
	--vc-beige-deep: #d2bfa8;

	--vc-ivory: #fbf8f2;
	--vc-white: #ffffff;

	--vc-line: rgba(21, 20, 17, 0.14);
	--vc-line-strong: rgba(21, 20, 17, 0.24);

	--vc-glass: rgba(255, 255, 255, 0.58);

	--vc-error: #a33b32;
	--vc-success: #52664a;

	margin: 0;

	background:
		radial-gradient(
			circle at 8% 6%,
			rgba(255, 255, 255, .98) 0 9%,
			transparent 32%
		),

		radial-gradient(
			circle at 91% 10%,
			rgba(232, 218, 200, .52) 0 11%,
			transparent 35%
		),

		linear-gradient(
			135deg,
			#fbf8f2 0%,
			#f5eee5 46%,
			#fffdf9 100%
		);

	color: var(--vc-ink);

	font-family: "Raleway", sans-serif;
}



/* ==========================================================
   BASIC RESET
   ========================================================== */

body.woocommerce-checkout *,
body.woocommerce-checkout *::before,
body.woocommerce-checkout *::after {
	box-sizing: border-box;
}


body.woocommerce-checkout input,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout button {
	font-family: "Raleway", sans-serif;
}


/* Elementor / Hello containers */

body.woocommerce-checkout .site-main,
body.woocommerce-checkout main,
body.woocommerce-checkout .page-content,
body.woocommerce-checkout .entry-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}


/* Remove default title if Elementor / WP outputs another Checkout heading */

body.woocommerce-checkout
.entry-title {
	max-width: 1380px;

	margin:
		38px
		auto
		0;

	padding:
		0
		clamp(18px, 3vw, 48px);

	color: var(--vc-ink);

	font-size: clamp(28px, 3vw, 44px);
	font-weight: 500;

	letter-spacing: -.045em;
}


/* ==========================================================
   MAIN PAGE
   ========================================================== */

.np-checkout-page {

	position: relative;

	width: 100%;

	padding:
		clamp(55px, 6vw, 100px)
		clamp(18px, 3vw, 48px)
		clamp(80px, 8vw, 140px);

	overflow: hidden;

	isolation: isolate;
}


/* subtle large VALRON watermark */

.np-checkout-page::before {

	content: "VALRON";

	position: absolute;

	top: 190px;
	right: -1vw;

	z-index: -2;

	color: rgba(21, 20, 17, .025);

	font-size: clamp(110px, 17vw, 300px);
	font-weight: 800;

	line-height: .75;

	letter-spacing: -.085em;

	pointer-events: none;
	user-select: none;
}


.np-checkout-page::after {

	content: "";

	position: absolute;

	width: min(680px, 65vw);
	aspect-ratio: 1;

	right: -12%;
	top: 12%;

	z-index: -3;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(255,255,255,.72),
			rgba(232,218,200,.24) 45%,
			transparent 72%
		);

	filter: blur(60px);

	pointer-events: none;
}


.np-checkout-container {

	width: min(100%, 1380px);

	margin: 0 auto;
}


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

.np-checkout-header {

	display: grid;

	grid-template-columns:
		minmax(0, 1fr)
		auto;

	align-items: end;

	gap: 40px;

	padding-bottom:
		clamp(24px, 3vw, 42px);

	border-bottom:
		1px solid var(--vc-line);
}


.np-checkout-header__content {
	max-width: 820px;
}


.np-checkout-eyebrow {

	display: inline-flex;

	align-items: center;

	gap: 13px;

	margin: 0 0 20px;

	color: var(--vc-muted);

	font-size: 9px;
	font-weight: 700;

	line-height: 1;

	letter-spacing: .22em;

	text-transform: uppercase;
}


.np-checkout-eyebrow::before {

	content: "";

	width: 38px;
	height: 1px;

	background: currentColor;
}


.np-checkout-title {

	max-width: 820px;

	margin: 0 !important;

	color: var(--vc-ink);

	font-size:
		clamp(45px, 5vw, 78px) !important;

	font-weight: 500 !important;

	line-height: .95;

	letter-spacing: -.065em;
}


.np-checkout-subtitle {

	max-width: 550px;

	margin:
		20px
		0
		0;

	color: var(--vc-muted);

	font-size:
		clamp(12px, .95vw, 14px);

	font-weight: 400;

	line-height: 1.75;
}


.np-checkout-secure {

	display: inline-flex;

	align-items: center;

	gap: 10px;

	padding-bottom: 8px;

	color: var(--vc-muted);

	font-size: 9px;
	font-weight: 700;

	letter-spacing: .16em;

	text-transform: uppercase;

	white-space: nowrap;
}


.np-checkout-secure__icon {

	display: grid;

	width: 36px;
	height: 36px;

	place-items: center;

	border:
		1px solid var(--vc-line);

	border-radius: 50%;

	color: var(--vc-ink);

	background:
		rgba(255,255,255,.35);
}


/* ==========================================================
   CHECKOUT PROGRESS
   ========================================================== */

.np-checkout-progress {

	display: flex;

	align-items: center;

	width: min(100%, 650px);

	margin:
		clamp(30px, 4vw, 48px)
		0
		clamp(45px, 5vw, 72px);
}


.np-checkout-progress__item {

	display: flex;

	align-items: center;

	gap: 9px;

	flex-shrink: 0;

	color: rgba(21,20,17,.38);
}


.np-checkout-progress__number {

	width: 30px;
	height: 30px;

	display: grid;

	place-items: center;

	border:
		1px solid var(--vc-line-strong);

	border-radius: 50%;

	font-size: 9px;

	font-weight: 700;
}


.np-checkout-progress__label {

	font-size: 8px;

	font-weight: 700;

	letter-spacing: .17em;

	text-transform: uppercase;
}


.np-checkout-progress__line {

	flex: 1;

	min-width: 30px;

	height: 1px;

	margin: 0 15px;

	background:
		var(--vc-line);
}


.np-checkout-progress__item.is-active,
.np-checkout-progress__item.is-complete {
	color: var(--vc-ink);
}


.np-checkout-progress__item.is-active
.np-checkout-progress__number {

	background: var(--vc-ink);

	color: #fff;

	border-color: var(--vc-ink);
}


.np-checkout-progress__item.is-complete
.np-checkout-progress__number {

	background: var(--vc-ink);

	color: #fff;

	border-color: var(--vc-ink);
}


/* ==========================================================
   MAIN GRID
   ========================================================== */

.np-checkout-grid {

	display: grid;

	grid-template-columns:
		minmax(0, 1.28fr)
		minmax(390px, .72fr);

	gap:
		clamp(42px, 5vw, 84px);

	align-items: start;
}


.np-checkout-main,
.np-checkout-sidebar {
	min-width: 0;
}


/* ==========================================================
   WOOCOMMERCE DEFAULT COLUMN RESET
   ========================================================== */

.woocommerce-checkout .col2-set {

	width: 100% !important;

	float: none !important;
}


.woocommerce-checkout
.col2-set .col-1,

.woocommerce-checkout
.col2-set .col-2 {

	width: 100% !important;

	max-width: none !important;

	float: none !important;

	padding: 0 !important;
}


/* ==========================================================
   CUSTOMER DETAILS CARD
   ========================================================== */

.np-checkout-card {

	position: relative;

	border:
		1px solid rgba(21,20,17,.12);

	background:
		rgba(255,255,255,.62);

	backdrop-filter:
		blur(20px);

	-webkit-backdrop-filter:
		blur(20px);
}


.np-customer-card {

	padding:
		clamp(24px, 3vw, 42px);

	box-shadow:
		0 30px 80px rgba(91,72,51,.07),

		inset
		0
		1px
		0
		rgba(255,255,255,.85);
}


.np-checkout-card__header {

	display: flex;

	align-items: flex-start;

	gap: 18px;

	margin-bottom:
		clamp(28px, 3vw, 40px);

	padding-bottom:
		clamp(22px, 2vw, 30px);

	border-bottom:
		1px solid var(--vc-line);
}


.np-checkout-card__step {

	width: 42px;
	height: 42px;

	display: grid;

	flex-shrink: 0;

	place-items: center;

	border-radius: 50%;

	background: var(--vc-ink);

	color: #fff;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .12em;
}


.np-checkout-card__title {

	margin: 0 !important;

	color: var(--vc-ink);

	font-size:
		clamp(20px, 2vw, 26px) !important;

	font-weight: 500 !important;

	line-height: 1.1;

	letter-spacing: -.035em;
}


.np-checkout-card__description {

	margin: 8px 0 0;

	color: var(--vc-muted);

	font-size: 11px;

	line-height: 1.65;
}


/* ==========================================================
   BILLING HEADINGS
   ========================================================== */

.woocommerce-checkout
.woocommerce-billing-fields > h3,

.woocommerce-checkout
.woocommerce-shipping-fields > h3,

.woocommerce-checkout
.woocommerce-additional-fields > h3 {

	margin:
		0
		0
		25px !important;

	color: var(--vc-ink);

	font-size: 9px !important;

	font-weight: 700 !important;

	letter-spacing: .18em;

	text-transform: uppercase;
}


.woocommerce-shipping-fields {
	margin-top: 32px;
}


.woocommerce-additional-fields {
	margin-top: 32px;
}


/* ==========================================================
   BILLING FIELD GRID
   ========================================================== */

.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper,

.woocommerce-checkout
.woocommerce-shipping-fields__field-wrapper {

	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap:
		0
		18px;
}


/* full width */

#billing_company_field,
#billing_country_field,
#billing_address_1_field,
#billing_address_2_field,
#billing_phone_field,
#billing_email_field,

#shipping_company_field,
#shipping_country_field,
#shipping_address_1_field,
#shipping_address_2_field {

	grid-column: 1 / -1;
}


/* ==========================================================
   FORM ROW
   ========================================================== */

.woocommerce-checkout
.form-row {

	width: 100% !important;

	margin:
		0
		0
		20px !important;

	padding: 0 !important;

	float: none !important;
}


/* labels */

.woocommerce-checkout
.form-row label {

	display: block !important;

	margin:
		0
		0
		8px !important;

	color: var(--vc-muted);

	font-size: 8px !important;

	font-weight: 700 !important;

	line-height: 1;

	letter-spacing: .16em;

	text-transform: uppercase;
}


.woocommerce-checkout
.form-row label .required {

	color: var(--vc-ink);

	text-decoration: none;
}


/* ==========================================================
   INPUTS
   ========================================================== */

.woocommerce-checkout
input.input-text,

.woocommerce-checkout
textarea,

.woocommerce-checkout
select {

	width: 100% !important;

	min-height: 52px;

	margin: 0;

	padding:
		0
		15px !important;

	border:
		1px solid rgba(21,20,17,.18) !important;

	border-radius: 0 !important;

	outline: 0;

	background:
		rgba(255,255,255,.58) !important;

	box-shadow: none !important;

	color: var(--vc-ink) !important;

	font-size: 12px !important;

	font-weight: 500;

	transition:
		border-color .25s ease,
		background .25s ease,
		box-shadow .25s ease;
}


.woocommerce-checkout textarea {

	min-height: 120px;

	padding:
		15px !important;

	line-height: 1.7;

	resize: vertical;
}


.woocommerce-checkout
input.input-text:hover,

.woocommerce-checkout
textarea:hover,

.woocommerce-checkout
select:hover {

	border-color:
		rgba(21,20,17,.32) !important;
}


.woocommerce-checkout
input.input-text:focus,

.woocommerce-checkout
textarea:focus,

.woocommerce-checkout
select:focus {

	border-color:
		var(--vc-ink) !important;

	background:
		#fff !important;

	box-shadow:
		0
		0
		0
		1px
		var(--vc-ink) !important;
}


.woocommerce-checkout
input::placeholder,

.woocommerce-checkout
textarea::placeholder {

	color:
		rgba(119,112,102,.55);
}


/* ==========================================================
   SELECT2
   ========================================================== */

.woocommerce-checkout
.select2-container {

	width: 100% !important;
}


.woocommerce-checkout
.select2-container
.select2-selection--single {

	height: 52px !important;

	border:
		1px solid rgba(21,20,17,.18) !important;

	border-radius: 0 !important;

	background:
		rgba(255,255,255,.58) !important;
}


.woocommerce-checkout
.select2-container
.select2-selection--single
.select2-selection__rendered {

	padding-left: 15px !important;

	padding-right: 42px !important;

	color: var(--vc-ink);

	font-size: 12px;

	font-weight: 500;

	line-height: 50px !important;
}


.woocommerce-checkout
.select2-container
.select2-selection--single
.select2-selection__arrow {

	top: 0 !important;

	right: 10px !important;

	height: 50px !important;
}


/* ==========================================================
   DIFFERENT SHIPPING ADDRESS
   ========================================================== */

#ship-to-different-address {

	margin:
		6px
		0
		25px !important;
}


#ship-to-different-address label {

	display: flex !important;

	align-items: center;

	gap: 10px;

	margin: 0 !important;

	cursor: pointer;

	color: var(--vc-ink);

	font-size: 10px !important;

	font-weight: 600 !important;

	letter-spacing: .03em;

	text-transform: none;
}


#ship-to-different-address-checkbox {

	width: 16px;

	height: 16px;

	margin: 0;

	accent-color:
		var(--vc-ink);
}


/* ==========================================================
   HELP CARD
   ========================================================== */

.np-checkout-help {

	display: flex;

	align-items: flex-start;

	gap: 15px;

	margin-top: 17px;

	padding:
		22px
		24px;

	border:
		1px solid var(--vc-line);

	background:
		rgba(232,218,200,.27);
}


.np-checkout-help__icon {

	display: grid;

	width: 38px;
	height: 38px;

	flex-shrink: 0;

	place-items: center;

	border:
		1px solid var(--vc-line);

	border-radius: 50%;
}


.np-checkout-help strong {

	display: block;

	margin-bottom: 5px;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: .05em;
}


.np-checkout-help p {

	margin: 0;

	color: var(--vc-muted);

	font-size: 10px;

	line-height: 1.65;
}


/* ==========================================================
   ORDER SIDEBAR
   ========================================================== */

.np-checkout-sidebar__sticky {

	position: sticky;

	top: 32px;
}


.np-order-card {

	overflow: hidden;

	border:
		1px solid rgba(21,20,17,.16);

	background:
		rgba(255,255,255,.68);

	box-shadow:
		0
		34px
		80px
		rgba(91,72,51,.10);
}


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

.np-order-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 20px;

	margin: 0;

	padding:
		26px
		28px;

	border: 0;

	background: var(--vc-ink);

	color: #fff;
}


.np-order-eyebrow {

	display: block;

	margin-bottom: 7px;

	color:
		rgba(255,255,255,.56);

	font-size: 8px;

	font-weight: 700;

	letter-spacing: .2em;

	text-transform: uppercase;
}


.np-order-title {

	margin: 0 !important;

	color: #fff !important;

	font-size:
		25px !important;

	font-weight:
		500 !important;

	line-height: 1;

	letter-spacing:
		-.04em;
}


.np-order-bag {

	display: grid;

	width: 42px;
	height: 42px;

	place-items: center;

	border:
		1px solid rgba(255,255,255,.25);

	border-radius: 50%;
}


/* ==========================================================
   ORDER CONTENT
   ========================================================== */

.np-order-review {

	padding:
		28px;
}


/* ==========================================================
   ORDER TABLE
   ========================================================== */

.woocommerce-checkout-review-order-table {

	width: 100% !important;

	margin: 0 0 26px !important;

	border: 0 !important;

	border-collapse: collapse !important;

	background: transparent !important;
}


.woocommerce-checkout-review-order-table
th,

.woocommerce-checkout-review-order-table
td {

	padding:
		14px
		0 !important;

	border: 0 !important;

	border-bottom:
		1px solid var(--vc-line) !important;

	background:
		transparent !important;

	color: var(--vc-ink);

	font-size: 11px;

	vertical-align: middle;
}


.woocommerce-checkout-review-order-table
thead th {

	padding-top: 0 !important;

	color: var(--vc-muted);

	font-size: 8px;

	font-weight: 700;

	letter-spacing: .17em;

	text-transform: uppercase;
}


.woocommerce-checkout-review-order-table
th:last-child,

.woocommerce-checkout-review-order-table
td:last-child {

	text-align: right;
}


.woocommerce-checkout-review-order-table
.product-name {

	font-weight: 600;
}


.woocommerce-checkout-review-order-table
.product-quantity {

	color:
		var(--vc-muted);

	font-weight: 400;
}


.woocommerce-checkout-review-order-table
.cart-subtotal th,

.woocommerce-checkout-review-order-table
.cart-subtotal td,

.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals th,

.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals td {

	color: var(--vc-muted);
}


.woocommerce-checkout-review-order-table
.order-total th,

.woocommerce-checkout-review-order-table
.order-total td {

	padding-top:
		22px !important;

	padding-bottom:
		5px !important;

	border-bottom:
		0 !important;

	color:
		var(--vc-ink);

	font-size:
		17px !important;

	font-weight:
		700 !important;
}


/* ==========================================================
   SHIPPING METHODS
   ========================================================== */

.woocommerce-checkout
#shipping_method {

	margin: 0;

	padding: 0;

	list-style: none;
}


.woocommerce-checkout
#shipping_method li {

	margin:
		5px
		0 !important;

	font-size: 10px;

	line-height: 1.5;
}


.woocommerce-checkout
#shipping_method input {

	accent-color:
		var(--vc-ink);
}


/* ==========================================================
   PAYMENT
   ========================================================== */

#payment {

	margin:
		28px
		0
		0 !important;

	border: 0 !important;

	border-radius: 0 !important;

	background:
		transparent !important;
}


#payment
ul.payment_methods {

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	list-style: none;
}


#payment
ul.payment_methods li {

	position: relative;

	margin:
		0
		0
		10px !important;

	padding:
		17px
		16px !important;

	border:
		1px solid var(--vc-line);

	background:
		rgba(255,255,255,.58);

	transition:
		border-color .25s ease,
		background .25s ease;
}


#payment
ul.payment_methods li:hover {

	border-color:
		var(--vc-ink);

	background: #fff;
}


#payment
ul.payment_methods li > input {

	margin:
		0
		9px
		0
		0 !important;

	accent-color:
		var(--vc-ink);
}


#payment
ul.payment_methods li label {

	color:
		var(--vc-ink);

	font-size:
		10px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.03em;
}


/* payment description */

#payment
div.payment_box {

	margin:
		15px
		-16px
		-17px !important;

	padding:
		16px !important;

	border-radius:
		0 !important;

	background:
		rgba(232,218,200,.32) !important;

	color:
		var(--vc-muted) !important;

	font-size:
		10px !important;

	line-height:
		1.65;
}


#payment
div.payment_box::before {

	display: none !important;
}


/* ==========================================================
   PRIVACY
   ========================================================== */

.woocommerce-privacy-policy-text,

.woocommerce-terms-and-conditions-wrapper {

	color:
		var(--vc-muted);

	font-size:
		9px !important;

	line-height:
		1.7 !important;
}


.woocommerce-privacy-policy-text a,

.woocommerce-terms-and-conditions-wrapper a {

	color:
		var(--vc-ink);

	text-decoration:
		underline;

	text-underline-offset:
		3px;
}


/* ==========================================================
   PLACE ORDER BUTTON
   ========================================================== */

#payment
.place-order {

	margin:
		22px
		0
		0 !important;

	padding:
		0 !important;
}


#place_order {

	position: relative;

	width:
		100% !important;

	min-height:
		58px;

	display:
		flex !important;

	align-items:
		center;

	justify-content:
		center;

	float:
		none !important;

	margin:
		0 !important;

	padding:
		16px
		26px !important;

	overflow:
		hidden;

	border:
		1px solid
		var(--vc-ink) !important;

	border-radius:
		0 !important;

	background:
		var(--vc-ink) !important;

	box-shadow:
		0
		18px
		42px
		rgba(21,20,17,.16);

	color:
		#fff !important;

	font-size:
		9px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.18em !important;

	text-transform:
		uppercase;

	transition:
		transform .28s ease,
		box-shadow .28s ease,
		background .28s ease,
		color .28s ease;
}


#place_order:hover {

	transform:
		translateY(-2px);

	background:
		#2a2823 !important;

	box-shadow:
		0
		24px
		52px
		rgba(21,20,17,.22);
}


#place_order:active {

	transform:
		translateY(0);
}


/* ==========================================================
   TRUST BAR
   ========================================================== */

.np-checkout-trust {

	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	margin-top: 12px;

	border:
		1px solid var(--vc-line);

	background:
		rgba(255,255,255,.42);
}


.np-checkout-trust__item {

	min-height: 72px;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	gap: 7px;

	padding:
		10px;

	color:
		var(--vc-muted);

	text-align:
		center;

	font-size:
		7px;

	font-weight:
		700;

	letter-spacing:
		.13em;

	text-transform:
		uppercase;
}


.np-checkout-trust__item
+
.np-checkout-trust__item {

	border-left:
		1px solid var(--vc-line);
}


.np-checkout-trust__icon {

	display: grid;

	place-items: center;

	color:
		var(--vc-ink);
}


/* ==========================================================
   COUPON + LOGIN
   ========================================================== */

.woocommerce-form-coupon-toggle,

.woocommerce-form-login-toggle {

	width:
		min(
			calc(100% - 36px),
			1380px
		);

	margin:
		20px
		auto
		0;
}


body.woocommerce-checkout
.woocommerce-info {

	margin:
		0 !important;

	padding:
		14px
		18px !important;

	border:
		1px solid var(--vc-line) !important;

	border-top:
		1px solid var(--vc-line) !important;

	background:
		rgba(255,255,255,.46) !important;

	color:
		var(--vc-muted) !important;

	font-size:
		9px !important;

	line-height:
		1.6;

	letter-spacing:
		.02em;
}


.woocommerce-info::before {

	display:
		none !important;
}


.woocommerce-info a {

	color:
		var(--vc-ink) !important;

	font-weight:
		700;

	text-decoration:
		none;
}


/* coupon form */

form.checkout_coupon {

	width:
		min(
			calc(100% - 36px),
			1380px
		);

	margin:
		12px
		auto
		30px !important;

	padding:
		22px !important;

	border:
		1px solid var(--vc-line) !important;

	background:
		rgba(255,255,255,.62) !important;
}


form.checkout_coupon
.button {

	min-height:
		50px;

	padding:
		0
		24px !important;

	border:
		1px solid var(--vc-ink) !important;

	border-radius:
		0 !important;

	background:
		var(--vc-ink) !important;

	color:
		#fff !important;

	font-size:
		8px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.15em;

	text-transform:
		uppercase;
}


/* ==========================================================
   WOOCOMMERCE ERRORS
   ========================================================== */

body.woocommerce-checkout
.woocommerce-error {

	margin:
		0
		0
		28px !important;

	padding:
		17px
		20px
		17px
		42px !important;

	border:
		1px solid
		rgba(163,59,50,.28) !important;

	border-top:
		1px solid
		rgba(163,59,50,.28) !important;

	background:
		rgba(255,245,244,.82) !important;

	color:
		var(--vc-error) !important;

	font-size:
		10px !important;

	line-height:
		1.6;
}


/* ==========================================================
   VALIDATION
   ========================================================== */

.woocommerce-checkout
.woocommerce-invalid
input.input-text,

.woocommerce-checkout
.woocommerce-invalid
.select2-selection {

	border-color:
		var(--vc-error) !important;
}


.woocommerce-checkout
.woocommerce-validated
input.input-text {

	border-color:
		rgba(82,102,74,.65) !important;
}


/* ==========================================================
   LOADING OVERLAY
   ========================================================== */

.woocommerce
.blockUI.blockOverlay {

	background:
		rgba(251,248,242,.78) !important;

	opacity:
		1 !important;

	backdrop-filter:
		blur(4px);
}


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

@media (max-width: 1050px) {

	.np-checkout-grid {

		grid-template-columns:
			1fr;

		gap:
			32px;
	}


	.np-checkout-sidebar {

		width:
			100%;

		max-width:
			700px;
	}


	.np-checkout-sidebar__sticky {

		position:
			static;
	}

}


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

@media (max-width: 767px) {

	.np-checkout-page {

		padding:
			42px
			15px
			70px;
	}


	.np-checkout-page::before {

		top:
			120px;

		right:
			-25px;

		font-size:
			110px;
	}


	.np-checkout-header {

		grid-template-columns:
			1fr;

		gap:
			20px;
	}


	.np-checkout-title {

		font-size:
			clamp(40px, 12vw, 58px) !important;
	}


	.np-checkout-subtitle {

		max-width:
			440px;

		font-size:
			12px;
	}


	.np-checkout-secure {

		padding:
			0;
	}


	.np-checkout-progress {

		margin:
			30px
			0
			38px;
	}


	.np-checkout-progress__label {

		display:
			none;
	}


	.np-checkout-progress__line {

		margin:
			0
			10px;
	}


	.np-customer-card {

		padding:
			22px
			16px;
	}


	.np-checkout-card__header {

		gap:
			12px;
	}


	.np-checkout-card__step {

		width:
			34px;

		height:
			34px;
	}


	.np-checkout-card__title {

		font-size:
			18px !important;
	}


	.woocommerce-checkout
	.woocommerce-billing-fields__field-wrapper,

	.woocommerce-checkout
	.woocommerce-shipping-fields__field-wrapper {

		display:
			block;
	}


	.np-order-header {

		padding:
			23px
			20px;
	}


	.np-order-review {

		padding:
			22px
			18px;
	}


	.np-checkout-trust {

		grid-template-columns:
			1fr;
	}


	.np-checkout-trust__item {

		min-height:
			52px;

		flex-direction:
			row;
	}


	.np-checkout-trust__item
	+
	.np-checkout-trust__item {

		border-top:
			1px solid var(--vc-line);

		border-left:
			0;
	}

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 420px) {

	.np-checkout-page {

		padding-left:
			11px;

		padding-right:
			11px;
	}


	.np-checkout-title {

		font-size:
			38px !important;
	}


	.np-checkout-card__description {

		font-size:
			10px;
	}


	.woocommerce-checkout
	input.input-text,

	.woocommerce-checkout
	textarea,

	.woocommerce-checkout
	select {

		font-size:
			11px !important;
	}

}



/* ==========================================================
   VALRON — CART V4
   Compact 90VH Luxury Cart
   Custom cart.php / vcp-* markup only

   Desktop:
   - Full width
   - ~90vh contained experience
   - Internal cart item scrolling if needed

   Mobile:
   - Natural document height
   ========================================================== */


/* ==========================================================
   01. CART TOKENS
   ========================================================== */

body.woocommerce-cart {

	--v-ink: #151411;
	--v-ink-2: #292722;

	--v-muted: #777066;
	--v-muted-soft: #9a938a;

	--v-beige: #e8dac8;
	--v-beige-deep: #d3bea4;

	--v-ivory: #fbf8f2;
	--v-cream: #f2e6d7;
	--v-white: #ffffff;

	--v-line: rgba(21,20,17,.12);
	--v-line-medium: rgba(21,20,17,.20);
	--v-line-dark: rgba(21,20,17,.32);

	--v-shadow:
		0 18px 50px rgba(71,53,35,.08);

	--v-shadow-large:
		0 30px 75px rgba(71,53,35,.12);

	margin: 0;

	background:
		linear-gradient(
			135deg,
			#fbf8f2 0%,
			#f1e4d4 47%,
			#fffdf9 100%
		);

	color: var(--v-ink);

	font-family: "Raleway", sans-serif;
}


/* ==========================================================
   02. RESET
   ========================================================== */

body.woocommerce-cart *,
body.woocommerce-cart *::before,
body.woocommerce-cart *::after {
	box-sizing: border-box;
}


body.woocommerce-cart input,
body.woocommerce-cart button,
body.woocommerce-cart select,
body.woocommerce-cart textarea {
	font-family: inherit;
}


body.woocommerce-cart main,
body.woocommerce-cart .site-main,
body.woocommerce-cart .page-content,
body.woocommerce-cart .entry-content {

	width: 100% !important;

	max-width: none !important;

	margin: 0 !important;

	padding: 0 !important;
}


body.woocommerce-cart .entry-title {
	display: none !important;
}


/* ==========================================================
   03. MAIN CART SECTION
   ========================================================== */

.valron-cart-page {

	position: relative;

	width: 100%;

	height: 90vh;

	min-height: 720px;

	max-height: 980px;

	padding:
		clamp(28px, 2.5vw, 44px)
		clamp(24px, 3.2vw, 62px)
		clamp(28px, 2.5vw, 44px);

	overflow: hidden;

	isolation: isolate;

	background:

		radial-gradient(
			circle at 8% 12%,
			rgba(255,255,255,.98) 0 9%,
			transparent 31%
		),

		radial-gradient(
			circle at 92% 7%,
			rgba(232,218,200,.60) 0 12%,
			transparent 35%
		),

		radial-gradient(
			circle at 68% 94%,
			rgba(255,255,255,.92) 0 13%,
			transparent 38%
		),

		linear-gradient(
			135deg,
			#fbf8f2 0%,
			#efe1d0 48%,
			#fffdf9 100%
		);
}


/* subtle watermark */

.valron-cart-page::before {

	content: "VALRON";

	position: absolute;

	top: 15%;

	right: -3%;

	z-index: -2;

	color:
		rgba(21,20,17,.025);

	font-size:
		clamp(130px, 18vw, 315px);

	font-weight: 800;

	line-height: .72;

	letter-spacing: -.09em;

	pointer-events: none;

	user-select: none;
}


/* ==========================================================
   04. DECORATIVE DIVS FROM CART.PHP
   ========================================================== */

.vcp-mesh {

	position: absolute;

	inset: 0;

	z-index: -5;

	pointer-events: none;

	background:
		linear-gradient(
			90deg,
			rgba(255,255,255,.18),
			transparent 28%,
			rgba(255,255,255,.10)
		);
}


.vcp-glow {

	position: absolute;

	width: 520px;

	aspect-ratio: 1;

	border-radius: 50%;

	filter: blur(85px);

	opacity: .38;

	pointer-events: none;

	z-index: -4;
}


.vcp-glow-one {

	top: -200px;

	left: -200px;

	background:
		rgba(255,255,255,.95);
}


.vcp-glow-two {

	right: -220px;

	bottom: -240px;

	background:
		rgba(211,190,164,.48);
}


/* ==========================================================
   05. SHELL
   ========================================================== */

.vcp-shell {

	position: relative;

	z-index: 2;

	width: 100%;

	max-width: none;

	height: 100%;

	margin: 0 auto;

	display: grid;

	grid-template-rows:
		auto
		auto
		minmax(0,1fr);
}


/* ==========================================================
   06. TOP HEADER
   ========================================================== */

.vcp-header {

	display: grid;

	grid-template-columns:
		minmax(0,1fr)
		auto;

	align-items: center;

	gap: 40px;

	padding:
		0
		0
		clamp(18px,2vw,28px);

	border-bottom:
		1px solid var(--v-line);
}


.vcp-header-copy {

	max-width: 980px;
}


/* eyebrow */

.vcp-eyebrow {

	display: inline-flex;

	align-items: center;

	gap: 12px;

	margin:
		0
		0
		12px;

	color:
		var(--v-muted);

	font-size: 8px;

	font-weight: 700;

	line-height: 1;

	letter-spacing: .22em;

	text-transform: uppercase;
}


.vcp-eyebrow::before {

	content: "";

	width: 38px;

	height: 1px;

	background: currentColor;
}


/* ==========================================================
   07. MAIN TITLE
   ========================================================== */

.vcp-title {

	margin: 0 !important;

	color:
		var(--v-ink);

	font-size:
		clamp(50px,5vw,76px) !important;

	font-weight:
		500 !important;

	line-height:
		.88 !important;

	letter-spacing:
		-.068em !important;
}


.vcp-title span {

	display: inline-block;

	margin-left:
		clamp(12px,2vw,28px);

	color:
		rgba(21,20,17,.42);

	font-weight:
		400;
}


/* description */

.vcp-description {

	max-width: 620px;

	margin:
		15px
		0
		0;

	color:
		var(--v-muted);

	font-size:
		11px;

	font-weight: 400;

	line-height:
		1.7;
}


/* ==========================================================
   08. CART STATUS
   ========================================================== */

.vcp-cart-status {

	min-width: 175px;

	display: flex;

	align-items: center;

	gap: 12px;

	padding:
		12px
		15px;

	border:
		1px solid var(--v-line);

	background:
		rgba(255,255,255,.42);

	backdrop-filter:
		blur(15px);

	-webkit-backdrop-filter:
		blur(15px);
}


.vcp-cart-status-icon {

	width: 40px;

	height: 40px;

	display: grid;

	place-items: center;

	flex-shrink: 0;

	border:
		1px solid var(--v-line);

	border-radius: 50%;
}


.vcp-cart-status-label {

	display: block;

	margin-bottom: 4px;

	color:
		var(--v-muted);

	font-size: 7px;

	font-weight: 700;

	letter-spacing: .14em;

	text-transform: uppercase;
}


.vcp-cart-status strong {

	display: block;

	color:
		var(--v-ink);

	font-size: 10px;

	font-weight: 700;
}


/* ==========================================================
   09. PROGRESS BAR
   ========================================================== */

.vcp-progress {

	display: flex;

	align-items: center;

	width: min(100%, 720px);

	margin:
		18px
		0
		22px;
}


.vcp-progress-item {

	display: flex;

	align-items: center;

	gap: 9px;

	flex-shrink: 0;

	color:
		rgba(21,20,17,.37);
}


.vcp-progress-number {

	width: 30px;

	height: 30px;

	display: grid;

	place-items: center;

	border:
		1px solid var(--v-line-medium);

	border-radius: 50%;

	font-size: 7px;

	font-weight: 700;
}


.vcp-progress-label {

	font-size: 7px;

	font-weight: 700;

	letter-spacing: .15em;

	text-transform: uppercase;
}


.vcp-progress-item.is-active {

	color:
		var(--v-ink);
}


.vcp-progress-item.is-active
.vcp-progress-number {

	background:
		var(--v-ink);

	border-color:
		var(--v-ink);

	color: #fff;
}


.vcp-progress-line {

	flex: 1;

	height: 1px;

	min-width: 35px;

	margin:
		0
		14px;

	background:
		var(--v-line);
}


/* ==========================================================
   10. MAIN CART LAYOUT
   ========================================================== */

.vcp-layout {

	min-height: 0;

	display: grid;

	grid-template-columns:
		minmax(0,1.55fr)
		minmax(360px,.65fr);

	gap:
		clamp(28px,3vw,50px);

	align-items: stretch;
}


.vcp-products,
.vcp-summary {

	min-width: 0;

	min-height: 0;
}


/* ==========================================================
   11. LEFT PRODUCTS AREA
   ========================================================== */

.vcp-products {

	display: flex;

	flex-direction: column;
}


/* heading */

.vcp-section-heading {

	flex: 0 0 auto;

	display: flex;

	align-items: flex-end;

	justify-content: space-between;

	gap: 24px;

	margin-bottom: 15px;
}


.vcp-section-kicker {

	margin:
		0
		0
		5px;

	color:
		var(--v-muted);

	font-size: 7px;

	font-weight: 700;

	letter-spacing: .17em;

	text-transform: uppercase;
}


.vcp-section-heading h2 {

	margin: 0 !important;

	color:
		var(--v-ink);

	font-size:
		clamp(23px,1.9vw,30px) !important;

	font-weight:
		500 !important;

	line-height:
		1 !important;

	letter-spacing:
		-.04em !important;
}


.vcp-continue-shopping {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	color:
		var(--v-ink) !important;

	font-size: 7px;

	font-weight: 700;

	letter-spacing: .14em;

	text-decoration: none !important;

	text-transform: uppercase;
}


.vcp-continue-shopping span {

	font-size: 12px;

	transition:
		transform .25s ease;
}


.vcp-continue-shopping:hover span {

	transform:
		translate(3px,-3px);
}


/* ==========================================================
   12. CART FORM
   Internal scroll if many line-items
   ========================================================== */

.vcp-cart-form {

	min-height: 0;

	flex: 1;

	overflow-y: auto;

	overflow-x: hidden;

	padding-right: 5px;

	scrollbar-width: thin;

	scrollbar-color:
		rgba(21,20,17,.25)
		transparent;
}


.vcp-cart-form::-webkit-scrollbar {

	width: 5px;
}


.vcp-cart-form::-webkit-scrollbar-track {

	background:
		transparent;
}


.vcp-cart-form::-webkit-scrollbar-thumb {

	background:
		rgba(21,20,17,.22);

	border-radius: 10px;
}


/* ==========================================================
   13. TABLE
   ========================================================== */

.vcp-cart-table {

	width: 100% !important;

	margin: 0 !important;

	border: 0 !important;

	border-collapse:
		separate !important;

	border-spacing:
		0
		10px !important;

	background:
		transparent !important;
}


.vcp-cart-table thead {
	display: none !important;
}


/* ==========================================================
   14. PRODUCT CARD
   ========================================================== */

.vcp-cart-table
tr.vcp-cart-item {

	position: relative;

	background:
		rgba(255,255,255,.72);

	backdrop-filter:
		blur(18px);

	-webkit-backdrop-filter:
		blur(18px);

	box-shadow:
		var(--v-shadow);
}


.vcp-cart-table
tr.vcp-cart-item td {

	padding:
		15px
		10px !important;

	border:
		0 !important;

	border-top:
		1px solid var(--v-line) !important;

	border-bottom:
		1px solid var(--v-line) !important;

	background:
		transparent !important;

	vertical-align:
		middle;
}


.vcp-cart-table
tr.vcp-cart-item td:first-child {

	border-left:
		1px solid var(--v-line) !important;
}


.vcp-cart-table
tr.vcp-cart-item td:last-child {

	border-right:
		1px solid var(--v-line) !important;
}


/* ==========================================================
   15. REMOVE
   ========================================================== */

.vcp-cart-table
.product-remove {

	width: 42px;

	text-align: center;
}


.vcp-remove {

	width: 28px !important;

	height: 28px !important;

	display:
		inline-grid !important;

	place-items: center;

	border:
		1px solid var(--v-line-medium) !important;

	border-radius:
		50% !important;

	background:
		transparent !important;

	color:
		var(--v-muted) !important;

	font-size:
		15px !important;

	line-height:
		1 !important;

	text-decoration:
		none !important;

	transition:
		all .25s ease;
}


.vcp-remove:hover {

	background:
		var(--v-ink) !important;

	border-color:
		var(--v-ink) !important;

	color:
		#fff !important;

	transform:
		rotate(8deg);
}


/* ==========================================================
   16. PRODUCT IMAGE
   ========================================================== */

.vcp-cart-table
.product-thumbnail {

	width: 105px;
}


.vcp-product-image {

	width: 88px;

	height: 112px;

	overflow: hidden;

	border:
		1px solid rgba(21,20,17,.08);

	background:
		linear-gradient(
			145deg,
			#efe5d8,
			#faf7f1
		);
}


.vcp-product-image a {

	display: block;

	width: 100%;

	height: 100%;
}


.vcp-product-image img {

	width: 100% !important;

	height: 100% !important;

	display: block;

	margin: 0 !important;

	object-fit: cover;

	transition:
		transform .45s ease;
}


.vcp-product-image:hover img {

	transform:
		scale(1.04);
}


/* ==========================================================
   17. PRODUCT NAME
   ========================================================== */

.vcp-product-information {

	max-width: 270px;
}


.vcp-product-eyebrow {

	display: block;

	margin-bottom: 6px;

	color:
		var(--v-muted);

	font-size: 6px;

	font-weight: 700;

	letter-spacing: .17em;

	text-transform: uppercase;
}


.vcp-product-title {

	margin:
		0
		0
		7px !important;

	font-size:
		clamp(14px,1.1vw,17px) !important;

	font-weight:
		500 !important;

	line-height:
		1.25 !important;

	letter-spacing:
		-.02em !important;
}


.vcp-product-title a {

	color:
		var(--v-ink) !important;

	text-decoration:
		none !important;
}


.vcp-product-meta {

	color:
		var(--v-muted);

	font-size: 8px;

	line-height:
		1.5;
}


.vcp-product-meta dl {

	margin: 0 !important;
}


/* ==========================================================
   18. PRICE
   ========================================================== */

.vcp-cart-table
.product-price,

.vcp-cart-table
.product-subtotal {

	white-space: nowrap;

	text-align: right;
}


.vcp-unit-price {

	color:
		var(--v-muted);

	font-size: 10px;

	font-weight: 600;
}


.vcp-line-total {

	color:
		var(--v-ink);

	font-size: 12px;

	font-weight: 700;
}


/* ==========================================================
   19. QUANTITY
   ========================================================== */

.vcp-cart-table
.product-quantity {

	width: 100px;

	text-align: center;
}


.vcp-quantity
input.qty {

	width: 55px !important;

	height: 40px !important;

	padding:
		0
		7px !important;

	border:
		1px solid var(--v-line-medium) !important;

	border-radius:
		0 !important;

	background:
		rgba(255,255,255,.78) !important;

	box-shadow:
		none !important;

	color:
		var(--v-ink) !important;

	font-size:
		10px !important;

	font-weight:
		600;

	text-align:
		center;
}


.vcp-quantity
input.qty:focus {

	outline: none !important;

	border-color:
		var(--v-ink) !important;
}


.vcp-mobile-label {
	display: none;
}


/* ==========================================================
   20. CART ACTIONS
   ========================================================== */

.vcp-actions-row td {

	padding:
		8px
		0
		0 !important;

	border:
		0 !important;

	background:
		transparent !important;
}


.vcp-actions {

	display: grid;

	grid-template-columns:
		minmax(0,1fr)
		auto;

	gap: 10px;

	align-items: stretch;
}


/* ==========================================================
   21. COUPON
   ========================================================== */

.vcp-coupon {

	display: grid;

	grid-template-columns:
		auto
		minmax(0,1fr);

	align-items: center;

	gap: 15px;

	padding:
		12px
		14px;

	border:
		1px solid var(--v-line);

	background:
		rgba(232,218,200,.28);
}


.vcp-coupon-copy {

	min-width: 120px;
}


.vcp-coupon-kicker {

	display: block;

	margin-bottom: 3px;

	color:
		var(--v-muted);

	font-size: 6px;

	font-weight: 700;

	letter-spacing: .14em;

	text-transform: uppercase;
}


.vcp-coupon-copy strong {

	font-size: 9px;

	font-weight: 600;
}


.vcp-coupon-field {

	display: grid;

	grid-template-columns:
		minmax(0,1fr)
		auto;
}


.vcp-coupon-field
input {

	height: 42px !important;

	margin: 0 !important;

	padding:
		0
		12px !important;

	border:
		1px solid var(--v-line-medium) !important;

	border-right:
		0 !important;

	border-radius:
		0 !important;

	background:
		rgba(255,255,255,.80) !important;

	box-shadow:
		none !important;

	font-size:
		9px !important;
}


.vcp-coupon-button {

	height: 42px !important;

	display:
		inline-flex !important;

	align-items: center;

	justify-content: center;

	gap: 7px;

	padding:
		0
		16px !important;

	border:
		1px solid var(--v-ink) !important;

	border-radius:
		0 !important;

	background:
		var(--v-ink) !important;

	color:
		#fff !important;

	font-size:
		7px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.12em;

	text-transform:
		uppercase;
}


/* ==========================================================
   22. UPDATE BAG
   ========================================================== */

.vcp-update {

	display: flex;
}


.vcp-update-button {

	height: 42px !important;

	min-height: 42px !important;

	padding:
		0
		17px !important;

	border:
		1px solid var(--v-line-medium) !important;

	border-radius:
		0 !important;

	background:
		rgba(255,255,255,.60) !important;

	color:
		var(--v-ink) !important;

	font-size:
		7px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.12em;

	text-transform:
		uppercase;

	transition:
		all .25s ease;
}


.vcp-update-button:not(:disabled):hover {

	background:
		var(--v-ink) !important;

	border-color:
		var(--v-ink) !important;

	color:
		#fff !important;
}


.vcp-update-button:disabled {

	opacity: .38;
}


/* ==========================================================
   23. SUMMARY
   ========================================================== */

.vcp-summary {

	height: 100%;

	overflow: hidden;
}


.vcp-summary-sticky {

	position: static;

	height: 100%;

	display: flex;

	flex-direction: column;
}


.vcp-summary-card {

	flex: 0 0 auto;

	overflow: hidden;

	border:
		1px solid var(--v-line);

	background:
		rgba(255,255,255,.76);

	backdrop-filter:
		blur(20px);

	-webkit-backdrop-filter:
		blur(20px);

	box-shadow:
		var(--v-shadow-large);
}


/* ==========================================================
   24. SUMMARY HEADER
   ========================================================== */

.vcp-summary-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 18px;

	padding:
		20px
		22px;

	background:
		var(--v-ink);

	color:
		#fff;
}


.vcp-summary-eyebrow {

	display: block;

	margin-bottom: 5px;

	color:
		rgba(255,255,255,.52);

	font-size: 6px;

	font-weight: 700;

	letter-spacing: .16em;

	text-transform: uppercase;
}


.vcp-summary-header h2 {

	margin: 0 !important;

	color: #fff !important;

	font-size: 22px !important;

	font-weight: 500 !important;

	line-height: 1 !important;

	letter-spacing:
		-.04em !important;
}


.vcp-summary-icon {

	width: 40px;

	height: 40px;

	display: grid;

	place-items: center;

	border:
		1px solid rgba(255,255,255,.24);

	border-radius:
		50%;
}


/* ==========================================================
   25. SUMMARY CONTENT
   ========================================================== */

.vcp-summary-content {

	padding:
		17px
		22px
		20px;
}


.vcp-cart-collaterals,
.vcp-cart-collaterals
.cart_totals {

	width: 100% !important;

	float: none !important;

	margin: 0 !important;
}


.vcp-cart-collaterals
.cart_totals > h2 {

	display: none !important;
}


/* ==========================================================
   26. TOTAL TABLE
   ========================================================== */

.vcp-cart-collaterals
.shop_table {

	width: 100% !important;

	margin:
		0
		0
		14px !important;

	border:
		0 !important;

	border-collapse:
		collapse !important;

	background:
		transparent !important;
}


.vcp-cart-collaterals
.shop_table th,

.vcp-cart-collaterals
.shop_table td {

	padding:
		11px
		0 !important;

	border:
		0 !important;

	border-bottom:
		1px solid var(--v-line) !important;

	background:
		transparent !important;

	font-size:
		9px;

	line-height:
		1.5;

	vertical-align:
		top;
}


.vcp-cart-collaterals
.shop_table th {

	width: 34%;

	color:
		var(--v-muted);

	font-weight: 600;
}


.vcp-cart-collaterals
.shop_table td {

	color:
		var(--v-ink);

	font-weight:
		500;

	text-align: right;
}


.vcp-cart-collaterals
.order-total th,

.vcp-cart-collaterals
.order-total td {

	padding-top:
		15px !important;

	padding-bottom:
		5px !important;

	border-bottom:
		0 !important;

	font-size:
		15px !important;

	font-weight:
		700 !important;
}


/* ==========================================================
   27. SHIPPING
   ========================================================== */

.vcp-cart-collaterals
#shipping_method {

	margin: 0 !important;

	padding: 0 !important;

	list-style: none;
}


.vcp-cart-collaterals
#shipping_method li {

	margin:
		0
		0
		3px !important;

	font-size:
		8px;

	line-height:
		1.4;
}


.vcp-cart-collaterals
.woocommerce-shipping-destination {

	margin:
		5px
		0
		0;

	color:
		var(--v-muted);

	font-size:
		7px;

	line-height:
		1.55;
}


/* ==========================================================
   28. CHECKOUT BUTTON
   ========================================================== */

.vcp-cart-collaterals
.wc-proceed-to-checkout {

	margin:
		14px
		0
		0 !important;

	padding: 0 !important;
}


.vcp-cart-collaterals
.checkout-button {

	width:
		100% !important;

	min-height:
		48px !important;

	display:
		flex !important;

	align-items: center;

	justify-content: center;

	margin:
		0 !important;

	padding:
		13px
		18px !important;

	border:
		1px solid var(--v-ink) !important;

	border-radius:
		0 !important;

	background:
		var(--v-ink) !important;

	box-shadow:
		0 14px 35px rgba(21,20,17,.14);

	color:
		#fff !important;

	font-size:
		7px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.16em;

	text-align:
		center;

	text-decoration:
		none !important;

	text-transform:
		uppercase;

	transition:
		transform .25s ease,
		background .25s ease,
		box-shadow .25s ease;
}


.vcp-cart-collaterals
.checkout-button:hover {

	transform:
		translateY(-2px);

	background:
		#292722 !important;

	box-shadow:
		0 20px 42px rgba(21,20,17,.20);
}


/* ==========================================================
   29. FIX DUPLICATE CHECKOUT BUTTON
   Some direct checkout plugins append another CTA.
   ========================================================== */

.vcp-cart-collaterals
.wc-proceed-to-checkout
.checkout-button:not(:first-child) {

	display:
		none !important;
}


.vcp-cart-collaterals
.wc-proceed-to-checkout
a.checkout-button
+
a.checkout-button {

	display:
		none !important;
}


/* ==========================================================
   30. HIDE CROSS SELLS INSIDE 90VH CART
   Keeps cart compact.
   ========================================================== */

.vcp-cart-collaterals
.cross-sells {

	display:
		none !important;
}


/* ==========================================================
   31. TRUST BAR
   ========================================================== */

.vcp-trust {

	flex: 0 0 auto;

	display: grid;

	grid-template-columns:
		repeat(3,1fr);

	margin-top: 9px;

	border:
		1px solid var(--v-line);

	background:
		rgba(255,255,255,.44);
}


.vcp-trust-item {

	min-height: 48px;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	gap: 4px;

	padding: 7px;

	color:
		var(--v-muted);

	font-size: 6px;

	font-weight: 700;

	letter-spacing:
		.08em;

	text-align: center;

	text-transform:
		uppercase;
}


.vcp-trust-item
+
.vcp-trust-item {

	border-left:
		1px solid var(--v-line);
}


.vcp-trust-icon {

	display: grid;

	place-items: center;

	color:
		var(--v-ink);
}


.vcp-trust-icon svg {

	width: 15px;

	height: 15px;
}


/* ==========================================================
   32. WOOCOMMERCE NOTICES
   ========================================================== */

body.woocommerce-cart
.woocommerce-message,

body.woocommerce-cart
.woocommerce-info {

	width:
		min(calc(100% - 36px),1500px);

	margin:
		10px
		auto !important;

	padding:
		11px
		14px !important;

	border:
		1px solid var(--v-line) !important;

	border-top:
		1px solid var(--v-line) !important;

	border-radius:
		0 !important;

	background:
		rgba(255,255,255,.70) !important;

	color:
		var(--v-muted) !important;

	font-size:
		8px !important;
}


body.woocommerce-cart
.woocommerce-message::before,

body.woocommerce-cart
.woocommerce-info::before {

	display: none !important;
}


/* ==========================================================
   33. LARGE SCREENS
   ========================================================== */

@media (min-width: 1500px) {

	.valron-cart-page {

		padding-left:
			4vw;

		padding-right:
			4vw;
	}


	.vcp-title {

		font-size:
			72px !important;
	}


	.vcp-layout {

		grid-template-columns:
			minmax(0,1.6fr)
			minmax(390px,.62fr);
	}

}


/* ==========================================================
   34. LAPTOP
   ========================================================== */

@media (max-width: 1250px) {

	.valron-cart-page {

		height: auto;

		min-height:
			90vh;

		max-height:
			none;

		overflow:
			visible;
	}


	.vcp-shell {

		height:
			auto;
	}


	.vcp-layout {

		grid-template-columns:
			minmax(0,1.35fr)
			minmax(340px,.65fr);
	}


	.vcp-cart-form {

		overflow:
			visible;
	}

}


/* ==========================================================
   35. TABLET
   ========================================================== */

@media (max-width: 1024px) {

	.valron-cart-page {

		height: auto;

		min-height:
			auto;

		padding:
			40px
			24px
			70px;

		overflow:
			visible;
	}


	.vcp-header {

		grid-template-columns:
			1fr;
	}


	.vcp-cart-status {

		width:
			fit-content;
	}


	.vcp-title span {

		display: block;

		margin:
			5px
			0
			0
			35px;
	}


	.vcp-layout {

		grid-template-columns:
			1fr;

		gap:
			30px;
	}


	.vcp-summary {

		width:
			min(100%,700px);

		height:
			auto;
	}


	.vcp-summary-sticky {

		height:
			auto;
	}


	.vcp-cart-form {

		overflow:
			visible;
	}

}


/* ==========================================================
   36. MOBILE
   ========================================================== */

@media (max-width: 767px) {

	.valron-cart-page {

		padding:
			32px
			14px
			60px;
	}


	.valron-cart-page::before {

		top:
			110px;

		right:
			-30px;

		font-size:
			110px;
	}


	.vcp-title {

		font-size:
			clamp(42px,13vw,58px) !important;
	}


	.vcp-title span {

		margin-left:
			18px;
	}


	.vcp-description {

		font-size:
			10px;
	}


	.vcp-progress {

		margin:
			24px
			0
			30px;
	}


	.vcp-progress-label {

		display:
			none;
	}


	.vcp-progress-line {

		margin:
			0
			9px;
	}


	.vcp-section-heading {

		align-items:
			flex-start;

		flex-direction:
			column;

		gap:
			12px;
	}


	/* table -> product cards */

	.vcp-cart-table,
	.vcp-cart-table tbody,
	.vcp-cart-table tr,
	.vcp-cart-table td {

		display:
			block !important;

		width:
			100% !important;
	}


	.vcp-cart-table
	tr.vcp-cart-item {

		position:
			relative;

		margin-bottom:
			14px;

		padding:
			15px;

		border:
			1px solid var(--v-line);

		background:
			rgba(255,255,255,.75);
	}


	.vcp-cart-table
	tr.vcp-cart-item td {

		padding:
			7px
			0 !important;

		border:
			0 !important;

		text-align:
			left !important;
	}


	.vcp-cart-table
	.product-remove {

		position:
			absolute;

		top:
			13px;

		right:
			13px;

		z-index: 5;

		width:
			auto !important;
	}


	.vcp-cart-table
	.product-thumbnail {

		width:
			100% !important;
	}


	.vcp-product-image {

		width:
			110px;

		height:
			140px;
	}


	.vcp-product-information {

		max-width:
			none;
	}


	.vcp-cart-table
	.product-price,

	.vcp-cart-table
	.product-quantity,

	.vcp-cart-table
	.product-subtotal {

		display:
			flex !important;

		align-items:
			center;

		justify-content:
			space-between;

		gap:
			10px;

		padding:
			10px
			0 !important;

		border-top:
			1px solid var(--v-line) !important;
	}


	.vcp-mobile-label {

		display:
			block;

		color:
			var(--v-muted);

		font-size:
			6px;

		font-weight:
			700;

		letter-spacing:
			.12em;

		text-transform:
			uppercase;
	}


	.vcp-actions {

		grid-template-columns:
			1fr;
	}


	.vcp-coupon {

		grid-template-columns:
			1fr;

		gap:
			10px;
	}


	.vcp-summary-header {

		padding:
			22px
			18px;
	}


	.vcp-summary-content {

		padding:
			18px;
	}


	.vcp-trust {

		grid-template-columns:
			1fr;
	}


	.vcp-trust-item {

		min-height:
			44px;

		flex-direction:
			row;
	}


	.vcp-trust-item
	+
	.vcp-trust-item {

		border-left:
			0;

		border-top:
			1px solid var(--v-line);
	}

}


/* ==========================================================
   37. SMALL MOBILE
   ========================================================== */

@media (max-width: 430px) {

	.valron-cart-page {

		padding-left:
			10px;

		padding-right:
			10px;
	}


	.vcp-coupon-field {

		grid-template-columns:
			1fr;
	}


	.vcp-coupon-field
	input {

		border-right:
			1px solid var(--v-line-medium) !important;
	}


	.vcp-coupon-button {

		width:
			100%;
	}

}



/* ==========================================================
   VALRON — PREMIUM MY ACCOUNT V1
   Matches VALRON Cart + Checkout
   ========================================================== */


/* ==========================================================
   01. ACCOUNT DESIGN TOKENS
   ========================================================== */

body.woocommerce-account {

	--va-ink: #151411;
	--va-ink-soft: #292722;

	--va-muted: #777066;
	--va-muted-soft: #9a938a;

	--va-beige: #e8dac8;
	--va-beige-dark: #d3bea4;

	--va-ivory: #fbf8f2;
	--va-cream: #f2e6d7;
	--va-white: #ffffff;

	--va-line: rgba(21,20,17,.12);
	--va-line-medium: rgba(21,20,17,.20);
	--va-line-dark: rgba(21,20,17,.32);

	--va-shadow:
		0 18px 50px rgba(71,53,35,.08);

	--va-shadow-large:
		0 32px 80px rgba(71,53,35,.12);

	margin: 0;

	background:
		linear-gradient(
			135deg,
			#fbf8f2 0%,
			#f0e3d3 46%,
			#fffdf9 100%
		);

	color: var(--va-ink);

	font-family: "Raleway", sans-serif;
}


/* ==========================================================
   02. RESET
   ========================================================== */

body.woocommerce-account *,
body.woocommerce-account *::before,
body.woocommerce-account *::after {
	box-sizing: border-box;
}


body.woocommerce-account input,
body.woocommerce-account textarea,
body.woocommerce-account select,
body.woocommerce-account button {
	font-family: inherit;
}


body.woocommerce-account main,
body.woocommerce-account .site-main,
body.woocommerce-account .page-content,
body.woocommerce-account .entry-content {

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* Hide the default WP page title */

body.woocommerce-account .entry-title {
	display: none !important;
}


/* ==========================================================
   03. MASTER ACCOUNT SECTION
   ========================================================== */

.valron-account-page {

	position: relative;

	width: 100%;

	min-height: 82vh;

	padding:
		clamp(42px,4vw,68px)
		clamp(26px,4vw,74px)
		clamp(65px,6vw,100px);

	overflow: hidden;

	isolation: isolate;

	background:

		radial-gradient(
			circle at 8% 10%,
			rgba(255,255,255,.96) 0 10%,
			transparent 32%
		),

		radial-gradient(
			circle at 92% 6%,
			rgba(232,218,200,.58) 0 12%,
			transparent 36%
		),

		radial-gradient(
			circle at 68% 94%,
			rgba(255,255,255,.92) 0 13%,
			transparent 38%
		),

		linear-gradient(
			135deg,
			#fbf8f2 0%,
			#efe1d0 48%,
			#fffdf9 100%
		);
}


/* Giant watermark */

.valron-account-page::before {

	content: "VALRON";

	position: absolute;

	top: 125px;
	right: -3%;

	z-index: -4;

	color: rgba(21,20,17,.022);

	font-size: clamp(150px,19vw,340px);

	font-weight: 800;

	line-height: .72;

	letter-spacing: -.09em;

	pointer-events: none;
	user-select: none;
}


/* ==========================================================
   04. DECORATIVE ELEMENTS
   ========================================================== */

.vap-mesh {

	position: absolute;

	inset: 0;

	z-index: -7;

	pointer-events: none;

	background:
		linear-gradient(
			90deg,
			rgba(255,255,255,.18),
			transparent 30%,
			rgba(255,255,255,.12)
		);
}


.vap-glow {

	position: absolute;

	width: 600px;

	aspect-ratio: 1;

	border-radius: 50%;

	filter: blur(90px);

	opacity: .38;

	pointer-events: none;

	z-index: -6;
}


.vap-glow-one {

	top: -250px;
	left: -220px;

	background:
		rgba(255,255,255,.95);
}


.vap-glow-two {

	right: -260px;
	bottom: -250px;

	background:
		rgba(211,190,164,.50);
}


/* ==========================================================
   05. ACCOUNT SHELL
   ========================================================== */

.vap-shell {

	position: relative;

	z-index: 2;

	width: min(100%,1480px);

	margin: 0 auto;
}


/* ==========================================================
   06. HERO
   ========================================================== */

.vap-header {

	display: grid;

	grid-template-columns:
		minmax(0,1fr)
		auto;

	align-items: end;

	gap: 40px;

	padding-bottom:
		clamp(26px,3vw,40px);

	border-bottom:
		1px solid var(--va-line);
}


.vap-header-copy {

	max-width: 930px;
}


/* ==========================================================
   07. EYEBROW
   ========================================================== */

.vap-eyebrow {

	display: inline-flex;

	align-items: center;

	gap: 13px;

	margin:
		0
		0
		17px;

	color: var(--va-muted);

	font-size: 8px;

	font-weight: 700;

	line-height: 1;

	letter-spacing: .22em;

	text-transform: uppercase;
}


.vap-eyebrow::before {

	content: "";

	width: 40px;

	height: 1px;

	background: currentColor;
}


/* ==========================================================
   08. TITLE
   ========================================================== */

.vap-title {

	margin: 0 !important;

	color: var(--va-ink);

	font-size:
		clamp(48px,5vw,78px) !important;

	font-weight:
		500 !important;

	line-height:
		.92 !important;

	letter-spacing:
		-.067em !important;
}


.vap-title span {

	color:
		rgba(21,20,17,.46);

	font-weight:
		400;
}


/* ==========================================================
   09. HERO DESCRIPTION
   ========================================================== */

.vap-description {

	max-width: 600px;

	margin:
		18px
		0
		0;

	color: var(--va-muted);

	font-size: 11px;

	line-height: 1.75;
}


/* ==========================================================
   10. SIGNED IN STATUS
   ========================================================== */

.vap-account-status {

	min-width: 245px;

	display: flex;

	align-items: center;

	gap: 13px;

	padding:
		13px
		16px;

	border:
		1px solid var(--va-line);

	background:
		rgba(255,255,255,.44);

	backdrop-filter:
		blur(18px);

	-webkit-backdrop-filter:
		blur(18px);
}


.vap-account-status__icon {

	width: 42px;

	height: 42px;

	display: grid;

	place-items: center;

	flex-shrink: 0;

	border:
		1px solid var(--va-line);

	border-radius: 50%;
}


.vap-account-status__label {

	display: block;

	margin-bottom: 4px;

	color: var(--va-muted);

	font-size: 7px;

	font-weight: 700;

	letter-spacing: .15em;

	text-transform: uppercase;
}


.vap-account-status strong {

	display: block;

	max-width: 180px;

	overflow: hidden;

	color: var(--va-ink);

	font-size: 9px;

	font-weight: 600;

	text-overflow: ellipsis;

	white-space: nowrap;
}


/* ==========================================================
   11. ACCOUNT META BAR
   ========================================================== */

.vap-meta-bar {

	display: flex;

	align-items: center;

	width: min(100%,760px);

	margin:
		24px
		0
		40px;
}


.vap-meta-item {

	display: flex;

	align-items: center;

	gap: 10px;

	flex-shrink: 0;
}


.vap-meta-number {

	width: 32px;

	height: 32px;

	display: grid;

	place-items: center;

	border:
		1px solid var(--va-line-medium);

	border-radius: 50%;

	color: var(--va-ink);

	font-size: 7px;

	font-weight: 700;
}


.vap-meta-label {

	display: block;

	margin-bottom: 3px;

	color: var(--va-muted);

	font-size: 6px;

	font-weight: 700;

	letter-spacing: .14em;

	text-transform: uppercase;
}


.vap-meta-item strong {

	display: block;

	color: var(--va-ink);

	font-size: 8px;

	font-weight: 600;
}


.vap-meta-divider {

	flex: 1;

	height: 1px;

	min-width: 40px;

	margin:
		0
		18px;

	background: var(--va-line);
}


/* ==========================================================
   12. MAIN ACCOUNT GRID
   ========================================================== */

.vap-account-layout {

	display: grid;

	grid-template-columns:
		minmax(250px,.30fr)
		minmax(0,1fr);

	gap:
		clamp(25px,3vw,45px);

	align-items: start;
}


/* ==========================================================
   13. NAVIGATION CARD
   ========================================================== */

.vap-navigation-card {

	overflow: hidden;

	border:
		1px solid var(--va-line);

	background:
		rgba(255,255,255,.68);

	backdrop-filter:
		blur(20px);

	-webkit-backdrop-filter:
		blur(20px);

	box-shadow:
		var(--va-shadow);
}


/* ==========================================================
   14. NAV HEADER
   ========================================================== */

.vap-navigation-heading {

	padding:
		24px
		24px
		22px;

	background:
		var(--va-ink);

	color:
		#fff;
}


.vap-navigation-kicker {

	display: block;

	margin-bottom: 7px;

	color:
		rgba(255,255,255,.50);

	font-size: 7px;

	font-weight: 700;

	letter-spacing: .18em;

	text-transform: uppercase;
}


.vap-navigation-heading h2 {

	margin: 0 !important;

	color: #fff !important;

	font-size: 24px !important;

	font-weight: 500 !important;

	line-height: 1 !important;

	letter-spacing:
		-.04em !important;
}


/* ==========================================================
   15. NATIVE WOOCOMMERCE NAV RESET
   ========================================================== */

.vap-navigation-native {

	padding: 10px 0;
}


.vap-navigation-native
.woocommerce-MyAccount-navigation {

	width: 100% !important;

	float: none !important;

	margin: 0 !important;
}


.vap-navigation-native
.woocommerce-MyAccount-navigation ul {

	margin: 0 !important;

	padding: 0 !important;

	list-style: none !important;
}


.vap-navigation-native
.woocommerce-MyAccount-navigation li {

	position: relative;

	margin: 0 !important;

	padding: 0 !important;

	border-bottom:
		1px solid var(--va-line);
}


.vap-navigation-native
.woocommerce-MyAccount-navigation li:last-child {

	border-bottom: 0;
}


/* ==========================================================
   16. NAV LINKS
   ========================================================== */

.vap-navigation-native
.woocommerce-MyAccount-navigation li a {

	position: relative;

	display: flex;

	align-items: center;

	min-height: 54px;

	padding:
		0
		23px
		0
		47px;

	color:
		var(--va-muted) !important;

	font-size: 9px;

	font-weight: 600;

	letter-spacing: .08em;

	text-decoration: none !important;

	text-transform: uppercase;

	transition:
		background .25s ease,
		color .25s ease,
		padding .25s ease;
}


/* Little indicator circle */

.vap-navigation-native
.woocommerce-MyAccount-navigation li a::before {

	content: "";

	position: absolute;

	left: 23px;

	top: 50%;

	width: 7px;

	height: 7px;

	transform:
		translateY(-50%);

	border:
		1px solid var(--va-muted);

	border-radius: 50%;

	transition:
		background .25s ease,
		border-color .25s ease;
}


.vap-navigation-native
.woocommerce-MyAccount-navigation li a:hover {

	padding-left: 51px;

	background:
		rgba(232,218,200,.26);

	color:
		var(--va-ink) !important;
}


/* Active endpoint */

.vap-navigation-native
.woocommerce-MyAccount-navigation li.is-active a {

	background:
		var(--va-beige);

	color:
		var(--va-ink) !important;

	font-weight: 700;
}


.vap-navigation-native
.woocommerce-MyAccount-navigation li.is-active a::before {

	border-color:
		var(--va-ink);

	background:
		var(--va-ink);
}


/* Logout */

.vap-navigation-native
.woocommerce-MyAccount-navigation-link--customer-logout a {

	color:
		#8d4e45 !important;
}


/* ==========================================================
   17. SECURE ACCOUNT FOOTER
   ========================================================== */

.vap-navigation-footer {

	display: flex;

	align-items: flex-start;

	gap: 12px;

	padding:
		18px
		21px;

	border-top:
		1px solid var(--va-line);

	background:
		rgba(232,218,200,.25);
}


.vap-navigation-footer__icon {

	width: 34px;

	height: 34px;

	display: grid;

	place-items: center;

	flex-shrink: 0;

	border:
		1px solid var(--va-line);

	border-radius: 50%;
}


.vap-navigation-footer strong {

	display: block;

	margin-bottom: 3px;

	color: var(--va-ink);

	font-size: 8px;

	font-weight: 700;

	letter-spacing: .05em;

	text-transform: uppercase;
}


.vap-navigation-footer p {

	margin: 0;

	color:
		var(--va-muted);

	font-size: 7px;

	line-height: 1.55;
}


/* ==========================================================
   18. CONTENT CARD
   ========================================================== */

.vap-content {

	min-width: 0;
}


.vap-content-card {

	overflow: hidden;

	border:
		1px solid var(--va-line);

	background:
		rgba(255,255,255,.72);

	backdrop-filter:
		blur(22px);

	-webkit-backdrop-filter:
		blur(22px);

	box-shadow:
		var(--va-shadow-large);
}


/* ==========================================================
   19. CONTENT HEADER
   ========================================================== */

.vap-content-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 20px;

	padding:
		25px
		28px;

	border-bottom:
		1px solid var(--va-line);
}


.vap-content-kicker {

	display: block;

	margin-bottom: 6px;

	color:
		var(--va-muted);

	font-size: 7px;

	font-weight: 700;

	letter-spacing: .18em;

	text-transform: uppercase;
}


.vap-content-title {

	margin: 0 !important;

	color: var(--va-ink);

	font-size:
		clamp(25px,2vw,32px) !important;

	font-weight:
		500 !important;

	line-height: 1 !important;

	letter-spacing:
		-.045em !important;
}


.vap-content-icon {

	width: 42px;

	height: 42px;

	display: grid;

	place-items: center;

	flex-shrink: 0;

	border:
		1px solid var(--va-line);

	border-radius: 50%;

	color:
		var(--va-ink);
}


/* ==========================================================
   20. RESET NATIVE MY ACCOUNT CONTENT
   ========================================================== */

.vap-native-content.woocommerce-MyAccount-content {

	width: 100% !important;

	float: none !important;

	margin: 0 !important;

	padding:
		clamp(24px,3vw,38px) !important;

	color:
		var(--va-ink);
}


/* ==========================================================
   21. DASHBOARD TYPOGRAPHY
   ========================================================== */

.vap-native-content p {

	margin:
		0
		0
		18px;

	color:
		var(--va-muted);

	font-size: 11px;

	line-height: 1.8;
}


.vap-native-content p:first-child {

	max-width: 800px;

	padding:
		20px
		22px;

	border:
		1px solid var(--va-line);

	background:
		rgba(232,218,200,.22);

	color:
		var(--va-ink);
}


.vap-native-content strong {

	color:
		var(--va-ink);

	font-weight: 700;
}


.vap-native-content a {

	color:
		var(--va-ink);

	font-weight: 600;

	text-decoration:
		underline;

	text-decoration-thickness:
		1px;

	text-underline-offset:
		3px;
}


/* ==========================================================
   22. ACCOUNT TABLES
   Orders / Downloads / Payment methods
   ========================================================== */

.vap-native-content
table.shop_table {

	width: 100% !important;

	margin: 0 !important;

	overflow: hidden;

	border:
		1px solid var(--va-line) !important;

	border-collapse:
		collapse !important;

	border-radius: 0 !important;

	background:
		rgba(255,255,255,.48) !important;
}


.vap-native-content
table.shop_table thead {

	background:
		var(--va-ink);

	color:
		#fff;
}


.vap-native-content
table.shop_table th {

	padding:
		15px
		16px !important;

	border:
		0 !important;

	color:
		inherit;

	font-size: 7px;

	font-weight: 700;

	letter-spacing: .13em;

	text-transform: uppercase;
}


.vap-native-content
table.shop_table td {

	padding:
		17px
		16px !important;

	border:
		0 !important;

	border-bottom:
		1px solid var(--va-line) !important;

	color:
		var(--va-muted);

	font-size: 10px;

	vertical-align: middle;
}


.vap-native-content
table.shop_table tbody tr:last-child td {

	border-bottom: 0 !important;
}


/* ==========================================================
   23. WOOCOMMERCE BUTTONS
   ========================================================== */

.vap-native-content
.button,

.vap-native-content
button.button,

.vap-native-content
a.button {

	min-height: 44px !important;

	display: inline-flex !important;

	align-items: center;

	justify-content: center;

	padding:
		0
		18px !important;

	border:
		1px solid var(--va-ink) !important;

	border-radius:
		0 !important;

	background:
		var(--va-ink) !important;

	box-shadow: none !important;

	color:
		#fff !important;

	font-size:
		7px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.13em;

	text-decoration:
		none !important;

	text-transform:
		uppercase;

	transition:
		all .25s ease;
}


.vap-native-content
.button:hover,

.vap-native-content
button.button:hover,

.vap-native-content
a.button:hover {

	transform:
		translateY(-1px);

	background:
		#292722 !important;
}


/* ==========================================================
   24. ADDRESSES
   ========================================================== */

.vap-native-content
.u-columns {

	display: grid !important;

	grid-template-columns:
		repeat(2,minmax(0,1fr));

	gap:
		20px;

	width:
		100%;
}


.vap-native-content
.u-column1,

.vap-native-content
.u-column2 {

	width: 100% !important;

	float: none !important;

	padding:
		22px !important;

	border:
		1px solid var(--va-line);

	background:
		rgba(255,255,255,.48);
}


.vap-native-content
.woocommerce-Address-title {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 15px;

	margin-bottom:
		18px;

	padding-bottom:
		15px;

	border-bottom:
		1px solid var(--va-line);
}


.vap-native-content
.woocommerce-Address-title h2 {

	margin: 0 !important;

	color:
		var(--va-ink);

	font-size:
		18px !important;

	font-weight:
		500 !important;

	letter-spacing:
		-.03em;
}


.vap-native-content address {

	color:
		var(--va-muted);

	font-size: 10px;

	font-style: normal;

	line-height: 1.8;
}


/* ==========================================================
   25. FORM SECTIONS
   ========================================================== */

.vap-native-content
form {

	width: 100%;
}


.vap-native-content
.form-row {

	margin:
		0
		0
		18px !important;

	padding: 0 !important;
}


.vap-native-content
.form-row label {

	display: block !important;

	margin:
		0
		0
		7px !important;

	color:
		var(--va-muted);

	font-size:
		7px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.14em;

	text-transform:
		uppercase;
}


.vap-native-content
input.input-text,

.vap-native-content
textarea,

.vap-native-content
select {

	width: 100% !important;

	min-height: 50px;

	padding:
		0
		14px !important;

	border:
		1px solid var(--va-line-medium) !important;

	border-radius:
		0 !important;

	outline: none;

	background:
		rgba(255,255,255,.76) !important;

	box-shadow: none !important;

	color:
		var(--va-ink) !important;

	font-size:
		10px !important;
}


.vap-native-content textarea {

	min-height:
		110px;

	padding:
		14px !important;
}


.vap-native-content
input.input-text:focus,

.vap-native-content
textarea:focus,

.vap-native-content
select:focus {

	border-color:
		var(--va-ink) !important;

	background:
		#fff !important;
}


/* ==========================================================
   26. EDIT ACCOUNT FIELDSET
   ========================================================== */

.vap-native-content fieldset {

	margin:
		28px
		0
		22px !important;

	padding:
		24px !important;

	border:
		1px solid var(--va-line) !important;

	background:
		rgba(232,218,200,.20);
}


.vap-native-content legend {

	padding:
		0
		9px;

	color:
		var(--va-ink);

	font-size:
		9px;

	font-weight:
		700;

	letter-spacing:
		.13em;

	text-transform:
		uppercase;
}


/* ==========================================================
   27. ORDER DETAIL
   ========================================================== */

.vap-native-content
.woocommerce-order-details {

	margin:
		0
		0
		30px;
}


.vap-native-content
.woocommerce-order-details__title,

.vap-native-content
.woocommerce-column__title {

	margin:
		0
		0
		18px !important;

	color:
		var(--va-ink);

	font-size:
		20px !important;

	font-weight:
		500 !important;

	letter-spacing:
		-.03em;
}


/* ==========================================================
   28. WOOCOMMERCE NOTICES
   ========================================================== */

body.woocommerce-account
.woocommerce-message,

body.woocommerce-account
.woocommerce-info,

body.woocommerce-account
.woocommerce-error {

	margin:
		0
		0
		20px !important;

	padding:
		14px
		17px !important;

	border:
		1px solid var(--va-line) !important;

	border-top:
		1px solid var(--va-line) !important;

	border-radius:
		0 !important;

	background:
		rgba(232,218,200,.25) !important;

	color:
		var(--va-muted) !important;

	font-size:
		9px !important;

	line-height:
		1.6;
}


body.woocommerce-account
.woocommerce-message::before,

body.woocommerce-account
.woocommerce-info::before {

	display: none !important;
}




/* ==========================================================
   30. TABLET
   ========================================================== */

@media (max-width: 1050px) {

	.vap-account-layout {

		grid-template-columns:
			230px
			minmax(0,1fr);

		gap:
			22px;
	}


	.vap-title {

		font-size:
			52px !important;
	}

}


/* ==========================================================
   31. MOBILE / TABLET STACK
   ========================================================== */

@media (max-width: 800px) {

	.valron-account-page {

		padding:
			36px
			16px
			65px;
	}


	.vap-header {

		grid-template-columns:
			1fr;

		align-items:
			start;

		gap:
			22px;
	}


	.vap-account-status {

		width:
			fit-content;
	}


	.vap-title {

		font-size:
			clamp(42px,12vw,58px) !important;
	}


	.vap-title span {

		display: block;

		margin-top:
			5px;
	}


	.vap-meta-bar {

		margin-bottom:
			28px;
	}


	.vap-meta-item strong {

		display: none;
	}


	.vap-account-layout {

		grid-template-columns:
			1fr;

		gap:
			20px;
	}


	/* horizontal account menu */

	.vap-navigation-native
	.woocommerce-MyAccount-navigation ul {

		display: flex;

		overflow-x: auto;

		scrollbar-width: none;
	}


	.vap-navigation-native
	.woocommerce-MyAccount-navigation ul::-webkit-scrollbar {

		display: none;
	}


	.vap-navigation-native
	.woocommerce-MyAccount-navigation li {

		flex:
			0 0 auto;

		border-right:
			1px solid var(--va-line);

		border-bottom:
			0;
	}


	.vap-navigation-native
	.woocommerce-MyAccount-navigation li a {

		min-height:
			48px;

		padding:
			0
			17px !important;
	}


	.vap-navigation-native
	.woocommerce-MyAccount-navigation li a::before {

		display: none;
	}


	.vap-navigation-footer {

		display: none;
	}


	.vap-native-content
	.u-columns {

		grid-template-columns:
			1fr;
	}


	body.woocommerce-account
	#customer_login {

		grid-template-columns:
			1fr;
	}

}


/* ==========================================================
   32. SMALL MOBILE
   ========================================================== */

@media (max-width: 480px) {

	.valron-account-page {

		padding-left:
			10px;

		padding-right:
			10px;
	}


	.vap-meta-label {

		display: none;
	}


	.vap-meta-divider {

		margin:
			0
			10px;
	}


	.vap-content-header {

		padding:
			20px
			17px;
	}


	.vap-native-content.woocommerce-MyAccount-content {

		padding:
			18px !important;
	}


	.vap-native-content
	table.shop_table {

		display:
			block;

		overflow-x:
			auto;
	}


	.vap-native-content
	.u-column1,

	.vap-native-content
	.u-column2 {

		padding:
			17px !important;
	}

}

/* Aman — My Account */


/* ==========================================================
   ==========================================================
   VALRON — AUTH EXPERIENCE V3
   FINAL LOGIN / REGISTER INTERFACE
   ==========================================================
   ========================================================== */


/* ==========================================================
   01. MASTER AUTH SYSTEM
   Keep variables HERE instead of on body.
   This makes the design more reliable across WooCommerce,
   Elementor, cache/minification and logged-out states.
   ========================================================== */

.valron-auth-page {

	--auth-black: #151411;
	--auth-black-soft: #292722;

	--auth-text: #1b1916;
	--auth-muted: #777066;

	--auth-beige: #e8dac8;
	--auth-beige-deep: #d6c0a5;

	--auth-cream: #f2e5d4;
	--auth-ivory: #fbf8f2;
	--auth-white: #ffffff;

	--auth-line: rgba(21, 20, 17, 0.12);
	--auth-line-medium: rgba(21, 20, 17, 0.22);

	--auth-shadow:
		0 24px 65px rgba(59, 43, 28, 0.08);

	--auth-shadow-large:
		0 35px 90px rgba(59, 43, 28, 0.12);


	position: relative;

	width: 100%;

	min-height: 88vh;

	margin: 0;

	padding: 0;

	overflow: hidden;

	isolation: isolate;

	color: var(--auth-text);

	font-family:
		"Raleway",
		sans-serif;

	background:

		radial-gradient(
			circle at 8% 12%,
			rgba(255,255,255,.98) 0%,
			rgba(255,255,255,.70) 13%,
			transparent 35%
		),

		radial-gradient(
			circle at 92% 5%,
			rgba(225,205,180,.55) 0%,
			transparent 34%
		),

		linear-gradient(
			135deg,
			#fbf8f2 0%,
			#eee0ce 48%,
			#fffdf9 100%
		);
}


/* ==========================================================
   02. REMOVE DEFAULT PAGE RESTRICTIONS
   ========================================================== */

body.woocommerce-account:not(.logged-in) main,
body.woocommerce-account:not(.logged-in) .site-main,
body.woocommerce-account:not(.logged-in) .page-content,
body.woocommerce-account:not(.logged-in) .entry-content,
body.woocommerce-account:not(.logged-in) .woocommerce {

	width: 100% !important;

	max-width: none !important;

	margin: 0 !important;

	padding: 0 !important;
}


body.woocommerce-account:not(.logged-in) .entry-title {

	display: none !important;
}


/* ==========================================================
   03. WATERMARK
   ========================================================== */

.valron-auth-page::after {

	content: "VALRON";

	position: absolute;

	left: -2vw;

	bottom: -5%;

	z-index: -10;

	pointer-events: none;

	color:
		rgba(21,20,17,.025);

	font-size:
		clamp(180px,20vw,360px);

	font-weight: 800;

	line-height: .70;

	letter-spacing: -.09em;

	user-select: none;
}


/* ==========================================================
   04. DECORATIVE ELEMENTS
   ========================================================== */

.vaa-mesh {

	position: absolute;

	inset: 0;

	z-index: -15;

	pointer-events: none;

	background:

		linear-gradient(
			90deg,
			rgba(255,255,255,.15),
			transparent 35%,
			rgba(255,255,255,.08)
		);
}


.vaa-glow {

	position: absolute;

	width: 580px;

	aspect-ratio: 1;

	border-radius: 50%;

	filter: blur(100px);

	opacity: .40;

	z-index: -12;

	pointer-events: none;
}


.vaa-glow-one {

	left: -260px;

	top: -260px;

	background:
		rgba(255,255,255,.96);
}


.vaa-glow-two {

	right: -260px;

	bottom: -300px;

	background:
		rgba(210,188,160,.46);
}


/* ==========================================================
   05. MASTER GRID
   ========================================================== */

.vaa-shell {

	position: relative;

	z-index: 5;

	width: min(100%, 1540px);

	min-height: 88vh;

	margin: 0 auto;

	display: grid;

	grid-template-columns:
		minmax(380px, 0.78fr)
		minmax(700px, 1.22fr);

	align-items: stretch;
}


/* ==========================================================
   06. LEFT BRAND PANEL
   ========================================================== */

.vaa-intro {

	position: relative;

	display: flex;

	align-items: center;

	padding:
		clamp(46px, 5vw, 82px);

	border-right:
		1px solid var(--auth-line);
}


.vaa-intro-inner {

	width: 100%;

	max-width: 560px;

	margin: 0 auto;
}


/* ==========================================================
   07. EYEBROW
   ========================================================== */

.vaa-eyebrow {

	display: inline-flex;

	align-items: center;

	gap: 13px;

	margin:
		0
		0
		20px !important;

	padding: 0;

	color:
		var(--auth-muted);

	font-size: 8px !important;

	font-weight: 700;

	line-height: 1;

	letter-spacing: .22em;

	text-transform: uppercase;
}


.vaa-eyebrow::before {

	content: "";

	width: 42px;

	height: 1px;

	background:
		var(--auth-muted);
}


/* ==========================================================
   08. LARGE TITLE
   ========================================================== */

.vaa-title {

	margin:
		0 !important;

	padding: 0;

	color:
		var(--auth-black);

	font-size:
		clamp(52px, 5vw, 80px) !important;

	font-weight:
		500 !important;

	line-height:
		.88 !important;

	letter-spacing:
		-.07em !important;
}


.vaa-title-main {

	display: block;
}


.vaa-title-muted {

	display: block;

	margin-left:
		clamp(20px,3vw,48px);

	color:
		rgba(21,20,17,.43);

	font-weight:
		400;
}


/* ==========================================================
   09. DESCRIPTION
   ========================================================== */

.vaa-description {

	max-width: 490px;

	margin:
		24px
		0
		0 !important;

	padding: 0;

	color:
		var(--auth-muted);

	font-size:
		11px !important;

	font-weight:
		400;

	line-height:
		1.75;
}


/* ==========================================================
   10. BENEFITS
   ========================================================== */

.vaa-benefits {

	width: 100%;

	margin-top: 38px;

	border-top:
		1px solid var(--auth-line);
}


.vaa-benefit {

	min-height: 64px;

	display: grid;

	grid-template-columns:
		42px
		1fr;

	align-items: center;

	gap: 13px;

	border-bottom:
		1px solid var(--auth-line);
}


.vaa-benefit-number {

	width: 30px;

	height: 30px;

	display: grid;

	place-items: center;

	border:
		1px solid var(--auth-line-medium);

	border-radius: 50%;

	color:
		var(--auth-black);

	font-size: 7px;

	font-weight: 700;
}


.vaa-benefit-label {

	display: block;

	margin-bottom: 3px;

	color:
		var(--auth-muted);

	font-size: 6px;

	font-weight: 700;

	letter-spacing:
		.14em;

	text-transform:
		uppercase;
}


.vaa-benefit-content strong {

	display: block;

	color:
		var(--auth-black);

	font-size: 9px;

	font-weight: 600;
}


/* ==========================================================
   11. SECURITY
   ========================================================== */

.vaa-security {

	display: flex;

	align-items: center;

	gap: 11px;

	margin-top: 24px;
}


.vaa-security-icon {

	width: 38px;

	height: 38px;

	flex: 0 0 38px;

	display: grid;

	place-items: center;

	border:
		1px solid var(--auth-line);

	border-radius: 50%;
}


.vaa-security-copy strong {

	display: block;

	margin-bottom: 3px;

	color:
		var(--auth-black);

	font-size: 7px;

	font-weight: 700;

	letter-spacing:
		.07em;

	text-transform: uppercase;
}


.vaa-security-copy p {

	margin: 0 !important;

	color:
		var(--auth-muted);

	font-size: 7px !important;

	line-height: 1.5;
}


/* ==========================================================
   12. RIGHT SIDE
   ========================================================== */

.vaa-auth-area {

	min-width: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	padding:
		clamp(36px,4vw,64px);
}


/* ==========================================================
   13. LOGIN + REGISTER GRID
   ========================================================== */

#customer_login.vaa-auth-grid {

	width: 100% !important;

	max-width: 920px !important;

	margin: 0 auto !important;

	padding: 0 !important;

	display: grid !important;

	grid-template-columns:
		repeat(2, minmax(0,1fr)) !important;

	gap:
		clamp(18px,2vw,28px) !important;

	align-items: stretch;

	float: none !important;
}


#customer_login.vaa-auth-grid::before,
#customer_login.vaa-auth-grid::after {

	display: none !important;

	content: none !important;
}


#customer_login.vaa-login-only {

	grid-template-columns:
		minmax(0, 500px) !important;

	justify-content: center;
}


/* ==========================================================
   14. CARDS
   ========================================================== */

.vaa-auth-card {

	position: relative;

	width: 100% !important;

	min-width: 0;

	margin: 0 !important;

	padding:
		clamp(28px,2.5vw,38px) !important;

	float: none !important;

	border:
		1px solid var(--auth-line);

	background:
		rgba(255,255,255,.73);

	backdrop-filter:
		blur(20px);

	-webkit-backdrop-filter:
		blur(20px);

	box-shadow:
		var(--auth-shadow);

	transition:
		transform .3s ease,
		box-shadow .3s ease;
}


.vaa-auth-card:hover {

	transform:
		translateY(-3px);

	box-shadow:
		var(--auth-shadow-large);
}


.vaa-register-card {

	background:
		rgba(232,218,200,.38);
}


/* ==========================================================
   15. CARD HEADER
   ========================================================== */

.vaa-card-header {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	gap: 18px;

	margin-bottom: 25px;

	padding-bottom: 21px;

	border-bottom:
		1px solid var(--auth-line);
}


.vaa-card-kicker {

	display: block;

	margin-bottom: 7px;

	color:
		var(--auth-muted);

	font-size: 6px;

	font-weight: 700;

	letter-spacing:
		.16em;

	text-transform: uppercase;
}


.vaa-card-header h2 {

	margin: 0 !important;

	color:
		var(--auth-black) !important;

	font-size:
		clamp(23px,1.8vw,29px) !important;

	font-weight:
		500 !important;

	line-height: 1 !important;

	letter-spacing:
		-.04em !important;
}


.vaa-card-header p {

	max-width: 280px;

	margin:
		10px
		0
		0 !important;

	color:
		var(--auth-muted);

	font-size:
		8px !important;

	line-height:
		1.55;
}


.vaa-card-icon {

	width: 40px;

	height: 40px;

	flex:
		0 0 40px;

	display: grid;

	place-items: center;

	border:
		1px solid var(--auth-line);

	border-radius: 50%;
}


/* ==========================================================
   16. FORM RESET
   ========================================================== */

.vaa-form {

	width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	border-radius: 0 !important;

	background: transparent !important;

	box-shadow: none !important;
}


/* ==========================================================
   17. FIELDS
   ========================================================== */

.vaa-field {

	width: 100%;

	margin-bottom: 17px;
}


.vaa-field label {

	display: block;

	margin:
		0
		0
		7px;

	color:
		var(--auth-muted);

	font-size:
		7px;

	font-weight:
		700;

	letter-spacing:
		.12em;

	text-transform: uppercase;
}


.vaa-input-wrap {

	width: 100%;

	position: relative;
}


.vaa-auth-card input.input-text {

	width:
		100% !important;

	height:
		50px !important;

	min-height:
		50px !important;

	margin:
		0 !important;

	padding:
		0
		14px !important;

	border:
		1px solid var(--auth-line-medium) !important;

	border-radius:
		0 !important;

	outline:
		0 !important;

	background:
		rgba(255,255,255,.82) !important;

	box-shadow:
		none !important;

	color:
		var(--auth-black) !important;

	font-size:
		10px !important;
}


.vaa-auth-card input.input-text:focus {

	border-color:
		var(--auth-black) !important;

	background:
		#ffffff !important;
}


/* ==========================================================
   18. LOGIN OPTIONS
   ========================================================== */

.vaa-login-options {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 14px;

	margin:
		3px
		0
		20px;
}


.vaa-remember {

	display:
		inline-flex !important;

	align-items: center;

	gap: 7px;

	margin: 0 !important;

	color:
		var(--auth-muted);

	font-size:
		8px;
}


.vaa-remember input {

	margin: 0;

	accent-color:
		var(--auth-black);
}


.vaa-forgot-password {

	color:
		var(--auth-black) !important;

	font-size:
		8px;

	font-weight:
		600;

	text-decoration:
		underline !important;

	text-underline-offset:
		3px;
}


/* ==========================================================
   19. BUTTONS
   ========================================================== */

.vaa-primary-button,
.vaa-secondary-button {

	width:
		100% !important;

	min-height:
		54px !important;

	display:
		flex !important;

	align-items: center;

	justify-content: space-between;

	gap: 15px;

	margin:
		0 !important;

	padding:
		0
		20px !important;

	float:
		none !important;

	border-radius:
		0 !important;

	font-size:
		7px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.15em;

	text-transform:
		uppercase;

	transition:
		all .25s ease;
}


.vaa-primary-button {

	border:
		1px solid var(--auth-black) !important;

	background:
		var(--auth-black) !important;

	color:
		#fff !important;

	box-shadow:
		0 16px 38px rgba(21,20,17,.15) !important;
}


.vaa-primary-button:hover {

	transform:
		translateY(-2px);

	background:
		var(--auth-black-soft) !important;
}


.vaa-secondary-button {

	border:
		1px solid var(--auth-black) !important;

	background:
		transparent !important;

	color:
		var(--auth-black) !important;

	box-shadow:
		none !important;
}


.vaa-secondary-button:hover {

	transform:
		translateY(-2px);

	background:
		var(--auth-black) !important;

	color:
		#fff !important;
}


/* ==========================================================
   20. AUTO PASSWORD MESSAGE
   ========================================================== */

.vaa-auto-password-note {

	display: flex;

	align-items: flex-start;

	gap: 10px;

	margin-bottom: 18px;

	padding: 13px;

	border:
		1px solid var(--auth-line);

	background:
		rgba(255,255,255,.45);
}


.vaa-auto-password-note p {

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	background: transparent !important;

	color:
		var(--auth-muted) !important;

	font-size:
		8px !important;

	line-height:
		1.55 !important;
}


/* ==========================================================
   21. PRIVACY TEXT
   ========================================================== */

.vaa-form .woocommerce-privacy-policy-text {

	margin:
		14px
		0
		17px !important;

	color:
		var(--auth-muted);

	font-size:
		7px !important;

	line-height:
		1.55 !important;
}


.vaa-form .woocommerce-privacy-policy-text p {

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	background: transparent !important;

	font-size: inherit !important;

	line-height: inherit !important;
}


/* ==========================================================
   22. WOOCOMMERCE PASSWORD METER
   ========================================================== */

.valron-auth-page
.woocommerce-password-strength {

	margin-top: 7px;

	padding:
		7px
		9px !important;

	border:
		1px solid var(--auth-line) !important;

	background:
		rgba(255,255,255,.50) !important;

	font-size:
		7px !important;

	text-align: left !important;
}


/* ==========================================================
   23. DESKTOP HEIGHT OPTIMIZATION
   ========================================================== */

@media (min-width: 1200px) and (min-height: 760px) {

	.valron-auth-page,
	.vaa-shell {

		min-height:
			calc(100vh - 155px);
	}

}


/* ==========================================================
   24. TABLET
   ========================================================== */

@media (max-width: 1080px) {

	.vaa-shell {

		grid-template-columns:
			1fr;

		min-height:
			auto;
	}


	.vaa-intro {

		padding:
			45px
			35px;

		border-right:
			0;

		border-bottom:
			1px solid var(--auth-line);
	}


	.vaa-intro-inner {

		max-width:
			900px;
	}


	.vaa-benefits {

		display: grid;

		grid-template-columns:
			repeat(3,1fr);
	}


	.vaa-benefit {

		padding:
			0
			12px;

		border-right:
			1px solid var(--auth-line);

		border-bottom:
			0;
	}


	.vaa-benefit:last-child {

		border-right:
			0;
	}


	.vaa-auth-area {

		padding:
			36px;
	}


	#customer_login.vaa-auth-grid {

		max-width:
			950px !important;
	}

}


/* ==========================================================
   25. MOBILE
   ========================================================== */

@media (max-width: 767px) {

	.valron-auth-page {

		min-height:
			auto;
	}


	.vaa-intro {

		padding:
			34px
			16px;
	}


	.vaa-title {

		font-size:
			clamp(43px,13vw,60px) !important;
	}


	.vaa-title-muted {

		margin-left:
			18px;
	}


	.vaa-benefits {

		display:
			block;
	}


	.vaa-benefit {

		padding:
			0;

		border-right:
			0;

		border-bottom:
			1px solid var(--auth-line);
	}


	.vaa-auth-area {

		padding:
			20px
			14px
			55px;
	}


	#customer_login.vaa-auth-grid {

		grid-template-columns:
			1fr !important;

		gap:
			15px !important;
	}


	.vaa-auth-card {

		padding:
			22px
			18px !important;
	}


	.vaa-login-options {

		align-items:
			flex-start;

		flex-direction:
			column;
	}

}