/* ==========================================================
   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.
   ========================================================== 

/* ==========================================================
   SHOWROOM PAGE PHOTOS
   Sets every photo on the page to 540px — the same width your
   two-column image rows use on the product pages. Previously
   the hero ran at 1120px and the others at 600px, both of
   which were out of step with the rest of the site.
   ========================================================== */

.page-id-7164 [data-elementor-type="wp-page"] .elementor-widget-text-editor img {
	max-width: 540px;
	height: auto;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}