.stihl-bl-wrapper {
	max-width: 900px;
}

.stihl-bl-form {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: end;
	margin-bottom: 32px;
}

.stihl-bl-campo {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1 1 260px;
}

.stihl-bl-campo label {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #222;
}

.stihl-bl-obrigatorio {
	color: #f36c21;
	margin-left: 2px;
}

.stihl-bl-campo select {
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    background: #fff;
    text-transform: uppercase;
}

.stihl-bl-campo select:disabled {
	background: #f5f5f5;
	color: #999;
	cursor: not-allowed;
}

.stihl-bl-botao {
	background: #f36c21;
	color: #fff;
	border: none;
	padding: 14px 32px;
	font-weight: 700;
	letter-spacing: 0.5px;
	border-radius: 0;
	cursor: pointer;
	transition: background 0.2s ease, opacity 0.2s ease;
	flex: 0 0 auto;
}

.stihl-bl-botao:hover:not(:disabled) {
	background: #749f4a;
}
.stihl-bl-botao:hover {
	background: #749f4a;
}

.stihl-bl-botao:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.stihl-bl-mensagem {
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
}

.stihl-bl-mensagem.stihl-bl-erro {
	color: #c0392b;
}

.stihl-bl-resultados {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px 24px;
}

@media (max-width: 900px) {
	.stihl-bl-resultados {
		grid-template-columns: repeat(2, 1fr);
	}
	.stihl-bl-campo {
        flex: 1 1 0;
    }
}

@media (max-width: 600px) {
	.stihl-bl-resultados {
		grid-template-columns: 1fr;
	}
	.stihl-bl-form {
		flex-direction: column;
		align-items: stretch;
	}
}

.stihl-bl-card {
	border-bottom: 1px solid #666;
	padding-bottom: 16px;
}

.stihl-bl-card-nome {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 8px;
	color: #222;
}

.stihl-bl-card p {
	margin: 0 0 4px;
	font-size: 14px;
	color: #444;
}

.stihl-bl-card-mapa {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f36c21;
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 6px;
}
a.stihl-bl-card-mapa img {
    width: 12px;
}

.stihl-bl-card-mapa:hover {
	text-decoration: underline;
}

.stihl-bl-sem-resultado {
	grid-column: 1 / -1;
	text-align: center;
	color: #666;
	padding: 40px 0;
}
