body.woocommerce-account {
	.entry-content {
		margin-left: auto;
		margin-right: auto;
	}

	#customer_login {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
		align-items: stretch;

		&::before,
		&::after {
			content: none;
			display: none;
		}

		.col-1,
		.col-2,
		.u-column1,
		.u-column2 {
			float: none;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
		}

		h2 {
			color: #1B1B1D;
			margin-block-end: 16px;
		}

		form {
			background: #fff;
			border: none;
			border-radius: 12px;
			box-shadow: 0px 0px 4px 3px #cdcfcf4a;
			padding: 32px 28px;
			flex: 1 1 auto;
			display: flex;
			flex-direction: column;
		}

		label {
			color: #1B1B1D;
			font-size: 1rem;
			line-height: 1.4;
		}

		label[for="password"],
		.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme,
		.form-row {
			margin-top: 0;
			margin-block-start: 0;
		}

		.woocommerce-form-login__rememberme {
			display: flex;
			align-items: center;
			float: none;
			font-size: 1rem;
			line-height: 1;
			margin-bottom: 1rem;
			cursor: pointer;

			input[type="checkbox"] {
				width: 16px;
				height: 16px;
				min-width: 16px;
				min-height: 16px;
				margin: 0 8px 0 0;
				padding: 0;
				vertical-align: middle;
			}

			span {
				line-height: 1;
				text-box: trim-both cap alphabetic;
			}
		}

		input.input-text,
		input[type="text"],
		input[type="email"],
		input[type="password"] {
			width: 100%;
			border-radius: 8px;
			border-color: #2B3439;
			font-size: 16px;
			padding: 8px 16px;
			margin-bottom: 16px;
			box-shadow: none;
		}

		#password {
			margin-bottom: 0;
			margin-block-end: 0;
		}

		.form-row:has(.woocommerce-form-login__submit) {
			display: flex;
			flex-direction: column;
			align-items: stretch;
			float: none;
			margin-top: 0;
			padding-top: 8px;
		}

		.woocommerce-form-row.form-row:has(.woocommerce-form-register__submit) {
			display: flex;
			flex-direction: column;
			align-items: stretch;
			float: none;
			margin-top: auto;
			padding-top: 8px;
		}

		.woocommerce-form-login__submit {
			margin-top: 42px;
		}

		.woocommerce-form-login__submit,
		.woocommerce-form-register__submit {
			float: none;
			width: 100%;
			height: auto;
			min-height: 0;
			background: var(--vinnshop-btn-dark-bg);
			border: none;
			border-radius: var(--vinnshop-btn-radius);
			color: var(--vinnshop-btn-dark-color);
			padding: 12px 16px;
			font-size: 16px;
			line-height: 1.4;
			text-shadow: none;
			box-shadow: none;
			transition: var(--vinnshop-btn-transition);

			&:hover {
				background: var(--vinnshop-btn-dark-bg-hover);
				border: none;
				color: var(--vinnshop-btn-dark-color);
			}

			&:focus,
			&:focus-visible {
				outline: none;
				background: var(--vinnshop-btn-dark-bg-focus);
				color: var(--vinnshop-btn-dark-color);
				box-shadow: 0 0 0 1px var(--vinnshop-btn-dark-focus-ring);
			}

			&:active {
				background: var(--vinnshop-btn-dark-bg-active);
				color: var(--vinnshop-btn-dark-color);
			}
		}

		.woocommerce-LostPassword.lost_password {
			text-align: center;
			margin-bottom: 0;
			margin-block-end: 0;

			a {
				font-size: 1rem;
				color: #1B1B1D;
				text-decoration: underline;
				text-underline-offset: 40%;

				&:hover,
				&:focus {
					color: #2B3439;
				}
			}
		}

		.register {
			p {
				font-size: var(--wp--preset--font-size--custom-1);
			}
		}

		.woocommerce-privacy-policy-text {
			font-size: var(--wp--preset--font-size--custom-1);
		}

		@media all and (max-width: 768px) {
			grid-template-columns: 1fr;

			.col-1,
			.col-2,
			.u-column1,
			.u-column2 {
				width: 100%;
			}
		}
	}

	.woocommerce-notices-wrapper {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-bottom: var(--wp--preset--spacing--40);

		&:empty,
		&:not(:has(.woocommerce-info, .woocommerce-message, .woocommerce-error, .wc-block-components-notice-banner)) {
			display: none;
			margin: 0;
		}

		.woocommerce-info,
		.woocommerce-message,
		.woocommerce-error,
		.wc-block-components-notice-banner {
			margin: 0;

			&::after {
				content: none;
				display: none;
			}
		}
	}

	.woocommerce-info,
	.woocommerce-message {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
	}

	.woocommerce-info,
	.woocommerce-message,
	.woocommerce-error,
	.wc-block-components-notice-banner {
		margin: 0 0 var(--wp--preset--spacing--40);
		padding: 16px 20px;
		border: none;
		border-left: 4px solid #2B3439;
		border-radius: 16px;
		background: #DDE7ED;
		color: #1B1B1D;
		font-size: 1rem;
		line-height: 1.5;
		list-style: none;

		&::before {
			content: none;
			display: none;
		}

		a:not(.button):not(.wc-forward) {
			color: #1B1B1D;
			text-decoration: underline;
			text-underline-offset: 40%;

			&:hover,
			&:focus {
				color: #2B3439;
			}
		}

		.button,
		.wc-forward {
			order: 1;
			float: none;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin: 0;
			padding: var(--vinnshop-btn-padding);
			background: var(--vinnshop-btn-dark-bg);
			border: none;
			border-radius: var(--vinnshop-btn-radius);
			color: var(--vinnshop-btn-dark-color);
			font-size: 16px;
			font-weight: 400;
			line-height: 1.4;
			text-decoration: none;
			box-shadow: none;
			opacity: 1;
			transition: var(--vinnshop-btn-transition);

			&:hover {
				background: var(--vinnshop-btn-dark-bg-hover);
				color: var(--vinnshop-btn-dark-color);
				opacity: 1;
			}

			&:focus,
			&:focus-visible {
				outline: none;
				background: var(--vinnshop-btn-dark-bg-focus);
				color: var(--vinnshop-btn-dark-color);
				box-shadow: 0 0 0 1px var(--vinnshop-btn-dark-focus-ring);
			}
		}
	}

	.woocommerce-error,
	.wc-block-components-notice-banner.is-error {
		background: #F7EDED;
		border-left-color: #8A2B2B;
	}

	.wc-block-components-notice-banner {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		padding: 16px 20px !important;

		> svg {
			flex: 0 0 24px;
			width: 24px;
			height: 24px;
			padding: 2px;
			border-radius: 50%;
			background-color: #2B3439;
			fill: #DDE7ED;
		}

		&.is-success,
		&.is-info,
		&.is-warning {
			background-color: #DDE7ED !important;
			border-color: #2B3439;

			> svg {
				background-color: #2B3439;
				fill: #DDE7ED;
			}
		}

		&.is-error {
			background-color: #F7EDED !important;
			border-color: #8A2B2B;

			> svg {
				background-color: #8A2B2B;
				fill: #F7EDED;
			}
		}

		.wc-block-components-notice-banner__content {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 12px;
			flex: 1 1 auto;
			color: #1B1B1D;

			.button,
			.wc-forward {
				order: 1;
				float: none;
				margin: 0;
				padding: var(--vinnshop-btn-padding) !important;
				background: var(--vinnshop-btn-dark-bg) !important;
				border: none;
				color: var(--vinnshop-btn-dark-color) !important;
				opacity: 1;
				text-decoration: none;
			}
		}
	}

	@media all and (max-width: 768px) {
		.woocommerce-info,
		.woocommerce-message,
		.woocommerce-error,
		.wc-block-components-notice-banner {
			.button,
			.wc-forward {
				padding: var(--vinnshop-btn-padding-mobile);
			}
		}

		.wc-block-components-notice-banner .wc-block-components-notice-banner__content .button,
		.wc-block-components-notice-banner .wc-block-components-notice-banner__content .wc-forward {
			padding: var(--vinnshop-btn-padding-mobile) !important;
		}
	}

	&.logged-in {
		.woocommerce {
			background: #fff;
			border-radius: 16px;
			padding: var(--wp--preset--spacing--100);
			max-width: var(--wp--style--global--wide-size);
			width: 100%;
			margin-inline: auto;
			display: grid;
			grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
			align-items: start;
			column-gap: 0;

			&::before,
			&::after {
				content: none;
				display: none;
			}

			.woocommerce-notices-wrapper,
			.woocommerce-message,
			.woocommerce-info,
			.woocommerce-error,
			.wc-block-components-notice-banner {
				grid-column: 1 / -1;
			}

			.woocommerce-MyAccount-navigation {
				float: none;
				width: auto;

				.woocommerce-MyAccount-navigation-link--customer-logout {
					margin-top: var(--wp--preset--spacing--70);

					a {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						width: auto;
						max-width: fit-content;
						padding: var(--vinnshop-btn-padding);
						background: var(--vinnshop-btn-dark-bg);
						border: none;
						border-radius: var(--vinnshop-btn-radius);
						color: var(--vinnshop-btn-dark-color);
						font-size: 16px;
						font-weight: 400;
						line-height: 1.4;
						text-align: center;
						text-decoration: none;
						box-shadow: none;
						transition: var(--vinnshop-btn-transition);

						&:hover {
							background: var(--vinnshop-btn-dark-bg-hover);
							color: var(--vinnshop-btn-dark-color);
						}

						&:focus,
						&:focus-visible {
							outline: none;
							background: var(--vinnshop-btn-dark-bg-focus);
							color: var(--vinnshop-btn-dark-color);
							box-shadow: 0 0 0 1px var(--vinnshop-btn-dark-focus-ring);
						}

						&:active {
							background: var(--vinnshop-btn-dark-bg-active);
							color: var(--vinnshop-btn-dark-color);
						}
					}
				}

				.woocommerce-MyAccount-navigation-link--user-switching-switch-back a {
					font-size: 1rem;
					opacity: 60%;
					text-decoration: underline;
				}
			}

			.woocommerce-MyAccount-content {
				float: none;
				width: auto;
				min-width: 0;
				border-left: 1px solid var(--wp--preset--color--custom-varm-gr-200);
				padding-left: var(--wp--preset--spacing--50);

				&:has(.woocommerce-Addresses) > p,
				&:has(.woocommerce-Address) > p {
					margin-block-end: var(--wp--preset--spacing--40);
					color: #1B1B1D;
				}

				.u-columns.woocommerce-Addresses.col2-set {
					display: grid;
					grid-template-columns: repeat(2, minmax(0, 1fr));
					align-items: stretch;
					gap: var(--wp--preset--spacing--40);
					width: 100%;

					&::before,
					&::after {
						content: none;
						display: none;
					}

					.col-1,
					.col-2,
					.u-column1,
					.u-column2 {
						float: none;
						width: auto;
						max-width: none;
					}
				}

				.woocommerce-Address {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					gap: 16px;
					min-width: 0;
					padding: 20px;
					background: #e5e5e6;
					border-radius: 16px;
					color: #1B1B1D;
				}

				.woocommerce-Address-title {
					display: contents;

					&::before,
					&::after {
						content: none;
						display: none;
					}

					h2,
					h3 {
						float: none;
						order: 0;
						margin: 0;
						color: #1B1B1D;
						font-size: var(--wp--preset--font-size--custom-7);
						font-weight: 600;
						line-height: 1.3;
					}

					.edit {
						float: none;
						order: 2;
						display: inline-flex;
						align-items: center;
						justify-content: center;
						margin-top: auto;
						padding: var(--vinnshop-btn-padding);
						background: var(--vinnshop-btn-dark-bg);
						border: none;
						border-radius: var(--vinnshop-btn-radius);
						color: var(--vinnshop-btn-dark-color);
						font-size: 16px;
						font-weight: 400;
						line-height: 1.4;
						text-decoration: none;
						white-space: nowrap;
						transition: var(--vinnshop-btn-transition);

						&:hover {
							background: var(--vinnshop-btn-dark-bg-hover);
							color: var(--vinnshop-btn-dark-color);
						}

						&:focus,
						&:focus-visible {
							outline: none;
							background: var(--vinnshop-btn-dark-bg-focus);
							color: var(--vinnshop-btn-dark-color);
							box-shadow: 0 0 0 1px var(--vinnshop-btn-dark-focus-ring);
						}
					}
				}

				.woocommerce-Address address {
					order: 1;
					margin: 0;
					margin-bottom: var(--wp--preset--spacing--40);
					font-style: normal;
					color: #1B1B1D;
					line-height: 1.5;
				}

				form:has(.woocommerce-address-fields) > h2 {
					margin-block-end: var(--wp--preset--spacing--40);
					color: #1B1B1D;
					font-size: var(--wp--preset--font-size--large, 1.5rem);
					font-weight: 600;
					line-height: 1.3;
				}

				.woocommerce-address-fields {
					.form-row,
					.form-row-first,
					.form-row-last,
					.form-row-wide {
						float: none;
						width: 100%;
						padding: 0;
						margin: 0 0 16px;
					}

					label {
						color: #1B1B1D;
					}

					input.input-text,
					input[type="text"],
					input[type="email"],
					input[type="tel"],
					select,
					textarea {
						width: 100%;
						border-radius: 8px;
						border-color: #2B3439;
						font-size: 16px;
						padding: 8px 16px;
						box-shadow: none;
					}

					.button {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						padding: var(--vinnshop-btn-padding);
						background: var(--vinnshop-btn-dark-bg);
						border: none;
						border-radius: var(--vinnshop-btn-radius);
						color: var(--vinnshop-btn-dark-color);
						font-size: 16px;
						font-weight: 400;
						line-height: 1.4;
						text-decoration: none;
						box-shadow: none;
						transition: var(--vinnshop-btn-transition);

						&:hover {
							background: var(--vinnshop-btn-dark-bg-hover);
							color: var(--vinnshop-btn-dark-color);
						}
					}
				}

				#account_display_name_description {
					font-size: 1rem;
					opacity: 80%;
				}

				.woocommerce-EditAccountForm fieldset {
					margin-top: var(--wp--preset--spacing--70);
				}

				> p:has(.order-number) {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					gap: 12px;
					margin: 0 0 var(--wp--preset--spacing--40);
					padding: 20px 24px;
					background: #e5e5e6;
					border-radius: 16px;
					color: #1B1B1D;
					font-size: 1rem;
					line-height: 1.5;

					mark {
						background: none;
						color: inherit;
						font-weight: 600;
					}

					.woocommerce-order-overview__status-line {
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						gap: 8px;
					}

					.order-status {
						display: inline-flex;
						align-items: center;
						width: fit-content;
						max-width: 100%;
						padding: 4px 12px;
						background: #fff;
						border: none;
						border-radius: 999px;
						font-size: var(--wp--preset--font-size--custom-1, 0.875rem);
						font-weight: 500;
						line-height: 1.4;
						white-space: normal;
					}
				}

				> h2 {
					margin-block-start: 0;
					margin-block-end: var(--wp--preset--spacing--40);
					color: #1B1B1D;
					font-size: var(--wp--preset--font-size--large, 1.5rem);
					font-weight: 600;
					line-height: 1.3;
				}
			}

			.woocommerce-orders-table.woocommerce-MyAccount-orders {
				width: 100%;
				margin: 0;
				border: none;
				border-collapse: separate;
				border-spacing: 0;
				border-radius: 16px;
				background: #e5e5e6;
				overflow: hidden;
				font-size: 1rem;
				color: #1B1B1D;

				th,
				td {
					padding: 16px;
					border: none;
					border-top: 1px solid #fff;
					vertical-align: middle;
					line-height: 1.4;
					background: transparent;
				}

				thead th {
					border-top: none;
					color: #1B1B1D;
					font-size: 1rem;
					font-weight: 400;
				}

				tbody tr:first-child {

					th,
					td {
						border-top: 1px solid #fff;
					}
				}

				.woocommerce-orders-table__cell-order-number a {
					color: #1B1B1D;
					font-weight: 600;
					text-decoration: none;

					&:hover,
					&:focus {
						text-decoration: underline;
					}
				}

				.woocommerce-orders-table__status {
					display: inline-flex;
					align-items: center;
					width: fit-content;
					max-width: 100%;
					padding: 4px 12px;
					background: #fff;
					border: none;
					border-radius: 14px;
					color: #1B1B1D;
					font-size: var(--wp--preset--font-size--custom-1, 0.875rem);
					font-weight: 500;
					line-height: 1.4;
					white-space: nowrap;
				}

				.woocommerce-orders-table__cell-order-actions {
					white-space: nowrap;

					&::before {
						display: none;
					}

					.woocommerce-button,
					.button {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						width: auto;
						margin: 0 0 0 8px;
						padding: var(--vinnshop-btn-padding);
						background: var(--vinnshop-btn-dark-bg);
						border: none;
						border-radius: var(--vinnshop-btn-radius);
						color: var(--vinnshop-btn-dark-color);
						font-size: 16px;
						font-weight: 400;
						line-height: 1.4;
						text-decoration: none;
						white-space: nowrap;
						box-shadow: none;
						transition: var(--vinnshop-btn-transition);

						&:first-child {
							margin-left: 0;
						}

						&:hover {
							background: var(--vinnshop-btn-dark-bg-hover);
							color: var(--vinnshop-btn-dark-color);
						}

						&:focus,
						&:focus-visible {
							outline: none;
							background: var(--vinnshop-btn-dark-bg-focus);
							color: var(--vinnshop-btn-dark-color);
							box-shadow: 0 0 0 1px var(--vinnshop-btn-dark-focus-ring);
						}

						&:active {
							background: var(--vinnshop-btn-dark-bg-active);
							color: var(--vinnshop-btn-dark-color);
						}
					}
				}
			}

			.woocommerce-pagination {
				display: flex;
				gap: 12px;
				margin-top: var(--wp--preset--spacing--40);

				.woocommerce-button,
				.button {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					padding: var(--vinnshop-btn-padding);
					background: var(--vinnshop-btn-dark-bg);
					border: none;
					border-radius: var(--vinnshop-btn-radius);
					color: var(--vinnshop-btn-dark-color);
					text-decoration: none;
					transition: var(--vinnshop-btn-transition);

					&:hover {
						background: var(--vinnshop-btn-dark-bg-hover);
						color: var(--vinnshop-btn-dark-color);
					}
				}
			}

			.woocommerce-order-details,
			.woocommerce-order-downloads {
				margin: 0 0 var(--wp--preset--spacing--40);

				.woocommerce-order-details__title,
				.woocommerce-order-downloads__title {
					margin-block-start: 0;
					margin-block-end: var(--wp--preset--spacing--40);
					color: #1B1B1D;
					font-size: var(--wp--preset--font-size--large, 1.5rem);
					font-weight: 600;
					line-height: 1.3;
				}

				table.shop_table,
				.woocommerce-table--order-details,
				.woocommerce-table--order-downloads {
					width: 100%;
					margin: 0;
					border: none;
					border-collapse: separate;
					border-spacing: 0;
					border-radius: 16px;
					background: #e5e5e6;
					overflow: hidden;
					font-size: 1rem;
					color: #1B1B1D;

					th,
					td {
						padding: 16px 20px;
						border: none;
						border-top: 1px solid #fff;
						vertical-align: middle;
						background: transparent;
						line-height: 1.5;
					}

					thead th {
						border-top: none;
						color: #5F6163;
						font-size: 0.875rem;
						font-weight: 600;
					}

					tbody tr:first-child {

						th,
						td {
							border-top: 1px solid #fff;
						}
					}

					.product-name a,
					.download-product a {
						color: #1B1B1D;
						font-weight: 600;
						text-decoration: none;

						&:hover,
						&:focus {
							text-decoration: underline;
						}
					}

					.product-quantity {
						font-weight: 400;
						color: #5F6163;
					}

					.wc-item-meta,
					.variation {
						margin: 8px 0 0;
						padding: 0;
						list-style: none;
						color: #5F6163;
						font-size: 0.875rem;
					}

					.product-total,
					tfoot td {
						text-align: right;
					}

					tfoot th {
						color: #5F6163;
						font-weight: 400;
						text-align: left;
					}

					tfoot tr:has(strong) th,
					tfoot tr:has(strong) td,
					tfoot td strong {
						color: #1B1B1D;
						font-weight: 600;
					}

					.woocommerce-button,
					.button {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						width: auto;
						margin: 0 0 0 8px;
						padding: var(--vinnshop-btn-padding);
						background: var(--vinnshop-btn-dark-bg);
						border: none;
						border-radius: var(--vinnshop-btn-radius);
						color: var(--vinnshop-btn-dark-color);
						font-size: 16px;
						font-weight: 400;
						line-height: 1.4;
						text-decoration: none;
						white-space: nowrap;
						box-shadow: none;
						transition: var(--vinnshop-btn-transition);

						&:first-child {
							margin-left: 0;
						}

						&:hover {
							background: var(--vinnshop-btn-dark-bg-hover);
							color: var(--vinnshop-btn-dark-color);
						}

						&:focus,
						&:focus-visible {
							outline: none;
							background: var(--vinnshop-btn-dark-bg-focus);
							color: var(--vinnshop-btn-dark-color);
							box-shadow: 0 0 0 1px var(--vinnshop-btn-dark-focus-ring);
						}

						&:active {
							background: var(--vinnshop-btn-dark-bg-active);
							color: var(--vinnshop-btn-dark-color);
						}
					}
				}
			}

			.woocommerce-customer-details {
				margin-top: var(--wp--preset--spacing--80);
				margin-bottom: var(--wp--preset--spacing--40);

				.woocommerce-columns--addresses {
					display: grid;
					grid-template-columns: repeat(2, minmax(0, 1fr));
					gap: var(--wp--preset--spacing--40);
					width: 100%;

					&::before,
					&::after {
						content: none;
						display: none;
					}

					.col-1,
					.col-2,
					.woocommerce-column {
						float: none;
						width: auto;
						max-width: none;
					}
				}

				.woocommerce-column {
					display: flex;
					flex-direction: column;
					gap: 16px;
					min-width: 0;
					padding: 20px;
					background: #e5e5e6;
					border-radius: 16px;
					color: #1B1B1D;
				}

				&:not(:has(.addresses)) {
					padding: 20px;
					background: #e5e5e6;
					border-radius: 16px;
				}

				.woocommerce-column__title {
					margin: 0 0 16px;
					color: #1B1B1D;
					font-size: var(--wp--preset--font-size--custom-7);
					font-weight: 600;
					line-height: 1.3;
				}

				.woocommerce-column .woocommerce-column__title {
					margin: 0;
				}

				address {
					margin: 0;
					padding: 0;
					border: none;
					border-radius: 0;
					font-size: 1rem;
					font-style: normal;
					color: #1B1B1D;
					line-height: 1.5;
					width: 100%;
					background: none;
					box-sizing: border-box;
				}

				.woocommerce-customer-details--phone,
				.woocommerce-customer-details--email {
					display: flex;
					align-items: center;
					gap: 8px;
					margin: 8px 0 0;
					padding-left: 0;
					position: relative;
					line-height: 1.4;

					&::before {
						position: static;
						display: inline-flex;
						align-items: center;
						justify-content: center;
						flex: 0 0 auto;
						margin: 0;
						line-height: 1;
					}
				}
			}

			.woocommerce-OrderUpdates {
				display: flex;
				flex-direction: column;
				gap: 12px;
				margin: 0 0 var(--wp--preset--spacing--40);
				padding: 0;
				list-style: none;
			}

			.woocommerce-OrderUpdate-inner {
				padding: 20px;
				background: #e5e5e6;
				border-radius: 16px;
				color: #1B1B1D;
			}

			.woocommerce-OrderUpdate-meta {
				margin: 0 0 8px;
				color: #5F6163;
				font-size: 0.875rem;
				font-weight: 600;
			}

			.woocommerce-OrderUpdate-description {
				margin: 0;
				line-height: 1.5;

				p {
					margin: 0;
				}
			}

			.order-again {
				margin-top: var(--wp--preset--spacing--50);

				.button {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					padding: var(--vinnshop-btn-padding);
					background: var(--vinnshop-btn-dark-bg);
					border: none;
					border-radius: var(--vinnshop-btn-radius);
					color: var(--vinnshop-btn-dark-color);
					font-size: 16px;
					font-weight: 400;
					line-height: 1.4;
					text-decoration: none;
					box-shadow: none;
					transition: var(--vinnshop-btn-transition);

					&:hover {
						background: var(--vinnshop-btn-dark-bg-hover);
						color: var(--vinnshop-btn-dark-color);
					}
				}
			}
		}

		.edwiser-bridge {
			max-width: none !important;

			.eb-my-courses-wrapper {
				display: block;
				width: 100%;
			}

			.eb-my-courses-h2 {
				display: block;
				margin-block-end: var(--wp--preset--spacing--40);
				color: #1B1B1D;
				font-size: var(--wp--preset--font-size--large, 1.5rem);
				font-weight: 600;
				line-height: 1.3;
			}

			.eb_course_cards_wrap {
				display: flex;
				flex-direction: column;
				gap: var(--wp--preset--spacing--40);
			}

			.wdm-col-3-2-1.hentry {
				display: flex;
				float: none;
				width: 100%;
				min-width: 0;
				max-width: none;
				margin: 0;
				padding: 0;
			}

			.hentry .wdm-course-grid > a.wdm-course-thumbnail,
			.wdm-course-grid {
				max-height: none;
			}

			.wdm-course-grid {
				display: flex;
				width: 100%;
				height: auto;
				background: #e5e5e6;
				border: none;
				border-radius: 16px;
				box-shadow: none;
				text-align: left;
				overflow: hidden;
				transition: all 0.3s ease-in-out;
			}

			.wdm-course-grid:hover {
				box-shadow: 0 0 0 3px #787A7D;
				z-index: auto;
			}

			.wdm-course-thumbnail {
				display: flex;
				flex-direction: row;
				align-items: stretch;
				width: 100%;
				height: auto;
				overflow: hidden;
				color: inherit;
				text-decoration: none;
			}

			.wdm-course-thumbnail:hover,
			.wdm-course-thumbnail:focus {
				text-decoration: none;
				color: inherit;
			}

			.wdm-course-image,
			.eb_my_course_article .wdm-course-image {
				flex: 0 0 12rem;
				width: 12rem;
				height: auto;
				min-height: 8.75rem;
				align-self: stretch;
				border-radius: 0;
				overflow: hidden;
			}

			.wdm-course-image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.wdm-course-image img:hover {
				transform: none;
			}

			.wdm-caption {
				flex: 1 1 auto;
				min-width: 0;
				display: flex;
				flex-direction: column;
				gap: 8px;
				padding: var(--wp--preset--spacing--40);
			}

			.eb-cat-wrapper-new {
				width: fit-content;
				max-width: 100%;
				background: #fff;
				border-radius: 16px;
				border: 1px solid var(--wp--preset--color--custom-varm-gr-200);
				padding: 4px 12px;
				font-size: var(--wp--preset--font-size--custom-1, 0.875rem);
				line-height: 1.4;
				text-transform: none;
				color: #1B1B1D;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.wdm-course-grid h4,
			.eb-course-card-title,
			.eb-course-title,
			.eb-course-card-title.eb-course-title {
				height: auto;
				overflow: visible;
				white-space: normal;
				text-overflow: unset;
				padding: 0;
				margin: 0;
				margin-top: 16px;
				color: #1B1B1D;
				font-size: var(--wp--preset--font-size--custom-3, 1.125rem);
				font-weight: 600;
				line-height: 1.3;
			}

			.eb-course-action-cont {
				position: static;
				height: auto;
				margin-top: auto;
			}

			.eb-course-progres-wrap {
				padding-top: 8px;
			}

			.eb-course-action-progress-cont {
				position: relative;
				height: auto;
				line-height: inherit;
				background: transparent;
			}

			.eb-course-action-progress-cont:hover {
				background: transparent;
				color: inherit;
			}

			.eb-course-action-progress-cont::before {
				content: "";
				display: block;
				height: 6px;
				border-radius: 999px;
				background: #fff;
			}

			.eb-course-action-progress {
				position: absolute;
				top: 0;
				left: 0;
				height: 6px;
				border-radius: 999px;
				background-color: #2B3439;
			}

			.eb-course-progress-status {
				padding-top: 8px;
				margin-bottom: 0;
				text-align: left;
				color: #5F6163;
				font-size: var(--wp--preset--font-size--custom-1, 0.875rem);
				line-height: 1.4;
			}

			.eb-course-action-btn-start {
				margin-top: 24px;
			}

			.eb-course-action-btn-suspended,
			.eb-course-action-btn-start,
			.eb-course-action-btn-resume,
			.eb-course-action-btn-completed {
				position: static;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: auto;
				min-width: 7.5rem;
				border: none;
				border-radius: var(--vinnshop-btn-radius);
				padding: var(--vinnshop-btn-padding);
				background: var(--vinnshop-btn-dark-bg);
				color: var(--vinnshop-btn-dark-color);
				font-size: 16px;
				font-weight: 400;
				line-height: 1.4;
				text-align: center;
				transition: var(--vinnshop-btn-transition);
			}

			.eb-course-action-btn-suspended:hover,
			.eb-course-action-btn-start:hover,
			.eb-course-action-btn-resume:hover,
			.eb-course-action-btn-completed:hover {
				background: var(--vinnshop-btn-dark-bg-hover);
				color: var(--vinnshop-btn-dark-color);
			}

			.eb_courses_completed_tag {
				border-radius: 999px;
				background: #2B3439;
				color: #F0F1F1;
				font-weight: 400;
			}
		}

		.woocommerce-MyAccount-content {
			.eb-my-courses__grid,
			.eb-my-courses__recommended-courses-grid {
				grid-template-columns: 1fr;
				place-items: stretch;
			}

			.eb-my-courses__course-anchor,
			.eb-courses__course-anchor,
			.eb-my-courses__course-card,
			.eb-courses__course-card {
				max-width: none;
			}

			.eb-my-courses__course-card,
			.eb-courses__course-card {
				flex-direction: row;
				align-items: stretch;
			}

			.course-thumbnail-container {
				flex: 0 0 12rem;
				width: 12rem;
				align-self: stretch;
			}

			.course-thumbnail {
				width: 100%;
				height: 100%;
				min-height: 8.75rem;
				object-fit: cover;
			}

			.course-meta {
				min-width: 0;
			}

			.course-title {
				height: auto;
				overflow: visible;
				white-space: normal;
			}
		}

		@media all and (max-width: 768px) {
			.woocommerce {
				grid-template-columns: 1fr;
				padding: var(--wp--preset--spacing--50);

				.woocommerce-MyAccount-navigation {
					ul {
						display: flex;
						flex-direction: column;
					}

					.woocommerce-MyAccount-navigation-link {
						order: 2;
					}

					.woocommerce-MyAccount-navigation-link--customer-logout {
						order: 1;
						display: flex;
						justify-content: flex-end;
						margin-top: 0;
						margin-bottom: var(--wp--preset--spacing--40);
						text-align: end;

						a {
							padding: 8px 14px;
						}
					}
				}

				.woocommerce-MyAccount-content {
					border-left: none;
					padding-left: 0;

					.u-columns.woocommerce-Addresses.col2-set {
						grid-template-columns: 1fr;
					}

					.woocommerce-Address-title .edit {
						padding: var(--vinnshop-btn-padding-mobile);
					}
				}

				.woocommerce-orders-table.woocommerce-MyAccount-orders {
					display: block;
					width: 100%;
					background: transparent;
					border-radius: 0;
					overflow: visible;

					thead {
						display: none;
					}

					tbody {
						display: block;
					}

					tbody tr {
						display: flex;
						flex-direction: column;
						width: 100%;
						margin-bottom: var(--wp--preset--spacing--40);
						padding: 24px;
						border-radius: 16px;
						background: #e5e5e6;
						box-sizing: border-box;

						&:last-child {
							margin-bottom: 0;
						}
					}

					th,
					td {
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						justify-content: flex-start;
						gap: 6px;
						width: 100%;
						max-width: 100%;
						min-width: 0;
						padding: 16px 0;
						line-height: 1.5;
						border: none;
						text-align: left !important;
						white-space: normal;
						box-sizing: border-box;
					}

					tbody tr:first-child {

						th,
						td {
							border-top: none;
						}
					}

					tbody tr th:last-child,
					tbody tr td:last-child {
						padding-bottom: 0;
					}

					tbody tr th:first-child,
					tbody tr td:first-child {
						padding-top: 0;
					}

					.woocommerce-orders-table__cell::before {
						content: attr(data-title);
						float: none;
						margin: 0;
						color: #5F6163;
						font-size: 0.875rem;
						font-weight: 600;
						line-height: 1.4;
					}

					.woocommerce-orders-table__cell-order-number {
						padding-bottom: 16px;

						&::before {
							display: none;
						}

						a {
							font-size: 1.125rem;
						}
					}

					.woocommerce-orders-table__cell-order-date,
					.woocommerce-orders-table__cell-order-status,
					.woocommerce-orders-table__cell-order-total {
						flex-direction: row;
						flex-wrap: wrap;
						align-items: center;
						gap: 8px 12px;
					}

					.woocommerce-orders-table__status {
						max-width: 100%;
						white-space: normal;
					}

					.woocommerce-orders-table__cell-order-actions {
						flex-direction: row;
						flex-wrap: wrap;
						align-items: stretch;
						gap: 8px;
						padding-top: 16px;
						white-space: normal;

						&::before {
							display: none;
						}

						.woocommerce-button,
						.button {
							flex: 1 1 8rem;
							width: auto;
							margin: 0;
							padding: var(--vinnshop-btn-padding-mobile);
						}
					}
				}

				.woocommerce-MyAccount-content > p:has(.order-number) {
					padding: 20px;
				}

				.woocommerce-order-details,
				.woocommerce-order-downloads {
					table.shop_table,
					.woocommerce-table--order-details,
					.woocommerce-table--order-downloads {
						display: block;
						width: 100%;

						thead {
							display: none;
						}

						tbody,
						tfoot {
							display: block;
						}

						tbody tr,
						tfoot tr {
							display: flex;
							flex-wrap: wrap;
							align-items: center;
							justify-content: space-between;
							gap: 8px 12px;
							width: 100%;
							padding: 16px 20px;
							border-top: 1px solid #fff;
							box-sizing: border-box;
						}

						tbody tr:first-child {
							border-top: none;
						}

						tbody tr:first-child,
						tfoot tr:first-child {

							th,
							td {
								border-top: none;
							}
						}

						th,
						td {
							display: block;
							width: auto;
							max-width: 100%;
							min-width: 0;
							padding: 0;
							border: none;
							text-align: left !important;
							white-space: normal;
						}

						.product-name,
						.download-product {
							flex: 1 1 12rem;
						}

						.product-total,
						tfoot td {
							margin-left: auto;
							text-align: right !important;
						}

						tfoot th {
							flex: 1 1 auto;
						}

						.woocommerce-button,
						.button {
							flex: 1 1 8rem;
							margin: 0;
							padding: var(--vinnshop-btn-padding-mobile);
							white-space: normal;
						}
					}
				}

				.woocommerce-customer-details .woocommerce-columns--addresses {
					grid-template-columns: 1fr;
				}

				.woocommerce-order-downloads table.shop_table tbody tr {
					flex-direction: column;
					align-items: stretch;

					td {
						display: flex;
						flex-direction: row;
						flex-wrap: wrap;
						align-items: center;
						justify-content: space-between;
						gap: 8px 12px;
						width: 100%;

						&::before {
							content: attr(data-title);
							color: #5F6163;
							font-size: 0.875rem;
							font-weight: 600;
							line-height: 1.4;
						}
					}

					.download-file::before {
						display: none;
					}
				}

				.order-again .button {
					padding: var(--vinnshop-btn-padding-mobile);
				}
			}

			.edwiser-bridge {
				.wdm-course-thumbnail {
					flex-direction: column;
				}

				.wdm-course-image,
				.eb_my_course_article .wdm-course-image {
					flex: 0 0 auto;
					width: 100%;
					height: 8.75rem;
					min-height: 8.75rem;
				}

				.eb-course-action-btn-suspended,
				.eb-course-action-btn-start,
				.eb-course-action-btn-resume,
				.eb-course-action-btn-completed {
					padding: var(--vinnshop-btn-padding-mobile);
				}
			}

			.woocommerce-MyAccount-content {
				.eb-my-courses__course-card,
				.eb-courses__course-card {
					flex-direction: column;
				}

				.course-thumbnail-container {
					flex: 0 0 auto;
					width: 100%;
				}

				.course-thumbnail {
					height: 8.75rem;
					min-height: 8.75rem;
				}
			}
		}
	}
}