.password-holding {

	width: 100%;
	height: 100vh;
	min-height: 500px;
	background: #111;

	video {

		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		pointer-events: none;

	}

	.logo svg {

		position: absolute;
		z-index: 2;
		top: 60px;
		left: 50%;
		transform: translate(-50%, 0);
		width: 150px;
		height: unset;

	}

	.form-container {

		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 280px;
		max-width: 100%;

		* {
			font-family: var(--font-heading-family);
		}

		.ov {
			text-transform: uppercase;
			font-size: 12px;
			margin: 0 0 60px 0;
			color: #fff;
			text-align: center;
			font-weight: 700;
			line-height: 120%;
		}

		h1 {
			color: #fff;
			text-transform: uppercase;
			margin: 0;
			font-size: 20px;
			text-align: center;
			line-height: 110%;
          	letter-spacing: 0.03em;
		}

		form {

			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 100%;
			margin: 43px 0 0 0;

			.success {
				color: #fff;
				text-align: center;
				width: 100%;
				margin: 0;
			}

			input {
				font-size: 12px;
				border: none;
				border-bottom: 1px solid #fff;
				padding: 12px 0;
				background: none;
				width: calc(100% - 100px);
				letter-spacing: 0;
				color: #fff !important;
			}

			input:hover,
			input:focus {
				border: none;
				border-bottom: 1px solid #fff;
				outline: none;
			}

			input::placeholder {
				color: #fff;
				opacity: 1;
			}

			input:-webkit-autofill,
			input:-webkit-autofill:hover, 
			input:-webkit-autofill:focus, 
			input:-webkit-autofill:active{
			    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
				box-shadow: 0 0 0px 1000px transparent inset !important;
				-webkit-text-fill-color: inherit !important;
				transition: background-color 5000s ease-in-out 0s;
				-webkit-text-fill-color: white !important;
			}

			button {
				padding:0;
				box-shadow: nonw;
				border: none;
				text-transform: uppercase;
				outline: none;
				background: none;
				color: #fff;
				font-size: 12px;
				letter-spacing: 0.1em;
				transition: .3s color;
				white-space: nowrap;
				width: 60px;
				text-align: center;
			}

			button:hover {
				color: #B86E4C;
			}

			.h-captcha {
				width: 100%;
			}

		}

	}

	.socials {

		display: flex;
		justify-content: center;
		gap: 43px;
		margin:0;
		padding:0;
		position: absolute;
		z-index: 2;
		bottom: 60px;
		left: 0;
		width: 100%; 

		li {

			list-style: none;

			a {
				color: #fff;
				font-size: 10px;
				font-weight: 600;
			}

		}

	}

}

#shopify-section-main-password-header {
	display: none !important;
}