.product-form {

	.enquire-button {

		margin-top: 10px;

	}

}

.enquiry-modal {

	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 999999;
	opacity: 0;
	pointer-events: none;
	transition: .3s all;

	&.visible {
		opacity: 1;
		pointer-events: auto;
		.enquiry-drawer {
			right: 0;
		}
	}

	.enquiry-drawer {

		position: absolute;
		top:0;
		right: -480px;
		width: 480px;
		height: 100%;
		background: #fff;
		padding: 20px 40px;
		overflow: auto;
		transition: .4s all;

		@media screen and (max-width: 768px) {
			width: 100%;
			padding: 20px 24px;
		}

		.enquiry-drawer--head {

			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 0 30px 0;

			span {
				display: flex;
				align-items: center;
				gap: 3px;
				text-transform: uppercase;
				line-height: 1;
				font-size: 10px;
				letter-spacing: 1px;
				cursor: pointer;
				svg {
					transform: rotate(180deg);
				}
			}

			svg {
				cursor: pointer;
			}

		}

		.enquiry-drawer--body {

			display: flex;
			align-items: center;
			gap: 10px;
			margin-bottom: 30px;

			.enquiry-drawer--p-image {

				width: 90px;

				img {
					width: 100%;
					display: block;
				}

			}

			.enquiry-drawer--p-title {
				text-transform: uppercase;
				line-height: 1.2;
				font-size: 13px;
			}

		}

		.enquiry-drawer--form {

			form {

				.field {

					margin: 0 0 16px 0;

					input,
					textarea {

						width: 100%;
						border: none;
						border-bottom: 1px solid #000;
						font-size: 12px;
						padding: 6px 0;
						color: #000;
						font-family: var(--font-body-family);
						outline: none !important;

						&::placeholder {
							color: #000;
						}

					}

					textarea {
						min-height: 120px;
					}

					&.checkbox {

						display: flex;
						align-items: flex-start;
						gap: 14px;

						input {

							width: 12px;
							height: 12px;
							line-height: 1;
							padding:0;
							border: 1px solid #000;

						}

						label {

							text-transform: none;
							letter-spacing: 0;
							margin:-3px 0 0 0;
							padding:0;
						}

					}

					.button {
						margin-top: 50px;
					}

				}

			}

		}

	}

}