.woocommerce-account {
	h2 {
		font-size: clamp(25px, 3.6vw, 35px);
		font-weight: 700;
		max-width: 500px;
		margin: 0 auto 20px;
	}
	.woocommerce-MyAccount-content {
		> p:nth-of-type(2) {
			display: none;
		}
	}
	.download_grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--gap-s);
		.download {
			display: flex;
			justify-content: space-between;
			align-items: center;
			text-decoration: none;
			padding: var(--gap-xs) var(--gap-s);
			border-radius: var(--border-radius-xs);
			gap: 15px;
			background: var(--woo-white-smoke);
			height: 100%;
			&:hover {
				opacity: 1;
			}
			> div {
				display: flex;
				align-items: center;
				gap: var(--gap-s);
			}
			h6 {
				color: var(--deep-grey);
			}
			.icon {
				background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 54'%3E%3Cpath fill='%23D6D6D6' d='M39.2 30a8.6 8.6 0 1 0 0 17.1 8.6 8.6 0 0 0 0-17.2ZM44 41l-4 3.5-.2.1-.1.1-.5.1h-.4v-.1h-.1l-.2-.2-4-3.5a1.2 1.2 0 1 1 1.5-1.7l2 1.8v-7.7a1.2 1.2 0 1 1 2.4 0v7.7l2-1.8A1.2 1.2 0 1 1 44 41Z'/%3E%3Cpath fill='%23D6D6D6' d='M0 12.2V54h38v-4.6a11 11 0 0 1 0-21.7V0H12.3L0 12.2Zm19 37.3H5.7a1.2 1.2 0 1 1 0-2.4H19a1.2 1.2 0 1 1 0 2.4Zm3.3-7.1H5.7a1.2 1.2 0 1 1 0-2.4h16.6a1.2 1.2 0 1 1 0 2.4ZM4.5 34c0-.7.5-1.2 1.2-1.2h12a1.2 1.2 0 1 1 0 2.4h-12c-.7 0-1.2-.6-1.2-1.2ZM26.7 27c0 .6-.6 1.2-1.2 1.2H5.7a1.2 1.2 0 0 1 0-2.4h19.8c.6 0 1.2.6 1.2 1.2ZM13.3 5.3a1.2 1.2 0 0 1 2.4 0V14c0 .6-.6 1.2-1.2 1.2H5.7a1.2 1.2 0 0 1 0-2.4h7.6V5.3Z'/%3E%3C/svg%3E");
				height: 54px;
				aspect-ratio: 48 / 54;
			}
			.button {
				text-indent: -9999px;
				gap: 0;
				padding: 5px;
				border-radius: var(--border-radius-xs);
				&:before {
					aspect-ratio: 1 / 1;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 14.3v4.5a2.2 2.2 0 0 1-2.2 2.2H3.2A2.2 2.2 0 0 1 1 18.8v-4.5m4.4-5.5 5.6 5.5m0 0 5.6-5.5M11 14.3V1'/%3E%3C/svg%3E");
				}
				&:hover {
					&:before {
						transform: none;
					}
				}
			}
			.x-small-text {
				font-size: 14px;
			}
		}
	}
	.login {
		display: flex;
		flex-direction: column;
		max-width: 500px;
		margin: 0 auto;
		label {
			font-weight: 800;
		}
		.form-row {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}
		input[type="text"],
		input[type="password"] {
			border: none;
			border-bottom: 1px solid var(--deep-grey);
			padding: 13px 20px 15px;
			font-size: 16px;
		}
		.button {
			align-self: flex-start;
		}
		.password-input {
			display: flex;
			flex-direction: column;
			justify-content: center;
			position: relative;
		}
		.show-password-input {
			background-color: transparent;
			border-radius: 0;
			border: 0;
			color: var(--deep-grey);
			cursor: pointer;
			font-size: inherit;
			line-height: inherit;
			margin: 0;
			padding: 0;
			position: absolute;
			right: .7em;
			text-decoration: none;
			top: 50%;
			transform: translateY(-50%);
			-moz-osx-font-smoothing: inherit;
			-webkit-appearance: none;
			-webkit-font-smoothing: inherit;
			&:before {
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');
				content: "";
				display: block;
				height: 22px;
				width: 22px;
			}
		}
	}
}

@media (width <= 900px) {
	.woocommerce-account {
		.download_grid {
			grid-template-columns: 1fr;
		}
	}
}