/* Customer pages use the current Wax shell, typography and product-button shape. */
.wax-site .wax-forms-page,
.wax-site .wax-account-page {
	color: var(--second-color, #315c50);
	padding: 52px 0 48px;
}
.wax-site .wax-account-eyebrow {
	font-size: 12px !important;
	line-height: 1.5 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 600;
	color: #768475;
	margin: 0 0 16px !important;
}
.wax-site .wax-forms-page h1,
.wax-site .wax-account-intro h1 {
	font-size: clamp(32px, 4.5vw, 52px);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -0.025em;
	margin: 0 0 32px;
}
.wax-site .wax-account-layout {
	max-width: 1080px;
	grid-template-columns: minmax(0, 480px) minmax(0, 420px);
	gap: 80px;
	align-items: start;
}
.wax-site .wax-account-main {
	padding-block: 12px;
}
.wax-site .wax-account-aside {
	border: 0;
	padding: 40px;
	background: #f4eee5;
	border-radius: 22px;
	position: relative;
	overflow: hidden;
}
.wax-site .wax-account-aside-symbol {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	background: #e5ebdc;
	border-radius: 50%;
	margin-bottom: 24px;
	color: #385c50;
}
.wax-site .wax-account-aside-symbol svg {
	width: 32px;
	height: 32px;
}
.wax-site .wax-account-aside h2 {
	font-size: 30px;
	line-height: 1.25;
	max-width: 15ch;
}
.wax-site .wax-account-aside p {
	max-width: 32ch;
}
.wax-site .wax-account-aside .wax-partner-link {
	border-top: 1px solid #d9d7cc;
	padding-top: 24px;
}
.wax-site .wax-account-aside .wax-partner-link a {
	display: inline-block;
	margin-top: 8px;
	font-weight: 600;
}
.wax-site .wax-form-narrow {
	max-width: 500px;
	padding: 32px;
	background: #f5f6ef;
	border-radius: 18px;
}
.wax-site .wax-form :is(.form-control, input[type="date"], textarea, select) {
	background: #fff;
	border-color: #ccd5c8;
	border-radius: 10px;
	min-height: 50px;
}
.wax-site .wax-form .form-group {
	margin-bottom: 22px;
}
.wax-site .wax-form label:not(.form-check-label) {
	font-size: 14px;
	color: #3d4e40;
}
.wax-site .wax-form-errors {
	border: 1px solid #e2c8bd;
	background: #fcf2ec;
	color: #7a3d30;
	border-radius: 10px;
	padding: 16px 20px;
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 1.6;
}
.wax-site .wax-form-errors ul {
	padding-left: 18px;
	margin: 0;
}
.wax-site .wax-form-errors:focus {
	outline: 2px solid #a76d55;
	outline-offset: 3px;
}
.wax-site .wax-form-notice {
	border: 1px solid #c7d5be;
	background: #edf3e8;
	color: #315c50;
	border-radius: 10px;
	padding: 16px 20px;
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 1.6;
}
.wax-site .wax-password-field {
	position: relative;
}
.wax-site .wax-password-field input {
	padding-right: 52px !important;
}
.wax-site .wax-password-toggle {
	position: absolute;
	right: 4px;
	top: 3px;
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	background: none;
	border: 0;
	color: #4d6555;
	border-radius: 8px;
}
.wax-site .wax-password-toggle svg {
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
}
.wax-site .wax-password-toggle:focus-visible {
	outline: 2px solid #315c50;
	outline-offset: 0;
}
.wax-site .wax-customer-layout {
	display: grid;
	grid-template-columns: 262px minmax(0, 1fr);
	gap: 48px;
	align-items: start;
}
.wax-site .wax-account-intro {
	margin-bottom: 36px;
}
.wax-site .wax-account-intro h1 {
	margin-bottom: 0;
	overflow-wrap: anywhere;
}
.wax-site .wax-customer-sidebar {
	background: #f1f3e9;
	border: 1px solid #e0e5d7;
	border-radius: 18px;
	padding: 24px 14px 14px;
}
.wax-site .wax-customer-identity {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 0 8px 24px;
	margin-bottom: 8px;
	border-bottom: 1px solid #dce1d2;
}
.wax-site .wax-account-mark {
	flex: none;
	width: 34px;
	height: 34px;
	padding: 5px;
	color: #315c50;
}
.wax-site .wax-account-mark svg {
	width: 24px;
	height: 24px;
}
.wax-site .wax-customer-identity > div {
	min-width: 0;
	padding-top: 1px;
}
.wax-site .wax-customer-identity strong {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	overflow-wrap: anywhere;
}
.wax-site .wax-customer-identity span:not(.wax-account-mark) {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	overflow-wrap: anywhere;
	color: #63715e;
	margin-top: 4px;
}
.wax-site .wax-customer-sidebar nav {
	display: grid;
	gap: 4px;
}
.wax-site .wax-customer-sidebar :is(nav a, .wax-account-logout) {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 14px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	color: #385546;
	min-width: 0;
}
.wax-site .wax-customer-sidebar :is(nav a, .wax-account-logout) > svg {
	width: 21px;
	height: 21px;
	flex: none;
}
.wax-site .wax-customer-sidebar nav a[aria-current="page"] {
	background: #385c50;
	color: white;
}
.wax-site .wax-customer-sidebar .wax-account-logout {
	margin-top: 20px;
	border-top: 1px solid #dce1d2;
	border-radius: 0;
	padding-top: 20px;
	font-size: 13px;
}
.wax-site .wax-customer-content {
	min-width: 0;
}
.wax-site .wax-account-card,
.wax-site .wax-order-card {
	border: 1px solid #dce3d7;
	border-radius: 16px;
	padding: 28px;
	margin-bottom: 24px;
	background: white;
	min-width: 0;
}
.wax-site .wax-account-card h2,
.wax-site .wax-account-section-head h2 {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 20px;
	color: #315c50;
}
.wax-site .wax-account-section-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.wax-site .wax-account-section-head h2,
.wax-site .wax-account-section-head p {
	margin: 0;
}
.wax-site .wax-account-text-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #315c50;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: underline;
	text-underline-offset: 4px;
}
.wax-site .wax-account-text-link > svg {
	width: 18px;
	height: 18px;
	flex: none;
}
.wax-site .wax-account-data {
	margin: 0;
	display: grid;
	gap: 16px;
}
.wax-site .wax-account-data > div {
	display: grid;
	grid-template-columns: minmax(90px, 1fr) minmax(0, 2fr);
	gap: 16px;
	align-items: start;
	font-size: 15px;
	line-height: 1.6;
}
.wax-site .wax-account-data dt {
	font-weight: 500;
	color: #71806b;
}
.wax-site .wax-account-data dd {
	margin: 0;
	color: #314b3c;
	overflow-wrap: anywhere;
}
.wax-site .wax-account-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.wax-site .wax-account-card-grid .wax-account-card {
	margin-bottom: 24px;
}
.wax-site .wax-account-address {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	font-style: normal;
	color: #3e5141;
	overflow-wrap: anywhere;
}
.wax-site .wax-account-address :is(span, strong) {
	display: block;
}
.wax-site .wax-account-card > p {
	font-size: 14px;
	line-height: 1.7;
	margin-top: 16px;
	overflow-wrap: anywhere;
}
.wax-site .wax-account-meta {
	font-size: 12px;
	line-height: 1.6;
	color: #6c7865;
	margin: 0 0 24px;
	overflow-wrap: anywhere;
}
.wax-site .wax-account-meta > span {
	margin-inline: 8px;
}
.wax-site .wax-account-hint {
	font-size: 13px;
	color: #6c7865;
	margin-bottom: 0;
}
.wax-site .wax-account-password .wax-form {
	max-width: 460px;
}
.wax-site .wax-conditional-fields {
	padding-top: 18px;
}
.wax-site .wax-conditional-fields[hidden],
.wax-site [data-slovak-tax-id][hidden] {
	display: none !important;
}
.wax-site .wax-order-card header,
.wax-site .wax-order-card footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.wax-site .wax-order-card header a {
	font-size: 20px;
	color: #315c50;
}
.wax-site .wax-order-card > .wax-account-meta {
	margin: 8px 0 24px;
}
.wax-site .wax-order-card footer {
	border-top: 1px solid #e3e7dc;
	padding-top: 18px;
	margin-top: 20px;
}
.wax-site .wax-order-card footer > strong {
	font-size: 20px;
	color: #315c50;
}
.wax-site .wax-order-status {
	display: inline-block;
	border-radius: 35px;
	background: #edf2e6;
	color: #3e5b37;
	font-size: 12px;
	font-weight: 600;
	padding: 7px 13px;
	line-height: 1.4;
}
.wax-site .wax-order-table-wrap {
	overflow-x: auto;
	max-width: 100%;
	overscroll-behavior-x: contain;
	border-radius: 6px;
}
.wax-site .wax-order-table-wrap:focus-visible {
	outline: 2px solid #315c50;
	outline-offset: 3px;
}
.wax-site .wax-order-table {
	width: 100%;
	font-size: 13px;
	color: #3d5140;
	border-collapse: collapse;
}
.wax-site .wax-order-table th {
	font-size: 11px;
	font-weight: 600;
	color: #74806b;
	padding: 12px 10px;
	border-bottom: 1px solid #dce3d7;
	white-space: nowrap;
}
.wax-site .wax-order-table td {
	padding: 16px 10px;
	border-bottom: 1px solid #e8ebe3;
	vertical-align: middle;
	min-width: 64px;
}
.wax-site .wax-order-table td:nth-child(2) {
	min-width: 190px;
}
.wax-site .wax-order-table td:nth-child(n + 3) {
	white-space: nowrap;
}
.wax-site .wax-order-product-image {
	width: 56px;
	height: 56px;
	object-fit: contain;
	border-radius: 8px;
	background: #f4f4ed;
}
.wax-site .wax-order-table :is(a, .title) {
	color: #315c50;
	font-weight: 600;
}
.wax-site .wax-order-table :is(.param-name, .variant-info) {
	font-size: 12px;
}
.wax-site .wax-order-grand-total {
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	align-items: baseline;
	font-size: 15px;
	margin-top: 24px;
}
.wax-site .wax-order-grand-total strong {
	font-size: 24px;
	color: #315c50;
}
.wax-site .wax-account-empty {
	padding: 48px 24px;
	text-align: center;
	background: #f1f3e9;
	border-radius: 18px;
}
.wax-site .wax-account-empty > svg {
	width: 52px;
	height: 52px;
	margin: 0 auto 24px;
	color: #5c7658;
}
.wax-site .wax-account-empty h2 {
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 28px;
	color: #315c50;
}
@media (hover: hover) {
	.wax-site .wax-customer-sidebar nav a:not([aria-current]):hover {
		background: #e3e8d9;
	}
	.wax-site .wax-account-text-link:hover {
		color: #213c30;
	}
	.wax-site .wax-password-toggle:hover {
		background: #edf2e8;
	}
}
@media (max-width: 991.98px) {
	.wax-site .wax-customer-layout {
		grid-template-columns: 225px minmax(0, 1fr);
		gap: 28px;
	}
	.wax-site .wax-account-card-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.wax-site .wax-account-aside {
		padding: 30px;
	}
	.wax-site .wax-account-layout {
		gap: 40px;
	}
}
@media (max-width: 767.98px) {
	.wax-site .wax-forms-page,
	.wax-site .wax-account-page {
		padding: 28px 0 32px;
	}
	.wax-site .wax-account-layout,
	.wax-site .wax-customer-layout {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.wax-site .wax-account-aside {
		padding: 28px;
		border: 0;
	}
	.wax-site .wax-customer-sidebar {
		padding: 18px 12px 12px;
	}
	.wax-site .wax-customer-identity {
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	.wax-site .wax-customer-sidebar nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
	.wax-site .wax-customer-sidebar nav a {
		padding: 12px 10px;
		font-size: 13px;
		gap: 8px;
		align-items: flex-start;
	}
	.wax-site .wax-customer-sidebar .wax-account-logout {
		margin-top: 14px;
		padding: 14px 10px 4px;
	}
	.wax-site .wax-account-intro {
		margin-bottom: 28px;
	}
	.wax-site .wax-account-card,
	.wax-site .wax-order-card {
		padding: 22px;
		border-radius: 12px;
	}
	.wax-site .wax-account-data > div {
		grid-template-columns: 1fr;
		gap: 3px;
	}
	.wax-site .wax-account-data {
		gap: 18px;
	}
	.wax-site .wax-form-narrow {
		padding: 24px;
	}
	.wax-site .wax-account-section-head {
		align-items: flex-start;
	}
	.wax-site .wax-order-grand-total {
		justify-content: space-between;
	}
	.wax-site .wax-order-card header a {
		font-size: 18px;
	}
	.wax-site .wax-order-table td {
		padding-inline: 8px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.wax-site .wax-password-toggle {
		transition: none;
	}
}
.wax-site .wax-address-heading {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.wax-site .wax-address-heading h2 {
	margin: 0;
}
@media (max-width: 767.98px) {
	.wax-site .wax-customer-sidebar nav {
		display: flex;
		overflow-x: auto;
		scrollbar-width: thin;
		gap: 8px;
		padding-bottom: 8px;
		overscroll-behavior-x: contain;
	}
	.wax-site .wax-customer-sidebar nav a {
		flex: none;
		white-space: nowrap;
		align-items: center;
	}
}
@media (max-width: 767.98px) {
	.wax-site .wax-order-table {
		display: block;
	}
	.wax-site .wax-order-table thead {
		display: none;
	}
	.wax-site .wax-order-table tbody {
		display: block;
	}
	.wax-site .wax-order-table tr {
		display: grid;
		grid-template-columns: 56px minmax(0, 1fr);
		gap: 8px 12px;
		padding: 18px 0;
		border-bottom: 1px solid #e3e7dc;
	}
	.wax-site .wax-order-table td {
		padding: 0;
		border: 0;
		min-width: 0 !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
	}
	.wax-site .wax-order-table td:first-child {
		grid-column: 1;
		grid-row: 1 / span 5;
	}
	.wax-site .wax-order-table td:nth-child(2) {
		grid-column: 2;
		margin-bottom: 6px;
	}
	.wax-site .wax-order-table td:nth-child(n + 3) {
		grid-column: 2;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 6px;
		align-items: baseline;
	}
	.wax-site .wax-order-table td[data-label]::before {
		content: attr(data-label);
		font-size: 11px;
		line-height: 1.5;
		color: #71806b;
	}
	.wax-site .wax-order-table td:nth-child(6) {
		font-weight: 600;
	}
}
.wax-site .wax-customer-sidebar,
.wax-site .wax-customer-sidebar nav {
	min-width: 0;
	max-width: 100%;
}