.kcb-rental-site,
.kcb-rental-checkout {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	gap: 20px;
}

.kcb-rental-hero {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 18px;
	padding: 20px;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	background: linear-gradient(135deg, #f9fbff 0%, #ffffff 60%);
}

.kcb-rental-eyebrow {
	margin: 0 0 6px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #4d6580;
	font-weight: 700;
}

.kcb-rental-hero h1 {
	margin: 0;
	font-size: clamp(2rem, 2.8vw, 3rem);
	line-height: 1.08;
}

.kcb-rental-tagline {
	margin: 10px 0 0;
	font-size: 1rem;
	color: #24313f;
	max-width: 58ch;
}

.kcb-rental-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.kcb-rental-btn {
	display: inline-block;
	padding: 10px 14px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	line-height: 1;
	border: 1px solid #ccd7e4;
	background: #f4f7fa;
	color: #1a2a3a;
}

.kcb-rental-btn:hover,
.kcb-rental-btn:focus {
	background: #ebf0f6;
	color: #0f2236;
}

.kcb-rental-btn-primary {
	background: #1f6feb;
	border-color: #1f6feb;
	color: #ffffff;
}

.kcb-rental-btn-primary:hover,
.kcb-rental-btn-primary:focus {
	background: #1a5fca;
	border-color: #1a5fca;
	color: #ffffff;
}

.kcb-rental-highlights {
	background: #ffffff;
	border: 1px solid #dce5ef;
	border-radius: 10px;
	padding: 14px;
	display: grid;
	gap: 8px;
	align-content: start;
}

.kcb-rental-highlights p {
	margin: 0;
	font-size: 14px;
}

.kcb-rental-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.kcb-rental-ph {
	border: 1px dashed #b8c8d8;
	background: repeating-linear-gradient(45deg, #f3f7fb, #f3f7fb 10px, #eef3f8 10px, #eef3f8 20px);
	border-radius: 10px;
	min-height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 14px;
	color: #3d546d;
	font-size: 14px;
	font-weight: 600;
}

.kcb-rental-ph--lg {
	grid-column: span 3;
	min-height: 240px;
}

.kcb-rental-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.kcb-rental-card {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	padding: 16px;
}

.kcb-rental-card h2,
.kcb-rental-card h3 {
	margin-top: 0;
	margin-bottom: 8px;
}

.kcb-rental-card ul {
	margin: 0;
	padding-left: 18px;
	display: grid;
	gap: 6px;
}

.kcb-rental-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.kcb-rental-form-grid p,
.kcb-rental-card p {
	margin: 0;
}

.kcb-rental-card label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 4px;
}

.kcb-rental-card input,
.kcb-rental-card textarea,
.kcb-rental-card select {
	width: 100%;
	box-sizing: border-box;
}

.kcb-rental-estimate {
	margin-top: 12px;
	padding: 10px;
	border-radius: 8px;
	background: #eef7ee;
	border: 1px solid #b9deb9;
	font-size: 15px;
}

.kcb-rental-disclaimer {
	font-size: 13px;
	color: #5a6570;
	margin-top: 10px;
}

.kcb-rental-checkout-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.kcb-rental-summary {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 6px;
}

.kcb-rental-total {
	font-size: 18px;
}

.kcb-rental-payment-pending {
	display: block;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #f0cc91;
	background: #fff7e9;
	color: #6b4918;
}

@media (max-width: 900px) {
	.kcb-rental-hero,
	.kcb-rental-columns,
	.kcb-rental-checkout-grid,
	.kcb-rental-form-grid {
		grid-template-columns: 1fr;
	}

	.kcb-rental-ph--lg {
		min-height: 180px;
	}
}