/* ==========================================================
   SHOWROOM BOOKING FORM  (page 7164)
   ========================================================== */

.page-id-7164 .wpcf7 {
	background: #f5f5f5;
	padding: 2.5em;
	margin: 1em 0 2em 0;
}

.page-id-7164 .wpcf7 label {
	display: block;
	font-weight: 600;
	margin-bottom: 1.5em;
}

.page-id-7164 .wpcf7 input[type="text"],
.page-id-7164 .wpcf7 input[type="email"],
.page-id-7164 .wpcf7 input[type="date"],
.page-id-7164 .wpcf7 textarea {
	width: 100%;
	background: #ffffff;
	border: 1px solid #c4c4c4;
	padding: 0.8em 1em;
	margin-top: 0.4em;
	font-size: 1em;
}

.page-id-7164 .wpcf7 textarea {
	height: 160px;
}

.page-id-7164 .wpcf7 input[type="text"]:focus,
.page-id-7164 .wpcf7 input[type="email"]:focus,
.page-id-7164 .wpcf7 input[type="date"]:focus,
.page-id-7164 .wpcf7 textarea:focus {
	border-color: #3a3a3a;
	outline: none;
}

.page-id-7164 .wpcf7 input[type="submit"] {
	background: #3a3a3a;
	color: #ffffff;
	border: none;
	padding: 1em 2.5em;
	font-size: 1em;
	letter-spacing: 0.03em;
	cursor: pointer;
	width: auto;
	text-decoration: none;
}

.page-id-7164 .wpcf7 input[type="submit"]:hover {
	background: #000000;
}

.page-id-7164 .wpcf7 label {
	color: #3a3a3a;
	font-size: 0.95em;
	letter-spacing: 0.02em;
}

.page-id-7164 .wpcf7 input[type="submit"] {
	font-weight: 600;
}

@media (max-width: 600px) {
	.page-id-7164 .wpcf7 {
		padding: 1.5em;
	}
	.page-id-7164 .wpcf7 input[type="submit"] {
		width: 100%;
	}
}


/* ==========================================================
   HEADER LOGO
   The SVG is registered in the Media Library as 144 x 28, and
   that width is written into the img tag. Astra's Logo Width
   slider only sets a max-width, so it cannot override it.
   This sets the real width.
   ========================================================== */

.custom-logo {
	width: 200px !important;
	height: auto !important;
	max-width: none !important;
}


/* ==========================================================
   SHOWROOM PAGE PHOTOS
   The two photos under "What you can see" rendered at 1120px,
   against 390-600px on the product pages. The !important is
   needed because those images carry inline margins.
   ========================================================== */

.elementor-element-fa2d1ca img {
	max-width: 600px;
	margin-left: auto !important;
	margin-right: auto !important;
}